@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600;1,700&family=Oswald:wght@200;300;400;500;600;700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
:root {
    --auto: auto;
    --banner-height: 700px;
    --cover: cover;
    --pink-color: #d0086a;
    --black-color: #000;
    --peack-color: #007e81;
    --light-peack: #08b2b6;
    --light-grey: #f5f5f5;
    --green-color:#33855d;
    --light-green:#54b52d;
    --bl-color: #0071f1;
    --light-bl:#00bfff;
    --t-grey: #9ea7ac;
    --none: none;
    --poppins: 'Poppins', sans-serif;
    --lora: 'Lora', serif;
    --Oswald: 'Oswald', sans-serif;
    --style: normal;
    --hidden: hidden;
    --d-flex: flex;
    --transition: all .3s;
    --white: #fff;
    --blue-color: #006d95;
    --z-index-2: 2;
    --z-index: 99999;
    --relative: relative;
    --fixed: fixed;
    --transition-7: all .7s;
    --clear-both: both;
    --display-table: table;
    --left: left;
    --home-banner: url(images/banner-2.jpg);
    --inner-banner: url(images/7.jpg);
    --location-banner: url(images/location.jpg);
    --norepeat: no-repeat;
    --cover: cover;
    --center: center;
    --size-0: 0;
    --size-0-5: 0.5px;
    --size-0-6px: 0.6px;
    --size-0-6: 0.6;
    --size-0-7: 0.7;
    --size-2: 2px;
    --size-4: 4px;
    --size-8: 8px;
    --size-12: 12px;
    --global-fontsize: 14px;
    --size-20: 20px;
    --size-24: 24px;
    --size-25: 25px;
    --size-30: 30px;
    --size-36: 36px;
    --size-40: 40px;
    --size-45: 45px;
    --size-48: 48px;
    --size-50: 50px;
    --size-64: 64px;
    --size-100: 100px;
    --size-450: 450px;
    --logo-size: 250px;
    --size-lh: 1.5;
    --wt-100: 100;
    --wt-200: 200;
    --wt-500: 500;
    --wt-600: 600;
    --w-65: 65%;
    --w-50: 50%;
    --w-80: 80%;
    --w-100: 100%;
}
/*Common*/
body, html {font-family: var(--poppins);font-style: var(--style);overflow-x: var(--hidden);line-height:  var(--size-lh);position: var(--relative);color: var(--black-color);background-color: --var(--white)}

body, html, *, a, a:hover, a:active, a:focus, h1, h2, h3, h4, h5, h6, ul, li, button, button:active, button:focus, input, input:active, input:focus {text-decoration: var(--none); outline: var(--none);}
body, html, *, a, h1, h2, h3, h4, h5, h6, ul, li { margin: var(--size-0); padding: var(--size-0);}
header a,.btn.btn-2, .btn-3, .f-oswald {font-family: var(--Oswald);letter-spacing: var(--size-0-5);}
a, .nav-active .logo a, .top-social a,#header li a, .btn-2, .btn-3, .footer a,.footer-social li, .back-to-top, .has-children, .sub-menu, .btn.black-outlined { transition: var(--transition);}
.card, img, .pagination-button { transition: var(--transition-7);}
.top-social a:hover, a:hover, .wisteria, .belize {color: var(--light-bl);}
#header li a:hover,#header li a:active, #header li a:focus, #header .active a {color: var(--black-color)!important;}

.btn.btn-1, .btn.btn-2, .btn.btn-3, .btn.black-btn, .black-outlined {border-radius: var(--size-30); padding: var(--size-12) var(--size-24);}
.btn.btn-1 {background: var(--bl-color); color: var(--white);}
.btn.btn-2,.btn.btn-1:hover, .btn.black-btn:hover {background: var(--light-bl);color: var(--black-color);}
.btn.btn-3, .black-outlined {border-width: var(--size-2); background-color: transparent; border-color: var(--white);}
.btn.black-outlined {border-color: var(--black-color);}
.btn-4 {color: var(--bl-color);border-color: var(--bl-color);}
.btn.btn-2:hover, .btn.black-btn {background-color: var(--black-color);color: var(--white);}
.btn.btn-3:hover, .btn.black-outlined:hover { background-color: var(--bl-color); border-color: var(--light-bl); color: var(--white)}
.btn.focus, .btn:focus{outline: 0;box-shadow: 0 0 0 0.2rem rgb(0 191 255);}

h1:not(h1.text) {height: var(--size-50);font-size: var(--size-48);background-image: linear-gradient(transparent 50%, #00bfff78 0px);background-position: var(--size-4) var(--global-fontsize);background-repeat: var(--norepeat);text-decoration: var(--none);transition: all 0.18s ease 0s;}
h1:hover {background-position: right -4px top 1px; background-image: linear-gradient(transparent 60%, rgb(249, 157, 120) 0px);}
.small-text {font-family: var(--lora);color: var(--t-grey);}
.footer a:not(.footer .footer-social a):hover {background: radial-gradient(black, transparent); height: 20px; background-image: linear-gradient(transparent 50%, rgb(255 255 255 / 51%) 0px); background-position: 0px 5px; background-repeat: var(--norepeat); transition: all 0.18s ease 0s;display: inline-block;}
.footer-social li:hover, .back-to-top:hover {opacity: var(--size-0-6);}
.p-services .card {overflow: var(--hidden);}
.p-services .card:hover {transform: translateY(-10px);border-bottom: var(--size-4) solid var(--peack-color)!important;}
.p-services .card:hover img {transform: scale(1.1);}
header, .bg-peack {background: var(--bl-color);}
.t-peack {color: var(--bl-color);}
.t-light-peak {color: var(--light-peack);}
.t-black {color: var(--black-color);}
.t-white, .features-block .card:hover a {color: var(--white);}
.bg-light-peak {background-color: var(--light-peack);}
.p-services,.bg-light-grey {background-color: var(--light-grey);}
.csr-pointer {cursor: pointer;}

/*Header*/
.head_nav_active{padding-top: 97px;}
.nav-active {box-shadow: 2px 2px 30px rgb(0 0 0 / 10%); position: var(--fixed); z-index: var(--z-index-2); width: var(--w-100);top: var(--size-0);}
.logo-header .desktop i {font-size: var(--size-40);}
header a {font-weight: 500;}
.floating {animation-name: floating; animation-duration: 1s;animation-iteration-count: infinite;animation-timing-function: ease-in-out;}
@keyframes floating {from { transform: translate(0,  0px); }65%{ transform: translate(8px, 0px); } to{ transform: translate(0, -0px); }}
.modal-backdrop {z-index: 1;}

/*Popup*/
button.close { z-index: 9999; opacity: 1; width: 40px; height: 40px; right: -15px; top: -15px;}
.fxt-bg-img { min-height: 100%; z-index: 1;}
.fxt-bg-img:before {content: "";height: 100%;width: 100%;background-color: rgba(2, 2, 3, 0.6);right: 0;top: 0;position: absolute;z-index: 0;}
.fxt-template-layout13 {z-index: 1;}
.fxt-template-layout13:before {position: absolute;z-index: 0;background-color: var(--light-peack);content: "";min-height: 100%;width: 20vw;top: 0;right: 0;}
.fxt-bg-wrap {padding: 5vh 4vw 5vh 0;}
.fxt-template-layout13 .fxt-bg-img:after {content: "";left: 0;top: 20%;position: absolute;z-index: 1;width: 0;height: 0;border-top: 15px solid transparent;border-left: 20px solid #fff;border-bottom: 15px solid transparent;}
.modal-dialog {max-width: 900px;}

/*banner*/
.fxt-bg-img, .fxt-bg-color, .img-property { background-size: var(--cover); background-repeat: no-repeat; background-position: var(--center);}
.banner-height {height: var(--banner-height);}
.home-banner  {background-image: var(--home-banner); background-repeat:no-repeat; background-size: cover;}
.home-banner::before {bottom: var(--size-0);content: "";position: absolute;left: var(--size-0);top: var(--size-0);width: var(--w-100);opacity: var(--size-0-7);background-image: linear-gradient(to right, rgb(57 57 57) 40%, rgb(60 62 60) 60%, rgb(51 53 51 / 88%) 90%, rgb(29 30 29 / 78%) 100%);}
.inner-banner {background-image: var(--inner-banner);}
.location-banner {background-image: var(--none); background: var(--light-grey);height: 500px;}
.banner-overlay::before {bottom: var(--size-0);content: "";position: absolute;left: var(--size-0);top: var(--size-0);width: var(--w-100);opacity: var(--size-0-7);background-image: linear-gradient(to right, rgb(40 44 40) 40%, rgb(46 47 46) 60%, rgba(46, 47, 46, 0.7) 90%, rgba(46, 47, 46, 0.5) 100%);}
.home-banner h3, .location-banner h3 {font-weight: var(--wt-200);}

/*Rotating text*/
.word {position: absolute; opacity: var(--size-0);}
.letter {  display: inline-block;  position: relative;  float: left;  transform: translateZ(25px);  transform-origin: 50% 50% 25px;}
.letter.out {  transform: rotateX(90deg);  transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.letter.behind {  transform: rotateX(-90deg);}
.letter.in {  transform: rotateX(0deg);  transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
h1.text {font-size: 62px;background-image: var(--none);color: var(--white);}

/*Animation*/
.dot-1, .dot-2 , .dot-3 {animation: upanddown 10s linear 0s infinite, stuckFadeIn 2s linear;-webkit-animation: upanddown 10s linear 0s infinite,stuckFadeIn 2s linear;}
.dot-1 {top: 50%;left: 15%;background-image: linear-gradient(180deg, #f5f5f582 0%, #00bfff 100%);border-radius: 50% 50% 50% 50%;width: 45px;height: 45px;}
.dot-2 {top: 50px;right: 0;width: 45px;height: 45px;border: 2px solid var(--light-bl);}
.dot-3 {top: 120px;right: 0;width: 70px;height: 70px;background-image: linear-gradient(180deg, #f5f5f5 0%, #00bfff 100%);border: 4px solid var(--bl-color);}

@keyframes upanddown {
    0% {-ms-transform: translateY(0px);-webkit-transform: translateY(0px);transform: translateY(0px);}
    50% {-ms-transform: translateY(100px);-webkit-transform: translateY(100px);transform: translateY(100px);}
    100% {-ms-transform: translateY(0px);-webkit-transform: translateY(0px);transform: translateY(0px);}
}

@keyframes stuckFadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

/*Services*/
.p-services .card {
    border: 1px solid #e8eef1;
    border-bottom: 4px solid #e8eef1;
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 5%);
}

img {width: 100%;}
.ct_row{padding:0px 15px;}


/*ABout page*/
/*27jan*/
.p-about .custm-blk{box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 8%);padding: 40px;}
.owl-nav span.uk-margin-small-left.uk-icon, .owl-nav span.uk-margin-small-right.uk-icon {font-size: 50px;}
.gtco-testimonials-up .owl-prev:before, .gtco-testimonials-up .owl-next:before {font-family: 'FontAwesome';font-size: 40px;font-weight: 900;}
.gtco-testimonials-up .owl-prev:before {content: "\f104";}
.gtco-testimonials-up .owl-next:before {content: "\f105";}
.gtco-testimonials-up .owl-nav button span {display: none;}
.gtco-testimonials.gtco-testimonials-up .owl-nav {display: block;}
.gtco-testimonials-up .owl-nav {position: absolute;top: -52px;right: 8px;margin: 0;}
/***/
.gallery .col-12 img {opacity: 0.7;cursor: pointer;width: 100%;}
.gallery .col-12 img:hover {opacity: 1;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.features-block .card {box-shadow: 0 20px 50px 0 rgb(12 21 41 / 10%);}
.features-block .icon {background-image: linear-gradient(180deg, #007e81 0%, #ffffff 100%);width: var(--size-100);height: var(--size-100);margin-top: -70px!important;font-size: 35px;box-shadow: 0 25px 60px 0 rgb(210 70 50 / 25%);}
.features-block .card:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 0%;background: var(--light-peack);transition: all .5s ease;}
.features-block .card:hover:before {height: 100%;}
.features-block .card:hover .icon:before {transform: scale(1);}
.features-block .icon:before {position: absolute;content: '';top: 0;right: 0;left: 0;bottom: 0;background-color: var(--light-peack);transition: .5s;transform: scale(0);border-radius: 50%;}
.why-choose-us .video {position: relative;height: 544px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;background-size: cover;}
.why-choose-us .video .video-btn {width: 100px;height: 100px;background: #fff;border-radius: 50%;text-align: center;line-height: 100px;font-size: 25px;transition: .7s;}
.why-choose-us .video .video-btn:after {-webkit-animation-delay: .6s;animation-delay: .6s;}
.why-choose-us .video .video-btn:after, .why-choose-us .video .video-btn:before {width: 100px;height: 100px;border-radius: 50%;background: 0 0;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);-webkit-animation-delay: .9s;animation-delay: .9s;content: "";position: absolute;-webkit-box-shadow: 0 0 0 0 rgb(255 255 255 / 50%);box-shadow: 0 0 0 0 rgb(255 255 255 / 50%);-webkit-animation: ripple 3s infinite;animation: ripple 3s infinite;-webkit-transition: all .4s ease;transition: all .4s ease;}
.why-choose-us .video .video-btn .fa-play {color: #fe4328;}

@-webkit-keyframes ripple{70%{-webkit-box-shadow:0 0 0 40px rgba(255,255,255,0);box-shadow:0 0 0 40px rgba(255,255,255,0)}100%{-webkit-box-shadow:0 0 0 0 rgba(255,255,255,0);box-shadow:0 0 0 0 rgba(255,255,255,0)}}

@keyframes ripple{70%{-webkit-box-shadow:0 0 0 40px rgba(255,255,255,0);box-shadow:0 0 0 40px rgba(255,255,255,0)}100%{-webkit-box-shadow:0 0 0 0 rgba(255,255,255,0);box-shadow:0 0 0 0 rgba(255,255,255,0)}}

.gtco-testimonials .card, .sidebar {box-shadow: 0 8px 30px -7px #33855d40; margin: 0 20px; border-radius: 20px;}
.gtco-testimonials .owl-stage-outer {  padding: var(--size-30) var(--size-0);}
.gtco-testimonials .owl-nav {  display: var(--none);}
.owl-theme .owl-dots .owl-dot span {position: relative;height: 8px;width: 50px;border-radius: 2px;display: block;border: 2px solid var(--bl-color);margin: 0 5px;}
.gtco-testimonials .owl-theme .owl-dots .owl-dot.active span {background: var(--peack-color);box-shadow: none;height: 12px;width: 12px;}
.gtco-testimonials .owl-theme .owl-dots .owl-dot.active span, .gtco-testimonials .owl-theme .owl-dots .owl-dot:hover span{background: var(--bl-color);}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: var(--peack-color);}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {outline: 0;}

/*Contact page*/
.contact-info {border: 2px solid #ebedf4;}
/*Privacy policy Page*/
.sticky-sidebar { position: sticky; top: 120px; }    
body.overflow-unset { overflow: unset; } 
.div-id, .service-id { scroll-margin-top: 100px; } 

/*Location Page*/
i.arrow, .accordion-toggle[aria-expanded="false"] i.arrow {-webkit-transform: rotate( 180deg);}
.accordion-toggle[aria-expanded="true"] i.arrow { -webkit-transform: rotate( 0deg);}
.br-right-after::after {  content: "";  border-top: 1px solid;  border-color: #dee2e6;  flex: 1 0 auto;  margin-left: 15px;}

/*Blog Page*/
.pagination-button:hover {background: var(--peack-color);color: var(--white);}
.blog-img {width: var(--size-100);}
.p-recent-post h6 { overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3; -webkit-box-orient: vertical;}

/*Footer*/
.footer-2 {background-color: var(--black-color);font-size: var(--global-fontsize);}
.footer .banner-overlay::before {background-image: none;background: #0071f1;}
.footer a {color: var(--white);}
.footer-social li a {width: var(--size-40);height: var(--size-40);}
#back-to-top { bottom: var(--size-25);  right: var(--size-25); background: var(--black-color); width: var(--size-50); height: var(--size-50); display: var(--d-flex); z-index: var(--z-index);}

@media  (min-width:767px){
    .footer-3 {display: none;}
}

@media (max-width: 991px) {
    #navbarCollapse .navbar-nav { position: absolute;top: 15px; z-index: 1;width: 290px;box-shadow: 2px 2px 30px rgb(0 0 0 / 10%);border-top-right-radius: 45px;border-bottom-left-radius: 45px;left: 0;background: #00bfff;}
    h1, h2 {font-size: var(--size-24);}
    body, p:not(h1.text p), h4, h5, .home-banner h3, .location-banner h3 {font-size: var(--global-fontsize);}
    h1.text, h2.display-3 {font-size: var(--size-36);}
    .text {width: var(--w-80);}
    .banner-height, .location-banner {height: var(--size-450);}
    h1:not(h1.text) {line-height: var(--size-64);}
    .p-services .card,  .features-block .card {min-width: 45%;}   
}
@media (max-width: 767px) {
    .p-services .card,  .features-block .card {min-width: var(--w-100);}
    .fxt-template-layout13:before {width: var(--size-0)}
    .fxt-bg-wrap {padding: 0;}
    .footer-2{padding-bottom: 30px; margin-bottom: 30px;}
    .footer-3 {background-color:#0071f1;text-align:center;padding: 10px;position: fixed;bottom: 0;width: 100%;z-index: 1;}
    .footer-3 a{font-size:18px;}
}
@media (max-width: 580px) {
    .banner-height, .location-banner {height: auto;}
    h1.text {width: var(--w-100);height: var(--size-100);}
    h1.text p {display: var(--d-flex);justify-content: center;}
    .word {top: 50px;}
    .dot-1,.dot-2,.dot-3 {width: var(--size-30);height: var(--size-30);border-width: 1px;}
    .btn.btn-1, .btn.btn-2, .btn.btn-3 {padding: var(--size-8) var(--global-fontsize); font-size: var(--global-fontsize);}
}
@media only screen and (min-width: 767px){
.col-md-3.text-xl-right.text-md-right.text-center { max-width: 30% !important;flex: 0 0 30%;}
}

.footer-1 img, .modal img {
    width: 100% !important;
    max-width: 200px !important;
}
.footer .home-banner {
    background-image: none;
}
/* Add padding to nested ul elements */
ul ul {
  padding-left: 15px;
}

/* Add padding to nested li elements */
ul ul li {
  padding-left: 15px;
}

/* Add padding to double nested ul elements */
ul ul ul {
  padding-left: 30px;
}

/* Add padding to double nested li elements */
ul ul ul li {
  padding-left: 30px;
}