.hero-3 .hero-bg::before {
    /*background:linear-gradient(85deg, rgb(3 3 66 / 98%) 26.67%, rgba(3, 3, 66, 0) 78.34%);*/
    background:linear-gradient(85deg, rgb(29 37 52 / 98%) 26.67%, rgba(3, 3, 66, 0) 78.34%);
}
.about-wrapper .about-image-box .counter-image{
   
    bottom: -54px;
    right: -68px;
}

    .header-top-right{
         float: right;
         }
         .hero-4 .hero-right-thumb img {
         width: 100%;
         height: 100%;
         border-radius: 20px;
         box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
         border: 2px solid white;
         }
         .about-wrapper .about-image-box .counter-image .counter-box p {
         margin-top: -7px;
         color: var(--white);
         font-family: "Quicksand", sans-serif;
         font-size: 16px;
         font-weight: 800;
         }
         .choose-us-section-2 {
         position: relative;
         background: #faf5f2ad;
         }
         .choose-us-wrapper-two .choose-img-items .box-3::before {
         background-color: #e6edb6;
         }
         .section-padding {
         padding: 60px 0;
         }
         .learning-section-four .learn-content h2{
         font-size:35px;
         }
         .learning-section-four .learning-button {
         margin-top:80px !important;
         }
         .learning-cards {
         background-color: #f15f25;
         }
         .learning-section-four .section-title h2 span::before{
         background-image:none;  
         }
         .learning-section-four .learning-button .theme-btn {
         background: #ffe800 !important;
         color: black;
         }
         .learning-section-four .learning-button .theme-btn:hover {
         color: white;
         }
         .footer-widgets-four .widget-content-4 .contact-list li:not(:last-child) {
         margin-bottom: 9px;
         }
         .footer-widgets-wrapper {
         padding: 50px 0 40px;
         position: relative;
         border-bottom: 1px dashed #e1d4d4;
         }
         .footer-widgets-four .widget-content-4 .contact-list li .content p {
         margin: 3px 0 0;
         font-size: 18px;
         }
         .footer-widgets-four .widget-content-4 .contact-list li .content h4{
         font-size: 18px;
         }
         .footer-bottom .footer-wrapper {
         padding-top: 8px;
         padding-bottom: 5px;
         }
         .about-wrapper .about-content .content-bottom {
         margin-left: 10px;
         }
         .about-wrapper .about-image-box .counter-image {
         position: absolute;
         bottom: -6%;
         }
         .program-box-item .program-bg{
         border-radius: 59px;
         }
         .header-top-section .header-top-right .header-top-wrapper .header-contact-list {
    gap: 20px;
}
.section-title .sub-title {
    font-size: 16px;
    font-weight: 700;
    color: #000000;
    background-color: #fdd82d;
}
         .header-top-right li a{
        color: #ffffff !important;
    padding: 1px 10px;
    border-radius: 0px;
    border: 1px solid white;
         }
         .hero-3 .hero-height {
            padding:240px 0 140px;
}
.hero-3 .hero-content h1{
    text-transform:none;
}
.hero-3 .hero-content h1 span{
    color:#fdd82d;
            font-size: 60px;
            font-weight:700;
}
         .header-top-right li a:hover{
        
         color: #ffffa3 !important;
         padding: 1px 10px;
         
         }
         .hero-3 .swiper-slide.swiper-slide-active .hero-bg{
             transform:none;
         }
         /*.bg-cover{*/
         /*        background: #082662 !important;*/
         /*}*/
         .header-section-4 .header-top-section::before{
              background: #04225e;
         }
         .footer-widgets-four {
    background-color: #082662;
}
    .footer-section-four {
        padding-top: 0px;
    }
         .theme-btn{
         /*background: linear-gradient(135deg, #ce20b7, #8906b4);*/
             background: #fdd82d;
    color: black;
    border-radius: 10px;
        height: 50px;
    line-height: 50px;
         }
         .header-top-section .header-top-wrapper .header-contact-list li a {
    color: white;
}
  .header-top-section .header-top-wrapper .header-contact-list li a:hover {
    color: #ffffa3;
}
.header-top-section .header-top-wrapper .header-contact-list li i {
    color: rgb(253 216 45);
    font-size: 16px;
}
.header-top-section .header-top-wrapper p {
    font-size: 16px;
    font-weight: 600;
    color: white;
}
         .header-main .main-menu ul li .submenu li::marker{
         }
         .footer-bottom .footer-wrapper p {
         color: var(--white);
         font-size: 15px;
         }
         .footer-bottom .footer-wrapper .footer-menu{
         color: var(--white);
         font-size: 15px;
         }
         @media (max-width: 1399px) {
         .learning-section-four .butterfly-shape {
         opacity: 0.3;
         }
         }
         .learning-section-four .butterfly-shape {
         position: absolute;
         right: 5%;
         top: 21%;
         }
         .program-section .doll-shape {
         position: absolute;
         left: 17%;
         top: 15%;
         animation: rounded2 6s linear infinite;
         }
         .program-section .flower-shape
         {
         position: absolute;
         right: 26%;
         top: 25%;
         animation: cir36 9s linear infinite;
         }
         @media (max-width: 1399px) {
         .hero-4 .hero-left-content h1 {
         font-size: 59px;
         }
         }
         .event-box-items .event-bg{
         height: 0px;
         }
         /* Notice Board Wrapper */
         .notice-board-wrapper {
         background-color: var(--white);
         box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
         border-radius:20px;
         height: 27em;
         }
         .notice-scroll {
         max-height: 22em;   /* Adjust height */
         overflow-y: auto;
         }
         .event-box-items{
         box-shadow: none;
         }
         .notice-board-wrapper .titl h2{
         text-align:center;
         transform: translateY(-50%);
         margin-bottom: -37px;
         }
         .notice-board-wrapper .titl h2 span{
         font-size: 21px;
         transform: translateY(-50%);
         background: #f15f25;
         color: white;
         padding: 10px 37px;
         border-radius: 50px;
         letter-spacing: -0.04em;
         }
         /* Section Title */
         .notice-board-wrapper .section-title h2 {
         font-size: 28px;
         font-weight: 700;
         color: #333;
         }
         .notice-board-wrapper .section-title h2 span {
         color: #8273ED;
         }
         /* Notice Card */
         .notice-card {
         background: #fff;
         border-left: 5px solid #8273ED; /* Gradient accent effect */
         padding: 15px 20px;
         border-radius: 10px;
         transition: transform 0.3s ease, box-shadow 0.3s ease;
         position: relative;
         }
         .header-main .main-menu ul li a {
         display: inline-block;
         font-size: 18px;
         font-weight: 900;
         }
         /* Pause on hover */
         .notice-board-wrapper:hover .notice-scroll {
         animation-play-state: paused;
         }
         .notice-card:hover {
         transform: translateY(-5px);
         box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
         }
         /* Notice Date */
         .notice-card .notice-date {
         font-size: 14px;
         font-weight: 600;
         color: #555;
         margin-bottom: 5px;
         }
         .notice-card .notice-date .day {
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         text-align: center;
         z-index: 2;
         }
         .notice-card .notice-date .month {
         font-size: 14px;
         text-transform: uppercase;
         color: #555;
         }
         .event-box-items .event-content h3{
         font-size: 20px;
         }
         .event-box-items .event-content {
         position: relative;
         z-index: 2;
         margin-left: 100px;
         }
         /* Notice Title */
         .notice-card .notice-title {
         font-size: 16px;
         font-weight: 600;
         margin-bottom: 8px;
         color: #333;
         }
         /* Notice Description */
         .notice-card .notice-desc {
         font-size: 14px;
         color: #666;
         margin-bottom: 10px;
         }
         .header-4 .mega-menu-wrapper {
         background-color: var(--white);
         border-radius: 16px;
         padding: 0 17px;
         }
         .about-wrapper .about-image-box .about-image img{
         box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
         }
         .about-wrapper .about-image-box .about-image .shape-bg img{
         box-shadow:none;
         }
         .header-right .theme-btn{
         padding: 0 15px;
         }
         .notice-card .link-btn i {
         margin-left: 5px;
         }
         .notice-card .link-btn:hover {
         background: linear-gradient(90deg, #5E4ACF 0%, #8273ED 100%);
         }
         .event-box-items .thumb-icon-box {
         position: absolute;
         bottom: 18%;
         left: 6%;
         }
         .event-box-items {
         padding: 32px 10px;
         }
         .notice-board-wrapper .theme-btn:hover {
         background: linear-gradient(90deg, #5E4ACF 0%, #8273ED 100%);
         }
         .learning-section-four .section-title {
         margin-bottom: 15px;
         }
         .header-main .main-menu ul li .submenu li a {
         justify-content: left;
         }
         .header-main .main-menu ul li .submenu li i{
         padding-right:10px;
         }
         .header-main .main-menu ul li .submenu {
         min-width: 264px;
         }
         .sticky{
         box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
         }
         @media screen and (max-width: 425px) and (min-width: 320px){
             .header-top-section{
                 text-align:center;
             }
                 .header-top-section {
        display: block;
    }
    .header-top-section .header-top-left{
        text-align:center;
    }
     .header-top-section .header-top-left p{
         padding-bottom:10px;
         text-align:center;
         padding-left: 4em;
     }
    .header-top-section .header-top-left .header-contact-list{
            display: none;
    }
    .header-top-section .header-top-right .header-contact-list{
        gap:20px !important;
    }
    .header-top-section .header-top-right  .header-top-wrapper .header-contact-list .mob-none{
        display:none;
    }
    .header-top-section .header-top-right .header-contact-list li {
    font-size: 14px;
    }
    .header-top-right li a{
            padding: 1px 10px;
    }
    .hero-3 .hero-height {
    padding: 60px 0 80px;
}
.header-section {
    position: relative;
}
    .header-section-4 .header-top-section::before{
        border-radius: 0px;
    height: 110%;
    }
         .header-logo img{
         width:85%;
         }
         .offcanvas__logo a img{
         width: 250px;
         }
         .offcanvas__wrapper .offcanvas__content .offcanvas__contact .contact-list li .content h4 a {
         color: var(--header);
         font-size: 16px;
         }
         .offcanvas__wrapper .offcanvas__content .offcanvas__contact .contact-list li .content h4{
         font-size: 16px;
         }
         .header-1 .sidebar__toggle {
         cursor: pointer;
         color: var(--header);
         font-size: 25px;
         font-weight: 900;
         }
         .hero-4 .hero-left-content h1 {
         font-size: 35px;
         }
         .hero-4 .hero-right-thumb img {
         width: 100%;
         height: 100%;
         border-radius: 20px;
         }
         .event-box-items .thumb-icon-box .date {
         position: absolute;
         top: 38%;
         }
         .event-box-items .event-content {
         text-align: left;
         margin-left: 90px;
         margin-top: 4px;
         }
         .event-box-items {
         padding: 35px 8px;
         }
         .event-box-items .thumb-icon-box .date span {
         font-size: 14px;
         }
         .event-box-items .thumb-icon-box .date h2 {
         font-size: 15px;
         }
         .event-box-items .thumb-icon-box {
         position: absolute;
         bottom: 1%;
         left: 5%;
         }
         .event-box-items .event-content P{
         text-align: left;
         }
         .choose-us-content{
         margin-bottom:30px;
         }
         .program-section .section-title {
         margin-bottom:20px;
         }
         .program-section .doll-shape {
         top: 1%;
         }
         .program-section .flower-shape {
         position: absolute;
         right: 8%;
         top: 18%;
         }
        .hero-3 .hero-content h1 span{
            font-size:32px;
        }
         }
         .breadcrumb-wrapper .page-heading .breadcrumb-items{
             background: #f10909;
         }
      .aboutt   .choose-us-wrapper .choose-us-content p{
             text-align:justify;
             text-indent:10px;
             font-size: 17px;
         }
        .aboutt .choose-us-wrapper .choose-img-boxes img{
             border-radius:20px;
             box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
         }
        .aboutt  .choose-us-wrapper .growth_leader{
                  background: aliceblue;
    padding: 20px;
    border-radius: 20px;
    margin-bottom:20px;
          }
         .aboutt .choose-us-wrapper .growth_leader h3{
                font-size: 25px;  
          }
         .aboutt .choose-us-wrapper .growth_leader h3::after {
    content: '';
    width: 70px;
    height: 4px;
    background: linear-gradient(90deg, #86c320, #14b8a6);
    display: block;
    margin-top: 2px;
    border-radius: 5px;
 }
           .aboutt .choose-us-wrapper .growth_leader ul{
                list-style:disc;
                margin-left:30px;
                padding:10px 0px;
            }
           .aboutt  .choose-us-wrapper .growth_leader ul li::marker{
                 color:red;
             }
            .aboutt .choose-us-wrapper  .belief{
                 border:2px dashed grey;
                 margin-top:20px;
                 border-radius:20px;
                 padding:20px;
             }
           .aboutt   .choose-us-wrapper  .belief h3{
                  color:red;
              }
            .aboutt  .choose-us-wrapper  .committee{
                   background: #fdebe4;
             }
           .aboutt   .choose-us-wrapper .develop{
                   background: #e6edb6;
             }
            .aboutt  .choose-us-wrapper  .mid{
                  background: #e6edb6;
             }
             .aboutt .choose-us-wrapper  .excellence{
                          background: #fdebe4;
             }
             @media screen and (max-width: 425px) and (min-width: 320px){
             .aboutt .choose-us-content{
                 margin-bottom:0px;
             }
           .aboutt  .choose-us-wrapper .growth_leader ul li{
                 font-size:16px;
                 font-weight:600;
             }
             
.aboutt .choose-us-wrapper .growth_leader ul {
    list-style: disc;
    margin-left: 15px;
             }
             }
             .team-details-section .team-details-img {
                
                 border:1px solid grey;
                 padding:10px;
                 border-radius:20px;
             }
             .team-details-section .team-details-img img{
                 width:100%;
                 
                 border-radius:20px;
             }
             .team-details-img h5{
                 font-size: 22px;
                 text-align:center;
                 padding:10px 0px;
                 font-weight:700;
                 color:#7f049d;
             }
               .team-details-img h6{
                 font-size: 20px;
                 text-align:center;
                 
                 font-weight:600;
             }
             .team-details-wrap .team-details-content{
                 margin-left:0px;
             }
             .team-details-wrap .team-details-content p{
                 text-align:justify;
            
             font-size: 17px;
             }
              .team-details-wrap .team-details-content .quote{
                      background: aliceblue;
    padding: 15px;
    border-radius: 20px;
    margin-bottom:20px;
              }
               .team-details-wrap .team-details-content .quote h5{
                   font-weight:600;
                   font-style:italic;
               }
                .team-details-wrap .team-details-content .quote h6{
                   font-weight:700;
                   text-align:right;
                   padding-top:10px;
                   font-size: 20px;
               }
                 @media screen and (max-width: 425px) and (min-width: 320px){
                       .team-details-section .team-details-img{
                           margin-top:20px;
                       }
                 }
                 @media (max-width: 1399px) {
    .breadcrumb-wrapper {
        margin-bottom: 25px;
    }
                 }
                 .theme-btn::before {
    background-color: #f11a21;
                 }