/*
Theme Name: Webify Child
Theme URI: 
Description: Child theme of webify theme for the Webify theme
Author: <a href="http://themeforest.net/user/theme_bubble">themebubble</a>
Author URI: 
Template: webify
Version: 2.0
*/


/* Generated by Orbisius Child Theme Creator (http://orbisius.com/products/wordpress-plugins/orbisius-child-theme-creator/) on Tue, 06 Aug 2019 01:17:13 +0000 */


/* The plugin now uses the recommended approach for loading the css files.*/

.elementor-kit-6 a {
  font-family: inherit;
}

.contact-details h2 {
  font-size: 16px;
  color: #fff;
  /*opacity: 0.6;*/
}

.contact-details-link {
  /*margin-top: 15px;*/
  font-size: 15px;
}

.contact-details-items i {
  padding-right: 10px;
  font-size: 16px;
}

.contact-details-items {
  display: flex;
  align-items: flex-start;
  margin-top: 12px !important;
}

.contact-details-items span {
  font-size: 14px;
  line-height: 1.6em;
  font-weight: 300;
  COLOR: #ffffff;
  /*opacity: 0.4;*/
}

.contact-details-items.home {
  margin-bottom: 15px;
}

.follow-us-list {
  display: flex;
}

.follow-us-items {
  padding-right: 14px;
}

.follow-us h3 {
  font-size: 16px;
  color: #fff;
}

.tb-main-header-in {
  justify-content: space-between;
}

.tb-custom-logo-link img {
  max-height: 60px;
}

.tb-main-header-right .tb-header-btn {
  /* margin-left: 40px; */
}

.nav.tb-main-nav.tb-primary-nav {
  padding-right: 10px;
}

.current-menu-item {
  font-size: 16px;
}

.tb-btn.tb-style9 {
  font-size: 16px;
}

.tb-full-width .container {
  width: 100%;
  /* padding: 0 50px; */
}

.learn-more-link:hover {
  text-decoration: underline;
}

.follow-us-items i {
  color: black;
  FONT-SIZE: 11PX;
}

.tb-custom-logo {
  max-height: 70px !important;
}

.heading_with-span .elementor-heading-title span , .heading_with-span .elementor-heading-title a{
  position: relative;
  padding-left: 20px;
  margin-left: 20px;
}
.heading_with-span  .elementor-heading-title a:hover{
text-decoration: underline;
}
.heading_with-span .elementor-heading-title span::before , .heading_with-span .elementor-heading-title a::before {
  content: '';
  position: absolute;
  left: 0;
  top: 14px;
  bottom: 10px;
  width: 2px;
  background: #ddd;
}
.heading_with-span .elementor-heading-title span:first-child, .heading_with-span .elementor-heading-title a:first-child {
  padding-left: 0;
  margin-left: 0;
}
.heading_with-span .elementor-heading-title span:first-child::before, .heading_with-span .elementor-heading-title a:first-child::before {
  display: none;
}

#nav_menu-2 .tb-footer-widget-title {
  opacity: 1;
}

.tb-copyright.tb-style1 {
  font-size: 12px !important;
  color: #ffffff !important;
}

#block-6.widget p:first-child {
  margin-bottom: 8px;
}

.tb-site-footer #block-5 {
  margin-bottom: 0px;
}
.tb-site-footer {
 overflow: hidden;
}


/************* header start ********/

@media (min-width:576px) {
  .tb-site-header .tb-main-header .container {
      max-width: 540px
  }
}

@media (min-width:768px) {
  .tb-site-header .tb-main-header .container {
      max-width: 720px
  }
}

@media (min-width:992px) {
  .tb-site-header .tb-main-header .container {
      max-width: 960px
  }
}

@media (min-width:1200px) {
  .tb-site-header .tb-main-header .container {
      max-width: 1140px
  }
}

.tb-site-header .tb-main-header .container {
  padding-right: 15px;
  padding-left: 15px;
}

.tb-primary-nav .menu-item>a {
  font-weight: 300;
  font-family: 'Roboto', sans-serif;
}

.tb-site-header .tb-main-header .tb-header-btn .tb-btn {
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #1D2A8A !important;
  background-color: #EEF0F9 !important;
  border-radius: 25px;
}

.tb-site-header .tb-main-header .tb-header-btn .tb-btn:hover,
.tb-site-header .tb-main-header .tb-header-btn .tb-btn:active,
.tb-site-header .tb-main-header .tb-header-btn .tb-btn:focus {
  color: #fff !important;
  background-color: #1D2A8A !important;
}

.header-btn-sm {
  display: none;
}

.tb-site-header.tb-sticky-header.small-height {
  box-shadow: 0px 2px 3px #00000024;
}

.tb-site-header.tb-sticky-header {
  transition: 0.3s;
}

.tb-site-header .current_page_item a {
  color: #1d2a8a !important;
  font-weight: 400;
}

.elementor-kit-6 .header-btn-sm>a {
  font-family: "Roboto", Sans-serif;
  font-size: 14px !important;
  font-weight: 500;
  color: #1D2A8A !important;
  background-color: #EEF0F9;
  border-radius: 21px 21px 21px 21px;
  padding: 10px 45px 10px 45px !important;
  width: fit-content;
  margin: 12px auto 0;
}

.elementor-kit-6 .header-btn-sm>a:hover {
  color: #fff !important;
  background-color: #1D2A8A;
}

button.tb-m-menu-btn {
  outline: unset !important;
}
@media(max-width:991px) {
 body .tb-site-branding {
      left: 0px;
  }

  body .tb-m-menu-btn {
      right: 0px;
  }
}

@media(max-width:767px) {
  .tb-site-branding {
      left: 0px;
  }
  .tb-m-menu-btn {
      top: 50%;
  }
}


/************** header end ***********/


/************** footer start  ***********/

.elementor-kit-6 .tb-site-footer h2,
.elementor-kit-6 .tb-site-footer h3 {
  font-size: 16px;
  margin-bottom: 30px;
  font-weight: 500;
}

.tb-site-footer #menu-footer-menu-1 li a {
  font-weight: lighter;
  color: #fff;
  opacity: 9;
}

.tb-site-footer.tb-dark-footer p {
  opacity: 9;
  font-weight: lighter;
}

body .tb-dark-footer.tb-site-footer a {
  color: #fff;
  opacity: 9;
}

.tb-dark-footer #block-6 a {
  text-decoration: underline;
}

.tb-dark-footer #block-6 a:hover {
  text-decoration: none;
}

footer .widget .contact-details-list li:nth-child(2) {
  margin-top: 22px !important;
}

footer .widget .contact-details-list li a {
  font-weight: 300;
}

.tb-site-footer .empty-space+.container>.row>div:first-child {
  flex: 0 0 26%;
  max-width: 26%;
}

.tb-site-footer .empty-space+.container>.row>div:nth-child(2),
.tb-site-footer .empty-space+.container>.row>div:nth-child(3) {
  flex: 0 0 25%;
  max-width: 25%;
}

.tb-site-footer .empty-space+.container>.row>div:last-child {
  flex: 0 0 24%;
  max-width: 24%;
}

.tb-site-footer .empty-space+.container>.row>div:last-child .follow-us {
  width: fit-content;
  margin-left: auto;
}

.tb-site-footer .empty-space+.container>.row>div:nth-child(2) #nav_menu-2 {
  padding-left: 44px;
}

footer .widget .contact-details-list li img {
  margin-right: 8px;
}

footer .widget .contact-details-list li span,
footer .widget .contact-details-list li a {
  font-weight: lighter;
}

.tb-site-footer .tb-copyright div {
  font-weight: lighter;
  font-size: 14px;
}

.tb-site-footer .follow-us-items {
  padding-right: 8px;
}

.tb-site-footer .follow-us-items a {
  background-color: white;
  border-radius: 50%;
  margin-right: 0px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
}

.tb-site-footer .current-menu-item a {
  font-weight: 500 !important;
}


/******** temprary css for hiding social media start*********/
.tb-site-footer .empty-space + .container > .row > div:nth-child(2),  .tb-site-footer .empty-space + .container > .row > div:nth-child(3) {
  flex: 0 0 25%;
  max-width: 25%;
}

 .tb-site-footer .empty-space + .container > .row > div:first-child {
    flex: 0 0 50%;
    max-width: 50%;
  }
   .tb-site-footer .empty-space + .container > .row > div:nth-child(2),  .tb-site-footer .empty-space + .container > .row > div:nth-child(3) {
    flex: 0 0 25%;
    max-width: 25%;
  } 
/******** temprary cssfor hiding social media  end*********/


@media(max-width:991px) {
  .tb-site-footer .empty-space+.container>.row>div:first-child {
      flex: 0 0 50%;
      max-width: 50%;
  }
  .tb-site-footer .empty-space+.container>.row>div:nth-child(2),
  .tb-site-footer .empty-space+.container>.row>div:nth-child(3) {
      flex: 0 0 50%;
      max-width: 50%;
  }
  .tb-site-footer .empty-space+.container>.row>div:last-child {
      flex: 0 0 50%;
      max-width: 50%;
  }
  .tb-site-footer .empty-space+.container>.row>div:nth-child(2) #nav_menu-2 {
      padding-left: 0;
  }
  .tb-site-footer .empty-space+.container>.row>div:last-child .follow-us {
      width: 100%;
      margin-left: unset;
  }
  .tb-site-footer .empty-space+.container>.row>div:last-child {
      display: none !important;
    }
}

@media(max-width:767px) {
  .tb-site-footer .container {
      padding: 0 30px;
  }
  .tb-site-footer .empty-space+.container>.row>div:first-child {
      flex: 0 0 100%;
      max-width: 100%;
  }
  .tb-site-footer .empty-space+.container>.row>div:nth-child(2),
  .tb-site-footer .empty-space+.container>.row>div:nth-child(3) {
      flex: 0 0 100%;
      max-width: 100%;
  }

  .tb-site-footer #block-13,
  .tb-site-footer #block-14 {
      display: none !important;
  }
  .tb-site-footer #block-12 {
      margin-bottom: 0;
  }
}


/************** footer end  ***********/


/******* committed to providing  section start **********/

.circle-icon>div {
  border-radius: 50%;
  background-color: #0000000a;
  display: inline-flex;
  height: 48px;
  width: 48px;
  align-items: center;
  justify-content: center;
  padding: 3px;
  margin-bottom: 20px;
}

.circle-icon.confidentiality​>div {
  background-color: #f4f4ff;
}

.circle-icon.credibility​>div {
  background-color: #fff1f1;
}

.circle-icon.Reliability​>div {
  background-color: #f3fff3;
}

.circle-icon.customer​>div {
  background-color: #ebebeb;
}

body .elementor-column-gap-default>.elementor-column.committed-box>div {
  padding: 30px 20px;
  border-radius: 5px;
  margin-bottom: 30px;
  overflow: hidden;
  transition: 0.9s;
  background-size: 0 100%;
  position: relative;
  background-position: left;
}

body .elementor-column-gap-default>.elementor-column.committed-box>div:after {
  position: absolute;
  border: 1px solid #d2d2d2;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: "";
  border-radius: 6px;
}

body .elementor-column-gap-default>.elementor-column.committed-box>div:hover:after {
  display: none;
}

body .committed-right>.elementor-widget-wrap>.elementor-section>.elementor-container {
  max-width: unset;
}

.committed-right,
.committed-right>div {
  padding: 0 !important;
}

.comitedhover-on {
  position: absolute;
  left: 0;
  bottom: -100px;
  transition: 0.9s;
  color: #fff;
}

body .elementor-column-gap-default>.elementor-column.committed-box>div:hover {
  background-size: 100% 100%;
}

body .elementor-section:first-child .elementor-column-gap-default>.elementor-column.committed-box:first-child>div:hover {
  background-image: linear-gradient(-66deg, #151579 0%, #8080d9 100%);
}

body .elementor-section:first-child .elementor-column-gap-default>.elementor-column.committed-box:last-child>div:hover {
  background-image: linear-gradient(-66deg, #1f7539 0%, #79b98c 100%);
}

body .elementor-section:last-child .elementor-column-gap-default>.elementor-column.committed-box:first-child>div:hover {
  background-image: linear-gradient(-66deg, #e01e20 0%, #ef7677 100%);
}

body .elementor-section:last-child .elementor-column-gap-default>.elementor-column.committed-box:last-child>div:hover {
  background-image: linear-gradient(-66deg, #2d2b2b 0%, #6c6868 100%);
}

body .elementor-section:first-child .elementor-column-gap-default>.elementor-column.committed-box:first-child>div:hover .circle-icon>div {
  background: #8080d9;
}

body .elementor-section:first-child .elementor-column-gap-default>.elementor-column.committed-box:last-child>div:hover .circle-icon>div {
  background: #79b98c;
}

body .elementor-section:last-child .elementor-column-gap-default>.elementor-column.committed-box:first-child>div:hover .circle-icon>div {
  background: #ef7677;
}

body .elementor-section:last-child .elementor-column-gap-default>.elementor-column.committed-box:last-child>div:hover .circle-icon>div {
  background: #6c6868;
}

.committed-box>div .comitedhover-on {
  position: absolute;
  bottom: -31px;
  text-decoration: underline;
  font-weight: 400;
  font-size: 16px;
  left: 16px;
}

.committed-box>div:hover .comitedhover-on {
  bottom: 0;
  top: 0;
  display: flex;
  align-items: end;
  right: 0;
  padding-bottom: 10px;
  left: 0;
  padding-left: 17px;
  color: #fff;
}

.committed-box * {
  transition: 0.9s;
}

.committed-box>div .elementor-widget-text-editor {
  position: unset;
}

.committed-box>div:hover .elementor-widget-text-editor>div p,
.committed-box>div:hover .elementor-widget-heading>div .elementor-heading-title {
  color: #fff;
}

.committed-box .image-white {
  display: none;
}

.committed-box>div:hover .circle-icon {
  display: none;
}

.committed-box>div:hover .circle-icon.image-white {
  display: block;
}


/************** for about us page start  ***********/

body.page-id-1615 .elementor-section .elementor-column-gap-default>.elementor-column.committed-box p {
  margin-bottom: 0;
}

body.page-id-1615 .elementor-section:first-child .elementor-column-gap-default>.elementor-column.committed-box:nth-child(2)>div:hover {
  background-image: linear-gradient(-66deg, #1f7539 0%, #79b98c 100%);
}

body.page-id-1615 .elementor-section:first-child .elementor-column-gap-default>.elementor-column.committed-box:nth-child(2)>div:hover .circle-icon>div {
  background: #79b98c;
}

body.page-id-1615 .elementor-section:last-child .elementor-column-gap-default>.elementor-column.committed-box:nth-child(2)>div:hover {
  background-image: linear-gradient(-66deg, #2d2b2b 0%, #6c6868 100%);
}

body.page-id-1615 .elementor-section:last-child .elementor-column-gap-default>.elementor-column.committed-box:nth-child(2)>div:hover .circle-icon>div {
  background: #6c6868;
}

body.page-id-1615 .elementor-section:last-child .elementor-column-gap-default>.elementor-column.committed-box:nth-child(3)>div:hover {
  background-image: linear-gradient(-66deg, #F6901E 0%, #FBD214 100%);
}

body.page-id-1615 .elementor-section:last-child .elementor-column-gap-default>.elementor-column.committed-box:nth-child(3)>div:hover .circle-icon>div {
  background: #FBD214;
}

.circle-icon.precision>div {
  background-color: #f5901f17;
}

.page-id-1615 .elementor-column-gap-default>.elementor-column.committed-box>div:after {
  right: 1px;
}


/************** for about us page end *************/


/******* committed to providing  section end **********/


/******* services   section start **********/

.services-box>div {
  padding: 30px 20px;
  border-radius: 5px;
  overflow: hidden;
  transition: 0.9s;
  background-size: 0 100%;
  height: 100%;
  position: relative;
  background-position: left;
}

.services-box>div:after {
  position: absolute;
  border: 1px solid #d2d2d2;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: "";
  border-radius: 6px;
}

.services-box>div:hover:after {
  display: none;
}

.comitedhover-on {
  position: absolute;
  left: 0;
  bottom: -100px;
  transition: 0.9s;
  color: #fff;
}

.services-box>div:hover {
  background-image: linear-gradient(-66deg, #26328e 0%, #8390ed 100%);
  ;
  background-size: 100% 100%;
}

.services-box>div .comitedhover-on {
  position: absolute;
  bottom: -31px;
  text-decoration: underline;
  font-weight: 400;
  font-size: 16px;
  left: 16px;
}

.services-box>div:hover .comitedhover-on {
  bottom: 0;
  top: 0;
  display: flex;
  align-items: end;
  right: 0;
  padding-bottom: 10px;
  left: 0;
  padding-left: 17px;
}

.services-box * {
  transition: 0.9s;
}

.services-box>div:hover * {
  color: #fff;
}

.services-box .image-white {
  display: none;
}

.services-box>div:hover .circle-icon>div {
  background-color: #838cd5;
}

.services-box>div:hover .circle-icon {
  display: none;
}

.services-box>div:hover .circle-icon.image-white {
  display: block;
}

.services-slider .slick-track {
  display: flex;
}

.services-slider .slick-track>div {
  height: auto;
  padding: 0 15px;
}

.services-slider .slick-prev,
.services-slider .slick-next {
  font-size: 0;
  padding: 6px 0 0 0;
  width: 39px;
  height: 39px;
  background-color: #fff !important;
  box-shadow: 0 0 5px #0000002e;
  text-align: center;
  display: flex !important;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

.services-slider .slick-prev {
  left: -5px;
}

.services-slider .slick-next {
  right: -5px;
}

.services-slider .slick-next::before {
  content: url(https://www.techperspectives.co.uk/wp-content/uploads/2022/05/arrow-down-sign-to-navigate.png);
}

.services-slider .slick-prev::before {
  content: url(https://www.techperspectives.co.uk/wp-content/uploads/2022/05/arrow-down-sign-to-navigate-prev.png);
}


/* .services-box>div p {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
} */

.services-box>div p:empty {
  display: none;
}

.circle-icon>div img {
  width: 27px;
}

.services-slider .slick-arrow.slick-disabled {
  display: none !important;
}


@media(max-width:767px) {
.services-slider .slick-track>div {
  padding: 0px;
}
}
/********* hiding the learn more button *********/


/******* services   section end **********/


/************** contact us page start********/

body .contact-map iframe {
  max-height: 380px;
}

.elementor-kit-6 .wpcf7-form input[type="submit"].tb-btn {
  line-height: initial;
  border: unset;
  padding: 15px 45px 15px 45px;
  min-width: unset;
  width: auto;
  max-width: unset;
}

body .wpcf7 form.sent .wpcf7-response-output {
  border-color: #46b450;
  color: #46b450;
  background-color: #46b4500f;
}

body .wpcf7 form .wpcf7-response-output {
  margin: 2em 0.5em 1em;
  padding: 0.2em 1em;
  border: 2px solid #00a0d2;
  text-align: center;
}
/************** contact us page end********/


/********** services page start  ***********/

.services-page-posts>div {
  height: 100%;
}

.services-page-posts>div>div p {
  display: block;
  -webkit-line-clamp: unset;
  -webkit-box-orient: unset;
  overflow: unset;
  text-overflow: unset;
}

@media(max-width:1367px) {
  .services-page-posts>div {
      height: 100%;
      padding: 1px;
  }
  .services-box>div:after {
      left: 1px;
      right: 1px;
      top: 1px;
      bottom: 1px;
  }
}


/********** services page end **************/

@media(max-width:991px) {
  .br-md-none br {
      display: none;
  }
  .tb-site-header .tb-m-menu-btn {
      background-color: transparent;
      padding: 0;
  }
  .elementor-kit-6 .tb-m-menu-btn:hover,
  .elementor-kit-6 .tb-m-menu-btn:active,
  .elementor-kit-6 .tb-m-menu-btn:focus {
      background-color: transparent;
  }
  .tb-site-header .tb-m-menu .tb-primary-nav-list {
      text-align: center;
  }
  .tb-site-header .tb-main-header .tb-header-btn .tb-btn {
      display: none;
  }
  .header-btn-sm {
      display: block;
  }
  .heading_with-span .elementor-heading-title {
      font-size: 22px;
  }
}

@media(max-width:767px) {
  .heading_with-span .elementor-heading-title span::before , .heading_with-span .elementor-heading-title a::before {
      content: '';
      position: absolute;
      left: 0;
      top: 50%;
      bottom: 10px;
      width: 2px;
      background: #ddd;
      height: 80%;
      transform: translateY(-50%);
  }
  .heading_with-span .elementor-heading-title {
      width: 238px;
      margin: 0 auto;
      line-height: 1.5;
      display: inline-flex;
      max-width: 100%;
      justify-content: center;
      flex-wrap: wrap;
  }
  .heading_with-span .elementor-heading-title span , .heading_with-span .elementor-heading-title a{
      position: relative;
      padding-left: 11px;
      margin-left: 11px;
  }
  .heading_with-span .elementor-heading-title span:nth-last-child(2)::before,.heading_with-span .elementor-heading-title a:nth-last-child(2)::before {
      display: none;
  }
  .heading_with-span .elementor-heading-title span:nth-last-child(2)::before,.heading_with-span .elementor-heading-title a:nth-last-child(2)::before{
      padding-left: 0;
      margin-left: 0;
  }
  .heading_with-span .elementor-heading-title span , .heading_with-span .elementor-heading-title a{
      position: relative;
      padding-left: 6px;
      margin-left: 6px;
  }
}


/*********** gallery  start**********/

.port-grid-content>div {
  position: relative;
}

.port-grid-content>div img {
  height: 188px;
  width: 100%;
  object-fit: cover;
}

.port-grid-content .btn-group {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  justify-content: space-between;
}

.port-grid-content .btn-group .btn:first-child {
  flex: 0 0 86%;
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  background-color: #1D2A8A;
  padding: 12px 20px;
  box-shadow: none !important;
  appearance: none;
  display: inline-block;
  -webkit-appearance: none;
}

.port-grid-content .btn-group .btn:first-child:hover {
  color: #EEF0F9;
  background-color: #1D2A8A;
}

.port-grid-content .btn-group .btn.dropdown-toggle {
  flex: 0 0 14%;
  background-color: #172066;
  color: #fff;
  padding: 6px 11px;
  box-shadow: none !important;
}

.port-grid-content .btn-group .btn {
  border-radius: 0px;
}

.hover-overly-content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 12px;
  color: #fff;
  background-color: #ffffffb8;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: 0.4s;
  -webkit-appearance: unset !important;
  appearance: unset !important;
}

.hover-overly-content:hover {
  opacity: 1;
}

body .hover-overly-content h4 {
  color: #000;
  margin-bottom: 30px;
  font-family: "Roboto", Sans-serif;
  font-weight: 300;
}

.hover-overly-content .dropdown-menu a:hover {
  background-color: #f0f0f0cc;
}

.hover-overly-content .dropdown-menu a {
  padding: 4px 16px;
  display: block;
  font-size: 14px;
  transition: 0.3s;
}

.hover-overly-content .dropdown-menu {
  padding: 0;
}

.hover-overly-content .dropdown-menu a span {
  font-weight: 500;
  margin-right: 5px;
}

.port-grid-content .video-play-button img {
  width: 56%;
  height: auto;
}

.video-play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  background-color: #f91719;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 5px #0000006e;
  -webkit-appearance: unset !important;
  appearance: unset !important;
}

.grid-video {
  z-index: 0;
}

.grid-video .video-play-button {
  z-index: 2;
}

.grid-video .hover-overly-content {
  z-index: 1;
}

.grid-video .hover-overly-content {
  align-items: self-end;
  padding: 0;
}

.grid-video .hover-overly-content h4 {
  margin-bottom: 8px;
}

.video-play-button:hover+.hover-overly-content {
  opacity: 1;
}

.grid-video .hover-overly-content h4 {
  margin-bottom: 0;
  width: 100%;
  padding: 8px 12px;
  text-align: center;
  background-color: #1D2A8A;
  color: #fff;
  font-weight: 300;
}

.port-foliogrid .load-more .dcs_loadmore {
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #1D2A8A;
  background-color: #EEF0F9;
  border-radius: 21px 21px 21px 21px;
  padding: 15px 45px 15px 45px;
  transition: 0.3s;
}

.port-foliogrid .load-more .dcs_loadmore:hover {
  color: #fff;
  background-color: #1D2A8A;
}

.port-foliogrid .load-more {
  text-align: center;
  margin-top: 45px;
}


/* hide learn more button on home page */

.home .port-foliogrid .load-more {
  display: none;
}

.video-popup .modal-dialog .modal-body video,
.video-popup .modal-dialog .modal-body iframe {
  min-height: 413px;
  background-color: #000;
  height: 100%;
}

.video-popup .modal-dialog {
  max-width: 768px;
  padding: 0 26px;
}

body .close {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 1 !important;
  padding: 0 !important;
  width: 36px;
  height: 36px;
  font-size: 22px !important;
  border: unset !important;
  transition: 00.3s;
}

@media(max-width:991px) {
  .port-grid-content>div img {
      height: auto;
  }
  .hover-overly-content {
      position: relative;
      opacity: 9;
      flex-direction: column;
      padding: 12px 0 0 0;
  }
  .port-grid-content>div {
      box-shadow: 0 0 5px #0000003b;
  }
  .port-grid-content .btn-group {
      position: relative;
      width: 100%;
  }
  body .hover-overly-content h4 {
      margin-bottom: 11px;
      margin-top: 2px;
  }
  .grid-video .hover-overly-content h4 {
      margin-top: 0;
  }
  .heading_with-span .elementor-heading-title span::before , .heading_with-span .elementor-heading-title a::before {
      top: 50%;
      height: 18px;
      transform: translateY(-50%);
  }
}

@media(max-width:767px) {
  .video-popup .modal-dialog .modal-body video,
  .video-popup .modal-dialog .modal-body iframe {
      min-height: 127px;
      background-color: #000;
      height: auto;
  }
}


/*********** gallery  end**********/


/* 27-6-2022 start*/

.tb-primary-nav .tb-primary-nav-list>.menu-item:nth-last-child(3) {
  margin-right: 0px;
}

.page-id-666 .tb-primary-nav .menu-item.header-btn-ser {
  height: auto;
  margin-left: 40px;
}

.page-id-666 .header-btn-ser>a {
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #1D2A8A !important;
  background-color: #EEF0F9;
  border-radius: 21px 21px 21px 21px;
  padding: 10px 48px !important;
  margin-top: 0;
}

.page-id-666 .header-btn-ser>a:hover {
  background-color: #1D2A8A;
  color: #EEF0F9 !important;
}

.header-btn-ser {
  display: none;
}

.page-id-666 .header-btn-ser {
  display: block;
}

.page-id-666 .tb-header-btn {
  display: none;
}

.page-id-666 .header-btn-sm {
  display: none;
}

@media(max-width:991px) {
  .page-id-666 .header-btn-ser {
      width: fit-content;
      margin: 12px auto 0;
  }
}

#block-15 h3 {
  text-transform: none;
}

@media(max-width:767px) {
  .br-sm-none br {
      display: none;
  }
  .heading_with-span .elementor-heading-title span::before , .heading_with-span .elementor-heading-title a::before {
      height: 10px;
      width: 1px;
  }
}

.tb-content > .container > .row > .col-md-12 {
padding: 0;
}
.col-md-12 > .elementor > .elementor-section {
margin: 0 -15px;
}


@media (min-width:576px) {
  body .elementor-section.elementor-section-boxed > .elementor-container {
      max-width: 540px
  }
}

@media (min-width:768px) {
  body .elementor-section.elementor-section-boxed > .elementor-container {
      max-width: 720px
  }
}

@media (min-width:992px) {
  body .elementor-section.elementor-section-boxed > .elementor-container {
      max-width: 960px
  }
}
@media (min-width:1200px) {
  body .elementor-section.elementor-section-boxed > .elementor-container {
      max-width: 1140px
  }
}
@media (max-width:767px) {
.tb-content > .container > .row > .col-md-12 {
  padding: 0 15px;
}
.tb-site-footer .col-md-3 {
padding: 0;
}
}

/* 27-6-2022 ned*/




.port-grid-content > div > img {
  height: auto;
  aspect-ratio: 16/9;
}