.header-top-section{
    margin-bottom: 5px;
    background: #1104ad;
        height: 47px;
}
.header-top-section .header-top-left{
    /*padding-top:5px;*/
    /* padding-bottom:5px;*/
}
.header-top-wrapper .header-top-right  {
    position: relative;
    float: right;
    top: 8px;
}
.header-top-wrapper .header-top-right:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    height: 100%;
    width: 200000px;
    background-color: #ff5722;
    border-radius: 50px;
}
.header-top-wrapper .header-top-right .header-contact-list {
    position: relative;
    float: left;
    color: #222222;
    font-size: 15px;
    padding: 10px 0px;
    margin-left: 60px;
}
.header-top-section .header-top-wrapper .header-top-left .header-contact-list{
    padding-left:10px;
} 
.header-top-section .header-top-wrapper .header-top-left .header-contact-list li a{
    text-transform:none;
}
.header-top-section .header-top-wrapper .header-top-right .header-contact-list li a i{
        color: #ffe6be;
    font-size: 18px;
    padding-right: 6px;
}
.header-top-section .header-top-wrapper .header-top-right .header-contact-list li a:hover{
    color: #ffe6be;
     transform: translateY(-2px);
}
.header-main .header-right{
    position:absolute;
        right: 0px;
}
.header-main .header-right .adm-label-img img {
    width: 146px;
}
.header-middle .info-box {
    position: relative;
    float: left;
    margin-left: 10px;
    font-size: 19px;
    color: #1104ad;
    font-weight:700;
    text-align: left;
    text-transform: uppercase;
    padding: 0px 0px 0px 56px;
    margin-top: 40px;
    
}
.header-middle  li span{
font-family: "Source Sans Pro", sans-serif;
}
.header-middle  li {
   
    font-family: 'Quicksand';
    font-weight: 900;
}
.header-middle .tube li {
    color: red;
    font-family: 'Quicksand';
    font-weight: 900;
}

.header-middle .info-box .icon-box {
    position: absolute;
    left: 0px;
    top: 6px;
    color: #fa7712;
    font-size: 30px;
    line-height: 46px;
    width: 50px;
    height: 50px;
    text-align: center;
    border: 1px dashed #ff5722;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.header-middle .info-box .icon-boxs{
    border:0px;
    position: absolute;
    left: 0px;
    top: 2px;
    color: #fa7712;
    font-size: 30px;
    line-height: 44px;
   
    text-align: center;
    
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.header-middle .info-box .icon-boxs img{
    width:62px;
}
.header-middle .tube{
           margin-left: 11px;
}
.header-middle .tube li {
   color:red; 
       font-family: 'Quicksand';
}
.header-middle .tube li  span{
    color:red;
    font-family: "Source Sans Pro", sans-serif;
   
     
}
.header-middle .info-box li span {
    font-weight: 700;
    font-size: 16px;
    color: #333333;
   
}
         .mega-menu-wrapper{
         background: #ed5862;
         }
         .header-middle{
         padding:12px 0px 15px 0px;
         }
         .header-main .main-menu ul li a {
         color: black;
         padding: 20px 0;
         text-transform: none;
         font-size: 18px;
         }
         .header-top-section .header-top-wrapper {
         display: block;
         }
         .header-top-wrapper .header-top-right{
         float: right;
         }
         .header-middle .adm-label-img {
         margin-top:10px;
         }
         .header-middle .label-img img{
         width: 120px;
         }
         .header-middle  .label-img{
             margin-top:10px;
             text-align: center;
         }
         .header-left .header-logo{
         margin-top:15px;
         margin-bottom: 5px;
         }
         .header-main{
         padding: 0px;
         }
         .header-section .theme-btn {
         background-color: #0a0080;
         border-radius: 0px;
         height: 70px;
         font-size: 20px;
         line-height: 70px;
         }
         .mega-menu-wrapper {
         background: #fedcb1;
         }
         .counter-section::before{
         background-color: #c33a43;
         }
         .session-section::before{
         background-color: #c33a43; 
         }
         .header-section {
         position: relative;
         }
         .header-main .main-menu ul li .submenu{
         min-width: 307px;
         }
         .header-top-section .header-top-wrapper .header-contact-list li a {
         color: white;
         text-transform: uppercase;
         }
         .session-wrapper {
         position: relative;
         padding: 54px 60px;
         background-color: #FFE800;
         border-radius: 24px;
         }
         .footer-widgets-wrapper .single-footer-widget .widget-content .contact-info:not(:last-child){
         margin-bottom: 20px;
         }
         .footer-widgets-wrapper .single-footer-widget .widget-content .contact-info i{
         font-size:30px;
         color: #feb81b;
         font-weight: 300;
         }
         .footer-widgets-wrapper .single-footer-widget .widget-content .contact-info p{
         color: var(--header);
         }
         .footer-widgets-wrapper .single-footer-widget .widget-content .contact-info h3{
         color: #0a0080;
         margin-bottom: 8px;
         }
         .footer-widgets-wrapper .widget-head h3{
         color: #0a0080;
         }
         .section-padding {
         padding: 60px 0;
         }
         .hero-3 .hero-bg{
         transform: none !important;
         transition:none !important;
         }
         .hero-3 .hero-height {
         padding: 100px 0 100px;
         }
          .section-title h2 span{
              color: #1104ad;
          }
         .section-title h2 span::before{
             background-image:none;
         }
         .hero-3 .hero-bg::before{
                 background: linear-gradient(85deg, rgb(33 33 38 / 89%) 26.67%, rgba(3, 3, 66, 0) 78.34%);
         }
         .hero-3 .hero-content span {
         display: inline-block;
         font-size: 20px;
         font-weight: 400;
         color: #fedcb1;
         }
         .hero-3 .hero-content h1{
         font-size: 60px;
         }
         .hero-3 .hero-content h1 span {
         font-size: 60px;
         color: #fedcb1;
         font-weight: 700;
         }
         .theme-btn{
         background-color: #cb111d;
         }
         .hero-3 .hero-button .theme-btn.style-two {
         background-color: #1608b1;
         }
         .section-title .sub-title {
         display: inline-block;
         font-size: 15px;
         font-weight: 800;
         letter-spacing: 2px;
         text-transform: uppercase;
         color: #000000;
         background-color: #f6da30;
         margin-bottom: 15px;
         }
         .notice-board {
         background: #fffeeb;
         padding: 0px;
         border-radius: 10px;
         box-shadow: 0 10px 30px rgba(0,0,0,0.08);
         height: 100%;
         }
         .notice-board h3 {
         font-size: 30px;
         font-weight: 700;
         border-bottom: 2px solid #eee;
         padding: 10px;
         border-radius: 10px 10px 0px 0px; 
         background: #f9c95e;
         text-align: center;
         }
         .notice-item {
         border-bottom: 1px dashed #ddd;
         padding: 10px 0;
         }
         .notice-item:last-child {
         border-bottom: none;
         }
         .notice-item .date {
         font-size: 16px;
         color: #ff5722;
         font-weight: 800;
         display: block;
         margin-bottom: 5px;
         }
         .notice-item p {
         margin: 0;
         font-size: 16px;
         font-weight: 600;
         }
         .notice-list {
         max-height: 560px;
         overflow: hidden;
         position: relative;
         padding: 0px 27px;
         }
         .notice-track {
         display: flex;
         flex-direction: column;
         animation: scrollUp 12s linear infinite;
         }
         .notice-board:hover .notice-track {
         animation-play-state: paused;
         }
         @keyframes scrollUp {
         0% {
         transform: translateY(0);
         }
         100% {
         transform: translateY(-50%);
         }
         }
         .about-wrapper-2 .about-content-two .icon-box-items .icon-item .content p {
         font-size: 17px;
         line-height: 150%;
         color: #5C707E;
         font-family: "Source Sans Pro", sans-serif;
         }
         .counter-section {
         position: relative;
         padding-bottom: 38px !important;
         }
         .session-section .session-content ul li{
         font-size: 20px;
         font-weight: 600;
         color:black;
         padding-bottom: 10px;
         }
         .session-section .session-content ul li i{
         
    background: #ffffff;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #cb111d;
    line-height: 40px;
    border-radius: 50px;
         }
         .session-section .session-content  h5{
         color: #c33a43;
         font-weight: 800;
         font-size: 24px;
         }
         .session-section .session-time p{
         font-size: 22px;
         }
         .facility-box {
         background: #fff;
         padding: 25px 20px;
         border-radius: 12px;
         transition: 0.3s;
        box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
         height: 100%;
         }
         .facility-box:hover {
         transform: translateY(-8px);
         box-shadow: 0 15px 35px rgba(0,0,0,0.1);
         }
         .facility-box .icon {
         font-size: 45px;
         color: #cb111d;
         padding-bottom:20px;
         }
         .facility-box h4 {
         font-size: 24px;
         font-weight: 700;
         margin-bottom: 10px;
         color: #0f0581;
         }
         .facility-box p {
         font-size: 18px;
         color: #666;
         }
         .cta-section {
         background: linear-gradient(135deg, #f10917, #ffe800);
         color: #fff;
         position: relative;
         }
         .cta-wrapper h2 {
         font-size: 36px;
         font-weight: 800;
         color: white;
         }
         .cta-wrapper span {
         color: #0e0e0e;
         font-size: 32px;
         background: #fed402;
         padding: 5px 33px;
         border-radius: 50px;
         }
         .cta-wrapper p {
         margin: 0 auto;
         font-size: 18px;
         }
         .cta-buttons .theme-btn {
         margin: 5px;
         }
         .cta-buttons .style-two {
         background: #000;
         color: #fff;
         }
         .footer-section::before {
         top: -45px;
         }
         .footer-widgets-wrapper {
         padding: 24px 0 73px;
         position: relative;
         }
         .footer-widgets-wrapper .single-footer-widget .widget-content .list-area li i{
         color: #cb111d;
         padding-right: 10px;
         }
      .program-box-item .program-content p {
    margin-top: 0px;
         }
         .program-box-item .program-bg{
             mask:none;
     
    border-radius: 30px;

         }
         .program-box-item .program-icon img{
             width:80px;
         }
         .program-box-item .program-content h3{
             font-size:20px;
         }
         .program-box-item {
   padding: 30px 20px;
         }
         .footer-widgets-wrapper .footer-bottom

 {
    text-align: center;
    margin-top: 50px;
    padding-bottom: 1px;
}
        .footer-section .bottom-shape img

 {
    width: 100%;
    height: 151px;
    object-fit: cover;
    background: #f7fae2;
    opacity: 0.6;
}
.footer-section .bottom-shape {
    position: absolute;
    bottom: 0;
}
.theme-btn::before{
        background-color: #050589 !important;
}
.info-box .fa-youtube {
    color: #ff0000; /* YouTube red */
}

.info-box ul li a {
    text-decoration: none;
    color: #333;
    font-weight: 500;
    text-transform: none;
}

.info-box ul li a:hover {
    color: #ff0000;
}
.wave-area .video-popup::before{
    border: 1px solid #ff0404;
}
.wave-area .video-popup{
    background:#ff0404;
}
.wave-area .wave-1 {
    animation-delay: 0s;
    background: #f90000;
}
.wave-area .wave-2{
     background: #f90000;
}
.wave-area .wave-3{
     background: #f90000;
}
.upper-columns .wave-area{
    margin-top:47px;
}
.upper-columns .wave-area .video-text{
    font-weight: 700;
    font-size: 16px;
    color: #333333;
    text-transform:uppercase;
}
.upper-columns .wave-area .video-text span{
    font-size: 19px;
    color: #1104ad
}
  @media screen and (max-width: 425px) and (min-width: 320px){
      .header-left .header-logo img{
          width:100%;
      }
      .header-top-wrapper .header-top-right:before{
          width:0px;
      }
      .header-top-wrapper .header-top-right .header-contact-list {
    margin-left: 0px;
    gap: 5px;
    }
    .header-top-section {
    margin-bottom: 5px;
    background: #1104ad;
    height: 47px;
}
/*.header-top-section .header-top-left{*/
/*    display:none;*/
/*}*/



    .header-top-right .header-contact-list {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
    }

    /* First two items (Teachers & Parents) */
    .header-top-right .header-contact-list li:nth-child(1),
    .header-top-right .header-contact-list li:nth-child(2) {
        width: 42%;
        text-align: center;
    }

    /* Third item (Online Payment) full width */
    .header-top-right .header-contact-list li:nth-child(3) {
        width: 100%;
        text-align: center;
        margin-left:100px;
    }

    .header-top-right .header-contact-list li a {
        display: block;
        padding: 8px;
        background: #ff5722;
        border-radius: 5px;
    }
      .header-top-right .header-contact-list li a {
        font-size: 14px;
        font-weight: 500;
    }
.header-top-section .header-top-wrapper{
    padding-top:0px;
}
.header-1 .sidebar__toggle {
    cursor: pointer;
    color: var(--header);
    background: #e9ce12;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
}
.header-1 .sidebar__toggle {
    cursor: pointer;
    color: var(--header);
    background: #e9ce12;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
}
.hero-3 .hero-content h1 {
    font-size: 32px;
}
.hero-3 .hero-content h1 span{
    font-size: 32px;
}
    .hero-3 .hero-height {
        padding: 40px 0 25px !important;
    }
    .notice-board{
        margin-top:20px;
    }
   .counter-section{
           background-color: #c33a43;
   }
   .section-title{
       margin-bottom:10px;
   }
   .session-content ul{
       text-align:left;
   }
   .session-wrapper {
    padding: 40px 20px;
   }
   /*.footer-widgets-wrapper {*/
   /* padding: 24px 0 6px;*/
   /*}*/
    .footer-widgets-wrapper .single-footer-widget .widget-content .list-area{
        margin-left:10px;
    }
   .footer-widgets-wrapper .single-footer-widget .widget-content .list-area li {
    font-size: 18px;
    font-weight:600;
}
.footer-widgets-wrapper .single-footer-widget .widget-content .contact-info p {
    color: var(--header);
    font-size: 18px;
            font-weight: 600;
}
.footer-widgets-wrapper .single-footer-widget .widget-content .contact-info p br{
    display:block;
}
.footer-section .bottom-shape img{
    display:block;
    height:100%;
}
.footer-widgets-wrapper {
    padding: 7px 0 7px;
}
.footer-widgets-wrapper .footer-bottom {
    text-align: center;
    margin-top: 20px;
}
#header-st{
    background: #fedcb1;
  }
  .header-middle {
    padding: 0px 0px 15px 0px;
}
.hero-3 .hero-bg::before {
    background: linear-gradient(85deg, rgb(33 33 38 / 89%) 26.67%, rgb(3 3 60 / 45%) 78.34%);
}
.header-1 .sidebar__toggle i{
    font-weight:700;
}
.header-main .header-right {
    position: relative;
}
.cta-wrapper h2{
    font-size: 32px;
}
.cta-wrapper span {
    padding: 5px 17px;
    font-size: 28px;
}
.header-top-wrapper .header-top-right{
    display:none;
}
.header-top-section .header-top-wrapper .header-contact-list li{
        padding-left: 97px;
    padding-top: 7px;
}
.offcanvas__logo a img {
    width: 240px;
}
.fix-area .side-login ul{
           display: flex;
        flex-wrap: wrap;
        gap: 5px;
        justify-content: center;
}
.fix-area .side-login ul li a{
    background: #090da7;
        margin-bottom: 5px;
        padding: 10px 20px;
        color:white;
}
.fix-area .side-login ul li a:hover{
   background:#cb111d;
}




    .counter-items {
        display: flex;
        align-items: center;
        gap: 30px;
        text-align: left;
        margin-left:30px;
    }

    /* Icon on left */
    .counter-items .icon img {
        max-width: 80px;
    }
.counter-items .icon{
                          margin-top: 33px;
            border: 1px solid white;
            width: 90px;
            height: 90px;
            text-align: center;
            line-height: 76px;
}
    
    /* Text on right */
    .counter-items .counter-box {
        display: flex;
        flex-direction: column;
    }

    /* Number line */
    .counter-items .count {
        display: flex;
        align-items: center;
        gap: 3px;
    }

    .counter-items .count h3 {
        font-size: 22px;
        margin: 0;
    }

    .counter-items .plus {
        font-size: 18px;
    }

    /* Text below number */
    .counter-items p {
        margin: 0;
        font-size: 18px;
    }
.fix-area .social-media  .info-box .icon-boxs  img {
    width: 40px !important;
}
.fix-area  .tube {
    margin-left: 11px;
}
.fix-area  .info-box {
    position: relative;
    float: left;
    margin-left: 10px;
    font-size: 19px;
    color: #1104ad;
    font-weight: 700;
    text-align: left;
    text-transform: uppercase;
    padding: 0px 0px 0px 56px;
    margin-top: 40px;
}
}