html {
   overflow-x: hidden;
 }

 .font-size-10 {
   font-size: 10px;
 }

 .font-size-11 {
   font-size: 11px;
 }

 .font-size-12 {
   font-size: 12px;
 }

 .font-size-13 {
   font-size: 13px;
 }

 .font-size-14 {
   font-size: 14px;
 }

 .font-size-15 {
   font-size: 15px;
 }

 .font-size-16 {
   font-size: 16px;
 }

 .font-size-17 {
   font-size: 17px;
 }

 .font-size-18 {
   font-size: 18px;
 }

 .font-size-19 {
   font-size: 19px;
 }

 .font-size-20 {
   font-size: 20px;
 }

 .font-size-21 {
   font-size: 21px;
 }

 .font-size-22 {
   font-size: 22px;
 }

 .font-size-23 {
   font-size: 23px;
 }

 .font-size-24 {
   font-size: 24px;
 }

 .font-size-25 {
   font-size: 25px;
 }

 .font-size-26 {
   font-size: 26px;
 }

 .font-size-27 {
   font-size: 27px;
 }

 .font-size-28 {
   font-size: 28px;
 }

 .font-size-29 {
   font-size: 29px;
 }

 .font-size-30 {
   font-size: 30px;
 }

 .font-gray-1 {
   color: #f7f7f7;
 }

 .font-gray-2 {
   color: #e9e9e9;
 }

 .font-gray-3 {
   color: #d9d9d9;
 }

 .font-gray-4 {
   color: #c9c9c9;
 }

 .font-gray-5,
 .block-heading-1 span {
   color: #b8b8b8;
 }

 .font-gray-6 {
   color: #a8a8a8;
 }

 .font-gray-7 {
   color: #939393;
 }

 .font-gray-8 {
   color: #7b7b7b;
 }

 .font-gray-9 {
   color: #636363 #4d4d4d;
 }

 .font-gray-10 {
   color: #353535;
 }

 .border-gray-1 {
   border-color: #f7f7f7;
 }

 .border-gray-2 {
   border-color: #e9e9e9;
 }

 .border-gray-3 {
   border-color: #d9d9d9;
 }

 .border-gray-4 {
   border-color: #c9c9c9;
 }

 .border-gray-5 {
   border-color: #b8b8b8;
 }

 .border-gray-6 {
   border-color: #a8a8a8;
 }

 .border-gray-7 {
   border-color: #939393;
 }

 .border-gray-8 {
   border-color: #7b7b7b;
 }

 .border-gray-9 {
   border-color: #636363 #4d4d4d;
 }

 .border-gray-10 {
   border-color: #353535;
 }

 .bg-gray-1 {
   border-color: #f7f7f7;
 }

 .bg-gray-2 {
   border-color: #e9e9e9;
 }

 .bg-gray-3 {
   border-color: #d9d9d9;
 }

 .bg-gray-4 {
   border-color: #c9c9c9;
 }

 .bg-gray-5 {
   border-color: #b8b8b8;
 }

 .bg-gray-6 {
   border-color: #a8a8a8;
 }

 .bg-gray-7 {
   border-color: #939393;
 }

 .bg-gray-8 {
   border-color: #7b7b7b;
 }

 .bg-gray-9 {
   border-color: #636363 #4d4d4d;
 }

 .bg-gray-10 {
   border-color: #353535;
 }

 .letter-spacing-1 {
   letter-spacing: 0.1em;
 }

 .letter-spacing-2 {
   letter-spacing: 0.2em;
 }

 .border-w-1 {
   border-width: 1px;
 }

 .border-w-2 {
   border-width: 2px;
 }

 .border-w-3 {
   border-width: 3px;
 }

 .border-w-4 {
   border-width: 4px;
 }

 .border-w-5 {
   border-width: 5px;
 }

 .primary-black--hover {
   background: #43ab92;
   color: #fff;
 }

 .primary-black--hover:hover {
   background: #000;
   color: #fff;
 }

 .primary-dark--hover {
   background: #43ab92;
   color: #fff;
 }

 .primary-dark--hover:hover {
   background: gray;
   color: #fff;
 }

 .primary-primary-outline--hover {
   background: #43ab92;
   color: #fff;
 }

 .primary-primary-outline--hover:hover {
   border-color: #43ab92;
   background: transparent;
 }

 .primary-outline-primary--hover {
   background: transparent;
   border-color: #43ab92;
 }

 .primary-outline-primary--hover:hover {
   color: #fff;
   background: #43ab92;
 }

 body {
   line-height: 1.7;
   color: #364d59 !important;
   font-weight: 300;
   font-size: 1rem;
   /* background-color: #eae9e9; */
   background-color: #e4e7ec;
 }

 body:before {
   position: absolute;
   content: "";
   left: 0;
   right: 0;
   bottom: 0;
   top: 0;
   background: rgba(0, 0, 0, 0.3);
   -webkit-transition: .3s all ease;
   -o-transition: .3s all ease;
   transition: .3s all ease;
   opacity: 0;
   visibility: hidden;
   z-index: 399;
 }

 body.offcanvas-menu {
   position: relative;
 }

 body.offcanvas-menu:before {
   opacity: 1;
   visibility: visible;
 }

 ::-moz-selection {
   background: #000;
   color: #fff;
 }

 ::selection {
   background: #000;
   color: #fff;
 }

 a {
   -webkit-transition: .3s all ease;
   -o-transition: .3s all ease;
   transition: .3s all ease;
 }

 a:hover {
   text-decoration: none;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 .h1,
 .h2,
 .h3,
 .h4,
 .h5 {
   font-weight: 300;
   color: #364d59;
 }

 .border-2 {
   border-width: 2px;
 }

 .text-black {
   color: #000 !important;
 }

 .bg-black {
   background: #000 !important;
 }

 .color-black-opacity-5 {
   color: rgba(0, 0, 0, 0.5);
 }

 .color-white-opacity-5 {
   color: rgba(255, 255, 255, 0.5);
 }

 .btn:active,
 .btn:focus {
   outline: none;
   -webkit-box-shadow: none !important;
   box-shadow: none !important;
 }

 .btn.btn-outline-white {
   border-color: #fff;
   background: transparent;
   color: #fff;
 }

 .btn.btn-outline-white:hover {
   background: #fff;
   border-color: #fff;
   color: #000;
 }

 .line-height-1 {
   line-height: 1 !important;
 }

 .bg-black {
   background: #000;
 }

 .form-control {
   height: 55px;
   background: #fff !important;
   font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   border: transparent !important;
 }

 .form-control:active,
 .form-control:focus {
   border-color: #43ab92;
 }

 .form-control:hover,
 .form-control:active,
 .form-control:focus {
   -webkit-box-shadow: none !important;
   box-shadow: none !important;
 }

 .site-section {
   padding: 2.5em 0;
 }

 @media (min-width: 768px) {
   .site-section {
     padding: 5em 0;
   }
 }

 .site-section.site-section-sm {
   padding: 4em 0;
 }

 .site-footer {
   padding: 4em 0;
   background-color: #c9ccd4;
 }

 @media (min-width: 768px) {
   .site-footer {
     padding: 8em 0;
   }
 }

 .site-footer .border-top {
   border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
 }

 .site-footer p {
   color: gray;
 }

 .site-footer h2,
 .site-footer h3,
 .site-footer h4,
 .site-footer h5 {
   color: #000;
 }

 .site-footer a {
   color: rgba(0, 0, 0, 0.5);
 }

 .site-footer a:hover {
   color: #43ab92;
 }

 .site-footer ul li {
   margin-bottom: 10px;
 }

 .site-footer .footer-heading {
   font-size: 16px;
   color: #000;
 }

 .bg-text-line {
   display: inline;
   background: #000;
   -webkit-box-shadow: 20px 0 0 #000, -20px 0 0 #000;
   box-shadow: 20px 0 0 #000, -20px 0 0 #000;
 }

 .text-white-opacity-05 {
   color: rgba(255, 255, 255, 0.5);
 }

 .text-black-opacity-05 {
   color: rgba(0, 0, 0, 0.5);
 }

 .hover-bg-enlarge {
   overflow: hidden;
   position: relative;
 }

 @media (max-width: 991.98px) {
   .hover-bg-enlarge {
     height: auto !important;
   }
 }

 .hover-bg-enlarge>div {
   -webkit-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -webkit-transition: .8s all ease-in-out;
   -o-transition: .8s all ease-in-out;
   transition: .8s all ease-in-out;
 }

 .hover-bg-enlarge:hover>div,
 .hover-bg-enlarge:focus>div,
 .hover-bg-enlarge:active>div {
   -webkit-transform: scale(1.2);
   -ms-transform: scale(1.2);
   transform: scale(1.2);
 }

 @media (max-width: 991.98px) {
   .hover-bg-enlarge .bg-image-md-height {
     height: 300px !important;
   }
 }

 .bg-image {
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
   background-attachment: fixed;
 }

 .bg-image.overlay {
   position: relative;
 }

 .bg-image.overlay:after {
   position: absolute;
   content: "";
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 0;
   width: 100%;
   background: rgba(0, 0, 0, 0.7);
 }

 .bg-image>.container {
   position: relative;
   z-index: 1;
 }

 @media (max-width: 991.98px) {
   .img-md-fluid {
     max-width: 100%;
   }
 }

 @media (max-width: 991.98px) {

   .display-1,
   .display-3 {
     font-size: 3rem;
   }
 }

 .play-single-big {
   width: 90px;
   height: 90px;
   display: inline-block;
   border: 2px solid #fff;
   color: #fff !important;
   border-radius: 50%;
   position: relative;
   -webkit-transition: .3s all ease-in-out;
   -o-transition: .3s all ease-in-out;
   transition: .3s all ease-in-out;
 }

 .play-single-big>span {
   font-size: 50px;
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-40%, -50%);
   -ms-transform: translate(-40%, -50%);
   transform: translate(-40%, -50%);
 }

 .play-single-big:hover {
   width: 120px;
   height: 120px;
 }

 .overlap-to-top {
   margin-top: -150px;
 }

 .ul-check {
   margin-bottom: 50px;
 }

 .ul-check li {
   position: relative;
   padding-left: 35px;
   margin-bottom: 15px;
   line-height: 1.5;
 }

 .ul-check li:before {
   left: 0;
   font-size: 20px;
   top: -.3rem;
   font-family: "icomoon";
   content: "\e5ca";
   position: absolute;
 }

 .ul-check.white li:before {
   color: #fff;
 }

 .ul-check.success li:before {
   color: #71bc42;
 }

 .ul-check.primary li:before {
   color: #43ab92;
 }

 .select-wrap,
 .wrap-icon {
   position: relative;
 }

 .select-wrap .icon,
 .wrap-icon .icon {
   position: absolute;
   right: 10px;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   font-size: 22px;
 }

 .select-wrap select,
 .wrap-icon select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   width: 100%;
 }

 .top-bar {
   border-bottom: 1px solid #e9ecef !important;
 }

 /* Navbar */
 /* .site-navbar {
  position: fixed !important;
   margin-bottom: 0px;
   z-index: 1999;
   position: relative;
   top: 0;
   width: 100%;
   padding: 1rem;
 }

 @media (max-width: 991.98px) {
   .site-navbar {
     padding-top: 3rem;
     padding-bottom: 3rem;
   }
 }

 .site-navbar .toggle-button {
   position: absolute;
   right: 0px;
 }

 .site-navbar .site-logo {
   margin: 0;
   padding: 0;
   font-size: 1.7rem;
 }

 .site-navbar .site-logo a {
   color: #43ab92;
   text-transform: lowercase;
 }

 @media (max-width: 991.98px) {
   .site-navbar .site-logo {
     float: left;
     position: relative;
   }
 }   */



 .site-navbar {
   position: fixed !important;
   margin-bottom: 0;
   z-index: 1999;
   top: 0;
   width: 100%;
   padding: 1rem;
   background-color: transparent;
   transition: background-color 0.3s ease, box-shadow 0.3s ease;
 }


 .site-navbar.scrolled {
   background-color: rgba(255, 255, 255, 0.95) !important;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
 }

 /* .site-navbar.scrolled a {
  color: #000 !important;
} */
 .site-navbar.scrolled .site-navigation .site-menu>li>a {
   margin-left: 15px;
   margin-right: 15px;
   padding: 20px 0px;
   color: #000 !important;
   display: inline-block;
   text-decoration: none !important;
 }

 @media (max-width: 991.98px) {
   .site-navbar {
     padding-top: 3rem;
     padding-bottom: 3rem;
   }
 }

 .site-navbar .toggle-button {
   position: absolute;
   right: 0px;
 }

 .site-navbar .site-logo {
   margin: 0;
   padding: 0;
   font-size: 1.7rem;
 }

 .site-navbar .site-logo a {
   color: #43ab92;
   text-transform: lowercase;
 }

 @media (max-width: 991.98px) {
   .site-navbar .site-logo {
     float: left;
     position: relative;
   }
 }


 .site-navbar .site-navigation.border-bottom {
   border-bottom: 1px solid white !important;
 }

 .site-navbar .site-navigation .site-menu {
   margin: 0;
   padding: 0;
   margin-bottom: 0;
 }

 .site-navbar .site-navigation .site-menu .active {
   color: #049FB1 !important;
 }

 .site-navbar .site-navigation .site-menu a {
   text-decoration: none !important;
   display: inline-block;
 }

 .site-navbar .site-navigation .site-menu>li {
   display: inline-block;
 }

 .site-navbar .site-navigation .site-menu>li>a {
   margin-left: 15px;
   margin-right: 15px;
   padding: 20px 0px;
   color: #fff !important;
   display: inline-block;
   text-decoration: none !important;
 }

 .site-navbar .site-navigation .site-menu>li>a:hover {
   color: #43ab92;
 }

 .site-navbar .site-navigation .site-menu>li.active>a {
   color: #049FB1 !important;
   font-size: 17px;
 }

 .site-navbar .site-navigation .site-menu>li>a:hover {
   color: #F4A804 !important;
   transition: color 0.3s ease;
 }

 .site-navbar .site-navigation .site-menu .has-children {
   position: relative;
 }

 .site-navbar .site-navigation .site-menu .has-children>a {
   position: relative;
   padding-right: 20px;
 }

 .site-navbar .site-navigation .site-menu .has-children>a:before {
   position: absolute;
   content: "\e313";
   font-size: 16px;
   top: 50%;
   right: 0;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   font-family: 'icomoon';
 }

 .site-navbar .site-navigation .site-menu .has-children .dropdown {
   visibility: hidden;
   opacity: 0;
   top: 100%;
   position: absolute;
   text-align: left;
   border-top: 2px solid #43ab92;
   -webkit-box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
   box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
   padding: 0px 0;
   margin-top: 20px;
   margin-left: 0px;
   background: #fff;
   -webkit-transition: 0.2s 0s;
   -o-transition: 0.2s 0s;
   transition: 0.2s 0s;
 }

 .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top {
   position: absolute;
 }

 .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
   display: none;
   bottom: 100%;
   left: 20%;
   border: solid transparent;
   content: " ";
   height: 0;
   width: 0;
   position: absolute;
   pointer-events: none;
 }

 .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
   border-color: rgba(136, 183, 213, 0);
   border-bottom-color: #fff;
   border-width: 10px;
   margin-left: -10px;
 }

 .site-navbar .site-navigation .site-menu .has-children .dropdown a {
   text-transform: none;
   letter-spacing: normal;
   -webkit-transition: 0s all;
   -o-transition: 0s all;
   transition: 0s all;
   color: #000 !important;
 }

 .site-navbar .site-navigation .site-menu .has-children .dropdown a.active {
   color: #43ab92 !important;
   background: #f8f9fa;
 }

 .site-navbar .site-navigation .site-menu .has-children .dropdown>li {
   list-style: none;
   padding: 0;
   margin: 0;
   min-width: 200px;
 }

 .site-navbar .site-navigation .site-menu .has-children .dropdown>li>a {
   padding: 9px 20px;
   display: block;
 }

 .site-navbar .site-navigation .site-menu .has-children .dropdown>li>a:hover {
   background: #f8f9fa;
   color: #ced4da;
 }

 .site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children>a:before {
   content: "\e315";
   right: 20px;
 }

 .site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children>.dropdown,
 .site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children>ul {
   left: 100%;
   top: 0;
 }

 .site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children:hover>a,
 .site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children:active>a,
 .site-navbar .site-navigation .site-menu .has-children .dropdown>li.has-children:focus>a {
   background: #f8f9fa;
   color: #ced4da;
 }

 .site-navbar .site-navigation .site-menu .has-children:hover>a,
 .site-navbar .site-navigation .site-menu .has-children:focus>a,
 .site-navbar .site-navigation .site-menu .has-children:active>a {
   color: #43ab92;
 }

 .site-navbar .site-navigation .site-menu .has-children:hover,
 .site-navbar .site-navigation .site-menu .has-children:focus,
 .site-navbar .site-navigation .site-menu .has-children:active {
   cursor: pointer;
 }

 .site-navbar .site-navigation .site-menu .has-children:hover>.dropdown,
 .site-navbar .site-navigation .site-menu .has-children:focus>.dropdown,
 .site-navbar .site-navigation .site-menu .has-children:active>.dropdown {
   -webkit-transition-delay: 0s;
   -o-transition-delay: 0s;
   transition-delay: 0s;
   margin-top: 0px;
   visibility: visible;
   opacity: 1;
 }

 .site-mobile-menu {
   width: 300px;
   position: fixed;
   right: 0;
   z-index: 2000;
   padding-top: 20px;
   background: #fff;
   height: calc(100vh);
   -webkit-transform: translateX(110%);
   -ms-transform: translateX(110%);
   transform: translateX(110%);
   -webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
   box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
   -webkit-transition: .3s all ease-in-out;
   -o-transition: .3s all ease-in-out;
   transition: .3s all ease-in-out;
 }

 .offcanvas-menu .site-mobile-menu {
   -webkit-transform: translateX(0%);
   -ms-transform: translateX(0%);
   transform: translateX(0%);
 }

 .site-mobile-menu .site-mobile-menu-header {
   width: 100%;
   float: left;
   padding-left: 20px;
   padding-right: 20px;
 }

 .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {
   float: right;
   margin-top: 8px;
 }

 .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {
   font-size: 30px;
   display: inline-block;
   padding-left: 10px;
   padding-right: 0px;
   line-height: 1;
   cursor: pointer;
   -webkit-transition: .3s all ease;
   -o-transition: .3s all ease;
   transition: .3s all ease;
 }

 .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover {
   color: #ced4da;
 }

 .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {
   float: left;
   margin-top: 10px;
   margin-left: 0px;
 }

 .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a {
   display: inline-block;
   text-transform: uppercase;
 }

 .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img {
   max-width: 70px;
 }

 .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover {
   text-decoration: none;
 }

 .site-mobile-menu .site-mobile-menu-body {
   overflow-y: scroll;
   -webkit-overflow-scrolling: touch;
   position: relative;
   padding: 0 20px 20px 20px;
   height: calc(100vh - 52px);
   padding-bottom: 150px;
 }

 .site-mobile-menu .site-nav-wrap {
   padding: 0;
   margin: 0;
   list-style: none;
   position: relative;
 }

 .site-mobile-menu .site-nav-wrap a {
   padding: 10px 20px;
   display: block;
   position: relative;
   color: #212529;
 }

 .site-mobile-menu .site-nav-wrap a:hover {
   color: #F4A804;
 }

 .site-mobile-menu .site-nav-wrap li {
   position: relative;
   display: block;
 }

 .site-mobile-menu .site-nav-wrap li .nav-link.active {
   color: #43ab92;
 }

 .site-mobile-menu .site-nav-wrap li.active>a {
   color: #049FB1;
 }

 .site-mobile-menu .site-nav-wrap .arrow-collapse {
   position: absolute;
   right: 0px;
   top: 10px;
   z-index: 20;
   width: 36px;
   height: 36px;
   text-align: center;
   cursor: pointer;
   border-radius: 50%;
 }

 .site-mobile-menu .site-nav-wrap .arrow-collapse:hover {
   background: #f8f9fa;
 }

 .site-mobile-menu .site-nav-wrap .arrow-collapse:before {
   font-size: 12px;
   z-index: 20;
   font-family: "icomoon";
   content: "\f078";
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%) rotate(-180deg);
   -ms-transform: translate(-50%, -50%) rotate(-180deg);
   transform: translate(-50%, -50%) rotate(-180deg);
   -webkit-transition: .3s all ease;
   -o-transition: .3s all ease;
   transition: .3s all ease;
 }

 .site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
 }

 .site-mobile-menu .site-nav-wrap>li {
   display: block;
   position: relative;
   float: left;
   width: 100%;
 }

 .site-mobile-menu .site-nav-wrap>li>a {
   padding-left: 20px;
   font-size: 20px;
 }

 .site-mobile-menu .site-nav-wrap>li>ul {
   padding: 0;
   margin: 0;
   list-style: none;
 }

 .site-mobile-menu .site-nav-wrap>li>ul>li {
   display: block;
 }

 .site-mobile-menu .site-nav-wrap>li>ul>li>a {
   padding-left: 40px;
   font-size: 16px;
 }

 .site-mobile-menu .site-nav-wrap>li>ul>li>ul {
   padding: 0;
   margin: 0;
 }

 .site-mobile-menu .site-nav-wrap>li>ul>li>ul>li {
   display: block;
 }

 .site-mobile-menu .site-nav-wrap>li>ul>li>ul>li>a {
   font-size: 16px;
   padding-left: 60px;
 }

 .site-mobile-menu .site-nav-wrap[data-class="social"] {
   float: left;
   width: 100%;
   margin-top: 30px;
   padding-bottom: 5em;
 }

 .site-mobile-menu .site-nav-wrap[data-class="social"]>li {
   width: auto;
 }

 .site-mobile-menu .site-nav-wrap[data-class="social"]>li:first-child a {
   padding-left: 15px !important;
 }

 .sticky-wrapper {
   position: relative;
   z-index: 100;
   width: 100%;
   position: relative;
   top: 0;
 }

 .sticky-wrapper .site-navbar {
   -webkit-transition: .3s all ease;
   -o-transition: .3s all ease;
   transition: .3s all ease;
 }

 .sticky-wrapper .site-navbar {
   background: #fff;
 }

 .sticky-wrapper .site-navbar ul li a {
   color: rgba(0, 0, 0, 0.7) !important;
 }

 .sticky-wrapper .site-navbar ul li a.active {
   color: #000 !important;
 }

 .sticky-wrapper.is-sticky .site-navbar {
   background: #fff;
   -webkit-box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.2);
   box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.2);
 }

 .sticky-wrapper.is-sticky .site-navbar .site-logo a {
   color: #43ab92;
 }

 .sticky-wrapper.is-sticky .site-navbar ul li a {
   color: #000 !important;
 }

 .sticky-wrapper.is-sticky .site-navbar ul li a.active {
   color: #43ab92 !important;
 }

 .sticky-wrapper .shrink {
   padding-top: 0px !important;
   padding-bottom: 0px !important;
 }

 @media (max-width: 991.98px) {
   .sticky-wrapper .shrink {
     padding-top: 30px !important;
     padding-bottom: 30px !important;
   }
 }

 /* Blocks */
 .site-section-cover {
   position: relative;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
 }

 .site-section-cover,
 .site-section-cover .container {
   position: relative;
   z-index: 2;
 }

 .site-section-cover,
 .site-section-cover .container>.row {
   height: calc(100vh - 196px);
   min-height: 577px;
 }

 @media (max-width: 991.98px) {

   .site-section-cover,
   .site-section-cover .container>.row {
     height: calc(70vh - 196px);
     min-height: 400px;
   }
 }

 .site-section-cover.overlay {
   position: relative;
 }

 .site-section-cover.overlay:before {
   position: absolute;
   content: "";
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 1;
 }

 .site-section-cover.inner-page,
 .site-section-cover.inner-page .container>.row {
   height: auto;
   min-height: auto;
   padding: 2em 0;
 }

 .site-section-cover.img-bg-section {
   background-size: cover;
   background-repeat: no-repeat;
 }

 .site-section-cover h1 {
   font-size: 3rem;
   color: #fff;
   line-height: 1;
 }

 @media (max-width: 991.98px) {
   .site-section-cover h1 {
     font-size: 2rem;
   }
 }

 .site-section-cover p {
   font-size: 18px;
   color: #fff;
 }

 .site-section {
   padding: 7rem 0;
 }

 @media (max-width: 991.98px) {
   .site-section {
     padding: 3rem 0;
   }
 }

 .block-heading-1 span {
   text-transform: uppercase;
   font-size: 12px;
   letter-spacing: .1em;
   font-weight: bold;
 }

 .block-heading-1 h2 {
   font-size: 3rem;
   color: #43ab92;
 }

 @media (max-width: 991.98px) {
   .block-heading-1 h2 {
     font-size: 2rem;
   }
 }

 .block-feature-1-wrap {
   margin-bottom: 7rem;
 }

 .block-feature-1-wrap>.container>.row {
   margin-left: -18px;
   margin-right: -18px;
 }

 .block-feature-1-wrap>.container>.row>.col,
 .block-feature-1-wrap>.container>.row>[class*="col-"] {
   padding-right: 36px;
   padding-left: 36px;
 }

 .block-feature-1 {
   background: #f2f2f2;
   padding: 30px 30px 30px 50px;
   position: relative;
 }

 .block-feature-1 h2 {
   font-size: 18px;
 }

 .block-feature-1 .icon {
   width: 80px;
   height: 80px;
   display: inline-block;
   border-radius: 50%;
   position: absolute;
   left: -40px;
   top: 50%;
   border: 4px solid #fff;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   text-align: center;
 }

 .block-feature-1 .icon>span {
   font-size: 40px;
   color: #fff;
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
 }

 .block-img-video-1-wrap .block-img-video-1 {
   position: relative;
   margin-top: -10rem;
 }

 @media (max-width: 991.98px) {
   .block-img-video-1-wrap .block-img-video-1 {
     margin-top: -6rem;
   }
 }

 .block-img-video-1>a {
   display: block;
   position: relative;
   cursor: pointer;
 }

 .block-img-video-1>a .icon {
   position: absolute;
   width: 80px;
   height: 80px;
   border-radius: 50%;
   display: inline-block;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   background: #fff;
   -webkit-transition: .3s all ease-in-out;
   -o-transition: .3s all ease-in-out;
   transition: .3s all ease-in-out;
 }

 .block-img-video-1>a .icon>span {
   position: absolute;
   top: 50%;
   font-size: .8rem;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   color: #000;
 }

 .block-img-video-1>a:hover .icon {
   background: #fff;
   width: 90px;
   height: 90px;
 }

 .block-counter-1 {
   text-align: center;
 }

 .block-counter-1 .number,
 .block-counter-1 .caption {
   display: block;
   line-height: 1;
 }

 .block-counter-1 .number {
   color: #43ab92;
   font-size: 4rem;
   position: relative;
   padding-bottom: 20px;
   margin-bottom: 20px;
 }

 @media (max-width: 991.98px) {
   .block-counter-1 .number {
     font-size: 2rem;
   }
 }

 .block-counter-1 .number:after {
   position: absolute;
   content: "";
   width: 50px;
   height: 3px;
   left: 50%;
   bottom: 0;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   background: rgba(52, 58, 64, 0.3);
 }

 .block-counter-1 .caption {
   font-size: 14px;
   letter-spacing: .05em;
 }

 .block-team-member-1 {
   padding: 30px;
   border: 1px solid #e9ecef;
   background: #fff;
   position: relative;
   top: 0;
   -webkit-transition: .15s all ease-in-out;
   -o-transition: .15s all ease-in-out;
   transition: .15s all ease-in-out;
 }

 .block-team-member-1 figure img {
   max-width: 130px !important;
   margin-left: auto;
   margin-right: auto;
 }

 .block-social-1>a {
   display: inline-block;
   width: 30px;
   height: 30px;
   position: relative;
 }

 .block-social-1>a span {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
 }

 .block-testimony-1 {
   padding: 20px;
   position: relative;
 }

 .block-testimony-1 blockquote {
   background: #fff;
   padding: 30px;
   font-style: italic;
   font-size: 18px;
   color: #000;
   font-family: 'Georgia', Times, serif;
   position: relative;
 }

 .block-testimony-1 figure {
   position: relative;
   padding-top: 20px;
 }

 .block-testimony-1 figure:before {
   position: absolute;
   content: "";
   width: 50px;
   left: 50%;
   display: none;
   top: 0;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   background: #43ab92;
   height: 2px;
 }

 .block-testimony-1 figure img {
   max-width: 60px;
 }

 .block-testimony-1 h3 {
   font-size: 18px;
 }

 .block-13 .owl-nav {
   display: none;
 }

 .block-13 .owl-dots {
   text-align: center;
   position: relative;
   bottom: -30px;
 }

 .block-13 .owl-dots .owl-dot {
   display: inline-block;
 }

 .block-13 .owl-dots .owl-dot span {
   display: inline-block;
   width: 7px;
   height: 7px;
   border-radius: 4px;
   background: #cccccc;
   -webkit-transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
   -o-transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
   transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
   margin: 3px;
 }

 .block-13 .owl-dots .owl-dot.active span {
   background: #43ab92;
 }

 .post-entry {
   background: #fff;
   padding: 30px;
   border: 1px solid #e6e6e6;
   border-radius: 4px;
   -webkit-transition: .3s all ease;
   -o-transition: .3s all ease;
   transition: .3s all ease;
 }

 .post-entry:hover {
   -webkit-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.1);
   box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.1);
 }

 .post-entry h2 {
   font-size: 20px;
 }

 .post-entry *:last-child {
   margin-bottom: 0;
 }

 .by {
   color: #000;
   border-bottom: 1px dotted #ccc;
 }

 .by:hover {
   border-bottom: 1px dotted #43ab92;
 }

 .form-control {
   border: none;
   border: 1px solid #e6e6e6;
 }

 .form-control:hover,
 .form-control:active,
 .form-control:focus {
   border: 1px solid #666666;
 }

 .sidebar-box {
   margin-bottom: 30px;
   padding: 25px;
   font-size: 15px;
   width: 100%;
   float: left;
   background: #fff;
 }

 .sidebar-box *:last-child {
   margin-bottom: 0;
 }

 .sidebar-box h3 {
   font-size: 18px;
   margin-bottom: 15px;
 }

 .categories li,
 .sidelink li {
   position: relative;
   margin-bottom: 10px;
   padding-bottom: 10px;
   border-bottom: 1px dotted #dee2e6;
   list-style: none;
 }

 .categories li:last-child,
 .sidelink li:last-child {
   margin-bottom: 0;
   border-bottom: none;
   padding-bottom: 0;
 }

 .categories li a,
 .sidelink li a {
   display: block;
 }

 .categories li a span,
 .sidelink li a span {
   position: absolute;
   right: 0;
   top: 0;
   color: #ccc;
 }

 .categories li.active a,
 .sidelink li.active a {
   color: #000;
   font-style: italic;
 }

 .comment-form-wrap {
   clear: both;
 }

 .comment-list {
   padding: 0;
   margin: 0;
 }

 .comment-list .children {
   padding: 50px 0 0 40px;
   margin: 0;
   float: left;
   width: 100%;
 }

 .comment-list li {
   padding: 0;
   margin: 0 0 30px 0;
   float: left;
   width: 100%;
   clear: both;
   list-style: none;
 }

 .comment-list li .vcard {
   width: 80px;
   float: left;
 }

 .comment-list li .vcard img {
   width: 50px;
   border-radius: 50%;
 }

 .comment-list li .comment-body {
   float: right;
   width: calc(100% - 80px);
 }

 .comment-list li .comment-body h3 {
   font-size: 20px;
   color: #000;
 }

 .comment-list li .comment-body .meta {
   text-transform: uppercase;
   font-size: 13px;
   letter-spacing: .1em;
   color: #ccc;
 }

 .comment-list li .comment-body .reply {
   padding: 5px 10px;
   background: #e6e6e6;
   color: #000;
   text-transform: uppercase;
   font-size: 14px;
 }

 .comment-list li .comment-body .reply:hover {
   color: #000;
   background: #e3e3e3;
 }

 .search-form {
   background: #f7f7f7;
   padding: 10px;
 }

 .search-form .form-group {
   position: relative;
 }

 .search-form .form-group input {
   padding-right: 50px;
 }

 .search-form .icon {
   position: absolute;
   top: 50%;
   right: 20px;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
 }

 .post-meta {
   font-size: 13px;
   text-transform: uppercase;
   letter-spacing: .2em;
 }

 .post-meta a {
   color: #fff;
   border-bottom: 1px solid rgba(255, 255, 255, 0.5);
 }

 .slide {
   height: 100vh;
   min-height: 900px;
   background-size: cover;
 }

 .btn-md {
   padding: 8px 20px;
 }

 .border-w-2 {
   border-width: 2px !important;
 }

 .block__73694 .block__73422 {
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
 }

 @media (max-width: 991.98px) {
   .block__73694 .block__73422 {
     height: 400px;
   }
 }

 @media (max-width: 991.98px) {
   .slide-one-item .owl-nav {
     display: none;
   }
 }

 .slide-one-item .owl-nav .owl-prev,
 .slide-one-item .owl-nav .owl-next {
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   font-size: 2rem;
   color: rgba(255, 255, 255, 0.4);
 }

 .slide-one-item .owl-nav .owl-prev:hover,
 .slide-one-item .owl-nav .owl-next:hover {
   color: #fff;
 }

 .slide-one-item .owl-nav .owl-prev {
   left: 20px;
 }

 .slide-one-item .owl-nav .owl-next {
   right: 20px;
 }

 .slide-one-item .owl-dots {
   position: absolute;
   bottom: 20px;
   width: 100%;
   text-align: center;
   z-index: 2;
 }

 .slide-one-item .owl-dots .owl-dot {
   display: inline-block;
 }

 .slide-one-item .owl-dots .owl-dot>span {
   -webkit-transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
   -o-transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
   transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
   display: inline-block;
   width: 7px;
   height: 7px;
   border-radius: 4px;
   background: rgba(255, 255, 255, 0.4);
   margin: 3px;
 }

 .slide-one-item .owl-dots .owl-dot.active>span {
   width: 20px;
   background: #fff;
 }

 .footer-suscribe-form .form-control {
   border: none;
   color: #000;
 }

 .footer-suscribe-form .form-control:hover,
 .footer-suscribe-form .form-control:active,
 .footer-suscribe-form .form-control:focus {
   color: #000 !important;
 }

 .footer-suscribe-form .btn {
   color: #fff;
 }

 /* .ftco-blocks-cover-1 .ftco-service-image-1 {
   margin-top: -70px;
   position: static;
 } */

 .owl-carousel-wrapper {
   height: 100vh;
   min-height: 600px;
   position: relative;
   /* margin-top: -100px; */
 }

 @media (max-width: 991.98px) {
   .owl-carousel-wrapper {
     height: 100vh;
     min-height: 600px;
     position: relative;
     /* margin-top: -142px; */
   }

 }

 .ftco-cover-1 {
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
   position: relative;
 }

 .ftco-cover-1,
 .ftco-cover-1 .container>.row {
   height: 100vh;
   min-height: 600px;
 }

 .ftco-cover-1>.container {
   position: relative;
 }

 .ftco-cover-1.overlay {
   position: relative;
 }

 .ftco-cover-1.overlay:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   opacity: .5;
   background: #000;
 }

 .ftco-cover-1.overlay h1 {
   color: #fff;
   font-size: 3rem;
 }

 .ftco-cover-1.overlay p {
   color: #fff;
 }

 .ftco-cover-1.overlay p a {
   color: #fff;
   font-weight: 700;
 }

 .ftco-cover-1.overlay p a:hover {
   text-decoration: none;
 }

 .ftco-cover-1.overlay form .form-control,
 .ftco-cover-1.overlay form .btn {
   height: 55px;
   border-radius: 4px;
 }

 .ftco-cover-1.overlay form .form-control {
   padding-left: 20px;
   padding-right: 20px;
   border-color: transparent;
   margin-right: 10px;
 }

 .ftco-cover-1.overlay form .btn {
   border-color: transparent;
 }

 .owl-all .owl-dots {
   text-align: center;
   margin-top: 30px;
 }

 .owl-all .owl-dots .owl-dot {
   display: inline-block;
 }

 .owl-all .owl-dots .owl-dot>span {
   display: inline-block;
   width: 7px;
   height: 7px;
   background: #ccc;
   margin: 5px;
   border-radius: 50%;
 }

 .owl-all .owl-dots .owl-dot.active>span {
   background: #43ab92;
 }

 @media (min-width: 992px) {

   .owl-all .owl-nav,
   .owl-all .owl-dots {
     display: none;
   }

   .owl-all .owl-stage {
     -webkit-transform: none !important;
     -ms-transform: none !important;
     transform: none !important;
     width: 120% !important;
     padding-top: 10px;
   }

   .owl-all .owl-carousel .owl-stage-outer {
     width: 100%;
     overflow: visible;
   }

   .owl-all .owl-stage-outer>.owl-stage>.owl-item {
     display: inline-grid;
     float: none;
     margin-bottom: 30px;
   }
 }

 .blog-entry .blog-thumbnail {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 150px;
   flex: 0 0 150px;
   margin-right: 20px;
 }

 .blog-entry .blog-thumbnail img {
   border-radius: 4px;
 }

 .blog-entry .blog-excerpt a {
   color: #000;
 }

 .blog-entry .blog-excerpt a:hover {
   color: #43ab92;
 }

 .bg-light {
   background-color: #f6f5f5 !important;
 }

 .feature-1 {
   background: #ccc;
   position: relative;
   display: block;
   z-index: 1;
   margin-bottom: 30px;
 }

 .feature-1 .feature-1-contents {
   position: absolute;
   z-index: 2;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   padding: 30px;
   background: #fff;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: .3s all ease;
   -o-transition: .3s all ease;
   transition: .3s all ease;
 }

 .feature-1 .feature-1-contents h2 {
   font-size: 1.2rem;
 }

 .feature-1:hover .feature-1-contents,
 .feature-1:focus .feature-1-contents {
   visibility: visible;
   opacity: .95;
 }

 .more {
   text-transform: uppercase;
   font-size: .75rem;
   letter-spacing: .1rem;
   border-bottom: 2px solid #43ab92;
 }

 .section-2 {
   background: #1c2d37;
 }

 .section-2 .section-2-title {
   color: #000;
 }

 .section-2 .section-2-title h2 {
   color: #000;
 }

 .feature-2 {
   color: #000;
 }

 .feature-2 h3 {
   color: #000;
 }

 .feature-2 .caption {
   font-weight: bold;
   color: #43ab92;
   display: block;
   margin-bottom: 10px;
 }

 .fixed-content {
   position: -webkit-sticky;
   position: sticky;
   top: .2rem;
 }

 .feature-3 {
   position: relative;
   margin-bottom: 40px;
 }

 .feature-3:before {
   position: absolute;
   left: -3rem;
   line-height: 0;
   top: 1rem;
   font-size: 2rem;
   color: #71bc42;
   font-family: "icomoon";
   content: "\e86c";
 }

 .feature-3 h3 {
   font-size: 1.3rem;
 }

 .testimonial-1 .quote-icon-wrap {
   font-size: 2rem;
   color: #049FB1;
 }

 .testimonial-1 p {
   font-size: 1.5rem;
 }

 .post-entry-1 {
   position: relative;
 }

 .post-entry-1>a {
   margin-top: -20px;
   display: inline-block;
   -webkit-box-shadow: 0 10px 20px -8px rgba(0, 0, 0, 0.5);
   box-shadow: 0 10px 20px -8px rgba(0, 0, 0, 0.5);
 }

 .post-entry-1:before {
   width: 100%;
   height: 100%;
   z-index: -1;
   content: "";
   position: absolute;
   background: #43ab92;
   right: 0px;
   bottom: 0px;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: .3s all ease;
   -o-transition: .3s all ease;
   transition: .3s all ease;
 }

 .post-entry-1 .meta {
   color: #ccc;
   margin-bottom: 30px;
   display: block;
 }

 .post-entry-1 .post-entry-1-contents {
   background: #fff;
   padding: 20px;
 }

 .post-entry-1 .post-entry-1-contents h2 {
   font-size: 22px;
 }

 .post-entry-1 .post-entry-1-contents h2,
 .post-entry-1 .post-entry-1-contents h2>a {
   color: #000;
   text-transform: uppercase;
   font-size: 18px;
 }

 .careers-1 {
   padding: 20px;
   background: #fff;
   margin-bottom: 30px;
 }

 .more-39291 {
   text-transform: uppercase;
   font-size: 12px;
   font-weight: bold;
   position: relative;
   padding-right: 20px;
   color: #000;
 }

 .more-39291:after {
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg);
   top: .5rem;
   line-height: 0;
   right: 0;
   content: "\e317";
   position: absolute;
   font-family: 'icomoon';
 }

 .heading-39291 {
   text-transform: uppercase;
   font-size: 20px;
   font-weight: bold;
   color: #049FB1;
   margin-bottom: 30px;
 }

 .year-experience-99301 {
   border: 4px solid #43ab92;
   padding: 40px;
   position: relative;
   background: #fff;
 }

 .year-experience-99301:before {
   z-index: -1;
   content: "";
   position: absolute;
   top: -31px;
   left: -31px;
   width: 100%;
   height: 100%;
   background: rgba(67, 171, 146, 0.1);
 }

 .year-experience-99301 .text {
   text-transform: uppercase;
   font-size: 14px;
   color: #888;
   font-weight: bold;
   line-height: 1;
   position: relative;
   margin-bottom: 30px;
   display: block;
 }

 .year-experience-99301 .text>span {
   display: block;
 }

 .year-experience-99301 .number {
   font-size: 5rem;
   color: #000;
   font-weight: bold;
   position: relative;
 }

 .year-experience-99301 .number>span {
   position: relative;
   z-index: 2;
 }

 .year-experience-99301 .number:before {
   right: 0;
   z-index: 1;
   position: absolute;
   content: "";
   width: 70px;
   height: 70px;
   border-radius: 50%;
   background: rgba(67, 171, 146, 0.5);
 }

 .media-92812 {
   position: relative;
   margin-bottom: 40px;
 }

 .media-92812 .text {
   width: 80%;
   margin-top: -100px;
   position: relative;
   padding: 50px;
   display: block;
   background: #fff;
 }

 .media-92812 .text:after {
   content: "";
   position: absolute;
   background: #43ab92;
   width: 100%;
   height: 100%;
   z-index: -1;
   bottom: -20px;
   right: -20px;
   -webkit-transition: .3s all ease;
   -o-transition: .3s all ease;
   transition: .3s all ease;
   opacity: .1;
   visibility: visible;
 }

 .media-92812 .caption {
   color: #b3b3b3;
 }

 .media-92812 h3,
 .media-92812 h3>a {
   color: #000;
   text-transform: uppercase;
 }

 .media-92812:hover .text:after {
   opacity: .1;
   visibility: visible;
   bottom: -20px;
   right: -20px;
 }

 .half-29230>div {
   width: 50%;
   height: 100vh;
 }

 .media-29191 {
   margin-left: 10px;
   margin-right: 10px;
 }

 .media-29191 .caption {
   color: #b3b3b3;
 }

 .media-29191 .text {
   padding: 50px;
   background: #fff;
   margin-top: -100px;
   position: relative;
   z-index: 9;
 }

 .media-29191 .text h3,
 .media-29191 .text h3>a {
   text-transform: uppercase;
   color: #000;
 }

 .slide-one-item .owl-dots,
 .owl-1 .owl-dots,
 .owl-2 .owl-dots,
 .owl-3 .owl-dots {
   width: 100%;
   text-align: center;
 }

 .slide-one-item .owl-dots .owl-dot,
 .owl-1 .owl-dots .owl-dot,
 .owl-2 .owl-dots .owl-dot,
 .owl-3 .owl-dots .owl-dot {
   display: inline-block;
 }

 .slide-one-item .owl-dots .owl-dot>span,
 .owl-1 .owl-dots .owl-dot>span,
 .owl-2 .owl-dots .owl-dot>span,
 .owl-3 .owl-dots .owl-dot>span {
   width: 7px;
   height: 7px;
   display: inline-block;
   background: #ccc;
   border-radius: 50%;
   margin: 3px;
 }

 .slide-one-item .owl-dots .owl-dot.active>span,
 .owl-1 .owl-dots .owl-dot.active>span,
 .owl-2 .owl-dots .owl-dot.active>span,
 .owl-3 .owl-dots .owl-dot.active>span {
   width: 7px;
   height: 7px;
   background: #43ab92;
 }

 .owl-1 .owl-dots,
 .owl-3 .owl-dots {
   bottom: 50px;
   position: relative;
 }

 .owl-1 .owl-dots .owl-dot>span,
 .owl-3 .owl-dots .owl-dot>span {
   background: #fff;
 }

 .owl-2 .owl-dots {
   bottom: 150px;
   position: relative;
 }

 .owl-2 .owl-dots .owl-dot>span {
   background: #fff;
 }

 .slide-one-item .owl-dots {
   bottom: -20px;
 }

 .box-29291 {
   background: #fff;
   position: relative;
   z-index: 2;
   margin-right: -60px;
   margin-top: 20px;
   margin-bottom: 20px;
   padding: 4rem;
 }

 @media (max-width: 991.98px) {
   .box-29291 {
     margin-right: 0px;
   }
 }

 .box-92819 {
   z-index: 2;
   /* background: #fff; */
   padding: 4rem;
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   max-width: 500px;
 }

 .media-02819 {
   margin-bottom: 60px;
 }

 .media-02819 .small {
   position: relative;
   height: 400px;
   width: 100%;
   overflow: hidden;
 }

 .media-02819 .img-link {
   margin-bottom: 30px;
   color: #000 !important;
   display: block;
   position: relative;
   bottom: 0px;
   -webkit-transition: all .2s;
   -o-transition: all .2s;
   transition: all .2s;
   -webkit-transition-timing-function: cubic-bezier(0.17, 0.67, 0.83, 0.67);
   -o-transition-timing-function: cubic-bezier(0.17, 0.67, 0.83, 0.67);
   transition-timing-function: cubic-bezier(0.17, 0.67, 0.83, 0.67);
 }

 .media-02819 .img-link:hover {
   bottom: 20px;
 }

 .media-02819 h3 {
   font-size: 20px;
   margin-bottom: 0;
 }

 .media-02819 h3 a {
   color: #000;
 }

 .media-02819 span {
   font-size: 14px;
 }

 .service-29193 {
   background: #fff;
   padding: 50px 30px;
 }

 .service-29193 h3 {
   font-weight: bold;
   text-transform: uppercase;
   font-size: 16px;
   color: #000;
    
 }
  .service-29193 p {
  color: #000;
   font-size: 16px;
    
 }

 .service-29193:hover h3,
.service-29193:hover p {
  color: #049FB1;   
  transform: translateY(-3px);  
  transition: 0.3s;
}

 .service-29193 h3 a {
   color: #049FB1 ;
 }

 .service-29193 .img-wrap {
   margin-bottom: 40px;
   display: block;
   position: relative;
 }

 @media (max-width: 992px) {
 .service-29193  .hidden {
  display: none;
 }
 }


 /* .service-29193 .img-wrap:before {
   content: "";
   position: absolute;
   top: 0;
   width: 50px;
   height: 50px;
   border-radius: 50%;
   background: #F4A804;
   z-index: 0;
 } */

 .service-29193 img {
   position: relative;
   z-index: 1;
   max-width: 80px;
 }







 .ftco-cover-1 {
   position: relative;
   background-size: cover;
   background-position: center;
   overflow: hidden;
   /* ensures overlay stays within image */
 }

 /* Full black overlay on image */
 .ftco-cover-1::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.3);
   /* adjust opacity here */
   z-index: 1;
   /* behind text but above image */
 }

 .overlay-text {
   position: absolute;
   top: 50%;
   left: 39%;
   transform: translate(-50%, -50%);
   color: #F4A804;
   /* text-align: center; */
   padding: 20px;
   border-radius: 10px;
   z-index: 2;
   /* above overlay */
 }

 .overlay-text h2 {
   font-size: 3rem;
   margin-bottom: 10px;
   color: #F4A804;
   font-weight: 500;
 }

 .overlay-text p {
   font-size: 1rem;
   color: #fff;
    
   /* optional: ensures readability on dark overlay */
 }



 /* .ftco-cover-1 {
  position: relative;
  background-size: cover;
  background-position: center;
  
 }

.overlay-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color:  #F4A804;
  text-align: center;
  background: rgba(0, 0, 0, 0.4);  
  padding: 20px;
  border-radius: 10px;
}

.overlay-text h2 {
  font-size: 2rem;
  margin-bottom: 10px;
  color: #049FB1;
  font-weight: 500;
}

.overlay-text p {
  font-size: 1rem;
} */


 /* .gallery-page .pintrest-gallery {
   column-count: 4;
   column-gap: 15px;
  }

 .gallery-page .gallery-images {
   margin-bottom: 15px;
   width: 100%;
   display: inline-block;
  }

 .gallery-page .pintrest-gallery img {
   width: 100%;
   height: auto;
    display: block;
 }

 .gallery-images img {
   cursor: pointer;
   transition: transform 0.25s ease;
 }

  .gallery-images img:hover {
   transform: scale(1.05);
 }

  @media (max-width: 1200px) {
   .gallery-page .pintrest-gallery {
     column-count: 4;
   }
 }

 @media (max-width: 992px) {
   .gallery-page .pintrest-gallery {
     column-count: 3;
   }
 }

 @media (max-width: 768px) {
   .gallery-page .pintrest-gallery {
     column-count: 2;
   }
 }

 @media (max-width: 576px) {
   .gallery-page .pintrest-gallery {
     column-count: 1;
   }
 } */

 #movetopwhatsapp {
   position: fixed;
   bottom: 30px;
   right: 45px;
   z-index: 9999;
   width: 50px;
   height: 50px;
   background-color: #25D366;
   color: #fff;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   text-decoration: none;
   font-size: 24px;
   cursor: pointer;

   /* Smooth hover transition */
   transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
 }

 #movetopwhatsapp:hover {
   transform: scale(1.3);
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
   /* optional shadow effect */
 }




 /* ===== FILTER BUTTONS ===== */
 .gallery-filters {
   text-align: center;
   margin: 30px 0;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   gap: 10px;
 }

 .filter-btn {
   border: none;
   background-color: transparent;
   padding: 10px 15px;
   margin: 5px;
   cursor: pointer;
   transition: 0.3s;
   text-transform: uppercase;
   outline: none;
 }

 .filter-btn.active,
 .filter-btn:hover {
   color: #049FB1;
   border-bottom: 1px solid #049FB1;
   outline: none;
 }

 /* ===== MASONRY GALLERY ===== */
 .pintrest-gallery {
   column-count: 4;
   column-gap: 15px;
 }

 .gallery-images {
   break-inside: avoid;
   margin-bottom: 15px;
   width: 100%;
   display: block;
   transition: opacity 0.3s ease;
 }

 .gallery-images img {
   width: 100%;
   height: auto;
   border-radius: 10px;
   cursor: pointer;
   transition: transform 0.25s ease, box-shadow 0.25s ease;
 }

 .gallery-images img:hover {
   transform: scale(1.03);
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
 }

 /* ===== LIGHTBOX ===== */
 .lightbox {
   display: none;
   position: fixed;
   z-index: 9999;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.9);
   justify-content: center;
   align-items: center;
   padding: 20px;
 }

 .lightbox-content {
   position: relative;
   display: inline-block;
   max-width: 95%;
   max-height: 90vh;
 }

 .lightbox-img {
   max-width: 100%;
   max-height: 90vh;
   border-radius: 10px;
   display: block;
   object-fit: contain;
   animation: zoomIn 0.3s ease;
 }

 /* Close button inside image */
 .close-btn {
   position: absolute;
   top: 10px;
   right: 10px;
   color: white;
   background: rgba(0, 0, 0, 0.6);
   border-radius: 50%;
   font-size: 26px;
   font-weight: bold;
   width: 35px;
   height: 35px;
   line-height: 35px;
   text-align: center;
   cursor: pointer;
   transition: background 0.3s ease;
 }

 .close-btn:hover {
   background: rgba(255, 50, 50, 0.9);
 }

 @keyframes zoomIn {
   from {
     transform: scale(0.8);
     opacity: 0;
   }

   to {
     transform: scale(1);
     opacity: 1;
   }
 }

 /* ===== RESPONSIVE BREAKPOINTS ===== */
 @media (max-width: 1200px) {
   .pintrest-gallery {
     column-count: 3;
   }
 }

 @media (max-width: 992px) {
   .pintrest-gallery {
     column-count: 2;
   }
 }

 @media (max-width: 600px) {
   .pintrest-gallery {
     column-count: 1;
   }

   .filter-btn {
     font-size: 14px;
     padding: 8px 16px;
   }
 }















 .grids-1 {
   /*-- responsive design --*/
   /*-- //responsive design --*/
 }

 .grids-1 .grids-content {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   grid-gap: 40px;
   align-items: start;
 }

 .grids-1 .grids {
   background: url(../images/projects/project-20.jpeg) no-repeat center;
   /* background: url(../images/img/mainslide3.jpg) no-repeat center; */
   background-size: cover;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   -ms-background-size: cover;
   padding: 80px 0;
   position: relative;
   z-index: 0;
 }

 .grids-1 .grids:before {
   content: '';
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   /* background: rgba(0, 0, 0, 0.66); */
   z-index: -1;
 }

 .grids-1 .grids h4 a::before {
   content: "";
   position: absolute;
   left: 50%;
   bottom: -18px;
   width: 60px;
   height: 1px;
   background-color: var(--theme-color);
   transform: translateX(-50%);
 }

 .grids-1 .grids h4 a {
   font-size: 24px;
   line-height: 29px;
   color: #049FB1;
   text-align: left;
   display: inline-block;
   font-weight: 600;
   position: relative;
   margin-bottom: 24px;
 }

 .grids-1 .grids h4 a:hover {
   color: var(--theme-color);
 }

 .grids-1 .column {
   background: #fff;
   padding: 50px;
   text-align: center;
   border-radius: 4px;
   transition: 0.3s ease-out;
 }

 .grids-1 .column:hover {
   transform: translate3d(0, -5px, 0);
   -webkit-transform: translate3d(0, -5px, 0);
   transition: 0.3s ease-out;
 }

 .grids-1 .gri-2,
 .grids-1 .gri-1 {
   margin-top: 80px;
 }

 .grids-1 a.red {
   font-size: 16px;
   line-height: 24px;
   color: var(--theme-color);
   display: inline-block;
   font-weight: 700;
 }

 .grids-1 a.red:hover {
   color: var(--opposite-color);
 }

 .grids-1 .grids p {
   font-size: 16px;
   line-height: 24px;
   color: var(--text-color);
   margin: 15px 0;
 }

 @media (max-width: 1080px) {
   .grids-1 .column {
     padding: 30px;
   }
 }

 @media (max-width: 992px) {
   .grids-1 .grids {
     padding: 60px 0;
   }

   .grids-1 .grids-content {
     grid-template-columns: 1fr;
   }

   .grids-1 .gri-2,
   .grids-1 .gri-1 {
     margin-top: 80px;
   }
 }

 @media (max-width: 640px) {
   .grids-1 .grids-content {
     grid-template-columns: 1fr;
     grid-row-gap: 30px;
   }

   .grids-1 .gri-1 {
     margin-top: 0;
   }

   .grids-1 .gri-2 {
     margin-top: 0px;
   }
 }

 @media (max-width: 600px) {
   .grids-1 .grids {
     padding: 40px 0;
   }
 }

 @media (max-width: 415px) {
   .grids-1 .grids h4 a {
     margin-top: 15px;
   }

   .grids-1 .grids p {
     margin-top: 10px;
   }
 }

 @media (max-width: 384px) {
   .grids-1 .feature h3 {
     font-size: 27px;
     line-height: 28px;
     margin-top: 25px;
   }

   .grids-1 .feature p {
     font-size: 16px;
     margin: 15px auto 0;
   }
 }

 @media (max-width: 320px) {
   .grids-1 .grids h4 a {
     font-size: 22px;
   }
 }






 .w3l-feature-3 {
   /*-- //Reset-Code --*/
   /*-- //Reset-Code --*/
   /*--responsive--*/
   /*--//responsive--*/
 }

 .w3l-feature-3 span.number img {
   vertical-align: -webkit-baseline-middle;
 }

 .w3l-feature-3 .top-bottom {
   background: url(../images/img/mainslide3.jpg) no-repeat center;
   background-size: cover;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   -ms-background-size: cover;
   padding: 100px 0 120px;
   position: relative;
   z-index: 0;
 }

 .w3l-feature-3 .top-bottom:before {
   content: '';
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background: #fff;
   opacity: 0.95;
   z-index: -1;
 }

 .w3l-feature-3 .middle-section {
   display: grid;
 }

 .w3l-feature-3 .three-grids-columns {
   padding: 30px 30px;
   transition: 0.3s ease-out;
   border-radius: 4px;
 }

 .w3l-feature-3 .three-grids-columns:hover {
   background: #d1d1d1;
   transition: 0.3s ease-out;
 }

 .w3l-feature-3 .grid-column {
   grid-template-columns: 1fr 1fr 1fr;
   grid-gap: 20px;
 }

 .w3l-feature-3 .three-grids-columns h4 {
   font-size: 20px;
   color: #049FB1;
   line-height: 30px;
   padding-top: 25px;
   font-weight: 600;
 }

 .w3l-feature-3 .three-grids-columns p {
   padding-top: 15px;
   font-size: 16px;
   line-height: 24px;
   color: var(--text-color);
 }

 .w3l-feature-3 .three-grids-columns span.fa {
   font-size: 36px;
   color: var(--theme-color);
 }

 .w3l-feature-3 a.actionbg {
   font-size: 16px;
   color: var(--theme-color);
   margin-top: 25px;
   display: inline-block;
   font-weight: 600;
 }

 .w3l-feature-3 a.actionbg:hover {
   color: var(--opposite-color);
 }

 .w3l-feature-3 img.arrow-png {
   padding-left: 5px;
 }

 @media (max-width: 1280px) {
   .w3l-feature-3 .three-grids-columns h4 {
     padding-top: 20px;
   }

   .w3l-feature-3 .top-bottom {
     padding: 40px 0px;
   }
 }

 @media (max-width: 900px) {
   .w3l-feature-3 a.actionbg {
     margin-top: 20px;
   }

   .w3l-feature-3 .three-grids-columns h4 {
     padding-top: 13px;
   }
 }

 @media (max-width: 768px) {
   .w3l-feature-3 .grid-column {
     grid-template-columns: 1fr;
     grid-gap: 35px;
   }

   .w3l-feature-3 .three-grids-columns h4 {
     padding-top: 7px;
   }

   .w3l-feature-3 a.actionbg {
     margin-top: 12px;
   }
 }

 @media (max-width: 768px) {
   .w3l-feature-3 .three-grids-columns h4 {
     font-size: 22px;
   }
 }

 @media (max-width: 320px) {
   .w3l-feature-3 .three-grids-columns h4 {
     font-size: 20px;
     line-height: 25px;
   }
 }

 .w3l-grids-9 .d-grid {
   display: grid;
 }

 .w3l-grids-9 .grid-col-2 {
   grid-template-columns: 1fr 1fr;
 }

 .w3l-grids-9 .grid-col-3 {
   grid-template-columns: 1fr 1fr 1fr;
 }

 .w3l-grids-9 .grid-col-4 {
   grid-template-columns: 1fr 1fr 1fr 1fr;
 }

 .w3l-grids-9 a.action {
   border: none;
   color: #304659;
   font-size: 17px;
   line-height: 25px;
   font-weight: 600;
   display: inline-block;
 }

 .w3l-grids-9 a.action img {
   margin-left: 4px;
 }

 .w3l-grids-9 .grid-top-9 {
   padding: 80px 0;
 }

 .w3l-grids-9 .grid-element-9 {
   grid-gap: 20px;
   align-items: center;
 }

 .w3l-grids-9 h4.text-grid-9 a {
   font-size: 22px;
   line-height: 26px;
   color: var(--title-color);
   margin-bottom: 16px;
   display: inline-block;
   font-weight: 600;
 }

 .w3l-grids-9 h4.text-grid-9 a:hover {
   color: var(--theme-color);
 }

 .w3l-grids-9 p.sub-para {
   color: var(--text-color);
   font-size: 16px;
   line-height: 24px;
   font-weight: normal;
   margin: 0 0 16px 0;
 }

 .w3l-grids-9 .grid-bg3 {
   background: url(../images/g1.jpg) no-repeat center;
   background-size: cover;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   -ms-background-size: cover;
   padding: 50px 30px;
   min-height: 300px;
   display: grid;
   align-content: end;
   position: relative;
   z-index: 1;
 }

 .w3l-grids-9 .grid-bg4 {
   background: url(../images/g3.jpg) no-repeat center;
   background-size: cover;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   -ms-background-size: cover;
   padding: 50px 30px;
   min-height: 300px;
   display: grid;
   align-content: end;
   position: relative;
   z-index: 1;
 }

 .w3l-grids-9 .grid-bg5 {
   background: url(../images/g5.jpg) no-repeat center;
   background-size: cover;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   -ms-background-size: cover;
   padding: 50px 30px;
   min-height: 300px;
   display: grid;
   align-content: end;
   position: relative;
   z-index: 1;
 }

 .w3l-grids-9 .grid-bg6 {
   background: url(../images/g8.jpg) no-repeat center;
   background-size: cover;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   -ms-background-size: cover;
   padding: 50px 30px;
   min-height: 300px;
   display: grid;
   align-content: end;
   position: relative;
   z-index: 1;
 }

 .w3l-grids-9 .margin-top {
   margin-top: 20px;
 }

 .w3l-grids-9 .sub-wid-grid-9 span {
   font-size: 15px;
   color: #fff;
   line-height: 25px;
   background: rgba(255, 255, 255, 0.3);
   padding: 5px 25px;
   font-weight: 600;
   display: inline-block;
   margin-top: 10px;
   text-transform: capitalize;
 }

 .w3l-grids-9 .left-grid-ele-9:before {
   content: '';
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   opacity: 0.4;
   background: #000;
   z-index: -1;
 }

 .w3l-grids-9 .sub-wid-grid-9 {
   background: #fff;
   padding: 30px;
   max-width: 290px;
   border-radius: 4px;
   margin-left: auto;
 }

 .w3l-grids-9 a.red {
   font-size: 16px;
   line-height: 24px;
   color: var(--theme-color);
   display: inline-block;
   font-weight: 700;
 }

 .w3l-grids-9 a.red:hover {
   color: var(--opposite-color);
 }

 @media (max-width: 1024px) {
   .w3l-grids-9 h4.text-grid-9 a {
     font-size: 20px;
   }
 }

 @media (max-width: 900px) {
   .w3l-grids-9 .grid-col-3 {
     grid-template-columns: 1fr 1fr;
   }

   .w3l-grids-9 .grid-col-2 {
     grid-template-columns: 1fr;
   }
 }

 @media (max-width: 480px) {
   .w3l-grids-9 .grid-element-9 {
     grid-template-columns: 1fr;
   }
 }

.w3l-specifications-9{
  /* padding-top: 40px; */
  /* padding-bottom: 40px; */
}

/* Specifications Section */
.w3l-specifications-9 .main-w3 {
  /* padding: 80px 0; */
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
  background: #fafafa;
}

.w3l-specifications-9 h3.title-spe {
  color: #049FB1;
  /* font-size: 40px; */
  margin-top: 30px;
  /* font-weight: bold; */
  line-height: 45px;
  margin-bottom: 6px;
  text-transform: capitalize;
}
.w3l-specifications-9 img {
 height: 100px;
 width: auto;
}

.w3l-specifications-9 .grids-speci1 p {
  font-size: 14px;
  line-height: 23px;
  color: var(--text-color);
}

.w3l-specifications-9 .main-cont-wthree-fea {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 columns */
  grid-gap: 30px;
  text-align: center;
}

/* Responsive */
@media (max-width: 991px) {
  .w3l-specifications-9 .main-cont-wthree-fea {
    grid-template-columns: 1fr 1fr; /* 2 columns on tablet */
  }
}

@media (max-width: 600px) {
  .w3l-specifications-9 .main-cont-wthree-fea {
    grid-template-columns: 1fr;
    margin-top: 60px;  
  }
}

@media (max-width: 736px) {
  .w3l-specifications-9 .main-w3 {
    padding: 4rem 0;
  }

  .w3l-specifications-9 h3.title-spe {
    font-size: 42px;
    line-height: 40px;
    margin-bottom: 8px;
  }

  .w3l-specifications-9 .grids-speci1 p {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  .w3l-specifications-9 h3.title-spe {
    font-size: 35px;
  }

  .w3l-specifications-9 .grids-speci1 p {
    font-size: 15px;
  }
}

@media (max-width: 320px) {
  .w3l-specifications-9 .grids-speci1 p {
    font-size: 16px;
  }
}




  .btn-more-projects {
    border: 2px solid #049FB1;
    color: #049FB1;
    background-color: transparent;
    transition: all 0.3s ease;
  }

  .btn-more-projects:hover {
    background-color: #049FB1;
    color: #fff;
  }


    .btn-google-map {
    border: 2px solid #049FB1;
    color: #049FB1;
    background-color: transparent;
    transition: all 0.3s ease;
  }

  .btn-google-map:hover {
    background-color: #049FB1;
    color: #fff;
  }




 

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}




.video-bg {
  position: relative;
  width: 100%;
}

.video-bg video {
  width: 100%;
  height: auto;
  display: block;
}



/* .video-bg {
  position: relative;
  height: 450px; 
  overflow: hidden;
}

.video-bg video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  object-fit: cover;
} */



/* 
 
.video-background {
  position: relative;
  overflow: hidden;
  height: 60vh;
  background: #000;
}

 
.video-background .ftco-cover-1 {
  position: relative;
  z-index: 1;
}

 
.bg-video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;  
  z-index: 0;
}

 
.video-background::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
 
  z-index: 1;
}
 
.video-background h1 {
  position: relative;
  z-index: 2;
  color: #fff;
  font-size: 3rem;
 
  animation: fadeInUp 1.2s ease-in-out;
  text-align: center;
}

 
.video-background .row.align-items-center.justify-content-center {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

 
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

 
@media (max-width: 991px) {
  .video-background {
    height: 50vh;
     
  }

  .video-background h1 {
    font-size: 2rem;
    padding: 0 10px;
  }
}

@media (max-width: 600px) {
  .video-background {
    height: 60vh;
  }

  .bg-video {
    object-fit: cover;
  }

  .video-background h1 {
    font-size: 1.6rem;
    line-height: 1.2;
  }
} */

/* Main Section */
.ftco-cover-1 {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

/* ================================
   Video Background Styling
   ================================ */
.ftco-video-bg {
  position: relative;
  width: 100%;
  height: 60vh; /* Change to 100vh if you want full screen */
  overflow: hidden;
}

/* Video Element */
.ftco-video-bg video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  object-fit: cover;
  filter: brightness(70%); /* makes text more visible */
  z-index: 0;
}

/* Optional dark overlay for readability */
.ftco-video-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
}

/* ================================
   Centered Text
   ================================ */
.overlay-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;   /* vertical center */
  justify-content: center; /* horizontal center */
  text-align: center;
  z-index: 2;
}

/* ================================
   Title Styling
   ================================ */
.project-title {
 
 
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
  margin: 0;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .project-title {
    font-size: 2rem;
  }
}



@media (max-width: 992px) {
  .seprate-font-size {
    font-size: 15px !important;
  }

 .overlay-text p {
   font-size: 1rem;
   color: #fff;
   /* text-align: justify;  */
 }


}
  

.design-my-space{
    border: 2px solid white;
    color: white;
    background-color: transparent;
    transition: all 0.3s ease;
}

.design-my-space:hover{
    color: #F4A804;
    transition: all 0.3s ease;
}