html,body {font-family: 'Jost', sans-serif;margin: 0;padding: 0; height: 100%; color:#242323; scroll-behavior: smooth;}
a, a:hover { text-decoration:none;}
.light-grey {background: #2b2b2b;}
.dark-grey {background: #242323;}
.btn-primary { background:#45B649; border-color:#45B649;}
.btn-primary:hover { background:#fec804; border-color:#fec804; color:#242323;}
.green-color { color:#45B649;}
.banner { width:100%; height:100%;transition: all 1.5s ease; position: relative; top:0; padding:200px 0 100px 0; overflow:hidden;background-size:cover; }
.banner-zoom {transform: scale(1.5);}
.banner2 {  padding:170px 0 40px 0; background:url(../images/inner-bg.jpg) center center no-repeat #45B649; }
.banner2 h1 { font-size:80px;}
.banner-height { min-height:700px;}
.navbar { width:100%;}
.navbar-light .navbar-nav .nav-link { font-size:15px;color:#242323; padding:0 14px;}
.navbar-light .navbar-nav .nav-link:hover { color:#45B649;}
.phone { background:#45B649; color:#fff; font-size:16px; font-weight:500; padding:9px 18px; display:block;}
.phone:hover {background:#242323; color:#fff;}

.banner-heading { font-size:80px; font-weight:700; word-wrap:break-word;}
.arrow-holder { position:relative; text-align:left; margin-top:100px; display:inline-block;}
.arrow{position: absolute;bottom: 0%;transform: translate(-50%,-50%);}
.arrow span{ display: block; width: 30px; height: 30px; border-bottom: 2px solid #45B649; border-right: 2px solid #45B649; transform: rotate(45deg);
 margin: -10px; animation: animate 2s infinite;}
.arrow span:nth-child(2){animation-delay: -0.2s;}
.arrow span:nth-child(3){ animation-delay: -0.4s;}
@keyframes animate {
    0%{
        opacity: 0;
        transform: rotate(45deg) translate(-20px,-20px);
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
        transform: rotate(45deg) translate(20px,20px);
    }
}

.bgwhite2 { background:#fff;transition-duration: 1s;}
.section-padding { padding:90px 0;}
.low-highlight { background:#45B649; color:#fff; display:inline-block; padding:0 5px; font-weight:500;}
.heading { font-size:40px; margin-bottom:40px;}

.heading-sub { font-size:30px; margin-bottom:30px;}
.grey-text { color: #999;}
.years { font-size:20px; font-weight:600;}
.count { text-align:center; color:#fff; font-size: 230px; font-weight: 700;}
.underline-btn { font-size:20px; color:#fff; display:inline-block; border-bottom:2px #fff solid; font-size:16px; font-weight:500;     transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.underline-btn:hover {border-bottom:2px #242323 solid; color:#45B649;}

.amenities {transform: rotate(-7deg);}
.amenities-heading { text-align:center; margin-top:20px; font-size:16px;}

.list-items { margin:0; padding:0;}
.list-items li { color:#999; list-style:none; background:url(../images/botanical.png) 0px 5px no-repeat; margin-bottom:10px; padding-left:30px;}
.owl-carousel .owl-item { overflow: hidden !important;}
#myCarousel {margin: 0px auto;padding: 0px;}
#myCarousel .item { color: #999;overflow: hidden; min-height: 120px;}
#myCarousel .item .media {background:#242323; padding:30px 20px;}
#myCarousel .media img {width: 80px;height: 80px;display: block;border-radius: 50%;}
#myCarousel .testimonial {padding: 0 15px 0 60px ;position: relative;}
#myCarousel .testimonial::before {content: ''; background:url(../images/svg/quote.svg) 0px 0px no-repeat;color: #e2e2e2; width:44px; height:44px;position: absolute;left: 0px;top: 0;}
#myCarousel .overview b {text-transform: uppercase;color: #45B649;}
.carousel-indicators {bottom: -60px;}
.carousel-indicators li, .carousel-indicators li.active {width: 10px; height: 10px;border-radius: 50%;margin: 1px 3px;}
.carousel-indicators li {background: #e2e2e2;border: 4px solid #fff;}
.carousel-indicators li.active {color: #fff;  background: #45B649; border: 5px double;}

.item-phone {width:24px !important;}

.dark-form .form-control { border:1px #999 solid; background:transparent; color:#fff;}
.form-control:focus { border-color: #45B649;box-shadow: none;}

.footer-widget { color:#fff; font-weight:600; position:relative; margin-bottom:40px; display:block;}
.footer-widget:after {content: ''; position: absolute; width: 42px; height: 1px; background: #fff; bottom: -13px; left: 0; opacity: 0.8;}
.list-unstyled2 li {  color:#999; padding:0; list-style:disc;}
.list-unstyled2 li a { color:#999; display:block;}
.list-unstyled2 li a:hover {color: #45B649}

.swiper-pagination-bullet-active { background: #45B649 !important;}
.social a { display:inline-block; margin:3px;}

.bg-green { background:#45B649;}
.thumb {  display:inline-block; margin-bottom:5px;transition: all 1.5s ease;}
.thumb img:hover { opacity:0.7;}
.adjust { display:inline-block; margin-left:10px;}
.table { color:#999;}
.dynamic-height { height:400px;}
.item p { font-weight:500; color:#fff; font-size:14px;}
.item-main { border-radius:50%; padding:20px; display:inline-block;}
.item-main2 { background:#fff;transition: all 0.5s ease; border:2px #fff solid;}

@media (max-width: 767px) and (min-width: 320px) {
.owl-carousel {margin-top:30px;}
.dynamic-height { height:300px;}
.mobile-offset-0 { margin-left:0;}	
.navbar-light .navbar-nav .nav-link { padding: 5px 14px;border-bottom: 1px #ddd solid;}
.mobile-off { display:none;}
.adjust { margin-left: 5px; font-size: 13px; margin-top:10px;}
#dynamic {position: relative;}
.banner2 { padding: 60px 0 60px 0;}
.banner2 h1 {font-size: 50px;}
.heading {font-size: 30px; margin-bottom: 20px;}
.slide-gap {padding: 0 15px !important;}
.inner-item .amenities2 { height: 100% !important;}
.banner {padding: 40px 0 40px 0;}
.banner-heading { font-size:36px;}
.circle-holder { text-align:center !important; right:0 !important;}
.banner-height { min-height:550px;}
.count {font-size: 150px;}
.tree { min-height: 245px !important; margin-bottom:30px;}
#myCarousel .item .media { display:block; padding:20px 20px;}
#myCarousel .item .media .media-left, #myCarousel .item .media .media-left a { margin:0 auto !important; text-align:center; display:block;}
#myCarousel .media img { display:inline-block;}
#gallery-new .thumb { width: 49%;}
.h-v-content { padding-top: 20px !important;}
.h-100-mobile {height: max-content !important;}
.h-v-content h1 { font-size: 30px !important;}
.right-side { position: relative !important;}
.h-v { background: none !important;border-radius: 0!important;height: auto !important;box-shadow: none !important;}
.left-form {    position: relative!important; top: 30px!important; background: #fff!important;border-radius: 0 !important;}
.margin-screen { text-align: center;}
}

@media (min-width: 768px) and (max-width: 1024px)  {
.adjust {font-size: 13px; padding: 9px 9px;}
.navbar-light .navbar-nav .nav-link {font-size: 13px; padding: 0 9px;}
.tree { min-height: 365px !important;}
.tree-leaves {top: 19% !important;}
.adjust { margin-left: 5px; font-size: 13px; margin-top:10px;}
.banner-heading { font-size: 58px;}
.count {font-size: 110px;}
#myCarousel .item .media { display:block; padding:20px 20px;}
#myCarousel .item .media .media-left, #myCarousel .item .media .media-left a { margin:0 auto !important; text-align:center; display:block;}
#myCarousel .media img { display:inline-block;}
#gallery-new .thumb { width: 32%;}
.mobile-offset-0 { margin-left:0;}	
.slide-gap {padding: 0 15px !important;}
.inner-item .amenities2 { height: 100% !important;}
.owl-carousel {margin-top:30px;}
.margin-screen { text-align: center;}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) { .navbar-light .navbar-nav .nav-link { padding: 5px 14px;border-bottom: 1px #ddd solid;font-size: 15px;}
.tree { min-height: 390px !important;}
.tree-leaves {top: 43% !important;}
.mobile-offset-0 { margin-left:0;}	
.slide-gap {padding: 0 15px !important;}
.owl-carousel {margin-top:30px;}
.h-v-content { padding-top: 20px !important;}
.h-100-mobile {height: max-content !important;}
.h-v-content h1 { font-size: 30px !important;}
.right-side { position: relative !important;}
.h-v { background: none !important;border-radius: 0!important;height: auto !important;box-shadow: none !important;}
.left-form {    position: relative!important; top: 30px!important; background: #fff!important;border-radius: 0 !important;}
.margin-screen { margin-top: 130px; text-align: center;}
 }


footer .col-md-3 { margin-bottom:30px;}
.spec .media { display:block; text-align:center;}
.inner-item .amenities2 {height: 262px;transition: all 0.5s ease;}
.inner-item .amenities2:hover { height:330px;}

.circle-holder { position:absolute; right:2%; bottom:15%; text-align:right;}

.circle {display: inline-block; background:url(../images/circle-bg.jpg)0px 0px no-repeat #fff; background-size:cover; border-radius:100px 0; border:8px #45b649 solid;}
.circle h4{ display:inline-block; border-bottom:2px #45B649 solid; color:#45B649;}

.tree { min-height:400px; position:relative;}
.tree-img { position:absolute; bottom:0;}
.tree-leaves {position:absolute; top:-7%;}
.item-main2:hover {background: #242323;}


/*landing page */

.h-v { height: 100vh; border-radius: 80px 0 0 80px;}
.h-v-content { padding-top: 170px;}
.h-v-content h1 { font-size: 55px;}
.right-side { position: absolute; right: 0; padding: 0;}

.left-form { position: absolute; bottom:0px; right: 0px; border-radius: 0px 0px 0px 80px;background-color: rgba(255, 255, 255, 0.8);border-bottom: 6px #45B649 solid;}
.circle-holder2 { bottom: 14%;}
.b-l-size { border-left: 6px solid #45B649;}