.elementor-11 .elementor-element.elementor-element-7a0a90c{width:var( --container-widget-width, 101.7% );max-width:101.7%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:101.7%;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-7a0a90c.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-2a9a97f{width:var( --container-widget-width, 99.909% );max-width:99.909%;--container-widget-width:99.909%;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-2a9a97f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-f2755b9{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}body.elementor-page-11{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-7a0a90c */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700&family=Poppins:wght@400;500;600&display=swap');

:root{
    --primary:#5461E3;
    --secondary:#2F3BB9;
    --white:#FFFFFF;
    --black:#000000;
}



.edu-hero,
.edu-hero *{
    box-sizing:border-box;
}

.edu-hero{
    width: 100%;
    min-height: calc(100vh - 80px); /* 80px = header height */
    max-height: 1080px;
    background: var(--white);
    display: flex;
    align-items: center;
    padding: 0;
}

.edu-container{
    width:100%;
    max-width:1440px;
    margin:0 auto;
    padding:0 150px;
    display:grid;
    grid-template-columns:50% 50%;
    gap:60px;
    align-items:center;
}

.hero-left{
     display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 620px;
}

.hero-tagline{
    margin-bottom:20px;
    font-family:'Montserrat',sans-serif;
    font-size:20px;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
    color:var(--primary);
    margin: 0 0 24px;
}

.hero-title{
    font-family:'Montserrat',sans-serif;
    font-size:72px;
    font-weight:700;
    line-height:1;
    color:var(--black);
    margin: 0;
}

.hero-title span{
    color:var(--primary);
}

.hero-subtitle{
    margin:24px 0 36px;
    font-family:'Poppins',sans-serif;
    font-size:16px;
    font-weight:400;
    line-height:1.6;
    color:rgba(0,0,0,.8);
     margin: 16px 0 48px;
}

.hero-buttons{
     display: flex;
    gap: 20px;
    margin-bottom: 72px;
}

.hero-buttons a,
.hero-buttons a:hover,
.hero-buttons a:focus,
.hero-buttons a:visited{
    text-decoration:none !important;
}

.btn-primary,
.btn-secondary{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:200px;
    height:58px;
    padding:0 32px;
    border-radius:10px;
    font-family:'Poppins',sans-serif;
    font-size:16px;
    font-weight:600;
    transition:all .3s ease;
    cursor:pointer;
}

.btn-primary{
    background:var(--primary);
    border:1px solid transparent;
    color:var(--white);
}

.btn-primary:hover{
    background:transparent;
    border:1px solid var(--primary);
    color:var(--primary);
    transform:translateY(-2px);
}

.btn-secondary{
    background:transparent;
    border:1px solid var(--primary);
    color:var(--primary);
}

.btn-secondary:hover{
    background:var(--primary);
    color:var(--white);
    transform:translateY(-2px);
}

.hero-stats{
    display: flex;
    align-items: center;
    gap: 40px;
}

.stat-item h3{
    margin:0 0 6px;
    font-family:'Montserrat',sans-serif;
    font-size:40px;
    font-weight:700;
    line-height:1.2;
  
    color:var(--black);
}

.stat-item span{
    font-family:'Poppins',sans-serif;
    font-size:16px;
    font-weight:500;
    color:var(--black);
}

.divider{
    width:1px;
    height:50px;
    background:rgba(0,0,0,.15);
}

.hero-right{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
    height:780px;
    overflow:hidden;
}

.scroll-column{
    overflow:hidden;
}

.scroll-track{
    display:flex;
    flex-direction:column;
    gap:24px;
}

.scroll-column img{
    width:100%;
    height:260px;
    object-fit:cover;
    border-radius:80px;
}

.down .scroll-track{
    animation:scrollDown 20s linear infinite;
}

.up .scroll-track{
    animation:scrollUp 20s linear infinite;
}

.scroll-column:hover .scroll-track{
    animation-play-state:paused;
}

@keyframes scrollDown{
    from{
        transform:translateY(-50%);
    }
    to{
        transform:translateY(0);
    }
}

@keyframes scrollUp{
    from{
        transform:translateY(0);
    }
    to{
        transform:translateY(-50%);
    }
}

@media (max-height:900px){

    .hero-title{
        font-size:60px;
    }

    .hero-right{
        height:680px;
    }

    .hero-buttons{
        margin-bottom:40px;
    }
}

@media (max-width:1023px){

    .edu-hero{
        min-height:auto;
        max-height:none;
        padding:100px 0;
    }

    .edu-container{
        grid-template-columns:1fr;
        padding:0 64px;
        gap:60px;
    }

    .hero-title{
        font-size:56px;
    }

    .hero-right{
        height:580px;
    }
}

@media (max-width:767px){

    .edu-container{
        padding:0 24px;
    }

    .hero-title{
        font-size:40px;
    }

    .hero-tagline{
        font-size:16px;
    }

    .hero-buttons{
        flex-direction:column;
        margin-bottom:40px;
    }

    .btn-primary,
    .btn-secondary{
        width:100%;
        min-width:100%;
    }

    .hero-stats{
        flex-direction:column;
        align-items:flex-start;
        gap:20px;
    }

    .divider{
        display:none;
    }

    .hero-right{
        grid-template-columns:repeat(2,1fr);
        height:360px;
    }

    .scroll-column:last-child{
        display:none;
    }

  .scroll-column img{
    height:220px;
    border-radius:40px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-718564c *//* ========================================================
   BPP ANIMATION — ABOUT US SECTION STYLES
   Namespace: au- (About Us)
   Fonts: Montserrat (headings) / Poppins (body)
   Brand: --au-primary #5461E3 / --au-secondary #2F3BB9
======================================================== */

.au-section {
  --au-primary: #5461E3;
  --au-secondary: #2F3BB9;
  --au-ink: #14142B;
  --au-muted: #5C5C70;
  --au-radius: 10px;

  box-sizing: border-box;
  background: #ffffff;
  padding: 80px 0 80px;
  overflow: visible; /* allow badge/rating card to overhang */
}

.au-section *,
.au-section *::before,
.au-section *::after {
  box-sizing: border-box;
}

.au-container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 150px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 90px;
}

/* ===== Media column ===== */
.au-media {
  position: relative;
  flex: 0 0 44%;
  max-width: 560px;
}

.au-media__frame {
  width: 100%;
  border-radius: var(--au-radius);
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(20, 20, 43, 0.12);
}

.au-media__img {
  display: block;
  width: 100%;
  height: 520px;
  object-fit: cover;
  border-radius: var(--au-radius);
}

/* Placement badge */
.au-badge {
  position: absolute;
  top: -38px;
  right: -18px;
  display: flex;
  flex-direction: column;
  line-height: 1.05;
  text-align: left;
  font-family: 'Montserrat', sans-serif;
  color: var(--au-ink);
  z-index: 3;

  /* Glass effect */
  background: rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, 0.55);
  border-radius: 14px;
  padding: 14px 22px;
  box-shadow:
    0 12px 32px rgba(20, 20, 43, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

.au-badge__number {
  font-size: 26px;
  font-weight: 800;
  letter-spacing: -0.01em;
}

.au-badge__label {
  font-size: 15px;
  font-weight: 600;
  color: var(--au-muted);
  white-space: nowrap;
}

/* Google rating card */
.au-rating {
  position: absolute;
  left: -28px;
  bottom: -22px;
  border-radius: var(--au-radius);
  padding: 14px 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  z-index: 2;

  /* Glass effect */
  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, 0.55);
  box-shadow:
    0 16px 36px rgba(20, 20, 43, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

.au-rating__stars {
  display: flex;
  gap: 3px;
}

.au-star {
  width: 16px;
  height: 16px;
  fill: #FFB800;
}

.au-rating__label {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: var(--au-ink);
  white-space: nowrap;
}

.au-rating__g {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

/* ===== Content column ===== */
.au-content {
  flex: 0 0 46%;
  max-width: 560px;
}

.au-eyebrow {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #000000;
  margin: 0 0 14px;
}

.au-heading {
  font-family: 'Montserrat', sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--au-ink);
  margin: 0 0 18px;
}

.au-text {
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.85;
  color: var(--au-muted);
  margin: 0 0 34px;
  max-width: 480px;
}

.au-button,
.au-section a.au-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: #ffffff !important;
  background: var(--au-primary);
  border: none;
  border-radius: 8px;
  padding: 15px 32px;
  text-decoration: none !important;
  box-shadow: 0 10px 24px rgba(84, 97, 227, 0.28);
  cursor: pointer;
  transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}



.au-button:hover,
.au-button:focus-visible,
.au-button:active,
.au-button:visited {
  color: #ffffff !important;
  text-decoration: none !important;
}

.au-button:hover,
.au-button:focus-visible {
  background: var(--au-secondary);
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(47, 59, 185, 0.36);
}

.au-button:hover::after,
.au-button:focus-visible::after {
  transform: rotate(-45deg) translate(2px, -2px);
}

.au-button:active {
  transform: translateY(0);
  box-shadow: 0 8px 18px rgba(47, 59, 185, 0.3);
}

.au-button:focus-visible {
  outline: 2px solid var(--au-secondary);
  outline-offset: 3px;
}

/* Fallback for browsers without backdrop-filter support */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .au-badge {
    background: rgba(255, 255, 255, 0.92);
  }

  .au-rating {
    background: rgba(255, 255, 255, 0.96);
  }
}

/* Scroll-reveal (progressive enhancement, see about-us.js) */
.au-media,
.au-content {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.au-media.au-is-visible,
.au-content.au-is-visible {
  opacity: 1;
  transform: translateY(0);
}

.au-content.au-is-visible {
  transition-delay: 0.12s;
}

@media (prefers-reduced-motion: reduce) {
  .au-media,
  .au-content {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .au-button:hover,
  .au-button:focus-visible {
    transform: none;
  }
}

/* ========================================================
   RESPONSIVE
======================================================== */

/* Large desktops / laptops */
@media (max-width: 1300px) {
  .au-container {
    padding: 0 80px;
    gap: 60px;
  }
}

/* Small laptops / large tablets */
@media (max-width: 1100px) {
  .au-container {
    padding: 0 48px;
    gap: 44px;
  }

  .au-media__img {
    height: 460px;
  }

  .au-heading {
    font-size: 24px;
  }
}

/* Tablets — stack columns, center content */
@media (max-width: 900px) {
  .au-section {
    padding: 90px 0 100px;
  }

  .au-container {
    flex-direction: column;
    padding: 0 48px;
    gap: 56px;
    text-align: center;
  }

  .au-media,
  .au-content {
    flex: none;
    max-width: 560px;
    width: 100%;
  }

  .au-media {
    margin: 0 auto;
  }

  .au-badge {
    top: -34px;
    right: 0;
    align-items: flex-end;
    text-align: right;
  }

  .au-rating {
    left: 20px;
  }

  .au-text {
    margin-left: auto;
    margin-right: auto;
  }
}

/* Mobile */
@media (max-width: 560px) {
  .au-section {
    padding: 70px 0 76px;
  }

  .au-container {
    padding: 0 20px;
    gap: 46px;
  }

  .au-media__img {
    height: 340px;
  }

  .au-badge {
    top: -24px;
    right: 4px;
    padding: 10px 16px;
    border-radius: 10px;
  }

  .au-badge__number {
    font-size: 20px;
  }

  .au-badge__label {
    font-size: 12px;
  }

  .au-rating {
    left: 8px;
    bottom: -18px;
    padding: 10px 14px;
  }

  .au-star {
    width: 13px;
    height: 13px;
  }

  .au-rating__label {
    font-size: 11px;
  }

  .au-eyebrow {
    font-size: 12px;
  }

  .au-heading {
    font-size: 21px;
  }

  .au-text {
    font-size: 14px;
    line-height: 1.75;
  }

  .au-button {
    width: 100%;
    text-align: center;
    padding: 14px 20px;
  }
}

/* Small phones — place badge + rating side by side below the
   image instead of floating them, so they never collide */
@media (max-width: 480px) {
  .au-media {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    gap: 14px;
  }

  .au-media__frame {
    flex: 0 0 100%;
  }

  .au-media__img {
    height: 280px;
  }

  .au-badge,
  .au-rating {
    position: static;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    transform: none;
    margin: 0;
    flex: 1 1 0;
    min-width: 0;
  }

  .au-badge {
    align-items: center;
    text-align: center;
  }

  .au-rating {
    align-items: center;
  }

  .au-rating__label {
    white-space: normal;
    text-align: center;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7eef5e7 */.courses-section {
    padding: 80px 0;
    background: #FFFFFF;
}

.courses-container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 150px;
}

.courses-header {
    text-align: center;
    margin-bottom: 50px;
}

.courses-label {
    display: inline-block;
    margin-bottom: 16px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #000000;
}

.courses-title {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
    color: #000000;
}

.courses-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.course-card {
    overflow: hidden;
    border-radius: 10px;
    background: #161616;
    transition: transform 0.3s ease;
}

.course-card:hover {
    transform: translateY(-6px);
}

.course-card img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    display: block;
}

.course-content {
    padding: 20px;
}

.course-content h3 {
    margin: 0 0 12px;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #FFFFFF;
}

.course-content p,
.course-tools,
.course-package {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 1.6;
    color: rgba(255,255,255,0.75);
}

.course-tools {
    margin-top: 12px;
}

.course-package {
    margin: 16px 0 20px;
    color: #FFFFFF;
    font-weight: 500;
}

.course-btn,
.course-btn:hover,
.course-btn:focus,
.course-btn:visited,
.explore-courses-btn,
.explore-courses-btn:hover,
.explore-courses-btn:focus,
.explore-courses-btn:visited {
    text-decoration: none !important;
}

.course-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 95px;
    height: 36px;
    padding: 0 16px;
    background: #5461E3;
    color: #FFFFFF;
    border-radius: 6px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.course-btn:hover {
    background: transparent;
    border: 1px solid #5461E3;
    color: #5461E3;
}

.courses-footer {
    text-align: center;
    margin-top: 50px;
}

.explore-courses-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 210px;
    height: 58px;
    padding: 0 32px;
    background: #5461E3;
    color: #FFFFFF;
    border: 1px solid transparent;
    border-radius: 10px;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.explore-courses-btn:hover {
    background: transparent;
    color: #5461E3;
    border-color: #5461E3;
}

@media (max-width: 1023px) {

    .courses-container {
        padding: 0 64px;
    }

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

@media (max-width: 767px) {

    .courses-container {
        padding: 0 24px;
    }

    .courses-grid {
        grid-template-columns: 1fr;
    }

    .courses-header {
        margin-bottom: 40px;
    }

    .courses-footer {
        margin-top: 40px;
    }

    .explore-courses-btn {
        width: 100%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f7f59ec */.career-section {
    padding: 80px 0;
}

.career-container {
    max-width: 1280px;
    margin: 0 auto;

    background: #1E222B;
    border-radius: 10px;

    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;

    padding: 16px;
}

.career-left {
    padding-left: 16px;
}

.feature-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin-bottom: 16px;
}

.feature-card {
    position: relative;

    background: #FFFFFF;
    border-radius: 8px;

    min-height: 130px;
    padding: 18px;
}

.feature-card h3 {
    margin: 0 0 10px;

    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;

    color: #000000;
}

.feature-card p {
    margin: 0;
    max-width: 85%;

    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 1.5;

    color: rgba(0,0,0,0.65);
}

.feature-arrow {
    position: absolute;
    right: 12px;
    bottom: 12px;

    width: 34px;
    height: 34px;

    border-radius: 50%;

    background: #1E222B;
    color: #FFFFFF;

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

    text-decoration: none;
    transition: 0.3s ease;
}

.feature-arrow:hover {
    background: #5461E3;
    color: #FFFFFF;
}

.career-cta {
    background: #FFFFFF;
    border-radius: 8px;

    padding: 22px 18px;

    min-height: 160px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.career-cta h2 {
    margin: 0;

    font-family: 'Montserrat', sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.4;

    color: #000000;
}

.avatar-group {
    display: inline-flex;
    margin: 0 6px;
    vertical-align: middle;
}

.avatar-group img {
    width: 28px;
    height: 28px;

    border-radius: 50%;
    object-fit: cover;

    border: 2px solid #FFFFFF;

    margin-left: -8px;
}

.avatar-group img:first-child {
    margin-left: 0;
}

.career-cta-btn {
    width: 78px;
    height: 30px;

    border: 1px solid #5461E3;
    border-radius: 999px;

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

    text-decoration: none;

    color: #5461E3;
    font-size: 24px;

    transition: 0.3s ease;
}

.career-cta-btn span {
    font-size: 34px;
    line-height: 1;
    font-weight: 400;
}

.career-cta-btn span {
    font-size: 38px;
    transform: translateY(-2px);
}

.career-cta-btn:hover {
    background: #5461E3;
    color: #FFFFFF;
}
.career-cta-btn,
.career-cta-btn:link,
.career-cta-btn:visited,
.career-cta-btn:hover,
.career-cta-btn:focus,
.career-cta-btn:active {
    text-decoration: none !important;
    
}

.career-video-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    height: 100%;
}

.career-video {
    width: 100%;
    height: 570px;
    object-fit: cover;
    display: block;
}

.video-overlay {
    position: absolute;
    inset: 0;

    padding: 24px;

    display: flex;
    flex-direction: column;
}

.video-overlay h2 {
    margin: 0;

    font-family: 'Montserrat', sans-serif;
    font-size: 56px;
    font-weight: 700;
    line-height: 1;

    color: #ffffff;
}

.video-btn {
    margin-top: auto;

    width: fit-content;

    padding: 14px 24px;

    background: rgba(255,255,255,0.15);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);

    border: 1px solid rgba(255,255,255,0.25);
    border-radius: 999px;

    color: #FFFFFF;
    text-decoration: none;

    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 500;

    transition: 0.3s ease;
}

.video-btn,
.video-btn:link,
.video-btn:visited,
.video-btn:hover,
.video-btn:focus,
.video-btn:active {
    text-decoration: none !important;
    color: #FFFFFF;
}

.video-btn:hover,
.video-btn:hover:link,
.video-btn:hover:visited,
.video-btn:hover:focus {
    background: rgba(255,255,255,0.9);
    color: #000000 !important;
    text-decoration: none !important;
    border-color: rgba(255,255,255,0.9);
}

@media (max-width: 1023px) {

    .career-container {
        padding-left: 64px;
        padding-right: 64px;

        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {

    .career-container {
        padding-left: 24px;
        padding-right: 24px;
    }

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

    .career-cta h2 {
        font-size: 22px;
    }

    .video-overlay h2 {
        font-size: 40px;
    }

    .career-video {
        min-height: 420px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7bf7266 */.comparison-section{
    padding:80px 0;
}

.comparison-container{
    max-width:1440px;
    margin:0 auto;
    padding:0 150px;
}

.comparison-header{
    text-align:center;
    margin-bottom:50px;
}

.comparison-label{
    display:block;
    margin-bottom:16px;

    font-family:'Montserrat',sans-serif;
    font-size:14px;
    font-weight:700;
    color:#000000;
}

.comparison-title{
    margin:0;

    font-family:'Montserrat',sans-serif;
    font-size:24px;
    font-weight:700;
    color:#000000;
}

.comparison-box{
    display:grid;
    grid-template-columns:1fr 1fr;

    overflow:hidden;

    border-radius:10px;
}

.comparison-left{
    background:#000000;
    padding:50px;
}

.comparison-right{
    background:#444444;
    padding:50px;
}

.comparison-logo{
    margin-bottom:40px;
}

.comparison-logo img{
    height:50px;
    width:auto;
}

.comparison-right h3{
    margin:0 0 40px;

    font-family:'Montserrat',sans-serif;
    font-size:40px;
    font-weight:600;

    color:#FFFFFF;
}

.comparison-left ul,
.comparison-right ul{
    margin:0;
    padding:0;
    list-style:none;
}

.comparison-left li,
.comparison-right li{
    display:flex;
    align-items:center;

    margin-bottom:28px;

    font-family:'Poppins',sans-serif;
    font-size:18px;
    font-weight:500;
}

.comparison-left li{
    color:#FFFFFF;
}

.comparison-right li{
    color:#FFFFFF;
}

.check{
    width:24px;
    height:24px;

    margin-right:16px;

    border-radius:50%;

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

    background:#00D84A;
    color:#000000;

    font-size:14px;
    font-weight:700;
}

.cross{
    width:24px;
    height:24px;

    margin-right:16px;

    border-radius:50%;

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

    background:#FF4D4D;
    color:#FFFFFF;

    font-size:14px;
    font-weight:700;
}

@media(max-width:1023px){

    .comparison-container{
        padding:0 64px;
    }

    .comparison-box{
        grid-template-columns:1fr;
    }
}

@media(max-width:767px){

    .comparison-container{
        padding:0 24px;
    }

    .comparison-left,
    .comparison-right{
        padding:32px 24px;
    }

    .comparison-left li,
    .comparison-right li{
        font-size:16px;
    }

    .comparison-right h3{
        font-size:28px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2a9a97f */.framework-section{
    padding:80px 0;
}

.framework-container{
    max-width:1440px;
    margin:0 auto;
    padding:0 150px;

    display:grid;
    grid-template-columns:40% 60%;
    gap:80px;
    align-items:center;
}

.framework-label{
    display:block;
    margin-bottom:20px;

    font-family:'Montserrat',sans-serif;
    font-size:14px;
    font-weight:700;
    color:#000000;
}

.framework-title{
    margin:0 0 40px;

    font-family:'Montserrat',sans-serif;
    font-size:48px;
    font-weight:700;
    line-height:1.3;

    color:#000000;

    max-width:500px;
}

.framework-description{
    margin:0;

    font-family:'Poppins',sans-serif;
    font-size:16px;
    line-height:1.8;

    color:rgba(0,0,0,.7);

    max-width:520px;
}

.framework-right{
    display:flex;
    flex-direction:column;
    gap:24px;
}

.framework-card{
    background:#F7F7F7;
    border-radius:10px;

    padding:24px 28px;

    display:grid;
    grid-template-columns:60px 220px 1px 1fr;
    gap:24px;
    align-items:center;

    transition:.3s ease;
}

.framework-card:hover{
    transform:translateY(-4px);
}

.framework-icon{
    width:60px;
    height:60px;

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

    flex-shrink:0;
}

.framework-icon svg{
    width:34px;
    height:34px;

    stroke:#000000;
    stroke-width:1.8;
}

.framework-heading{
    font-family:'Montserrat',sans-serif;
    font-size:20px;
    font-weight:600;
    line-height:1.4;

    color:#000000;
}

.framework-divider{
    width:1px;
    height:80px;
    background:rgba(0,0,0,.12);
}

.framework-content{
    font-family:'Poppins',sans-serif;
    font-size:14px;
    line-height:1.7;
    color:rgba(0,0,0,.7);
}
@media (min-width:1024px){

.framework-card{
    grid-template-columns:60px 220px 1px 1fr;
}

.framework-divider{
    display:block;
}
}

@media (max-width:1023px){

.framework-container{
    grid-template-columns:1fr;
    gap:60px;
    padding:0 64px;
}

.framework-card{
    grid-template-columns:60px 180px 1px 1fr;
}
}

@media (max-width:767px){

.framework-container{
    padding:0 24px;
}

.framework-title{
    font-size:36px;
}

.framework-card{
    grid-template-columns:1fr;
    gap:12px;

    padding:20px;
}

.framework-divider{
    display:none;
}

.framework-icon{
    width:48px;
    height:48px;
}

.framework-icon svg{
    width:28px;
    height:28px;
}

.framework-heading{
    font-size:20px;
}

.framework-content{
    font-size:14px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-64db214 */.reveal-up{
    opacity:0;
    transform:translateY(60px);
    transition:
        opacity 0.8s ease,
        transform 0.8s ease;
}

.reveal-up.active{
    opacity:1;
    transform:translateY(0);
}

.testimonial-section{
    padding:80px 0;
}

.testimonial-container{
    max-width:1440px;
    margin:0 auto;
    padding:0 150px;
}

.testimonial-header{
    text-align:center;
    margin-bottom:50px;
}

.testimonial-label{
    display:block;
    margin-bottom:16px;

    font-family:'Montserrat',sans-serif;
    font-size:14px;
    font-weight:700;
}

.testimonial-title{
    margin:0;

    font-family:'Montserrat',sans-serif;
    font-size:24px;
    font-weight:700;
}

.testimonialSwiper{
    padding-bottom:60px;
}

.testimonial-card{
    position:relative;
    overflow:hidden;

    border-radius:10px;

    transition:.35s ease;
}

.testimonial-card:hover{
    transform:scale(1.05);
}

.testimonial-card img{
    width:100%;
    height:420px;

    object-fit:cover;
    display:block;
}

.testimonial-overlay{
    position:absolute;
    left:0;
    right:0;
    bottom:0;

    padding:20px;

    background:linear-gradient(
        to top,
        rgba(0,0,0,.95),
        rgba(0,0,0,.3),
        transparent
    );
}

.testimonial-overlay h3{
    margin:0;

    color:#fff;
    font-family:'Montserrat',sans-serif;
    font-size:18px;
}

.testimonial-overlay span{
    display:block;
    margin:6px 0;

    color:#fff;
    font-size:12px;
    font-family:'Poppins',sans-serif;
}

.stars{
    color:#FFD700;
    margin-bottom:10px;
}

.testimonial-overlay p{
    margin:0;

    color:#fff;

    font-size:13px;
    line-height:1.6;

    font-family:'Poppins',sans-serif;
}

.swiper-pagination-bullet{
    background:#ffffff !important;
}
.swiper-pagination-bullet-active{
    background:#5461E3 !important;
}
.swiper-slide{
    opacity:0;
    transform:translateY(40px);
    transition:
        opacity .8s ease,
        transform .8s ease;
}

.testimonialSwiper.active .swiper-slide{
    opacity:1;
    transform:translateY(0);
}

.testimonialSwiper.active .swiper-slide:nth-child(1){transition-delay:.1s;}
.testimonialSwiper.active .swiper-slide:nth-child(2){transition-delay:.2s;}
.testimonialSwiper.active .swiper-slide:nth-child(3){transition-delay:.3s;}
.testimonialSwiper.active .swiper-slide:nth-child(4){transition-delay:.4s;}


.testimonial-card{
    transition:
        transform .4s ease,
        box-shadow .4s ease;
}

.testimonial-card:hover{
    transform:translateY(-8px) scale(1.03);
}

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

@media (max-width:1023px){

    .testimonial-container{
        padding:0 64px;
    }

    .testimonial-title{
        font-size:32px;
        line-height:1.3;
    }

    .testimonial-card img{
        height:380px;
    }

}

@media (max-width:767px){

    .testimonial-section{
        padding:80px 0;
    }

    .testimonial-container{
        padding:0 24px;
    }

    .testimonial-header{
        margin-bottom:40px;
    }

    .testimonial-label{
        font-size:12px;
    }

    .testimonial-title{
        font-size:28px;
        line-height:1.3;
    }

    .testimonial-card img{
        height:360px;
    }

    .testimonial-overlay{
        padding:16px;
    }

    .testimonial-overlay h3{
        font-size:16px;
    }

    .testimonial-overlay span{
        font-size:12px;
    }

    .testimonial-overlay p{
        font-size:13px;
        line-height:1.6;
    }

}
@media (hover:hover){

    .testimonial-card:hover{
        transform:translateY(-8px) scale(1.03);
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f1597f0 *//* =============================================
   BPP ANIMATION – Life Inside BPP Section
   Design System: Montserrat / Poppins
   Primary: #5461E3 | Secondary: #2F3BB9
   ============================================= */

/* ---- Reset & Base ---- */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: 'Poppins', sans-serif;
  background: #ffffff;
  color: #000000;
  -webkit-font-smoothing: antialiased;
}

img {
  display: block;
  max-width: 100%;
}

a {
  text-decoration: none;
  color: inherit;
}

button {
  cursor: pointer;
  border: none;
  background: none;
  padding: 0;
}

/* ==========================
   Reveal Animation
========================== */

.reveal-up{
    opacity:0;
    transform:translateY(60px);
    transition:
        opacity .8s ease,
        transform .8s ease;
}

.reveal-up.active{
    opacity:1;
    transform:translateY(0);
}


.life-bpp-header{
    transition-delay:0s;
}

.cell-1{
    transition-delay:.1s;
}

.cell-2{
    transition-delay:.2s;
}

.cell-3{
    transition-delay:.3s;
}

.cell-4{
    transition-delay:.4s;
}

.cell-5{
    transition-delay:.5s;
}

.cell-6{
    transition-delay:.6s;
}

.cell-7{
    transition-delay:.7s;
}

.grid-cell{
    overflow:hidden;
}

.reveal-up .grid-media{
    transform:scale(1.08);
    transition:
        transform 1s ease;
}

.reveal-up.active .grid-media{
    transform:scale(1);
}

/* =============================================
   SECTION WRAPPER
   ============================================= */
.life-bpp-section {
  width: 100%;
  padding: 80px 0;
  background: #ffffff;
}

/* =============================================
   CONTAINER
   ============================================= */
.life-bpp-container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 150px;
}

/* =============================================
   HEADER: Eyebrow + Heading
   ============================================= */
.life-bpp-header {
  text-align: center;
  margin-bottom: 40px;
}

.life-bpp-eyebrow {
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #000000;
  margin-bottom: 10px;
}

.life-bpp-heading {
  font-family: 'Montserrat', sans-serif;
  font-size: 32px;
  font-weight: 700;
  color: #000000;
  line-height: 1.25;
}

/* =============================================
   MAIN GRID LAYOUT
   Matches image: 4 columns, 3 rows
   
   Column structure:
     Col 1  Col 2  Col 3  Col 4
   
   Row 1: [Cell1] [Cell2] [Cell3-spans-col3+4-rows1+2]
   Row 2:         [Cell4] [Cell5]
            ↑ cells 1+2 are in their own rows
   Row 3: [Cell6-spans-col1+2+3] [Cell7]
   
   Exact replication of image grid:
   - Cell 1: col 1 / row 1
   - Cell 2: col 2 / row 1
   - Cell 3: col 3-4 / row 1-2 (tall right block, spans 2 cols & 2 rows)
   - Cell 4: col 3 / row 2
   - Cell 5: col 4 / row 2
   - Cell 6: col 1-3 / row 3 (wide bottom-left)
   - Cell 7: col 4 / row 3 (Student Work card)
   ============================================= */
.life-bpp-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 220px 220px 270px;
  gap: 10px;
}

/* Cell 1: Computer Lab Video – col 1, row 1 */
.cell-1 {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}

/* Cell 2: Lecture Hall Video – col 2, row 1 */
.cell-2 {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
}

/* Cell 3: Hands Together – col 3-4, rows 1-2 (tall, 2-column wide) */
.cell-3 {
  grid-column: 3 / 5;
  grid-row: 1 / 3;
  position: relative;
  overflow: hidden;
}

/* Cell 4: Design Posters – col 3, row 2 */
.cell-4 {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
}

/* Cell 5: Student at Screen – col 4, row 2 */
.cell-5 {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
}

/* Cell 6: Group Photo – col 1-3, row 3 */
.cell-6 {
  grid-column: 1 / 4;
  grid-row: 3 / 4;
}

/* Cell 7: Student Work Card – col 4, row 3 */
.cell-7 {
  grid-column: 4 / 5;
  grid-row: 3 / 4;
}

/* =============================================
   GRID CELL BASE STYLES
   ============================================= */
.grid-cell {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

/* All media fills its cell completely */
.grid-media {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}

.grid-cell:hover .grid-media {
  transform: scale(1.04);
}

/* =============================================
   VIDEO CELLS
   ============================================= */
.video-cell video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 10px;
}

.cell-3 .grid-media{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}
.cell-5 .grid-media{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}
.cell-6 .grid-media{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    object-position: center 30%; 
}

/* Subtle dark overlay on video cells so play button is always visible */
.video-cell::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.18);
  pointer-events: none;
  transition: opacity 0.3s ease;
}

/* Fade overlay when video is playing */
.video-cell.is-playing::after {
  opacity: 0;
}

/* =============================================
   PLAY BUTTON OVERLAY
   ============================================= */
.play-btn {
  position: absolute;
  bottom: 14px;
  right: 14px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.92);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.2s ease;
  z-index: 3;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
}

.play-btn svg {
  width: 18px;
  height: 18px;
  fill: #000000;
}

/* Play icon: visible by default, offset for optical centering */
.play-btn .icon-play {
  display: block;
  margin-left: 2px;
}

/* Pause icon: hidden by default */
.play-btn .icon-pause {
  display: none;
  margin-left: 0;
}

/* When playing: swap icons */
.video-cell.is-playing .play-btn .icon-play {
  display: none;
}

.video-cell.is-playing .play-btn .icon-pause {
  display: block;
}

.play-btn:hover {
  background: #ffffff;
  transform: scale(1.08);
}

/* =============================================
   STUDENT WORK CARD
   ============================================= */
.student-work-card {
  background: #ffffff;
  border: 1.5px solid #e8e8e8;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  align-items: stretch;
}

.student-work-inner {
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  width: 100%;
}

.student-work-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #000000;
  line-height: 1.3;
  margin-bottom: 14px;
}

.student-work-accent {
  color: #5461E3;
}

.student-work-body {
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #3a3a3a;
  line-height: 1.65;
  flex: 1;
  margin-bottom: 20px;
}

.student-work-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: #5461E3;
  border-radius: 50%;
  color: #ffffff;
  align-self: flex-end;
  transition: background 0.25s ease, transform 0.25s ease;
}

.student-work-arrow svg {
  width: 16px;
  height: 16px;
  stroke: #ffffff;
}

.student-work-arrow:hover {
  background: #2F3BB9;
  transform: translateY(-2px);
}

/* =============================================
   RESPONSIVE – TABLET (max-width: 1200px)
   ============================================= */
@media (max-width: 1200px) {
  .life-bpp-container {
    padding: 0 60px;
  }

  .life-bpp-heading {
    font-size: 28px;
  }

  .life-bpp-grid {
    grid-template-rows: 190px 190px 240px;
    gap: 8px;
  }

  .student-work-inner {
    padding: 22px 18px;
  }

  .student-work-title {
    font-size: 17px;
  }

  .student-work-body {
    font-size: 12px;
  }
}

/* =============================================
   RESPONSIVE – SMALL TABLET (max-width: 900px)
   Collapse to 2-column layout
   ============================================= */
@media (max-width: 900px) {
  .life-bpp-section {
    padding: 70px 0;
  }

  .life-bpp-container {
    padding: 0 40px;
  }

  .life-bpp-heading {
    font-size: 26px;
  }

  .life-bpp-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 200px 200px 200px 240px;
    gap: 8px;
  }

  /* Re-map cells for 2-column tablet layout */
  .cell-1 {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
  }

  .cell-2 {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
  }

  /* Cell 3 no longer spans 2 rows/cols */
  .cell-3 {
    grid-column: 1 / 3;
    grid-row: 2 / 3;
  }

  .cell-4 {
    grid-column: 1 / 2;
    grid-row: 3 / 4;
  }

  .cell-5 {
    grid-column: 2 / 3;
    grid-row: 3 / 4;
  }

  /* Cell 6 spans full width */
  .cell-6 {
    grid-column: 1 / 3;
    grid-row: 4 / 5;
  }

  /* Cell 7 below the group photo, full width */
  .cell-7 {
    grid-column: 1 / 3;
    grid-row: 5 / 6;
  }

  .student-work-inner {
    flex-direction: row;
    align-items: center;
    gap: 16px;
    padding: 24px 28px;
  }

  .student-work-title {
    margin-bottom: 6px;
  }

  .student-work-body {
    margin-bottom: 0;
  }

  .student-work-arrow {
    align-self: center;
    flex-shrink: 0;
  }
}

/* =============================================
   RESPONSIVE – MOBILE (max-width: 600px)
   Single column stacked layout
   ============================================= */
@media (max-width: 600px) {
  .life-bpp-section {
    padding: 60px 0;
  }

  .life-bpp-container {
    padding: 0 20px;
  }

  .life-bpp-header {
    margin-bottom: 28px;
  }

  .life-bpp-eyebrow {
    font-size: 11px;
  }

  .life-bpp-heading {
    font-size: 22px;
  }

  .life-bpp-grid {
    grid-template-columns: 1fr;
    grid-template-rows: none;
    gap: 8px;
  }

  /* All cells single column, explicit rows reset */
  .cell-1,
  .cell-2,
  .cell-3,
  .cell-4,
  .cell-5,
  .cell-6,
  .cell-7 {
    grid-column: 1 / -1;
    grid-row: auto;
  }

  /* Fixed heights for mobile cells */
  .cell-1,
  .cell-2,
  .cell-4,
  .cell-5 {
    height: 200px;
  }

  .cell-3 {
    height: 220px;
  }

  .cell-6 {
    height: 200px;
  }

  .cell-7 {
    height: auto;
    min-height: 180px;
  }

  .student-work-inner {
    padding: 24px 20px;
    flex-direction: column;
  }

  .student-work-title {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .student-work-body {
    font-size: 13px;
    margin-bottom: 18px;
  }

  .student-work-arrow {
    align-self: flex-end;
  }

  .play-btn {
    width: 36px;
    height: 36px;
    bottom: 12px;
    right: 12px;
  }

  .play-btn svg {
    width: 15px;
    height: 15px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f415a3b */.faq-section{
    padding:80px 0;
}

.faq-container{
    max-width:1440px;
    margin:0 auto;
    padding:0 150px;

    display:grid;
    grid-template-columns:40% 60%;
    gap:80px;
}

.faq-title{
    font-family:'Montserrat',sans-serif;
    font-size:48px;
    font-weight:700;
    line-height:1.15;

    margin-bottom:20px;
}

.faq-description{
    font-family:'Poppins',sans-serif;
    font-size:16px;
    line-height:1.8;

    color:#555;

    margin-bottom:60px;
}

.faq-contact-card{
    padding:30px;

    background:#EDF1FF;

    border:1px solid #DCE3FF;
    border-radius:10px;
}

.faq-contact-card h3{
    font-family:'Montserrat',sans-serif;
    font-size:28px;
    margin-bottom:12px;
}

.faq-contact-card p{
    font-family:'Poppins',sans-serif;
    line-height:1.7;
    margin-bottom:24px;
}

.faq-contact-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    width:140px;
    height:50px;

    background:#5461E3;
    color:#fff;

    border-radius:10px;

    text-decoration:none;

    font-family:'Poppins',sans-serif;
}

.faq-contact-btn:hover{
    background:transparent;
    border:1px solid #5461E3;
    color:#5461E3;
}

/* After click / keyboard focus */
.faq-contact-btn:focus,
.faq-contact-btn:focus-visible{
    background:#2F3BB9;
    color:#fff;
    border-color:#2F3BB9;
    outline:none;
}

/* Visited link */
.faq-contact-btn:visited{
    color:#fff;
    text-decoration:none;
}

.faq-item{
    border-bottom:1px solid #E5E5E5;
    padding:20px 0;
}

.faq-question{
    width:100%;

    display:flex;
    justify-content:space-between;
    align-items:center;

    background:transparent;
    border:none;
    outline:none;

    padding:0;

    cursor:pointer;
    text-align:left;

    font-family:'Montserrat',sans-serif;
    font-size:20px;
    font-weight:600;

    color:#000000 !important;

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

.faq-icon{
    font-size:24px;
    font-weight:600;
    color:#000;
    transition:transform .3s ease;
}

.faq-item.active .faq-icon{
    transform:rotate(180deg);
}

.faq-answer{
    display:none;

    margin-top:15px;
    padding:18px;

    background:#F5F5F5;
    border-radius:8px;

    font-family:'Poppins',sans-serif;
    font-size:15px;
    line-height:1.7;
}

.faq-item.active .faq-answer{
    display:block;
}

.faq-item.active .faq-answer{

    max-height:250px;

    opacity:1;

    transform:translateY(0);

    padding:18px;

    margin-top:15px;
}

.faq-item.active .faq-answer{
    max-height:300px;
    padding:18px;
    margin-top:15px;
}


.faq-contact-btn,
.faq-contact-btn:link,
.faq-contact-btn:visited,
.faq-contact-btn:hover,
.faq-contact-btn:focus,
.faq-contact-btn:active{
    text-decoration:none !important;
}

.faq-question,
.faq-question:focus,
.faq-question:active,
.faq-question:focus-visible{
    background: transparent !important;
    outline: none !important;
    box-shadow: none !important;
}

.faq-left,
.faq-right{
    opacity:0;
    transform:translateY(40px);
    transition:all .8s ease;
}

.faq-left.show,
.faq-right.show{
    opacity:1;
    transform:translateY(0);
}

.faq-left{
    transition:all .8s ease;
}

.faq-right{
    transition:all .8s ease .2s;
}

@media(max-width:1023px){

    .faq-container{
        grid-template-columns:1fr;
        padding:0 64px;
        gap:60px;
    }

}

@media(max-width:767px){

    .faq-container{
        padding:0 24px;
    }

    .faq-title{
        font-size:36px;
    }

    .faq-question{
        font-size:18px;
    }

    .faq-contact-btn{
        width:100%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f2755b9 */.cta-section{

    position:relative;

    padding:80px 0;

    overflow:hidden;

    background:linear-gradient(
        180deg,
        #FFFFFF 0%,
        #FFFFFF 55%,
        rgba(84,97,227,0.08) 75%,
        rgba(84,97,227,0.18) 100%
    );
}

.cta-container{

    max-width:1440px;

    margin:0 auto;

    padding:0 150px;

    text-align:center;
}

.cta-title{

    margin:0 0 24px;

    font-family:'Montserrat',sans-serif;
    font-size:56px;
    font-weight:700;
    line-height:1.2;

    color:#000000;
}

.cta-description{

    max-width:720px;

    margin:0 auto 50px;

    font-family:'Poppins',sans-serif;
    font-size:20px;
    line-height:1.7;

    color:#555555;
}

.cta-form{

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

    max-width:600px;

    margin:0 auto;
}

.cta-form input{

    flex:1;

    height:56px;

    padding:0 20px;

    border:1px solid #D9D9D9;
    border-right:none;

    border-radius:10px 0 0 10px;

    font-family:'Poppins',sans-serif;
    font-size:16px;

    outline:none;
}

.cta-form input:focus{

    border-color:#5461E3;
}

.cta-form button{

    width:140px;
    height:56px;

    border:none;

    background:#5461E3;

    color:#FFFFFF;

    font-family:'Poppins',sans-serif;
    font-size:16px;
    font-weight:500;

    border-radius:0 10px 10px 0;

    cursor:pointer;

    transition:.3s ease;
}

.cta-form button:hover{

    background:transparent;

    border:1px solid #5461E3;

    color:#5461E3;

    transform:translateY(-2px);
}

.reveal-cta{
    opacity:0;
    transform:translateY(60px);
    transition:all 1s ease;
}

.reveal-cta.show{
    opacity:1;
    transform:translateY(0);
}


.cta-submit-btn{
    position:relative;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        background .3s ease,
        color .3s ease;
}

.cta-submit-btn:hover{

    transform:translateY(-4px);

    box-shadow:
        0 12px 30px rgba(84,97,227,.30);
}

.cta-submit-btn:active{

    transform:scale(.97);
}

.cta-submit-btn{
    overflow:hidden;
}

.cta-submit-btn::before{

    content:'';

    position:absolute;

    top:0;
    left:-120%;

    width:80px;
    height:100%;

    background:
    linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.45),
        transparent
    );

    animation:shine 3s infinite;
}




.cta-section::after{

    content:'';

    position:absolute;

    left:0;
    right:0;
    bottom:0;

    height:40%;

    background:linear-gradient(
        to top,
        #5461E3 0%,
        rgba(84,97,227,.65) 20%,
        rgba(84,97,227,.25) 50%,
        rgba(84,97,227,0) 100%
    );

    opacity:.25;
}

.cta-section::after{
    animation:gradientBreath 8s ease-in-out infinite;
}

@keyframes gradientBreath{

    0%{
        opacity:.5;
    }
    
    30%{
        opacity:.40;
    }

    50%{
        opacity:.80;
    }
    
    80%{
        opacity:.40;
    }

    100%{
        opacity:.5;
    }

}



@media (max-width:1023px){

    .cta-container{
        padding:0 64px;
    }

    .cta-title{
        font-size:44px;
    }

    .cta-description{
        font-size:18px;
    }
}
@media (max-width:767px){

    .cta-container{
        padding:0 24px;
    }

    .cta-title{
        font-size:36px;
    }

    .cta-description{
        font-size:16px;
    }

    .cta-form{

        flex-direction:column;

        gap:12px;
    }

    .cta-form input{

        width:100%;

        border-radius:10px;
        border-right:1px solid #D9D9D9;
    }

    .cta-form button{

        width:100%;

        border-radius:10px;
    }
}/* End custom CSS */