.banner{ width: 100%; overflow: hidden; background: url(/wp-content/themes/vantage/images/lucky-draw-gold-bless-banner-bg.webp) center top no-repeat; position: relative; }
.banner:before,
.banner:after{content:""; display: block; width: 50%; position: absolute; top: 0; z-index: -1; height: 100%;}
.banner:before{ left: 0; background: url(/wp-content/themes/vantage/images/lucky-draw-gold-bless-banner-bg-left.webp) center top repeat-x;}
.banner:after{ right: 0; background: url(/wp-content/themes/vantage/images/lucky-draw-gold-bless-banner-bg-right.webp) center top repeat-x;}

.banner .banner-inner{display: flex; justify-content: space-between; align-items: center; height: 600px; max-width:1442px; position: relative; padding-bottom: 20px;}
.banner-inner .text-box{width: 620px; max-width:55%; position: relative; z-index: 10;}
.banner-inner .text-box h1{font-size: 48px; font-weight: 600; color: var(--v-white); margin-bottom: 20px;line-height: 1.05;}
.banner-inner .text-box h1 span{color: #FF8E5C; font-size:20px; font-weight: 500; display: block; padding-bottom:7px; line-height:1.2;}
.banner-inner .text-box h1 span br{ display: none;}
.banner-inner .text-box .orange-button.p18{margin-bottom: 11px; padding: 18px 36px; text-transform: none; box-shadow: 0px 8px 20px 0px #B75D2670;}
.banner-inner .text-box p{font-size: 20px;font-weight: 500; color:rgba(255,255,255,0.8); margin-bottom: 22px; line-height: 1.3;}
.banner-inner .text-box .small-txt{font-size: 14px; margin: 0; padding-left:4px; font-weight: 400; color:rgba(255,255,255,0.8);}
.banner-inner .text-box .small-txt a{text-decoration: underline;}
.banner-inner .text-box .small-txt a:hover {text-decoration: underline;}
.banner-inner .img-box{ position: absolute; right: -286px; top:7px; width: 1217px; max-width:90%;}
.banner-inner .img-box img.banner-img-mb{ display: none;}
h2{ font-size: 48px; font-weight: 600;color: var(--v-white); margin-bottom: 13px; line-height: 1.22; text-align:center;}
h2 span{color: #FF8E5C;}

.row1-content{ width: 100%; position: relative;}
.row1-content:before,
.row1-content:after{content:""; display: block; width: 50%; position: absolute; top: 0; height: 100%;}
.row1-content:before{ left: 0; background: url(/wp-content/themes/vantage/images/lucky-draw-gold-bless-row1-bg-left.webp) center top repeat-x;}
.row1-content:after{ right: 0; background: url(/wp-content/themes/vantage/images/lucky-draw-gold-bless-row1-bg-right.webp) center top repeat-x;}
.row1-content-bg{ background: url(/wp-content/themes/vantage/images/lucky-draw-gold-bless-row1-bg.webp) center top no-repeat; width: 100%; position: relative; z-index: 1;}
.row1-img{ position: absolute; left: 50%; transform: translateX(-50%); top:-155px; max-width:1920px;}
.row1-img-mb{ display: none;}
.row1-content .row1-content-inner{ position: relative; max-width: 1030px; margin: 0 auto; z-index: 2; transform: translateY(-30px);}
.row1-content .row1-content-inner .top-bg{ background: url(/wp-content/themes/vantage/images/lucky-draw-gold-bless-row1-nr-top.webp) center top no-repeat; background-size:100% auto; height:62px;}
.row1-content .row1-content-inner .text-box{ background: url(/wp-content/themes/vantage/images/lucky-draw-gold-bless-row1-nr-bottom.webp) center bottom no-repeat; background-size:100% auto; text-align:center; padding:0px 120px 105px;}
.row1-content .row1-content-inner .text-box h2{ color: #C62400; margin-bottom:13px;}
.row1-content .row1-content-inner .text-box p{ margin: 0; color: #034854; font-size: 28px; font-weight: 500;}

html[lang='en-IN'] .row1-content .row1-content-inner .text-box h2{ font-size:32px; color:#034854;}
html[lang='en-IN'] .row1-content .row1-content-inner .text-box h2 span{ color:#C62400;}
html[lang='en-IN'] .row1-content .row1-content-inner .text-box h2,
html[lang='en-IN'] .row1-content .row1-content-inner .text-box p{max-width:680px; margin-left:auto; margin-right:auto;}

.content-wrap{ background: url(/wp-content/themes/vantage/images/lucky-draw-gold-bless-content-bg.webp) center top repeat-y; width: 100%; position: relative; }
.content-wrap:before,
.content-wrap:after{content:""; display: block; width: 50%; position: absolute; top: 0; z-index: -1; height: 100%;}
.content-wrap:before{ background-color:#520100; left: 0; }
.content-wrap:after{ background-color:#5d0000; right: 0;}
.row2{ width: 100%; overflow: hidden;}
.row2 .inner{ max-width:1440px; padding-top:56px; padding-bottom:120px;}
.row2 h2{ text-transform: uppercase;}
.row2 p.top-text{ text-align:center; font-size:16px; line-height:1.3; color:var(--v-white); opacity: 0.7; margin: 0 auto 59px;}
.row2-content{ display: flex; justify-content: space-between; flex-wrap: wrap; gap:24px}
.row2-content li{ width:608px; max-width:calc(50% - 12px); padding: 2px;}
.row2-content li:nth-child(1){ background: url(/wp-content/themes/vantage/images/lucky-draw-gold-bless-row2-nr-bg1.webp) center center no-repeat; background-size:100% 100%;}
.row2-content li:nth-child(2){ background: url(/wp-content/themes/vantage/images/lucky-draw-gold-bless-row2-nr-bg2.webp) center center no-repeat; background-size:100% 100%;}
.row2-content li:nth-child(1) .list-box{ background-color:#d53e14;}
.row2-content li:nth-child(2) .list-box{ background-color:#002329;}
.row2-content li .list-box{ width: 100%; height: 100%; text-align:center; padding: 30px 30px 28px; position: relative;}
.row2-content li:nth-child(1) .list-box .list-img{ position: absolute; left: -306px; bottom:-100px; width: 363px; height: 189px;}
.row2-content li:nth-child(2) .list-box .list-img{ position: absolute; right: -194px; top:-105px; width: 348px; height: 219px;}
.row2-content li h3{ font-size: 28px; font-weight: 600;color: var(--v-white); margin-bottom: 14px; line-height: 1.3; position: relative;}
.row2-content li p{ font-size: 16px; color:rgba(255,255,255,0.8); margin-bottom: 0; line-height: 1.5; position: relative;}
.row2-content li h4{ font-size: 16px; font-weight: 600;color: var(--v-white); margin-bottom: 7px; line-height: 1.2;}
.row2-content li img{ margin-bottom:25px;}
.row2-content li img.row2-img-mb{ display: none;}
.row2-content li .text-box p{ font-size: 14px; font-weight: 500;}
.row2-content li .list-box-inner{ display: flex; justify-content: space-between; flex-wrap: wrap; padding-top:24px; max-width:528px; margin: 0 auto; position: relative;}
.row2-content li .list-box-inner .text-box{ width:252px; max-width:50%;}

.row3{background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 40.59%); width: 100%; overflow: hidden;}
.row3 .inner{ max-width:1440px; padding-top:75px; padding-bottom:120px;}
.row3 h2{ max-width:900px; margin-left:auto; margin-right:auto; margin-bottom:10px;}
.row3 p.top-text{ text-align:center; font-size:20px; font-weight:500; line-height:1.3; color:var(--v-white); opacity: 0.7; margin: 0 auto 56px;}
.row3 .wire{position: absolute;top: 31px;height: 3px;background:#ff8e5c;transition: .4s;}
.row3 .join-tab-list{display: flex;justify-content: center;margin-bottom:90px;cursor: pointer;position: relative; z-index: 1;}
.row3 .join-tab-list .tab-item{position: relative;}
.row3 .join-tab-list .tab-item::after{content:"";display:block;width: 100%;height: 1px;background:rgba(255,255,255,0.25);position: absolute;bottom: -3px;left: 0;}
.row3 .join-tab-list p{ color: var(--v-white);font-size:28px;font-weight: 500;line-height: 1.2;margin-bottom: 0;text-align: center; padding: 4px 8px 0px;}
.row3 .join-tab-list .tab-item.active p{color:#ff8e5c;font-weight: 600; padding-top:0px;/*  padding-left:8px; padding-right:8px; */}
.row3 .tab-con-item{display: none;}
.row3 .tab-con-item.active{display: block;}
.row3 .tabContent-top{background: url(/wp-content/themes/vantage/images/lucky-draw-gold-bless-row3-top-bg.webp) center center no-repeat; background-size: cover; position: relative; border-radius:16px 16px 0px 0px; min-height:212px; display: flex; justify-content: flex-start; align-items: center; padding: 20px 40px 10px; box-shadow: 0px 20px 30px 0px #00000029;}
.row3 .tabContent-top .text-box{ width: 630px; max-width:60%; position: relative; z-index: 1;}
.row3 .tabContent-top .img-box{ position: absolute; right: -108px; bottom:-80px; width: 730px; max-width:65%;}
.row3 h3{ font-size: 20px; font-weight: 600;color: var(--v-white); margin-bottom: 16px; line-height: 1.2;}
.row3 h3 span{color: var(--v-orange);}
.row3 .orange-arrow-button.p18{ padding:23px 62px 21px 28px ; text-transform: none;}
.row3 .tabContent-bottom{ background:var(--v-white); border-radius:0px 0px 16px 16px; padding: 32px 20px 32px 60px; position: relative; box-shadow: 0px 20px 30px 0px #00000029;}
.row3 .tabContent-bottom ul{ display: flex;flex-wrap: wrap;}
.row3 .tabContent-bottom ul li{ width: calc(100% / 3); padding-right:40px;}
.row3 span.num-text{ background:var(--v-orange); display: flex; justify-content: center; align-items: center; font-size: 20px; font-weight: 600; text-align:center; border-radius:50%; margin-bottom:8px; color:var(--v-white); width: 52px; height: 52px;}
.row3 h4{ font-size: 20px; font-weight: 600;color: var(--v-orange); margin-bottom: 11px; line-height: 1.22;}
.row3 p{color: var(--v-black); font-size:16px; margin-bottom: 0; line-height: 1.5;}
html[lang='en-IN'] .row3 .tabContent-bottom ul li:nth-child(1) p{ max-width:306px;}

@media (max-width:1800px){
    .row2-content li:nth-child(1) .list-box .list-img{ width: 250px; height: auto; left: -160px; bottom: -65px;}
    .row2-content li:nth-child(2) .list-box .list-img{ width: 250px; height: auto; right: -130px; top:-75px;}
}

@media (max-width:1440px){
    h2{ font-size: 42px;}
    
    .banner-inner .text-box h1{font-size: 42px;}    
    
    .row1-img{ max-width:1600px; top: -130px;}
    
    .row2 .inner{ padding-top:45px; padding-bottom:90px;}
    .row2-content li:nth-child(1) .list-box .list-img{ width: 160px; height: auto; left: -95px; bottom:-50px;}
    .row2-content li:nth-child(2) .list-box .list-img{ width: 200px; height: auto; right: -75px; top:-60px;}
    
    .row3 p.top-text{ margin-bottom:45px;}
    .row3 .join-tab-list{ margin-bottom:75px;}
}

@media (max-width:1240px){
    h2{ font-size: 36px;}

    .banner-inner .text-box h1{font-size: 36px;}
    .banner-inner .img-box{ width: 1080px; max-width:1080px;}
    .banner-inner .text-box{ max-width:45%;}
    .banner-inner .text-box p{ font-size:18px;}

    .row1-content .row1-content-inner .top-bg{ height: 70px;}
    .row1-content .row1-content-inner .text-box{ padding-bottom:110px;}
    .row1-content .row1-content-inner .text-box p{font-size:26px;}    
    .row1-img{ max-width:1300px; top: -150px;}
    
    .row2 .inner{ padding-top:35px; padding-bottom:70px;}
    .row2-content li:nth-child(1) .list-box .list-img{ width: 140px; height: auto; left: -70px; bottom:-40px;}
    .row2-content li:nth-child(2) .list-box .list-img{ width: 180px; height: auto; right: -65px; top:-55px;}

    .row3 p.top-text{ margin-bottom:35px;}
    .row3 .join-tab-list{ margin-bottom:60px;}
    .row3 .join-tab-list p{ font-size:22px;}
}
@media (max-width:1024px){
    h2{ font-size: 32px;}
    
    .banner-inner .text-box h1{font-size: 32px;}
    .banner-inner .text-box p{ font-size:16px;}

    .row1-content .row1-content-inner .text-box{ padding-left:150px; padding-right:150px;}
    .row1-content .row1-content-inner .text-box p{font-size:24px;}
    
    .row2 .inner{ padding-top:0px; padding-bottom:33px;}
    .row2 p.top-text{ font-size:14px;}
    .row2-content li:nth-child(1) .list-box .list-img{ width: 130px; height: auto; left: -68px; bottom:-40px;}
    .row2-content li:nth-child(2) .list-box .list-img{ width: 160px; height: auto; right: -45px; top:-48px;}
    .row2-content li h3{ font-size:26px;}
    .row2-content li p{ font-size:14px;}
    .row2-content li h4{ font-size:14px;}    

    .row3 .inner{ padding-top:65px; padding-bottom:65px;}
    .row3 p.top-text{ margin-bottom:30px;}
    .row3 .join-tab-list{ margin-bottom:45px;}
    .row3 .join-tab-list p{ font-size:20px;}
    .row3 h4{ font-size:18px;}
    .row3 p{ font-size:14px;}
}

@media (max-width:940px){
    .banner .banner-inner{/*  height: 520px; */}
    .banner-inner .text-box{ max-width:44%;}
    .banner-inner .img-box{ width: 920px; max-width:920px; right:-250px; top:40px;}
    
    .row1-content .row1-content-inner{ transform: translateY(-50px);}
    .row1-content .row1-content-inner .top-bg{ height: 60px;}
    .row1-content .row1-content-inner .text-box{ padding-left:120px; padding-right:120px; padding-bottom:90px;}
    .row1-content .row1-content-inner .text-box p{font-size:20px;}      
    .row1-img{ top: -200px;}
}

@media (max-width:768px){
    h2{ font-size: 20px;}
    
    .banner{ background: url(/wp-content/themes/vantage/images/lucky-draw-gold-bless-banner-bg-mb.webp) center top no-repeat;}
    .banner:before,
    .banner:after{ display: none;}
    .banner .banner-inner{ padding: 0px 0px 327px; height: auto; align-items: flex-start;}
    .banner .banner-inner .text-box{background: linear-gradient(180deg, rgba(80, 0, 0, 0.8) 20%, rgba(80, 0, 0, 0) 100%); padding:34px 20px; width: 100%; max-width:100%; text-align:center;} 
    .banner-inner .text-box h1{ font-size:28px; line-height: 1.2; margin-bottom:16px;}
    .banner-inner .text-box h1 span{ font-size:18px; padding-bottom:3px;}
    .banner-inner .text-box h1 span br{ display: block;}
    .banner-inner .text-box p{ margin-bottom:17px; font-weight: 400;}
    .banner-inner .text-box .orange-button.p18{margin-bottom: 11px; padding: 15px 24px 13px; font-size:16px;}
    .banner-inner .img-box{ top:auto; bottom:0; right: 50%; transform: translateX(50%); width: 600px; max-width: 600px;}   
    .banner-inner .img-box img.banner-img-pc{ display: none;}  
    .banner-inner .img-box img.banner-img-mb{ display: block;}
    
    .row1-content{}
    .row1-content-bg{ background: url(/wp-content/themes/vantage/images/lucky-draw-gold-bless-row1-bg-mb.webp) center top no-repeat;}
    .row1-content .row1-content-inner{ max-width:358px; transform: translateY(-40px);}
    .row1-content .row1-content-inner .text-box h2{ font-size:16px; color: #E35728; line-height:1.2; margin-bottom:2px;}
    .row1-content .row1-content-inner .text-box p{ font-size:14px; color: #002329; opacity: 0.8;}
    .row1-content .row1-content-inner .top-bg{ height: 23px;}
    .row1-content .row1-content-inner .text-box{ padding: 0px 45px 33px;}
    .row1-img{ width: 770px; max-width:770px; top:-120px;}
    
    html[lang='en-IN'] .row1-content .row1-content-inner .text-box h2{ font-size:16px;}

    .content-wrap{ background: url(/wp-content/themes/vantage/images/lucky-draw-gold-bless-content-bg-mb.webp) center top no-repeat;}
    .content-wrap:before{ background: url(/wp-content/themes/vantage/images/lucky-draw-gold-bless-content-bg-mb-r.webp) center top repeat-y; width: 100%;}
    .content-wrap:after{ display: none;}
    .row2 h2{ margin-bottom:5px;}
    .row2 p.top-text{ font-size:12px; font-weight:400; margin-bottom:24px;}
    .row2-content{ max-width:353px; margin: 0 auto; gap: 8px;}
    .row2-content li{ width: 100%; max-width: 100%; padding: 1px; border-radius:4px;}
    .row2-content li .list-box{ border-radius:4px; padding: 23px 20px 21px;}
    .row2-content li:nth-child(1) .list-box .list-img{ bottom:auto; top:-28px;width: 117px; left: -26px;}
    .row2-content li:nth-child(2) .list-box .list-img{ top:auto; bottom:-6px; width: 110px; right: -31px;}
    .row2-content li h3{ font-size:16px; margin-bottom:8px;}
    .row2-content li p{ line-height:1.45;}
    .row2-content li .list-box-inner{ flex-direction: column; align-content: center; padding-top: 13px; gap:13px;}
    .row2-content li .list-box-inner .text-box{ width: 192px; max-width:100%;}
    .row2-content li img{ margin-bottom:15px;}
    .row2-content li h4{ margin-bottom:9px;}
    .row2-content li .text-box p{ font-size:12px;}
    /* .row2-content li img.row2-img-mb{ display: block; margin:0 auto;}
    .row2-content li img.row2-img-pc{ display: none;} */

    .row3 .inner{ padding-top:32px; padding-bottom:32px;}    
    .row3 h2{ margin-bottom:4px;}
    .row3 p.top-text{ font-size:14px; font-weight:500; margin-bottom:24px;}
    .row3 .join-tab-list{ margin-bottom:19px;}
    .row3 .join-tab-list p{ font-size:14px; font-weight:400; padding-bottom:0;}
    .row3 .join-tab-list .tab-item.active p{ font-weight:500; padding-top:1px;}
    .row3 .join-tab-list .tab-item::after{ bottom:-2px;}
    .row3 .join-tab-con{ width: 353px; margin: 0 auto; max-width:100%;}
    .row3 .tabContent-top{ padding:0px 0px 207px; overflow: hidden; background:#034854 url(/wp-content/themes/vantage/images/lucky-draw-gold-bless-row3-top-img.webp) center bottom no-repeat; border-radius:8px 8px 0px 0px; }
    .row3 .tabContent-top .text-box{ margin: 0 auto; max-width:100%; text-align:center; background-color:#034854; padding:21px 20px 25px;}
    .row3 h3{font-size:20px;}
    .row3 h3 br{ display: block;}
    .row3 .tabContent-top .img-box{ right: 50%; transform: translateX(50%); width: 425px; max-width: 425px; min-width:425px; display: none;}
    .row3 .orange-arrow-button.p18{ font-size:14px; padding:15px 54px 14px 24px;}

    .row3 .tabContent-bottom{ padding:17px 12px 20px; border-radius:0px 0px 8px 8px;}
    .row3 .tabContent-bottom ul{gap: 18px;}
    .row3 .tabContent-bottom ul li{ width: 100%; padding-right:0; padding-left:33px; position: relative;}
    .row3 span.num-text{ position: absolute; left: 0; top:50%; transform: translateY(calc(-50% - 2px)); width: 24px; height: 24px; font-size:14px; font-weight:400;}
    .row3 h4{font-size:16px; margin-bottom:6px;}
    .row3 .tabContent-bottom ul li p{ line-height:1.45;}
    .row3 .tabContent-bottom ul li:nth-child(1) p{ max-width:240px;}
    .row3 .wire{ height: 2px;}

}

@media (max-width:400px){
    .row1-img{ width: 395px; max-width:395px; top:-120px; display: none;}
    .row1-img-mb{ display: block; position: absolute; width: 400px; max-width:400px; top:-40px; left: 50%; transform: translateX(-50%);}
}
/* ! vantagemarekts|2026-02-12 15:55:00 ! */