body { font-family: 'Poppins', sans-serif; font-weight: 300; overflow-x: hidden !important;}
 html { overflow-x: hidden !important; }
body .btn{transition: all 0.3s ease;}
.btn:not(.px-5){    padding: 0.87rem 1rem !important;}
nav .btn{    padding: 0.7rem 1rem !important;}
.custom-outline-warning { color: #FF7F00; border-color: #FF7F00;font-weight: 600; }
.custom-outline-warning:hover,.custom-outline-warning:active { background-color: #FF7F00 !important;background: linear-gradient(to right, #FF7F00, #ff8306, #ffa726); color: white !important; border-color: #FF7F00; }
.bg-orange:hover { background-color: #fcb84d !important; color: white !important; }
.orange { color: #FF7F00 !important; }
.bg-orange { background-color: #FF7F00 !important; }
.rad { border-radius: 40px !important; }
/* carousel css new */
.swiper-button-next, .swiper-button-prev{margin-top: calc(0px - (var(--swiper-navigation-size)/ 10));}
.swiper { padding: 25px 0;}
.swiper-slide { display: flex; justify-content: center; }
.testimonial-card {  background: #fff; box-shadow:0 0.5rem 1rem rgb(84 84 84 / 30%);  border-radius: 1rem; padding: 1rem 1.5rem; width: 100%; max-width: 300px; height: 180px; text-align: left;  }
.swiper-button-next, .swiper-button-prev { background: rgba(100, 100, 100, 0.6); color: white; border-radius: 50%; width: 40px; height: 40px; top: 50%; transform: translateY(-50%); z-index: 10; }
.swiper-button-next::after, .swiper-button-prev::after { font-size: 18px; }
.testimonial-card p { min-height: 80px; }
/* cta section css new */
.cta-inner { position: relative; display: inline-flex; overflow: hidden; }
.cta-left { background-color: #ff0000; position: relative; z-index: 2; border-radius: 25px;min-width: 230px;}
.cta-right { background-color: #FF7F00; position: relative; overflow: hidden; z-index: 1; border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;}
.hover-fill { position: absolute; top: 0; left: 0; width: 0%; height: 100%; background-color: #ff0000; transition: width 0.5s ease; z-index: 0; }
.cta-link:hover .hover-fill { width: 100%; }
.cta-right span.z-1 { position: relative; z-index: 1; }
.cta-section h3 { font-weight: 700; margin-bottom: 15px; }
.cta-section { background: #FF7F00; padding: 60px 20px 40px; position: relative; z-index: 2; text-align: center; }
.cta-btn { background: #fff; color: #FF7F00; padding: 12px 30px; font-weight: 600; border: none; }
.swiper .rounded-circle{border: 0.124rem solid #FF7F00;}
.swiper-button-next, .swiper-button-prev{display: none;transition: all 0.4s ease;}
.swiper:hover .swiper-button-next, .swiper:hover .swiper-button-prev{display: flex;}
/* hero section css new */
.hero-section {
  background: url('../images/hero.jpg') no-repeat center right/cover;
  min-height: 100vh; 
  position: relative;
}
/* min-height: 100vh; */
.hero-section h1 { font-size: 3.5rem; font-weight: 800; }
.hero-section p.lead { font-size: 1.25rem; }
/* navbar css new */
.navbar.scrolled { background-color: #eceeeb !important; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); }
.navbar-brand img{transition: all 0.3s ease;}
.navbar.scrolled .navbar-brand img{ height: 50px; }
.navbar-nav .nav-item {margin-right: 1rem;}
.navbar-nav .nav-item:last-child {margin-right: 0;}
/* footer section css*/
footer h5 { font-weight: 700; }
.footer-section a{text-decoration: none;}
.footer-section a:hover{color: #FF7F00 !important;}
.footer-bottom { background-color: #FF7F00; font-size: 0.85rem; border-top: 1px solid #FF7F00; }
    
.icon-circle { width: 50px; height: 50px; background-color: #FF7F00; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.footer-wave {  margin-top: -35px; }
.custom-control { position: absolute; top: 50%;  background-color: #fff; border-radius: 50%; width: 45px; height: 45px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); z-index: 10; }

.navbar-nav .dropdown-toggle i {transition: transform 0.3s ease;}
.navbar-nav .show > .dropdown-toggle i {transform: rotate(180deg);}
.navbar .dropdown-toggle::after {display: none !important;}
.navbar-toggler { border: none; background-color: transparent;}
.navbar-toggler:focus {box-shadow: none;}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23FF7F00' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  width: 40px;
  height: 40px;
}

.navbar { background-color: transparent; transition: 0.3s;}
.navbar .nav-link { font-weight: 600; color: #000;  padding: 10px 15px; transition: 0.3s ease;}
.navbar .nav-link:hover,
.navbar .nav-link:focus { color: #000000; background-color: transparent;}
.navbar .nav-link:hover{color: #FF7F00;}
.navbar .dropdown-toggle::after { margin-left: 5px; vertical-align: middle;}
.navbar .dropdown-menu { border: none; border-radius: 0.5rem; box-shadow: 0 0 15px rgba(0, 0, 0, 0.08); background-color: #fff; padding: 0.5rem 0;}
.navbar .dropdown-item { padding: 10px 20px; font-weight: 500; color: #333; transition: background-color 0.3s ease;}
.navbar .dropdown-item:hover,
.navbar .dropdown-item:focus {background-color: #f8f9fa; color: #FF7F00;}
.fs-13rem {
    font-size: 1.279rem;
}
.btn:not(.custom-outline-warning):not(.btn_dark) {background: linear-gradient(to right, #FF7F00, #ff8306, #ffa726);}
.btn:not(.custom-outline-warning):not(.btn_dark):hover {background: linear-gradient(to right, #ffa726, #ff8306, #FF7F00);}
.btn_dark {background: linear-gradient(to right, #010101, #252525, #3a3a3a);color: #fff;}
.btn_dark:hover, .btn_dark:active {
  background: linear-gradient(to right, #3a3a3a, #252525, #010101);color: #fff!important; 
}
.fw-800 {
    font-weight: 800;
}
.standout-section .icon-circle{height: 81px; width: 81px;min-width: 81px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
.standout-section ul>li:first-child .icon-circle{
    background-image: url('../images/Focus.png');
}
.standout-section ul>li:nth-child(2) .icon-circle{
    background-image: url('../images/Customized-learning.png');
} 
.standout-section ul>li:nth-child(3) .icon-circle{
    background-image: url('../images/Enjoyable.png');
}
.fs-14{font-size: 14px;}
.hand{position: absolute;right: -20px;bottom: 0;height: 115%;width: auto;z-index: 1;}
.standout-section  .list-unstyled{z-index: 2;position: relative;}
.footer-section{
  color: #fff;
  position: relative;
  overflow: hidden;
}
.footer-section::after{
    content: '';
    position: absolute;
    /* background-color: #000; */
    background: linear-gradient(to right, #000000, #000000, #1a1a1a, #000000, #000000);
    width: 380vw;
    height: 380vw;
    border-radius: 100%;
    top: -13px;
    left: -50%;
    transform: translateX(-92.5vw);
    z-index: 1;
}
.footer-section .container{
  position: relative;
  z-index: 2;
}
/* Responsive */
@media (min-width: 1200px) {
  .fs-14{font-size: 16px;line-height: 21px;}
  .cta-inner .py-4{padding-top: 1.7rem !important;padding-bottom: 1.7rem !important;}
}
@media (max-width: 1080px) {
 .hand{display: none; }
}
@media (max-width: 991.98px) {
  .hero-section {
    min-height: 550px; 
  }
}
@media (min-width: 992px) {
  .navbar .dropdown:hover > .dropdown-menu {display: block; visibility: visible; opacity: 1;}
  .navbar .dropdown-menu { display: none; opacity: 0; visibility: hidden; position: absolute;}
}
@media (max-width: 991.98px) {
  .navbar-collapse { background-color: #fff; padding: 15px; border-radius: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); margin-top: 10px;}
  .navbar-collapse .nav-link { color: #333; font-weight: 600; padding: 10px 0; transition: color 0.3s ease;}
  .navbar-collapse .nav-link:hover { color: #FF7F00 !important;}
  .navbar .btn { width: 100%; margin: 5px 0;}
}
@media (max-width: 768px) {
  .hero-section h1 { font-size: 2.2rem; }
  .hero-section p.lead { font-size: 1rem; }
  .cta-section h3 { font-size: 1.5rem; }
}
@media (max-width: 767px) {
  .exp {
  gap: unset !important;
  }
}
.cta-banner { top: -39px; left: 0; z-index: 10; }
.cta-inner { font-weight: 600; font-size: 1.05rem;     border-radius: 25px;}
@media (max-width: 768px) { .cta-inner { font-size: 0.95rem; padding: 10px 20px; } }



img.img-fluid { max-width: 100%; height: auto; }

@media (max-width: 768px) {
  .hero-section { text-align: center; padding-top: 50px; background-position: center top; }
  .hero-section h1 { font-size: 2rem; line-height: 1.3; }
  .hero-section p.lead { font-size: 1rem; }
}
@media (max-width: 992px) {
  .standout-section .row { flex-direction: column-reverse; text-align: center; }
  .icon-circle { margin: 0 auto 10px; }
}
@media (max-width: 768px) {
  .learning-path-section .col-lg-8 { text-align: center; }
}
@media (max-width: 768px) {
  .cta-section h3 { font-size: 1.4rem; }
  .cta-btn { font-size: 1rem; padding: 10px 25px; }
}
@media (max-width: 768px) {
  footer .row > div { text-align: center; }
  footer img { margin: 0 auto 20px; }
}
@media (max-width: 992px) {
  .cover-it-all-section .row { flex-direction: column-reverse; text-align: center; }
  .cover-it-all-section img { margin-bottom: 30px; }
}
@media (max-width: 768px) {
  .navbar .btn { margin-top: 10px; }
}
@media (max-width: 991.98px) {
  .navbar-collapse { background-color: #fff; padding: 15px; border-radius: 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
  .navbar-collapse .nav-link { color: #333 !important; padding: 10px 0; font-weight: 600; }
  .navbar-collapse .nav-link:hover { color: #FF7F00 !important; }
  .navbar .btn { width: 100%; margin: 5px 0; }
}
@media (max-width: 768px) {
  .cta-inner { font-size: 0.9rem; padding: 0 !important; border-radius: 40px !important; }
  .cta-left, .cta-right { font-size: 0.9rem; }
  .cta-right span.z-1 { font-size: 0.9rem; }
  .h5, h5{font-size: inherit;}
  .standout-section ul>li:nth-child(4) .icon-circle{display: none;}
  .footer-section::after{background: #000;}
}
@media (max-width: 991.98px) {
  .navbar-collapse { background-color: #fff; padding: 15px; border-radius: 10px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); }
  .navbar-collapse .nav-link { color: #333 !important; padding: 10px 0; font-weight: 600; }
  .navbar-collapse .nav-link:hover { color: #FF7F00 !important; }
  .navbar .btn { width: 100%; margin: 5px 0; }
  .footer-wave{margin-top: 20px;}
  .footer-section::after{top: 0;}
}
/* overlay */
@media (max-width: 1150px) {
  .hero-section::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.6);  z-index: 0;}
  .hero-section > * { position: relative; z-index: 1; }
}

/* waiz new css start */

  /* contact form css start  */
.contact-page-wrapper {font-family: 'Poppins', sans-serif; font-weight: 400; background: #f6f8fa; color: #333;}
.contact-hero {background: linear-gradient(135deg, #FF7F00, #FF9800); color: white; padding: 100px 20px 140px; text-align: center; position: relative;}
.contact-hero h1 {font-size: 2.7rem; font-weight: 700;}
.contact-hero p {font-size: 1.1rem; max-width: 650px; margin: 10px auto 0;}
.hero-wave {position: absolute; bottom: 0; left: 0; width: 100%;}
.contact-section {margin-top: -100px; z-index: 10; position: relative;}
.contact-card {background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(10px); border-radius: 20px; box-shadow: 0 25px 60px rgba(0, 0, 0, 0.1); padding: 50px;}
.form-floating > .form-control {border-radius: 10px; border: 1px solid #ddd;}
.form-floating label {font-size: 0.95rem; color: #555;}
.btn-orange {background-color: #FF7F00; color: white; padding: 12px 30px; border-radius: 50px; font-weight: 500; border: none; transition: 0.3s ease;}
.btn-orange:hover {background-color: #e66c00;}
.info-box {background: white; border-radius: 20px; padding: 40px 30px; box-shadow: 0 15px 30px rgba(0,0,0,0.05);}
.info-item {display: flex; align-items: center; margin-bottom: 25px;}
.info-icon {width: 50px; height: 50px; background: #FF7F00; color: white; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 1.3rem; margin-right: 15px; transition: all 0.3s ease;}
.form-control:focus {box-shadow: none !important; border-color: #ced4da !important; outline: none;}
.info-icon:hover {background-color: #ced4da !important; color: #FF7F00 !important;}
.info-icon:hover i {color: #FF7F00 !important;}
@media (max-width: 767px) {.contact-hero h1 {font-size: 2rem;} .contact-card, .info-box {padding: 30px 20px;}}
/* contact form css end  */

/* demo page css start */
.demo-page-form-control:focus, .demo-page-form-select:focus {box-shadow: none; border-color: #ced4da;}
.demo-page-form-control, .demo-page-form-select {border-radius: 10px;}
.demo-page-btn-orange {background-color: #FF7F00; color: white; padding: 10px 25px; border-radius: 50px; border: none;}
.demo-page-btn-orange:hover {background-color: #e66c00;}
.demo-page-circle {width: 40px; height: 40px; background-color: #FF7F00; border: 3px solid #ffffff; color: #fff; font-weight: bold; font-size: 16px; line-height: 34px; border-radius: 50%; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); text-align: center; flex-shrink: 0;}
@media (max-width: 767px) {.demo-page-circle {width: 35px; height: 35px; font-size: 14px; line-height: 30px;}}
/* demo page css end */

 /* top section imgage  css start */
.imag-top-width{width: 100% !important;}
.top-sec-imag-two{background-size: cover; background-attachment: local;}
@media (max-width: 767px) {.top-sec-imag-two {display: none !important;}}
.mobile-bg-section { display: none;}
@media (max-width: 767px) {.mobile-bg-section { display: block;}}
/*top section imgage css end */

/* Loader animation css start */
#loader-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: #fff; z-index: 9999; display: flex; justify-content: center; align-items: center; transition: opacity 0.5s ease;}
.dot-loader { display: flex; justify-content: space-between; align-items: center; width: 80px;}
.dot-loader div { width: 16px; height: 16px; margin: 0 4px; background-color: #FF7F00;  border-radius: 50%; animation: bounce 0.6s infinite ease-in-out;}
.dot-loader div:nth-child(2) { animation-delay: 0.2s;}
.dot-loader div:nth-child(3) { animation-delay: 0.4s;}
@keyframes bounce { 0%, 80%, 100% { transform: scale(0); } 
  40% { transform: scale(1); }}
/* Loader animation css endes */

/* how-it works css start */
.expect-section { background-color: #fff; overflow: hidden; position: relative;}
.expect-bg-line { 
  display: none;
  width: 300px; max-width: 40%; height: 100%; object-fit: cover; z-index: 0; pointer-events: none; 
}
.expect-section .container { position: relative; z-index: 2;}
.size-add{height: 440px; width: 440px;}
/* how-it works css start */


     /* classes-section-css-start */
    .classes-exact-section { background: linear-gradient(135deg, #ff8000 0%, #ffa500 100%); padding: 20px 10px; color: black;}
    .classes-left-heading h2 { font-size: 2.5rem; font-weight: 800; line-height: 1.1;}
    .classes-left-heading h2 .dark-blue-class { color: #170d53; }
    .classes-left-heading h2 .orange-class { color: #ee5a28; }
    .classes-left-heading h2 .red-class { color: #9e1c1c; }
    .classes-left-heading img { max-width: 250px; height: 177px; }
    .classes-title { color: #170d53; font-weight: 800; font-size: 1.8rem; text-align: center;}
    .classes-card { background-color: transparent; overflow: hidden; height: 100%;}
    .card-header-purple,
    .card-header-blue { padding: 7px 12px; font-weight: 700; display: flex; justify-content: space-between; align-items: center; font-size: 1rem; border-radius: 5px;}
    .card-header-purple { background-color: #652d8e; color: #fff;}
    .card-header-blue { background-color: #1b75b9; color: #fff;}
    .card-header-purple img,
    .card-header-blue img { width: 45px; height: 45px; }
    .classes-body { padding: 10px 2px 10px;}
    .classes-body p { font-size: 0.95rem;  margin-bottom: 12px;  display: flex; font-weight: 600; }
    .classes-body img { width: 16px; height: 16px; margin-right: 10px;}
    .f-set{font-size: 20px; line-height: 22px; font-weight: 800;}
    .hamza-border{border-top: 2px solid white; border-left: 2px solid white; border-right: 2px solid white;  border-radius: 80px 80px 0px 0px; padding: 10px 70px 11px 70px; margin-bottom: -12px;}
    @media (min-width: 992px) { .cap-paper {  position: absolute; }}
    @media (max-width: 767px) {
  .hamza-border {
    border: none !important;
    padding: unset;
    margin-bottom: 5px;
   
  }
  .classes-left-heading h2 {font-size: 2.2rem;}
   .classes-left-heading img { max-width: 230px; height: 140px; }
}
     /* classes-section-css-end */

     /* six card section waiz start */
.six-cards-expect-section { background: #eceeeb; padding: 60px 15px; }
.six-cards-expect-title { text-align: center; font-weight: 700; font-size: 28px; margin-bottom: 60px; }
.note-card-six { position: relative; padding-top: 50px; width: 100%; max-width: 320px; height: auto; min-height: 340px; transition: transform 0.3s ease; display: flex; flex-direction: column; align-items: center; margin: 0 auto; }
.note-card-six:hover { transform: translateY(-5px); }
.pin-img { position: absolute; top: 32px; left: 50%; transform: translateX(-50%); width: 50px; height: 50px; z-index: 10; }
.note-wrapper-six { background: white; border-radius: 20px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); padding: 36px 12px 12px 12px; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; }
.note-inner-six { border-radius: 15px; padding: 12px; height: 100%; word-break: break-word; overflow-wrap: break-word; }
.note-number-six { font-size: 48px; font-weight: 700; line-height: 1; margin-bottom: 2px; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15); }
.note-title-six { font-weight: 700; font-size: 16px; margin-bottom: 8px; }
.note-text-six { font-size: 14px; color: #444; font-weight: 500; }
.bg-orange-six { background-color: #ffe7cf; }
.bg-blue-six { background-color: #dee9ff; }
.bg-purple-six { background-color: #f1e6fc; }
.bg-green-six { background-color: #e5ffd4; }
.bg-teal-six { background-color: #e3fffa; }
.bg-pink-six { background-color: #ffe9f5; }
.orange-text-six { color: #ff6700; }
.blue-text-six { color: #2752c1; }
.purple-text-six { color: #6f00ff; }
.green-text-six { color: #05ad00; }
.teal-text-six { color: #18aaa6; }
.pink-text-six { color: #ce11aa; }
.rotate-m5 { transform: rotate(-5deg); }
.rotate-p5 { transform: rotate(5deg); }
.rotate-m4 { transform: rotate(-4deg); }
.rotate-p6 { transform: rotate(6deg); }

@media (max-width: 767px) {
  .note-card-six, .rotate-m5, .rotate-p5, .rotate-m4, .rotate-p6 { transform: none !important; max-width: 95%; width: 100%; height: auto; }
  .note-wrapper-six { padding: 28px 12px 12px 12px; height: auto; }
  .note-inner-six { padding: 20px; }
  .note-number-six { font-size: 36px; }
  .note-text-six { font-size: 13px; }
}
/* six card section waiz end */


.always-navbar {
  background-color: #eceeeb !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Hover & active color orange, no background */
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active,
.navbar-nav .nav-link:focus,
.navbar-nav .nav-link:active {
  color: #FF7F00 !important;
  background-color: transparent !important;
}


/* Dropdown hover & active */
.navbar .dropdown-item:hover,
.navbar .dropdown-item.active,
.navbar .dropdown-item:focus,
.navbar .dropdown-item:active {
  color: #FF7F00 !important;
  background-color: transparent !important;
}