section.hero-home {
    --background-image: url(../img/bg-home-hero.webp);
    background-image: var(--background-image);
    background-size: cover;
    position: relative;
    max-width: 100vw;
    overflow-x: hidden;
}

section.hero-home:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(10, 9, 23, .9);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    position: absolute;
}

section.hero-home:before {
    content: '';
    display: block;
    border-top: 190px solid transparent;
    border-right: 50vw solid #fff;
    border-bottom: 220px solid #fff;
    border-left: 50vw solid transparent;
    width: 0px;
    height: 0px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
}


section.hero-home .container {
    position: relative;
    z-index: 2;
    width: 100%;
    margin: 0 auto;
}

section.hero-home .container .row-hero {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
}

section.hero-home .container .row-hero .caption-hero {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding-left: 211px;
    position: absolute;
    top: 136px;
    max-width: 60%;
    left: 0;
}


section.hero-home .container .row-hero .caption-hero .overtitle {
    color: #FFF;
    font-family: var(--font-body);
    font-size: 22px;
    font-style: normal;
    font-weight: 450;
    line-height: 22px;
    /* 100% */
    letter-spacing: 2.2px;
    text-transform: uppercase;
    display: block;
    padding-bottom: 19px;
    padding-left: 211px;
    padding-right: 116px;
    margin-left: -211px;
    border-bottom: 1px solid #F3F1EC;
    margin-bottom: 28px;
}

section.hero-home .container .row-hero .caption-hero .title {
    color: #FFF;
    font-family: "Bodoni MT";
    font-size: 77.847px;
    font-style: normal;
    font-weight: 700;
    line-height: 95%;
    /* 98.654px */
    text-transform: uppercase;
    margin-right: -178px;
    margin-bottom: 39px;
}

section.hero-home .container .row-hero .caption-hero .undertitle {
    color: #FFF;
    font-family: var(--font-body);
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    /* 28px */
    letter-spacing: 1.4px;
    text-transform: uppercase;
    display: block;
    padding-top: 22px;
    border-top: 1px solid #F3F1EC;
    margin-left: 130px;
    z-index: 1;
	min-height: 110px;
}

section.hero-home .container .row-hero .caption-hero .hero-home-cta {
    display: flex;
    flex-direction: row;
    gap: 40px;
    align-items: center;
    justify-content: flex-start;
    margin-top: 84px;
}


.btn-video {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    text-decoration: none;
    color: #FFF;
    font-family: var(--font-body);
    font-size: 19.758px;
    font-style: normal;
    font-weight: 450;
    line-height: 100%;
    /* 19.758px */
    text-transform: uppercase;
    z-index: 1;
}

.btn-video::before {
    content: "";
    width: 54px;
    height: 54px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='54' viewBox='0 0 54 54' fill='none'%3E%3Cmask id='mask0_1899_12' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='54' height='54'%3E%3Cpath d='M26.9061 52.9758C41.3044 52.9758 52.9758 41.3043 52.9758 26.906C52.9758 12.5077 41.3044 0.836243 26.9061 0.836243C12.5077 0.836243 0.836304 12.5077 0.836304 26.906C0.836304 41.3043 12.5077 52.9758 26.9061 52.9758Z' fill='white' stroke='white' stroke-width='1.6725' stroke-linejoin='round'/%3E%3Cpath d='M21.6917 26.906V17.8754L29.5126 22.3907L37.3335 26.906L29.5126 31.4213L21.6917 35.9366V26.906Z' fill='black' stroke='black' stroke-width='1.6725' stroke-linejoin='round'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1899_12)'%3E%3Cpath d='M-4.37781 -4.37775H58.1896V58.1897H-4.37781V-4.37775Z' fill='white'/%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.btn-video:hover::before {
    transform: scale(1.1);
    transition: transform .2s ease;
}

.foreground-image-hero {
    position: relative;
}

.foreground-image-hero .name-caption {
    position: absolute;
    right: 110px;
    border-right: 3px solid #3F70B7;
    top: 585px;
    z-index: 2;
    padding-right: 15px;
}

.foreground-image-hero .name-caption span {
    display: block;
    color: #1E1A34;
    text-align: right;
    font-family: var(--font-body);
    font-size: 19.618px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 1.962px;
    text-transform: uppercase;
}

/*Youtube Modal*/
.yt-modal {
    position: fixed;
    inset: 0;
    display: none;
    z-index: 9999;
}

.yt-modal.is-open {
    display: flex;
    justify-content: center;
    align-items: center;
}

.yt-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.75);
}

.yt-modal__dialog {
    position: relative;
    width: min(1000px, 100% - 32px);
    margin: 5vh auto 0;
    border-radius: 16px;
    overflow: hidden;
    background: #000;
}

.yt-modal__player {
    width: 100%;
    aspect-ratio: 16/9;
}

.yt-modal__player iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

.yt-modal__close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 42px;
    height: 42px;
    border-radius: 999px;
    border: 0;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 18px;
    z-index: 2;
}

@media screen and (max-width: 1690px) {
    section.hero-home .container .row-hero .caption-hero {
        padding-left: 95px;
        max-width: 55%;
    }
}

@media screen and (max-width: 1440px) {
    section.hero-home .container .row-hero .caption-hero {
        padding-left: 67px;
        max-width: 60%;
    }

    section.hero-home .container .row-hero .caption-hero .title {
        font-size: 95px;
    }

    section.hero-home .container .row-hero .caption-hero .undertitle {
        margin-left: 60px;
    }

    section.hero-home .container .row-hero .caption-hero .hero-home-cta {
        position: relative;
        z-index: 3;
    }
}

@media (max-width: 1380px) {
    section.hero-home .container .row-hero .caption-hero {
        max-width: 50%;
    }

    section.hero-home .container .row-hero .caption-hero .title {
        font-size: 80px;
    }
}

@media screen and (max-width:1200px) {
    section.hero-home {
        background-image: none;
    }

    .image-foreground img {
        width: 100%;
    }

    section.hero-home .container {
        z-index: 9;
        overflow: hidden;
    }

    section.hero-home:before {
        display: none;
    }

    section.hero-home .container .row-hero {
        flex-direction: column;
    }

    section.hero-home .container .row-hero .caption-hero {
        padding-left: 20px;
        padding-right: 20px;
        position: absolute;
        top: 24px;
        max-width: 100vw;
        left: 0;
        z-index: 9;
        height: 100%;
    }

    section.hero-home .container .row-hero .caption-hero .overtitle {
        color: #FFF;
        font-size: 16px;
        padding-bottom: 10px;
        padding-left: 55px;
        padding-right: 20px;
        margin-left: -20px;
        margin-bottom: 19px;
        width: 100%;
        text-wrap: nowrap;
    }

    section.hero-home .container .row-hero .caption-hero .title {
        font-size: 34px;
        margin-right: 0;
        margin-bottom: 39px;
        width: 100vw;
        padding: 0;
        color: var(--color-yellow);
        margin-bottom: 15px;
    }

    section.hero-home .container .row-hero .caption-hero .undertitle {
        font-size: 16px;
        font-style: normal;
        padding-top: 13px;
        margin-left: 0;
        margin-right: -20px;
		min-height: 65px;
    }

    .foreground-image-hero .name-caption {
        position: absolute;
        right: auto;
        border-right: 0 none;
        z-index: 2;
        padding-right: 0;
        left: 20px;
        top: 300px;
        border-left: 3px solid #3F70B7;
        padding-left: 15px;
        max-width: 255px;  /*Before 123px*/
    }

    .foreground-image-hero .name-caption span {
        display: block;
        color: #fff;
        text-align: left;
        font-family: var(--font-body);
        font-size: 11px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
        letter-spacing: 1.962px;
        text-transform: uppercase;
    }

    .foreground-image-hero .name-caption span:last-child {
        font-weight: 450;
    }

    .foreground-image-hero {
        position: relative;
        padding-top: 210px;
    }

    section.hero-home .container .row-hero .caption-hero .hero-home-cta {
        display: flex;
        flex-direction: column;
        gap: 18px;
        align-items: center;
        justify-content: center;
        margin-top: 84px;
        position: absolute;
        bottom: 29px;
        width: calc(100% - 40px);
    }

    .foreground-image-hero:after {
        content: '';
        display: block;
        border-top: 90px solid transparent;
        border-right: 50vw solid #fff;
        border-bottom: 90px solid #fff;
        border-left: 50vw solid transparent;
        width: 0px;
        height: 0px;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
    }

    section.hero-home .container .row-hero .btn-gold-primary {
        font-size: 22px;
        padding: 14px 24px;
    }

    section.hero-home .container .row-hero .btn-video {
        gap: 7px;
        color: #1E1A34;
        font-size: 13px;
    }

    section.hero-home .container .row-hero .btn-video::before {
        content: "";
        width: 21px;
        height: 21px;
        display: inline-block;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' fill='none'%3E%3Cg opacity='0.6'%3E%3Cmask id='mask0_1262_12880' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='1' y='1' width='19' height='19'%3E%3Cpath d='M10.5004 19.2501C15.333 19.2501 19.2504 15.3327 19.2504 10.5001C19.2504 5.6675 15.333 1.75012 10.5004 1.75012C5.66774 1.75012 1.75037 5.6675 1.75037 10.5001C1.75037 15.3327 5.66774 19.2501 10.5004 19.2501Z' fill='white' stroke='white' stroke-width='0.816803' stroke-linejoin='round'/%3E%3Cpath d='M8.75061 10.5001V7.46906L11.3756 8.98455L14.0006 10.5001L11.3756 12.0156L8.75061 13.5311V10.5001Z' fill='black' stroke='black' stroke-width='0.816803' stroke-linejoin='round'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1262_12880)'%3E%3Cpath d='M0.000854492 6.10352e-05H21.0009V21.0001H0.000854492V6.10352e-05Z' fill='%231E1A34'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
}

.our-latest-victories {
    position: relative;
    z-index: 4;
    margin: 0 auto;
    width: 100%;
    max-width: 1360px;
    border-radius: 84.506px;
    border: 1.203px solid #FFA73F;
    background: #FFF;
    box-shadow: 0 2.359px 18.399px 0 rgba(79, 95, 121, 0.15);
    padding: 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 38px;
}

.our-latest-victories .desktop-disclaimer {
    border-radius: 80.227px;
    background: var(--GOLD, linear-gradient(90deg, #DAB128 9.62%, #FDE8A4 56.25%, #DAB128 100%));
    box-shadow: 5.616px 6.418px 8.905px 0 rgba(0, 0, 0, 0.11) inset;
    color: #1E1A34;
    text-align: center;
    font-family: var(--font-header);
    font-size: 30.528px;
    font-style: normal;
    font-weight: 700;
    line-height: 90%;
    text-transform: capitalize;
    padding: 16px 64px;
    text-transform: uppercase;
    display: none;
}

.victories-item {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.victories-item .ammount {
    color: #1E1A34;
    text-align: center;
    font-family: var(--font-body);
    font-size: 35.382px;
    font-style: normal;
    font-weight: 600;
    line-height: 77.982%;
}

.victories-item .detail {
    color: #FCBA02;
    text-align: center;
    font-family: var(--font-body);
    font-size: 23.588px;
    font-style: normal;
    font-weight: 500;
    line-height: 116.974%;
}

@media screen and (min-width: 1200px) {
    .our-latest-victories .desktop-disclaimer {
        display: flex;
    }

    .victories-item .mobile-only {
        display: none;
    }
}

@media screen and (max-width:1200px) {
	
    .victories-item {
        border-radius: 18.009px;
        border: 1.276px solid #FFA73F;
        background: #FFF;
        padding: 10.505px 5.253px;
    }

    .victories-item .mobile-only {
        border-radius: 34.385px;
        background: var(--GOLD, linear-gradient(90deg, #DAB128 9.62%, #FDE8A4 56.25%, #DAB128 100%));
        padding: 12px 28px;
        color: #1E1A34;
        text-align: center;
        font-family: var(--font-header);
        font-size: 13.506px;
        font-style: normal;
        font-weight: 700;
        line-height: 25.512px;
        text-transform: capitalize;
        text-transform: uppercase;
        text-wrap: nowrap;
    }

    .our-latest-victories {
        margin: -1px auto;
        width: 100%;
        border-radius: 0;
        border: 0 none;
        background: #FFF;
        box-shadow: unset;
    }

    .victories-item .ammount {
        font-size: 27px;
    }

    .victories-item .detail {
        font-size: 15px;
    }
}

@media screen and (max-width: 768px) {
    section.hero-home .container .row-hero .caption-hero .title {
        font-size: 35px;
    }
}
@media screen and (max-width: 600px) {
     section.hero-home .container .row-hero .btn-gold-primary{
        font-size: 18px;
        padding: 10px 18px;
     }
    .foreground-image-hero .name-caption{
        max-width: 155px;
    }
    section.hero-home .container .row-hero .caption-hero .title {
        font-size: 30px;
    }
    section.hero-home .container .row-hero .caption-hero .overtitle{
        padding-left: 10px;
    }
    
}

@media screen and (max-width: 330px) {
     section.hero-home .container .row-hero .caption-hero .overtitle{
        font-size: 16px;
    }
}