section .learning-model * {
    z-index: 3;
}

section .learning-model {
    width: 100%;
    display: grid;
    align-content: start;
    /*overflow: hidden;*/
    /*background: linear-gradient(180deg, #000 6.33%, #343434 93.63%), #333;*/
}


    section .learning-model h2 {
        color: #FFF;
        font-family: var(--font-family-Font-2, Catamaran-Bold);
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: 180%; /* 50.4px */
        letter-spacing: var(--letter-spacing-0_32, 0.32px);
        margin-bottom: 10px;
    }

    section .learning-model p {
        color: #FFF;
        font-family: var(--font-family-Font-2, Catamaran-Regular);
        font-size: 22px;
        font-style: normal;
        font-weight: 400;
        line-height: 180%; /* 39.6px */
        letter-spacing: var(--letter-spacing-0_32, 0.32px);
        margin-bottom: 40px !important;
    }

    section .learning-model p strong {
      font-family:catamaran-bold;
    }


    section .learning-model .video {
        width: 100%;
        display: block;
        position: relative;
        margin-bottom: 40px !important;
        /*background: url(<path-to-image>) lightgray 50% / cover no-repeat, linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.90) 100%);*/
        box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.25);
    }


    section .learning-model .video-thumbnail {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: black;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 2;
    }

        section .learning-model .video-thumbnail > img {
            width: 100% !important;
            height: 100% !important;
            object-fit: cover;
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            opacity: 0.7;
            padding: 0 !important;
        }

        section .learning-model .video-thumbnail .play-button {
            font-size: 60px;
            background: none;
            border: none;
            color: white;
            z-index: 3;
            pointer-events: none;
        }

            section .learning-model .video-thumbnail .play-button icon {
                width: 88px;
                height: 88px;
                display: block !important;
            }

                section .learning-model .video-thumbnail .play-button icon img {
                    width: 100%;
                    height: 100%;
                    object-fit: contain;
                    padding: 0 !important;
                }

    section .learning-model video {
        width: 100%;
        aspect-ratio: 16 /9;
    }


/*New CTA*/
section.new-cta * {
    z-index: 3;
}

section.new-cta {
    width: 100%;
    /*min-height: 519px;*/
    background: black;
    position: relative;
    border: 1px solid #FFF;
    border-inline: none;
    z-index:3;
}

    section.new-cta .new-cta-container {
        display: grid;
        grid-template-columns: 545px 1fr;
        grid-template-areas: "text image";
    }

        section.new-cta .new-cta-container .text {
            grid-area: text;
            padding: 65px 0;
            padding-left: 35px;
        }


        section.new-cta .new-cta-container .image {
            grid-area: image;
        }

            section.new-cta .new-cta-container .image img {
                /*width: 100%;*/
                width: 64vw;
                position: absolute;
                left: 0;
                height: 100%;
                object-fit: cover;
                object-position: center;
            }


            section.new-cta .new-cta-container .image .image-container {
                display: block;
                width: 100%;
                height: 100%;
                position: relative;
            }

                section.new-cta .new-cta-container .image .image-container:before {
                    content: "";
                    position: absolute;
                    width: 64vw;
                    height: 100%;
                    top: 0;
                    LEFT: 0%;
                    background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 76.38%, #000 97.85%), linear-gradient(179deg, rgba(0, 0, 0, 0.00) 71.11%, rgba(0, 0, 0, 0.79) 99.12%), 0px 0px;
                    z-index: 4;
                }

        section.new-cta .new-cta-container .text .header {
            color: #FFF;
            font-family: Syncopate-Bold;
            font-size: 30.275px;
            font-style: normal;
            font-weight: 700;
            line-height: 120%; /* 36.33px */
            letter-spacing: 0.606px;
            margin-bottom: 15px;
        }

        section.new-cta .new-cta-container .text .text-container {
            display: grid;
        }

        section.new-cta .new-cta-container .text .sub-header {
            color: #FFF;
            font-family: catamaran-bold;
            font-size: 22.706px;
            font-style: normal;
            font-weight: 700;
            line-height: 120%; /* 27.248px */
            letter-spacing: 0.454px;
            margin-bottom: 15px;
        }

        section.new-cta .new-cta-container .text ul {
            list-style-type: none !important;
            margin: 0 !important;
            margin-bottom: 15px !important;
            padding: 0;
        }

            section.new-cta .new-cta-container .text ul li {
                list-style-type: none !important;
                color: #FFF;
                font-family: var(--font-family-Font-2, Catamaran-regular) !important;
                font-size: 15px !important;
                font-style: normal;
                font-weight: 400 !important;
                line-height: 180% !important; /* 27px */
                letter-spacing: var(--letter-spacing-0_32, 0.32px) !important;
                padding-left: 40px;
                background: url('/Files/templates/main-2024/images/icons/check.svg') no-repeat;
                background-size: 24px 24px;
                background-position: top left;
                margin-bottom: 8px;
            }

        section.new-cta .new-cta-container .text p {
            color: #FFF;
            font-family: Catamaran-regular;
            font-size: 17.156px;
            font-style: normal;
            font-weight: 400;
            line-height: 120%; /* 20.587px */
            letter-spacing: 0.343px;
            opacity: 1 !important;
            margin-bottom: 25px;
        }

        section.new-cta .new-cta-container .text p strong {
            font-family: Catamaran-bold;  
        }


        section.new-cta .new-cta-container .text a {
            color: #FFF;
            text-align: center;
            font-feature-settings: 'liga' off, 'clig' off;
            font-family: Catamaran-regular;
            font-size: 14px;
            font-style: normal;
            font-weight: 700;
            line-height: 120%; /* 16.8px */
            letter-spacing: 0.28px;
            padding: 10px 22px;
            border: 1px solid #ED1B34;
            background: #ED1B34;
            width: max-content;
            text-decoration: none !important;
        }

            section.new-cta .new-cta-container .text a:hover {
                background: white;
            }


/*New CTA END*/

@media only screen and (max-width: 1024px) {
    section .learning-model p {
        font-size: 15px;
        line-height: 180%;
        margin-bottom: 15px !important;
    }

    section .learning-model .video-thumbnail .play-button icon {
        width: 55.937px;
        height: 55.937px;
    }

    section .learning-model .video{
        margin-top:25px;
    }

    section.new-cta .new-cta-container {
        grid-template-columns: 332px 1fr;
    }

        section.new-cta .new-cta-container .text .header {
            font-size: 20.071px;
            line-height: 120%;
        }

        section.new-cta .new-cta-container .text .sub-header {
            font-size: 22.706px;
            line-height: 120%;
            letter-spacing: 0.454px;
        }

        section.new-cta .new-cta-container .text p {
            font-size: 15px;
        }
}



@media only screen and (max-width: 680px) {
    section .learning-model .video-thumbnail .play-button icon {
        width: 24.923px;
        height: 24.923px;
    }

    section.new-cta .new-cta-container .text .header {
        max-width: 320px;
    }

    section.new-cta .new-cta-container {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-areas: unset;
        justify-content: flex-start;
    }

        section.new-cta .new-cta-container .image {
            min-height: 380px;
        }

        section.new-cta .new-cta-container .text {
            grid-area: unset;
            padding-left: 0;
        }

        section.new-cta .new-cta-container .image {
            grid-area: unset;
        }

            section.new-cta .new-cta-container .image img {
                position: absolute;
                width: 100vw;
                min-height: 100%;
                left: 50%;
                top: 0;
                transform: translateX(-50%);
            }

            section.new-cta .new-cta-container .image .image-container::before {
                background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 76.38%, #000 97.85%), linear-gradient(179deg, rgba(0, 0, 0, 0.00) 71.11%, rgba(0, 0, 0, 0.79) 99.12%), 0px 0px;
                width: 100vw;
                margin-left: -22px;
            }

    section .learning-model p {
        margin-bottom: 45px !important;
    }
}