/*Faq styles starts*/

#faq {
    margin-top: 8vh;
    margin-left: 0;
}


.faq--wrap {
    margin: 2vw 5vw 2vw 0;
    padding-bottom: 6vh;
}

.faq--wrap > .container{
    margin-top: .5vw;
    margin-left: 0;
}

.answers--wrap {
    margin: 2vw auto 0 0;
    width: 90%;
}


.faq--wrap .pageTitle {
    margin-bottom: 1.5vw;
    font-family: "Arimo Regural";
    font-size: 32px;
    color: #323232;
}


.answers--wrap .answers-title{
    font-family: "Arimo Bold";
    margin-bottom: 2vh;
    font-size: 17px;
}

.answers--wrap .list-item {
    list-style-type: none;
    margin-bottom: 3vh;
}

#faq-list {
    padding-left: 0;
    margin-left: 2.5vw;
}


#faq-list .list-item .title {
    text-decoration: none;
    color: #000000;
    background: none;
    font-family: "Arimo Regural";
    font-size: 16px;
    border-bottom: 1px solid black;
    padding-bottom: .5vw;
}


#faq-list  .list-item--answers {
    font-family: "Arimo Regural";
    color: #000000;
    font-size: 15px;
    line-height: 22px;
}

#faq-menu{
    background: #5d93d2;
    height: fit-content;
    width: 20%;
}

#answers{
    width: 80%;
}

#faq-menu .menu-item hr {
    border-top: 1px solid #ffffff;
}

#faq-menu .menu-item .title {
    color: #ffffff;
    font-family: "Arimo Bold";
    text-decoration: none;
    font-size: 17px;
}

#faq-menu .menu-item:hover .title{
    color: #1565c0;
}


#faq-menu .menu-item.selected .title{
    color: #ffb300;
}

#faq-menu .menu-item {
    margin-bottom: 2vh;
}


.faq-menu--wrap {
    margin: 4vh 1vw 2vh 0;
    padding-bottom: 6vh;
    width: 90%;
}

#faq-menu .container{
    padding-left: 0;
}

.menu-item .uk-divider-small::after {
    border-top: none;

}


/*Faq styles ends*/



/*MEDIA QUERIES*/

@media (max-width: 1400px) {
    #faq {
        margin-top: 10vh;
    }

    .faq--wrap .pageTitle {
        font-size: 27px;
    }

    #faq-menu {
        width: 25%;
    }

    #faq-menu .menu-item .title {
        font-size: 15px;
    }

    #answers {
        width: 75%;
    }

    #faq-list .list-item .title {
        font-family: "Arimo Regural";
        font-size: 15px;
    }

    .answers--wrap .answers-title {
        padding-left: 25px;
    }

}
@media (max-width: 1280px) {
    #faq {
        margin-top: 6vw;
    }

    #faq-menu .menu-item .title {
        font-size: 14px;
    }

    .answers--wrap .answers-title {
        font-size: 15px;
    }

    #faq-list .list-item--answers {
        font-size: 14px;
        line-height: 21px;
    }

}
@media (max-width: 1024px) {
    #faq {
        margin-top: 8vw;
    }

    #faq-menu {
        width: 30%;
    }

    #answers {
        width: 70%;
    }



}
@media (max-width: 815px) {
    .faq--wrap > .container {
        width: 90%;
    }
    #faq-menu {
        display: inline-flex;
        width: 100%;
        overflow: scroll;
    }

    #faq-menu .container {
        width: 200vw;
        display: inline-flex;
    }


    .faq-menu--wrap {
        margin: 2vw 1vw 2vh 0;
        padding-bottom: 2vw;
        width: auto;
    }

    #faq-menu .menu-item {
        margin-bottom: 0;
        width: auto;
        display: inline-flex;
    }

    #faq-menu .menu-item hr {
        border-top: 1px solid #ffffff;
        display: none;
    }

    #answers {
        width: 100%;
        margin-top: 2vw;
        padding-left: 0;
    }

    .faq--wrap {
        margin: 5vw 5vw 2vw 0;
    }

}

@media (max-width: 668px) {}

@media (max-width: 605px) {}

@media (max-width: 480px) {
    #faq {
        margin-top: 30vw;
    }

    .faq--wrap {
        padding-left: 0;
    }

    .faq--wrap .pageTitle {
        font-size: 23px;
    }

    #faq-menu .container {
        width: 400vw;
    }

    .answers--wrap .answers-title {
        padding-left: 0;
    }

    .answers--wrap {
        width: 100%;
    }

    #faq-list .list-item .title {
        font-size: 14px;
    }

    .faq-menu--wrap {
        margin: 4vw 1vw 2vh 0;
        padding-bottom: 4vw;
    }

}


@media (max-width: 320px) {
    #faq-menu .container {
        width: 450vw;
    }
}


/*.sub-menu-list, .sub--sub-menu-list {*/
/*    left: 0;*/
/*    padding-left: 0;*/
/*    min-width: 95%;*/
/*}*/



/*.sub--sub-menu-list {*/
/*     top: -45%;*/
/*     border-left: none;*/
/*}*/