.main-container {
        max-width: 1128px;
        margin: 0 auto;
    }

    .main-container .wp-block-video {
        border-radius: 12px;
        margin: 0 auto;
        justify-content: center;
        display: flex;
    }

    .main-container .wp-block-video video {
        border-radius: 12px;
        max-width: 773px;
        margin: 0 auto;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), url(<path-to-image>) lightgray 50% / cover no-repeat;
    }

    .video-desc {
        color: var(--Text-700, #36364A);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        max-width: 774px;
        margin: 0 auto;
        margin-top: 24px;
        margin-bottom: 24px;
    }

    .yalda-video-buttons .wp-block-button a {
        width: 227px;
        DISPLAY: flex;
        text-align: center;
        justify-content: center;
    }

    .yalda-video-buttons {
        display: flex;
        width: 100%;
        justify-content: center;
        gap: 32px;
    }

    .slider-title {
        color: #000;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 32px;
        margin-top: 86px;
        margin-bottom: 32px;
    }

    .go2train-active-course-section {
        padding-right: 180px;
    }



    #go2train-active-course-section .swiper {
        padding-bottom: 32px;
    }

    #go2train-active-course-section .swiper-slide {
        display: flex;
        width: 264px !important;
        flex-direction: column;
        align-items: center;

        border-radius: 16px;
        background: var(--Neutrals-White, #FFF);

        box-shadow:
            0 95px 27px rgba(0, 0, 0, 0.00),
            0 61px 24px rgba(0, 0, 0, 0.01),
            0 34px 20px rgba(0, 0, 0, 0.02),
            0 15px 15px rgba(0, 0, 0, 0.03),
            0 4px 8px rgba(0, 0, 0, 0.04);

        overflow: hidden;
    }

    .go2train-active-course-section ul {
        max-height: 203px;
    }

    .course-item {
        background: #fff;
        border-radius: 16px;
        overflow: hidden;
        box-shadow: 0 8px 24px rgba(0, 0, 0, .08);
    }

    .course-item .posts-url img {
        width: 264px;
        height: 84px;
        object-fit: cover;
    }

    .course-details {
        padding: 12px;
        text-align: center;
    }

    .course-details h3 {
        font-size: 14px;
        line-height: 1.6;
        margin-bottom: 8px;
    }

    .teacher {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        font-size: 12px;
        margin-top: 12px;
        margin-bottom: 12px;
    }

    .teacher img {
        width: 24px;
        height: 24px;
        border-radius: 50%;
    }

    .course-meta {
        display: flex;
        justify-content: center;
        gap: 26px;
        font-size: 11px;
    }

    .course-flag {
        width: 18px;
        height: 18px;
        border-radius: 50%;
    }

    .hour-text {
        color: var(--text-900-origin, #003545);
        font-size: 12px;
        font-style: normal;
        font-weight: 800;
        line-height: 20px;
    }

    .hours {
        color: var(--text-900-origin, #003545);
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
    }

    .level {
        display: flex;
        padding: 4px;
        justify-content: center;
        border-radius: 40px;
        background: var(--Neutrals-Dark, #000);
        align-items: center;
        gap: 6px;
    }

    .course-flag-desc {
        color: #F0F6F9;
        text-align: right;
        font-size: 10px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .course-item .posts-url .teacher img {
        width: 24px;
        height: 24px;
        border-radius: 50%;
    }

    .box-top-data {
        width: 100%;
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        position: absolute;
        padding: 7px 21px;
    }

    .slider-course-title {
        color: var(--text-900-origin, #003545);
        text-align: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 900;
        line-height: normal;
        margin-top: 16px;
    }

    .teacher-data {
        color: var(--text-900-origin, #003545);
        text-align: right;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
    }

    .teacher-name {
        color: var(--text-900-origin, #003545);
        text-align: right;
        font-size: 12px;
        font-style: normal;
        font-weight: 800;
        line-height: 20px;
    }

    .go2train-main-footer {
        position: relative;
        overflow: hidden;
    }

    .footer-yalda {
        width: 100%;
        height: 100%;
        position: absolute;
        bottom: -121px;
        z-index: -1;
        background-image: url("../img/yalda.png");
        background-repeat: no-repeat;
        background-repeat: repeat-x;
    }

    .box-top-data .box-top-data-free {
        color: #FFF;
        font-size: 10px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        display: flex;
        padding: 5.5px 7px;
        justify-content: center;
        align-items: center;
        gap: 6px;
        border-radius: 40px;
        background: rgba(255, 255, 255, 0.23);
        backdrop-filter: blur(1px);
    }

    .sessions {

        position: relative;
        font-weight: 800;
    }

    .sessions-text {
        color: var(--text-900-origin, #003545);
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;

    }

    .sessions::after {
        position: absolute;
        right: -26px;
        top: 2.5px;
        content: "";
        width: 13px;
        height: 13px;
        margin: 0 10px 0;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.77666 1.00002C2.08999 1.00002 0.99999 2.15535 0.99999 3.94402V9.38935C0.99999 11.178 2.08999 12.3334 3.77666 12.3334H9.55532C11.2427 12.3334 12.3333 11.178 12.3333 9.38935V3.94402C12.3333 2.15535 11.2433 1.00002 9.55599 1.00002H3.77666ZM9.55533 13.3333H3.77667C1.51733 13.3333 0 11.748 0 9.38933V3.944C0 1.58533 1.51733 0 3.77667 0H9.556C11.8153 0 13.3333 1.58533 13.3333 3.944V9.38933C13.3333 11.748 11.8153 13.3333 9.55533 13.3333Z' fill='%2398C2D5'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.92473 8.51186C8.8374 8.51186 8.7494 8.48919 8.66873 8.44186L6.40806 7.09319C6.2574 7.00253 6.16406 6.83919 6.16406 6.66386V3.75586C6.16406 3.47986 6.38806 3.25586 6.66406 3.25586C6.94006 3.25586 7.16406 3.47986 7.16406 3.75586V6.37986L9.1814 7.58186C9.41806 7.72386 9.49606 8.03053 9.35473 8.26786C9.26073 8.42453 9.09473 8.51186 8.92473 8.51186Z' fill='%2398C2D5'/%3E%3C/svg%3E");
    }

    .hours {
        position: relative;

    }

    .hours::after {
        position: absolute;
        right: -26px;
        top: 2.5px;
        content: "";
        width: 13px;
        height: 13px;
        margin: 0 10px 0;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.83332 1.00002C3.61666 1.00002 0.99999 3.61669 0.99999 6.83335C0.99999 10.05 3.61666 12.6667 6.83332 12.6667C10.05 12.6667 12.6667 10.05 12.6667 6.83335C12.6667 3.61669 10.05 1.00002 6.83332 1.00002ZM6.83333 13.6667C3.06533 13.6667 0 10.6013 0 6.83333C0 3.06533 3.06533 0 6.83333 0C10.6013 0 13.6667 3.06533 13.6667 6.83333C13.6667 10.6013 10.6013 13.6667 6.83333 13.6667Z' fill='%2398C2D5'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.08934 5.39099C5.97134 6.05832 5.96934 7.65232 6.08734 8.28566C6.67268 8.07899 7.94068 7.24566 8.28201 6.83299C7.94201 6.43232 6.69001 5.61632 6.08934 5.39099ZM5.88533 9.33434C5.70533 9.33434 5.53467 9.28301 5.39533 9.14434C5.288 9.03834 5.00133 8.75501 5 6.88901C4.99933 4.90768 5.29733 4.61301 5.39533 4.51501C5.744 4.16968 6.312 4.40634 6.554 4.50768C6.90067 4.65234 9.33333 5.89834 9.33333 6.83034C9.33333 7.70368 7.144 8.92501 6.58467 9.15834C6.36667 9.24901 6.118 9.33434 5.88533 9.33434Z' fill='%2398C2D5'/%3E%3C/svg%3E");

    }



    @media only screen and (max-width: 1024.2px) {
        .footer-yalda {
            bottom: -490px;
        }
    }

    @media only screen and (max-width: 600px) {
        .main-container .wp-block-video video {
            max-width: unset;
            width: 100%;
            border-radius: unset;
        }

        .main-container .wp-block-video video {
            border-radius: unset;

        }

        .yalda-video-buttons .wp-block-button a {
            width: 171px;
        }

        .video-desc {
            margin: 14px 16px 16px 14px;
        }



        .go2train-active-course-section {
            padding-right: 0px;
        }

        .footer-yalda {

            bottom: -680px;
        }

        #go2train-active-course-section .swiper {
            padding-right: 16px;
        }

        .slider-title {
            font-size: 20px;
            font-style: normal;
            font-weight: 900;
            padding-right: 16px;
        }

    }