h1 span,
h2 span{color: var(--v-orange);}

footer{position: relative;}

.banner{height: auto;padding: 313px 0 369px;position: relative;overflow: hidden;z-index: 0;}
.banner::before{content: '';display: block;width: 1100px;height: 100%;background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 20%, rgba(0, 0, 0, 0.8) 100%);position: absolute;left: 0;top: 0;z-index: 1;}
.banner .text-box{max-width: 700px;position: relative;z-index: 10;}
.banner .icon-box{margin-bottom: 32px;}
.banner h2{color: var(--v-white);font-size: 64px;font-weight: 600;line-height: 77px;margin-bottom: 12px;}
.banner p{color: rgb(255 255 255 / 70%);font-size: var(--fs-20);font-weight: 500;line-height: 26px;margin-bottom: 0;}
.banner .video-box video{position: fixed;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}

.row1{background: url(https://d21u74ttq7jqzf.cloudfront.net/image/ferrari-row1-bg.webp?v=1) center top no-repeat; background-size:cover;padding: 147px 0 51px;overflow: hidden;position: relative;}
.row1::after{content: '';display: block;width: 100%;height: 435px;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 80%);position: absolute;right: 0;bottom: 0;z-index: 1;}
.row1 .inner{max-width: 1490px; position: relative; z-index: 2;}
.row1 .text-box{max-width: 800px;margin: 0 auto 292px;text-align: center;}
.row1 h2{color: var(--v-white);font-size: var(--fs-32);font-weight: 600;line-height: 38px;margin-bottom: 16px;}
.row1 p{color: rgb(255 255 255 / 80%);font-size: var(--fs-16);font-weight: 400;line-height: 24px;margin-bottom: 0;}
.row1 ul{display: flex;gap: 226px;}
.row1 ul li{max-width: 432px;position: relative;}
.row1 ul li .text-box{text-align: left;margin: 0;position: relative;z-index: 10;}
.row1 ul li .text-box .icon-box{margin-bottom: 10px;}
.row1 ul li .img-box{position: absolute;right: -186px;bottom: -75px;z-index: 0;}
.row1 ul li:nth-child(2) .img-box{right: -170px;}
.row1 ul li h1{color: var(--v-white);font-size: 48px;font-weight: 600;line-height: 57px;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid rgb(255 255 255 / 50%);}
.row1 ul li h2{color: var(--v-white);font-size: var(--fs-20);font-weight: 600;line-height: 24px;margin-bottom: 10px;}
.row1 ul li p{color: rgb(255 255 255 / 80%);font-size: var(--fs-14);font-weight: 400;line-height: 19px;margin-bottom: 0;}

.row2{padding: 120px 0;background: var(--v-white);position: relative;}
.row2 h2{font-size: 48px;font-weight: 600;line-height: 57px;margin-bottom: 32px;text-align: center;}
.row2 ul{display: flex;justify-content: center;}
.row2 ul li{width: 412px;position: relative;}
.row2 ul li::before{content: '';display: block;width: 100%;height: 100%;background: linear-gradient(209.84deg, #E35728 0%, #000000 55%);mask-image: linear-gradient(20deg, rgba(0, 0, 0, 0) 0%, #8c2e16 100%);-webkit-mask-image: linear-gradient(20deg, rgba(0, 0, 0, 0) 0%, #8c2e16 100%);position: absolute;right: 0;top: 0;opacity: 0;transition: .7s;}
.row2 ul li .img-box{overflow: hidden;}
.row2 ul li .img-box img{transition: .7s;}
.row2 ul li .img-mobile{display: none;}
.row2 ul li a{display: block;}
.row2 ul li h2{width: 100%;color: var(--v-white);font-size: var(--fs-32);font-weight: 600;line-height: 40px;margin-bottom: 0;position: absolute;left: 50%;transform: translateX(-50%);bottom: 49px;z-index: 10;transition: .7s;}
.row2 ul li h2::after{content: '';display: block;width: 37px;height: 5px;background: url(/wp-content/themes/vantage/images/ferrari-row2-icon1.svg) left center no-repeat; background-size:cover;position: absolute;left: 50%;transform: translateX(-50%);bottom: -8px;}
.row2 ul li:hover .img-box img{transform: scale(1.10);}
.row2 ul li:hover h2{transform: translate(-50%, -10px);}
.row2 ul li:hover::before{opacity: 1;z-index: 10;}
.row2 ul li .icon-box{display: none;}

.row3{background: url(https://d21u74ttq7jqzf.cloudfront.net/image/ferrari-row3-bg.webp?v=3) center center no-repeat; background-size:cover;padding: 20px 0 0;position: relative;overflow: hidden;background-attachment: fixed;}
.row3 .inner{position: relative;}
.row3 .inner::after{content: '';display: block;width: 435px;height: 62px;background: url(https://d21u74ttq7jqzf.cloudfront.net/image/ferrari-logo1.webp) center center no-repeat; background-size:cover;position: absolute;top: 37px;right: -80px;}
.row3 .img-box{text-align: center;position: relative;}

.row4{position: relative;overflow: hidden;background: var(--v-grey-light3);}
.row4 .video-box video{position: relative;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}

html[lang='ar-AE'] .banner .text-box,
html[lang='ar-AE'] .row1 p,
html[lang='ar-AE'] .row1 ul li .text-box{text-align: right;}

@media (max-width:3000px) {
    .banner p{font-size: 28px;line-height: 42px;}

    .row1 h2{font-size: 48px;line-height: 56px;}
    .row1 p{font-size: 24px;line-height: 34px;}
    .row1 ul li h2{font-size: 28px;line-height: 34px;}
    .row1 ul li p{font-size: 24px;line-height: 28px;}
    .row1 ul li .img-box{bottom: -50px;}
}
@media (max-width:1920px) {
    .banner p{color: rgb(255 255 255 / 70%);font-size: var(--fs-20);font-weight: 500;line-height: 26px;margin-bottom: 0;}

    .row1 h2{color: var(--v-white);font-size: var(--fs-32);font-weight: 600;line-height: 38px;margin-bottom: 16px;}
    .row1 p{color: rgb(255 255 255 / 80%);font-size: var(--fs-16);font-weight: 400;line-height: 24px;margin-bottom: 0;}
    .row1 ul li .img-box{position: absolute;right: -186px;bottom: -75px;z-index: 0;}
    .row1 ul li h2{color: var(--v-white);font-size: var(--fs-20);font-weight: 600;line-height: 24px;margin-bottom: 10px;}
    .row1 ul li p{color: rgb(255 255 255 / 80%);font-size: var(--fs-14);font-weight: 400;line-height: 19px;margin-bottom: 0;}
}
@media (max-width:1840px) {
    /* .row1::after{display: none;} */
}
@media (max-width:1790px) {
    .row3 .inner::after{right: 0;}
}
@media (max-width:1640px) {
    .row3{padding: 150px 0 0;}
    .row3 .inner::after{right: auto;left: 50%;transform: translateX(-50%);top: -100px;}
}
@media (max-width:1440px) {
    .row2{padding: 100px 0;}
}
@media (max-width:1340px) {
    .row1 ul li h1{font-size: 40px;line-height: 1.05;}

    .row2 h2{font-size: 40px;line-height: 1.05;}
}
@media (max-width:1240px) {
    .row2{padding: 80px 0;}
}
@media (max-width:1120px) {
    .row1 ul{gap: 100px;}
    .row1 ul li .img-box{right: -90px;}
    .row1 ul li:nth-child(2) .img-box{right: -90px;}
}
@media (max-width:1100px) {
    .banner::before{width: 500px;}
}
@media (max-width:1040px) {
    .row2 ul{background: #0E0000;}
}
@media (max-width:1024px) {
    .banner{padding: 150px 0 300px;}
    .banner h2{font-size: var(--fs-60);}

    .row1{padding: 100px 0 51px;}
    .row1 ul li .img-box img{width: 85%;}
    .row1 ul li h1{font-size: 36px;}
    .row1 ul li .img-box{bottom: -50px;}

    .row2{padding: 60px 0;}
    .row2 h2{font-size: 36px;}
    .row2 ul li h2{line-height: 1.05;font-size: 24px;bottom: 36px;}
}
@media (max-width:980px) {
    .row1 ul{gap: 20px;}
    .row1 ul li .img-box{bottom: 18px;}
}
@media (max-width:860px) {
    .row1 ul li .img-box{bottom: 60px;}
}
@media (max-width:840px) {
    .banner::before{width: 300px;}
}
@media (max-width:768px) {
    .banner{background: url(https://d21u74ttq7jqzf.cloudfront.net/image/ferrari-banner-mobile.webp?v=2) center center no-repeat; background-size:cover;padding: 476px 0 0;}
    .banner::before{width: 100%;height: 590px;background: linear-gradient(360deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 0.5) 100%);}
    .banner .inner{position: absolute;left: 0;top: 112px;}
    .banner .text-box{text-align: center;}
    .banner .icon-box{margin-bottom: 24px;}
    .banner .icon-box img{width: 60%;}
    .banner .video-box video{position: relative;}

    .row1 .text-box{margin-bottom: 240px;}
    .row1 ul li{max-width: 320px;}
    .row1 ul li h1{font-size: 30px;}
    .row1 ul li .img-box{right: 40px;bottom: 150px;}
    .row1 ul li:nth-child(2) .img-box{right: 40px;}
    .row1 ul li .img-box img{width: 100%;}

    .row2 h2{font-size: 30px;}
    .row2 ul{flex-wrap: wrap;background: unset;gap: 16px;}

    .row3 .inner::after{width: 290px;height: 42px;}

    .row4{background: var(--v-white);}
    .row4 .video-box video{top: -1px;}

    html[lang='zh-hans-MY'] .row1 .text-box{margin-bottom: 280px;}
    html[lang='zh-hans-MY'] .row1 ul li .text-box{margin-bottom: 0;}
    html[lang='zh-hant-TW'] .row1 .text-box{margin-bottom: 280px;}
    html[lang='zh-hant-TW'] .row1 ul li .text-box{margin-bottom: 0;}
    html[lang='ar-AE'] .banner .text-box{text-align: center;}
    html[lang='fr-FR'] .row1 ul li .img-box{bottom: 210px;}
}
@media (max-width:720px) {
    .row1 ul li .img-box{right: -20px;}
    .row1 ul li:nth-child(2) .img-box{right: -20px;}
}
@media (max-width:680px) {
    .row1 ul li .img-box{right: -60px;}
    .row1 ul li:nth-child(2) .img-box{right: -60px;}
}
@media (max-width:620px) {
    .row1 .text-box{margin-bottom: 160px;}
    .row1 ul li .text-box .icon-box img{width: 32px;}
    .row1 ul li:nth-child(2) .text-box .icon-box img{width: 80px;}
    .row1 ul li h1{font-size: 15px;line-height: 18px;}
    .row1 ul li h2{font-size: 12px;line-height: 14px;}
    .row1 ul li p{font-size: 12px;line-height: 17px;}
    .row1 ul li .img-box{width: 202px;right: 30px;bottom: 130px;}
    .row1 ul li:nth-child(2) .img-box{right: 30px;}

    html[lang='de-DE'] .row1 ul li .img-box{bottom: 180px;}
    html[lang='es-ES'] .row1 ul li .img-box{bottom: 200px;}
    html[lang='pt-PT'] .row1 ul li .img-box{bottom: 200px;}
    html[lang='vi-VN'] .row1 ul li .img-box{bottom: 200px;}
    html[lang='ms-MY'] .row1 ul li .img-box{bottom: 200px;}
    html[lang='th-TH'] .row1 ul li .img-box{bottom: 200px;}
    html[lang='mn-MN'] .row1 ul li .img-box{bottom: 200px;}
    html[lang='kk-KZ'] .row1 ul li .img-box{bottom: 200px;}
    html[lang='tl-PH'] .row1 ul li .img-box{bottom: 200px;}
}
@media (max-width:540px) {
    .row1 ul li .img-box{bottom: 180px;}
}
@media (max-width:510px) {
    .banner{padding: 304px 0 0;}
    .banner::before{height: 380px;}
    .banner .inner{top: 56px;}
    .banner .icon-box{text-align: center;margin-bottom: 24px;}
    .banner .icon-box img{width: 74%;}
    .banner h2{font-size: 28px;line-height: 33px;margin-bottom: 8px;}
    .banner p{line-height: 24px;}
    .banner .video-box video{height: 476px;}

    .row1{padding: 56px 0 40px;}
    .row1 .text-box{margin-bottom: 142px;}
    .row1 h2{font-size: 20px;line-height: 25px;margin-bottom: 10px;}
    .row1 p{line-height: 19px;}
    .row1 ul{justify-content: center;}
    .row1 ul li{max-width: 180px;}
    .row1 ul li .img-box{right: -10px;}
    .row1 ul li:nth-child(2) .img-box{right: -10px;}

    .row2{padding: 32px 0;}
    .row2 h2{font-size: 20px;line-height: 24px;margin-bottom: 16px;}
    .row2 ul{gap: 8px;}
    .row2 ul li{width: 354px;}
    .row2 ul li::before{display: none;}
    .row2 ul li h2{font-size: 18px;line-height: 22px;bottom: 30px;}
    .row2 ul li h2 br{display: none;}
    .row2 ul li .img-pc{display: none;}
    .row2 ul li .img-mobile{display: block;}
    .row2 ul li .icon-box{display: block;position: absolute;left: 50%;transform: translateX(-50%);bottom: 59px;}
    .row2 ul li:hover .img-box img{transform: scale(1);}
    .row2 ul li:hover h2{transform: translate(-50%, 0px);}

    .row3{padding: 91px 0 0;}
    .row3 .inner::after{width: 260px;height: 36px;top: -60px;}
    .row3 .img-box{margin: 0 -40px;}

    html[lang='it-IT'] .row1 ul li .img-box{bottom: 214px;}
    html[lang='de-DE'] .row1 ul li .img-box{bottom: 230px;}
    html[lang='fr-FR'] .row1 ul li .img-box{bottom: 260px;}
    html[lang='es-ES'] .row1 ul li .img-box{bottom: 250px;}
    html[lang='pt-PT'] .row1 ul li .img-box{bottom: 250px;}
    html[lang='vi-VN'] .row1 ul li .img-box{bottom: 260px;}
    html[lang='ms-MY'] .row1 ul li .img-box{bottom: 260px;}
    html[lang='th-TH'] .row1 ul li .img-box{bottom: 230px;}
    html[lang='id-ID'] .row1 ul li .img-box{bottom: 250px;}
    html[lang='mn-MN'] .row1 ul li .img-box{bottom: 270px;}
    html[lang='kk-KZ'] .row1 ul li .img-box{bottom: 260px;}
    html[lang='tl-PH'] .row1 ul li .img-box{bottom: 260px;}
}
@media (max-width:420px) {
    .row1 ul li .img-box{right: -16px;bottom: 214px;}
    .row1 ul li:nth-child(2) .img-box{right: -16px;}

    html[lang='de-DE'] .row1 ul li .img-box{bottom: 270px;}
    html[lang='es-ES'] .row1 ul li .img-box{bottom: 280px;}
    html[lang='pt-PT'] .row1 ul li .img-box{bottom: 280px;}
    html[lang='ar-AE'] .row1 ul li .img-box{bottom: 170px;}
}
@media (max-width:393px) {
    .row4 .video-box video{height: 360px;}

    html[lang='fr-FR'] .row1 ul li .img-box{bottom: 290px;}
    html[lang='es-ES'] .row1 ul li .img-box{bottom: 290px;}
    html[lang='pt-PT'] .row1 ul li .img-box{bottom: 290px;}
    html[lang='ar-AE'] .row1 ul li .img-box{bottom: 190px;}
    html[lang='vi-VN'] .row1 ul li .img-box{bottom: 310px;}
    html[lang='ms-MY'] .row1 ul li .img-box{bottom: 310px;}
    html[lang='th-TH'] .row1 ul li .img-box{bottom: 260px;}
    html[lang='id-ID'] .row1 ul li .img-box{bottom: 250px;}
    html[lang='mn-MN'] .row1 ul li .img-box{bottom: 300px;}
    html[lang='tl-PH'] .row1 ul li .img-box{bottom: 340px;}
}
@media (max-width:390px) {
    .row1 ul li .img-box{bottom: 270px;}

    html[lang='it-IT'] .row1 ul li .img-box{bottom: 270px;}
    html[lang='de-DE'] .row1 ul li .img-box{bottom: 300px;}

}
@media (max-width:370px) {
    .row1 ul li .img-box{bottom: 290px;}

    .row4 .video-box video{height: auto;}

    html[lang='it-IT'] .row1 ul li .img-box{bottom: 300px;}
    html[lang='fr-FR'] .row1 ul li .img-box{bottom: 330px;}
    html[lang='es-ES'] .row1 ul li .img-box{bottom: 360px;}
    html[lang='pt-PT'] .row1 ul li .img-box{bottom: 360px;}
    html[lang='id-ID'] .row1 ul li .img-box{bottom: 300px;}
    html[lang='mn-MN'] .row1 ul li .img-box{bottom: 360px;}
    html[lang='kk-KZ'] .row1 ul li .img-box{bottom: 310px;}

}
@media (max-width:350px) {
    html[lang='de-DE'] .row1 ul li .img-box{bottom: 350px;}
    html[lang='fr-FR'] .row1 ul li .img-box{bottom: 380px;}
    html[lang='vi-VN'] .row1 ul li .img-box{bottom: 360px;}
    html[lang='ms-MY'] .row1 ul li .img-box{bottom: 360px;}
    html[lang='th-TH'] .row1 ul li .img-box{bottom: 300px;}
    html[lang='tl-PH'] .row1 ul li .img-box{bottom: 390px;}
}
@media (max-width:340px) {
    html[lang='it-IT'] .row1 ul li .img-box{bottom: 360px;}
    html[lang='de-DE'] .row1 ul li .img-box{bottom: 380px;}
    html[lang='sv-SE'] .row1 ul li .img-box{bottom: 330px;}
}