html {
    scroll-behavior: smooth;
}
body {
    font-family: "Neue Haas Grotesk Display Pro";
	padding: 0px;font-size: 18px;
	color: #333333;overflow-x: hidden;
	font-weight: 500;
	margin: 0;
}


h1, h2, h3, h4, h5, h6 {     font-family: "Neue Haas Grotesk Display Pro";}
textarea, p, input, div, span, li, button {    font-family: "Neue Haas Grotesk Display Pro"; font-weight: 500;}
ul {margin: 0;padding: 0;}
li {list-style: none;}
p {line-height: 30px;font-size: 17px;font-weight: 500;color: #333333;margin-bottom: 15px;   font-family: "Neue Haas Grotesk Display Pro";}
img { max-width: 100%;border: 0;}
.clear {clear: both;float: none;width: 100%;}
.clearfix::after {display: block;content: "";clear: both;}
a {text-decoration: none !important;transition: all 0.2s ease-in;color: #212121; font-weight: 500;   font-family: "Neue Haas Grotesk Display Pro";}
a:hover {color: #000;transition: ease-in-out 1s;}
a, span {display: inline-block; transition: ease-in-out 1s;}
:focus { box-shadow: none !important;outline: none !important;}
.form-control { display: block;width: 100%;height: calc(1.5em + .75rem + 2px);padding: .375rem .75rem;font-size: 14px;font-weight: 400;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: .0rem;transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;box-sizing: border-box;}


#header {padding: 0px;position: fixed;left: 0;top: 0;width: 100%;z-index: 10;}
.top-cart-sec {margin: 0px 0 0 0; float: right;}
.top-cart-sec ul li { float: left;font-weight: 400; padding: 0px 15px 0px 15px;}

.cart-cou {
    position: absolute;
    top: 11px;
    right: -27px;
    width: 23px;
    height: 23px;
    background-color: #fff;
    line-height: 12px;
    font-size: 11px;
    text-align: center;
    color: #000;
    border-radius: 50%; border: solid 1px #d01414;
    display: flex;
    justify-content: center;
    align-items: center;
}



@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    src: url('../fonts/NeueHaasDisplay-600.woff2') format('woff2'),
        url('../NeueHaasDisplay-600.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    src: url('../fonts/NeueHaasDisplay-Light.woff2') format('woff2'),
        url('../fonts/NeueHaasDisplay-Light.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    src: url('../fonts/NeueHaasDisplay-Black.woff2') format('woff2'),
        url('../fonts/NeueHaasDisplay-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    src: url('../fonts/NeueHaasDisplay-Mediu.woff2') format('woff2'),
        url('../fonts/NeueHaasDisplay-Mediu.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    src: url('../fonts/NeueHaasDisplay-Thin.woff2') format('woff2'),
        url('../fonts/NeueHaasDisplay-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    src: url('../fonts/NeueHaasDisplay-Roman.woff2') format('woff2'),
        url('../fonts/NeueHaasDisplay-Roman.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    src: url('../fonts/NeueHaasDisplay-XThin.woff2') format('woff2'),
        url('../fonts/NeueHaasDisplay-XThin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Neue Haas Grotesk Display Pro';
    src: url('../fonts/NeueHaasDisplay-XXThin.woff2') format('woff2'),
        url('../fonts/NeueHaasDisplay-XXThin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}


.top-social {margin: 0px 0;}
.top-social a {display: inline-block; margin: 0px 0px ;background-color:#fff;border-radius: 50%; width: 40px; height: 40px;text-align: center;color: #524271;font-size: 22px!important;}
.top-social a:hover {background-color:#e41f29; }
.top-social img { width: 20px;}
.top-social a:hover img {filter: invert(800%); position: relative}
.top-menu-main{ position: relative; padding: 5px 0;
border-radius: 10px 0 0 10px;  }


/*------------------common-css End-------------------*/
    
@media (min-width: 1366px){.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1320px;}}
@media (min-width: 1440px){.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1300px;}}
@media (min-width: 1600px){
.container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1300px;}}
/*--------------------------------------------------------------
# Desktop Navigation
--------------------------------------------------------------*/
@media (min-width: 1280px) {
.navbar { padding: 0;}
.navbar ul {margin: 0;padding: 0;display: flex;list-style: none;align-items: center;}
.navbar li {position: relative;}
.navbar>ul>li {white-space: nowrap;padding: 10px 0 10px 20px;}
.navbar a,
.navbar a:focus { display: flex;align-items: center;justify-content: space-between;
    padding: 0 10px;font-size: 17px;color:#fff;white-space: nowrap; font-weight:400;
    transition: 0.3s;position: relative; }
.navbar a i,
.navbar a:focus i {font-size: 12px;line-height: 0;margin-left: 5px;}
.navbar>ul>li>a:before {content: "";position: absolute; width: 100%;height: 2px;bottom: -6px;left: 0; 
    background-color:#84aa52;visibility: hidden;width: 0px;
transition: all 0.3s ease-in-out 0s;}
.navbar a:hover:before,
.navbar li:hover>a:before,
.navbar .active:before { visibility: visible;width: 100%;}
.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {color: #84aa52;}
.navbar .dropdown ul {display: block;position: absolute;left: 28px;top: calc(100% + 30px); margin: 0;padding: 10px 0;z-index: 99;opacity: 0;visibility: hidden;background: #fff;box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);transition: 0.3s;border-radius: 4px;}
.navbar .dropdown ul li {min-width: 200px;}
.navbar .dropdown ul a {padding: 10px 20px;font-size: 14px;text-transform: none;font-weight: 500;color: #111;}
.navbar .dropdown ul a i {font-size: 12px;}
.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a {color:#257423;}
.navbar .dropdown:hover>ul {opacity: 1;top: 100%;visibility: visible;}
.navbar .dropdown .dropdown ul {top: 0;left: calc(100% - 30px);visibility: hidden;}
.navbar .dropdown .dropdown:hover>ul {opacity: 1;top: 0;left: 100%;visibility: visible;}
}

@media (min-width: 1280px) and (max-width: 1366px) {
.navbar .dropdown .dropdown ul {left: -90%;}
.navbar .dropdown .dropdown:hover>ul {left: -100%; }}
@media (min-width: 1280px) {.mobile-nav-show,.mobile-nav-hide {display: none;}
}

/*--------------------------------------------------------------
# Mobile Navigation
--------------------------------------------------------------*/
@media (max-width: 1279px) {
.navbar {position: fixed;top: 0;right: -100%;width: 100%;max-width: 400px;bottom: 0;transition: 0.3s;z-index: 9997;}
.navbar ul {position: absolute;inset: 0;padding: 50px 0 10px 0;margin: 0;background: rgba(24, 24, 40, 0.9);overflow-y: auto;transition: 0.3s;z-index: 9998;}
.navbar a,
.navbar a:focus {display: flex;align-items: center;justify-content: space-between;padding: 10px 20px;font-size: 16px;font-weight: 500; color: rgba(255, 255, 255, 0.9);white-space: nowrap;transition: 0.3s;}
.navbar a i,
.navbar a:focus i {font-size: 12px;line-height: 0; margin-left: 5px;}
.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {color: #fff;}
.navbar .getstarted,
.navbar .getstarted:focus { padding: 8px 20px;border-radius: 4px;margin: 15px;color: #fff;}
.navbar .getstarted:hover,
.navbar .getstarted:focus:hover {color: #fff;background: rgba(0, 131, 116, 0.8);}
.navbar .dropdown ul,
.navbar .dropdown .dropdown ul { position: static;display: none;padding: 10px 0;margin: 10px 20px;
    transition: all 0.5s ease-in-out;background-color: ##3c6e39;;border: 1px solid ##3c6e39;;}
.navbar .dropdown>.dropdown-active,
.navbar .dropdown .dropdown>.dropdown-active { display: block;}
.mobile-nav-show {color: rgba(0, 0, 0, 0.8);font-size: 28px;cursor: pointer;line-height: 0;transition: 0.5s;z-index: 9999;margin-right: 10px;}
.mobile-nav-hide {color: #fff;font-size: 32px;cursor: pointer;line-height: 0;transition: 0.5s;position: fixed;right: 20px;top: 20px;z-index: 9999;}
.mobile-nav-active {overflow: hidden;}
.mobile-nav-active .navbar {right: 0;}
.mobile-nav-active .navbar:before {content: "";position: fixed;inset: 0; background: rgba(24, 24, 40, 0.8);z-index: 9996;}}
/*------------------common-css End-------------------*/  

.header.sticked.fixed-nav a.logo.d-flex.align-items-center img{width:180px ;}
.header.sticked.fixed-nav .green-back{display: none;}

.header.sticked.fixed-nav .top-menu-main{  margin-left: 0px; border-radius: 0;

box-shadow: 0 0 20px #ddd; background-color: #84aa52; }

.header.sticked.fixed-nav .navbar a, .navbar a:focus{ color: #fff; }
.header.sticked.fixed-nav .navbar .dropdown ul a {
color: #111!important;}





.banner-sec{ position: relative}
.bottom-layer{ position: absolute; bottom:0; left: 0; width: 100%;  }
.top-layer{ position: absolute; top:0; left: 0; width: 100%;  }
.banner-info{ position:absolute; width: 100%; left: 0; bottom: 30%;}
.banner-box{  padding: 0px ; max-width: 700px; }
.banner-text{ font-size: 48px; color: #fff;  margin: 0 0 0px 0;
 font-family: "Neue Haas Grotesk Display Pro";}
.banner-text1{ font-size: 32px; color: #fff;  margin: 0 0 10px 0}
.start-bt{ background-color:#e7a711; padding: 11px 40px; color:#fff;
 font-size: 17px; border-radius: 40px; margin-right: 8px;}
.start-bt:hover{ background-color:#177118; color:#fff; }
.awoww{transform: rotate(50deg); padding-left: 3px; font-size: 20px;}
.home-about{ position: relative;padding: 80px 0; }
.home-about img{ border-radius:10px  }

.main-title{ font-size: 44px; color:#264624; margin:0 0 20px 0 }
.serviss-bb{ margin-bottom:25px }
.main-title-w{ font-size: 44px; color:#fff; margin:0 0 20px 0 }

.read-m-bt{ background-color:#84aa52; padding: 14px 50px; color:#fff;
 font-size: 17px; border-radius: 40px 0px 40px 0px; }

.read-m-bt:hover{ background-color:#274623; color:#fff;border-radius: 0px 40px 0px 40px; }

.new-sec{ padding: 0 0 60px 0}
.home-section-2{padding: 60px 0px 80px 0px;background: #274624;}
.hm-sec3-heading1 {
    font-size: 44px;
    padding-bottom: 40px;
    color: #000;
    font-weight: 500;
    text-transform: capitalize;
}


.title-p{ border-left: solid 1px #ddd; padding-left: 20px;}
.services-h-box{ position: relative}
.services-h-box img{ border-radius: 10px; }
.services-h-box:after { content: "";
 position: absolute;
 left: 0;
 right: 0;
    bottom: 0;
    top: 0;
    background: linear-gradient(180deg, transparent 0, transparent 30%, #000);
    border-radius: 10px;
}


.services-title{ font-size: 22px; color:#fff;  font-family: "Neue Haas Grotesk Display Pro";
    font-weight: 500; transition: ease-in-out 1s;}
.services-title a{  color:#fff;transition: ease-in-out 1s; }
.services-t-m{ position: absolute; bottom: 0; width: 100%; padding: 10px 10px 20px 10px; z-index: 1; text-align: center}
.services-h-box:hover .services-title{padding-bottom: 20px;transition: ease-in-out 1s;}

.hm-sec2-box {   position: relative;}
.hm-sec2-box:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: linear-gradient(180deg, transparent 0, transparent 30%, #000);
  border-radius: 10px;
}

.hm-sec2-img{position: relative;}
.hm-sec2-img img{border-radius: 10px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.hm-sec2-text{
position: absolute;
left: 0;
right: 0;
bottom: 20px;    text-align: center;
z-index: 2;height: 70px;
}
.hm-sec2-box a{ display: block}
.hm-sec2-heading1{font-size: 20px;font-weight: 500;color: #fff; font-family: "Neue Haas Grotesk Display Pro";}
.hm-sec2-box a{color:#fff}






.banner-bottom{ background-color:#fff;box-shadow: 0 0 0px #ddd;
  transition: all 0.5s ease-in; border-radius: 8px;}
.video-frame iframe{ width: 100%; height: 300px; border-radius: 0px; padding: 0; margin: 0;line-height: 0; }
.top-box-con{ padding: 30px 0 0 0; }
.top-box-title{ font-size: 22px; font-weight:600; margin: 10px 0 5px 0; }
.banner-bottom:hover{ background-color:#e7a711;transition: all 0.5s ease-in; }




#home-sec2-slider .owl-prev {
    position: absolute;
    top: 50%;
    right: 20px;
    display: none;
}
#home-sec2-slider .owl-prev span {
    background-color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #000;
    font-size: 24px;
    text-align: center;
}
#home-sec2-slider .owl-next span {
    background-color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #000;
    font-size: 24px;
    text-align: center;
}
#home-sec2-slider .owl-next {
    position: absolute;
    display: none;
    top: 50%;
    left: 20px;
}
#home-sec2-slider .owl-nav {
    display: none;
}
#home-sec2-slider .owl-dot span {
    background-color: #84aa52; border-radius: 50%;
    width: 12px;
    height: 12px;
    margin: 2px;
}
#home-sec2-slider .owl-dot.active span {
    background-color: #e7a711; border-radius: 50%;
    width: 12px;
    height: 12px;
}
#home-sec2-slider .owl-dots {
    display: flex;
    z-index: 20;
    position: absolute;
    bottom: -40px;
    left: 0px;
    right: 0;
    margin: auto;
    width: 100%;
    align-items: center;
    justify-content: center;
}



.comman-sec-m{ padding:80px 0 }
.why-sec{ display:flex; grid-gap:10px }
.why-sec-bb{box-shadow: 0 0 20px #ddd; width: 20%; 
border:solid 1px #ddd; padding:10px; border-radius: 10px;transition: all 0.5s ease-in;}
.why-sec-bb:hover{background-color:#84aa52;transition: all 0.5s ease-in;}

.why-sec-bb:hover p{ color:#fff }


.why-title{ font-family: "Neue Haas Grotesk Display Pro"; font-size: 20px; margin: 10px 0;transition: all 0.5s ease-in;}
.why-sec-bb:hover .why-title{ color:#fff;transition: all 0.5s ease-in; }






/**************  animation    ****************/

.footer-section {padding: 100px  20px  20px 20px; border-radius: 20px;    background-size: cover; 
 background-repeat: no-repeat; background-color:#274624; margin: 0 15px 15px 15px;
 }
.footer-section .form-control {
    display: block;
    width: 100%;
    height: 50px;
    padding: .375rem .75rem;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.5;
    color: #fff;
    background-color: #526b50;
    background-clip: padding-box;
    border: 0px solid #ced4da;
    border-radius: 8px;
   
}

.footer-section textarea{ height:auto!important; }

.sumbit-m-bt{ background-color:#84aa52; padding: 14px 50px; color:#fff;
 font-size: 17px;
  border-radius: 40px 0px 40px 0px; transition: all 0.5s ease-in;border:solid 1px #84aa52; }

.sumbit-m-bt:hover{ background-color:#274623;border:solid 1px #84aa52; color:#fff;border-radius: 0px 40px 0px 40px;transition: all 0.5s ease-in; }

.footer-section ::placeholder {
  color:#fff;
  opacity: 1; /* Firefox */
}

.footer-section ::-ms-input-placeholder { /* Edge 12-18 */
  color:#fff;
}



.footer-top-t-t {font-size:22px;color: #fff;margin: 0px 0 20px 0; }

.footer-section h6 {font-size: 25px;color: #fff;margin: 0px 0 20px 0; }
.social-icon-b{font-size: 22px;width: 24px;}
.footer-section p {font-size: 16px;font-weight:500;color: #fff;}
.footer-section ul {color: #fff;margin: 0px;padding: 0px;width: 100%;}
.footer-logo-sec{ border-bottom: solid 1px #0947c9; padding-bottom: 40px; margin-bottom: 40px;}
.footer-section ul li {color: #fff;padding: 4px 0; padding-left: 0px; border-bottom: 0px solid #393d50; font-size: 16px; position: relative}
.footer-section ul li a{transition: all 0.5s ease-in;color: #fff;}
.footer-section ul li a:hover {color: #fff; padding-left: 10px;}
.address-f{color: #90a9b5; font-size: 15px;}
.address-f a{color: #00bcd2; }
.address-f a:hover{color: #02968a; }
.address-padd{ margin-bottom: 5px}
.address-icon{ margin-right: 5px}
.copy-right {border-top: solid 0px #0e1052;padding: 30px 0 10px 0;margin-top: 40px;color: #fff;
border-top: solid 1px #6C6C6C;
 }
.copy-right a {color: #fff;   font-weight: 400;}
.copy-right .text-r {text-align: right;}
.bottom-social {margin: 0px 0;}
.bottom-social a {display: inline-block; margin: 0px 0px ;background-color:#000;
border-radius: 50%; width: 40px; height: 40px;text-align: center;color: #524271;font-size: 22px!important;}
.bottom-social a:hover {background-color:#e41f29; padding-left: 0px!important }
.bottom-social img { width: 20px;}
.bottom-social a:hover img {filter: invert(800%); position: relative}

.bottom-social-img a{ margin: 10px 4px 0px 4px  }
.newsletter-bb{ display: flex; }
.signup-button{ background-color:#02968a; padding: 12px 40px; color:#fff; border: 0; font-size: 18px; border-radius: 5px; m}
.signup-button:hover{ background-color:#96dda5; color:#fff; }

.newsletter-bb .form-control { display: block;    width: 100%;
 height: 48px;padding: .375rem .75rem;font-size: 16px;font-weight: 400;
line-height: 1.5;color: #000;background-color: #d1e0d0;
background-clip: padding-box;border: 1px solid #d1e0d0;border-radius: 5px;
   
}

.top-footer {padding: 0px 0 30px 0;margin-bottom: 40px;color: #fff;
border-bottom: solid 1px #6C6C6C;
 }
.footer-top-b{ max-width:1030px; margin: auto; }
.footer-top-bb{ border-right: solid 1px #6C6C6C; padding-right: 20px; }

.main-img-n img{ border-radius: 10px; transition: all 0.5s ease-in;}
.main-img-n:hover img{ border-radius: 1px 100px 100px 100px; transition: all 0.5s ease-in;}

/**************  inner page    ****************/
.green-sectopn{    background-color: #177118; padding: 50px 0;}
.green-sectopn p{ color:#fff; }
.inner-banner{ position: relative}
.inner-banner-info {position: absolute;width: 100%;left: 0;bottom: 22%; z-index: 1;}
.inner-banner::after{ position: absolute; background-color:rgba(0, 0, 0, 0.5);
width: 100%;height: 100%;content: "";top: 0; left: 0; z-index: 0;}

.inner-banner-title{
    font-size: 40px;
    color: #fff;
    margin: 0 0 0px 0;
   
}


.inner-img img{border-radius: 10px;transition: all 0.5s ease-in;}
.inner-img img:hover{border-radius: 10px 120px 10px 120px; transition: all 0.5s ease-in;}


.inner-title{
    font-size: 40px;
    color: #264624;
    margin: 0 0 10px 0;
   
}



.contact-p-form .form-control {
    display: block;
    width: 100%;
    height: 52px;
    padding: .375rem .75rem;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 8px; box-shadow: 0 0 10px #eeebeb;
   
}
.contact-p-form textarea { height: auto!important; }
.contact-p-form select {height: 48px;box-shadow: 0 0 10px #eeebeb;}

.contact-info {
    background-color: #274624;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 10px;
    transition: all 0.5s ease-in;
}

.contact-info-title{ font-size: 30px; color:#fff; margin: 0 0 10px 0; }
.contactf{ font-size: 15px; margin-bottom: 8px; }

.contact-info-m{ display: flex; margin-bottom: 15px; padding: 0 0 25px 0; 
border-bottom: solid 1px #4e774a;}

.contact-icon{ width: 15%; text-align: center; }
.conn-bg{background-color:#fff; border-radius: 5px; padding: 8px;}
.contact-iconpt{ width: 85%; padding-left: 15px;}
.contact-info-sm{font-size: 20px; color:#fff; margin: 0 0 0px 0; font-weight: 600;}
.contact-info p{ color:#fff; }
.contact-info a{ color:#fff; }
.map-sec iframe{ width: 100%; height:400px; }
.main-img img{ border-radius: 10px; }
.ab-img{ display: flex; grid-gap: 10px; margin-top: 20px; }


.inner-ser-box{ background-color:#274624; padding:20px; border-radius:10px;   
 border: solid 1px #ddd;transition: all 0.5s ease-in; height: 100%;}
.inner-title-ser{font-family: "Neue Haas Grotesk Display Pro";
font-size: 25px; font-weight: 500;margin: 10px 0;transition: all 0.5s ease-in;color: #fff}

.inner-ser-box ul{ margin-left:20px }
.inner-ser-box ul li{ list-style-type:disc; margin-bottom:8px;transition: all 0.5s ease-in;color: #fff  }
.inner-ser-box:hover{ background-color: #84aa52;transition: all 0.5s ease-in;}


.inner-ser-box-b{ background-color:#fff; padding:20px; border-radius:10px;   
 border: solid 1px #ddd;transition: all 0.5s ease-in; height: 100%;}

.inner-ser-box-b ul{ margin-left:20px }
.inner-ser-box-b ul li{ list-style-type:disc; margin-bottom:8px;transition: all 0.5s ease-in;color: #000  }
.inner-ser-box-b:hover{ background-color: #84aa52;transition: all 0.5s ease-in;}
.inner-ser-box-b:hover ul li{ color:#fff;}
.inner-ser-box-b:hover .inner-title-ser-b{ color:#fff;}

.inner-images img{ border-radius:10px; transition: all 0.5s ease-in;}
.inner-images:hover img{ border-radius:10px 80px 10px 80px;transition: all 0.5s ease-in; }
.inmain-title {
    font-size: 36px;
    color: #fff;
    margin: 0 0 30px 0;
}
.inner-green {
    padding: 60px 0px 60px 0px;
    background: #274624;
}

.inmain-title-g {
    font-size: 36px;
    color: #264624;
    margin: 0 0 30px 0;
}

.inner-title-ser-b {
    font-family: "Neue Haas Grotesk Display Pro";
    font-size: 25px;
    font-weight: 500;
    margin: 10px 0;
    transition: all 0.5s ease-in;
    color: #000;
}


.mar-nner{ margin-bottom:20px }

.imgrighr ul{ margin-left:20px }
.imgrighr ul li{ list-style-type:disc; margin-bottom:8px;transition: all 0.5s ease-in; }



.dx-banner{}

.mo-banner{ display:none; }






@media all and (max-width: 1366px) {			
	



}

@media all and (max-width: 1280px) {    


}
	
@media all and (max-width: 1152px) {  
 .mobile-nav-show {color: rgb(253 253 253 / 80%);}
.navbar ul {background: rgba(39, 70,36, 0.9);}
.container, .container-lg, .container-md, .container-sm {
 max-width: 90%;}
.main-title {font-size: 40px;}
.main-title-w {font-size: 40px;}
.footer-section {padding: 60px 20px 20px 20px;}
.header.sticked.fixed-nav .navbar .dropdown ul a { color: #fff !important;}
.comman-sec-m {padding: 60px 0;}

}




@media all and (max-width: 1024px) { 
.inmain-title {font-size: 30px;color: #fff;margin: 0 0 30px 0;}
.inner-banner-title {font-size: 32px;}
.banner-text {font-size: 40px;}
.main-title {font-size: 33px;}
.services-title{font-size: 18px;}
.home-about {position: relative;padding: 60px 0;}
.read-m-bt{padding: 11px 43px; font-size: 17px;}
.main-title-w { font-size: 33px;}
.comman-sec-m {padding: 60px 0;}
.container, .container-lg, .container-md, .container-sm { max-width: 97%;}
.inmain-title-g { font-size: 30px;margin: 0 0 20px 0;}
.inner-title {font-size: 30px;}



}




@media all and (max-width: 991px) { 
.container, .container-lg, .container-md, .container-sm {
 max-width: 95%;}
.home-about {position: relative;padding: 54px 0;}
.footer-section h6 {font-size: 25px;color: #fff; margin: 19px 0 10px 0;}
.inner-banner-title {font-size: 28px;}
.inner-banner-info {bottom: 15%;}


}



@media all and (max-width: 860px) { 
.banner-text { font-size: 30px;}
.main-title {font-size: 27px;}
.main-title-w {font-size: 27px;}
.why-sec {grid-gap: 10px;flex-wrap: wrap;}
.why-sec-bb{ width: 32%;}
.contact-info-title {font-size: 25px;}
.inmain-title { font-size: 25px;}
.inner-green { padding: 45px 0px 45px 0px;}
.inner-title-ser {font-size: 22px;}
.inner-title-ser-b { font-size: 22px;}
.inmain-title-g { font-size: 24px;color: #264624;margin: 0 0 30px 0;}
.inmain-title-g {margin: 0 0 20px 0;}
.footer-section {padding: 24px 6px 15px 6px;}


}









@media all and (max-width: 767px) { 
.dx-banner{ display:none; }
.mo-banner{ display:block; }
.banner-text {font-size: 19px;}
.banner-info{bottom: 13%;}
a.logo.d-flex.align-items-center img {width: 180px;}
.nomobile{ display:none; }
.container, .container-lg, .container-md, .container-sm {max-width: 100%;}
.mobile-bb{ margin-bottom:20px }
.title-p {border-left: solid 0px #ddd;padding-left: 1px;}
.new-sec {padding: 0 0 30px 0;}
.home-section-2 {padding: 40px 0px 80px 0px;}
.why-sec-bb {width: 47%;}
.footer-section {padding: 24px 15px 15px 16px;}
.copy-right {padding: 20px 0 10px 0;margin-top: 16px;}
.comman-sec-m { padding: 45px 0;}
.mt-4 { margin-top: 1rem !important;}
.inner-banner-info {position: relative;
width: 100%;left: 0;bottom: 0;
z-index: 1;background-color: #274624;padding: 10px;}
.inner-banner-title {font-size: 22px;}
.inner-title {font-size: 27px;}

.contact-info {margin-top: 20px;}

.imgrighr ul li { font-size: 17px;}
.inner-ser-box ul li {font-size: 17px;}
.inmain-title {margin: 0 0 20px 0;}
.footer-section {padding: 24px 6px 15px 6px;}
.banner-text {font-size: 18px;}
.col-mobile-re { flex-direction: column-reverse;}
.mobile-top{ margin-top:25px }

}