.cta-section .contentArea{width: 100%;position: relative;display: flex;align-items: center;box-sizing: border-box;text-align: left;padding: 70px 0;}
.cta-section .block{flex-shrink: 0;display: flex;align-items: center;justify-content: center;overflow: hidden;position: relative;box-sizing: border-box;background-color: #ebf4ff;margin-inline: auto;margin: 0;width: clamp(80%, 85vw, 1260px);padding: clamp(32px, 5vw, 120px) clamp(24px, 4vw + 8px, 120px);gap: clamp(14.2px, 2.5vw + 5px, 60px);border-radius: clamp(12px, 1.2vw + 4px, 24px);}
.cta-section .wrapper{display: flex;flex-direction: column;align-items: flex-start;justify-content: center;position: relative;z-index: 1;flex-shrink: 0;width: clamp(100%, 50%, 70%);gap: clamp(24px, 3vw + 8px, 64px);}
.cta-section .heading{position: relative;display: flex;align-items: center;text-align: left;font-family: 'P22 Mackinac Pro', serif;font-weight: 500;color: #333f5b;line-height: 120%;margin: 0;width: clamp(194.3px, 50vw + 20px, 819.4px);font-size: clamp(20px, 3vw + 0.5rem, 64px);letter-spacing: clamp(-0.02em, -0.03em, -0.04em);text-transform: initial;}
.cta-section .subheading{position: relative;display: flex;align-items: center;text-align: left;font-family: 'Avenir Next', sans-serif;font-weight: 500;color: #6d717b;width: clamp(183.9px, 35vw + 50px, 502.9px);font-size: clamp(12px, 1vw + 0.5rem, 20px);letter-spacing: clamp(-0.02em, -0.025em, -0.03em);line-height: clamp(141%, 1vw + 140%, 150%);}
.cta-section .button{display: flex;align-items: center;justify-content: center;box-sizing: border-box;background-color: #3495ff;color: #fff;font-family: 'PP Neue Montreal', sans-serif;font-weight: 500;letter-spacing: -0.01em;line-height: 150%;gap: 10px;z-index: 3;height: clamp(56px, 1.5vw + 52px, 64px);padding: 24px clamp(32px, 3vw + 10px, 48px);border-radius: clamp(20px, 1vw + 12px, 24px);font-size: clamp(15px, 0.3vw + 14px, 16px);cursor: pointer;transition: all 0.3s ease;border: none;}
.cta-section .button:hover{background-color: #1f7ae0;}

.cta-section.cta-section-zoom .button{display: flex;align-items: center;justify-content: center;box-sizing: border-box;background-color: transparent;color: #fff;font-family: 'PP Neue Montreal', sans-serif;font-weight: 500;letter-spacing: -0.01em;line-height: 150%;gap: 10px;z-index: 3;height: clamp(56px, 1.5vw + 52px, 64px);padding: 0;margin-right: 20px;font-family: var(--font-p22-mackinac-pro);border-radius: clamp(20px, 1vw + 12px, 24px);font-size: clamp(16px, 0.4vw + 14px, 23px);transition: all 0.3s ease;border: none;}
.cta-section.cta-section-zoom .button:hover{background-color: transparent;}

.cta-section .exploreOurResources{position: relative;font-weight: 500;letter-spacing: -0.01em;line-height: 150%;}
.cta-section .solarrowRightLinearIcon{width: clamp(18px, 1vw + 10px, 20px);position: relative;max-height: 100%;}
.cta-section .deviceImage{position: absolute;object-fit: cover;flex-shrink: 0;z-index: 1;width: clamp(114.4px, 25vw + 50px, 535.9px);height: auto;right: 0;transition: transform .3s ease, margin .3s ease;}
.cta-section .blockChild{width: 100%;position: absolute;margin: 0 !important;height: 100%;top: 0;right: 0;bottom: 0;left: 0;background-color: #ebf4ff;z-index: 0;flex-shrink: 0;}
.cta-section .blockItem{width: 558.6px;position: absolute;margin: 0 !important;top: 10px;right: -260px;filter: blur(60px);border-radius: 50%;background-color: #f8d194;height: 588.1px;z-index: 0;flex-shrink: 0;}

@media (max-width: 1024px) {
  .cta-section .contentArea{padding: unset;}
  .cta-section .deviceImage{position: absolute;top: clamp(-40px, -5vw, -20px);right: 0;width: clamp(114.4px, 35vw, 180px);margin: 0 !important;object-fit: cover;height: auto;}
  .cta-section .blockItem{width: 200px;position: absolute;margin: 0 !important;top: 38px;right: -20px;filter: blur(60px);border-radius: 50%;background-color: #f8d194;height: 150px;z-index: 0;flex-shrink: 0;}
}
@media(max-width: 640px) {
  .cta-section .button { padding: 16px 32px; }
}

/* Landing Css */

.cta-section.cta-section-zoom .block{padding-top: clamp(32px, 4vw, 80px); padding-bottom: clamp(32px, 4vw, 80px);}
.cta-section.cta-section-zoom .blockItem {  background-color: #3495FF;  opacity: 0.2;}
.cta-section.cta-section-zoom{background: transparent;}
.cta-section.cta-section-zoom .block {background: #333F5B;}
.cta-section.cta-section-zoom .blockChild {background: #333F5B;}
.cta-section.cta-section-zoom .heading {color: #FCF9F8;width: clamp(194.3px,60vw + 20px,960px);  }
.cta-section.cta-section-zoom .subheading {color: #fff; flex-wrap: wrap; width:clamp(183.9px,53vw + 50px,874px)}
.cta-section.cta-section-zoom .subheading p {margin-top: 0;}
.cta-section.cta-section-zoom .subheading p:last-child {margin-bottom: 0;}
.cta-section.cta-section-zoom .cta-btn-wrapper {display: flex; flex-wrap: wrap; gap: 8px;}
.cta-section.cta-section-zoom .benefits h3 {margin-top: 0px;}
.cta-section.cta-section-zoom .benefits ul {margin-bottom: 0;}
.cta-section.cta-section-zoom .wrapper {  gap: clamp(24px, 3vw, 40px);}
.cta-section.om-cta-freecourse-section .blockChild {background: url("../assets/images/testimonial-card-background.svg") repeat center center;background-size: cover;}
.cta-section.om-cta-freecourse-section {background: transparent;}
.cta-section.om-cta-freecourse-section .subheading p{margin: 0;}
.cta-section.om-cta-freecourse-section .blockItem { top: 50%; transform: translate(0, -50%);    right: -6%;  opacity: 0.6;}
.cta-section.om-cta-freecourse-section .deviceImage {display: none;}
.cta-section.om-cta-freecourse-section .block {  gap: clamp(14.2px,2.5vw + 5px,80px);   align-items: end; width: 100%; padding-top: 0; padding-bottom: 0;}
.cta-section.om-cta-freecourse-section .heading {width: 100%;}
.cta-section.om-cta-freecourse-section .wrapper {     flex-shrink: initial; padding-top: clamp(32px,5vw,120px); padding-bottom: clamp(32px,5vw,120px); width: 100%; max-width: 680px;}
.cta-section.om-cta-freecourse-section .cta-btn-wrapper { display: flex; flex-wrap: wrap; gap: 24px; align-items: center;}
.cta-section.om-cta-freecourse-section .cta-btn-wrapper .promo-banner {font-family: 'Avenir Next',sans-serif;font-style: normal;font-weight: 700;font-size: clamp(12px,1vw + 0.5rem,16px);line-height: clamp(141%,1vw + 140%,150%);color: #6D717B;}
.cta-section.om-cta-freecourse-section .cta-btn-wrapper .promo-banner strong {text-transform: uppercase; color: #333F5B; font-weight: 700;}
.cta-section.om-cta-freecourse-section .om-cta-freecourse-imgdiv {position: relative; max-width: 680px; width: 100%;}
.cta-section.om-cta-freecourse-section .om-cta-freecourse-imgdiv .om-cta-freecourse-image {max-width: 100%; width: 100%;  height: 445px; display: block;  border-radius: 32px 32px 0 0;object-fit: cover;  object-position: center;}
.cta-section.om-cta-freecourse-section .om-cta-freecourse-imgdiv ul {position: absolute; top: -42px; list-style: none;  counter-reset: section; padding: 0; margin: 0 auto; width: calc(100% - 70px); left: 0; right: 0;}
.cta-section.om-cta-freecourse-section .om-cta-freecourse-imgdiv ul li {border-radius: 50px;background-color: #fcf9f8;font-family: 'Avenir Next',sans-serif; border: 2px solid #fff;   display: flex;  align-items: center;  padding: 16px 32px 16px 16px;  gap: 16px;  letter-spacing: -.03em;  line-height: 150%;  font-size: clamp(12px,1vw + 0.5rem,20px);  font-weight: 600;  transform: scale(0.8); opacity: 0.7; position: absolute;  width: 100%;top: -48px;}
.cta-section.om-cta-freecourse-section .om-cta-freecourse-imgdiv ul li:first-child {top: 0; opacity: 1; transform: scale(1); z-index: 1;}
.cta-section.om-cta-freecourse-section .om-cta-freecourse-imgdiv ul li::before { counter-increment: section; background: #333F5B; content: counter(section);width: 48px;   height: 48px;   border-radius: 500px; max-height: 100%;letter-spacing: -.03em; line-height: 150%;   font-size: clamp(12px,1vw + 0.5rem,20px);  font-weight: 600; color: #fff; display: flex; align-items: center; justify-content: center;}
.cta-section.om-cta-freecourse-section .cta_video_wrap {  position: relative;}
.cta-section.om-cta-freecourse-section .cta_video_wrap .playButton { position: absolute;top: 0; cursor: pointer;  left: 0;  height: 100%;   width: 100%;   background: transparent; padding: 0;  border: 0;    display: flex;   align-items: center; justify-content: center; display: none;}
.cta-section.om-cta-freecourse-section .cta_video_wrap .playButton svg {height: 106px; width: 106px;}

@media (max-width: 1600px) {
 .cta-section.om-cta-freecourse-section .om-cta-freecourse-imgdiv .om-cta-freecourse-image { height: 400px; }
}
@media (max-width: 1366px) {
 .cta-section.om-cta-freecourse-section .om-cta-freecourse-imgdiv .om-cta-freecourse-image { height: 350px; }
}
@media (max-width: 1024px) {
 .cta-section.om-cta-freecourse-section .block {flex-wrap: wrap;}
 .cta-section.om-cta-freecourse-section .om-cta-freecourse-imgdiv {margin-top: 40px;}
}
@media (max-width: 767px) {
 .cta-section.om-cta-freecourse-section .om-cta-freecourse-imgdiv .om-cta-freecourse-image { height: 250px; }
 .cta-section.om-cta-freecourse-section .om-cta-freecourse-imgdiv ul {  width: calc(100% - 30px);   top: -32px;}
 .cta-section.om-cta-freecourse-section .om-cta-freecourse-imgdiv ul li::before {height: 30px; width: 30px;}
 .cta-section.om-cta-freecourse-section .om-cta-freecourse-imgdiv ul li { top: -30px; padding: 10px;}
}
@media (max-width: 767px){
 .cta-section.cta-section-zoom .heading {    width: 100%; max-width: 70%;}
 .cta-section.cta-section-zoom .subheading {width: 100%;}
 .cta-section.cta-section-zoom .subheading p:first-child, 
 .cta-section.cta-section-zoom .subheading p:nth-child(2){width: 100%; max-width: 67%;}
 .cta-section.cta-section-zoom .button {width: 100%;}
 .cta-section.om-cta-freecourse-section .wrapper {order: 4;}
 .cta-section.om-cta-freecourse-section .block { padding-top: clamp(40px, 5vw, 120px); }
 .cta-section.om-cta-freecourse-section .om-cta-freecourse-imgdiv .om-cta-freecourse-image { height: 200px; border-radius: 14px; }
 .cta-section.om-cta-freecourse-section .cta_video_wrap .playButton svg {height: 46px; width: 46px;}
 .cta-section.om-cta-freecourse-section .subheading {width: 100%;}
}
@media (max-width: 480px){
  .cta-section.cta-section-zoom .deviceImage { width: clamp(114.4px, 35vw, 150px);}
  .cta-section.cta-section-zoom .subheading p:nth-child(2){width: 100%; max-width: 100%;}
}