* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
body{
    font-family: "Montserrat", sans-serif;
    color: #002876;
    background-color: #000;
    font-weight: 600;
}
.novateen-main{
    display: flex;
    justify-content: center;
    align-items: center;
}
.novateen-container{
    background: #fff;
}
.novateen-main h1{
    font-size: 30px;
}
.novateen-main h2{
    font-size: 26px;
}
.banner{
    background: url('../images/hero-2-cover.png');
}

.banner img{
    height: 170px;
}

.btn-learning{
    background: #FF1E2C;
    padding: 1px 12px;
    border-radius: 10px;
    border: 1px solid #fff;
    font-size: 22px;
}
.banner-subject{
    background-color: #fff;
    border-radius: 15px;
    padding: 1px 10px;
    font-weight: bold;
    font-size: 22px;
}

.banner-subject .math{
    color: #FA606B;
    font-size: 25px;
}

.banner-subject .literature{
    color: #FFA800;
    font-size: 25px;
}

.banner-subject .english{
    color: #00C2FF;
    font-size: 25px;
}

.banner-subject .gach{
    color: #1E1E1E;
    font-size: 25px;
}

.novateen-container{
    width: 29%;
}

.worry{
    background-color: #fff;
}

.worry_title h3{
    color: #FF1E2C;
    font-size: 20px;
}
.worry_title{
    background: #FF1E2C1A;
    width: max-content;
    border-radius: 8px;
}

.worry_text{
    color: #0142A5;
    text-align: center;
    font-size: 18px;
}

.worry_text span{
    color: #0094FF;
    font-weight: bold;
}
.worry_img_p{
    color: #002876;
    line-height: 22px;
    font-size: 18px;
}
.worry_img_nice{
    font-size: 40px;
    color: #FF1E2C;
}

.worry-change h3{
    font-size: 22px;
    color: #FF6B00;
}

.worry-change p{
    font-size: 17px;
    color: #002876;
}

.desiderate{
    background-color: #F3FFF2;
}
.desiderate_title{
    background: #00B0311A;
    border-radius: 10px;

}
.desiderate_title h2{
    color: #00B031;
}

.btn-learning-border .btn-learning{
    border: 1px solid #fff;
    box-shadow: 0px 4px 8px 0px #00000066;
}
.confident{
    background-color: #fff;
}
.confident_title{
    width: max-content;
    border-radius: 8px;
    background: linear-gradient(90deg, rgba(245, 126, 22, 0.1) 0%, rgba(0, 176, 49, 0.1) 100%);
}
.confident_title h1{
    font-size: 47px;
    font-weight: 800;
    color: #F57E16;
    padding: 3px 10px;
}

.teen{
    color: #00B031;
}

.nova{
    color: #F57E16;
}

.confident-help{
    color: #0142A5;
    font-size: 17px;
    font-weight: 500;
}

.confident-help span{
    font-size: 20px;
}

.confident_subject{
    background-color: #7FCC03;
    padding: 4px 10px;
    border-radius: 10px;
    font-size: 15px;
}

.confident-items{
    background-color: #ffeff0;
    border-radius: 15px;
}

.confident-items-bg{
    background-color: #fff;
    margin-left: 10px;
    padding: 5px 8px;
    border-radius: 10px;
    color: #632125;
    line-height: 19px;
    font-weight: 500;
}

.confident-items .text-red{
    color: #FF3541;
}

.confident-items-two{
    background: #0094FF1A;
}

.confident-items .text-blue{
    color: #0094FF;
}

.confident-items-bg-two{
    color: #0142A5;
}

.confident-items .text-succes{
    color: #00B031;
}
.confident-items-three{
    background: #00B03114;
}
.confident-items-bg-three{
    color: #436C00;
}
.confident-items-four{
    background: #FFB80012;
}
.confident-items .text-orange{
    color: #FF9515;
}

.confident-items-bg-four{
    color: #795700;
}

.novateen-form{
    background-color: #fff;
}

.novateen-form-title{
    background: #ea07160d;
    border-radius: 15px;
    margin-bottom: 20px;
}

.novateen-form-title h3{
    font-weight: bold;
    color: #ff0000;
    padding: 10px; 
    border-radius: 5px; 
    font-size: 23px;
    display: inline-block;
    text-shadow: 2px 2px 0 #ffffff,
                 2px 2px 0 #ffffff,
                 2px 2px 0 #ffffff,
                 2px 2px 0 #ffffff; 
}

/* form */
.form_main {
    border-radius: 20px;
    background: #FFF;
    padding: 25px 40px;
    border: 1px solid #0094FF33;
    box-shadow: 0px 7px 13.1px 0px #00000026;

}
.form_main1 h3{
    color: #0142A5;
    font-size: 23px;
}
.form_main .input_form {
    width: 100%;
    height: 50px;
    border: none;
    outline: none;
    border-bottom: 2px solid rgba(255, 30, 44, 0.00);
    background: #0094FF1A;
    margin-bottom: 30px;
    padding: 10px 15px;
    color: #0142A5;
}

.subject-military-mind{
    font-size: 18px;
}
/* endform */

.description{
    background: #FFF5CF;
}

.description_title{
    background-color: #fff;
}

.description_title h3{
    color: #E56005;
    font-size: 20px;
}

.description-items-boder{
    background: #00B031;
    border-radius: 22px;
    padding: 5px;
}
.description-items-text{
    border: 1px dashed #fff;
    border-radius: 22px;
    padding: 8px;
    font-size: 15px;
}

.description-items-boder-two{
    background-color: #EA6F11;
}

.description-items-boder-three{
    background-color: #0142A5;
}

.program-first{
    color: #00B031;
    border: 1px solid #00B031;
    padding: 8px 10px;
    border-radius: 15px;
}

.program_title{
    background: #FEE9BA;
    border-radius:10px ;
}

.program_title h3{
     color: #EA6F11;
     font-size: 20px;
}

.program{
    background:url('../images/bgnen.png') ;
}

.program-two{
    color: #0094FF;
    border: 1px solid #0094FF;
}

.program-three{
    color: #F57E16;
    border: 1px solid #F57E16;
}

.program-four{
    color: #FF5C65;
    border: 1px solid #FF5C65;
}

.footer{
    background-color: #002876;
}

.p-one{
    font-weight: 400;
}
.teacher_title{
    background: #0094FF1A;
}
.teacher_title h3{
    color: #147DCA;
}

.teacher-boder{
    border: 1px solid #0142A5;
    border-radius: 10px;
    padding: 10px 5px;
}

.tab-subject button{
    background-color: #FF7700;
    color: #fff;
    padding: 6px 35px;
}

.tab-subject{
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    border: none;
}

.nav-tabs .nav-link.active{
    color: #FF7700 !important;
}

.tab-img-hoa{
    background-color: #0142A5;
    color: #fff;
    padding: 5px 20px;
    border-top-left-radius: 33px ;
    border-bottom-right-radius: 33px ;
}

.tab-img-hoa span{
   color: #9AE300;
}

.tab-content-ul li{
    font-size: 13px;
    color: #000;
    font-weight: 400;
}



.reputation_title{
    background: #0142A51A;
}

.reputation_p p{
    color: #0094FF;
    font-size: 20px;
}

.slick-prev:before, .slick-next:before{
    color: #0142A5;
}
@keyframes zoom {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
  }

  .learning{
    animation:  zoom 1.7s infinite;
  }
@media only screen and (max-width: 600px) {
    .novateen-container {
        width: 100%;
    }
}