@import url('../fonts/poppins/poppins.css');
@import "../fonts/Gotham/gotham.css";


:root {
    --custm_primary: #366B2C;
    --green1: #537b42;
    --yello1: #eccb35;
}

html {
    font-size: 100%;
}


.btn_primary_custm {
    background-color: var(--custm_primary);
    color: #fff;
}

body {
    font-size: 1rem;
    font-family: Poppins;
    font-weight: 400;
    line-height: 1.4;
    text-transform: lowercase;
}

.custm_wd {
    width: 90%;
    max-width: 1150px;
    margin: auto;
}
.custm_wd_pd_lf {
    padding-left: 8%;
}

@media (min-width: 1700px) {
    html {
        font-size: 150%;
    }
    .custm_wd {
        max-width: 1500px;
    }
}
@media (max-width: 767px) {
    .custm_wd {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
    .custm_wd_pd_lf {
        padding-left: 30px;
    }
}
@media (max-width: 575px) {
    .custm_wd {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .custm_wd_pd_lf {
        padding-left: 15px;
    }
}

/*h1 {
    font-weight: 800;
    font-size: 56px;
    line-height: 1;
}
h2 {
    font-weight: 700;
    font-size: 42px;
    line-height: 1;
}
h3 {
    font-weight: 600;
    font-size: 32px;
}*/




.heading.xxlg {
    font-size: 3.5rem;
    font-weight: 900;
}
.heading.xlg {
    font-size: 3rem;
    font-weight: 800;
}
.heading.lg {
    font-size: 2.5rem;
    font-weight: 800;
    line-height: 1.1;
}
.heading.md {
    font-size: 2rem;
    font-weight: 700;
}
.content.lg {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.1;
}
.content.desc {
    font-size: 0.8rem;
}



/*button {
    background-color: #377c3c;
    color: #fff;
    border: 1px solid #377c3c;
    padding: 8px 16px;
}
sub, sup {
    font-size: 25%;
    font-weight: 400;
}
sup {
    top: -35.2px;
}*/



/***********************************************************
                 START :: Header Styles
***********************************************************/


header {
    z-index: 50;
}
.page_banner {
    height: calc(100vh - 60px);
    overflow: hidden;
}

header .navbar {
    padding-left: 0;
    padding-right: 0;
}
header .navbar-light .navbar-nav .nav-link {
    color: #000;
    text-transform: lowercase;
}
header .navbar-light .navbar-nav .active > .nav-link {
    color: #000;
    font-weight: 700;
}
header .navbar-light .navbar-nav .nav-link:hover {
    color: #000;
    font-weight: 700;
}

#navbarNav {
    justify-content: flex-end;
}
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
    color: rgb(55 124 60);
}
@media (min-width: 992px) {
    header.pos_fixed {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
    }
    .page_banner.with_header {
        height: 100vh;
        padding-top: 60px;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}
@media (max-width: 991px) {
    header .navbar-collapse {
        padding-bottom: 1rem;
    }
    header .navbar-light .navbar-nav .nav-link {
        padding: 1rem 0;
        border-bottom: 1px solid #eee;
    }
}
@media (max-width: 575px) {
    .navbar-toggler {
        font-size: 0.9rem;
    }
}


/* Sticky Header */

header.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
    background-color: #fff;
    box-shadow: 0 0 10px 5px #ccc;
}


/**************** END :: Header Styles ****************/





/***********************************************************
                 START :: Page Body Common Styles
***********************************************************/

.page_body {
    min-height: 90vh;
}
.pd_lf_align2logo {
    padding-left: 2.4rem;
}

.page_banner {
    position: relative;
}

@media (min-width: 576px) {
    .page_banner .section_block {
        height: 100%;
        min-height: 30rem;
    }
    .page_banner .block_content {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        height: inherit;
        display: flex;
        padding: 2rem 0;
        z-index: 10;
    }
}
@media (max-width: 575px) {
    section.page_banner {
        display: contents;
        background: none;
        position: relative;
    }
    section.page_banner .mob_view_banner {
        width: 100%;
        padding-top: 101%;
    }
    .page_banner .section_block {
        position: relative;
        width: 100%;
        background-color: #eee;
        padding-top: 3rem;
    }
    .page_banner .block_content {
        position: relative;
        padding: 4rem 1rem 3rem;
    }
}



/****** END :: Page Body Common Styles ******/





/***********************************************************
                 START :: Footer Styles
***********************************************************/

footer {
    color: #fff;
    background-color: #377c3c;
    font-weight: 600;
    text-align: center;
    padding: 1rem 0;
}
@media (max-width: 575px) {
    footer {
        font-size: 0.9rem;
    }
}



/**************** END :: Footer Styles ****************/






/***********************************************************
                  Imp Common Styles
***********************************************************/

.hidden {
    display: none;
}

/* Custom Header */

.c_head {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 1.5rem;
    display: inline-block;
}

.c_heading {
    margin-bottom: 1.5rem;
}
.c_heading .c_head_tag {
    font-size: 2rem;
    margin-bottom: 0;
}
.c_heading .c_head {
    font-size: 3rem;
    font-weight: 800;
    margin-bottom: 0;
    display: block;
}



.decor_underline {
    padding-bottom: 0.5rem;
    background-image: url('../img/common/text_decor.png');
    background-repeat: no-repeat;
    background-position: 122% bottom;
    background-size: 70%;
}

dec {
    padding-bottom: 0.2rem;
    padding-right: 1.2rem;
    margin-right: -1.2rem;
    background-image: url('../img/common/text_decor.png');
    background-repeat: no-repeat;
    background-position: 0% bottom;
    background-size: 90%;
}
tc {
    text-transform: none;
}
sup.alt {
    font-size: 45%;
    font-weight: 400;
    position: relative;
    top: -1.5rem;
}


/* Buttons Styles */

.btns {
    margin-top: 1.5rem;
    margin-left: -0.375rem;
    margin-right: -0.375rem;
}
.btns .btn {
    background-color: #eccb35;
    border-radius: 0;
    font-weight: 600;
    margin: 0 0.375rem 0.5rem;
    text-transform: lowercase;
}



@media (max-width: 991px) {
    .c_heading .c_head_tag {
        font-size: 1.5rem;
    }
    .c_heading .c_head {
        font-size: 2rem;
    }
    .btns .btn {
        font-size: 0.8rem;
    }
}


.no_margin {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.no_pad {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.img_block.full_wd img {
    width: 100%;
}



/**************** Imp Common Styles ****************/