*{
    padding: 0;
    margin: 0;
    text-decoration: none;
    list-style: none;
}
/* home section */
#home{
    /* background-image: url(../assets/bg_banner.png); */
    background-color: #0a0a74;
    color: white;
}
#home h1 strong{
    font-size: 50px;
}
#home .container{
    width: 1150px;
    /* padding: 78px 0%; */
}
#home .card{
    color: black;
    padding: 30px;
    border-radius: 30px;
    width: 95%;
    margin-bottom: -150px;
}
#home .card-body input, select{
    width: 100%;
    padding: 12px 8px;
    background-color: rgb(248, 245, 245);
    border: 1px solid lightgrey;
    border-radius: 10px;
    font-size: large !important;
    outline: none;
    color: grey ;
}
#home .card-body .btn{
    background-color: #0a0a74;
    color: white;
}
#home .card-body .col p a{
    color: #0a0a74;
}
#terms_text{
    margin-bottom: 0 !important;
    font-size: x-small;
}
#start_class_row .col-3{
    background-color: rgb(241, 208, 20);
    padding: 10px;
    color: black;
    border-radius: 20px;
}
#start_class_row .col-3 .col-2 i{
    font-size: large;
    color: white;
}
#start_class_row .col-3 .col-2{
    background-color: brown;
    border-radius: 55px;
    padding: 9px;
}
/* why_section */
#feature{
    background-color: rgb(252, 222, 211);
}
#feature .container{
    width: 1150px;
}
#feature_card{
    margin-bottom: -160px !important;
}
#feature_card .card-img-top{
    width: 30%;
}
/* explore */
#explore{
    margin-top: 8%;
}
#explore .container{
    width: 1150px;
}
#explore_btns{
    color: #0a0a74;
    border: 1px solid lightgray;
}
#second_heading{
    display: none;
}
/* results */
#results .container{
    width: 1150px;
}
#results .container .row .col{
    border-bottom: 5px solid white;
    margin-top: 20px;
}
#card1,
#card2,
#card3,
#card4,
#card5,
#card6,
#card7,
#card8 {
    display: none;
}

#card1.active,
#card2.active,
#card3.active,
#card4.active,
#card5.active,
#card6.active,
#card7.active,
#card8.active {
    display: block;
}

.active-button {
    font-weight: bold;
    border-bottom: 3px solid #0a0a74;
}
#card1,
#card2,
#card3,
#card4,
#card5,
#card6,
#card7,
#card8
 {
    background-color: rgb(212, 230, 245);
}
#student_results .card{
    width: 95%;
    color: white;
    background-color: blueviolet;
    margin-bottom: 2%;
    margin-left: -1%;
}
#student_results .col-8 .card {
    padding: 3px 10px;
    border-radius: 20px;
    align-items: center;
    border: 1px solid white;
}
#results .row .col button{
    background-color: white;
    border: none;
}
.scrollable-row button.btn.active {
    font-weight: bold;
    outline: none !important;
    background-color: #0a0a74;
    color: white;
}
/* carousel */
#carousel .container{
    width: 1150px;
}
#carousel #carouselExampleIndicators .carousel-control-prev,
#carousel #carouselExampleIndicators .carousel-control-next{
    background-color: black;
    height: 50px;
    border-radius: 50px;
    top: 45%;
    width: 50px;
}
#carousel #carouselExampleIndicators .carousel-control-prev{
    left: -2%;
}
#carousel #carouselExampleIndicators .carousel-control-next{
    right: -2%;
}
#carousel #carouselExampleIndicators .carousel-indicators{
    bottom: -20%;
}
.carousel-indicators .active {
     color: black !important;
}
#carousel #carouselExampleIndicators .carousel-indicators button{
    background-color: black;
    border-radius: 100px;
    padding: 5px;
    width: 5px;
}
/* other_options */
#other_options{
    display: none;
}
/* questions */
#questions .container{
    width: 1150px;
}
#answer1,
#answer2,
#answer3,
#answer4,
#answer5 {
    width: 90%;
    display: none;
}
#question1,
#question2,
#question3,
#question4,
#question5{
    cursor: pointer;
    margin-bottom: 0;
}
#questions .container .card {
    padding: 0.5rem 1rem;
}
/* Learn */
#Learn{
    background-color: #faf9fe;
    margin-top: 10%;
}
#Learn .container{
    width: 1150px;
}
#Learn .col-md-7 img{
    margin-top: -180px;
}
/* teacher */
#teacher{
    background-color: #faf9fe;
}
#teacher .container{
    background-color: #0a0a74;
    color: white;
    border-radius: 20px;
    margin-top: -100px;
    z-index: 1000;
    position: relative;
    padding-top: 5%;
}
#teacher .container .row{
    margin: 0 5%;
}
/* footer */
#footer{
    background-color: #faf9fe;
}
#info_column{
    border: 1px solid lightgray;
    border-radius: 10px;
    padding: 0 !important;
}
#info_column select{
    width: 25%;
    background-color: white;
    border: none;
    outline: none;
}
#info_column input {
    width: 65%;
    border: none;
    outline: none;
}
#info_column button {
    width: 30%;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
#speak_to{
    background-color: #0a0a74;
    color: white;
}
#footer_company li a{
    text-decoration: none;
    color: black;
    font-weight: 400;
}
#footer_company li a:hover {
    color: #0a0a74;
}

/* study_material */
#study_material1,
#study_material2,
#bottom{
    background-color: #ececf3;
}
#study_material_columns li a{
    text-decoration: none;
    color: black;
}
#study_material_columns li a:hover {
    color: #0a0a74;
}
/* bottom */
#bottom .container .col-4 .row i{
    font-size: x-large;
}
#bottom .container .col-4 .row i:hover{
    color: #0a0a74;
}
#bottom .container .col-md-2 a{
    text-decoration: none;
    color: black;
}
/* small_screen_btn */
#small_screen_btn {
    background-color: #0a0a74;
    color: white;
    width: 90%;
    margin-left: 15px;
}
#register_btn_small_screen {
    background-color: white;
    display: none;
}
/* font */
#font{
    max-width: 700px;
}
@media (max-width:770px) {
    /* home */
    #home h1 strong {
        font-size: xx-large;
    }

    #home .container {
        width: 100%;
        text-align: center;
    }
    #home .card {
        padding: 0px;
        width: 100%;
    }
    #home .card-body input,
    select {
        padding: 5px 2px;
        font-size: small !important;
    }
    /* features */
    #feature .container{
        width: 100%;
    }
    #feature_card .row .col-md-12 h5{
        font-size: small;
    }
    /* explore */
    #explore .container {
        width: 100%;
    }
    #explore .row .col{
        width: 100%;
    }
    #second_heading{
        display: block;
    }
    #first_heading {
        display: none;
    }
    /* results */
    #results .container {
        width: 100%;
    }
    #student_results .col-md-4{
        width: 100%;
        margin: auto;
        display: flex;
        justify-content: center;
    }
    /* carousel */
    #carousel .container {
        width: 100%;
    }
    /* other_options */
    #other_options {
        display: block;
    }
    #other_options_card{
        display: none;
    }
    /* questions */
    #questions .container {
        width: 100%;
    }
    /* Learn */
    #Learn .container {
        width: 100%;
        text-align: center;
    }
    #Learn .col-md-7 img {
        margin-top: 0px;
    }
    /* footer */
    #footer_company{
        column-count: 2;
    }
    /* study materials */
    #study_material_columns{
        column-count: 2;
    }
}
@media (max-width:550px) {
    .break {
            display: none;
        }
    #carousel #carouselExampleIndicators .carousel-control-prev,
        #carousel #carouselExampleIndicators .carousel-control-next {
        display: none;
    }
    #carousel #carouselExampleIndicators .carousel-indicators {
        bottom: -40%;
    }
    /* results */
    .scrollable-row {
        overflow-x: scroll;
        white-space: nowrap;
    }

    .scrollable-row::-webkit-scrollbar {
        height: 0px;
    }

    .scrollable-row::-webkit-scrollbar-thumb {
        background-color: #888;
        border-radius: 4px;
    }

    .scrollable-row::-webkit-scrollbar-track {
        background-color: #f1f1f1;
    }
    /* teachers */
    #teacher .container {
        margin-right: 1%;
        margin-left: 1%;
    }
    #bottom .container .col-4 .row i {
        padding: 0px 130px;
        font-size: small;
    }
    #register_btn_small_screen {
        display: block;
    }
}
@media (max-width: 530px) {
    
}
@media (max-width:425px) {
    #start_class_row{
        display: none;
    }
    #home .card {
        margin-bottom: 0px;
    }
    /* features */
    #feature_card {
        margin-bottom: 0px !important;
    }
    /* explore */
    #explore {
        margin-top: 0%;
    }
}