*{
    padding: 0;
    margin: 0;
}
body *{
      font-family: "Arimo", "Arial";
      /* text-transform: capitalize; */
       overflow: hidden; 

}

h1, h2, h3, h4, h5, h6{
    font-family: "Arimo", "Arial";
}

input{
    border: none;
    outline: none;
}
input{
    max-width: 100%;
    overflow: hidden;

}
.pad-1{
    padding: 10px 0;
}
.pad-12{
    padding: 12px 0;
}
a{
    text-decoration: none;
}
img{
    max-width: 100%;
}

.show-mobile{
    display: none;
}

.width-100{
    justify-content: center;
    width: 100%;
}
.yellow-btn{
    display: flex;
    gap: 8px;
    align-items: center;
    border-radius: 40px;
    border: 1px solid #F77D26;
    background: #FFF;
    padding: 10px 15px;
    color: #F77D26;
    font-weight: 600;
}
.orange-btn{
    display: flex;
    gap: 8px;
    align-items: center;
    border-radius: 40px;
    border: 1px solid #F77D26;
    padding: 10px 15px;
    color: #FFF;
    font-weight: 600;
    background: linear-gradient(94deg, #F38603 0%, #FF5882 151.98%);
}
.header-hero-section{
    background: url(../image/home/hero-bg.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.header-container{
    padding: 2rem 0;
}
.header-container .container{
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}
.header-button-container{
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 1rem;
}
.hero-extra-padding{
    padding-left: 300px;
}
.hero-context{
    padding: 4rem 0;
}
.hero-super-title{
    border-radius: 5px;
    padding: 10px;
    background: linear-gradient(90deg, #FDC700 0%, #FF6900 100%);
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
}
.hero-title{
    background: linear-gradient(90deg, #9512FB 0%, #FB2C39 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 55px;
    font-weight: 400;
}
.hero-title span.future, .hero-title span.way{
    background: linear-gradient(90deg, #9512FB 0%, #FB2C39 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 55px;
    font-weight: 700;
}
.hero-title span.mschool{
    /* color: #FDC700; */
    font-size: 55px;
    font-weight: 900;
    background: #FDC700;
    background-clip:unset;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.hero-description{
    color: #636E8F;
    font-size: 18px;
    width: 75%;
    font-weight: 400;
}
.hero-description span{
    font-weight: 700;
    color: #FF6900;
}
.hero-button-container{
    display: flex;
    gap: 1rem;
}
.student-rating-container{
    display: flex;
    gap: 1rem;
}
.student-rating-container .student-box, .student-rating-container .rating-box{
    display: flex;
    gap: 1rem;
    align-items: center;
    color: #636E8F;
}
.student-img-box img{
    border: 1px solid #F77D26;
    border-radius: 50%;
}
.student-img-box img:not(:first-of-type){
    margin-left: -15px;
}
.hero-img-container{
    position: relative;
}
.hero-text-1{
    position: absolute;
    top: 20px;
    left: 20px;
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 10px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10);
}
.hero-text-1 p, .hero-text-2 p{
    margin-bottom: 0;
    font-size: 12px;
    color: #6A7282;
}
.hero-text-1 p b{
    margin-bottom: 0;
    font-size: 14px;
    color: #1E2939;
}
.hero-text-2{
    position: absolute;
    bottom: 30px;
    right: 10px;
    gap: 10px;
    text-align: center;
    padding: 10px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10);
}
.hero-text-2 h4{
    margin-bottom: 0;
    color: #9810FA;
    font-size: 20px;
    font-weight: 700;
}



/* lms-intro-section design */
.lms-intro-section{
    padding: 0rem 0 1rem 0;
    background: #F9FAFB;
}
.lms-intro-section .section-title {
    color: #0A0A0A;
    font-size: 40px;
    font-weight: 400;
    margin-top: 1rem;
}
.lms-intro-section .section-title span {
    background: linear-gradient(90deg, #155DFC 0%, #9810FA 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
}
.lms-intro-section .section-title .school{
    font-size: 34px;
    -webkit-text-fill-color: #FF6900;
    font-weight: 900;
}



/* learning edge section design */
.learning-edge-section{
    padding: 2rem 0;
    background: #F9FAFB;
}
.learning-edge-section .section-title {
    color: #0A0A0A;
    text-align: center;
    font-size: 48px;
    font-weight: 400;
}
.learning-edge-section .section-title span {
    background: linear-gradient(90deg, #155DFC 0%, #9810FA 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 500;
}
.learning-edge-section .section-description {
    color: #717182;
    font-size: 20px;
    font-weight: 400;
    width: 60%;
    margin: auto;
}
.learing-edge-box{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 1rem;
    padding: 1rem 0;
}
.le-grid{
    /* border: 1px solid; */
    border-radius: 14px;
    background: #FFF;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
    text-align: center;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}
.le-grid p{
    color: #0A0A0A;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 10px;
}






/* about section design */
.about-section {
    padding: 2rem 0;
    text-align: center;
    position: relative;
}
.about-section .container{
    border-radius: 150px;
    border: var(--stroke-weight-2, 2px) dashed #FF6900;
    padding: 2rem;
    text-align: center;
}
.about-section .super-title{
    border-radius: 8px;
    border: 1px solid #BEDBFF;
    background: #DBEAFE;
    padding: 6px 10px;
    color: #2F61FD;
    font-size: 20px;
    font-weight: 700;
}
.about-section .section-title{
    color: #0A0A0A;
    font-size: 48px;
    font-weight: 400;
    margin-top: 1rem;
}
.about-section .section-title span{
    background: linear-gradient(90deg, #155DFC 0%, #9810FA 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;

}
.about-section p{
    color: #4E4E5B;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    width: 75%;
    margin: auto;
}
.about-section .orange-btn{
    width: fit-content;
}

/* who for section design */
.who-for-section{
    padding: 1rem 0 4rem;
}
.who-for-section .section-title-container{
    text-align: left;
}
.who-for-section .section-title {
    color: #0A0A0A;
    font-size: 48px;
    font-weight: 700;
    z-index: 1;
    position: relative;
    background: #ffffff85;
}
.who-for-section .section-title span{
    color: #FB2C39;
    font-size: 50px;
}
.who-for-container {
    /* display: flex; */
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0 3rem;
}
.student-for-box {
    margin-top: 3rem;
    background: #3452a8;
}
.teacher-for-box{
    margin-left: -2rem;
    margin-bottom: auto;
    background: #f78d1e;
}
.student-for-box, .teacher-for-box{
    transform: skewX(-15deg);
    border-radius: 15px;
    padding: 2rem 0;
    color: #fff;
}
.icon-title-box{
    background: linear-gradient(90deg, #66666615 19.11%, #0000005b 75.13%);
    padding: 1rem 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.icon-title-box h3{
    margin-bottom: 0;
}
.icon-title-box img{
    transform: skewX(15deg);
}
.who-for-description {
    transform: skewX(15deg);
    width: 85%;
    margin: auto;
    /* margin-top: 1rem; */
    font-size: 16px;
    font-weight: 700;
}



/* feature section design */
.feature-section{
    position: relative;
    padding: 4rem 0;
    background: #fafcff;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.airplane-abstract{
    position: absolute;
    top: 0px;
    left: 4%;
}
.section-title-container{
    text-align: center;
    padding: 10px 0;
}
.feature-section .super-title {
    border-radius: 8px;
    border: 1px solid #BEDBFF;
    background: #DBEAFE;
    padding: 6px 10px;
    color: #2F61FD;
    font-size: 20px;
    font-weight: 700;
}
.feature-section .section-title{
    color: #0A0A0A;
    font-size: 48px;
    font-weight: 700;
    z-index: 1;
    position: relative;
    background: #ffffff85;
}
.feature-container{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 1.5rem;
    padding: 0.25rem;
    position: relative;
}
.feature-grid{
    border-radius: 14px;
    background: #FFF;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.40);
    padding: 1rem;
    position: relative;
    z-index: 1;
}
.feature-icon-box{
    border-radius: 10px;
    background: #bedbff75;
    padding: 10px;
    width: fit-content;
}
.feature-title{
    color: #0A0A0A;
    margin: 10px 0 5px 0;
    font-size: 18px;
    font-weight: 600;
}
.feature-description{
    color: #4E4E5B;
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 0px;
}
.purple-dot{
    position: absolute;
    bottom: 10%;
    left: 0;
}
.number-container{
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.40);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1rem;
    padding: 1.5rem 0;
    text-align: center;
    z-index: 1;
    position: relative;
}
.number-title{
    background: linear-gradient(90deg, #155DFC 0%, #9810FA 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    font-size: 30px;
    font-weight: 600;
}
.number-details{
    margin-bottom: 0;
    color: #717182;
    font-size: 20px;
    font-weight: 500;
}


/* course section design */
.courses-section{
    padding: 2rem 0 4rem 0;
    background-color: rgba(253, 199, 0, 0.10);
    position: relative;
}
.courses-section .abstract-circle{
    position: absolute;
    top: 5%;
    left: 20%;
    display: none;
}
.courses-section .abstract-triangle{
    position: absolute;
    top: 30%;
    left: 7%;
    display: none;
}
.courses-section .abstract-wave{
    position: absolute;
    bottom: 20%;
    display: none;
    right: 10%;
}
.courses-section .abstract-cross{
    position: absolute;
    display: none;
    top: 10%;
    right: 10%;
}
.courses-section .super-title{
    border-radius: 8px;
    background: linear-gradient(90deg, #AD46FF 0%, #F6339A 100%);
    padding: 6px 10px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
}
.courses-section .section-title{
    background: linear-gradient(90deg, #155DFC 0%, #9810FA 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.courses-section .section-title span{
    background: linear-gradient(90deg, #F6339A 0%, #FB2C36 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.courses-section .section-description{
    color: #364153;
    font-size: 18px;
    font-weight: 400;
}
.courses-container{
    display: grid;
    gap: 2rem;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.courses-grid{
    border-radius: 4px;

}
.course-price-box {
    border-radius: 5px 5px 0 0;
    background: #FFDF20;
    text-align: center;
    padding: 5px 0;
}
.course-price-box p{
    margin-bottom: 0;
    color: #06669E;
    font-size: 14px;
    font-weight: 700;
}
.course-more-box{
    border-radius: 0 0 5px 5px;
    background: linear-gradient(270deg, #0A7EBC 0%, #053A56 100%);
    text-align: center;
    padding: 8px 0;
}
.course-more-box span{
    margin-bottom: 0;
    text-decoration: underline;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    line-height: 100%;
}

.courses-grid .grade-img{
    width: 100%;
    border-radius: 0px;
}
.courses-grid .orange-btn{
    margin-top: 16px;
    border-radius: 5px;
}



/* testmonial section design */
.testimonial-section{
    background: #FEF9F2;
    padding: 4rem 0;
}
.testimonial-section .super-title{
    border-radius: 8px;
    border: 1px solid #FFF085;
    background: #FEF9C2;
    padding: 6px 10px;
    color: #A65F00;
    font-size: 16px;
    font-weight: 700;
}
.testimonial-section .section-title{
    color: #0A0A0A;
    font-size: 48px;
    font-weight: 400;
}
.testimonial-section .section-title span{
    background: linear-gradient(90deg, #155DFC 0%, #9810FA 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 48px;
    font-weight: 700;
}
.testimonial-section .section-description{
    color: #717182;
    font-size: 20px;
    font-weight: 400;
    width: 60%;
    margin: auto;
}
.testimonial-container{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1.75rem;
    padding: 0.25rem;
}
.testimonial-grid:nth-child(odd){
    background: #fffffe;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
}
.testimonial-grid:nth-child(even){
    background: #DBEAFF;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
}
.testimonial-grid{
    border-radius: 14px;
    padding: 1.5rem;
}
.testimonial-grid .textimonial-text{
    color: #4E4E5B;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 10px;
}
.grade-improvement-box{
    color: #008236;
    font-size: 14px;
    font-weight: 400;
    border-radius: 8px;
    border: 1px solid #B9F8CF;
    background: #DCFCE7;
    padding: 6px 8px;
    width: fit-content;
}
.student-details{
    display: grid;
    grid-template-columns: 1fr 4fr;
    align-items: center;
    gap: 10px;
    margin-top: 12px;
}
.student-details img{
    width: 100%;
    border-radius: 50%;
}
.student-details .client-detail-box .name{
    color: #0A0A0A;
    font-size: 18px;
    font-weight: 600;
}
.student-details .client-detail-box h4{
    color: #717182;
    font-size: 14px;
    font-weight: 500;
}
.student-details .client-detail-box h5{
    color: #155DFC;
    font-size: 14px;
    font-weight: 500;
}


/* stastistics-section DESIGN */
.stastistics-section{
    background: #FEF9F2;
    padding: 0 0 4rem 0;
}
.stasts-grid-container{
    display: grid;
    border-radius: 6px;
    background: #fff;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 1.5rem;
    gap: 10px;
    text-align: center;
}
.stats-grid {

}
.stats-grid h4{
    color: #0A0A0A;
    font-size: 30px;
    font-weight: 400;
}
.stats-grid p{
    color: #717182;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
}
.stats-grid span{
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
}
.stats-grid span.green-text{
    color: #00A63E;
}
.stats-grid span.blue-text{
    color: #155DFC;
}



/* about2 section design */
.about2-section{
    margin: 4rem 0 2rem 0;
    position: relative;
    /* background: url(../image/home/abt2-bg.png);
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat; */
}
.about2-section .container{
    position: relative;
}
.about2-section .abt2-title{
    padding: 2rem;
    z-index: 2;
    position: relative;
    color: #0A0A0A;
    font-size: 48px;
    font-weight: 500;
}
.about2-section .abt2-text-box{
    display: grid;
    grid-template-columns: auto;
    padding: 4rem;
    margin-top: 4rem;
    border-radius: 10px;
    background: rgba(195, 125, 255, 0.08);

}
.about2-section p{
    color: #4E4E5B;
    font-size: 18px;
    font-weight: 400;
    text-align: justify;
    line-height: 130%
}
.abt2-title-bg-box{
    width: 35vw;
    height: 150px;
    border-radius: 10px;
    position: absolute;
    top: 0;
    background: #FF97061f;
    z-index: 0;
}



/* faq section design */
.faq-section{
    padding: 4rem 0;
}
.faq-section .super-title {
    border-radius: 8px;
    border: 1px solid #BEDBFF;
    background: #DBEAFE;
    padding: 6px 10px;
    color: #2F61FD;
    font-size: 20px;
    font-weight: 700;
}
.faq-section .section-title{
    color: #0A0A0A;
    text-align: center;
    font-size: 48px;
    font-weight: 400;
}
.faq-section .section-title span{
    background: linear-gradient(90deg, #155DFC 0%, #9810FA 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.faq-section .section-description{
    color: #717182;
    font-size: 20px;
    font-weight: 400;
    width: 60%;
    margin: auto;
}
.accordion-container{
    width: 80%;
    margin: auto;
}
.accordion-item {
    margin-bottom: 1rem;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.00);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
}
.accordion-item:not(:first-of-type) {
    border-top: 1px solid #dee2e6;
}
.accordion-button{
    color: #0A0A0A;
    font-size: 18px;
    font-weight: 400;
}


/* cta section design */
.cta-section{
    padding: 0 0 4rem 0;
    text-align: center;
}
.cta-section h4{
    color: #0A0A0A;
    text-align: center;
    font-size: 48px;
    font-weight: 400;
}
.cta-section p{
    color: #717182;
    font-size: 20px;
    font-weight: 400;
    width: 60%;
    margin: auto;
}
.cta-section ul li a{
    color: #0A0A0A;
    font-size: 18px;
    font-weight: 400;
    cursor: pointer;
}
.cta-section ul{
    display: grid;
    gap: 10px;
    align-items: center;
    justify-content: center;
    grid-template-columns: 1fr 1fr 1fr;

}


/* footer design */
.footer-section{
    background: linear-gradient(135deg, #155DFC 0%, #9810FA 50%, #193CB8 100%);
    padding: 4rem 0 2rem 0;
}
.footer-section .footer-head{
    color: #FFF;
    font-size: 48px;
    font-weight: 400;
}
.footer-section .footer-description{
    color: #DBEAFE;
    font-size: 18px;
    font-weight: 400;
    width: 50%;

}
.footer-section .footer-upper-grid-container{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1.5rem;    
}
.footer-section .footer-upper-grid-container .footer-upper-grid{
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.10);
    padding: 1rem;
    text-align: center;
}
.footer-section .footer-upper-grid-container .footer-upper-grid p{
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    margin-top: 10px;
}
.footer-section .foot-title{
    color: #FFF;
    font-size: 22px;
    font-weight: 700;
}
.footer-section .social-list{
    display: flex;
    gap: 10px;
    padding-left: 0;
    list-style-type: none;
    
}
.footer-section .social-list li{
    border-radius: 10px;
    border: 1px solid #8D13F5;
    background: rgba(255, 255, 255, 0.10);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.22);
    padding: 10px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    
}
.footer-about{
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
}
.footer-section ul li a{
    color: #FFF;
    font-size: 17px;
    font-weight: 400;
}
.footer-contact-list, .foot-links-list{
    list-style-type: none;
    padding-left: 0;
}
.footer-contact-box{
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.10);
    padding: 1rem 15px;
}
.footer-contact-list{
    display: grid;
    grid-template-columns: auto;
    gap: 1rem;
    margin-bottom: 0;
}
.footer-contact-list li, .foot-links-list li{
    font-size: 12px;
}
.footer-contact-list li{
    display: flex;
    align-items: center;
}
.footer-newsletter-container{
    padding: 10px 15px;
}
.footer-newsletter-container input{
    width: 100%;
}
.mt-product-container a {
    /* border: 1px solid #ffffff; */
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.10);
    padding: 5px 15px;
}
.mt-product-container {
    display: grid;
    margin: auto;
    max-width: 700px;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    justify-content: center;
    align-items: center;
}
.download-btn-container{
    display: grid;
    margin: auto;
    max-width: 700px;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    justify-content: center;
    align-items: center;
}
.download-btn-container a{
     border-radius: 10px;
    background: rgba(255, 255, 255, 0.10);
    padding: 10px 15px;
    text-align: center;
}
.footer-box{
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.10);
    padding: 15px 15px 0 15px;
}

.footer-box.second{
    /* width: fit-content; */
}
.copyright-section{
    background: #111D38;
    padding: 2rem;
}
.copyright-section p{
    color: #fff;
    margin-bottom: 0;
}
.copyright-section p a{
    font-weight: 600;
    cursor: pointer;
    color: #fff;
}



/* cart modal design */
.cart-modal *{
    margin-bottom: 0;

}
.cart-modal .cart-row {
    background: #ffc1a662;
    display: grid;
    grid-template-columns: 2fr 7fr 3fr;
    gap: 1.5%;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    margin: 14px 0;
    border-radius: 5px;
}
.cart-modal .cart-row img{
    border-radius: 5px;
}
.cart-modal .cart-row .cart-item-detail{
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.cart-modal .cart-row .cart-item-detail .cart-item-super-text{
    text-transform: uppercase;
    margin-bottom: 0;
    color: #0085F2;
    font-size: 14px;
    font-weight: 400;
}
.cart-modal .cart-row .cart-item-detail h4{
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 0;
}
.cart-modal .cart-row .btn-price-box .item-price{
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 700;
    color: #0085F2;
}
.cart-modal .item-action-btn{
    justify-content: center;
}
.cart-modal .cart-row-total {
    background: #ffc1a662;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    margin: 14px 0;
    border-radius: 5px;
    font-size: 20px;
}
.cart-modal .cart-row-total span{
    color: #0085F2;
    font-weight: 700;
    font-size: 22px;
}
.cart-modal .btn-price-box {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}


/* subject-more-modal design */
.subject-more-modal .close-btn{
    border: none;
}
.subject-more-modal .modal-header{
    background: linear-gradient(105deg, #FE7B37 -91.97%, #FFF 46.64%);
}
.subject-more-modal .modal-title{
    color: #FF7F00;
    /* font-size: 25px; */
    font-weight: 600;
}
.subject-more-modal .modal-body{
    padding: 0;
}
.subject-more-modal .modal-body .upper{
    padding: 1rem;
    background: linear-gradient(105deg, #FE7B37 -91.97%, #FFF 46.64%);
}
.subject-more-modal .modal-body .upper h5{
    color: #003286;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 130%;
}
.subject-more-modal .modal-body .lower{
    padding: 1rem ;
    min-height: 130px;
    position: relative;
    display: flex;
    align-items: center;
    
}
.subject-more-modal .modal-body .lower h5{
    color: #4E4E5B;
    font-size: 18px;
    font-weight: 400;
    z-index: 2;
    width: 90%;
}
.subject-more-modal .modal-body .lower .modal-bg{
    position: absolute;
    bottom: 0;
    right: 0;
}


.subject-more-modal .modal-footer{
    background: linear-gradient(93deg, #F38603 17.23%, #FF5882 194.69%);
    text-align: center;
}
.subject-more-modal .modal-footer h5{
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    line-height: 130%;
}









@media only screen and (min-width: 1400px) {
    
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .hero-title {
       font-size: 45px;
    }
    .hero-text-2 {
        position: absolute;
        bottom: 15%;
    }
    .airplane-abstract {
        left: 5%;
    }
    .download-btn-container {
        display: flex;
    }
    .teacher-for-box {
        margin-left: -1.5rem;
    }
    .abt2-title-bg-box {
        width: 45vw;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .hero-context {
        padding: 1rem 0;
    }
    .hero-title span.mschool, .hero-title span.future, .hero-title span.way, .hero-title {
        font-size: 42px;
    }
    .student-rating-container {
        flex-direction: column;
    }
    .about-section .section-title, .feature-section .section-title,
    .testimonial-section .section-title span, .testimonial-section .section-title,
    .cta-section h4, .faq-section .section-title, .footer-section .footer-head {
        font-size: 42px;
    }
    .about-section p {
        width: 100%;
    }
    .airplane-abstract {
        left: 0;
    }
    .feature-container, .courses-container {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .footer-section .footer-description{
        width: 100%;
    }
    .download-btn-container {
        display: flex;
        gap: 5px;
    }
    .hide-1200-992{
        display: none;
    }
    .icon-title-box {
        padding: 1rem 1rem;
        justify-content: start;
        gap: 1rem;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-width: 992px) {
    .hero-context {
        padding: 2rem 0;
    }
    .about-section .section-title, .feature-section .section-title,
    .testimonial-section .section-title span, .testimonial-section .section-title,
    .cta-section h4, .faq-section .section-title, .footer-section .footer-head {
        font-size: 38px;
    }
    .hero-description, .about-section p, .accordion-container,
    .footer-section .footer-description {
        width: 100%;
    }
    .about-section .container {
        border-radius: 40px;
    }
    .airplane-abstract {
        left: 0%;
    }
    .feature-container, .courses-container {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .number-container {
        grid-template-columns: 1fr 1fr 1fr;
        align-items: center;
    }
    .testimonial-section .section-description,
    .faq-section .section-description, .cta-section p {
        width: 80%;
    }
    .testimonial-container {
        grid-template-columns: 1fr 1fr;
    }
    .cart-modal .cart-row img {
        display: none;
    }
    .cart-modal .cart-row {
        grid-template-columns: auto;
    }
    .cart-modal .btn-price-box {
        justify-content: space-between;
    }
    .who-for-container {
        grid-template-columns: 1fr;
    }
    .teacher-for-box {
        margin-top: -2rem;
        margin-left: 0rem;
    }
    .student-for-box {
        margin-top: 0rem;
        padding-bottom: 3rem;
    }
    .abt2-title-bg-box {
        width: 50vw;
    }
    .about2-section .abt2-text-box {
        padding: 1rem 2rem;
        margin-top: 0rem;
    }
    .about2-section p {
        font-size: 16px;
        line-height: 125%;
    }
    .faq-section {
        padding: 2rem 0;
    }
    .learing-edge-box {
        grid-template-columns: 1fr 1fr;
    }
    
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) and (max-width: 768px) {
    .hide-768-600{
        display: none;
    }
    .hero-context {
        padding: 1rem 0;
    }
    .hero-title, .hero-title span.future, .hero-title span.way, .hero-title span.mschool,
    .about-section .section-title, .feature-section .section-title, .learning-edge-section .section-title, .lms-intro-section .section-title,
    .testimonial-section .section-title span, .testimonial-section .section-title, .about2-section .abt2-title,
    .cta-section h4, .faq-section .section-title, .footer-section .footer-head {
        font-size: 38px;
    }
    .student-rating-container{
        flex-direction: column;
    }
    .hero-description, .about-section p, .accordion-container,
    .footer-section .footer-description {
        width: 100%;
    }
    .about-section .container {
        border-radius: 40px;
    }
    .airplane-abstract {
        left: 0%;
    }
    .feature-container, .courses-container {
        grid-template-columns: 1fr 1fr;
        /* gap: 1rem; */
    }
    .number-container {
        grid-template-columns: 1fr 1fr;
        align-items: center;
    }
    .testimonial-section .section-description,
    .learning-edge-section .section-description,
    .faq-section .section-description, .cta-section p {
        width: 100%;
    }
    .testimonial-container, .cta-section ul {
        grid-template-columns: 1fr;
    }
    .cart-modal .cart-row img {
        display: none;
    }
    .cart-modal .cart-row {
        grid-template-columns: auto;
    }
    .cart-modal .btn-price-box {
        justify-content: space-between;
    }
    .learing-edge-box {
        grid-template-columns: 1fr 1fr;
    }
    .who-for-container {
        grid-template-columns: 1fr;
    }
    .teacher-for-box {
        margin-top: -2rem;
        margin-left: 0rem;
    }
    .student-for-box {
        margin-top: 0rem;
        padding-bottom: 3rem;
    }
    .abt2-title-bg-box {
        width: 50vw;
    }
    .about2-section .abt2-text-box {
        padding: 1rem 2rem;
        margin-top: 0rem;
    }
    .about2-section p {
        font-size: 16px;
        line-height: 125%;
    }
    
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
       .header-button-container .search-container {
        max-width: 60%;
    }
    .header-button-container .yellow-btn img, .header-button-container .orange-btn span {
        display: none;
    }
    .header-button-container .yellow-btn, .header-button-container .orange-btn{
        padding: 8px 8px;
    }
    .hero-context {
        padding: 1rem 0;
    }
    .hero-title, .hero-title span.future, .hero-title span.way, .hero-title span.mschool{        
        font-size: 32px;
    }
    .about-section .section-title, .feature-section .section-title,
    .testimonial-section .section-title span, .testimonial-section .section-title,
    .lms-intro-section .section-title, .lms-intro-section .section-title span, .lms-intro-section .section-title .school,
    .learning-edge-section .section-title, .who-for-section .section-title, .who-for-section .section-title span, .about2-section .abt2-title,
    .cta-section h4, .faq-section .section-title, .footer-section .footer-head {
        font-size: 30px;
    }
    .student-rating-container{
        flex-direction: column;
    }
    .hero-description, .about-section p, .accordion-container,
    .footer-section .footer-description, .learning-edge-section .section-description {
        width: 100%;
    }
    .about-section .container {
        border-radius: 40px;
    }
    .airplane-abstract {
        left: 0%;
    }
    .feature-container, .courses-container, .stasts-grid-container {
        grid-template-columns: 1fr;
        /* gap: 1rem; */
    }
    .number-container {
        grid-template-columns: 1fr;
        align-items: center;
        gap: 1rem;
    }
    .testimonial-section .section-description,
    .faq-section .section-description, .cta-section p {
        width: 100%;
    }
    .testimonial-container, .cta-section ul {
        grid-template-columns: 1fr;
    }
    .footer-section .footer-upper-grid-container{
        gap: 0.5rem;
    }
    .footer-section .footer-upper-grid-container .footer-upper-grid{
        padding: 0.75rem;
    }
    .download-btn-container {
        display: flex;
    }
    .mt-product-container {
        grid-template-columns: 1fr 1fr;
    }
    .footer-contact-list {
        grid-template-columns: auto;
    }
    .cart-modal .cart-row img {
        display: none;
    }
    .cart-modal .cart-row {
        grid-template-columns: auto;
    }
    .cart-modal .btn-price-box {
        justify-content: space-between;
    }
    .learing-edge-box {
        display: grid;
        grid-template-columns: 1fr;
    }
    .airplane-abstract{
        opacity: 0.25;
    }
    .student-for-box, .teacher-for-box {
        transform: skewX(-5deg);
    }
    .who-for-container {
        grid-template-columns: 1fr;
        padding: 0 1rem;
    }
    .teacher-for-box {
        margin-top: -2rem;
        margin-left: 0rem;
    }
    .student-for-box {
        margin-top: 0rem;
        padding-bottom: 3rem;
    }
    .who-for-description{
        transform: skewX(5deg);
        width: 90%;
        margin: auto;
        /* margin-top: 1rem; */
        font-size: 14px;
    }
    .icon-title-box {
        padding: 1rem 10px;
        justify-content: center;
        gap: 10px;
    }
    .testimonial-section, .faq-section{
        padding: 2rem 0;
    }
    .about2-section .abt2-text-box {
        padding: 1rem;
        margin-top: 2rem;
    }
    .hide-600-below{
        display: none;
    }

}


/* Extra extra small devices (phones, 600px and down) */
@media only screen and (max-width: 360px) {
    .hero-button-container .orange-btn, .hero-button-container .yellow-btn{
        text-align: center;
    }
}