/* Generated CSS bundle. Source files are concatenated in original loading order. */


/* ===== BEGIN SOURCE: old-working-custom.css ===== */

: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-home-hero {
   position: relative;
   overflow: hidden;
   --ed-hero-height: clamp(360px, 34vw, 585px);
   height: var(--ed-hero-height);
   min-height: var(--ed-hero-height);
   background-color: #0f172a;
}

.ed-hero-video-wrap {
   position: absolute;
   inset: 0;
   z-index: 4;
   width: 100%;
   height: 100%;
   background: #000;
   overflow: hidden;
   transition: opacity .7s ease;
}

.ed-hero-video-wrap video {
   position: absolute;
   inset: 0;
   width: 100%;
   height: 100%;
   min-width: 100%;
   min-height: 100%;
   object-fit: cover !important;
   object-position: center center;
   display: block;
}

.ed-hero-video-wrap::after {
   content: "";
   position: absolute;
   inset: 0;
   background: linear-gradient(90deg, rgba(10, 16, 28, .74) 0%, rgba(10, 16, 28, .38) 48%, rgba(10, 16, 28, .16) 100%);
   pointer-events: none;
}

.ed-hero-video-copy {
   position: relative;
   z-index: 2;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   min-height: var(--ed-hero-height);
   width: min(1120px, calc(100% - 40px));
   margin: 0 auto;
   padding: 96px 0 38px;
   color: #fff;
   text-align: center;
}

.ed-hero-video-copy span {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 18px;
   min-height: 34px;
   padding: 7px 18px;
   border-radius: 999px;
   background: rgba(255, 255, 255, .94);
   color: #fff;
   color: #E02121;
   font-size: 13px;
   font-weight: 900;
   text-transform: uppercase;
   letter-spacing: .7px;
   box-shadow: 0 12px 28px rgba(0,0,0,.18);
}

.ed-hero-video-copy .it-btn-yellow {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   min-width: 176px;
   height: 54px;
   padding: 0 28px;
   background: #E02121 !important;
   color: #fff !important;
   border-radius: 999px;
   line-height: 1;
}

.ed-hero-video-copy .it-btn-yellow > span,
.ed-hero-video-copy .it-btn-yellow .text-1,
.ed-hero-video-copy .it-btn-yellow .text-2 {
   display: flex !important;
   align-items: center;
   justify-content: center;
   width: 100%;
   height: 100%;
   margin: 0;
   padding: 0;
   background: transparent !important;
   color: #fff !important;
   text-align: center;
   line-height: 1;
}

.ed-hero-video-copy .it-btn-yellow::before,
.ed-hero-video-copy .it-btn-yellow::after {
   background: #B51818 !important;
}

.ed-hero-video-copy h1 {
   max-width: 100%;
   color: #fff;
   font-size: clamp(32px, 4.8vw, 76px);
   line-height: 1.04;
   margin-bottom: 22px;
   white-space: nowrap;
   overflow-wrap: normal;
}

.ed-hero-video-copy p {
   max-width: 620px;
   color: rgba(255,255,255,.92);
   font-size: 20px;
   line-height: 1.65;
   margin-bottom: 32px;
}

.it-hero-content-slider .swiper-slide {
   position: relative;
   height: var(--ed-hero-height);
   min-height: var(--ed-hero-height);
   display: flex;
   align-items: center;
   overflow: hidden;
}

.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: 90px !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: 20px;
   bottom: 22px;
   z-index: 9998;
   width: min(390px, calc(100vw - 28px));
   display: flex;
   align-items: flex-start;
   gap: 14px;
   padding: 16px 18px 16px 16px;
   border-radius: 14px;
   background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(255,247,247,.98));
   box-shadow: 0 18px 48px rgba(31,36,50,.2);
   border: 1px solid rgba(224,33,33,.16);
   transform: translateY(24px);
   opacity: 0;
   pointer-events: none;
   transition: opacity .35s ease, transform .35s ease;
   overflow: hidden;
}

.ed-enroll-toast::before {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   width: 5px;
   background: linear-gradient(180deg, #E02121, #ffc928);
}

.ed-enroll-toast.show {
   opacity: 1;
   transform: translateY(0);
}

.ed-enroll-toast-icon {
   flex: 0 0 42px;
   height: 42px;
   display: grid;
   place-items: center;
   border-radius: 50%;
   background: #fff0f0;
   color: #E02121;
   box-shadow: inset 0 0 0 1px rgba(224,33,33,.12), 0 8px 18px rgba(224,33,33,.14);
}

.ed-enroll-toast strong {
   display: block;
   color: #1f2432;
   font-size: 16px;
   line-height: 1.25;
   margin-bottom: 4px;
}

.ed-enroll-toast p {
   margin: 0;
   color: #60697b;
   font-size: 13.5px;
   line-height: 1.5;
}

/* 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-home-hero,
   .it-hero-content-slider .swiper-slide,
   .ed-hero-video-copy {
      --ed-hero-height: clamp(430px, 62vw, 550px);
      height: var(--ed-hero-height);
      min-height: var(--ed-hero-height);
   }

   .ed-hero-video-copy {
      padding-top: 88px;
      padding-bottom: 32px;
   }

   .ed-hero-video-copy h1 {
      font-size: 42px;
   }

   .ed-hero-split-slide .it-hero-thumb {
      margin-top: 32px;
   }

   .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-home-hero,
   .it-hero-content-slider .swiper-slide,
   .ed-hero-video-copy {
      --ed-hero-height: 420px;
      height: var(--ed-hero-height);
      min-height: var(--ed-hero-height);
   }

   .ed-hero-video-copy {
      width: calc(100% - 32px);
      padding-top: 72px;
      padding-bottom: 26px;
   }

   .ed-hero-video-copy h1 {
      font-size: clamp(24px, 8vw, 36px);
      line-height: 1.12;
   }

   .ed-hero-video-copy p {
      font-size: 16px;
      line-height: 1.55;
   }

   .ed-hero-split-slide .it-hero-thumb img {
      height: 220px;
      border-radius: 14px;
   }

   .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: 34px !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: 44px !important;
   padding-bottom: 40px !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: 78px !important;
    padding-bottom: 59px !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;
    }

    /* ======================================
      SIMPLE CENTERED HERO DESIGN
   ====================================== */

    .ed-home-hero {
      min-height: 650px !important;
      padding: 0 !important;
      overflow: hidden !important;
      background: radial-gradient(circle at top right, rgba(37, 167, 157, 0.25), transparent 38%),
      linear-gradient(135deg, #081c26 0%, #123f46 100%) !important;
    }

    .ed-home-hero .it-hero-shape-5,
    .ed-home-hero .it-hero-shape-6,
    .ed-home-hero .it-hero-shape-7 {
      display: none !important;
    }

    .ed-home-hero .it-hero-content-slider,
    .ed-home-hero .swiper-wrapper,
    .ed-home-hero .swiper-slide {
      min-height: 650px !important;
    }   

    .ed-home-hero .ed-hero-split-slide .container,
    .ed-home-hero .ed-hero-split-slide .row {
      min-height: 650px !important;
    }

    .ed-home-hero .ed-hero-split-slide .row {
      align-items: center !important;
    }

    .ed-home-hero .it-hero-content {
      padding: 70px 20px !important;
      text-align: center !important;
    }

    .ed-home-hero .it-hero-title,
    .ed-home-hero .it-hero-text p,
    .ed-home-hero .ed-hero-copy p {
      color: #ffffff !important;
    }

    .ed-home-hero .it-hero-title {
      font-size: clamp(32px, 4vw, 56px) !important;
      line-height: 1.12 !important;
    }

    .ed-home-hero .ed-title-line {
      margin-right: auto !important;
      margin-left: auto !important;
    }

    /* Typewriter text always visible */

    .ed-home-hero .it-hero-typed-wrap {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      min-height: 46px !important;
      margin: 18px 0 !important;
      color: #ffffff !important;
      font-size: 28px !important;
      font-weight: 700 !important;
      opacity: 1 !important;
      visibility: visible !important;
    }

    .ed-home-hero .it-hero-typed-text {
      display: inline-block !important;
      min-width: 180px !important;
      color: #f8c62f !important;
      opacity: 1 !important;
      visibility: visible !important;
    }

    .ed-home-hero .it-hero-typed-text::after {
      content: "|" !important;
      margin-left: 3px !important;
      color: #f8c62f !important;
      animation: edCursorBlink 0.8s infinite;
    }

    @keyframes edCursorBlink {
      50% {
        opacity: 0;
      }
    }

    .ed-home-hero .it-hero-content>.d-flex {
      justify-content: center !important;
      flex-wrap: wrap !important;
      gap: 12px !important;
    }

    /* Main slide image */

    .ed-home-hero .it-hero-thumb {
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      min-height: 650px !important;
      padding: 55px 20px !important;
      transform: none !important;
    }

    .ed-home-hero .it-hero-thumb img {
      display: block !important;
      width: auto !important;
      max-width: 100% !important;
      max-height: 510px !important;
      margin: auto !important;
      object-fit: contain !important;
      border-radius: 20px !important;
    }

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

    .ed-home-hero .ed-extra-slide {
      position: relative !important;
      display: block !important;
      min-height: 650px !important;
      padding: 0 !important;
      overflow: hidden !important;
      background: #081c26 !important;
    }

    .ed-home-hero .ed-extra-slide-inner {
      position: absolute !important;
      inset: 0 !important;
      width: 100% !important;
      height: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
    }

    .ed-home-hero .ed-extra-slide img {
      display: block !important;
      width: 100% !important;
      height: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
      object-fit: cover !important;
      object-position: center center !important;
      border: 0 !important;
      border-radius: 0 !important;
      box-shadow: none !important;
    }

    .ed-home-hero .it-hero-slider-dots {
      position: absolute !important;
      right: 0 !important;
      bottom: 22px !important;
      left: 0 !important;
      z-index: 20 !important;
    }

    /* Video */

    .ed-home-hero .ed-hero-video-wrap {
      background: #081c26 !important;
    }

    .ed-home-hero .ed-hero-video-copy {
      text-align: center !important;
    }

    .ed-home-hero .ed-hero-video-copy h1 {
      font-size: clamp(30px, 4vw, 54px) !important;
      line-height: 1.12 !important;
    }

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

    .ed-home-hero .ed-slider-nav-button {
      position: absolute !important;
      top: 50% !important;
      z-index: 35 !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      width: 50px !important;
      height: 50px !important;
      padding: 0 !important;
      color: #ffffff !important;
      background: rgba(8, 28, 38, 0.72) !important;
      border: 1px solid rgba(255, 255, 255, 0.65) !important;
      border-radius: 50% !important;
      font-size: 30px !important;
      line-height: 1 !important;
      cursor: pointer !important;
      transform: translateY(-50%) !important;
      backdrop-filter: blur(6px) !important;
      transition: 0.3s ease !important;
    }

    .ed-home-hero .ed-slider-nav-button:hover {
      color: #081c26 !important;
      background: #f8c62f !important;
      border-color: #f8c62f !important;
    }

    .ed-home-hero .ed-slider-prev {
      left: 22px !important;
    }

    .ed-home-hero .ed-slider-next {
      right: 22px !important;
    }

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

    .ed-home-hero .ed-video-next-button {
      position: absolute !important;
      right: 28px !important;
      bottom: 28px !important;
      z-index: 30 !important;
      display: inline-flex !important;
      align-items: center !important;
      gap: 10px !important;
      min-height: 48px !important;
      padding: 0 22px !important;
      color: #ffffff !important;
      background: rgba(8, 28, 38, 0.82) !important;
      border: 1px solid rgba(255, 255, 255, 0.55) !important;
      border-radius: 50px !important;
      font-size: 15px !important;
      font-weight: 700 !important;
      cursor: pointer !important;
      backdrop-filter: blur(7px) !important;
      transition: 0.3s ease !important;
    }

    .ed-home-hero .ed-video-next-button:hover {
      color: #081c26 !important;
      background: #f8c62f !important;
      border-color: #f8c62f !important;
      transform: translateX(3px) !important;
    }

    /* Balanced first image + text slide */

    .ed-home-hero {
      background: radial-gradient(circle at 82% 18%, rgba(35, 177, 158, 0.28), transparent 34%),
      radial-gradient(circle at 12% 85%, rgba(248, 198, 47, 0.08), transparent 28%),
      linear-gradient(120deg, #062a35 0%, #0a3f49 52%, #0d5b59 100%) !important;
    }

    .ed-home-hero .ed-hero-split-slide .row>div:first-child {
      flex: 0 0 55% !important;
      width: 55% !important;
      max-width: 55% !important;
    }

    .ed-home-hero .ed-hero-split-slide .row>div:last-child {
      flex: 0 0 45% !important;
      width: 45% !important;
      max-width: 45% !important;
    }

    .ed-home-hero .ed-hero-split-slide .it-hero-content {
      max-width: 650px !important;
      margin: 0 !important;
      padding: 60px 35px 90px !important;
      text-align: left !important;
    }

    .ed-home-hero .ed-hero-split-slide .it-hero-title {
      margin-bottom: 18px !important;
      font-size: clamp(34px, 3.2vw, 48px) !important;
      line-height: 1.12 !important;
      letter-spacing: -1px !important;
    }

    .ed-home-hero .ed-hero-split-slide .ed-title-line {
      margin-right: 0 !important;
      margin-left: 0 !important;
    }

    .ed-home-hero .ed-hero-split-slide .it-hero-typed-wrap {
      justify-content: flex-start !important;
      min-height: 38px !important;
      margin: 12px 0 16px !important;
      font-size: 22px !important;
    }

    .ed-home-hero .ed-hero-split-slide .it-hero-text p {
      max-width: 600px !important;
      margin-right: 0 !important;
      margin-left: 0 !important;
      text-align: left !important;
      font-size: 16px !important;
      line-height: 1.65 !important;
    }

    .ed-home-hero .ed-hero-split-slide .it-hero-content>.d-flex {
      justify-content: flex-start !important;
      gap: 14px !important;
      margin-top: 26px !important;
    }

    /* Theme animation ki duplicate button text remove */

    .ed-home-hero .ed-hero-split-slide .it-hero-bnt a>span {
      display: block !important;
      overflow: visible !important;
    }

    .ed-home-hero .ed-hero-split-slide .it-hero-bnt .text-1 {
      position: static !important;
      display: inline !important;
      opacity: 1 !important;
      visibility: visible !important;
      transform: none !important;
    }

    .ed-home-hero .ed-hero-split-slide .it-hero-bnt .text-2 {
      display: none !important;
    }

    .ed-home-hero .ed-hero-split-slide .ed-hero-read-more .it-btn {
      min-height: 52px !important;
      padding: 0 28px !important;
      display: inline-flex !important;
      align-items: center !important;
      color: #ffffff !important;
      background: transparent !important;
      border: 1px solid rgba(255, 255, 255, 0.72) !important;
      border-radius: 8px !important;
    }

    .ed-home-hero .ed-hero-split-slide .ed-hero-read-more .it-btn:hover {
      color: #082d37 !important;
      background: #ffffff !important;
    }

    .ed-home-hero .ed-hero-split-slide .it-hero-ratting-box {
      display: none !important;
    }

    .ed-home-hero .ed-hero-split-slide .it-hero-thumb {
      min-height: 650px !important;
      padding: 65px 32px 90px 10px !important;
    }

    .ed-home-hero .ed-hero-split-slide .it-hero-thumb img {
      width: 100% !important;
      max-height: 455px !important;
      object-fit: contain !important;
      border-radius: 18px !important;
      box-shadow: 0 22px 55px rgba(0, 0, 0, 0.22) !important;
    }

    /* 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;
    }

    @media (max-width: 991px) {
      .ed-home-hero,
      .ed-home-hero .it-hero-content-slider,
      .ed-home-hero .swiper-wrapper,
      .ed-home-hero .swiper-slide,
      .ed-home-hero .ed-hero-split-slide .container,
      .ed-home-hero .ed-hero-split-slide .row {
        min-height: auto !important;
      }

      .ed-home-hero .it-hero-content {
        padding: 70px 15px 20px !important;
      }

      .ed-home-hero .it-hero-thumb {
        min-height: auto !important;
        padding: 20px 15px 80px !important;
      }

      .ed-home-hero .it-hero-thumb img {
        max-height: 380px !important;
      }

      .ed-home-hero .it-hero-typed-wrap {
        font-size: 22px !important;
      }

      .ed-home-hero .ed-extra-slide {
        min-height: 600px !important;
      }

      .ed-home-hero .ed-hero-split-slide .row>div:first-child,
      .ed-home-hero .ed-hero-split-slide .row>div:last-child {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
      }

      .ed-home-hero .ed-hero-split-slide .it-hero-content {
        max-width: 720px !important;
        margin: auto !important;
        padding: 60px 28px 20px !important;
        text-align: center !important;
      }

      .ed-home-hero .ed-hero-split-slide .it-hero-title,
      .ed-home-hero .ed-hero-split-slide .it-hero-text p {
        margin-right: auto !important;
        margin-left: auto !important;
        text-align: center !important;
      }

      .ed-home-hero .ed-hero-split-slide .it-hero-typed-wrap,
      .ed-home-hero .ed-hero-split-slide .it-hero-content>.d-flex {
        justify-content: center !important;
      }

      .ed-home-hero .ed-hero-split-slide .it-hero-thumb {
        min-height: auto !important;
        padding: 20px 25px 80px !important;
      }

    }

    @media (max-width: 575px) {
      .ed-home-hero .ed-hero-video-copy h1 {
        font-size: 30px !important;
      }

      .ed-home-hero .ed-slider-nav-button {
        width: 42px !important;
        height: 42px !important;
        font-size: 25px !important;
      }

      .ed-home-hero .ed-slider-prev {
        left: 10px !important;
      }

      .ed-home-hero .ed-slider-next {
        right: 10px !important;
      }

      .ed-home-hero .ed-video-next-button {
        right: 14px !important;
        bottom: 18px !important;
        min-height: 44px !important;
        padding: 0 17px !important;
        font-size: 13px !important;
      }

      .it-about-area .ed-about-actions a,
      .it-about-area .ed-about-actions button {
        width: 100% !important;
      }

      .it-about-area .ed-about-more-panel {
        display: block !important;
      }

      .it-about-area .ed-about-points-list,
      .it-about-area .ed-about-story-grid {
        grid-template-columns: 1fr !important;
      }

      .it-about-area .ed-about-story,
      .it-about-area .ed-about-story+.ed-about-story {
        padding: 25px 0 0 !important;
        border-left: 0 !important;
      }

      .it-about-area .ed-about-story+.ed-about-story {
        margin-top: 25px !important;
        border-top: 1px solid #dce5e4 !important;
      }

      .it-about-area .ed-about-more-card,
      .it-about-area .ed-about-more-card+.ed-about-more-card {
        padding: 0 !important;
        border-left: 0 !important;
      }

      .it-about-area .ed-about-more-card+.ed-about-more-card {
        margin-top: 26px !important;
        padding-top: 26px !important;
        border-top: 1px solid #dce5e4 !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;
}

/* Modern light hero inspired by the supplied reference */
.ed-home-hero {
   --ed-hero-height: clamp(650px, 46vw, 820px) !important;
   height: var(--ed-hero-height) !important;
   min-height: var(--ed-hero-height) !important;
   background:
      radial-gradient(circle at 76% 12%, rgba(28, 128, 190, 0.12), transparent 24%),
      linear-gradient(105deg, #ffffff 0%, #ffffff 44%, #eef7ff 72%, #ffffff 100%) !important;
}

.ed-home-hero::before {
   content: "";
   position: absolute;
   inset: 0;
   background:
      radial-gradient(circle at 32% 18%, rgba(7, 35, 84, 0.08) 0 1px, transparent 1.5px),
      radial-gradient(circle at 45% 44%, rgba(7, 35, 84, 0.05), transparent 28%);
   background-size: 13px 13px, 100% 100%;
   opacity: 0.72;
   pointer-events: none;
}

.ed-home-hero .it-hero-shape-5,
.ed-home-hero .it-hero-shape-6,
.ed-home-hero .it-hero-shape-7 {
   display: none !important;
}

.ed-home-hero .it-hero-content-slider,
.ed-home-hero .swiper-wrapper,
.ed-home-hero .swiper-slide,
.ed-home-hero .ed-hero-split-slide .container,
.ed-home-hero .ed-hero-split-slide .row {
   height: var(--ed-hero-height) !important;
   min-height: var(--ed-hero-height) !important;
}

.ed-home-hero .ed-hero-split-slide .row {
   align-items: center !important;
}

.ed-home-hero .it-hero-content {
   padding-top: 24px !important;
   max-width: 660px !important;
}

.ed-hero-kicker {
   display: inline-flex;
   align-items: center;
   gap: 15px;
   margin-bottom: 24px;
   color: #08235a;
   font-size: 22px;
   font-weight: 900;
   letter-spacing: 0.02em;
   line-height: 1;
   text-transform: uppercase;
}

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

.ed-home-hero .it-hero-title {
   margin-bottom: 18px !important;
   color: #08235a !important;
   font-size: clamp(54px, 5.6vw, 92px) !important;
   font-weight: 900 !important;
   line-height: 0.98 !important;
   letter-spacing: 0 !important;
   text-shadow: none !important;
}

.ed-home-hero .ed-hero-red-word {
   position: relative;
   display: inline-block;
   color: var(--it-theme-1) !important;
}

.ed-home-hero .ed-hero-red-word::after {
   content: "";
   position: absolute;
   left: 0;
   bottom: -12px;
   width: 120px;
   height: 4px;
   border-radius: 999px;
   background: var(--it-theme-1);
}

.ed-home-hero .it-hero-typed-wrap {
   display: none !important;
}

.ed-home-hero .it-hero-text {
   margin-top: 42px !important;
}

.ed-home-hero .it-hero-text p {
   max-width: 620px !important;
   margin-bottom: 18px !important;
   color: #08235a !important;
   font-size: 30px !important;
   font-weight: 800 !important;
   line-height: 1.2 !important;
   text-shadow: none !important;
}

.ed-home-hero .it-hero-text p span {
   display: block;
   color: var(--it-theme-1);
}

.ed-home-hero .ed-hero-copy p {
   max-width: 590px !important;
   color: #25324a !important;
   font-size: 18px !important;
   font-weight: 500 !important;
   line-height: 1.6 !important;
}

.ed-home-hero .it-hero-content > .d-flex {
   margin-top: 34px !important;
   gap: 18px !important;
}

.ed-home-hero .it-btn-yellow {
   min-width: 168px !important;
   border-radius: 8px !important;
   background: var(--it-theme-2) !important;
   color: #08235a !important;
   box-shadow: 0 14px 30px rgba(248, 198, 47, 0.28);
}

.ed-home-hero .it-btn-yellow span,
.ed-home-hero .it-btn-yellow .text-1,
.ed-home-hero .it-btn-yellow .text-2 {
   color: #08235a !important;
}

.ed-home-hero .ed-hero-read-more .it-btn {
   min-width: 152px !important;
   border: 1px solid #c9d3e2 !important;
   border-radius: 8px !important;
   background: rgba(255, 255, 255, 0.62) !important;
   color: #08235a !important;
}

.ed-home-hero .ed-hero-read-more .it-btn span,
.ed-home-hero .ed-hero-read-more .it-btn .text-1,
.ed-home-hero .ed-hero-read-more .it-btn .text-2 {
   color: #08235a !important;
}

.ed-home-hero .it-hero-ratting-box {
   display: none !important;
}

.ed-home-hero .it-hero-thumb {
   margin-left: -26px !important;
   padding: 0 !important;
   border-radius: 0 !important;
   background: transparent !important;
   box-shadow: none !important;
}

.ed-home-hero .it-hero-thumb img {
   width: 100% !important;
   max-width: 860px !important;
   aspect-ratio: 16 / 10 !important;
   border-radius: 0 !important;
   object-fit: cover !important;
   object-position: 69% center !important;
   box-shadow: none !important;
}

.ed-home-hero .ed-slider-nav-button {
   border-color: #c7d2e2 !important;
   color: #08235a !important;
   background: rgba(255, 255, 255, 0.58) !important;
}

.ed-home-hero .ed-slider-nav-button:hover {
   border-color: var(--it-theme-1) !important;
   background: var(--it-theme-1) !important;
   color: var(--it-common-white) !important;
}

@media (max-width: 991px) {
   .ed-home-hero,
   .ed-home-hero .it-hero-content-slider,
   .ed-home-hero .swiper-wrapper,
   .ed-home-hero .swiper-slide,
   .ed-home-hero .ed-hero-split-slide .container,
   .ed-home-hero .ed-hero-split-slide .row {
      --ed-hero-height: auto !important;
      height: auto !important;
      min-height: 0 !important;
   }

   .ed-home-hero {
      padding: 74px 0 40px !important;
   }

   .ed-home-hero .it-hero-title {
      font-size: clamp(42px, 10vw, 64px) !important;
   }

   .ed-home-hero .it-hero-text p {
      font-size: 24px !important;
   }

   .ed-home-hero .it-hero-thumb {
      margin: 36px 0 0 !important;
   }
}

@media (max-width: 575px) {
   .ed-hero-kicker {
      gap: 10px;
      font-size: 15px;
   }

   .ed-home-hero .it-hero-title {
      font-size: 38px !important;
   }

   .ed-home-hero .it-hero-text p {
      font-size: 20px !important;
   }

   .ed-home-hero .it-hero-content > .d-flex {
      flex-direction: column;
      align-items: stretch !important;
   }
}

.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-content {
   min-height: 0;
   padding: 44px 22px 24px !important;
}

.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: 34px 18px 22px !important;
}

.it-course-area .it-course-title {
   min-height: 32px !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-card-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }

   .header .course-mini-card {
      animation: none;
      opacity: 1;
      transform: none;
   }

}

@media (max-width: 575px) {
   .header .course-card-grid {
      grid-template-columns: 1fr;
   }
}

@media (max-width: 991px) {
}

@media (max-width: 575px) {
}

/* 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 */
.ed-home-hero {
   background:
      radial-gradient(circle at 75% 22%, rgba(248, 198, 47, 0.18), transparent 18%),
      radial-gradient(circle at 86% 70%, rgba(237, 31, 36, 0.12), transparent 22%),
      linear-gradient(105deg, #ffffff 0%, #f8fbff 44%, #eaf6ff 78%, #ffffff 100%) !important;
}

.ed-home-hero .it-hero-thumb {
   position: relative !important;
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   max-width: 650px !important;
   margin: 0 auto !important;
   padding: 28px 22px 10px !important;
   isolation: isolate;
}

.ed-home-hero .it-hero-thumb::before {
   content: "";
   position: absolute;
   left: 3%;
   right: 3%;
   top: 9%;
   bottom: 6%;
   z-index: -2;
   border-radius: 34px;
   background:
      linear-gradient(135deg, rgba(255,255,255,.92), rgba(235,247,255,.72)),
      radial-gradient(circle at 18% 18%, rgba(237, 31, 36, .12), transparent 24%),
      radial-gradient(circle at 82% 78%, rgba(248, 198, 47, .26), transparent 28%);
   box-shadow: 0 30px 80px rgba(8, 35, 90, .13);
}

.ed-home-hero .it-hero-thumb::after {
   content: "";
   position: absolute;
   right: -2px;
   bottom: 18px;
   z-index: -1;
   width: 138px;
   height: 138px;
   border-radius: 50%;
   background:
      radial-gradient(circle, rgba(237,31,36,.36) 0 2px, transparent 2.8px),
      #f8c62f;
   background-size: 12px 12px, auto;
   opacity: .86;
}

.ed-home-hero .it-hero-thumb img {
   display: block !important;
   width: min(100%, 610px) !important;
   max-width: 610px !important;
   height: clamp(300px, 29vw, 470px) !important;
   aspect-ratio: auto !important;
   object-fit: contain !important;
   object-position: center bottom !important;
   border-radius: 0 !important;
   background: transparent !important;
   box-shadow: none !important;
   mix-blend-mode: multiply;
   filter: contrast(1.03) saturate(1.04);
}

@media (max-width: 991px) {
   .ed-home-hero .it-hero-thumb {
      max-width: 560px !important;
      padding: 18px 18px 4px !important;
   }

   .ed-home-hero .it-hero-thumb img {
      height: clamp(260px, 58vw, 390px) !important;
   }
}

@media (max-width: 575px) {
   .ed-home-hero .it-hero-thumb::before {
      border-radius: 22px;
   }

   .ed-home-hero .it-hero-thumb::after {
      width: 92px;
      height: 92px;
      right: 8px;
      bottom: 8px;
   }

   .ed-home-hero .it-hero-thumb img {
      height: 250px !important;
   }
}

/* Admin hero image now includes its own designed background */
.ed-home-hero .it-hero-thumb::before,
.ed-home-hero .it-hero-thumb::after {
   display: none !important;
}

.ed-home-hero .it-hero-thumb {
   padding: 0 !important;
}

.ed-home-hero .it-hero-thumb img {
   width: min(100%, 700px) !important;
   max-width: 700px !important;
   height: clamp(330px, 29vw, 475px) !important;
   object-fit: cover !important;
   object-position: 62% center !important;
   border-radius: 24px !important;
   background: #edf7ff !important;
   box-shadow: 0 28px 70px rgba(8, 35, 90, .16) !important;
   mix-blend-mode: normal !important;
}

@media (max-width: 991px) {
   .ed-home-hero .it-hero-thumb img {
      height: clamp(280px, 58vw, 420px) !important;
   }
}

@media (max-width: 575px) {
   .ed-home-hero .it-hero-thumb img {
      height: 260px !important;
      border-radius: 16px !important;
   }
}

/* Full background hero: admin image behind the text */
.ed-home-hero {
   background: #eef7ff !important;
}

.ed-home-hero .ed-hero-bg-slide {
   position: relative !important;
   background: #eef7ff !important;
}

.ed-home-hero .ed-hero-bg-photo {
   position: absolute !important;
   inset: 0 !important;
   z-index: 0 !important;
   width: 100% !important;
   height: 100% !important;
   object-fit: cover !important;
   object-position: center center !important;
   border-radius: 0 !important;
   opacity: 1 !important;
   pointer-events: none !important;
}

.ed-home-hero .ed-hero-bg-slide::before {
   content: "";
   position: absolute;
   inset: 0;
   z-index: 0;
   background:
      linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.94) 29%, rgba(255,255,255,.66) 48%, rgba(255,255,255,.12) 70%, rgba(255,255,255,0) 100%),
      linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.18)),
      radial-gradient(circle at 18% 70%, rgba(248,198,47,.18), transparent 24%);
   pointer-events: none;
}

.ed-home-hero .ed-hero-bg-slide .container,
.ed-home-hero .ed-hero-bg-slide .row,
.ed-home-hero .ed-hero-bg-slide .it-hero-content {
   position: relative !important;
   z-index: 2 !important;
}

.ed-home-hero .ed-hero-bg-slide .it-hero-content {
   max-width: 770px !important;
   padding: 66px 0 76px !important;
}

.ed-home-hero .ed-hero-bg-slide .it-hero-title {
   max-width: 720px !important;
   text-shadow: 0 8px 24px rgba(255,255,255,.78) !important;
}

.ed-home-hero .ed-hero-bg-slide .it-hero-text p,
.ed-home-hero .ed-hero-bg-slide .ed-hero-copy p {
   text-shadow: 0 8px 24px rgba(255,255,255,.82) !important;
}

.ed-home-hero .ed-hero-bg-slide .row > div:last-child {
   display: none !important;
}

.ed-home-hero .ed-hero-bg-slide .row > div:first-child {
   flex: 0 0 58% !important;
   width: 58% !important;
   max-width: 58% !important;
}

@media (max-width: 1199px) {
   .ed-home-hero .ed-hero-bg-photo {
      object-position: 58% center !important;
   }

   .ed-home-hero .ed-hero-bg-slide .row > div:first-child {
      flex: 0 0 64% !important;
      width: 64% !important;
      max-width: 64% !important;
   }
}

@media (max-width: 991px) {
   .ed-home-hero .ed-hero-bg-slide {
      padding-bottom: 270px !important;
   }

   .ed-home-hero .ed-hero-bg-slide::before {
      background:
         linear-gradient(180deg, rgba(255,255,255,.97) 0%, rgba(255,255,255,.92) 45%, rgba(255,255,255,.58) 100%),
         radial-gradient(circle at 18% 70%, rgba(248,198,47,.16), transparent 24%);
   }

   .ed-home-hero .ed-hero-bg-photo {
      object-position: 62% bottom !important;
   }

   .ed-home-hero .ed-hero-bg-slide .row > div:first-child {
      flex: 0 0 100% !important;
      width: 100% !important;
      max-width: 100% !important;
   }

   .ed-home-hero .ed-hero-bg-slide .it-hero-content {
      max-width: 720px !important;
      padding: 42px 0 20px !important;
      text-align: center !important;
   }
}

@media (max-width: 575px) {
   .ed-home-hero .ed-hero-bg-slide {
      padding-bottom: 215px !important;
   }

   .ed-home-hero .ed-hero-bg-photo {
      object-position: 64% bottom !important;
   }
}


/* 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 {
    position: relative !important;
    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;
    }

    .dynamic-topbar .topbar-content {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .dynamic-topbar .contact-list {
        gap: 6px 14px !important;
    }

    .dynamic-topbar .social-list {
        display: none !important;
    }

    .dynamic-topbar a,
    .dynamic-topbar span {
        font-size: 11px !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. */
/*body {
   padding-top: var(--header-space, 130px);
}*/

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

.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;
}

.ed-home-hero {
   --ed-hero-height: clamp(500px, calc(100svh - 132px), 680px) !important;
   height: var(--ed-hero-height) !important;
   min-height: var(--ed-hero-height) !important;
}

.ed-home-hero .it-hero-content-slider,
.ed-home-hero .swiper-wrapper,
.ed-home-hero .swiper-slide,
.ed-home-hero .ed-hero-split-slide .container,
.ed-home-hero .ed-hero-split-slide .row {
   height: var(--ed-hero-height) !important;
   min-height: var(--ed-hero-height) !important;
}

.ed-home-hero .ed-hero-bg-slide .it-hero-content {
   padding: clamp(26px, 5vh, 54px) 0 clamp(28px, 5vh, 58px) !important;
}

.ed-home-hero .it-hero-title {
   max-width: min(720px, 100%) !important;
   font-size: clamp(42px, 5vw, 76px) !important;
   line-height: 1.03 !important;
}

.ed-home-hero .it-hero-text {
   margin-top: clamp(26px, 4vh, 36px) !important;
}

.ed-home-hero .it-hero-text p {
   font-size: clamp(20px, 2.1vw, 27px) !important;
   line-height: 1.28 !important;
}

.ed-home-hero .ed-hero-copy p {
   font-size: clamp(15px, 1.25vw, 17px) !important;
   line-height: 1.58 !important;
}

.ed-home-hero .it-hero-content > .d-flex {
   flex-wrap: wrap !important;
   margin-top: clamp(22px, 3vh, 30px) !important;
}

@media (max-width: 1199px) {
   .ed-home-hero {
      --ed-hero-height: auto !important;
      height: auto !important;
      min-height: 0 !important;
   }

   .ed-home-hero .it-hero-content-slider,
   .ed-home-hero .swiper-wrapper,
   .ed-home-hero .swiper-slide,
   .ed-home-hero .ed-hero-split-slide .container,
   .ed-home-hero .ed-hero-split-slide .row {
      height: auto !important;
      min-height: 0 !important;
   }
}

@media (max-width: 991px) {
   .ed-home-hero {
      padding: 0 !important;
   }

   .ed-home-hero .ed-hero-bg-slide {
      padding: 40px 0 210px !important;
   }

   .ed-home-hero .ed-hero-bg-slide .it-hero-content {
      padding: 0 !important;
   }

   .ed-home-hero .it-hero-title {
      font-size: clamp(34px, 8vw, 54px) !important;
   }

   .ed-home-hero .it-hero-text {
      margin-top: 26px !important;
   }

   .ed-home-hero .it-hero-text p {
      font-size: clamp(18px, 4.4vw, 24px) !important;
   }

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

   .ed-home-hero .ed-hero-video-copy {
      width: min(720px, calc(100% - 32px)) !important;
      padding: 58px 0 34px !important;
   }

   .ed-home-hero .ed-hero-video-copy h1 {
      max-width: 100% !important;
      white-space: normal !important;
      overflow-wrap: normal !important;
      font-size: clamp(34px, 8vw, 54px) !important;
      line-height: 1.12 !important;
   }

   .ed-home-hero .ed-hero-video-copy p {
      max-width: 620px !important;
      font-size: clamp(16px, 3.4vw, 19px) !important;
      line-height: 1.55 !important;
   }
}

@media (max-width: 575px) {
   .header .dynamic-topbar {
      max-height: 36px;
   }

   .ed-home-hero .ed-hero-bg-slide {
      padding: 30px 0 150px !important;
   }

   .ed-home-hero .ed-hero-bg-photo {
      object-position: 66% bottom !important;
   }

   .ed-hero-kicker {
      margin-bottom: 16px;
      font-size: 13px;
      line-height: 1.25;
   }

   .ed-home-hero .it-hero-title {
      font-size: clamp(31px, 9.2vw, 38px) !important;
      line-height: 1.08 !important;
   }

   .ed-home-hero .ed-hero-red-word::after {
      bottom: -7px;
      width: 88px;
      height: 3px;
   }

   .ed-home-hero .it-hero-text {
      margin-top: 20px !important;
   }

   .ed-home-hero .it-hero-content > .d-flex {
      gap: 10px !important;
      margin-top: 18px !important;
   }

   .ed-home-hero .it-hero-bnt,
   .ed-home-hero .ed-hero-read-more {
      width: 100%;
   }

   .ed-home-hero .it-btn-yellow,
   .ed-home-hero .ed-hero-read-more .it-btn {
      width: 100% !important;
      min-height: 44px !important;
   }

   .ed-home-hero .ed-slider-nav-button {
      display: none !important;
   }

   .ed-home-hero .ed-hero-video-copy {
      padding: 48px 0 30px !important;
   }

   .ed-home-hero .ed-hero-video-copy span {
      max-width: 100% !important;
      min-height: 30px !important;
      padding: 7px 13px !important;
      font-size: 11px !important;
      line-height: 1.2 !important;
   }

   .ed-home-hero .ed-hero-video-copy h1 {
      font-size: clamp(29px, 8.8vw, 36px) !important;
      line-height: 1.14 !important;
   }

   .ed-home-hero .ed-hero-video-copy p {
      font-size: 15px !important;
      line-height: 1.5 !important;
   }

   .ed-home-hero .ed-hero-video-copy .it-btn-yellow {
      width: 100% !important;
      min-width: 0 !important;
      min-height: 48px !important;
   }
}

/* Mobile-first correction for index hero video + slider states */
@media (max-width: 767px) {
   .ed-home-hero {
      min-height: auto !important;
   }

   .ed-home-hero .ed-hero-video-copy {
      justify-content: flex-start !important;
      min-height: auto !important;
      padding-top: 58px !important;
      padding-bottom: 96px !important;
   }

   .ed-home-hero .ed-video-next-button {
      display: none !important;
   }

   .ed-home-hero .ed-video-next-button:hover {
      transform: none !important;
   }

   .ed-home-hero .ed-hero-bg-slide {
      display: flex !important;
      align-items: flex-start !important;
      padding: 28px 0 168px !important;
   }

   .ed-home-hero .ed-hero-bg-slide .container,
   .ed-home-hero .ed-hero-bg-slide .row {
      height: auto !important;
      min-height: 0 !important;
   }

   .ed-home-hero .ed-hero-bg-slide .it-hero-content {
      max-width: 100% !important;
      height: auto !important;
      min-height: 0 !important;
      padding: 0 !important;
      text-align: center !important;
   }

   .ed-home-hero .ed-hero-bg-slide .it-hero-title {
      margin-bottom: 12px !important;
      font-size: clamp(28px, 8vw, 36px) !important;
      line-height: 1.12 !important;
   }

   .ed-home-hero .ed-hero-bg-slide .it-hero-text {
      margin-top: 18px !important;
   }

   .ed-home-hero .ed-hero-bg-slide .it-hero-text p {
      margin-bottom: 10px !important;
      font-size: clamp(16px, 4.2vw, 20px) !important;
      line-height: 1.38 !important;
   }

   .ed-home-hero .ed-hero-bg-slide .ed-hero-copy p {
      max-width: 100% !important;
      margin-bottom: 0 !important;
      font-size: 14px !important;
      line-height: 1.5 !important;
   }

   .ed-home-hero .ed-hero-bg-slide .it-hero-content > .d-flex {
      margin-top: 16px !important;
   }

   .ed-home-hero .ed-hero-bg-slide .ed-hero-read-more {
      display: none !important;
   }
}

@media (max-width: 420px) {
   .ed-home-hero .ed-hero-bg-slide {
      padding-bottom: 142px !important;
   }

   .ed-home-hero .ed-hero-bg-slide .ed-hero-copy p {
      display: none !important;
   }

   .ed-home-hero .ed-hero-bg-slide .it-hero-title {
      font-size: clamp(27px, 8.4vw, 34px) !important;
   }
}

/* Final responsive contract for the index hero.
   Video and slides must occupy the same stage on every viewport. */
.ed-home-hero {
   --ed-index-hero-height: clamp(540px, calc(100svh - var(--header-space, 132px)), 720px);
   width: 100% !important;
   height: var(--ed-index-hero-height) !important;
   min-height: var(--ed-index-hero-height) !important;
   padding: 0 !important;
   margin: 0 !important;
   overflow: hidden !important;
}

.ed-home-hero .ed-hero-media-stage,
.ed-home-hero #heroVideoWrap,
.ed-home-hero #heroContentReveal,
.ed-home-hero #heroContentReveal .swiper-wrapper,
.ed-home-hero #heroContentReveal .swiper-slide {
   position: relative !important;
   width: 100% !important;
   height: 100% !important;
   min-height: 100% !important;
   max-height: 100% !important;
   margin: 0 !important;
   padding: 0 !important;
   overflow: hidden !important;
}

.ed-home-hero #heroVideoWrap,
.ed-home-hero #heroContentReveal {
   position: absolute !important;
   inset: 0 !important;
   transition: opacity .45s ease !important;
}

.ed-home-hero #heroContentReveal.ed-hero-content-hidden {
   display: block !important;
   visibility: hidden !important;
   opacity: 0 !important;
   pointer-events: none !important;
}

.ed-home-hero #heroContentReveal:not(.ed-hero-content-hidden) {
   display: block !important;
   visibility: visible !important;
   opacity: 1 !important;
   pointer-events: auto !important;
}

.ed-home-hero #heroIntroVideo,
.ed-home-hero .ed-hero-video-wrap video {
   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;
}

.ed-home-hero .ed-hero-video-wrap::after {
   content: "";
   position: absolute;
   inset: 0;
   z-index: 2;
   background: linear-gradient(90deg, rgba(4, 20, 36, .72), rgba(4, 20, 36, .34) 48%, rgba(4, 20, 36, .08));
   pointer-events: none;
}

.ed-home-hero .ed-hero-video-copy {
   position: absolute !important;
   z-index: 4 !important;
   inset: 0 !important;
   transform: none !important;
   display: flex !important;
   flex-direction: column !important;
   justify-content: center !important;
   align-items: flex-start !important;
   box-sizing: border-box !important;
   width: min(1200px, calc(100% - 48px)) !important;
   height: 100% !important;
   margin: 0 auto !important;
   padding: 28px 0 86px !important;
   text-align: left !important;
}

.ed-home-hero .ed-hero-video-copy h1 {
   max-width: 660px !important;
   font-size: clamp(42px, 5vw, 70px) !important;
   line-height: 1.04 !important;
   white-space: normal !important;
   overflow-wrap: anywhere !important;
}

.ed-home-hero .ed-hero-video-copy p {
   max-width: 560px !important;
   font-size: clamp(17px, 1.45vw, 22px) !important;
   line-height: 1.55 !important;
}

.ed-home-hero .ed-video-next-button {
   display: inline-flex !important;
   align-items: center !important;
   justify-content: center !important;
   gap: 8px !important;
   position: absolute !important;
   right: max(18px, calc((100vw - 1200px) / 2)) !important;
   bottom: 24px !important;
   z-index: 5 !important;
   min-height: 44px !important;
   padding: 0 18px !important;
   border-radius: 999px !important;
   white-space: nowrap !important;
}

.ed-home-hero .ed-hero-bg-slide {
   display: flex !important;
   align-items: center !important;
   background: linear-gradient(110deg, #ffffff 0%, #fff6f6 44%, #eef7ff 100%) !important;
}

.ed-home-hero .v3-hero-main-img,
.ed-home-hero .ed-hero-bg-photo {
   position: absolute !important;
   inset: 0 0 0 auto !important;
   z-index: 0 !important;
   width: 58% !important;
   height: 100% !important;
   object-fit: contain !important;
   object-position: center right !important;
   opacity: 1 !important;
   transform: none !important;
}

.ed-home-hero .ed-hero-bg-slide::before {
   content: "";
   position: absolute;
   inset: 0;
   z-index: 1;
   background: linear-gradient(90deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.86) 42%, rgba(255,255,255,.25) 78%, rgba(255,255,255,0) 100%);
   pointer-events: none;
}

.ed-home-hero .ed-hero-slide-container {
   position: relative !important;
   z-index: 2 !important;
   width: 100% !important;
   height: 100% !important;
}

.ed-home-hero .ed-hero-bg-slide .row {
   height: 100% !important;
   align-items: center !important;
}

.ed-home-hero .ed-hero-bg-slide .it-hero-content {
   max-width: 650px !important;
   padding: 26px 0 74px !important;
}

.ed-home-hero .ed-hero-bg-slide .it-hero-thumb {
   display: none !important;
}

.ed-home-hero .ed-extra-slide,
.ed-home-hero .ed-extra-slide-inner {
   position: relative !important;
   width: 100% !important;
   height: 100% !important;
   min-height: 100% !important;
   overflow: hidden !important;
   background: #fff6f6 !important;
}

.ed-home-hero .v3-hero-extra-img,
.ed-home-hero .ed-extra-slide-inner img {
   display: block !important;
   width: 100% !important;
   height: 100% !important;
   object-fit: contain !important;
   object-position: center center !important;
   background: #fff6f6 !important;
   transform: none !important;
}

.ed-home-hero .ed-extra-slide-cta {
   position: absolute !important;
   left: 50% !important;
   bottom: 28px !important;
   z-index: 3 !important;
   display: flex !important;
   flex-wrap: wrap !important;
   justify-content: center !important;
   gap: 12px !important;
   width: min(620px, calc(100% - 32px)) !important;
   transform: translateX(-50%) !important;
}

.ed-home-hero .ed-slider-nav-button {
   z-index: 6 !important;
}

.ed-home-hero .it-hero-slider-dots {
   position: absolute !important;
   left: 0 !important;
   right: 0 !important;
   bottom: 18px !important;
   z-index: 6 !important;
   margin: 0 !important;
}

@media (max-width: 991px) {
   .ed-home-hero {
      --ed-index-hero-height: clamp(560px, calc(100svh - var(--header-space, 110px)), 680px);
   }

   .ed-home-hero .ed-hero-video-copy {
      align-items: center !important;
      width: calc(100% - 34px) !important;
      margin: 0 auto !important;
      padding: 42px 0 98px !important;
      text-align: center !important;
   }

   .ed-home-hero .ed-hero-video-copy h1 {
      max-width: min(100%, 620px) !important;
      font-size: clamp(34px, 7.6vw, 56px) !important;
      line-height: 1.1 !important;
   }

   .ed-home-hero .ed-hero-video-copy p {
      font-size: clamp(16px, 3vw, 20px) !important;
   }

   .ed-home-hero .ed-video-next-button {
      left: 50% !important;
      right: auto !important;
      bottom: 22px !important;
      transform: translateX(-50%) !important;
      max-width: calc(100% - 28px) !important;
   }

   .ed-home-hero .ed-hero-bg-slide {
      align-items: flex-start !important;
      padding: 0 !important;
   }

   .ed-home-hero .v3-hero-main-img,
   .ed-home-hero .ed-hero-bg-photo {
      inset: auto 0 0 0 !important;
      width: 100% !important;
      height: 58% !important;
      object-position: center bottom !important;
   }

   .ed-home-hero .ed-hero-bg-slide::before {
      background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.92) 42%, rgba(255,255,255,.42) 70%, rgba(255,255,255,0) 100%) !important;
   }

   .ed-home-hero .ed-hero-slide-container,
   .ed-home-hero .ed-hero-bg-slide .row {
      height: 100% !important;
   }

   .ed-home-hero .ed-hero-bg-slide .it-hero-content {
      max-width: 100% !important;
      padding: 42px 0 210px !important;
      text-align: center !important;
   }

   .ed-home-hero .ed-hero-bg-slide .it-hero-title {
      font-size: clamp(32px, 7vw, 48px) !important;
      line-height: 1.12 !important;
   }
}

@media (max-width: 575px) {
   .ed-home-hero {
      --ed-index-hero-height: min(660px, calc(100svh - var(--header-space, 96px))) !important;
      min-height: 540px !important;
   }

   .ed-home-hero .ed-hero-video-copy {
      width: calc(100% - 28px) !important;
      padding: 26px 0 92px !important;
   }

   .ed-home-hero .ed-hero-video-copy h1 {
      max-width: min(100%, 330px) !important;
      font-size: clamp(28px, 8.2vw, 36px) !important;
      line-height: 1.12 !important;
      margin-bottom: 14px !important;
   }

   .ed-home-hero .ed-hero-video-copy p {
      font-size: 15px !important;
      line-height: 1.48 !important;
      margin-bottom: 18px !important;
   }

   .ed-home-hero .ed-hero-video-copy .it-btn-yellow {
      width: min(100%, 320px) !important;
      min-height: 46px !important;
   }

   .ed-home-hero .ed-video-next-button {
      bottom: 16px !important;
      min-height: 40px !important;
      padding: 0 14px !important;
      font-size: 13px !important;
   }

   .ed-home-hero .ed-hero-bg-slide .it-hero-content {
      padding: 30px 0 210px !important;
   }

   .ed-home-hero .ed-hero-bg-slide .it-hero-title {
      font-size: clamp(27px, 7.8vw, 34px) !important;
      line-height: 1.12 !important;
      margin-bottom: 10px !important;
   }

   .ed-home-hero .ed-hero-bg-slide .it-hero-text {
      margin-top: 14px !important;
   }

   .ed-home-hero .ed-hero-bg-slide .it-hero-text p {
      font-size: 15px !important;
      line-height: 1.38 !important;
      margin-bottom: 8px !important;
   }

   .ed-home-hero .ed-hero-bg-slide .ed-hero-copy p {
      display: none !important;
   }

   .ed-home-hero .ed-hero-bg-slide .it-hero-content > .d-flex {
      justify-content: center !important;
      gap: 10px !important;
      margin-top: 14px !important;
   }

   .ed-home-hero .ed-hero-bg-slide .it-hero-bnt {
      width: min(100%, 310px) !important;
   }

   .ed-home-hero .ed-hero-bg-slide .ed-hero-read-more {
      display: none !important;
   }

   .ed-home-hero .ed-slider-nav-button {
      display: none !important;
   }

   .ed-home-hero .ed-extra-slide-cta {
      bottom: 18px !important;
      gap: 8px !important;
   }
}

/* Course and country flags: keep circular badges clean and prevent cropped flags. */
.it-course-area .ed-course-flag,
.ed-course-flag {
   width: 82px !important;
   height: 82px !important;
   padding: 7px !important;
   overflow: visible !important;
   background: #fff !important;
}

.it-course-area .ed-course-flag img,
.ed-course-flag img,
.header .course-mini-img img {
   width: 100% !important;
   height: 100% !important;
   object-fit: contain !important;
   border-radius: 50% !important;
   background: #fff !important;
}

.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;
}

.it-course-area .it-course-item {
   background: #ffffff !important;
   border: 1px solid rgba(224, 33, 33, 0.14) !important;
   box-shadow: 0 14px 34px rgba(17, 24, 39, 0.07) !important;
   transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, background .25s ease !important;
}

.it-course-area .it-course-item:hover {
   background: #e02121 !important;
   border-color: #e02121 !important;
   box-shadow: 0 22px 48px rgba(224, 33, 33, 0.22) !important;
   transform: translateY(-4px);
}

.it-course-area .it-course-item:hover .it-course-content,
.it-course-area .it-course-item:hover .it-course-title,
.it-course-area .it-course-item:hover .it-course-title a,
.it-course-area .it-course-item:hover .it-course-meta span,
.it-course-area .it-course-item:hover .it-course-meta span i,
.it-course-area .it-course-item:hover .it-course-meta span svg,
.it-course-area .it-course-item:hover .it-course-price-box span,
.it-course-area .it-course-item:hover .it-course-price-box i,
.it-course-area .it-course-item:hover p {
   color: #B20A00 !important;
}

.it-course-area .it-course-item:hover .it-course-btn .it-btn-yellow {
   background: #ffffff !important;
   border-color: #ffffff !important;
}

.it-course-area .it-course-item:hover .it-course-btn .it-btn-yellow span {
   color: #e02121 !important;
}

.it-course-area .it-course-content {
   display: flex;
   min-height: 210px !important;
   flex-direction: column;
   justify-content: flex-start;
   gap: 10px;
}

.it-course-area .it-course-title {
   min-height: auto !important;
   margin-bottom: 4px !important;
   word-break: normal;
   overflow-wrap: anywhere;
}

.it-course-area .it-course-meta {
   row-gap: 8px !important;
}

.it-course-area .it-course-btn {
   margin-top: auto !important;
   padding-top: 8px;
}

.ed-course-video-link {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 7px;
   width: 100%;
   margin-top: 10px;
   min-height: 42px;
   border-radius: 8px;
   color: #e02121 !important;
   background: #fff4f4;
   border: 1px solid rgba(224, 33, 33, .22);
   font-size: 14px;
   font-weight: 800;
   text-decoration: none !important;
}

.it-course-area .it-course-item:hover .ed-course-video-link {
   color: #ffffff !important;
   background: rgba(255, 255, 255, .16);
   border-color: rgba(255, 255, 255, .52);
}

.it-course-area .it-course-item:hover .ed-course-video-link i {
   color: #ffffff !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-home-hero .ed-extra-slide-inner {
      background-image: var(--ed-slide-mobile-bg, var(--ed-slide-desktop-bg)) !important;
   }
}

@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;
}

.ed-home-hero.theme-bg,
.ed-home-hero {
   background: #ffffff !important;
}

@keyframes edLoaderPulse {
   from { transform: translateY(0); opacity: .72; }
   to { transform: translateY(-2px); opacity: 1; }
}

@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;
   }
}

/* Notification Solid Background Fix */
.ed-enroll-toast,
.ed-enroll-toast.show {
   background: #ffffff !important;
   opacity: 1 !important;
   backdrop-filter: none !important;
   -webkit-backdrop-filter: none !important;
}

/* Language Page Mobile Hero Fix */
@media (max-width: 991px) {
   .spanish-hero,
   .hero-slider,
   .hero-fr-hero,
   .hero-jp-hero {
      min-height: clamp(330px, 92vw, 430px) !important;
      padding: 22px 0 !important;
      display: flex !important;
      align-items: center !important;
      overflow: hidden !important;
      background-size: cover !important;
      background-position: center right !important;
      background-repeat: no-repeat !important;
   }

   .spanish-hero {
      background-image: url('../img/spanish/img1.webp') !important;
   }

   .hero-slider {
      background-image: url('../img/germany/img8.webp') !important;
   }

   .hero-fr-hero {
      background-image: url('../img/french/hero-bg.webp') !important;
   }

   .hero-jp-hero {
      background-image: url('../img/japan/hero.webp') !important;
   }

   .spanish-hero-img-mobile,
   .hero-slider-img-mobile,
   .hero-fr-hero-img-mobile,
   .hero-jp-hero-img-mobile {
      display: none !important;
   }

   .spanish-hero-wrap,
   .hero-slider-wrap,
   .hero-fr-hero-wrap,
   .hero-jp-hero-wrap {
      min-height: inherit !important;
      flex-direction: row !important;
      align-items: center !important;
   }

   .spanish-hero-content,
   .hero-slider-content,
   .hero-fr-hero-content,
   .hero-jp-hero-content {
      width: min(58%, 280px) !important;
      text-align: left !important;
      padding: 0 !important;
   }

   .spanish-hero-badge,
   .hero-badge,
   .hero-fr-hero-badge,
   .hero-jp-hero-badge {
      margin-bottom: 8px !important;
      padding: 5px 8px !important;
      font-size: 9px !important;
      line-height: 1.2 !important;
      background: #ffffff !important;
   }

   .spanish-hero-title,
   .hero-title,
   .hero-fr-hero-title,
   .hero-jp-hero-title {
      margin-bottom: 8px !important;
      font-size: clamp(23px, 8vw, 34px) !important;
      line-height: 1.02 !important;
   }

   .spanish-hero-desc,
   .hero-desc,
   .hero-fr-hero-desc,
   .hero-jp-hero-desc {
      max-width: 210px !important;
      margin: 0 0 12px !important;
      font-size: clamp(9px, 2.8vw, 12px) !important;
      line-height: 1.38 !important;
   }

   .spanish-hero-btns,
   .hero-btns,
   .hero-fr-hero-btns,
   .hero-jp-hero-btns {
      justify-content: flex-start !important;
      gap: 7px !important;
   }

   .spanish-btn-enroll,
   .spanish-btn-demo,
   .btn-enroll,
   .btn-demo,
   .hero-fr-btn-enroll,
   .hero-fr-btn-demo,
   .hero-jp-btn-enroll,
   .hero-jp-btn-demo {
      min-height: 30px !important;
      padding: 7px 10px !important;
      border-radius: 4px !important;
      font-size: 10px !important;
      line-height: 1.2 !important;
   }
}


/* ===== END SOURCE: old-working-custom.css ===== */


/* ===== BEGIN SOURCE: custom.css ===== */
: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: 0 !important;
}

@media (max-width: 767px) {
    body {
        padding-top: 0 !important;
    }
}

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. */
/* Desktop: 115px margin */
@media (min-width: 1800px) {
    body .course-page > .spanish-hero,
    body .course-page > .hero-slider,
    body .course-page > .hero-fr-hero,
    body .course-page > .hero-jp-hero {
        margin-top: 115px !important;
    }
}
@media (min-width: 1200px) {
    body .course-page > .spanish-hero,
    body .course-page > .hero-slider,
    body .course-page > .hero-fr-hero,
    body .course-page > .hero-jp-hero {
        margin-top: 115px !important;
    }
}

/* Tablet + Mobile: zero margin */
@media (max-width: 1199.98px) {
    body .course-page > .spanish-hero,
    body .course-page > .hero-slider,
    body .course-page > .hero-fr-hero,
    body .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;
    }
}


/* Slightly increase hero video height */
.ed-hero-full-slide,
.ed-hero-full-slide video,
.ed-hero-full-slide iframe {
    min-height: 460px;
}

.ed-hero-full-slide video {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media (max-width: 767px) {
    .ed-hero-full-slide,
    .ed-hero-full-slide video,
    .ed-hero-full-slide iframe {
        min-height: 280px;
    }
}

/* Homepage hero video: reduce face cropping */
.ed-hero-full-slide {
    min-height: 560px !important;
}

.ed-hero-full-slide .ed-hero-bg-image {
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.ed-hero-full-slide video {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
}

/* Hero paragraph: larger white text */
.ed-hero-full-slide .it-hero-text p,
.it-hero-content .it-hero-text p {
    font-size: 18px !important;
    color: #ffffff !important;
    line-height: 1.6 !important;
}

@media (max-width: 767px) {
    .ed-hero-full-slide {
        min-height: 380px !important;
    }

    .ed-hero-full-slide .it-hero-text p,
    .it-hero-content .it-hero-text p {
        font-size: 18px !important;
    }
}



/* TTM_FOOTER_JUSTIFY_FIX */
footer p,
footer .footer-description,
.site-footer p,
.site-footer .footer-description {
    text-align: justify !important;
    text-justify: inter-word;
}
/* End TTM_FOOTER_JUSTIFY_FIX */

/* GLOBAL_TEXT_JUSTIFY_FIX removed: it reset all headings to text-align: initial. */
/* FORCE FOOTER DESCRIPTION JUSTIFY */
footer p,
footer p.text-center,
footer .text-center,
footer .footer-description,
footer .footer-about,
footer .about-text,
.site-footer p,
.site-footer .text-center,
.site-footer .footer-description,
.site-footer .footer-about,
footer .col p {
    text-align: justify !important;
    text-align-last: initial !important;
    text-justify: inter-word !important;
}
/* END FORCE FOOTER DESCRIPTION JUSTIFY */

/* CLEANUP: paragraph alignment only; headings retain their section-specific alignment. */
p {
    text-align: justify;
}

/* ===== END SOURCE: custom.css ===== */


/* ===== BEGIN SOURCE: hero-video-responsive.css ===== */
/* =========================================================
   MSOL NEW VIDEO HERO
   Independent responsive Hero system
   Desktop proportion: 1120 x 510
   ========================================================= */

.video-hero{
    position:relative;
    display:block;
    width:100%;
    margin:0;
    padding:0;
    overflow:hidden;
    background:#071a2d;
}

.video-hero-media{
    position:relative;
    width:100%;
    aspect-ratio: 1120 / 450;
    margin:0;
    padding:0;
    overflow:hidden;
    background:#071a2d;
}

.video-hero-video{
    position:absolute;
    inset:0;
    display:block;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    border:0;
    object-fit:cover;
    object-position:center center;
}

.video-hero-overlay{
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:
        linear-gradient(
            90deg,
            rgba(3,17,31,.74) 0%,
            rgba(3,17,31,.52) 42%,
            rgba(3,17,31,.20) 72%,
            rgba(3,17,31,.08) 100%
        );
}

.video-hero-content{
    position:absolute;
    inset:0;
    z-index:2;

    width:min(1200px,calc(100% - 60px));
    height:100%;

    margin:0 auto;
    padding:40px 0;

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;

    box-sizing:border-box;
}

.video-hero-title{
    width:100%;
    max-width:720px;
    margin:0 0 16px;
    padding:0;

    color:#fff;

    font-size:clamp(42px,4.5vw,72px);
    font-weight:800;
    line-height:1.06;
    letter-spacing:-1.5px;
}

.video-hero-subtitle{
    width:100%;
    max-width:620px;
    margin:0 0 25px;
    padding:0;

    color:rgba(255,255,255,.94);

    font-size:clamp(16px,1.25vw,20px);
    line-height:1.55;
}

.video-hero-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:48px;
    padding:12px 26px;

    border-radius:7px;

    background:#f8c62f;
    color:#111827;

    font-size:14px;
    font-weight:700;
    line-height:1;

    text-decoration:none;

    box-shadow:0 8px 25px rgba(0,0,0,.18);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.video-hero-btn:hover{
    color:#111827;
    transform:translateY(-2px);
    box-shadow:0 12px 30px rgba(0,0,0,.25);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width:991.98px){

    .video-hero-media{
        aspect-ratio:16 / 8;
    }

    .video-hero-content{
        width:calc(100% - 50px);
        padding:32px 0;
    }

    .video-hero-title{
        max-width:620px;
        font-size:clamp(36px,6vw,54px);
    }

    .video-hero-subtitle{
        max-width:560px;
        font-size:16px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width:767.98px){

    .video-hero-media{
        aspect-ratio:auto;
        height:430px;
        min-height:430px;
    }

    .video-hero-overlay{
        background:rgba(3,17,31,.56);
    }

    .video-hero-content{
        width:calc(100% - 32px);
        padding:28px 0;

        align-items:center;
        text-align:center;
    }

    .video-hero-title{
        max-width:520px;
        margin-bottom:14px;

        font-size:clamp(30px,8vw,42px);
        line-height:1.1;
        letter-spacing:-.7px;
    }

    .video-hero-subtitle{
        max-width:500px;
        margin-bottom:20px;

        font-size:15px;
        line-height:1.5;
    }

    .video-hero-btn{
        min-height:44px;
        padding:11px 22px;
        font-size:13px;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width:480px){

    .video-hero-media{
        height:400px;
        min-height:400px;
    }

    .video-hero-content{
        width:calc(100% - 26px);
        padding:24px 0;
    }

    .video-hero-title{
        font-size:28px;
    }

    .video-hero-subtitle{
        font-size:14px;
    }
}
/* =========================================================
   MSOL HERO CONTENT - EXACT CENTER
   ========================================================= */

.video-hero-content{
    position:absolute;
    inset:0;
    z-index:2;

    width:100%;
    height:100%;

    margin:0;
    padding:30px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    text-align:center;
    box-sizing:border-box;
}

.video-hero-title{
    width:100%;
    max-width:800px;
    margin:0 auto 16px;
    text-align:center;
}

.video-hero-subtitle{
    width:100%;
    max-width:680px;
    margin:0 auto 24px;
    text-align:center;
}

.video-hero-btn{
    margin:0 auto;
    align-self:center;
}

@media (max-width:767.98px){

    .video-hero-content{
        padding:24px 20px;
    }

    .video-hero-title,
    .video-hero-subtitle{
        text-align:center;
    }

    .video-hero-btn{
        margin-left:auto;
        margin-right:auto;
    }
}


/* ===== MOBILE HERO EMPTY SPACE FIX ===== */
@media (max-width:575px){

    .ed-home-hero,
    .it-hero-area.ed-home-hero{
        height:430px !important;
        min-height:430px !important;
        max-height:430px !important;
        padding:0 !important;
        margin:0 !important;
        overflow:hidden !important;
    }

    .ed-home-hero .ed-hero-media-stage{
        position:relative !important;
        width:100% !important;
        height:430px !important;
        min-height:430px !important;
        max-height:430px !important;
        padding:0 !important;
        margin:0 !important;
        overflow:hidden !important;
    }

    .ed-home-hero #heroVideoWrap{
        position:relative !important;
        width:100% !important;
        height:430px !important;
        min-height:430px !important;
        max-height:430px !important;
        padding:0 !important;
        margin:0 !important;
        overflow:hidden !important;
        background:#061828 !important;
    }

    .ed-home-hero #heroIntroVideo{
        position:absolute !important;
        inset:0 !important;
        width:100% !important;
        height:100% !important;
        min-height:100% !important;
        max-height:none !important;
        object-fit:cover !important;
        object-position:center center !important;
        margin:0 !important;
    }

    .ed-home-hero .ed-hero-video-copy{
        position:absolute !important;
        inset:0 !important;
        z-index:3 !important;

        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;

        padding:25px 20px !important;
        margin:0 !important;
        text-align:center !important;
    }

    .ed-home-hero .ed-hero-video-copy h1{
        margin:0 0 20px !important;
    }

    .ed-home-hero .ed-hero-video-copy p{
        margin:0 0 28px !important;
    }
}


/* ===== MOBILE HERO FINAL HEIGHT FIX ===== */
@media (max-width:575px){

    .ed-home-hero,
    .it-hero-area.ed-home-hero,
    .ed-home-hero .ed-hero-media-stage,
    .ed-home-hero #heroVideoWrap{
        height:560px !important;
        min-height:560px !important;
        max-height:560px !important;
        margin:0 !important;
        padding:0 !important;
        overflow:hidden !important;
    }

    .ed-home-hero #heroIntroVideo{
        width:100% !important;
        height:100% !important;
        min-height:100% !important;
        max-height:none !important;

        object-fit:cover !important;
        object-position:center center !important;

        position:absolute !important;
        top:0 !important;
        left:0 !important;
    }

    .ed-home-hero .ed-hero-video-copy{
        position:absolute !important;
        inset:0 !important;

        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;

        padding:30px 18px !important;
        text-align:center !important;
    }

    .ed-home-hero .ed-hero-video-copy h1{
        font-size:39px !important;
        line-height:1.05 !important;
        margin:0 0 22px !important;
    }

    .ed-home-hero .ed-hero-video-copy p{
        font-size:17px !important;
        line-height:1.45 !important;
        margin:0 0 30px !important;
    }

    .ed-home-hero .ed-hero-video-copy a{
        margin-top:0 !important;
    }
}


/* ===== END SOURCE: hero-video-responsive.css ===== */


/* ===== BEGIN SOURCE: footer-section.css ===== */
/* =========================================================
   FOOTER SECTION
========================================================= */

.footer-contact-item {
   display: flex;
   align-items: flex-start;
   gap: 12px;
   margin-bottom: 18px;
}

.footer-contact-icon {
   width: 34px;
   height: 34px;
   min-width: 34px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   background: #ffffff;
   color: #e31e24;
   box-shadow: 0 4px 12px rgba(0,0,0,.07);
}

.footer-contact-item strong {
   display: block;
   margin-bottom: 4px;
   color: #1f2432;
   font-size: 14px;
}

.footer-contact-item a {
   display: block;
   color: #5f6672;
   font-size: 13px;
   line-height: 1.6;
   text-decoration: none;
}

.footer-contact-item a:hover {
   color: #e31e24;
}

.it-footer-widget-social a {
   display: inline-flex;
   align-items: center;
   justify-content: center;
}

@media (max-width: 767px) {
   .footer-contact-item {
      margin-bottom: 15px;
   }
}


/* ===== END SOURCE: footer-section.css ===== */


/* ===== BEGIN SOURCE: why-choose-unified.css ===== */
/* =========================================================
   UNIFIED WHY CHOOSE SECTIONS
   Static and inner pages follow the homepage card style.
========================================================= */

.lowc-sec,
.why-choose-section,
.wcm-sec,
.mssp-choose-section {
    position: relative;
    padding: 64px 0 !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
    overflow: hidden;
}

.lowc-heading-wrap,
.wcm-heading-wrap,
.mssp-choose-intro {
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.lowc-title,
.why-choose-section .section-heading,
.wcm-title,
.mssp-choose-heading {
    margin: 8px 0 12px !important;
    color: #071d49 !important;
    font-size: var(--h2-size, 42px) !important;
    font-weight: 900 !important;
    line-height: 1.14 !important;
}

.lowc-desc,
.why-choose-section .section-para,
.wcm-desc,
.mssp-choose-para {
    max-width: 760px !important;
    margin: 0 auto 28px !important;
    color: #5f6b7a !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
}

.lowc-card,
.wcm-program-wrap {
    max-width: 1120px !important;
    margin: 28px auto 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.lowc-card-title,
.why-choose-section .sub-intro,
.wcm-program-lead {
    margin: 0 0 22px !important;
    color: #071d49 !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    text-align: center !important;
}

.lowc-list,
.why-choose-section .program-wrapper,
.wcm-checklist,
.mssp-choose-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 18px !important;
    max-width: 1120px !important;
    margin: 0 auto !important;
}

.why-choose-section .program-wrapper > [class*="col-"] {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
}

.lowc-item,
.why-choose-section .program-item,
.wcm-check-item,
.mssp-choose-card {
    position: relative !important;
    min-height: 138px !important;
    padding: 24px 16px 28px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 13px !important;
    border: 1px solid rgba(226, 232, 240, .95) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #17395c !important;
    box-shadow: 0 10px 26px rgba(17, 24, 39, .10) !important;
    text-align: center !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    overflow: hidden !important;
    isolation: isolate;
    transition: transform .34s cubic-bezier(.2,.8,.2,1), box-shadow .34s ease;
}

.lowc-item:nth-child(8n+1),
.why-choose-section .program-wrapper > [class*="col-"]:nth-child(8n+1) .program-item,
.wcm-check-item:nth-child(8n+1),
.mssp-choose-card:nth-child(8n+1) { --wcu-color: #2b6cff; }
.lowc-item:nth-child(8n+2),
.why-choose-section .program-wrapper > [class*="col-"]:nth-child(8n+2) .program-item,
.wcm-check-item:nth-child(8n+2),
.mssp-choose-card:nth-child(8n+2) { --wcu-color: #ff4d8d; }
.lowc-item:nth-child(8n+3),
.why-choose-section .program-wrapper > [class*="col-"]:nth-child(8n+3) .program-item,
.wcm-check-item:nth-child(8n+3),
.mssp-choose-card:nth-child(8n+3) { --wcu-color: #22c55e; }
.lowc-item:nth-child(8n+4),
.why-choose-section .program-wrapper > [class*="col-"]:nth-child(8n+4) .program-item,
.wcm-check-item:nth-child(8n+4),
.mssp-choose-card:nth-child(8n+4) { --wcu-color: #7c3aed; }
.lowc-item:nth-child(8n+5),
.why-choose-section .program-wrapper > [class*="col-"]:nth-child(8n+5) .program-item,
.wcm-check-item:nth-child(8n+5),
.mssp-choose-card:nth-child(8n+5) { --wcu-color: #f97316; }
.lowc-item:nth-child(8n+6),
.why-choose-section .program-wrapper > [class*="col-"]:nth-child(8n+6) .program-item,
.wcm-check-item:nth-child(8n+6),
.mssp-choose-card:nth-child(8n+6) { --wcu-color: #14b8a6; }
.lowc-item:nth-child(8n+7),
.why-choose-section .program-wrapper > [class*="col-"]:nth-child(8n+7) .program-item,
.wcm-check-item:nth-child(8n+7),
.mssp-choose-card:nth-child(8n+7) { --wcu-color: #eab308; }
.lowc-item:nth-child(8n+8),
.why-choose-section .program-wrapper > [class*="col-"]:nth-child(8n+8) .program-item,
.wcm-check-item:nth-child(8n+8),
.mssp-choose-card:nth-child(8n+8) { --wcu-color: #8b5cf6; }

.lowc-item::before,
.why-choose-section .program-item::before,
.wcm-check-item::before,
.mssp-choose-card::before {
    content: "";
    position: absolute;
    inset: -45% -20%;
    z-index: -1;
    background: linear-gradient(120deg, transparent 28%, rgba(255,255,255,.8) 50%, transparent 72%);
    opacity: 0;
    transform: translateX(-55%) rotate(12deg);
    transition: transform .58s ease, opacity .34s ease;
}

.lowc-item::after,
.why-choose-section .program-item::after,
.wcm-check-item::after,
.mssp-choose-card::after {
    content: "";
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 0;
    height: 5px;
    border-radius: 999px 999px 0 0;
    background: var(--wcu-color, #2b6cff);
    transform: scaleX(.6);
    transform-origin: center;
    transition: transform .34s ease;
}

.lowc-item:hover,
.why-choose-section .program-item:hover,
.wcm-check-item:hover,
.mssp-choose-card:hover {
    transform: translateY(-10px) scale(1.02) !important;
    box-shadow: 0 22px 44px rgba(17, 24, 39, .18) !important;
}

.lowc-item:hover::before,
.why-choose-section .program-item:hover::before,
.wcm-check-item:hover::before,
.mssp-choose-card:hover::before {
    opacity: .9;
    transform: translateX(42%) rotate(12deg);
}

.lowc-item:hover::after,
.why-choose-section .program-item:hover::after,
.wcm-check-item:hover::after,
.mssp-choose-card:hover::after {
    transform: scaleX(1);
}

.lowc-check,
.why-choose-section .program-icon,
.wcm-check-icon,
.mssp-choose-icon {
    width: 58px !important;
    height: 58px !important;
    margin: 0 !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 50% !important;
    color: #ffffff !important;
    background: var(--wcu-color, #2b6cff) !important;
    box-shadow: 0 10px 18px rgba(17, 24, 39, .18) !important;
    transition: transform .34s cubic-bezier(.2,.8,.2,1), box-shadow .34s ease;
}

.lowc-check svg,
.why-choose-section .program-icon svg,
.wcm-check-icon svg,
.mssp-choose-icon svg {
    width: 27px !important;
    height: 27px !important;
    stroke: currentColor !important;
}

.lowc-item:hover .lowc-check,
.why-choose-section .program-item:hover .program-icon,
.wcm-check-item:hover .wcm-check-icon,
.mssp-choose-card:hover .mssp-choose-icon {
    transform: translateY(-5px) rotate(-5deg) scale(1.08);
    box-shadow: 0 16px 28px rgba(17, 24, 39, .22) !important;
}

.lowc-item-text,
.why-choose-section .program-text,
.wcm-check-text {
    color: #17395c !important;
    font-weight: 800 !important;
}

@media (max-width: 991.98px) {
    .lowc-list,
    .why-choose-section .program-wrapper,
    .wcm-checklist,
    .mssp-choose-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 575.98px) {
    .lowc-sec,
    .why-choose-section,
    .wcm-sec,
    .mssp-choose-section {
        padding: 44px 0 !important;
    }

    .lowc-title,
    .why-choose-section .section-heading,
    .wcm-title,
    .mssp-choose-heading {
        font-size: min(var(--h2-size, 32px), 32px) !important;
    }

    .lowc-list,
    .why-choose-section .program-wrapper,
    .wcm-checklist,
    .mssp-choose-grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .lowc-item,
    .why-choose-section .program-item,
    .wcm-check-item,
    .mssp-choose-card {
        min-height: 112px !important;
        padding: 18px 14px 22px !important;
    }
}

/* Spanish page lower sections must remain visible after shared page CSS. */
.mssp-facts-section,
.mssp-cefr-section {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 1 !important;
}

.mssp-facts-section .container,
.mssp-cefr-section .container,
.mssp-facts-stats,
.mssp-facts-list,
.mssp-cefr-banner,
.mssp-cefr-grid,
.mssp-cefr-cta {
    display: grid;
    visibility: visible !important;
    opacity: 1 !important;
}

.mssp-facts-section .container,
.mssp-cefr-section .container,
.mssp-facts-list,
.mssp-cefr-banner,
.mssp-cefr-cta {
    display: block !important;
}

.mssp-facts-stats {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.mssp-cefr-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 767.98px) {
    .mssp-facts-stats,
    .mssp-cefr-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Spanish animation fallback: keep content visible even if the page script is cached or missing. */
.mssp-whyintro-animate,
.mssp-whyfeature-animate {
    opacity: 1 !important;
    visibility: visible !important;
}

.mssp-whyintro-animate:not(.mssp-whyintro-in-view),
.mssp-whyfeature-animate:not(.mssp-whyfeature-in-view) {
    transform: none !important;
}

/* French page refinements */
.fr-countries-grid {
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
}

.fr-countries-card {
    transition: transform .32s ease, box-shadow .32s ease, border-color .32s ease !important;
}

.why-learn-fr-stat-num.fr-count {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.fib-tag-highlight {
    color: #ffffff !important;
    border-color: #c80f2e !important;
    background: linear-gradient(135deg, #e71d36 0%, #b60928 100%) !important;
    box-shadow: 0 12px 24px rgba(200, 15, 46, .24) !important;
    transform: translateY(-2px);
}

.locs-card {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.locs-sec,
.locs-sec .container,
.locs-sec .row,
.locs-wrap,
.locs-heading-wrap {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
}

.locs-wrap {
    width: 100% !important;
}

.locs-list {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 12px !important;
    margin: 26px auto 0 !important;
    padding: 0 !important;
    max-width: 1120px !important;
    list-style: none !important;
}

.locs-list li {
    position: relative;
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 18px !important;
    border: 1px solid rgba(200, 15, 46, .14);
    border-radius: 999px;
    background: #ffffff;
    color: #1f2a44;
    box-shadow: 0 8px 22px rgba(17, 24, 39, .08);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.25;
    overflow: hidden;
    isolation: isolate;
    transition: color .28s ease, transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}

.locs-list li::before {
    content: "";
    position: absolute;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: -1;
    background: linear-gradient(135deg, #e71d36 0%, #b60928 100%);
    border-radius: inherit !important;
    opacity: 0;
    transform: scaleX(.2);
    transform-origin: left;
    transition: transform .32s ease, opacity .24s ease;
}

.locs-list li:hover {
    color: #ffffff;
    border-color: #c80f2e;
    transform: translateY(-5px);
    box-shadow: 0 16px 30px rgba(200, 15, 46, .22);
}

.locs-list li:hover::before {
    opacity: 1;
    transform: scaleX(1);
}

@media (max-width: 575.98px) {
    .locs-list {
        gap: 9px !important;
    }

    .locs-list li {
        width: 100%;
        min-height: 42px;
        padding: 9px 13px !important;
        font-size: 13px;
    }
}

/* CEFR and language level cards: shared reference style */
.cefr-sec,
.mssp-cefr-section,
.levels-section {
    background:
        radial-gradient(circle at 12px 12px, rgba(15, 23, 42, .055) 1px, transparent 1.5px) 0 0 / 22px 22px,
        #ffffff !important;
    padding-top: 64px !important;
    padding-bottom: 72px !important;
}

.cefr-grid,
.mssp-cefr-grid,
.levels-wrapper {
    max-width: 1120px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 26px !important;
}

.levels-wrapper > [class*="col-"] {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
}

.cefr-card,
.mssp-cefr-card,
.cefr-level-card {
    --level-color: #214b9b;
    --level-bg: #eef3ff;
    --level-soft: rgba(33, 75, 155, .12);
    position: relative !important;
    min-height: 420px !important;
    height: 100% !important;
    padding: 12px 20px 0px !important;
    border: 2px solid var(--level-color) !important;
    border-radius: 8px !important;
    background: var(--level-bg) !important;
    box-shadow: 0 18px 42px rgba(15, 23, 42, .08) !important;
    overflow: hidden !important;
    isolation: isolate;
    transition: transform .36s cubic-bezier(.2,.8,.2,1), box-shadow .36s ease, border-color .36s ease !important;
}

.cefr-card:nth-child(2),
.mssp-cefr-card:nth-child(2),
.levels-wrapper > [class*="col-"]:nth-child(2) .cefr-level-card {
    --level-color: #ff6333;
    --level-bg: #fff5ef;
    --level-soft: rgba(255, 99, 51, .14);
}

.cefr-card:nth-child(3),
.mssp-cefr-card:nth-child(3),
.levels-wrapper > [class*="col-"]:nth-child(3) .cefr-level-card {
    --level-color: #2ecc71;
    --level-bg: #effdf3;
    --level-soft: rgba(46, 204, 113, .16);
}

.cefr-card::before,
.mssp-cefr-card::before,
.cefr-level-card::before {
    content: "";
    position: absolute;
    right: -60px;
    top: -70px;
    width: 210px;
    height: 210px;
    border-radius: 50%;
    background: var(--level-soft);
    z-index: -1;
    transition: transform .42s ease;
}

.cefr-card::after,
.mssp-cefr-card::after,
.cefr-level-card::after {
    content: "";
    position: absolute;
    left: -55px;
    bottom: -70px;
    width: 165px;
    height: 165px;
    border-radius: 50%;
    background: var(--level-soft);
    z-index: -1;
    transition: transform .42s ease;
}

.cefr-card:hover,
.mssp-cefr-card:hover,
.cefr-level-card:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0 26px 54px rgba(15, 23, 42, .15) !important;
}

.cefr-card:hover::before,
.mssp-cefr-card:hover::before,
.cefr-level-card:hover::before {
    transform: scale(1.12) translate(-8px, 8px);
}

.cefr-card:hover::after,
.mssp-cefr-card:hover::after,
.cefr-level-card:hover::after {
    transform: scale(1.15) translate(10px, -8px);
}

.cefr-badge,
.mssp-cefr-tag,
.cefr-level-code {
    width: 112px !important;
    height: 112px !important;
    margin: 0 0 34px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 2px dashed var(--level-color) !important;
    border-radius: 30px !important;
    background: rgba(255, 255, 255, .35) !important;
    color: var(--level-color) !important;
    box-shadow: none !important;
    font-size: 19px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    text-align: center !important;
    transition: transform .34s ease, background .34s ease, color .34s ease !important;
}

.cefr-card:hover .cefr-badge,
.mssp-cefr-card:hover .mssp-cefr-tag,
.cefr-level-card:hover .cefr-level-code {
    transform: translateY(-4px) scale(1.04);
    background: var(--level-color) !important;
    color: #ffffff !important;
}

.cefr-level,
.mssp-cefr-level-title,
.cefr-level-card .cefr-level-tag {
    color: #071d49 !important;
}

.cefr-level,
.mssp-cefr-level-title {
    margin: 0 0 18px !important;
    font-size: 28px !important;
    font-weight: 900 !important;
    line-height: 1.22 !important;
}

.cefr-desc,
.mssp-cefr-level-para,
.cefr-level-desc {
    color: #5f6673 !important;
    font-size: 17px !important;
    line-height: 1.65 !important;
}

.cefr-card-bg {
    display: none !important;
}

.cefr-card-content {
    position: static !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    background: transparent !important;
}

.cefr-card > *,
.mssp-cefr-card > *,
.cefr-level-card > *,
.cefr-card-content > * {
    position: relative;
    z-index: 2;
}

.cefr-card:hover .cefr-level,
.mssp-cefr-card:hover .mssp-cefr-level-title,
.cefr-level-card:hover .cefr-level-tag {
    color: #071d49 !important;
}

.cefr-card:hover .cefr-desc,
.mssp-cefr-card:hover .mssp-cefr-level-para,
.cefr-level-card:hover .cefr-level-desc {
    color: #4b5563 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.cefr-level-code .cefr-level-tag {
    display: block !important;
    width: 100%;
    margin-top: 5px;
    color: inherit !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

@media (max-width: 991.98px) {
    .cefr-grid,
    .mssp-cefr-grid,
    .levels-wrapper {
        grid-template-columns: 1fr !important;
    }

    .cefr-card,
    .mssp-cefr-card,
    .cefr-level-card {
        min-height: 0 !important;
        padding: 38px 28px 34px !important;
    }
}

@media (max-width: 575.98px) {
    .cefr-sec,
    .mssp-cefr-section,
    .levels-section {
        padding-top: 46px !important;
        padding-bottom: 52px !important;
    }

    .cefr-badge,
    .mssp-cefr-tag,
    .cefr-level-code {
        width: 94px !important;
        height: 94px !important;
        margin-bottom: 24px !important;
        border-radius: 24px !important;
        font-size: 16px !important;
    }

    .cefr-level,
    .mssp-cefr-level-title {
        font-size: 23px !important;
    }

    .cefr-desc,
    .mssp-cefr-level-para,
    .cefr-level-desc {
        font-size: 15px !important;
    }
}


/* ===== END SOURCE: why-choose-unified.css ===== */


/* ===== BEGIN SOURCE: language-industry-tech.css ===== */
.li-section {
    --li-accent: #e31b23;
    --li-accent-dark: #bd141b;
    --li-heading: #1f2432;
    --li-text: #333946;
    --li-muted: #677083;
    --li-warm: #fff3f3;
    --li-soft: #fff8f8;
    --li-border: #eceef3;
    padding: 0px 0;
    overflow: hidden;
    background: #fff;
}

.li-theme-german {
    --li-accent: #dd0000;
    --li-accent-dark: #151515;
    --li-warm: #fff7df;
    --li-soft: #fffaf0;
}

.li-theme-japanese {
    --li-accent: #e31b23;
    --li-accent-dark: #1f2432;
    --li-warm: #fff1f2;
    --li-soft: #fff7f7;
}

.li-theme-mandarin {
    --li-accent: #d71920;
    --li-accent-dark: #24519a;
    --li-warm: #fff1f2;
    --li-soft: #fff8f8;
}

.li-section .container {
    max-width: 1160px;
}

.li-company-panel,
.li-tech-panel {
    position: relative;
    isolation: isolate;
}

.li-section-head {
    max-width: 930px;
    margin-bottom: 28px;
}

.li-section-head h2,
.li-tech-head h2 {
    margin: 0 0 16px;
    color: var(--li-heading);
    font-size: clamp(30px, 4vw, 46px);
    line-height: 1.14;
    font-weight: 900;
    letter-spacing: 0;
}

.li-section-head h2::first-letter {
    color: var(--li-accent);
}

.li-section-head p,
.li-company-note,
.li-tech-head p {
    margin: 0;
    color: var(--li-text);
    font-size: 17px;
    line-height: 1.68;
}

.li-logo-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    justify-content: center;
    margin: 34px auto;
}

.li-logo-card {
    width: min(100%, 176px);
    flex: 0 1 176px;
    min-height: 92px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 16px;
    border: 1px solid var(--li-border);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 10px 24px rgba(31, 36, 50, .06);
    animation: liFadeUp .55s ease both;
    animation-delay: calc(var(--li-delay) * 70ms);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.li-logo-card:hover {
    transform: translateY(-6px);
    border-color: var(--li-accent);
    box-shadow: 0 18px 34px rgba(31, 36, 50, .14);
}

.li-logo-card img {
    max-width: 100%;
    max-height: 58px;
    object-fit: contain;
}

.li-company-note {
    max-width: 980px;
    margin-top: 28px;
}

.li-tech-panel {
    width: 100vw;
    margin-top: 40px;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding: 40px max(18px, calc((100vw - 1160px) / 2 + 18px));
    border: 1px solid #ffe3e5;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    background:
        radial-gradient(circle at 6% 18%, rgba(227, 27, 35, .07) 0 86px, transparent 87px),
        radial-gradient(circle at 96% 8%, rgba(248, 198, 47, .1) 0 76px, transparent 77px),
        var(--li-warm);
}

.li-section-technology-only .li-tech-panel {
    margin-top: 0;
}

.li-tech-panel::before,
.li-tech-panel::after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 94px;
    height: 94px;
    background-image: radial-gradient(var(--li-accent) 1.5px, transparent 1.5px);
    background-size: 12px 12px;
    opacity: .18;
}

.li-tech-panel::before {
    left: 24px;
    top: 20px;
}

.li-tech-panel::after {
    right: 24px;
    bottom: 24px;
}

.li-tech-head {
    max-width: 820px;
    margin: 0 auto 30px;
    text-align: center;
}

.li-tech-head span {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
    color: var(--li-accent);
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.li-tech-head span::before,
.li-tech-head span::after {
    content: "";
    width: 38px;
    height: 1px;
    background: var(--li-accent);
}

.li-tech-head h2 strong {
    color: var(--li-accent);
    font-weight: 900;
}

.li-tech-head p + p {
    margin-top: 8px;
}

.li-tech-grid {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 12px;
}

.li-tech-card {
    min-height: 184px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 18px 12px 16px;
    border: 1px solid rgba(227, 27, 35, .08);
    border-radius: 8px;
    background: rgba(255, 255, 255, .86);
    text-align: center;
    box-shadow: 0 12px 28px rgba(31, 36, 50, .07);
    animation: liFloat 3.8s ease-in-out infinite;
    animation-delay: calc(var(--li-delay) * 120ms);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.li-tech-card:hover {
    transform: translateY(-8px);
    border-color: var(--li-accent);
    box-shadow: 0 20px 36px rgba(31, 36, 50, .13);
}

.li-tech-icon {
    width: 82px;
    height: 82px;
    display: grid;
    place-items: center;
    margin-bottom: 12px;
    border: 1px solid rgba(227, 27, 35, .12);
    border-radius: 24px;
    background:
        radial-gradient(circle at 28% 20%, rgba(255, 255, 255, .95) 0 18px, transparent 19px),
        linear-gradient(145deg, #ffffff 0%, var(--li-soft) 100%);
    box-shadow: inset 0 -8px 18px rgba(227, 27, 35, .06), 0 12px 24px rgba(31, 36, 50, .08);
}

.li-tech-icon i {
    color: var(--li-accent);
    font-size: 34px;
    line-height: 1;
}

.li-tech-card h3 {
    margin: 0 0 6px;
    color: var(--li-heading);
    font-size: 13px;
    line-height: 1.2;
    font-weight: 900;
}

.li-tech-card p {
    margin: 0;
    color: var(--li-muted);
    font-size: 11px;
    line-height: 1.35;
}

@keyframes liFadeUp {
    from {
        opacity: 0;
        transform: translateY(18px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes liFloat {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-5px);
    }
}

@media (max-width: 1199px) {
    .li-tech-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .li-section {
        padding: 52px 0 58px;
    }

    .li-section-head,
    .li-company-note {
        text-align: center;
    }

    .li-section-head p,
    .li-company-note,
    .li-tech-head p {
        font-size: 15px;
    }

    .li-logo-card {
        flex-basis: calc(50% - 5px);
        min-height: 84px;
        padding: 12px;
    }

    .li-logo-card img {
        max-height: 48px;
    }

    .li-tech-panel {
        margin-top: 42px;
        padding: 34px 12px 28px;
    }

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

@media (max-width: 430px) {
    .li-tech-grid {
        grid-template-columns: 1fr;
    }

    .li-logo-card {
        flex-basis: 100%;
    }
}

/* ===== END SOURCE: language-industry-tech.css ===== */


/* ===== BEGIN SOURCE: quick-tabs-final.css ===== */

/* =========================================================
   QUICK TABS FINAL - ALWAYS WINS
========================================================= */

.ed-quick-links-section{
    background:#f7f9fc !important;
    padding:8px 0 !important;
}

/* Homepage course cards: keep timing/duration and badges equal without large middle gaps. */
.it-course-area .course-ref-meta,
.it-course-area .course-ref-badges {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px 10px !important;
    align-items: center !important;
    margin: 0 !important;
}

.it-course-area .course-ref-meta + .course-ref-badges,
.it-course-area .ed-course-meta-offset + .ed-course-meta-offset {
    margin-top: 8px !important;
}

.it-course-area .course-ref-meta span,
.it-course-area .course-ref-badges span {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 7px 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
}

.it-course-area .course-ref-meta strong {
    margin-right: 0 !important;
}

.it-course-area .course-ref-badges span {
    border-radius: 6px !important;
}

@media (max-width: 480px) {
    .it-course-area .course-ref-meta,
    .it-course-area .course-ref-badges {
        gap: 7px !important;
    }

    .it-course-area .course-ref-meta span,
    .it-course-area .course-ref-badges span {
        min-height: 38px !important;
        padding: 6px 7px !important;
        font-size: 13px !important;
    }

    .it-course-area .course-ref-badges span {
        font-size: 14px !important;
        font-weight: 800 !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;
}

/* MAIN TAB */
.ed-quick-links-section .ed-quick-link{
    position:relative !important;
    width:100% !important;

    height:48px !important;
    min-height:48px !important;
    max-height:48px !important;

    padding:5px 8px !important;
    margin:0 !important;

    display:flex !important;
    align-items:center !important;
    gap:10px !important;

    border:none !important;
    border-radius:8px !important;
    overflow:hidden !important;

    text-decoration:none !important;

    opacity:1 !important;
    visibility:visible !important;

    box-shadow:0 5px 14px rgba(20,35,60,.14) !important;
}

/* REMOVE OLD OVERLAY */
.ed-quick-links-section .ed-quick-link::before,
.ed-quick-links-section .ed-quick-link::after{
    display:none !important;
    content:none !important;
}

/* COLORS */
.ed-quick-links-section .ed-quick-link-red{
    background:linear-gradient(110deg,#ff5967,#ff3158) !important;
}

.ed-quick-links-section .ed-quick-link-dark{
    background:linear-gradient(110deg,#4695f5,#1976ed) !important;
}

.ed-quick-links-section .ed-quick-link-blue{
    background:linear-gradient(110deg,#9a55ee,#7627e8) !important;
}

.ed-quick-links-section .ed-quick-link-cyan{
    background:linear-gradient(110deg,#1bc7ae,#02a994) !important;
}

/* ICON */
.ed-quick-links-section .ed-quick-link .ed-quick-link-icon{
    position:relative !important;
    z-index:5 !important;

    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    flex:0 0 38px !important;

    padding:0 !important;
    margin:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    background:#fff !important;
    border:none !important;
    border-radius:8px !important;

    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
}

/* REMOVE OLD ICON OVERLAY */
.ed-quick-links-section .ed-quick-link .ed-quick-link-icon::before,
.ed-quick-links-section .ed-quick-link .ed-quick-link-icon::after{
    display:none !important;
    content:none !important;
}

.ed-quick-links-section .ed-quick-link .ed-quick-link-icon svg{
    position:relative !important;
    z-index:10 !important;

    width:17px !important;
    height:17px !important;

    opacity:1 !important;
    visibility:visible !important;

    fill:none;
}

/* ICON COLORS */
.ed-quick-links-section .ed-quick-link-red .ed-quick-link-icon,
.ed-quick-links-section .ed-quick-link-red:hover .ed-quick-link-icon{
    color:#ff3158 !important;
}

.ed-quick-links-section .ed-quick-link-dark .ed-quick-link-icon,
.ed-quick-links-section .ed-quick-link-dark:hover .ed-quick-link-icon{
    color:#1976ed !important;
}

.ed-quick-links-section .ed-quick-link-blue .ed-quick-link-icon,
.ed-quick-links-section .ed-quick-link-blue:hover .ed-quick-link-icon{
    color:#7627e8 !important;
}

.ed-quick-links-section .ed-quick-link-cyan .ed-quick-link-icon,
.ed-quick-links-section .ed-quick-link-cyan:hover .ed-quick-link-icon{
    color:#02a994 !important;
}

/* TEXT */
.ed-quick-links-section .ed-quick-link .ed-quick-link-copy{
    position:relative !important;
    z-index:5 !important;

    flex:1 1 auto !important;
    min-width:0 !important;

    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
}

.ed-quick-links-section .ed-quick-link .ed-quick-link-copy strong,
.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 strong{
    display:block !important;

    color:#fff !important;

    font-size:13px !important;
    font-weight:700 !important;
    line-height:1.15 !important;

    margin:0 !important;
    padding:0 !important;

    opacity:1 !important;
    visibility:visible !important;

    text-decoration:none !important;
}

/* ARROW */
.ed-quick-links-section .ed-quick-link .ed-quick-link-arrow,
.ed-quick-links-section .ed-quick-link:hover .ed-quick-link-arrow{
    position:relative !important;
    z-index:5 !important;

    width:30px !important;
    height:30px !important;
    min-width:30px !important;
    flex:0 0 30px !important;

    margin-left:auto !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    color:#fff !important;
    font-size:18px !important;

    border:1px solid rgba(255,255,255,.55) !important;
    border-radius:50% !important;

    background:rgba(255,255,255,.10) !important;

    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
}

/* HOVER - KEEP EVERYTHING VISIBLE */
.ed-quick-links-section .ed-quick-link:hover{
    opacity:1 !important;
    visibility:visible !important;

    transform:translateY(-2px) !important;

    box-shadow:0 8px 18px rgba(20,35,60,.18) !important;
}

.ed-quick-links-section .ed-quick-link:hover .ed-quick-link-icon,
.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:hover .ed-quick-link-arrow{
    opacity:1 !important;
    visibility:visible !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 TABS CENTER + VERTICAL SPACE FIX ===== */

.ed-quick-links-section{
    padding:16px 0 18px !important;
    overflow:visible !important;
}

.ed-quick-links-section .ed-quick-links-wrap{
    max-width:1460px !important;
    margin:0 auto !important;
    padding-left:20px !important;
    padding-right:20px !important;
}

.ed-quick-links-section .ed-quick-links{
    max-width:1450px !important;
    margin:0 auto !important;
    align-items:center !important;
    overflow:visible !important;
}

.ed-quick-links-section .ed-quick-link{
    margin:0 !important;
    align-self:center !important;
    overflow:visible !important;
}

@media(max-width:575px){
    .ed-quick-links-section{
        padding:12px 0 14px !important;
    }

    .ed-quick-links-section .ed-quick-links-wrap{
        padding-left:12px !important;
        padding-right:12px !important;
    }
}


/* ===== QUICK TAB ICON PERFECT CENTER ===== */

.ed-quick-links-section .ed-quick-link .ed-quick-link-icon{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    flex:0 0 38px !important;

    padding:0 !important;
    margin:0 !important;

    line-height:1 !important;
    text-align:center !important;
}

.ed-quick-links-section .ed-quick-link .ed-quick-link-icon svg{
    display:block !important;
    width:17px !important;
    height:17px !important;

    margin:auto !important;
    padding:0 !important;

    position:static !important;
    transform:none !important;
}


/* ===== QUICK TAB ICON ABSOLUTE CENTER FIX ===== */

.ed-quick-links-section .ed-quick-link .ed-quick-link-icon{
    position:relative !important;

    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    flex:0 0 44px !important;

    display:block !important;

    padding:0 !important;
    margin:0 !important;

    background:#fff !important;
    border-radius:8px !important;

    overflow:hidden !important;
}

.ed-quick-links-section .ed-quick-link .ed-quick-link-icon svg{
    position:absolute !important;

    top:50% !important;
    left:50% !important;

    width:17px !important;
    height:17px !important;

    margin:0 !important;
    padding:0 !important;

    transform:translate(-50%,-50%) !important;

    vertical-align:middle !important;
    display:block !important;
}

/* SVG CHILDREN KO BHI NORMAL POSITION */
.ed-quick-links-section .ed-quick-link .ed-quick-link-icon svg *,
.ed-quick-links-section .ed-quick-link:hover .ed-quick-link-icon svg *{
    transform:none !important;
}


/* ===== MOBILE QUICK TAB ICON CENTER FIX ===== */
@media (max-width:575px){

    .ed-quick-links-section{
        padding:10px 0 !important;
        margin:0 !important;
    }

    .ed-quick-links-section .ed-quick-link{
        height:58px !important;
        min-height:58px !important;
        max-height:58px !important;
        padding:7px 9px !important;
        overflow:hidden !important;
    }

    .ed-quick-links-section .ed-quick-link .ed-quick-link-icon{
        position:relative !important;

        width:44px !important;
        height:44px !important;
        min-width:44px !important;
        max-width:44px !important;
        flex:0 0 44px !important;

        padding:0 !important;
        margin:0 !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        background:#fff !important;
        border-radius:8px !important;
        overflow:hidden !important;
    }

    .ed-quick-links-section .ed-quick-link .ed-quick-link-icon svg{
        position:absolute !important;
        top:50% !important;
        left:50% !important;

        width:18px !important;
        height:18px !important;

        margin:0 !important;
        padding:0 !important;

        transform:translate(-50%,-50%) !important;

        display:block !important;
        opacity:1 !important;
        visibility:visible !important;
    }

    .ed-quick-links-section .ed-quick-link-copy{
        display:flex !important;
        align-items:center !important;
        height:100% !important;
    }

    .ed-quick-links-section .ed-quick-link-copy strong{
        margin:0 !important;
        line-height:1.2 !important;
    }

    .ed-quick-links-section .ed-quick-link-arrow{
        align-self:center !important;
    }
}

/* User requested final quick links spacing. */
.ed-quick-links-section {
    padding: 26px 0 26px !important;
    overflow: visible !important;
}
/* Final mobile homepage hero guard: keep heading/subtitle inside viewport. */
@media (max-width: 575px) {
    html,
    body {
        max-width: 100%;
        overflow-x: hidden;
    }

    .video-hero,
    .video-hero-media {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    .video-hero-content {
        left: 50% !important;
        right: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 24px 18px !important;
        transform: translateX(-50%) !important;
        box-sizing: border-box !important;
    }

    .video-hero-title {
        display: block !important;
        width: 100% !important;
        max-width: calc(100vw - 42px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        font-size: 28px !important;
        line-height: 1.15 !important;
        letter-spacing: 0 !important;
        white-space: normal !important;
        overflow-wrap: break-word !important;
        word-break: break-word !important;
        hyphens: auto !important;
    }

    .video-hero-subtitle {
        display: block !important;
        width: 100% !important;
        max-width: min(292px, calc(100vw - 56px)) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        font-size: 14px !important;
        line-height: 1.45 !important;
        white-space: normal !important;
        overflow-wrap: break-word !important;
        word-break: break-word !important;
    }
}

/* Final hover scope: language strip moves as a slider, but cards do not hover.
   Hover motion is kept only for real buttons and testimonial cards. */
.it-brand-5-area,
.it-brand-6-active,
.it-brand-6-active .it-brand-5-item,
.it-brand-6-active .it-brand-5-item:hover,
.it-brand-6-active .it-brand-5-item:focus,
.it-brand-6-active .it-brand-5-item:hover img,
.it-brand-6-active .it-brand-5-item:focus img,
.it-brand-6-active img:hover {
    animation: none !important;
    transform: none !important;
    filter: none !important;
}

.it-brand-6-active .it-brand-5-item:hover,
.it-brand-6-active .it-brand-5-item:focus {
    border-color: #e8edf3 !important;
    box-shadow: 0 6px 18px rgba(20, 35, 60, .08) !important;
}

main :is(
    .card,
    [class*="card"],
    [class*="box"],
    [class*="item"],
    .course-modern-card,
    .course-logo-card,
    .wcu-card,
    .wcu-item,
    .gco-card,
    .ti-card,
    .ps-benefit-card,
    .ps-plan-step
):not(.ttm-card):not(.it-testimonial-2-item):not(.ed-course-testimonial-card):not(.testimonial):hover {
    transform: none !important;
    box-shadow: inherit !important;
}

main :is(
    .card,
    [class*="card"],
    [class*="box"],
    [class*="item"],
    .course-modern-card,
    .course-logo-card,
    .wcu-card,
    .wcu-item,
    .gco-card,
    .ti-card,
    .ps-benefit-card,
    .ps-plan-step
):not(.ttm-card):not(.it-testimonial-2-item):not(.ed-course-testimonial-card):not(.testimonial):hover img,
main :is(.course-section-image, .why-learn-fr-img-wrap, .image-card):hover img {
    transform: none !important;
    filter: none !important;
}

main :is(
    .btn,
    button,
    .theme-btn,
    .it-btn,
    .cta-btn,
    .dc-btn-primary,
    .ed-dc-primary,
    .dc-enroll-button,
    .ed-course-btn a,
    .home-quick-action,
    .ttm-arrow,
    .ttm-read-more
):hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 14px 28px rgba(223, 34, 34, .22) !important;
}

main :is(
    .ttm-card,
    .it-testimonial-2-item,
    .ed-course-testimonial-card,
    .testimonial
):hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 18px 42px rgba(15, 23, 42, .14) !important;
}

/* Course detail Why Learn: content-only layout, no left image column. */
body.course-page .why-learn-fr-sec .row {
    display: block !important;
    grid-template-columns: none !important;
    padding: clamp(24px, 3vw, 42px) !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

body.course-page .why-learn-fr-img-col,
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 {
    display: none !important;
}

body.course-page .why-learn-fr-content-col {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    flex: 0 0 100% !important;
}

body.course-page .why-learn-fr-content {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    display: block !important;
}

body.course-page .why-learn-fr-title,
body.course-page .why-learn-fr-subtitle,
body.course-page .why-learn-fr-desc {
    max-width: 100% !important;
}

/* Testimonials: keep arrows aligned with the slider, not floating as separate boxes. */
.ttm-section {
    overflow: hidden !important;
}

.ttm-section .ttm-wrap {
    position: relative !important;
    width: 100% !important;
    max-width: 1500px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 62px !important;
    padding-right: 62px !important;
    overflow: visible !important;
}

.ttm-section .ttm-arrow {
    position: absolute !important;
    top: 50% !important;
    bottom: auto !important;
    z-index: 20 !important;
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    color: #14264b !important;
    font-size: 30px !important;
    line-height: 1 !important;
    box-shadow: 0 12px 34px rgba(15, 23, 42, .16) !important;
    transform: translateY(-50%) !important;
}

.ttm-section .ttm-arrow:hover {
    transform: translateY(-50%) scale(1.06) !important;
    background: #e71f25 !important;
    color: #ffffff !important;
}

.ttm-section .ttm-prev {
    left: 12px !important;
    right: auto !important;
}

.ttm-section .ttm-next {
    left: auto !important;
    right: 12px !important;
}

@media (max-width: 767.98px) {
    .ttm-section .ttm-wrap {
        padding-left: 42px !important;
        padding-right: 42px !important;
    }

    .ttm-section .ttm-arrow {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;
        font-size: 26px !important;
    }

    .ttm-section .ttm-prev {
        left: 4px !important;
    }

    .ttm-section .ttm-next {
        right: 4px !important;
    }
}

@media (max-width: 390px) {
    .video-hero-title,
    .video-hero-subtitle {
        max-width: min(280px, calc(100vw - 56px)) !important;
    }

    .video-hero-title {
        font-size: 26px !important;
    }
}

/* Final course detail mobile guard: page-specific CSS loads before this file. */
@media (max-width: 991px) {
    body.course-page .dc-hero {
        min-height: 0 !important;
        padding-top: 150px !important;
        padding-bottom: 34px !important;
        background-position: center top !important;
        background-size: contain !important;
    }

    body.course-page .dc-hero .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    body.course-page .dc-hero-grid,
    body.course-page .dc-hero-grid-background {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    body.course-page .dc-hero-content {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding: 20px !important;
        margin: 0 !important;
        position: relative !important;
        z-index: 2 !important;
    }

    body.course-page .dc-hero h1,
    body.course-page .dc-lead {
        width: 100% !important;
        max-width: 100% !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
    }

    body.course-page .dc-hero h1 {
        font-size: 32px !important;
        line-height: 1.16 !important;
    }

    body.course-page .dc-layout {
        display: flex !important;
        flex-direction: column !important;
        grid-template-columns: none !important;
        gap: 24px !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
    }

    body.course-page .dc-content,
    body.course-page .dc-sidebar,
    body.course-page .dc-enroll-card,
    body.course-page .dc-info {
        position: static !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        flex: 0 0 auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body.course-page .why-learn-fr-sec .row {
        display: flex !important;
        flex-direction: column !important;
        grid-template-columns: none !important;
        align-items: stretch !important;
        gap: 20px !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    body.course-page .why-learn-fr-img-col,
    body.course-page .why-learn-fr-content-col,
    body.course-page .why-learn-fr-col {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        flex: 0 0 auto !important;
        padding: 0 !important;
    }

    body.course-page .why-learn-fr-content {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding: 24px 0 0 !important;
        display: block !important;
    }

    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 {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        writing-mode: horizontal-tb !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
        text-align: left !important;
        transform: none !important;
    }

    body.course-page .why-learn-fr-title {
        font-size: 30px !important;
        line-height: 1.18 !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: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !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 {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        object-fit: contain !important;
        object-position: center center !important;
        border-radius: 16px !important;
    }
}

/* Final homepage language slider: one clean line, no overlapping duplicate cards. */
.it-brand-5-area {
    padding: 12px 0 !important;
    overflow: hidden !important;
    background: #ffffff !important;
}

.it-brand-5-area .container-fluid {
    padding-left: 16px !important;
    padding-right: 16px !important;
    overflow: hidden !important;
}

.it-brand-6-active {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
}

.it-brand-6-active .swiper-wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 0 !important;
    width: max-content !important;
    min-width: 0 !important;
    transition: none !important;
}

.it-brand-6-active .swiper-slide {
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
    padding: 0 8px !important;
    margin: 0 !important;
}

.it-brand-6-active .it-brand-5-item {
    width: 100% !important;
    height: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
    padding: 0 20px !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 16px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    border: 1px solid #e8edf3 !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: 0 6px 18px rgba(20, 35, 60, .08) !important;
}

.it-brand-6-active .swiper-slide {
    padding: 0 8px !important;
}

.it-brand-6-active .it-brand-5-item img {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    flex: 0 0 46px !important;
    margin: 0 !important;
    object-fit: contain !important;
    border-radius: 50% !important;
}

.it-brand-6-active .it-brand-5-item span {
    display: block !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
    color: #17233d !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

@media (max-width: 991px) {
    .it-brand-6-active .swiper-slide {
        padding: 0 7px !important;
    }

    .it-brand-6-active .it-brand-5-item {
        height: 58px !important;
        min-height: 58px !important;
        max-height: 58px !important;
        padding: 0 14px !important;
        gap: 12px !important;
    }

    .it-brand-6-active .it-brand-5-item img {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;
        flex-basis: 44px !important;
    }

    .it-brand-6-active .it-brand-5-item span {
        font-size: 16px !important;
    }
}

@media (max-width: 575px) {
    .it-brand-5-area .container-fluid {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .it-brand-6-active .swiper-slide {
        padding: 0 5px !important;
    }

    .it-brand-6-active .it-brand-5-item {
        height: 54px !important;
        min-height: 54px !important;
        max-height: 54px !important;
        padding: 0 10px !important;
        gap: 10px !important;
    }

    .it-brand-6-active .it-brand-5-item img {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        flex-basis: 38px !important;
    }

    .it-brand-6-active .it-brand-5-item span {
        font-size: 15px !important;
    }
}

/* French detail page: restore the image + content "Why Learn" layout on desktop. */
body.course-page .why-learn-fr-sec .row {
    display: grid !important;
    grid-template-columns: minmax(280px, 0.9fr) minmax(0, 1.1fr) !important;
    align-items: center !important;
    gap: clamp(30px, 4vw, 56px) !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

body.course-page .why-learn-fr-img-col,
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 {
    display: block !important;
}

body.course-page .why-learn-fr-img-col {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    flex: initial !important;
}

body.course-page .why-learn-fr-img-wrap {
    width: 100% !important;
    max-width: 520px !important;
    margin: 0 auto !important;
    overflow: hidden !important;
    border-radius: 22px !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: auto !important;
    max-height: 560px !important;
    object-fit: contain !important;
    object-position: center !important;
}

body.course-page .why-learn-fr-content-col {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    flex: initial !important;
}

body.course-page .why-learn-fr-content {
    width: 100% !important;
    max-width: 620px !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    display: block !important;
    text-align: left !important;
}

body.course-page .why-learn-fr-title,
body.course-page .why-learn-fr-subtitle,
body.course-page .why-learn-fr-desc {
    max-width: 100% !important;
    text-align: left !important;
}

@media (max-width: 991px) {
    body.course-page .why-learn-fr-sec .row {
        grid-template-columns: 1fr !important;
        gap: 26px !important;
    }

    body.course-page .why-learn-fr-img-wrap {
        max-width: 460px !important;
    }

    body.course-page .why-learn-fr-content {
        max-width: 100% !important;
        text-align: center !important;
    }

    body.course-page .why-learn-fr-title,
    body.course-page .why-learn-fr-subtitle,
    body.course-page .why-learn-fr-desc {
        text-align: center !important;
    }
}


/* ===== END SOURCE: quick-tabs-final.css ===== */


/* ===== BEGIN SOURCE: site-fixes.css ===== */
/* Final site polish: typography, testimonials, stats, contact, and payment modal. */

:root {
    --copy-font: "Segoe UI", Arial, Helvetica, sans-serif;
    --copy-color: rgb(11, 41, 69);
}

/* Final contact hero lock: keeps the contact banner red even when older page CSS resets backgrounds. */
html body:not(.course-page) main .contact-modern-hero,
html body:not(.course-page) main section.contact-modern-hero.reveal-section {
    background-color: #e31f26 !important;
    background-image:
        radial-gradient(circle at 8% 20%, rgba(255, 255, 255, 0.16) 0 2px, transparent 3px),
        radial-gradient(circle at 72% 18%, rgba(255, 255, 255, 0.14), transparent 30%),
        linear-gradient(135deg, #e31f26 0%, #ed1c24 55%, #c80f18 100%) !important;
    background-repeat: repeat, no-repeat, no-repeat !important;
    background-size: 26px 26px, auto, cover !important;
    background-position: 0 0, center, center !important;
}

/* Absolute last footer lock: keeps footer full-width and readable. */
html body > footer,
html body footer {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    clear: both !important;
    background: #071b32 !important;
}

html body footer .it-footer-wrap,
html body footer .it-footer-style-4,
html body footer .it-footer-area,
html body footer .it-copyright-area {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    background: #071b32 !important;
    color: #ffffff !important;
}

html body footer .it-footer-area {
    padding-top: 72px !important;
    padding-bottom: 44px !important;
}

html body footer .container {
    max-width: 1320px !important;
    width: 100% !important;
}

html body footer .it-footer-widget,
html body footer .it-footer-widget *,
html body footer .it-footer-widget-title,
html body footer .it-footer-widget-text p,
html body footer .it-footer-widget-menu ul li,
html body footer .it-footer-widget-menu ul li a,
html body footer .footer-contact-item strong,
html body footer .footer-contact-item a,
html body footer .it-copyright-area p,
html body footer .it-copyright-area a {
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
}

html body footer .it-footer-widget-text p,
html body footer .footer-contact-item a,
html body footer .it-footer-widget-menu ul li a,
html body footer .it-copyright-area p,
html body footer .it-copyright-area a {
    font-size: 15px !important;
    line-height: 1.65 !important;
}

html body footer .it-footer-widget-social a,
html body footer .footer-contact-icon {
    background: rgba(255,255,255,.12) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,.22) !important;
}

html body footer .it-copyright-area {
    border-top: 1px solid rgba(255,255,255,.14) !important;
    padding: 18px 0 !important;
}

/* Final footer lock: visible text and full-width background after older footer CSS. */
html body > footer,
html body footer {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    clear: both !important;
    background: #071b32 !important;
}

html body footer .it-footer-wrap,
html body footer .it-footer-style-4,
html body footer .it-footer-area,
html body footer .it-copyright-area {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    background: #071b32 !important;
    color: #ffffff !important;
}

html body footer .it-footer-area {
    padding-top: 72px !important;
    padding-bottom: 44px !important;
}

html body footer .container {
    max-width: 1320px !important;
    width: 100% !important;
}

html body footer .it-footer-widget,
html body footer .it-footer-widget *,
html body footer .it-footer-widget-title,
html body footer .it-footer-widget-text p,
html body footer .it-footer-widget-menu ul li,
html body footer .it-footer-widget-menu ul li a,
html body footer .footer-contact-item strong,
html body footer .footer-contact-item a,
html body footer .it-copyright-area p,
html body footer .it-copyright-area a {
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
}

html body footer .it-footer-widget-text p,
html body footer .footer-contact-item a,
html body footer .it-footer-widget-menu ul li a,
html body footer .it-copyright-area p,
html body footer .it-copyright-area a {
    font-size: 15px !important;
    line-height: 1.65 !important;
}

html body footer .it-footer-widget-social a,
html body footer .footer-contact-icon {
    background: rgba(255,255,255,.12) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,.22) !important;
}

html body footer .it-copyright-area {
    border-top: 1px solid rgba(255,255,255,.14) !important;
    padding: 18px 0 !important;
}

/* Final typography/readability pass: paragraph body text only, hero copy untouched. */
html body main section:not([class*="hero"]):not(.it-breadcrumb-area) p,
html body main .it-about-area p,
html body main .ed-about-page-extra-context p,
html body main .ed-about-added-context p,
html body main .postbox-dsc p,
html body main .it-course-details-wrap p,
html body main .it-blog-area p,
html body main .it-contact-area p,
html body main .it-faq-area p,
html body main .it-gallery-area p {
    font-family: var(--copy-font, "Jost", Arial, sans-serif) !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
    letter-spacing: 0 !important;
    color: #12304d !important;
}

html body main :is(.it-hero-area, .ed-hero-full-slide, .it-hero-content, .ed-hero-copy, .course-hero, .contact-modern-hero, [class*="hero"]) p {
    font-family: inherit;
}

html body main :is(.theme-bg, .red-bg, .black-bg, .grey-bg, .dark-bg, .it-cta-4-area, .red-cta, .contact-modern-hero, [class*="dark"], [class*="cta"]) p,
html body footer p,
html body footer a,
html body .ttm-section .ttm-card .ttm-text {
    color: #ffffff !important;
}

html body main :is(.gray-bg, .grey-bg, .white-bg, .it-about-area, .ed-about-page, .wcu-section) p {
    color: #12304d !important;
}

html body .wcu-section .wcu-card h4 {
    font-family: var(--copy-font, "Jost", Arial, sans-serif) !important;
    font-size: 18px !important;
    line-height: 1.18 !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
}

html body .wcu-section .wcu-card:nth-child(4) h4 {
    font-size: 20px !important;
    font-weight: 700 !important;
}

/* User selected copy style: keep all normal content text like the About extra paragraph. */
html body:not(.course-page) main ,
html body:not(.course-page) main .ed-admin-rich-text,
html body:not(.course-page) main .ed-admin-rich-text p,
html body:not(.course-page) main .it-about-text,
html body:not(.course-page) main .ed-about-page-extra-context .ed-admin-rich-text,
html body:not(.course-page) main .ed-about-more-card .ed-admin-rich-text,
html body:not(.course-page) main .ed-about-more-card .ed-admin-rich-text p,
html body:not(.course-page) main .ed-about-extra-description {
    font-family: var(--copy-font) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    color: #ffffff !important;
    letter-spacing: 0 !important;
}

/* Keep headings strong and clean after the paragraph font normalization. */
html body:not(.course-page) main :is(h1, h2, h3, h4, h5, h6) {
    font-family: var(--copy-font) !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
}

html body:not(.course-page) main h1:not(.it-breadcrumb-title) {
    font-size: clamp(36px, 4.2vw, 56px) !important;
    line-height: 1.12 !important;
}

html body:not(.course-page) main h2:not(.it-breadcrumb-title) {
    font-size: clamp(30px, 3.2vw, 42px) !important;
    line-height: 1.16 !important;
}

html body:not(.course-page) main h3:not(.it-breadcrumb-title) {
    font-size: clamp(24px, 2.25vw, 32px) !important;
    line-height: 1.2 !important;
}

html body:not(.course-page) main h4,
html body:not(.course-page) main h5,
html body:not(.course-page) main h6 {
    line-height: 1.24 !important;
}

/* About Mission/Vision should be visible content, not hidden behind a collapsed panel. */
html body main .it-about-area .ed-about-more-panel {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
    max-height: none !important;
    opacity: 1 !important;
    overflow: visible !important;
    transform: none !important;
    margin-top: 24px !important;
}

html body main .it-about-area .ed-about-more-card {
    min-height: 0 !important;
    padding: 22px !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    border: 1px solid rgba(224, 33, 33, .14) !important;
    box-shadow: 0 14px 34px rgba(31, 36, 50, .08) !important;
}

html body main .it-about-area .ed-about-more-card h5 {
    margin: 0 0 10px !important;
    font-size: 22px !important;
    line-height: 1.22 !important;
    font-weight: 800 !important;
    color: #0b2945 !important;
}

html body main .it-about-area .ed-about-more-card span {
    margin-bottom: 14px !important;
}

@media (max-width: 767.98px) {
    html body main .it-about-area .ed-about-more-panel {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }
}

html body:not(.course-page) main .contact-modern-hero .container {
    position: relative !important;
    z-index: 2 !important;
}

html,
body,
body :where(a, p, span, li, label, input, select, textarea, button, small, strong, b, em, div),
body :where(h1, h2, h3, h4, h5, h6) {
    font-family: var(--copy-font) !important;
    letter-spacing: 0 !important;
}

body :where(i, [class^="fa-"], [class*=" fa-"], .fa, .fas, .far, .fal, .fab) {
    font-family: "Font Awesome 6 Pro", "Font Awesome 5 Pro", "Font Awesome 5 Free", "FontAwesome" !important;
}

body p,
main p,
.dp-content p,
.ed-admin-rich-text p,
.ed-about-page-extra-context p,
.it-about-text p,
.it-contact-3-area p,
.ttm-section p,
.it-footer-area p {
    font-family: var(--copy-font) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 21px !important;
    color: var(--copy-color) !important;
    letter-spacing: 0 !important;
}

.ed-admin-rich-text p,
.ed-about-page .ed-admin-rich-text p,
.ed-about-page-extra-context p,
.it-about-text p,
.it-about-right p {
    margin: 0 0 18px !important;
    font-family: var(--copy-font) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    /*color: #4d5f75 !important;*/
}

.ed-about-page-extra-context h4,
.it-about-right h4 {
    margin: 26px 0 10px !important;
    font-family: var(--copy-font) !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    line-height: 1.22 !important;
    color: #0b2945 !important;
}

.ed-about-page-extra-context .ed-admin-rich-text p,
.ed-about-page .ed-about-page-extra-context .ed-admin-rich-text p {
    /*color: #4d5f75 !important;*/
}

body:not(.course-page) .contact-modern-hero {
    position: relative !important;
    min-height: 330px !important;
    display: block !important;
    overflow: hidden !important;
    background:
        radial-gradient(circle at 8% 20%, rgba(255, 255, 255, .16) 0 2px, transparent 3px),
        radial-gradient(circle at 70% 18%, rgba(255, 255, 255, .12), transparent 28%),
        linear-gradient(135deg, #e31f26 0%, #ed1c24 55%, #c80f18 100%) !important;
}

body:not(.course-page) .contact-modern-hero::before {
    opacity: .22 !important;
}

body:not(.course-page) .contact-modern-hero-row {
    min-height: 330px !important;
    align-items: center !important;
}

body:not(.course-page) .contact-modern-small,
body:not(.course-page) .contact-modern-title,
body:not(.course-page) .contact-modern-desc,
body:not(.course-page) .contact-modern-breadcrumb,
body:not(.course-page) .contact-modern-breadcrumb a {
    color: #ffffff !important;
}

body:not(.course-page) .contact-modern-title {
    font-size: clamp(42px, 5.2vw, 65px) !important;
    line-height: 1.02 !important;
}

body:not(.course-page) .contact-modern-desc {
    max-width: 560px !important;
    font-size: 17px !important;
    line-height: 1.55 !important;
    color: rgba(255, 255, 255, .96) !important;
}

body:not(.course-page) .contact-modern-image img {
    max-height: 330px !important;
    object-fit: contain !important;
}

.ttm-section,
.ttm-section .ttm-wrap {
    overflow: visible !important;
}

.ttm-section .ttm-track {
    cursor: grab !important;
    overscroll-behavior-x: contain !important;
    touch-action: pan-x pan-y !important;
    user-select: none !important;
}

.ttm-section .ttm-track.ttm-dragging {
    cursor: grabbing !important;
    scroll-behavior: auto !important;
}

.ttm-section .ttm-card .ttm-text,
.ttm-section .ttm-person h5,
.ttm-section .ttm-person span {
    color: #ffffff !important;
}

.ed-real-stats-section {
    position: relative !important;
    padding: 42px 0 !important;
    background:
        radial-gradient(circle at 14% 20%, rgba(255, 255, 255, .22), transparent 28%),
        linear-gradient(135deg, #e31f26 0%, #b9131b 52%, #071b32 100%) !important;
    overflow: hidden !important;
}

.ed-real-stats-section::before {
    content: "";
    position: absolute;
    inset: 12px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 8px;
    pointer-events: none;
}

.ed-real-stats {
    position: relative !important;
    gap: 18px !important;
}

.ed-real-stat-item {
    position: relative !important;
    min-height: 150px !important;
    padding: 26px 18px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, .2) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .94) !important;
    box-shadow: 0 18px 45px rgba(5, 18, 36, .18) !important;
    isolation: isolate !important;
    animation: msolStatFloat 4.8s ease-in-out infinite !important;
}

.ed-real-stat-item:nth-child(2) {
    animation-delay: .2s !important;
}

.ed-real-stat-item:nth-child(3) {
    animation-delay: .4s !important;
}

.ed-real-stat-item:nth-child(4) {
    animation-delay: .6s !important;
}

.ed-real-stat-item::before {
    content: "";
    position: absolute;
    inset: -45% auto auto -20%;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    background: rgba(248, 198, 47, .22);
    z-index: -1;
}

.ed-real-stat-item::after {
    content: "";
    position: absolute;
    inset: auto -26px -34px auto;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background: rgba(227, 31, 38, .12);
    z-index: -1;
}

.ed-real-stat-item strong {
    color: #e31f26 !important;
    text-shadow: 0 8px 24px rgba(227, 31, 38, .18) !important;
}

.ed-real-stat-item span {
    color: #071b32 !important;
    font-weight: 700 !important;
}

@keyframes msolStatFloat {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-8px);
    }
}

.header .pay-now-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 112px !important;
    margin-left: 15px !important;
    padding: 13px 18px !important;
    border: 2px solid #f8c62f !important;
    border-radius: 6px !important;
    background: #f8c62f !important;
    color: #071b32 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.header .pay-now-button:hover {
    background: #ffffff !important;
    color: #e31f26 !important;
}

.pay-modal {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 18px;
}

.pay-modal.is-open {
    display: flex;
}

.pay-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(7, 27, 50, .6);
}

.pay-box {
    position: relative;
    width: min(100%, 520px);
    max-height: calc(100vh - 36px);
    overflow: auto;
    padding: 30px;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 26px 80px rgba(7, 27, 50, .26);
}

.pay-box h3 {
    margin: 0 0 8px;
    color: #071b32;
    font-size: 28px;
    font-weight: 900;
}

.pay-box p {
    margin-bottom: 18px !important;
}

.pay-close {
    position: absolute;
    top: 12px;
    right: 14px;
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 50%;
    background: #f2f4f7;
    color: #071b32;
    font-size: 24px;
    line-height: 1;
}

.pay-box label {
    margin: 0 0 7px;
    color: #071b32;
    font-size: 13px;
    font-weight: 800;
}

.pay-box input,
.pay-box select {
    width: 100%;
    height: 48px;
    margin-bottom: 14px;
    padding: 0 14px;
    border: 1px solid #d8dee8;
    border-radius: 6px;
    color: #071b32;
    background: #ffffff;
    font-family: var(--copy-font);
}

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

.pay-submit {
    width: 100%;
    height: 52px;
    border: 0;
    border-radius: 6px;
    background: #e31f26;
    color: #ffffff;
    font-weight: 900;
}

.pay-message {
    min-height: 20px;
    margin-top: 12px;
    color: #071b32;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}

.pay-message[data-type="error"] {
    color: #dc2626;
}

.pay-message[data-type="success"] {
    color: #15803d;
}

.it-contact-3-area {
    background: #ffffff !important;
}

.it-contact-3-area .row {
    align-items: stretch !important;
}

.it-contact-3-left {
    height: 100% !important;
}

.it-contact-3-form-box {
    overflow: hidden !important;
    padding: 34px 34px 28px !important;
    border: 1px solid #eef1f5 !important;
    border-right: 6px solid #e31f26 !important;
    border-radius: 8px 18px 18px 8px !important;
    background: #ffffff !important;
    box-shadow: 0 22px 60px rgba(7, 27, 50, .1) !important;
}

.it-contact-3-form-box .it-section-title {
    color: #071b32 !important;
    font-size: 34px !important;
    line-height: 1.18 !important;
    font-weight: 900 !important;
}

.it-contact-3-form-box input,
.it-contact-3-form-box textarea,
.it-contact-3-form-box select {
    border-color: #d9e1ec !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    color: #071b32 !important;
}

.it-contact-3-form-box textarea {
    min-height: 112px !important;
}

.it-contact-3-form-box button[type="submit"] {
    width: 100% !important;
    border-radius: 7px !important;
    background: #e31f26 !important;
    box-shadow: 0 12px 25px rgba(227, 31, 38, .2) !important;
}

.it-contact-list li {
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: 0 12px 38px rgba(7, 27, 50, .08) !important;
}

@media (max-width: 991.98px) {
    .header .pay-now-button {
        width: 100% !important;
        margin: 12px 0 8px !important;
    }

    .pay-grid {
        grid-template-columns: 1fr;
        gap: 0;
    }

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

@media (max-width: 575.98px) {
    body p,
    main p,
    .dp-content p,
    .it-contact-3-area p,
    .ttm-section p,
    .it-footer-area p {
        font-size: 15px !important;
        line-height: 21px !important;
    }

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

    .it-contact-3-form-box {
        padding: 24px 18px !important;
    }
}

/* Non-course page cleanup: keep remaining pages visually consistent. */
body:not(.course-page) main .it-breadcrumb-area {
    min-height: 300px !important;
    padding: 72px 0 64px !important;
    display: flex !important;
    align-items: center !important;
    overflow: hidden !important;
}

body:not(.course-page) main .it-breadcrumb-area .container,
body:not(.course-page) main .it-breadcrumb-area .row {
    width: 100% !important;
}

body:not(.course-page) main .it-breadcrumb-thumb {
    max-height: 230px !important;
    overflow: hidden !important;
}

body:not(.course-page) main .it-breadcrumb-thumb > img:not([class*="shape"]) {
    width: min(100%, 380px) !important;
    max-height: 230px !important;
    object-fit: contain !important;
}

body:not(.course-page) main .it-breadcrumb-content {
    padding: 0 !important;
}

body:not(.course-page) main .it-breadcrumb-title,
body:not(.course-page) main .it-breadcrumb-title.style-2,
body:not(.course-page) main .it-breadcrumb-content h1,
body:not(.course-page) main .it-breadcrumb-content h2,
body:not(.course-page) main .it-breadcrumb-content h3 {
    margin-bottom: 14px !important;
    font-size: clamp(34px, 4.4vw, 52px) !important;
    line-height: 1.12 !important;
    letter-spacing: 0 !important;
}

body:not(.course-page) main :is(.pt-130, .pt-120, .pt-110, .pt-100) {
    padding-top: 72px !important;
}

body:not(.course-page) main :is(.pb-130, .pb-120, .pb-110, .pb-100, .pb-95, .pb-90) {
    padding-bottom: 72px !important;
}

body:not(.course-page) main section + section,
body:not(.course-page) main section + div[class*="area"],
body:not(.course-page) main div[class*="area"] + section {
    margin-top: 0 !important;
}

body:not(.course-page) main :is(.it-course-section-title-box, .section-title, .it-section-title-box, .ed-online-section-title) {
    margin-bottom: 28px !important;
}

body:not(.course-page) main h1:not(.it-breadcrumb-title) {
    font-size: clamp(34px, 4vw, 50px) !important;
    line-height: 1.16 !important;
}

body:not(.course-page) main h2:not(.it-breadcrumb-title) {
    font-size: clamp(28px, 3.1vw, 40px) !important;
    line-height: 1.18 !important;
}

body:not(.course-page) main h3:not(.it-breadcrumb-title) {
    font-size: clamp(22px, 2.2vw, 30px) !important;
    line-height: 1.22 !important;
}

body:not(.course-page) main h4 {
    font-size: clamp(18px, 1.5vw, 23px) !important;
    line-height: 1.28 !important;
}

body:not(.course-page) main h5 {
    font-size: clamp(16px, 1.2vw, 20px) !important;
    line-height: 1.3 !important;
}

body:not(.course-page) main h6 {
    font-size: clamp(15px, 1vw, 18px) !important;
    line-height: 1.35 !important;
}

body:not(.course-page) main :is(h1, h2, h3, h4, h5, h6) {
    letter-spacing: 0 !important;
}

body:not(.course-page) .dp-content-area,
body:not(.course-page) .it-blog-area,
body:not(.course-page) .it-faq-area,
body:not(.course-page) .it-career-area,
body:not(.course-page) .it-contact-3-area,
body:not(.course-page) .it-about-area {
    overflow: hidden !important;
}

body:not(.course-page) main .container > :last-child,
body:not(.course-page) main .row > [class*="col-"] > :last-child {
    margin-bottom: 0 !important;
}

body :is(a, button, .it-btn, .theme-btn, .it-btn-yellow, .apply-button, .pay-now-button, [class*="card"], [class*="box"], [class*="item"]) {
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background-color .22s ease, color .22s ease, opacity .22s ease !important;
}

body :is(a, button, .it-btn, .theme-btn, .it-btn-yellow, .apply-button, .pay-now-button):hover {
    transform: translateY(-2px);
}

body main :is([class*="card"], [class*="box"], [class*="item"]):hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 46px rgba(7, 27, 50, .14) !important;
}

.wcu-section .wcu-grid {
    align-items: stretch !important;
}

.wcu-section .wcu-card {
    min-height: 169px !important;
    height: auto !important;
    padding: 0px 1px 4px !important;
    overflow: hidden !important;
}

.wcu-section .wcu-card h4 {
    width: 100% !important;
    max-width: 100% !important;
    margin: 14px auto 0 !important;
    font-size: clamp(18px, 2.1vw, 24px) !important;
    line-height: 1.15 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    text-align: center !important;
}

.wcu-section .wcu-icon {
    flex: 0 0 auto !important;
}

@media (max-width: 991.98px) {
    body:not(.course-page) main .it-breadcrumb-area {
        min-height: 250px !important;
        padding: 58px 0 52px !important;
    }

    body:not(.course-page) main .it-breadcrumb-thumb {
        display: none !important;
    }

    body:not(.course-page) main :is(.pt-130, .pt-120, .pt-110, .pt-100) {
        padding-top: 50px !important;
    }

    body:not(.course-page) main :is(.pb-130, .pb-120, .pb-110, .pb-100, .pb-95, .pb-90) {
        padding-bottom: 50px !important;
    }

    .wcu-section .wcu-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    .wcu-section .wcu-card {
        min-width: 0 !important;
        min-height: 188px !important;
        padding: 14px 8px 26px !important;
        border-radius: 8px !important;
    }

    .wcu-section .wcu-icon {
        width: 54px !important;
        height: 54px !important;
        margin: 0 auto 10px !important;
        border-radius: 12px !important;
    }

    .wcu-section .wcu-card h4 {
        font-size: clamp(16px, 5vw, 22px) !important;
        line-height: 1.08 !important;
    }

    body:not(.course-page) .contact-modern-hero,
    body:not(.course-page) .contact-modern-hero-row {
        min-height: 280px !important;
    }

    body:not(.course-page) .contact-modern-hero-content {
        padding: 42px 0 28px !important;
    }
}

@media (max-width: 575.98px) {
    body:not(.course-page) main .it-breadcrumb-area {
        min-height: 210px !important;
        padding: 42px 0 38px !important;
    }

    body:not(.course-page) main .it-breadcrumb-title,
    body:not(.course-page) main .it-breadcrumb-title.style-2,
    body:not(.course-page) main .it-breadcrumb-content h1,
    body:not(.course-page) main .it-breadcrumb-content h2,
    body:not(.course-page) main .it-breadcrumb-content h3 {
        font-size: 34px !important;
    }

    body:not(.course-page) main :is(.pt-130, .pt-120, .pt-110, .pt-100) {
        padding-top: 36px !important;
    }

    body:not(.course-page) main :is(.pb-130, .pb-120, .pb-110, .pb-100, .pb-95, .pb-90) {
        padding-bottom: 36px !important;
    }

    .wcu-section {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .wcu-section .wcu-grid {
        gap: 10px !important;
    }

    .wcu-section .wcu-card {
        min-height: 156px !important;
        padding: 10px 6px 22px !important;
    }

    .wcu-section .wcu-icon {
        width: 50px !important;
        height: 50px !important;
        margin-bottom: 8px !important;
    }

    .wcu-section .wcu-card h4 {
        font-size: clamp(14px, 4.75vw, 18px) !important;
        line-height: 1.08 !important;
    }

    .wcu-section .wcu-wave {
        height: 30px !important;
    }

    .ed-admin-rich-text p,
    .ed-about-page .ed-admin-rich-text p,
    .ed-about-page-extra-context p,
    .it-about-text p,
    .it-about-right p {
        font-size: 16px !important;
        line-height: 1.55 !important;
        color: #4d5f75 !important;
    }

    .ed-about-page-extra-context h4,
    .it-about-right h4 {
        font-size: 22px !important;
        line-height: 1.22 !important;
    }

    body:not(.course-page) .contact-modern-hero,
    body:not(.course-page) .contact-modern-hero-row {
        min-height: auto !important;
    }

    body:not(.course-page) .contact-modern-hero {
        padding-bottom: 0 !important;
    }

    body:not(.course-page) .contact-modern-title {
        font-size: 38px !important;
    }

    body:not(.course-page) .contact-modern-desc {
        font-size: 15px !important;
        line-height: 1.5 !important;
    }

    body:not(.course-page) .contact-modern-image {
        height: 210px !important;
    }

    body:not(.course-page) .contact-modern-image img {
        max-height: 210px !important;
    }
}

/* End-of-file page locks for rules that are also defined inline on old pages. */
html body main .it-about-right,
html body main .it-about-text,
html body main .ed-about-page-extra-context,
html body main .ed-about-added-context,
html body main .ed-about-page-extra-context .ed-admin-rich-text {
    font-family: var(--copy-font) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    color: #4d5f75 !important;
}

html body main .it-about-text p,
html body main .it-about-area .it-about-right .it-about-text p,
html body main .ed-about-page-extra-context p,
html body main .ed-about-page-extra-context .ed-admin-rich-text p,
html body main .ed-about-extra-description {
    margin: 0 0 18px !important;
    font-family: var(--copy-font) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    color: #4d5f75 !important;
}

html body main .ed-about-page-extra-context h4,
html body main .ed-about-added-context h5 {
    margin: 26px 0 10px !important;
    font-family: var(--copy-font) !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 1.22 !important;
    color: #0b2945 !important;
}

html body:not(.course-page) main .contact-modern-hero,
html body:not(.course-page) main section.contact-modern-hero.reveal-section {
    background-color: #e31f26 !important;
    background-image:
        radial-gradient(circle at 8% 20%, rgba(255, 255, 255, 0.16) 0 2px, transparent 3px),
        radial-gradient(circle at 72% 18%, rgba(255, 255, 255, 0.14), transparent 30%),
        linear-gradient(135deg, #e31f26 0%, #ed1c24 55%, #c80f18 100%) !important;
    background-repeat: repeat, no-repeat, no-repeat !important;
    background-size: 26px 26px, auto, cover !important;
    background-position: 0 0, center, center !important;
}

/* Absolute last footer lock: keeps footer full-width and readable. */
html body > footer,
html body footer {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    clear: both !important;
    background: #071b32 !important;
}

html body footer .it-footer-wrap,
html body footer .it-footer-style-4,
html body footer .it-footer-area,
html body footer .it-copyright-area {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    background: #071b32 !important;
    color: #ffffff !important;
}

html body footer .it-footer-area {
    padding-top: 72px !important;
    padding-bottom: 44px !important;
}

html body footer .container {
    max-width: 1320px !important;
    width: 100% !important;
}

html body footer .it-footer-widget,
html body footer .it-footer-widget *,
html body footer .it-footer-widget-title,
html body footer .it-footer-widget-text p,
html body footer .it-footer-widget-menu ul li,
html body footer .it-footer-widget-menu ul li a,
html body footer .footer-contact-item strong,
html body footer .footer-contact-item a,
html body footer .it-copyright-area p,
html body footer .it-copyright-area a {
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
}

html body footer .it-footer-widget-text p,
html body footer .footer-contact-item a,
html body footer .it-footer-widget-menu ul li a,
html body footer .it-copyright-area p,
html body footer .it-copyright-area a {
    font-size: 15px !important;
    line-height: 1.65 !important;
}

html body footer .it-footer-widget-social a,
html body footer .footer-contact-icon {
    background: rgba(255,255,255,.12) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,.22) !important;
}

html body footer .it-copyright-area {
    border-top: 1px solid rgba(255,255,255,.14) !important;
    padding: 18px 0 !important;
}



/* MOBILE COURSE ALIGNMENT FIX */
@media (max-width: 767px) {
    html body .courses-area,
    html body .course-area,
    html body .courses-section,
    html body .course-section {
        width: 100%;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    html body .courses-area .container,
    html body .course-area .container,
    html body .courses-section .container,
    html body .course-section .container {
        width: 100%;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 15px;
        padding-right: 15px;
    }

    html body .courses-area .row,
    html body .course-area .row,
    html body .courses-section .row,
    html body .course-section .row {
        justify-content: center;
    }

    html body .courses-area .course-item,
    html body .course-area .course-item,
    html body .courses-section .course-item,
    html body .course-section .course-item {
        max-width: 100%;
        min-width: 0;
    }
}

/* FIX: MOBILE COURSE CARDS CUTTING ON RIGHT */
@media (max-width: 767px) {
    html body .it-course-area {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        overflow-x: clip;
    }

    html body .it-course-area .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    html body .it-course-area .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
        justify-content: center !important;
    }

    html body .it-course-area .it-course-item {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    html body .it-course-area .it-course-thumb,
    html body .it-course-area .it-course-thumb > a,
    html body .it-course-area .it-course-thumb > a > img {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}

/* MOBILE: HIDE CONTACT TOP BAR, KEEP SPACE FOR NOTIFICATION BAR */
@media (max-width: 767px) {
    html body .header-top,
    html body .it-header-top,
    html body .header-top-area,
    html body .topbar {
        display: none !important;
    }

    html {
        scroll-padding-top: 24px;
    }

    body {
        padding-top: 24px !important;
    }
}

/* MOBILE HEADER: KEEP CLEAR OF TOP STATUS BAR */
@media screen and (max-width: 767px) {
    html body .header {
        top: env(safe-area-inset-top, 0px) !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    html body .header .dynamic-topbar {
        display: none !important;
    }

    html body .header .it-header-area,
    html body .header .it-header-2-area,
    html body .header .it-header-3-area {
        margin-top: 0 !important;
    }
}

/* RESTORE MOBILE MAIN HEADER */
@media screen and (max-width: 767px) {
    html body .header {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 99999 !important;
        transform: none !important;
    }

    html body .header .dynamic-topbar {
        display: none !important;
    }

    html body .header .it-header-area,
    html body .header .it-header-2-area,
    html body .header .it-header-3-area {
        display: block !important;
        visibility: visible !important;
    }
}


/* =====================================================
   HEADER VISIBILITY REPAIR - DESKTOP / TABLET / MOBILE
   ===================================================== */
html body header.header {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    background-color: #ffffff !important;
    z-index: 99999 !important;
    color: #202020 !important;
}

html body header.header .navbar {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    background-color: #ffffff !important;
}

html body header.header .navbar-brand,
html body header.header .navbar-brand img,
html body header.header .navbar-toggler {
    visibility: visible !important;
    opacity: 1 !important;
}

html body header.header .navbar-brand img {
    display: block !important;
    object-fit: contain !important;
}

html body header.header .navbar-nav .nav-link {
    color: #202020 !important;
    visibility: visible !important;
    opacity: 1 !important;
}

html body header.header .navbar-toggler {
    color: #202020 !important;
    border-color: #cccccc !important;
}

html body header.header .navbar-toggler-icon {
    visibility: visible !important;
    opacity: 1 !important;
}


/* HEADER_VISIBILITY_FINAL_OVERRIDE */
html body header.header {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    background: #fff !important;
    z-index: 99999 !important;
}

html body header.header .navbar {
    visibility: visible !important;
    opacity: 1 !important;
}

html body header.header .navbar-brand,
html body header.header .navbar-brand img,
html body header.header .navbar-toggler {
    visibility: visible !important;
    opacity: 1 !important;
}

@media (min-width: 768px) {
    html body header.header {
        position: sticky !important;
        top: 0 !important;
    }
}

@media (max-width: 767px) {
    html body header.header {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
    }
}

/* TOPBAR_FULL_VISIBILITY_FIX */
html body header.header .dynamic-topbar,
html body header.header.is-scrolled .dynamic-topbar {
    display: block !important;
    height: auto !important;
    min-height: 42px !important;
    max-height: none !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
    padding: 10px 0 !important;
    margin: 0 !important;
    transform: none !important;
    background: #1d2433 !important;
    color: #ffffff !important;
    border-top: 3px solid #f4b400 !important;
    border-bottom: 0 !important;
}

html body header.header .dynamic-topbar * {
    visibility: visible;
}

html body header.header .dynamic-topbar a,
html body header.header .dynamic-topbar span,
html body header.header .dynamic-topbar p {
    color: #ffffff !important;
}

html body header.header .dynamic-topbar .topbar-content {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 10px 20px !important;
}


/* TOPBAR_SINGLE_LINE_FIX */
html body header.header .dynamic-topbar {
    width: 100% !important;
    overflow: hidden !important;
}

html body header.header .dynamic-topbar .topbar-content {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 24px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

html body header.header .dynamic-topbar .notification,
html body header.header .dynamic-topbar .notification-item,
html body header.header .dynamic-topbar .notification-text,
html body header.header .dynamic-topbar .announcement,
html body header.header .dynamic-topbar .announcement-item,
html body header.header .dynamic-topbar .topbar-item {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: max-content !important;
    max-width: none !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
}

html body header.header .dynamic-topbar .topbar-content * {
    writing-mode: horizontal-tb !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}


/* HEADER_NOTIFICATION_SINGLE_LINE_FINAL */
header.header .dynamic-topbar .contact-list {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 18px !important;
}

header.header .dynamic-topbar .header-notification {
    display: block !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    width: auto !important;
    overflow: hidden !important;
}

header.header .dynamic-topbar .header-notification-window {
    display: block !important;
    width: 100% !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

header.header .dynamic-topbar .header-notification-track {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    width: max-content !important;
    max-width: none !important;
    white-space: nowrap !important;
    animation: headerNotificationScroll 30s linear infinite !important;
}

header.header .dynamic-topbar .header-notification-item {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    gap: 8px !important;
    width: auto !important;
    min-width: max-content !important;
    max-width: none !important;
    margin-right: 36px !important;
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    writing-mode: horizontal-tb !important;
}

header.header .dynamic-topbar .header-notification-item strong {
    display: inline-block !important;
    flex: 0 0 auto !important;
}

@keyframes headerNotificationScroll {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}

@media (max-width: 767px) {
    header.header .dynamic-topbar .topbar-content {
        display: block !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .video-hero-subtitle p {
        color: #ffffff !important;
    }

    header.header .dynamic-topbar .contact-list {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
    }

    header.header .dynamic-topbar .header-notification {
        flex: 1 1 100% !important;
        width: 100% !important;
    }

    header.header .dynamic-topbar .social-list {
        display: none !important;
    }
}

/* DESKTOP_TOPBAR_ALIGNMENT_FIX */
@media (min-width: 992px) {

    html body {
        margin-top: 0 !important;
    }

    html body header.header {
        top: 0 !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    html body header.header .dynamic-topbar {
        width: 100% !important;
        min-height: 48px !important;
        height: auto !important;
        padding: 8px 0 !important;
        overflow: hidden !important;
    }

    html body header.header .dynamic-topbar .topbar-content {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 16px !important;
        width: 100% !important;
        max-width: 1600px !important;
        margin: 0 auto !important;
        padding: 0 22px !important;
    }

    html body header.header .dynamic-topbar .contact-list {
        display: flex !important;
        flex: 1 1 auto !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        min-width: 0 !important;
        width: auto !important;
        gap: 18px !important;
    }

    html body header.header .dynamic-topbar .contact-list > a {
        display: inline-flex !important;
        flex: 0 0 auto !important;
        align-items: center !important;
        white-space: nowrap !important;
    }

    html body header.header .dynamic-topbar .header-notification {
        display: block !important;
        flex: 1 1 300px !important;
        min-width: 100px !important;
        width: auto !important;
        overflow: hidden !important;
    }

    html body header.header .dynamic-topbar .header-notification-window {
        width: 100% !important;
        overflow: hidden !important;
        white-space: nowrap !important;
    }

    html body header.header .dynamic-topbar .header-notification-track {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        width: max-content !important;
        white-space: nowrap !important;
    }

    html body header.header .dynamic-topbar .header-notification-item {
        display: inline-flex !important;
        flex: 0 0 auto !important;
        align-items: center !important;
        width: auto !important;
        min-width: max-content !important;
        white-space: nowrap !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        margin-right: 32px !important;
    }

    html body header.header .dynamic-topbar .social-list {
        display: flex !important;
        flex: 0 0 auto !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 14px !important;
        white-space: nowrap !important;
    }
}

/* REMOVE_SPACE_ABOVE_TOPBAR_FIX */
html,
body {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

html body header.header {
    margin-top: 0 !important;
    top: 0 !important;
    transform: none !important;
}

html body header.header .dynamic-topbar {
    margin-top: 0 !important;
}


/* DESKTOP_WHITE_SPACE_ABOVE_HEADER_FIX */
@media (min-width: 992px) {
    html,
    body {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    html body header.header {
        top: 0 !important;
        margin-top: 0 !important;
    }
}

/* DESKTOP_HEADER_SPACE_VARIABLE_FIX */
@media (min-width: 992px) {
    html body {
        padding-top: 0 !important;
    }

    html body header.header {
        margin-top: 0 !important;
    }
}

/* HEADER_TOP_ZERO_FINAL_CHECK */
html body > header.header {
    top: 0 !important;
    margin-top: 0 !important;
    transform: none !important;
}

@media (min-width: 768px) {
    html body > header.header {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
    }
}

@media (max-width: 767px) {
    html body > header.header {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
    }
}

/* TABLET_MARQUEE_WIDTH_FIX */
@media (min-width: 768px) and (max-width: 1100px) {

    header.header .dynamic-topbar {
        overflow: hidden !important;
    }

    header.header .dynamic-topbar .topbar-content {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 12px !important;
        padding: 8px 12px !important;
    }

    header.header .dynamic-topbar .contact-list {
        display: flex !important;
        flex: 0 1 auto !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 10px !important;
        min-width: 0 !important;
        width: auto !important;
    }

    header.header .dynamic-topbar .contact-list > a {
        flex: 0 0 auto !important;
        white-space: nowrap !important;
        font-size: 12px !important;
    }

    header.header .dynamic-topbar .header-notification {
        flex: 1 1 150px !important;
        min-width: 0 !important;
        max-width: 220px !important;
        width: auto !important;
        overflow: hidden !important;
    }

    header.header .dynamic-topbar .header-notification-window {
        width: 100% !important;
        overflow: hidden !important;
        white-space: nowrap !important;
    }

    header.header .dynamic-topbar .header-notification-track {
        display: flex !important;
        flex-wrap: nowrap !important;
        width: max-content !important;
        white-space: nowrap !important;
    }

    header.header .dynamic-topbar .header-notification-item {
        display: inline-flex !important;
        flex: 0 0 auto !important;
        width: max-content !important;
        white-space: nowrap !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        margin-right: 24px !important;
        font-size: 12px !important;
    }

    header.header .dynamic-topbar .social-list {
        display: flex !important;
        flex: 0 0 auto !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 8px !important;
        white-space: nowrap !important;
    }

    header.header .dynamic-topbar .social-list > * {
        margin: 0 !important;
    }
}

/* MOBILE_TABLET_HEADER_FLOW_FIX_V1 */
@media (max-width: 991.98px) {
    html body > header.header {
        position: sticky !important;
        top: 0 !important;
        left: auto !important;
        right: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 0 !important;
        transform: none !important;
        z-index: 1050 !important;
    }

    html body {
        margin-top: 0 !important;
        padding-top: 0 !important;
        overflow-x: hidden;
    }

    html body > main:first-of-type {
        margin-top: 0 !important;
    }

    html body > header.header .dynamic-topbar {
        position: relative !important;
        top: auto !important;
    }
}
/* COURSE_HERO_MOBILE_TEXT_IMAGE_ORDER_V1 */
@media (max-width: 991.98px) {

    /* Spanish */
    .spanish-hero-wrap {
        display: flex !important;
        flex-direction: column !important;
    }
    .spanish-hero-content {
        order: 1 !important;
        width: 100% !important;
        min-width: 0 !important;
    }
    .spanish-hero-img-mobile {
        order: 2 !important;
        width: 100% !important;
        margin-top: 18px !important;
    }
    .spanish-hero-img-mobile img {
        display: block;
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    /* German and dynamic course-details */
    .hero-slider-wrap {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }
    .hero-slider-content {
        order: 1 !important;
        width: 100% !important;
        min-width: 0 !important;
    }
    .hero-slider-img-mobile {
        order: 2 !important;
        width: 100% !important;
        margin-top: 18px !important;
    }
    .hero-slider-img-mobile img {
        display: block;
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    /* Japanese */
    .hero-jp-hero-wrap {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }
    .hero-jp-hero-content {
        order: 1 !important;
        width: 100% !important;
        min-width: 0 !important;
    }
    .hero-jp-hero-img-mobile {
        order: 2 !important;
        width: 100% !important;
        margin-top: 18px !important;
    }
    .hero-jp-hero-img-mobile img {
        display: block;
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    /* French: text first, hero image after content */
    .frx-hero {
        display: flex !important;
        flex-direction: column !important;
    }
    .frx-hero__inner {
        position: static !important;
        order: 1 !important;
        display: block !important;
        width: 100% !important;
    }
    .frx-hero__bg {
        order: 2 !important;
        width: 100% !important;
        height: auto !important;
    }
    .frx-hero__wrap,
    .frx-hero__content {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Buttons: always one row on phone/tablet */
    .spanish-hero-btns,
    .hero-slider-content .hero-btns,
    .hero-jp-hero-btns,
    .frx-hero__actions {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 8px !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    .spanish-hero-btns > a,
    .hero-slider-content .hero-btns > a,
    .hero-jp-hero-btns > a,
    .frx-hero__actions > a {
        flex: 1 1 0 !important;
        min-width: 0 !important;
        width: 50% !important;
        margin: 0 !important;
        padding: 10px 5px !important;
        text-align: center !important;
        justify-content: center !important;
        font-size: clamp(10px, 3vw, 13px) !important;
        white-space: normal !important;
        box-sizing: border-box !important;
    }
}

@media (max-width: 575.98px) {
    .spanish-hero-wrap,
    .hero-slider-wrap,
    .hero-jp-hero-wrap {
        gap: 0 !important;
    }

    .spanish-hero-title,
    .hero-slider-content .hero-title,
    .hero-jp-hero-title,
    .frx-hero__title {
        font-size: clamp(25px, 7vw, 33px) !important;
        line-height: 1.15 !important;
        overflow-wrap: anywhere;
    }

    .spanish-hero-img-mobile,
    .hero-slider-img-mobile,
    .hero-jp-hero-img-mobile {
        margin-top: 16px !important;
    }
}
/* END COURSE_HERO_MOBILE_TEXT_IMAGE_ORDER_V1 */

/* MOBILE_HERO_AND_TOPBAR_REPAIR_V2 */
@media (max-width: 767.98px) {

    /* Spanish hero: text first, buttons next, image last */
    html body.course-page section.course-hero.spanish-hero {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 0 !important;
        background-image: none !important;
        background-color: #fff7f7 !important;
        overflow: hidden !important;
    }

    html body.course-page section.course-hero.spanish-hero > .container {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 22px 22px !important;
        margin: 0 auto !important;
    }

    html body.course-page .spanish-hero-wrap {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 0 !important;
        width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
    }

    html body.course-page .spanish-hero-content {
        order: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 28px 0 0 !important;
        margin: 0 !important;
        position: relative !important;
        z-index: 2 !important;
    }

    html body.course-page .spanish-hero-title {
        font-size: clamp(27px, 7.2vw, 36px) !important;
        line-height: 1.15 !important;
        margin: 0 0 14px !important;
        overflow-wrap: anywhere !important;
    }

    html body.course-page .spanish-hero-btns {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
        width: 100% !important;
        align-items: center !important;
    }

    html body.course-page .spanish-hero-btns > a {
        flex: 1 1 0 !important;
        width: 50% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 10px 4px !important;
        font-size: 12px !important;
        white-space: nowrap !important;
        text-align: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
    }

    html body.course-page .spanish-hero-img-mobile {
        display: block !important;
        order: 2 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 18px 0 0 !important;
        position: relative !important;
    }

    html body.course-page .spanish-hero-img-mobile img {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
    }

    /* Topbar: phone/email and announcement on separate visible rows */
    html body > header.header .dynamic-topbar {
        display: block !important;
        position: relative !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        padding: 6px 0 !important;
        box-sizing: border-box !important;
    }

    html body > header.header .dynamic-topbar .topbar-content {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: center !important;
        gap: 7px !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        padding: 4px 10px !important;
        box-sizing: border-box !important;
    }

    html body > header.header .dynamic-topbar .contact-list {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    html body > header.header .dynamic-topbar .contact-list > a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 1 auto !important;
        width: auto !important;
        max-width: 100% !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        text-align: center !important;
        font-size: 12px !important;
        line-height: 1.4 !important;
        margin: 0 !important;
    }

    html body > header.header .dynamic-topbar .header-notification {
        display: block !important;
        flex: 0 0 auto !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 2px 0 0 !important;
        overflow: hidden !important;
    }

    html body > header.header .dynamic-topbar .header-notification-window {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        white-space: nowrap !important;
    }

    html body > header.header .dynamic-topbar .header-notification-track {
        display: flex !important;
        flex-wrap: nowrap !important;
        width: max-content !important;
        white-space: nowrap !important;
        animation: headerNotificationMarquee 20s linear infinite !important;
    }

    html body > header.header .dynamic-topbar .header-notification-item,
    html body > header.header .dynamic-topbar .header-notification-empty {
        display: inline-flex !important;
        flex: 0 0 auto !important;
        font-size: 11px !important;
        line-height: 1.4 !important;
        white-space: nowrap !important;
        margin-right: 24px !important;
    }
}
/* END MOBILE_HERO_AND_TOPBAR_REPAIR_V2 */





/* GERMAN_JAPANESE_MOBILE_HERO_FINAL_V1 */
@media (max-width: 767.98px) {

    /* GERMAN: remove background image on mobile */
    html body.course-page section.course-hero.hero-slider {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
        background-image: none !important;
        background-color: #fff7f7 !important;
        overflow: hidden !important;
    }

    html body.course-page section.course-hero.hero-slider > .container,
    html body section.hero-jp-hero > .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    html body.course-page .hero-slider-wrap,
    html body .hero-jp-hero-wrap {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 0 !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 0 !important;
    }

    /* Japanese background image off on mobile */
    html body section.hero-jp-hero {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
        background-image: none !important;
        background-color: #fff7f7 !important;
        overflow: hidden !important;
    }

    /* Text always first */
    html body.course-page .hero-slider-content,
    html body .hero-jp-hero-content {
        display: block !important;
        order: 1 !important;
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding: 26px 0 0 !important;
        margin: 0 !important;
        text-align: left !important;
        z-index: 2 !important;
    }

    html body.course-page .hero-slider-content .hero-title,
    html body .hero-jp-hero-title {
        font-size: clamp(26px, 7vw, 35px) !important;
        line-height: 1.15 !important;
        margin: 0 0 12px !important;
        overflow-wrap: anywhere !important;
    }

    html body.course-page .hero-slider-content .hero-desc,
    html body .hero-jp-hero-desc {
        max-width: 100% !important;
        font-size: 12px !important;
        line-height: 1.5 !important;
        margin-bottom: 14px !important;
    }

    /* Buttons side by side */
    html body.course-page .hero-slider-content .hero-btns,
    html body .hero-jp-hero-btns {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 8px !important;
        width: 100% !important;
        margin: 0 !important;
    }

    html body.course-page .hero-slider-content .hero-btns > a,
    html body .hero-jp-hero-btns > a {
        display: inline-flex !important;
        flex: 1 1 0 !important;
        width: 50% !important;
        min-width: 0 !important;
        max-width: 50% !important;
        margin: 0 !important;
        padding: 10px 4px !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        font-size: 12px !important;
        white-space: nowrap !important;
        box-sizing: border-box !important;
    }

    /* Image always after text and buttons */
    html body.course-page .hero-slider-img-mobile,
    html body .hero-jp-hero-img-mobile {
        display: block !important;
        order: 2 !important;
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 18px 0 0 !important;
        padding: 0 !important;
        text-align: center !important;
    }

    html body.course-page .hero-slider-img-mobile img,
    html body .hero-jp-hero-img-mobile img {
        display: block !important;
        width: 100% !important;
        max-width: 400px !important;
        height: auto !important;
        margin: 0 auto !important;
        object-fit: contain !important;
    }
}
/* END GERMAN_JAPANESE_MOBILE_HERO_FINAL_V1 */



/* FORCE FOOTER DESCRIPTION JUSTIFY */
footer p,
footer p.text-center,
footer .text-center,
footer .footer-description,
footer .footer-about,
footer .about-text,
.site-footer p,
.site-footer .text-center,
.site-footer .footer-description,
.site-footer .footer-about,
footer .col p {
    text-align: justify !important;
    text-align-last: initial !important;
    text-justify: inter-word !important;
}
/* END FORCE FOOTER DESCRIPTION JUSTIFY */
/* GLOBAL PARAGRAPH JUSTIFICATION ONLY */
p {
    text-align: justify;
}

/* Preserve intentionally centered paragraphs */
.text-center p,
p.text-center,
[style*="text-align: center"] p {
    text-align: center;
}


/* ONLY PARAGRAPHS JUSTIFIED */
p {
    text-align: justify;
}



/* HOMEPAGE ABOUT SECTIONS SPACING FIX */
.flexible-section {
    padding-top: 35px;
    padding-bottom: 35px;
}

.cta-section {
    padding-top: 35px;
    padding-bottom: 35px;
}

@media (max-width: 991px) {
    .flexible-section,
    .cta-section {
        padding-top: 28px;
        padding-bottom: 28px;
    }
}

@media (max-width: 575px) {
    .flexible-section,
    .cta-section {
        padding-top: 22px;
        padding-bottom: 22px;
    }
}
/* END HOMEPAGE ABOUT SECTIONS SPACING FIX */


/* HOME ABOUT EXTRA CONTENT - UNIQUE SPACING FIX */
.it-about-text .ed-about-added-context {
    margin-top: 18px !important;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.it-about-text .ed-about-added-context h5 {
    margin: 0 0 8px !important;
    line-height: 1.35;
}

.it-about-text .ed-about-added-context .ed-about-extra-description {
    margin: 0 !important;
    line-height: 1.65;
}

.it-about-text .ed-about-added-context .ed-about-extra-description p {
    margin: 0 0 8px !important;
}

@media (max-width: 767px) {
    .it-about-text .ed-about-added-context {
        margin-top: 14px !important;
        gap: 14px;
    }
}
/* END HOME ABOUT EXTRA CONTENT FIX */


/* ===== END SOURCE: site-fixes.css ===== */


/* ===== BEGIN SOURCE: text-fixes.css ===== */
/* text-fixes.css : justified paragraphs */
p:not(.text-center):not(.text-end):not(.text-start):not(.text-left):not(.text-right):not(.text-center p):not([class*="hero"] p):not(.breadcrumb-area p):not(footer p):not(header p):not(form p):not(.btn p):not(.alert p):not(.modal p) {
    text-align: justify !important;
    text-justify: inter-word;
    -webkit-hyphens: auto;
    hyphens: auto;
}
/* ===== END SOURCE: text-fixes.css ===== */


/* ===== BEGIN SOURCE: home-inline.css ===== */
/* =========================================================
   GLOBAL
   ========================================================= */
html,
body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
}

img,
video {
    max-width: 100% !important;
    height: auto !important;
}


/* =========================================================
   OFFER POPUP
   ========================================================= */

.ed-offer-popup-overlay {
    padding: 20px !important;
}

.ed-offer-popup-box {
    position: relative !important;
    width: min(92vw, 720px) !important;
    max-width: 720px !important;
}

.ed-offer-popup-img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: 82vh !important;
    object-fit: contain !important;
}

.ed-offer-popup-close {
    z-index: 5 !important;
}


/* Hero Slides */

.ed-hero-split-slide,
.ed-extra-slide {
    position: relative !important;
    min-height: clamp(500px, 62vw, 720px) !important;
    overflow: hidden !important;
}

.ed-hero-bg-photo {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

.ed-hero-slide-container {
    position: relative !important;
    z-index: 2 !important;
    min-height: inherit !important;
    display: flex !important;
    align-items: center !important;
}

.ed-hero-slide-container > .row {
    width: 100% !important;
}


/* Hero Text */

.it-hero-content {
    padding: 56px 0 !important;
    max-width: 720px !important;
}

.it-hero-title {
    font-size: clamp(34px, 4.3vw, 64px) !important;
    line-height: 1.08 !important;
}

.it-hero-text p,
.ed-hero-copy p {
    max-width: 690px !important;
}

.ed-hero-kicker {
    flex-wrap: wrap !important;
}

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


/* Hero Image */

.it-hero-thumb {
    width: 100% !important;
}

.it-hero-thumb img {
    width: 100% !important;
    max-height: 560px !important;
    object-fit: contain !important;
}


/* Extra Slider Images */

.ed-extra-slide-inner {
    width: 100% !important;
    height: 100% !important;
    min-height: inherit !important;
}

.ed-extra-slide-inner img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}

.ed-slider-nav-button {
    z-index: 8 !important;
}


/* =========================================================
   LANGUAGE / BRAND SLIDER
   ========================================================= */

.it-brand-5-area {
    overflow: hidden !important;
}

.it-brand-5-item {
    min-width: max-content !important;
    gap: 8px !important;
}

.it-brand-5-item img {
    width: 30px !important;
    height: 30px !important;
    object-fit: contain !important;
}


/* =========================================================
   QUICK LINKS
   ========================================================= */

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

.ed-quick-links {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
}

.ed-quick-link {
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 13px 15px !important;
}

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

.ed-quick-link-copy strong {
    display: block !important;
    line-height: 1.25 !important;
}

.ed-quick-link-arrow {
    flex: 0 0 auto !important;
}


/* =========================================================
   ABOUT SECTION
   ========================================================= */

.it-about-area {
    padding-top: 80px !important;
    padding-bottom: 90px !important;
}

.it-about-left {
    width: 100% !important;
}

.it-about-thumb img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

.it-about-right {
    padding-right: 10px !important;
}

.it-about-text p {
    line-height: 1.8 !important;
}

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

.ed-about-read-more {
    min-height: 46px !important;
}


/* =========================================================
   WHY CHOOSE MSOL
   ========================================================= */

.why-section {
    padding: 90px 0 !important;
}

.ed-home-why-visual {
    position: relative !important;
    width: 100% !important;
}

.ed-home-why-visual > img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
}

.ed-home-why-float-card {
    max-width: 180px !important;
}

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

.ed-home-why-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
}


/* =========================================================
   STATS
   ========================================================= */

.ed-real-stats {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
}

.ed-real-stat-item {
    min-width: 0 !important;
    text-align: center !important;
    padding: 25px 12px !important;
}

.ed-real-stat-item strong {
    display: block !important;
    font-size: clamp(28px, 3vw, 44px) !important;
    line-height: 1.1 !important;
}


/* =========================================================
   COURSE SECTION
   ========================================================= */

.it-course-area {
    padding-top: 90px !important;
    padding-bottom: 70px !important;
}

.it-course-item {
    height: calc(100% - 35px) !important;
    display: flex !important;
    flex-direction: column !important;
}

.it-course-thumb {
    overflow: hidden !important;
}

.it-course-thumb > a {
    display: block !important;
}

.it-course-thumb > a > img {
    display: block !important;
    width: 100% !important;
    aspect-ratio: 16 / 10 !important;
    object-fit: cover !important;
}

.it-course-content {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

.it-course-meta {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 7px 12px !important;
}

.it-course-btn {
    margin-top: auto !important;
}


/* =========================================================
   LARGE TABLET / SMALL DESKTOP
   ========================================================= */

@media (max-width: 1199.98px) {

    .ed-quick-links {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

.why-section {
        padding: 75px 0 !important;
    }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991.98px) {

    /* Hero Video */

.ed-video-next-button {
        right: 16px !important;
        bottom: 16px !important;
    }


    /* Hero Image Slider */

    .ed-hero-split-slide,
    .ed-extra-slide {
        min-height: auto !important;
    }

    .ed-hero-bg-photo {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        object-fit: contain !important;
    }

    .ed-hero-slide-container {
        min-height: 0 !important;
        padding: 0 !important;
    }

    .ed-hero-slide-container .row {
        margin: 0 !important;
    }

    .ed-hero-slide-container [class*="col-"] {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }


    /* Hero Content */

    .it-hero-content {
        max-width: 100% !important;
        padding: 28px 0 34px !important;
        text-align: center !important;
    }

    .ed-hero-kicker,
    .it-hero-typed-wrap,
    .it-hero-content > .d-flex {
        justify-content: center !important;
    }

    .it-hero-text p,
    .ed-hero-copy p {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .it-hero-thumb {
        display: none !important;
    }


    /* Extra Slides */

    .ed-extra-slide-inner {
        min-height: 0 !important;
        height: auto !important;
    }

    .ed-extra-slide-inner img {
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
    }


    /* About */

    .it-about-area {
        padding-top: 60px !important;
        padding-bottom: 65px !important;
    }

    .it-about-right {
        padding-right: 0 !important;
        margin-bottom: 35px !important;
    }

    .it-about-left {
        max-width: 720px !important;
        margin: 0 auto !important;
    }


    /* Why Choose */

    .why-section {
        padding: 65px 0 !important;
    }

    .ed-home-why-visual {
        max-width: 720px !important;
        margin: 0 auto 40px !important;
    }


    /* Stats */

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


    /* Courses */

    .it-course-area {
        padding-top: 65px !important;
        padding-bottom: 50px !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767.98px) {

    /* Global section spacing */

    .pt-130,
    .pt-120,
    .pt-100 {
        padding-top: 55px !important;
    }

    .pb-130,
    .pb-120,
    .pb-95 {
        padding-bottom: 55px !important;
    }


    /* Popup */

    .ed-offer-popup-overlay {
        padding: 12px !important;
    }


    /* Hero Video */

.ed-video-next-button {
        font-size: 13px !important;
        padding: 9px 12px !important;
    }


    /* Hero Content */

    .it-hero-title {
        font-size: 31px !important;
        line-height: 1.12 !important;
    }

    .it-hero-content {
        padding: 24px 0 30px !important;
    }

    .ed-hero-kicker {
        gap: 7px !important;
        font-size: 12px !important;
    }

    .it-hero-typed-wrap {
        flex-wrap: wrap !important;
        font-size: 15px !important;
    }

    .it-hero-content > .d-flex {
        flex-wrap: wrap !important;
        gap: 10px !important;
    }


    /* Hero Buttons */

    .ed-hero-read-more {
        margin-left: 0 !important;
    }

    .it-hero-bnt,
    .it-hero-bnt a {
        width: 100% !important;
    }

    .it-hero-bnt a {
        justify-content: center !important;
        text-align: center !important;
    }

    .ed-slider-nav-button {
        width: 38px !important;
        height: 38px !important;
    }


    /* Quick Links */

    .ed-quick-links-wrap {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .ed-quick-links {
        grid-template-columns: 1fr !important;
        gap: 9px !important;
    }

    .ed-quick-link {
        width: 100% !important;
        padding: 12px 13px !important;
    }


    /* About Section */

    .it-about-area {
        padding-top: 48px !important;
        padding-bottom: 55px !important;
    }

    .it-about-left .row {
        margin-left: -6px !important;
        margin-right: -6px !important;
    }

    .it-about-left .row > [class*="col-"] {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    .it-about-thumb-wrap .mb-25 {
        margin-bottom: 12px !important;
    }

    .it-about-section-title-box .it-section-title {
        font-size: 28px !important;
        line-height: 1.22 !important;
    }

    .it-about-text .mb-45 {
        margin-bottom: 24px !important;
    }

    .it-about-text p {
        font-size: 14px !important;
        line-height: 1.75 !important;
    }


    /* About Buttons */

    .ed-about-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    .ed-about-actions a,
    .ed-about-read-more {
        width: 100% !important;
        text-align: center !important;
        justify-content: center !important;
    }


    /* Why Choose */

    .why-section {
        padding: 55px 0 !important;
    }

    .ed-home-why-float-card {
        position: static !important;
        margin: 12px auto 0 !important;
        max-width: 220px !important;
    }

    .ed-home-why-heading {
        text-align: center !important;
    }

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

    .ed-home-why-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    .ed-home-why-btn {
        width: 100% !important;
        text-align: center !important;
    }


    /* Stats */

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

    .ed-real-stat-item {
        padding: 20px 8px !important;
    }


    /* Course Section */

    .it-course-area {
        padding-top: 55px !important;
        padding-bottom: 35px !important;
    }

    .it-course-section-title-box {
        margin-bottom: 35px !important;
    }

    .it-course-section-title-box .it-section-title {
        font-size: 28px !important;
        line-height: 1.2 !important;
    }

    #homeCoursesGrid {
        --bs-gutter-x: 16px;
    }

    #homeCoursesGrid > [class*="col-"] {
        width: 100% !important;
    }

    .it-course-item {
        max-width: 460px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 575.98px) {

    .container,
    .container-fluid {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

.it-hero-title {
        font-size: 28px !important;
    }

    .it-about-section-title-box .it-section-title,
    .it-course-section-title-box .it-section-title,
    .heading {
        font-size: 26px !important;
    }

    .ed-real-stat-item strong {
        font-size: 30px !important;
    }

    .ed-real-stat-item span {
        font-size: 12px !important;
    }
}


/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 390px) {

.it-hero-title {
        font-size: 25px !important;
    }
}

/* =========================================================
   FINAL HIGH PRIORITY MOBILE OVERRIDES
   This block intentionally uses !important.
   ========================================================= */

@media (max-width: 991.98px) {

    .ed-hero-bg-photo,
    .ed-extra-slide-inner img {
        position: relative !important;
        inset: auto !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 auto !important;
        padding: 0 !important;
        object-fit: contain !important;
        object-position: center center !important;
        transform: none !important;
    }

    .ed-hero-slide-container {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        padding: 24px 15px 30px !important;
        margin: 0 !important;
        display: block !important;
    }

    .ed-hero-slide-container > .row {
        width: 100% !important;
        margin: 0 !important;
    }

    .ed-hero-slide-container [class*="col-"] {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .it-hero-content {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        text-align: center !important;
    }

    .it-hero-thumb {
        display: none !important;
    }

    .it-brand-5-area {
        width: 100% !important;
        margin: 0 !important;
        overflow: hidden !important;
    }

    .it-brand-5-area .container-fluid {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .it-brand-5-item {
        width: auto !important;
        min-width: 145px !important;
        padding: 12px 16px !important;
        gap: 10px !important;
        justify-content: center !important;
        background: #ffffff !important;
    }

    .it-brand-5-item img {
        width: 38px !important;
        height: 38px !important;
        flex: 0 0 38px !important;
        object-fit: contain !important;
    }

    .it-brand-5-item span {
        white-space: nowrap !important;
    }

    .ed-quick-links-wrap {
        width: 100% !important;
        padding: 18px 15px !important;
        margin: 0 !important;
        overflow: hidden !important;
    }

    .ed-quick-links {
        display: grid !important;
        grid-template-columns: 1fr !important;
        width: 100% !important;
        max-width: 100% !important;
        gap: 12px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        transform: none !important;
    }

    .ed-quick-link {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 82px !important;
        margin: 0 !important;
        padding: 0 !important;
        gap: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        transform: none !important;
    }

    .ed-quick-link-icon {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 72px !important;
        min-width: 72px !important;
        height: 82px !important;
        flex: 0 0 72px !important;
    }

    .ed-quick-link-copy {
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
        padding: 10px 12px !important;
    }

    .ed-quick-link-copy strong {
        display: block !important;
        width: 100% !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        word-break: normal !important;
        font-size: 17px !important;
        line-height: 1.2 !important;
    }

    .ed-quick-link-arrow {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 46px !important;
        width: 46px !important;
        min-width: 46px !important;
        height: 46px !important;
        margin-right: 10px !important;
    }

    .ed-quick-links-wrap + br {
        display: none !important;
    }

    .it-about-area {
        margin-top: 0 !important;
        padding-top: 42px !important;
        padding-bottom: 55px !important;
    }

    .it-about-right {
        width: 100% !important;
        max-width: 100% !important;
        padding-right: 0 !important;
        margin-bottom: 30px !important;
    }

    .it-about-left {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
    }

    .it-about-thumb img {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
    }
}

@media (max-width: 767.98px) {

    .it-hero-bnt,
    .it-hero-bnt a {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    .ed-quick-links {
        grid-template-columns: 1fr !important;
    }

    #homeCoursesGrid > [class*="col-"] {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
}

@media (max-width: 575.98px) {

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

    .ed-quick-link-icon {
        width: 64px !important;
        min-width: 64px !important;
        height: 76px !important;
        flex-basis: 64px !important;
    }

    .ed-quick-link-copy strong {
        font-size: 16px !important;
    }
}


/* =========================================================
   MSOL NEW LOWER PAGE DESIGN
   Scope: only .lower-design area
========================================================== */
.lower-design{
  --red:#ed1c24;
  --red-dark:#c9141c;
  --pink:#fff2f3;
  --pink-2:#ffe7e9;
  --pink-3:#ffd8dc;
  --text:#171b2f;
  --muted:#687080;
  --border:#f5c9cd;
  --white:#ffffff;
  --shadow:0 18px 55px rgba(38, 31, 37, .09);
  overflow:hidden;
  background:#fff;
}

.lower-design *{box-sizing:border-box;}
.lower-design img{max-width:100%;}

.section{
  position:relative;
  padding:95px 0;
}

.section-heading{
  max-width:760px;
  margin:0 auto 45px;
  text-align:center;
}

.kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 15px;
  border-radius:999px;
  background:var(--pink);
  color:var(--red);
  font-size:13px;
  font-weight:700;
  letter-spacing:.02em;
  margin-bottom:13px;
}

.section-heading h2,
.title{
  color:var(--text);
  font-size:42px;
  line-height:1.16;
  font-weight:800;
  margin:0;
}

.section-heading h2 span,
.title span{color:var(--red);}

.section-heading p{
  color:var(--muted);
  max-width:650px;
  margin:15px auto 0;
  font-size:15px;
  line-height:1.8;
}

.heading-line{
  width:46px;
  height:3px;
  border-radius:20px;
  background:var(--red);
  margin:16px auto 0;
}

/* ---------- BUTTONS ---------- */
.btn{
  min-height:48px;
  padding:12px 22px;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid var(--red);
  background:var(--red);
  color:#fff !important;
  text-decoration:none !important;
  font-weight:700;
  transition:.25s ease;
  box-shadow:0 10px 25px rgba(237,28,36,.18);
}
.btn:hover{
  transform:translateY(-2px);
  background:var(--red-dark);
  border-color:var(--red-dark);
}
.btn-outline{
  background:#fff;
  color:var(--red)!important;
  box-shadow:none;
}
.btn-outline:hover{color:#fff!important;}

/* =========================================================
   1. GLOBAL LANGUAGE EXAM
========================================================== */
.language-section{
  background:
    radial-gradient(circle at 93% 10%, rgba(237,28,36,.08), transparent 24%),
    radial-gradient(circle at 7% 90%, rgba(237,28,36,.05), transparent 22%),
    #fff;
}

.flight-line{
  position:absolute;
  width:220px;
  height:90px;
  left:0;
  top:70px;
  opacity:.35;
  border-top:2px dashed #8790a0;
  border-radius:50%;
  transform:rotate(9deg);
  pointer-events:none;
}
.flight-line:after{
  content:"\2708";
  position:absolute;
  right:-6px;
  top:-19px;
  color:#697080;
  font-size:25px;
  transform:rotate(-12deg);
}

.language-card{
  position:relative;
  padding:32px;
  border:1px solid var(--border);
  border-radius:24px;
  background:linear-gradient(110deg,#fff 0%,#fff8f8 48%,#ffe4e7 100%);
  box-shadow:var(--shadow);
  overflow:hidden;
}
.language-card:after{
  content:'';
  position:absolute;
  width:185px;
  height:185px;
  border-radius:50%;
  background:rgba(237,28,36,.06);
  right:-75px;
  bottom:-95px;
}

.language-copy{padding:12px 12px 12px 5px; position:relative; z-index:2;}
.language-copy h3{
  font-size:34px;
  line-height:1.15;
  font-weight:800;
  color:var(--text);
  margin:0 0 16px;
}
.language-copy h3 span{color:var(--red);}
.language-copy p{color:var(--muted);line-height:1.75;margin-bottom:22px;}
.check-list{list-style:none;padding:0;margin:0 0 26px;}
.check-list li{
  display:flex;
  gap:11px;
  align-items:flex-start;
  color:#313646;
  font-weight:600;
  margin:12px 0;
}
.check-list li:before{
  content:"\2713";
  flex:0 0 24px;
  width:24px;height:24px;
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:#fff;
  border:1px solid #ffc8cc;
  color:var(--red);
  font-weight:900;
  font-size:13px;
}

.language-image{
  position:relative;
  z-index:2;
  height:100%;
  min-height:350px;
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 16px 35px rgba(47,30,34,.13);
}
.language-image img{width:100%;height:100%;object-fit:cover;display:block;}


/* =========================================================
   3. ADMISSIONS / QUERY - LIGHT RED, NO DARK RED BLOCK
========================================================== */
.contact-section{
  padding:80px 0;
  background:linear-gradient(135deg,#fffafa 0%,#fff 42%,#fff1f2 100%);
}
.contact-shell{
  border:1px solid #f4c8cc;
  border-radius:26px;
  padding:28px;
  background:linear-gradient(115deg,#fff 0%,#fff6f7 58%,#ffe9eb 100%);
  box-shadow:var(--shadow);
  position:relative;
  overflow:hidden;
}
.contact-shell:before{
  content:'';
  width:260px;height:260px;border-radius:50%;
  background:rgba(237,28,36,.055);
  position:absolute;left:-130px;bottom:-150px;
}

.contact-left{position:relative;z-index:2;padding:15px 20px 5px 8px;}
.contact-left .kicker{margin-bottom:15px;}
.contact-left h2{
  font-size:39px;
  line-height:1.13;
  font-weight:800;
  color:var(--text);
  margin-bottom:15px;
}
.contact-left h2 span{color:var(--red);}
.contact-left > p{color:var(--muted);line-height:1.8;max-width:560px;}

.benefits-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:11px;
  margin:24px 0 24px;
}
.benefit{
  display:flex;
  align-items:center;
  gap:10px;
  padding:11px 13px;
  border-radius:12px;
  background:rgba(255,255,255,.78);
  border:1px solid #f3d9dc;
  color:#343949;
  font-size:13px;
  font-weight:700;
}
.benefit-icon{
  width:35px;height:35px;
  border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  background:#fff0f1;
  color:var(--red);
  border:1px solid #ffd2d6;
  font-size:17px;
  flex:0 0 35px;
}

.contact-visual{
  position:relative;
  max-width:470px;
  margin-top:12px;
}
.contact-visual img{
  width:100%;
  height:190px;
  object-fit:cover;
  border-radius:17px;
  border:5px solid #fff;
  box-shadow:0 14px 32px rgba(49,37,40,.10);
}
.contact-mini{
  position:absolute;
  right:12px;
  bottom:12px;
  padding:9px 13px;
  border-radius:10px;
  background:#fff;
  box-shadow:0 8px 22px rgba(38,29,34,.12);
  font-size:12px;
  font-weight:800;
  color:var(--text);
}
.contact-mini span{color:var(--red);}

.form-card{
  position:relative;
  z-index:2;
  padding:28px;
  border-radius:20px;
  background:#fff;
  border:1px solid #f1dadd;
  box-shadow:0 15px 40px rgba(42,32,37,.10);
}
.form-card h3{text-align:center;color:var(--red);font-size:25px;font-weight:800;margin-bottom:23px;}
.form-card label{display:block;color:#444b5b;font-size:12px;font-weight:700;margin-bottom:7px;}
.field{margin-bottom:13px;}
.field input,.field select,.field textarea{
  width:100%;
  border:1px solid #e5e7eb;
  background:#fff;
  border-radius:10px;
  padding:13px 14px;
  min-height:48px;
  outline:none;
  color:#252a38;
  transition:.2s ease;
}
.field textarea{min-height:96px;resize:vertical;}
.field input:focus,.field select:focus,.field textarea:focus{
  border-color:#f08389;
  box-shadow:0 0 0 3px rgba(237,28,36,.07);
}
.form-note{text-align:center;color:#8b909b;font-size:12px;margin-top:11px;margin-bottom:0;}


/* =========================================================
   5. BOTTOM CTA
========================================================== */
.cta-section{padding:20px 0 75px;background:#fff;}
.cta-card{
  position:relative;
  min-height:330px;
  display:flex;
  align-items:center;
  overflow:hidden;
  border:1px solid #f4bfc4;
  border-radius:24px;
  background:linear-gradient(100deg,#fff2f3 0%,#fff8f8 52%,#ffe5e8 100%);
  box-shadow:var(--shadow);
}
.cta-copy{position:relative;z-index:3;padding:48px 46px;max-width:610px;}
.cta-copy h2{font-size:39px;line-height:1.12;color:var(--text);font-weight:800;margin-bottom:15px;}
.cta-copy h2 span{color:var(--red);}
.cta-copy p{color:var(--muted);max-width:470px;line-height:1.75;margin-bottom:22px;}
.cta-image{
  position:absolute;
  right:0;
  bottom:0;
  height:100%;
  width:48%;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}
.cta-image:before{
  content:'';
  position:absolute;
  width:280px;height:280px;border-radius:50%;
  background:rgba(237,28,36,.08);
  top:23px;right:70px;
}
.cta-image img{position:relative;z-index:2;max-height:310px;max-width:100%;object-fit:contain;}

/* ---------- FEATURE STRIP ---------- */
.feature-strip{
  margin-top:22px;
  border:1px solid #f1d0d3;
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 22px rgba(40,32,36,.05);
  padding:17px 15px;
}
.feature-item{display:flex;gap:12px;align-items:center;padding:5px 12px;height:100%;}
.feature-item + .feature-item{border-left:1px solid #eee;}
.feature-ico{
  width:42px;height:42px;border-radius:50%;
  background:#fff1f2;color:var(--red);
  display:flex;align-items:center;justify-content:center;
  flex:0 0 42px;font-size:18px;
}
.feature-item strong{display:block;color:var(--text);font-size:13px;line-height:1.2;}
.feature-item small{display:block;color:#858b96;line-height:1.35;margin-top:3px;font-size:11px;}

/* =========================================================
   RESPONSIVE
========================================================== */
@media (max-width:1199.98px){
  .section{padding:80px 0;}
  .section-heading h2,.title{font-size:37px;}
  .contact-left h2,.cta-copy h2{font-size:35px;}
  .language-copy h3{font-size:31px;}
}

@media (max-width:991.98px){
  .section{padding:65px 0;}
  .language-image{min-height:320px;margin-top:25px;}
  .contact-left{padding:5px 2px 30px;}
  .contact-visual{max-width:none;}
  .contact-visual img{height:230px;}
  .cta-card{min-height:auto;display:block;padding-bottom:0;}
  .cta-copy{padding:42px 35px 15px;max-width:100%;text-align:center;}
  .cta-copy p{margin-left:auto;margin-right:auto;}
  .cta-image{position:relative;width:100%;height:260px;}
  .cta-image img{max-height:255px;}
  .feature-item + .feature-item{border-left:0;}
  .feature-item{border-bottom:1px solid #f2f2f2;padding:12px;}
}

@media (max-width:767.98px){
  .section{padding:52px 0;}
  .section-heading{margin-bottom:30px;}
  .section-heading h2,.title{font-size:30px;}
  .section-heading p{font-size:14px;}
  .language-card{padding:18px;border-radius:18px;}
  .language-copy{padding:8px 2px;}
  .language-copy h3{font-size:27px;}
  .language-image{min-height:260px;border-radius:15px;}
  .flight-line{display:none;}

  .testimonial-section .it-testimonial-2-item .row{display:block;}
  .testimonial-section .it-testimonial-2-item [class*="col-"]{width:100%;max-width:100%;}
  .testimonial-section .it-testimonial-2-thumb{min-height:230px;height:230px;}
  .testimonial-section .it-testimonial-2-content{padding:22px 20px;}

  .contact-section{padding:52px 0;}
  .contact-shell{padding:18px;border-radius:19px;}
  .contact-left h2{font-size:30px;}
  .benefits-grid{grid-template-columns:1fr;gap:8px;}
  .contact-visual img{height:190px;}
  .form-card{padding:20px 16px;margin-top:5px;}

  .blog-top{text-align:center;}
  .blog-top .text-lg-end{text-align:center!important;margin-top:17px;}
  .blog-section .it-blog-thumb{height:200px;}

  .cta-copy{padding:34px 20px 5px;}
  .cta-copy h2{font-size:30px;}
  .cta-image{height:225px;}
  .feature-strip{padding:8px 12px;}
}

@media (max-width:575.98px){
  .section{padding:45px 0;}
  .section-heading h2,.title{font-size:27px;}
  .language-copy h3{font-size:25px;}
  .language-image{min-height:215px;}
  .contact-left h2,.cta-copy h2{font-size:27px;}
  .form-card h3{font-size:22px;}
  .btn{width:100%;}
  .contact-mini{position:static;margin-top:8px;text-align:center;}
  .cta-image{height:200px;}
  .cta-image img{max-height:200px;}
}

.ed-extra-slide-btn {
    position: relative !important;
    z-index: 110 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 165px !important;
    min-height: 44px !important;
    padding: 10px 20px !important;
    border: 1px solid #ffc928 !important;
    border-radius: 6px !important;
    background: #ffc928 !important;
    color: #111827 !important;
    box-shadow: 0 8px 20px rgba(0,0,0,.16) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    text-align: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
}

.ed-extra-slide-btn:hover {
    border-color: #ffffff !important;
    background: #ffffff !important;
    color: #e31f26 !important;
}

/* ---------- arrows and dots ---------- */

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991.98px) {

.ed-extra-slide-cta {
        bottom: 34px !important;
    }

    .ed-extra-slide-btn {
        min-width: 145px !important;
        min-height: 40px !important;
        padding: 9px 16px !important;
        font-size: 11px !important;
    }
}

/* =========================================================
   MOBILE
   Taller hero, centered video text, complete slider image
   ========================================================= */

@media (max-width: 767.98px) {

    .ed-extra-slide-btn {
        min-width: 120px !important;
        min-height: 34px !important;
        padding: 7px 11px !important;
        border-radius: 5px !important;
        font-size: 9px !important;
    }

    /* Slider arrows like desktop */

}

/* =========================================================
   390px
   ========================================================= */

/* =========================================================
   320px
   ========================================================= */

@media (max-width: 320px) {

.ed-extra-slide-cta {
        bottom: 30px !important;
    }

    .ed-extra-slide-btn {
        min-width: 105px !important;
        min-height: 31px !important;
        padding: 6px 9px !important;
        font-size: 8px !important;
    }
}

/* =========================================================
   FINAL REQUEST OVERRIDES
   Hero 1120x550 + slider CTA + course col-3 + testimonials
   ========================================================= */

/* ---------- HERO: desktop/laptop/tablet 1120 x 550 ---------- */

@media (min-width: 768px) {

/* =========================================================
   COURSES: col-3 desktop / proper responsive cards
   ========================================================= */
#homeCoursesGrid {
    --bs-gutter-x: 22px !important;
    --bs-gutter-y: 22px !important;
}

#homeCoursesGrid > [class*="col-"] {
    display: flex !important;
}

#homeCoursesGrid .it-course-item {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: calc(100% - 0px) !important;
    margin-bottom: 0 !important;
}

#homeCoursesGrid .it-course-thumb {
    width: 100% !important;
    overflow: hidden !important;
}

#homeCoursesGrid .it-course-thumb > a {
    display: block !important;
    width: 100% !important;
}

#homeCoursesGrid .it-course-thumb > a > img {
    display: block !important;
    width: 100% !important;
    aspect-ratio: 16 / 10 !important;
    object-fit: cover !important;
}

#homeCoursesGrid .it-course-content {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    padding-left: 13px !important;
    padding-right: 13px !important;
}

#homeCoursesGrid .it-course-title {
    min-height: 42px !important;
    margin-bottom: 12px !important;
}

#homeCoursesGrid .it-course-meta {
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 5px 9px !important;
}

#homeCoursesGrid .it-course-btn {
    margin-top: auto !important;
}

/* 4 cards desktop */
@media (min-width: 1200px) {
    #homeCoursesGrid > .col-xl-3 {
        flex: 0 0 auto !important;
        width: 25% !important;
    }
}

/* 3 cards laptop / small desktop */
@media (min-width: 992px) and (max-width: 1199.98px) {
    #homeCoursesGrid > .col-lg-4 {
        flex: 0 0 auto !important;
        width: 33.333333% !important;
    }
}

/* 2 tablet */
@media (min-width: 576px) and (max-width: 991.98px) {
    #homeCoursesGrid > [class*="col-"] {
        flex: 0 0 auto !important;
        width: 50% !important;
    }
}

/* 1 mobile */
@media (max-width: 575.98px) {
    #homeCoursesGrid > [class*="col-"] {
        flex: 0 0 auto !important;
        width: 100% !important;
    }
}

/* =========================================================
   TESTIMONIALS: clean, equal, responsive cards
   ========================================================= */
.testimonial-section {
    position: relative !important;
    overflow: hidden !important;
    background: #ffffff !important;
}

.testimonial-section .section-heading {
    margin-bottom: 34px !important;
}

.testimonial-section .it-testimonial-2-wrapper {
    position: relative !important;
    padding: 0 48px 35px !important;
}

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

.testimonial-section .swiper-slide {
    height: auto !important;
}

.testimonial-section .it-testimonial-2-item {
    height: 100% !important;
    min-height: 220px !important;
    border: 1px solid #f0dfe1 !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 30px rgba(38,29,34,.08) !important;
    overflow: hidden !important;
}

.testimonial-section .it-testimonial-2-item > .row {
    display: grid !important;
    grid-template-columns: 155px minmax(0, 1fr) !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
}

.testimonial-section .it-testimonial-2-item > .row > [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
}

.testimonial-section .it-testimonial-2-thumb {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 220px !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    background: #f7f7f7 !important;
}

.testimonial-section .it-testimonial-2-thumb img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 220px !important;
    object-fit: cover !important;
    object-position: center top !important;
}

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

.testimonial-section .it-testimonial-2-content {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    height: 100% !important;
    padding: 24px 24px !important;
}

.testimonial-section .it-testimonial-2-avatar-name {
    margin: 0 0 4px !important;
    color: #202536 !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
}

.testimonial-section .it-testimonial-2-avatar-info > span {
    color: #858b96 !important;
    font-size: 12px !important;
}

.testimonial-section .it-testimonial-2-text p {
    margin: 13px 0 !important;
    color: #5d6472 !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
}

.testimonial-section .it-testimonial-2-badges {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.testimonial-section .it-testimonial-2-bottom {
    margin-top: 10px !important;
}

.testimonial-section .it-testimonial-2-date {
    color: #969ba5 !important;
    font-size: 11px !important;
}

/* testimonial nav */
.testimonial-nav {
    position: absolute !important;
    top: 50% !important;
    z-index: 30 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    padding: 0 0 3px !important;
    transform: translateY(-50%) !important;
    border: 1px solid #e9d7da !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    color: #ed1c24 !important;
    box-shadow: 0 6px 18px rgba(38,29,34,.10) !important;
    font-size: 26px !important;
    line-height: 1 !important;
    cursor: pointer !important;
}

.testimonial-prev {
    left: 0 !important;
}

.testimonial-next {
    right: 0 !important;
}

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

@media (max-width: 991.98px) {
    .testimonial-section .it-testimonial-2-wrapper {
        padding-left: 42px !important;
        padding-right: 42px !important;
    }

    .testimonial-section .it-testimonial-2-item > .row {
        grid-template-columns: 130px minmax(0, 1fr) !important;
    }

    .testimonial-section .it-testimonial-2-thumb,
    .testimonial-section .it-testimonial-2-thumb img {
        min-height: 210px !important;
    }
}

@media (max-width: 767.98px) {
    .testimonial-section .it-testimonial-2-wrapper {
        padding: 0 8px 30px !important;
    }

    .testimonial-nav {
        display: none !important;
    }

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

    .testimonial-section .it-testimonial-2-item > .row {
        display: grid !important;
        grid-template-columns: 105px minmax(0, 1fr) !important;
    }

    .testimonial-section .it-testimonial-2-thumb {
        height: 100% !important;
        min-height: 185px !important;
    }

    .testimonial-section .it-testimonial-2-thumb img {
        height: 100% !important;
        min-height: 185px !important;
    }

    .testimonial-section .it-testimonial-2-content {
        padding: 18px 16px !important;
    }

    .testimonial-section .it-testimonial-2-avatar-name {
        font-size: 15px !important;
    }

    .testimonial-section .it-testimonial-2-text p {
        margin: 9px 0 !important;
        font-size: 12px !important;
        line-height: 1.5 !important;
    }
}

@media (max-width: 479.98px) {
    .testimonial-section .it-testimonial-2-item > .row {
        grid-template-columns: 1fr !important;
    }

    .testimonial-section .it-testimonial-2-thumb,
    .testimonial-section .it-testimonial-2-thumb img {
        width: 100% !important;
        height: 190px !important;
        min-height: 190px !important;
    }

    .testimonial-section .it-testimonial-2-content {
        padding: 18px !important;
    }
}
/* =========================================
   TESTIMONIAL - REMOVE IMAGE
========================================= */

.v3-testimonials .it-testimonial-2-thumb {
    display: none !important;
}

/* Image column remove */
.v3-testimonials .it-testimonial-2-item > .row {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
}

/* Content full width */
.v3-testimonials .it-testimonial-2-content-wrap {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
}

.v3-testimonials .it-testimonial-2-content {
    width: 100% !important;
    height: auto !important;
    min-height: 210px !important;
    max-height: none !important;

    padding: 28px 30px !important;
}

/* Mobile */
@media (max-width: 767.98px) {

    .v3-testimonials .it-testimonial-2-content {
        min-height: 190px !important;
        padding: 20px !important;
    }
}




/* ===== END SOURCE: home-inline.css ===== */


/* ===== BEGIN SOURCE: index-responsive-fix.css ===== */
/* Index hero final responsive layer. Loaded after legacy inline styles. */
.ed-home-hero {
   --ed-index-hero-height: clamp(540px, calc(100svh - var(--header-space, 132px)), 720px);
   width: 100% !important;
   height: var(--ed-index-hero-height) !important;
   min-height: var(--ed-index-hero-height) !important;
   padding: 0 !important;
   margin: 0 !important;
   overflow: hidden !important;
}

.ed-home-hero .ed-hero-media-stage,
.ed-home-hero #heroVideoWrap,
.ed-home-hero #heroContentReveal,
.ed-home-hero #heroContentReveal .swiper-wrapper,
.ed-home-hero #heroContentReveal .swiper-slide {
   position: relative !important;
   width: 100% !important;
   height: 100% !important;
   min-height: 100% !important;
   max-height: 100% !important;
   margin: 0 !important;
   padding: 0 !important;
   overflow: hidden !important;
}

.ed-home-hero #heroVideoWrap,
.ed-home-hero #heroContentReveal {
   position: absolute !important;
   inset: 0 !important;
   transition: opacity .45s ease !important;
}

.ed-home-hero #heroContentReveal.ed-hero-content-hidden {
   display: block !important;
   visibility: hidden !important;
   opacity: 0 !important;
   pointer-events: none !important;
}

.ed-home-hero #heroContentReveal:not(.ed-hero-content-hidden) {
   display: block !important;
   visibility: visible !important;
   opacity: 1 !important;
   pointer-events: auto !important;
}

.ed-home-hero:has(#heroContentReveal:not(.ed-hero-content-hidden)) #heroVideoWrap {
   display: none !important;
   visibility: hidden !important;
   opacity: 0 !important;
}

.ed-home-hero.ed-hero-slider-active #heroVideoWrap {
   display: none !important;
   visibility: hidden !important;
   opacity: 0 !important;
}

.ed-home-hero.ed-hero-slider-active #heroContentReveal {
   display: block !important;
   visibility: visible !important;
   opacity: 1 !important;
   pointer-events: auto !important;
}

.ed-home-hero #heroIntroVideo,
.ed-home-hero .ed-hero-video-wrap video {
   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;
}

.ed-home-hero .ed-hero-video-wrap::after {
   content: "";
   position: absolute;
   inset: 0;
   z-index: 2;
   background: linear-gradient(90deg, rgba(4, 20, 36, .72), rgba(4, 20, 36, .34) 48%, rgba(4, 20, 36, .08));
   pointer-events: none;
}

.ed-home-hero .ed-hero-video-copy {
   position: absolute !important;
   z-index: 4 !important;
   inset: 0 !important;
   transform: none !important;
   display: flex !important;
   flex-direction: column !important;
   justify-content: center !important;
   align-items: flex-start !important;
   box-sizing: border-box !important;
   width: min(1200px, calc(100% - 48px)) !important;
   height: 100% !important;
   margin: 0 auto !important;
   padding: 28px 0 86px !important;
   text-align: left !important;
}

.ed-home-hero .ed-hero-video-copy h1 {
   width: 100% !important;
   max-width: 660px !important;
   font-size: clamp(42px, 5vw, 70px) !important;
   line-height: 1.04 !important;
   white-space: normal !important;
   overflow-wrap: normal !important;
}

.ed-home-hero .ed-hero-video-copy p {
   width: 100% !important;
   max-width: 560px !important;
   font-size: clamp(17px, 1.45vw, 22px) !important;
   line-height: 1.55 !important;
   white-space: normal !important;
}

.ed-home-hero .ed-video-next-button {
   display: inline-flex !important;
   align-items: center !important;
   justify-content: center !important;
   gap: 8px !important;
   position: absolute !important;
   right: max(18px, calc((100vw - 1200px) / 2)) !important;
   bottom: 24px !important;
   z-index: 5 !important;
   min-height: 44px !important;
   padding: 0 18px !important;
   border-radius: 999px !important;
   white-space: nowrap !important;
}

.ed-home-hero .ed-hero-bg-slide {
   display: flex !important;
   align-items: center !important;
   background: linear-gradient(110deg, #ffffff 0%, #fff6f6 44%, #eef7ff 100%) !important;
}

.ed-home-hero .v3-hero-main-img,
.ed-home-hero .ed-hero-bg-photo {
   position: absolute !important;
   inset: 0 0 0 auto !important;
   z-index: 0 !important;
   width: 58% !important;
   height: 100% !important;
   object-fit: contain !important;
   object-position: center right !important;
   opacity: 1 !important;
   transform: none !important;
}

.ed-home-hero .ed-hero-bg-slide::before {
   content: "";
   position: absolute;
   inset: 0;
   z-index: 1;
   background: linear-gradient(90deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.86) 42%, rgba(255,255,255,.25) 78%, rgba(255,255,255,0) 100%);
   pointer-events: none;
}

.ed-home-hero .ed-hero-slide-container {
   position: relative !important;
   z-index: 2 !important;
   width: 100% !important;
   height: 100% !important;
}

.ed-home-hero .ed-hero-bg-slide .row {
   height: 100% !important;
   align-items: center !important;
}

.ed-home-hero .ed-hero-bg-slide .it-hero-content {
   max-width: 650px !important;
   padding: 26px 0 74px !important;
}

.ed-home-hero .ed-hero-bg-slide .it-hero-thumb {
   display: none !important;
}

.ed-home-hero .ed-extra-slide,
.ed-home-hero .ed-extra-slide-inner {
   position: relative !important;
   width: 100% !important;
   height: 100% !important;
   min-height: 100% !important;
   overflow: hidden !important;
   background: #fff6f6 !important;
}

.ed-home-hero .v3-hero-extra-img,
.ed-home-hero .ed-extra-slide-inner img {
   display: block !important;
   width: 100% !important;
   height: 100% !important;
   object-fit: contain !important;
   object-position: center center !important;
   background: #fff6f6 !important;
   transform: none !important;
}

.ed-home-hero .ed-extra-slide-cta {
   position: absolute !important;
   left: 50% !important;
   bottom: 28px !important;
   z-index: 3 !important;
   display: flex !important;
   flex-wrap: wrap !important;
   justify-content: center !important;
   gap: 12px !important;
   width: min(620px, calc(100% - 32px)) !important;
   transform: translateX(-50%) !important;
}

.ed-home-hero .ed-slider-nav-button {
   z-index: 6 !important;
}

.ed-home-hero .it-hero-slider-dots {
   position: absolute !important;
   left: 0 !important;
   right: 0 !important;
   bottom: 18px !important;
   z-index: 6 !important;
   margin: 0 !important;
}

@media (max-width: 991px) {
   .ed-home-hero {
      --ed-index-hero-height: clamp(560px, calc(100svh - var(--header-space, 110px)), 680px);
   }

   .ed-home-hero .ed-hero-video-copy {
      align-items: center !important;
      width: calc(100% - 34px) !important;
      margin: 0 auto !important;
      padding: 42px 0 98px !important;
      text-align: center !important;
   }

   .ed-home-hero .ed-hero-video-copy h1 {
      max-width: min(100%, 620px) !important;
      font-size: clamp(34px, 7.6vw, 56px) !important;
      line-height: 1.1 !important;
   }

   .ed-home-hero .ed-hero-video-copy p {
      font-size: clamp(16px, 3vw, 20px) !important;
   }

   .ed-home-hero .ed-video-next-button {
      left: 50% !important;
      right: auto !important;
      bottom: 22px !important;
      max-width: calc(100% - 28px) !important;
      transform: translateX(-50%) !important;
   }

   .ed-home-hero .ed-hero-bg-slide {
      align-items: flex-start !important;
      padding: 0 !important;
   }

   .ed-home-hero .v3-hero-main-img,
   .ed-home-hero .ed-hero-bg-photo {
      inset: auto 0 0 0 !important;
      width: 100% !important;
      height: 58% !important;
      object-position: center bottom !important;
   }

   .ed-home-hero .ed-hero-bg-slide::before {
      background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.92) 42%, rgba(255,255,255,.42) 70%, rgba(255,255,255,0) 100%) !important;
   }

   .ed-home-hero .ed-hero-slide-container,
   .ed-home-hero .ed-hero-bg-slide .row {
      height: 100% !important;
   }

   .ed-home-hero .ed-hero-bg-slide .it-hero-content {
      max-width: 100% !important;
      padding: 42px 0 210px !important;
      text-align: center !important;
   }

   .ed-home-hero .ed-hero-bg-slide .it-hero-thumb {
      display: block !important;
      position: absolute !important;
      left: 50% !important;
      right: auto !important;
      bottom: 34px !important;
      z-index: 1 !important;
      width: min(92%, 420px) !important;
      height: 42% !important;
      margin: 0 !important;
      padding: 0 !important;
      transform: translateX(-50%) !important;
      background: transparent !important;
      box-shadow: none !important;
   }

   .ed-home-hero .ed-hero-bg-slide .it-hero-thumb img {
      display: block !important;
      width: 100% !important;
      height: 100% !important;
      object-fit: contain !important;
      object-position: center bottom !important;
      transform: none !important;
   }

   .ed-home-hero .ed-hero-bg-slide .it-hero-title {
      font-size: clamp(32px, 7vw, 48px) !important;
      line-height: 1.12 !important;
   }
}

@media (max-width: 575px) {
   .ed-home-hero {
      --ed-index-hero-height: min(660px, calc(100svh - var(--header-space, 96px))) !important;
      min-height: 540px !important;
   }

   .ed-home-hero .ed-hero-video-copy {
      width: calc(100% - 28px) !important;
      padding: 26px 0 92px !important;
   }

   .ed-home-hero .ed-hero-video-copy h1 {
      max-width: min(100%, 230px) !important;
      font-size: clamp(25px, 6.8vw, 29px) !important;
      line-height: 1.12 !important;
      margin-bottom: 14px !important;
   }

   .ed-home-hero .ed-hero-video-copy p {
      max-width: min(100%, 270px) !important;
      font-size: 14px !important;
      line-height: 1.48 !important;
      margin-bottom: 18px !important;
   }

   .ed-home-hero .ed-hero-video-copy .it-btn-yellow {
      width: 220px !important;
      min-width: 0 !important;
      max-width: 100% !important;
      min-height: 46px !important;
      overflow: hidden !important;
   }

   .ed-home-hero .ed-video-next-button {
      bottom: 16px !important;
      min-height: 40px !important;
      padding: 0 14px !important;
      font-size: 13px !important;
   }

   .ed-home-hero .ed-hero-bg-slide .it-hero-content {
      padding: 30px 0 210px !important;
   }

   .ed-home-hero .ed-hero-bg-slide .it-hero-title {
      font-size: clamp(27px, 7.8vw, 34px) !important;
      line-height: 1.12 !important;
      margin-bottom: 10px !important;
   }

   .ed-home-hero .ed-hero-bg-slide .it-hero-text {
      margin-top: 14px !important;
   }

   .ed-home-hero .ed-hero-bg-slide .it-hero-text p {
      font-size: 15px !important;
      line-height: 1.38 !important;
      margin-bottom: 8px !important;
   }

   .ed-home-hero .ed-hero-bg-slide .ed-hero-copy p {
      display: none !important;
   }

   .ed-home-hero .ed-hero-bg-slide .it-hero-content > .d-flex {
      justify-content: center !important;
      gap: 10px !important;
      margin-top: 14px !important;
   }

   .ed-home-hero .ed-hero-bg-slide .it-hero-bnt {
      width: min(100%, 310px) !important;
   }

   .ed-home-hero .ed-hero-bg-slide .ed-hero-read-more {
      display: none !important;
   }

   .ed-home-hero .ed-slider-nav-button {
      display: none !important;
   }

   .ed-home-hero .ed-extra-slide-cta {
      bottom: 18px !important;
      gap: 8px !important;
   }
}

/* Homepage polish: popup, about copy, and why-choose spacing */


.ed-offer-popup-box {
   width: min(var(--ed-popup-width, 520px), calc(100vw - 28px)) !important;
   max-height: calc(100svh - 28px) !important;
   padding: 0 !important;
   border-radius: 14px !important;
   overflow: visible !important;
   background: transparent !important;
}

.ed-offer-popup-link {
   display: block !important;
   width: 100% !important;
   line-height: 0 !important;
}

.ed-offer-popup-img {
   display: block !important;
   width: 100% !important;
   max-width: 100% !important;
   max-height: calc(100svh - 28px) !important;
   height: auto !important;
   margin: 0 !important;
   border-radius: 14px !important;
   object-fit: contain !important;
   object-position: center center !important;
   background: transparent !important;
   box-shadow: 0 24px 70px rgba(0,0,0,.38) !important;
}

.ed-offer-popup-close {
   top: -13px !important;
   right: -13px !important;
   z-index: 3 !important;
}

.it-about-area .ed-about-live-title {
   max-width: 100% !important;
   font-size: clamp(30px, 3vw, 30px) !important;
   line-height: 1.16 !important;
   overflow: visible !important;
}

.it-about-area .it-about-text .mb-45 {
   margin-bottom: 28px !important;
}

.it-about-area .it-about-text p {
   display: block !important;
   margin-bottom: 12px !important;
   color: #4f5c6d !important;
   line-height: 1.72 !important;
}

.it-about-area .ed-about-added-context {
   display: grid !important;
   gap: 10px !important;
   margin-top: 16px !important;
   padding: 18px 0px !important;
   /*border: 1px solid #edf1f6 !important;
   border-radius: 8px !important;
   background: #f8fafc !important;*/
}

.it-about-area .ed-about-added-context h5 {
   margin: 0 !important;
   color: #102a4c !important;
   font-size: clamp(18px, 1.7vw, 24px) !important;
   line-height: 1.18 !important;
   font-weight: 900 !important;
}

.it-about-area .ed-about-added-context p {
   margin: 0 0 8px !important;
}

.it-about-area .ed-about-read-more {
   text-decoration: none !important;
}

.it-about-area #aboutMissionVision {
   display: none !important;
}

.ed-home-why-section {
   padding-top: 0px !important;
   padding-bottom: 72px !important;
   background: linear-gradient(180deg, #ffffff 0%, #fff8f8 100%) !important;
}

.ed-home-why-section .row {
   row-gap: 28px !important;
}

.ed-home-why-section .ed-home-why-visual {
   margin-left: 0 !important;
   padding: 8px !important;
}

.ed-home-why-section .ed-home-why-visual img {
   width: 100% !important;
   max-width: 590px !important;
   max-height: 480px !important;
   object-fit: contain !important;
   margin: 0 auto !important;
   border-radius: 10px !important;
   margin-bottom: 200px !important;

}

@media (max-width: 991px) {
   .ed-home-why-section {
      padding-top: 52px !important;
      padding-bottom: 56px !important;
   }

   .ed-home-why-section .ed-home-why-visual {
      margin-top: 0 !important;
   }
}

/* Requested final pass: clearer hero, shorter stage, visible lower buttons, original testimonial scale. */
.ed-home-hero {
   --ed-index-hero-height: clamp(460px, calc(100svh - var(--header-space, 132px)), 600px) !important;
   width: 100% !important;
   max-width: 100% !important;
   min-height: var(--ed-index-hero-height) !important;
   height: var(--ed-index-hero-height) !important;
}

.ed-home-hero .ed-hero-video-wrap::after {
   background: rgba(0, 0, 0, .18) !important;
}

.ed-home-hero .ed-hero-bg-slide::before {
   background: linear-gradient(90deg, rgba(255,255,255,.72) 0%, rgba(255,255,255,.52) 36%, rgba(255,255,255,.08) 72%, rgba(255,255,255,0) 100%) !important;
}

.ed-home-hero .v3-hero-main-img,
.ed-home-hero .ed-hero-bg-photo,
.ed-home-hero .v3-hero-extra-img,
.ed-home-hero .ed-extra-slide-inner img,
.ed-home-hero #heroIntroVideo {
   opacity: 1 !important;
   filter: none !important;
}

.ed-home-hero .ed-hero-video-copy h1,
.ed-home-hero .ed-hero-video-copy p {
   text-shadow: 0 2px 16px rgba(0,0,0,.38) !important;
}

.ed-home-hero .ed-hero-bg-slide .it-hero-title,
.ed-home-hero .ed-hero-bg-slide .it-hero-text p,
.ed-home-hero .ed-hero-bg-slide .ed-hero-copy p {
   text-shadow: 0 1px 0 rgba(255,255,255,.55) !important;
}

.ed-home-hero .it-btn-yellow,
.ed-home-hero .ed-hero-read-more .it-btn,
.ed-home-hero .ed-extra-slide-btn,
.ed-home-hero .ed-video-next-button {
   position: relative !important;
   z-index: 8 !important;
   opacity: 1 !important;
   visibility: visible !important;
}

.ed-home-hero .it-btn-yellow,
.ed-home-hero .ed-extra-slide-btn {
   background: #ffc928 !important;
   color: #121826 !important;
   border-color: #ffc928 !important;
   box-shadow: 0 12px 28px rgba(255, 201, 40, .28) !important;
}

.ed-home-hero .it-btn-yellow span,
.ed-home-hero .it-btn-yellow .text-1,
.ed-home-hero .it-btn-yellow .text-2,
.ed-home-hero .ed-extra-slide-btn {
   color: #121826 !important;
}

.it-brand-5-area {
   position: relative !important;
   z-index: 12 !important;
   margin-top: 0 !important;
   overflow: hidden !important;
   background-color: #ffffff !important;
}

.OLD-ed-quick-links-wrap {
   position: relative !important;
   z-index: 20 !important;
   display: block !important;
   width: 100% !important;
   margin: 0 !important;
   padding: 16px 14px !important;
   clear: both !important;
   background: #f5f7fb !important;
}

.OLD-ed-quick-links {
   position: relative !important;
   z-index: 21 !important;
   display: grid !important;
   grid-template-columns: repeat(4, minmax(220px, 1fr)) !important;
   gap: 14px !important;
   width: min(1440px, 100%) !important;
   margin: 0 auto !important;
   padding: 0 !important;
   overflow: visible !important;
}

.OLD-ed-quick-link {
   --ql-color: #e21f2f;
   position: relative !important;
   z-index: 22 !important;
   display: grid !important;
   grid-template-columns: 72px minmax(0, 1fr) 36px !important;
   align-items: center !important;
   gap: 14px !important;
   min-height: 82px !important;
   width: 100% !important;
   padding: 0 14px 0 0 !important;
   border: 1px solid #e9eef5 !important;
   border-right: 4px solid var(--ql-color) !important;
   border-radius: 8px !important;
   background: #ffffff !important;
   color: #121826 !important;
   box-shadow: 0 12px 30px rgba(31, 36, 50, .11) !important;
   opacity: 1 !important;
   visibility: visible !important;
   overflow: hidden !important;
}

.OLD-ed-quick-link-icon {
   display: grid !important;
   place-items: center !important;
   width: 72px !important;
   height: 100% !important;
   min-height: 82px !important;
   background: var(--ql-color) !important;
   color: #ffffff !important;
}

.OLD-ed-quick-link-copy strong {
   display: block !important;
   color: #121826 !important;
   font-size: 16px !important;
   line-height: 1.22 !important;
   font-weight: 900 !important;
   overflow-wrap: anywhere !important;
}

.OLD-ed-quick-link-arrow {
   display: grid !important;
   place-items: center !important;
   width: 36px !important;
   height: 36px !important;
   border: 1px solid #d7deea !important;
   border-radius: 50% !important;
   background: #ffffff !important;
   color: #121826 !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; }

.testimonial-section {
   padding-top: 96px !important;
   padding-bottom: 104px !important;
}

.testimonial-section .it-testimonial-2-wrapper {
   max-width: 1220px !important;
   margin: 0 auto !important;
}

.testimonial-section .it-testimonial-2-item {
   min-height: 390px !important;
   border-radius: 12px !important;
}

.testimonial-section .it-testimonial-2-item > .row {
   display: flex !important;
   align-items: stretch !important;
}

.testimonial-section .it-testimonial-2-thumb,
.testimonial-section .it-testimonial-2-thumb img {
   height: 390px !important;
   min-height: 390px !important;
}

.testimonial-section .it-testimonial-2-thumb img {
   width: 100% !important;
   object-fit: cover !important;
}

.testimonial-section .it-testimonial-2-content {
   min-height: 390px !important;
   padding: 42px 44px !important;
}

@media (max-width: 1199px) {
   .ed-home-hero {
      --ed-index-hero-height: clamp(480px, calc(100svh - var(--header-space, 110px)), 560px) !important;
   }

   .OLD-ed-quick-links {
      grid-template-columns: repeat(2, minmax(260px, 1fr)) !important;
   }
}

@media (max-width: 767px) {
   .ed-home-hero {
      --ed-index-hero-height: min(440px, calc(100svh - var(--header-space, 96px))) !important;
      min-height: 420px !important;
   }

   .ed-home-hero .ed-hero-video-copy {
      padding: 16px 0 64px !important;
   }

   .ed-home-hero .ed-hero-video-copy h1 {
      max-width: min(100%, 245px) !important;
      font-size: clamp(24px, 6.9vw, 29px) !important;
   }

   .ed-home-hero .ed-hero-video-copy p {
      max-width: min(100%, 290px) !important;
      font-size: 13.5px !important;
   }

   .ed-home-hero .ed-hero-bg-slide .it-hero-content {
      padding: 20px 0 126px !important;
   }

   .ed-home-hero .ed-hero-bg-slide .it-hero-thumb {
      bottom: 12px !important;
      height: 36% !important;
      width: min(96%, 390px) !important;
   }

   .OLD-ed-quick-links-wrap {
      padding: 14px 10px !important;
   }

   .OLD-ed-quick-links {
      grid-template-columns: 1fr !important;
      gap: 12px !important;
      width: 100% !important;
   }

   .OLD-ed-quick-link {
      grid-template-columns: 66px minmax(0, 1fr) 34px !important;
      min-height: 76px !important;
   }

   .OLD-ed-quick-link-icon {
      width: 66px !important;
      min-height: 76px !important;
   }

   .testimonial-section {
      padding-top: 66px !important;
      padding-bottom: 72px !important;
   }

   .testimonial-section .it-testimonial-2-item > .row {
      display: block !important;
   }

   .testimonial-section .it-testimonial-2-thumb,
   .testimonial-section .it-testimonial-2-thumb img {
      height: 270px !important;
      min-height: 270px !important;
   }

   .testimonial-section .it-testimonial-2-content {
      min-height: auto !important;
      padding: 28px 24px !important;
   }
}

/* Final visibility pass: the real media wrapper controls the hero height. */
.ed-home-hero {
   --ed-index-hero-height: clamp(430px, 40vw, 520px) !important;
   height: var(--ed-index-hero-height) !important;
   min-height: var(--ed-index-hero-height) !important;
   max-height: var(--ed-index-hero-height) !important;
}

.ed-home-hero .ed-hero-media-stage,
.ed-home-hero #heroVideoWrap,
.ed-home-hero #heroContentReveal,
.ed-home-hero #heroContentReveal .swiper-wrapper,
.ed-home-hero #heroContentReveal .swiper-slide,
.ed-home-hero .ed-hero-split-slide,
.ed-home-hero .ed-extra-slide,
.ed-home-hero .ed-extra-slide-inner {
   height: 100% !important;
   min-height: 100% !important;
   max-height: 100% !important;
   aspect-ratio: auto !important;
}

.ed-home-hero .ed-hero-video-wrap::after,
.ed-home-hero .ed-hero-bg-slide::before {
   background: transparent !important;
   opacity: 0 !important;
}

.ed-home-hero #heroIntroVideo,
.ed-home-hero .ed-hero-video-wrap video,
.ed-home-hero .v3-hero-main-img,
.ed-home-hero .ed-hero-bg-photo,
.ed-home-hero .v3-hero-extra-img,
.ed-home-hero .ed-extra-slide-inner img {
   opacity: 1 !important;
   filter: none !important;
}

.ed-quick-links-wrap,
.it-brand-5-area {
   transform: none !important;
}

.ed-quick-link,
.ed-quick-link:visited,
.OLD-ed-quick-link:hover,
.ed-quick-link:focus {
   color: #121826 !important;
   text-decoration: none !important;
}

.OLD-ed-quick-link-copy,
.OLD-ed-quick-link-copy strong,
.OLD-ed-quick-link-arrow {
   color: #121826 !important;
   opacity: 1 !important;
   visibility: visible !important;
}

@media (max-width: 1199px) {
   .ed-home-hero {
      --ed-index-hero-height: clamp(400px, 47vw, 500px) !important;
   }
}

@media (max-width: 767px) {
   .ed-home-hero {
      --ed-index-hero-height: clamp(330px, 86vw, 390px) !important;
      height: var(--ed-index-hero-height) !important;
      min-height: var(--ed-index-hero-height) !important;
      max-height: var(--ed-index-hero-height) !important;
   }

   .ed-home-hero .ed-hero-video-copy {
      width: calc(100% - 26px) !important;
      padding: 10px 0 42px !important;
   }

   .ed-home-hero .ed-hero-video-copy h1 {
      max-width: 245px !important;
      font-size: clamp(23px, 6.6vw, 28px) !important;
      line-height: 1.08 !important;
      text-shadow: 0 2px 10px rgba(0, 0, 0, .34) !important;
   }

   .ed-home-hero .ed-hero-video-copy p {
      max-width: 290px !important;
      font-size: 12.5px !important;
      line-height: 1.38 !important;
      text-shadow: 0 2px 8px rgba(0, 0, 0, .34) !important;
   }

   .ed-home-hero .ed-hero-video-copy .it-btn-yellow {
      width: auto !important;
      min-width: 178px !important;
      min-height: 42px !important;
      height: 42px !important;
   }

   .ed-home-hero #heroVideoNextButton {
      bottom: 8px !important;
   }
}

/* Browser-safe pixel contract: keeps lower buttons visible on every device. */
.ed-home-hero {
   height: 500px !important;
   min-height: 500px !important;
   max-height: 500px !important;
}

.ed-home-hero .ed-hero-media-stage,
.ed-home-hero #heroVideoWrap,
.ed-home-hero #heroContentReveal,
.ed-home-hero #heroContentReveal .swiper-wrapper,
.ed-home-hero #heroContentReveal .swiper-slide {
   height: 500px !important;
   min-height: 500px !important;
   max-height: 500px !important;
}

@media (max-width: 1199px) {
   .ed-home-hero,
   .ed-home-hero .ed-hero-media-stage,
   .ed-home-hero #heroVideoWrap,
   .ed-home-hero #heroContentReveal,
   .ed-home-hero #heroContentReveal .swiper-wrapper,
   .ed-home-hero #heroContentReveal .swiper-slide {
      height: 470px !important;
      min-height: 470px !important;
      max-height: 470px !important;
   }
}

@media (max-width: 991px) {
   .ed-home-hero,
   .ed-home-hero .ed-hero-media-stage,
   .ed-home-hero #heroVideoWrap,
   .ed-home-hero #heroContentReveal,
   .ed-home-hero #heroContentReveal .swiper-wrapper,
   .ed-home-hero #heroContentReveal .swiper-slide {
      height: 430px !important;
      min-height: 430px !important;
      max-height: 430px !important;
   }
}

@media (max-width: 767px) {
   .ed-home-hero,
   .ed-home-hero .ed-hero-media-stage,
   .ed-home-hero #heroVideoWrap,
   .ed-home-hero #heroContentReveal,
   .ed-home-hero #heroContentReveal .swiper-wrapper,
   .ed-home-hero #heroContentReveal .swiper-slide {
      height: 350px !important;
      min-height: 350px !important;
      max-height: 350px !important;
   }
}

@media (max-width: 420px) {
   .ed-home-hero,
   .ed-home-hero .ed-hero-media-stage,
   .ed-home-hero #heroVideoWrap,
   .ed-home-hero #heroContentReveal,
   .ed-home-hero #heroContentReveal .swiper-wrapper,
   .ed-home-hero #heroContentReveal .swiper-slide {
      height: 340px !important;
      min-height: 340px !important;
      max-height: 340px !important;
   }
}

/* Restore testimonial card scale to the earlier compact no-image layout. */
.v3-testimonials {
   padding-top: 70px !important;
   padding-bottom: 78px !important;
}

.v3-testimonials .it-testimonial-2-wrapper,
.v3-testimonials .it-testimonial-2-active,
.v3-testimonials .swiper-wrapper,
.v3-testimonials .swiper-slide {
   height: auto !important;
   min-height: 0 !important;
   max-height: none !important;
}

.v3-testimonials .it-testimonial-2-item {
   height: auto !important;
   min-height: 220px !important;
   max-height: none !important;
}

.v3-testimonials .it-testimonial-2-item > .row {
   display: block !important;
   height: auto !important;
   min-height: 0 !important;
}

.v3-testimonials .it-testimonial-2-thumb {
   display: none !important;
}

.v3-testimonials .it-testimonial-2-content,
.v3-testimonials .it-testimonial-2-content-wrap {
   height: auto !important;
   min-height: 0 !important;
   max-height: none !important;
}

.v3-testimonials .it-testimonial-2-content {
   min-height: 210px !important;
   padding: 28px 30px !important;
}

@media (max-width: 767px) {
   .v3-testimonials {
      padding-top: 54px !important;
      padding-bottom: 60px !important;
   }

   .v3-testimonials .it-testimonial-2-content {
      min-height: 190px !important;
      padding: 20px !important;
   }
}

/* Hero slider: first text+image slide becomes a fixed background-image slide. */
.ed-home-hero #heroContentReveal,
.ed-home-hero #heroContentReveal .swiper-wrapper,
.ed-home-hero #heroContentReveal .swiper-slide {
   background: #ffffff !important;
}

.ed-home-hero .ed-hero-bg-slide {
   position: relative !important;
   display: block !important;
   width: 100% !important;
   overflow: hidden !important;
   background: #111827 !important;
}

.ed-home-hero .ed-hero-bg-slide .v3-hero-main-img,
.ed-home-hero .ed-hero-bg-slide .ed-hero-bg-photo {
   position: absolute !important;
   inset: 0 !important;
   z-index: 0 !important;
   display: block !important;
   width: 100% !important;
   height: 100% !important;
   max-width: none !important;
   max-height: none !important;
   object-fit: cover !important;
   object-position: center center !important;
   opacity: 1 !important;
   filter: none !important;
   transform: none !important;
}

.ed-home-hero .ed-hero-bg-slide::before,
.ed-home-hero .ed-hero-bg-slide::after {
   display: none !important;
   content: none !important;
}

.ed-home-hero .ed-hero-bg-slide .ed-hero-slide-container {
   position: absolute !important;
   inset: 0 !important;
   z-index: 2 !important;
   display: flex !important;
   align-items: center !important;
   height: 100% !important;
   padding: 42px max(34px, calc((100vw - 1180px) / 2)) 74px !important;
   pointer-events: none !important;
}

.ed-home-hero .ed-hero-bg-slide .ed-hero-slide-container .row {
   width: 100% !important;
   height: auto !important;
   margin: 0 !important;
}

.ed-home-hero .ed-hero-bg-slide .ed-hero-slide-container [class*="col-"] {
   width: 100% !important;
   max-width: 100% !important;
   flex: 0 0 100% !important;
}

.ed-home-hero .ed-hero-bg-slide .it-hero-content {
   width: min(620px, 100%) !important;
   max-width: 620px !important;
   margin: 0 !important;
   padding: 0 !important;
   text-align: left !important;
   pointer-events: auto !important;
}

.ed-home-hero .ed-hero-bg-slide .it-hero-thumb,
.ed-home-hero .ed-hero-bg-slide .it-hero-typed-wrap {
   display: none !important;
}

.ed-home-hero .ed-hero-bg-slide .ed-hero-kicker {
   display: inline-flex !important;
   margin-bottom: 12px !important;
}

.ed-home-hero .ed-hero-bg-slide .it-hero-title,
.ed-home-hero .ed-hero-bg-slide .it-hero-title span,
.ed-home-hero .ed-hero-bg-slide .it-hero-text p {
   color: #ffffff !important;
   text-shadow: 0 3px 14px rgba(0, 0, 0, .45) !important;
}

.ed-home-hero .ed-hero-bg-slide .it-hero-title {
   max-width: 620px !important;
   margin: 0 0 16px !important;
   font-size: clamp(34px, 4.4vw, 58px) !important;
   line-height: 1.05 !important;
}

.ed-home-hero .ed-hero-bg-slide .it-hero-text {
   max-width: 560px !important;
   margin: 0 0 20px !important;
}

.ed-home-hero .ed-hero-bg-slide .it-hero-text p {
   font-size: clamp(14px, 1.35vw, 18px) !important;
   line-height: 1.55 !important;
}

.ed-home-hero .ed-hero-bg-slide .it-hero-content > .d-flex {
   gap: 12px !important;
   margin: 0 !important;
}

.ed-home-hero .ed-extra-slide,
.ed-home-hero .ed-extra-slide-inner {
   position: relative !important;
   display: block !important;
   width: 100% !important;
   overflow: hidden !important;
   background: #ffffff !important;
}

.ed-home-hero .ed-extra-slide-inner {
   background-repeat: no-repeat !important;
   background-position: center center !important;
   background-size: contain !important;
}

.ed-home-hero .ed-extra-slide-inner .v3-hero-extra-img,
.ed-home-hero .ed-extra-slide-inner > img {
   position: absolute !important;
   inset: 0 !important;
   z-index: 1 !important;
   display: block !important;
   width: 100% !important;
   height: 100% !important;
   max-width: none !important;
   max-height: none !important;
   object-fit: contain !important;
   object-position: center center !important;
   background-color: #ffffff !important;
   opacity: 1 !important;
   visibility: visible !important;
   transform: none !important;
}

.ed-home-hero .ed-extra-slide-cta {
   position: absolute !important;
   z-index: 3 !important;
}

.ed-home-hero .ed-slider-nav-button {
   display: flex !important;
   visibility: visible !important;
   opacity: 1 !important;
}

@media (max-width: 767px) {
   .ed-home-hero .ed-hero-bg-slide .ed-hero-slide-container {
      align-items: center !important;
      padding: 22px 18px 54px !important;
   }

   .ed-home-hero .ed-hero-bg-slide .it-hero-content {
      width: min(100%, 310px) !important;
      max-width: 310px !important;
      text-align: left !important;
   }

   .ed-home-hero .ed-hero-bg-slide .ed-hero-kicker,
   .ed-home-hero .ed-hero-bg-slide .ed-hero-copy,
   .ed-home-hero .ed-hero-bg-slide .it-hero-ratting-box {
      display: none !important;
   }

   .ed-home-hero .ed-hero-bg-slide .it-hero-title {
      max-width: 275px !important;
      margin-bottom: 10px !important;
      font-size: clamp(24px, 7vw, 30px) !important;
      line-height: 1.08 !important;
   }

   .ed-home-hero .ed-hero-bg-slide .it-hero-text {
      max-width: 285px !important;
      margin-bottom: 12px !important;
   }

   .ed-home-hero .ed-hero-bg-slide .it-hero-text p {
      font-size: 12.5px !important;
      line-height: 1.4 !important;
   }

   .ed-home-hero .ed-hero-bg-slide .it-hero-content > .d-flex {
      justify-content: flex-start !important;
      gap: 8px !important;
   }

   .ed-home-hero .ed-slider-nav-button {
      display: flex !important;
      width: 34px !important;
      height: 34px !important;
      font-size: 24px !important;
      top: 50% !important;
   }

   .ed-home-hero #heroSliderPrev {
      left: 8px !important;
   }

   .ed-home-hero #heroSliderNext {
      right: 8px !important;
   }
}

/* Final split hero contract: left text, right image, no text over the girl. */
.ed-home-hero .ed-hero-bg-slide {
   background: linear-gradient(90deg, #eef7ff 0%, #ffffff 48%, #eef7ff 100%) !important;
}

.ed-home-hero .ed-hero-bg-slide .v3-hero-main-img {
   position: absolute !important;
   inset: 0 0 0 auto !important;
   z-index: 0 !important;
   width: 54% !important;
   height: 100% !important;
   object-fit: cover !important;
   object-position: right center !important;
   opacity: 1 !important;
   visibility: visible !important;
}

.ed-home-hero .ed-hero-bg-slide .ed-hero-slide-container {
   position: absolute !important;
   inset: 0 !important;
   z-index: 2 !important;
   display: flex !important;
   align-items: center !important;
   height: 100% !important;
   padding: 38px max(42px, calc((100vw - 1180px) / 2)) 60px !important;
}

.ed-home-hero .ed-hero-bg-slide .ed-hero-slide-container .row,
.ed-home-hero .ed-hero-bg-slide .ed-hero-slide-container [class*="col-"] {
   width: 100% !important;
   max-width: 100% !important;
   margin: 0 !important;
   padding: 0 !important;
   flex: 0 0 100% !important;
}

.ed-home-hero .ed-hero-bg-slide .it-hero-content {
   width: 46% !important;
   max-width: 560px !important;
   min-width: 0 !important;
   padding: 0 !important;
   text-align: left !important;
}

.ed-home-hero .ed-hero-bg-slide .it-hero-title,
.ed-home-hero .ed-hero-bg-slide .it-hero-title span {
   color: #111827 !important;
   text-shadow: none !important;
}

.ed-home-hero .ed-hero-bg-slide .it-hero-title {
   max-width: 560px !important;
   margin: 0 0 12px !important;
   font-size: clamp(31px, 3.2vw, 44px) !important;
   line-height: 1.05 !important;
}

.ed-home-hero .ed-hero-bg-slide .ed-hero-red-word {
   color: #e21f2f !important;
}

.ed-home-hero .ed-hero-bg-slide .it-hero-text {
   max-width: 500px !important;
   margin: 0 0 14px !important;
}

.ed-home-hero .ed-hero-bg-slide .it-hero-text p {
   color: #293241 !important;
   font-size: clamp(14px, 1.25vw, 17px) !important;
   line-height: 1.55 !important;
   text-shadow: none !important;
}

.ed-home-hero .ed-hero-bg-slide .ed-hero-copy {
   display: none !important;
}

.ed-home-hero .ed-hero-bg-slide .ed-hero-kicker {
   display: none !important;
}

.ed-home-hero .ed-hero-bg-slide .it-hero-content > .d-flex {
   justify-content: flex-start !important;
   gap: 12px !important;
}

@media (max-width: 991px) {
   .ed-home-hero .ed-hero-bg-slide .v3-hero-main-img {
      width: 56% !important;
      object-position: 70% center !important;
   }

   .ed-home-hero .ed-hero-bg-slide .ed-hero-slide-container {
      padding: 28px 42px 56px !important;
   }

   .ed-home-hero .ed-hero-bg-slide .it-hero-content {
      width: 43% !important;
      max-width: 360px !important;
   }

   .ed-home-hero .ed-hero-bg-slide .it-hero-title {
      font-size: clamp(25px, 4.2vw, 34px) !important;
   }
}

@media (max-width: 767px) {
   .ed-home-hero .ed-hero-bg-slide .v3-hero-main-img {
      width: 57% !important;
      object-fit: cover !important;
      object-position: 70% center !important;
   }

   .ed-home-hero .ed-hero-bg-slide .ed-hero-slide-container {
      padding: 16px 38px 46px 16px !important;
   }

   .ed-home-hero .ed-hero-bg-slide .it-hero-content {
      width: 43% !important;
      max-width: 160px !important;
   }

   .ed-home-hero .ed-hero-bg-slide .it-hero-title {
      max-width: 160px !important;
      margin-bottom: 7px !important;
      font-size: clamp(18px, 5.2vw, 22px) !important;
      line-height: 1.08 !important;
   }

   .ed-home-hero .ed-hero-bg-slide .it-hero-text {
      max-width: 150px !important;
      margin-bottom: 8px !important;
   }

   .ed-home-hero .ed-hero-bg-slide .it-hero-text p {
      font-size: 10.5px !important;
      line-height: 1.32 !important;
   }

   .ed-home-hero .ed-hero-bg-slide .it-hero-content > .d-flex {
      display: grid !important;
      grid-template-columns: 1fr !important;
      gap: 6px !important;
   }

   .ed-home-hero .ed-hero-bg-slide .it-hero-bnt,
   .ed-home-hero .ed-hero-bg-slide .it-hero-bnt a {
      width: 132px !important;
      min-width: 132px !important;
      max-width: 132px !important;
      height: 34px !important;
      min-height: 34px !important;
   }

   .ed-home-hero .ed-hero-bg-slide .it-hero-bnt a .text-1 {
      font-size: 9.5px !important;
   }
}

/* Final requested hero banner: first slide uses the uploaded full banner image. */
.ed-home-hero .ed-hero-bg-slide {
   background: #ffffff !important;
   position: relative !important;
   overflow: hidden !important;
}

.ed-home-hero .ed-hero-bg-slide .v3-hero-main-img {
   position: absolute !important;
   inset: 0 !important;
   z-index: 1 !important;
   width: 100% !important;
   height: 100% !important;
   max-width: none !important;
   object-fit: cover !important;
   object-position: center center !important;
   opacity: 1 !important;
   visibility: visible !important;
}

.ed-home-hero .ed-hero-bg-slide .ed-hero-slide-container {
   position: absolute !important;
   inset: 0 !important;
   z-index: 3 !important;
   display: block !important;
   width: 100% !important;
   max-width: none !important;
   height: 100% !important;
   max-height: 100% !important;
   margin: 0 !important;
   padding: 0 !important;
   box-sizing: border-box !important;
   pointer-events: none !important;
}

.ed-home-hero .ed-hero-bg-slide .it-hero-thumb {
   display: none !important;
}

.ed-home-hero .ed-hero-bg-slide .it-hero-content {
   position: static !important;
   width: 100% !important;
   max-width: none !important;
   padding: 0 !important;
   pointer-events: none !important;
}

.ed-home-hero .ed-hero-bg-slide .ed-hero-slide-container .row,
.ed-home-hero .ed-hero-bg-slide .ed-hero-slide-container [class*="col-"] {
   position: static !important;
   width: 100% !important;
   max-width: 100% !important;
   height: 100% !important;
   max-height: 100% !important;
   margin: 0 !important;
   padding: 0 !important;
}

.ed-home-hero .ed-hero-bg-slide .ed-hero-kicker,
.ed-home-hero .ed-hero-bg-slide .it-hero-title,
.ed-home-hero .ed-hero-bg-slide .it-hero-typed-wrap,
.ed-home-hero .ed-hero-bg-slide .it-hero-text,
.ed-home-hero .ed-hero-bg-slide .it-hero-ratting-box {
   display: none !important;
}

.ed-home-hero .ed-hero-bg-slide .it-hero-content > .d-flex {
   position: absolute !important;
   left: 50% !important;
   top: 422px !important;
   bottom: auto !important;
   z-index: 4 !important;
   display: flex !important;
   flex-direction: row !important;
   flex-wrap: nowrap !important;
   align-items: center !important;
   justify-content: center !important;
   gap: 14px !important;
   width: auto !important;
   transform: translateX(-50%) !important;
   pointer-events: auto !important;
}

.ed-home-hero .ed-hero-bg-slide .ed-hero-read-more {
   display: block !important;
}

.ed-home-hero .ed-hero-bg-slide .it-hero-bnt,
.ed-home-hero .ed-hero-bg-slide .it-hero-bnt a {
   width: 150px !important;
   min-width: 150px !important;
   max-width: 150px !important;
   height: 46px !important;
   min-height: 46px !important;
}

.ed-home-hero .ed-hero-bg-slide .it-hero-bnt a .text-1,
.ed-home-hero .ed-hero-bg-slide .it-hero-bnt a .text-2 {
   font-size: 14px !important;
   line-height: 46px !important;
   white-space: nowrap !important;
}

.ed-home-hero .ed-hero-bg-slide .it-hero-bnt a {
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   padding: 0 !important;
   box-sizing: border-box !important;
   line-height: 46px !important;
}

.ed-home-hero .ed-hero-bg-slide .it-hero-bnt a.it-btn,
.ed-home-hero .ed-hero-bg-slide .it-hero-bnt a.it-btn-yellow {
   height: 46px !important;
   min-height: 46px !important;
   max-height: 46px !important;
}

@media (max-width: 767px) {
   .ed-home-hero .ed-hero-bg-slide .v3-hero-main-img {
      object-fit: contain !important;
      object-position: center center !important;
   }

   .ed-home-hero .ed-hero-bg-slide .it-hero-content > .d-flex {
      top: 292px !important;
      bottom: auto !important;
      flex-direction: row !important;
      gap: 8px !important;
   }

   .ed-home-hero .ed-hero-bg-slide .it-hero-bnt,
   .ed-home-hero .ed-hero-bg-slide .it-hero-bnt a {
      width: 118px !important;
      min-width: 118px !important;
      max-width: 118px !important;
      height: 34px !important;
      min-height: 34px !important;
   }

   .ed-home-hero .ed-hero-bg-slide .it-hero-bnt a .text-1,
   .ed-home-hero .ed-hero-bg-slide .it-hero-bnt a .text-2 {
      font-size: 10.5px !important;
      line-height: 34px !important;
   }

   .ed-home-hero .ed-hero-bg-slide .it-hero-bnt a {
      line-height: 34px !important;
   }

   .ed-home-hero .ed-hero-bg-slide .it-hero-bnt a.it-btn,
   .ed-home-hero .ed-hero-bg-slide .it-hero-bnt a.it-btn-yellow {
      height: 34px !important;
      min-height: 34px !important;
      max-height: 34px !important;
   }
}

/* Extra uploaded slides should also fill desktop/laptop without side gaps. */
.ed-home-hero .ed-extra-slide-inner {
   background-size: cover !important;
   background-position: center center !important;
}

.ed-home-hero .ed-extra-slide-inner .v3-hero-extra-img,
.ed-home-hero .ed-extra-slide-inner > img {
   object-fit: cover !important;
   object-position: center center !important;
}

@media (max-width: 767px) {
   .ed-home-hero .ed-extra-slide-inner {
      background-size: contain !important;
   }

   .ed-home-hero .ed-extra-slide-inner .v3-hero-extra-img,
   .ed-home-hero .ed-extra-slide-inner > img {
      object-fit: contain !important;
      object-position: center center !important;
   }
}

/* Mobile live fix: keep uploaded portrait hero images clear after the intro video. */
@media (max-width: 767px) {
   .ed-home-hero,
   .ed-home-hero .ed-hero-media-stage,
   .ed-home-hero #heroVideoWrap,
   .ed-home-hero #heroContentReveal,
   .ed-home-hero #heroContentReveal .swiper-wrapper,
   .ed-home-hero #heroContentReveal .swiper-slide,
   .ed-home-hero .ed-hero-split-slide,
   .ed-home-hero .ed-extra-slide,
   .ed-home-hero .ed-extra-slide-inner {
      height: clamp(455px, 122vw, 560px) !important;
      min-height: clamp(455px, 122vw, 560px) !important;
      max-height: 560px !important;
   }

   .ed-home-hero .ed-hero-bg-slide .v3-hero-main-img,
   .ed-home-hero .ed-extra-slide-inner .v3-hero-extra-img,
   .ed-home-hero .ed-extra-slide-inner > img {
      display: block !important;
      width: 100% !important;
      height: 100% !important;
      object-fit: contain !important;
      object-position: center center !important;
      opacity: 1 !important;
      visibility: visible !important;
   }

   .ed-home-hero .ed-hero-bg-slide .it-hero-content > .d-flex {
      top: auto !important;
      bottom: 18px !important;
   }
}

/* Mobile Hero Gap Fix */
@media (max-width: 767px) {
   .ed-home-hero,
   .ed-home-hero .ed-hero-media-stage,
   .ed-home-hero #heroContentReveal,
   .ed-home-hero #heroContentReveal .swiper-wrapper,
   .ed-home-hero #heroContentReveal .swiper-slide,
   .ed-home-hero .ed-hero-split-slide,
   .ed-home-hero .ed-extra-slide,
   .ed-home-hero .ed-extra-slide-inner {
      margin-top: 0 !important;
      padding-top: 0 !important;
   }

   .ed-home-hero.ed-hero-slider-active,
   .ed-home-hero.ed-hero-slider-active .ed-hero-media-stage,
   .ed-home-hero.ed-hero-slider-active #heroContentReveal,
   .ed-home-hero.ed-hero-slider-active #heroContentReveal .swiper-wrapper,
   .ed-home-hero.ed-hero-slider-active #heroContentReveal .swiper-slide,
   .ed-home-hero.ed-hero-slider-active .ed-hero-split-slide,
   .ed-home-hero.ed-hero-slider-active .ed-extra-slide,
   .ed-home-hero.ed-hero-slider-active .ed-extra-slide-inner {
      height: clamp(390px, 102vw, 480px) !important;
      min-height: clamp(390px, 102vw, 480px) !important;
      max-height: 480px !important;
   }

   .ed-home-hero.ed-hero-slider-active .ed-hero-bg-slide .v3-hero-main-img,
   .ed-home-hero.ed-hero-slider-active .ed-extra-slide-inner .v3-hero-extra-img,
   .ed-home-hero.ed-hero-slider-active .ed-extra-slide-inner > img {
      object-position: top center !important;
   }

   .ed-home-hero.ed-hero-slider-active .ed-hero-bg-slide .it-hero-content > .d-flex,
   .ed-home-hero.ed-hero-slider-active .ed-extra-slide-cta {
      bottom: 12px !important;
   }
}

/* =========================================================
   CURRENT INDEX VIDEO HERO FINAL FIX
   Keeps the new .video-hero independent from legacy
   img/video rules so mobile does not show empty blue space.
   ========================================================= */

.video-hero {
   position: relative !important;
   display: block !important;
   width: 100% !important;
   max-width: 100% !important;
   margin: 0 !important;
   padding: 0 !important;
   overflow: hidden !important;
   background: #071a2d !important;
}

.video-hero-media {
   position: relative !important;
   width: 100% !important;
   height: clamp(430px, 45vw, 610px) !important;
   min-height: 430px !important;
   max-height: 610px !important;
   aspect-ratio: auto !important;
   margin: 0 !important;
   padding: 0 !important;
   overflow: hidden !important;
   background: #071a2d !important;
   isolation: isolate !important;
}

.video-hero-video {
   position: absolute !important;
   inset: 0 !important;
   display: block !important;
   width: 100% !important;
   height: 100% !important;
   max-width: none !important;
   max-height: none !important;
   min-height: 100% !important;
   margin: 0 !important;
   padding: 0 !important;
   border: 0 !important;
   object-fit: cover !important;
   object-position: center center !important;
   background: #071a2d !important;
}

.video-hero-overlay {
   position: absolute !important;
   inset: 0 !important;
   z-index: 1 !important;
   pointer-events: none !important;
   background: linear-gradient(90deg, rgba(3,17,31,.68), rgba(3,17,31,.34) 52%, rgba(3,17,31,.12)) !important;
}

.video-hero-content {
   position: absolute !important;
   inset: 0 !important;
   z-index: 2 !important;
   display: flex !important;
   flex-direction: column !important;
   align-items: center !important;
   justify-content: center !important;
   width: min(1180px, calc(100% - 44px)) !important;
   height: 100% !important;
   margin: 0 auto !important;
   padding: 42px 0 !important;
   box-sizing: border-box !important;
   text-align: center !important;
}

.video-hero-title {
   width: 100% !important;
   max-width: 820px !important;
   margin: 0 auto 16px !important;
   color: #ffffff !important;
   font-size: clamp(38px, 4.4vw, 66px) !important;
   font-weight: 800 !important;
   line-height: 1.08 !important;
   letter-spacing: 0 !important;
   overflow-wrap: anywhere !important;
   text-shadow: 0 4px 22px rgba(0,0,0,.42) !important;
}

.video-hero-subtitle {
   width: 100% !important;
   max-width: 660px !important;
   margin: 0 auto 24px !important;
   color: rgba(255,255,255,.96) !important;
   font-size: clamp(16px, 1.3vw, 20px) !important;
   line-height: 1.55 !important;
   text-shadow: 0 2px 14px rgba(0,0,0,.38) !important;
}

.video-hero-btn {
   position: relative !important;
   z-index: 3 !important;
   display: inline-flex !important;
   align-items: center !important;
   justify-content: center !important;
   width: auto !important;
   min-width: 160px !important;
   min-height: 48px !important;
   margin: 0 auto !important;
   padding: 12px 25px !important;
   border-radius: 7px !important;
   background: #f8c62f !important;
   color: #111827 !important;
   font-size: 14px !important;
   font-weight: 800 !important;
   line-height: 1.1 !important;
   text-align: center !important;
   text-decoration: none !important;
   box-shadow: 0 12px 28px rgba(0,0,0,.22) !important;
}

.video-hero + .it-brand-5-area {
   margin-top: 0 !important;
}

@media (max-width: 991.98px) {
   .video-hero-media {
      height: clamp(430px, calc(100svh - var(--header-space, 110px)), 560px) !important;
      min-height: 430px !important;
      max-height: 560px !important;
   }

   .video-hero-content {
      width: calc(100% - 34px) !important;
      padding: 34px 0 !important;
   }

   .video-hero-title {
      max-width: 660px !important;
      font-size: clamp(32px, 7vw, 50px) !important;
      line-height: 1.1 !important;
   }
}

@media (max-width: 767.98px) {
   .video-hero,
   .video-hero-media {
      margin: 0 !important;
      padding: 0 !important;
   }

   .video-hero-media {
      height: clamp(430px, calc(100svh - var(--header-space, 96px)), 530px) !important;
      min-height: 430px !important;
      max-height: 530px !important;
   }

   .video-hero-overlay {
      background: rgba(3,17,31,.48) !important;
   }

   .video-hero-content {
      width: calc(100% - 28px) !important;
      padding: 28px 0 !important;
   }

   .video-hero-title {
      max-width: 340px !important;
      margin-bottom: 14px !important;
      font-size: clamp(28px, 8.2vw, 38px) !important;
      line-height: 1.12 !important;
   }

   .video-hero-subtitle {
      max-width: 330px !important;
      margin-bottom: 22px !important;
      font-size: 14px !important;
      line-height: 1.5 !important;
   }

   .video-hero-btn {
      min-width: 148px !important;
      min-height: 44px !important;
      padding: 11px 20px !important;
      font-size: 13px !important;
   }
}

@media (max-width: 380px) {
   .video-hero-media {
      height: 450px !important;
      min-height: 450px !important;
   }

   .video-hero-title {
      max-width: 300px !important;
      font-size: 28px !important;
   }
}






/* HOMEPAGE_VIDEO_HEIGHT_SCOPED_V5 */
@media (min-width: 768px) {
    html body.homepage-page section.video-hero {
        height: 760px !important;
        min-height: 760px !important;
        max-height: none !important;
    }

    html body.homepage-page section.video-hero > .video-hero-media {
        height: 760px !important;
        min-height: 760px !important;
        max-height: none !important;
        aspect-ratio: auto !important;
    }

    html body.homepage-page section.video-hero .video-hero-video {
        height: 100% !important;
        width: 100% !important;
        object-fit: contain !important;
    }
}
/* END HOMEPAGE_VIDEO_HEIGHT_SCOPED_V5 */

/* HOMEPAGE_VIDEO_HEIGHT_SCOPED_V6 */
@media (min-width: 768px) {
    html body.homepage-page section.video-hero,
    html body.homepage-page section.video-hero > .video-hero-media {
        height: 820px !important;
        min-height: 820px !important;
        max-height: none !important;
    }

    html body.homepage-page section.video-hero .video-hero-video {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
    }
}

@media (max-width: 767.98px) {
    html body.homepage-page section.video-hero,
    html body.homepage-page section.video-hero > .video-hero-media {
        height: 500px !important;
        min-height: 500px !important;
        max-height: none !important;
    }

    html body.homepage-page section.video-hero .video-hero-video {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
    }
}
/* END HOMEPAGE_VIDEO_HEIGHT_SCOPED_V6 */


/* ===== END SOURCE: index-responsive-fix.css ===== */


/* ===== BEGIN SOURCE: home-sections.css ===== */
/* =========================================================
   HOMEPAGE SECTIONS CSS
   Section-wise CSS for index.php. Keep homepage section
   overrides here instead of inline <style> blocks.
========================================================= */

/* =========================================================
   HERO SECTION
========================================================= */

.ed-home-hero,
.ed-home-hero .ed-hero-media-stage {
    min-height: 570px;
    background: #120607 !important;
}

.ed-home-hero .ed-hero-video-wrap {
    position: relative;
    min-height: 570px;
    overflow: hidden;
    background: #120607;
}

.ed-home-hero #heroIntroVideo {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.ed-home-hero .ed-hero-video-wrap::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(0,0,0,.66), rgba(0,0,0,.22));
    pointer-events: none;
}

.ed-home-hero .ed-hero-video-copy {
    position: relative;
    z-index: 2;
    width: min(1120px, calc(100% - 30px));
    min-height: 570px;
    margin: 0 auto;
    padding: 110px 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
}

.ed-home-hero .ed-hero-video-copy h1 {
    max-width: 680px;
    margin: 0 auto 16px;
    color: #fff;
    font-size: clamp(32px, 4vw, 62px);
    line-height: 1.12;
}

.ed-home-hero .ed-hero-video-copy p {
    max-width: 600px;
    margin: 0 auto 28px;
    color: #fff;
    font-size: clamp(16px, 1.5vw, 20px);
    line-height: 1.6;
}

@media (max-width: 767.98px) {
    .ed-home-hero,
    .ed-home-hero .ed-hero-media-stage,
    .ed-home-hero .ed-hero-video-wrap {
        min-height: 430px;
    }

    .ed-home-hero .ed-hero-video-copy {
        width: 100%;
        min-height: 430px;
        padding: 70px 24px;
        align-items: center;
        text-align: center;
    }

    .ed-home-hero .ed-hero-video-wrap::after {
        background: rgba(0,0,0,.52);
    }
}

/* =========================================================
   COURSE SECTION
========================================================= */

#homeCoursesGrid {
    row-gap: 14px !important;
}

#homeCoursesGrid > div {
    display: flex !important;
    margin-bottom: 0 !important;
}

#homeCoursesGrid .home-course-card {
    width: 100% !important;
    max-width: 410px !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    background: #fff !important;
    border: 1px dashed #f0bdc5 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .08) !important;
    transition: transform .25s ease, box-shadow .25s ease !important;
    animation: msolCardRise .65s ease both;
}

#homeCoursesGrid .home-course-card:hover {
    background: #fff !important;
    border-color: #f0bdc5 !important;
    transform: translateY(-7px) !important;
    box-shadow: 0 18px 34px rgba(10, 36, 70, .16) !important;
}

#homeCoursesGrid .it-course-thumb {
    position: relative !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: #fff !important;
}

#homeCoursesGrid .home-course-image {
    width: 100% !important;
    height: 172px !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 6px 6px 0 0 !important;
    object-fit: cover !important;
}

#homeCoursesGrid .it-course-content {
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 16px 16px 8px !important;
    display: flex !important;
    flex-direction: column !important;
    background: #fff !important;
    text-align: left !important;
}

#homeCoursesGrid .it-course-content::before,
#homeCoursesGrid .it-course-content::after,
#homeCoursesGrid .it-course-item::before,
#homeCoursesGrid .it-course-item::after,
#homeCoursesGrid .border-line::before,
#homeCoursesGrid .border-line::after {
    display: none !important;
}

#homeCoursesGrid .it-course-title {
    margin: 0 0 8px !important;
    padding: 0 0 7px !important;
    border-bottom: 1px solid #222;
    color: #000 !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    letter-spacing: 2px !important;
    text-align: left !important;
}

#homeCoursesGrid .it-course-title a,
#homeCoursesGrid .it-course-title a:hover,
#homeCoursesGrid .home-course-card:hover .it-course-title a {
    color: #000 !important;
}

#homeCoursesGrid .static-course-flag {
    position: absolute;
    right: 20px;
    bottom: -28px;
    width: 58px;
    height: 58px;
    border: 3px solid #c6093b;
    border-radius: 50%;
    background: #fff;
    display: grid;
    place-items: center;
    overflow: hidden;
    z-index: 2;
}

#homeCoursesGrid .static-course-flag img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#homeCoursesGrid .course-ref-meta,
#homeCoursesGrid .course-ref-badges {
    display: flex !important;
    flex-wrap: wrap;
    gap: 3px 6px;
    margin: 0 0 6px !important;
}

#homeCoursesGrid .course-ref-meta span {
    width: auto !important;
    flex: 0 1 auto;
    color: #111827 !important;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 1.35;
    white-space: nowrap;
    padding-right: 0 !important;
    margin-right: 0 !important;
    border-right: 0 !important;
}

#homeCoursesGrid .course-ref-meta i {
    color: #c6093b;
    margin-right: 5px;
}

#homeCoursesGrid .course-ref-meta strong {
    color: #00618a;
}

#homeCoursesGrid .course-ref-badges span {
    width: auto !important;
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    border-radius: 4px;
    color: #fff !important;
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: 1px;
}

#homeCoursesGrid .course-ref-badges span:first-child {
    background: #c6093b;
}

#homeCoursesGrid .course-ref-badges span:last-child {
    background: #00618a;
}

#homeCoursesGrid .course-fee-line {
    display: none !important;
}

#homeCoursesGrid .it-course-btn {
    display: none !important;
}

@keyframes msolCardRise {
    from {
        opacity: 0;
        transform: translateY(18px);
    }

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

/* =========================================================
   WHY CHOOSE SECTION
   Base .wcu-* CSS lives in about-us.css because About page
   and homepage share the same design.
========================================================= */

.wcu-card {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border-radius: 8px !important;
    min-height: 150px;
    padding: 30px 18px 30px !important;
    box-shadow: 0 10px 26px rgba(17, 24, 39, .10) !important;
    transform: translateY(0) scale(1);
    transform-style: preserve-3d;
    transition:
        transform .34s cubic-bezier(.2,.8,.2,1),
        box-shadow .34s ease,
        border-color .34s ease,
        filter .34s ease;
    animation: msolCardRise .65s ease both;
}

.wcu-card::before {
    content: "";
    position: absolute;
    inset: -45% -20%;
    z-index: -1;
    background:
        radial-gradient(circle at 50% 0%, rgba(255,255,255,.95), transparent 28%),
        linear-gradient(120deg, transparent 28%, rgba(255,255,255,.75) 48%, transparent 68%);
    opacity: 0;
    transform: translateX(-55%) rotate(12deg);
    transition: transform .58s ease, opacity .34s ease;
    pointer-events: none;
}

.wcu-card::after {
    content: "";
    position: absolute;
    inset: auto 18px 0;
    height: 4px;
    border-radius: 999px 999px 0 0;
    background: currentColor;
    opacity: .22;
    transform: scaleX(.45);
    transform-origin: center;
    transition: transform .34s ease, opacity .34s ease;
    pointer-events: none;
}

.wcu-card:hover {
    transform: translateY(-12px) scale(1.025);
    filter: saturate(1.06);
    box-shadow: 0 22px 44px rgba(17, 24, 39, .18) !important;
}

.wcu-card:hover::before {
    opacity: .9;
    transform: translateX(42%) rotate(12deg);
}

.wcu-card:hover::after {
    opacity: .62;
    transform: scaleX(1);
}

.wcu-icon {
    box-shadow: 0 10px 18px rgba(17, 24, 39, .18);
    transform: translateZ(18px);
    transition:
        transform .34s cubic-bezier(.2,.8,.2,1),
        box-shadow .34s ease,
        filter .34s ease;
}

.wcu-card:hover .wcu-icon {
    transform: translateY(-6px) translateZ(24px) rotate(-5deg) scale(1.08);
    filter: brightness(1.04);
    box-shadow: 0 16px 28px rgba(17, 24, 39, .22);
}

.wcu-card h4 {
    position: relative;
    transform: translateZ(14px);
    transition: transform .34s ease, letter-spacing .34s ease;
}

.wcu-card:hover h4 {
    transform: translateY(-2px) translateZ(18px);
    letter-spacing: .2px;
}

.wcu-wave {
    transition: transform .42s ease, opacity .34s ease;
}

.wcu-card:hover .wcu-wave {
    opacity: .95;
    transform: translateY(-3px) scaleX(1.04);
}

/* =========================================================
   HERO QUICK LINKS
========================================================= */

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

.ed-quick-links {
    gap: 10px !important;
}

.ed-quick-link {
    position: relative !important;
    min-height: 46px !important;
    padding: 7px 12px !important;
    border: 0 !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, var(--ql-color, #246bfe), rgba(17, 24, 39, .82)) !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .10) !important;
    overflow: hidden;
    isolation: isolate;
}

.ed-quick-link::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(120deg, transparent 20%, rgba(255,255,255,.26) 48%, transparent 72%);
    opacity: 0;
    transform: translateX(-70%);
    transition: opacity .28s ease, transform .48s ease;
}

.ed-quick-link:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 12px 24px rgba(15, 23, 42, .15) !important;
}

.ed-quick-link:hover::before {
    opacity: 1;
    transform: translateX(70%);
}

.ed-quick-link-icon {
    width: 26px !important;
    height: 26px !important;
    color: #ffffff !important;
    background: rgba(255,255,255,.18) !important;
}

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

.ed-quick-link-copy strong {
    color: #ffffff !important;
    font-size: 12.5px !important;
    line-height: 1.15 !important;
}

.ed-quick-link-arrow {
    color: #ffffff !important;
    background: rgba(255,255,255,.16) !important;
}

@media (max-width: 767.98px) {
    .ed-quick-links-wrap {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }

    .ed-quick-links {
        gap: 8px !important;
    }

    .ed-quick-link {
        min-height: 42px !important;
        padding: 7px 9px !important;
    }

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

    .ed-quick-link-copy strong {
        font-size: 11.5px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .wcu-card,
    .wcu-card::before,
    .wcu-card::after,
    .wcu-icon,
    .wcu-card h4,
    .wcu-wave,
    .ttm-card,
    .ttm-card::before,
    .ttm-card::after,
    .ttm-stars,
    .ttm-text,
    .ttm-person,
    .ttm-avatar {
        animation: none !important;
        transition: none !important;
    }
}

/* Testimonial popup viewport lock. */
.ttm-modal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 999999 !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px !important;
}

.ttm-modal.is-open {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

.ttm-modal-backdrop {
    position: absolute !important;
    inset: 0 !important;
    background: rgba(20, 29, 42, .72) !important;
    backdrop-filter: blur(2px) !important;
}

.ttm-modal-box {
    position: relative !important;
    z-index: 2 !important;
    width: min(430px, calc(100vw - 40px)) !important;
    max-height: calc(100svh - 46px) !important;
    overflow: auto !important;
    padding: 36px 30px 28px !important;
    border-radius: 22px !important;
    background: #fff !important;
    box-shadow: 0 28px 60px rgba(13, 40, 92, .42) !important;
}

.ttm-modal-close {
    position: absolute !important;
    top: 18px !important;
    right: 22px !important;
    width: 28px !important;
    height: 28px !important;
    color: #111827 !important;
    font-size: 34px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    background: transparent !important;
    border: 0 !important;
}

.ttm-modal-user {
    display: flex !important;
    align-items: center !important;
    gap: 22px !important;
    margin-bottom: 20px !important;
}

.ttm-modal-image {
    width: 78px !important;
    height: 78px !important;
    min-width: 78px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    box-shadow: 0 0 0 5px #f2f4f7 !important;
}

.ttm-modal-user h3 {
    margin: 0 !important;
    max-width: 220px !important;
    color: #111827 !important;
    font-size: 26px !important;
    line-height: 1.02 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
}

.ttm-modal-user span {
    display: block !important;
    margin-top: 8px !important;
    color: #6b7280 !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    letter-spacing: .02em !important;
    text-transform: uppercase !important;
}

.ttm-modal-stars {
    margin: 20px 0 26px 100px !important;
    color: #f5a400 !important;
    font-size: 30px !important;
    line-height: 1 !important;
    letter-spacing: 2px !important;
}

.ttm-modal-message {
    margin: 0 0 28px !important;
    color: #263447 !important;
    font-size: 18px !important;
    line-height: 1.62 !important;
    font-weight: 500 !important;
}

.ttm-modal-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 150px !important;
    min-height: 50px !important;
    margin: 0 auto !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: #ef1f2a !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 800 !important;
}

@media (max-width: 575.98px) {
    .ttm-modal {
        padding: 20px !important;
    }

    .ttm-modal-box {
        width: min(356px, calc(100vw - 40px)) !important;
        padding: 34px 22px 28px !important;
        border-radius: 20px !important;
    }

    .ttm-modal-user {
        gap: 18px !important;
    }

    .ttm-modal-image {
        width: 72px !important;
        height: 72px !important;
        min-width: 72px !important;
    }

    .ttm-modal-user h3 {
        font-size: 25px !important;
        max-width: 172px !important;
    }

    .ttm-modal-user span {
        font-size: 16px !important;
    }

    .ttm-modal-stars {
        margin: 18px 0 26px 100px !important;
        font-size: 27px !important;
    }

    .ttm-modal-message {
        font-size: 17px !important;
        line-height: 1.7 !important;
    }
}

/* Homepage section spacing final override. */
.wcu-section {
    padding: 0px 0 !important;
}

.it-about-area {
    padding-top: 25px !important;
    padding-bottom: 0px !important;
}

@media (min-width: 768px) {
    #homeCoursesGrid .it-course-item {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        height: calc(90% - 0px) !important;
        margin-bottom: 0 !important;
    }
}

/* =========================================================
   HOMEPAGE TESTIMONIAL DESKTOP RESTORE
   Mobile testimonial is already correct, so these rules start
   at tablet/desktop only.
========================================================= */

@media (min-width: 768px) {
    .ttm-section {
        overflow: hidden !important;
        padding-top: 54px !important;
        padding-bottom: 50px !important;
    }

    .ttm-section .ttm-wrap {
        position: relative !important;
        width: min(1500px, 100%) !important;
        max-width: 1500px !important;
        margin: 0 auto !important;
        padding: 0 48px !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: 20px !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 8px 2px 16px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-behavior: smooth !important;
        scroll-snap-type: x mandatory !important;
        scrollbar-width: none !important;
        cursor: grab !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;
        padding: 26px 22px 22px !important;
        box-sizing: border-box !important;
        scroll-snap-align: start !important;
    }

    .ttm-section .ttm-text {
        height: 122px !important;
        min-height: 122px !important;
        max-height: 122px !important;
        overflow: hidden !important;
        font-size: 14px !important;
        line-height: 1.55 !important;
    }

    .ttm-section .ttm-person-row {
        margin-top: auto !important;
    }

    .ttm-section .ttm-prev,
    .ttm-section .ttm-next {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    .ttm-section .ttm-wrap {
        padding-left: 42px !important;
        padding-right: 42px !important;
    }

    .ttm-section .ttm-track {
        gap: 16px !important;
    }

    .ttm-section .ttm-card,
    .ttm-section .ttm-card:nth-child(n+4) {
        flex-basis: 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;
    }
}

/* Homepage sync with the common testimonial design. */
@media (min-width: 768px) {
    .ttm-section .ttm-wrap {
        max-width: 1660px !important;
        padding-left: 58px !important;
        padding-right: 58px !important;
    }

    .ttm-section .ttm-track {
        display: flex !important;
        grid-template-columns: none !important;
        flex-wrap: nowrap !important;
        gap: 22px !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) {
        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;
        padding: 30px 28px 28px !important;
        border-radius: 72px 0 72px 0 !important;
    }

    .ttm-section .ttm-card .ttm-text {
        max-height: 138px !important;
        font-size: 16px !important;
        line-height: 1.6 !important;
        color: #ffffff !important;
    }

    .ttm-section .ttm-stars {
        color: #ffd400 !important;
    }

    .ttm-section .ttm-person h5,
    .ttm-section .ttm-person span {
        color: #ffffff !important;
    }

    .ttm-section .ttm-person-row {
        position: relative !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;
    }

    .ttm-section .ttm-person-row .ttm-person {
        position: static !important;
        transform: none !important;
        display: flex !important;
        align-items: center !important;
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
    }

    .ttm-section .ttm-person-row .ttm-avatar {
        width: 56px !important;
        height: 56px !important;
        min-width: 56px !important;
        max-width: 56px !important;
        flex: 0 0 56px !important;
        border: 2px solid rgba(255,255,255,.82) !important;
    }

    .ttm-section .ttm-person-row .ttm-read-more {
        position: static !important;
        transform: none !important;
        flex: 0 0 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;
    }
}

@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;
    }
}

@media (max-width: 767.98px) {
    .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;
        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-person span {
        color: #ffffff !important;
    }

    .ttm-section .ttm-stars {
        color: #ffd400 !important;
    }

    .ttm-section .ttm-person h5 {
        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 {
        display: flex !important;
        align-items: center !important;
        gap: 9px !important;
        min-height: 50px !important;
    }

    .ttm-section .ttm-person-row .ttm-person,
    .ttm-section .ttm-person-row .ttm-read-more {
        position: static !important;
        transform: none !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;
    }
}

/* Final testimonial cleanup: hide closed modal, circle avatars, shorter cards. */
.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;
    }
}

/* Final homepage testimonial text and popup polish. */
.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;
    }
}

/* Testimonial popup final viewport lock. */
.ttm-modal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 999999 !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px !important;
    transform: none !important;
}

.ttm-modal.is-open {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

.ttm-modal-backdrop {
    position: absolute !important;
    inset: 0 !important;
    background: rgba(20, 29, 42, .72) !important;
    backdrop-filter: blur(2px) !important;
}

.ttm-modal-box {
    position: relative !important;
    z-index: 2 !important;
    width: min(430px, calc(100vw - 40px)) !important;
    max-height: calc(100svh - 46px) !important;
    overflow: auto !important;
    padding: 36px 30px 28px !important;
    border-radius: 22px !important;
    background: #fff !important;
    box-shadow: 0 28px 60px rgba(13, 40, 92, .42) !important;
}

.ttm-modal-close {
    position: absolute !important;
    top: 18px !important;
    right: 22px !important;
    width: 28px !important;
    height: 28px !important;
    color: #111827 !important;
    font-size: 34px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    background: transparent !important;
    border: 0 !important;
}

.ttm-modal-user {
    display: flex !important;
    align-items: center !important;
    gap: 22px !important;
    margin-bottom: 20px !important;
}

.ttm-modal-image {
    width: 78px !important;
    height: 78px !important;
    min-width: 78px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    box-shadow: 0 0 0 5px #f2f4f7 !important;
}

.ttm-modal-user h3 {
    margin: 0 !important;
    max-width: 220px !important;
    color: #111827 !important;
    font-size: 26px !important;
    line-height: 1.02 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
}

.ttm-modal-user span {
    display: block !important;
    margin-top: 8px !important;
    color: #6b7280 !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    letter-spacing: .02em !important;
    text-transform: uppercase !important;
}

.ttm-modal-stars {
    margin: 20px 0 26px 100px !important;
    color: #f5a400 !important;
    font-size: 30px !important;
    line-height: 1 !important;
    letter-spacing: 2px !important;
}

.ttm-modal-message {
    margin: 0 0 28px !important;
    color: #263447 !important;
    font-size: 18px !important;
    line-height: 1.62 !important;
    font-weight: 500 !important;
}

.ttm-modal-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 150px !important;
    min-height: 50px !important;
    margin: 0 auto !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: #ef1f2a !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 800 !important;
}

@media (max-width: 575.98px) {
    .ttm-modal {
        padding: 20px !important;
    }

    .ttm-modal-box {
        width: min(356px, calc(100vw - 40px)) !important;
        padding: 34px 22px 28px !important;
        border-radius: 20px !important;
    }

    .ttm-modal-user {
        gap: 18px !important;
    }

    .ttm-modal-image {
        width: 72px !important;
        height: 72px !important;
        min-width: 72px !important;
    }

    .ttm-modal-user h3 {
        font-size: 25px !important;
        max-width: 172px !important;
    }

    .ttm-modal-user span {
        font-size: 16px !important;
    }

    .ttm-modal-stars {
        margin: 18px 0 26px 100px !important;
        font-size: 27px !important;
    }

    .ttm-modal-message {
        font-size: 17px !important;
        line-height: 1.7 !important;
    }
}


/* =========================================================
   FINAL FIX: HOMEPAGE VERTICAL SCROLL
========================================================= */

html {
    overflow-y: auto !important;
    scroll-behavior: auto !important;
}

body.homepage-page {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 100vh !important;
    overflow-x: clip !important;
    overflow-y: visible !important;
}

/* Keep testimonial popup fixed without locking the page */
body.homepage-page #ttmModal.is-open {
    position: fixed !important;
    inset: 0 !important;
    z-index: 999999 !important;
}

/* Allow normal page scrolling when popup is closed */
body.homepage-page:not(.ttm-modal-open),
html:not(.ttm-modal-open) {
    overflow-y: auto !important;
}

/* FIX: Normal homepage scrolling */
html {
    overflow-y: auto !important;
    height: auto !important;
}

body.homepage-page {
    position: relative !important;
    height: auto !important;
    min-height: 100vh !important;
    overflow-y: visible !important;
}

/* Testimonial slider should scroll horizontally only */
#ttmTrack {
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
}

/* ===== END SOURCE: home-sections.css ===== */