*{
    margin: 0;
    padding: 0;
}
main{
    margin-top: 12vh;
    overflow-x: hidden;
}
body{
    overflow-x: hidden;
}
.faqbanner{
    width: 100%;
    background-color: #D7EEFB;
    display: flex;
    align-items: center;
    font-family: 'Segoe UI', sans-serif;
    padding-bottom: 1.5%;
}
.faqanim{
    width: 30vw;
    margin-top: 1%;
    padding-left: 5%;
}
.faqtext{
    width: 45vw;
    padding-left: 7%;
}
.fhead{
    font-size: 2.5rem;
    padding-bottom: 2%;
    font-weight: 700;
}
.ftext{
    font-size: 1.2rem;
    padding-bottom: 2%;
    padding-top: 2%;
    line-height: 40px;
}
.SIQ
{
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Abhaya Libre", serif;
    font-weight: 800;
    font-size: 2rem;
    color: #4E59AD;
    margin: 1vw;
}
.Questions
{
    height: 80vh;
    width: 86vw;
    overflow-y: auto;
    margin-left: 6vw;
    margin-top: 1vw;
    margin-bottom: 1vw;
    background-color: #D7EEFB;
    padding-bottom: 2%;
}
.IN{
    width: 78vw;
    border: 1px solid black;
    margin: 2%;
    margin-bottom: 0%;
    background-color: rgb(255,255,255);
    font-size: 1.2rem;
    padding: 1vw;
    padding-top: 1%;
    padding-bottom: 1%;
    display: flex;
    align-items: center;
}
.a1,.a2,.a3,.a4,.a5,.a6,.a7,.a8,.a9,.a10{
    display: none;
}
.a1n,.a2n,.a3n,.a4n,.a5n,.a6n,.a7n,.a8n,.a9n,.a10n{
    width: 78vw;
    border: 1px solid black;
    background-color: rgb(255,255,255);
    font-size: 1.2rem;
    margin: 2%;
    margin-top: 0;
    height: auto;
    padding: 1vw;
    padding-top: 1%;
    padding-bottom: 1%;
    border-top: 0;
}
.b1,.b2,.b3,.b4,.b5,.b6,.b7,.b8,.b9,.b10{
    font-size: 1.5rem;
    background-color: white;
    border: none;
    cursor: pointer;
    margin-left: 3vw;
}
.q1,.q2,.q3,.q4,.q5,.q6,.q7,.q8,.q9,.q10{
    width: 95%;
}
.Query
{
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Abhaya Libre", serif;
    font-weight: 800;
    font-size: 2rem;
    color: #4E59AD;
    margin: 1vw;
}
.QB{
    width: 86vw;
    overflow-y: auto;
    margin: 7vw;
    margin-top: 1vw;
    margin-bottom: 1vw;
    height: 40vh;
    border: 1px solid black;
}
.QB::placeholder{
    position: absolute;
    top: 2%;
}
.Submit{
    width: 15vw;
    height: 5vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: red;
    font-family: "Mada", sans-serif;
    font-size: 1.2rem;
    color: white;
    font-weight: 700;
    margin-bottom: 2%;
}
.subbut{
    display: flex;
    justify-content: center;
    align-items: center;
}
@media screen and (min-width: 0px) and (max-width: 700px){
    .faqbanner{
        flex-direction: column;
    }
    .faqanim{
        width: 90%;
        padding-left: 5%;
        margin-top: 3vh;
    }
    .faqtext{
        width: 90%;
    }
    .fhead{
        font-size: 1.5rem;
        margin-top: 1vh;
    }
    .ftext{
        font-size: 0.9rem;
        line-height: 25px;
    }
    .SIQ{
        font-size: 1.5rem;
        margin-top: 3vh;
        margin-bottom: 2vh;
    }
    .Questions{
        width: 95%;
        margin-left: 2.5%;
        overflow-x: hidden;
        height: auto;
    }
    .IN{
        width: 95%;
        margin-left: 0.5%;
        font-size: 0.8rem;
    }
    .a1n,.a2n,.a3n,.a4n,.a5n,.a6n,.a7n,.a8n,.a9n,.a10n{
        width: 95%;
        margin-left: 0.5%;
        font-size: 0.8rem;
    }
    .b1,.b2,.b3,.b4,.b5,.b6,.b7,.b8,.b9,.b10{
        width: 5%;
    }
    .Query{
        font-size: 1.5rem;
        margin-top: 3vh;
        margin-bottom: 2vh;
    }
    .QB{
        height: 10vh;
    }
    .Submit{
        width: 30%;
        font-size: 1rem;
        height: 4vh;
    }
}
@media screen and (min-width: 700px) and (max-width: 1000px){
    main{
        margin-top: 10vh;
    }
    .faqtext{
        margin-top: 2vh;
    }
    .Questions{
        height: auto;
    }
    .QB{
        height: 10vh;
    }
    .Submit{
        height: 3vh;
    }
    .Query{
        margin-top: 5%;
    }
    .SIQ{
        margin-top: 5%;
    }
}