* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Inter', sans-serif;
}


a {
  text-decoration: none;
  color: inherit;
}




/* ========================================================= */

/* ===========================
   NAVBAR
=========================== */

.navs_header{
    width:100%;
    background:#fff;
    box-shadow:0 2px 8px rgba(0,0,0,.08);
}

.navs_container{
    width:90%;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:16px 20px;
    position:relative;
}

.navs_logo img{
    width:150px;
    display:block;
}

/* ===========================
   MENU
=========================== */

.navs_navigation{
    display:flex;
    align-items:center;
    gap:40px;
}

.navs_menu{
    display:flex;
    align-items:center;
    gap:35px;
    list-style:none;
    margin:0;
    padding:0;
}

.navs_menu li{
    position:relative;
}

.navs_menu a{
    text-decoration:none;
    color:#333;
    font-size:13px;
    font-weight:700;
    letter-spacing:1px;
    transition:.3s;
}

.navs_menu a:hover{
    color:#67c23a;
}

.navs_active{
    color:#67c23a;
}

/* ===========================
   DROPDOWN
=========================== */

.navs_dropdown_toggle,
.navs_sub_toggle{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
}

/* Hide dropdowns */

.navs_dropdown_menu,
.navs_sub_dropdown{
    display:none;
    list-style:none;
    margin:0;
    padding:0;
    background:#fff;
}

/* Desktop */

@media (min-width:992px){

.navs_dropdown{
    position:relative;
}

.navs_dropdown_menu{
    position:absolute;
    top:100%;
    left:0;
    min-width:270px;
    background:#fff;
    box-shadow:0 10px 25px rgba(0,0,0,.12);
    z-index:999;
}

.navs_dropdown:hover>.navs_dropdown_menu{
    display:block;
}

.navs_dropdown_menu li{
    position:relative;
}

.navs_dropdown_menu li a{
    display:flex;
    justify-content:space-between;
    padding:14px 18px;
    border-bottom:1px solid #eee;
}

.navs_dropdown_menu li:last-child a{
    border-bottom:none;
}

.navs_sub_dropdown{
    position:absolute;
    left:100%;
    top:0;
    min-width:300px;
    background:#fff;
    box-shadow:0 10px 25px rgba(0,0,0,.12);
}

.navs_dropdown_menu .navs_dropdown:hover>.navs_sub_dropdown{
    display:block;
}

}

/* ===========================
   BUTTON
=========================== */

.navs_btn{
    background:#5BAE38;
    color:#fff;
    padding:15px 28px;
    border-radius:4px;
    font-weight:600;
}

.navs_btn_mobile{
    display:none;
}

.navs_toggle{
    display:none;
    font-size:28px;
    cursor:pointer;
}

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

@media (max-width:991px){

.navs_toggle{
    display:block;
}

.navs_btn{
    display:none;
}

.navs_navigation{
    display:none;
    position:absolute;
    left:0;
    top:100%;
    width:100%;
    background:#fff;
    flex-direction:column;
    align-items:flex-start;
    padding:20px;
    box-shadow:0 8px 20px rgba(0,0,0,.08);
    z-index:999;
}

.navs_navigation.navs_show{
    display:flex;
}

.navs_menu{
    width:100%;
    flex-direction:column;
    gap:0;
}

.navs_menu li{
    width:100%;
}

.navs_menu li a{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:15px 0;
    border-bottom:1px solid #eee;
}

/* Dropdowns */

.navs_dropdown_menu,
.navs_sub_dropdown{
    display:none;
    position:static;
    box-shadow:none;
    width:100%;
    margin-left:15px;
}

.navs_dropdown.active>.navs_dropdown_menu{
    display:block;
}

.navs_dropdown.active>.navs_sub_dropdown{
    display:block;
}

.navs_btn_mobile{
    display:block;
    width:100%;
    margin-top:20px;
    padding:15px;
    text-align:center;
    background:#5BAE38;
    color:#fff;
    border-radius:4px;
}

}

@media(max-width:576px){

.navs_container{
    padding:15px;
}

.navs_logo img{
    width:130px;
}

}




/* =================================================== */
/* =======================HOME PAGE============================ */





.home_bg_hero_section{
    position:relative;
    width:100%;
    min-height:750px;
    display:flex;
    align-items:center;
    overflow:hidden;

    /* Single Background Image */
    background-image:
        linear-gradient(rgba(255,255,255,.55),rgba(255,255,255,.55)),
        url("../images/home_bg.png");

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

.home_bg_overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:radial-gradient(circle at left,#ffffff 10%,transparent 70%);
}

.home_bg_container{
    width:90%;
    margin:10px auto 80px;
    position:relative;
    z-index:2;
}

.home_bg_left{
    width:50%;
}

.home_bg_top_text{
    display:inline-block;
    color:#5eb230;
    font-size:13px;
    font-weight:700;
    letter-spacing:2px;
    margin-bottom:20px;
}

.home_bg_heading{
    font-size:58px;
    font-weight:800;
    line-height:1.2;
    color:#2f3941;
    margin-bottom:25px;
}

.home_bg_heading span{
    color:#5eb230;
}

.home_bg_description{
    font-size:18px;
    line-height:32px;
    color:#67727d;
    margin-bottom:20px;
}

.home_bg_small_text{
    font-size:15px;
    line-height:28px;
    color:#8a8a8a;
    margin-bottom:40px;
}

.home_bg_buttons{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
}

.home_bg_btn_green{
    display:inline-block;
    padding:16px 34px;
    background:#5eb230;
    color:#fff;
    text-decoration:none;
    font-weight:700;
    border-radius:5px;
    transition:.3s;
}

.home_bg_btn_green:hover{
    background:#468c22;
}

.home_bg_btn_outline{
    display:inline-block;
    padding:16px 34px;
    border:2px solid #5eb230;
    color:#2f3941;
    text-decoration:none;
    font-weight:700;
    border-radius:5px;
    transition:.3s;
}

.home_bg_btn_outline:hover{
    background:#5eb230;
    color:#fff;
}

/* Responsive */

@media(max-width:991px){

    .home_bg_left{
        width:100%;
        text-align:center;
    }

    .home_bg_buttons{
        justify-content:center;
    }

    .home_bg_heading{
        font-size:42px;
    }
}

@media(max-width:768px){

    .home_bg_hero_section{
        min-height:650px;
    }

    .home_bg_heading{
        font-size:34px;
    }

    .home_bg_description{
        font-size:16px;
        line-height:28px;
    }
}

@media(max-width:576px){

    .home_bg_heading{
        font-size:28px;
    }

    .home_bg_buttons{
        flex-direction:column;
    }

    .home_bg_btn_green,
    .home_bg_btn_outline{
        width:100%;
        text-align:center;
    }
}


/* ========================================= */


.home_abutus_section{
    padding:80px 20px;
    background:#f8f8f8;
}

.home_abutus_container{
    width:90%;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:60px;
}

.home_abutus_left{
    width:50%;
}

.home_abutus_small_title{
    display:inline-block;
    color:#6BBE2E;
    font-size:13px;
    font-weight:700;
    letter-spacing:2px;
    margin-bottom:18px;
}

.home_abutus_heading{
    font-size:48px;
    font-weight:700;
    color:#1d2733;
    margin-bottom:25px;
}

.home_abutus_text{
    color:#6b6b6b;
    font-size:16px;
    line-height:1.8;
    margin-bottom:18px;
}

.home_abutus_quote_box{
    background:#1f2b34;
    color:#fff;
    padding:28px;
    border-left:5px solid #6BBE2E;
    font-size:20px;
    line-height:1.6;
    margin:35px 0;
}

.home_abutus_feature_grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
}

.home_abutus_feature{
    background:#fff;
    border-left:4px solid #6BBE2E;
    padding:22px;
    font-size:15px;
    color:#222;
    box-shadow:0 5px 15px rgba(0,0,0,.05);
    transition:.3s;
}

.home_abutus_feature:hover{
    transform:translateY(-4px);
}

.home_abutus_right{
    width:50%;
    position:relative;
}

.home_abutus_image_wrapper{
    width:100%;
}

.home_abutus_image_wrapper img{
    width:100%;
    display:block;
    border-radius:4px;
}

.home_abutus_green_card{
    position:absolute;
    left:-40px;
    /* bottom:30px; */
    bottom:-10px;
    background:#61C11F;
    color:#fff;
    width:70%;
    padding:35px;
}

.home_abutus_green_card h3{
    font-size:28px;
    margin-bottom:15px;
}

.home_abutus_green_card p{
    line-height:1.8;
    font-size:15px;
}

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

@media(max-width:991px){

.home_abutus_container{
    flex-direction:column;
}

.home_abutus_left,
.home_abutus_right{
    width:100%;
}

.home_abutus_heading{
    font-size:38px;
}

.home_abutus_green_card{
    position:relative;
    left:0;
    bottom:0;
    width:100%;
    margin-top:-40px;
}

}

@media(max-width:768px){

.home_abutus_section{
    padding:60px 15px;
}

.home_abutus_heading{
    font-size:32px;
}

.home_abutus_feature_grid{
    grid-template-columns:1fr;
}

.home_abutus_quote_box{
    font-size:18px;
    padding:22px;
}

.home_abutus_green_card{
    margin-top:20px;
    padding:25px;
}

.home_abutus_green_card h3{
    font-size:24px;
}

}

@media(max-width:480px){

.home_abutus_heading{
    font-size:28px;
}

.home_abutus_text{
    font-size:15px;
}

.home_abutus_quote_box{
    font-size:16px;
}

.home_abutus_feature{
    padding:18px;
}

.home_abutus_green_card{
    padding:20px;
}

}



/* ========================================= */

/*=============================
    HOME CHOOSE SECTION
==============================*/

.home_choose_section{
    background:#232f36;
    padding:15px;
    font-family:Arial, Helvetica, sans-serif;
}

.home_choose_container{
    width:90%;
    margin:auto;
}

.home_choose_heading{
    margin-bottom:10px;
}

.home_choose_small_title{
    display:inline-block;
    color:#7ad63f;
    font-size:12px;
    letter-spacing:2px;
    text-transform:uppercase;
    font-weight:600;
    margin-bottom:18px;
}

.home_choose_title{
    color:#ffffff;
    font-size:52px;
    font-weight:700;
    line-height:1.2;
    margin-bottom:10px;
}

.home_choose_subtitle{
    color:#98a6af;
    font-size:16px;
    line-height:1.8;
    max-width:650px;
}

.home_choose_cards{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:35px;
}

.home_choose_card{
    position:relative;
}

.home_choose_line{
    width:100%;
    height:2px;
    background:#72d33d;
    margin-bottom:18px;
}

.home_choose_cert{
    display:block;
    color:#7d8d97;
    font-size:11px;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:10px;
}

.home_choose_card_title{
    color:#ffffff;
    font-size:25px;
    line-height:1.4;
    font-weight:700;
    margin-bottom:10px;
    text-transform:lowercase;
}

.home_choose_card_text{
    color:#8b9aa3;
    font-size:15px;
    line-height:1.9;
}

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

@media(max-width:992px){

    .home_choose_title{
        font-size:42px;
    }

    .home_choose_cards{
        grid-template-columns:repeat(2,1fr);
        gap:40px;
    }

}

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

@media(max-width:768px){

    .home_choose_section{
        padding:70px 20px;
    }

    .home_choose_title{
        font-size:34px;
    }

    .home_choose_subtitle{
        font-size:15px;
    }

    .home_choose_cards{
        grid-template-columns:1fr;
        gap:45px;
    }

    .home_choose_card_title{
        font-size:24px;
    }

}

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

@media(max-width:480px){

    .home_choose_title{
        font-size:28px;
    }

    .home_choose_small_title{
        font-size:11px;
        letter-spacing:1.5px;
    }

    .home_choose_card_title{
        font-size:22px;
    }

    .home_choose_card_text{
        font-size:14px;
    }

}


/* ==================================== */

/*==============================*/

.home_service_section{

    padding:90px 20px;
    background:#f6f7f5;

}

.home_service_container{

    width:90%;
    margin:auto;

}

/*==============================*/

.home_service_heading{

    max-width:600px;
    margin-bottom:60px;

}

.home_service_subtitle{

    font-size:11px;
    color:#67bf3d;
    letter-spacing:2px;
    font-weight:700;
    display:block;
    margin-bottom:20px;

}

.home_service_heading h2{

    font-size:52px;
    font-weight:800;
    color:#26323b;
    margin-bottom:18px;

}

.home_service_heading p{

    font-size:16px;
    line-height:1.8;
    color:#707070;

}

/*==============================*/

.home_service_title_row{

    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:30px;
    margin-bottom:45px;

}

.home_service_title_row h3{

    font-size:34px;
    color:#303840;
    display:flex;
    align-items:center;
    gap:18px;

}

.home_service_title_row h3 span{

    color:#67bf3d;
    font-size:16px;
    font-weight:700;

}

.home_service_title_row p{

    width:350px;
    color:#777;
    line-height:1.7;
    text-align:right;

}

/*==============================*/

.home_service_cards{

    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:35px;

}

/*==============================*/

.home_service_card{

    background:#fff;
    padding:35px;
    border-left:4px solid #67bf3d;
    transition:.35s;
    box-shadow:0 5px 18px rgba(0,0,0,.05);

}

.home_service_card:hover{

    transform:translateY(-8px);

}

.home_service_icon{

    width:54px;
    height:54px;
    border-radius:12px;
    background:#edf8e7;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#67bf3d;
    font-size:22px;
    margin-bottom:28px;

}

.home_service_card h4{

    font-size:25px;
    color:#2d3640;
    margin-bottom:18px;
    line-height:1.4;

}

.home_service_card>p{

    color:#666;
    line-height:1.8;
    margin-bottom:22px;

}

.home_service_small_title{

    display:block;
    margin-bottom:15px;
    font-size:11px;
    color:#999;
    letter-spacing:2px;
    font-weight:700;

}

.home_service_card ul{

    padding:0;
    margin:0;

}

.home_service_card ul li{

    list-style:none;
    margin-bottom:12px;
    padding-left:22px;
    position:relative;
    color:#555;
    line-height:1.7;

}

.home_service_card ul li::before{

    content:"";
    width:10px;
    height:2px;
    background:#67bf3d;

    position:absolute;
    left:0;
    top:12px;

}

/*==============================*/

.home_service_bottom{

    border-top:1px solid #e5e5e5;
    margin-top:28px;
    padding-top:20px;

}

.home_service_bottom span{

    display:block;
    font-size:11px;
    letter-spacing:2px;
    color:#999;
    margin-bottom:12px;
    font-weight:700;

}

.home_service_bottom p{

    color:#666;
    line-height:1.8;

}

/*==============================*/
/* Tablet */
/*==============================*/

@media(max-width:992px){

.home_service_cards{

    grid-template-columns:1fr;

}

.home_service_title_row{

    flex-direction:column;

}

.home_service_title_row p{

    width:100%;
    text-align:left;

}

.home_service_heading h2{

    font-size:42px;

}

}

/*==============================*/
/* Mobile */
/*==============================*/

@media(max-width:768px){

.home_service_section{

    padding:70px 18px;

}

.home_service_heading{

    margin-bottom:40px;

}

.home_service_heading h2{

    font-size:34px;

}

.home_service_title_row{

    margin-bottom:30px;

}

.home_service_title_row h3{

    font-size:26px;

}

.home_service_card{

    padding:25px;

}

.home_service_card h4{

    font-size:22px;

}

}

/*==============================*/

@media(max-width:480px){

.home_service_heading h2{

    font-size:30px;

}

.home_service_card{

    padding:22px;

}

.home_service_card h4{

    font-size:20px;

}

}



/* ====================================== */
/* ================================================= */



.home_approch_section{

    background:linear-gradient(120deg,#49525b,#1f272e);
    padding:20px 0;
    overflow:hidden;
}

.home_approch_container{

    width:90%;
    margin:auto;
}

.home_approch_header{

    max-width:550px;
    margin-bottom:20px;
}

.home_approch_subtitle{

    display:inline-block;
    color:#6BCB3D;
    font-size:12px;
    font-weight:700;
    letter-spacing:3px;
    margin-bottom:18px;
    text-transform:uppercase;
}

.home_approch_title{

    color:#ffffff;
    font-size:52px;
    font-weight:700;
    margin-bottom:20px;
}

.home_approch_description{

    color:#aeb5bb;
    line-height:30px;
    font-size:17px;
}

.home_approch_timeline{

    position:relative;
    display:grid;
    grid-template-columns:repeat(5,1fr);
    column-gap:40px;
}

.home_approch_line{

    position:absolute;
    top:13px;
    left:0;
    width:100%;
    border-top:2px dashed #59b030;
}

.home_approch_item{

    position:relative;
    z-index:2;
}

.home_approch_circle{

    width:10px;
    height:10px;
    border-radius:50%;
    margin-bottom:35px;
}

.home_approch_green{

    background:#66c43d;
}

.home_approch_yellow{

    background:#c8b02d;
}

.home_approch_white{

    background:#ffffff;
}

.home_approch_leg{

    display:block;
    color:#66c43d;
    font-size:11px;
    letter-spacing:2px;
    margin-bottom:12px;
    font-weight:700;
}

.home_approch_item h3{

    color:#ffffff;
    font-size:22px;
    margin-bottom:18px;
    font-weight:600;
}

.home_approch_item p{

    color:#a9b0b5;
    line-height:28px;
    font-size:15px;
}

.home_approch_active h3{

    color:#ffffff;
}

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

@media(max-width:1200px){

.home_approch_timeline{

    column-gap:20px;
}

.home_approch_title{

    font-size:42px;
}

.home_approch_item h3{

    font-size:19px;
}

}

@media(max-width:991px){

.home_approch_timeline{

    grid-template-columns:repeat(2,1fr);
    row-gap:50px;
}

.home_approch_line{

    display:none;
}

.home_approch_item{

    padding-left:25px;
    border-left:2px dashed #58b52d;
}

.home_approch_circle{

    position:absolute;
    left:-6px;
    top:0;
}

}

@media(max-width:767px){

.home_approch_timeline{

    grid-template-columns:1fr;
}

.home_approch_title{

    font-size:36px;
}

.home_approch_description{

    font-size:16px;
}

.home_approch_item h3{

    font-size:20px;
}

}

@media(max-width:576px){

.home_approch_section{

    padding:60px 0;
}

.home_approch_title{

    font-size:30px;
}

.home_approch_description{

    line-height:28px;
    font-size:15px;
}

.home_approch_item{

    padding-left:22px;
}

.home_approch_item p{

    font-size:14px;
    line-height:24px;
}

}



/* ======================================== */
/* ----------------------------------------------------------------------------- */



.home_serve_section{
padding:90px 20px;
}

.home_serve_container{
width:90%;
margin:auto;
}

.home_serve_heading{
text-align:center;
margin-bottom:60px;
}

.home_serve_subtitle{
display:inline-block;
font-size:12px;
font-weight:700;
letter-spacing:2px;
color:#69bf28;
margin-bottom:15px;
}

.home_serve_heading h2{
font-size:44px;
margin-bottom:15px;
font-weight:700;
color:#25313a;
}

.home_serve_heading p{
max-width:650px;
margin:auto;
font-size:16px;
line-height:1.8;
color:#777;
}

.home_serve_grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:30px;
align-items:start;
}

.home_serve_card{
position:relative;
overflow:hidden;
background:#ddd;
}

.home_serve_card img{
width:100%;
height:100%;
display:block;
object-fit:cover;
transition:.5s;
}

.home_serve_card:hover img{
transform:scale(1.08);
}

.home_serve_card_big{
height:650px;
}

.home_serve_card_horizontal{
height:280px;
margin-bottom:30px;
}

.home_serve_overlay{
position:absolute;
left:0;
bottom:0;
width:100%;
padding:35px;
background:linear-gradient(to top,rgba(0,0,0,.82),rgba(0,0,0,.1));
color:#fff;
}

.home_serve_overlay span{
font-size:11px;
letter-spacing:2px;
}

.home_serve_overlay h3{
font-size:34px;
margin:10px 0;
}

.home_serve_overlay p{
line-height:1.7;
font-size:15px;
max-width:420px;
}

.home_serve_overlay a{
display:inline-block;
margin-top:18px;
color:#fff;
text-decoration:none;
font-size:13px;
letter-spacing:1px;
}

.home_serve_small_cards{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:30px;
}

.home_serve_small{
background:#E0E5E5;
padding:35px;
min-height:340px;
box-shadow:0 10px 25px rgba(0,0,0,.08);
display:flex;
flex-direction:column;
justify-content:flex-end;
transition:.35s;
}

.home_serve_small:hover{
transform:translateY(-8px);
}

.home_serve_icon{
font-size:30px;
color:#69bf28;
margin-bottom:40px;
}

.home_serve_small h4{
font-size:26px;
margin-bottom:15px;
}

.home_serve_small p{
font-size:15px;
line-height:1.8;
color:#666;
margin-bottom:35px;
}

.home_serve_small span{
font-size:11px;
letter-spacing:2px;
color:#777;
border-top:1px solid #ddd;
padding-top:15px;
}

.home_serve_bottom{
margin-top:50px;
display:grid;
grid-template-columns:repeat(2,1fr);
gap:40px;
}

.home_serve_info{
display:flex;
align-items:flex-start;
gap:20px;
background:#fff;
padding:30px;
box-shadow:0 10px 25px rgba(0,0,0,.06);
}

.home_serve_info_icon{
width:55px;
height:55px;
border-radius:50%;
background:#eef8e7;
display:flex;
align-items:center;
justify-content:center;
font-size:22px;
flex-shrink:0;
}

.home_serve_info h4{
font-size:24px;
margin-bottom:12px;
color:#69bf28;
}

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

.home_serve_cta{
background:#65c126;
padding:60px 20px;
margin-top:80px;
}

.home_serve_cta_container{
width:90%;
margin:auto;
display:flex;
justify-content:space-between;
align-items:center;
gap:30px;
}

.home_serve_cta h2{
color:#fff;
font-size:40px;
max-width:700px;
line-height:1.3;
}

.home_serve_cta a{
background:#fff;
padding:18px 35px;
text-decoration:none;
color:#222;
font-weight:700;
transition:.3s;
}

.home_serve_cta a:hover{
background:#222;
color:#fff;
}

@media(max-width:991px){

.home_serve_grid{
grid-template-columns:1fr;
}

.home_serve_bottom{
grid-template-columns:1fr;
}

.home_serve_cta_container{
flex-direction:column;
text-align:center;
}

.home_serve_card_big{
height:520px;
}

}

@media(max-width:768px){

.home_serve_heading h2{
font-size:34px;
}

.home_serve_small_cards{
grid-template-columns:1fr;
}

.home_serve_card_horizontal{
height:250px;
}

.home_serve_card_big{
height:420px;
}

.home_serve_overlay h3{
font-size:28px;
}

.home_serve_small{
min-height:auto;
}

.home_serve_cta h2{
font-size:30px;
}

}

@media(max-width:480px){

.home_serve_section{
padding:60px 15px;
}

.home_serve_heading h2{
font-size:28px;
}

.home_serve_heading p{
font-size:14px;
}

.home_serve_overlay{
padding:20px;
}

.home_serve_overlay h3{
font-size:24px;
}

.home_serve_small{
padding:25px;
}

.home_serve_info{
padding:20px;
}

.home_serve_cta{
padding:45px 15px;
}

.home_serve_cta h2{
font-size:24px;
}

.home_serve_cta a{
padding:15px 25px;
}

}




/* =========================footer================ */



/*==========================
        FOOTER
===========================*/

.footer_section{

    background:#25323a;
    padding:70px 20px 25px;
    font-family:Arial, Helvetica, sans-serif;

}

.footer_container{

    width:90%;
    margin:auto;

}

.footer_top{

    display:grid;
    grid-template-columns:2fr 1fr 1.4fr 1.2fr;
    gap:60px;
    padding-bottom:35px;

}

.footer_logo{

    display:inline-block;
    margin-bottom:20px;

}

.footer_logo img{

    width:150px;
    height:auto;
    display:block;

}

.footer_description{

    color:#9daab2;
    font-size:14px;
    line-height:1.9;
    max-width:280px;

}

.footer_heading{

    color:#ffffff;
    font-size:11px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:18px;

}

.footer_contact_heading{

    margin-top:25px;

}

.footer_menu{

    list-style:none;
    padding:0;
    margin:0;

}

.footer_menu li{

    margin-bottom:12px;
    color:#9daab2;
    font-size:14px;
    line-height:1.7;

}

.footer_menu li:last-child{

    margin-bottom:0;

}

.footer_menu li a{

    color:#9daab2;
    text-decoration:none;
    transition:.3s;

}

.footer_menu li a:hover{

    color:#74d83e;

}

.footer_bottom{

    border-top:1px solid rgba(255,255,255,.08);
    padding-top:20px;

}

.footer_bottom p{

    color:#7f8d96;
    font-size:13px;
    margin:0;

}

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

@media (max-width:991px){

.footer_top{

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

}

.footer_description{

    max-width:100%;

}

}

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

@media (max-width:767px){

.footer_section{

    padding:60px 20px 25px;

}

.footer_top{

    grid-template-columns:1fr;
    gap:40px;

}

.footer_company{

    margin-bottom:10px;

}

.footer_logo img{

    width:140px;

}

.footer_heading{

    margin-bottom:15px;

}

.footer_menu li{

    margin-bottom:10px;

}

.footer_bottom{

    text-align:center;

}

}

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

@media (max-width:480px){

.footer_section{

    padding:50px 15px 20px;

}

.footer_logo img{

    width:120px;

}

.footer_description{

    font-size:13px;

}

.footer_menu li{

    font-size:13px;

}

.footer_bottom p{

    font-size:12px;

}

}




/* ================================= */



.home_abutus_btn {
    display: inline-block;
    margin-top: 25px;
    padding: 12px 30px;
    background: #1FA64A; /* Green */
    color: #fff;
    text-decoration: none;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.home_abutus_btn:hover {
    background: #16853a;
    transform: translateY(-2px);
}




/* ============================================= */





.home_service_btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-top:25px;
    padding:12px 24px;
    background:#0F5D4E;
    color:#fff;
    text-decoration:none;
    border-radius:50px;
    font-size:15px;
    font-weight:600;
    transition:.3s;
}

.home_service_btn:hover{
    background:#0b4b3f;
    transform:translateY(-3px);
}

.home_service_label{
    display:inline-block;
    margin:18px 0 10px;
    font-size:12px;
    font-weight:700;
    color:#0F5D4E;
    letter-spacing:2px;
}

.home_service_card{
    display:flex;
    flex-direction:column;
}

.home_service_bottom{
    margin-top:auto;
}






/* ====================================================== */
/* 

ABOUT PAGE CSS

*/

/* ======================================================== */



/*========================================*/

.about_sec_section{
    padding:30px 20px;
    background:#f7f8f6;
}

.about_sec_container{
    width:90%;
    margin:auto;
}

/*========================================*/

.about_sec_subtitle{
    display:inline-block;
    color:#6CC04A;
    font-size:11px;
    letter-spacing:3px;
    font-weight:700;
    /* margin-bottom:45px; */
}

/*========================================*/

.about_sec_wrapper{
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:center;
    gap:70px;
}

/*========================================*/

.about_sec_image{
    position:relative;
}

.about_sec_image img{
    width:100%;
    display:block;
    object-fit:cover;
}

/*========================================*/

.about_sec_card{

    position:absolute;
    bottom:-25px;
    right:-40px;

    width:350px;

    background:#5CB531;
    color:#fff;

    padding:35px;

    box-shadow:0 25px 40px rgba(0,0,0,.18);

}

.about_sec_card h3{

    font-size:28px;
    margin-bottom:15px;
    font-weight:700;

}

.about_sec_card p{

    color:#f3f3f3;
    line-height:1.8;
    font-size:15px;

}

/*========================================*/

.about_sec_right h2{

    font-size:48px;
    color:#2f3942;
    margin-bottom:25px;

}

.about_sec_right p{

    color:#666;
    line-height:1.9;
    margin-bottom:18px;
    font-size:15px;

}

/*========================================*/

.about_sec_quote{

    margin:35px 0;

    background:#2f3b46;

    color:#fff;

    padding:30px;

    font-size:18px;
    line-height:1.8;

}

/*========================================*/

.about_sec_features{

    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px;

}

.about_sec_feature_box{

    background:#fff;

    padding:22px;

    font-size:14px;

    color:#444;

    border-left:3px solid #6CC04A;

    transition:.3s;

}

.about_sec_feature_box:hover{

    transform:translateY(-4px);

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

}

/*========================================*/
/* Laptop */
/*========================================*/

@media(max-width:1100px){

.about_sec_wrapper{

    gap:40px;

}

.about_sec_card{

    width:300px;

    right:-20px;

}

.about_sec_right h2{

    font-size:40px;

}

}

/*========================================*/
/* Tablet */
/*========================================*/

@media(max-width:991px){

.about_sec_wrapper{

    grid-template-columns:1fr;

}

.about_sec_left{

    order:2;

}

.about_sec_right{

    order:1;

}

.about_sec_card{

    position:relative;

    width:100%;

    right:auto;

    bottom:auto;

    margin-top:-5px;

}

.about_sec_right h2{

    font-size:38px;

}

}

/*========================================*/
/* Mobile */
/*========================================*/

@media(max-width:768px){

.about_sec_section{

    padding:70px 18px;

}

.about_sec_right h2{

    font-size:32px;

}

.about_sec_quote{

    font-size:16px;

    padding:22px;

}

.about_sec_features{

    grid-template-columns:1fr;

}

.about_sec_feature_box{

    padding:18px;

}

.about_sec_card{

    padding:25px;

}

.about_sec_card h3{

    font-size:24px;

}

}

/*========================================*/

@media(max-width:480px){

.about_sec_right h2{

    font-size:28px;

}

.about_sec_card{

    padding:20px;

}

.about_sec_quote{

    font-size:15px;

}

}




/* ============================== */


.about_mission_section{

    background:#f8f8f6;
    padding:90px 0;
}

.about_mission_container{

    width:90%;
    max-width:1300px;
    margin:auto;

    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:70px;
}

.about_mission_content{

    flex:1;
}

.about_mission_subtitle{

    display:inline-block;
    color:#69b53d;
    font-size:12px;
    font-weight:700;
    letter-spacing:3px;
    margin-bottom:18px;
    text-transform:uppercase;
}

.about_mission_title{

    font-size:48px;
    color:#26343f;
    line-height:1.2;
    margin-bottom:30px;
    font-weight:700;
}

.about_mission_text{

    color:#70767c;
    font-size:16px;
    line-height:30px;
    margin-bottom:20px;
}

.about_mission_quote{

    margin-top:40px;
    background:#24323b;
    color:#fff;
    padding:35px;
    max-width:520px;
    box-shadow:0 15px 35px rgba(0,0,0,.18);
}

.about_mission_quote h4{

    font-size:22px;
    line-height:36px;
    font-weight:500;
    margin-bottom:25px;
}

.about_mission_quote span{

    color:#67b83d;
    font-size:12px;
    letter-spacing:2px;
    font-weight:700;
}

/* Right */

.about_mission_graphic{

    flex:1;
    display:flex;
    justify-content:center;
}

.about_mission_circle{

    width:420px;
    height:420px;
    position:relative;
}

.about_mission_ring{

    position:absolute;
    border:1px solid #e2e2df;
    border-radius:50%;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
}

.about_mission_ring1{

    width:300px;
    height:300px;
}

.about_mission_ring2{

    width:220px;
    height:220px;
}

.about_mission_ring3{

    width:140px;
    height:140px;
}

.about_mission_center{

    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:110px;
    height:110px;
    border-radius:50%;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    font-weight:700;
    color:#5ba730;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.about_mission_icon{

    position:absolute;
    width:48px;
    height:48px;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:6px;
    color:#65b53d;
    font-size:20px;
    box-shadow:0 8px 18px rgba(0,0,0,.12);
}

.about_mission_top{

    top:35px;
    left:50%;
    transform:translateX(-50%);
}

.about_mission_left{

    left:25px;
    top:50%;
    transform:translateY(-50%);
}

.about_mission_right{

    right:25px;
    top:50%;
    transform:translateY(-50%);
}

.about_mission_bottom{

    left:50%;
    bottom:35px;
    transform:translateX(-50%);
}

/* Tablet */

@media(max-width:991px){

.about_mission_container{

    flex-direction:column;
    text-align:center;
}

.about_mission_quote{

    margin:auto;
    margin-top:35px;
}

.about_mission_graphic{

    margin-top:60px;
}

}

/* Mobile */

@media(max-width:768px){

.about_mission_section{

    padding:60px 0;
}

.about_mission_title{

    font-size:34px;
}

.about_mission_text{

    font-size:15px;
    line-height:28px;
}

.about_mission_circle{

    width:300px;
    height:300px;
}

.about_mission_ring1{

    width:240px;
    height:240px;
}

.about_mission_ring2{

    width:180px;
    height:180px;
}

.about_mission_ring3{

    width:120px;
    height:120px;
}

.about_mission_center{

    width:90px;
    height:90px;
    font-size:28px;
}

.about_mission_icon{

    width:42px;
    height:42px;
    font-size:18px;
}

.about_mission_quote{

    padding:25px;
}

.about_mission_quote h4{

    font-size:18px;
    line-height:30px;
}

}

/* Small Mobile */

@media(max-width:480px){

.about_mission_title{

    font-size:28px;
}

.about_mission_circle{

    width:260px;
    height:260px;
}

.about_mission_ring1{

    width:210px;
    height:210px;
}

.about_mission_ring2{

    width:160px;
    height:160px;
}

.about_mission_ring3{

    width:105px;
    height:105px;
}

.about_mission_center{

    width:80px;
    height:80px;
    font-size:24px;
}

.about_mission_icon{

    width:38px;
    height:38px;
    font-size:16px;
}

.about_mission_quote h4{

    font-size:16px;
    line-height:28px;
}

}



/* ============================ */


.about_core_section{
padding:90px 20px;
}

.about_core_container{
width:90%;
margin:auto;
}

.about_core_heading{
text-align:center;
margin-bottom:60px;
}

.about_core_subtitle{
display:inline-block;
font-size:12px;
font-weight:700;
letter-spacing:3px;
color:#69bf2b;
margin-bottom:15px;
}

.about_core_heading h2{
font-size:48px;
margin-bottom:15px;
color:#24323d;
}

.about_core_heading p{
color:#777;
font-size:16px;
}

.about_core_grid{
display:grid;
grid-template-columns:1.4fr .8fr;
grid-template-rows:auto auto;
gap:18px;
}

.about_core_large{
position:relative;
height:420px;
overflow:hidden;
}

.about_core_large img{
width:100%;
height:100%;
object-fit:cover;
display:block;
transition:.5s;
}

.about_core_large:hover img{
transform:scale(1.05);
}

.about_core_overlay{
position:absolute;
left:0;
right:0;
bottom:0;
padding:35px;
background:linear-gradient(to top,rgba(0,0,0,.85),rgba(0,0,0,.15));
color:#fff;
}

.about_core_overlay span{
font-size:11px;
letter-spacing:2px;
}

.about_core_overlay h3{
font-size:42px;
margin:10px 0;
line-height:1.2;
}

.about_core_overlay p{
font-size:15px;
line-height:1.7;
max-width:520px;
}

.about_core_green{
background:#66bf2d;
color:#fff;
padding:40px;
display:flex;
flex-direction:column;
justify-content:center;
position:relative;
}

.about_core_green span{
position:absolute;
right:30px;
top:30px;
font-size:12px;
letter-spacing:2px;
}

.about_core_icon{
font-size:34px;
margin-bottom:80px;
}

.about_core_green h3{
font-size:36px;
margin-bottom:20px;
}

.about_core_green p{
line-height:1.8;
font-size:15px;
}

.about_core_white{
background:#EFEEEA;
padding:35px;
display:flex;
flex-direction:column;
justify-content:space-between;
box-shadow:0 5px 15px rgba(0,0,0,.06);
}

.about_core_white span{
font-size:12px;
font-weight:700;
letter-spacing:2px;
margin-bottom:25px;
display:block;
}

.about_core_white h3{
font-size:36px;
margin-bottom:20px;
color:#24323d;
line-height:1.2;
}

.about_core_white p{
font-size:15px;
line-height:1.8;
color:#666;
margin-bottom:30px;
}

.about_core_white img{
width:100%;
height:180px;
object-fit:cover;
}

.about_core_bottom{
position:relative;
overflow:hidden;
height:420px;
}

.about_core_bottom img{
width:100%;
height:100%;
object-fit:cover;
transition:.5s;
}

.about_core_bottom:hover img{
transform:scale(1.05);
}

.about_core_bottom .about_core_overlay h3{
font-size:38px;
}

/* Tablet */

@media(max-width:991px){

.about_core_grid{
grid-template-columns:1fr;
}

.about_core_large,
.about_core_bottom{
height:380px;
}

.about_core_green{
min-height:300px;
}

}

/* Mobile */

@media(max-width:768px){

.about_core_section{
padding:70px 15px;
}

.about_core_heading h2{
font-size:34px;
}

.about_core_large,
.about_core_bottom{
height:300px;
}

.about_core_overlay{
padding:25px;
}

.about_core_overlay h3{
font-size:28px;
}

.about_core_bottom .about_core_overlay h3{
font-size:28px;
}

.about_core_green{
padding:30px;
}

.about_core_green h3{
font-size:28px;
}

.about_core_icon{
margin-bottom:40px;
font-size:28px;
}

.about_core_white{
padding:25px;
}

.about_core_white h3{
font-size:28px;
}

}

/* Small Mobile */

@media(max-width:480px){

.about_core_heading h2{
font-size:28px;
}

.about_core_heading p{
font-size:14px;
}

.about_core_overlay h3{
font-size:24px;
}

.about_core_bottom .about_core_overlay h3{
font-size:24px;
}

.about_core_green h3{
font-size:24px;
}

.about_core_white h3{
font-size:24px;
}

.about_core_overlay p,
.about_core_green p,
.about_core_white p{
font-size:14px;
}

}



/* ========================================== */


/*==========================
    ABOUT SERVICE
==========================*/

.about_service_section{
    background:#f8f8f6;
    padding:90px 20px;
    font-family:Arial, Helvetica, sans-serif;
}

.about_service_container{
    width:90%;
    margin:auto;
}

.about_service_grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
}

.about_service_card{
    background:#fff;
    border:1px solid #e7e7e7;
    padding:32px;
    transition:.35s;
}

.about_service_card:hover{
    transform:translateY(-6px);
    box-shadow:0 12px 35px rgba(0,0,0,.08);
}

.about_service_icon{
    width:50px;
    height:50px;
    background:#eef8e9;
    border-radius:12px;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#63a33d;
    margin-bottom:28px;
}

.about_service_icon svg{
    width:24px;
    height:24px;
}

.about_service_title{
    font-size:24px;
    color:#2b2f33;
    font-weight:700;
    margin:0 0 18px;
    line-height:1.3;
}

.about_service_text{
    color:#6b747d;
    font-size:15px;
    line-height:1.9;
    margin:0;
}

/* Tablet */

@media(max-width:991px){

.about_service_grid{
    grid-template-columns:repeat(2,1fr);
}

}

/* Mobile */

@media(max-width:767px){

.about_service_section{
    padding:70px 20px;
}

.about_service_grid{
    grid-template-columns:1fr;
    gap:22px;
}

.about_service_card{
    padding:28px;
}

.about_service_title{
    font-size:22px;
}

}

/* Small Mobile */

@media(max-width:480px){

.about_service_section{
    padding:60px 15px;
}

.about_service_card{
    padding:24px;
}

.about_service_icon{
    width:46px;
    height:46px;
}

.about_service_icon svg{
    width:22px;
    height:22px;
}

.about_service_title{
    font-size:20px;
}

.about_service_text{
    font-size:14px;
}

}



/* ======================================= */
/*=========================================
ABOUT CTA SECTION
=========================================*/

.about_learn_section{
    width:100%;
    background:#62C22F;
    padding:55px 20px;
}

.about_learn_container{
    width:90%;
    margin:0 auto;
}

.about_learn_content{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:40px;
}

.about_learn_title{
    color:#ffffff;
    font-size:42px;
    font-weight:700;
    line-height:1.25;
    text-transform:uppercase;
    letter-spacing:.5px;
    margin:0;
    max-width:700px;
}

.about_learn_btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    background:#ffffff;
    color:#222;
    text-decoration:none;
    padding:16px 28px;
    font-size:15px;
    font-weight:600;
    transition:all .35s ease;
    white-space:nowrap;
}

.about_learn_btn span{
    transition:.35s;
}

.about_learn_btn:hover{
    background:#1f1f1f;
    color:#fff;
}

.about_learn_btn:hover span{
    transform:translateX(5px);
}

/*=========================================
Tablet
=========================================*/

@media(max-width:992px){

.about_learn_title{
    font-size:34px;
}

}

/*=========================================
Mobile
=========================================*/

@media(max-width:768px){

.about_learn_section{
    padding:45px 20px;
}

.about_learn_content{
    flex-direction:column;
    align-items:flex-start;
}

.about_learn_title{
    font-size:28px;
}

.about_learn_btn{
    margin-top:10px;
}

}

/*=========================================
Small Mobile
=========================================*/

@media(max-width:480px){

.about_learn_section{
    padding:40px 18px;
}

.about_learn_title{
    font-size:22px;
    line-height:1.4;
}

.about_learn_btn{
    width:100%;
    justify-content:center;
    padding:15px;
    font-size:14px;
}

}


/* ================================================= */

/* 

SERVICE PAGES CSS

*/

/* ==================================================== */



.service_bg_sec{
padding:80px 20px;
background:#fff;
}

.service_bg_sec_container{
width:96%;
    margin:auto;
}

.service_bg_sec_heading{
display:flex;
align-items:center;
gap:10px;
margin-bottom:35px;
}

.service_bg_sec_heading span{
width:8px;
height:8px;
background:#5cb532;
border-radius:50%;
}

.service_bg_sec_heading p{
font-size:12px;
letter-spacing:4px;
color:#5cb532;
font-weight:600;
}

.service_bg_sec_grid{

display:grid;

/* grid-template-columns:2fr 1fr; */

grid-template-areas:

"large green"

"small bottom";

gap:20px;

}

.service_bg_sec_card{

background:#f5f5f5;

padding:10px;

position:relative;

overflow:hidden;

transition:.35s;

}

.service_bg_sec_card:hover{

transform:translateY(-8px);

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

}

.service_bg_sec_large{

grid-area:large;

background:#eef0f2;

min-height:300px;

}

.service_bg_sec_large small{

letter-spacing:3px;

font-size:11px;

color:#888;

}

.service_bg_sec_large h2{

font-size:38px;

margin:18px 0;

font-weight:500;

}

.service_bg_sec_large p{

font-size:15px;

line-height:28px;

color:#666;

max-width:520px;

margin-bottom:40px;

}

.service_bg_sec_large strong{

font-size:14px;

font-weight:600;

}

.service_bg_sec_icon{

position:absolute;

right:35px;

top:35px;

width:60px;

height:60px;

border:1px solid #cfcfcf;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:24px;

}

.service_bg_sec_green{

grid-area:green;

background:#54b12d;

color:#fff;

display:flex;

flex-direction:column;

justify-content:space-between;

}

.service_bg_sec_green small{

letter-spacing:3px;

font-size:11px;

}

.service_bg_sec_green h3{

font-size:32px;

font-weight:500;

margin:15px 0;

}

.service_bg_sec_green p{

line-height:28px;

margin-bottom:40px;

color:#ecf6e7;

}

.service_bg_sec_green a{

display:inline-block;

padding:15px;

background:#fff;

color:#222;

text-decoration:none;

text-align:center;

font-weight:600;

transition:.3s;

}

.service_bg_sec_green a:hover{

background:#222;

color:#fff;

}

.service_bg_sec_small{

grid-area:small;

background:#f7f5f1;

}

.service_bg_sec_small_icon{

width:50px;

height:50px;

background:#eaf7e5;

border-radius:10px;

display:flex;

align-items:center;

justify-content:center;

font-size:24px;

margin-bottom:30px;

}

.service_bg_sec_small h4{

font-size:28px;

margin-bottom:18px;

font-weight:500;

}

.service_bg_sec_small p{

line-height:28px;

color:#666;

margin-bottom:35px;

}

.service_bg_sec_small a{

text-decoration:none;

color:#58b636;

font-weight:600;

}

.service_bg_sec_bottom{

grid-area:bottom;

display:flex;

justify-content:space-between;

align-items:center;

gap:30px;

background:#eef2f1;

}

.service_bg_sec_bottom_content{

flex:1;

}

.service_bg_sec_bottom_content small{

font-size:11px;

letter-spacing:3px;

color:#888;

}

.service_bg_sec_bottom_content h2{

font-size:38px;

margin:18px 0;

font-weight:500;

}

.service_bg_sec_bottom_content p{

line-height:28px;

color:#666;

margin-bottom:20px;

}

.service_bg_sec_bottom_content ul{

list-style:none;

}

.service_bg_sec_bottom_content ul li{

margin-bottom:12px;

position:relative;

padding-left:25px;

}

.service_bg_sec_bottom_content ul li:before{

content:"✔";

position:absolute;

left:0;

color:#59b737;

font-size:14px;

}

.service_bg_sec_bottom_image{

flex:1;

}

.service_bg_sec_bottom_image img{

width:100%;

display:block;

height:250px;

object-fit:cover;

}

/* Tablet */

@media(max-width:992px){

.service_bg_sec_grid{

grid-template-columns:1fr;

grid-template-areas:

"large"

"green"

"small"

"bottom";

}

.service_bg_sec_bottom{

flex-direction:column;

}

.service_bg_sec_bottom_image img{

height:300px;

}

}

/* Mobile */

@media(max-width:576px){

.service_bg_sec{

padding:60px 15px;

}

.service_bg_sec_large h2,

.service_bg_sec_bottom_content h2{

font-size:30px;

}

.service_bg_sec_green h3{

font-size:28px;

}

.service_bg_sec_small h4{

font-size:24px;

}

.service_bg_sec_card{

padding:25px;

}

.service_bg_sec_icon{

width:50px;

height:50px;

font-size:18px;

}

.service_bg_sec_bottom_image img{

height:220px;

}

}



/* ================================ */


/*=============================
 WHAT WE BRING SECTION
==============================*/

.service_wht_we_section{
    width:100%;
    background:#26343c;
    padding:90px 20px;
    box-sizing:border-box;
}

.service_wht_we_container{
    width:90%;
    margin:auto;
}

/* Heading */

.service_wht_we_heading_area{
    max-width:600px;
    margin-bottom:55px;
}

.service_wht_we_small_title{
    display:inline-block;
    color:#67b83f;
    font-size:13px;
    letter-spacing:3px;
    text-transform:uppercase;
    font-weight:600;
    margin-bottom:20px;
}

.service_wht_we_main_title{
    font-size:52px;
    color:#ffffff;
    font-weight:700;
    line-height:1.2;
    margin:0 0 22px;
}

.service_wht_we_description{
    font-size:18px;
    color:#c8d0d5;
    line-height:1.8;
    margin:0;
}

/* Grid */

.service_wht_we_grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
}

/* Card */

.service_wht_we_card{
    display:flex;
    align-items:flex-start;
    gap:25px;
    background:#6a747a;
    padding:35px;
    transition:.35s;
}

.service_wht_we_card:hover{
    transform:translateY(-6px);
    background:#737d83;
}

.service_wht_we_number{
    font-size:42px;
    color:#5db93f;
    font-weight:700;
    line-height:1;
    min-width:46px;
}

.service_wht_we_content h3{
    color:#ffffff;
    font-size:24px;
    margin:0 0 15px;
    line-height:1.4;
    font-weight:600;
}

.service_wht_we_content p{
    color:#e3e3e3;
    font-size:16px;
    line-height:1.9;
    margin:0;
}

/*=========================
 Tablet
=========================*/

@media (max-width:991px){

.service_wht_we_section{
    padding:70px 20px;
}

.service_wht_we_main_title{
    font-size:40px;
}

.service_wht_we_description{
    font-size:17px;
}

.service_wht_we_grid{
    grid-template-columns:1fr;
}

.service_wht_we_card{
    padding:30px;
}

.service_wht_we_content h3{
    font-size:22px;
}

}

/*=========================
 Mobile
=========================*/

@media (max-width:767px){

.service_wht_we_section{
    padding:60px 15px;
}

.service_wht_we_main_title{
    font-size:32px;
}

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

.service_wht_we_card{
    flex-direction:column;
    gap:18px;
    padding:25px;
}

.service_wht_we_number{
    font-size:34px;
}

.service_wht_we_content h3{
    font-size:20px;
}

.service_wht_we_content p{
    font-size:15px;
    line-height:1.8;
}

}

/*=========================
 Small Mobile
=========================*/

@media (max-width:480px){

.service_wht_we_main_title{
    font-size:28px;
}

.service_wht_we_small_title{
    font-size:12px;
    letter-spacing:2px;
}

.service_wht_we_card{
    padding:22px;
}

.service_wht_we_content h3{
    font-size:18px;
}

.service_wht_we_content p{
    font-size:14px;
}

}


/* ======================================= */

/*==========================
 SERVICE SERVE SECTION
===========================*/

.service_serve_section{
    width:100%;
    padding:90px 20px;
    background:#f5f7f3;
}

.service_serve_container{
    width:90%;
    margin:auto;
}

.service_serve_heading{
    text-align:center;
    margin-bottom:55px;
}

.service_serve_subtitle{
    font-size:12px;
    font-weight:600;
    letter-spacing:3px;
    color:#6fb34f;
    text-transform:uppercase;
    margin-bottom:18px;
}

.service_serve_title{
    font-size:46px;
    font-weight:800;
    color:#263238;
    margin-bottom:20px;
}

.service_serve_description{
    max-width:720px;
    margin:auto;
    font-size:16px;
    line-height:1.8;
    color:#6b7280;
}

/* Cards */

.service_serve_grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
}

.service_serve_card{
    background:#fff;
    border:1px solid #dde3db;
    border-radius:14px;
    padding:26px;
    transition:.35s;
}

.service_serve_card:hover{
    transform:translateY(-6px);
    box-shadow:0 15px 35px rgba(0,0,0,.08);
}

.service_serve_icon{
    width:48px;
    height:48px;
    background:#eef7e7;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:18px;
}

.service_serve_icon i{
    color:#74b94d;
    font-size:20px;
}

.service_serve_card h3{
    font-size:20px;
    font-weight:700;
    color:#28323b;
    margin-bottom:12px;
}

.service_serve_card p{
    color:#6b7280;
    font-size:15px;
    line-height:1.8;
}

/*====================
 Tablet
====================*/

@media(max-width:991px){

.service_serve_title{
    font-size:38px;
}

.service_serve_grid{
    grid-template-columns:repeat(2,1fr);
}

}

/*====================
 Mobile
====================*/

@media(max-width:767px){

.service_serve_section{
    padding:70px 16px;
}

.service_serve_title{
    font-size:30px;
}

.service_serve_description{
    font-size:15px;
}

.service_serve_grid{
    grid-template-columns:1fr;
    gap:18px;
}

.service_serve_card{
    padding:22px;
}

.service_serve_card h3{
    font-size:19px;
}

}


/* ================================================== */
/* ------------------------------------------------------------------- */


/*=============================
 SERVICE APPROACH
==============================*/



.service_approch_section{
    width:100%;
    background:linear-gradient(90deg,#434c55,#1f262d);
    padding:80px 20px;
    overflow:hidden;
}

.service_approch_container{
    width:90%;
    margin:auto;
}

.service_approch_heading_wrap{
    margin-bottom:70px;
}

.service_approch_subtitle{
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#7ed321;
    font-size:13px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:18px;
}

.service_approch_dot{
    width:8px;
    height:8px;
    background:#7ed321;
    border-radius:50%;
}

.service_approch_title{
    font-size:52px;
    color:#fff;
    font-weight:700;
    margin-bottom:20px;
}

.service_approch_description{
    max-width:500px;
    color:#b8b8b8;
    font-size:16px;
    line-height:28px;
}

.service_approch_timeline{
    position:relative;
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:30px;
}

.service_approch_line{
    position:absolute;
    top:8px;
    left:0;
    width:100%;
    border-top:2px dashed #66c231;
    z-index:0;
}

.service_approch_item{
    position:relative;
    z-index:2;
}

.service_approch_circle{
    width:10px;
    height:10px;
    border-radius:50%;
    display:block;
    margin-bottom:22px;
}

.service_approch_green{
    background:#63d62b;
}

.service_approch_yellow{
    background:#d5b72d;
}

.service_approch_white{
    background:#fff;
}

.service_approch_leg{
    display:block;
    font-size:11px;
    color:#76d130;
    letter-spacing:2px;
    margin-bottom:12px;
    font-weight:700;
}

.service_approch_item h4{
    color:#fff;
    font-size:20px;
    margin-bottom:12px;
    font-weight:600;
}

.service_approch_item p{
    color:#a7a7a7;
    font-size:15px;
    line-height:24px;
}

/*==============================
 Tablet
==============================*/

@media(max-width:991px){

.service_approch_title{
    font-size:42px;
}

.service_approch_timeline{
    grid-template-columns:repeat(2,1fr);
    gap:45px 30px;
}

.service_approch_line{
    display:none;
}

.service_approch_item{
    padding-left:20px;
    border-left:2px dashed #69cb34;
}

.service_approch_circle{
    position:absolute;
    left:-6px;
    top:0;
}

}

/*==============================
 Mobile
==============================*/

@media(max-width:767px){

.service_approch_section{
    padding:60px 18px;
}

.service_approch_title{
    font-size:34px;
    line-height:44px;
}

.service_approch_description{
    font-size:15px;
    line-height:26px;
}

.service_approch_timeline{
    grid-template-columns:1fr;
    gap:35px;
}

.service_approch_item{
    padding-left:25px;
}

.service_approch_item h4{
    font-size:19px;
}

.service_approch_item p{
    font-size:14px;
}

}



/* ======================================= */
/* --------------------------------------------------- */


/*==============================
SERVICE DELIVERY SECTION
===============================*/

.service_delivery_section{
    width:100%;
    background:#f6f8fa;
    padding:80px 20px;
    font-family:Arial, Helvetica, sans-serif;
}

.service_delivery_container{
    max-width:1250px;
    margin:auto;
}

/*==============================
TOP AREA
===============================*/

.service_delivery_top{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:40px;
    margin-bottom:55px;
}

.service_delivery_left{
    flex:1;
}

.service_delivery_right{
    max-width:420px;
}

.service_delivery_right p{
    color:#6b7280;
    font-size:15px;
    line-height:1.8;
}

.service_delivery_label{
    display:flex;
    align-items:center;
    gap:8px;
    color:#6f8d56;
    font-size:11px;
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:18px;
}

.service_delivery_dot{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#8bc34a;
}

.service_delivery_heading{
    font-size:48px;
    color:#263238;
    font-weight:700;
    line-height:1.2;
}

/*==============================
CARDS
===============================*/

.service_delivery_cards{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
}

.service_delivery_card{
    background:#fff;
    border:1px solid #e7ebef;
    border-radius:14px;
    padding:34px 26px;
    transition:.35s;
    min-height:230px;
}

.service_delivery_card:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.service_delivery_number{
    display:block;
    font-size:44px;
    font-weight:700;
    color:#d5efc7;
    margin-bottom:24px;
}

.service_delivery_card h3{
    font-size:22px;
    color:#263238;
    margin-bottom:18px;
    font-weight:600;
}

.service_delivery_card p{
    color:#6b7280;
    font-size:15px;
    line-height:1.8;
}

/*==============================
LAPTOP
===============================*/

@media (max-width:1100px){

.service_delivery_cards{
    grid-template-columns:repeat(2,1fr);
}

.service_delivery_heading{
    font-size:40px;
}

}

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

@media (max-width:768px){

.service_delivery_top{
    flex-direction:column;
}

.service_delivery_right{
    max-width:100%;
}

.service_delivery_heading{
    font-size:34px;
}

.service_delivery_cards{
    grid-template-columns:1fr;
}

.service_delivery_card{
    min-height:auto;
}

}

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

@media (max-width:480px){

.service_delivery_section{
    padding:60px 16px;
}

.service_delivery_heading{
    font-size:28px;
}

.service_delivery_label{
    font-size:10px;
    letter-spacing:2px;
}

.service_delivery_number{
    font-size:38px;
}

.service_delivery_card{
    padding:28px 20px;
}

.service_delivery_card h3{
    font-size:20px;
}

.service_delivery_card p{
    font-size:14px;
}

}



/* ============================================== */
/* ------------------------------------------------------------------- */

/* 

CONTACT PAGES CSS

*/

/*=============================
   CONTACT SECTION
=============================*/


/* =========================================== */



.contact_Sec_main{
    padding:90px 20px;
    background:#f5f7f7;
}

.contact_Sec_container{
    max-width:1250px;
    margin:auto;
}

/* Small Heading */

.contact_Sec_heading_top{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:55px;
}

.contact_Sec_dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#5db53a;
}

.contact_Sec_heading_top p{
    font-size:11px;
    letter-spacing:4px;
    color:#5db53a;
    font-weight:600;
}

/* Heading */

.contact_Sec_heading{
    text-align:center;
    max-width:700px;
    margin:0 auto 60px;
}

.contact_Sec_heading h2{
    font-size:52px;
    color:#2f3d49;
    margin-bottom:20px;
    font-weight:600;
}

.contact_Sec_heading p{
    font-size:17px;
    color:#6b7680;
    line-height:1.8;
}

/* Cards */

.contact_Sec_cards{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

/* Card */

.contact_Sec_card{
    background:#fff;
    border:1px solid #e5e8ea;
    padding:40px 35px;
    transition:.35s;
}

.contact_Sec_card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 35px rgba(0,0,0,.08);
}

/* Number */

.contact_Sec_number{
    font-size:12px;
    color:#a5adb4;
    display:block;
    margin-bottom:18px;
}

/* Icon */

.contact_Sec_icon{
    width:54px;
    height:54px;
    background:#edf7e7;
    color:#5db53a;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:4px;
    font-size:24px;
    margin-bottom:25px;
}

/* Title */

.contact_Sec_card h3{
    font-size:24px;
    color:#2d3741;
    margin-bottom:18px;
    font-weight:600;
}

/* Description */

.contact_Sec_card p{
    color:#6c747c;
    line-height:1.9;
    font-size:15px;
    margin-bottom:28px;
}

/* Tag */

.contact_Sec_tag{
    display:inline-block;
    background:#edf7e7;
    color:#5ba936;
    padding:10px 18px;
    font-size:11px;
    letter-spacing:2px;
    font-weight:600;
}

/*=========================
      Tablet
=========================*/

@media(max-width:991px){

.contact_Sec_heading h2{
    font-size:40px;
}

.contact_Sec_cards{
    grid-template-columns:repeat(2,1fr);
}

}

/*=========================
      Mobile
=========================*/

@media(max-width:767px){

.contact_Sec_main{
    padding:70px 15px;
}

.contact_Sec_heading{
    margin-bottom:40px;
}

.contact_Sec_heading h2{
    font-size:32px;
}

.contact_Sec_heading p{
    font-size:15px;
}

.contact_Sec_cards{
    grid-template-columns:1fr;
}

.contact_Sec_card{
    padding:30px 25px;
}

.contact_Sec_card h3{
    font-size:22px;
}

.contact_Sec_card p{
    font-size:14px;
}

.contact_Sec_tag{
    font-size:10px;
    padding:8px 14px;
}

}





/* ---------------------------------------------------------- */

/*==========================
CONTACT MAP SECTION
==========================*/

.contact_map_section{

    padding:80px 20px;
    background:#ffffff;

}

.contact_map_container{

    max-width:1250px;
    margin:auto;

}

/*==========================
GRID
==========================*/

.contact_map_grid{

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;

}

/*==========================
BOX
==========================*/

.contact_map_box{

    position:relative;
    overflow:hidden;
    background:#222;

}

.contact_map_box img{

    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:.5s;

}

.contact_map_box:hover img{

    transform:scale(1.05);

}

/* Heights */

.contact_map_large{

    height:340px;

}

.contact_map_small{

    height:340px;

}

.contact_map_bottom_left{

    height:360px;

}

.contact_map_bottom_right{

    height:360px;

}

/*==========================
BOTTOM GRID
==========================*/

.contact_map_bottom_left{

    grid-column:1;

}

.contact_map_bottom_right{

    grid-column:2;

}

/*==========================
CITY
==========================*/

.contact_map_city{

    position:absolute;
    left:50%;
    top:58%;
    transform:translate(-50%,-50%);
    color:#d6d6d6;
    font-size:42px;
    font-weight:700;
    letter-spacing:1px;

}

/*==========================
TOP INFO
==========================*/

.contact_map_info{

    position:absolute;
    right:20px;
    top:20px;
    background:rgba(35,40,47,.9);
    padding:22px;
    width:180px;
    border-radius:8px;

}

.contact_map_item{

    margin-bottom:20px;

}

.contact_map_item:last-child{

    margin-bottom:0;

}

.contact_map_item span{

    display:block;
    color:#8f9599;
    font-size:11px;
    letter-spacing:1px;
    margin-bottom:8px;

}

.contact_map_item h3{

    color:#43d464;
    font-size:42px;
    margin:0;

}

.contact_map_item h4{

    color:#f4b548;
    font-size:38px;
    margin:0;

}

/*==========================
DESTINATION
==========================*/

.contact_map_destination{

    position:absolute;
    top:18px;
    right:18px;
    background:rgba(35,40,47,.9);
    padding:15px 18px;
    border-radius:8px;

}

.contact_map_destination h3{

    color:#d8d8d8;
    font-size:16px;
    line-height:1.4;
    margin:0;

}

/*==========================
LEGEND
==========================*/

.contact_map_legend{

    position:absolute;
    right:20px;
    bottom:20px;
    background:rgba(35,40,47,.92);
    padding:20px;
    border-radius:8px;
    width:170px;

}

.contact_map_legend h5{

    color:#a5adb3;
    margin-bottom:15px;
    font-size:13px;

}

.contact_map_legend ul{

    list-style:none;
    margin:0;
    padding:0;

}

.contact_map_legend li{

    display:flex;
    align-items:center;
    gap:10px;
    color:#cfcfcf;
    font-size:13px;
    margin-bottom:10px;

}

.contact_map_legend li:last-child{

    margin-bottom:0;

}

.contact_map_legend span{

    width:10px;
    height:10px;
    border-radius:50%;
    display:inline-block;

}

.contact_map_green{

    background:#42d767;

}

.contact_map_white{

    background:#f2f2f2;

}

.contact_map_yellow{

    background:#ffd447;

}

.contact_map_orange{

    background:#ff9830;

}

.contact_map_red{

    background:#ff4d4d;

}

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

@media(max-width:991px){

.contact_map_grid{

    grid-template-columns:1fr;

}

.contact_map_large,
.contact_map_small,
.contact_map_bottom_left,
.contact_map_bottom_right{

    grid-column:auto;
    height:320px;

}

.contact_map_city{

    font-size:34px;

}

}

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

@media(max-width:767px){

.contact_map_section{

    padding:60px 15px;

}

.contact_map_large,
.contact_map_small,
.contact_map_bottom_left,
.contact_map_bottom_right{

    height:260px;

}

.contact_map_city{

    font-size:26px;

}

.contact_map_info{

    width:150px;
    padding:15px;

}

.contact_map_item h3{

    font-size:30px;

}

.contact_map_item h4{

    font-size:28px;

}

.contact_map_destination{

    left:15px;
    right:15px;
    top:15px;

}

.contact_map_destination h3{

    font-size:14px;

}

.contact_map_legend{

    width:145px;
    padding:15px;

}

.contact_map_legend li{

    font-size:12px;

}

}

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

@media(max-width:480px){

.contact_map_large,
.contact_map_small,
.contact_map_bottom_left,
.contact_map_bottom_right{

    height:220px;

}

.contact_map_city{

    font-size:20px;

}

.contact_map_info{

    position:static;
    width:100%;
    border-radius:0;

}

.contact_map_destination{

    position:static;
    margin:15px;

}

.contact_map_legend{

    position:static;
    margin:15px;
    width:calc(100% - 30px);

}

}



/* ===================================== */


/*==========================
 CONTACT SEND MESSAGE
==========================*/

.contact_send_msg_section{
    width:100%;
    padding:90px 20px;
    background:#f8f8f6;
}

.contact_send_msg_container{
    width:90%;
    margin:auto;
    display:grid;
    grid-template-columns:1fr 1.1fr;
    gap:60px;
    align-items:start;
}

/*==========================
LEFT
==========================*/

.contact_send_msg_left{
    background-color: #fff;
    padding: 15px;
}

.contact_send_msg_subtitle{
    font-size:12px;
    letter-spacing:3px;
    text-transform:uppercase;
    color:#67b630;
    font-weight:700;
    margin-bottom:20px;
}

.contact_send_msg_title{
    font-size:52px;
    line-height:1.15;
    font-weight:800;
    color:#28323b;
    margin-bottom:25px;
}

.contact_send_msg_text{
    color:#6d7278;
    line-height:1.9;
    font-size:16px;
    max-width:480px;
    margin-bottom:35px;
}

.contact_send_msg_interest_title{
    font-weight:700;
    margin-bottom:18px;
    color:#30373d;
}

.contact_send_msg_tags{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    margin-bottom:40px;
}

.contact_send_msg_tag{
    padding:12px 18px;
    border:1px solid #d8d8d8;
    border-radius:40px;
    background:#f2f3f3;
    font-size:14px;
    color:#444;
    transition:.3s;
    cursor:pointer;
}

.contact_send_msg_tag:hover{
    background:#67b630;
    color:#fff;
    border-color:#67b630;
}

.contact_send_msg_points{
    list-style:none;
}

.contact_send_msg_points li{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-bottom:18px;
    color:#687078;
    line-height:1.7;
}

.contact_send_msg_points i{
    color:#67b630;
    margin-top:4px;
}

/*==========================
RIGHT
==========================*/

.contact_send_msg_formbox{
    background:#f3f5f2;
    border:1px solid #dfe4dd;
    border-radius:18px;
    padding:34px;
}

.contact_send_msg_grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
}

.contact_send_msg_group{
    display:flex;
    flex-direction:column;
}

.contact_send_msg_group_full{
    grid-column:1/-1;
}

.contact_send_msg_label{
    font-size:14px;
    font-weight:600;
    margin-bottom:10px;
    color:#2d3740;
}

.contact_send_msg_input,
.contact_send_msg_select,
.contact_send_msg_textarea{
    width:100%;
    padding:15px 16px;
    border:1px solid #d9d9d9;
    border-radius:8px;
    outline:none;
    font-size:15px;
    background:#fff;
    transition:.3s;
}

.contact_send_msg_input:focus,
.contact_send_msg_select:focus,
.contact_send_msg_textarea:focus{
    border-color:#67b630;
}

.contact_send_msg_textarea{
    height:140px;
    resize:none;
}

.contact_send_msg_counter{
    text-align:right;
    font-size:12px;
    color:#999;
    margin-top:8px;
    margin-bottom:18px;
}

.contact_send_msg_btn{
    width:100%;
    border:none;
    padding:18px;
    border-radius:6px;
    background:#5eb42d;
    color:#fff;
    font-size:16px;
    font-weight:700;
    cursor:pointer;
    transition:.35s;
}

.contact_send_msg_btn:hover{
    background:#4a9d20;
}

.contact_send_msg_btn i{
    margin-left:8px;
}

/*==========================
Tablet
==========================*/

@media(max-width:992px){

.contact_send_msg_container{
    grid-template-columns:1fr;
    gap:50px;
}

.contact_send_msg_title{
    font-size:42px;
}

}

/*==========================
Mobile
==========================*/

@media(max-width:768px){

.contact_send_msg_section{
    padding:70px 15px;
}

.contact_send_msg_title{
    font-size:34px;
}

.contact_send_msg_grid{
    grid-template-columns:1fr;
}

.contact_send_msg_formbox{
    padding:22px;
}

.contact_send_msg_tag{
    font-size:13px;
    padding:10px 16px;
}

.contact_send_msg_text{
    font-size:15px;
}

}



/* =============================== */

/* 

DESIGN AND CONSULTING PAGES CSS

*/

/* ================================================= */




.consult_sec_wrapper{
    width:100%;
    padding:80px 20px;
    background:#f5f5f5;
}

.consult_sec_container{
    max-width:1250px;
    margin:auto;
}

.consult_sec_heading{
    margin-bottom:40px;
}

.consult_sec_title{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:10px;
}

.consult_sec_bar{
    width:6px;
    height:38px;
    background:#52c41a;
}

.consult_sec_title h2{
    font-size:34px;
    font-weight:700;
    color:#1d2734;
}

.consult_sec_heading p{
    color:#666;
    font-size:15px;
    line-height:1.8;
    max-width:900px;
}

.consult_sec_grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;
}

.consult_sec_card{
    background:#fff;
    overflow:hidden;
}

.consult_sec_content{
    padding:40px;
}

.consult_sec_icon{
    width:60px;
    height:60px;
    background:#eef9e8;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:25px;
    font-size:24px;
    color:#52c41a;
}

.consult_sec_label{
    font-size:11px;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#999;
    margin-bottom:10px;
}

.consult_sec_card h3{
    font-size:28px;
    color:#1d2734;
    margin-bottom:20px;
}

.consult_sec_desc{
    color:#666;
    line-height:1.9;
    margin-bottom:20px;
}

.consult_sec_list{
    list-style:none;
    margin-bottom:25px;
}

.consult_sec_list li{
    padding:8px 0;
    color:#555;
    position:relative;
    padding-left:18px;
    line-height:1.7;
}

.consult_sec_list li::before{
    content:"–";
    position:absolute;
    left:0;
    color:#444;
}

.consult_sec_bottom{
    border-top:1px dashed #d7d7d7;
    padding-top:18px;
}

.consult_sec_bottom h5{
    color:#52c41a;
    text-transform:uppercase;
    letter-spacing:1px;
    font-size:12px;
    margin-bottom:10px;
}

.consult_sec_bottom p{
    color:#666;
    line-height:1.8;
    font-size:14px;
}

.consult_sec_image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

/* Responsive */

@media(max-width:991px){

    .consult_sec_grid{
        grid-template-columns:1fr;
    }

    .consult_sec_title h2{
        font-size:28px;
    }

    .consult_sec_card h3{
        font-size:24px;
    }
}

@media(max-width:576px){

    .consult_sec_wrapper{
        padding:60px 15px;
    }

    .consult_sec_content{
        padding:25px;
    }

    .consult_sec_title{
        gap:10px;
    }

    .consult_sec_title h2{
        font-size:24px;
    }

    .consult_sec_card h3{
        font-size:22px;
    }

    .consult_sec_desc,
    .consult_sec_bottom p,
    .consult_sec_list li{
        font-size:14px;
    }
}


/* ------------------------------------- */


/*==========================
 CONSULT SECTION
==========================*/

.consult_section_main {
    background: #24323b;
    padding: 80px 20px;
    font-family: "Segoe UI", sans-serif;
}

.consult_section_container {
  width: 90%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.consult_section_item {
    border-radius: 14px;
    overflow: hidden;
}

/* Image Box */
.consult_section_image_box {
    height: 420px;
}

.consult_section_image_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Content Box */
.consult_section_content_box {
    background: #41525d;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.consult_section_icon {
    width: 50px;
    height: 50px;
    background: rgba(118, 214, 64, 0.15);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #79d642;
    font-size: 22px;
    margin-bottom: 25px;
}

.consult_section_service_tag {
    font-size: 11px;
    letter-spacing: 2px;
    color: #8d9ca5;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: inline-block;
}

.consult_section_content_box h3 {
    color: #ffffff;
    font-size: 28px;
    line-height: 1.3;
    margin-bottom: 18px;
    font-weight: 600;
}

.consult_section_content_box p {
    color: #b7c2c8;
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 18px;
}

.consult_section_content_box ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.consult_section_content_box ul li {
    color: #b7c2c8;
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 10px;
    padding-left: 22px;
    position: relative;
}

.consult_section_content_box ul li::before {
    content: "";
    width: 7px;
    height: 2px;
    background: #79d642;
    position: absolute;
    left: 0;
    top: 12px;
}

.consult_section_benefit {
    border-top: 1px solid rgba(255,255,255,0.08);
    margin-top: 25px;
    padding-top: 20px;
}

.consult_section_benefit h5 {
    color: #79d642;
    font-size: 11px;
    letter-spacing: 2px;
    margin-bottom: 10px;
    font-weight: 600;
}

.consult_section_benefit p {
    margin-bottom: 0;
    font-size: 14px;
}

/*==========================
 RESPONSIVE
==========================*/

@media (max-width: 991px) {

    .consult_section_container {
        grid-template-columns: 1fr;
    }

    .consult_section_image_box {
        height: 380px;
    }

    .consult_section_content_box {
        padding: 35px 25px;
    }

    .consult_section_content_box h3 {
        font-size: 24px;
    }
}

@media (max-width: 767px) {

    .consult_section_main {
        padding: 60px 15px;
    }

    .consult_section_image_box {
        height: 280px;
    }

    .consult_section_content_box {
        padding: 25px 20px;
    }

    .consult_section_content_box h3 {
        font-size: 22px;
    }

    .consult_section_content_box p,
    .consult_section_content_box ul li {
        font-size: 14px;
    }
}




/* ======================================= */


/*==========================
 CONSULT SECTION
==========================*/

.consult_section_main {
    background: #24323b;
    padding: 80px 20px;
    font-family: "Segoe UI", sans-serif;
}

.consult_section_container {
  width: 95%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.consult_section_item {
    border-radius: 0px;
    overflow: hidden;
}

/* Image Box */
.consult_section_image_box {
    height: 100%;
}

.consult_section_image_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Content Box */
.consult_section_content_box {
    background: #41525d;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.consult_section_icon {
    width: 50px;
    height: 50px;
    background: rgba(118, 214, 64, 0.15);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #79d642;
    font-size: 22px;
    margin-bottom: 25px;
}

.consult_section_service_tag {
    font-size: 11px;
    letter-spacing: 2px;
    color: #8d9ca5;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: inline-block;
}

.consult_section_content_box h3 {
    color: #ffffff;
    font-size: 28px;
    line-height: 1.3;
    margin-bottom: 18px;
    font-weight: 600;
}

.consult_section_content_box p {
    color: #b7c2c8;
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 18px;
}

.consult_section_content_box ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.consult_section_content_box ul li {
    color: #b7c2c8;
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 10px;
    padding-left: 22px;
    position: relative;
}

.consult_section_content_box ul li::before {
    content: "";
    width: 7px;
    height: 2px;
    background: #79d642;
    position: absolute;
    left: 0;
    top: 12px;
}

.consult_section_benefit {
    border-top: 1px solid rgba(255,255,255,0.08);
    margin-top: 25px;
    padding-top: 20px;
}

.consult_section_benefit h5 {
    color: #79d642;
    font-size: 11px;
    letter-spacing: 2px;
    margin-bottom: 10px;
    font-weight: 600;
}

.consult_section_benefit p {
    margin-bottom: 0;
    font-size: 14px;
}

/*==========================
 RESPONSIVE
==========================*/

@media (max-width: 991px) {

    .consult_section_container {
        grid-template-columns: 1fr;
    }

    .consult_section_image_box {
        height: 380px;
    }

    .consult_section_content_box {
        padding: 35px 25px;
    }

    .consult_section_content_box h3 {
        font-size: 24px;
    }
}

@media (max-width: 767px) {

    .consult_section_main {
        padding: 60px 15px;
    }

    .consult_section_image_box {
        height: 280px;
    }

    .consult_section_content_box {
        padding: 25px 20px;
    }

    .consult_section_content_box h3 {
        font-size: 22px;
    }

    .consult_section_content_box p,
    .consult_section_content_box ul li {
        font-size: 14px;
    }
}


/* ========================================== */



.academic_pg_section{
    width:100%;
    padding:80px 20px;
    background:#24343d;
}

.academic_pg_container{
    width:90%;
    margin:auto;
}

/* Heading */

.academic_pg_heading_wrap{
    display:flex;
    align-items:flex-start;
    gap:18px;
    margin-bottom:40px;
}

.academic_pg_heading_icon{
    display:flex;
    align-items:flex-end;
    gap:4px;
    margin-top:4px;
}

.academic_pg_heading_icon span{
    width:6px;
    background:#6dd32a;
    display:block;
    border-radius:2px;
}

.academic_pg_heading_icon span:nth-child(1){
    height:24px;
}

.academic_pg_heading_icon span:nth-child(2){
    height:30px;
}

.academic_pg_heading_content h2{
    font-size:42px;
    font-weight:700;
    margin-bottom:10px;
    color: white;
}

.academic_pg_heading_content p{
    color:#c4d0d4;
    max-width:650px;
    line-height:1.7;
    font-size:15px;
}

.academic_pg_divider{
    width:100%;
    height:1px;
    background:rgba(255,255,255,0.2);
    margin-bottom:40px;
}

/* Cards */

.academic_pg_cards{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

.academic_pg_card{
    background:#435762;
    border-radius:14px;
    padding:25px;
    transition:.3s;
}

.academic_pg_card:hover{
    transform:translateY(-5px);
}

.academic_pg_card_icon{
    width:54px;
    height:54px;
    border-radius:14px;
    background:#4b6c4c;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:20px;
}

.academic_pg_card_icon svg{
    width:24px;
    height:24px;
    fill:#7ee03b;
}

.academic_pg_small_title{
    color:#b5c0c5;
    font-size:14px;
    margin-bottom:8px;
}

.academic_pg_card h3{
    font-size:26px;
    line-height:1.4;
    margin-bottom:15px;
    color: white;
}

.academic_pg_desc{
    color:#d4dce0;
    line-height:1.8;
    margin-bottom:18px;
    font-size:15px;
}

.academic_pg_list{
    list-style:none;
    margin-bottom:25px;
}

.academic_pg_list li{
    color:#cdd7db;
    margin-bottom:10px;
    font-size:14px;
    line-height:1.6;
    position:relative;
    padding-left:18px;
}

.academic_pg_list li::before{
    content:"";
    position:absolute;
    left:0;
    top:10px;
    width:8px;
    height:2px;
    background:#6dd32a;
}

/* Tags */

.academic_pg_tags{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.academic_pg_tag{
    border:1px solid rgba(109,211,42,.35);
    color:#7ee03b;
    padding:8px 14px;
    border-radius:50px;
    font-size:12px;
    background:rgba(109,211,42,.08);
}

/* Responsive */

@media(max-width:991px){

    .academic_pg_cards{
        grid-template-columns:1fr;
    }

    .academic_pg_heading_content h2{
        font-size:34px;
    }

    .academic_pg_card h3{
        font-size:22px;
    }
}

@media(max-width:768px){

    .academic_pg_section{
        padding:60px 15px;
    }

    .academic_pg_heading_wrap{
        flex-direction:column;
        gap:15px;
    }

    .academic_pg_heading_content h2{
        font-size:30px;
    }
}

@media(max-width:480px){

    .academic_pg_heading_content h2{
        font-size:26px;
    }

    .academic_pg_card{
        padding:20px;
    }

    .academic_pg_card h3{
        font-size:20px;
    }

    .academic_pg_desc,
    .academic_pg_list li{
        font-size:13px;
    }
}



/* ========================= */



/* ===============================
   ACADEMIC WHY SECTION
================================= */


.academic_why_sec_{
    width:100%;
    padding:90px 20px;
    background:#ffffff;
}

.academic_why_sec__container{
    width:90%;
    margin:0 auto;
}

.academic_why_sec__top{
    text-align:center;
    margin-bottom:60px;
}

.academic_why_sec__label{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-size:12px;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#67b540;
    font-weight:700;
    margin-bottom:18px;
}

.academic_why_sec__dot{
    width:8px;
    height:8px;
    background:#67b540;
    border-radius:50%;
}

.academic_why_sec__title{
    font-size:48px;
    font-weight:800;
    color:#2d3742;
    line-height:1.2;
}

.academic_why_sec__grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:24px;
}

.academic_why_sec__card{
    background:#f5f7f6;
    border:1px solid #e5e9e7;
    border-radius:20px;
    padding:28px;
    display:flex;
    gap:20px;
    transition:0.35s ease;
}

.academic_why_sec__card:hover{
    transform:translateY(-5px);
    box-shadow:0 15px 35px rgba(0,0,0,0.08);
}

.academic_why_sec__icon{
    min-width:54px;
    width:54px;
    height:54px;
    border-radius:14px;
    background:#ecf7e8;
    border:1px solid #d8ebd1;
    display:flex;
    align-items:center;
    justify-content:center;
}

.academic_why_sec__icon i{
    color:#67b540;
    font-size:20px;
}

.academic_why_sec__content h3{
    font-size:22px;
    color:#2d3742;
    margin-bottom:12px;
    font-weight:700;
}

.academic_why_sec__content p{
    font-size:15px;
    line-height:1.8;
    color:#7b8792;
}

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

@media (max-width:991px){

    .academic_why_sec_{
        padding:70px 20px;
    }

    .academic_why_sec__title{
        font-size:38px;
    }

    .academic_why_sec__content h3{
        font-size:20px;
    }
}

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

@media (max-width:767px){

    .academic_why_sec__grid{
        grid-template-columns:1fr;
    }

    .academic_why_sec__title{
        font-size:30px;
    }

    .academic_why_sec__card{
        flex-direction:column;
        align-items:flex-start;
        padding:24px;
    }

    .academic_why_sec__content h3{
        font-size:18px;
    }

    .academic_why_sec__content p{
        font-size:14px;
    }
}





/* =============================================== */



/* ===========================
   Footer Bottom
=========================== */

.footer_bottom_bar{
    width:100%;
    background:#25323a;
    padding:18px 0;
}

.footer_bottom_container{
    width:90%;
    max-width:1200px;
    margin:auto;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    flex-wrap:wrap;
}

.footer_bottom_copyright,
.footer_bottom_designer{
    margin:0;
    color:#7f8d96;
    font-size:15px;
    font-weight:400;
    line-height:1.6;
    letter-spacing:0.4px;
}

.footer_bottom_designer{
    display:flex;
    align-items:center;
    gap:6px;
}

.footer_bottom_designer a{
    color:#ffffff;
    text-decoration:none;
    font-weight:600;
    transition:0.3s ease;
}

.footer_bottom_designer a:hover{
    color:#0dcaf0;
}

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

@media (max-width:768px){

    .footer_bottom_container{
        flex-direction:column;
        justify-content:center;
        align-items:center;
        text-align:center;
    }

    .footer_bottom_copyright,
    .footer_bottom_designer{
        font-size:14px;
    }
}

@media (max-width:480px){

    .footer_bottom_bar{
        padding:15px 10px;
    }

    .footer_bottom_copyright,
    .footer_bottom_designer{
        font-size:13px;
        line-height:1.7;
    }
}








/* ===================================================== */



/* ===============================
        SECTION
================================= */

.industry-section{
    width:90%;
    margin:80px auto;
}

.title{
    text-align:center;
    margin-bottom:60px;
}

.title h1{
    font-size:42px;
    color:#232F36;
    font-weight:700;
    margin-bottom:15px;
}

.title p{
    color:#666;
    font-size:18px;
    max-width:700px;
    margin:auto;
    line-height:30px;
}

/* ===============================
        GRID
================================= */

.industry-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
    gap:30px;
}

/* ===============================
        CARD
================================= */

.industry-card{
    position:relative;
    overflow:hidden;
    background:#ffffff;
    border-radius:20px;
    padding:45px 30px;
    text-align:center;
    transition:.4s;
    cursor:pointer;
    border:1px solid rgba(35,47,54,.08);
    box-shadow:0 10px 35px rgba(0,0,0,.08);
}

/* Top Border */

.industry-card::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:6px;
    background:linear-gradient(90deg,#7AD63F,#5EB230,#0F5D4E);
}

/* Hover Background */

.industry-card::after{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(135deg,#232F36,#0F5D4E);
    transform:scaleY(0);
    transform-origin:bottom;
    transition:.45s;
    z-index:0;
}

.industry-card:hover::after{
    transform:scaleY(1);
}

.industry-card>*{
    position:relative;
    z-index:2;
}

.industry-card:hover{
    transform:translateY(-12px);
    box-shadow:0 18px 40px rgba(15,93,78,.30);
}

/* ===============================
        ICON
================================= */

.icon{
    width:95px;
    height:95px;
    border-radius:50%;
    margin:auto;
    display:flex;
    justify-content:center;
    align-items:center;

    background:linear-gradient(135deg,#7AD63F,#5EB230);

    color:#fff;
    font-size:38px;

    transition:.4s;
}

.industry-card:hover .icon{
    background:#ffffff;
    color:#0F5D4E;
    transform:rotate(360deg) scale(1.08);
}

/* ===============================
        TEXT
================================= */

.industry-card h3{
    margin-top:30px;
    font-size:23px;
    color:#232F36;
    font-weight:600;
    line-height:34px;
    transition:.4s;
}

.industry-card:hover h3{
    color:#ffffff;
}

/* ===============================
        BUTTON
================================= */

.explore-btn{
    display:inline-block;
    margin-top:30px;
    padding:12px 28px;
    text-decoration:none;
    border-radius:40px;
    background:#5EB230;
    color:#fff;
    font-size:15px;
    font-weight:600;
    transition:.35s;
}

.industry-card:hover .explore-btn{
    background:#7AD63F;
    color:#232F36;
}

/* ===============================
        Decorative Circle
================================= */

.industry-card span.circle{
    position:absolute;
    width:180px;
    height:180px;
    border-radius:50%;
    background:rgba(122,214,63,.08);
    top:-90px;
    right:-90px;
    transition:.4s;
}

.industry-card:hover span.circle{
    background:rgba(255,255,255,.08);
    transform:scale(1.4);
}

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

@media(max-width:992px){

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

.industry-grid{
    grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:768px){

.industry-grid{
    grid-template-columns:1fr;
}

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

.title p{
    font-size:16px;
}

.industry-card{
    padding:35px 25px;
}

.industry-card h3{
    font-size:20px;
    line-height:30px;
}

.icon{
    width:80px;
    height:80px;
    font-size:32px;
}

}


/* ================================== */




/* ======================================== */




.industry-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:30px;
}

.flip-card{
    background:transparent;
    height:280px;
    perspective:1000px;
}

.flip-card-inner{
    position:relative;
    width:100%;
    height:100%;
    transition:0.8s;
    transform-style:preserve-3d;
}

.flip-card:hover .flip-card-inner{
    transform:rotateY(180deg);
}

.flip-card-front,
.flip-card-back{
    position:absolute;
    width:100%;
    height:100%;
    border-radius:15px;
    overflow:hidden;
    backface-visibility:hidden;
}

.flip-card-front{
    background:#fff;
        /* background:linear-gradient(90deg,#7AD63F,#5EB230,#0F5D4E); */
    /* background:linear-gradient(135deg,#232F36,#0F5D4E); */
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    padding:20px;
    box-shadow:0 10px 25px rgba(0,0,0,.15);
}

.flip-card-front .icon{
    width:80px;
    height:80px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:35px;
    /* margin-bottom:20px; */
}

.flip-card-front h3{
    font-size:20px;
    color:#222;
    line-height:1.4;
}

.flip-card-back{
    transform:rotateY(180deg);
}

.flip-card-back img{
    width:100%;
    height:100%;
    object-fit:cover;
}











/* ============================================ */
/* ========================================================= */



/* Timeline Dot Animation */

.home_approch_circle{
    width:20px;
    height:20px;
    border-radius:50%;
    position:relative;
    z-index:2;
    animation:pulseDot 2s infinite;
}

/* Different animation delay for each dot */
.home_approch_item:nth-child(2) .home_approch_circle{
    animation-delay:0s;
}

.home_approch_item:nth-child(3) .home_approch_circle{
    animation-delay:.3s;
}

.home_approch_item:nth-child(4) .home_approch_circle{
    animation-delay:.6s;
}

.home_approch_item:nth-child(5) .home_approch_circle{
    animation-delay:.9s;
}

.home_approch_item:nth-child(6) .home_approch_circle{
    animation-delay:1.2s;
}

/* Ripple Effect */
.home_approch_circle::before{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:100%;
    height:100%;
    border-radius:50%;
    transform:translate(-50%,-50%);
    border:2px solid currentColor;
    animation:ripple 2s infinite;
    opacity:0;
}

/* Pulse Animation */
@keyframes pulseDot{

    0%{
        transform:scale(1);
    }

    50%{
        transform:scale(1.3);
    }

    100%{
        transform:scale(1);
    }

}

/* Ripple Animation */
@keyframes ripple{

    0%{
        width:100%;
        height:100%;
        opacity:.8;
    }

    100%{
        width:250%;
        height:250%;
        opacity:0;
    }

}




/* -------------------------------------------------- */


.home_approch_circle{
    width:20px;
    height:20px;
    border-radius:50%;
    background:#cfcfcf;
    transition:0.5s;
}

.home_approch_circle.active{
    background:#00c853;
    transform:scale(1.5);
    box-shadow:0 0 10px #00c853,
               0 0 20px #00c853,
               0 0 30px #00c853;
}




/* ================================================== */

/* ============================================= */









/* ============================================= */


/* =====================
   Animated Dots
===================== */

.hero_dots{
    position:absolute;
    inset:0;
    z-index:2;
}

.map_dot{
    position:absolute;
    width:10px;
    height:10px;
    border-radius:50%;
    background:#d9d9d9;
    animation:dotGlow 5s infinite;
}

/* Dot Positions */

.dot1{
    /* top:20%;
    right:32%; */
        top: 17%;
    right: 17%;
    animation-delay:0s;
}

.dot2{
    /* top:40%;
    right:22%; */

        top: 42%;
    right: 26%;

    animation-delay:1s;
}

.dot3{
    /* top:28%;
    right:12%; */
        top: 33%;
    right: 15%;
    animation-delay:2s;
}

.dot4{
    /* top:58%;
    right:18%; */
    top: 42%;
    right: 49%;
    animation-delay:3s;
}

.dot5{
    /* top:72%;
    right:8%; */
        top: 43%;
    right: 5%;
    animation-delay:4s;
}

/* Animation */

@keyframes dotGlow{

    0%,100%{
        background:#d9d9d9;
        transform:scale(1);
        box-shadow:none;
    }

    20%{
        background:#63b32e;
        transform:scale(1.8);

        box-shadow:
        0 0 10px #63b32e,
        0 0 25px #63b32e,
        0 0 40px #63b32e;
    }

    40%{
        background:#d9d9d9;
        transform:scale(1);
        box-shadow:none;
    }
}

/* Responsive */

@media(max-width:991px){

    .home_bg_heading{
        font-size:42px;
    }

    .dot1,.dot2,.dot3,.dot4,.dot5{
        display:none;
    }
}







/* ============================================== */
/* ================================= */






/* RIGHT GRAPHIC */


.about_mission_graphic{

display:flex;

justify-content:center;

align-items:center;

}




.mission_orbit{

width:480px;

height:480px;

position:relative;

display:flex;

justify-content:center;

align-items:center;

}





/* RINGS */


.mission_ring{

position:absolute;

border-radius:50%;

border:2px dashed rgba(89,184,45,.35);

}



.ring_one{

width:220px;

height:220px;

animation:rotateRing 12s linear infinite;

}


.ring_two{

width:330px;

height:330px;

animation:rotateRing 18s linear infinite reverse;

}


.ring_three{

width:430px;

height:430px;

animation:rotateRing 25s linear infinite;

}






@keyframes rotateRing{


from{

transform:rotate(0deg);

}


to{

transform:rotate(360deg);

}


}






/* CENTER */


.mission_center{

width:220px;

height:220px;

border-radius:50%;

background:white;

display:flex;

justify-content:center;

align-items:center;

font-size:40px;

color:#357326;

font-weight:700;


box-shadow:

0 15px 40px rgba(0,0,0,.12);

z-index:5;

}





/* ICON BOX */


.mission_card{

position:absolute;

width:70px;

height:70px;

background:white;

display:flex;

align-items:center;

justify-content:center;

box-shadow:

0 10px 30px rgba(0,0,0,.12);


z-index:10;


animation:floating 3s infinite ease-in-out;


}



.mission_icon{

font-size:30px;

color:#4da526;

}






.card_top{

top:0;

left:50%;

transform:translateX(-50%);

animation-delay:.3s;

}




.card_left{

left:0;

top:50%;

transform:translateY(-50%);

animation-delay:.8s;

}




.card_right{

right:0;

top:50%;

transform:translateY(-50%);

animation-delay:1.2s;

}




.card_bottom{

bottom:0;

left:50%;

transform:translateX(-50%);

animation-delay:1.5s;

}





@keyframes floating{


0%,100%{

transform:translateY(0);

}


50%{

transform:translateY(-15px);

}


}






/* Glow Animation */


.mission_center::after{

content:"";

position:absolute;

width:240px;

height:240px;

border-radius:50%;

border:1px solid rgba(89,184,45,.3);

animation:pulse 2s infinite;

}



@keyframes pulse{


0%{

transform:scale(1);

opacity:1;

}


100%{

transform:scale(1.4);

opacity:0;

}


}








/* RESPONSIVE */


@media(max-width:992px){


.about_mission_container{

grid-template-columns:1fr;

}


.about_mission_title{

font-size:36px;

}


.mission_orbit{

width:380px;

height:380px;

}


.ring_three{

width:350px;

height:350px;

}


.ring_two{

width:280px;

height:280px;

}


.ring_one{

width:180px;

height:180px;

}


.mission_center{

width:170px;

height:170px;

}


}





@media(max-width:600px){


.mission_orbit{

transform:scale(.75);

}


}



/* =============================== */


/* ================= */

.home_bg_buttons{
    display:flex;
    gap:15px;
    align-items:center;
}


.service_dropdown{
    position:relative;
}



.dropdown_btn{

    border:none;
    cursor:pointer;

}



.service_dropdown_menu{

    position:absolute;

    top:60px;
    left:0;

    width:240px;

    background:#ffffff;

    border-radius:12px;

    overflow:hidden;

    box-shadow:0 10px 30px rgba(0,0,0,0.18);

    opacity:0;

    visibility:hidden;

    transform:translateY(10px);

    transition:.3s ease;

    z-index:99;

}



.service_dropdown_menu a{

    display:block;

    padding:15px 20px;

    color:#232f36;

    text-decoration:none;

    font-size:15px;

    font-weight:600;

    transition:.3s ease;

}



.service_dropdown_menu a:hover{

    background:#0F5D4E;

    color:#ffffff;

}



/* Hover Open */

.service_dropdown:hover 
.service_dropdown_menu{

    opacity:1;

    visibility:visible;

    transform:translateY(0);

}



@media(max-width:768px){

    .home_bg_buttons{

        flex-direction:column;

        align-items:flex-start;

    }


    .service_dropdown_menu{

        position:relative;

        top:10px;

    }

}




/* ======================================= */



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

.about_core_section{
    padding:100px 20px;
    background:#f7f9fc;
}

.about_core_container{
    max-width:1300px;
    margin:auto;
}

.about_core_heading{
    text-align:center;
    max-width:750px;
    margin:0 auto 70px;
}

.about_core_subtitle{
    display:inline-block;
    color:#0F5D4E;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:15px;
}

.about_core_heading h2{
    font-size:48px;
    color:#1c2733;
    font-weight:700;
    margin-bottom:18px;
}

.about_core_heading p{
    font-size:18px;
    color:#666;
    line-height:1.8;
}

.about_core_grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:25px;
}

.about_core_card{
    background:#ffffff;
    border-radius:22px;
    padding:35px 28px;
    transition:.4s;
    border:1px solid #e8eef5;
    position:relative;
    overflow:hidden;
    box-shadow:0 10px 35px rgba(0,0,0,.05);
}

.about_core_card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:5px;
    background:#0F5D4E;
    transform:scaleX(0);
    transition:.4s;
}

.about_core_card:hover::before{
    transform:scaleX(1);
}

.about_core_card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 50px rgba(15,93,78,.18);
}

.about_core_icon{
    width:70px;
    height:70px;
    border-radius:18px;
    background:linear-gradient(135deg,#0F5D4E,#27ae60);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:25px;
}

.about_core_icon i{
    color:#fff;
    font-size:28px;
}

.about_core_card h3{
    font-size:23px;
    color:#1f2f3f;
    margin-bottom:15px;
    font-weight:700;
}

.about_core_card p{
    color:#666;
    font-size:16px;
    line-height:1.8;
}

/* Tablet */

@media(max-width:1200px){

.about_core_grid{
grid-template-columns:repeat(3,1fr);
}

}

/* Small Tablet */

@media(max-width:900px){

.about_core_heading h2{
font-size:38px;
}

.about_core_grid{
grid-template-columns:repeat(2,1fr);
}

}

/* Mobile */

@media(max-width:600px){

.about_core_section{
padding:70px 15px;
}

.about_core_heading{
margin-bottom:45px;
}

.about_core_heading h2{
font-size:30px;
}

.about_core_heading p{
font-size:16px;
}

.about_core_grid{
grid-template-columns:1fr;
gap:20px;
}

.about_core_card{
padding:28px 22px;
}

.about_core_icon{
width:60px;
height:60px;
}

.about_core_icon i{
font-size:24px;
}

.about_core_card h3{
font-size:21px;
}

}



/* ============================== */


/* Floating Contact Buttons */

.sc_float_contact{
    position:fixed;
    right:20px;
    bottom:25px;
    display:flex;
    flex-direction:column;
    gap:15px;
    z-index:99999;
}

.sc_float_btn{
    width:58px;
    height:58px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    text-decoration:none;
    color:#fff;
    font-size:22px;
    box-shadow:0 8px 20px rgba(0,0,0,0.25);
    transition:.35s;
    overflow:hidden;
    white-space:nowrap;
    position:relative;
}

.sc_float_btn span{
    position:absolute;
    right:70px;
    background:#232f36;
    color:#fff;
    padding:8px 15px;
    border-radius:30px;
    font-size:14px;
    opacity:0;
    visibility:hidden;
    transition:.35s;
}

.sc_float_btn:hover span{
    opacity:1;
    visibility:visible;
}

.sc_float_btn:hover{
    transform:translateY(-4px) scale(1.08);
}

/* Call */
.sc_call_btn{
    background:#007bff;
}

/* WhatsApp */
.sc_whatsapp_btn{
    background:#25D366;
}

/* Mail */
.sc_mail_btn{
    background:#EA4335;
}

/* Pulse Animation */

.sc_float_btn::before{
    content:'';
    position:absolute;
    inset:0;
    border-radius:50%;
    animation:sc_pulse 2s infinite;
    border:2px solid rgba(255,255,255,.5);
}

@keyframes sc_pulse{
    0%{
        transform:scale(1);
        opacity:1;
    }
    70%{
        transform:scale(1.5);
        opacity:0;
    }
    100%{
        transform:scale(1.5);
        opacity:0;
    }
}

/* Mobile */

@media(max-width:768px){

.sc_float_contact{
    right:15px;
    bottom:20px;
    gap:12px;
}

.sc_float_btn{
    width:52px;
    height:52px;
    font-size:20px;
}

.sc_float_btn span{
    display:none;
}

}




/* ============================== */



/* ===========================
   SERVICE SECTION
=========================== */

.service_bg_sec{
    padding:100px 20px;
    background:linear-gradient(135deg,#f6faf8 0%,#eef6f2 100%);
    position:relative;
    overflow:hidden;
}

.service_bg_sec::before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    background:rgba(122,214,63,.08);
    border-radius:50%;
    top:-180px;
    left:-120px;
    filter:blur(30px);
}

.service_bg_sec::after{
    content:"";
    position:absolute;
    width:350px;
    height:350px;
    background:rgba(15,93,78,.08);
    border-radius:50%;
    bottom:-150px;
    right:-100px;
    filter:blur(30px);
}

.service_bg_sec_container{
    max-width:1200px;
    margin:auto;
    position:relative;
    z-index:2;
}

/* ===========================
   HEADING
=========================== */

.service_bg_sec_heading{
    text-align:center;
    margin-bottom:60px;
}

.service_bg_sec_heading span{
    width:70px;
    height:4px;
    background:#7ad63f;
    display:block;
    margin:auto;
    border-radius:30px;
}

.service_bg_sec_heading p{
    margin-top:18px;
    color:#0F5D4E;
    font-size:15px;
    font-weight:700;
    letter-spacing:4px;
    text-transform:uppercase;
}

/* ===========================
   GRID
=========================== */

.service_bg_sec_grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:35px;
}

/* ===========================
   CARD
=========================== */

.service_bg_sec_card{
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:360px;
    padding:45px;
    text-decoration:none;
    border-radius:28px;
    overflow:hidden;
    transition:.45s ease;
}

/* Decorative Circle */

.service_bg_sec_card::before{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    border-radius:50%;
    right:-70px;
    top:-70px;
    background:rgba(255,255,255,.08);
    transition:.5s;
}

.service_bg_sec_card:hover::before{
    transform:scale(1.5);
}

.service_bg_sec_card::after{
    content:"";
    position:absolute;
    inset:0;
    border-radius:28px;
    border:1px solid rgba(255,255,255,.15);
    pointer-events:none;
}

/* ===========================
   CARD 1
=========================== */

.service_bg_sec_large{
    background:linear-gradient(135deg,#232f36,#0F5D4E);
    color:#fff;
}

/* ===========================
   CARD 2
=========================== */

.service_bg_sec_green{
    background:linear-gradient(135deg,#7ad63f,#5eb230);
    color:#fff;
}

/* ===========================
   TYPOGRAPHY
=========================== */

.service_bg_sec_card small{
    display:inline-block;
    width:max-content;
    padding:8px 18px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.15);
    backdrop-filter:blur(10px);
    border-radius:50px;
    font-size:12px;
    letter-spacing:2px;
    margin-bottom:28px;
}

.service_bg_sec_card h2{
    font-size:42px;
    line-height:1.2;
    font-weight:800;
    margin-bottom:20px;
}

.service_bg_sec_card p{
    font-size:16px;
    line-height:1.9;
    opacity:.92;
    max-width:90%;
    margin-bottom:35px;
}

.service_bg_sec_card strong{
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-size:15px;
    font-weight:700;
    transition:.35s;
}

.service_bg_sec_card strong::after{
    content:"→";
    transition:.35s;
}

.service_bg_sec_card:hover strong::after{
    transform:translateX(8px);
}

/* ===========================
   HOVER
=========================== */

.service_bg_sec_card:hover{
    transform:translateY(-12px);
    box-shadow:0 30px 60px rgba(0,0,0,.18);
}

/* ===========================
   RESPONSIVE
=========================== */

@media(max-width:991px){

.service_bg_sec{
    padding:80px 20px;
}

.service_bg_sec_grid{
    grid-template-columns:1fr;
}

.service_bg_sec_card{
    min-height:320px;
    padding:35px;
}

.service_bg_sec_card h2{
    font-size:34px;
}

}

@media(max-width:576px){

.service_bg_sec{
    padding:60px 15px;
}

.service_bg_sec_card{
    padding:28px;
    min-height:280px;
    border-radius:20px;
}

.service_bg_sec_card h2{
    font-size:28px;
}

.service_bg_sec_card p{
    font-size:15px;
    max-width:100%;
}

.service_bg_sec_heading p{
    font-size:13px;
    letter-spacing:3px;
}

}