.title-box {text-align: center;}
.title-box h1, 
.title-box h2 {font-size: var(--fs-56); color: var(--v-black-light); font-weight: 600;}
.title-box h1 span, 
.title-box h2 span {color: var(--v-orange);}
.title-box p {margin: 0; font-size: var(--fs-22); color: var(--v-black);}

.row1{background: url(/wp-content/themes/vantage/images/analysis-economic-calendar-banner-bg.webp) top center no-repeat; background-size: cover; position: relative;}
.row1 .inner{padding-top: 66px; padding-bottom: 72px; position: relative; display: flex; justify-content: space-between; align-items: flex-end;}
.row1 .inner .title-box{width: 60%; max-width: 730px; text-align: left;}
.row1 .inner .title-box h1{font-size: var(--fs-50); margin-bottom: 13px; color: var(--v-black);}
.row1 .inner .title-box p{font-size: var(--fs-20);}
.row1 .inner .title-box p:first-of-type{margin-bottom: 17px;}
.row1 .inner .title-box p:last-of-type{margin: 0; color: var(--v-green-darker);}
.row1 .inner .button-box{min-width: fit-content;}

.row2{background: url(/wp-content/themes/vantage/images/analysis-economic-calendar-row2-bg.webp) top center no-repeat; background-size: cover; }
.row2 .inner{padding-top: 80px; padding-bottom: 120px;}
.row2 .inner .title-box{max-width: 828px; text-align: center; margin: 0 auto;}
.row2 .inner .title-box h2{font-size: var(--fs-56); margin-bottom: 32px;}
.row2 .inner .title-box p{font-size: var(--fs-18); margin-bottom: 24px;}
.row2 .inner .content-box{max-width: 1200px; border: 16px solid var(--v-black); border-radius: 16px; box-shadow: 0px 30px 60px #0000004D; margin: 0 auto; margin-top: 44px; background: var(--v-black);}
.row2 .inner .content-box .wrap iframe{width: 100%; border-radius: 10px; height: 609px; margin-bottom: -7px;}
.row2 .inner .animation .wrap{width: 1px; height: 64px; background: #ccc; margin: 0 auto; position: relative; overflow: hidden;}
.row2 .inner .animation .wrap div{position: absolute; background: #E1673D; width: 100%; height: 60%; top: -50%; animation: TD 3s linear infinite;}
@keyframes TD {
    0%{top: -60%}
    100%{top: 100%;}
}

.explore-more-content{background: #f1f1f1; overflow: hidden;}
.explore-more-content .inner{ padding-top:80px; padding-bottom:120px;}
.explore-more-content h2{ font-size:var(--fs-56); margin-bottom:59px; color: var(--v-black);}
.explore-more-content ul{ display:flex; text-align:center;}
.explore-more-content ul li{ padding-left:39px; padding-right:39px; padding-bottom:61px; width:calc(100% / 3); color:var(--v-black); position:relative; height: auto;}
.explore-more-content ul li:before{ content:""; display:block; width:1px; height:154px; background:#d4d4d4; position:absolute; left:0px; top:50%; transform: translateY(-50%) translateZ(0px);}
.explore-more-content ul li:first-child:before{ display:none;}
.explore-more-content ul .icon{ padding-bottom:22px;}
.explore-more-content ul .text-box{margin-bottom:11px;}
.explore-more-content ul h3{ margin-bottom:18px;font-size: var(--fs-22);}
.explore-more-content ul p{ text-align:center; margin-bottom:0px;}
.explore-more-content .live-button{position: absolute; margin: auto; left: 0; right: 0; bottom: 0;}

.row4 .trade-on-app{background: var(--v-white);}
.row4 .trade-on-app .trade-on-app-top{padding: 35px 20px 31px 47px;background:url(/wp-content/themes/vantage/images/analysis-economic-calendar-row4-bg.webp) no-repeat;background-size: cover;position: relative;border-radius: 20px 20px 0px 0px; background-position: 1% top;}
.row4 .trade-on-app .trade-on-app-top h2 br{display: block;}
.row4 .trade-on-app .trade-on-app-top .img-box{max-width: 560px; bottom: 0; right: 0;}

html[lang='ar-AE'] .row1 .inner .title-box{ display: flex; flex-direction: column; align-items: flex-end;}
html[lang='ar-AE'] .row1 .inner .title-box p:first-of-type,
html[lang='ar-AE'] .row1 .inner .title-box h1{text-align: right;}
@media (max-width:940px) {
    .explore-more-content ul li{padding: 0 20px 61px;}
}

@media (max-width:768px) {
    .row1 .inner{padding-top: 23px; padding-bottom: 28px; flex-direction: column; align-items: center;}
    .row1 .inner .title-box{width: 100%; text-align: center; margin-bottom: 16px;}
    .row1 .inner .title-box h1{margin-bottom: 8px;}
    .row1 .inner .title-box p:first-of-type{margin-bottom: 8px;}
    .row1 .inner .title-box p:last-of-type{color: var(--v-black);}

    .row2 .inner {padding-top: 32px; padding-bottom: 32px;}

    .explore-more-content .inner{ padding-top:32px; padding-bottom: 32px;}
    .explore-more-content h2{margin-bottom: 30px;}
    .explore-more-content ul{flex-direction: column; gap: 60px; align-items: center;}
    .explore-more-content ul li{width: 100%; max-width: 354px; padding: 0 0 61px;}
    .explore-more-content ul .icon{padding-bottom: 12px;}
    .explore-more-content ul .icon img{max-width: 140px;}
    .explore-more-content ul .text-box{margin-bottom: 20px;}
    .explore-more-content ul h3{margin-bottom: 12px;}
    .explore-more-content ul li:before{display: none;}

    .row4 .trade-on-app{padding: 100px 0 70px;}
    .row4 .trade-on-app .trade-on-app-top .img-box{max-width: 350px;}
}
@media (max-width:600px) {
    .trade-on-app .trade-on-app-bottom .text-box{flex-direction: column;}
    .trade-on-app .trade-on-app-bottom .text-box li{ max-width: 100%;}
}

@media (max-width:510px) {
    .explore-more-content .inner{ padding-top:30px; padding-bottom:50px;}
    .explore-more-content ul li{padding: 0 15px 50px;}

    .row2 .inner .title-box h2{margin-bottom: 8px;}
    .row2 .inner .content-box{border-width: 8px; border-radius: 8px; margin-top: 32px; box-shadow: none;}
    .row2 .inner .content-box .wrap iframe{border-radius: 4px; height: 450px;}

    .row4 .trade-on-app{padding: 60px 0 30px;}
    .row4 .trade-on-app .trade-on-app-top{padding: 24px 20px 131px 23px;}
    .row4 .trade-on-app .trade-on-app-top .img-box{display: block;}
    .row4 .trade-on-app .trade-on-app-bottom{padding: 20px 12px;}
    .row4 .trade-on-app .trade-on-app-bottom ul li{margin-bottom: 16px;}
    .row4 .trade-on-app .trade-on-app-bottom ul li .step-index{float: left; width: 24px; height: 24px; margin: 0; margin-right: 8px;}
    .row4 .trade-on-app .trade-on-app-bottom ul li .step-title h3{margin-bottom: 0; margin-top: 2px; float: left;}
    .row4 .trade-on-app .trade-on-app-bottom ul li .step-message{float: left; padding-left: 32px;}
    .row4 .trade-on-app .trade-on-app-bottom .img-box{flex-direction: row; gap: 6px; padding: 0;}
    .row4 .trade-on-app .trade-on-app-bottom .img-box a{max-width: 162px;}

    html[lang='ar-AE'] .row4 .trade-on-app .trade-on-app-bottom ul li{display: flex;flex-direction: column;align-items: start;}
}