:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-eee84df *//*==================================
ABOUT HERO
==================================*/

.about-hero{

    position:relative;
    width:100%;
    height:780px;
    overflow:hidden;
    border-radius:25px;
    margin:0;
    padding:0;

}

.about-hero img{

    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;

}

.about-overlay{

    position:absolute;
    inset:0;

    background:linear-gradient(
        90deg,
        rgba(43,69,56,.88) 0%,
        rgba(43,69,56,.78) 30%,
        rgba(43,69,56,.55) 45%,
        rgba(43,69,56,.20) 65%,
        rgba(43,69,56,0) 82%
    );

    z-index:1;

}

.about-content{

    position:absolute;

    top:50%;
    left:7%;

    transform:translateY(-50%);

    width:600px;

    z-index:2;

}

.about-badge{

    display:inline-block;

    padding:14px 28px;

    background:#3B6953;

    color:#fff;

    border-radius:40px;

    font-size:15px;

    font-weight:600;

    letter-spacing:1px;

    text-transform:uppercase;

    margin-bottom:30px;

}

.about-content h1{

    margin:0 0 30px;

    font-size:78px;

    line-height:1.05;

    font-weight:700;

    color:#fff;

}

.about-content p{

    margin:0;

    font-size:22px;

    line-height:1.9;

    color:rgba(255,255,255,.96);

}

/*=========================
TABLET
=========================*/

@media(max-width:991px){

.about-hero{

    height:620px;

}

.about-content{

    width:500px;

    left:45px;

}

.about-content h1{

    font-size:54px;

}

.about-content p{

    font-size:18px;

}

.about-badge{

    font-size:14px;

}

}

/*=========================
MOBILE
=========================*/

@media(max-width:767px){

.about-hero{

    height:560px;

    border-radius:18px;

}

.about-overlay{

    background:rgba(43,69,56,.72);

}

.about-content{

    left:25px;

    right:25px;

    width:auto;

    max-width:100%;

}

.about-badge{

    padding:10px 22px;

    font-size:13px;

    margin-bottom:20px;

}

.about-content h1{

    font-size:38px;

    line-height:1.2;

    margin-bottom:20px;

}

.about-content p{

    font-size:16px;

    line-height:1.7;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0efa1a1 *//*==================================
OUR STORY SECTION
==================================*/

.our-story{

    background:#fff;

    margin:0;

    padding:0;

}

.story-container{

    max-width:1300px;

    margin:0 auto;

    padding:0 20px;

    display:grid;

    grid-template-columns:1.1fr .9fr;

    gap:50px;

    align-items:center;

}

.story-text{

    margin:0;

    padding:0;

}

.story-tag{

    display:inline-block;

    color:#3B6953;

    font-size:14px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:18px;

}

.story-text h2{

    margin:0 0 25px;

    font-size:56px;

    line-height:1.15;

    color:#222;

    font-weight:700;

}

.story-text p{

    margin:0 0 20px;

    font-size:18px;

    line-height:1.9;

    color:#666;

}

.story-features{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:18px;

    margin-top:30px;

}

.story-features span{

    display:block;

    background:#F5F7F3;

    padding:16px 20px;

    border-left:4px solid #3B6953;

    border-radius:12px;

    color:#3B6953;

    font-weight:600;

    font-size:16px;

}

.story-image{

    margin:0;

    padding:0;

}

.story-image img{

    width:100%;

    display:block;

    border-radius:30px;

    object-fit:cover;

    box-shadow:0 20px 45px rgba(0,0,0,.08);

}

/*=====================
TABLET
=====================*/

@media(max-width:991px){

.story-container{

    grid-template-columns:1fr;

    gap:40px;

}

.story-text{

    order:2;

}

.story-image{

    order:1;

}

.story-text h2{

    font-size:42px;

}

.story-text p{

    font-size:17px;

}

.story-features{

    grid-template-columns:repeat(2,1fr);

}

}

/*=====================
MOBILE
=====================*/

@media(max-width:767px){

.our-story{

    padding:0;

}

.story-container{

    padding:0 15px;

    gap:30px;

}

.story-text h2{

    font-size:32px;

    line-height:1.25;

}

.story-text p{

    font-size:16px;

    line-height:1.8;

}

.story-features{

    grid-template-columns:1fr;

    gap:15px;

}

.story-features span{

    font-size:15px;

}

.story-image img{

    border-radius:18px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4933017 *//*==================================
MISSION & VISION
==================================*/

.mission-vision{

    background:#F5F7F3;

    padding:80px 20px;

}

.mv-container{

    max-width:1300px;

    margin:auto;

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:35px;

}

.mv-card{

    background:#fff;

    padding:45px;

    border-radius:24px;

    border-top:6px solid #3B6953;

    box-shadow:0 12px 30px rgba(0,0,0,.06);

    transition:.3s;

}

.mv-card:hover{

    transform:translateY(-6px);

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

}

.mv-badge{

    display:inline-block;

    background:#3B6953;

    color:#fff;

    padding:8px 18px;

    border-radius:30px;

    font-size:13px;

    font-weight:600;

    letter-spacing:1px;

    text-transform:uppercase;

    margin-bottom:20px;

}

.mv-card h3{

    margin:0 0 18px;

    font-size:34px;

    color:#222;

    font-weight:700;

}

.mv-card p{

    margin:0;

    color:#666;

    font-size:17px;

    line-height:1.9;

}

/*====================
TABLET
====================*/

@media(max-width:991px){

.mv-container{

    grid-template-columns:1fr;

}

.mv-card{

    padding:35px;

}

.mv-card h3{

    font-size:30px;

}

}

/*====================
MOBILE
====================*/

@media(max-width:767px){

.mission-vision{

    padding:60px 15px;

}

.mv-card{

    padding:30px 25px;

    border-radius:18px;

}

.mv-card h3{

    font-size:26px;

}

.mv-card p{

    font-size:16px;

    line-height:1.8;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-55fb684 *//*==================================
CONTACT INFORMATION
==================================*/

.contact-info{

    background:#F5F7F3;

    padding:0;

    margin:0;

}

.contact-container{

    max-width:1200px;

    margin:0 auto;

    padding:0 20px;

}

.contact-heading{

    text-align:center;

    max-width:650px;

    margin:0 auto 30px;

}

.contact-heading span{

    display:inline-block;

    color:#3B6953;

    font-size:13px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:10px;

}

.contact-heading h2{

    margin:0 0 12px;

    font-size:42px;

    color:#222;

    font-weight:700;

}

.contact-heading p{

    margin:0;

    color:#666;

    font-size:17px;

    line-height:1.7;

}

.contact-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:20px;

}

.contact-card{

    background:#fff;

    border-radius:18px;

    padding:25px;

    border-top:4px solid #3B6953;

    box-shadow:0 8px 20px rgba(0,0,0,.05);

}

.contact-card h3{

    margin:0 0 10px;

    font-size:20px;

    color:#222;

}

.contact-card p{

    margin:0;

    color:#666;

    font-size:16px;

    line-height:1.7;

}

.contact-card a{

    color:#3B6953;

    text-decoration:none;

    font-weight:600;

}

.contact-card a:hover{

    text-decoration:underline;

}

.contact-wide{

    grid-column:span 2;

}

.location-btn{

    display:inline-block;

    margin-top:15px;

    padding:10px 22px;

    background:#3B6953;

    color:#fff !important;

    border-radius:30px;

    text-decoration:none !important;

    font-size:15px;

    font-weight:600;

    transition:.3s;

}

.location-btn:hover{

    background:#2f5644;

}

/*====================
TABLET
====================*/

@media(max-width:991px){

.contact-grid{

    grid-template-columns:1fr;

}

.contact-wide{

    grid-column:span 1;

}

.contact-heading h2{

    font-size:36px;

}

}

/*====================
MOBILE
====================*/

@media(max-width:767px){

.contact-info{

    padding:0;

}

.contact-container{

    padding:0 15px;

}

.contact-heading{

    margin-bottom:25px;

}

.contact-heading h2{

    font-size:30px;

}

.contact-heading p{

    font-size:16px;

}

.contact-card{

    padding:22px;

}

.contact-card h3{

    font-size:18px;

}

.contact-card p{

    font-size:15px;

}

.location-btn{

    width:100%;

    text-align:center;

}

}/* End custom CSS */