/* #########################
    FAQ Custom StyleSheet
############################ */
.faq-content-wrapper, 
.faq-width-control-wrapper {
    padding: 1rem;
}
.faq-header-decription-wrapper>.faq-title {
    font-size: 18px;
    font-weight: 600;
}
.faq-header-decription-wrapper>.faq-decription { 
    padding-top: 15px; 
    font-size: 11px;
}
.faq-content-wrapper>.faq-body-content-wrapper {
    font-size: 11px;
}
.faq-body-content-wrapper>.faq-content-left-side-wrapper>.faq-one-questions-content-wrapper,
.faq-body-content-wrapper>.faq-content-right-side-wrapper>.faq-one-questions-content-wrapper {
    display: flex;
    margin-top: 25px;
}
.faq-one-questions-content-wrapper>.faq-main-icon-image-wrapper{
    height: 15px;
    padding: 10px;
    align-items: center;
    border-radius: 5px;
    background-color: #DAFDEC;
}
.faq-one-questions-content-wrapper>.faq-question-and-answer-wrapper { padding-left: 12px; }
.faq-question-and-answer-wrapper>.faq-questionnaire {
    padding-top: 3px;
    font-weight: 600;
}
.faq-question-and-answer-wrapper>.faq-answer { padding-top: 8px; }

/* load more btn */
.faq-load-more-btn-wrapper {
    margin-top: 20px;
    text-align: center;
}
.btn-outline-green {
    padding: 8px 18px;
    border: solid 1px #058248;
    border-radius: 5px;
    color: #058248;
    background-color: #ffff;
    font-weight: 600;
    cursor: pointer;
    font-size: 11px;
    font-family: 'Times New Roman', Times, serif;
}
.btn-outline-green:hover {
    color: #ffff;
    background-color: #058248;
}

/* contact us blog */
.faq-contact-us-container {
    background-color: #DAFDEC;
    text-align: center;
}
.faq-width-control-wrapper>.faq-contact-us-heading {
    margin-top: 10px;
    font-size: 25px;
    color: #058248;
    font-weight: 600;
}

.faq-width-control-wrapper>.faq-contact-us-description {
    margin-top: 15px; 
    font-size: 11px;
}
.faq-width-control-wrapper>.faq-contact-us-btn {
    margin-top: 30px;
    margin-bottom: 30px;
}
.faq-width-control-wrapper>.faq-contact-us-btn>a {
    padding: 8px 50px;
    font-family: 'Times New Roman', Times, serif;
    text-decoration: none;
    color: #ffff;
    background-color: #058248;
    border: solid 1px #058248;
    border-radius: 5px;
    font-size: 12px;
}
.faq-width-control-wrapper>.faq-contact-us-btn>a:hover {
    color: #058248;
    background-color: #ffff;
}

/* ################
    Media Query
################### */
/* ===== Small Laptop View (!) Width ( 320px <-> 768px ) (!) ===== */
    @media only screen and ( min-width: 425px ) {
        .faq-header-decription-wrapper>.faq-decription,
        .faq-content-wrapper>.faq-body-content-wrapper,
        .faq-width-control-wrapper>.faq-contact-us-description{
            font-size: 12px;
        }
    }

/* ===== Medium Laptop View (!) Width ( 768px <-> 1024px ) (!) ===== */
    @media only screen and ( min-width: 768px ) {
        .faq-content-wrapper, 
        .faq-width-control-wrapper {
            width: 38rem;
            margin: auto;
            padding: 1rem 3rem;
        }
        .faq-content-wrapper>.faq-body-content-wrapper {
            display: flex;
            justify-content: space-between;
            font-size: 11px;
        }
        .faq-body-content-wrapper>.faq-content-left-side-wrapper>.faq-one-questions-content-wrapper{ padding-right: 20px; }
        .faq-body-content-wrapper>.faq-content-right-side-wrapper>.faq-one-questions-content-wrapper{ padding-left: 20px; }
        .faq-header-decription-wrapper>.faq-decription,
        .faq-content-wrapper>.faq-body-content-wrapper{
            font-size: 11px;
        }

        .faq-width-control-wrapper>.faq-contact-us-heading{ font-size: 30; }
    }

    @media only screen and ( min-width: 912px ) {
        .faq-content-wrapper, .faq-width-control-wrapper { width: 44.5rem; }
        .faq-header-decription-wrapper>.faq-title { font-size: 20px; }
        .faq-header-decription-wrapper>.faq-decription { font-size: 14px; }
        .faq-content-wrapper>.faq-body-content-wrapper { font-size: 14px; }

        /* contact us */
        .faq-width-control-wrapper>.faq-contact-us-heading { font-size: 35px; }
        .faq-width-control-wrapper>.faq-contact-us-description { font-size: 14px; }
    }

/* =====  Large Laptop View (!) Width ( 1024px <-> 1920px ) (!) ===== */
    @media only screen and ( min-width: 1024px ) {
        .faq-content-wrapper, .faq-width-control-wrapper { width: 51rem; }
        .faq-header-decription-wrapper>.faq-title { font-size: 25px; }

        /* contact us */
        .faq-width-control-wrapper>.faq-contact-us-heading { font-size: 40px; }
    }
    
    @media only screen and ( min-width: 1200px ){
        .faq-content-wrapper, .faq-width-control-wrapper { padding: 1.5rem 3rem; }
        .faq-header-decription-wrapper>.faq-decription { font-size: 17px; }
        .faq-content-wrapper>.faq-body-content-wrapper { font-size: 17px; }

        /* contact us */
        .faq-width-control-wrapper>.faq-contact-us-description { font-size: 17px; }
    }

    @media only screen and ( min-width: 1280px ){
        .faq-content-wrapper, .faq-width-control-wrapper { width: 60rem; }
        .faq-header-decription-wrapper>.faq-title { font-size: 35px; }
        .faq-header-decription-wrapper>.faq-decription { font-size: 18px; }
        .faq-content-wrapper>.faq-body-content-wrapper { font-size: 18px; }
        .btn-outline-green {
            font-size: 15px;
            padding: 12px 22px;
        }

        /* contact us */
        .faq-width-control-wrapper>.faq-contact-us-heading { font-size: 45px; }
        .faq-width-control-wrapper>.faq-contact-us-description { font-size: 18px; }
        .faq-width-control-wrapper>.faq-contact-us-btn>a {
            font-size: 15px;
            padding: 11px 60px;
        }
    }

    @media only screen and ( min-width: 1366px ){
        .faq-content-wrapper, .faq-width-control-wrapper { width: 67rem; }

        /* contact us */
        .faq-width-control-wrapper>.faq-contact-us-heading{ font-size: 50px; }
    }

    @media only screen and ( min-width: 1400px ){
        .faq-content-wrapper, .faq-width-control-wrapper { width: 64rem; }
    }

    @media only screen and ( min-width: 1440px ){
        .faq-content-wrapper, .faq-width-control-wrapper { width: 67rem; }
    }

    @media only screen and ( min-width: 1600px ){
        .faq-content-wrapper, .faq-width-control-wrapper { width: 73rem; }

        /* contact us */
        .faq-width-control-wrapper>.faq-contact-us-heading{ font-size: 54px; }
    }

    @media only screen and ( min-width: 1680px ){
        .faq-content-wrapper, .faq-width-control-wrapper { width: 78rem; }

        /* contact us */
        .faq-width-control-wrapper>.faq-contact-us-heading{ font-size: 58px; }
    }

    @media only screen and ( min-width: 1920px ){
        .faq-content-wrapper, .faq-width-control-wrapper { width: 88rem; }
        .faq-one-questions-content-wrapper>.faq-main-icon-image-wrapper{
            padding: 5px 15px 15px 15px;
            height: 20px;
        }
        .faq-header-decription-wrapper>.faq-title{ font-size: 45px; }
        .faq-header-decription-wrapper>.faq-decription{ font-size: 25px; }
        .faq-content-wrapper>.faq-body-content-wrapper{ font-size: 25px; }
        .btn-outline-green{font-size: 18px; padding: 18px 28px; }

        /* contact us */
        .faq-width-control-wrapper>.faq-contact-us-heading{ font-size: 65px; }
        .faq-width-control-wrapper>.faq-contact-us-description{ font-size: 25px; }
        .faq-width-control-wrapper>.faq-contact-us-btn>a{
            padding: 14px 80px;
            font-size: 18px;
        }
    }