@media (max-width: 1399.98px) {
    .celp-hero-video-container, 
    .celp-detail-hero-section .celp-info-hero-left {
        width: 486px;
        height: 540px;
        margin-left: unset;
        margin-right: unset;
    }
    .overlay-hero-text,
    .celp-event-title-container h1 {
        font-size: 40px;
    }
    .celp-dark-hero-container > div {
        display: flex;
        justify-content: center;
    }
    .celp-dark-hero-container .info-circle-list {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        column-gap: 1.25rem;
        padding: 0 1.25rem;
    }
    .info-circle-list .info-circle {
        height: unset;
        width: 100%;
        aspect-ratio: 1/1;
        overflow: hidden;
    }
    .celp-info-hero-left .hourglass-container-overlay {
        padding-top: 40px;
    }
}
@media (max-width: 1199.98px) {
    .celp-event-alert-bar {
        top: 78px;
    }
    .celp-main-hero-container .celp-hero-col-right-video-container {
        margin-top: 2rem;
    }
    .hero-title {
        font-size: 42px;
        line-height: 1.17;
    }
    .hero-description {
        font-size: 18px;
    }
    .celp-main-hero-container .hero-title {
        margin-bottom: 1rem;
    }
    .celp-main-hero-container .hero-description {
        margin-bottom: 1.5rem;
        line-height: 1.5;
    }
    .celp-navbar .nav-container .nav-link {
        font-size: 16px;
    }
    .celp-navbar .nav-container .nav-list-container li:last-child a {
        padding: 15px 32px;
        font-size: 16px;
    }
    .celp-faq-main-container > *:nth-child(n) {
        margin-right: 32px;
        margin-bottom: 32px;
    }
    .celp-faq-main-container > *:nth-child(3n) {
        margin-right: 0;
    }
    .event-dark .masonry-grid-item {
        width: calc(100% / 2);
    }
    .celp-dark-hero-container .celp-event-hero-right {
        justify-content: flex-end;
    }
    .celp-dark-hero-container .celp-detail-hero-left {
        justify-content: flex-start;
    }
    .celp-hero-video-container, 
    .celp-detail-hero-section .celp-info-hero-left {
        width: calc(100% - 40px);
        height: 500px;
    }
    .overlay-hero-text, .celp-event-title-container h1 {
        font-size: 36px;
    }
    .celp-hero-video-container .celp-event-video-title {
        bottom: 24px;
        left: 24px;
    }
    .celp-hero-video-container .play-btn {
        right: 24px;
        bottom: 24px;
    }
    .celp-info-hero-left .cta-green-button {
        padding: 12px 36px;
    }
    .info-circle-list .info-circle {
        font-size: 18px;
    }
    .celp-detail-hero-section .celp-info-hero-left .gradient-overlay {
        width: unset;
        height: 100%;
        aspect-ratio: 1/1;
    }
    .celp-hero-video-container .celp-event-video-title {
        font-size: 18px;
    }
}
@media (max-width: 991.98px) {
    .video-content-section .col-right {
        padding-left: 0;
    }
    .play-button::after {
        width: 1.75rem;
        height: 1.75rem;
    }
    .masonry-grid-item {
        width: calc(100% / 2);
    }
    .celp-main-hero-container {
        padding: 5.75rem 1.5rem;
    }
    .nav-container ul {
        margin-right: 0;
    }
    .celp-faq-main-container {
        grid-template-columns: 1fr 1fr;
    }
    .celp-faq-main-container > *:nth-child(3n) {
        margin-right: 32px;
    }
    .celp-faq-main-container > *:nth-child(2n) {
        margin-right: 0;
    }
    .celp-faq-card-body {
        font-size: 16px;
    }
    .celp-cta-banner .cta-dark-button {
        font-size: 16px;
        padding: 12px 42px;
    }
    .celp-home-page-container .title-wrapper .right-text a {
        font-size: 16px;
    }
    .lead-section .mentor-swiper,
    .lead-section .mentor-swiper-home {
        margin-right: -1rem;
    }
    .celp-navbar .nav-image {
        height: 34px;
    }
    .why-celp-card-container .title.lg {
        margin-bottom: 14px;
    }
    .why-celp-card-container .paragraph {
        margin-bottom: .875rem;
    }
    .celp-faq-hero-section h1 {
        line-height: 1.28;
    }
    .celp-faq-hero-section p {
        line-height: 1.5;
    }
    .celp-navbar .nav-container .nav-list-container>li:last-child {
        padding-left: 0;
    }
    .celp-navbar .nav-container .nav-list-container>li:nth-last-child(2) a {
        padding-right: 0;
    }
    .celp-faq-tab {
        padding: 15.4px 16px;
        font-size: 16px;
    }
    .celp-faq-tab-container {
        /* flex-wrap: unset;
        width: 100%;
        overflow: scroll;
        -ms-overflow-style: none;  
        scrollbar-width: none;  */
        gap: 1rem;
        padding-bottom: 32px;
        border-bottom: 1px solid var(--rich-black-border);
    }
    .celp-faq-tab-container::-webkit-scrollbar {
        display: none;
    }
    .celp-faq-tab-container > .celp-faq-tab {
        flex-shrink: 0;
        border-color: var(--rich-black-border);
    }
    .celp-faq-tab-container > .active.celp-faq-tab {
        flex-shrink: 0;
        border-color: var(--black);
        padding: 15.4px 24px;
    }
    .overlay-hero-text, .celp-event-title-container h1 {
        font-size: clamp(32px, 2vw + 16px, 36px);
    }
    .info-circle-list .info-circle {
        font-size: 16px;
    }
    .celp-hero-video-container, .celp-detail-hero-section .celp-info-hero-left {
        height: 430px;
    }
    .celp-event-title-container {
        padding-left: 24px;
        padding-right: 24px;
        row-gap: 20px
    }
    .celp-info-hero-left .hourglass-container-overlay {
        padding-top: 32px;
        padding-bottom: 32px;
    }
    .overlay-hero-text {
        top: 24px;
        padding-left: 0;
        padding-right: 0;
    }
    .overlay-hero-text-container {
        position: absolute;
        width: calc(100% - 4px);
        background-color: red;
        top: 0;
        left: 2px;
        height: 150px;
        overflow-x: hidden;
    }
    .celp-dark-hero-container .info-circle-list {
        column-gap: 1rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .celp-detail-hero-left .cta-green-button {
        font-size: 14px;
        padding: 10px 24px;
    }
    .celp-hero-video-container .celp-event-video-title {
        font-size: 16px;
    }
    .animated-stats-circle {
        height: 136px;
        width: 136px;
    }
    .animated-stats-circle .value {
        font-size: 36px;
    }
    .animated-stats-circle .label {
        font-size: 14px;
    }
    .celp-event-form-section .celp-event-form-left p.about-info-text {
        margin-bottom: 0px;
    }
    .celp-event-section-usp [class^="col-"] {
        margin-bottom: 24px;
    }
}
@media (max-width: 767.98px) {
    .celp-event-alert-bar {
        top: 72px;
    }
    .why-celp-card-container.midnight-teal-bg::before,
    .why-celp-card-container.midnight-teal-bg::after,
    .why-celp-card-container.black-bg::before,
    .why-celp-card-container.black-bg::after {
        display: none;
    }
    .why-celp-card-container.midnight-teal-bg {
        background-color: var(--midnight-teal) !important;
    }
    .why-celp-card-container.black-bg {
        background-color: var(--black) !important;
    }
    /* .why-celp-card-container.midnight-teal-bg::after {
        display: none;
    } */
    .celp-navbar .nav-container ul {
        display: none;
    }
    .hero-title {
        font-size: 34px;
    }
    .hero-description {
        font-size: 16px;
    }
    .celp-main-hero-container {
        text-align: center;
        padding: 5.75rem 0;
    }
    .celp-main-hero-container .button-group {
        justify-content: center;
        flex-direction: column;
    }
    .celp-main-hero-container .wistia_embed > div {
        display: flex;
        justify-content: center;
    }
    .celp-main-hero-container .button-group .cta-dark-button {
        margin-right: 0;
        margin-bottom: 16px;
        font-size: 16px;
    }
    .celp-main-hero-container .play-button {
        font-size: 16px;
    }
    .why-celp-card-container {
        padding: 2.5rem 2.25rem;
        height: unset;
    }
    .why-celp-row > div:first-child .why-celp-card-container {
        /* padding-top: 0; */
        /* padding-bottom: 0.5rem; */
        align-items: center;
        text-align: center;
    }
    .why-celp-card-container .title {
        font-size: 1.5rem;
    }
    .why-celp-row > div:first-child .title.lg {
        font-size: 1.5rem;
    }
    .why-celp-row > div:first-child .title {
        font-size: 1rem;
    }
    .why-celp-card-container .paragraph {
        font-size: 1rem;
        margin-top: 1rem;
        max-width: unset;
    }
    .why-celp-card-container .title.lg {
        font-size: 1.75rem;
        margin-bottom: 8px;
    }
    .celp-cta-banner {
        flex-direction: column;
        text-align: center;
        padding: 4rem 1rem;
    }
    .celp-cta-description {
        margin-bottom: 16px;
        line-height: 1.55;
    }
    .celp-cta-banner .cta-pattern {
        height: 60%;
        right: -10%;
        bottom: -10%;
        min-height: 130px;
    }
    .footer-cta-container .col-right {
        border-top: 1px solid rgba(255, 255, 255, 0.32);
        margin-top: 32px;
        width: 100%;
    }
    .footer-cta-container .col-left {
        border-top: 1px solid rgba(255, 255, 255, 0.32);
        padding-top: 32px;
    }
    .celp-faq-hero-section {
        text-align: center;
    }
    .why-celp-row {
        margin-bottom: -1rem;
    }
    .why-celp-row > div {
        margin-bottom: 1rem;
    }
    .celp-main-hero-container .cta-dark-button {
        padding: 0.85rem 2.35rem;
    }
    .why-celp-card-container .btn {
        font-size: 16px;
        padding: .9rem 1.5rem;
    }
    .title-wrapper.flex-sm-column {
        flex-direction: column;
    }
    .title-wrapper.flex-sm-column .right-text {
        margin-top: 24px;
    }
    .testimonial-card .brand-logo {
        height: 24px;
    }
    .testimonial-card p {
        font-size: 1rem;
        line-height: 1.625;
        margin-top: 1.55rem;
    }
    .video-testimonial-top-content {
        height: 201px;
        min-height: 201px;
    }
    .video-testimonial-main-content::before {
        width: .875rem;
    }
    .video-testimonial-main-content {
        font-size: 1rem;
    }
    .celp-home-page-container .lead-section .arrows-container {
        display: flex;
        position: absolute;
        bottom: 0px;
        right: 1rem;
    }
    .arrow-circle {
        height: 48px;
        width: 48px;
    }
    .arrow-circle img {
        height: 20px;
    }
    .celp-join-form {
        padding-top: 32px;
    }
    .celp-input-container input {
        height: 48px;
        padding: 14px 16px;
    }
    /* .celp-input-container input::placeholder {
        font-family: 'circularxxregular';
    } */
    .celp-input-container {
        margin-bottom: 16px;
    }
    .celp-join-terms li {
        margin-bottom: 16px;
    }
    .celp-join-terms {
        margin-top: 16px;
    }
    .celp-join-form .row {
        margin-bottom: 16px;
    }
    .celp-join-form .hubspot-form-container .form-columns-2 div .input.input {
        margin-right: 0;
    }
    .celp-join-form .hs-form-field {
        margin-bottom: 16px;
    }
    .celp-join-form .hs-form-field input {
        height: 48px;
    }
    .celp-dark-hero-container {
        flex-direction: column;
    }
    .celp-hero-video-container, .celp-detail-hero-section .celp-info-hero-left {
        height: 408px;
        width: 367px;
        max-width: 100%;
    }
    .celp-dark-hero-container .border-vertical {
        display: none;
    }
    .celp-dark-hero-container .celp-event-hero-right {
        justify-content: center;
        margin-top: 40px
    }
    .celp-dark-hero-container .celp-detail-hero-left {
        justify-content: center;
    }
    [class^="col-"]:last-child .celp-event-usp-card {
        margin-bottom: 0px;
    }
    .celp-join-form .hubspot-form-container form {
        grid-template-areas: 
        "first-i second-i"
        "third-i fourth-i "
        " fifth-i sixth-i"
        "seventh-i seventh-i"
        "eigtht-i eigtht-i";
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 575.98px) {
    .celp-event-alert-bar {
        top: 43px;
    }
    .why-celp-row > div:first-child .why-celp-card-container {
        padding-top: 0;
        padding-bottom: 0.5rem;
        align-items: center;
        text-align: center;
    }
    .masonry-grid-item {
        width: calc(100%);
    }
    .celp-faq-main-container {
        grid-template-columns: 1fr;
    }
    .celp-faq-main-container > *:nth-child(n) {
        margin-right: 0;
    }
    .celp-faq-card {
        padding-bottom: 32px;
        border-bottom: 1px solid #000;
    }
    .celp-faq-card:last-child {
        border: none;
        padding-bottom: 0;
    }
    .celp-cta-banner .cta-pattern {
        height: 55%;
    }
    .celp-join-section .cta-dark-button {
        padding-top: 12px;
        padding-bottom: 12px;
        font-size: 16px;
        width: 100%;
        text-align: center;
    }
    .celp-navbar .nav-image {
        height: 23px;
    }
    .celp-navbar .nav-container {
        padding: 10px 0;
    }
    .celp-join-form .hubspot-form-container form {
        grid-template-areas: unset;
        grid-template-columns: repeat(1, 1fr);
    }
    .celp-join-form .hubspot-form-container form > div:nth-child(n) {
        padding: 0;
        grid-area: unset;
    }
}
@media (max-width: 370px) {
    .info-circle-list .info-circle {
        font-size: 14px;
    }
    .overlay-hero-text, .celp-event-title-container h1 {
        font-size: 28px;
    }
}