body{ font-family: 'Neue Haas Grotesk Display Pro', sans-serif; overflow-x: hidden;background:#f4f4f4;}
a {text-decoration: none;}
ul{margin: 0; padding: 0; font-size: 18px;}
p{font-size: 18px;line-height: 28px;color: #111111;text-align:left;}
html{overflow-x: hidden;}
li{list-style:none;}

@font-face {
  font-family: 'HalenoirDemiBold';
  src: url('../fonts/Halenoir-DemiBold.otf');
}
@font-face {
  font-family: 'HalenoirMedium';
  src: url('../fonts/HalenoirCompactText-Medium.otf');
}
@font-face {
  font-family: 'HalenoirRegular';
  src: url('../fonts/HalenoirCompactText-Regular.otf');
}

@font-face {
  font-family: 'NeueHaasDisplayBold';
  src: url('../fonts/NeueHaasDisplayBold.ttf');
}
@font-face {
  font-family: 'NeueHaasDisplayLight';
  src: url('../fonts/NeueHaasDisplayLight.ttf');
}


/*==========Header CSS Start==========*/
.cursor {
  pointer-events: none;
  position: fixed;
  height: 10px;
  width: 10px;
  background-color: #fff;
  border-radius: 50%;
  mix-blend-mode: exclusion;
  -webkit-transition: opacity 0.4s ease, -webkit-transform .3s ease;
  transition: opacity 0.4s ease, -webkit-transform .3s ease;
  transition: transform .3s ease, opacity 0.4s ease;
  transition: transform .3s ease, opacity 0.4s ease, -webkit-transform .3s ease;
  z-index: 99999;
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}


.banner-area .navbar-brand{margin: 0;width: 33.3333%;}
.banner-area .navbar-brand i{width: 44px;height: 44px;background: #5baa70;color: #fff;text-align: center;line-height: 44px;border-radius: 100%;font-size: 22px;}
.logo_brand{text-align: center;}
.banner-area .navbar-toggler{width: 33.3333%; text-align: right;}
.banner-area .offcanvas{width: 100%;height: 100%;background: #000000e0;text-align: center;}
.banner-area .offcanvas-header{justify-content: center;}
.banner-area img{width:150px;}
.banner-area .navbar-nav .nav-link.active {color:#5baa70;}
.banner-area .navbar-nav .nav-item a{color:#fff;font-size:50px;font-weight:bold; text-transform: uppercase;}
/* .banner-area .navbar-toggler span {display: block;background: #005eb8;height: 5px;margin: 3px 0;border-radius: 20px;width: 30px;} */
.banner-area .container-fluid a span, .banner-area .container-fluid a{color: #5baa70; font-weight: bold;font-size: 28px; margin: 0;}
.banner-area  .offcanvas-header .fa-solid{color:#5baa70}
.banner-area .navbar-toggler .fa-solid{color:#fff;font-size: 30px;;}
.banner-area .offcanvas-header .fa-solid
 {
    color: #ffffff;
    position: absolute;
    top: 38px;
    right: 20px;
    font-size: 30px;}
.banner-area .navbar {background: #000000e7;}
.topbar-contact-info{padding-bottom:10px;}
.topbar-contact-info .fa-solid{color:#5baa70;margin-right: 10px;}
.topbar-contact-info a{color:#ffffff;font-size: 14px;}
.topbar-contact-info a:hover{color: #fff; transition:all 0.3s;}
.header-social-links ul{float:right;}
.header-social-links ul li a{background: #5baa70;border-radius: 7px;color: #fff;padding: 5px 8px;font-size: 12px;}
.header-social-links ul li a:hover{color: #CDDC39;background: #fff;transition:all 0.3s;}




.site-header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    padding: 15px 0 0;
    background-color: #FBFBFB;
    -webkit-transition: background-color .4s ease,-webkit-transform .4s ease;
    transition: background-color .4s ease,-webkit-transform .4s ease;
    transition: background-color .4s ease,transform .4s ease;
    transition: background-color .4s ease,transform .4s ease,-webkit-transform .4s ease;
    min-height: 70px;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.site-header.scrolled {
    -webkit-box-shadow: -3px -3px 6px 8px rgba(0,0,0,.05);
    box-shadow: -3px -3px 6px 8px rgba(0,0,0,.05);
    background-color: #FBFBFB;
    border-bottom: 1px solid hsla(0,0%,100%,.1)
}

/* .archive blockquote:not(.menu-active) .site-header.scrolled-secondary,.blog blockquote:not(.menu-active) .site-header.scrolled-secondary,.single-post blockquote:not(.menu-active) .site-header.scrolled-secondary,body:not(.menu-active) .site-header.scrolled-secondary {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
} */

.menu-active .site-header {
    background-color: #17131b;
    border-bottom: 1px solid hsla(0,0%,100%,.1)
}
.logo_white{display: none;}
.menu-active .logo_white{display: inline;}
.menu-active .logo_black{display: none;}

.nav-container {
    position: fixed;
    -webkit-transition: opacity .2s ease,-webkit-transform .6s ease-in-out;
    transition: opacity .2s ease,-webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out,opacity .2s ease;
    transition: transform .6s ease-in-out,opacity .2s ease,-webkit-transform .6s ease-in-out;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(23,19,27,.85);
    backdrop-filter: blur(40px);
    z-index: 5;
    overflow: scroll;
    opacity: 0;
    pointer-events: none;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding-top: 55px
}

@-moz-document url-prefix() {
    .nav-container {
        background: rgba(23,19,27,.97)
    }
}

@media (min-width: 992px) {
    .nav-container {
        padding-top:62px
    }
}

@media (min-width: 1600px) {
    .nav-container {
        padding-top:70px
    }
}

.nav-container::-webkit-scrollbar {
    display: none
}

.nav-container .container-fluid {
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.nav-container .container-fluid .menu-header-menu-container {
    margin: 40px auto
}

.menu-active .nav-container {
    opacity: 1;
    pointer-events: auto
}

.nav-container .action-strip {
    background: #000;
    border-bottom: 1px solid #2f2b32;
    padding: 15px 0 15px 11px;
    font-weight: 600;
    font-size: 1.6rem
}

@media (min-width: 768px) {
    .nav-container .action-strip {
        font-size:2rem;
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 30px
    }
}

.nav-container .action-strip .btn {
    width: auto;
    padding: 13px 24px;
    border-radius: 30px;
    font-size: 1.8rem;
    letter-spacing: -.04em;
    font-weight: 400;
    text-transform: uppercase
}

@media (min-width: 768px) {
    .nav-container .action-strip .btn {
        font-size:2.2rem
    }
}

.nav-container ul.menu {
    list-style: none;
    padding-left: 0;
    padding-bottom: 80px
}

@media (min-width: 768px) {
    .nav-container ul.menu {
        padding-bottom:0
    }
}

.nav-container ul.menu li {
    opacity: 0;
    -webkit-transition: opacity 0s;
    transition: opacity 0s
}

.menu-active .nav-container ul.menu li {
    opacity: 1;
    -webkit-transition: opacity .4s ease 0ms;
    transition: opacity .4s ease 0ms
}

.menu-active .nav-container ul.menu li:nth-child(2) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.menu-active .nav-container ul.menu li:nth-child(3) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.menu-active .nav-container ul.menu li:nth-child(4) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.menu-active .nav-container ul.menu li:nth-child(5) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.menu-active .nav-container ul.menu li:nth-child(6) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.menu-active .nav-container ul.menu li:nth-child(7) {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.menu-active .nav-container ul.menu li:nth-child(8) {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

.menu-active .nav-container ul.menu li:nth-child(9) {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

.menu-active .nav-container ul.menu li:nth-child(10) {
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}

@media (min-width: 768px) {
    .nav-container ul.menu li {
        border:none
    }
}

.nav-container ul.menu li a {
    padding: 0;
    font-weight: 500;
    color: #fff;
    display: inline-block;
    width: 100%;
    text-decoration: none;
    line-height: 1.1;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: -.3rem;
    margin-bottom: 0;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    position: relative;
    top: 0;
    font-size: 3.5rem;
    font-weight: bold;
}

@media (min-width: 768px) {
    .nav-container ul.menu li a {
        font-size:6rem;
        font-family: NeueHaasDisplayLight;
    }

    .nav-container ul.menu li a:hover {
        -webkit-transform: scale(1.05) translateY(-3px);
        transform: scale(1.05) translateY(-3px)
    }
}

.nav-container ul.menu li.current-menu-item a:before {
    content: "";
    width: 11px;
    height: 11px;
    margin-left: -11px;
    background: #cff128;
    border-radius: 50%;
    display: inline-block;
    left: -12px;
    top: -5px;
    position: relative
}

@media (min-width: 768px) {
    .nav-container ul.menu li.current-menu-item a:before {
        left:-15px;
        top: -17px;
        width: 18px;
        height: 18px;
        margin-left: -18px
    }
}

.nav-container ul.menu li.current-menu-item a span {
    opacity: 1;
    color: #cff128
}

.nav-container ul.menu .menu-item-description {
    display: none;
    font-size: 1.6rem;
    font-style: italic;
    text-transform: none;
    opacity: .5;
    letter-spacing: 0
}

.menu-active {
    overflow: hidden
}

.site-header ul.main-nav {
    list-style: none;
    padding-left: 0
}

.hamburger {
    padding: 15px;
    display: inline-block;
    cursor: pointer;
    -webkit-transition-property: opacity,-webkit-filter;
    transition-property: opacity,-webkit-filter;
    transition-property: opacity,filter;
    transition-property: opacity,filter,-webkit-filter;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible
}

.hamburger:hover,.menu-active .hamburger:hover {
    opacity: .7
}

.menu-active .hamburger .hamburger-inner,.menu-active .hamburger .hamburger-inner:after,.menu-active .hamburger .hamburger-inner:before {
    background-color: #fff
}

.hamburger:focus {
    outline: 0
}

.hamburger-box {
    width: 33px;
    height: 24px;
    display: inline-block;
    position: relative
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px
}

.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before {
    width: 30px;
    height: 4px;
    background-color: #5aa86e;
    border-radius: 4px;
    position: absolute;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.text-dark .hamburger-inner,.text-dark .hamburger-inner:after,.text-dark .hamburger-inner:before {
    background-color: #362e3e
}

.hamburger-inner:after,.hamburger-inner:before {
    content: "";
    display: block;
    width: 30px
}

.hamburger-inner:before {
    top: -10px
}

.hamburger-inner:after {
    bottom: -10px
}

.hamburger--squeeze .hamburger-inner {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    -webkit-transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}

.hamburger--squeeze .hamburger-inner:before {
    -webkit-transition: top 75ms ease .12s,opacity 75ms ease;
    transition: top 75ms ease .12s,opacity 75ms ease;
    left: 0
}

.hamburger--squeeze .hamburger-inner:after {
    -webkit-transition: bottom 75ms ease .12s,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19);
    transition: bottom 75ms ease .12s,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19);
    transition: bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19);
    transition: bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19),-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19);
    left: 0
}

.menu-active .hamburger--squeeze .hamburger-inner {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition-delay: .12s;
    transition-delay: .12s;
    -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    width: 33px
}

.menu-active .hamburger--squeeze .hamburger-inner:before {
    top: 0;
    opacity: 0;
    -webkit-transition: top 75ms ease,left 75ms ease,opacity 75ms ease .12s;
    transition: top 75ms ease,left 75ms ease,opacity 75ms ease .12s;
    left: 0;
    width: 33px
}

.menu-active .hamburger--squeeze .hamburger-inner:after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: bottom 75ms ease,left 75ms ease,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .12s;
    transition: bottom 75ms ease,left 75ms ease,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .12s;
    transition: bottom 75ms ease,left 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;
    transition: bottom 75ms ease,left 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s,-webkit-transform 75ms cubic-bezier(.215,.61,.355,1) .12s;
    left: 0;
    width: 33px
}

button.hamburger {
    position: relative;
    z-index: 99;
    padding: 0;
    top: -3px;
    font-size: 1.8rem;
    font-weight: 500
}

@media (min-width: 576px) {
    button.hamburger {
        top:-3px
    }
}

@media (min-width: 992px) {
    button.hamburger {
        top:-5px
    }
}

button.hamburger .hamburger-box {
    margin-left: 12px;
    vertical-align: middle
}

.header-logo {
    position: absolute;
    width: 100%;
    display: block;
    text-align: center;
    z-index: 99;
    margin-top: -2px
}

@media (min-width: 768px) {
    .header-logo {
        margin-top:-3px
    }
}

.header-logo img,.header-logo svg{
    width: 150px;
    margin:-15px 0 0 0;
}
.header-phone img{width: 40px;
    padding-right: 10px;}
.header-phone {
    line-height: 1.2;
    z-index: 99;
    width: auto;
    margin-top: -1px;
    color: #343a40
}

.text-light .header-phone {
    color: #f8f9fa;
    display: flex;
    font-family: 'NeueHaasDisplayBold';
}
.text-light .header-phone em{margin: auto 0; color: #5aa86e;}

.header-phone:hover {
    text-decoration: none
}

.header-phone .phone-icon {
    border-radius: 50%;
    border: 2px solid #cff128;
    height: 30px;
    width: 30px;
    padding: 5px;
    float: left;
    margin-right: 10px;
    position: relative
}

@media (min-width: 768px) {
    .header-phone .phone-icon {
        border-radius:0;
        top: 2px;
        max-width: 20px;
        height: auto;
        padding: 0;
        border: none;
        display: inline
    }
}

.header-phone .phone-icon img,.header-phone .phone-icon svg {
    max-width: 20px;
    width: 100%;
    margin-right: 5px
}

.header-phone:hover img,.header-phone:hover svg {
    -webkit-animation: shake 1.5s;
    animation: shake 1.5s
}

.header-phone em {
    display: none;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
}

@media (min-width: 768px) {
    .header-phone em {
        display:inline;
        min-width: 250px;   }
}

.page-header {
    position: relative;
    overflow: hidden;
    padding-top: 200px
}


.slider_area .slick-arrow{border: none;background: transparent;color: #fff;position: absolute;top: 50%;left: 10px;width:45px;height:45px;border-radius:100px;line-height:45px; z-index:1;}
.slider_area .slick-arrow.slick-next{right: 10px;left: auto;transition:ease-in-out 0.3s;z-index: 1;}
.slider_area .slick-arrow i{font-size:25px; transition:all 0.3s; background: #e34d00;color: #fff !important;width: 45px;height: 45px;border-radius:30px;line-height: 45px;}
.slider_area .slick-arrow i:hover{background:#000;}
.slider_area .slick-prev:before, .slider_area .slick-next:before{color:transparent;}
.slider_area:before{content:"";position: absolute;width: 100%;height: 100%;left: 0;top: 0px;opacity: .7;z-index: 1;background: rgb(0 0 0);}
.slide_content .green-box{    color: #5baa70;-webkit-text-stroke: transparent;}
.slide_content p{color: #fff;}
.slide_content .button{color: #fff;}

.slide{position: relative;z-index:1;width: 100%;top: 0;left: 0;}
.slider_area {position:relative;padding:200px 0 130px;}
.banner-img{position:relative;}
.banner-img img{width: 65%;position: relative;right: -95px;bottom: 0;-webkit-animation: a-three 5s infinite linear;
  animation: a-three 5s infinite linear;}
  @keyframes a-three {
    0% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0);
    }
    50% {
      -webkit-transform: translate(0, 35px);
              transform: translate(0, 35px);
    }
    100% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0);
    }
  }

.slider_area video{width: 100%;position: absolute; top: 0; left: 0;height: 100%; object-fit: cover;}
.sec-box1{position:absolute;top:0;left:0;}
.slide_content h2{font-size:48px;font-weight:bold;color:#fff; text-transform:uppercase;font-family: 'NeueHaasDisplayBold';}
.slide_content h2 span{color: #5baa70;}

.reveal-1 img{width: 70%;border-radius: 30px;position: relative;overflow: hidden;display: block;}
.reveal-1 img:before {content: "";position: absolute;width: 200%;height: 0%;left: 50%;top: 50%;background-color: rgba(255, 255, 255, .3);transform: translate(-50%, -50%) rotate(-45deg);z-index: 1;}
.cont_center{width: 100%;margin: auto 0;}
.connect_btn{text-transform:uppercase;}

.foot-ab-box{background: #fff; border-radius: 15px;}
.about-us .sec-ab{width: 100%;border-radius: 15px;overflow: hidden;}
.about-us .sec-ab img{height: 100%;}
.foot-ab-box .ab-box{padding: 100px 20px;}
.about-box{padding:70px 0;}
.sec-ab img{width:100%;object-fit: cover;}
.sec-ab{margin-bottom: 0;}
.sec-ab h3{font-size:25px;color:#505050;padding: 20px 0;font-weight:400;margin-bottom:0;}
.ab-box h4{font-size: 15px;color: #ffffff;position:relative;margin-bottom: 0;}
.ab-box h4:before{content:"";position:absolute;width: 73px;height: 1px;background:#5baa70;top: 23px;left:0;}
.ab-box h3{font-size:50px;padding:0 0 20px;color:#fff;margin-bottom: 0;color: #000;font-family: 'NeueHaasDisplayBold';}
.ab-box ul {padding: 0;margin: 0 0 10px;list-style: none;justify-content: space-between;}
.ab-box ul strong{display: block; margin-bottom: 5px;}
.ab-box ul li {position: relative;padding-left: 25px;margin-bottom: 5px;font-weight: 500;color:#505050;border-radius: 30px;}
.ab-box ul li:before {content: '\f058';font-family: "Font Awesome 6 Free";color:#5baa70;font-size: 20px;font-weight: 700;position: absolute;top: -3px;left: 0;}
.ab-box li img, .box-ab li img{width:20px;}
.ab-box h5{display:inline-block;padding-left: 10px;color:#000;font-size: 24px;}
.box-sec h2, .sec-video h2, .section-title h2, .top-logo-carasol h2{text-align:center;padding-bottom: 20px;color: #5baa70;}
.box-slide3 h3{padding-bottom: 20px;}
.box-sec{padding-bottom:70px;}
.img-ab .play-video{width:100%;border-radius: 0px 0px 400px 0;object-fit: cover;}
.video_box{position:relative;border-radius: 0px 0px 400px 0; overflow:hidden;height: 450px;}
.video_box img{width:100%;cursor:pointer; height: fit-content; object-fit: cover;height: 100%;}
.play_btn{position:absolute;left:50%; top:50%; transform:translate(-50%,-50%);width: 60px !important;height: auto !important;}

.ab-box p, .box-ab p{margin-bottom:15px;}
.box-ab h5{display:inline-block;padding-left: 10px;color:#000; font-size: 24px;}

.text-1{text-align: center;font-size: 50px;padding-bottom: 25px;color: #163023;}
/* .text-1:before{content:"";width:100px;height:1px;background:#5baa70;position: absolute;top:27%;left:36%;}
.text-1:after{content: "";width: 100px;height: 1px;background: #5baa70;position: absolute;top: 27%;right: 36%;} */
.slide-1{background: #5baa70;padding:20px 0;}
.slide-2{background: #fff;padding:20px 0;margin-bottom: 20px;transform:rotate(357deg);width: 105% !important;}
.content-box h3{font-size:18px;text-align:center;margin: 0;}
.top-logo-carasol{padding-bottom:70px;}

.slide-box{margin:70px 0;}
.mt-slider-effect-item img{height:350px;margin:0 20px;}
.mt-slider-effect-active .mteffect-pagination{text-align: center;padding: 20px 0}
.mt-slider-effect-active .mteffect-pagination .swiper-pagination-bullet {width: 16px;height: 16px;background-color: #c2ffba66;border: 1px solid #6be124;opacity: 1;}
.mt-slider-effect-active .mteffect-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {width: 50px;border-radius: 100px;background-color:#5baa70;}




.sec-img{background-image: url(../images/service-bg-icon-1-1.svg);width:70px;height:65px;position:relative;background-repeat: no-repeat;margin-bottom: 40px;}
.sec-img:before{content: "";width: 250px;height: 2px;background: #5baa70;position: absolute;top: 57%;left: 127%;}
.sec-2{margin-top:15px;}
.service-box-wrap .service-box {padding: 15px 20px;background:#001506;border-radius: 20px 20px 0 0;-webkit-transition: all .2s linear;transition: all .2s linear;height: 100%;position: relative;z-index: 1;}
.service-box-wrap .service-box h3 {color: #fff;font-size: 20px;font-weight: 500;line-height: normal;text-transform: capitalize;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 24px;position: relative;z-index: 2;}
  .service-box-wrap .service-box p {color: #e9e9e9;margin-top: 24px;position: relative;z-index: 2;}
  .service-box-wrap:hover::before {-webkit-animation: animate_border 6.5s linear infinite;animation: animate_border 6.5s linear infinite;opacity: 1;left: 50%;top: 50%;height: 269%;width: 115%;
  }
  @keyframes animate_border {
    from {transform: translate(-50%, -50%) rotateZ(0deg)}
    to {transform: translate(-50%, -50%) rotateZ(360deg)}
  }

.box1-img{    position: relative;background: #001506;
    z-index: 1;}
.box1-img img{border-radius:0 100px 0 20px;}

.business_area{padding: 70px 0 0;}
.business_box h3{font-size: 98px; color: #000; text-transform: uppercase; font-weight: bold; text-align: center;line-height: 86px;font-family: 'NeueHaasDisplayBold';}
.business_box p{text-align: center; margin: 15px 0 0; font-size: 20px; line-height: 36px;}
.business_box form input{height: 68px; border-radius: 100px;padding: 0 70px;}
.business_box form{position: relative;margin-top: 20px;}
.business_box form:before{background: url(../images/form-hand.webp) no-repeat 50%/contain;content: "";width: 27px;height: 27px;position: absolute;left: 25px;top: 50%;z-index: 2;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.business_box form button{position: absolute; background: #5baa70;right: 0; top: 0; border-radius: 0 100px 100px 0; color: #000; font-weight: bold; border: none; height: 68px; padding: 0 50px; font-size: 20px;}

.ab-1 ul{padding-left:20px;}
.sec-f{font-size:25px; font-weight:bold;}
.about-sc1 p{color:#fff;margin: 0;padding-top: 10px;}
.about-content ul {padding: 0;margin: 0 0 20px;list-style: none;justify-content: space-between;}
.about-content ul li {position: relative;padding-left: 25px;margin-bottom: 10px;font-weight: 500;color:#505050;border-radius: 30px;font-size: 15px;}
.about-content ul li:before {content: '\f058';font-family: "Font Awesome 6 Free";color:#5baa70;font-size: 20px;font-weight: 700;position: absolute;top: -5px;left: 0;}
.btn-default {display: inline-block;background: #89ea5f;color: #163300;font-size: 16px;font-weight: 500;border: 2px solid #89ea5f;padding: 12px 30px;border-radius: 30px;position: relative;overflow: hidden;z-index: 0;transition: 0.2s all ease-in-out;}
.about-content p{margin-bottom: 40px;}

.picker-container {
      max-width: 500px;
      margin: 80px auto;
      background: white;
      padding: 30px;
      border-radius: 15px;
      box-shadow: 0 0 20px rgba(0,0,0,0.1);}

.footer_area{padding:70px 0;position:relative;}
/* .footer_area:before{content:"";background:url(../images/foot-back.png);width:100%;background-size:cover;position:absolute;top:-46px;left:0;height:247px;} */
.footer_area ul li img{width:10px;}
.foot_about p{text-align: left;color:#fff;}
.footer_area ul li a{font-size:14px;color:#fff;}
.foot_menu h3{font-size: 20px;font-weight: bold;color: #fff;}
.foot_menu p{margin: 0;}
.foot_menu ul li p{text-align:left; color: #fff;}
.sec-1{padding-left:40px;}

.copy_area{border-top: 1px solid rgba(255, 255, 255, 0.3);background: #a3a3a3;}
.copy_area p{margin-bottom:0;text-align:center;color: #fff;}
.button {display: inline-flex;align-items: center;justify-content: center;padding: 15px 30px;position: relative;overflow: hidden;border-radius: 10rem;transition: all 0.02s;font-weight: bold;cursor: pointer;color: #fff;z-index: 0;box-shadow: 0 0px 7px -5px rgba(0, 0, 0, 0.5);border: 1px solid #5baa70;background: #0c6237;}
.calender-box{padding: 20px;border: 1px solid #86c13f;width:100%; background:#163023;}
.calender-box h4, .mb-3 label, .slot-container h4, .calender-box h3{color:#ffffff;}
    .slot-btn {
      margin: 5px;
      min-width: 100px;
      color:#fff;
    }
    .slot-btn.selected {
      background-color: #198754 !important;
      color: #fff;
      border-color: #198754;}


      .video-container {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
    }
    video {
      width: 80%;
      border-radius: 10px;
      box-shadow: 0 0 20px rgba(0,0,0,0.2);
    }
   .box-cal{padding:70px 0; background:#fff;} 
   .box-cal h2{color:#000;font-family: 'NeueHaasDisplayBold';}

.logo_area{padding: 70px 0;}
.logo_box{box-shadow: 0 0 30px rgba(0,0,0,0.05); height: 170px;padding: 15px;margin: 12px 0;background: #fff;}
.logo_box img{width: 100%; height: 100%; object-fit: contain;}
.logo_area h3{font-size:50px;padding:0 0 20px;color:#fff;margin-bottom: 0;color: #000;font-family: 'NeueHaasDisplayBold'; text-align: center;}
.logo_area p{text-align: center;}

.gallery_area h3{font-size:50px;padding:0 0 20px;color:#fff;margin-bottom: 0;color: #000;font-family: 'NeueHaasDisplayBold'; text-align: center;}
.lightimg_box{margin:15px 0;position: relative;}
.lightimg_box img{width: 100%; height: 100%; object-fit: cover; transition: all 0.3s;}
.lightimg_box a{position:relative; display:block;overflow:hidden;height: 300px;border-radius: 10px;}
.lightimg_box a .overlay{background: url(../images/zoom_img.webp) no-repeat center rgba(0, 0, 0, 0.6);position:absolute; top: 0;left: 0;right: 0;bottom: 0;height: 100%;width: 100%;opacity: 0;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);-webkit-transform: scale(0.5);transform: scale(0.5);}
.lightimg_box a:hover .overlay{display: block;opacity: 1;-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
.lightimg_box a:hover img{transform: scale(1.15);}

.faq_area{padding: 70px 0;}
.faq_area h3{font-size:50px;padding:0 0 20px;color:#fff;margin-bottom: 0;color: #000;font-family: 'NeueHaasDisplayBold'; text-align: center;}
.faq_box{background: #fff;padding: 70px 0;border-radius: 15px;}
.accordion-button:not(.collapsed){background: #5aa86e; color: #fff;}
.faqaccordion {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: var(--bs-body-bg);
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color: #86b7fe;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}

.foot_about img{width: 160px;}
.foot_about h3{font-size:18px;color:#fff;margin-top:15px}
.footer_area{padding: 0 0 70px;}
.footer_area h3{font-weight: bold; font-size: 22px; position: relative; text-transform: uppercase; margin-bottom: 30px; padding-bottom: 10px;color: #000;}
.footer_area h3:after{content: "";width: 80px; height: 3px;background: #5baa70;position: absolute; left: 0; bottom: 0;}
.foot_left p{line-height: 28px; color: #000; text-align: left;margin: 0;}
.foot_menu ul li{list-style: none; margin: 5px 0; position: relative;padding-left: 25px;}
.foot_menu ul li a{color: #000;transition: all 0.3s;}
.foot_menu ul li a:hover{color: #5baa70;}
.foot_menu ul li:before{content: "\f101"; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; left: 0;color: #5baa70;;}
.foot_menu_pad{padding-left:30px;}
.foot_address p{color: #000; display: flex;}
.foot_address p i{max-width: 25px;margin: auto 0;width: 100%;color: #5baa70;}
.foot_address p span{display: block;}
.foot_address p span a{color: #000;text-decoration: none;}
.foot_social ul li{margin: 10px 0;list-style: none;}
.foot_social ul li i{width:25px; height: 25px; color: #fff;text-align: center; display: inline-block;margin: 0 5px 0 0; font-size: 14px;line-height: 25px; border-radius: 100%;}
.foot_social ul li a span{color:#000;transition: all 0.3s; position: relative;left:0; font-size: 16px;}
.footer_area img{width:170px;padding-bottom:20px;}


@media(min-width: 320px) and (max-width: 767px) {
    .slider_area{padding:0; height:100vh;}
  .banner-area .container-fluid a span{display: none;}
  .menu_text{font-size:18px;}
  .header-logo img, .header-logo svg{margin: -3px 0 0 -30px; width:100px;}
  button.hamburger .hamburger-box{margin-left:0;}
.banner-area .nav-item a{padding: 5px 0 !important; font-size: 36px !important;}
.slider_area video {width: 100%;height: 100%;position: absolute;top: 0;}
.slide{position: absolute;top: 50%;transform: translateY(-50%) !important;}
.banner-area img {width: 100px;}
.box-cal{padding-top:30px;}
.slide-box{margin:30px 0;}
.box1-img img {width:100%;}
.banner-area ul li {margin: 0;display: block;}
.topbar-contact-info{text-align:center;}
.header-social-links{display:none;}
.banner-area .navbar button{border-radius: 50px;}
.banner-area .navbar button span{filter: brightness(0) invert(1);}
.banner-area{top:10px;}
.slider_area .slick-arrow i{font-size: 14px;width: 26px;height: 26px;line-height:26px;}
.slider_area .slick-arrow{left:10px;}
.slider_area .slick-arrow.slick-next {right: -2px;}
.section-title1{margin-top: 110px;}
.section-title1 h2, .count_area h2, .box-sec h2, .section-title h2, .box-area1 h2, .box-slide3 h2, .sec-video h2, .ab-box h3, .text-1, .logo_area h3, .gallery_area h3, .faq_area h3{font-size: 28px;}
.section-title1:before, .step-item.step-1 .step-header:after, .step-item.step-2 .step-header:after {display:none;}
.bubble_area{padding:40px 0;}
.bubble_img{border-radius:10px;}
.reveal-1:after{right: -178px;}
.our-process{margin-top:0;padding: 30px 0;}
.testimonial-layout2{padding: 30px 0;}
.box-pad{margin-top:15px;}
.counter_section{margin-bottom: 20px;}
.slide_content h2 {font-size: 26px; margin-bottom:30px;}
.cont_center{padding-top:30px;}
.ab-box ul li{margin: 10px 0;}
.abt_border{border-top: 1px solid rgba(255, 255, 255, 0.5);margin-top: 50px;}
.content-box h3{font-size:16px;}
.before-sec .slide img{width:100%;float:none;margin-top: -20px;}
.banner-img img{right:0;}
.sec-form1 {width: 100%;}
.sec-form1 .form-control{font-size:12px;}
.business_box form input{padding:0 100px 0 60px;}
.sec-1 {padding-left: 0px;}
.banner-img{display:none;}
.sec-3{margin-bottom:15px;}
.box-slide1, .service-box-wrap .service-box, .testimonial-slider2 .testimonial-item2{padding:15px 10px;}
.box-slide1 h3{line-height:15px;}
.foot_menu_pad {padding-left:0;}
.navbar-toggler{border:1px solid transparent;width:50px;}
.footer_area h3{margin: 20px 0 10px;}
.sec-video{width:80%;}
.calender-box{margin:5px 0;}
.sec-ab{margin-top: 10px;}
.ab-box p, .box-ab p{margin-bottom:8px;}
.about-content p{margin-bottom: 50px !important;}
.sec-ab h3{line-height:24px;}
.foot-ab-box .ab-box{padding:70px 20px;}
.foot-ab-box .ab-box p{line-height:24px;}
.box-sec {padding-bottom: 30px;}
.business_box h3{font-size: 36px; line-height: 36px;}
.business_box p{font-size: 16px; line-height: 24px;}
.business_box form button{padding: 0 20px;}
.logo_box{height: 100px;}
.video_box{height: 300px;}
.container{padding:0 30px;}
}


@media(min-width: 768px) and (max-width: 1024px) {
    .header-logo img, .header-logo svg{margin: -15px 0 0 0;}
  .banner-area ul li {margin: 0px 12px;}
  .about-us .section-title1{text-align: left; margin-top: 110px;margin-bottom: 30px;}
  .slide_content h2 {font-size: 36px;}
  .section-title1 h2, .count_area h2, .box-sec h2, .section-title h2, .box-area1 h2, .section-title h2, .box-slide3 h2, .ab-box h3, .text-1, .logo_area h3, .gallery_area h3, .faq_area h3 {font-size: 30px;}
  .section-title1 .about-content p, .about-content ul li, .box-slide1 h3, .service-box-wrap .service-box p, .testimonial-author-info p, .testimonial-body p, .foot_left p, .ab-box p, .box-ab p{font-size:14px;}
  .our-process{margin-top:0;padding: 40px 0;}
  .step-item {padding: 0}
  .step-item.step-1 .step-header:after, .step-item.step-2 .step-header:after{display:none;}
  .box-pad1{margin-top:10px;}
  .section-title1:before{bottom:-35px;}
  .sec-1 {padding-left: 0px;}
   .sec-img:before{content:"";bottom: 15px;left: 83px;width: 100px;}
  .banner-wrapper.banner-four .banner-content{padding-left: 25px;}
  .img-sec img{width:100%;}
  .navbar-toggler{border:1px solid transparent;width:50px;}
  .banner-img img {width: 82%;right: -9px;}
  .sec-3{margin-bottom:15px;}
  .box-slide1, .service-box-wrap .service-box, .testimonial-slider2 .testimonial-item2{padding:20px 15px;}
.box-slide1 h3{line-height:25px;}
.sec-video{width:80%;}
.foot_menu_pad{padding:0;}
.slide-box{margin:40px 0;}
.sec-ab{padding-top:20px;}
.box-cal {padding-top:40px;}
.box-sec{padding-bottom:30px;}
.business_box h3{font-size: 36px; line-height: 36px;}
.business_box p{font-size: 16px; line-height: 24px;}
.business_box form button{padding: 0 20px;}
}