@media (min-width:768px){
    .navbar-tafawuq{
        max-width: 720px;
    }
    .otpbox .form-control{
        width: 80px;
        height: 100px;
    }
}
@media (min-width: 992px){
    .navbar-tafawuq{
        max-width: 960px;
    }
    .lesson-summary-box{margin-top: -300px;}
}
@media(min-width:1200px){
    .navbar-tafawuq{
        max-width: 1140px;
    }
    .sec-ellipse, .trial-ellipse{
      transform: rotate(102.573deg);
    }
    .profile-tab-container,.profile-link-container{
        padding: 2.5rem;
    }
    .otpbox .form-control{
        width: 80px;
        height: 65px;
    }
}
@media(min-width:1400px){
    .container{
        max-width: 1280px;
    }
    .otpbox .form-control{
        width: 90px;
        height: 80px;
    }
    .navbar-tafawuq{
        max-width: 1280px;
    }
}
@media(max-width:768px){
    .count-pattern{
        background-size: contain;
    }
    .sec-ellipse,.trial-ellipse,
    .open-book, .close-book, .honeybee{display: none;}
    .why-sec{
        padding: 3rem 1rem;
    }
    .faq-accordion{
        .accordion-item{
            .accordion-button{
                padding: 0.75rem;
            }
        }
    }
    .why-cards {
    .icon-box {
        position: static;transform: none;margin:10px auto;
    }
    }
}
@media(max-width:600px){
    .otpbox .form-control{
        width: 60px;
        font-size: 28px;
        height: 65px;
    }
}
@media(max-width:440px){
    .otpbox .form-control{
        width: 35px;
        font-size: 16px;
        height: 45px;
    }
}