p {
      color: #000000 !important;
    }

    .container-padding {
      padding: 3rem
    }

    @media screen and(max-width:600px) {
      .container-padding {
        padding: 1rem
      }
    }

    .card {
      background: #f5f5f5;
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0 4px 10px rgba(0, 0, 0, .2);
      border: 0
    }

    .card img {
      width: 100%;
      height: 250px;
      object-fit: cover
    }

    .card-content {
      padding: 15px;
      text-align: center
    }

    .card-content h3 {
      font-size: 18px;
      margin: 0 0 10px;
      color: #333
    }

    .card-content h3:nth-of-type(2) {
      color: #007bff;
      font-weight: 700
    }

    .card-content p {
      font-size: 14px;
      color: #666;
      margin: 0
    }

    .swiper-pagination {
      position: relative;
      margin-top: 20px;
      text-align: center
    }

    .swiper-pagination .swiper-pagination-bullet {
      background: #333;
      color: #fff;
      width: 32px;
      height: 32px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 8px;
      font-size: 16px;
      font-weight: 600;
      margin: 0 6px;
      opacity: .9;
      transition: .3s;
      box-shadow: 0 2px 6px rgba(0, 0, 0, .2)
    }

    .swiper-pagination .swiper-pagination-bullet-active {
      background: red;
      color: #fff;
      transform: scale(1.1)
    }

    .swiper-button-next,
    .swiper-button-prev {
      color: #000
    }

    .swiper-button-next:after,
    .swiper-button-prev:after {
      background: black;
      color: #fff;
      padding: 20px;
      font-size: 16px;
      font-weight: 900
    }

    .btn-enroll-now {
      background: linear-gradient(90deg, #5183c3, #b8e4fa);
      color: #fff;
      border: none;
      position: relative;
      overflow: hidden;
      box-shadow: 0 4px 12px rgba(0, 0, 0, .1);
      transition: transform .3s ease, box-shadow .3s ease;
      padding: 10px 40px;
      text-decoration: none;
      border-radius: 50px;
      font-size: 15px;
      font-weight: 500
    }

    .btn-enroll-now::before {
      content: '';
      position: absolute;
      top: 0;
      left: -75%;
      height: 100%;
      width: 50%;
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, 0) 100%);
      transform: skewX(-20deg);
      animation: shimmer 2.5s infinite
    }

    .btn-enroll-now:hover {
      transform: translateY(-3px);
      color: #fff
    }

    @keyframes shimmer {
      0% {
        left: -75%
      }

      100% {
        left: 125%
      }
    }

    .overviewText {
      color: var(--Neutral-Border, #d5d8dd);
      font-family: Inter;
      font-size: 1rem;
      font-weight: 400;
      line-height: 120%
    }

    .overviewPara {
      color: var(--Neutral-White, #fff);
      font-size: 1rem;
      font-weight: 400;
      line-height: 140%;
      margin-bottom: 1.25rem
    }

    .knowMoreLinks {
      align-items: center;
      justify-content: flex-start;
      gap: 1rem
    }

    .knowMoreLinks p {
      color: var(--Neutral-Ash-Grey, #b6bbc0);
      text-align: center;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.25rem;
      letter-spacing: -.03125rem
    }

    .clickLinktext a {
      text-decoration: underline
    }

    .linksFor_IB a {
      color: #ffeeb9
    }

    .linksFor_AP a {
      color: #919bff
    }

    .linksFor_JEE a {
      color: #f89098
    }

    .linksFor_CBSE a {
      color: #f89098
    }

    .hclass1banner {
      color: #38bcfc;
      font-family: Rubik, Arial, sans-serif;
      font-size: 45px;
      line-height: 1.05;
      max-width: 900px;
      margin-top: 30px;
      padding: .25rem 0
    }

    .hclass1banner .line {
      display: block;
      min-height: 1.05em
    }

    .hclass2banner {
      color: #fff;
      font-size: 30px;
      font-family: Rubik, "Nunito Sans", sans-serif;
      width: 100%
    }

    @media screen and(max-width:600px) {
      .hclass7 {
        width: 100% !important;
        font-size: 1.8vmax !important
      }
    }

    .cardHeadingText {
      display: flex;
      align-items: center;
      gap: 1rem;
      color: var(--Neutral-White, #fff);
      font-size: 2.1vmax;
      font-weight: 700;
      line-height: normal;
      font-family: Rubik;
      transition: all .3s ease
    }

    .course-hover-content a:hover {
      color: #fff !important
    }

    .edu-course.course-style-1.hover-button-bg-white a.edu-btn.btn-secondary:hover,
    .edu-course.course-style-2.hover-button-bg-white a.edu-btn.btn-secondary:hover {
      color: var(--color-black);
      background: #180D3E !important
    }

    /* Equal height content for each box */
    .edu-categorie-area .categorie-grid {
      display: flex;
      flex-direction: column;
      height: 100%;
    }

    .edu-categorie-area .categorie-grid .content {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      /* optional: spreads content nicely */
    }

    .class-types {
      display: flex;
      gap: 2px;
      flex-wrap: wrap;
      margin-top: 4px;
    }

    @media screen and (max-width: 600px) {
      .about-style-3 .about-content .nav-tabs .nav-link {
        color: var(--color-heading);
        font-size: 11px !important;
        font-weight: var(--p-semi-bold);
        font-family: var(--font-secondary);
        background-color: transparent;
        border: none;
        padding: 0;
        position: relative;
        padding-bottom: 1px;
        /* text-align: left; */
      }

      .brand-grid-wrap {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 2px;
        position: relative;
      }
    }

    .edu-about-area.about-style-3 {
      background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
      padding: 50px 0;
      position: relative;
    }

    .edu-about-area.about-style-3 h3 {
      color: #301C6F;
      font-size: 34px;
      font-weight: bold;
      display: inline-block;
      /* background: rgba(48,28,111,0.1); */
      padding: 10px 20px;
      border-radius: 3px;
      /* box-shadow: 0 4px 8px rgba(0,0,0,0.1); */
      text-align: center;
      animation: slideIn 1s ease-out;
    }

    @keyframes slideIn {
      from {
        opacity: 0;
        transform: translateY(-30px);
      }

      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    .edu-about-area.about-style-3 h4 {
      color: #C60100;
      font-size: 20px;
      font-weight: bold;
      /* margin-top: 50px; */
      margin-bottom: 20px;
      /* border-bottom: 3px solid #C60100; */
      padding-bottom: 10px;
      position: relative;
    }

    .edu-about-area.about-style-3 h4::after {
      content: '';
      position: absolute;
      bottom: -3px;
      left: 0;
      width: 60px;
      height: 3px;
      background: #301C6F;
    }

    .edu-about-area.about-style-3 ul {
      list-style: none;
      padding-left: 0;
      margin: 20px 0;
    }

    .edu-about-area.about-style-3 li {
      position: relative;
      padding-left: 40px;
      margin-bottom: 15px;
      color: #555;
      font-size: 16px;
      background: rgba(255, 255, 255, 0.8);
      padding: 10px 30px;
      border-radius: 10px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      transition: background 0.3s ease;
    }

    .edu-about-area.about-style-3 li:hover {
      background: rgba(255, 255, 255, 1);
    }

    .edu-about-area.about-style-3 li::before {
      content: '✓';
      position: absolute;
      left: 10px;
      color: #C60100;
      font-size: 20px;
      font-weight: bold;
    }

    .edu-about-area.about-style-3 span {
      color: #C60100;
      font-weight: bold;
    }

    .edu-about-area.about-style-3 b {
      color: #301C6F;
      font-weight: bold;
    }

    .content-form {
      max-width: 400px !important;
      background-color: white;
      border-radius: 5px;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
      overflow: hidden;
      margin: auto;
      font-family: Helvetica, sans-serif;
      padding: 20px;
    }

    input[type="text"],
    input[type="password"],
    input[type="email"],
    input[type="number"],
    input[type="tel"],
    textarea {
      font-size: 15px;
      background-color: #fff;
      box-shadow: none;
      padding: 0 5px;
      outline: none;
      border: 1px solid #ddd;
      border-radius: 4px;
    }

    .content-form__body {
      padding: 0px 10px;
    }

    .content-form__group {
      margin-bottom: 12px;
      position: relative;

    }

    .cboxn {
      padding: 10px 12px;
      border: 1px solid #ddd;
      border-radius: 4px;
      font-size: 14px;
      width: 100%;
      height: 38px !important;
    }

    .error {
      border: 1px solid red !important;
      background: #ffecec;
    }

    .content-form__submit-btn {
      background-color: #ff6d00;
      color: white;
      border: none;
      border-radius: 4px;
      padding: 12px;
      width: 100%;
      font-size: 16px;
      font-weight: 500;
      cursor: pointer;
      margin-bottom: 10px;
      transition: background-color 0.3s;
      position: relative;
    }

    .content-form__submit-btn:hover {
      background-color: #e65100;
    }

    .success-msg {
      background: #e6ffed;
      color: #0f5132;
      padding: 12px;
      border: 1px solid #badbcc;
      border-radius: 4px;
      text-align: center;
      font-size: 15px;
      font-weight: bold;
      margin-top: 10px;
      display: none;
    }

    #formMessage.error {
      color: red;
      font-size: 14px;
      margin-top: 5px;
      padding: 6px;
    }


    input[type="checkbox"] {
      all: unset !important;
      /* sab reset kar dega */
      width: auto !important;
      height: auto !important;
      appearance: auto !important;
      accent-color: #ff6d00 !important;
    }

    .content-form__group label {
      position: absolute;
      left: 12px;
      top: 50%;
      transform: translateY(-50%);
      color: #999;
      font-size: 14px;
      pointer-events: none;
      transition: 0.2s ease all;
      background: white;
      padding: 0 4px;
    }

    /* Jab input focus ho ya value entered ho tab label upar chale jaaye */
    .cboxn:focus+label,
    .cboxn:not(:placeholder-shown)+label {
      top: -2px;
      font-size: 12px;
      color: #ff6d00;
    }


    .sidebar-image {
      border-radius: 10px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      transition: transform 0.3s ease;
    }

    .sidebar-image:hover {
      transform: scale(1.05);
    }

    .pyq-heading-wrap {
      text-align: center;
      /* box ko center me lane ke liye */
    }

    .pyq-heading {
      display: inline-block;
      /* ⭐ MOST IMPORTANT */
      font-size: 18px;
      margin: 0;
      padding: 10px 25px;
      /* box ke andar spacing */
      border-radius: 30px;
      color: #FFFFFF;
    }

    .edu-about-area.about-style-3 p {
      margin-bottom: 16px;
      line-height: 1.8;
    }

    .ai-clean-section h4 {
      margin-top: 30px;
      margin-bottom: 10px;
      font-size: 22px;
      font-weight: 700;
      color: #301C6F;
    }

    .ai-clean-section p {
      font-size: 15.5px;
      line-height: 1.9;
      color: #222;
      margin-bottom: 14px;
    }

    .ai-clean-section span {
      color: #C60100;
      font-weight: 600;
    }

    .ai-content-wrap {
      max-width: 1000px;
      margin: auto;
    }

    .closing-line {
      margin-top: 25px;
      font-size: 16px;
    }

    /* Mobile */
    @media (max-width: 600px) {
      .ai-clean-section h4 {
        font-size: 20px;
      }

      .ai-clean-section p {
        font-size: 15px;
      }
    }