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

.banner{height: auto;padding:288px 0;position: relative;overflow: hidden;z-index: 0;background: url('/wp-content/themes/vantage/images/ferrari-banner-bg.webp') center top no-repeat;background-size:cover;}
.banner::before{content: '';display: block;width: 1000px;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: 600px;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;}
.banner-img{position: absolute;bottom: 0;right: 0;}

.full-video{position: fixed; left: 0; top: 0; z-index: 9999; background: #000; width: 100%; height: 100%;  display: none;}
.full-video.full{display: block;}
.full-video .close{position: absolute;z-index: 9999999; width: 50px; height: 50px; right: 20px; top: 40px; color: #fff; font-size: 36px; border-radius: 50%; text-align: center; line-height: 50px; transition: .2s; cursor: pointer;}
.full-video .video-wrap{max-width: 1920px; position: relative;width: 100%; height: 100%; margin: 0 auto;}
.full-video .close:hover{background: #fff; color: #000;}
.full-phone{display: none;}

.ferrari-card{position: relative;z-index: 2;padding-top: 120px;padding-bottom: 160px;background: url(/wp-content/themes/vantage/images/ferrari-card-bg.webp?v=1) center top no-repeat;background-size: 100% 100%;margin-top: -1px;}
.ferrari-card .inner h2{font-size: 48px;font-weight: 600;line-height: 1.5;margin-bottom: 32px;text-align: center;color: var(--v-white);}
.ferrari-card .bottom_video {position: relative;z-index: 2;overflow: hidden;clip-path: polygon(0 0, calc(100% - 105px) 0, 100% 105px, 100% 100%, 125px 100%, 0 calc(100% - 125px), 0 0);position: relative;cursor: pointer;}
#pause-image {position: absolute;top: 50%;left: 50%;max-width:107px;transform: translate(-50%,-50%); animation: fadeIn 1s ease-in-out both;}


.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;}

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: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;}
    .banner{padding: 200px 0;}
    .banner::before{width: 700px;}
    .banner .text-box{width: 50%;}
    .banner-img{width: 58%;}
}
@media (max-width:1340px) {
    .row1 ul li h1{font-size: 40px;line-height: 1.05;}

    .ferrari-card .inner h2{font-size: 40px;}

    .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;}
    .banner{padding: 130px 0;}
}
@media (max-width:1040px) {
    .row2 ul{background: #0E0000;}
}
@media (max-width:1024px) {
    .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;}

    .ferrari-card .inner h2{font-size: 36px;}

    .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;}
    .banner{padding: 100px 0;}
}
@media (max-width:768px) {
    .banner{padding: 70px 0 0;}
    .banner .text-box{width: 100%;}
    .banner-img{width:100%;}
    .banner::before{width: 100%;height:400px;background: linear-gradient(360deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 20%, rgba(0, 0, 0, 0.5) 100%);}
    .banner .text-box{text-align: center;margin-bottom: 80px;}
    .banner .icon-box{margin-bottom: 24px;}
    .banner .icon-box img{width: 60%;}
    .banner .video-box video{position: relative;}
    .banner-img{position: inherit;}
    
    .full-phone{display: block;}
    .full-pc{display: none;}
    .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%;}

    .ferrari-card{padding-top: 32px;padding-bottom: 32px;}
    .ferrari-card .inner h2{font-size: 30px;margin-bottom: 24px;}
    .ferrari-card .bottom_video {clip-path: polygon(0 0,calc(100% - 32px) 0,100% 32px,100% 100%,37px 100%,0 calc(100% - 37px),0 0);}

    .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;}

    .ferrari-card .inner h2{font-size: 20px;}

    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:56px 0 0;}
    .banner .text-box{margin-bottom: 50px;}
    .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;}

    #pause-image {max-width: 50px;}        

    .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;}
}