/*@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');*/
<style>
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
</style>

* {
    padding: 0%;
    margin: 0%;
    box-sizing: border-box;
    /*font-family: "Poppins", serif;*/
    font-family: "Rubik", sans-serif;
    font-optical-sizing: auto;
}


/*body{background: #0d7645;}*/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    /*font-family: "Poppins", serif;*/
    font-family: "Rubik", sans-serif;
}








/* ---------------------- fixed icons css start here ---------------------- */

            .fix-icons{
                position:fixed;
                right: 20px;
                bottom:20px;
                z-index:99999;
            }
            
            /* Floating Image */
            
            .chatbot-img img{
                width:100px;
                cursor:pointer;
                transition:.3s;
            }
            
            .chatbot-img img:hover{
                transform:scale(1.08);
            }
            
            /* Popup */
            
            
            .contact-popup{
            
                position:absolute;
                bottom:90px;
                right: 5px;
            
                width:240px;
            
                background:#fff;
            
                border-radius:15px;
            
                box-shadow:0 10px 30px rgba(0,0,0,.25);
            
                overflow:hidden;
            
                display:none;
            
                animation:popup .35s ease;
            }
            
            /* Header */
            
            .popup-header{
            
                background:#1e3f93;
            
                color:#fff;
            
                text-align:center;
            
                padding: 35px 10px 10px;
            }
            
            .popup-header h4{
            
                margin:0;
            
                font-size:22px;
            
                line-height:28px;
            
                font-weight:bold;
                margin-bottom: 5px;
            }
            .popup-header p{
                font-size: 18px;
                 font-weight:bold;
            }
            
            /* Buttons */
            
            .popup-btn{
            
                display:block;
            
                margin:8px;
            
                background:#00b140;
            
                color:#fff;
            
                text-align:center;
            
                padding:14px;
            
                text-decoration:none;
            
                font-size:24px;
            
                font-weight:bold;
            
                border-radius:6px;
            
                transition:.3s;
            }
            
            .popup-btn:hover{
            
                background:#009639;
            
                color:#fff;
            }
            
            /* Close */
            
            .close-popup{
                position:absolute;
                top:8px;
            
                right:8px;
            
                border:none;
            
                background:#fff;
            
                width:28px;
            
                height:28px;
            
                border-radius:50%;
            
                cursor:pointer;
            
                font-size:16px;
            }
            
            @keyframes popup{
            
            from{ opacity:0; transform:translateY(20px);}
            
            to{ opacity:1; transform:translateY(0);}
            
            }
            
            @media screen and (max-width:767px){
                .chatbot-img img{
                width:80px;
                }
            
            .contact-popup{
                 width:220px;
                }
            
            .popup-header h4{
                  font-size:18px;
                  line-height:24px;
                }
            
            
            .popup-btn{
                padding: 8px;
                text-decoration:none;
                font-size: 16px;
               }
            
            }


/* ---------------------- end of fixed icons css ---------------------- */






.nav-item a {
       color: #020202f0;
    font-weight: 500;
    text-transform: uppercase;
    font-family: 'Rubik';
    font-size: 14px;
}

.nav-item a:hover{ color:#66bf8d;}


 

.dropdown-menu {
    padding: 20px;
    background: #242424;
}

.dropdown-item:focus,
.dropdown-item:hover {
    background-color: #fff !important;
    border-radius: 10px;
    color: #ECAF12;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown-submenu:hover .dropdown-menu {
    display: block;
    margin-top: 0;
    /* Adjust margin to your needs */
}

.dropdown-menu {
    display: none;
    /* Hide dropdowns by default */
}


.bussiness {
    border: 1px solid #0a7644;
    color: #0a7644;
    padding: 5px 15px;
    border-radius: 10px;
}

.user-pannle {
    background-color: #0a7644;
    color: white;
    padding: 5px 15px;
    border-radius: 10px;
    font-weight: 500;
}

.cart {
    background-color: #F3F3F3;
    padding: 10px;
    color: black;
    border-radius: 10px;
}

.sup-cart {
    margin: 0px !important;
}

sup {
    top: -1.5em !important;
    background-color: #FBD2D8;
    color: black;
    padding: 3px 6px;
    border-radius: 5px;
}

.text-gredient {
    background: -webkit-linear-gradient(90deg, #ED1C3D, #ECAF12);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-gradient {
    background: linear-gradient(270deg, #fcbc452a, #F9E6E6, #FFD1D1, #ffffff) !important;
}

.bg-gradient p {
    line-height: 30px;
}

.same-button {
    background-color: #ED1C3D;
    color: white;
    text-decoration: none;
    padding: 10px 20px;
    font-weight: 600;
    border-radius: 20px 83px 30px 80px;
    margin:10px 0;
    display:inline-block;
}

.text-color {
    color: #ECAF12;
    font-weight: 700;
}

.text-red {
    color: #ED1C3D;
}

.small {
    font-size: 12.5px !important;
}

#product-slider img {
    width: 100%;
    height: 250px;
    object-fit: covre;
}

#Client-slider img {
    width: 150px;
    margin: 0 auto;
}

#event-slider img {
    width: 100%;

    object-fit: contain;
}

footer {
    background: black;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

footer li a {
    text-decoration: none;
    color: white;
}


.about-banner {
    /*background-image: url("../images/breadcrumb.png");*/
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.skinncare-banner {
    background-image: url("../../herbal-vantage/breadcrumb.jpg");
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-gary {
    background-color: #666464;
}

.border-radius {
    border-radius: 20px 10px 20px 10px;
}

.border-radius .small {
    color: #666666;
    line-height: 25px;
    font-size: 13px !important;
}

select:active,
select:focus {
    outline: none;
}

.Categories-filter ul li {
    list-style: none;
    margin-top: 10px;
}

.Categories-filter ul li a {
    text-decoration: none;
    color: #666666;
}


.Categories-filter ul li a:hover{color:#ECAF12;}

.quantity {
    display: flex;
    padding: 0;
}

.quantity__minus,
.quantity__plus {
    display: block;
    width: 50px;
    height: 50px;
    margin: 0;
    background: #555;
    text-decoration: none;
    text-align: center;
    line-height: 23px;
}

.quantity__minus:hover,
.quantity__plus:hover {
    background: #575b71;
    color: #fff;
}

.quantity__minus {
    border-radius: 3px 0 0 3px;
}

.quantity__plus {
    border-radius: 0 3px 3px 0;
}

.quantity__input {
    width: 70px;
    height: 50px;
    margin: 0;
    padding: 0;
    text-align: center;
    border-top: 2px solid #dee0ee;
    border-bottom: 2px solid #dee0ee;
    border-left: 1px solid #dee0ee;
    border-right: 2px solid #dee0ee;
    background: #fff;
    color: #111;
}




.quantity__minus:link,
.quantity__plus:link {
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.quantity__minus:visited,
.quantity__plus:visited {
    color: #8184a1;
}

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






.accreditations ul{ padding:20px 0 0; 
list-style:none;
    overflow:auto;
    width:100%;
}navbar

.accreditations {background: #d3610d;}
.accreditations h2{font-size:30px; color:#FFF; margin-top:30px;} 

.accreditations h2 span{ font-size:20px;}


@media screen and (max-width:768px){ navbar{ padding:10px 0!important;}}

/*.products{ background:#fff;}*/



@media screen and (max-width: 767px) {
    .mobile-response {
        display: flex; /* This line ensures flex behavior */
        flex-direction: column;
    }
}




/* ---------------------- Our vision and mission css ---------------------- */
  /* Control image sizing */
  .mission-img {
    max-height: 250px;
    object-fit: contain;
    width: 100%;
    height: auto;
  }

  /* Responsive tweaks for small devices */
  @media (max-width: 767.98px) {
    #mission-vision .row {
      flex-direction: column !important;
    }
    #mission-vision .col-md-6 {
      max-width: 100% !important;
      flex: 0 0 100% !important;
      text-align: center;
      margin-bottom: 1.5rem;
    }
  }
  
 

/*About page*/
.client-slide {
  gap: 1.5rem; /* spacing between image and text */
}

.client-img img {
  width: 100%;
  height: auto;
  object-fit: cover;
  max-height: 300px;
}





/* ---------------------- about us css start here ---------------------- */


.about-section{
    background:#fff;
}

.about-subtitle{
    display:inline-block;
    background:#0b6b1d;
    color:#fff;
    padding:8px 24px;
    border-radius:30px;
    font-weight:600;
    margin-bottom:20px;
}

.about-title{
    font-size:42px;
    font-weight:700;
    color:#0b6b1d;
}

.about-tagline{
    color:#d4af37;
    font-size:22px;
    font-style:italic;
    font-weight:600;
}

.about-image img{
    border-radius:20px;
    box-shadow:0 20px 40px rgba(0,0,0,.15);
}

.about-section h3{
    color:#B60206;
    font-weight:700;
}

.about-section p{
    text-align: justify;
    color:#666;
    line-height:1.9;
}

.company-details{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
    margin-top:25px;
}

.company-details span{
    background:#f5f5f5;
    padding:10px 18px;
    border-radius:30px;
    font-size:14px;
}

.product-series{
    background:#f8fff8;
}

.section-heading{
    color:#0b6b1d;
    font-weight:700;
    margin-bottom:15px;
}

.series-card{
    background:#fff;
    padding:35px 20px;
    border-radius:18px;
    text-align:center;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    transition:.35s;
}

.series-card:hover{
    transform:translateY(-10px);
}

.series-card i{
    font-size:45px;
    color:#d4af37;
    margin-bottom:20px;
}

.series-card h5{
    color:#0b6b1d;
    font-weight:700;
}

.about-highlight{
    background:#fff;
}

.highlight-card{
    text-align:center;
    padding:35px 25px;
    border-radius:20px;
    background:#fff;
    box-shadow:0 15px 30px rgba(0,0,0,.08);
    height:100%;
}

.highlight-card i{
    font-size:48px;
    color:#d4af37;
    margin-bottom:20px;
}

.highlight-card h4{
    color:#0b6b1d;
    margin-bottom:15px;
    font-weight:700;
}

.highlight-card p{
    color:#666;
    line-height:1.8;
}

.leadership-section{
    background:linear-gradient(135deg,#0b6b1d,#247b14);
}

.leadership-box{
    color:#fff;
}

.leadership-box h2{
    margin-bottom:20px;
    font-weight:700;
}

.leadership-box p{
    color:#f5f5f5;
    font-size:18px;
    line-height:2;
}

@media(max-width:767px){

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

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

.company-details{
    flex-direction:column;
}

.leadership-box p{
    font-size:16px;
}

.about-image img{
    margin-bottom: 20px;
}

}





/* ---------------------- end of about us css here ---------------------- */





/* ---------------------- why us css start here ---------------------- */

.why-choose-section{
    background:#f8fff8;
}

/* Heading */

.section-subtitle{
    display:inline-block;
    background:#0b6b1d;
    color:#fff;
    padding:8px 22px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    letter-spacing:1px;
    margin-bottom:15px;
}

.section-title{
    color:#0b6b1d;
    font-size:42px;
    font-weight:700;
    margin-bottom:20px;
}

.section-description{
    color:#666;
    line-height:1.8;
    font-size:17px;
}

/* Image */

.why-image{
    position:relative;
}

.why-image img{
    width:100%;
    border-radius:20px;
    box-shadow:0 20px 40px rgba(0,0,0,.15);
}

/* Content */



/* Feature Box */

.why-box{
    display:flex;
    align-items:flex-start;
    gap:18px;
    background:#fff;
    padding:18px;
    margin-bottom:18px;
    border-left:5px solid #d4af37;
    border-radius:12px;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    transition:.35s;
}

.why-box:hover{
    transform:translateX(8px);
}

.why-box i{
    width:60px;
    height:60px;
    background:#0b6b1d;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    flex-shrink:0;
}

.why-box h5{
    color:#0b6b1d;
    margin-bottom:8px;
    font-weight:700;
}

.why-box p{
    margin:0;
    color:#666;
    line-height:1.7;
}

/* Responsive */

@media(max-width:991px){

    .section-title{
        font-size:34px;
    }

}

@media(max-width:767px){

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

   

    .section-description,
    .why-text{
        font-size:15px;
    }

    .why-box{
        padding:15px;
    }

    .why-box i{
        width:50px;
        height:50px;
        font-size:20px;
    }

}

/* ---------------------- end of why us css here ---------------------- */




/* ---------------------- our goals css start here ---------------------- */

.goals-section{
    background:#f8fff7;
}

.section-tag{
    display:inline-block;
    background:#0b6b1d;
    color:#fff;
    padding:8px 18px;
    border-radius:30px;
    font-weight:600;
    letter-spacing:1px;
}

.section-title{
    font-size:42px;
    font-weight:700;
    color:#064b18;
    margin-bottom:20px;
}

.section-text{
    color:#666;
    margin-bottom:35px;
    line-height:1.8;
}

.goal-item{
    display:flex;
    align-items:flex-start;
    gap:18px;
    background:#fff;
    padding:16px 18px;
    margin-bottom:15px;
    border-left:5px solid #d8a300;
    border-radius:10px;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    transition:.35s;
}

.goal-item:hover{
    transform:translateX(8px);
}

.goal-item i{
    width:48px;
    height:48px;
    border-radius:50%;
    background:#0b6b1d;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    flex-shrink:0;
}

.goal-item span{
    font-size:17px;
    color:#444;
    line-height:1.7;
}

.goal-image img{
    border-radius:20px;
    box-shadow:0 20px 50px rgba(0,0,0,.15);
}

/* Responsive */

@media(max-width:991px){

    .section-title{
        font-size:34px;
        text-align:center;
    }

    .section-text{
        text-align:center;
    }

    .section-tag{
        display:table;
        margin:auto;
    }

    .goal-image{
        margin-top:40px;
    }

}

@media(max-width:767px){

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

    .goal-item{
        padding:14px;
    }

    .goal-item span{
        font-size:15px;
    }

    .goal-item i{
        width:40px;
        height:40px;
        font-size:17px;
    }

}

/* ---------------------- end of our goals css here ---------------------- */




/* ---------------------- our strength css start here ---------------------- */

.strength-section{
    background:#f8fff7;
}

.strength-subtitle{
    display:inline-block;
    padding:8px 20px;
    background:#0b6b1d;
    color:#fff;
    border-radius:30px;
    font-weight:600;
    letter-spacing:1px;
    margin-bottom:15px;
}

.strength-title{
    font-size:42px;
    font-weight:700;
    color:#0b6b1d;
    margin-bottom:15px;
}

.strength-desc{
    color:#666;
    line-height:1.8;
    font-size:17px;
}

.strength-card{
    background:#fff;
    border-radius:18px;
    padding:35px 25px;
    text-align:center;
    height:100%;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
    transition:.35s;
    border-top:5px solid #d4af37;
}

.strength-card:hover{
    transform:translateY(-10px);
    box-shadow:0 18px 40px rgba(0,0,0,.15);
}

.strength-icon{
    width:80px;
    height:80px;
    margin:0 auto 25px;
    border-radius:50%;
    background:linear-gradient(135deg,#0b6b1d,#3db54a);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:32px;
    box-shadow:0 10px 25px rgba(11,107,29,.35);
}

.strength-card h5{
    color:#0b6b1d;
    font-weight:700;
    margin-bottom:15px;
}

.strength-card p{
    color:#666;
    line-height:1.7;
    margin:0;
}

/* Responsive */

@media(max-width:991px){

    .strength-title{
        font-size:34px;
    }

}

@media(max-width:767px){

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

    .strength-card{
        padding:25px 20px;
    }

    .strength-icon{
        width:65px;
        height:65px;
        font-size:26px;
    }

}

/* ---------------------- end of our strength css here ---------------------- */


/* ---------------------- promise-banner css start here ---------------------- */


.promise-banner{
    position:relative;
    padding:90px 20px;
    background:linear-gradient(135deg,#0b6b1d,#247b14,#0f8d33);
    overflow:hidden;
}

/* Decorative circles */

.promise-banner::before{
    content:"";
    position:absolute;
    width:350px;
    height:350px;
    border-radius:50%;
    background:rgba(255,255,255,.06);
    top:-120px;
    left:-120px;
}

.promise-banner::after{
    content:"";
    position:absolute;
    width:280px;
    height:280px;
    border-radius:50%;
    background:rgba(212,175,55,.12);
    bottom:-120px;
    right:-100px;
}

.promise-banner .container{
    position:relative;
    z-index:2;
}

.promise-tag{
    display:inline-block;
    padding:8px 24px;
    background:#d4af37;
    color:#fff;
    border-radius:40px;
    font-weight:700;
    letter-spacing:2px;
    margin-bottom:20px;
}

.promise-title{
    color:#fff;
    font-size:46px;
    font-weight:700;
    margin-bottom:25px;
}

.promise-text{
    color:#f5f5f5;
    font-size:20px;
    line-height:1.9;
    max-width:900px;
    margin:auto;
}

.promise-text strong{
    color:#FFD54F;
}

.promise-divider{
    width:100px;
    height:4px;
    background:#d4af37;
    margin:35px auto;
    border-radius:20px;
}

.company-name{
    color:#fff;
    font-size:34px;
    font-weight:700;
    margin-bottom:12px;
}

.company-tagline{
    color:#FFD54F;
    font-size:24px;
    font-style:italic;
    font-weight:600;
    margin:0;
    letter-spacing:1px;
}

/* Responsive */

@media(max-width:991px){

.promise-banner{
    padding:70px 20px;
}

.promise-title{
    font-size:36px;
}

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

}

@media(max-width:767px){

.promise-banner{
    padding:55px 15px;
}

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

.promise-text{
    font-size:17px;
    line-height:1.8;
}

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

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

.promise-tag{
    font-size:13px;
    padding:7px 18px;
}

}


/* ---------------------- promise-banner css here ---------------------- */




/* ---------------------- gallery css start here ---------------------- */

.gallery-section{
    background:#f8fff8;
}

.gallery-subtitle{
    display:inline-block;
    padding:8px 24px;
    background:#0b6b1d;
    color:#fff;
    border-radius:30px;
    font-weight:600;
    letter-spacing:1px;
    margin-bottom:18px;
}

.gallery-title{
    font-size:42px;
    font-weight:700;
    color:#0b6b1d;
    margin-bottom:15px;
}

.gallery-text{
    color:#666;
    font-size:17px;
    line-height:1.8;
}

.gallery-item{
    overflow:hidden;
    border-radius:15px;
    box-shadow:0 10px 30px rgba(0,0,0,.15);
}

.gallery-item img{
    width:100%;
    height:280px;
    object-fit:cover;
    transition:.5s;
}

.gallery-item:hover img{
    transform:scale(1.08);
}

/* ---------- Owl Nav ---------- */

.gallery-carousel .owl-nav{
    margin-top:35px !important;
    display:flex !important;
    justify-content:center;
    gap:15px;
}

.gallery-carousel .owl-nav button{
    width:55px;
    height:55px;
    border-radius:50% !important;
    background:#B60206 !important;
    color:#fff !important;
    font-size:22px !important;
    transition:.3s;
    border:none !important;
}

.gallery-carousel .owl-nav button:hover{
    background:#d4af37 !important;
    color:#fff !important;
    transform:translateY(-4px);
}

.gallery-carousel .owl-nav button span{
    font-size:34px;
    line-height:50px;
}

/* Hide disabled buttons opacity */

.gallery-carousel .owl-nav .disabled{
    opacity:.4;
}

/* Dots */

.gallery-carousel .owl-dots{
    margin-top:20px;
}

.gallery-carousel .owl-dot span{
    width:12px;
    height:12px;
}

.gallery-carousel .owl-dot.active span{
    background:#0b6b1d !important;
}

@media(max-width:767px){

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

.gallery-item img{
    height:220px;
}

.gallery-carousel .owl-nav button{
    width:45px;
    height:45px;
}

.gallery-carousel .owl-nav button span{
    font-size:28px;
    line-height:40px;
}

}

/* ---------------------- gallery css ends here ---------------------- */







/* ----------------------- sub banner css start here ------------------- */


.sub-banner{
    position: relative;
    padding: 90px 0;
    overflow: hidden;
    background: linear-gradient(135deg,#0b6b1d,#05502b,#023b1a);
}

.sub-banner::before{
    content: "";
    position: absolute;
    width: 250px;
    height: 250px;
    top: -120px;
    left: -120px;
    border-radius: 50%;
    background: rgba(255,255,255,.05);
}

.sub-banner .container{
    position: relative;
    z-index: 2;
}

/* Badge */

.sub-tag{
    display: inline-block;
    padding: 8px 24px;
    background: #d4af37;
    color: #fff;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

/* Title */

.sub-title{
    color: #fff;
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 20px;
    text-shadow: 0 3px 10px rgba(0,0,0,.35);
}

/* Description */

.sub-text{
    color: #fff;
    font-size: 20px;
    line-height: 1.8;
    max-width: 760px;
    margin: 0 auto 30px;
}

/*==========================
        BREADCRUMB
==========================*/

.breadcrumb{
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent !important;
    padding: 0;
    margin: 0;
}

.breadcrumb-item{
    font-size: 16px;
    font-weight: 600;
}

/* Home */

.breadcrumb-item a{
    color: #FFD54F !important;
    text-decoration: none;
    transition: .3s;
}

.breadcrumb-item a:hover{
    color: #ffffff !important;
}

/* Current Page */

.breadcrumb-item.active{
    color: #ffffff !important;
    opacity: 1 !important;
}

/* Separator */

.breadcrumb-item + .breadcrumb-item::before{
    color: rgba(255,255,255,.8) !important;
    content: "/" !important;
}

/*==========================
        Responsive
==========================*/

@media (max-width:991px){

    .sub-title{
        font-size: 32px;
    }

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

}

@media (max-width:767px){

    .sub-banner{
        padding:70px 20px;
    }

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

    .sub-text{
        font-size:16px;
        line-height:1.7;
    }

    .sub-tag{
        font-size:12px;
        padding:7px 18px;
    }

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

}

/* ----------------------- end of sub banner css here ------------------ */




/* ---------------------- core values section css start here ---------------------- */


/*=========================
      CORE VALUES
=========================*/

.core-values{
    background:#f8fff8;
}

.section-tag{

    display:inline-block;

    background:#d4af37;

    color:#fff;

    padding:8px 22px;

    border-radius:30px;

    font-size:14px;

    font-weight:600;

    margin-bottom:15px;
}

.section-title{

    color:#05502b;

    font-size:42px;

    font-weight:700;

    margin-bottom:15px;
}

.section-text{

    color:#666;

    font-size:18px;

    line-height:1.8;
}

.value-card{

    background:#fff;

    padding:35px 25px;

    border-radius:18px;

    text-align:center;

    height:100%;

    transition:.4s;

    border:1px solid #e8e8e8;

    box-shadow:0 8px 25px rgba(0,0,0,.08);
}

.value-card:hover{

    transform:translateY(-10px);

    border-color:#0b6b1d;

    box-shadow:0 20px 40px rgba(0,0,0,.12);
}

.value-icon{

    width:80px;

    height:80px;

    margin:0 auto 20px;

    border-radius:50%;

    background:linear-gradient(135deg,#0b6b1d,#43a047);

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:32px;

    box-shadow:0 8px 20px rgba(11,107,29,.35);
}

.value-card h4{

    color:#05502b;

    font-size:24px;

    font-weight:700;

    margin-bottom:15px;
}

.value-card p{

    color:#666;

    font-size:16px;

    line-height:1.8;

    margin:0;
}

/* Responsive */


@media screen and (max-width: 991px){
    .section-title{
    font-size: 32px;
}

}


@media(max-width:767px){

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

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

.value-card{
    padding:25px 20px;
}

.value-icon{
    width:65px;
    height:65px;
    font-size:26px;
}

.value-card h4{
    font-size:22px;
}

}


/* ---------------------- end of caore values css here ---------------------------- */