:root {
   --it-theme-1: #E02121;
   --it-theme-3: #B51818;
   --it-theme-4: #8F1515;
}

.theme-bg,
.scroll-top,
.it-menu-bar span {
   background: #E02121 !important;
}

a:hover,
.it-header-menu nav ul li a:hover,
.it-header-menu nav ul li a.active {
   color: #E02121 !important;
}

.it-section-subtitle.style-2 {
   color: #E02121;
   background: rgba(224, 33, 33, .08);
   border-color: rgba(224, 33, 33, .24);
}

.it-title-shape svg path[fill="#03594E"],
.it-title-shape svg path[stroke="#03594E"],
svg path[fill="#03594E"],
svg path[stroke="#03594E"] {
   fill: #E02121;
   stroke: #E02121;
}

.it-feature-2-area.d-none {
   display: none !important;
}

.it-breadcrumb-area,
.it-breadcrumb-style-2,
.it-breadcrumb-course-details-style {
   background-color: #E02121 !important;
}

.it-breadcrumb-area::before,
.it-breadcrumb-area::after,
.it-breadcrumb-style-2::before,
.it-breadcrumb-style-2::after,
.it-breadcrumb-course-details-style::before,
.it-breadcrumb-course-details-style::after {
   background-color: rgba(224, 33, 33, .78) !important;
}

.it-breadcrumb-area[data-background],
.it-breadcrumb-course-details-style[data-background] {
   background-blend-mode: multiply;
}

.it-breadcrumb-title,
.it-breadcrumb-title.style-2,
.it-breadcrumb-area .it-section-title,
.it-breadcrumb-list,
.it-breadcrumb-list a,
.it-breadcrumb-list span,
.it-breadcrumb-list i,
.it-breadcrumb-list-2 span,
.it-breadcrumb-list-2 span a,
.it-breadcrumb-author-info span,
.it-breadcrumb-author-info .name {
   color: #fff !important;
}

.it-breadcrumb-list span.dvdr,
.it-breadcrumb-list-2 span.dvdr,
.it-breadcrumb-subtitle {
   color: #F8C62F !important;
}

.it-breadcrumb-subtitle {
   background: rgba(255, 255, 255, .14) !important;
   border-color: rgba(255, 255, 255, .28) !important;
}

.it-breadcrumb-area svg path[fill="#03594E"],
.it-breadcrumb-area svg path[stroke="#03594E"],
.it-breadcrumb-area svg path[fill="#D2283D"],
.it-breadcrumb-area svg path[stroke="#D2283D"],
.it-breadcrumb-area svg path[fill="#1AB69D"],
.it-breadcrumb-area svg path[stroke="#1AB69D"],
.it-breadcrumb-course-details-style svg path[fill="#03594E"],
.it-breadcrumb-course-details-style svg path[stroke="#03594E"],
.it-breadcrumb-course-details-style svg path[fill="#D2283D"],
.it-breadcrumb-course-details-style svg path[stroke="#D2283D"],
.it-breadcrumb-course-details-style svg path[fill="#1AB69D"],
.it-breadcrumb-course-details-style svg path[stroke="#1AB69D"] {
   fill: #E02121 !important;
   stroke: #E02121 !important;
}

.it-breadcrumb-shape-1,
.it-breadcrumb-shape-2,
.it-breadcrumb-shape-3,
.it-breadcrumb-shape-4 {
   filter: hue-rotate(132deg) saturate(1.6) contrast(1.05);
}

.ed-hero-split-slide .it-hero-thumb img {
   width: 100%;
   height: clamp(240px, 23vw, 420px);
   min-height: 0;
   object-fit: contain;
   border-radius: 22px;
   box-shadow: 0 28px 70px rgba(31,36,50,.2);
   background: #fff;
}

.ed-hero-full-slide {
   color: #fff;
   background: #10131a;
}

.ed-hero-bg-image {
   position: absolute;
   inset: 0;
   z-index: 0;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   transform: none;
}

.ed-hero-full-slide::after {
   display: none;
}

.ed-hero-full-slide .container {
   position: relative;
   z-index: 2;
}

.ed-hero-full-slide .it-hero-title,
.ed-hero-full-slide .it-hero-text p {
   color: #fff;
}

.it-hero-content .it-hero-title,
.it-hero-content .it-hero-text p {
   text-shadow: 0 8px 26px rgba(0,0,0,.22);
}

.it-hero-typed-wrap {
   display: flex;
   align-items: center;
   min-height: 34px;
   margin: 14px 0 18px;
}

.it-hero-typed-label,
.it-hero-typed-text {
   color: #E02121;
   font-weight: 800;
   font-size: 22px;
}

.ed-hero-full-slide .it-hero-typed-label,
.ed-hero-full-slide .it-hero-typed-text {
   color: #F8C62F;
}

.it-header-menu nav ul li a {
   text-transform: uppercase;
   white-space: nowrap;
}

.it-header-menu nav ul li a.active {
   color: #E02121;
}

.it-header-dropdown .it-submenu .has-dropdown {
   position: relative;
}

.it-header-dropdown .it-submenu .has-dropdown > .it-submenu {
   left: 100%;
   top: 0;
   display: block;
   opacity: 0;
   visibility: hidden;
   transform: translateX(10px);
   transition: all .22s ease;
}

.it-header-dropdown .it-submenu .has-dropdown:hover > .it-submenu {
   opacity: 1;
   visibility: visible;
   transform: translateX(0);
}

@media (min-width: 1200px) {
   .it-header-menu {
      display: flex;
      justify-content: center;
   }

   .it-header-menu nav > ul {
      display: flex;
      align-items: center;
      justify-content: center;
   }
}

html,
body {
   max-width: 100%;
   overflow-x: hidden;
}

body {
   padding-top: var(--header-space, 130px);
}

@media (max-width: 767px) {
   body {
      padding-top: var(--header-space, 98px);
   }
}

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

.it-course-area,
.it-blog-area,
.it-testimonial-2-area,
.it-contact-2-area {
   content-visibility: auto;
   contain-intrinsic-size: 1px 760px;
}

/* Dynamic inner pages ko normal paint flow me rakhta hai; content-visibility footer/spacing ko jump kara sakti thi. */
.dp-content-area {
   content-visibility: visible;
   contain: none;
   padding-top: 20px !important;
   padding-bottom: 70px !important;
   min-height: auto;
/*   background: #f4f7f8;
*/}

.dp-content-area > .container > .row {
   align-items: flex-start;
}

.dp-content {
   position: relative;
   z-index: 2;
}

.dp-enquiry-card {
   position: sticky;
   top: 112px;
   z-index: 3;
}

.header-sticky + .it-breadcrumb-area,
.header-sticky + .dp-content-area,
.header-sticky + main {
   scroll-margin-top: 110px;
}

.ed-gallery-filter {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   gap: 10px;
   margin-bottom: 40px;
}

.ed-gallery-filter button {
   border: 1px solid #e6e8ef;
   background: #fff;
   color: #1f2432;
   min-height: 42px;
   padding: 0 18px;
   font-weight: 700;
   border-radius: 4px;
   transition: all .25s ease;
}

.ed-gallery-filter button.active,
.ed-gallery-filter button:hover {
   border-color: var(--it-theme-1, #D2283D);
   background: var(--it-theme-1, #D2283D);
   color: #fff;
}

.ed-gallery-card {
   position: relative;
   display: block;
   overflow: hidden;
   min-height: 280px;
   border-radius: 8px;
   background: #111827;
}

.ed-gallery-card img {
   width: 100%;
   height: 320px;
   object-fit: cover;
   display: block;
   transition: transform .35s ease;
}

.ed-gallery-card::after {
   content: "";
   position: absolute;
   inset: 0;
   background: linear-gradient(180deg, rgba(0,0,0,0) 42%, rgba(0,0,0,.68) 100%);
}

.ed-gallery-card span,
.ed-gallery-card h4 {
   position: absolute;
   left: 24px;
   z-index: 1;
   color: #fff;
}

.ed-gallery-card span {
   bottom: 62px;
   font-size: 13px;
   font-weight: 700;
   letter-spacing: 0;
}

.ed-gallery-card h4 {
   bottom: 22px;
   margin: 0;
   font-size: 22px;
}

.ed-gallery-card:hover img {
   transform: scale(1.06);
}

.ed-enroll-toast {
   position: fixed;
   left: 22px;
   bottom: 22px;
   z-index: 9998;

   width: min(350px, calc(100vw - 30px));

   display: flex;
   align-items: center;
   gap: 13px;

   padding: 14px 44px 14px 14px;

   background: #ffffff !important;

   border: 1px solid #d8f0df;
   border-left: 5px solid #10a64a;
   border-radius: 16px;

   box-shadow:
      0 18px 42px rgba(15,23,42,.15),
      0 5px 16px rgba(16,166,74,.10);

   opacity: 0;
   visibility: hidden;
   pointer-events: none;

   transform: translateX(-28px);

   transition:
      opacity .32s ease,
      transform .32s ease,
      visibility .32s ease;
}

.ed-enroll-toast.show {
   opacity: 1 !important;
   visibility: visible;
   pointer-events: auto;
   transform: translateX(0);
}

.ed-enroll-toast-icon {
   flex: 0 0 46px;
   width: 46px;
   height: 46px;

   display: grid;
   place-items: center;

   border-radius: 50%;

   background: linear-gradient(135deg,#19bd60,#079641);
   color: #fff;

   font-size: 18px;

   box-shadow:
      0 0 0 7px rgba(16,166,74,.09);
}

.ed-enroll-toast-content {
   min-width: 0;
   flex: 1;
}

.ed-enroll-toast strong {
   display: block;
   margin: 0 0 3px;

   color: #162033;

   font-size: 15px;
   line-height: 1.25;
   font-weight: 800;

   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.ed-enroll-toast-status {
   display: flex;
   align-items: center;
   gap: 5px;

   color: #0a9d42;

   font-size: 13px;
   font-weight: 700;

   margin-bottom: 3px;
}

.ed-enroll-toast-time {
   display: flex;
   align-items: center;
   gap: 5px;

   color: #7c8798;

   font-size: 11.5px;
}

.ed-enroll-toast-close {
   position: absolute;
   right: 10px;
   top: 10px;

   width: 27px;
   height: 27px;

   display: grid;
   place-items: center;

   padding: 0;
   border: 0;
   border-radius: 50%;

   background: #f2f4f7;
   color: #667085;

   font-size: 19px;
   line-height: 1;

   cursor: pointer;
}

.ed-enroll-toast-close:hover {
   background: #e9f8ee;
   color: #0a9d42;
}

@media (max-width:575px) {

   .ed-enroll-toast {
      left: 12px;
      right: 12px;
      bottom: 14px;

      width: auto;

      padding: 12px 40px 12px 12px;
   }

   .ed-enroll-toast-icon {
      flex-basis: 40px;
      width: 40px;
      height: 40px;
      font-size: 16px;
   }

   .ed-enroll-toast strong {
      font-size: 14px;
   }
}
/* Corporate Zone service pages */
.service-page {
   background: #ffffff;
   color: #111827;
}

#for-students,
#for-companies {
   scroll-margin-top: 110px;
}

.service-hero {
   padding: 0px 0 64px;
   background:
      radial-gradient(circle at 82% 18%, rgba(224, 33, 33, .12), transparent 30%),
      linear-gradient(135deg, #fff7f7 0%, #ffffff 46%, #f7fbff 100%);
   overflow: hidden;
}

.service-hero-grid,
.two-col,
.split-panels {
   display: grid;
   grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
   gap: 34px;
   align-items: center;
}

.service-eyebrow,
.section-head span {
   display: inline-flex;
   width: max-content;
   margin-bottom: 14px;
   padding: 7px 12px;
   border-radius: 999px;
   background: #ffe8e8;
   color: #d91515;
   font-size: 12px;
   font-weight: 900;
   text-transform: uppercase;
   letter-spacing: .03em;
}

.service-hero h1 {
   max-width: 720px;
   margin: 0 0 18px;
   color: #111827;
   font-size: clamp(34px, 4.6vw, 64px);
   line-height: 1.05;
   font-weight: 900;
}

.service-hero h1 span {
   color: #e02121;
}

.service-hero p,
.section-head p,
.contact-strip p,
.red-cta p {
   color: #4b5563;
   font-size: 15px;
   line-height: 1.7;
}

.service-hero-copy p {
   max-width: 680px;
   margin: 0 0 10px;
}

.service-actions {
   display: flex;
   flex-wrap: wrap;
   gap: 12px;
   margin-top: 24px;
}

.service-actions a,
.red-cta a {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   min-height: 48px;
   padding: 13px 22px;
   border: 2px solid #e02121;
   border-radius: 8px;
   background: #e02121;
   color: #ffffff;
   font-size: 14px;
   font-weight: 900;
   text-decoration: none;
   box-shadow: 0 14px 30px rgba(224, 33, 33, .24);
   transition: transform .2s ease, background .2s ease, border-color .2s ease;
}

.service-actions a:nth-child(2) {
   border-color: #ffc928;
   background: #ffc928;
   color: #111827;
   box-shadow: 0 14px 30px rgba(255, 201, 40, .24);
}

.service-actions a:hover,
.red-cta a:hover {
   border-color: #b91515;
   background: #b91515;
   color: #ffffff;
   transform: translateY(-2px);
}

.service-visual,
.photo-card {
   overflow: hidden;
   border-radius: 18px;
   background: #ffffff;
   box-shadow: 0 24px 60px rgba(17, 24, 39, .14);
}

.service-visual img,
.photo-card img {
   display: block;
   width: 100%;
 /*  aspect-ratio: 16 / 10;
   object-fit: cover;*/
}

.service-section {
   padding: 60px 0;
}

.soft-red {
   background: linear-gradient(180deg, #fff7f7 0%, #ffffff 100%);
}

.section-head {
   max-width: 820px;
   margin: 0 auto 34px;
   text-align: center;
}

.section-head-small {
   margin-top: 44px;
}

.section-head h2,
.list-panel h3,
.contact-strip h3,
.red-cta h2 {
   margin: 0 0 10px;
   color: #111827;
   font-weight: 900;
   line-height: 1.15;
}

.section-head h2 {
   font-size: clamp(26px, 3vw, 40px);
}

.card-grid,
.icon-grid,
.pill-list {
   display: grid;
   gap: 14px;
}

.card-grid-2 {
   grid-template-columns: repeat(2, minmax(0, 1fr));
}

.icon-grid {
   grid-template-columns: repeat(4, minmax(0, 1fr));
}

.service-card-grid {
   grid-template-columns: repeat(5, minmax(0, 1fr));
}

.mini-card,
.icon-card,
.list-panel,
.contact-strip {
   border: 1px solid #f0d7d7;
   border-radius: 12px;
   background: #ffffff;
   box-shadow: 0 12px 34px rgba(17, 24, 39, .06);
}

.mini-card {
   display: flex;
   align-items: center;
   gap: 10px;
   min-height: 68px;
   padding: 14px;
   color: #111827;
   font-weight: 800;
}

.mini-card i,
.icon-card i,
.contact-strip > i {
   color: #e02121;
}

.icon-card {
   min-height: 132px;
   padding: 20px 16px;
   text-align: center;
}

.icon-card i {
   display: block;
   margin-bottom: 12px;
   font-size: 26px;
}

.icon-card span,
.icon-card strong {
   display: block;
   color: #111827;
   font-size: 14px;
   font-weight: 900;
   line-height: 1.35;
}

.icon-card p {
   margin: 8px 0 0;
   color: #5b6472;
   font-size: 13px;
   line-height: 1.55;
}

.list-panel {
   padding: 26px;
}

.placement-page .pill-list {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 14px;
   margin: 0;
   padding: 0;
   list-style: none;
   justify-content: normal;
   flex-wrap: nowrap;
}

.placement-page .pill-list span,
.check-list li {
   display: flex;
   align-items: center;
   min-height: 42px;
   padding: 10px 12px;
   border-radius: 9px;
   background: #fff7f7;
   color: #1f2937;
   font-size: 13px;
   font-weight: 800;
}

.check-list {
   display: grid;
   gap: 10px;
   margin: 0;
   padding: 0;
   list-style: none;
}

.check-list li::before {
   content: "\f058";
   margin-right: 9px;
   color: #e02121;
   font-family: "Font Awesome 6 Pro";
   font-weight: 900;
}

.contact-strip {
   display: flex;
   gap: 20px;
   align-items: center;
   margin-top: 34px;
   padding: 24px;
}

.contact-strip > i {
   display: grid;
   place-items: center;
   flex: 0 0 66px;
   height: 66px;
   border-radius: 50%;
   background: #fff0f0;
   font-size: 28px;
}

.contact-strip a {
   color: #e02121;
   font-weight: 900;
}

.red-cta {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 22px;
   margin-top: 42px;
   padding: 34px;
   border-radius: 18px;
   background: linear-gradient(135deg, #e02121, #940d0d);
   color: #ffffff;
   overflow: hidden;
}

.red-cta h2,
.red-cta p {
   color: #ffffff;
}

.red-cta a {
   flex: 0 0 auto;
   border-color: #ffffff;
   background: #ffffff;
   color: #b91515;
   box-shadow: none;
}

.process {
   display: grid;
   grid-template-columns: repeat(5, minmax(0, 1fr));
   gap: 12px;
   margin-top: 34px;
}

.process-step {
   padding: 18px 14px;
   border-radius: 12px;
   background: #fff7f7;
   text-align: center;
   font-weight: 900;
}

.process-step b {
   display: grid;
   place-items: center;
   width: 42px;
   height: 42px;
   margin: 0 auto 10px;
   border-radius: 50%;
   background: #e02121;
   color: #ffffff;
}

@media (max-width: 991px) {
   .service-hero-grid,
   .two-col,
   .split-panels {
      grid-template-columns: 1fr;
   }

   .icon-grid,
   .service-card-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }

   .process {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }
}

@media (max-width: 575px) {
   .service-hero,
   .service-section {
      padding: 46px 0;
   }

   .card-grid-2,
   .icon-grid,
   .service-card-grid,
   .placement-page .pill-list,
   .process {
      grid-template-columns: 1fr;
   }

   .contact-strip,
   .red-cta {
      align-items: flex-start;
      flex-direction: column;
   }

   .service-actions a,
   .red-cta a {
      width: 100%;
   }
}

.ed-phone-row {
   display: flex;
   align-items: center;
   gap: 0;
   margin-bottom: 16px;
}

.ed-phone-row span {
   display: grid;
   place-items: center;
   min-width: 72px;
   height: 54px;
   border: 1px solid #e5e7eb;
   border-right: 0;
   border-radius: 8px 0 0 8px;
   background: #f8fafc;
   color: #1f2432;
   font-weight: 800;
}

.ed-phone-row input {
   border-radius: 0 8px 8px 0 !important;
   margin-bottom: 0 !important;
}

.ed-quick-links-wrap {
   background: #f4f5f8;
   padding-top: 28px;
   padding-bottom: 28px;
}

.ed-quick-links {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
   gap: 28px 34px;
   max-width: 1280px;
   margin: 0 auto;
   padding: 10px 24px;
}

.ed-quick-link {
   --ql-color: #E02121;
   position: relative;
   min-height: 128px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 24px;
   border-radius: 20px;
   background: #fff !important;
   color: #10131a !important;
   text-align: left;
   padding: 0 26px 0 0;
   overflow: hidden;
   box-shadow: 0 18px 44px rgba(31,36,50,.10);
   border-right: 7px solid var(--ql-color);
   transition: transform .28s ease, box-shadow .28s ease;
}

.ed-quick-link:hover {
   color: #10131a !important;
   transform: translateY(-5px);
   box-shadow: 0 24px 54px rgba(31,36,50,.15);
}

.ed-quick-link-copy {
   flex: 1;
   min-width: 0;
}

.ed-quick-link-copy strong {
   display: block;
   color: #10131a;
   font-size: 25px;
   font-weight: 800;
   line-height: 1.28;
   margin-bottom: 8px;
}

.ed-quick-link-copy small {
   display: block;
   color: #4e5666;
   font-size: 16px;
   font-weight: 500;
   line-height: 1.55;
}

.ed-quick-link-arrow {
   display: grid;
   place-items: center;
   flex: 0 0 52px;
   width: 52px;
   height: 52px;
   border: 2px solid #dde0e6;
   border-radius: 50%;
   color: #4b5563;
   font-size: 28px;
   line-height: 1;
   transition: all .25s ease;
}

.ed-quick-link:hover .ed-quick-link-arrow {
   border-color: var(--ql-color);
   background: var(--ql-color);
   color: #fff;
}

.ed-quick-link-icon {
   position: relative;
   display: grid;
   place-items: center;
   align-self: stretch;
   flex: 0 0 118px;
   width: 118px;
   height: auto;
   background: var(--ql-color);
   color: #fff;
}

.ed-quick-link-icon svg {
   position: relative;
   z-index: 1;
   width: 42px;
   height: 42px;
}

.ed-quick-link-icon::after {
   content: "";
   position: absolute;
   right: -44px;
   bottom: -44px;
   width: 96px;
   height: 96px;
   border-radius: 50%;
   background: #fff;
}

.ed-quick-link-red { --ql-color: #f12d43; }
.ed-quick-link-dark { --ql-color: #20242d; }
.ed-quick-link-blue { --ql-color: #2d66e8; }
.ed-quick-link-cyan { --ql-color: #169f8d; }
.ed-quick-link-gray { --ql-color: #747d84; }
.ed-quick-link-yellow { --ql-color: #f6a400; }

.ed-quick-link-red .ed-quick-link-arrow {
   background: #101116;
   color: #fff;
   border-color: #101116;
}

.it-testimonial-2-area {
   padding-top: 95px !important;
   padding-bottom: 95px !important;
}

.it-testimonial-section-title-box {
   margin-bottom: 38px !important;
}

.it-testimonial-2-item {
   min-height: 0;
}

.it-testimonial-2-thumb img {
   width: 100%;
   height: 370px;
   object-fit: cover;
}

.it-testimonial-2-content-wrap {
   height: 100%;
}

.it-testimonial-2-content {
   padding-top: 36px !important;
   padding-bottom: 28px !important;
}

.it-testimonial-2-text p {
   display: -webkit-box;
   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
   overflow: hidden;
}

.it-testimonial-dots {
   margin-top: 34px !important;
}

.it-testimonial-2-active {
   overflow: hidden;
}

.it-testimonial-2-active .swiper-slide {
   height: auto;
}

.it-testimonial-2-active .it-testimonial-2-item {
   height: 100%;
   border-radius: 8px;
   overflow: hidden;
}

.it-testimonial-2-active .it-testimonial-2-thumb img {
   height: 300px !important;
}

.it-testimonial-2-active .it-testimonial-2-content {
   min-height: 300px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   padding: 24px 28px !important;
}

.it-testimonial-2-active .it-testimonial-2-avatar-name {
   font-size: 22px;
   line-height: 1.2;
   margin-bottom: 4px;
}

.it-testimonial-2-active .it-testimonial-2-avatar-info span {
   font-size: 14px;
}

.it-testimonial-2-active .it-testimonial-2-text p {
   font-size: 17px;
   line-height: 1.55;
   -webkit-line-clamp: 3;
   margin-bottom: 14px;
}

.it-testimonial-2-badges {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   gap: 8px 10px;
   margin-bottom: 12px;
}

.it-testimonial-google-badge {
   display: inline-flex;
   align-items: center;
   gap: 6px;
   min-height: 30px;
   padding: 5px 10px;
   border: 1px solid #eceff3;
   border-radius: 999px;
   background: #fff;
   color: #252a35;
   font-size: 12px;
   font-weight: 700;
   line-height: 1;
}

.it-testimonial-google-badge svg {
   width: 16px;
   height: 16px;
}

.it-testimonial-star-row {
   display: inline-flex;
   align-items: center;
   gap: 2px;
}

.it-testimonial-star-row svg {
   width: 15px;
   height: 15px;
}

.ed-about-live-title {
   max-width: 650px;
}

.ed-captcha-field {
   margin-bottom: 14px;
}

.ed-captcha-field label {
   display: block;
   margin-bottom: 7px;
   color: #1f2432;
   font-size: 13px;
   font-weight: 700;
}

.ed-captcha-field input {
   width: 100%;
   border: 1.5px solid #E1EAE8;
   border-radius: 8px;
   padding: 11px 14px;
   font-size: 13.5px;
   outline: none;
}

.ed-captcha-field input:focus {
   border-color: var(--it-theme-1, #D2283D);
}

.ed-enroll-field {
   margin-bottom: 14px;
}

.ed-enroll-field label {
   display: block;
   margin-bottom: 7px;
   color: #1f2432;
   font-size: 13px;
   font-weight: 700;
}

.ed-enroll-field select {
   width: 100%;
   border: 1.5px solid #E1EAE8;
   border-radius: 8px;
   padding: 11px 14px;
   font-size: 13.5px;
   color: #1f2432;
   background: #fff;
   outline: none;
}

.dp-enquiry-card select.ed-native-select,
.dp-enquiry-card select {
   width: 100%;
   border: 1.5px solid #E1EAE8;
   border-radius: 8px;
   padding: 11px 14px;
   margin-bottom: 14px;
   font-size: 13.5px;
   color: #1f2432;
   background: #fff;
   outline: none;
}

.ed-enroll-field select:focus {
   border-color: var(--it-theme-1, #D2283D);
}

.ed-enroll-price {
   font-size: 26px;
   font-weight: 800;
   color: var(--it-theme-1, #D2283D);
   margin-bottom: 16px;
}

.ed-enroll-buy-btn {
   width: 100%;
   border: none;
   border-radius: 8px;
   background: var(--it-theme-1, #D2283D);
   color: #fff;
   font-weight: 600;
   padding: 13px;
   font-size: 14.5px;
}

.ed-form-actions {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 10px;
   width: 100%;
   margin-top: 8px;
}

.ed-form-actions .it-btn,
.ed-form-actions .ed-enroll-buy-btn,
.ed-form-actions .ed-buy-link,
.ed-form-actions .ed-demo-btn {
   width: 100%;
   min-width: 0;
   min-height: 46px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   padding: 10px 12px;
   border-radius: 8px;
   border: 0;
   font-size: 14px;
   font-weight: 800;
   line-height: 1.15;
   text-align: center;
   white-space: normal;
}

.ed-form-actions .ed-demo-btn {
   background: #1f2432 !important;
   color: #fff !important;
}

.ed-form-actions .ed-buy-link,
.ed-form-actions .ed-enroll-buy-btn {
   background: #E02121 !important;
   color: #fff !important;
}

.ed-enroll-buy-btn:disabled {
   opacity: .72;
   cursor: wait;
}

.it-course-details-style-2 .it-course-sidebar-wrap {
   max-height: calc(100vh - 135px);
   overflow-y: auto;
   overflow-x: hidden;
   padding-right: 6px;
}

.it-course-details-style-2 .it-course-sidebar-wrap::-webkit-scrollbar {
   width: 6px;
}

.it-course-details-style-2 .it-course-sidebar-wrap::-webkit-scrollbar-thumb {
   background: rgba(31,36,50,.22);
   border-radius: 8px;
}

.it-course-details-style-2 .dp-enquiry-card {
   position: static;
   top: auto;
}

.ed-details-check {
   display: flex;
   align-items: flex-start;
   gap: 10px;
   padding: 12px 0;
   color: #1f2432;
   font-weight: 600;
}

.ed-details-check i {
   color: #E02121;
   margin-top: 4px;
}

.ed-course-accordion .accordion-item {
   border: 1px solid #E8ECF2;
   border-radius: 8px;
   overflow: hidden;
   margin-bottom: 12px;
}

.ed-course-accordion .accordion-button {
   font-weight: 700;
   color: #1f2432;
   box-shadow: none;
}

.ed-course-accordion .accordion-button:not(.collapsed) {
   background: rgba(224,33,33,.08);
   color: #E02121;
}

.ed-course-accordion .accordion-button span {
   margin-left: auto;
   font-size: 14px;
}

.ed-instructor-box,
.ed-author-box {
   display: flex;
   gap: 18px;
   align-items: center;
   padding: 22px;
   border: 1px solid #E8ECF2;
   border-radius: 8px;
   background: #fff;
}

.ed-instructor-box img,
.ed-author-box img {
   width: 86px;
   height: 86px;
   object-fit: cover;
   border-radius: 50%;
   flex: 0 0 86px;
}

.ed-instructor-box h5,
.ed-author-box h5 {
   margin-bottom: 6px;
   font-size: 20px;
}

.ed-instructor-box p,
.ed-author-box p {
   margin: 0;
   color: #60697b;
   line-height: 1.65;
}

.ed-details-note,
.ed-blog-quote {
   padding: 18px 20px;
   border-left: 4px solid #E02121;
   background: rgba(224,33,33,.06);
   border-radius: 8px;
   color: #1f2432;
}

.ed-blog-quote {
   margin: 22px 0;
   font-size: 18px;
   font-weight: 700;
   line-height: 1.6;
}

.ed-blog-details-footer {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
   gap: 14px;
   padding-top: 22px;
   border-top: 1px solid #E8ECF2;
}

.ed-blog-details-footer span {
   color: #1f2432;
   font-weight: 700;
   margin-right: 8px;
}

.ed-blog-share {
   display: inline-flex;
   align-items: center;
   gap: 10px;
}

.ed-blog-share a {
   width: 34px;
   height: 34px;
   display: grid;
   place-items: center;
   border-radius: 50%;
   background: #F4F5F8;
   color: #1f2432;
}

.ed-blog-share a:hover {
   background: #E02121;
   color: #fff !important;
}

@media (max-width: 991px) {
   .ed-quick-links {
      grid-template-columns: 1fr;
      gap: 16px;
      max-width: 820px;
      padding: 14px 28px 28px;
   }

   .ed-quick-link {
      min-height: 112px;
      justify-content: space-between;
      gap: 18px;
      border-radius: 12px;
      background: #fff !important;
      color: #1f2432 !important;
      text-align: left;
      padding: 0 20px 0 0;
      overflow: hidden;
      box-shadow: 0 12px 28px rgba(31,36,50,.12);
      border-right: 7px solid var(--ql-color);
      white-space: normal;
   }

   .ed-quick-link-copy {
      flex: 1;
      min-width: 0;
   }

   .ed-quick-link-copy strong,
   .ed-quick-link-copy small {
      display: block;
   }

   .ed-quick-link-copy small {
      margin-top: 5px;
      color: #60697b;
      font-size: 15px;
      font-weight: 500;
      line-height: 1.45;
   }

   .ed-quick-link-icon {
      display: grid;
      place-items: center;
      flex: 0 0 118px;
      align-self: stretch;
      border-radius: 0;
      color: #fff;
      width: auto;
      height: auto;
   }

   .ed-quick-link-icon svg {
      width: 42px;
      height: 42px;
   }

   .ed-quick-link-arrow {
      display: grid;
      place-items: center;
      flex: 0 0 44px;
      width: 44px;
      height: 44px;
      border: 2px solid currentColor;
      border-radius: 50%;
      font-size: 24px;
      font-weight: 500;
   }

   .ed-quick-link-icon {
      background: var(--ql-color);
   }

   .it-course-details-style-2 .it-course-sidebar-wrap {
      position: static;
      max-height: none;
      overflow: visible;
      padding-right: 0;
   }

   .it-breadcrumb-area {
      min-height: auto;
   }

   .it-breadcrumb-thumb {
      margin-top: 28px;
      text-align: center !important;
   }

   .it-course-details-style-2 .it-course-sidebar {
      margin-top: 35px !important;
   }

   .dp-enquiry-card {
      position: static;
      top: auto;
      margin-top: 28px;
   }
}

@media (max-width: 767px) {
   .ed-quick-links {
      padding-left: 16px;
      padding-right: 16px;
   }

   .ed-quick-link {
      min-height: 104px;
      padding-right: 14px;
      gap: 14px;
   }

   .ed-quick-link-icon {
      flex-basis: 96px;
   }

   .ed-quick-link-icon svg {
      width: 34px;
      height: 34px;
   }

   .ed-quick-link-copy strong {
      font-size: 18px;
      line-height: 1.2;
   }

   .ed-quick-link-copy small {
      font-size: 14px;
   }

   .ed-quick-link-arrow {
      flex-basis: 38px;
      width: 38px;
      height: 38px;
      font-size: 21px;
   }

   .it-testimonial-2-area {
      padding-top: 58px !important;
      padding-bottom: 58px !important;
   }

   .it-testimonial-2-active .it-testimonial-2-thumb img {
      height: 235px !important;
   }

   .it-testimonial-2-active .it-testimonial-2-content {
      min-height: auto;
      padding: 22px 20px !important;
   }

   .it-testimonial-2-active .it-testimonial-2-avatar-name {
      font-size: 20px;
   }

   .it-testimonial-2-active .it-testimonial-2-text p {
      font-size: 15px;
      line-height: 1.5;
   }

   .it-header-logo img {
      max-height: 46px;
   }

   .it-hero-content-slider .swiper-slide {
      min-height: var(--ed-hero-height);
   }

   .it-hero-title,
   .it-breadcrumb-title,
   .it-section-title {
      word-break: normal;
      overflow-wrap: anywhere;
   }

   .it-breadcrumb-area {
      padding-top: 80px;
      padding-bottom: 70px;
   }

   .it-course-details-area,
   .dp-content-area,
   .it-course-area {
      padding-top: 70px !important;
      padding-bottom: 70px !important;
   }

   .dp-enquiry-card {
      padding: 22px 18px;
      border-radius: 10px;
   }

   .ed-form-actions {
      grid-template-columns: 1fr;
   }

   .ed-gallery-card img {
      height: 280px;
   }

   .ed-enroll-toast {
      left: 12px;
      bottom: 14px;
      width: calc(100vw - 24px);
      padding: 13px 14px;
   }

   .it-hero-shape-5,
   .it-hero-shape-6,
   .it-hero-shape-7,
   .it-about-shape-5,
   .it-language-shape-2,
   .it-language-shape-3,
   .it-language-shape-4,
   .it-blog-shape-1,
   .it-blog-shape-2,
   .it-contact-2-shape-1 {
      display: none !important;
   }
}

/* About page visual rules keep the original theme layout stable and responsive. */
.ed-about-page .it-breadcrumb-thumb img {
   max-width: 100%;
   max-height: 360px;
   object-fit: cover;
   border-radius: 10px;
}

.ed-about-main-thumb,
.ed-about-side-thumb,
.ed-about-team-card,
.ed-about-testimonial,
.ed-about-feature-card {
   overflow: hidden;
}

.ed-about-main-thumb img {
   width: 78%;
   min-height: 430px;
   object-fit: cover;
   border-radius: 12px;
   transition: transform .45s ease;
}

.ed-about-side-thumb {
   position: absolute;
   right: 0;
   bottom: -35px;
   width: 48%;
   border-radius: 12px;
   box-shadow: 0 22px 55px rgba(31,36,50,.16);
}

.ed-about-side-thumb img {
   width: 100%;
   height: 300px;
   object-fit: cover;
   border-radius: 12px;
   transition: transform .45s ease;
}

.ed-about-thumb-box:hover .ed-about-main-thumb img,
.ed-about-thumb-box:hover .ed-about-side-thumb img {
   transform: scale(1.05);
}

.ed-about-video-btn {
   position: absolute;
   left: 50%;
   top: 50%;
   width: 64px;
   height: 64px;
   display: grid;
   place-items: center;
   transform: translate(-50%, -50%);
   border-radius: 50%;
   background: #fff;
   color: #E02121;
   box-shadow: 0 18px 42px rgba(31,36,50,.2);
}

.ed-about-exp {
   position: absolute;
   left: 34px;
   bottom: 26px;
   min-width: 150px;
   padding: 22px 20px;
   border-radius: 10px;
   background: #E02121;
   color: #fff;
   text-align: center;
}

.ed-about-exp h4,
.ed-about-exp span {
   color: #fff;
}

.ed-about-points ul {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 14px 22px;
   margin-bottom: 34px;
}

.ed-about-points li {
   display: flex;
   align-items: center;
   gap: 10px;
   font-weight: 600;
   color: #1f2432;
}

.ed-about-points i {
   color: #E02121;
}

.ed-about-call {
   margin-left: 22px;
   font-weight: 700;
   color: #1f2432;
}

.ed-about-actions {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   gap: 14px;
   margin-top: 6px;
}

.ed-about-view-more {
   border: 0;
   min-width: 148px;
}

.ed-about-program-link {
   min-height: 54px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   padding: 0 26px;
   border-radius: 8px;
   background: #1f2432;
   color: #fff !important;
}

.ed-about-more-panel {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 16px;
   max-height: 0;
   opacity: 0;
   overflow: hidden;
   transform: translateY(10px);
   transition: max-height .45s ease, opacity .3s ease, transform .3s ease, margin-top .3s ease;
}

.ed-about-more-panel.is-open {
   max-height: 420px;
   opacity: 1;
   transform: translateY(0);
   margin-top: 22px;
}

.ed-about-more-card {
   min-height: 178px;
   padding: 22px;
   border-radius: 8px;
   background: #fff;
   border: 1px solid rgba(224,33,33,.14);
   box-shadow: 0 14px 34px rgba(31,36,50,.08);
}

.ed-about-more-card span {
   display: inline-flex;
   width: 34px;
   height: 34px;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   background: rgba(224,33,33,.1);
   color: #E02121;
   font-weight: 800;
   margin-bottom: 14px;
}

.ed-about-more-card h5 {
   margin-bottom: 8px;
   font-size: 20px;
   color: #1f2432;
}

.ed-about-more-card p {
   margin: 0;
   color: #60697b;
   line-height: 1.65;
}

.ed-about-stats {
   padding: 68px 0 38px;
}

.ed-about-feature-card,
.ed-about-team-card,
.ed-about-testimonial {
   background: #fff;
   border: 1px solid rgba(224,33,33,.13);
   border-radius: 8px;
   margin-bottom: 30px;
   box-shadow: 0 12px 32px rgba(31,36,50,.08);
   transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.ed-about-feature-card {
   min-height: 245px;
   padding: 30px 26px;
}

.ed-about-feature-card:hover,
.ed-about-team-card:hover,
.ed-about-testimonial:hover {
   transform: translateY(-8px);
   border-color: rgba(224,33,33,.36);
   box-shadow: 0 18px 42px rgba(31,36,50,.13);
}

.ed-about-feature-card span {
   display: inline-grid;
   place-items: center;
   width: 48px;
   height: 48px;
   border-radius: 50%;
   background: rgba(224,33,33,.1);
   color: #E02121;
   font-weight: 800;
   margin-bottom: 24px;
}

.ed-about-feature-card h3,
.ed-about-team-card h3,
.ed-about-testimonial h3 {
   font-size: 22px;
   margin-bottom: 10px;
}

.ed-about-feature-card p,
.ed-about-team-card p,
.ed-about-testimonial p {
   font-size: 15px;
   line-height: 1.7;
}

.ed-about-team-card {
   text-align: center;
   padding-bottom: 24px;
}

.ed-about-team-card img {
   width: 100%;
   height: 270px;
   object-fit: cover;
   margin-bottom: 22px;
   transition: transform .35s ease;
}

.ed-about-team-card:hover img {
   transform: scale(1.05);
}

.ed-about-testimonial {
   padding: 26px;
   min-height: 280px;
}

.ed-about-testimonial-head {
   display: flex;
   align-items: center;
   gap: 16px;
   margin-bottom: 20px;
}

.ed-about-testimonial-head img {
   width: 76px;
   height: 76px;
   border-radius: 50%;
   object-fit: cover;
}

.ed-about-testimonial-head span {
   display: block;
   color: #697386;
   font-size: 14px;
}

/* Course flag badge restores the centered language flag and adds hover movement. */
.it-course-thumb {
   position: relative;
   overflow: visible;
   margin-bottom: 34px;
}

.it-course-thumb > a {
   display: block;
   overflow: hidden;
   border-radius: inherit;
}

.it-course-thumb > a > img {
   transition: transform .38s ease, filter .38s ease;
}

.it-course-item:hover .it-course-thumb > a > img {
   transform: none;
   filter: saturate(1.05);
}

.ed-course-flag {
   position: absolute;
   left: 50%;
   top: auto;
   bottom: -36px;
   z-index: 3;
   width: 76px;
   height: 76px;
   display: grid;
   place-items: center;
   transform: translateX(-50%);
   border-radius: 50%;
   background: #fff;
   box-shadow: 0 18px 42px rgba(31,36,50,.18);
   transition: transform .32s ease, box-shadow .32s ease;
   pointer-events: none;
   padding: 5px;
}

.ed-course-flag img {
   width: 100%;
   height: 100%;
   border-radius: 50%;
   object-fit: cover;
}

.it-course-item:hover .ed-course-flag {
   transform: translateX(-50%) scale(1.08) rotate(-4deg);
   box-shadow: 0 22px 50px rgba(224,33,33,.24);
}

/* Body normal block flow me rahega; footer ko auto flex se push karne par inner pages me gap/overlap aa raha tha. */
html,
body {
   min-height: 100%;
}

body {
   min-height: 100vh;
   display: block;
}

body > footer {
   width: 100%;
}

body > footer > .it-footer-wrap {
   width: 100%;
}

.it-footer-wrap {
   clear: both;
   width: 100%;
   position: relative;
   z-index: 1;
   margin-bottom: 0 !important;
}

body > footer {
   display: block;
   margin: 0;
   padding: 0;
}

.it-copyright-area,
.it-footer-area {
   margin-bottom: 0 !important;
}
/* Inner pages ke footer se pehle extra blank strip ko remove karta hai. */
main > section:last-child,
main > div:last-child,
.it-course-inner-style,
.it-newsletter-area {
   margin-bottom: 0 !important;
}

.it-course-inner-style {
   padding-bottom: 80px !important;
}

.it-newsletter-area {
   padding-bottom: 0 !important;
}

/* Red counter strip ko replace karke reference jaisa real stats band banata hai. */
.ed-real-stats-section {
   background: #fff;
   padding: 42px 0;
}

.ed-real-stats {
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
   align-items: center;
   border: 1px solid rgba(31,36,50,.08);
   border-left: 0;
   border-right: 0;
}

.ed-real-stat-item {
   position: relative;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   min-height: 132px;
   padding: 16px 14px;
   text-align: center;
}

.ed-real-stat-item:not(:last-child)::after {
   content: "";
   position: absolute;
   top: 20px;
   right: 0;
   width: 1px;
   height: calc(100% - 40px);
   background: rgba(31,36,50,.75);
}

.ed-real-stat-item strong {
   display: block;
   color: #020202;
   font-family: Georgia, "Times New Roman", serif;
   font-size: clamp(38px, 4.2vw, 64px);
   font-weight: 700;
   line-height: .95;
   letter-spacing: 0;
}

.ed-real-stat-item span {
   display: block;
   margin-top: 13px;
   color: #7a7380;
   font-family: Georgia, "Times New Roman", serif;
   font-size: clamp(18px, 1.8vw, 28px);
   font-weight: 700;
   line-height: 1.1;
}

.ed-google-rating-mark {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 8px;
   margin-top: 10px;
}

.ed-google-rating-mark > svg:first-child {
   width: 24px;
   height: 24px;
   flex: 0 0 24px;
}

.ed-google-rating-mark .it-testimonial-star-row {
   display: inline-flex;
   align-items: center;
   gap: 2px;
}

.ed-google-rating-mark .it-testimonial-star-row svg {
   width: 15px;
   height: 15px;
}

/* Current batch page schedule ko screenshot-style tabs, table aur mobile cards me convert karta hai. */
.ed-batch-page {
   background: #fff;
   border: 1px solid rgba(31,36,50,.08);
   border-radius: 8px;
   box-shadow: 0 18px 48px rgba(31,36,50,.08);
   overflow: hidden;
}

.ed-batch-head {
   padding: 34px 36px 22px;
   background: linear-gradient(135deg, rgba(224,33,33,.08), rgba(255,255,255,1) 62%);
}

.ed-batch-head span,
.ed-corporate-hero span {
   display: inline-flex;
   align-items: center;
   min-height: 30px;
   padding: 5px 14px;
   border-radius: 999px;
   background: rgba(224,33,33,.1);
   color: #E02121;
   font-size: 13px;
   font-weight: 800;
   text-transform: uppercase;
}

.ed-batch-head h2,
.ed-corporate-hero h2 {
   margin: 14px 0 10px;
   font-size: 34px;
   line-height: 1.18;
}

.ed-batch-head p,
.ed-corporate-hero p {
   max-width: 780px;
   margin: 0;
   color: #5f6877;
   line-height: 1.7;
}

.ed-batch-tabs {
   display: flex;
   flex-wrap: wrap;
   gap: 0;
   padding: 0 36px;
   border-bottom: 1px solid rgba(31,36,50,.1);
}

.ed-batch-tabs button {
   min-height: 48px;
   padding: 0 20px;
   border: 1px solid rgba(31,36,50,.1);
   border-bottom: 0;
   background: #f6f7f9;
   color: #1f2432;
   font-weight: 700;
   cursor: pointer;
}

.ed-batch-tabs button.active {
   background: #fff;
   color: #E02121;
   box-shadow: inset 0 3px 0 #E02121;
}

.ed-batch-panel {
   display: none;
}

.ed-batch-panel.active {
   display: block;
}

.ed-batch-table-wrap {
   overflow-x: auto;
}

.ed-batch-table {
   width: 100%;
   border-collapse: collapse;
   color: #596273;
}

.ed-batch-table th,
.ed-batch-table td {
   padding: 15px 16px;
   border: 1px solid rgba(31,36,50,.1);
   text-align: left;
   vertical-align: middle;
}

.ed-batch-table th {
   background: #fbfbfc;
   color: #596273;
   font-size: 14px;
   font-weight: 800;
}

.ed-batch-code {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   min-width: 70px;
   min-height: 34px;
   padding: 6px 12px;
   border-radius: 5px;
   background: #3FA047;
   color: #fff;
   font-weight: 800;
}

.ed-batch-register {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   min-height: 36px;
   padding: 8px 16px;
   border-radius: 5px;
   background: #E02121;
   color: #fff;
   font-weight: 800;
   white-space: nowrap;
}

.ed-batch-register:hover {
   background: #b81717;
   color: #fff;
}

/* Corporate dynamic page ko cleaner cards, process aur CTA layout deta hai. */
.ed-corporate-page {
   display: grid;
   gap: 26px;
}

.ed-corporate-hero {
   display: grid;
   grid-template-columns: minmax(0, 1fr) 250px;
   gap: 28px;
   align-items: stretch;
   padding: 34px;
   border-radius: 8px;
   background: linear-gradient(135deg, #fff 0%, #fff7f7 100%);
   border: 1px solid rgba(224,33,33,.15);
}

.ed-corporate-actions {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 14px;
   margin-top: 24px;
}

.ed-corporate-phone {
   color: #1f2432;
   font-weight: 800;
}

.ed-corporate-meter {
   display: flex;
   flex-direction: column;
   justify-content: center;
   min-height: 220px;
   padding: 24px;
   border-radius: 8px;
   background: #1f2432;
   color: #fff;
}

.ed-corporate-meter strong {
   font-size: 42px;
   line-height: 1;
   color: #fff;
}

.ed-corporate-meter span {
   margin: 10px 0;
   color: #fff;
   font-weight: 800;
}

.ed-corporate-meter small {
   color: rgba(255,255,255,.74);
   line-height: 1.6;
}

.ed-corporate-grid {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 18px;
}

.ed-corporate-card,
.ed-corporate-process {
   padding: 24px;
   border: 1px solid rgba(31,36,50,.09);
   border-radius: 8px;
   background: #fff;
   box-shadow: 0 14px 34px rgba(31,36,50,.07);
}

.ed-corporate-card span {
   display: inline-grid;
   place-items: center;
   width: 42px;
   height: 42px;
   border-radius: 50%;
   background: rgba(224,33,33,.1);
   color: #E02121;
   font-weight: 900;
   margin-bottom: 18px;
}

.ed-corporate-card h3,
.ed-corporate-process h3 {
   font-size: 22px;
   margin-bottom: 10px;
}

.ed-corporate-card p {
   margin: 0;
   color: #687285;
   line-height: 1.65;
}

.ed-corporate-process {
   display: grid;
   gap: 14px;
}

.ed-corporate-process > div {
   display: flex;
   align-items: center;
   gap: 14px;
   padding: 14px;
   border-radius: 8px;
   background: #f8f9fb;
}

.ed-corporate-process b {
   display: inline-grid;
   place-items: center;
   flex: 0 0 34px;
   width: 34px;
   height: 34px;
   border-radius: 50%;
   background: #E02121;
   color: #fff;
}

/* Private tuition page ko reference layout jaisa banner, readable content aur package chips deta hai. */
.ed-private-page {
   display: grid;
   gap: 26px;
   padding: 30px;
   border-radius: 8px;
   background: #fff;
   box-shadow: 0 14px 38px rgba(31,36,50,.06);
}

.ed-private-banner {
   position: relative;
   min-height: 260px;
   border-radius: 8px;
   overflow: hidden;
   background: #1f2432;
}

.ed-private-banner img {
   width: 100%;
   height: 100%;
   min-height: 260px;
   object-fit: cover;
   opacity: .72;
}

.ed-private-banner > div {
   position: absolute;
   inset: 0;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   padding: 28px;
   text-align: center;
}

.ed-private-banner span {
   display: inline-flex;
   padding: 6px 14px;
   border-radius: 999px;
   background: #E02121;
   color: #fff;
   font-weight: 800;
   margin-bottom: 14px;
}

.ed-private-banner h2 {
   margin: 0;
   color: #fff;
   font-size: 46px;
   line-height: 1.1;
   letter-spacing: 0;
}

.ed-private-copy h3 {
   font-size: 24px;
   margin: 24px 0 12px;
   line-height: 1.25;
}

.ed-private-copy h3:first-child {
   margin-top: 0;
}

.ed-private-copy p,
.ed-private-copy li {
   color: #687285;
   line-height: 1.85;
}

.ed-private-copy ul {
   padding-left: 22px;
}

.ed-private-packages {
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
   margin: 12px 0 20px;
}

.ed-private-packages span {
   display: inline-flex;
   align-items: center;
   min-height: 36px;
   padding: 7px 14px;
   border-radius: 999px;
   background: rgba(224,33,33,.1);
   color: #E02121;
   font-weight: 800;
}

.ed-generic-page {
   background: #fff;
   border-radius: 8px;
   padding: 24px;
   border: 1px solid rgba(31,36,50,.08);
   box-shadow: 0 18px 48px rgba(31,36,50,.08);
}

.ed-generic-banner {
   height: 320px;
   border-radius: 8px;
   overflow: hidden;
   margin-bottom: 24px;
   background: #f4f7f8;
}

.ed-generic-banner img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
}

.ed-generic-head {
   padding-bottom: 22px;
   margin-bottom: 24px;
   border-bottom: 1px solid rgba(31,36,50,.08);
}

.ed-generic-head span {
   display: inline-block;
   margin-bottom: 8px;
   color: #E02121;
   font-weight: 800;
}

.ed-generic-head h2 {
   margin-bottom: 16px;
   color: #1f2432;
   font-size: clamp(28px, 3vw, 42px);
   line-height: 1.14;
}

.ed-generic-actions {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   gap: 12px;
}

.ed-generic-actions .it-btn {
   min-height: 50px;
   padding: 0 22px;
}

.ed-upload-link {
   min-height: 50px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   padding: 0 18px;
   border-radius: 8px;
   background: rgba(224,33,33,.08);
   color: #E02121;
   font-weight: 800;
}

.ed-generic-copy {
   color: #60697b;
   line-height: 1.78;
}

.ed-generic-copy h1,
.ed-generic-copy h2,
.ed-generic-copy h3,
.ed-generic-copy h4 {
   color: #1f2432;
   margin-bottom: 14px;
}

.ed-online-page {
   background: #fff;
}

.ed-online-intro {
   display: grid;
   grid-template-columns: minmax(0, 1fr) 360px;
   gap: 34px;
   align-items: start;
   padding: 8px 0 34px;
}

.ed-online-intro-copy span,
.ed-online-heading-row span {
   display: inline-block;
   margin-bottom: 8px;
   color: #E02121;
   font-weight: 800;
}

.ed-online-intro-copy h2 {
   margin-bottom: 14px;
   font-size: 28px;
   color: #1f2432;
}

.ed-online-intro-copy p {
   margin-bottom: 10px;
   color: #596273;
   line-height: 1.75;
}

.ed-online-link {
   color: #E02121;
   font-weight: 900;
   font-size: 13px;
}

.ed-online-stats {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 22px 30px;
   text-align: center;
}

.ed-online-stats strong {
   display: block;
   color: #E02121;
   font-size: 42px;
   line-height: 1;
}

.ed-online-stats span {
   display: block;
   margin-top: 6px;
   color: #596273;
   font-size: 13px;
}

.ed-online-levels {
   position: relative;
   padding: 42px 0 6px;
   margin: 0;
   background: transparent;
   border: 0;
   overflow: hidden;
}

.ed-online-levels::before,
.ed-online-levels::after {
   display: none;
}

.ed-online-levels::before {
   left: 42%;
   top: 0;
   width: 7px;
   height: 100%;
}

.ed-online-levels::after {
   right: 0;
   bottom: 38px;
   width: 34%;
   height: 7px;
}

.ed-online-section-title,
.ed-online-gallery-band h3 {
   position: relative;
   z-index: 1;
   margin: 0 0 28px;
}

.ed-online-section-title span {
   display: inline-block;
   margin-bottom: 8px;
   color: #E02121;
   font-weight: 800;
}

.ed-online-section-title h3,
.ed-online-gallery-band h3 {
   margin: 0;
   color: #1f2432;
   font-size: 26px;
}

.ed-online-gallery-band h3 {
   color: #fff;
}

.ed-online-level-grid {
   position: relative;
   z-index: 1;
   max-width: 1170px;
   margin: 0 auto;
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
   gap: 18px;
}

.ed-online-level-card {
   min-height: 142px;
   padding: 22px;
   border-radius: 6px;
   background: var(--level-color);
   color: #fff;
   position: relative;
   overflow: hidden;
   border: 1px solid rgba(255,255,255,.28);
   box-shadow: 0 16px 34px rgba(31,36,50,.12);
}

.ed-online-level-card h4 {
   max-width: 95px;
   margin: 0;
   color: #fff;
   font-size: 18px;
   line-height: 1.15;
}

.ed-online-level-card:nth-child(3) h4,
.ed-online-level-card:nth-child(7) h4 {
   color: #1f2432;
}

.ed-online-level-card:nth-child(3) strong,
.ed-online-level-card:nth-child(7) strong {
   color: rgba(31,36,50,.24);
}

.ed-online-level-card strong {
   position: absolute;
   right: 16px;
   bottom: 18px;
   color: rgba(255,255,255,.36);
   font-size: 52px;
   line-height: 1;
}

.ed-online-level-card a {
   position: absolute;
   left: 22px;
   bottom: 20px;
   min-height: 28px;
   padding: 6px 14px;
   border-radius: 3px;
   background: #fff;
   color: #E02121;
   font-size: 12px;
   font-weight: 800;
}

.ed-online-section {
   padding: 42px 0 0;
}

.ed-online-heading-row {
   display: flex;
   align-items: end;
   justify-content: space-between;
   gap: 16px;
   margin-bottom: 18px;
}

.ed-online-heading-row h3,
.ed-online-section h3,
.ed-online-bottom-grid h3,
.ed-online-contact-strip h3 {
   margin: 0 0 16px;
   color: #1f2432;
   font-size: 25px;
}

.ed-online-heading-row a {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   min-height: 38px;
   padding: 8px 16px;
   border-radius: 5px;
   background: #E02121;
   color: #fff;
   font-weight: 800;
}

.ed-online-card-grid {
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
   gap: 22px;
}

.ed-online-info-card,
.ed-online-service-card {
   min-height: 270px;
   padding: 28px 20px;
   border-radius: 6px;
   background: #fff;
   border: 1px solid rgba(31,36,50,.12);
   border-top: 4px solid #E02121;
   box-shadow: 0 10px 26px rgba(31,36,50,.08);
   text-align: center;
}

.ed-online-info-card:nth-child(2) { border-top-color: #1f2432; }
.ed-online-info-card:nth-child(3) { border-top-color: #F8C62F; }
.ed-online-info-card:nth-child(4) { border-top-color: #E02121; }

.ed-online-info-card i,
.ed-online-service-card i {
   width: 74px;
   height: 74px;
   display: inline-grid;
   place-items: center;
   border-radius: 50%;
   margin-bottom: 18px;
   background: #E02121;
   color: #fff;
   font-size: 30px;
}

.ed-online-service-card i {
   background: transparent;
   color: #E02121;
   font-size: 56px;
   width: auto;
   height: 70px;
}

.ed-online-info-card h4,
.ed-online-service-card h4 {
   margin-bottom: 12px;
   color: #1f2432;
   font-size: 18px;
}

.ed-online-info-card p,
.ed-online-service-card p,
.ed-online-bottom-grid p,
.ed-online-contact-strip p {
   margin: 0;
   color: #667085;
   line-height: 1.7;
   font-size: 14px;
}

.ed-online-info-card a,
.ed-online-service-card a {
   color: #E02121;
   font-weight: 800;
}

.ed-online-gallery-band {
   margin: 50px calc(50% - 50vw) 0;
   padding: 34px 34px 90px;
   background: #1f2432;
   position: relative;
   overflow: hidden;
}

.ed-online-gallery-band::after {
   content: "";
   position: absolute;
   left: -8%;
   right: -8%;
   bottom: -64px;
   height: 140px;
   background: #fff;
   border-radius: 50% 50% 0 0;
}

.ed-online-gallery-grid {
   position: relative;
   z-index: 1;
   max-width: 1170px;
   margin: 0 auto;
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
   gap: 12px;
}

.ed-online-gallery-grid img {
   width: 100%;
   height: 150px;
   object-fit: cover;
   display: block;
}

.ed-online-bottom-grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 46px;
   padding: 46px 0 24px;
}

.ed-online-awards {
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
   gap: 10px;
}

.ed-online-awards img {
   width: 100%;
   height: 62px;
   object-fit: cover;
   display: block;
   margin-bottom: 4px;
}

.ed-online-awards span {
   display: block;
   color: #E02121;
   font-size: 10px;
   font-weight: 800;
   line-height: 1.15;
}

.ed-online-exam-logos {
   display: flex;
   align-items: center;
   gap: 18px;
   margin-top: 18px;
}

.ed-online-exam-logos strong {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   min-width: 130px;
   min-height: 86px;
   padding: 16px;
   background: #f4f7fb;
   color: #E02121;
   font-size: 22px;
   text-align: center;
}

.ed-online-contact-strip {
   display: grid;
   grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr);
   gap: 28px;
   align-items: stretch;
   padding: 28px 0 12px;
}

.ed-online-contact-strip iframe {
   width: 100%;
   min-height: 260px;
   border: 0;
   border-radius: 8px;
}

.ed-online-contact-actions {
   display: flex;
   flex-wrap: wrap;
   gap: 12px;
   margin-top: 18px;
}

.ed-online-contact-actions .it-btn {
   min-height: 48px;
   padding: 0 22px;
}

@media (max-width: 991px) {

   .ed-hero-split-slide .it-hero-thumb img {
      height: 360px;
      min-height: 0;
   }

   .ed-about-main-thumb img {
      width: 100%;
      min-height: 360px;
   }

   .ed-about-side-thumb {
      position: relative;
      right: auto;
      bottom: auto;
      width: 72%;
      margin: -80px 0 0 auto;
   }

   .ed-about-exp {
      left: 18px;
      bottom: 18px;
   }

   .ed-corporate-hero {
      grid-template-columns: 1fr;
   }

   .ed-real-stats {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }

   .ed-real-stat-item:nth-child(2)::after {
      display: none;
   }
}

@media (max-width: 767px) {

   .ed-about-page .it-about-area,
   .ed-about-page .it-choose-2-area,
   .ed-about-page .it-team-area,
   .ed-about-page .it-testimonial-2-area {
      padding-top: 70px !important;
      padding-bottom: 55px !important;
   }

   .ed-about-main-thumb img {
      min-height: 300px;
   }

   .ed-about-side-thumb {
      width: 88%;
      margin-top: -45px;
   }

   .ed-about-side-thumb img {
      height: 220px;
   }

   .ed-about-exp {
      position: static;
      margin-top: 16px;
      width: 100%;
   }

   .ed-about-points ul {
      grid-template-columns: 1fr;
   }

   .ed-about-button-box {
      flex-direction: column;
      align-items: flex-start !important;
      gap: 16px;
   }

   .ed-about-actions,
   .ed-about-more-panel {
      grid-template-columns: 1fr;
      width: 100%;
   }

   .ed-about-program-link,
   .ed-about-view-more {
      width: 100%;
   }

   .ed-about-more-panel.is-open {
      max-height: 760px;
   }

   .ed-about-call {
      margin-left: 0;
   }

   .ed-about-feature-card,
   .ed-about-testimonial {
      min-height: auto;
   }

   .ed-course-flag {
      width: 64px;
      height: 64px;
   }

   .ed-course-flag img {
      width: 46px;
      height: 46px;
   }

   .ed-batch-head,
   .ed-corporate-hero {
      padding: 24px 18px;
   }

   .ed-batch-head h2,
   .ed-corporate-hero h2 {
      font-size: 26px;
   }

   .ed-batch-tabs {
      padding: 0;
   }

   .ed-batch-tabs button {
      flex: 1 1 100%;
      border-left: 0;
      border-right: 0;
   }

   .ed-batch-table,
   .ed-batch-table tbody,
   .ed-batch-table tr,
   .ed-batch-table td {
      display: block;
      width: 100%;
   }

   .ed-batch-table thead {
      display: none;
   }

   .ed-batch-table tr {
      padding: 14px;
      border-bottom: 1px solid rgba(31,36,50,.1);
   }

   .ed-batch-table td {
      display: flex;
      justify-content: space-between;
      gap: 18px;
      padding: 9px 0;
      border: 0;
      text-align: right;
   }

   .ed-batch-table td::before {
      content: attr(data-label);
      color: #1f2432;
      font-weight: 800;
      text-align: left;
   }

   .ed-corporate-grid {
      grid-template-columns: 1fr;
   }

   .ed-corporate-meter {
      min-height: 180px;
   }

   .ed-real-stats-section {
      padding: 30px 0;
   }

   .ed-real-stats {
      grid-template-columns: 1fr;
   }

   .ed-real-stat-item {
      min-height: 112px;
   }

   .ed-real-stat-item:not(:last-child)::after {
      top: auto;
      right: 14%;
      bottom: 0;
      width: 72%;
      height: 1px;
   }

   .ed-real-stat-item strong {
      font-size: 40px;
   }

   .ed-real-stat-item span {
      margin-top: 9px;
      font-size: 21px;
   }

   .ed-private-banner,
   .ed-private-banner img {
      min-height: 220px;
   }

   .ed-private-banner h2 {
      font-size: 34px;
   }

   .ed-private-page {
      padding: 18px;
   }

   .ed-generic-page {
      padding: 18px;
   }

   .ed-generic-banner {
      height: 220px;
   }

   .ed-generic-actions .it-btn,
   .ed-upload-link {
      width: 100%;
   }

   .ed-online-intro,
   .ed-online-bottom-grid,
   .ed-online-contact-strip {
      grid-template-columns: 1fr;
   }

   .ed-online-level-grid,
   .ed-online-card-grid,
   .ed-online-gallery-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }

   .ed-online-levels,
   .ed-online-gallery-band {
      padding-left: 18px;
      padding-right: 18px;
   }

   .ed-online-heading-row {
      align-items: flex-start;
      flex-direction: column;
   }

   .ed-online-info-card,
   .ed-online-service-card {
      min-height: auto;
   }

   .ed-online-gallery-grid img {
      height: 128px;
   }
}

@media (max-width: 575px) {
   .ed-online-stats,
   .ed-online-level-grid,
   .ed-online-card-grid,
   .ed-online-gallery-grid,
   .ed-online-awards,
   .ed-online-exam-logos {
      grid-template-columns: 1fr;
   }

   .ed-online-exam-logos {
      display: grid;
   }

   .ed-online-level-card {
      min-height: 124px;
   }

   .ed-online-level-card strong {
      font-size: 42px;
   }

   .ed-online-gallery-grid img {
      height: 180px;
   }
}

/* Home Why Choose MSOL section */
.ed-offer-popup-overlay {
   display: none;
   position: fixed;
   inset: 0;
   z-index: 9999;
   align-items: center;
   justify-content: center;
   padding: 20px;
   background: rgba(3, 20, 17, 0.6);
}

.ed-offer-popup-box {
   position: relative;
   max-width: 95vw;
}

.ed-offer-popup-close {
   position: absolute;
   top: -16px;
   right: -16px;
   z-index: 2;
   width: 34px;
   height: 34px;
   border: 0;
   border-radius: 50%;
   background: #ffffff;
   box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
   font-size: 20px;
   line-height: 1;
   cursor: pointer;
}

.ed-offer-popup-img {
   display: block;
   max-width: 100%;
   height: auto;
   border-radius: 14px;
   box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
}

.it-hero-content-slider {
   position: relative;
   z-index: 1;
   opacity: 1;
   transition: opacity 1.1s ease;
}

.it-hero-content-slider.ed-hero-content-hidden {
   opacity: 0;
}

.ed-hero-slide-container {
   position: relative;
   z-index: 1;
}

.ed-course-meta-offset {
   margin-top: 6px;
}

.ed-home-why-section {
   position: relative;
   overflow: hidden;
   padding: 100px 20px 92px;
   background: #ffffff;
}

.ed-home-why-heading {
   margin-bottom: 28px;
}

.ed-home-why-heading .badge {
   display: inline-block;
   margin-bottom: 18px;
   padding: 7px 22px;
   border: 1px solid #f4b6b6;
   border-radius: 6px;
   background: #fff4f4;
   color: #ed1f24;
   font-size: 15px;
   font-weight: 700;
   line-height: 1.2;
}

.ed-home-why-heading .heading {
   max-width: 640px;
   margin-bottom: 16px;
   color: #202433;
   font-size: 42px;
   font-weight: 800;
   line-height: 1.15;
   letter-spacing: 0;
}

.ed-home-why-heading .para {
   max-width: 660px;
   margin: 0;
   color: #66717f;
   font-size: 16px;
   line-height: 1.75;
}

.ed-home-why-grid {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 12px 26px;
}

.ed-home-why-grid .feature-card {
   display: flex;
   align-items: flex-start;
   gap: 10px;
   padding: 0;
   border: 0;
   background: transparent;
   box-shadow: none;
   color: #2b3548;
   font-size: 14px;
   font-weight: 800;
   line-height: 1.55;
}

.ed-home-why-grid .feature-card:hover {
   background: transparent;
   box-shadow: none;
   transform: none;
}

.ed-home-why-grid .check {
   flex: 0 0 auto;
   width: 8px;
   height: 8px;
   margin-top: 8px;
   border-radius: 50%;
   background: #e92727;
   color: transparent;
   font-size: 0;
}

.ed-home-why-actions {
   display: flex;
   flex-wrap: wrap;
   gap: 14px;
   margin-top: 30px;
}

.ed-home-why-section .ed-home-why-btn {
   display: inline-flex !important;
   align-items: center;
   justify-content: center;
   min-height: 52px;
   padding: 15px 31px !important;
   border: 0 !important;
   border-radius: 8px;
   color: #ffffff !important;
   font-size: 15px;
   font-weight: 800;
   line-height: 1;
   text-decoration: none !important;
   transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

.ed-home-why-section .ed-home-why-btn:hover {
   color: #ffffff !important;
   transform: translateY(-2px);
   box-shadow: 0 12px 24px rgba(31, 36, 51, 0.18);
}

.ed-home-why-section .ed-home-why-btn-red {
   background: #ed1f24 !important;
}

.ed-home-why-section .ed-home-why-btn-dark {
   background: #202433 !important;
}

.ed-home-why-visual {
   position: relative;
   margin-left: 24px;
}

.ed-home-why-visual img {
   display: block;
   width: 100%;
   max-width: 680px;
   margin-left: auto;
   border-radius: 8px;
}

@media (max-width: 991px) {
   .ed-home-why-section {
      padding: 64px 18px;
   }

   .ed-home-why-visual {
      margin: 42px 0 0;
   }
}

@media (max-width: 575px) {
   .ed-home-why-heading .heading {
      font-size: 30px;
   }

   .ed-home-why-grid {
      grid-template-columns: 1fr;
   }

   .ed-home-why-section .ed-home-why-btn {
      width: 100%;
   }
}

/* Targeted polish for inner pages requested after dynamic conversion. */
.ed-online-page {
   max-width: 100%;
}

.ed-online-page .ed-online-intro {
   align-items: center;
   padding: 0 0 38px;
}

.ed-online-page .ed-online-intro-copy h2,
.ed-online-page .ed-online-heading-row h3,
.ed-online-page .ed-online-section h3 {
   line-height: 1.24;
}

.ed-online-page .ed-online-stats {
   padding: 24px;
   border: 1px solid rgba(31,36,50,.1);
   border-radius: 8px;
   background: #fff;
   box-shadow: 0 10px 28px rgba(31,36,50,.07);
}

.ed-online-page .ed-online-section {
   padding-top: 34px;
}

.ed-online-page .ed-batch-table-wrap {
   overflow-x: auto;
   border-radius: 8px;
   box-shadow: 0 10px 28px rgba(31,36,50,.06);
}

.ed-online-page .ed-online-card-grid {
   align-items: stretch;
}

.ed-online-page .ed-online-info-card,
.ed-online-page .ed-online-service-card {
   min-height: 238px;
   padding: 24px 18px;
}

.ed-online-page .ed-online-gallery-band {
   margin-top: 42px;
   padding-top: 36px;
   padding-bottom: 58px;
}

.ed-online-page .ed-online-gallery-band::after {
   display: none;
}

.ed-online-page .ed-online-gallery-grid img {
   height: auto;
   aspect-ratio: 4 / 3;
   object-fit: cover;
   border-radius: 4px;
}

.ed-online-page .ed-online-bottom-grid {
   padding-top: 40px;
   padding-bottom: 12px;
}

.ed-about-page .it-about-area .row.align-items-center {
   flex-direction: row-reverse;
}

.ed-about-page .it-about-right {
   padding-right: 24px;
}

.ed-about-page .it-about-title-box,
.ed-about-page .it-about-text {
   text-align: left;
}

.ed-about-page .it-about-thumb-box {
   margin-bottom: 0;
}

.ed-about-page .ed-about-main-thumb img {
   height: auto;
   aspect-ratio: 4 / 3;
   object-fit: cover;
}

.ed-gallery-grid {
   align-items: stretch;
}

.ed-gallery-card {
   min-height: auto;
   background: #fff;
   border: 1px solid rgba(31,36,50,.1);
   box-shadow: 0 12px 32px rgba(31,36,50,.08);
}

.ed-gallery-card img {
   height: auto;
   aspect-ratio: 12 / 11;
   object-fit: contain;
   image-rendering: auto;
   transform: translateZ(0);
}

.ed-gallery-card:hover img {
   transform: scale(1.025);
}

.ed-gallery-card::after {
   background: linear-gradient(180deg, rgba(0,0,0,0) 48%, rgba(0,0,0,.72) 100%);
}

.ed-course-after-related {
   padding: 0 0 78px;
   background: #fff;
}

.ed-after-related-head {
   max-width: 720px;
   margin-bottom: 28px;
}

.ed-after-related-head span {
   display: inline-block;
   margin-bottom: 8px;
   color: #E02121;
   font-weight: 800;
}

.ed-after-related-head h3 {
   margin: 0;
   color: #1f2432;
   font-size: 34px;
   line-height: 1.2;
}

.ed-course-testimonial-card,
.ed-course-blog-card {
   display: block;
   height: 100%;
   padding: 24px;
   border: 1px solid rgba(31,36,50,.1);
   border-radius: 8px;
   background: #fff;
   box-shadow: 0 12px 32px rgba(31,36,50,.08);
}

.ed-course-testimonial-head {
   display: flex;
   align-items: center;
   gap: 14px;
   margin-bottom: 14px;
}

.ed-course-testimonial-head img {
   width: 58px;
   height: 58px;
   border-radius: 50%;
   object-fit: cover;
}

.ed-course-testimonial-card h4,
.ed-course-blog-card h4 {
   margin: 0;
   color: #1f2432;
   font-size: 20px;
   line-height: 1.3;
}

.ed-course-testimonial-head span,
.ed-course-blog-card span {
   display: block;
   margin-top: 3px;
   color: #E02121;
   font-size: 13px;
   font-weight: 800;
}

.ed-course-testimonial-card p,
.ed-course-blog-card p {
   margin: 0 0 14px;
   color: #667085;
   line-height: 1.65;
}

.ed-course-blog-card img {
   width: 100%;
   height: auto;
   aspect-ratio: 16 / 9;
   object-fit: cover;
   border-radius: 6px;
   margin-bottom: 16px;
}


body > footer .it-footer-area {
   padding-top: 54px !important;
   padding-bottom: 28px !important;
}

body > footer .it-footer-widget-logo {
   margin-bottom: 16px !important;
}

body > footer .it-footer-widget-text p {
   margin-bottom: 18px;
}

body > footer .it-footer-widget-title {
   margin-bottom: 18px;
}

body > footer .it-footer-widget-menu ul li {
   margin-bottom: 8px;
}

body > footer .it-copyright-area {
   padding: 14px 0 !important;
}

body > footer .it-footer-shape-1,
body > footer .it-footer-shape-2 {
   display: none !important;
}

@media (max-width: 991px) {
   .ed-online-page .ed-online-intro,
   .ed-about-page .it-about-area .row.align-items-center {
      grid-template-columns: 1fr;
      flex-direction: column;
   }

   .ed-about-page .it-about-right {
      padding-right: 0;
   }

   .ed-online-page .ed-online-stats,
   .ed-online-page .ed-online-card-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }

   .ed-after-related-head h3 {
      font-size: 28px;
   }

   body > footer .it-footer-area {
      padding-top: 42px !important;
      padding-bottom: 18px !important;
   }
}

@media (max-width: 575px) {
   .ed-online-page .ed-online-stats,
   .ed-online-page .ed-online-card-grid {
      grid-template-columns: 1fr;
   }

   .ed-online-page .ed-online-info-card,
   .ed-online-page .ed-online-service-card {
      min-height: auto;
   }

   .ed-gallery-card img {
      aspect-ratio: 4 / 3;
   }

   .ed-course-after-related {
      padding-bottom: 48px;
   }
}

/* Common inner-page spacing: keeps all dynamic pages aligned with the home footer. */
main {
   overflow-x: hidden;
}

main > section:last-of-type,
main > div:last-of-type {
   margin-bottom: 0 !important;
}

.it-breadcrumb-area,
.it-breadcrumb-style-2 {
   margin-bottom: 0 !important;
}

.dp-content-area,
.it-course-details-area,
.it-course-area.it-course-inner-style,
.it-blog-area,
.it-blog-details-area,
.it-contact-area,
.it-gallery-area,
.it-team-area,
.it-testimonial-area,
.it-testimonial-2-area,
.it-about-area,
.it-choose-2-area {
   padding-top: 82px !important;
   padding-bottom: 82px !important;
}

.dp-content,
.ed-generic-page,
.ed-private-page,
.ed-corporate-page,
.ed-batch-page,
.ed-online-page {
   margin-top: 0;
   margin-bottom: 0;
}

.dp-content > *:first-child,
.ed-generic-page > *:first-child,
.ed-private-page > *:first-child,
.ed-corporate-page > *:first-child,
.ed-batch-page > *:first-child,
.ed-online-page > *:first-child {
   margin-top: 0 !important;
}

.dp-content > *:last-child,
.ed-generic-page > *:last-child,
.ed-private-page > *:last-child,
.ed-corporate-page > *:last-child,
.ed-batch-page > *:last-child,
.ed-online-page > *:last-child {
   margin-bottom: 0 !important;
}

.dp-content-area .container,
.it-course-details-area .container,
.it-course-area.it-course-inner-style .container,
.it-blog-area .container,
.it-blog-details-area .container,
.it-contact-area .container,
.it-gallery-area .container {
   position: relative;
   z-index: 1;
}

footer,
.it-footer-area,
.it-copyright-area {
   margin-top: 0 !important;
}

@media (max-width: 991px) {
   .dp-content-area,
   .it-course-details-area,
   .it-course-area.it-course-inner-style,
   .it-blog-area,
   .it-blog-details-area,
   .it-contact-area,
   .it-gallery-area,
   .it-team-area,
   .it-testimonial-area,
   .it-testimonial-2-area,
   .it-about-area,
   .it-choose-2-area {
      padding-top: 62px !important;
      padding-bottom: 62px !important;
   }
}

@media (max-width: 575px) {
   .dp-content-area,
   .it-course-details-area,
   .it-course-area.it-course-inner-style,
   .it-blog-area,
   .it-blog-details-area,
   .it-contact-area,
   .it-gallery-area,
   .it-team-area,
   .it-testimonial-area,
   .it-testimonial-2-area,
   .it-about-area,
   .it-choose-2-area {
      padding-top: 44px !important;
      padding-bottom: 44px !important;
   }
}

/* Final desktop fixes: these must stay after the generic inner-page rules. */
body > footer .it-footer-style-4,
footer .it-footer-style-4,
.it-footer-style-4 {
   margin-top: 0 !important;
}

body > footer .it-footer-style-4 .it-footer-area,
footer .it-footer-style-4 .it-footer-area,
.it-footer-style-4 .it-footer-area {
   padding-top: 14px !important;
   padding-bottom: 12px !important;
}

body > footer .it-footer-area .row > [class*="col-"],
footer .it-footer-area .row > [class*="col-"] {
   margin-bottom: 48px !important;
}

body > footer .it-footer-widget-logo,
footer .it-footer-widget-logo {
   margin-bottom: 14px !important;
}

body > footer .it-footer-widget-title,
footer .it-footer-widget-title {
   margin-bottom: 12px !important;
   font-size: 22px;
}

body > footer .it-footer-widget-text p,
footer .it-footer-widget-text p {
   margin-bottom: 16px !important;
   line-height: 1.55;
}

body > footer .it-footer-widget-menu ul li,
footer .it-footer-widget-menu ul li {
   margin-bottom: 5px !important;
}

body > footer .it-footer-widget-app img,
footer .it-footer-widget-app img {
   max-width: 180px;
}

body > footer .it-copyright-area,
footer .it-copyright-area {
   padding-top: 9px !important;
   padding-bottom: 9px !important;
}

body > footer .it-copyright-area .row > [class*="col-"],
footer .it-copyright-area .row > [class*="col-"] {
   margin-bottom: 0 !important;
}

body > footer .it-footer-shape-1,
body > footer .it-footer-shape-2,
footer .it-footer-shape-1,
footer .it-footer-shape-2 {
   display: none !important;
}

.dp-content-area {
   padding-top: 64px !important;
   padding-bottom: 58px !important;
}

.ed-online-page .ed-online-levels {
   padding-top: 28px !important;
   padding-bottom: 0 !important;
}

.ed-online-page .ed-online-levels .row {
   row-gap: 24px;
}

.ed-online-page .ed-online-levels .it-course-item {
   height: 100%;
   margin-bottom: 0 !important;
}

.ed-online-page .ed-online-levels .it-course-thumb img.w-100 {
   height: 185px;
   object-fit: cover;
}

.ed-online-page .ed-online-levels .it-course-content {
   padding: 24px 20px 22px;
}

.ed-online-page .ed-online-levels .it-course-content > .d-flex {
   align-items: flex-start !important;
   gap: 10px;
}

.ed-online-page .ed-online-levels .it-course-author {
   min-width: 0;
   flex: 1 1 auto;
}

.ed-online-page .ed-online-levels .it-course-author img {
   width: 34px;
   height: 34px;
}

.ed-online-page .ed-online-levels .it-course-price-box {
   flex: 0 0 auto;
}

.ed-online-page .ed-online-levels .it-course-title {
   font-size: 20px;
   line-height: 1.25;
}

.ed-online-page .ed-online-levels .it-course-rating span,
.ed-online-page .ed-online-levels .it-course-meta span,
.ed-online-page .ed-online-levels .it-course-author span {
   font-size: 13px;
}

.ed-online-page .ed-online-section {
   padding-top: 34px !important;
}

.ed-online-page .ed-online-gallery-band {
   margin-top: 38px !important;
}

.ed-online-page .ed-online-contact-strip {
   padding-bottom: 0 !important;
}

.ed-about-page .it-about-area {
   padding-top: 64px !important;
   padding-bottom: 64px !important;
}

.ed-about-page .it-about-area .row.align-items-center {
   flex-direction: row !important;
}

.ed-about-page .it-choose-2-area,
.ed-about-page .it-team-area,
.ed-about-page .it-testimonial-2-area {
   padding-top: 58px !important;
   padding-bottom: 58px !important;
}

.ed-about-page .it-about-right {
   padding-right: 32px;
   padding-left: 0;
}

.ed-gallery-card img {
   height: auto !important;
   aspect-ratio: 10 / 9;
   object-fit: cover;
}

.ed-gallery-card {
   min-height: 0 !important;
}

@media (max-width: 991px) {
   .dp-content-area {
      padding-top: 46px !important;
      padding-bottom: 46px !important;
   }

   .ed-online-page .ed-online-levels .it-course-thumb img.w-100 {
      height: 210px;
   }

   body > footer .it-footer-style-4 .it-footer-area,
   footer .it-footer-style-4 .it-footer-area,
   .it-footer-style-4 .it-footer-area {
      padding-top: 42px !important;
      padding-bottom: 18px !important;
   }
}

@media (max-width: 575px) {
   .ed-online-page .ed-online-levels .it-course-thumb img.w-100 {
      height: 190px;
   }

   .ed-gallery-card img {
      aspect-ratio: 4 / 3;
   }
}

/* Final layout correction pass: keeps inner pages tight on desktop. */
.it-header-height {
   height: auto !important;
   min-height: 0 !important;
   max-height: none !important;
   display: block !important;
   overflow: visible !important;
}

.it-header-top-area + .it-header-height {
   margin-top: 0 !important;
}

.it-breadcrumb-area.it-breadcrumb-style-2 {
   min-height: 0 !important;
   padding-top: 78px !important;
   padding-bottom: 78px !important;
}

.it-breadcrumb-area.it-breadcrumb-style-2 .it-breadcrumb-content {
   padding: 0 !important;
}

.it-breadcrumb-area.it-breadcrumb-style-2 .it-breadcrumb-title,
.it-breadcrumb-area.it-breadcrumb-style-2 .it-breadcrumb-title.style-2 {
   margin-bottom: 22px !important;
   line-height: 1.15;
}

.it-breadcrumb-area.it-breadcrumb-style-2 .dp-subtitle {
   max-width: 760px;
   margin: 16px auto 0 !important;
}

.dp-content-area {
   padding-top: 14px !important;
   padding-bottom: 14px !important;
}

.gallery-page .dp-content-area,
body:has(.ed-gallery-grid) .dp-content-area {
   padding-top: 38px !important;
   padding-bottom: 28px !important;
}

.ed-gallery-filter {
   margin-bottom: 28px !important;
}

.ed-gallery-grid {
   row-gap: 22px !important;
}

.ed-gallery-card {
   border-radius: 7px;
}

.ed-gallery-card img {
   aspect-ratio: 10 / 9 !important;
}

body > footer,
footer {
   display: block !important;
   margin: 0 !important;
   padding: 0 !important;
   line-height: 1.4;
}

body > footer .it-footer-wrap,
footer .it-footer-wrap {
   min-height: 0 !important;
   height: auto !important;
}

body > footer .it-footer-style-4 .it-footer-area,
footer .it-footer-style-4 .it-footer-area,
.it-footer-style-4 .it-footer-area {
    padding-top: 18px !important;
    padding-bottom: 19px !important;
}

body > footer .it-footer-widget-logo img,
footer .it-footer-widget-logo img {
   max-height: 54px;
   width: auto;
}

body > footer .it-footer-widget-title,
footer .it-footer-widget-title {
   font-size: 19px !important;
   line-height: 1.15 !important;
   margin-bottom: 10px !important;
}

body > footer .it-footer-widget-text p,
footer .it-footer-widget-text p,
body > footer .it-footer-widget-menu ul li a,
footer .it-footer-widget-menu ul li a {
   font-size: 14px !important;
   line-height: 1.5 !important;
}

body > footer .it-footer-widget-text p,
footer .it-footer-widget-text p {
   margin-bottom: 12px !important;
}

body > footer .it-footer-widget-menu ul li,
footer .it-footer-widget-menu ul li {
   margin-bottom: 3px !important;
}

body > footer .it-footer-widget-social a,
footer .it-footer-widget-social a {
   width: 28px;
   height: 28px;
}

body > footer .it-footer-widget-app img,
footer .it-footer-widget-app img {
   max-width: 150px !important;
   margin-bottom: 10px !important;
}

body > footer .it-footer-area .container > .row,
footer .it-footer-area .container > .row {
   align-items: flex-start !important;
}

body > footer .it-footer-widget,
body > footer .it-footer-widget *,
footer .it-footer-widget,
footer .it-footer-widget * {
   opacity: 1 !important;
   visibility: visible !important;
}

body > footer .it-footer-widget,
footer .it-footer-widget {
   transform: none !important;
}

body > footer .it-footer-widget-logo img,
footer .it-footer-widget-logo img,
body > footer .it-footer-widget-app img,
footer .it-footer-widget-app img {
   opacity: 1 !important;
   filter: none !important;
}

body > footer .it-footer-widget-title,
body > footer .it-footer-widget-text p,
body > footer .it-footer-widget-menu ul li a,
footer .it-footer-widget-title,
footer .it-footer-widget-text p,
footer .it-footer-widget-menu ul li a {
   color: #1f2432 !important;
}

body > footer .it-copyright-area,
footer .it-copyright-area {
   padding-top: 8px !important;
   padding-bottom: 8px !important;
}

body > footer .it-copyright-left p,
footer .it-copyright-left p {
   font-size: 13px !important;
   line-height: 1.3 !important;
}

@media (max-width: 991px) {
   .it-breadcrumb-area.it-breadcrumb-style-2 {
      padding-top: 56px !important;
      padding-bottom: 56px !important;
   }

   .dp-content-area,
   .gallery-page .dp-content-area,
   body:has(.ed-gallery-grid) .dp-content-area {
      padding-top: 34px !important;
      padding-bottom: 30px !important;
   }
}

/* Site-wide spacing polish: consistent left/right rhythm and no oversized inner-page gaps. */
main {
   display: block;
   width: 100%;
}

main > section,
main > div {
   max-width: 100%;
}

@media (min-width: 992px) {
   main .pt-130,
   main .pt-125,
   main .pt-120 {
      padding-top: 82px !important;
   }

   main .pb-130,
   main .pb-125,
   main .pb-120 {
      padding-bottom: 82px !important;
   }

   main .pt-100 {
      padding-top: 70px !important;
   }

   main .pb-100 {
      padding-bottom: 70px !important;
   }

   .it-course-details-border {
      padding-top: 58px !important;
      padding-bottom: 62px !important;
   }

   .it-blog-details-area,
   .it-contact-3-area,
   .it-faq-area {
      padding-top: 76px !important;
      padding-bottom: 76px !important;
   }

   .it-cta-4-area,
   .it-newsletter-area {
      padding-top: 72px !important;
      padding-bottom: 72px !important;
      margin-bottom: 0 !important;
   }

   .container,
   .container-lg,
   .container-md,
   .container-sm,
   .container-xl,
   .container-xxl {
      padding-left: 12px !important;
      padding-right: 12px !important;
   }
}

@media (max-width: 991px) {
   main .pt-130,
   main .pt-125,
   main .pt-120,
   main .pt-100 {
      padding-top: 54px !important;
   }

   main .pb-130,
   main .pb-125,
   main .pb-120,
   main .pb-100 {
      padding-bottom: 54px !important;
   }

   .container,
   .container-fluid,
   .container-lg,
   .container-md,
   .container-sm,
   .container-xl,
   .container-xxl {
      padding-left: 18px !important;
      padding-right: 18px !important;
   }
}

/* MSOL requested updates: homepage cards, mega menu, gallery, video gallery. */
.ed-hero-copy {
   max-width: 760px;
   margin-top: 12px;
}

.ed-hero-copy p {
   margin-bottom: 8px !important;
   font-size: 15px !important;
   line-height: 1.62 !important;
}

.ed-hero-read-more {
   margin-left: 14px;
}

.it-about-section-title-box .it-section-subtitle.style-2 {
   font-size: 14px;
}

.ed-about-live-title {
   font-size: 34px !important;
   line-height: 1.18 !important;
}

.ed-feature-grid {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 8px 12px;
   margin: 18px 0 22px;
}

.ed-feature-grid span {
   position: relative;
   padding-left: 20px;
   color: #334155;
   font-size: 14px;
   line-height: 1.45;
   font-weight: 600;
}

.ed-feature-grid span::before {
   content: "";
   position: absolute;
   left: 0;
   top: 8px;
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background: var(--it-theme-1, #d2283d);
}

.ed-about-more-panel::after {
   content: none;
   display: none;
}

.ed-quick-links-wrap {
   padding-top: 18px !important;
   padding-bottom: 18px !important;
}

.ed-quick-links {
   grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
   gap: 18px !important;
   max-width: 1320px !important;
   padding: 0 18px !important;
}

.ed-quick-link {
   min-height: 78px !important;
   border-radius: 8px !important;
   gap: 12px !important;
   padding-right: 14px !important;
   border-right-width: 4px !important;
   box-shadow: 0 10px 24px rgba(31,36,50,.09) !important;
}

.ed-quick-link-icon {
   flex-basis: 72px !important;
   width: 72px !important;
}

.ed-quick-link-icon svg {
   width: 30px !important;
   height: 30px !important;
}

.ed-quick-link-icon::after {
   right: -28px !important;
   bottom: -32px !important;
   width: 68px !important;
   height: 68px !important;
}

.ed-quick-link-copy strong {
   font-size: 16px !important;
   line-height: 1.25 !important;
   margin-bottom: 0 !important;
}

.ed-quick-link-arrow {
   flex-basis: 34px !important;
   width: 34px !important;
   height: 34px !important;
   font-size: 20px !important;
}

.ed-about-mega-parent {
   position: static !important;
}

.ed-about-mega {
   position: absolute;
   left: 0;
   right: 0;
   top: 100%;
   z-index: 99;
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
   gap: 36px;
   width: min(1180px, calc(100vw - 48px));
   margin: 0 auto;
   padding: 28px 34px;
   background: #fff;
   border-top: 3px solid var(--it-theme-1, #d2283d);
   box-shadow: 0 18px 42px rgba(16, 24, 40, .12);
   opacity: 0;
   visibility: hidden;
   transform: translateY(12px);
   transition: all .22s ease;
}

.ed-about-mega-parent:hover .ed-about-mega {
   opacity: 1;
   visibility: visible;
   transform: translateY(0);
}

.ed-about-mega-col h4 {
   margin: 0 0 14px;
   font-size: 15px;
   line-height: 1.25;
   color: #2c313a;
   text-transform: uppercase;
}

.ed-about-mega-col a {
   display: block;
   padding: 7px 0 !important;
   color: #777f8e !important;
   font-size: 14px !important;
   line-height: 1.35 !important;
   text-transform: none !important;
}

.ed-about-mega-col a:hover {
   color: var(--it-theme-1, #d2283d) !important;
}

.ed-gallery-tabs {
   display: flex;
   justify-content: center;
   gap: 12px;
   margin-bottom: 30px;
}

.ed-gallery-tabs a {
   min-width: 132px;
   min-height: 42px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   border-radius: 4px;
   background: #eef0ff;
   color: #3f4560;
   font-weight: 800;
}

.ed-gallery-tabs a.active,
.ed-gallery-tabs a:hover {
   background: var(--it-theme-1, #d2283d);
   color: #fff;
}

.ed-gallery-grid {
   align-items: stretch;
}

.ed-gallery-card {
   border: 1px solid rgba(210, 40, 61, .45);
   box-shadow: 0 10px 24px rgba(16, 24, 40, .08);
}

.ed-gallery-card::after,
.ed-gallery-card span,
.ed-gallery-card h4 {
   display: none !important;
}

.ed-gallery-card img {
   width: 100%;
   height: auto !important;
   aspect-ratio: 4 / 3 !important;
   object-fit: cover;
   object-position: center;
   filter: saturate(1.04) contrast(1.02);
}

.ed-gallery-card:hover img {
   transform: scale(1.055);
}

.ed-video-card {
   height: 100%;
   overflow: hidden;
   border: 1px solid #e5e7ef;
   border-radius: 8px;
   background: #fff;
   box-shadow: 0 12px 28px rgba(16, 24, 40, .08);
}

.ed-video-frame {
   position: relative;
   aspect-ratio: 16 / 9;
   background: #111827;
}

.ed-video-frame iframe {
   position: absolute;
   inset: 0;
   width: 100%;
   height: 100%;
}

.ed-video-card-body {
   padding: 18px 18px 20px;
}

.ed-video-card-body h4 {
   margin-bottom: 8px;
   font-size: 18px;
   line-height: 1.3;
}

.ed-video-card-body p {
   margin: 0;
   color: #626b7a;
   font-size: 14px;
   line-height: 1.55;
}

@media (max-width: 1199px) {
   .ed-quick-links {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
   }

   .ed-about-mega {
      display: none;
   }
}

@media (max-width: 767px) {
   .ed-quick-links {
      grid-template-columns: 1fr !important;
   }

   .ed-quick-link {
      min-height: 72px !important;
   }

   .ed-hero-copy p {
      font-size: 14px !important;
   }

   .ed-hero-read-more {
      margin-left: 0;
      margin-top: 10px;
   }

   .ed-feature-grid {
      grid-template-columns: 1fr;
   }

   .it-hero-content .d-flex.align-items-center {
      align-items: flex-start !important;
      flex-direction: column;
   }
}

/* Dropdown and mobile sidebar corrections. */
@media (min-width: 1200px) {
   .it-header-dropdown .ed-course-menu {
      display: grid !important;
      grid-template-columns: 1fr 1fr;
      column-gap: 24px;
      width: 520px !important;
      padding: 22px 24px !important;
   }

   .it-header-dropdown .ed-course-menu > li {
      break-inside: avoid;
   }

   .it-header-dropdown .ed-course-menu > li > a {
      padding: 8px 0 !important;
      line-height: 1.35 !important;
   }

   .ed-course-menu-title {
      display: block;
      padding: 0 0 8px;
      pointer-events: none;
   }

   .ed-course-menu-title span {
      display: block;
      color: #222832;
      font-size: 14px;
      font-weight: 800;
      text-transform: uppercase;
   }

   .ed-course-menu-online-title,
   .ed-course-menu-online {
      grid-column: 2;
   }

   .ed-course-menu-title:not(.ed-course-menu-online-title),
   .ed-course-menu-title:not(.ed-course-menu-online-title) ~ li:not(.ed-course-menu-online-title):not(.ed-course-menu-online) {
      grid-column: 1;
   }
}

.itoffcanvas {
   max-width: min(88vw, 360px);
   overflow-y: auto;
}

.itoffcanvas__logo {
   padding-right: 38px;
}

.itoffcanvas__logo img,
.it-header-logo img {
   width: auto;
   max-width: 100%;
   object-fit: contain;
}

.itoffcanvas__logo img {
   max-height: 56px;
}

.it-menu-bar {
   width: 44px;
   height: 44px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
}

.it-menu-bar span {
   width: 38px;
   height: 38px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   border-radius: 6px;
}

.itoffcanvas__close-btn {
   position: absolute;
   top: 18px;
   right: 18px;
   z-index: 2;
}

@media (max-width: 1199px) {
   .it-menu-mobile .ed-about-mega {
      display: none !important;
   }

   .it-menu-mobile .ed-course-menu-title {
      padding: 12px 0 4px;
      color: #e02121;
      font-size: 13px;
      font-weight: 800;
      text-transform: uppercase;
   }

   .it-menu-mobile .ed-course-menu-title span {
      color: inherit;
   }

   .it-menu-mobile .ed-course-menu > li > a {
      white-space: normal !important;
   }
}

@media (max-width: 575px) {
   .itoffcanvas {
      width: 88vw !important;
      padding-left: 20px !important;
      padding-right: 20px !important;
   }

   .itoffcanvas__logo img {
      max-height: 46px;
      max-width: 210px;
   }

   .itoffcanvas__text {
      display: none;
   }

   .it-header-logo img {
      max-height: 42px;
      max-width: 190px;
   }

   .it-header-bar {
      display: flex;
      justify-content: flex-end;
   }
}

/* Moved from index.php inline styles */
.ed-title-line {
      display: block;
      width: 150px;
      height: 5px;
      margin-top: 8px;
      border-radius: 20px;
      background: #f8c62f;
      opacity: 0.75;
    }

    .text-center .ed-title-line {
      margin-right: auto;
      margin-left: auto;
    }


    /* Main slide image */

/* Remaining image slides: full area, no text and no outside gap */

/* Video */

/* Har image slide ke left aur right navigation buttons */

/* Video ko skip karke seedha first image + text slide kholega */

/* Balanced first image + text slide */

/* Theme animation ki duplicate button text remove */

/* Statistics */

    .ed-real-stat-item strong {
      display: block !important;
      min-height: 74px !important;
    }

    /* Clean Mission and Vision reveal */

    .it-about-area .ed-about-actions {
      display: flex !important;
      align-items: center !important;
      flex-wrap: wrap !important;
      gap: 14px !important;
      margin-top: 30px !important;
    }

    .it-about-area .ed-about-top-copy {
      max-width: 600px !important;
      margin: 16px 0 0 !important;
      color: #526168 !important;
      font-size: 18px !important;
      line-height: 1.6 !important;
    }

    .it-about-area .ed-about-actions a,
    .it-about-area .ed-about-actions button {
      min-width: 155px !important;
      min-height: 52px !important;
      border-radius: 8px !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
    }

    .it-about-area .ed-about-read-more {
      position: relative !important;
      z-index: 20 !important;
      pointer-events: auto !important;
      padding: 0 28px !important;
      color: #0f4c5c !important;
      background: transparent !important;
      border: 2px solid #0f4c5c !important;
      font-weight: 700 !important;
      cursor: pointer !important;
      transition: 0.3s ease !important;
    }

    .it-about-area .ed-about-read-more:hover,
    .it-about-area .ed-about-read-more[aria-expanded="true"] {
      color: #ffffff !important;
      background: #0f4c5c !important;
    }

    .it-about-area .ed-about-more-panel {
      display: none !important;
      margin-top: 0 !important;
      padding-top: 0 !important;
    }

    .it-about-area .ed-about-more-panel.is-open {
      display: block !important;
      margin-top: 38px !important;
      padding-top: 30px !important;
      border-top: 1px solid #dce5e4 !important;
    }

    .it-about-area .ed-about-main-details {
      margin-bottom: 34px !important;
    }

    .it-about-area .ed-about-main-details p {
      margin-bottom: 15px !important;
      color: #526168 !important;
      font-size: 16px !important;
      line-height: 1.8 !important;
    }

    .it-about-area .ed-about-read-content {
      color: #536267 !important;
      background: transparent !important;
      border: 0 !important;
      box-shadow: none !important;
    }

    .it-about-area .ed-about-read-content h3 {
      margin: 0 0 14px !important;
      color: #102f38 !important;
      font-size: clamp(27px, 3vw, 40px) !important;
      line-height: 1.2 !important;
    }

    .it-about-area .ed-about-read-intro {
      max-width: 900px !important;
      margin-bottom: 28px !important;
      font-size: 16px !important;
      line-height: 1.8 !important;
    }

    .it-about-area .ed-about-points-list {
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 0 30px !important;
      margin-bottom: 34px !important;
    }

    .it-about-area .ed-about-points-list span {
      position: relative !important;
      display: block !important;
      padding: 11px 0 11px 25px !important;
      color: #263f46 !important;
      border-bottom: 1px solid #e2e9e8 !important;
      font-weight: 600 !important;
    }

    .it-about-area .ed-about-points-list span::before {
      position: absolute !important;
      top: 15px !important;
      left: 0 !important;
      width: 10px !important;
      height: 10px !important;
      content: "" !important;
      background: #f8c62f !important;
      border-radius: 50% !important;
    }

    .it-about-area .ed-about-story-grid {
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      border-top: 1px solid #dce5e4 !important;
    }

    .it-about-area .ed-about-mission-vision {
      margin-top: 34px !important;
    }

    .it-about-area .ed-about-story {
      padding: 30px 35px 0 0 !important;
    }

    .it-about-area .ed-about-story+.ed-about-story {
      padding-right: 0 !important;
      padding-left: 35px !important;
      border-left: 1px solid #dce5e4 !important;
    }

    .it-about-area .ed-about-story small {
      display: block !important;
      margin-bottom: 9px !important;
      color: #d49b00 !important;
      font-weight: 800 !important;
      letter-spacing: 1.5px !important;
    }

    .it-about-area .ed-about-story h4 {
      margin-bottom: 12px !important;
      color: #102f38 !important;
      font-size: 25px !important;
    }

    .it-about-area .ed-about-story p {
      margin: 0 !important;
      line-height: 1.75 !important;
    }

    .it-about-area .ed-about-more-card {
      position: relative !important;
      padding: 4px 38px 4px 0 !important;
      background: transparent !important;
      border: 0 !important;
      border-radius: 0 !important;
      box-shadow: none !important;
    }

    .it-about-area .ed-about-more-card+.ed-about-more-card {
      padding-right: 0 !important;
      padding-left: 38px !important;
      border-left: 1px solid #dce5e4 !important;
    }

    .it-about-area .ed-about-more-card>span {
      display: inline-block !important;
      margin-bottom: 12px !important;
      color: #d49b00 !important;
      font-size: 13px !important;
      font-weight: 800 !important;
      letter-spacing: 2px !important;
    }

    .it-about-area .ed-about-more-card h5 {
      margin-bottom: 14px !important;
      color: #102f38 !important;
      font-size: clamp(24px, 2.4vw, 34px) !important;
    }

    .it-about-area .ed-about-more-card p:last-child {
      margin-bottom: 0 !important;
    }

/* Mission & Vision block — matches ed-about-story pattern */
                .ed-about-mv-grid{
                  display: grid;
                  grid-template-columns: 1fr 1fr;
                  gap: 32px;
                  margin: 28px 0;
                }
                .ed-about-mv-block small{
                  display: block;
                  font-size: 12px;
                  font-weight: 700;
                  letter-spacing: 0.12em;
                  color: var(--teal, #2E6F6B);
                  margin-bottom: 8px;
                }
                .ed-about-mv-block h4{
                  margin: 0 0 12px;
                  font-size: 20px;
                }
                .ed-about-mv-block p{
                  font-size: 15px;
                  line-height: 1.7;
                  margin: 0 0 12px;
                  color: #454B5A;
                }
                .ed-about-mv-subhead{
                  font-weight: 600;
                  color: #262A35;
                  margin-bottom: 8px !important;
                }
                .ed-about-mv-list{
                  margin: 0;
                  padding: 0;
                  list-style: none;
                }
                .ed-about-mv-list li{
                  position: relative;
                  padding: 7px 0 7px 22px;
                  font-size: 14.5px;
                  line-height: 1.6;
                  color: #454B5A;
                }
                .ed-about-mv-list li::before{
                  content: "";
                  position: absolute;
                  left: 2px;
                  top: 16px;
                  width: 6px;
                  height: 6px;
                  border-radius: 50%;
                  background: var(--gold, #C9974A);
                }
                @media (max-width: 767px){
                  .ed-about-mv-grid{ grid-template-columns: 1fr; gap: 24px; }
                }

                /* Fix: theme's collapse panel likely had a fixed max-height / overflow:hidden
                   sized for the old, shorter content — force full expansion once open so the
                   new Mission & Vision text isn't cut off. */
                #aboutMissionVision.is-open{
                  max-height: none !important;
                  height: auto !important;
                  overflow: visible !important;
                }
                #aboutMissionVision .ed-about-read-content{
                  max-height: none !important;
                  height: auto !important;
                  overflow: visible !important;
                }

/* Final theme-aligned link and button overrides */
.ed-home-why-section .ed-home-why-actions {
   display: flex !important;
   flex-wrap: wrap !important;
   gap: 14px !important;
   margin-top: 30px !important;
}

.ed-home-why-section .ed-home-why-btn {
   position: relative !important;
   display: inline-flex !important;
   align-items: center !important;
   justify-content: center !important;
   min-height: 52px !important;
   padding: 15px 30px !important;
   overflow: hidden !important;
   border-radius: 8px !important;
   font-family: var(--it-ff-jost);
   font-size: 15px !important;
   font-weight: 700 !important;
   line-height: 1 !important;
   text-decoration: none !important;
   transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease !important;
}

.ed-home-why-section .ed-home-why-btn-red {
   border: 1px solid var(--it-theme-1) !important;
   background: var(--it-theme-1) !important;
   color: var(--it-common-white) !important;
}

.ed-home-why-section .ed-home-why-btn-red:hover {
   border-color: var(--it-theme-2) !important;
   background: var(--it-theme-2) !important;
   color: var(--it-common-black) !important;
   transform: translateY(-2px);
   box-shadow: 0 12px 28px rgba(248, 198, 47, 0.28);
}

.ed-home-why-section .ed-home-why-btn-dark {
   border: 1px solid var(--it-common-black) !important;
   background: var(--it-common-black) !important;
   color: var(--it-common-white) !important;
}

.ed-home-why-section .ed-home-why-btn-dark:hover {
   border-color: var(--it-theme-1) !important;
   background: var(--it-theme-1) !important;
   color: var(--it-common-white) !important;
   transform: translateY(-2px);
   box-shadow: 0 12px 28px rgba(210, 40, 61, 0.24);
}

.ed-home-why-section {
   padding: 112px 0 104px !important;
   background:
      radial-gradient(circle at 8% 22%, rgba(248, 198, 47, 0.18), transparent 24%),
      linear-gradient(135deg, #ffffff 0%, #f6f9f9 54%, #fff7f0 100%) !important;
}

.ed-home-why-section .row {
   row-gap: 44px;
}

.ed-home-why-section .ed-home-why-visual {
   position: relative;
   margin: 0 !important;
   padding: 18px;
}

.ed-home-why-section .ed-home-why-visual::before {
   content: "";
   position: absolute;
   inset: 44px 0 16px 44px;
   border-radius: 28px;
   background: var(--it-theme-1);
   opacity: 0.08;
}

.ed-home-why-section .ed-home-why-visual::after {
   content: "";
   position: absolute;
   left: -10px;
   bottom: 28px;
   width: 108px;
   height: 108px;
   border-radius: 50%;
   background: var(--it-theme-2);
   opacity: 0.95;
   z-index: 0;
}

.ed-home-why-section .ed-home-why-visual img {
   position: relative;
   z-index: 1;
   width: 100%;
   max-width: 650px !important;
   margin: 0 !important;
   filter: drop-shadow(0 28px 42px rgba(31, 36, 50, 0.13));
   transition: transform 0.35s ease, filter 0.35s ease;
}

.ed-home-why-section .ed-home-why-visual:hover img {
   transform: translateY(-6px);
   filter: drop-shadow(0 34px 54px rgba(210, 40, 61, 0.16));
}

.ed-home-why-float-card {
   position: absolute;
   right: 18px;
   bottom: 167px;
   z-index: 2;
   min-width: 166px;
   padding: 16px 18px;
   border-radius: 8px;
   background: var(--it-common-white);
   box-shadow: 0 22px 48px rgba(31, 36, 50, 0.16);
}

.ed-home-why-float-card strong {
   display: block;
   color: var(--it-theme-1);
   font-size: 28px;
   font-weight: 900;
   line-height: 1;
}

.ed-home-why-float-card span {
   display: block;
   margin-top: 6px;
   color: #465164;
   font-size: 12px;
   font-weight: 800;
   line-height: 1.25;
}

.ed-home-why-heading .badge {
   border-color: rgba(210, 40, 61, 0.16) !important;
   border-radius: 999px !important;
   background: rgba(210, 40, 61, 0.08) !important;
   color: var(--it-theme-1) !important;
}

.ed-home-why-heading .heading {
   max-width: 700px !important;
   font-size: clamp(30px, 3.4vw, 30px) !important;
}

.ed-home-why-grid {
   gap: 10px 24px !important;
}

.ed-home-why-grid .feature-card {
   min-height: 0;
   padding: 4px 0 !important;
   border: 0 !important;
   border-radius: 0 !important;
   background: transparent !important;
   box-shadow: none !important;
   font-size: 14px !important;
   line-height: 1.55 !important;
   transition: color 0.25s ease !important;
}

.ed-home-why-grid .feature-card:hover {
   border-color: transparent !important;
   background: transparent !important;
   transform: none !important;
   box-shadow: none !important;
   color: var(--it-theme-1) !important;
}

.ed-home-why-grid .check {
   width: 8px !important;
   height: 8px !important;
   margin-top: 8px !important;
   border-radius: 50% !important;
   background: var(--it-theme-1) !important;
}

.it-about-area .ed-about-read-more {
   border-color: var(--it-theme-1) !important;
   color: var(--it-theme-1) !important;
   background: transparent !important;
}

.it-about-area .ed-about-read-more:hover,
.it-about-area .ed-about-read-more[aria-expanded="true"] {
   border-color: var(--it-theme-1) !important;
   background: var(--it-theme-1) !important;
   color: var(--it-common-white) !important;
}

.ed-quick-link {
   border-right-color: var(--it-theme-1) !important;
}

.ed-quick-link .ed-quick-link-icon {
   background: var(--it-theme-1) !important;
}

.ed-quick-link:hover {
   color: var(--it-common-black) !important;
   border-right-color: var(--it-theme-2) !important;
   box-shadow: 0 24px 54px rgba(210, 40, 61, 0.16) !important;
}

.ed-quick-link:hover .ed-quick-link-icon,
.ed-quick-link:hover .ed-quick-link-arrow {
   background: var(--it-theme-2) !important;
   border-color: var(--it-theme-2) !important;
   color: var(--it-common-black) !important;
}

.ed-quick-links-wrap {
   padding-top: 20px !important;
   padding-bottom: 20px !important;
   background: #f6f7fa !important;
}

.ed-quick-links {
   display: grid !important;
   grid-template-columns: repeat(4, minmax(260px, 1fr)) !important;
   gap: 18px !important;
   width: min(1500px, 100%) !important;
   max-width: 1500px !important;
   padding: 0 18px !important;
   margin: 0 auto !important;
}

.ed-quick-link {
   display: grid !important;
   grid-template-columns: 72px minmax(0, 1fr) 38px !important;
   align-items: center !important;
   gap: 16px !important;
   min-width: 0 !important;
   min-height: 88px !important;
   padding: 12px 16px 12px 0 !important;
   overflow: hidden !important;
   border-radius: 8px !important;
   background: var(--it-common-white) !important;
   text-decoration: none !important;
}

.ed-quick-link-copy {
   min-width: 0 !important;
   padding-left: 2px !important;
}

.ed-quick-link-copy strong {
   display: block !important;
   max-width: 100% !important;
   margin: 0 !important;
   color: var(--it-common-black) !important;
   font-size: 16px !important;
   font-weight: 900 !important;
   line-height: 1.22 !important;
   letter-spacing: 0 !important;
   white-space: normal !important;
   overflow: visible !important;
   text-overflow: clip !important;
   text-decoration: none !important;
   overflow-wrap: anywhere !important;
}

.ed-quick-link-copy small {
   display: none !important;
}

.ed-quick-link-arrow {
   justify-self: end !important;
   flex: none !important;
   width: 38px !important;
   height: 38px !important;
   margin: 0 !important;
}

.ed-quick-link-icon {
   align-self: stretch !important;
   flex: none !important;
   width: 72px !important;
   height: auto !important;
}

@media (max-width: 1399px) {
   .ed-quick-links {
      grid-template-columns: repeat(2, minmax(280px, 1fr)) !important;
   }
}

@media (max-width: 767px) {
   .ed-quick-links {
      grid-template-columns: 1fr !important;
      padding: 0 14px !important;
   }
}

.ed-quick-link {
   --ql-grad-a: #e21f2f;
   --ql-grad-b: #ff7a3d;
   --ql-shadow: rgba(226, 31, 47, 0.2);
   border-right: 0 !important;
   background: linear-gradient(135deg, var(--ql-grad-a), var(--ql-grad-b)) !important;
   color: var(--it-common-white) !important;
   box-shadow: 0 18px 40px var(--ql-shadow) !important;
}

.ed-quick-link::before {
   content: "";
   position: absolute;
   inset: 0;
   background: linear-gradient(120deg, rgba(255, 255, 255, 0.2), transparent 42%);
   pointer-events: none;
}

.ed-quick-link-icon {
   position: relative !important;
   z-index: 1;
   background: rgba(255, 255, 255, 0.16) !important;
   color: var(--it-common-white) !important;
}

.ed-quick-link-icon::after {
   display: none !important;
   content: none !important;
}

.ed-quick-link-copy,
.ed-quick-link-arrow {
   position: relative;
   z-index: 1;
}

.ed-quick-link-copy strong {
   color: var(--it-common-white) !important;
}

.ed-quick-link-arrow {
   border: 1px solid rgba(255, 255, 255, 0.55) !important;
   background: rgba(255, 255, 255, 0.16) !important;
   color: var(--it-common-white) !important;
}

.ed-quick-link:hover {
   color: var(--it-common-white) !important;
   transform: translateY(-5px) !important;
   box-shadow: 0 24px 54px var(--ql-shadow) !important;
}

.ed-quick-link:hover .ed-quick-link-icon,
.ed-quick-link:hover .ed-quick-link-arrow {
   background: rgba(255, 255, 255, 0.26) !important;
   border-color: rgba(255, 255, 255, 0.72) !important;
   color: var(--it-common-white) !important;
}

.ed-quick-link-red {
   --ql-grad-a: #e21f2f;
   --ql-grad-b: #ff7a3d;
   --ql-shadow: rgba(226, 31, 47, 0.24);
}

.ed-quick-link-dark {
   --ql-grad-a: #202433;
   --ql-grad-b: #4554d8;
   --ql-shadow: rgba(69, 84, 216, 0.22);
}

.ed-quick-link-blue {
   --ql-grad-a: #246bfe;
   --ql-grad-b: #12b6cb;
   --ql-shadow: rgba(36, 107, 254, 0.22);
}

.ed-quick-link-cyan {
   --ql-grad-a: #0f9f8f;
   --ql-grad-b: #f6b63a;
   --ql-shadow: rgba(15, 159, 143, 0.22);
}

/* Final quick-link compact style: color only behind icons */
.ed-quick-links-wrap {
   padding-top: 8px !important;
   padding-bottom: 8px !important;
   background: #f5f6f9 !important;
}

.ed-quick-links {
   grid-template-columns: repeat(4, minmax(250px, 1fr)) !important;
   gap: 14px !important;
   max-width: 1460px !important;
}

.ed-quick-link {
   --ql-color: #e21f2f;
   display: grid !important;
   grid-template-columns: 68px minmax(0, 1fr) 34px !important;
   gap: 14px !important;
   min-height: 74px !important;
   padding: 0 14px 0 0 !important;
   border: 1px solid #edf0f4 !important;
   border-right: 4px solid var(--ql-color) !important;
   border-radius: 8px !important;
   background: var(--it-common-white) !important;
   box-shadow: 0 10px 24px rgba(31, 36, 50, 0.08) !important;
   transform: none !important;
}

.ed-quick-link::before,
.ed-quick-link-icon::after {
   display: none !important;
   content: none !important;
}

.ed-quick-link-icon {
   width: 68px !important;
   height: 100% !important;
   min-height: 74px !important;
   border-radius: 8px 0 0 8px !important;
   background: var(--ql-color) !important;
}

.ed-quick-link-icon svg {
   width: 28px !important;
   height: 28px !important;
}

.ed-quick-link-copy strong {
   color: var(--it-common-black) !important;
   font-size: 15px !important;
   line-height: 1.22 !important;
   text-decoration: none !important;
}

.ed-quick-link-arrow {
   width: 34px !important;
   height: 34px !important;
   border: 1px solid #dfe4ec !important;
   background: var(--it-common-white) !important;
   color: var(--it-common-black) !important;
   font-size: 18px !important;
}

.ed-quick-link:hover {
   background: var(--it-common-white) !important;
   color: var(--it-common-black) !important;
   transform: translateY(-3px) !important;
   box-shadow: 0 16px 34px rgba(31, 36, 50, 0.12) !important;
}

.ed-quick-link:hover .ed-quick-link-icon {
   background: var(--ql-color) !important;
}

.ed-quick-link:hover .ed-quick-link-arrow {
   border-color: var(--ql-color) !important;
   background: var(--ql-color) !important;
   color: var(--it-common-white) !important;
}

.ed-quick-link-red {
   --ql-color: #e21f2f;
}

.ed-quick-link-dark {
   --ql-color: #202433;
}

.ed-quick-link-blue {
   --ql-color: #246bfe;
}

.ed-quick-link-cyan {
   --ql-color: #0f9f8f;
}

.ed-hero-kicker i {
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background: var(--it-theme-1);
}

@media (max-width: 575px) {
   .ed-hero-kicker {
      gap: 10px;
      font-size: 15px;
   }

}

.it-blog-item .it-blog-btn,
.it-blog-btn {
   color: var(--it-theme-1) !important;
   font-weight: 700 !important;
   transition: color 0.25s ease;
}

.it-blog-item .it-blog-btn:hover,
.it-blog-btn:hover {
   color: var(--it-theme-2) !important;
}

.it-course-area .it-course-title,
.it-course-area .it-course-title a,
.it-course-area .it-course-title a.border-line {
   color: var(--it-common-black) !important;
   text-decoration: none !important;
}

.it-course-area .it-course-title a.border-line {
   background-image: none !important;
   background-size: 0 0 !important;
}

.it-course-area .it-course-title a:hover,
.it-course-area .it-course-item:hover .it-course-title a {
   color: var(--it-theme-1) !important;
   text-decoration: none !important;
}

.it-course-area .it-course-btn .it-btn-yellow {
   background: var(--it-common-black) !important;
}

.it-course-area .it-course-btn .it-btn-yellow span {
   color: var(--it-common-white) !important;
}

.it-course-area .it-course-btn .it-btn-yellow:hover,
.it-course-area .it-course-item:hover .it-course-btn .it-btn-yellow {
   background: var(--it-theme-1) !important;
}

.it-course-area .it-course-btn .it-btn-yellow:hover span,
.it-course-area .it-course-item:hover .it-course-btn .it-btn-yellow span {
   color: var(--it-common-white) !important;
}

.it-course-area .it-course-thumb a {
   display: block;
}

.it-course-area .it-course-thumb img.w-100 {
   width: 100% !important;
   aspect-ratio: 16 / 10;
   object-fit: cover;
}

.it-course-area .it-course-thumb a:hover img {
   filter: saturate(1.08);
}

.it-course-area .it-course-title {
   min-height: 34px;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 14px !important;
}

/* Final compact course card spacing */
.it-course-area .it-course-item {
   border-radius: 10px !important;
   overflow: hidden;
}

.it-course-area .it-course-thumb {
   margin-bottom: 18px !important;
}

.it-course-area .ed-course-flag {
   width: 62px !important;
   height: 62px !important;
   bottom: -28px !important;
   padding: 4px !important;
   box-shadow: 0 14px 30px rgba(31,36,50,.14) !important;
}

.it-course-area .it-course-content {
   padding: 22px 18px 18px !important;
}

.it-course-area .it-course-title {
   min-height: 0 !important;
   margin-bottom: 12px !important;
   font-size: 24px !important;
   line-height: 1.15 !important;
}

.it-course-area .it-course-meta {
   display: grid !important;
   grid-template-columns: 1fr 1fr;
   gap: 0;
   margin: 0 !important;
}

.it-course-area .it-course-meta span {
   min-height: 34px;
   display: flex !important;
   align-items: center;
   justify-content: center;
   padding: 0 8px !important;
   font-size: 15px !important;
   line-height: 1.25 !important;
}

.it-course-area .ed-course-meta-offset {
   margin-top: 4px !important;
}

.it-course-area .it-course-btn {
   margin-top: 14px !important;
}

.it-course-area .it-course-btn .it-btn-yellow {
   min-height: 48px !important;
   padding: 0 18px !important;
   border-radius: 8px !important;
}

.it-blog-title a {
   color: var(--it-common-black) !important;
   text-decoration: none !important;
}

.it-blog-title a:hover,
.it-blog-item:hover .it-blog-title a {
   color: var(--it-theme-1) !important;
}

.header .course-mega {
   overflow: hidden;
}

.header .offline-mega-column {
   background: linear-gradient(135deg, #fffaf0 0%, #ffffff 58%, #fff4f4 100%) !important;
}

.header .online-mega-column {
   background: linear-gradient(135deg, #ffffff 0%, #f3fbfb 100%) !important;
}

.header .mega-head {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   gap: 16px;
   margin-bottom: 16px;
}

.header .mega-head span {
   display: inline-block;
   margin-bottom: 4px;
   color: var(--it-theme-1);
   font-size: 11px;
   font-weight: 800;
   letter-spacing: 0.08em;
   line-height: 1;
   text-transform: uppercase;
}

.header .mega-all {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   min-height: 30px;
   padding: 7px 12px;
   border-radius: 999px;
   background: var(--it-theme-1);
   color: var(--it-common-white) !important;
   font-size: 12px;
   font-weight: 800;
   line-height: 1;
   text-decoration: none !important;
   transition: background-color 0.25s ease, color 0.25s ease, transform 0.25s ease;
}

.header .mega-all:hover {
   background: var(--it-theme-2);
   color: var(--it-common-black) !important;
   transform: translateY(-1px);
}

.header .course-card-grid {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 10px;
}

.header .online-card-grid {
   grid-template-columns: 1fr;
}

.header .course-online-card .course-mini-icon {
   background: rgba(6, 120, 106, 0.1);
   color: #06786a;
}

.header .course-online-card:hover {
   border-color: rgba(6, 120, 106, 0.25);
   box-shadow: 0 16px 34px rgba(6, 120, 106, 0.12);
}

.header .course-online-card:hover .course-mini-icon {
   background: #06786a;
   color: var(--it-common-white);
}

.header .course-mini-card {
   position: relative;
   display: grid;
   grid-template-columns: 46px minmax(0, 1fr);
   align-items: center;
   gap: 12px;
   min-height: 72px;
   padding: 11px 13px;
   border: 1px solid rgba(31, 36, 50, 0.08);
   border-radius: 8px;
   background: rgba(255, 255, 255, 0.82);
   color: var(--it-common-black) !important;
   text-decoration: none !important;
   box-shadow: 0 10px 28px rgba(31, 36, 50, 0.05);
   transform: translateY(8px);
   opacity: 0;
   animation: msolMenuCardIn 0.34s ease forwards;
   transition: transform 0.25s ease, border-color 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease;
}

.header .course-mini-card:nth-child(2) { animation-delay: 0.03s; }
.header .course-mini-card:nth-child(3) { animation-delay: 0.06s; }
.header .course-mini-card:nth-child(4) { animation-delay: 0.09s; }
.header .course-mini-card:nth-child(5) { animation-delay: 0.12s; }
.header .course-mini-card:nth-child(6) { animation-delay: 0.15s; }
.header .course-mini-card:nth-child(7) { animation-delay: 0.18s; }
.header .course-mini-card:nth-child(8) { animation-delay: 0.21s; }
.header .course-mini-card:nth-child(9) { animation-delay: 0.24s; }
.header .course-mini-card:nth-child(10) { animation-delay: 0.27s; }
.header .course-mini-card:nth-child(11) { animation-delay: 0.3s; }

.header .course-mini-card:hover {
   border-color: rgba(210, 40, 61, 0.25);
   background: var(--it-common-white);
   transform: translateY(-3px);
   box-shadow: 0 16px 34px rgba(210, 40, 61, 0.12);
}

.header .course-mini-img {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 46px;
   height: 46px;
   overflow: hidden;
   border-radius: 50%;
   background: #f3f5f7;
   box-shadow: inset 0 0 0 1px rgba(31, 36, 50, 0.06);
}

.header .course-mini-img img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: transform 0.25s ease;
}

.header .course-mini-card:hover .course-mini-img img {
   transform: scale(1.1);
}

.header .course-mini-copy {
   min-width: 0;
}

.header .course-mini-copy strong {
   display: block;
   overflow: hidden;
   color: var(--it-common-black);
   font-size: 14px;
   font-weight: 800;
   line-height: 1.25;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.header .course-mini-copy small {
   display: block;
   margin-top: 3px;
   color: #687386;
   font-size: 11px;
   font-weight: 700;
   line-height: 1;
}

.header .course-mini-icon {
   display: none !important;
   align-items: center;
   justify-content: center;
   width: 32px;
   height: 32px;
   border-radius: 8px;
   background: rgba(210, 40, 61, 0.09);
   color: var(--it-theme-1);
   font-size: 13px;
   transition: background-color 0.25s ease, color 0.25s ease;
}

.header .course-mini-card:hover .course-mini-icon {
   background: var(--it-theme-1);
   color: var(--it-common-white);
}

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

.it-contact-2-area {
   position: relative;
   overflow: hidden;
}

.it-contact-2-area .it-contact-left {
   position: relative;
   z-index: 2;
}

.it-contact-2-area .it-section-subtitle.white-style {
   display: inline-flex !important;
   align-items: center !important;
   min-height: 34px !important;
   padding: 7px 16px !important;
   border: 1px solid rgba(255, 255, 255, 0.36) !important;
   border-radius: 999px !important;
   background: rgba(255, 255, 255, 0.14) !important;
   color: var(--it-common-white) !important;
   font-size: 13px !important;
   font-weight: 800 !important;
   letter-spacing: 0.06em !important;
   line-height: 1 !important;
   text-transform: uppercase !important;
}

.it-contact-2-area .it-section-title {
   max-width: 650px;
   margin-bottom: 18px !important;
   color: var(--it-common-white) !important;
   font-size: clamp(32px, 4vw, 52px) !important;
   line-height: 1.08 !important;
   letter-spacing: 0 !important;
   text-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
}

.it-contact-2-area .it-section-title span {
   color: var(--it-theme-2) !important;
}

.it-contact-2-area .ed-title-line {
   background: var(--it-theme-2) !important;
   opacity: 0.9;
}

.it-contact-2-area .ed-contact-lead {
   max-width: 610px;
   margin: 0;
   color: rgba(255, 255, 255, 0.92);
   font-size: 17px;
   line-height: 1.75;
}

.it-contact-2-area .custom-contact-box {
   display: flex !important;
   flex-direction: column !important;
   gap: 12px !important;
   max-width: 620px !important;
   margin-top: 30px !important;
   margin-bottom: 30px !important;
}

.it-contact-2-area .custom-contact-box span {
   display: flex !important;
   align-items: flex-start !important;
   gap: 10px !important;
   min-height: auto !important;
   padding: 0 !important;
   border: 0 !important;
   border-radius: 0 !important;
   background: transparent !important;
   color: var(--it-common-white) !important;
   backdrop-filter: none;
}

.it-contact-2-area .custom-contact-box i {
   flex: 0 0 auto;
   min-width: 74px;
   color: var(--it-theme-2) !important;
   font-style: normal !important;
   font-weight: 800 !important;
}

.it-contact-2-area .custom-contact-box a {
   color: var(--it-common-white) !important;
   font-weight: 700 !important;
   line-height: 1.45 !important;
   text-decoration: none !important;
   overflow-wrap: anywhere;
   transition: color 0.25s ease;
}

.it-contact-2-area .custom-contact-box a:hover {
   color: var(--it-theme-2) !important;
}

.it-contact-2-area .it-contact-thumb {
   max-width: 520px !important;
   margin-right: 0 !important;
   overflow: hidden !important;
   border: 6px solid rgba(255, 255, 255, 0.18);
   box-shadow: 0 24px 60px rgba(0, 0, 0, 0.18);
}

.it-contact-2-area .it-contact-thumb img {
   display: block;
   width: 100%;
   aspect-ratio: 16 / 7;
   object-fit: cover;
}

@media (max-width: 575px) {
   .ed-home-why-section .ed-home-why-btn {
      width: 100% !important;
   }

   .ed-home-why-section {
      padding: 72px 0 66px !important;
   }

   .ed-home-why-float-card {
      right: 12px;
      bottom: 20px;
      min-width: 136px;
      padding: 12px 14px;
   }

   .ed-home-why-float-card strong {
      font-size: 22px;
   }

   .ed-home-why-grid {
      grid-template-columns: 1fr !important;
   }

   .it-contact-2-area .it-section-title {
      font-size: 30px !important;
   }

   .it-contact-2-area .ed-contact-lead {
      font-size: 15px;
   }

   .it-contact-2-area .custom-contact-box span {
      display: block !important;
   }

   .it-contact-2-area .custom-contact-box i {
      display: block !important;
      margin-bottom: 4px !important;
   }
}

@media (max-width: 1199px) {
.header .course-mini-card {
      animation: none;
      opacity: 1;
      transform: none;
   }

}

@media (max-width: 575px) {
   .header .course-card-grid {
      grid-template-columns: 1fr;
   }
}
/* Corporate Zone page */
.corp-hero {
   padding: 96px 0 86px;
   background: linear-gradient(135deg, #ed1f24 0%, #b61319 100%);
   color: #fff;
}

.corp-badge {
   display: inline-flex;
   margin-bottom: 18px;
   padding: 8px 16px;
   border-radius: 999px;
   background: rgba(255,255,255,.14);
   color: #fff;
   font-weight: 800;
   letter-spacing: .04em;
   text-transform: uppercase;
}

.corp-hero h1 {
   max-width: 760px;
   margin-bottom: 18px;
   color: #fff;
   font-size: clamp(38px, 5vw, 72px);
   font-weight: 900;
   line-height: 1.02;
}

.corp-hero p {
   max-width: 660px;
   color: rgba(255,255,255,.9);
   font-size: 18px;
   line-height: 1.75;
}

.corp-hero img {
   width: 100%;
   aspect-ratio: 4 / 3;
   object-fit: cover;
   border-radius: 18px;
   box-shadow: 0 28px 70px rgba(0,0,0,.2);
}

.corp-actions {
   display: flex;
   gap: 18px;
   align-items: center;
   margin-top: 30px;
   flex-wrap: wrap;
}

.corp-link {
   color: #fff;
   font-weight: 800;
   text-decoration: underline;
}

.corp-section,
.corp-detail {
   padding: 86px 0;
   background: #fff;
}

.corp-section {
   background: #f5f8fb;
}

.corp-card {
   height: 100%;
   padding: 30px;
   border-radius: 14px;
   background: #fff;
   box-shadow: 0 18px 48px rgba(15,23,42,.08);
}

.corp-card span {
   color: #ed1f24;
   font-weight: 900;
}

.corp-card h3,
.corp-detail h2 {
   margin: 10px 0 12px;
   color: #1f2432;
   font-weight: 900;
   letter-spacing: 0;
}

.corp-card p,
.corp-detail p,
.corp-detail li {
   color: #5d6878;
   line-height: 1.72;
}

.corp-detail ul {
   margin: 20px 0 0;
   padding-left: 20px;
}

.corp-db-content {
   margin-top: 52px;
   padding-top: 36px;
   border-top: 1px solid #e6edf5;
}

/* Final hero visual frame: remove the hard white-card feel from uploaded images */

/* Purani theme top bar hide karo */
.it-header-top-area,
.it-header-top-2-area,
.it-header-top-3-area,
.it-header-top-4-area,
.it-header-top-5-area {
    display: none !important;
}

/* Dynamic top bar */
.dynamic-topbar {
    padding: 10px 0 !important;
    color: #ffffff !important;
    background: #1d2433 !important;
    border-top: 3px solid #f4b400 !important;
}

.dynamic-topbar .topbar-content {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;
    max-width: 1450px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
}

.dynamic-topbar .contact-list,
.dynamic-topbar .social-list {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px 22px !important;
}

.dynamic-topbar a,
.dynamic-topbar span {
    color: #ffffff !important;
    font-size: 13px !important;
    text-decoration: none !important;
}

.dynamic-topbar a:hover {
    color: #f4b400 !important;
}

.dynamic-topbar i {
    margin-right: 7px !important;
    color: #f4b400 !important;
}

.dynamic-topbar .social-list > span {
    font-weight: 600 !important;
}

.dynamic-topbar .social-list a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    border-radius: 50% !important;
}

.dynamic-topbar .social-list i {
    margin: 0 !important;
    color: #ffffff !important;
}

.dynamic-topbar .social-list a:hover {
    background: #f4b400 !important;
}

.dynamic-topbar .social-list a:hover i {
    color: #1d2433 !important;
}

/* Header main box */
.header {
    width: 100% !important;
    background: #ffffff !important;
    border-bottom: 1px solid #eeeeee !important;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.06) !important;
    z-index: 9999 !important;
}

.header .navbar {
    min-height: 78px !important;
    padding: 8px 0 !important;
    background: #ffffff !important;
}

.header .container-fluid {
    width: 100% !important;
    max-width: 1450px !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
}

/* Logo */
.header .navbar-brand {
    display: flex !important;
    align-items: center !important;
    margin-right: 25px !important;
    padding: 0 !important;
}

.header .navbar-brand img {
    display: block !important;
    width: auto !important;
    max-width: 215px !important;
    height: 64px !important;
    object-fit: contain !important;
}

/* Desktop menu */
.header .navbar-nav {
    align-items: center !important;
    gap: 2px !important;
}

.header .nav-item {
    position: relative !important;
}

.header .nav-link {
    padding: 25px 8px !important;
    color: #202020 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

.header .nav-link:hover,
.header .nav-link.active {
    color: #e6a300 !important;
}

/* Dropdown */
.header .dropdown-menu {
    top: 100% !important;
    min-width: 260px !important;
    margin: 0 !important;
    padding: 10px 0 !important;
    background: #ffffff !important;
    border: 0 !important;
    border-top: 3px solid #e6a300 !important;
    border-radius: 0 0 10px 10px !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15) !important;
}

.header .dropdown-item {
    padding: 10px 20px !important;
    color: #333333 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    white-space: normal !important;
}

.header .dropdown-item:hover,
.header .dropdown-item:focus {
    color: #E02121 !important;
    background: #fff7df !important;
}

.header .dropdown-heading {
    display: block !important;
    padding: 9px 20px !important;
    color: #E02121 !important;
    background: #fff4d2 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
}

/* About and Courses mega menu */
.header .mega-menu {
    left: 50% !important;
    width: min(900px, 92vw) !important;
    padding: 25px !important;
    transform: translateX(-50%) !important;
}

.header .course-mega {
    width: min(920px, 94vw) !important;
}

.header .mega-column {
    height: 100% !important;
    padding: 20px !important;
    background: #fffaf0 !important;
    border: 1px solid #f2e4bd !important;
    border-radius: 10px !important;
}

.header .mega-title {
    margin: 0 0 10px !important;
    color: #E02121 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

.header .mega-link {
    display: block !important;
    padding: 6px 0 !important;
    color: #444444 !important;
    font-size: 13px !important;
    text-decoration: none !important;
}

.header .mega-link:hover {
    color: #e6a300 !important;
}

/* Apply button */
.header .apply-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 125px !important;
    margin-left: 15px !important;
    padding: 13px 18px !important;
    color: #ffffff !important;
    background: #E02121 !important;
    border: 2px solid #E02121 !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.header .apply-button:hover {
    color: #E02121 !important;
    background: #f8c62f !important;
    border-color: #f8c62f !important;
}

/* Mobile button */
.header .navbar-toggler {
    width: 46px !important;
    height: 44px !important;
    padding: 8px !important;
    background: #E02121 !important;
    border: 0 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
}

.header .navbar-toggler-icon {
    filter: brightness(0) invert(1) !important;
}

/* Desktop dropdown on hover */
@media (min-width: 1200px) {
    .header .dropdown:hover > .dropdown-menu {
        display: block !important;
    }
}

/* Small desktop */
@media (min-width: 1200px) and (max-width: 1399px) {
    .header .container-fluid {
        padding-right: 12px !important;
        padding-left: 12px !important;
    }

    .header .navbar-brand {
        margin-right: 10px !important;
    }

    .header .navbar-brand img {
        max-width: 170px !important;
        height: 56px !important;
    }

    .header .nav-link {
        padding-right: 5px !important;
        padding-left: 5px !important;
        font-size: 11px !important;
    }

    .header .apply-button {
        min-width: 100px !important;
        margin-left: 8px !important;
        padding: 12px 10px !important;
        font-size: 11px !important;
    }
}

/* Tablet and mobile */
@media (max-width: 1199px) {
    .dynamic-topbar .topbar-content {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    .dynamic-topbar .site-address {
        display: none !important;
    }

    .header .navbar {
        min-height: 68px !important;
    }

    .header .container-fluid {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
    }

    .header .navbar-brand {
        flex: 0 1 auto !important;
        max-width: calc(100% - 58px) !important;
        margin-right: 0 !important;
    }

    .header .navbar-brand img {
        max-width: 165px !important;
        height: 54px !important;
        object-fit: contain !important;
    }

    .header .navbar-toggler {
        position: absolute !important;
        top: 12px !important;
        right: 10px !important;
        z-index: 20 !important;
        flex: 0 0 44px !important;
        width: 44px !important;
        height: 44px !important;
        margin-left: auto !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 8px !important;
        background: #e02121 !important;
        border-color: #e02121 !important;
        box-shadow: none !important;
        transform: none !important;
        overflow: hidden !important;
    }

    .header .navbar-toggler::before {
        content: "" !important;
        position: absolute !important;
        inset: 0 !important;
        z-index: 0 !important;
        border-radius: 8px !important;
        background: #e02121 !important;
    }

    .header .navbar-toggler-icon {
        position: relative !important;
        z-index: 1 !important;
        width: 22px !important;
        height: 2px !important;
        border-radius: 999px !important;
        background: #ffffff !important;
        background-image: none !important;
        filter: none !important;
    }

    .header .navbar-toggler-icon::before,
    .header .navbar-toggler-icon::after {
        content: "" !important;
        position: absolute !important;
        left: 0 !important;
        width: 22px !important;
        height: 2px !important;
        border-radius: 999px !important;
        background: #ffffff !important;
    }

    .header .navbar-toggler-icon::before {
        top: -7px !important;
    }

    .header .navbar-toggler-icon::after {
        top: 7px !important;
    }

    .header .navbar-collapse {
        flex-basis: 100% !important;
        max-height: calc(100vh - 80px) !important;
        margin-top: 10px !important;
        padding: 10px 0 18px !important;
        overflow-y: auto !important;
        border-top: 1px solid #eeeeee !important;
    }

    .header .navbar-nav {
        align-items: stretch !important;
    }

    .header .nav-link {
        padding: 12px 5px !important;
        border-bottom: 1px solid #eeeeee !important;
        font-size: 13px !important;
        color: #111827 !important;
        border-radius: 6px !important;
    }

    .header .nav-link:hover,
    .header .nav-link:focus,
    .header .nav-link.active,
    .header .navbar-nav .show > .nav-link {
        color: #ffffff !important;
        background: #e02121 !important;
        border-color: #e02121 !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .header .dropdown-menu {
        position: static !important;
        width: 100% !important;
        min-width: 100% !important;
        border-top: 0 !important;
        border-left: 3px solid #e6a300 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    .header .dropdown-menu .dropdown-item,
    .header .dropdown-menu .mega-link {
        color: #1f2432 !important;
        border-radius: 6px !important;
    }

    .header .dropdown-menu .dropdown-item:hover,
    .header .dropdown-menu .dropdown-item:focus,
    .header .dropdown-menu .mega-link:hover,
    .header .dropdown-menu .mega-link:focus {
        color: #ffffff !important;
        background: #e02121 !important;
    }

    .header .mega-menu {
        width: 100% !important;
        padding: 18px !important;
        transform: none !important;
    }

    .header .apply-button {
        margin: 15px 0 0 !important;
    }
}

@media (max-width: 575px) {
    .dynamic-topbar {
        padding: 8px 0 !important;
    }

    .dynamic-topbar .topbar-content,
    .dynamic-topbar .contact-list {
        justify-content: center !important;
        flex-wrap: wrap !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    .dynamic-topbar .topbar-content {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .dynamic-topbar .contact-list {
        gap: 4px 12px !important;
    }

    .dynamic-topbar .social-list {
        display: none !important;
    }

    .dynamic-topbar a,
    .dynamic-topbar span {
        max-width: 100% !important;
        min-width: 0 !important;
        font-size: 10px !important;
        line-height: 1.25 !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    .header .container-fluid {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .header .navbar-brand img {
        max-width: min(220px, calc(100vw - 76px)) !important;
        height: 48px !important;
    }

    .header .navbar-toggler {
        flex-basis: 42px !important;
        width: 42px !important;
        height: 42px !important;
    }
}

/* Corporate Zone page refreshed layout */
.interpreter-section,
.rs-intro-section,
.fs-section,
.mscz-fcintro-section,
.mscz-recruitlist-section,
.mscz-employerenq-section {
    font-family: inherit;
}

.interpreter-section {
    padding: 72px 0 56px;
    background: #ffffff;
}

.interp-wrapper {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(340px, 0.72fr);
    gap: 64px;
    align-items: center;
}

.interp-heading,
.rs-heading,
.fs-heading,
.mscz-fcintro-heading {
    margin: 14px 0 18px;
    color: #1f2432;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.22;
}

.interp-heading {
    font-size: 36px;
}

.interp-para,
.rs-para,
.fs-para,
.mscz-fcintro-para,
.fs-tag-intro {
    color: #5f6877;
    font-size: 15px;
    line-height: 1.85;
}

.interp-tags,
.fs-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}

.interp-tag,
.fs-tags span {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 8px 16px;
    color: #e71f25;
    background: #fff0f0;
    border: 1px solid #ffd3d3;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
}

.interp-tagline {
    margin: 30px 0 0;
    padding-left: 16px;
    color: #1f2432;
    border-left: 3px solid #e71f25;
    font-size: 15px;
    font-weight: 800;
}

.interp-right {
    position: relative;
}

.interp-card {
    position: relative;
    z-index: 2;
    padding: 38px 34px 34px;
    text-align: center;
    color: #ffffff;
    background:
        radial-gradient(circle at 82% 18%, rgba(255, 255, 255, 0.16) 0 36px, transparent 37px),
        linear-gradient(135deg, #f11f25 0%, #df1820 100%);
    border-radius: 12px;
    box-shadow: 0 22px 50px rgba(231, 31, 37, 0.24);
}

.interp-card-icon,
.mscz-employerenq-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.16);
    border-radius: 50%;
}

.interp-card-icon svg,
.interp-email svg,
.fs-email-btn svg,
.mscz-employerenq-icon svg,
.mscz-employerenq-btn svg {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px;
    flex: 0 0 18px;
}

.interp-card-title {
    margin: 18px 0 12px;
    color: #ffffff;
    font-size: 22px;
    font-weight: 800;
}

.interp-card-desc {
    margin: 0 auto 22px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 13px;
    line-height: 1.8;
}

.interp-email,
.interp-btn,
.fs-email-btn,
.mscz-employerenq-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    text-decoration: none;
}

.interp-email {
    margin-bottom: 12px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
}

.interp-email:hover {
    color: #ffd032;
}

.interp-btn {
    width: 100%;
    min-height: 42px;
    color: #e71f25;
    background: #ffffff;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 800;
}

.interp-btn:hover {
    color: #1f2432;
    background: #ffd032;
}

.corporate-visual {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 18px;
    padding: 14px;
    background: #fff8ee;
    border: 1px solid #ffe1b2;
    border-radius: 12px;
}

.corporate-visual img {
    width: 100%;
    height: 290px;
    object-fit: cover;
    border-radius: 10px;
}

.corporate-visual span {
    grid-column: 1 / -1;
    color: #E02121;
    font-size: 13px;
    font-weight: 800;
    text-align: center;
}

.rs-intro-section,
.mscz-fcintro-section {
    padding: 66px 0;
    background: #ffffff;
}

.rs-intro-inner,
.fs-header,
.mscz-fcintro-inner {
    max-width: 760px;
    margin: 0 auto;
    text-align: center;
}

.rs-heading {
    font-size: 34px;
}

.fs-section {
    padding: 74px 0;
    background: #f7f7f8;
}

.fs-heading,
.mscz-fcintro-heading {
    position: relative;
    display: inline-block;
    font-size: 30px;
}

.fs-heading::after,
.mscz-fcintro-heading::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -11px;
    width: 46px;
    height: 3px;
    background: #e71f25;
    border-radius: 999px;
    transform: translateX(-50%);
}

.fs-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    margin-top: 42px;
}

.fs-card,
.mscz-recruitlist-card {
    padding: 30px;
    background: #ffffff;
    border: 1px solid #edf0f3;
    border-radius: 10px;
    box-shadow: 0 18px 42px rgba(31, 36, 50, 0.06);
}

.fs-card-title,
.mscz-recruitlist-title {
    margin: 0 0 18px;
    color: #1f2432;
    font-size: 18px;
    font-weight: 800;
}

.fs-list,
.mscz-recruitlist-ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.fs-list li,
.mscz-recruitlist-ul li {
    position: relative;
    padding: 13px 0 13px 24px;
    color: #5f6877;
    border-bottom: 1px solid #eff1f4;
    font-size: 14px;
    line-height: 1.55;
}

.fs-list li:last-child,
.mscz-recruitlist-ul li:last-child {
    border-bottom: 0;
}

.fs-list li::before,
.mscz-recruitlist-ul li::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 0;
    width: 8px;
    height: 8px;
    background: #e71f25;
    border-radius: 50%;
    box-shadow: 0 0 0 5px #fff0f0;
}

.fs-contact,
.mscz-employerenq-box {
    margin-top: 38px;
    padding: 34px;
    border-radius: 12px;
}

.fs-contact {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    background: #fff0ee;
    border: 1px solid #ffd6d1;
}

.fs-contact-left h5 {
    margin: 0 0 8px;
    color: #1f2432;
    font-size: 18px;
    font-weight: 800;
}

.fs-contact-left p {
    max-width: 760px;
    margin: 0;
    color: #5f6877;
    font-size: 14px;
    line-height: 1.8;
}

.fs-email-btn {
    min-height: 46px;
    padding: 0 22px;
    color: #ffffff;
    background: #e71f25;
    border-radius: 7px;
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
    box-shadow: 0 12px 24px rgba(231, 31, 37, 0.2);
}

.fs-email-btn:hover {
    color: #1f2432;
    background: #ffd032;
}

.mscz-recruitlist-section {
    padding: 20px 0 72px;
    background: #ffffff;
}

.mscz-recruitlist-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.mscz-recruitlist-card {
    border-left: 3px solid #e71f25;
}

.mscz-employerenq-section {
    padding: 10px 0 80px;
    background: #ffffff;
}

.mscz-employerenq-box {
    position: relative;
    overflow: hidden;
    color: #ffffff;
    background:
        radial-gradient(circle at 95% 20%, rgba(255, 255, 255, 0.13) 0 70px, transparent 71px),
        linear-gradient(135deg, #f11f25 0%, #d91820 100%);
    box-shadow: 0 20px 44px rgba(231, 31, 37, 0.22);
}

.mscz-employerenq-content {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}

.mscz-employerenq-left {
    display: flex;
    align-items: center;
    gap: 20px;
}

.mscz-employerenq-title {
    margin: 0 0 8px;
    color: #ffffff;
    font-size: 22px;
    font-weight: 800;
}

.mscz-employerenq-para {
    max-width: 660px;
    margin: 0;
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    line-height: 1.75;
}

.mscz-employerenq-btn {
    min-height: 48px;
    padding: 0 24px;
    color: #e71f25;
    background: #ffffff;
    border-radius: 7px;
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
}

.mscz-employerenq-btn:hover {
    color: #1f2432;
    background: #ffd032;
}

@media (max-width: 991px) {
    .interp-wrapper,
    .fs-grid,
    .mscz-recruitlist-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .interpreter-section,
    .fs-section {
        padding: 56px 0;
    }

    .interp-heading,
    .rs-heading {
        font-size: 30px;
    }

    .fs-contact,
    .mscz-employerenq-content {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 575px) {
    .interp-card,
    .fs-card,
    .mscz-recruitlist-card,
    .fs-contact,
    .mscz-employerenq-box {
        padding: 24px;
    }

    .interp-heading,
    .rs-heading,
    .fs-heading,
    .mscz-fcintro-heading {
        font-size: 26px;
    }

    .corporate-visual {
        grid-template-columns: 1fr;
    }

    .mscz-employerenq-left {
        align-items: flex-start;
    }
}

/* Final responsive/header polish */
.header {
   position: fixed !important;
   top: 0 !important;
   left: 0 !important;
   right: 0 !important;
   transition: box-shadow .22s ease;
}

/* BEGINNER NOTE: --header-space JS (site-header.js) se set hota hai
   (asli header height ke hisaab se). Lekin JS load/run hone se pehle
   (ya JS fail ho jaaye to) browser ye fallback value use karta hai. Pehle
   ye sirf 32px tha jabki real header ~130px (desktop) / ~98px (mobile)
   hota hai — isse page load hote hi content header ke peeche chala jaata
   tha aur JS chalte hi achanak "jump" karta tha. Ab fallback ko real
   height ke kareeb rakha hai taaki koi jump/overlap na dikhe. */

.header.is-scrolled {
   box-shadow: 0 10px 28px rgba(31, 36, 50, .12) !important;
}

.header .dynamic-topbar {
   max-height: 52px;
   overflow: hidden;
   transition: max-height .24s ease, padding .24s ease, opacity .18s ease, border-width .24s ease;
}

.header.is-scrolled .dynamic-topbar {
   max-height: 0 !important;
   padding-top: 0 !important;
   padding-bottom: 0 !important;
   border-top-width: 0 !important;
   opacity: 0;
}

.header .dropdown-item:hover,
.header .dropdown-item:focus,
.header .dropdown-heading,
.header .mega-title,
.header .apply-button:hover,
.corporate-visual span {
   color: #E02121 !important;
}

.header .apply-button,
.header .navbar-toggler {
   background: #E02121 !important;
   border-color: #E02121 !important;
}

.header .dropdown-item:hover,
.header .dropdown-item:focus,
.header .dropdown-heading {
   background: #fff1f1 !important;
}

.header .mega-column {
   background: #fff7f7 !important;
   border-color: #ffdada !important;
}

@media (max-width: 575px) {
   .header .dynamic-topbar {
      max-height: 36px;
   }

.ed-hero-kicker {
      margin-bottom: 16px;
      font-size: 13px;
      line-height: 1.25;
   }
}

.header .course-mini-img {
   overflow: visible !important;
   padding: 4px !important;
   background: #fff !important;
}

.it-contact-3-area .it-contact-list ul li a,
.it-contact-3-style-2 .it-contact-list ul li a {
   color: #1f2432 !important;
   text-decoration: none !important;
   overflow-wrap: anywhere !important;
}

.it-contact-3-area .it-contact-list ul li a:hover,
.it-contact-3-style-2 .it-contact-list ul li a:hover {
   color: #e02121 !important;
}

.it-contact-3-area .it-contact-social a {
   color: #e02121 !important;
}

.it-contact-3-area .it-contact-social a:hover {
   color: #ffffff !important;
   background: #e02121 !important;
}

/* Dynamic course details page - compact MSOL layout */
.ed-dynamic-course-page {
   padding: 0;
   background: #fff;
}

.ed-dynamic-course-hero {
   display: grid;
   grid-template-columns: minmax(0, 1.18fr) minmax(360px, .82fr);
   gap: 28px;
   min-height: 280px;
   border-radius: 8px;
   overflow: hidden;
   background: radial-gradient(circle at 70% 30%, rgba(38, 74, 140, .4), transparent 30%), linear-gradient(135deg, #061b43 0%, #06112e 100%);
   color: #fff;
   box-shadow: 0 16px 38px rgba(7, 20, 47, .12);
}

.ed-dc-hero-copy {
   padding: 28px 32px 26px 42px;
   align-self: center;
}

.ed-dc-breadcrumb {
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
   align-items: center;
   margin-bottom: 16px;
   color: rgba(255, 255, 255, .72);
   font-size: 13px;
   font-weight: 700;
}

.ed-dc-breadcrumb a,
.ed-dc-breadcrumb strong {
   color: #fff !important;
   text-decoration: none !important;
}

.ed-dc-pill {
   display: inline-flex;
   align-items: center;
   min-height: 24px;
   padding: 3px 14px;
   border: 1px solid #f8c62f;
   border-radius: 999px;
   color: #f8c62f;
   font-size: 12px;
   font-weight: 800;
}

.ed-dc-hero-copy h1 {
   margin: 18px 0 10px;
   color: #fff;
   font-size: clamp(30px, 3vw, 48px);
   line-height: 1.08;
   letter-spacing: 0;
   font-weight: 900;
}

.ed-dc-hero-copy p {
   max-width: 720px;
   margin: 0 0 20px;
   color: rgba(255, 255, 255, .88);
   font-size: 15px;
   line-height: 1.55;
}

.ed-dc-meta {
   display: flex;
   flex-wrap: wrap;
   gap: 18px 30px;
   margin-bottom: 22px;
}

.ed-dc-meta span {
   display: grid;
   grid-template-columns: 24px auto;
   column-gap: 9px;
   align-items: center;
   color: #fff;
   min-width: 118px;
}

.ed-dc-meta i {
   grid-row: span 2;
   color: #f8c62f;
   font-size: 19px;
}

.ed-dc-meta small {
   color: rgba(255, 255, 255, .7);
   font-size: 11px;
   line-height: 1.1;
}

.ed-dc-meta b {
   color: #fff;
   font-size: 14px;
   line-height: 1.2;
}

.ed-dc-actions {
   display: flex;
   flex-wrap: wrap;
   gap: 14px;
}

.ed-dc-primary,
.ed-dc-whatsapp,
.ed-dc-side-whatsapp {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 8px;
   min-height: 44px;
   padding: 0 26px;
   border-radius: 6px;
   font-size: 13px;
   font-weight: 900;
   text-transform: uppercase;
   text-decoration: none !important;
}

.ed-dc-primary {
   color: #fff !important;
   background: #e02121;
   border: 1px solid #e02121;
}

.ed-dc-primary:hover {
   color: #e02121 !important;
   background: #fff;
}

.ed-dc-whatsapp {
   color: #fff !important;
   border: 1px solid rgba(255, 255, 255, .78);
   background: transparent;
}

.ed-dc-whatsapp:hover {
   color: #061b43 !important;
   background: #fff;
}

.ed-dc-hero-media {
   position: relative;
   min-height: 280px;
}

.ed-dc-hero-media > img {
   width: 100%;
   height: 100%;
   min-height: 280px;
   object-fit: cover;
   display: block;
}

.ed-dc-flag {
   position: absolute;
   right: 32px;
   bottom: 22px;
   width: 96px;
   height: 72px;
   display: grid;
   place-items: center;
   padding: 12px;
   border-radius: 16px;
   background: #fff;
   box-shadow: 0 16px 32px rgba(0, 0, 0, .18);
}

.ed-dc-flag img {
   width: 100%;
   height: 100%;
   object-fit: contain;
}

.ed-dc-body {
   padding: 12px 0 18px !important;
}

.ed-dc-body .it-course-details-left,
.ed-dc-body .it-course-sidebar {
   border: 1px solid #dce4ec;
   border-radius: 8px;
   background: #fff;
   box-shadow: 0 10px 28px rgba(11, 24, 50, .05);
}

.ed-dc-body .it-course-details-left {
   padding: 18px 24px 20px;
}

.ed-dc-body .it-course-sidebar {
   padding: 26px 28px;
}

.ed-course-video-box {
   padding: 18px 0 0;
}

.ed-course-video-frame {
   position: relative;
   overflow: hidden;
   width: 100%;
   aspect-ratio: 16 / 9;
   border-radius: 8px;
   background: #06112e;
   box-shadow: 0 14px 34px rgba(11, 24, 50, .12);
}

.ed-course-video-frame iframe,
.ed-course-video-frame video {
   position: absolute;
   inset: 0;
   width: 100%;
   height: 100%;
   border: 0;
   display: block;
}

.ed-dc-tabs {
   margin: -18px -24px 18px;
   border-bottom: 1px solid #dce4ec;
   background: #fff;
   border-radius: 8px 8px 0 0;
}

.ed-dc-tabs nav ul {
   display: grid !important;
   grid-template-columns: repeat(4, 1fr);
   gap: 0 !important;
   margin: 0 !important;
   padding: 0 !important;
}

.ed-dc-tabs nav ul li {
   border: 0 !important;
   border-right: 1px solid #dce4ec !important;
   border-radius: 0 !important;
   text-align: center;
}

.ed-dc-tabs nav ul li:last-child {
   border-right: 0 !important;
}

.ed-dc-tabs nav ul li a {
   display: block;
   padding: 13px 12px;
   color: #0b1730 !important;
   font-weight: 800;
   text-decoration: none !important;
}

.ed-dc-tabs nav ul li.current a,
.ed-dc-tabs nav ul li:hover a {
   color: #e02121 !important;
   background: #fff4f4;
}

.ed-dc-body .it-details-title {
   margin-bottom: 10px;
   color: #0b1730;
   font-size: 22px;
   line-height: 1.2;
}

.ed-dc-body .postbox-dsc {
   margin-bottom: 16px !important;
}

.ed-dc-body .postbox-dsc p {
   margin-bottom: 8px;
   color: #5e6b7d;
   font-size: 14px;
   line-height: 1.6;
}

.ed-dc-body .it-course-details-wrap {
   margin-bottom: 16px !important;
   padding: 15px 20px;
   border: 1px solid #dce4ec;
   border-radius: 8px;
}

.ed-details-check {
   margin: 6px 0;
   font-size: 13px;
   font-weight: 700;
   color: #172033;
}

.ed-details-check i {
   margin-right: 8px;
   color: #e02121;
}

.ed-dc-curriculum .accordion-item {
   border: 1px solid #dce4ec !important;
   border-radius: 6px !important;
   overflow: hidden;
   margin-bottom: 5px;
}

.ed-dc-curriculum .accordion-button {
   min-height: 36px;
   padding: 8px 16px;
   color: #172033;
   background: #fff;
   font-size: 13px;
   font-weight: 800;
   box-shadow: none !important;
}

.ed-dc-curriculum .accordion-button span {
   margin-left: auto;
   padding: 2px 12px;
   border: 1px solid #f8c62f;
   border-radius: 999px;
   color: #d49d00;
   font-size: 11px;
}

.ed-dc-curriculum .accordion-body {
   padding: 10px 16px;
   color: #5e6b7d;
   font-size: 13px;
}

.ed-instructor-box {
   padding: 14px 18px !important;
   border: 1px solid #dce4ec !important;
   border-radius: 8px !important;
}

.ed-dc-review-box {
   display: grid;
   grid-template-columns: 170px minmax(0, 1fr) 230px;
   gap: 24px;
   align-items: center;
   padding: 14px 20px;
   border: 1px solid #dce4ec;
   border-radius: 8px;
}

.ed-dc-review-score strong {
   color: #0b1730;
   font-size: 42px;
   line-height: 1;
}

.ed-dc-review-score span {
   color: #0b1730;
   font-size: 22px;
   font-weight: 800;
}

.ed-dc-review-score small,
.ed-dc-review-box p {
   color: #6b7789;
   font-size: 12px;
   line-height: 1.4;
}

.ed-dc-review-bars div {
   display: grid;
   grid-template-columns: 34px 1fr 40px;
   gap: 8px;
   align-items: center;
   margin: 3px 0;
   font-size: 12px;
   color: #4d5a6b;
}

.ed-dc-review-bars i {
   height: 5px;
   overflow: hidden;
   border-radius: 999px;
   background: #e7edf4;
}

.ed-dc-review-bars b {
   display: block;
   height: 100%;
   border-radius: inherit;
   background: #f8c62f;
}

.ed-dc-body .it-course-sidebar-wrap {
   position: sticky;
   top: 96px;
}

.ed-dc-body .dp-enquiry-card {
   padding: 0 !important;
   background: transparent !important;
   border: 0 !important;
   box-shadow: none !important;
}

.ed-dc-body .dp-enquiry-card h4 {
   margin-bottom: 18px;
   color: #0b1730;
   text-align: center;
   font-size: 22px;
   font-weight: 900;
}

.ed-dc-body .ed-enroll-price {
   margin-bottom: 2px;
   color: #e02121;
   font-size: 34px;
   font-weight: 900;
}

.ed-dc-body .dp-enquiry-card p {
   margin-bottom: 18px;
   color: #6b7789;
   font-size: 13px;
}

.ed-dc-body .ed-enroll-buy-btn {
   width: 100%;
   min-height: 46px;
   margin-bottom: 10px;
   border-radius: 6px;
   color: #fff !important;
   background: #e02121 !important;
}

.ed-dc-side-whatsapp {
   width: 100%;
   color: #168a47 !important;
   border: 1px solid #2db869;
   background: #fff;
}

.ed-dc-side-whatsapp:hover {
   color: #fff !important;
   background: #168a47;
}

.ed-dc-guarantee {
   margin-top: 18px;
   color: #7d8a9d;
   text-align: center;
   font-size: 13px;
   font-weight: 700;
}

.ed-dc-guarantee i {
   color: #26a65b;
}

.ed-dc-body .course-info {
   margin-top: 22px !important;
}

.ed-dc-body .course-info ul li {
   padding: 12px 0 !important;
   color: #526174;
   border-bottom: 1px solid #e6edf3 !important;
}

.ed-dc-body .course-info ul li span {
   color: #0b1730;
   font-weight: 800;
}

.it-course-details-border {
   padding-top: 14px !important;
   padding-bottom: 18px !important;
   border-top: 1px solid #dce4ec !important;
}

.it-course-details-section-title-box {
   margin-bottom: 12px !important;
}

.it-course-details-border .row.gx-35 {
   --bs-gutter-x: 18px;
}

.it-course-details-border .it-course-item {
   margin-bottom: 0 !important;
   overflow: hidden;
   border: 1px solid #dce4ec;
   border-radius: 8px;
   box-shadow: 0 8px 24px rgba(11, 24, 50, .05);
}

.it-course-details-border .it-course-thumb {
   border-radius: 8px 8px 0 0 !important;
}

.it-course-details-border .it-course-thumb img {
   height: 150px;
   object-fit: cover;
}

.it-course-details-border .it-course-content {
   padding: 14px 18px 18px !important;
   min-height: 118px;
}

.it-course-details-border .course-category {
   position: absolute;
   top: -28px;
   right: 18px;
   padding: 7px 16px;
   border-radius: 4px;
   color: #fff !important;
   background: #e02121;
   font-size: 11px;
   font-weight: 800;
}

.it-course-details-border .it-course-price-box {
   margin-bottom: 10px !important;
}

.it-course-details-border .it-course-title {
   margin-bottom: 0 !important;
   text-align: center;
   font-size: 20px;
}

.it-course-details-border .ed-course-flag {
   width: 62px !important;
   height: 62px !important;
   bottom: -25px !important;
}

.ed-course-after-related {
   padding-top: 0 !important;
   padding-bottom: 22px !important;
}

.ed-course-after-related .row {
   --bs-gutter-x: 18px;
}

.ed-course-testimonial-card {
   min-height: 176px;
   padding: 18px !important;
   border: 1px solid #dce4ec;
   border-radius: 8px;
   box-shadow: 0 8px 24px rgba(11, 24, 50, .05);
}

.ed-course-testimonial-card p {
   font-size: 13px;
   line-height: 1.55;
}

@media (max-width: 1199px) {
   .ed-dynamic-course-hero {
      grid-template-columns: 1fr;
   }

   .ed-dc-hero-media {
      min-height: 240px;
      order: -1;
   }

   .ed-dc-hero-copy {
      padding: 24px;
   }
}

@media (max-width: 991px) {
   .ed-dc-body .it-course-sidebar-wrap {
      position: static;
      margin-top: 24px;
   }

   .ed-dc-review-box {
      grid-template-columns: 1fr;
   }
}

@media (max-width: 575px) {
   .ed-dynamic-course-page {
      padding-top: 0;
   }

   .ed-dynamic-course-hero {
      border-radius: 0;
   }

   .ed-dc-hero-media,
   .ed-dc-hero-media > img {
      min-height: 190px;
   }

   .ed-dc-hero-copy h1 {
      font-size: 27px;
   }

   .ed-dc-actions,
   .ed-dc-primary,
   .ed-dc-whatsapp {
      width: 100%;
   }

   .ed-dc-tabs nav ul {
      grid-template-columns: repeat(2, 1fr);
   }

   .ed-dc-body .it-course-details-left,
   .ed-dc-body .it-course-sidebar {
      padding: 16px;
   }
}

.fr-countries-flag,
.jp-countries-flag {
   width: 82px !important;
   height: 82px !important;
   aspect-ratio: 1 / 1 !important;
   margin: 0 auto 12px !important;
   border-radius: 50% !important;
   overflow: hidden !important;
   padding: 6px !important;
   background: #fff !important;
   box-shadow: 0 8px 20px rgba(20, 24, 35, .08) !important;
}

.fr-countries-flag img,
.jp-countries-flag img {
   width: 100% !important;
   height: 100% !important;
   object-fit: contain !important;
   border-radius: 50% !important;
   background: #fff !important;
}

.mssp-deflag-flag {
   max-width: 118px !important;
   margin: 0 auto !important;
}

@media (max-width: 575px) {
   .it-course-area .ed-course-flag,
   .ed-course-flag,
   .fr-countries-flag,
   .jp-countries-flag {
      width: 70px !important;
      height: 70px !important;
   }
}

/* Loader + Hero Flash Fix */
#it-loading {
   position: fixed;
   inset: 0;
   z-index: 100000;
   display: grid;
   place-items: center;
   width: 100%;
   height: 100%;
   background: #ffffff;
   pointer-events: all;
   opacity: 1;
   transform: none;
   transition: opacity .24s ease, visibility .24s ease;
}

#it-loading.loaded {
   opacity: 0;
   visibility: hidden;
   pointer-events: none;
}

#it-loading-center,
#it-loading-absolute {
   position: static;
   width: auto;
   height: auto;
   transform: none;
}

#it-loading .it-loading-content {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 10px;
   min-height: 58px;
   padding: 10px 14px;
   border-radius: 10px;
   background: #fff;
   border: 1px solid #eef0f4;
   box-shadow: 0 14px 38px rgba(31,36,50,.14);
}

#it-loading .it-loading-site-logo {
   display: block;
   width: auto;
   max-width: 132px;
   height: 34px;
   object-fit: contain;
}

#it-loading .it-loading-logo {
   width: 28px;
   height: 28px;
   object-fit: contain;
   margin: 0;
   animation: edLoaderPulse .85s ease-in-out infinite alternate;
}

#it-loading .it-loading-stroke {
   display: none;
}

#it-loading span {
   margin: 0;
   color: #60697b;
   font-size: 12px;
   line-height: 1.45;
   font-weight: 600;
}

@media (max-width: 575px) {
   #it-loading .it-loading-content {
      min-height: 52px;
      padding: 9px 12px;
   }

   #it-loading .it-loading-site-logo {
      max-width: 112px;
      height: 30px;
   }

   #it-loading .it-loading-logo {
      width: 24px;
      height: 24px;
   }

   #it-loading span {
      display: none;
   }
}

/* === COMMON TTM TESTIMONIAL START === */

/* ---------------------------------------------------------
   COMMON TESTIMONIAL
   Used on Index + Course Pages
--------------------------------------------------------- */

.ttm-section{
    position:relative;
    overflow:hidden;
    padding:48px 0 42px;
    margin:0;
    background:
        radial-gradient(circle at 4% 15%,rgba(74,144,226,.10) 0 105px,transparent 106px),
        radial-gradient(circle at 82% 0%,rgba(239,78,99,.08) 0 95px,transparent 96px),
        radial-gradient(circle at 100% 55%,rgba(255,159,67,.08) 0 125px,transparent 126px),
        linear-gradient(180deg,#fbfdff 0%,#ffffff 100%);
}

.ttm-section::before{
    content:"✈";
    position:absolute;
    top:28px;
    left:17%;
    font-size:42px;
    color:rgba(61,132,224,.20);
    transform:rotate(-12deg);
    pointer-events:none;
}

.ttm-section::after{
    content:"";
    position:absolute;
    top:74px;
    left:8%;
    width:165px;
    height:70px;
    border-top:2px dashed rgba(61,132,224,.16);
    border-radius:50%;
    transform:rotate(-8deg);
    pointer-events:none;
}

.ttm-header{
    position:relative;
    z-index:2;
    margin:0 0 24px;
}

.ttm-badge{
    display:inline-block;
    margin:0 0 7px;
    color:#25344d;
    font-size:12px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:5px;
    text-transform:uppercase;
}

.ttm-badge::before,
.ttm-badge::after{
    content:"";
    display:inline-block;
    vertical-align:middle;
    width:42px;
    height:2px;
    margin:0 12px;
    background:linear-gradient(90deg,#3978ef,#ff725e);
}

.ttm-title{
    margin:0;
    color:#122344;
    font-size:40px;
    line-height:1.12;
    font-weight:800;
}

.ttm-wrap{
    position:relative;
    width:100%;
    margin:0;
    padding:0 42px;
}

.ttm-track{
    display:flex;
    gap:20px;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-behavior:smooth;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    padding:8px 3px 14px;
    margin:0;
    cursor:grab;
    user-select:none;
}

.ttm-track::-webkit-scrollbar{
    display:none;
}

.ttm-track.ttm-dragging{
    cursor:grabbing;
    scroll-snap-type:none;
    scroll-behavior:auto;
}

.ttm-card{
    position:relative;
    flex:0 0 324px;
    width:324px;
    min-height:355px;
    max-height:355px;
    overflow:hidden;
    padding:28px 26px 24px;
    border-radius:34px 34px 58px 34px;
    color:#fff;
    scroll-snap-align:start;
    box-shadow:0 12px 30px rgba(20,41,74,.10);
    transition:
        transform .3s ease,
        box-shadow .3s ease;
}

.ttm-card:hover{
    transform:translateY(-5px);
    box-shadow:0 18px 38px rgba(20,41,74,.16);
}

.ttm-deco{
    position:absolute;
    top:-42px;
    right:-42px;
    width:122px;
    height:122px;
    border-radius:50%;
    background:rgba(255,255,255,.12);
    pointer-events:none;
}

.ttm-quote{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    margin:0 0 14px;
    border-radius:50%;
    background:rgba(255,255,255,.18);
    color:#fff;
    font-size:28px;
    line-height:1;
    font-weight:700;
}

.ttm-stars{
    position:relative;
    z-index:2;
    margin:0 0 13px;
    color:#ffd400;
    font-size:16px;
    line-height:1;
    letter-spacing:1px;
}

.ttm-text{
    position:relative;
    z-index:2;
    height:128px;
    margin:0;
    overflow:hidden;
    color:#fff;
    font-size:15px;
    line-height:1.6;
    font-weight:500;
}

.ttm-person{
    position:absolute;
    z-index:2;
    left:26px;
    right:26px;
    bottom:24px;
    display:flex;
    align-items:center;
    gap:12px;
    margin:0;
}

.ttm-avatar{
    width:48px;
    height:48px;
    flex:0 0 48px;
    object-fit:cover;
    border-radius:50%;
    border:2px solid rgba(255,255,255,.75);
    background:#fff;
}

.ttm-person h5{
    margin:0 0 2px;
    color:#fff;
    font-size:15px;
    line-height:1.2;
    font-weight:700;
}

.ttm-person span{
    display:block;
    color:rgba(255,255,255,.90);
    font-size:11px;
    line-height:1.2;
    text-transform:uppercase;
}

.ttm-arrow{
    position:absolute;
    z-index:5;
    top:50%;
    width:42px;
    height:42px;
    transform:translateY(-50%);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    border:0;
    border-radius:50%;
    background:#fff;
    color:#142440;
    font-size:28px;
    line-height:1;
    box-shadow:0 6px 20px rgba(17,34,61,.14);
    cursor:pointer;
    transition:.25s ease;
}

.ttm-arrow:hover{
    transform:translateY(-50%) scale(1.08);
    background:#f1262f;
    color:#fff;
}

.ttm-prev{
    left:9px;
}

.ttm-next{
    right:9px;
}


/* compact layout on course pages too */
.course-details-page .ttm-section,
.course-page .ttm-section{
    padding-top:44px;
    padding-bottom:40px;
}


/* TABLET */
@media(max-width:991px){

    .ttm-section{
        padding:42px 0 36px;
    }

    .ttm-title{
        font-size:34px;
    }

    .ttm-wrap{
        padding:0 34px;
    }

    .ttm-card{
        flex-basis:290px;
        width:290px;
        min-height:340px;
        max-height:340px;
        padding:24px 22px 22px;
    }

    .ttm-text{
        height:125px;
        font-size:14px;
    }

    .ttm-person{
        left:22px;
        right:22px;
        bottom:22px;
    }
}


/* MOBILE */
@media(max-width:575px){

    .ttm-section{
        padding:34px 0 30px;
    }

    .ttm-section::before,
    .ttm-section::after{
        display:none;
    }

    .ttm-header{
        margin-bottom:18px;
        padding:0 15px;
    }

    .ttm-badge{
        font-size:10px;
        letter-spacing:3px;
    }

    .ttm-badge::before,
    .ttm-badge::after{
        width:22px;
        margin:0 7px;
    }

    .ttm-title{
        font-size:28px;
    }

    .ttm-wrap{
        padding:0 26px;
    }

    .ttm-track{
        gap:14px;
        padding-bottom:10px;
    }

    .ttm-card{
        flex:0 0 calc(100vw - 72px);
        width:calc(100vw - 72px);
        min-height:330px;
        max-height:330px;
        padding:22px 20px;
        border-radius:28px 28px 48px 28px;
    }

    .ttm-text{
        height:123px;
    }

    .ttm-person{
        left:20px;
        right:20px;
        bottom:20px;
    }

    .ttm-arrow{
        width:36px;
        height:36px;
        font-size:23px;
    }

    .ttm-prev{
        left:4px;
    }

    .ttm-next{
        right:4px;
    }
}


/* accessibility */
@media(prefers-reduced-motion:reduce){

    .ttm-track,
    .ttm-card,
    .ttm-arrow{
        scroll-behavior:auto;
        transition:none;
    }
}

/* === COMMON TTM TESTIMONIAL END === */

/* =========================================================
   MODERN COURSE DESIGN SYSTEM
   ========================================================= */

:root{
    --course-red:#e52329;
    --course-navy:#082c4c;
    --course-text:#354052;
    --course-soft:#fff5f5;
    --course-soft-2:#f8fbff;
    --course-border:#f2dede;
    --course-radius:18px;
}

/* ALTERNATE BACKGROUNDS */
.course-modern-section:nth-of-type(odd),
.fr-why-learn-sec,
.fr-business-sec,
.fr-culture-sec,
.fr-career-scope-sec{
    background:
        radial-gradient(circle at 8% 18%,rgba(229,35,41,.05),transparent 22%),
        linear-gradient(135deg,#fff 0%,#fff7f7 100%);
}

.course-modern-section:nth-of-type(even),
.fr-career-sec,
.fr-study-sec,
.fr-travel-sec,
.fr-science-sec{
    background:
        radial-gradient(circle at 92% 20%,rgba(8,44,76,.05),transparent 24%),
        #fff;
}

/* HEADINGS */
.course-modern-section h2,
.course-modern-section h3,
.fr-countries-title{
    color:var(--course-navy);
    font-weight:700;
    letter-spacing:-.3px;
}

.course-modern-section h2::after,
.fr-countries-title::after{
    content:"";
    display:block;
    width:52px;
    height:3px;
    border-radius:20px;
    margin:14px auto 0;
    background:var(--course-red);
}

/* CARDS */
.course-modern-card,
.fr-countries-card{
    position:relative;
    background:#fff;
    border:1px solid rgba(229,35,41,.12);
    border-radius:var(--course-radius);
    box-shadow:0 12px 35px rgba(12,35,60,.07);
    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;
}

.course-modern-card:hover,
.fr-countries-card:hover{
    transform:translateY(-7px);
    border-color:rgba(229,35,41,.35);
    box-shadow:0 20px 45px rgba(12,35,60,.13);
}

/* SECTION IMAGE */
.course-section-image{
    position:relative;
    overflow:hidden;
    border-radius:22px;
    box-shadow:0 20px 50px rgba(8,44,76,.13);
}

.course-section-image img{
    width:100%;
    height:100%;
    min-height:320px;
    max-height:430px;
    object-fit:cover;
    display:block;
    transition:transform .7s ease;
}

.course-section-image:hover img{
    transform:scale(1.045);
}

/* SMALL LIST / CAREER TABS */
.course-modern-pill{
    display:flex;
    align-items:center;
    gap:10px;
    padding:11px 14px;
    background:#fff;
    border:1px solid #f3dddd;
    border-radius:12px;
    min-height:48px;
    box-shadow:0 6px 20px rgba(20,35,55,.04);
    transition:.3s ease;
}

.course-modern-pill:hover{
    transform:translateY(-3px);
    border-color:#efbcbc;
    box-shadow:0 10px 26px rgba(20,35,55,.09);
}

.course-modern-pill i{
    width:30px;
    height:30px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#fff0f0;
    color:var(--course-red);
}

/* LOGO GRID */
.course-logo-grid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:12px;
    margin-top:25px;
}

.course-logo-card{
    background:#fff;
    min-height:92px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:12px;
    border:1px solid #eee;
    border-radius:14px;
    box-shadow:0 7px 22px rgba(20,30,50,.06);
    transition:.3s ease;
}

.course-logo-card:hover{
    transform:translateY(-5px) scale(1.02);
    box-shadow:0 14px 30px rgba(20,30,50,.11);
}

.course-logo-card img{
    max-width:100%;
    max-height:58px;
    object-fit:contain;
}

/* TECHNOLOGY CARDS */
.course-tech-grid{
    display:grid;
    grid-template-columns:repeat(7,minmax(0,1fr));
    gap:12px;
    margin-top:25px;
}

.course-tech-card{
    padding:18px 10px;
    text-align:center;
    background:#fff;
    border:1px solid #f1dddd;
    border-radius:16px;
    transition:.3s ease;
}

.course-tech-card:hover{
    transform:translateY(-6px);
    background:#fff8f8;
    box-shadow:0 14px 30px rgba(20,30,50,.09);
}

.course-tech-card i{
    width:52px;
    height:52px;
    margin:0 auto 12px;
    display:grid;
    place-items:center;
    border-radius:14px;
    color:var(--course-red);
    font-size:22px;
    background:#fff0f0;
}

/* CONTENT */
.course-modern-section p{
    color:var(--course-text);
    line-height:1.75;
    font-weight:400;
}

/* REVEAL ANIMATION */
.course-reveal{
    opacity:0;
    transform:translateY(28px);
    transition:
        opacity .7s ease,
        transform .7s cubic-bezier(.2,.65,.3,1);
}

.course-reveal.course-visible{
    opacity:1;
    transform:none;
}

/* MOBILE */

@media(prefers-reduced-motion:reduce){
    .course-reveal,
    .course-modern-card,
    .course-tech-card,
    .course-logo-card{
        transition:none !important;
        transform:none !important;
    }
}

/* =========================================================
   END MODERN COURSE DESIGN SYSTEM
   ========================================================= */

/* =========================================================
   INDEX HOME FINAL COMPACT FIX
   ========================================================= */

/* Remove animation-created blank space on homepage */
body.home-page main section,
body.home main section,
body.index-page main section{
    margin-top:0 !important;
    margin-bottom:0 !important;
}

/* Hero / video area compact */
body.home-page .hero-area,
body.home-page .hero-section,
body.home-page .hero-banner,
body.home .hero-area,
body.home .hero-section,
body.index-page .hero-area,
body.index-page .hero-section{
    margin:0 !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
}

/* Video itself */
body.home-page video,
body.home video,
body.index-page video{
    display:block;
    width:100%;
    max-width:100%;
    margin:0 !important;
    padding:0 !important;
    object-fit:cover;
}

/* Section directly after hero */
body.home-page .hero-area + section,
body.home-page .hero-section + section,
body.home .hero-area + section,
body.index-page .hero-area + section{
    margin-top:0 !important;
    padding-top:10px !important;
}

/* =========================================================
   TOP 4 QUICK BUTTONS
   ========================================================= */

.home-quick-actions{
    padding:8px 0 10px !important;
    margin:0 !important;
    background:#fff;
}

.home-quick-actions-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
}

.home-quick-action{
    min-height:54px;
    height:54px;
    display:flex;
    align-items:center;
    gap:9px;
    padding:7px 12px;
    border-radius:9px;
    background:#fff;
    border:1px solid rgba(17,39,67,.08);
    box-shadow:0 4px 14px rgba(20,42,70,.06);
    text-decoration:none !important;
    overflow:hidden;
    transition:transform .25s ease,box-shadow .25s ease;
}

.home-quick-action:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(20,42,70,.10);
}

.home-quick-icon{
    width:36px;
    height:36px;
    flex:0 0 36px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:9px;
    font-size:15px;
}

.home-quick-action:nth-child(1) .home-quick-icon{
    background:#fff0f2;
    color:#e5243b;
}

.home-quick-action:nth-child(2) .home-quick-icon{
    background:#eef7ff;
    color:#1683d8;
}

.home-quick-action:nth-child(3) .home-quick-icon{
    background:#f1f4ff;
    color:#4059e8;
}

.home-quick-action:nth-child(4) .home-quick-icon{
    background:#ebfaf6;
    color:#168f7a;
}

.home-quick-content{
    min-width:0;
}

.home-quick-content strong{
    display:block;
    margin:0;
    color:#132840;
    font-size:12px;
    line-height:1.15;
    font-weight:700;
}

.home-quick-content span{
    display:block;
    margin-top:2px;
    color:#788493;
    font-size:9px;
    line-height:1.15;
}

/* =========================================================
   INTERNATIONAL EXAM SLIDER
   ========================================================= */

.iep-section{
    padding-top:28px !important;
    padding-bottom:30px !important;
    overflow:hidden;
}

.iep-marquee{
    width:100%;
    overflow:hidden;
}

.iep-track{
    display:flex !important;
    width:max-content !important;
    will-change:transform;
}

.iep-set{
    display:flex !important;
    flex-shrink:0;
    align-items:center;
    gap:14px;
}

.iep-card{
    flex:0 0 auto;
}

/* =========================================================
   TESTIMONIAL SLIDER
   ========================================================= */

.ttm-section{
    padding-top:32px !important;
    padding-bottom:34px !important;
    overflow:hidden;
}

.ttm-wrap{
    position:relative;
    overflow:hidden;
}

.ttm-track{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:14px;
    overflow:hidden;
    scroll-behavior:smooth;
}

.ttm-card{
    flex:0 0 260px;
}

/* =========================================================
   MOBILE / TABLET
   ========================================================= */

@media(max-width:991.98px){

    .home-quick-actions-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:7px;
    }

    .home-quick-action{
        height:50px;
        min-height:50px;
        padding:6px 9px;
    }

    .home-quick-icon{
        width:32px;
        height:32px;
        flex-basis:32px;
    }

    .ttm-card{
        flex-basis:245px;
    }
}

@media(max-width:575.98px){

    .home-quick-actions{
        padding:6px 0 8px !important;
    }

    .home-quick-actions-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:6px;
    }

    .home-quick-action{
        height:48px;
        min-height:48px;
        gap:7px;
        padding:5px 7px;
    }

    .home-quick-icon{
        width:30px;
        height:30px;
        flex:0 0 30px;
        font-size:13px;
    }

    .home-quick-content strong{
        font-size:10px;
    }

    .home-quick-content span{
        display:none;
    }

    .iep-section{
        padding-top:20px !important;
        padding-bottom:22px !important;
    }

    .ttm-section{
        padding-top:24px !important;
        padding-bottom:26px !important;
    }

    .ttm-card{
        flex:0 0 calc(100vw - 50px);
    }
}

.it-brand-6-active{
    padding:5px 0 !important;
    margin:0 !important;
    min-height:44px !important;
    overflow:hidden !important;
}

.it-brand-6-active .swiper-wrapper{
    align-items:center !important;
    transition-timing-function:linear !important;
}

.it-brand-6-active .swiper-slide{
    width:auto !important;
}

.it-brand-5-item{
    height:34px !important;
    min-height:34px !important;
    padding:4px 12px !important;
    gap:7px !important;
    border-radius:8px !important;
    border:1px solid #edf0f4;
    background:#fff;
    box-shadow:0 2px 8px rgba(20,40,65,.04);
}

.it-brand-5-item img{
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
    object-fit:cover;
    border-radius:50%;
}

.it-brand-5-item span{
    font-size:11px !important;
    line-height:1 !important;
    font-weight:600 !important;
    color:#172b42 !important;
}


/* ---------------------------------------------------------
   QUICK LINKS SECTION
   --------------------------------------------------------- */

.ed-quick-links-wrap{
    padding-top:8px !important;
    padding-bottom:8px !important;
    margin:0 !important;
    background:#f8fafc;
}

.ed-quick-links{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:10px !important;
    width:100%;
    max-width:1180px;
    margin:0 auto;
}

.ed-quick-link{
    position:relative;
    display:flex !important;
    align-items:center !important;
    min-width:0;
    height:58px !important;
    min-height:58px !important;
    padding:7px 11px !important;
    gap:9px !important;
    border-radius:12px !important;
    text-decoration:none !important;
    border:1px solid rgba(15,35,60,.07) !important;
    background:#fff !important;
    box-shadow:0 5px 16px rgba(13,34,58,.055) !important;
    overflow:hidden;
    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease !important;
}

.ed-quick-link::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:4px;
    height:100%;
    border-radius:12px 0 0 12px;
}

.ed-quick-link:hover{
    transform:translateY(-3px) !important;
    box-shadow:0 10px 25px rgba(13,34,58,.11) !important;
}


/* ICON */

.ed-quick-link-icon{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    flex:0 0 38px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:10px !important;
}

.ed-quick-link-icon svg{
    width:18px !important;
    height:18px !important;
    display:block !important;
}


/* TEXT */

.ed-quick-link-copy{
    flex:1;
    min-width:0;
    display:flex;
    align-items:center;
}

.ed-quick-link-copy strong{
    font-size:11px !important;
    line-height:1.2 !important;
    font-weight:700 !important;
    color:#162a40 !important;
    margin:0 !important;
}


/* ARROW */

.ed-quick-link-arrow{
    width:25px !important;
    height:25px !important;
    min-width:25px;
    border-radius:50%;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:#f4f6f8;
    color:#6d7885;
    font-size:12px !important;
    transition:.25s ease;
}

.ed-quick-link:hover .ed-quick-link-arrow{
    transform:translateX(2px);
}


/* ---------------------------------------------------------
   EACH QUICK LINK OWN COLOR
   --------------------------------------------------------- */

.ed-quick-link-red::before{
    background:#e6243b;
}

.ed-quick-link-red .ed-quick-link-icon{
    background:#fff0f2 !important;
    color:#e6243b !important;
}

.ed-quick-link-red .ed-quick-link-icon svg{
    fill:none;
    stroke:#e6243b;
}


.ed-quick-link-dark::before{
    background:#1f2937;
}

.ed-quick-link-dark .ed-quick-link-icon{
    background:#edf1f5 !important;
    color:#1f2937 !important;
}

.ed-quick-link-dark .ed-quick-link-icon svg{
    fill:none;
    stroke:#1f2937;
}


.ed-quick-link-blue::before{
    background:#2563eb;
}

.ed-quick-link-blue .ed-quick-link-icon{
    background:#edf4ff !important;
    color:#2563eb !important;
}

.ed-quick-link-blue .ed-quick-link-icon svg{
    fill:none;
    stroke:#2563eb;
}


.ed-quick-link-cyan::before{
    background:#0891b2;
}

.ed-quick-link-cyan .ed-quick-link-icon{
    background:#eafafe !important;
    color:#0891b2 !important;
}

.ed-quick-link-cyan .ed-quick-link-icon svg{
    fill:none;
    stroke:#0891b2;
}


/* ---------------------------------------------------------
   WHY CHOOSE US - COMPACT PREMIUM
   --------------------------------------------------------- */

.wcu-section{
    padding-top:30px !important;
    padding-bottom:32px !important;
    margin:0 !important;
}

.wcu-grid{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:12px !important;
}

.wcu-card{
    position:relative;
    min-height:118px !important;
    height:118px !important;
    padding:14px 10px 18px !important;
    border-radius:13px !important;
    background:#fff !important;
    border:1px solid rgba(18,40,65,.06);
    box-shadow:0 6px 18px rgba(18,40,65,.055) !important;
    display:flex !important;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    overflow:hidden;
    transition:
        transform .3s ease,
        box-shadow .3s ease !important;
}

.wcu-card:hover{
    transform:translateY(-5px);
    box-shadow:0 13px 28px rgba(18,40,65,.11) !important;
}

.wcu-icon{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
    padding:8px !important;
    border-radius:11px !important;
    margin:0 auto 8px !important;
    display:flex;
    align-items:center;
    justify-content:center;
}

.wcu-icon img{
    width:22px !important;
    height:22px !important;
    object-fit:contain !important;
}

.wcu-card h4{
    font-size:11px !important;
    line-height:1.25 !important;
    font-weight:700 !important;
    margin:0 !important;
    padding:0 4px;
}

.wcu-wave{
    height:14px !important;
    bottom:0 !important;
}


/* ---------------------------------------------------------
   REDUCE SPACE AROUND WHY SECTION
   --------------------------------------------------------- */

.wcu-section .section-title,
.wcu-section .wcu-heading{
    margin-bottom:18px !important;
}

.wcu-section h2{
    margin-bottom:8px !important;
}


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media(max-width:991.98px){

.ed-quick-links{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:8px !important;
    }

    .ed-quick-link{
        height:54px !important;
        min-height:54px !important;
    }

    .wcu-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:10px !important;
    }

    .wcu-card{
        height:112px !important;
        min-height:112px !important;
    }
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media(max-width:575.98px){

.ed-quick-links-wrap{
        padding:6px 8px !important;
    }

    .ed-quick-links{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:6px !important;
    }

    .ed-quick-link{
        height:49px !important;
        min-height:49px !important;
        padding:5px 6px !important;
        gap:6px !important;
        border-radius:9px !important;
    }

    .ed-quick-link-icon{
        width:31px !important;
        height:31px !important;
        min-width:31px !important;
        flex-basis:31px !important;
        border-radius:8px !important;
    }

    .ed-quick-link-icon svg{
        width:15px !important;
        height:15px !important;
    }

    .ed-quick-link-copy strong{
        font-size:9px !important;
        line-height:1.15 !important;
    }

    .ed-quick-link-arrow{
        display:none !important;
    }

    .wcu-section{
        padding-top:24px !important;
        padding-bottom:26px !important;
    }

    .wcu-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:7px !important;
    }

    .wcu-card{
        height:100px !important;
        min-height:100px !important;
        padding:10px 6px 14px !important;
    }

    .wcu-icon{
        width:32px !important;
        height:32px !important;
        min-width:32px !important;
        min-height:32px !important;
        padding:6px !important;
        margin-bottom:6px !important;
    }

    .wcu-icon img{
        width:19px !important;
        height:19px !important;
    }

    .wcu-card h4{
        font-size:9px !important;
    }
}

/* =========================================================
   END HOME FINAL TOP AREA
   ========================================================= */

/* =========================================================
   FINAL SCOPE FIX
   Global animation must NOT override normal pages
   ========================================================= */

/* Normal pages: restore layout */
body:not(.course-page) main section{
    overflow:visible !important;
    transform:none !important;
}

/* Normal pages must not inherit global reveal movement */
body:not(.course-page) .site-reveal,
body:not(.course-page) .site-from-left,
body:not(.course-page) .site-from-right,
body:not(.course-page) .site-heading-reveal,
body:not(.course-page) .site-stagger-item,
body:not(.course-page) .site-image-reveal{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
}

/* Remove generated decorative elements outside course pages */
body:not(.course-page) .site-bg-blob{
    display:none !important;
}

/* Do not force odd/even backgrounds on homepage or normal inner pages */
body:not(.course-page) main section:nth-of-type(odd),
body:not(.course-page) main section:nth-of-type(even){
    background:unset !important;
}

/* Do not globally redesign cards outside course pages */
body:not(.course-page) .site-card-modern{
    border-radius:inherit !important;
    box-shadow:inherit !important;
    border-color:inherit !important;
    background:inherit !important;
}

/* =========================================================
   END FINAL SCOPE FIX
   ========================================================= */

/* =========================================================
   HOME QUICK LINKS - FINAL COMPACT DESIGN
   ========================================================= */

.ed-quick-links-wrap{
    padding:6px 0 !important;
    margin:0 !important;
    background:#fff !important;
}

.ed-quick-links{
    gap:8px !important;
}

.ed-quick-link{
    height:46px !important;
    min-height:46px !important;
    padding:5px 9px !important;
    border-radius:10px !important;
    box-shadow:0 3px 10px rgba(15,35,60,.06) !important;
}

.ed-quick-link-icon{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    flex:0 0 32px !important;
    border-radius:8px !important;
}

.ed-quick-link-icon svg{
    width:15px !important;
    height:15px !important;
}

.ed-quick-link-copy strong{
    font-size:10px !important;
    line-height:1.1 !important;
}

.ed-quick-link-arrow{
    width:21px !important;
    height:21px !important;
    min-width:21px !important;
    font-size:10px !important;
}

/* Individual clean colors */

.ed-quick-link-red{
    background:linear-gradient(135deg,#fff5f6,#ffffff) !important;
    border-color:#ffd9dd !important;
}
.ed-quick-link-red::before{background:#e11d48 !important;}

.ed-quick-link-dark{
    background:linear-gradient(135deg,#f4f6f9,#ffffff) !important;
    border-color:#dde3ea !important;
}
.ed-quick-link-dark::before{background:#253044 !important;}

.ed-quick-link-blue{
    background:linear-gradient(135deg,#f2f7ff,#ffffff) !important;
    border-color:#d8e7ff !important;
}
.ed-quick-link-blue::before{background:#2563eb !important;}

.ed-quick-link-cyan{
    background:linear-gradient(135deg,#effcfc,#ffffff) !important;
    border-color:#d1f1f0 !important;
}
.ed-quick-link-cyan::before{background:#0f8f8c !important;}

@media(max-width:767px){

    .ed-quick-link{
        height:43px !important;
        min-height:43px !important;
        padding:4px 6px !important;
    }

    .ed-quick-link-icon{
        width:29px !important;
        height:29px !important;
        min-width:29px !important;
        flex-basis:29px !important;
    }

    .ed-quick-link-copy strong{
        font-size:9px !important;
    }
}

/* =========================================================
   HOME QUICK LINKS - FINAL COMPACT DESIGN
   ========================================================= */

.ed-quick-links-wrap{
    padding:6px 0 !important;
    margin:0 !important;
    background:#fff !important;
}

.ed-quick-links{
    gap:8px !important;
}

.ed-quick-link{
    height:46px !important;
    min-height:46px !important;
    padding:5px 9px !important;
    border-radius:10px !important;
    box-shadow:0 3px 10px rgba(15,35,60,.06) !important;
}

.ed-quick-link-icon{
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    flex:0 0 32px !important;
    border-radius:8px !important;
}

.ed-quick-link-icon svg{
    width:15px !important;
    height:15px !important;
}

.ed-quick-link-copy strong{
    font-size:10px !important;
    line-height:1.1 !important;
}

.ed-quick-link-arrow{
    width:21px !important;
    height:21px !important;
    min-width:21px !important;
    font-size:10px !important;
}

/* Individual clean colors */

.ed-quick-link-red{
    background:linear-gradient(135deg,#fff5f6,#ffffff) !important;
    border-color:#ffd9dd !important;
}
.ed-quick-link-red::before{background:#e11d48 !important;}

.ed-quick-link-dark{
    background:linear-gradient(135deg,#f4f6f9,#ffffff) !important;
    border-color:#dde3ea !important;
}
.ed-quick-link-dark::before{background:#253044 !important;}

.ed-quick-link-blue{
    background:linear-gradient(135deg,#f2f7ff,#ffffff) !important;
    border-color:#d8e7ff !important;
}
.ed-quick-link-blue::before{background:#2563eb !important;}

.ed-quick-link-cyan{
    background:linear-gradient(135deg,#effcfc,#ffffff) !important;
    border-color:#d1f1f0 !important;
}
.ed-quick-link-cyan::before{background:#0f8f8c !important;}

@media(max-width:767px){

    .ed-quick-link{
        height:43px !important;
        min-height:43px !important;
        padding:4px 6px !important;
    }

    .ed-quick-link-icon{
        width:29px !important;
        height:29px !important;
        min-width:29px !important;
        flex-basis:29px !important;
    }

    .ed-quick-link-copy strong{
        font-size:9px !important;
    }
}

/* =========================================================
   WHY CHOOSE US - EQUAL BALANCED CARDS
   Completely separate from quick links
   ========================================================= */

.wcu-grid{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:14px !important;
    align-items:stretch !important;
}

.wcu-card{
    width:100% !important;
    aspect-ratio:1 / 1 !important;
    height:auto !important;
    min-height:0 !important;
    padding:18px 14px !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;

    border-radius:16px !important;
    background:#fff !important;
    box-sizing:border-box !important;
}

.wcu-icon{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    min-height:48px !important;
    margin:0 auto 12px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

.wcu-icon img{
    width:27px !important;
    height:27px !important;
    object-fit:contain !important;
}

.wcu-card h4{
    margin:0 !important;
    font-size:13px !important;
    line-height:1.25 !important;
    text-align:center !important;
}

@media(max-width:991px){

    .wcu-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:12px !important;
    }
}

@media(max-width:575px){

    .wcu-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:8px !important;
    }

    .wcu-card{
        padding:12px 8px !important;
        border-radius:12px !important;
    }

    .wcu-icon{
        width:38px !important;
        height:38px !important;
        min-width:38px !important;
        min-height:38px !important;
        margin-bottom:8px !important;
    }

    .wcu-icon img{
        width:22px !important;
        height:22px !important;
    }

    .wcu-card h4{
        font-size:10px !important;
    }
}

/* =========================================================
   INDEX HERO FINAL HEIGHT
   ========================================================= */

/* =========================================================
   HOME QUICK LINKS - COLORFUL FINAL
   ========================================================= */

.ed-quick-links-wrap{
    padding:7px 0 !important;
    margin:0 !important;
    background:#f7f9fc !important;
}

.ed-quick-link{
    height:48px !important;
    min-height:48px !important;
    padding:5px 10px !important;
    border:0 !important;
    border-radius:11px !important;
    color:#fff !important;
    box-shadow:0 6px 16px rgba(20,35,55,.12) !important;
}

.ed-quick-link-copy strong{
    color:#fff !important;
    font-size:11px !important;
    font-weight:700 !important;
}

.ed-quick-link-icon{
    width:35px !important;
    height:35px !important;
    min-width:35px !important;
    flex:0 0 35px !important;
    background:rgba(255,255,255,.92) !important;
    border-radius:9px !important;
}

.ed-quick-link-arrow{
    width:24px !important;
    height:24px !important;
    min-width:24px !important;
    background:rgba(255,255,255,.13) !important;
    border:1px solid rgba(255,255,255,.55) !important;
    color:#fff !important;
}

/* Current Batch */
.ed-quick-link-red{
    background:linear-gradient(135deg,#e92c42 0%,#8d3148 100%) !important;
}

/* Online Course */
.ed-quick-link-dark{
    background:linear-gradient(135deg,#374151 0%,#172033 100%) !important;
}

/* Private Tuition */
.ed-quick-link-blue{
    background:linear-gradient(135deg,#3d72e9 0%,#264bbb 100%) !important;
}

/* Exam Preparation */
.ed-quick-link-cyan{
    background:linear-gradient(135deg,#19a6a1 0%,#24626c 100%) !important;
}

.ed-quick-link:hover{
    transform:translateY(-2px) !important;
    filter:brightness(1.05);
    box-shadow:0 9px 20px rgba(20,35,55,.17) !important;
}

@media(max-width:575.98px){

    .ed-quick-link{
        height:43px !important;
        min-height:43px !important;
        padding:4px 7px !important;
    }

    .ed-quick-link-icon{
        width:30px !important;
        height:30px !important;
        min-width:30px !important;
        flex-basis:30px !important;
    }

    .ed-quick-link-copy strong{
        font-size:9px !important;
    }
}

/* =========================================================
   HOME ABOUT SECTION - FINAL COMPACT SPACING
   ========================================================= */

.ed-home-about-section{
    padding-top:42px !important;
    padding-bottom:48px !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
}

@media(max-width:991.98px){
    .ed-home-about-section{
        padding-top:34px !important;
        padding-bottom:38px !important;
    }
}

@media(max-width:575.98px){
    .ed-home-about-section{
        padding-top:26px !important;
        padding-bottom:30px !important;
    }
}

/* =========================================================
   COURSE INNER PAGES - FINAL COMPACT SECTION SPACING
   Scoped only to course pages
   ========================================================= */

body.course-page .why-learn-fr-sec,
body.course-page .gco-sec,
body.course-page .sabf-sec,
body.course-page .fib-sec,
body.course-page .lod-sec,
body.course-page .lotc-sec,
body.course-page .locu-sec,
body.course-page .losi-sec,
body.course-page .lofc-sec,
body.course-page .locs-sec,
body.course-page .lowc-sec,
body.course-page .fr-countries-sec,
body.course-page .course-modern-section,
body.course-page .dc-section{
    padding-top:36px !important;
    padding-bottom:36px !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    min-height:0 !important;
}

/* CEFR and testimonial keep their own layout,
   only remove accidental outer margins */
body.course-page .cefr-pro-section,
body.course-page .ttm-section{
    margin-top:0 !important;
    margin-bottom:0 !important;
}

/* Tablet */
@media(max-width:991.98px){

    body.course-page .why-learn-fr-sec,
    body.course-page .gco-sec,
    body.course-page .sabf-sec,
    body.course-page .fib-sec,
    body.course-page .lod-sec,
    body.course-page .lotc-sec,
    body.course-page .locu-sec,
    body.course-page .losi-sec,
    body.course-page .lofc-sec,
    body.course-page .locs-sec,
    body.course-page .lowc-sec,
    body.course-page .fr-countries-sec,
    body.course-page .course-modern-section,
    body.course-page .dc-section{
        padding-top:30px !important;
        padding-bottom:30px !important;
    }
}

/* Mobile */
@media(max-width:575.98px){

    body.course-page .why-learn-fr-sec,
    body.course-page .gco-sec,
    body.course-page .sabf-sec,
    body.course-page .fib-sec,
    body.course-page .lod-sec,
    body.course-page .lotc-sec,
    body.course-page .locu-sec,
    body.course-page .losi-sec,
    body.course-page .lofc-sec,
    body.course-page .locs-sec,
    body.course-page .lowc-sec,
    body.course-page .fr-countries-sec,
    body.course-page .course-modern-section,
    body.course-page .dc-section{
        padding-top:24px !important;
        padding-bottom:24px !important;
    }
}

/* =========================================================
   DYNAMIC WHY CHOOSE REFERENCE DESIGN
   ========================================================= */

.why-ref-section{
    position:relative;
    overflow:hidden;
    padding:38px 0 40px;
    background:
        radial-gradient(circle at 100% 0%,rgba(255,72,128,.15) 0 110px,transparent 111px),
        radial-gradient(circle at 0 45%,rgba(34,105,255,.06) 0 130px,transparent 131px),
        linear-gradient(180deg,#fff 0%,#fbfcff 100%);
}

.why-ref-section::before{
    content:"";
    position:absolute;
    left:15px;
    top:15px;
    width:75px;
    height:60px;
    opacity:.45;
    background-image:radial-gradient(#3677ff 2px,transparent 2px);
    background-size:13px 13px;
}

.why-ref-heading{
    position:relative;
    z-index:2;
    text-align:center;
    margin-bottom:24px;
}

.why-ref-heading h2{
    margin:0;
    color:#0b1d49;
    font-size:44px;
    line-height:1.15;
    font-weight:800;
}

.why-ref-subtitle{
    max-width:760px;
    margin:9px auto 0;
    color:#667085;
    font-size:15px;
    line-height:1.6;
}

.why-ref-dots{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;
    margin-top:11px;
}

.why-ref-dots span{
    width:6px;
    height:6px;
    border-radius:50%;
}

.why-ref-dots span:nth-child(1){background:#3677ff;}
.why-ref-dots span:nth-child(2){background:#ff4078;}
.why-ref-dots span:nth-child(3){background:#55aa26;}
.why-ref-dots span:nth-child(4){background:#ffb800;}
.why-ref-dots span:nth-child(5){background:#7041d9;}

.why-ref-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    max-width:1180px;
    margin:0 auto;
}

.why-ref-card{
    --why-color:#1767f2;
    position:relative;
    overflow:hidden;
    height:185px;
    padding:17px 12px 27px;
    background:#fff;
    border:1px solid rgba(18,39,70,.08);
    border-radius:13px;
    box-shadow:0 7px 22px rgba(17,40,70,.08);
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    opacity:0;
    transform:translateY(22px);
    transition:
        opacity .55s ease,
        transform .55s ease,
        box-shadow .3s ease;
}

.why-ref-card.is-visible{
    opacity:1;
    transform:translateY(0);
}

.why-ref-card:hover{
    transform:translateY(-6px);
    box-shadow:0 15px 32px rgba(18,40,70,.14);
}

.why-ref-icon{
    width:64px;
    height:64px;
    border-radius:50%;
    display:grid;
    place-items:center;
    margin-bottom:9px;
    background:var(--why-color);
    color:#fff;
    font-size:27px;
    box-shadow:0 7px 18px rgba(20,40,80,.17);
    transition:transform .3s ease;
}

.why-ref-card:hover .why-ref-icon{
    transform:scale(1.08) rotate(-3deg);
}

.why-ref-line{
    width:25px;
    height:2px;
    margin-bottom:8px;
    border-radius:20px;
    background:var(--why-color);
}

.why-ref-card h4{
    margin:0;
    color:var(--why-color);
    font-size:14px;
    line-height:1.35;
    font-weight:700;
}

.why-ref-wave{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:22px;
}

.why-ref-wave::before{
    content:"";
    position:absolute;
    left:-8%;
    bottom:5px;
    width:116%;
    height:25px;
    background:color-mix(in srgb,var(--why-color) 10%,white);
    border-radius:50% 50% 0 0;
    transform:rotate(-2deg);
}

.why-ref-wave::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:5px;
    background:var(--why-color);
}

.why-ref-card:nth-child(8n+1){--why-color:#1767f2;}
.why-ref-card:nth-child(8n+2){--why-color:#ff3e73;}
.why-ref-card:nth-child(8n+3){--why-color:#49a91f;}
.why-ref-card:nth-child(8n+4){--why-color:#7140d9;}
.why-ref-card:nth-child(8n+5){--why-color:#ff6b00;}
.why-ref-card:nth-child(8n+6){--why-color:#0ba6ad;}
.why-ref-card:nth-child(8n+7){--why-color:#f4b000;}
.why-ref-card:nth-child(8n+8){--why-color:#6930dc;}

.why-ref-card:nth-child(1){transition-delay:.04s;}
.why-ref-card:nth-child(2){transition-delay:.08s;}
.why-ref-card:nth-child(3){transition-delay:.12s;}
.why-ref-card:nth-child(4){transition-delay:.16s;}
.why-ref-card:nth-child(5){transition-delay:.20s;}
.why-ref-card:nth-child(6){transition-delay:.24s;}
.why-ref-card:nth-child(7){transition-delay:.28s;}
.why-ref-card:nth-child(8){transition-delay:.32s;}

@media(max-width:991px){

    .why-ref-heading h2{
        font-size:36px;
    }

    .why-ref-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .why-ref-card{
        height:165px;
    }
}

@media(max-width:575px){

    .why-ref-section{
        padding:28px 0;
    }

    .why-ref-heading h2{
        font-size:29px;
    }

    .why-ref-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
    }

    .why-ref-card{
        height:145px;
        padding:12px 7px 22px;
    }

    .why-ref-icon{
        width:48px;
        height:48px;
        font-size:20px;
    }

    .why-ref-card h4{
        font-size:11px;
    }
}

/* WCU REFERENCE REVEAL */
.wcu-animate{
    opacity:0;
    transform:translateY(22px);
    transition:
        opacity .55s ease,
        transform .55s ease,
        box-shadow .3s ease;
}

.wcu-animate.wcu-show{
    opacity:1;
    transform:translateY(0);
}

.wcu-card:hover{
    transform:translateY(-5px) !important;
}

/* =========================================================
   WCU FINAL COMPACT SIZE
   ========================================================= */

.wcu-section .container{
    max-width:1050px !important;
    padding-bottom: 60px important;
}

.wcu-section{
    padding-top:25px !important;
    padding-bottom:28px !important;
}

.wcu-grid{
    grid-template-columns:repeat(4,1fr) !important;
    gap:12px !important;
    max-width:1000px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

.wcu-card{
    width:100% !important;
    height:155px !important;
    min-height:155px !important;
    max-height:155px !important;
    aspect-ratio:auto !important;

    padding:14px 10px 22px !important;
    border-radius:14px !important;
}

.wcu-icon{
    width:52px !important;
    height:52px !important;
    min-width:52px !important;
    min-height:52px !important;

    margin:0 auto 9px !important;
    padding:10px !important;
}

.wcu-icon img{
    width:28px !important;
    height:28px !important;
}

.wcu-icon i{
    font-size:23px !important;
}

.wcu-card h4{
    font-size:13px !important;
    line-height:1.3 !important;
    margin:0 !important;
}

.wcu-wave{
    height:20px !important;
}

@media(max-width:991px){

    .wcu-section .container{
        max-width:720px !important;
    }

    .wcu-grid{
        grid-template-columns:repeat(2,1fr) !important;
        max-width:650px !important;
        gap:10px !important;
    }

    .wcu-card{
        height:145px !important;
        min-height:145px !important;
        max-height:145px !important;
    }
}

@media(max-width:575px){

    .wcu-grid{
        grid-template-columns:repeat(2,1fr) !important;
        gap:8px !important;
    }

    .wcu-card{
        height:125px !important;
        min-height:125px !important;
        max-height:125px !important;
        padding:10px 6px 18px !important;
    }

    .wcu-icon{
        width:42px !important;
        height:42px !important;
        min-width:42px !important;
        min-height:42px !important;
        margin-bottom:6px !important;
    }

    .wcu-icon i{
        font-size:19px !important;
    }

    .wcu-card h4{
        font-size:10px !important;
    }
}

/* END WCU FINAL COMPACT SIZE */

/* ---------- QUICK LINKS : FIX CUT CONTENT ---------- */

.ed-quick-links-wrap{
    overflow:visible !important;
    padding-top:10px !important;
    padding-bottom:10px !important;
}

.ed-quick-links{
    overflow:visible !important;
    align-items:stretch !important;
}

.ed-quick-link{
    height:64px !important;
    min-height:64px !important;
    max-height:none !important;
    overflow:hidden !important;

    display:flex !important;
    align-items:center !important;

    padding-top:7px !important;
    padding-bottom:7px !important;
}

.ed-quick-link-icon{
    flex:0 0 44px !important;
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;
}

.ed-quick-link-copy{
    display:flex !important;
    align-items:center !important;
    min-width:0 !important;
    height:auto !important;
    overflow:visible !important;
}

.ed-quick-link-copy h4,
.ed-quick-link-copy span,
.ed-quick-link-copy strong{
    margin-top:0 !important;
    margin-bottom:0 !important;
    line-height:1.25 !important;
}

/* END LANGUAGE SLIDER JS WIDTH CONTROL */

/* =========================================================
   HOME LANGUAGE SLIDER - SINGLE CLEAN CSS
   ========================================================= */

.it-brand-6-active{
    width:100% !important;
    overflow:hidden !important;
}

.it-brand-6-active .swiper-wrapper{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    width:max-content !important;
    gap:0 !important;
    transition:none !important;
    will-change:transform;
}

.it-brand-6-active .swiper-slide{
    box-sizing:border-box !important;
    margin:0 !important;
}

.it-brand-6-active .it-brand-5-item{
    width:calc(100% - 8px) !important;
    min-width:0 !important;
    height:58px !important;
    min-height:58px !important;
    margin:0 4px !important;
    padding:0 18px !important;
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    background:#fff !important;
    border:1px solid #e7ebf1 !important;
    border-radius:10px !important;
}

.it-brand-6-active .it-brand-5-item img{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    object-fit:contain !important;
}

.it-brand-6-active .it-brand-5-item span{
    font-size:17px !important;
    line-height:1.2 !important;
    font-weight:600 !important;
    white-space:nowrap !important;
}

@media(max-width:991px){

    .it-brand-6-active .it-brand-5-item span{
        font-size:15px !important;
    }
}

@media(max-width:575px){

    .it-brand-6-active .it-brand-5-item{
        height:50px !important;
        min-height:50px !important;
        padding:0 10px !important;
    }

    .it-brand-6-active .it-brand-5-item img{
        width:27px !important;
        height:27px !important;
        min-width:27px !important;
    }

    .it-brand-6-active .it-brand-5-item span{
        font-size:14px !important;
    }
}

/* END HOME LANGUAGE SLIDER - SINGLE CLEAN CSS */

/* =========================================================
   HOMEPAGE FINAL SLIDER SIZES
   Testimonials: 4 Desktop
   Language Courses: 7 Desktop
   ========================================================= */

/* ---------- TESTIMONIALS : 4 CARDS ---------- */

@media (min-width: 1200px){

    .ttm-section .ttm-track{
        gap: 20px !important;
    }

    .ttm-section .ttm-card{
        flex: 0 0 calc((100% - 60px) / 4) !important;
        width: calc((100% - 60px) / 4) !important;
        min-width: calc((100% - 60px) / 4) !important;
        max-width: calc((100% - 60px) / 4) !important;
    }

}


/* ---------- LANGUAGE / COURSE SLIDER : 7 ---------- */

@media (min-width: 1200px){

    .it-brand-6-active .swiper-slide{
        flex: 0 0 14.285714% !important;
        width: 14.285714% !important;
        min-width: 14.285714% !important;
        max-width: 14.285714% !important;
    }

}


/* ---------- COURSE NAME BIGGER ---------- */

.it-brand-6-active .swiper-slide h4,
.it-brand-6-active .swiper-slide h5,
.it-brand-6-active .swiper-slide span,
.it-brand-6-active .swiper-slide a{
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
}


/* ---------- TABLET ---------- */

@media (min-width: 768px) and (max-width: 1199px){

    .ttm-section .ttm-card{
        flex: 0 0 calc((100% - 40px) / 3) !important;
        width: calc((100% - 40px) / 3) !important;
        min-width: calc((100% - 40px) / 3) !important;
    }

}


/* ---------- MOBILE ---------- */

@media (max-width: 767px){

    .ttm-section .ttm-card{
        flex: 0 0 88% !important;
        width: 88% !important;
        min-width: 88% !important;
    }

    .it-brand-6-active .swiper-slide h4,
    .it-brand-6-active .swiper-slide h5,
    .it-brand-6-active .swiper-slide span,
    .it-brand-6-active .swiper-slide a{
        font-size: 16px !important;
    }

}

/* =========================================================
   HOME LANGUAGE SLIDER - BIGGER FLAGS
   ========================================================= */

.it-brand-6-active .swiper-slide img{
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    object-fit: contain !important;
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1199px){
    .it-brand-6-active .swiper-slide img{
        width: 54px !important;
        height: 54px !important;
        min-width: 54px !important;
    }
}

/* Mobile */
@media (max-width: 767px){
    .it-brand-6-active .swiper-slide img{
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
    }
}

/* =========================================================
   TESTIMONIAL READ MORE MODAL
   ========================================================= */

.ttm-card .ttm-text{
    display:-webkit-box;
    -webkit-line-clamp:6;
    -webkit-box-orient:vertical;
    overflow:hidden;
    line-height:1.65;
    margin-bottom:14px;
}

.ttm-read-more{
    border:1.5px solid rgba(255,255,255,.9);
    background:rgba(255,255,255,.08);
    color:#fff;
    border-radius:30px;
    padding:8px 16px;
    font-size:14px;
    font-weight:700;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    gap:7px;
    transition:.3s ease;
    margin-bottom:14px;
}

.ttm-read-more:hover{
    background:#fff;
    color:#e52227;
    transform:translateY(-2px);
}

.ttm-modal{
    position:fixed;
    inset:0;
    z-index:99999;
    display:none;
    align-items:center;
    justify-content:center;
    padding:20px;
}

.ttm-modal.is-open{
    display:flex;
}

.ttm-modal-backdrop{
    position:absolute;
    inset:0;
    background:rgba(10,20,35,.72);
    backdrop-filter:blur(6px);
}

.ttm-modal-box{
    position:relative;
    z-index:2;
    width:min(680px,100%);
    max-height:88vh;
    overflow-y:auto;
    background:#fff;
    border-radius:28px;
    padding:42px 46px 34px;
    box-shadow:0 30px 80px rgba(0,0,0,.25);
    animation:ttmModalOpen .28s ease;
}

@keyframes ttmModalOpen{
    from{
        opacity:0;
        transform:translateY(25px) scale(.96);
    }
    to{
        opacity:1;
        transform:translateY(0) scale(1);
    }
}

.ttm-modal-close{
    position:absolute;
    top:16px;
    right:20px;
    width:42px;
    height:42px;
    border:0;
    background:transparent;
    font-size:38px;
    line-height:1;
    color:#6b7280;
    cursor:pointer;
}

.ttm-modal-user{
    display:flex;
    align-items:center;
    gap:20px;
    margin-bottom:28px;
}

.ttm-modal-image{
    width:96px;
    height:96px;
    border-radius:50%;
    object-fit:cover;
    border:4px solid #f1f1f1;
}

.ttm-modal-user h3{
    margin:0 0 3px;
    font-size:27px;
    font-weight:800;
    color:#111827;
}

.ttm-modal-user span{
    font-size:14px;
    font-weight:700;
    color:#6b7280;
    text-transform:uppercase;
}

.ttm-modal-stars{
    margin-top:8px;
    color:#ffb400;
    font-size:23px;
    letter-spacing:2px;
}

.ttm-modal-message{
    color:#182033;
    font-size:18px;
    line-height:1.9;
    font-weight:500;
    margin-bottom:28px;
}

.ttm-modal-button{
    display:block;
    margin:0 auto;
    min-width:150px;
    border:0;
    border-radius:15px;
    padding:13px 24px;
    background:#e52227;
    color:#fff;
    font-size:17px;
    font-weight:700;
    cursor:pointer;
}

body.ttm-modal-open{
    overflow:hidden;
}

@media (max-width:767px){

    .ttm-modal{
        padding:14px;
    }

    .ttm-modal-box{
        padding:34px 22px 26px;
        border-radius:22px;
    }

    .ttm-modal-image{
        width:74px;
        height:74px;
    }

    .ttm-modal-user h3{
        font-size:22px;
    }

    .ttm-modal-message{
        font-size:16px;
        line-height:1.75;
    }
}

/* TESTIMONIAL PERSON + READ MORE ROW */
.ttm-person-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-top:auto;
}

.ttm-person-row .ttm-person{
    flex:1;
    min-width:0;
    margin:0;
}

.ttm-person-row .ttm-read-more{
    flex:0 0 auto;
    margin:0;
    white-space:nowrap;
    padding:8px 14px;
}

@media (max-width:575px){
    .ttm-person-row{
        gap:8px;
    }

    .ttm-person-row .ttm-read-more{
        padding:7px 11px;
        font-size:12px;
    }
}

/* TESTIMONIAL SINGLE FINAL DESIGN */
.ttm-section .ttm-card{
height:330px!important;min-height:330px!important;max-height:330px!important;
padding:26px 24px 22px!important;
border-radius:20% 0 20% 0!important;
display:flex!important;
flex-direction:column!important;
box-sizing:border-box!important;
overflow:hidden!important;
}

.ttm-section .ttm-card .ttm-text{
height:auto!important;
min-height:0!important;
max-height:135px!important;
margin:10px 0 12px!important;
line-height:1.55!important;
overflow:hidden!important;
}

.ttm-section .ttm-person-row{position:relative!important;margin-top:auto!important;width:100%!important;min-height:54px!important;height:54px!important;display:block!important;} 

.ttm-section .ttm-person-row .ttm-person{position:absolute!important;left:0!important;top:50%!important;transform:translateY(-50%)!important;width:calc(100% - 82px)!important;display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;margin:0!important;} 

.ttm-section .ttm-person-row .ttm-avatar{
width:50px!important;
height:50px!important;
min-width:50px!important;
max-width:50px!important;
border-radius:50%!important;
object-fit:cover!important;
flex:0 0 50px!important;
border:0!important;
}

.ttm-section .ttm-person-row .ttm-person>div{
min-width:0!important;
flex:1 1 auto!important;
}

.ttm-section .ttm-person-row .ttm-person h5{
margin:0 0 3px!important;
font-size:13px!important;
font-weight:700!important;
line-height:1.15!important;
white-space:normal!important;
overflow:hidden!important;
display:-webkit-box!important;
-webkit-box-orient:vertical!important;
-webkit-line-clamp:2!important;
}

.ttm-section .ttm-person-row .ttm-person span{
display:block!important;
margin:0!important;
font-size:9px!important;
line-height:1.15!important;
}

.ttm-section .ttm-person-row .ttm-read-more{position:absolute!important;right:0!important;left:auto!important;top:50%!important;transform:translateY(-50%)!important;width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;padding:7px 9px!important;border:0!important;outline:0!important;box-shadow:none!important;border-radius:10px!important;background:rgba(255,255,255,.14)!important;color:#fff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;white-space:nowrap!important;font-size:10px!important;font-weight:700!important;line-height:1!important;z-index:20!important;} 

.ttm-section .ttm-person-row .ttm-read-more span{
font-size:12px!important;
margin:0!important;
color:inherit!important;
}

.ttm-section .ttm-person-row .ttm-read-more:hover{
background:rgba(255,255,255,.25)!important;
color:#fff!important;
border:0!important;
box-shadow:none!important;
}

@media(max-width:575px){
.ttm-section .ttm-card{
height:330px!important;min-height:330px!important;max-height:330px!important;
padding:24px 20px 20px!important;
}

.ttm-section .ttm-person-row{position:relative!important;margin-top:auto!important;width:100%!important;min-height:54px!important;height:54px!important;display:block!important;} 

.ttm-section .ttm-person-row .ttm-avatar{
width:46px!important;
height:46px!important;
min-width:46px!important;
max-width:46px!important;
flex-basis:46px!important;
}

.ttm-section .ttm-person-row .ttm-person h5{
font-size:12px!important;
}

.ttm-section .ttm-person-row .ttm-read-more{position:absolute!important;right:0!important;left:auto!important;top:50%!important;transform:translateY(-50%)!important;width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;padding:7px 9px!important;border:0!important;outline:0!important;box-shadow:none!important;border-radius:10px!important;background:rgba(255,255,255,.14)!important;color:#fff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;white-space:nowrap!important;font-size:10px!important;font-weight:700!important;line-height:1!important;z-index:20!important;} 
}

/* HOME QUICK LINKS - LIGHT FINAL */
.ed-quick-links-wrap{
position:relative!important;
z-index:5!important;
width:100%!important;
margin:0!important;
padding:8px 18px 16px!important;
background:#f7f9fc!important;
overflow:visible!important;
clear:both!important;
}

.ed-quick-links{
position:relative!important;
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:14px!important;
width:min(1480px,100%)!important;
margin:0 auto!important;
padding:0!important;
overflow:visible!important;
}

.ed-quick-link{
position:relative!important;
display:grid!important;
grid-template-columns:36px minmax(0,1fr) 28px!important;
align-items:center!important;
gap:12px!important;
width:100%!important;
height:48px!important;
min-height:48px!important;
padding:8px 10px!important;
border:1px solid #e6eaf0!important;
border-radius:14px!important;
background:#fff!important;
color:#172033!important;
box-shadow:0 7px 20px rgba(31,41,55,.07)!important;
overflow:visible!important;
transform:none!important;
transition:transform .25s ease,box-shadow .25s ease,background .25s ease!important;
}

.ed-quick-link::before{
content:""!important;
position:absolute!important;
inset:0!important;
background:var(--ql-bg,#f8fafc)!important;
opacity:1!important;
z-index:0!important;
pointer-events:none!important;
}

.ed-quick-link-icon,
.ed-quick-link-copy,
.ed-quick-link-arrow{
position:relative!important;
z-index:2!important;
}

.ed-quick-link-icon{
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:32px!important;
height:32px!important;
min-width:32px!important;
min-height:32px!important;
border-radius:12px!important;
background:var(--ql-icon-bg,#fff)!important;
color:var(--ql-color,#2563eb)!important;
box-shadow:none!important;
}

.ed-quick-link-icon::after{
display:none!important;
content:none!important;
}

.ed-quick-link-icon svg{
display:block!important;
width:20px!important;
height:20px!important;
max-width:20px!important;
max-height:20px!important;
stroke:currentColor!important;
color:inherit!important;
}

.ed-quick-link-copy{
display:flex!important;
align-items:center!important;
min-width:0!important;
height:auto!important;
overflow:visible!important;
}

.ed-quick-link-copy strong{
display:block!important;
margin:0!important;
color:#253047!important;
font-size:14px!important;
font-weight:700!important;
line-height:1.2!important;
}

.ed-quick-link-arrow{
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:32px!important;
height:32px!important;
min-width:32px!important;
border:1px solid rgba(31,41,55,.12)!important;
border-radius:50%!important;
background:rgba(255,255,255,.75)!important;
color:var(--ql-color,#2563eb)!important;
font-size:14px!important;
}

.ed-quick-link:hover{
transform:translateY(-2px)!important;
background:#fff!important;
box-shadow:0 12px 28px rgba(31,41,55,.12)!important;
color:#172033!important;
}

.ed-quick-link:hover::before{
opacity:1!important;
}

.ed-quick-link:hover .ed-quick-link-icon{
background:var(--ql-color)!important;
color:#fff!important;
}

.ed-quick-link:hover .ed-quick-link-arrow{
background:var(--ql-color)!important;
border-color:var(--ql-color)!important;
color:#fff!important;
transform:translateX(2px)!important;
}

.ed-quick-link-red{
--ql-color:#e85d6b!important;
--ql-bg:#fff3f5!important;
--ql-icon-bg:#ffe4e8!important;
}

.ed-quick-link-dark{
--ql-color:#65708a!important;
--ql-bg:#f3f5f9!important;
--ql-icon-bg:#e8ebf2!important;
}

.ed-quick-link-blue{
--ql-color:#4f83ee!important;
--ql-bg:#f1f6ff!important;
--ql-icon-bg:#dfeaff!important;
}

.ed-quick-link-cyan{
--ql-color:#39a99c!important;
--ql-bg:#effbf9!important;
--ql-icon-bg:#d9f4ef!important;
}

.ed-quick-links-wrap + *{margin-top:0!important;
position:relative!important;
z-index:1!important;
clear:both!important;
}

@media(max-width:1199px){
.ed-quick-links{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
}

@media(max-width:575px){
.ed-quick-links-wrap{
padding:12px 10px 18px!important;
}
.ed-quick-links{
grid-template-columns:1fr!important;
gap:10px!important;
}
.ed-quick-link{
grid-template-columns:46px minmax(0,1fr) 30px!important;
height:66px!important;
min-height:66px!important;
padding:7px 9px!important;
gap:9px!important;
}
.ed-quick-link-icon{
width:42px!important;
height:42px!important;
min-width:42px!important;
min-height:42px!important;
}
.ed-quick-link-copy strong{
font-size:13px!important;
}
.ed-quick-link-arrow{
width:30px!important;
height:30px!important;
min-width:30px!important;
}
}

/* QUICK LINKS SEPARATE SECTION */
.ed-quick-links-section{
position:relative!important;
z-index:3!important;
display:block!important;
width:100%!important;
margin:0!important;
padding:10px 0 14px!important;
background:#f7f9fc!important;
clear:both!important;
isolation:isolate!important;
overflow:visible!important;
}

.ed-quick-links-section .ed-quick-links-wrap{
position:relative!important;
z-index:1!important;
display:block!important;
width:100%!important;
height:auto!important;
min-height:0!important;
margin:0!important;
padding:0 18px!important;
overflow:visible!important;
}

.ed-quick-links-section .ed-quick-links{
position:relative!important;
margin:0 auto!important;
}

.ed-quick-links-section + .ed-home-about-section{
position:relative!important;
z-index:1!important;
clear:both!important;
margin-top:0!important;
}

/* QUICK LINKS FLOW FIX */
.ed-quick-links-section{
display:block!important;
position:relative!important;
float:none!important;
clear:both!important;
width:100%!important;
height:auto!important;
min-height:auto!important;
margin:0!important;
padding:10px 0!important;
overflow:hidden!important;
background:#f7f9fc!important;
z-index:2!important;
box-sizing:border-box!important;
}

.ed-quick-links-section .ed-quick-links-wrap{
display:block!important;
position:static!important;
float:none!important;
width:100%!important;
height:auto!important;
min-height:0!important;
margin:0!important;
padding:0 18px!important;
box-sizing:border-box!important;
}

.ed-quick-links-section .ed-quick-links{
height:auto!important;
min-height:0!important;
margin:0 auto!important;
}

.ed-quick-links-section .ed-quick-link{
height:48px!important;
min-height:48px!important;
max-height:48px!important;
}

.ed-quick-links-section + .ed-home-about-section{
display:block!important;
position:relative!important;
clear:both!important;
margin-top:0!important;
padding-top:30px!important;
}

/* QUICK LINKS COLOR UPDATE */
.ed-quick-link-red{
    background:linear-gradient(135deg,#ff6b6b 0%,#e83e5b 100%)!important;
    color:#fff!important;
}

.ed-quick-link-dark{
    background:linear-gradient(135deg,#4da3ff 0%,#2468d8 100%)!important;
    color:#fff!important;
}

.ed-quick-link-blue{
    background:linear-gradient(135deg,#9b6df6 0%,#6739d9 100%)!important;
    color:#fff!important;
}

.ed-quick-link-cyan{
    background:linear-gradient(135deg,#39d6b4 0%,#159d91 100%)!important;
    color:#fff!important;
}

.ed-quick-link,
.ed-quick-link:visited{
    color:#fff!important;
}

.ed-quick-link .ed-quick-link-copy,
.ed-quick-link .ed-quick-link-copy strong{
    color:#fff!important;
}

.ed-quick-link-icon{
    background:rgba(255,255,255,.92)!important;
}

.ed-quick-link-arrow{
    background:rgba(255,255,255,.18)!important;
    color:#fff!important;
}

.ed-quick-link:hover{
    color:#fff!important;
    transform:translateY(-3px)!important;
    box-shadow:0 10px 24px rgba(20,35,60,.18)!important;
}

.ed-quick-link:hover .ed-quick-link-copy,
.ed-quick-link:hover .ed-quick-link-copy strong,
.ed-quick-link:hover .ed-quick-link-arrow{
    color:#fff!important;
    opacity:1!important;
    visibility:visible!important;
}

.ed-quick-link:hover .ed-quick-link-arrow{
    background:#fff!important;
    color:#1f2937!important;
}
/* QUICK LINKS FINAL COLOR SYSTEM */

.ed-quick-links-section .ed-quick-link::before{
    display:none!important;
    content:none!important;
    opacity:0!important;
}

.ed-quick-links-section .ed-quick-link-red{
    background:linear-gradient(135deg,#ff6b78 0%,#e83e5b 100%)!important;
}

.ed-quick-links-section .ed-quick-link-dark{
    background:linear-gradient(135deg,#4f9cff 0%,#2868d8 100%)!important;
}

.ed-quick-links-section .ed-quick-link-blue{
    background:linear-gradient(135deg,#9a6df4 0%,#6739d9 100%)!important;
}

.ed-quick-links-section .ed-quick-link-cyan{
    background:linear-gradient(135deg,#38cfb0 0%,#139d91 100%)!important;
}

.ed-quick-links-section .ed-quick-link,
.ed-quick-links-section .ed-quick-link:visited,
.ed-quick-links-section .ed-quick-link:focus,
.ed-quick-links-section .ed-quick-link:hover{
    color:#fff!important;
}

.ed-quick-links-section .ed-quick-link .ed-quick-link-copy,
.ed-quick-links-section .ed-quick-link .ed-quick-link-copy strong,
.ed-quick-links-section .ed-quick-link:hover .ed-quick-link-copy,
.ed-quick-links-section .ed-quick-link:hover .ed-quick-link-copy strong{
    color:#fff!important;
    opacity:1!important;
    visibility:visible!important;
}

.ed-quick-links-section .ed-quick-link-icon{
    background:rgba(255,255,255,.94)!important;
}

.ed-quick-links-section .ed-quick-link-arrow{
    background:rgba(255,255,255,.18)!important;
    border-color:rgba(255,255,255,.25)!important;
    color:#fff!important;
    opacity:1!important;
    visibility:visible!important;
}

.ed-quick-links-section .ed-quick-link:hover{
    transform:translateY(-3px)!important;
    filter:brightness(1.06)!important;
    box-shadow:0 10px 24px rgba(31,41,55,.20)!important;
}

.ed-quick-links-section .ed-quick-link:hover .ed-quick-link-icon{
    background:#fff!important;
}

.ed-quick-links-section .ed-quick-link:hover .ed-quick-link-arrow{
    background:#fff!important;
    color:#1f2937!important;
    border-color:#fff!important;
    opacity:1!important;
    visibility:visible!important;
}
/* QUICK LINKS ICON VISIBILITY FIX */
.ed-quick-links-section .ed-quick-link-icon{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    opacity:1!important;
    visibility:visible!important;
}

.ed-quick-links-section .ed-quick-link-icon svg{
    display:block!important;
    width:20px!important;
    height:20px!important;
    opacity:1!important;
    visibility:visible!important;
    fill:none!important;
    stroke:currentColor!important;
    color:inherit!important;
}

.ed-quick-links-section .ed-quick-link-red .ed-quick-link-icon{
    color:#e83e5b!important;
}

.ed-quick-links-section .ed-quick-link-dark .ed-quick-link-icon{
    color:#2868d8!important;
}

.ed-quick-links-section .ed-quick-link-blue .ed-quick-link-icon{
    color:#6739d9!important;
}

.ed-quick-links-section .ed-quick-link-cyan .ed-quick-link-icon{
    color:#139d91!important;
}

.ed-quick-links-section .ed-quick-link:hover .ed-quick-link-icon{
    background:#fff!important;
    opacity:1!important;
    visibility:visible!important;
}

@media (max-width:1199px){

    .header{
        z-index:99999 !important;
        overflow:visible !important;
    }

    .header .navbar{
        position:relative !important;
        width:100% !important;
        min-height:68px !important;
        padding:7px 0 !important;
        overflow:visible !important;
    }

    .header .container-fluid{
        position:relative !important;
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        flex-wrap:wrap !important;
        width:100% !important;
        overflow:visible !important;
    }

    .header .navbar-brand{
        position:relative !important;
        z-index:5 !important;
        flex:0 1 auto !important;
        max-width:calc(100% - 65px) !important;
        margin:0 !important;
    }

    .header .navbar-toggler{
        position:relative !important;
        top:auto !important;
        right:auto !important;
        z-index:100 !important;
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
        flex:0 0 44px !important;
        width:44px !important;
        height:44px !important;
        margin:0 0 0 auto !important;
        padding:0 !important;
        opacity:1 !important;
        visibility:visible !important;
        pointer-events:auto !important;
        cursor:pointer !important;
        background:#e02121 !important;
        border:0 !important;
        border-radius:8px !important;
    }

    .header .navbar-toggler:focus{
        outline:0 !important;
        box-shadow:0 0 0 3px rgba(224,33,33,.18) !important;
    }

    .header .navbar-toggler-icon{
        position:relative !important;
        display:block !important;
        width:22px !important;
        height:2px !important;
        background:#fff !important;
        background-image:none !important;
        border-radius:50px !important;
        pointer-events:none !important;
    }

    .header .navbar-toggler-icon::before,
    .header .navbar-toggler-icon::after{
        content:"" !important;
        position:absolute !important;
        left:0 !important;
        width:22px !important;
        height:2px !important;
        background:#fff !important;
        border-radius:50px !important;
    }

    .header .navbar-toggler-icon::before{
        top:-7px !important;
    }

    .header .navbar-toggler-icon::after{
        top:7px !important;
    }

    .header #msolMainMenu{
        position:relative !important;
        flex:0 0 100% !important;
        width:100% !important;
        max-width:100% !important;
        margin:8px 0 0 !important;
        background:#fff !important;
        border-top:1px solid #eee !important;
        z-index:90 !important;
    }

    .header #msolMainMenu.collapse:not(.show){
        display:none !important;
    }

    .header #msolMainMenu.collapse.show{
        display:block !important;
        visibility:visible !important;
        opacity:1 !important;
    }

    .header #msolMainMenu.collapsing{
        display:block !important;
        height:0;
        overflow:hidden !important;
        transition:height .25s ease !important;
    }

    .header #msolMainMenu .navbar-nav{
        display:flex !important;
        flex-direction:column !important;
        align-items:stretch !important;
        width:100% !important;
        padding:8px 0 15px !important;
        margin:0 !important;
    }

    .header #msolMainMenu .nav-item{
        width:100% !important;
    }

    .header #msolMainMenu .nav-link{
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        width:100% !important;
        min-height:46px !important;
        padding:11px 12px !important;
        white-space:normal !important;
        border-bottom:1px solid #f0f0f0 !important;
    }

    .header #msolMainMenu .dropdown-menu{
        position:static !important;
        float:none !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        margin:0 !important;
        transform:none !important;
        box-shadow:none !important;
    }

    .header #msolMainMenu .dropdown-menu.show{
        display:block !important;
    }

    .header #msolMainMenu .mega-menu{
        left:auto !important;
        width:100% !important;
        max-width:100% !important;
        padding:14px !important;
        transform:none !important;
    }

    .header #msolMainMenu .mega-menu .row{
        --bs-gutter-x:12px !important;
        --bs-gutter-y:12px !important;
    }

    .header #msolMainMenu .mega-column{
        height:auto !important;
        padding:14px !important;
    }

    .header .apply-button{
        display:flex !important;
        width:100% !important;
        margin:12px 0 5px !important;
    }
}

@media (max-width:767px){

    .header .navbar{
        min-height:62px !important;
    }

    .header .container-fluid{
        padding-left:12px !important;
        padding-right:12px !important;
    }

    .header .navbar-brand img{
        width:auto !important;
        max-width:min(190px,calc(100vw - 80px)) !important;
        height:47px !important;
    }

    .header .navbar-toggler{
        flex-basis:42px !important;
        width:42px !important;
        height:42px !important;
    }

    .header #msolMainMenu{
        max-height:calc(100vh - 72px) !important;
        overflow-y:auto !important;
        overflow-x:hidden !important;
        -webkit-overflow-scrolling:touch !important;
    }

    .header #msolMainMenu .mega-menu{
        padding:10px !important;
    }

    .header #msolMainMenu .mega-column{
        padding:11px !important;
    }
}


/* =========================================================
   TESTIMONIAL ALL CARDS AUTO SLIDER FINAL
========================================================= */

.ttm-section .ttm-wrap{
    position:relative !important;
    width:100% !important;
    max-width:1500px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding:0 48px !important;
    overflow:hidden !important;
}

.ttm-section .ttm-track{
    display:flex !important;
    grid-template-columns:none !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
    gap:20px !important;
    width:100% !important;
    max-width:100% !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-behavior:smooth !important;
    scroll-snap-type:x mandatory !important;
    scrollbar-width:none !important;
    transform:none !important;
    padding:8px 2px 14px !important;
}

.ttm-section .ttm-track::-webkit-scrollbar{
    display:none !important;
}

.ttm-section .ttm-card,
.ttm-section .ttm-card:nth-child(n+4){
    display:flex !important;
    flex-direction:column !important;
    flex:0 0 calc((100% - 60px) / 4) !important;
    width:calc((100% - 60px) / 4) !important;
    min-width:calc((100% - 60px) / 4) !important;
    max-width:calc((100% - 60px) / 4) !important;
    height:330px !important;
    min-height:330px !important;
    max-height:330px !important;
    margin:0 !important;
    scroll-snap-align:start !important;
    box-sizing:border-box !important;
}

.ttm-section .ttm-prev,
.ttm-section .ttm-next{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
}

/* Tablet = 3 cards */
@media (min-width:768px) and (max-width:1199px){

    .ttm-section .ttm-wrap{
        padding:0 42px !important;
    }

    .ttm-section .ttm-track{
        display:flex !important;
        grid-template-columns:none !important;
        gap:16px !important;
        overflow-x:auto !important;
    }

    .ttm-section .ttm-card,
    .ttm-section .ttm-card:nth-child(n+4){
        display:flex !important;
        flex:0 0 calc((100% - 32px) / 3) !important;
        width:calc((100% - 32px) / 3) !important;
        min-width:calc((100% - 32px) / 3) !important;
        max-width:calc((100% - 32px) / 3) !important;
        height:330px !important;
        min-height:330px !important;
    }
}

/* Mobile = 1 card */
@media (max-width:767px){

    .ttm-section{
        overflow:hidden !important;
    }

    .ttm-section .ttm-wrap{
        width:100% !important;
        max-width:100% !important;
        padding:0 38px !important;
        overflow:hidden !important;
    }

    .ttm-section .ttm-track{
        display:flex !important;
        grid-template-columns:none !important;
        gap:12px !important;
        width:100% !important;
        overflow-x:auto !important;
        overflow-y:hidden !important;
        scroll-snap-type:x mandatory !important;
    }

    .ttm-section .ttm-card,
    .ttm-section .ttm-card:nth-child(n+4){
        display:flex !important;
        flex:0 0 100% !important;
        width:100% !important;
        min-width:100% !important;
        max-width:100% !important;
        height:330px !important;
        min-height:330px !important;
        max-height:330px !important;
        padding:22px 18px !important;
        scroll-snap-align:start !important;
    }

    .ttm-section .ttm-prev{
        left:2px !important;
    }

    .ttm-section .ttm-next{
        right:2px !important;
    }
}

/* =========================================================
   COMMON TESTIMONIAL FINAL DESIGN
   Applies to every .ttm-section on home and course pages.
========================================================= */

.ttm-section {
    position: relative !important;
    overflow: hidden !important;
    padding: 48px 0 52px !important;
}

.ttm-section .ttm-wrap {
    position: relative !important;
    width: 100% !important;
    max-width: 1660px !important;
    margin: 0 auto !important;
    padding: 0 58px !important;
    overflow: hidden !important;
}

.ttm-section .ttm-track {
    display: flex !important;
    grid-template-columns: none !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 22px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 8px 0 16px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-behavior: smooth !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
}

.ttm-section .ttm-track::-webkit-scrollbar {
    display: none !important;
}

.ttm-section .ttm-card,
.ttm-section .ttm-card:nth-child(n+4) {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 0 0 calc((100% - 66px) / 4) !important;
    width: calc((100% - 66px) / 4) !important;
    min-width: calc((100% - 66px) / 4) !important;
    max-width: calc((100% - 66px) / 4) !important;
    height: 450px !important;
    min-height: 450px !important;
    max-height: 450px !important;
    margin: 0 !important;
    padding: 30px 28px 28px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    border-radius: 72px 0 72px 0 !important;
    color: #ffffff !important;
    scroll-snap-align: start !important;
}

.ttm-section .ttm-quote {
    flex: 0 0 auto !important;
}

.ttm-section .ttm-stars {
    flex: 0 0 auto !important;
    margin-top: 4px !important;
    margin-bottom: 26px !important;
}

.ttm-section .ttm-card .ttm-text {
    flex: 0 1 auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: 138px !important;
    margin: 0 !important;
    overflow: hidden !important;
    color: #ffffff !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
}

.ttm-section .ttm-person-row {
    position: relative !important;
    inset: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 58px !important;
    margin-top: auto !important;
    padding: 0 !important;
}

.ttm-section .ttm-person-row .ttm-person {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
}

.ttm-section .ttm-person-row .ttm-avatar {
    display: block !important;
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    flex: 0 0 56px !important;
    border-radius: 50% !important;
    border: 2px solid rgba(255,255,255,.82) !important;
    object-fit: cover !important;
}

.ttm-section .ttm-person-row .ttm-person > div {
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

.ttm-section .ttm-person-row .ttm-person h5 {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    margin: 0 0 4px !important;
    overflow: hidden !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
}

.ttm-section .ttm-person-row .ttm-person span {
    display: block !important;
    margin: 0 !important;
    color: rgba(255,255,255,.9) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
}

.ttm-section .ttm-person-row .ttm-read-more {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 84px !important;
    max-width: 102px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 8px 10px !important;
    border: 1px solid rgba(255,255,255,.48) !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.16) !important;
    color: #ffffff !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    box-shadow: none !important;
}

.ttm-section .ttm-person-row .ttm-read-more span {
    color: inherit !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

.ttm-section .ttm-person-row .ttm-read-more:hover {
    background: #ffffff !important;
    color: #e52227 !important;
    border-color: #ffffff !important;
}

.ttm-section .ttm-card > .ttm-person {
    left: 28px !important;
    right: 28px !important;
    bottom: 28px !important;
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    .ttm-section .ttm-wrap {
        padding-left: 46px !important;
        padding-right: 46px !important;
    }

    .ttm-section .ttm-track {
        gap: 18px !important;
    }

    .ttm-section .ttm-card,
    .ttm-section .ttm-card:nth-child(n+4) {
        flex-basis: calc((100% - 36px) / 3) !important;
        width: calc((100% - 36px) / 3) !important;
        min-width: calc((100% - 36px) / 3) !important;
        max-width: calc((100% - 36px) / 3) !important;
        height: 420px !important;
        min-height: 420px !important;
        max-height: 420px !important;
        padding: 28px 24px 24px !important;
    }
}

@media (max-width: 767.98px) {
    .ttm-section .ttm-person-row {
        display: flex !important;
        align-items: center !important;
        gap: 9px !important;
    }

    .ttm-section .ttm-person-row .ttm-person {
        position: static !important;
        transform: none !important;
        width: auto !important;
        flex: 1 1 auto !important;
    }

    .ttm-section .ttm-person-row .ttm-read-more {
        position: static !important;
        transform: none !important;
        flex: 0 0 auto !important;
        min-width: 78px !important;
        max-width: 92px !important;
        padding: 7px 9px !important;
        font-size: 10px !important;
    }
}

/* Final mobile guard after common testimonial desktop rules. */
@media (max-width: 767.98px) {
    .ttm-section {
        padding: 34px 0 30px !important;
    }

    .ttm-section .ttm-wrap {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 38px !important;
        padding-right: 38px !important;
    }

    .ttm-section .ttm-track {
        display: flex !important;
        gap: 12px !important;
        width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
    }

    .ttm-section .ttm-card,
    .ttm-section .ttm-card:nth-child(n+4) {
        flex: 0 0 100% !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        height: 330px !important;
        min-height: 330px !important;
        max-height: 330px !important;
        padding: 22px 18px !important;
        border-radius: 28px 28px 48px 28px !important;
        color: #ffffff !important;
    }

    .ttm-section .ttm-card .ttm-text,
    .ttm-section .ttm-stars,
    .ttm-section .ttm-person h5,
    .ttm-section .ttm-person span {
        color: #ffffff !important;
    }

    .ttm-section .ttm-card .ttm-text {
        max-height: 118px !important;
        font-size: 13px !important;
        line-height: 1.5 !important;
    }

    .ttm-section .ttm-person-row {
        min-height: 50px !important;
    }

    .ttm-section .ttm-person-row .ttm-avatar {
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        max-width: 46px !important;
        flex-basis: 46px !important;
    }
}


/* =========================================================
   GLOBAL WEBSITE RESPONSIVE TYPOGRAPHY FINAL
   Desktop unchanged | Tablet + Mobile responsive
========================================================= */

/* ---------- TABLET ---------- */
@media (min-width:768px) and (max-width:1199px){

    main h1{
        font-size:clamp(34px,4.2vw,46px) !important;
        line-height:1.12 !important;
    }

    main h2{
        font-size:clamp(28px,3.5vw,38px) !important;
        line-height:1.18 !important;
    }

    main h3{
        font-size:clamp(21px,2.5vw,27px) !important;
        line-height:1.25 !important;
    }

    main h4{
        font-size:19px !important;
        line-height:1.3 !important;
    }

    main p{
        font-size:15px !important;
        line-height:1.65 !important;
    }

    main .subtitle,
    main .sub-title,
    main .section-subtitle,
    main .section-sub-title,
    main [class*="subtitle"],
    main [class*="sub-title"]{
        font-size:15px !important;
        line-height:1.55 !important;
    }
}


/* ---------- MOBILE ---------- */
@media (max-width:767px){

    main h1{
        font-size:30px !important;
        line-height:1.12 !important;
        letter-spacing:-.4px !important;
    }

    main h2{
        font-size:25px !important;
        line-height:1.18 !important;
        letter-spacing:-.25px !important;
    }

    main h3{
        font-size:20px !important;
        line-height:1.25 !important;
    }

    main h4{
        font-size:17px !important;
        line-height:1.3 !important;
    }

    main h5{
        font-size:15px !important;
        line-height:1.35 !important;
    }

    main h6{
        font-size:14px !important;
        line-height:1.4 !important;
    }

    main p{
        font-size:14px !important;
        line-height:1.6 !important;
    }

    main .subtitle,
    main .sub-title,
    main .section-subtitle,
    main .section-sub-title,
    main [class*="subtitle"],
    main [class*="sub-title"]{
        font-size:14px !important;
        line-height:1.5 !important;
    }

    main .section-title,
    main [class*="section-title"]{
        font-size:25px !important;
        line-height:1.18 !important;
    }

    main .section-title p,
    main [class*="section-title"] p{
        font-size:14px !important;
        line-height:1.55 !important;
    }
}


/* ---------- SMALL MOBILE ---------- */
@media (max-width:480px){

    main h1{
        font-size:27px !important;
    }

    main h2,
    main .section-title,
    main [class*="section-title"]{
        font-size:23px !important;
    }

    main h3{
        font-size:19px !important;
    }

    main h4{
        font-size:16px !important;
    }

    main p,
    main .subtitle,
    main .sub-title,
    main [class*="subtitle"],
    main [class*="sub-title"]{
        font-size:13.5px !important;
    }
}

@media (max-width: 991px) {
   :root {
      --header-space: 110px;
   }
}

@media (max-width: 575px) {
   :root {
      --header-space: 96px;
   }
}

/* OLD COURSE PAGES - HERO TOP GAP FIX
   Header already occupies normal space, so do not add a second offset. */
.course-page > .spanish-hero,
.course-page > .hero-slider,
.course-page > .hero-fr-hero,
.course-page > .hero-jp-hero {
    margin-top: 0 !important;
}

/* ENROLLMENT VERIFIED FINAL DESIGN */

.ed-enroll-toast,
.ed-enroll-toast.show {
    position:fixed !important;

    left:20px !important;
    bottom:22px !important;

    width:375px !important;
    max-width:calc(100vw - 30px) !important;

    display:flex !important;
    align-items:center !important;
    gap:14px !important;

    padding:15px 44px 15px 15px !important;

    background:#ffffff !important;

    border:1px solid #d7f0df !important;
    border-left:5px solid #12a84d !important;

    border-radius:16px !important;

    box-shadow:
        0 18px 45px rgba(16,24,40,.16),
        0 5px 15px rgba(18,168,77,.12) !important;

    overflow:hidden !important;
}


/* Purani red/orange line hatao */

.ed-enroll-toast::before {
    display:none !important;
    content:none !important;
}


.ed-enroll-toast {
    opacity:0 !important;
    visibility:hidden !important;

    transform:
        translateX(-25px)
        scale(.98) !important;

    pointer-events:none !important;

    transition:
        opacity .32s ease,
        transform .32s ease,
        visibility .32s ease !important;
}


.ed-enroll-toast.show {
    opacity:1 !important;
    visibility:visible !important;

    transform:
        translateX(0)
        scale(1) !important;

    pointer-events:auto !important;
}


.ed-enroll-toast-icon {
    flex:0 0 48px !important;

    width:48px !important;
    height:48px !important;

    display:grid !important;
    place-items:center !important;

    border-radius:50% !important;

    background:
        linear-gradient(
            135deg,
            #20c765,
            #079641
        ) !important;

    color:#ffffff !important;

    font-size:18px !important;

    box-shadow:
        0 0 0 7px rgba(18,168,77,.10),
        0 7px 18px rgba(18,168,77,.20) !important;
}


.ed-enroll-toast-icon i {
    color:#ffffff !important;
}


.ed-enroll-toast-content {
    min-width:0 !important;
    flex:1 1 auto !important;
}


.ed-enroll-toast strong,
#enrollmentToastName {
    display:block !important;

    margin:0 0 3px !important;

    color:#152238 !important;

    font-size:15px !important;
    line-height:1.25 !important;
    font-weight:800 !important;
}


.ed-enroll-toast-status {
    display:flex !important;
    align-items:center !important;
    gap:6px !important;

    margin:0 0 3px !important;

    color:#0aa044 !important;

    font-size:13px !important;
    line-height:1.3 !important;
    font-weight:700 !important;
}


.ed-enroll-toast-status i {
    color:#0aa044 !important;
}


.ed-enroll-toast-time {
    display:flex !important;
    align-items:center !important;
    gap:5px !important;

    color:#758094 !important;

    font-size:12px !important;
    line-height:1.3 !important;
}


.ed-enroll-toast-time i {
    color:#758094 !important;
}


.ed-enroll-toast-close {
    position:absolute !important;

    top:10px !important;
    right:10px !important;

    width:27px !important;
    height:27px !important;

    display:grid !important;
    place-items:center !important;

    padding:0 !important;

    border:0 !important;
    border-radius:50% !important;

    background:#f1f4f2 !important;
    color:#667085 !important;

    font-size:18px !important;
    line-height:1 !important;

    cursor:pointer !important;
}


.ed-enroll-toast-close:hover {
    background:#e7f7ed !important;
    color:#0aa044 !important;
}


@media(max-width:575px) {

    .ed-enroll-toast,
    .ed-enroll-toast.show {

        left:12px !important;
        right:12px !important;
        bottom:14px !important;

        width:auto !important;

        padding:
            12px
            40px
            12px
            12px !important;
    }

    .ed-enroll-toast-icon {

        flex-basis:42px !important;

        width:42px !important;
        height:42px !important;

        font-size:16px !important;
    }
}


/* =========================================================
   HOME HERO VIDEO FINAL HEIGHT + FULL VIDEO
   ========================================================= */



/* =========================================================
   HOME QUICK LINKS - COMPACT DESIGN
   ========================================================= */

.ed-quick-links-section{
    width:100%;
    padding:8px 0 10px !important;
    margin:0 !important;
    background:#f5f7fa !important;
}

.ed-quick-links-section .ed-quick-links-wrap{
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding-left:16px !important;
    padding-right:16px !important;
}

.ed-quick-links-section .ed-quick-links{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:10px !important;
    width:100%;
    margin:0 auto !important;
    padding:0 !important;
}

.ed-quick-links-section .ed-quick-link{
    min-width:0 !important;
    width:100% !important;
    height:46px !important;
    min-height:46px !important;
    padding:0 10px !important;
    margin:0 !important;

    display:flex !important;
    align-items:center !important;
    gap:10px !important;

    border-radius:7px !important;
    text-decoration:none !important;
    overflow:hidden !important;

    box-shadow:0 5px 12px rgba(31,45,61,.10) !important;
    transition:transform .2s ease,box-shadow .2s ease !important;
}

.ed-quick-links-section .ed-quick-link:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 18px rgba(31,45,61,.16) !important;
}

.ed-quick-links-section .ed-quick-link-red{
    background:#f14961 !important;
}

.ed-quick-links-section .ed-quick-link-dark{
    background:#397be1 !important;
}

.ed-quick-links-section .ed-quick-link-blue{
    background:#7949e6 !important;
}

.ed-quick-links-section .ed-quick-link-cyan{
    background:#20b5a6 !important;
}

.ed-quick-links-section .ed-quick-link-icon{
    flex:0 0 38px !important;
    width:38px !important;
    height:34px !important;
    min-width:38px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border-radius:8px !important;
    background:rgba(255,255,255,.90) !important;
    color:inherit;
}

.ed-quick-links-section .ed-quick-link-icon svg{
    width:15px !important;
    height:15px !important;
    display:block !important;
}

.ed-quick-links-section .ed-quick-link-red .ed-quick-link-icon{
    color:#f14961 !important;
}

.ed-quick-links-section .ed-quick-link-dark .ed-quick-link-icon{
    color:#397be1 !important;
}

.ed-quick-links-section .ed-quick-link-blue .ed-quick-link-icon{
    color:#7949e6 !important;
}

.ed-quick-links-section .ed-quick-link-cyan .ed-quick-link-icon{
    color:#20b5a6 !important;
}

.ed-quick-links-section .ed-quick-link-copy{
    flex:1 1 auto !important;
    min-width:0 !important;
    display:flex !important;
    align-items:center !important;
}

.ed-quick-links-section .ed-quick-link-copy strong{
    color:#fff !important;
    font-size:13px !important;
    line-height:1.15 !important;
    font-weight:700 !important;
    margin:0 !important;
    white-space:nowrap !important;
}

.ed-quick-links-section .ed-quick-link-arrow{
    flex:0 0 32px !important;
    width:32px !important;
    height:32px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    margin-left:auto !important;
    border:1px solid rgba(255,255,255,.45) !important;
    border-radius:50% !important;

    color:#fff !important;
    font-size:19px !important;
    line-height:1 !important;
    font-weight:400 !important;
}

/* Tablet */
@media (max-width:991px){
    .ed-quick-links-section .ed-quick-links{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}

/* Mobile */
@media (max-width:575px){
    .ed-quick-links-section{
        padding:8px 0 !important;
    }

    .ed-quick-links-section .ed-quick-links-wrap{
        padding-left:10px !important;
        padding-right:10px !important;
    }

    .ed-quick-links-section .ed-quick-links{
        grid-template-columns:1fr !important;
        gap:8px !important;
    }

    .ed-quick-links-section .ed-quick-link{
        height:46px !important;
        min-height:46px !important;
    }

    .ed-quick-links-section .ed-quick-link-copy strong{
        font-size:12.5px !important;
    }
}


/* =========================================================
   HOME QUICK TABS - FINAL COLOR DESIGN
========================================================= */

.ed-quick-links-section{
    background:#f7f9fc !important;
    padding:10px 0 !important;
}

.ed-quick-links-section .ed-quick-links-wrap{
    max-width:1440px !important;
    margin:0 auto !important;
    padding:0 15px !important;
}

.ed-quick-links-section .ed-quick-links{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:10px !important;
}

.ed-quick-links-section .ed-quick-link{
    width:100% !important;
    height:64px !important;
    min-height:64px !important;
    padding:7px 12px !important;
    margin:0 !important;

    display:flex !important;
    align-items:center !important;
    gap:12px !important;

    border:0 !important;
    border-radius:10px !important;
    text-decoration:none !important;
    overflow:hidden !important;

    box-shadow:0 7px 18px rgba(20,35,60,.12) !important;
    transition:transform .25s ease,box-shadow .25s ease !important;
}

/* RED / PINK */
.ed-quick-links-section .ed-quick-link-red{
    background:linear-gradient(110deg,#ff5967 0%,#ff3158 100%) !important;
}

/* BLUE */
.ed-quick-links-section .ed-quick-link-dark{
    background:linear-gradient(110deg,#4695f5 0%,#1976ed 100%) !important;
}

/* PURPLE */
.ed-quick-links-section .ed-quick-link-blue{
    background:linear-gradient(110deg,#9a55ee 0%,#7627e8 100%) !important;
}

/* GREEN */
.ed-quick-links-section .ed-quick-link-cyan{
    background:linear-gradient(110deg,#1bc7ae 0%,#02a994 100%) !important;
}

/* WHITE ICON BOX */
.ed-quick-links-section .ed-quick-link-icon{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    flex:0 0 48px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    background:#fff !important;
    border-radius:10px !important;

    box-shadow:0 3px 10px rgba(0,0,0,.07) !important;
}

.ed-quick-links-section .ed-quick-link-icon svg{
    width:21px !important;
    height:21px !important;
    display:block !important;
}

.ed-quick-links-section .ed-quick-link-red .ed-quick-link-icon{
    color:#ff3158 !important;
}

.ed-quick-links-section .ed-quick-link-dark .ed-quick-link-icon{
    color:#1976ed !important;
}

.ed-quick-links-section .ed-quick-link-blue .ed-quick-link-icon{
    color:#7627e8 !important;
}

.ed-quick-links-section .ed-quick-link-cyan .ed-quick-link-icon{
    color:#02a994 !important;
}

/* TEXT */
.ed-quick-links-section .ed-quick-link-copy{
    flex:1 1 auto !important;
    min-width:0 !important;
}

.ed-quick-links-section .ed-quick-link-copy strong{
    display:block !important;
    margin:0 !important;

    color:#fff !important;
    font-size:14px !important;
    line-height:1.2 !important;
    font-weight:700 !important;
}

/* ARROW */
.ed-quick-links-section .ed-quick-link-arrow{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    flex:0 0 38px !important;

    margin-left:auto !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    color:#fff !important;
    font-size:21px !important;
    line-height:1 !important;

    background:rgba(255,255,255,.08) !important;
    border:1px solid rgba(255,255,255,.40) !important;
    border-radius:50% !important;
}

.ed-quick-links-section .ed-quick-link:hover{
    transform:translateY(-3px) !important;
    box-shadow:0 10px 24px rgba(20,35,60,.20) !important;
}

/* TABLET */
@media (max-width:991px){
    .ed-quick-links-section .ed-quick-links{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}

/* MOBILE */
@media (max-width:575px){

    .ed-quick-links-section .ed-quick-links{
        grid-template-columns:1fr !important;
        gap:8px !important;
    }

    .ed-quick-links-section .ed-quick-link{
        height:60px !important;
        min-height:60px !important;
    }

    .ed-quick-links-section .ed-quick-link-icon{
        width:44px !important;
        height:44px !important;
        min-width:44px !important;
        flex:0 0 44px !important;
    }

    .ed-quick-links-section .ed-quick-link-copy strong{
        font-size:13px !important;
    }

    .ed-quick-links-section .ed-quick-link-arrow{
        width:34px !important;
        height:34px !important;
        min-width:34px !important;
        flex:0 0 34px !important;
    }
}


/* ===== QUICK TABS COMPACT FINAL ===== */

.ed-quick-links-section{
    background:#f7f9fc !important;
    padding:8px 0 !important;
}

.ed-quick-links-section .ed-quick-links-wrap{
    max-width:1440px !important;
    margin:0 auto !important;
    padding:0 15px !important;
}

.ed-quick-links-section .ed-quick-links{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:10px !important;
}

/* COMMON TAB */
.ed-quick-links-section .ed-quick-link{
    width:100% !important;
    height:48px !important;
    min-height:48px !important;
    padding:5px 8px !important;
    margin:0 !important;

    display:flex !important;
    align-items:center !important;
    gap:10px !important;

    border:0 !important;
    border-radius:8px !important;
    text-decoration:none !important;
    overflow:hidden !important;

    box-shadow:0 5px 14px rgba(20,35,60,.12) !important;
}

/* PINK / RED */
.ed-quick-links-section .ed-quick-link-red{
    background:linear-gradient(110deg,#ff5967,#ff3158) !important;
}

/* BLUE */
.ed-quick-links-section .ed-quick-link-dark{
    background:linear-gradient(110deg,#4695f5,#1976ed) !important;
}

/* PURPLE */
.ed-quick-links-section .ed-quick-link-blue{
    background:linear-gradient(110deg,#9a55ee,#7627e8) !important;
}

/* GREEN */
.ed-quick-links-section .ed-quick-link-cyan{
    background:linear-gradient(110deg,#1bc7ae,#02a994) !important;
}

/* WHITE ICON BOX */
.ed-quick-links-section .ed-quick-link-icon{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    flex:0 0 38px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding:0 !important;
    margin:0 !important;

    background:#fff !important;
    border-radius:8px !important;
}

.ed-quick-links-section .ed-quick-link-icon svg{
    width:17px !important;
    height:17px !important;
}

/* ICON COLORS */
.ed-quick-links-section .ed-quick-link-red .ed-quick-link-icon{
    color:#ff3158 !important;
}

.ed-quick-links-section .ed-quick-link-dark .ed-quick-link-icon{
    color:#1976ed !important;
}

.ed-quick-links-section .ed-quick-link-blue .ed-quick-link-icon{
    color:#7627e8 !important;
}

.ed-quick-links-section .ed-quick-link-cyan .ed-quick-link-icon{
    color:#02a994 !important;
}

/* TITLE */
.ed-quick-links-section .ed-quick-link-copy{
    flex:1 1 auto !important;
    min-width:0 !important;
}

.ed-quick-links-section .ed-quick-link-copy strong{
    display:block !important;
    margin:0 !important;
    padding:0 !important;

    color:#fff !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1.15 !important;
    white-space:nowrap !important;
}

/* CIRCLE ARROW */
.ed-quick-links-section .ed-quick-link-arrow{
    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    flex:0 0 30px !important;

    margin-left:auto !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    color:#fff !important;
    font-size:18px !important;
    line-height:1 !important;

    border:1px solid rgba(255,255,255,.45) !important;
    border-radius:50% !important;
    background:rgba(255,255,255,.08) !important;
}

/* HOVER */
.ed-quick-links-section .ed-quick-link:hover{
    transform:translateY(-2px) !important;
    box-shadow:0 8px 18px rgba(20,35,60,.18) !important;
}

/* TABLET */
@media(max-width:991px){
    .ed-quick-links-section .ed-quick-links{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}

/* MOBILE */
@media(max-width:575px){
    .ed-quick-links-section .ed-quick-links{
        grid-template-columns:1fr !important;
        gap:7px !important;
    }
}


/* ===== QUICK LINKS HOVER VISIBILITY LOCK ===== */

.ed-quick-links-section .ed-quick-link:hover,
.ed-quick-links-section .ed-quick-link:focus,
.ed-quick-links-section .ed-quick-link:active{
    opacity:1 !important;
}

/* TEXT ALWAYS WHITE + VISIBLE */
.ed-quick-links-section .ed-quick-link:hover .ed-quick-link-copy,
.ed-quick-links-section .ed-quick-link:hover .ed-quick-link-copy strong,
.ed-quick-links-section .ed-quick-link:focus .ed-quick-link-copy,
.ed-quick-links-section .ed-quick-link:focus .ed-quick-link-copy strong{
    color:#ffffff !important;
    opacity:1 !important;
    visibility:visible !important;
}

/* ICON BOX ALWAYS VISIBLE */
.ed-quick-links-section .ed-quick-link:hover .ed-quick-link-icon,
.ed-quick-links-section .ed-quick-link:focus .ed-quick-link-icon{
    background:#ffffff !important;
    opacity:1 !important;
    visibility:visible !important;
}

/* ICON SVG ALWAYS VISIBLE */
.ed-quick-links-section .ed-quick-link:hover .ed-quick-link-icon svg,
.ed-quick-links-section .ed-quick-link:focus .ed-quick-link-icon svg{
    opacity:1 !important;
    visibility:visible !important;
}

/* KEEP EACH ICON COLOR ON HOVER */
.ed-quick-links-section .ed-quick-link-red:hover .ed-quick-link-icon{
    color:#ff3158 !important;
}

.ed-quick-links-section .ed-quick-link-dark:hover .ed-quick-link-icon{
    color:#1976ed !important;
}

.ed-quick-links-section .ed-quick-link-blue:hover .ed-quick-link-icon{
    color:#7627e8 !important;
}

.ed-quick-links-section .ed-quick-link-cyan:hover .ed-quick-link-icon{
    color:#02a994 !important;
}

/* ARROW ALWAYS VISIBLE */
.ed-quick-links-section .ed-quick-link:hover .ed-quick-link-arrow,
.ed-quick-links-section .ed-quick-link:focus .ed-quick-link-arrow{
    color:#ffffff !important;
    opacity:1 !important;
    visibility:visible !important;
    border-color:rgba(255,255,255,.65) !important;
    background:rgba(255,255,255,.12) !important;
}

/* ===== COMMON TESTIMONIAL TRUE FINAL LOCK ===== */
.ttm-section .ttm-card .ttm-text,
.ttm-section .ttm-person h5,
.ttm-section .ttm-person span{
    color:#ffffff !important;
}

.ttm-section .ttm-stars{
    color:#ffd400 !important;
}

/* ===== TESTIMONIAL MODAL + SIZE FINAL FIX ===== */
.ttm-modal:not(.is-open){
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
}

.ttm-modal.is-open{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
}

.ttm-section .ttm-avatar,
.ttm-section .ttm-person-row .ttm-avatar,
.ttm-modal-image{
    border-radius:50% !important;
    object-fit:cover !important;
    aspect-ratio:1 / 1 !important;
}

@media (min-width:1200px){
    .ttm-section .ttm-card,
    .ttm-section .ttm-card:nth-child(n+4){
        height:385px !important;
        min-height:385px !important;
        max-height:385px !important;
        padding:28px 26px 24px !important;
        border-radius:58px 0 58px 0 !important;
    }

    .ttm-section .ttm-card .ttm-text{
        max-height:112px !important;
        font-size:15px !important;
    }
}

@media (min-width:768px) and (max-width:1199.98px){
    .ttm-section .ttm-card,
    .ttm-section .ttm-card:nth-child(n+4){
        height:360px !important;
        min-height:360px !important;
        max-height:360px !important;
        border-radius:48px 0 48px 0 !important;
    }
}

@media (max-width:767.98px){
    .ttm-section .ttm-card,
    .ttm-section .ttm-card:nth-child(n+4){
        height:300px !important;
        min-height:300px !important;
        max-height:300px !important;
    }

    .ttm-section .ttm-card .ttm-text{
        max-height:96px !important;
    }
}

.ttm-section .ttm-person-row{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
}

.ttm-section .ttm-person-row .ttm-person,
.ttm-section .ttm-person-row .ttm-read-more{
    position:static !important;
    transform:none !important;
}

/* ===== COMMON TESTIMONIAL VISIBILITY LOCK ===== */
.ttm-section .ttm-card .ttm-text,
.ttm-section .ttm-person h5,
.ttm-section .ttm-person span{
    color:#ffffff !important;
}

.ttm-section .ttm-stars{
    color:#ffd400 !important;
}

.ttm-section .ttm-person-row{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
}

.ttm-section .ttm-person-row .ttm-person,
.ttm-section .ttm-person-row .ttm-read-more{
    position:static !important;
    transform:none !important;
}


/* ===== QUICK LINKS HOVER VISIBILITY LOCK ===== */

.ed-quick-links-section .ed-quick-link:hover,
.ed-quick-links-section .ed-quick-link:focus,
.ed-quick-links-section .ed-quick-link:active{
    opacity:1 !important;
}

/* TEXT ALWAYS WHITE + VISIBLE */
.ed-quick-links-section .ed-quick-link:hover .ed-quick-link-copy,
.ed-quick-links-section .ed-quick-link:hover .ed-quick-link-copy strong,
.ed-quick-links-section .ed-quick-link:focus .ed-quick-link-copy,
.ed-quick-links-section .ed-quick-link:focus .ed-quick-link-copy strong{
    color:#ffffff !important;
    opacity:1 !important;
    visibility:visible !important;
}

/* ICON BOX ALWAYS VISIBLE */
.ed-quick-links-section .ed-quick-link:hover .ed-quick-link-icon,
.ed-quick-links-section .ed-quick-link:focus .ed-quick-link-icon{
    background:#ffffff !important;
    opacity:1 !important;
    visibility:visible !important;
}

/* ICON SVG ALWAYS VISIBLE */
.ed-quick-links-section .ed-quick-link:hover .ed-quick-link-icon svg,
.ed-quick-links-section .ed-quick-link:focus .ed-quick-link-icon svg{
    opacity:1 !important;
    visibility:visible !important;
}

/* KEEP EACH ICON COLOR ON HOVER */
.ed-quick-links-section .ed-quick-link-red:hover .ed-quick-link-icon{
    color:#ff3158 !important;
}

.ed-quick-links-section .ed-quick-link-dark:hover .ed-quick-link-icon{
    color:#1976ed !important;
}

.ed-quick-links-section .ed-quick-link-blue:hover .ed-quick-link-icon{
    color:#7627e8 !important;
}

.ed-quick-links-section .ed-quick-link-cyan:hover .ed-quick-link-icon{
    color:#02a994 !important;
}

/* ARROW ALWAYS VISIBLE */
.ed-quick-links-section .ed-quick-link:hover .ed-quick-link-arrow,
.ed-quick-links-section .ed-quick-link:focus .ed-quick-link-arrow{
    color:#ffffff !important;
    opacity:1 !important;
    visibility:visible !important;
    border-color:rgba(255,255,255,.65) !important;
    background:rgba(255,255,255,.12) !important;
}
.ttm-section .ttm-card .ttm-text,
.ttm-section .ttm-person h5,
.ttm-section .ttm-person span{
    color:#ffffff !important;
}

.ttm-section .ttm-stars{
    color:#ffd400 !important;
}

/* ===== TESTIMONIAL TEXT + POPUP TRUE FINAL ===== */
.ttm-section .ttm-person h5,
.ttm-section .ttm-person-row .ttm-person h5{
    max-width:100% !important;
    margin:0 0 3px !important;
    color:#ffffff !important;
    font-size:13px !important;
    font-weight:800 !important;
    line-height:1.15 !important;
    white-space:normal !important;
    overflow:hidden !important;
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:2 !important;
}

.ttm-section .ttm-person span,
.ttm-section .ttm-person-row .ttm-person span{
    color:rgba(255,255,255,.9) !important;
    font-size:9px !important;
    font-weight:800 !important;
    line-height:1.15 !important;
}

.ttm-section .ttm-person-row .ttm-read-more{
    min-width:76px !important;
    max-width:88px !important;
    min-height:28px !important;
    padding:7px 8px !important;
    font-size:9px !important;
}

.ttm-modal{
    align-items:center !important;
    justify-content:center !important;
    padding:18px !important;
}

.ttm-modal:not(.is-open){
    display:none !important;
}

.ttm-modal-box{
    width:min(620px, calc(100vw - 28px)) !important;
    max-height:calc(100svh - 34px) !important;
    padding:34px 34px 28px !important;
    border-radius:18px !important;
    background:#ffffff !important;
    box-shadow:0 24px 70px rgba(8,20,38,.28) !important;
}

.ttm-modal-close{
    top:10px !important;
    right:14px !important;
    width:34px !important;
    height:34px !important;
    color:#172033 !important;
    font-size:30px !important;
}

.ttm-modal-user{
    gap:15px !important;
    margin-bottom:20px !important;
}

.ttm-modal-image{
    width:78px !important;
    height:78px !important;
    min-width:78px !important;
    border-radius:50% !important;
}

.ttm-modal-user h3{
    margin:0 0 3px !important;
    color:#111827 !important;
    font-size:22px !important;
    line-height:1.18 !important;
}

.ttm-modal-message{
    color:#273244 !important;
    font-size:15px !important;
    line-height:1.75 !important;
    margin-bottom:22px !important;
}

.ttm-modal-button{
    min-width:120px !important;
    padding:11px 18px !important;
    border-radius:10px !important;
    font-size:14px !important;
}

@media (max-width:767.98px){
    .ttm-section .ttm-person h5,
    .ttm-section .ttm-person-row .ttm-person h5{
        font-size:12px !important;
    }

    .ttm-section .ttm-person-row .ttm-read-more{
        min-width:72px !important;
        max-width:84px !important;
        min-height:27px !important;
        padding:7px 8px !important;
        font-size:8.5px !important;
    }

    .ttm-modal-box{
        padding:30px 18px 22px !important;
        border-radius:16px !important;
    }

    .ttm-modal-image{
        width:64px !important;
        height:64px !important;
        min-width:64px !important;
    }

    .ttm-modal-user h3{
        font-size:18px !important;
    }

    .ttm-modal-message{
        font-size:14px !important;
        line-height:1.65 !important;
    }
}

/* Course detail Why Learn section final image/background fix. */
body.course-page .why-learn-fr-sec {
    background: #ffffff !important;
    background-image: none !important;
    padding-top: 34px !important;
    padding-bottom: 34px !important;
}

body.course-page .why-learn-fr-sec .row {
    display: grid !important;
    grid-template-columns: minmax(260px, .92fr) minmax(0, 1.08fr) !important;
    gap: 44px !important;
    align-items: center !important;
}

body.course-page .why-learn-fr-img-col {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

body.course-page .why-learn-fr-img-wrap {
    width: 100% !important;
    min-height: 260px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.course-page .why-learn-fr-img-wrap img {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 430px !important;
    object-fit: contain !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
}

body.course-page .why-learn-fr-img-landscape img {
    width: 100% !important;
}

body.course-page .why-learn-fr-img-portrait img {
    max-height: 480px !important;
}

body.course-page .why-learn-fr-content {
    max-width: 650px !important;
}

@media (max-width: 991.98px) {
    body.course-page .why-learn-fr-sec .row {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }

    body.course-page .why-learn-fr-img-wrap {
        min-height: 0 !important;
        max-width: 620px !important;
        margin: 0 auto !important;
    }

    body.course-page .why-learn-fr-img-wrap img {
        max-height: 380px !important;
    }
}

@media (max-width: 575.98px) {
    body.course-page .why-learn-fr-sec {
        padding-top: 24px !important;
        padding-bottom: 24px !important;
    }

    body.course-page .why-learn-fr-img-wrap img {
        max-height: 330px !important;
    }
}

/* COURSE / ONLINE PAGE CONTENT IMAGE + LABEL CLEANUP */
body.course-page .it-section-subtitle.style-2,
body.course-page .ol-kicker,
body .ol-page .ol-kicker {
    display: none !important;
}

body.course-page .course-section-visual,
body.course-page .ol-shared-visual,
body .ol-page .ol-shared-visual {
    width: min(100%, 900px);
    margin: 0 auto 30px;
    overflow: hidden;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 18px 46px rgba(9, 24, 48, 0.12);
}

body.course-page .course-section-visual img,
body.course-page .ol-shared-visual img,
body .ol-page .ol-shared-visual img {
    display: block;
    width: 100%;
    height: clamp(220px, 30vw, 410px);
    object-fit: cover;
    object-position: center center;
}

body.course-page .course-section-visual-career img {
    object-position: center center;
}

body.course-page .course-section-visual-why img,
body.course-page .ol-shared-visual img,
body .ol-page .ol-shared-visual img {
    object-position: center center;
}

body.course-page .ol-shared-visual-road img,
body .ol-page .ol-shared-visual-road img {
    object-fit: contain;
    background: #ffffff;
}

body.course-page .digital-tech-section .section-para,
body.course-page .career-scope-section .section-para,
body.course-page .why-choose-section .section-para {
    margin-bottom: 24px !important;
}

@media (max-width: 767.98px) {
    body.course-page .course-section-visual,
    body.course-page .ol-shared-visual,
    body .ol-page .ol-shared-visual {
        width: 100%;
        margin-bottom: 22px;
        border-radius: 12px;
        box-shadow: 0 12px 30px rgba(9, 24, 48, 0.1);
    }

    body.course-page .course-section-visual img,
    body.course-page .ol-shared-visual img,
    body .ol-page .ol-shared-visual img {
        height: clamp(190px, 58vw, 300px);
    }
}

/* =========================================================
   WHY LEARN LANGUAGE - VERTICAL IMAGE DESIGN
   ========================================================= */

body.course-page .why-learn-fr-sec {
    position: relative;
    padding: 80px 0;
    background:
        radial-gradient(circle at 5% 15%, rgba(36, 107, 253, .08), transparent 28%),
        radial-gradient(circle at 95% 85%, rgba(238, 49, 75, .07), transparent 25%),
        #ffffff;
    overflow: hidden;
}

body.course-page .why-learn-fr-sec .container {
    max-width: 1200px;
    margin: 0 auto;
}

body.course-page .why-learn-fr-sec .row {
    display: flex;
    align-items: center;
    gap: 60px;
    margin: 0;
}


/* LEFT IMAGE */

body.course-page .why-learn-fr-img-col {
    flex: 0 0 42%;
    max-width: 42%;
}

body.course-page .why-learn-fr-img-wrap {
    position: relative;
    width: 100%;
    max-width: 430px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 28px;
    background: #f4f7fb;
    box-shadow:
        0 25px 60px rgba(15, 36, 72, .13),
        0 5px 15px rgba(15, 36, 72, .07);
}

body.course-page .why-learn-fr-img-wrap::before {
    content: "";
    position: absolute;
    width: 130px;
    height: 130px;
    left: -35px;
    top: -35px;
    border-radius: 50%;
    background: rgba(30, 103, 255, .12);
    z-index: 2;
    pointer-events: none;
}

body.course-page .why-learn-fr-img-wrap::after {
    content: "";
    position: absolute;
    width: 100px;
    height: 100px;
    right: -25px;
    bottom: -25px;
    border-radius: 50%;
    background: rgba(239, 47, 73, .12);
    z-index: 2;
    pointer-events: none;
}

body.course-page .why-learn-fr-img-wrap img {
    display: block;
    width: 100%;
    height: 560px;
    object-fit: cover;
    object-position: center;
    transition: transform .45s ease;
}

body.course-page .why-learn-fr-img-wrap:hover img {
    transform: scale(1.025);
}


/* PORTRAIT IMAGE */

body.course-page .why-learn-fr-img-portrait img {
    height: 580px;
    object-fit: cover;
}


/* SQUARE / LANDSCAPE */

body.course-page .why-learn-fr-img-square img {
    height: 500px;
}

body.course-page .why-learn-fr-img-landscape img {
    height: 470px;
}


/* RIGHT CONTENT */

body.course-page .why-learn-fr-content-col {
    flex: 1 1 0;
    max-width: 650px;
}

body.course-page .why-learn-fr-content {
    position: relative;
    padding: 10px 0;
}

body.course-page .why-learn-fr-content::before {
    content: "WHY LEARN?";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    padding: 7px 15px;
    border-radius: 50px;
    background: #eef4ff;
    color: #246bfd;
    font-size: 12px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 1.7px;
}


/* TITLE */

body.course-page .why-learn-fr-title {
    position: relative;
    margin: 0 0 20px;
    padding-bottom: 20px;
    color: #102448;
    font-size: 46px;
    line-height: 1.12;
    font-weight: 800;
    letter-spacing: -1.2px;
}

body.course-page .why-learn-fr-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 75px;
    height: 5px;
    border-radius: 20px;
    background: linear-gradient(90deg, #246bfd, #ef304a);
}


/* SUBTITLE */

body.course-page .why-learn-fr-subtitle {
    margin: 0 0 18px;
    color: #263c61;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 600;
}


/* DESCRIPTION */

body.course-page .why-learn-fr-desc {
    color: #626e80;
    font-size: 16px;
    line-height: 1.85;
}

body.course-page .why-learn-fr-desc p {
    margin: 0 0 16px;
}

body.course-page .why-learn-fr-desc strong {
    color: #102448;
    font-weight: 700;
}


/* LISTS FROM ADMIN CONTENT */

body.course-page .why-learn-fr-desc ul,
body.course-page .why-learn-fr-desc ol {
    margin: 22px 0 0;
    padding: 0;
    list-style: none;
}

body.course-page .why-learn-fr-desc li {
    position: relative;
    margin-bottom: 12px;
    padding: 13px 16px 13px 46px;
    border: 1px solid #e8edf5;
    border-radius: 12px;
    background: #ffffff;
    color: #394a63;
    box-shadow: 0 5px 16px rgba(15, 36, 72, .04);
}

body.course-page .why-learn-fr-desc li::before {
    content: "✓";
    position: absolute;
    left: 14px;
    top: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #eaf2ff;
    color: #246bfd;
    font-size: 12px;
    font-weight: 900;
}


/* TABLET */

@media (max-width: 991px) {

    body.course-page .why-learn-fr-sec {
        padding: 60px 0;
    }

    body.course-page .why-learn-fr-sec .row {
        gap: 35px;
    }

    body.course-page .why-learn-fr-img-col {
        flex: 0 0 43%;
        max-width: 43%;
    }

    body.course-page .why-learn-fr-img-wrap img,
    body.course-page .why-learn-fr-img-portrait img {
        height: 500px;
    }

    body.course-page .why-learn-fr-title {
        font-size: 36px;
    }

}


/* MOBILE */

@media (max-width: 767px) {

    body.course-page .why-learn-fr-sec {
        padding: 45px 0;
    }

    body.course-page .why-learn-fr-sec .row {
        display: flex;
        flex-direction: column;
        gap: 35px;
    }

    body.course-page .why-learn-fr-img-col,
    body.course-page .why-learn-fr-content-col {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
    }

    body.course-page .why-learn-fr-img-wrap {
        max-width: 100%;
        border-radius: 20px;
    }

    body.course-page .why-learn-fr-img-wrap img,
    body.course-page .why-learn-fr-img-portrait img,
    body.course-page .why-learn-fr-img-square img,
    body.course-page .why-learn-fr-img-landscape img {
        width: 100%;
        height: auto;
        max-height: none;
        object-fit: contain;
    }

    body.course-page .why-learn-fr-title {
        font-size: 32px;
        letter-spacing: -.5px;
    }

    body.course-page .why-learn-fr-subtitle {
        font-size: 18px;
    }

    body.course-page .why-learn-fr-desc {
        font-size: 15px;
        line-height: 1.75;
    }

}


/* =========================================================
   WHY LEARN - FINAL DYNAMIC IMAGE + CONTENT DESIGN
   ========================================================= */

body.course-page .why-learn-fr-sec {
    padding: 70px 0;
    background: #ffffff;
}

body.course-page .why-learn-fr-sec .container {
    max-width: 1200px;
    margin: 0 auto;
}


/* MAIN ROW - BOTH SIDES SAME HEIGHT */

body.course-page .why-learn-fr-sec .row {
    display: flex;
    align-items: stretch;
    gap: 55px;
    margin: 0;
}


/* =========================================================
   LEFT IMAGE
   ========================================================= */

body.course-page .why-learn-fr-img-col {
    flex: 0 0 42%;
    max-width: 42%;
    display: flex;
}

body.course-page .why-learn-fr-img-wrap {
    position: relative;
    width: 100%;
    min-height: 100%;
    overflow: hidden;
    border-radius: 24px;
    background: #f4f6f9;
    box-shadow: 0 18px 45px rgba(16, 36, 72, .10);
}


/* IMAGE CONTENT KE ACCORDING HEIGHT LEGI */

body.course-page .why-learn-fr-img-wrap img,
body.course-page .why-learn-fr-img-portrait img,
body.course-page .why-learn-fr-img-square img,
body.course-page .why-learn-fr-img-landscape img {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    display: block;
}


/* OPTIONAL DARK GRADIENT
   image ke upper text readable rahega */

body.course-page .why-learn-fr-img-wrap::after {
    content: "";
    position: absolute;
    inset: 0;

    background: linear-gradient(
        180deg,
        rgba(5, 20, 45, 0) 45%,
        rgba(5, 20, 45, .68) 100%
    );

    z-index: 1;
    pointer-events: none;
}


/* =========================================================
   IMAGE OVERLAY TEXT
   future me image ke upper text dena ho
   ========================================================= */

body.course-page .why-learn-image-text {
    position: absolute;

    left: 28px;
    right: 28px;
    bottom: 28px;

    z-index: 2;

    color: #ffffff;
}

body.course-page .why-learn-image-text h3 {
    margin: 0 0 7px;

    color: #ffffff;

    font-size: 25px;
    line-height: 1.25;
    font-weight: 700;
}

body.course-page .why-learn-image-text p {
    margin: 0;

    color: rgba(255,255,255,.90);

    font-size: 14px;
    line-height: 1.6;
}


/* =========================================================
   RIGHT CONTENT
   ========================================================= */

body.course-page .why-learn-fr-content-col {
    flex: 1 1 0;
    max-width: none;

    display: flex;
    align-items: center;
}

body.course-page .why-learn-fr-content {
    width: 100%;
    padding: 25px 0;
}


/* REMOVE OLD "WHY LEARN?" UPPER BADGE */

body.course-page .why-learn-fr-content::before {
    display: none !important;
    content: none !important;
}


/* =========================================================
   TITLE - ONE LINE
   ========================================================= */

body.course-page .why-learn-fr-title {
    margin: 0 0 22px;
    padding: 0 0 18px;

    position: relative;

    color: #102448;

    font-size: clamp(30px, 3vw, 44px);
    line-height: 1.15;
    font-weight: 800;

    letter-spacing: -1px;

    white-space: nowrap;
}


/* TITLE LINE */

body.course-page .why-learn-fr-title::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 0;

    width: 75px;
    height: 4px;

    border-radius: 10px;

    background: #ed1c24;
}


/* =========================================================
   SUBTITLE
   ========================================================= */

body.course-page .why-learn-fr-subtitle {
    margin: 0 0 17px;

    color: #263c61;

    font-size: 19px;
    line-height: 1.55;
    font-weight: 600;
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

body.course-page .why-learn-fr-desc {
    color: #606c7d;

    font-size: 16px;
    line-height: 1.85;
}

body.course-page .why-learn-fr-desc p {
    margin: 0 0 16px;
}

body.course-page .why-learn-fr-desc p:last-child {
    margin-bottom: 0;
}

body.course-page .why-learn-fr-desc strong {
    color: #102448;
    font-weight: 700;
}


/* LIST */

body.course-page .why-learn-fr-desc ul,
body.course-page .why-learn-fr-desc ol {
    margin: 20px 0 0;
    padding: 0;

    list-style: none;
}

body.course-page .why-learn-fr-desc li {
    position: relative;

    margin-bottom: 10px;
    padding-left: 30px;

    color: #4d596c;
}

body.course-page .why-learn-fr-desc li::before {
    content: "✓";

    position: absolute;

    left: 0;
    top: 1px;

    width: 21px;
    height: 21px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #edf3ff;
    color: #246bfd;

    font-size: 11px;
    font-weight: 800;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    body.course-page .why-learn-fr-sec {
        padding: 55px 0;
    }

    body.course-page .why-learn-fr-sec .row {
        gap: 30px;
    }

    body.course-page .why-learn-fr-img-col {
        flex: 0 0 42%;
        max-width: 42%;
    }

    body.course-page .why-learn-fr-title {
        font-size: 31px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    body.course-page .why-learn-fr-sec {
        padding: 40px 0;
    }

    body.course-page .why-learn-fr-sec .row {
        display: flex;
        flex-direction: column;

        gap: 30px;
    }

    body.course-page .why-learn-fr-img-col,
    body.course-page .why-learn-fr-content-col {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }

    body.course-page .why-learn-fr-img-wrap {
        min-height: 430px;
        border-radius: 18px;
    }

    body.course-page .why-learn-fr-img-wrap img,
    body.course-page .why-learn-fr-img-portrait img,
    body.course-page .why-learn-fr-img-square img,
    body.course-page .why-learn-fr-img-landscape img {
        position: absolute;

        width: 100%;
        height: 100%;

        object-fit: cover;
    }

    body.course-page .why-learn-fr-content {
        padding: 0;
    }

    body.course-page .why-learn-fr-title {
        font-size: 30px;

        /* mobile me bahut lamba language name ho
           to overflow nahi karega */
        white-space: normal;
    }

}


/* FINAL WHY LEARN DESIGN */

body.course-page .why-learn-fr-sec {
    padding: 70px 0;
    background: #fff;
}

body.course-page .why-learn-fr-sec .row {
    display: flex;
    align-items: stretch;
    gap: 45px;
}

body.course-page .why-learn-fr-img-col {
    flex: 0 0 48%;
    max-width: 48%;
    display: flex;
}

body.course-page .why-learn-fr-img-wrap {
    position: relative;
    width: 100%;
    min-height: 620px;
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 18px 45px rgba(16,36,72,.12);
}

body.course-page .why-learn-fr-img-wrap img,
body.course-page .why-learn-fr-img-portrait img,
body.course-page .why-learn-fr-img-square img,
body.course-page .why-learn-fr-img-landscape img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* image overlay text completely hide */
body.course-page .why-learn-image-text {
    display: none !important;
}

/* right side */
body.course-page .why-learn-fr-content-col {
    flex: 1;
    display: flex;
    align-items: center;
}

body.course-page .why-learn-fr-content {
    width: 100%;
    padding: 15px 0;
}

/* remove upper badge/name */
body.course-page .why-learn-fr-content::before {
    display: none !important;
    content: none !important;
}

/* main title */
body.course-page .why-learn-fr-title {
    margin: 0 0 24px;
    padding-bottom: 18px;
    position: relative;
    color: #102448;
    font-size: 46px;
    line-height: 1.1;
    font-weight: 800;
    white-space: nowrap;
}

body.course-page .why-learn-fr-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 80px;
    height: 4px;
    border-radius: 20px;
    background: #ed1c24;
}

/* subtitle hide */
body.course-page .why-learn-fr-subtitle {
    display: none !important;
}

/* description */
body.course-page .why-learn-fr-desc {
    font-size: 16px;
    line-height: 1.8;
    color: #5f6b7c;
}

body.course-page .why-learn-fr-desc p {
    margin-bottom: 16px;
}

body.course-page .why-learn-fr-desc ul,
body.course-page .why-learn-fr-desc ol {
    list-style: none;
    padding: 0;
    margin: 22px 0 0;
}

body.course-page .why-learn-fr-desc li {
    position: relative;
    margin-bottom: 10px;
    padding: 14px 16px 14px 48px;
    border: 1px solid #e8edf4;
    border-radius: 12px;
    background: #fff;
}

body.course-page .why-learn-fr-desc li::before {
    content: "✓";
    position: absolute;
    left: 14px;
    top: 13px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #ed1c24;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 800;
}

/* tablet */
@media (max-width: 991px) {

    body.course-page .why-learn-fr-img-col {
        flex: 0 0 46%;
        max-width: 46%;
    }

    body.course-page .why-learn-fr-img-wrap {
        min-height: 540px;
    }

    body.course-page .why-learn-fr-title {
        font-size: 36px;
    }
}

/* mobile */
@media (max-width: 767px) {

    body.course-page .why-learn-fr-sec .row {
        flex-direction: column;
        gap: 28px;
    }

    body.course-page .why-learn-fr-img-col,
    body.course-page .why-learn-fr-content-col {
        max-width: 100%;
        flex: 0 0 100%;
        width: 100%;
    }

    body.course-page .why-learn-fr-img-wrap {
        min-height: 500px;
    }

    body.course-page .why-learn-fr-title {
        font-size: 30px;
        white-space: normal;
    }
}


/* =========================================================
   WHY LEARN - SIMPLE TEXT + POINTS SUPPORT
   ========================================================= */

/* SIMPLE PARAGRAPH */
body.course-page .why-learn-fr-desc p {
    margin: 0 0 17px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;

    color: #5f6b7c !important;
    font-size: 16px !important;
    line-height: 1.85 !important;
}

body.course-page .why-learn-fr-desc p:last-child {
    margin-bottom: 0 !important;
}


/* UL / OL = POINT DESIGN */
body.course-page .why-learn-fr-desc ul,
body.course-page .why-learn-fr-desc ol {
    list-style: none !important;
    padding: 0 !important;
    margin: 24px 0 0 !important;
}


/* EACH POINT */
body.course-page .why-learn-fr-desc li {
    position: relative !important;

    display: block !important;

    margin: 0 0 11px !important;
    padding: 14px 18px 14px 52px !important;

    border: 1px solid #e5eaf2 !important;
    border-radius: 12px !important;

    background: #ffffff !important;

    color: #536075 !important;

    font-size: 15px !important;
    line-height: 1.6 !important;

    box-shadow: 0 5px 18px rgba(15,36,72,.04) !important;
}


/* RED CHECK */
body.course-page .why-learn-fr-desc li::before {
    content: "✓" !important;

    position: absolute !important;

    left: 15px !important;
    top: 14px !important;

    width: 25px !important;
    height: 25px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 50% !important;

    background: #ed1c24 !important;
    color: #ffffff !important;

    font-size: 13px !important;
    font-weight: 800 !important;
}


/* BOLD PART OF POINT */
body.course-page .why-learn-fr-desc li strong {
    color: #102448 !important;
    font-weight: 700 !important;
}


/* LINKS */
body.course-page .why-learn-fr-desc a {
    color: #ed1c24;
    font-weight: 600;
    text-decoration: none;
}

body.course-page .why-learn-fr-desc a:hover {
    text-decoration: underline;
}


/* MOBILE */
@media (max-width: 767px) {

    body.course-page .why-learn-fr-desc p {
        font-size: 15px !important;
        line-height: 1.75 !important;
    }

    body.course-page .why-learn-fr-desc li {
        padding: 13px 14px 13px 47px !important;
        font-size: 14px !important;
    }

    body.course-page .why-learn-fr-desc li::before {
        left: 13px !important;
        top: 13px !important;
        width: 23px !important;
        height: 23px !important;
    }
}


/* =========================================================
   WHY LEARN - FINAL LAYOUT FIX
   ========================================================= */

body.course-page .why-learn-fr-sec {
    width: 100%;
    padding: 35px 0 55px !important;
    background: #ffffff !important;
    overflow: visible !important;
}

body.course-page .why-learn-fr-sec .container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
}

body.course-page .why-learn-fr-sec .row {
    display: grid !important;
    grid-template-columns: minmax(330px, 46%) minmax(0, 54%) !important;
    align-items: stretch !important;
    gap: 38px !important;
    margin: 0 !important;
}


/* =========================
   LEFT IMAGE BIG
   ========================= */

body.course-page .why-learn-fr-img-col {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    display: block !important;
}

body.course-page .why-learn-fr-img-wrap,
body.course-page .why-learn-fr-img-portrait,
body.course-page .why-learn-fr-img-square,
body.course-page .why-learn-fr-img-landscape {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 560px !important;

    margin: 0 !important;

    border-radius: 18px !important;
    overflow: hidden !important;

    background: #f7f9fc !important;

    box-shadow:
        0 12px 35px rgba(15, 36, 72, .10) !important;
}


/* REMOVE OLD DECORATIVE CIRCLES / OVERLAY */

body.course-page .why-learn-fr-img-wrap::before,
body.course-page .why-learn-fr-img-wrap::after {
    display: none !important;
    content: none !important;
}


/* ACTUAL IMAGE */

body.course-page .why-learn-fr-img-wrap img,
body.course-page .why-learn-fr-img-portrait img,
body.course-page .why-learn-fr-img-square img,
body.course-page .why-learn-fr-img-landscape img {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;
    max-height: none !important;

    object-fit: cover !important;
    object-position: center center !important;

    display: block !important;
}


/* NO TEXT OVER IMAGE */

body.course-page .why-learn-image-text {
    display: none !important;
}


/* =========================
   RIGHT CONTENT
   ========================= */

body.course-page .why-learn-fr-content-col {
    width: 100% !important;
    max-width: 100% !important;

    flex: none !important;

    display: flex !important;
    align-items: center !important;
}

body.course-page .why-learn-fr-content {
    width: 100% !important;
    padding: 18px 0 !important;
}


/* REMOVE TOP LABEL */

body.course-page .why-learn-fr-content::before {
    display: none !important;
    content: none !important;
}


/* =========================
   TITLE
   ========================= */

body.course-page .why-learn-fr-title {
    margin: 0 0 24px !important;
    padding: 0 0 18px !important;

    position: relative !important;

    color: #102448 !important;

    font-size: 42px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;

    letter-spacing: -1px !important;

    white-space: nowrap !important;
}

body.course-page .why-learn-fr-title::after {
    content: "" !important;

    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;

    width: 78px !important;
    height: 4px !important;

    border-radius: 10px !important;
    background: #ed1c24 !important;
}


/* HIDE SUBTITLE
   Unlock Global Opportunities... */

body.course-page .why-learn-fr-subtitle {
    display: none !important;
}


/* =========================
   SIMPLE CONTENT
   ========================= */

body.course-page .why-learn-fr-desc {
    color: #5d6879 !important;

    font-size: 15.5px !important;
    line-height: 1.8 !important;
}

body.course-page .why-learn-fr-desc p {
    margin: 0 0 17px !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}


/* =========================
   POINTS WHEN UL/LI EXISTS
   ========================= */

body.course-page .why-learn-fr-desc ul,
body.course-page .why-learn-fr-desc ol {
    list-style: none !important;

    margin: 22px 0 0 !important;
    padding: 0 !important;
}

body.course-page .why-learn-fr-desc li {
    position: relative !important;

    margin: 0 0 10px !important;

    padding:
        12px
        14px
        12px
        47px !important;

    background: #ffffff !important;

    border:
        1px solid
        #e5eaf2 !important;

    border-radius: 10px !important;

    color: #4f5c70 !important;

    font-size: 14px !important;
    line-height: 1.55 !important;

    box-shadow:
        0 3px 12px
        rgba(15,36,72,.04) !important;
}

body.course-page .why-learn-fr-desc li::before {
    content: "✓" !important;

    position: absolute !important;

    left: 13px !important;
    top: 12px !important;

    width: 24px !important;
    height: 24px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 50% !important;

    background: #ed1c24 !important;
    color: #ffffff !important;

    font-size: 12px !important;
    font-weight: 800 !important;
}

body.course-page .why-learn-fr-desc li strong {
    color: #102448 !important;
    font-weight: 700 !important;
}


/* =========================
   TABLET
   ========================= */

@media (max-width: 1100px) {

    body.course-page .why-learn-fr-sec .row {
        grid-template-columns:
            minmax(290px, 44%)
            minmax(0, 56%) !important;

        gap: 28px !important;
    }

    body.course-page .why-learn-fr-img-wrap,
    body.course-page .why-learn-fr-img-portrait,
    body.course-page .why-learn-fr-img-square,
    body.course-page .why-learn-fr-img-landscape {
        min-height: 500px !important;
    }

    body.course-page .why-learn-fr-title {
        font-size: 35px !important;
    }
}


/* =========================
   MOBILE
   ========================= */

@media (max-width: 767px) {

    body.course-page .why-learn-fr-sec {
        padding: 30px 0 40px !important;
    }

    body.course-page .why-learn-fr-sec .row {
        display: flex !important;
        flex-direction: column !important;
        gap: 28px !important;
    }

    body.course-page .why-learn-fr-img-col,
    body.course-page .why-learn-fr-content-col {
        width: 100% !important;
        max-width: 100% !important;
    }

    body.course-page .why-learn-fr-img-wrap,
    body.course-page .why-learn-fr-img-portrait,
    body.course-page .why-learn-fr-img-square,
    body.course-page .why-learn-fr-img-landscape {
        min-height: 520px !important;
    }

    body.course-page .why-learn-fr-title {
        font-size: 30px !important;
        white-space: normal !important;
    }

}


/* =========================================================
   WHY LEARN - FINAL RESPONSIVE FIX
   ========================================================= */

/* LARGE DESKTOP */
@media (min-width: 1400px) {

    body.course-page .why-learn-fr-sec .row {
        grid-template-columns: 48% 52% !important;
        gap: 45px !important;
    }

    body.course-page .why-learn-fr-img-wrap,
    body.course-page .why-learn-fr-img-portrait,
    body.course-page .why-learn-fr-img-square,
    body.course-page .why-learn-fr-img-landscape {
        min-height: 600px !important;
    }

    body.course-page .why-learn-fr-title {
        font-size: 44px !important;
    }
}


/* LAPTOP */
@media (min-width: 992px) and (max-width: 1399px) {

    body.course-page .why-learn-fr-sec .row {
        grid-template-columns: 45% 55% !important;
        gap: 32px !important;
    }

    body.course-page .why-learn-fr-img-wrap,
    body.course-page .why-learn-fr-img-portrait,
    body.course-page .why-learn-fr-img-square,
    body.course-page .why-learn-fr-img-landscape {
        min-height: 520px !important;
    }

    body.course-page .why-learn-fr-title {
        font-size: 36px !important;
    }
}


/* TABLET */
@media (min-width: 768px) and (max-width: 991px) {

    body.course-page .why-learn-fr-sec {
        padding: 45px 0 !important;
    }

    body.course-page .why-learn-fr-sec .row {
        display: grid !important;
        grid-template-columns: 42% 58% !important;
        gap: 24px !important;
        align-items: stretch !important;
    }

    body.course-page .why-learn-fr-img-wrap,
    body.course-page .why-learn-fr-img-portrait,
    body.course-page .why-learn-fr-img-square,
    body.course-page .why-learn-fr-img-landscape {
        min-height: 460px !important;
        border-radius: 16px !important;
    }

    body.course-page .why-learn-fr-title {
        font-size: 30px !important;
        white-space: normal !important;
    }

    body.course-page .why-learn-fr-desc {
        font-size: 14px !important;
        line-height: 1.7 !important;
    }

    body.course-page .why-learn-fr-desc li {
        font-size: 13px !important;
        padding: 11px 12px 11px 43px !important;
    }
}


/* MOBILE */
@media (max-width: 767px) {

    body.course-page .why-learn-fr-sec {
        padding: 30px 0 35px !important;
    }

    body.course-page .why-learn-fr-sec .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    body.course-page .why-learn-fr-sec .row {
        display: flex !important;
        flex-direction: column !important;
        gap: 25px !important;
    }

    body.course-page .why-learn-fr-img-col,
    body.course-page .why-learn-fr-content-col {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    body.course-page .why-learn-fr-img-wrap,
    body.course-page .why-learn-fr-img-portrait,
    body.course-page .why-learn-fr-img-square,
    body.course-page .why-learn-fr-img-landscape {
        width: 100% !important;
        min-height: 480px !important;
        border-radius: 16px !important;
    }

    body.course-page .why-learn-fr-img-wrap img,
    body.course-page .why-learn-fr-img-portrait img,
    body.course-page .why-learn-fr-img-square img,
    body.course-page .why-learn-fr-img-landscape img {
        object-fit: cover !important;
        object-position: center top !important;
    }

    body.course-page .why-learn-fr-content {
        padding: 0 !important;
    }

    body.course-page .why-learn-fr-title {
        font-size: 29px !important;
        line-height: 1.15 !important;
        white-space: normal !important;
        margin-bottom: 20px !important;
    }

    body.course-page .why-learn-fr-desc {
        font-size: 14px !important;
        line-height: 1.75 !important;
    }

    body.course-page .why-learn-fr-desc p {
        margin-bottom: 14px !important;
    }

    body.course-page .why-learn-fr-desc li {
        font-size: 13px !important;
        padding: 11px 12px 11px 44px !important;
        margin-bottom: 9px !important;
    }

    body.course-page .why-learn-fr-desc li::before {
        width: 22px !important;
        height: 22px !important;
        left: 12px !important;
        top: 11px !important;
    }
}


/* SMALL MOBILE */
@media (max-width: 480px) {

    body.course-page .why-learn-fr-img-wrap,
    body.course-page .why-learn-fr-img-portrait,
    body.course-page .why-learn-fr-img-square,
    body.course-page .why-learn-fr-img-landscape {
        min-height: 420px !important;
    }

    body.course-page .why-learn-fr-title {
        font-size: 26px !important;
    }

    body.course-page .why-learn-fr-desc {
        font-size: 13.5px !important;
    }
}

/* COURSE DETAIL WHY LEARN FINAL LOCK - no bg, no crop for uploaded photos */
body.course-page .why-learn-fr-sec {
    background: #ffffff !important;
    background-image: none !important;
    padding-top: 34px !important;
    padding-bottom: 34px !important;
}

body.course-page .why-learn-fr-sec .row {
    display: grid !important;
    grid-template-columns: minmax(260px, .92fr) minmax(0, 1.08fr) !important;
    gap: 36px !important;
    align-items: center !important;
}

body.course-page .why-learn-fr-img-col {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

body.course-page .why-learn-fr-img-wrap,
body.course-page .why-learn-fr-img-portrait,
body.course-page .why-learn-fr-img-square,
body.course-page .why-learn-fr-img-landscape {
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.course-page .why-learn-fr-img-wrap img,
body.course-page .why-learn-fr-img-portrait img,
body.course-page .why-learn-fr-img-square img,
body.course-page .why-learn-fr-img-landscape img {
    position: static !important;
    inset: auto !important;
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 440px !important;
    object-fit: contain !important;
    object-position: center center !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
}

body.course-page .why-learn-fr-img-landscape img,
body.course-page .why-learn-fr-img-square img {
    width: 100% !important;
}

body.course-page .why-learn-fr-content {
    max-width: 650px !important;
}

@media (max-width: 991.98px) {
    body.course-page .why-learn-fr-sec .row {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }

    body.course-page .why-learn-fr-img-wrap,
    body.course-page .why-learn-fr-img-portrait,
    body.course-page .why-learn-fr-img-square,
    body.course-page .why-learn-fr-img-landscape {
        max-width: 620px !important;
        margin: 0 auto !important;
    }

    body.course-page .why-learn-fr-img-wrap img,
    body.course-page .why-learn-fr-img-portrait img,
    body.course-page .why-learn-fr-img-square img,
    body.course-page .why-learn-fr-img-landscape img {
        max-height: 380px !important;
    }
}

@media (max-width: 575.98px) {
    body.course-page .why-learn-fr-sec {
        padding-top: 24px !important;
        padding-bottom: 24px !important;
    }

    body.course-page .why-learn-fr-img-wrap img,
    body.course-page .why-learn-fr-img-portrait img,
    body.course-page .why-learn-fr-img-square img,
    body.course-page .why-learn-fr-img-landscape img {
        max-height: 330px !important;
    }
}
/*======================= new css online coures */



:root {
    --red: #e31b23;
    --red-dark: #c9151c;
    --navy: #0b2945;
    --navy-2: #123a5f;
    --text: #5c6877;
    --light: #f6f9fc;
    --border: #e7edf2;
    --white: #fff;
}
* {
    box-sizing: border-box;
}
html {
    scroll-behavior: smooth;
}
body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    color: var(--navy);
    background: #fff;
}
img {
    max-width: 100%;
    display: block;
}
a {
    text-decoration: none;
    color: inherit;
}
.container {
    width: min(1180px, calc(100% - 32px));
    margin: auto;
}
.topbar {
    background: var(--navy);
    color: #fff;
    font-size: 13px;
    padding: 8px 0;
}
.topbar .container {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
}
.header {
    background: #fff;
    border-bottom: 1px solid #eee;
    position: sticky;
    top: 0;
    z-index: 100;
}
.nav-wrap {
    min-height: 78px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}
.logo {
    height: 58px;
    width: auto;
    object-fit: contain;
}
.nav {
    display: flex;
    gap: 22px;
    align-items: center;
    font-size: 13px;
    font-weight: 700;
}
.nav a:hover,
.nav a.active {
    color: var(--red);
}
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 13px 22px;
    border-radius: 8px;
    font-weight: 700;
    border: 1px solid transparent;
    transition: 0.2s;
}
.btn-primary {
    background: var(--red);
    color: #fff;
}
.btn-primary:hover {
    background: var(--red-dark);
}
.btn-outline {
    border-color: #9eabb7;
    background: #fff;
    color: var(--navy);
}
.hero {
    overflow: hidden;
    background: #fff;
}
.hero-grid {
    display: grid;
    grid-template-columns: 1fr 1.15fr;
    align-items: center;
    min-height: 470px;
}
.hero-copy {
    padding: 64px 0;
}
.eyebrow {
    color: var(--red);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.kicker {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #7a8793;
    margin-bottom: 16px;
}
.hero h1 {
    font-size: 58px;
    line-height: 1.02;
    margin: 0 0 20px;
    letter-spacing: -1.5px;
}
.hero h1 span {
    color: var(--red);
}
.hero p {
    font-size: 16px;
    line-height: 1.8;
    color: var(--text);
    max-width: 590px;
}
.hero-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 24px;
}
.hero-image {
    height: 470px;
}
.hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.section {
    padding: 0px 0;
}
.section-title {
    text-align: center;
    margin-bottom: 34px;
}
.section-title h2,
.content h2 {
    font-size: 40px;
    line-height: 1.1;
    margin: 45px 0 14px;
}
.section-title p,
.content p {
    color: var(--text);
    line-height: 1.8;
}
.split {
    display: grid;
    grid-template-columns: 1fr 1.08fr;
    gap: 50px;
    align-items: center;
}
.image-card img {
    border-radius: 18px;
    box-shadow: 0 18px 40px rgba(11, 41, 69, 0.09);
}
.checks {
    display: grid;
    gap: 11px;
    margin-top: 20px;
}
.check {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    font-weight: 700;
}
.check span:first-child {
    width: 21px;
    height: 21px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: var(--red);
    color: #fff;
    font-size: 12px;
    flex: 0 0 21px;
}
.stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin-top: -28px;
    position: relative;
    z-index: 4;
}
.stat {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 20px;
    box-shadow: 0 12px 28px rgba(11, 41, 69, 0.07);
    display: flex;
    gap: 12px;
    align-items: center;
}
.stat .ico {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #fff0f1;
    color: var(--red);
    font-size: 20px;
}
.stat b {
    display: block;
    font-size: 19px;
}
.stat small {
    color: var(--text);
}
.feature-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}
.feature {
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 22px;
    background: #fff;
    box-shadow: 0 8px 20px rgba(11, 41, 69, 0.04);
}
.feature h3 {
    margin: 8px 0;
}
.course-box {
    background: linear-gradient(135deg, var(--navy), var(--navy-2));
    color: #fff;
    border-radius: 20px;
    padding: 34px;
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    gap: 30px;
    align-items: center;
}
.course-box h2 {
    color: #fff;
    font-size: 38px;
}
.course-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}
.course-pill {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 9px;
    padding: 13px 15px;
}
.lang-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
}
.lang {
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 11px 13px;
    background: #fff;
}
.steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border: 1px solid var(--border);
    border-radius: 15px;
    overflow: hidden;
}
.step {
    padding: 23px;
    display: flex;
    gap: 12px;
    border-right: 1px solid var(--border);
}
.step:last-child {
    border-right: 0;
}
.num {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: var(--red);
    color: #fff;
    font-weight: 800;
}
.testimonials {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}
.testimonial {
    border-radius: 15px;
    padding: 22px;
    min-height: 210px;
}
.testimonial:nth-child(1) {
    background: #eaf3ff;
}
.testimonial:nth-child(2) {
    background: #fff0f2;
}
.testimonial:nth-child(3) {
    background: #eaf9f1;
}
.testimonial:nth-child(4) {
    background: #f1ecff;
}
.stars {
    color: #ffc400;
}
.cta {
    background: linear-gradient(90deg, var(--navy), var(--navy-2));
    color: #fff;
    border-radius: 20px;
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    overflow: hidden;
}
.cta-copy {
    padding: 38px;
}
.cta-copy h2 {
    font-size: 38px;
    margin: 0 0 12px;
}
.cta img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.faq-wrap {
    display: grid;
    gap: 13px;
}
.faq-item {
    border: 1px solid var(--border);
    border-radius: 13px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 8px 18px rgba(11, 41, 69, 0.04);
}
.faq-q {
    width: 100%;
    border: 0;
    background: #fff;
    padding: 18px 20px;
    text-align: left;
    font-weight: 700;
    color: var(--navy);
    font-size: 15px;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}
.faq-a {
    display: none;
    padding: 0 20px 20px;
    color: var(--text);
    line-height: 1.75;
}
.faq-item.active .faq-a {
    display: block;
}
.help-box {
    margin-top: 34px;
    margin-bottom: 38px;
    background: linear-gradient(90deg, #fff5f5, #f5f9ff);
    padding: 28px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.career-intro {
    display: grid;
    grid-template-columns: 1fr 1.1fr;
    gap: 40px;
    align-items: center;
}
.benefits {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-top: 24px;
}
.benefit {
    text-align: center;
    border: 1px solid var(--border);
    border-radius: 13px;
    padding: 17px;
    background: #fff;
}
.form-card {
    background: linear-gradient(180deg, #f9fbfd, #f3f7fa);
    border-radius: 20px;
    padding: 34px;
}
.form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 17px;
}
.field label {
    display: block;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 7px;
}
.field input,
.field select {
    width: 100%;
    padding: 13px;
    border: 1px solid #d9e1e8;
    border-radius: 8px;
    background: #fff;
}
.submit {
    text-align: center;
    margin-top: 24px;
}
.footer {
    background: #f4f7f9;
    padding: 48px 0 0;
    margin-top: 65px;
}
.footer-grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
    gap: 30px;
    padding-bottom: 35px;
}
.footer h4 {
    margin-top: 0;
}
.footer p,
.footer li {
    font-size: 14px;
    color: #607080;
    line-height: 1.8;
}
.footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.bottom {
    background: var(--red);
    color: #fff;
    text-align: center;
    padding: 12px;
    font-size: 13px;
}
@media (max-width: 992px) {
    .nav {
        display: none;
    }
    .hero-grid,
    .split,
    .course-box,
    .cta,
    .career-intro {
        grid-template-columns: 1fr;
    }
    .hero-image {
        height: auto;
    }
    .stats {
        grid-template-columns: 1fr 1fr;
    }
    .feature-grid,
    .steps {
        grid-template-columns: 1fr;
    }
    .step {
        border-right: 0;
        border-bottom: 1px solid var(--border);
    }
    .benefits {
        grid-template-columns: 1fr 1fr;
    }
    .testimonials {
        grid-template-columns: 1fr 1fr;
    }
    .footer-grid {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 640px) {
    .topbar .container {
        flex-direction: column;
        gap: 4px;
    }
    .logo {
        height: 48px;
    }
    .hero h1 {
        font-size: 40px;
    }
    .hero-copy {
        padding: 45px 0 25px;
    }
    .stats,
    .course-grid,
    .lang-grid,
    .benefits,
    .form-grid,
    .testimonials,
    .footer-grid {
        grid-template-columns: 1fr;
    }
    .section {
        padding: 5px 0;
    }
    .section-title h2,
    .content h2 {
        font-size: 32px;
    }
    .help-box {
        flex-direction: column;
        align-items: flex-start;
    }
}
/*==============privete tustion===============*/
/*:root {
    --red: #e31b23;
    --navy: #0b2945;
    --navy2: #12385a;
    --text: #586576;
    --light: #f6f8fb;
    --border: #e7edf2;
}*/
* {
    box-sizing: border-box;
}
html {
    scroll-behavior: smooth;
}
body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    color: var(--navy);
    background: #fff;
}
img {
    max-width: 100%;
    display: block;
}
a {
    text-decoration: none;
    color: inherit;
}
.container {
    width: min(1180px, calc(100% - 32px));
    margin: auto;
}
.topbar {
    background: var(--navy);
    color: #fff;
    padding: 8px 0;
    font-size: 13px;
}
.topbar .container {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.header {
    background: #fff;
    border-bottom: 1px solid #eee;
    position: sticky;
    top: 0;
    z-index: 100;
}
.nav-wrap {
    min-height: 78px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}
.logo {
    height: 58px;
    width: auto;
    object-fit: contain;
}
.nav {
    display: flex;
    align-items: center;
    gap: 22px;
    font-size: 13px;
    font-weight: 700;
}
.nav a:hover {
    color: var(--red);
}
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 13px 22px;
    border-radius: 8px;
    font-weight: 700;
    border: 1px solid transparent;
}
.btn-red {
    background: var(--red);
    color: #fff;
}
.btn-outline {
    border-color: #9daab6;
    color: var(--navy);
    background: #fff;
}
.hero {
    background: linear-gradient(90deg, #fff 0%, #fff 48%, #f7f9fb 100%);
    overflow: hidden;
}
.hero-grid {
    display: grid;
    grid-template-columns: 1fr 1.15fr;
    align-items: center;
    min-height: 470px;
}
.hero-copy {
    padding: 65px 0;
}
.badge {
    display: inline-block;
    background: var(--red);
    color: #fff;
    border-radius: 20px;
    padding: 7px 12px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.5px;
}
.hero h1 {
    font-size: 62px;
    line-height: 0.98;
    margin: 15px 0 18px;
}
.hero h1 span {
    color: var(--red);
}
.hero p {
    color: var(--text);
    font-size: 16px;
    line-height: 1.8;
    max-width: 560px;
}
.hero-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 24px;
}
.hero-img {
    height: 470px;
}
.hero-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.stats-wrap {
    margin-top: -30px;
    position: relative;
    z-index: 10;
}
.stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 14px 35px rgba(11, 41, 69, 0.09);
}
.stat {
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 20px;
    border-right: 1px solid #eee;
}
.stat:last-child {
    border-right: 0;
}
.stat-ico {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #fff0f1;
    color: var(--red);
    font-size: 20px;
}
.stat b {
    display: block;
    font-size: 19px;
}
.stat small {
    color: var(--text);
}
.section {
    padding: 76px 0;
}
.split {
    display: grid;
    grid-template-columns: 1fr 1.05fr;
    gap: 52px;
    align-items: center;
}
.section-tag {
    color: var(--red);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}
.content h2,
.section-title h2 {
    font-size: 42px;
    line-height: 1.08;
    margin: 9px 0 16px;
}
.content p,
.section-title p {
    color: var(--text);
    line-height: 1.8;
}
.image-card img {
    border-radius: 18px;
    box-shadow: 0 16px 36px rgba(11, 41, 69, 0.08);
}
.checks {
    display: grid;
    gap: 10px;
    margin-top: 18px;
}
.check {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    font-weight: 700;
}
.check i {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: var(--red);
    color: #fff;
    font-style: normal;
    font-size: 11px;
}
.section-title {
    text-align: center;
    margin-bottom: 30px;
}
.why-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}
.why-card {
    border: 1px solid var(--border);
    border-radius: 14px;
    padding: 22px;
    text-align: center;
    background: #fff;
    box-shadow: 0 8px 18px rgba(11, 41, 69, 0.04);
}
.why-card:nth-child(1),
.why-card:nth-child(5) {
    border-bottom: 4px solid #3b82f6;
}
.why-card:nth-child(2),
.why-card:nth-child(6) {
    border-bottom: 4px solid #ff4f81;
}
.why-card:nth-child(3),
.why-card:nth-child(7) {
    border-bottom: 4px solid #27c26c;
}
.why-card:nth-child(4),
.why-card:nth-child(8) {
    border-bottom: 4px solid #8b5cf6;
}
.why-icon {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    display: grid;
    place-items: center;
    background: #f6f8fb;
    margin: 0 auto 10px;
}
.plan-box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    background: var(--navy);
    border-radius: 20px;
    overflow: hidden;
    color: #fff;
}
.plan-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.plan-content {
    padding: 36px;
}
.plan-content h2 {
    font-size: 40px;
    line-height: 1.08;
    margin: 6px 0 15px;
}
.plan-content p {
    color: #d7e1eb;
    line-height: 1.7;
}
.plan-steps {
    display: grid;
    gap: 11px;
    margin-top: 20px;
}
.plan-step {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    background: rgba(255, 255, 255, 0.06);
    padding: 13px;
    border-radius: 10px;
}
.plan-num {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: var(--red);
    font-weight: 800;
    flex: 0 0 34px;
}
.support-grid {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 45px;
    align-items: center;
}
.tags {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 20px;
}
.tag {
    border: 1px solid var(--border);
    border-radius: 20px;
    padding: 8px 11px;
    font-size: 13px;
    background: #fff;
}
.package-grid {
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    gap: 40px;
    align-items: center;
}
.quote {
    color: var(--red);
    font-size: 36px;
    line-height: 1;
}
.cta {
    background: linear-gradient(90deg, var(--navy), #cbd0d5);
    color: #fff;
    border-radius: 20px;
    padding: 34px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.cta h2 {
    font-size: 34px;
    margin: 0 0 10px;
}
.footer {
    background: #f4f7f9;
    padding: 48px 0 0;
    margin-top: 65px;
}
.footer-grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
    gap: 30px;
    padding-bottom: 35px;
}
.footer h4 {
    margin-top: 0;
}
.footer p,
.footer li {
    font-size: 14px;
    color: #607080;
    line-height: 1.8;
}
.footer ul {
    list-style: none;
    padding: 0;
}
.bottom {
    background: var(--red);
    color: #fff;
    text-align: center;
    padding: 12px;
    font-size: 13px;
}
@media (max-width: 992px) {
    .nav {
        display: none;
    }
    .hero-grid,
    .split,
    .plan-box,
    .support-grid,
    .package-grid {
        grid-template-columns: 1fr;
    }
    .hero-img {
        height: auto;
    }
    .stats {
        grid-template-columns: 1fr 1fr;
    }
    .why-grid {
        grid-template-columns: 1fr 1fr;
    }
    .footer-grid {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 640px) {
    .topbar .container {
        flex-direction: column;
        gap: 4px;
    }
    .logo {
        height: 48px;
    }
    .hero h1 {
        font-size: 42px;
    }
    .hero-copy {
        padding: 45px 0 25px;
    }
    .stats,
    .why-grid,
    .footer-grid {
        grid-template-columns: 1fr;
    }
    .section {
        padding: 52px 0;
    }
    .content h2,
    .section-title h2,
    .plan-content h2 {
        font-size: 32px;
    }
    .cta {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* ===== ANIMATIONS ===== */
.reveal {
    opacity: 0;
    transform: translateY(34px);
    transition:
        opacity 0.75s ease,
        transform 0.75s cubic-bezier(0.2, 0.65, 0.3, 1);
}
.reveal.is-visible {
    opacity: 1;
    transform: none;
}

.hero-copy {
    animation: heroTextIn 0.9s ease both;
}
.hero-img {
    animation: heroImageIn 1s 0.12s ease both;
}
@keyframes heroTextIn {
    from {
        opacity: 0;
        transform: translateX(-35px);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
@keyframes heroImageIn {
    from {
        opacity: 0;
        transform: translateX(45px) scale(0.98);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.hero-img img {
    animation: heroFloat 5s ease-in-out infinite;
}
@keyframes heroFloat {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-8px);
    }
}

.stat {
    opacity: 0;
    transform: translateY(22px);
    animation: statPop 0.65s ease forwards;
}
.stat:nth-child(1) {
    animation-delay: 0.15s;
}
.stat:nth-child(2) {
    animation-delay: 0.28s;
}
.stat:nth-child(3) {
    animation-delay: 0.41s;
}
.stat:nth-child(4) {
    animation-delay: 0.54s;
}
@keyframes statPop {
    to {
        opacity: 1;
        transform: none;
    }
}

.btn {
    position: relative;
    overflow: hidden;
    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease,
        background 0.22s ease;
}
.btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 24px rgba(227, 27, 35, 0.18);
}
.btn::after {
    content: "";
    position: absolute;
    top: -120%;
    left: -45%;
    width: 38%;
    height: 340%;
    background: rgba(255, 255, 255, 0.25);
    transform: rotate(22deg);
    transition: left 0.55s ease;
}
.btn:hover::after {
    left: 120%;
}

.why-card,
.plan-step,
.tag,
.image-card img,
.stat {
    transition:
        transform 0.28s ease,
        box-shadow 0.28s ease,
        border-color 0.28s ease;
}
.stat:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 34px rgba(11, 41, 69, 0.12);
}
.why-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 16px 30px rgba(11, 41, 69, 0.1);
}
.why-icon {
    transition: transform 0.28s ease;
}
.why-card:hover .why-icon {
    transform: scale(1.12) rotate(-4deg);
}
.plan-step:hover {
    transform: translateX(6px);
    background: rgba(255, 255, 255, 0.1);
}
.tag:hover {
    transform: translateY(-2px);
    border-color: #e31b23;
}
.image-card {
    overflow: hidden;
    border-radius: 18px;
}
.image-card img:hover {
    transform: scale(1.025);
}

.cta {
    position: relative;
    overflow: hidden;
}
.cta::before {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.09);
    right: -70px;
    top: -90px;
    animation: ctaGlow 4s ease-in-out infinite;
}
@keyframes ctaGlow {
    0%,
    100% {
        transform: scale(1);
        opacity: 0.45;
    }
    50% {
        transform: scale(1.18);
        opacity: 0.75;
    }
}

@media (max-width: 640px) {
    .reveal {
        transform: translateY(20px);
    }
    .hero-img img {
        animation: none;
    }
}
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
    .reveal {
        opacity: 1 !important;
        transform: none !important;
    }
}

/* Hide small section subtitle pills such as "News Post" across content sections. */
main .it-section-subtitle,
main .it-section-subtitle.style-2,
main .section-subtitle,
main .section-sub-title {
    display: none !important;
}

/* Course details: integrate image and content so the section reads as one unit. */
body.course-page .dc-main {
    padding-top: 52px !important;
}

body.course-page .dc-layout {
    grid-template-columns: minmax(0, 1fr) minmax(330px, 380px) !important;
    gap: clamp(30px, 3.4vw, 54px) !important;
    align-items: start !important;
}

body.course-page .why-learn-fr-sec {
    padding: 0 !important;
    margin: 0 0 28px !important;
    background: transparent !important;
}

body.course-page .why-learn-fr-sec .container {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
}

body.course-page .why-learn-fr-sec .row {
    display: grid !important;
    grid-template-columns: minmax(260px, 42%) minmax(0, 1fr) !important;
    gap: 0 !important;
    align-items: stretch !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 1px solid #f0e1e1 !important;
    border-radius: 22px !important;
    background:
        linear-gradient(115deg, #fffafa 0%, #ffffff 48%, #fff7f7 100%) !important;
    box-shadow: 0 18px 48px rgba(18, 24, 38, .07) !important;
}

body.course-page .why-learn-fr-sec .row {
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

body.course-page .why-learn-fr-img-col,
body.course-page .why-learn-fr-content-col {
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    min-width: 0 !important;
}

body.course-page .why-learn-fr-img-wrap,
body.course-page .why-learn-fr-img-portrait,
body.course-page .why-learn-fr-img-square,
body.course-page .why-learn-fr-img-landscape {
    width: 100% !important;
    height: 100% !important;
    min-height: 520px !important;
    max-height: none !important;
    margin: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
}

body.course-page .why-learn-fr-img-wrap img,
body.course-page .why-learn-fr-img-portrait img,
body.course-page .why-learn-fr-img-square img,
body.course-page .why-learn-fr-img-landscape img {
    width: 100% !important;
    height: 100% !important;
    min-height: 520px !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center bottom !important;
    border-radius: 0 !important;
    display: block !important;
}

body.course-page .why-learn-fr-content {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: clamp(34px, 4vw, 58px) clamp(34px, 4.6vw, 64px) !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.course-page .why-learn-fr-title {
    max-width: 100% !important;
    margin: 0 0 22px !important;
    color: #13213a !important;
    font-size: clamp(34px, 3.4vw, 54px) !important;
    line-height: 1.12 !important;
    letter-spacing: 0 !important;
    text-wrap: balance;
}

body.course-page .why-learn-fr-title::after {
    margin-top: 18px !important;
}

body.course-page .why-learn-fr-desc {
    max-width: 680px !important;
    color: #4f5d73 !important;
    font-size: 17px !important;
    line-height: 1.86 !important;
}

body.course-page .why-learn-fr-desc p {
    margin-bottom: 18px !important;
}

body.course-page .why-learn-fr-desc p:last-child {
    margin-bottom: 0 !important;
}

body.course-page .dc-sidebar {
    position: sticky !important;
    top: calc(var(--header-space, 120px) + 22px) !important;
}

@media (max-width: 1199px) {
    body.course-page .dc-layout {
        grid-template-columns: 1fr !important;
    }

    body.course-page .dc-sidebar {
        position: static !important;
    }
}

@media (max-width: 991px) {
    body.course-page .why-learn-fr-sec .row {
        grid-template-columns: 1fr !important;
    }

    body.course-page .why-learn-fr-img-wrap,
    body.course-page .why-learn-fr-img-portrait,
    body.course-page .why-learn-fr-img-square,
    body.course-page .why-learn-fr-img-landscape,
    body.course-page .why-learn-fr-img-wrap img,
    body.course-page .why-learn-fr-img-portrait img,
    body.course-page .why-learn-fr-img-square img,
    body.course-page .why-learn-fr-img-landscape img {
        min-height: 360px !important;
        height: 360px !important;
    }
}

@media (max-width: 575px) {
    body.course-page .dc-main {
        padding-top: 34px !important;
    }

    body.course-page .why-learn-fr-sec .row {
        border-radius: 16px !important;
    }

    body.course-page .why-learn-fr-img-wrap,
    body.course-page .why-learn-fr-img-portrait,
    body.course-page .why-learn-fr-img-square,
    body.course-page .why-learn-fr-img-landscape,
    body.course-page .why-learn-fr-img-wrap img,
    body.course-page .why-learn-fr-img-portrait img,
    body.course-page .why-learn-fr-img-square img,
    body.course-page .why-learn-fr-img-landscape img {
        min-height: 280px !important;
        height: 280px !important;
    }

    body.course-page .why-learn-fr-content {
        padding: 26px 20px 30px !important;
    }

    body.course-page .why-learn-fr-title {
        font-size: 28px !important;
    }

    body.course-page .why-learn-fr-desc {
        font-size: 15px !important;
        line-height: 1.72 !important;
    }
}

/* Course details final visual balance: keep image and text connected without huge crop. */
body.course-page .dc-layout {
    grid-template-columns: minmax(0, 1fr) minmax(310px, 360px) !important;
    gap: clamp(24px, 3vw, 42px) !important;
}

body.course-page .why-learn-fr-sec .row {
    grid-template-columns: minmax(250px, 40%) minmax(0, 60%) !important;
    align-items: center !important;
    padding: clamp(18px, 2.2vw, 28px) !important;
}

body.course-page .why-learn-fr-img-col {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

body.course-page .why-learn-fr-img-wrap,
body.course-page .why-learn-fr-img-portrait,
body.course-page .why-learn-fr-img-square,
body.course-page .why-learn-fr-img-landscape {
    min-height: 0 !important;
    height: clamp(360px, 36vw, 470px) !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    background: linear-gradient(145deg, #ffffff 0%, #fff4f4 100%) !important;
}

body.course-page .why-learn-fr-img-wrap img,
body.course-page .why-learn-fr-img-portrait img,
body.course-page .why-learn-fr-img-square img,
body.course-page .why-learn-fr-img-landscape img {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
    border-radius: 18px !important;
}

body.course-page .why-learn-fr-content {
    padding: clamp(22px, 3vw, 42px) clamp(20px, 3vw, 46px) !important;
}

body.course-page .why-learn-fr-title {
    font-size: clamp(30px, 3vw, 44px) !important;
    line-height: 1.15 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

body.course-page .why-learn-fr-desc {
    font-size: 16px !important;
    line-height: 1.78 !important;
}

@media (max-width: 1199px) {
    body.course-page .why-learn-fr-sec .row {
        grid-template-columns: minmax(230px, 38%) minmax(0, 62%) !important;
    }
}

@media (max-width: 991px) {
    body.course-page .why-learn-fr-sec .row {
        grid-template-columns: 1fr !important;
        padding: 18px !important;
    }

    body.course-page .why-learn-fr-img-wrap,
    body.course-page .why-learn-fr-img-portrait,
    body.course-page .why-learn-fr-img-square,
    body.course-page .why-learn-fr-img-landscape {
        height: 340px !important;
    }
}

@media (max-width: 575px) {
    body.course-page .why-learn-fr-img-wrap,
    body.course-page .why-learn-fr-img-portrait,
    body.course-page .why-learn-fr-img-square,
    body.course-page .why-learn-fr-img-landscape {
        height: 260px !important;
    }

    body.course-page .why-learn-fr-content {
        padding: 22px 6px 10px !important;
    }
}

/* Header logo size adjustment */
.header .navbar {
    min-height: 92px !important;
}

.header .navbar-brand img {
    height: 78px !important;
    max-width: 275px !important;
}

@media (max-width: 1199px) {
    .header .navbar {
        min-height: 74px !important;
    }

    .header .navbar-brand img {
        height: 60px !important;
        max-width: min(235px, calc(100vw - 90px)) !important;
    }
}

@media (max-width: 575px) {
    .header .navbar-brand img {
        height: 56px !important;
        max-width: min(220px, calc(100vw - 82px)) !important;
    }
}

/* Unified hero/accent treatment across course and content pages */
:root {
    --brand-red: #df2222;
    --brand-red-dark: #bd141b;
    --hero-ink: #13213a;
    --hero-copy: #4d596a;
}

main :is(
    .spanish-hero-title,
    .hero-title,
    .hero-fr-hero-title,
    .hero-jp-hero-title,
    .dc-hero h1,
    .ed-dc-hero-copy h1,
    .service-hero h1,
    .mssp-degdp-heading,
    .jgl-title,
    .it-breadcrumb-title
) {
    color: var(--hero-ink) !important;
    letter-spacing: 0 !important;
    text-wrap: balance;
}

main :is(
    .spanish-text-highlight,
    .text-highlight,
    .hero-fr-text-highlight,
    .hero-jp-text-highlight,
    .mssp-degdp-heading-accent,
    .mssp-decareer-heading-accent,
    .mssp-detrade-heading-accent,
    .jgl-title-accent,
    .text-danger
) {
    color: var(--brand-red) !important;
}

main :is(
    .spanish-hero-desc,
    .hero-desc,
    .hero-fr-hero-desc,
    .hero-jp-hero-desc,
    .dc-hero p,
    .ed-dc-hero-copy p,
    .service-hero p
) {
    color: var(--hero-copy) !important;
    line-height: 1.68 !important;
}

main :is(
    .spanish-hero-badge,
    .hero-badge,
    .hero-fr-hero-badge,
    .hero-jp-hero-badge,
    .it-section-subtitle.style-2
) {
    color: var(--brand-red) !important;
    background: #fff0f0 !important;
    border-radius: 999px !important;
}

main :is(
    .spanish-btn-enroll,
    .hero-btn-enroll,
    .hero-fr-btn-enroll,
    .hero-jp-btn-enroll,
    .dc-btn-primary,
    .ed-dc-primary,
    .cta-btn
) {
    background: var(--brand-red) !important;
    border-color: var(--brand-red) !important;
    color: #ffffff !important;
    box-shadow: 0 14px 26px rgba(223, 34, 34, .18) !important;
}

main :is(
    .spanish-btn-enroll,
    .hero-btn-enroll,
    .hero-fr-btn-enroll,
    .hero-jp-btn-enroll,
    .dc-btn-primary,
    .ed-dc-primary,
    .cta-btn
):hover {
    background: var(--brand-red-dark) !important;
    border-color: var(--brand-red-dark) !important;
    color: #ffffff !important;
    transform: translateY(-2px);
}

@media (max-width: 767px) {
    main :is(
        .spanish-hero-title,
        .hero-title,
        .hero-fr-hero-title,
        .hero-jp-hero-title,
        .dc-hero h1,
        .ed-dc-hero-copy h1,
        .service-hero h1
    ) {
        line-height: 1.16 !important;
    }
}

/* Site-wide section reveal animations */
.reveal-section {
    opacity: 1;
    transform: translateY(42px);
    transition:
        opacity .86s cubic-bezier(.2, .8, .2, 1),
        transform .86s cubic-bezier(.2, .8, .2, 1);
    will-change: opacity, transform;
}

.reveal-section.move-left {
    transform: translateX(-54px);
}

.reveal-section.move-right {
    transform: translateX(54px);
}

.reveal-section.in-view {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.reveal-section > .container,
.reveal-section > .container-fluid {
    transition: transform .86s cubic-bezier(.2, .8, .2, 1);
}

.reveal-section:not(.in-view) > .container,
.reveal-section:not(.in-view) > .container-fluid {
    transform: translateY(10px);
}

.reveal-item {
    opacity: 1;
    transform: translate3d(0, 34px, 0);
    transition:
        opacity .76s cubic-bezier(.2, .8, .2, 1),
        transform .76s cubic-bezier(.2, .8, .2, 1),
        filter .76s cubic-bezier(.2, .8, .2, 1);
    will-change: opacity, transform;
}

.reveal-item.move-left {
    transform: translate3d(-42px, 0, 0);
}

.reveal-item.move-right {
    transform: translate3d(42px, 0, 0);
}

.reveal-item.move-up {
    transform: translate3d(0, 34px, 0);
}

.reveal-item.move-zoom {
    transform: translate3d(0, 22px, 0) scale(.94);
}

.reveal-heading {
    transform: translate3d(0, 38px, 0);
}

.reveal-card {
    transform: translate3d(0, 34px, 0) scale(.94);
}

.reveal-image {
    transform: translate3d(0, 32px, 0) scale(.96);
    filter: saturate(.94) contrast(.96);
}

.reveal-button {
    transform: translate3d(0, 24px, 0) scale(.92);
}

.reveal-item.in-view {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    filter: none;
}

main .reveal-card:hover {
    transform: translateY(-4px);
}

main .in-view.reveal-image {
    animation: msolSoftFloat 4.8s ease-in-out 1.1s infinite;
}

/* Site-wide hover effects */
main :is(
    .card,
    [class*="card"],
    [class*="box"],
    [class*="item"],
    .course-modern-card,
    .course-logo-card,
    .wcu-card,
    .wcu-item,
    .gco-card,
    .ti-card,
    .ttm-card,
    .ps-benefit-card,
    .ps-plan-step
) {
    transition:
        transform .28s ease,
        box-shadow .28s ease,
        border-color .28s ease,
        background-color .28s ease !important;
}

main :is(
    .card,
    [class*="card"],
    [class*="box"],
    [class*="item"],
    .course-modern-card,
    .course-logo-card,
    .wcu-card,
    .wcu-item,
    .gco-card,
    .ti-card,
    .ttm-card,
    .ps-benefit-card,
    .ps-plan-step
):hover {
    transform: translateY(-8px) scale(1.01) !important;
    box-shadow: 0 18px 42px rgba(15, 23, 42, .14) !important;
    border-color: rgba(223, 34, 34, .24) !important;
}

main :is(
    .btn,
    button,
    .theme-btn,
    .it-btn,
    .dc-btn-primary,
    .ed-dc-primary,
    .cta-btn
) {
    position: relative;
    overflow: hidden;
    transition:
        transform .24s ease,
        box-shadow .24s ease,
        background-color .24s ease,
        border-color .24s ease !important;
}

main :is(
    .btn,
    button,
    .theme-btn,
    .it-btn,
    .dc-btn-primary,
    .ed-dc-primary,
    .cta-btn
):hover {
    transform: translateY(-3px) scale(1.02) !important;
    box-shadow: 0 14px 28px rgba(223, 34, 34, .22) !important;
}

main :is(
    .btn,
    button,
    .theme-btn,
    .it-btn,
    .dc-btn-primary,
    .ed-dc-primary,
    .cta-btn
)::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.34) 45%, transparent 70%);
    transform: translateX(-120%);
    transition: transform .48s ease;
    pointer-events: none;
}

main :is(
    .btn,
    button,
    .theme-btn,
    .it-btn,
    .dc-btn-primary,
    .ed-dc-primary,
    .cta-btn
):hover::after {
    transform: translateX(120%);
}

main :is(
    .gco-icon,
    .ti-icon,
    .wcu-icon,
    .ps-benefit-icon,
    .ps-stat-icon,
    [class*="icon"]
) {
    transition:
        transform .28s ease,
        box-shadow .28s ease,
        background-color .28s ease !important;
}

main :is(
    .gco-icon,
    .ti-icon,
    .wcu-icon,
    .ps-benefit-icon,
    .ps-stat-icon,
    [class*="icon"]
):hover,
main :is(.card, [class*="card"], [class*="box"], [class*="item"]):hover :is(
    .gco-icon,
    .ti-icon,
    .wcu-icon,
    .ps-benefit-icon,
    .ps-stat-icon,
    [class*="icon"]
) {
    transform: translateY(-3px) scale(1.08) rotate(-2deg) !important;
}

main :is(
    .image-card,
    .ps-plan-image,
    .ps-goals-image-grid,
    .ps-testimonial-image,
    .why-learn-fr-img-wrap,
    .hero-image,
    .about-image,
    .course-section-image
) {
    overflow: hidden;
}

main img {
    transition:
        transform .42s ease,
        filter .42s ease !important;
}

main :is(
    .image-card,
    .ps-plan-image,
    .ps-goals-image-grid,
    .ps-testimonial-image,
    .why-learn-fr-img-wrap,
    .hero-image,
    .about-image,
    .course-section-image,
    .card,
    [class*="card"],
    [class*="box"]
):hover img,
main img:hover {
    animation: none !important;
    transform: scale(1.045) !important;
    filter: saturate(1.06) contrast(1.03) !important;
}

@keyframes msolSoftFloat {
    0%, 100% {
        transform: translate3d(0, 0, 0) scale(1);
    }
    50% {
        transform: translate3d(0, -6px, 0) scale(1.01);
    }
}

@media (prefers-reduced-motion: reduce) {
    .reveal-section,
    .reveal-item,
    main :is(.card, [class*="card"], [class*="box"], [class*="item"], img, .btn, button, [class*="icon"]),
    .reveal-section > .container,
    .reveal-section > .container-fluid {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
        filter: none !important;
    }
}

/* Final course image polish */
body.course-page .why-learn-fr-img-col {
    min-width: 0 !important;
}

body.course-page .why-learn-fr-img-wrap,
body.course-page .why-learn-fr-img-portrait,
body.course-page .why-learn-fr-img-square,
body.course-page .why-learn-fr-img-landscape {
    width: 100% !important;
    max-width: 420px !important;
    height: clamp(340px, 33vw, 440px) !important;
    margin: 0 auto !important;
    display: grid !important;
    place-items: center !important;
    border: 0 !important;
    box-shadow: none !important;
    background: #fff7f7 !important;
}

body.course-page .why-learn-fr-img-wrap img,
body.course-page .why-learn-fr-img-portrait img,
body.course-page .why-learn-fr-img-square img,
body.course-page .why-learn-fr-img-landscape img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    object-position: center center !important;
}

body.course-page .why-learn-fr-img-portrait img {
    object-fit: contain !important;
}

body.course-page .why-learn-fr-img-square img,
body.course-page .why-learn-fr-img-landscape img {
    object-fit: cover !important;
}

@media (max-width: 991px) {
    body.course-page .why-learn-fr-img-wrap,
    body.course-page .why-learn-fr-img-portrait,
    body.course-page .why-learn-fr-img-square,
    body.course-page .why-learn-fr-img-landscape {
        max-width: 520px !important;
        height: 340px !important;
    }
}

@media (max-width: 575px) {
    body.course-page .why-learn-fr-img-wrap,
    body.course-page .why-learn-fr-img-portrait,
    body.course-page .why-learn-fr-img-square,
    body.course-page .why-learn-fr-img-landscape {
        height: 270px !important;
        border-radius: 16px !important;
    }

    body.course-page .why-learn-fr-img-wrap img,
    body.course-page .why-learn-fr-img-portrait img,
    body.course-page .why-learn-fr-img-square img,
    body.course-page .why-learn-fr-img-landscape img {
        border-radius: 16px !important;
    }
}

/* Course detail images must show complete artwork without crop. */
body.course-page .why-learn-fr-img-wrap,
body.course-page .why-learn-fr-img-portrait,
body.course-page .why-learn-fr-img-square,
body.course-page .why-learn-fr-img-landscape {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    aspect-ratio: auto !important;
}

body.course-page .why-learn-fr-img-wrap img,
body.course-page .why-learn-fr-img-portrait img,
body.course-page .why-learn-fr-img-square img,
body.course-page .why-learn-fr-img-landscape img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
    animation: none !important;
}

body.course-page .why-learn-fr-img-portrait {
    max-width: 380px !important;
}

body.course-page .why-learn-fr-img-square {
    max-width: 430px !important;
}

body.course-page .why-learn-fr-img-landscape {
    max-width: 520px !important;
}

main .why-learn-fr-img-wrap:hover img,
main .why-learn-fr-img-wrap img:hover,
main .why-learn-fr-img-portrait:hover img,
main .why-learn-fr-img-square:hover img,
main .why-learn-fr-img-landscape:hover img {
    transform: none !important;
    filter: none !important;
}

@media (max-width: 991px) {
    body.course-page .why-learn-fr-img-portrait,
    body.course-page .why-learn-fr-img-square,
    body.course-page .why-learn-fr-img-landscape {
        max-width: min(100%, 520px) !important;
    }
}

@media (max-width: 575px) {
    body.course-page .why-learn-fr-img-wrap img,
    body.course-page .why-learn-fr-img-portrait img,
    body.course-page .why-learn-fr-img-square img,
    body.course-page .why-learn-fr-img-landscape img {
        width: 100% !important;
        max-height: none !important;
    }
}

/* Course pages: if admin image is blank, let content use the empty image space. */
body.course-page .dc-hero-no-image {
    background-image: none !important;
}

body.course-page .dc-hero-no-image .dc-hero-grid,
body.course-page .dc-hero-no-image .dc-hero-grid-background {
    display: block !important;
}

body.course-page .dc-hero-no-image .dc-hero-content {
    width: min(100%, 880px) !important;
    max-width: 880px !important;
}

body.course-page .dc-section-no-image .dc-rich,
body.course-page .dc-section-no-image .dc-learn-intro {
    width: 100% !important;
    max-width: none !important;
}

/* Global section spacing compact pass */
main > section:not([class*="hero"]),
main > div[class*="section"]:not([class*="hero"]),
main :is(
    .it-about-area,
    .it-service-area,
    .it-course-area,
    .it-contact-area,
    .it-blog-area,
    .it-gallery-area,
    .it-faq-area,
    .it-team-area,
    .it-testimonial-area,
    .about-area,
    .service-area,
    .course-area,
    .blog-area,
    .gallery-area,
    .contact-area,
    .faq-area,
    .cefr-pro-section,
    .li-section,
    .ttm-section,
    .ti-section,
    .wcu-section,
    .ps-section
) {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

main :is(.mt-80, .mt-70, .mt-60) {
    margin-top: 20px !important;
}

main :is(.mb-80, .mb-70, .mb-60) {
    margin-bottom: 20px !important;
}

@media (max-width: 575px) {
    main > section:not([class*="hero"]),
    main > div[class*="section"]:not([class*="hero"]),
    main :is(.cefr-pro-section, .li-section, .ttm-section, .ti-section, .wcu-section, .ps-section) {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
}

/* Career page final image and hiring heading polish */
.career-intro {
    padding-top: 28px;
    padding-bottom: 28px;
}
.career-intro .content {
    min-width: 0;
}
.career-intro-image {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 420px;
    padding: 18px;
    border-radius: 22px;
    background: linear-gradient(145deg, #fff7f7 0%, #ffffff 60%, #fff0f0 100%);
    box-shadow: 0 18px 42px rgba(11, 41, 69, 0.08);
    overflow: hidden;
}
/*.career-intro-image::before {
    content: "Career";
    position: absolute;
    left: 18px;
    top: 18px;
    z-index: 2;
    padding: 7px 13px;
    border-radius: 999px;
    background: #e31b23;
    color: #fff;
    font-size: 13px;
    font-weight: 850;
    box-shadow: 0 10px 20px rgba(227, 27, 35, 0.22);
}*/
.career-intro-image img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: auto;
    max-height: 430px;
    object-fit: contain;
    object-position: center;
    border-radius: 18px;
    box-shadow: none;
}
.career-hiring-word {
    display: inline-flex;
    align-items: center;
    margin-left: 8px;
    padding: 5px 16px;
    border-radius: 999px;
    background: #e31b23;
    color: #fff;
    font-size: 0.82em;
    line-height: 1.15;
    vertical-align: 0.08em;
    box-shadow: 0 10px 22px rgba(227, 27, 35, 0.2);
}

@media (max-width: 992px) {
    .career-intro-image {
        min-height: auto;
    }
    .career-intro-image img {
        max-height: 360px;
    }
}

@media (max-width: 640px) {
    .career-intro {
        gap: 22px;
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .career-intro-image {
        padding: 12px;
        border-radius: 18px;
    }
    .career-intro-image img {
        max-height: 300px;
    }
    .career-hiring-word {
        margin-left: 0;
        margin-top: 8px;
    }
}

/* Gallery: keep original image ratio, no crop; masonry-like flow by height. */
main .ed-gallery-grid {
    display: block !important;
    column-count: 4;
    column-gap: 24px;
}

main .ed-gallery-grid .ed-gallery-col {
    display: inline-block !important;
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 0 24px !important;
    break-inside: avoid;
}

main .ed-gallery-card {
    min-height: 0 !important;
    height: auto !important;
    padding: 10px;
    background: #ffffff !important;
    border: 1px solid #eef0f4;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .08);
}

main .ed-gallery-card::after {
    display: none !important;
}

main .ed-gallery-card img {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center center !important;
    border-radius: 6px;
    transform: none !important;
}

main .ed-gallery-card:hover img {
    transform: none !important;
}

@media (max-width: 1199px) {
    main .ed-gallery-grid {
        column-count: 3;
    }
}

@media (max-width: 767px) {
    main .ed-gallery-grid {
        column-count: 2;
        column-gap: 16px;
    }

    main .ed-gallery-grid .ed-gallery-col {
        margin-bottom: 16px !important;
    }
}

@media (max-width: 480px) {
    main .ed-gallery-grid {
        column-count: 1;
    }
}

/* Why Choose cards use clean SVG icons, not uploaded photos. */
.wcu-icon svg {
    width: 34px !important;
    height: 34px !important;
    color: #ffffff !important;
    stroke: currentColor !important;
}

.wcu-icon img {
    display: none !important;
}

/* Home video hero: prevent mobile text clipping/side overflow. */
html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

@media (max-width: 575px) {
    .video-hero,
    .video-hero-media {
        width: 100% !important;
        overflow: hidden !important;
    }

    .video-hero-content {
        width: 100% !important;
        max-width: 100% !important;
        inset: 0 !important;
        padding: 24px 18px !important;
        box-sizing: border-box !important;
    }

    .video-hero-title {
        width: 100% !important;
        max-width: 100% !important;
        font-size: 34px !important;
        line-height: 1.12 !important;
        letter-spacing: 0 !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        word-break: normal !important;
    }

    .video-hero-subtitle {
        width: 100% !important;
        max-width: 100% !important;
        font-size: 14px !important;
        line-height: 1.45 !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }
}

@media (max-width: 390px) {
    .video-hero-title {
        font-size: 31px !important;
    }
}

/* Final course detail mobile layout: no squeezed/vertical text. */
@media (max-width: 991px) {
    body.course-page .ed-dc-body .row,
    body.course-page .it-course-details-area .row,
    body.course-page .why-learn-fr-sec .row {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 24px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body.course-page .ed-dc-body [class*="col-"],
    body.course-page .it-course-details-area [class*="col-"],
    body.course-page .why-learn-fr-sec [class*="col-"],
    body.course-page .why-learn-fr-col,
    body.course-page .why-learn-fr-img-col,
    body.course-page .why-learn-fr-content-col {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body.course-page .why-learn-fr-content,
    body.course-page .why-learn-fr-title,
    body.course-page .why-learn-fr-subtitle,
    body.course-page .why-learn-fr-desc,
    body.course-page .why-learn-fr-desc p,
    body.course-page .why-learn-fr-desc li {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
        text-align: left !important;
    }

    body.course-page .why-learn-fr-title {
        font-size: 34px !important;
        line-height: 1.16 !important;
        writing-mode: horizontal-tb !important;
        transform: none !important;
    }

    body.course-page .it-course-sidebar,
    body.course-page .it-course-sidebar-wrap {
        position: static !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }
}

@media (max-width: 575px) {
    body.course-page .it-course-details-area,
    body.course-page .why-learn-fr-sec {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    body.course-page .why-learn-fr-title {
        font-size: 30px !important;
    }
}
/* =========================================================
   FINAL MOBILE POLISH - 14 SEP
   ========================================================= */

@media (max-width: 575.98px) {
    .ed-quick-links-section {
        padding: 10px 0 14px !important;
    }

    .ed-quick-links-section .ed-quick-links-wrap {
        padding: 0 18px !important;
    }

    .ed-quick-links-section .ed-quick-links {
        grid-template-columns: 1fr !important;
        gap: 9px !important;
    }

    .ed-quick-links-section .ed-quick-link {
        display: grid !important;
        grid-template-columns: 56px minmax(0, 1fr) 34px !important;
        min-height: 72px !important;
        height: auto !important;
        padding: 8px 10px !important;
        gap: 14px !important;
        align-items: center !important;
        overflow: hidden !important;
    }

    .ed-quick-links-section .ed-quick-link .ed-quick-link-icon {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        flex-basis: 48px !important;
        border-radius: 9px !important;
    }

    .ed-quick-links-section .ed-quick-link .ed-quick-link-copy {
        min-width: 0 !important;
        padding-right: 2px !important;
    }

    .ed-quick-links-section .ed-quick-link .ed-quick-link-copy strong {
        font-size: 15px !important;
        line-height: 1.2 !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    .ed-quick-links-section .ed-quick-link .ed-quick-link-arrow {
        position: static !important;
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        flex: 0 0 34px !important;
        margin: 0 !important;
        transform: none !important;
        justify-self: end !important;
    }

    .ed-home-about-section .it-section-title,
    .ed-home-about-section h1,
    .ed-home-about-section h2,
    .it-about-area .it-section-title {
        font-size: clamp(30px, 9vw, 38px) !important;
        line-height: 1.16 !important;
        letter-spacing: 0 !important;
    }

    .it-course-area .it-course-item,
    .home-course-card {
        margin-bottom: 18px !important;
        border-radius: 12px !important;
    }

    .it-course-area .it-course-thumb {
        margin-bottom: 10px !important;
    }

    .it-course-area .it-course-thumb img.w-100,
    .home-course-card .home-course-image {
        aspect-ratio: 16 / 10 !important;
        height: auto !important;
        object-fit: contain !important;
        background: #fff !important;
    }

    .static-course-flag,
    .it-course-area .ed-course-flag {
        width: 52px !important;
        height: 52px !important;
        bottom: -24px !important;
    }

    .it-course-area .it-course-content {
        padding: 30px 14px 16px !important;
    }

    .it-course-area .it-course-title {
        margin-bottom: 10px !important;
        font-size: 21px !important;
        line-height: 1.15 !important;
    }

    .it-course-area .course-ref-meta,
    .it-course-area .course-ref-badges {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .it-course-area .it-course-meta span {
        width: 100% !important;
        min-height: 30px !important;
        padding: 4px 6px !important;
        justify-content: center !important;
        gap: 4px !important;
        font-size: 14px !important;
        line-height: 1.2 !important;
        white-space: normal !important;
    }

    .it-course-area .course-ref-badges span {
        width: fit-content !important;
        min-width: 112px !important;
        margin: 0 auto !important;
        padding: 7px 12px !important;
        border-radius: 5px !important;
        font-size: 14px !important;
    }

    .it-course-area .it-course-btn {
        margin-top: 10px !important;
    }

    .ttm-section .ttm-wrap {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .ttm-section .ttm-track {
        gap: 14px !important;
    }

    .ttm-section .ttm-card {
        flex: 0 0 82% !important;
        width: 82% !important;
        min-width: 82% !important;
        height: 370px !important;
        min-height: 370px !important;
        max-height: 370px !important;
        padding: 24px 20px 20px !important;
        border-radius: 34px !important;
    }

    .ttm-section .ttm-card .ttm-text {
        max-height: 122px !important;
        margin: 12px 0 12px !important;
        font-size: 14px !important;
        line-height: 1.55 !important;
        -webkit-line-clamp: 5 !important;
    }

    .ttm-section .ttm-person-row {
        height: 96px !important;
        min-height: 96px !important;
        display: flex !important;
        align-items: flex-start !important;
        flex-direction: column !important;
        gap: 8px !important;
        margin-top: auto !important;
    }

    .ttm-section .ttm-person-row .ttm-person {
        position: static !important;
        width: 100% !important;
        transform: none !important;
        gap: 8px !important;
    }

    .ttm-section .ttm-person-row .ttm-person h5 {
        font-size: 13px !important;
        -webkit-line-clamp: 1 !important;
    }

    .ttm-section .ttm-person-row .ttm-person span {
        font-size: 9px !important;
        line-height: 1.25 !important;
    }

    .ttm-section .ttm-person-row .ttm-read-more {
        position: static !important;
        transform: none !important;
        align-self: flex-end !important;
        margin-top: -42px !important;
        padding: 8px 10px !important;
        font-size: 10px !important;
    }

    .ttm-section .ttm-prev {
        left: 4px !important;
    }

    .ttm-section .ttm-next {
        right: 4px !important;
    }
}

.header .navbar-toggler[aria-expanded="true"],
.header .navbar-toggler.is-active {
    background: #0f172a !important;
}

.header .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon,
.header .navbar-toggler.is-active .navbar-toggler-icon {
    background: transparent !important;
}

.header .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before,
.header .navbar-toggler.is-active .navbar-toggler-icon::before {
    top: 0 !important;
    transform: rotate(45deg) !important;
}

.header .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after,
.header .navbar-toggler.is-active .navbar-toggler-icon::after {
    top: 0 !important;
    transform: rotate(-45deg) !important;
}

body.course-page .why-learn-fr-sec .row,
body:has(.why-learn-fr-sec) .why-learn-fr-sec .row {
    display: grid !important;
    grid-template-columns: minmax(260px, .95fr) minmax(0, 1.05fr) !important;
    align-items: center !important;
    gap: 36px !important;
}

body.course-page .why-learn-fr-img-col,
body.course-page .why-learn-fr-img-wrap,
body:has(.why-learn-fr-sec) .why-learn-fr-img-col,
body:has(.why-learn-fr-sec) .why-learn-fr-img-wrap {
    display: flex !important;
}

body.course-page .why-learn-fr-img-wrap img,
body:has(.why-learn-fr-sec) .why-learn-fr-img-wrap img {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    max-height: 430px !important;
    object-fit: contain !important;
}

@media (max-width: 991.98px) {
    body.course-page .why-learn-fr-sec .row,
    body:has(.why-learn-fr-sec) .why-learn-fr-sec .row {
        grid-template-columns: 1fr !important;
        gap: 22px !important;
    }

    body.course-page .why-learn-fr-img-wrap img,
    body:has(.why-learn-fr-sec) .why-learn-fr-img-wrap img {
        max-height: 340px !important;
        margin: 0 auto !important;
    }
}