@charset "utf-8";
/*
Theme Name: Vantage
*/
@font-face {
    font-family: 'StolzlM';
    src: url('../fonts/Stolzl-Medium.eot');
    src: url('../fonts/Stolzl-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Stolzl-Medium.woff2') format('woff2'),
        url('../fonts/Stolzl-Medium.woff') format('woff'),
        url('../fonts/Stolzl-Medium.ttf') format('truetype'),
        url('../fonts/Stolzl-Medium.svg#Stolzl-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Stolzl';
    src: url('../fonts/Stolzl-Light.eot');
    src: url('../fonts/Stolzl-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Stolzl-Light.woff2') format('woff2'),
        url('../fonts/Stolzl-Light.woff') format('woff'),
        url('../fonts/Stolzl-Light.ttf') format('truetype'),
        url('../fonts/Stolzl-Light.svg#Stolzl-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Stolzl';
    src: url('../fonts/Stolzl-Regular.eot');
    src: url('../fonts/Stolzl-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Stolzl-Regular.woff2') format('woff2'),
        url('../fonts/Stolzl-Regular.woff') format('woff'),
        url('../fonts/Stolzl-Regular.ttf') format('truetype'),
        url('../fonts/Stolzl-Regular.svg#Stolzl-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'StolzlB';
    src: url('../fonts/Stolzl-Book.eot');
    src: url('../fonts/Stolzl-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Stolzl-Book.woff2') format('woff2'),
        url('../fonts/Stolzl-Book.woff') format('woff'),
        url('../fonts/Stolzl-Book.ttf') format('truetype'),
        url('../fonts/Stolzl-Book.svg#Stolzl-Book') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Stolzl';
    src: url('../fonts/Stolzl-Bold.eot');
    src: url('../fonts/Stolzl-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Stolzl-Bold.woff2') format('woff2'),
        url('../fonts/Stolzl-Bold.woff') format('woff'),
        url('../fonts/Stolzl-Bold.ttf') format('truetype'),
        url('../fonts/Stolzl-Bold.svg#Stolzl-Bold') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


/*KO Font End*/



:root{
    /* base colors */
    --v-white: #FFFFFF;
    --v-grey: #818181;
    --v-grey-light1: #E8E9ED;
    --v-grey-light2: #F5F5F5;
    --v-grey-light3: #F8F8F9;
    --v-grey-light4: #E2E2E2;
    --v-grey-dark: #C6C6C6;
    --v-grey-darker: #616161;
    --v-orange: #8055ff;
    --v-orange-light: #FF8E5C;
    --v-pink: #FF3C70;
    --v-pink-light: #E87B6D;
    --v-red: #F44040;
    --v-red-dark: #C62400;
    --v-blue: #007FFF;
    --v-blue-dark: #0900FF;
    --v-green: #147875;
    --v-green-soft: #00DDCE;
    --v-green-mute: #14AEA9;
    --v-green-light: #00C79C;
    --v-green-lighter: #00AB86;
    --v-green-darker: #034854;
    --v-black: #454545;
    --v-black-light: #343434;

    /* Public font size */
    --fs-84:84px;
    --fs-70:70px;
    --fs-60:60px;
    --fs-56:56px;
    --fs-50:50px;
    --fs-40:40px;
    --fs-38:38px;
    --fs-36:36px;
    --fs-34:34px;
    --fs-32:32px;
    --fs-30:30px;
    --fs-26:26px;
    --fs-24:24px;
    --fs-22:22px;
    --fs-20:20px;
    --fs-18:18px;
    --fs-16:0.95vw;
    --fs-14:14px;
    --fs-13:13px;
    --fs-12:12px;

    /* 暂定页面大小 */
    --page-h1:var(--fs-56);
    --page-h2:var(--fs-50);
    --page-h3:var(--fs-38);
    --page-h4:var(--fs-22);
    --page-h5:var(--fs-20);
    --page-h6:var(--fs-18);
    --page-h7:var(--fs-16);
    --hm-fs-84:84px;
    --hm-fs-74:74px;
    --hm-fs-70:70px;
    --hm-fs-60:60px;
    --hm-fs-50:50px;
    --hm-fs-40:40px;
    --hm-fs-34:34px;
    --hm-fs-34-sm:34px;
    --hm-fs-26:26px;
    --hm-fs-24:24px;
    --hm-fs-22:22px;
}

html[lang='ar-AE'] h1,
html[lang='ar-AE'] h2,
html[lang='ar-AE'] h3,
html[lang='ar-AE'] h4,
html[lang='ar-AE'] h5,
html[lang='ar-AE'] h6, 
html[lang='ar-AE'] a,
html[lang='ar-AE'] p,
html[lang='ar-AE'] li,
html[lang='ar-AE'] th,
html[lang='ar-AE'] td,
html[lang='ar-AE'] label{
    direction: rtl;
}
html[lang='ar-AE'] .icon-title{text-align: right;padding-right: 20px;}
html[lang='ar-AE'] .icon-title::after{right: 0px;left: unset;}


::selection{background: var(--v-green-darker);color: var(--v-white);}
*,
*:before,
*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding: 0;margin: 0;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);}
html{background:none;-webkit-text-size-adjust:100%;height:100%;}
body{font-family: Stolzl;font-size: var(--fs-16);font-weight: 400;margin: 0px;line-height: 1.5;color: var(--v-grey);text-align: left;background-color: #fff;scroll-behavior: smooth;}
html[lang='th-TH'] body{font-family: 'Noto Sans Thai', Gilroy, Arial, Helvetica, sans-serif;}
html[lang='vi-VN'] body{font-family: Arial, Gilroy, Helvetica, sans-serif;}
html[lang='zh-hans-MY'] body{font-family: Gilroy, 'Noto Sans SC', Arial, Helvetica, sans-serif;}
html[lang='zh-hant-TW'] body{font-family: Gilroy, 'Noto Sans TC', Arial, Helvetica, sans-serif;}
html[lang='mn-MN'] body,
html[lang='kk-KZ'] body{font-family:'Gilroy-kk', Gilroy, Arial, Helvetica, sans-serif;}
html[lang='ar-AE'] body{font-family:'Noto Sans Arabic', Gilroy, Arial, Helvetica, sans-serif;}

hr{box-sizing: content-box;height: 0;overflow: visible}
b,strong{font-weight:800;}
button, input, optgroup, select, textarea {margin: 0; font-family: inherit;font-size: inherit;line-height: inherit;-webkit-appearance: none; -moz-appearance: none; appearance: none;outline: none;}
/* 字体大小未定义 */
h1{font-weight:700;font-size:var(--fs-50);line-height: 1.05;}
h2{font-weight:700;font-size:var(--fs-40);line-height: 1.22;}
h3{font-weight:600;font-size:var(--fs-38);line-height: 1.22;}
h4{font-weight:600;font-size:var(--fs-22);line-height: 1.22;}
h5{font-weight:500;font-size:var(--fs-20);line-height: 1.22;}
h6{font-weight:500;font-size:var(--fs-18);line-height: 1.22;}
a{color: inherit;}
a, a:hover {text-decoration: none;}
a.underline, a.underline:hover {text-decoration: underline;}
p{margin: 0 0 20px;font-weight: 400;}
img{max-width: 100%;height: auto;border-style: none;vertical-align: middle;}
li{list-style: none;}
sub,sup {position: relative;font-size: 75%;line-height: 0;vertical-align: baseline;}
sub{bottom: -.25em;}
sup{top: -.5em;}
svg{overflow: hidden;vertical-align: middle;}
table{border-collapse: collapse}
th{text-align: inherit;text-align: -webkit-match-parent;}

label{display: inline-block;}
button{border-radius: 0;}
button:focus:not(:focus-visible){outline: 0;}
button,input,optgroup,select,textarea{margin: 0;font-family: inherit;font-size: inherit;line-height: inherit;}
button,input{overflow: visible;}
button,select{text-transform: none;}
[role=button]{cursor: pointer;}
select{word-wrap: normal;}
[type=button],[type=reset],[type=submit],button{-webkit-appearance: button;}
[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor: pointer;}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding: 0;border-style: none;}
input[type=checkbox],input[type=radio]{box-sizing: border-box;padding: 0;}
textarea{overflow: auto;resize: vertical;}



.inner{max-width: 1600px; padding:0 100px; margin:0 auto;}
.flex{display: flex; justify-content: space-between; align-items: center;}
.flex.justify-center{justify-content: center; }
.flex.justify-end{justify-content: flex-end;}
.flex.justify-start{justify-content: flex-start; }
.flex.align-center{align-items: center;}
.flex.align-end{align-items: flex-end;}
.flex.align-start{align-items: flex-start;}

.col-1{flex:0 0 100%;}
.col-2{flex:0 0 50%;}
.col-3{flex:0 0 33.3%;}
.col-4{flex:0 0 25%;}
.col-5{flex:0 0 20%;}
.col-6{flex:0 0 16.7%;}
.col-7{flex:0 0 14.3%;}

.fw-800 {font-weight: 700;}
.fw-600 {font-weight: 600;}
.fw-500 {font-weight: 500;}
.fw-400 {font-weight: 400;}

.home-h2-title{font-size: var(--hm-fs-70);font-weight: 700;color: var(--v-black-light);margin-bottom: 30px;text-align: center;text-transform: uppercase;}
.home-h2-title span{background: linear-gradient(90deg, #8055FF 0%, #397FEF 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.hover-orange:hover{color:var(--v-orange);}

a.open-modal-video {
    cursor: pointer;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}
/*Button Css Start*/
.orange-button{padding:16px 42px;width:max-content;font-size:var(--fs-18);font-weight:500;line-height:1.1;background-color: var(--v-orange);border-radius: 15px;color: var(--v-white);text-align: center;text-decoration: none;text-transform: uppercase;position: relative;overflow: hidden;display: inline-block;transition: all .2s linear;z-index: 1;box-shadow:0px 0px 25px rgba(212,61,20,0.15);}
.orange-button::after{z-index: -1;content: "";position: absolute;top: 50%;left: 50%;width: 1.4em;height: 1.4em;border-radius: 50%;background-color: #387fee;transform-origin: center;transform: translate3d(-50%, -50%, 0) scale(0, 0);transition: transform 0.45s ease-in-out;}
.orange-button span{z-index: 9;position: relative;}
.orange-button:hover::after{transform: translate3d(-50%, -50%, 0) scale(25, 25);}
.orange-button.p22{padding: 20px;font-size: var(--fs-14);}
.orange-button.p18{padding:16px 42px; font-size:var(--fs-18);}
.orange-button.p16{padding:17px 38px 15px; font-size:var(--fs-16);}
.reel-sec{cursor:pointer}
.reel-sec a:before {content:" ";position: absolute;left: 50%;top: 50%;width: 110px;height: 110px;transform: translate(-50%);background: url(../img/play.webp);background-size: contain;}
.green-button{ padding:16px 42px 15px; width:max-content; font-size:var(--fs-18); font-weight:500; line-height:1.1; background-color: var(--v-green-darker);border-radius: 35px;color: var(--v-white); text-align: center; text-decoration: none; position: relative; overflow: hidden; display: inline-block; transition: all .2s linear; z-index: 1; box-shadow:0px 0px 25px rgba(3,72,84,0.15);}
.green-button::after{z-index: -1;content: "";position: absolute;top: 50%;left: 50%;width: 1.2em;height: 1.2em;border-radius: 50%;background-color: #013038;transform-origin: center;transform: translate3d(-50%, -50%, 0) scale(0, 0);transition: transform 0.45s ease-in-out;}
.green-button span{z-index: 9;position: relative;}
.green-button:hover::after{transform: translate3d(-50%, -50%, 0) scale(15, 15);}
.green-button.p22{padding:20px 48px 17px; font-size:var(--fs-22);}
.green-button.p18{padding:16px 42px; font-size:var(--fs-18);}
.green-button.p16{padding:17px 38px 15px; font-size:var(--fs-16);}

html[lang='fr-FR'] .orange-button::after{width: 1.5em;height: 1.5em;}
html[lang='fr-FR'] .green-button::after{width: 1.5em;height: 1.5em;}

html[lang='kk-KZ'] .orange-button::after{width: 1.5em;height: 1.5em;}
html[lang='kk-KZ'] .green-button::after{width: 1.5em;height: 1.5em;}

html[lang='ru-RU'] .orange-button::after{width: 1.5em;height: 1.5em;}
html[lang='ru-RU'] .green-button::after{width: 1.5em;height: 1.5em;}

html[lang='vi-VN'] .orange-button::after{width: 1.5em;height: 1.5em;}
html[lang='vi-VN'] .green-button::after{width: 1.5em;height: 1.5em;}


html[lang='id-ID'] .orange-button::after{width: 1.5em;height: 1.5em;}
html[lang='id-ID'] .green-button::after{width: 1.5em;height: 1.5em;}



.live-button{ padding:20px 45px; width:max-content; font-size:var(--fs-18); font-weight:500; line-height:1.1; background-color: var(--v-orange);border-radius: 35px;color: var(--v-white); text-align: center; text-decoration: none; position: relative; overflow: hidden; display: inline-block; transition: all .2s linear; z-index: 1; box-shadow:0px 0px 25px rgba(212,61,20,0.15); letter-spacing:0.5px;}
.live-button::after{z-index: -1;content: "";position: absolute;top: 50%;left: 50%;width: 2.5em;height: 2.5em;border-radius: 50%;background-color: #387fee;transform-origin: center;transform: translate3d(-50%, -50%, 0) scale(0, 0);transition: transform 0.45s ease-in-out;}
.live-button > span{z-index: 9;position: relative;}
.live-button > span span{ color:#fce055;}
.live-button:hover::after{transform: translate3d(-50%, -50%, 0) scale(15, 15);}
.live-button.p16{padding:17px 32px; font-size:var(--fs-16); letter-spacing:normal;}

.live-language-bar { width: 180px; height: 486px; position: absolute; top: 45px; right: 0; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 10px 14px #0000005E; border-radius: 8px; overflow-y: auto; display: none;}

.demo-button{ padding:20px 45px; width:max-content; font-size:var(--fs-18); font-weight:500; line-height:1.1; background-color: var(--v-green-darker);border-radius: 35px;color: var(--v-white); text-align: center; text-decoration: none; position: relative; overflow: hidden; display: inline-block; transition: all .2s linear; z-index: 1; box-shadow:0px 0px 25px rgba(212,61,20,0.15); letter-spacing:0.5px;}
.demo-button::after{z-index: -1;content: "";position: absolute;top: 50%;left: 50%;width: 1.2em;height: 1.2em;border-radius: 50%;background-color: #013038;transform-origin: center;transform: translate3d(-50%, -50%, 0) scale(0, 0);transition: transform 0.45s ease-in-out;}
.demo-button > span{z-index: 9;position: relative;}
.demo-button > span span{ color:#abe6e0;}
.demo-button:hover::after{transform: translate3d(-50%, -50%, 0) scale(15, 15);}
.demo-button.p16{padding:17px 32px; font-size:var(--fs-16); letter-spacing:normal;}



.orange-arrow-button {text-decoration: none; display:inline-block; background-color: var(--v-orange); padding: 21px 78px 19px 28px; border-radius: 100px; color: var(--v-white); font-weight: 500; line-height:1.1; position: relative; z-index: 1; overflow: hidden; transition: .3s; margin: 0 auto; text-transform: uppercase; font-size: var(--fs-22);}
.orange-arrow-button .btn-icon{ display:flex; width: 56px; height: 48px; border-radius:30px; background:var(--v-white); position: absolute;right: 8px; top:50%; transform: translateY(-50%) translateZ(0px); transition:.3s; justify-content: center; align-items: center;}
.orange-arrow-button .btn-icon img{width: 60%; transition:.3s;}
.orange-arrow-button::before {content: '';display: block;width: 120px;height: 150px;background-color: #387fee;position: absolute;top:0%;left:0%;border-radius: 50%;transition:.4s;z-index: -1;transform: translate(-100%, 100%);}
.orange-arrow-button .btn-text{transition: .3s;}
.orange-arrow-button .btn-text span{ color:#fce055;}
.orange-arrow-button:hover{ padding-right:82px;}
.orange-arrow-button:hover .btn-text{transform: translateX(4px);}
.orange-arrow-button:hover::before {transform: translate(50%, 50%) scale(4);}
.orange-arrow-button:hover .btn-icon{transform: translate(4px,-50%) translateZ(0px); right:12px;}
.orange-arrow-button:hover .btn-icon img{transform: translateX(0px) rotate(45deg);}

.orange-arrow-button.p22{padding: 21px 72px 19px 28px; font-size:var(--fs-22);}
.orange-arrow-button.p22 .btn-icon{ width:56px; height:48px; border-radius:30px;}
.orange-arrow-button.p22:hover{ padding-right:76px;}

.orange-arrow-button.p18{padding:20px 62px 18px 28px; font-size:var(--fs-18);}
.orange-arrow-button.p18 .btn-icon{ width:46px; height:42px; border-radius:20px;}
.orange-arrow-button.p18:hover{ padding-right:66px;}

.orange-arrow-button.p16{padding:18px 56px 17px 24px; font-size:var(--fs-16);}
.orange-arrow-button.p16 .btn-icon{ width:40px; height:36px; border-radius:20px;}
.orange-arrow-button.p16:hover{ padding-right:60px;}

.orange-arrow-button.p14{padding:17px 52px 15px 20px; font-size:var(--fs-14);}
.orange-arrow-button.p14 .btn-icon{ width:36px; height:32px; border-radius:20px;}
.orange-arrow-button.p14:hover{ padding-right:56px;}


.green-arrow-button {text-decoration: none; display:inline-block; background-color: var(--v-green-darker); padding: 21px 78px 19px 28px; border-radius: 100px; color: var(--v-white); font-weight: 500; line-height:1.1; position: relative; z-index: 1; overflow: hidden; transition: .3s; margin: 0 auto; text-transform: uppercase; font-size: var(--fs-22);}
.green-arrow-button .btn-icon{ display:flex; width: 56px; height: 48px; border-radius:30px; background:var(--v-white); position: absolute;right: 8px; top:50%; transform: translateY(-50%) translateZ(0px); transition:.3s; justify-content: center; align-items: center;}
.green-arrow-button .btn-icon img{width: 60%; transition:.3s;}
.green-arrow-button::before {content: '';display: block;width: 120px;height: 150px;background-color: #013038;position: absolute;top:0%;left:0%;border-radius: 50%;transition:.4s;z-index: -1;transform: translate(-100%, 100%);}
.green-arrow-button .btn-text{transition: .3s;}
.green-arrow-button .btn-text span{ color:#abe6e0;}
.green-arrow-button:hover{ padding-right:82px;}
.green-arrow-button:hover .btn-text{transform: translateX(4px);}
.green-arrow-button:hover::before {transform: translate(50%, 50%) scale(4);}
.green-arrow-button:hover .btn-icon{transform: translate(4px,-50%) translateZ(0px); right:12px;}
.green-arrow-button:hover .btn-icon img{transform: translateX(0px) rotate(45deg);}

.green-arrow-button.p22{padding: 21px 72px 19px 28px; font-size:var(--fs-22);}
.green-arrow-button.p22 .btn-icon{ width:56px; height:48px; border-radius:30px;}
.green-arrow-button.p22:hover{ padding-right:76px;}

.green-arrow-button.p18{padding:20px 62px 18px 28px; font-size:var(--fs-18);}
.green-arrow-button.p18 .btn-icon{ width:46px; height:42px; border-radius:20px;}
.green-arrow-button.p18:hover{ padding-right:66px;}

.green-arrow-button.p16{padding:18px 56px 17px 24px; font-size:var(--fs-16);}
.green-arrow-button.p16 .btn-icon{ width:40px; height:36px; border-radius:20px;}
.green-arrow-button.p16:hover{ padding-right:60px;}

.green-arrow-button.p14{padding:17px 52px 15px 20px; font-size:var(--fs-14);}
.green-arrow-button.p14 .btn-icon{ width:36px; height:32px; border-radius:20px;}
.green-arrow-button.p14:hover{ padding-right:56px;}

/*Old*/
.open-account-btn {text-decoration: none; display:inline-block; background-color: var(--v-orange); padding: 21px 78px 19px 28px; border-radius: 100px; color: var(--v-white); font-weight: 500; line-height:1.1; position: relative; z-index: 1; overflow: hidden; transition: .3s; margin: 0 auto; text-transform: uppercase; font-size: var(--fs-22);}
.open-account-btn .btn-icon{ display:flex; width: 56px; height: 48px; border-radius:30px; background:var(--v-white); position: absolute; right: 8px; top:50%; transform: translateY(-50%) translateZ(0px); transition:.3s; justify-content: center; align-items: center;}
.open-account-btn .btn-icon img{width: 60%; transition:.3s;}
.open-account-btn::before {content: '';display: block;width: 175px;height: 150px;background-color: #387fee;position: absolute;top:0%;left:0%;border-radius: 50%;transition:.4s;z-index: -1;transform: translate(-100%, 100%);}
.open-account-btn .btn-text{transition: .3s;}
.open-account-btn:hover{ padding-right:82px;}
.open-account-btn:hover .btn-text{transform: translateX(4px);}
.open-account-btn:hover::before {transform: translate(50%, 50%) scale(4);}
.open-account-btn:hover .btn-icon{transform: translate(4px,-50%) translateZ(0px); right:12px;}
.open-account-btn:hover .btn-icon img{transform: translateX(0px) rotate(45deg);}
.open-account-btn .dim-text {color: #FFD5C2;}


.open-account-btn.p22{padding: 21px 72px 19px 28px; font-size:var(--fs-22);}
.open-account-btn.p22 .btn-icon{ width:56px; height:48px; border-radius:30px;}
.open-account-btn.p22:hover{ padding-right:76px;}

.open-account-btn.p18{padding:20px 62px 18px 28px; font-size:var(--fs-18);}
.open-account-btn.p18 .btn-icon{ width:46px; height:42px; border-radius:20px;}
.open-account-btn.p18:hover{ padding-right:66px;}

.open-account-btn.p16{padding:18px 56px 17px 24px; font-size:var(--fs-16);}
.open-account-btn.p16 .btn-icon{ width:40px; height:36px; border-radius:20px;}
.open-account-btn.p16:hover{ padding-right:60px;}

.open-account-btn.p14{padding:17px 52px 15px 20px; font-size:var(--fs-14);}
.open-account-btn.p14 .btn-icon{ width:36px; height:32px; border-radius:20px;}
.open-account-btn.p14:hover{ padding-right:56px;}


/*Button Css End*/

/* protected Css Start */
.ppw-post-password-container{width: 100%;max-width: 500px;margin: 200px auto;padding: 20px;}
.ppw-ppf-desc{font-size: 22px;color: var(--v-black);margin-bottom: 30px;}
.ppw-ppf-field-container{display: flex;justify-content: space-between;align-items: center;}
.ppw-ppf-input-container label.ppw-pwd-label{width: 100%;color: var(--v-black);}
.ppw-ppf-input-container label.ppw-pwd-label input{width: 70%;margin-left: 10px;border: 1px solid var(--v-black);padding: 4px 10px;}
.ppw-pwd-submit-btn{width: 120px;height: 36px;background: var(--v-orange);border: 0px;border-radius: 18px;color: var(--v-white);}

/* protected Css End*/

.icon-title{font-size:var(--fs-22);color:var(--v-black); font-weight:600; padding-left:20px;position:relative;margin-bottom:15px;text-transform:uppercase}
.icon-title::after{content:'';display:block;top:50%;transform:translateY(-60%);left:0px;width:17px;height:17px;position:absolute;background:url(/wp-content/themes/vantage/images/forex-trading-icon3.svg)center center no-repeat}

.trading-account-free .button-link { gap: 25px;}

#adroll_consent_container{ display:none !important;}

@media (min-width: 768px) {
    /* Chrome */
    ::-webkit-scrollbar { width: 6px;height: 8px;}
    ::-webkit-scrollbar-track {border-radius: 10px;background-color: transparent;}
    ::-webkit-scrollbar-thumb {background-color: rgba(144, 147, 153, 0.3);transition: background-color 0.3s;border-radius: 10px;}
    ::-webkit-scrollbar-thumb:hover {background-color: rgba(144, 147, 153, 0.3);transition: background-color 0.3s;}
    /* Firefox */
    *{
        scrollbar-color:rgba(144, 147, 153, 0.3) rgba(255,255,255,0) ;
        scrollbar-width: thin;
    }
}
@media (max-width:1600px){
    :root{
        --fs-84:60px;
        --fs-70:60px;
        --fs-60:60px;
        --fs-56:50px;
        --fs-50:46px;
        --fs-40:36px;
        --hm-fs-84:50px;
        --hm-fs-74:50px;
        --hm-fs-70:50px;
        --hm-fs-60:50px;
        --hm-fs-50:40px;
        --hm-fs-40:36px;
        --hm-fs-34:26px;
        --hm-fs-34-sm:22px;
        --hm-fs-26:22px;
        --hm-fs-24: 20px;
        --hm-fs-22:20px;
    }
}
@media (max-width:1440px){
    :root{
        --fs-84:50px;
        --fs-70:50px;
        --fs-60:50px;
        --fs-56:45px;
        --fs-50:45px;
        --fs-40:35px;
        --fs-38:35px;
        --fs-36:30px;
        --fs-34:30px;
        --fs-32:30px;
        --fs-30:28px;
        --fs-26:24px;
        --fs-24:22px;
        --fs-22:18px;

        --hm-fs-84:40px;
        --hm-fs-74:40px;
        --hm-fs-70:40px;
        --hm-fs-60:40px;
        --hm-fs-50:30px;
        --hm-fs-40:26px;
        --hm-fs-34:24px;
        --hm-fs-34-sm:20px;
        --hm-fs-26:20px;
        --hm-fs-24:20px;
        --hm-fs-22:18px;
    }
	
	
	/*Button Css Start*/
	.orange-button.p22,
	.green-button.p22{ padding:17px 45px;}
	
	.live-button,
	.demo-button{ padding-left:40px; padding-right:40px;}
	.live-button.p16,
	.demo-button.p16{ padding-left:30px; padding-right:30px;}
	
	.orange-arrow-button,
	.green-arrow-button,
	.orange-arrow-button.p22,
	.green-arrow-button.p22,
	.open-account-btn,
	.open-account-btn.p22{ font-size:20px; padding:19px 62px 17px 28px;}
	
	.orange-arrow-button .btn-icon,
	.green-arrow-button .btn-icon,	
	.orange-arrow-button.p22 .btn-icon,
	.green-arrow-button.p22 .btn-icon,
	.open-account-btn .btn-icon,
	.open-account-btn.p22 .btn-icon{ width:46px; height:42px;border-radius:20px;}
	
	.orange-arrow-button:hover,
	.green-arrow-button:hover,	
	.orange-arrow-button.p22:hover,
	.green-arrow-button.p22:hover,
	.open-account-btn:hover,
	.open-account-btn.p22:hover{ padding-right:66px;}
	/*Button Css End*/
	
	
}
@media (max-width:1400px){
	.inner{ padding-left:65px; padding-right:65px;}
}

@media (max-width:1240px){
    .col-7{flex:0 0 25%;}
}
@media (max-width:1024px){
    .col-4{flex:0 0 50%;}
    .col-2{flex:0 0 100%;}

    :root{
        --fs-84:60px;
        --fs-70:56px;
        --fs-60:50px;
        --fs-56:48px;
        --fs-50:42px;
        --fs-32:28px;
        --fs-30:26px;
    }

    .inner{padding:0 40px;}

    .pc-br-css{display: none;}
}
@media (max-width:992px){
    .col-6{flex:0 0 33.3%;}

    .orange-button{padding: 15px 30px;}
}
@media (max-width:900px){

}
@media (max-width:768px){
    .col-4{flex:0 0 100%;}
    .col-3{flex:0 0 50%;}

    :root{
        --fs-84:36px;
        --fs-70:36px;
        --fs-60:36px;
        --fs-56:36px;
        --fs-50:36px;
        --fs-40:32px;
        --fs-38:30px;
        --fs-36:30px;
        --fs-34:30px;
        --fs-32:28px;
        --fs-30:26px;
        --fs-26:24px;
        --fs-24:22px;
        --fs-22:20px;
        --fs-20:18px;
        --fs-18:16px;
    }	
	/*Button Css Start*/
	.orange-button.p22,
	.green-button.p22{ font-size:18px; padding:16px 42px 15px;}	
	.orange-button,
	.green-button,
	.orange-button.p18,
	.green-button.p18{ padding-left:38px; padding-right:38px; padding-top:16px; padding-bottom:16px;}	
	
	.live-button,
	.demo-button{ padding:18px 36px 16px;}
	.live-button.p16,
	.demo-button.p16{ padding:14px 24px 13px;}
	
	
	.orange-arrow-button,
	.green-arrow-button,
	.orange-arrow-button.p22,
	.green-arrow-button.p22,
	.open-account-btn,
	.open-account-btn.p22{ font-size:18px; padding:20px 62px 18px 28px;}	
	.orange-arrow-button .btn-icon,
	.green-arrow-button .btn-icon,
	.orange-arrow-button.p22 .btn-icon,
	.green-arrow-button.p22 .btn-icon,
	.open-account-btn .btn-icon,
	.open-account-btn.p22 .btn-icon{ width:46px; height:42px;border-radius:20px;}	
	.orange-arrow-button:hover,
	.green-arrow-button:hover,
	.orange-arrow-button.p22:hover,
	.green-arrow-button.p22:hover,
	.open-account-btn:hover,
	.open-account-btn.p22:hover{ padding-right:66px;}
	
	.orange-arrow-button.p18,
	.green-arrow-button.p18,
	.open-account-btn.p18{ font-size:16px; padding:19px 56px 16px 24px;}
	.orange-arrow-button.p18 .btn-icon,
	.green-arrow-button.p18 .btn-icon,
	.open-account-btn.p18 .btn-icon{ width:40px; height:36px;border-radius:20px;}
	.orange-arrow-button.p18:hover,
	.green-arrow-button.p18:hover,
	.open-account-btn.p18:hover{ padding-right:60px;}	
	/*Button Css End*/

    .home-h2-title span.isblock{display: block;}
}
@media (max-width:600px){

}
@media (max-width:510px){
    :root{
        --hm-fs-84:24px;
        --hm-fs-74:24px;
        --hm-fs-70:24px;
        --hm-fs-60:24px;
        --hm-fs-50:20px;
        --hm-fs-40:20px;
        --hm-fs-34:18px;
        --hm-fs-34-sm:14px;
        --hm-fs-26:20px;
        --hm-fs-24:16px;
        --hm-fs-22:16px;

        --fs-84:24px;
        --fs-70:24px;
        --fs-60:24px;
        --fs-56:24px;
        --fs-50:20px;
        --fs-40:19px;
        --fs-38:18px;
        --fs-36:18px;
        --fs-34:18px;
        --fs-32:18px;
        --fs-30:18px;
        --fs-26:16px;
        --fs-24:16px;
        --fs-22:16px;
        --fs-20:16px;
        --fs-18:14px;
        --fs-16:14px;
        --fs-14:12px;
        --fs-13:12px;
    }
    .inner{padding:0 20px;}	
	
	/*Button Css Start*/	
	.orange-button,
	.green-button,
	.orange-button.p18,
	.green-button.p18{ padding:15px 32px 14px;}	
	.orange-button.p16,
	.green-button.p16{ padding:14px 28px 13px;}
	.orange-button.p22,
	.green-button.p22{ font-size:16px; padding:16px 38px 15px;}	
	
	.live-button,
	.demo-button{ padding:16px 30px 15px;}
	.live-button.p16,
	.demo-button.p16{ padding-left:20px; padding-right:20px;}	
	
	.orange-arrow-button,
	.green-arrow-button,
	.orange-arrow-button.p22,
	.green-arrow-button.p22,
	.open-account-btn,
	.open-account-btn.p22{ font-size:16px; padding:19px 58px 18px 20px;}	
	.orange-arrow-button .btn-icon,
	.green-arrow-button .btn-icon,
	.orange-arrow-button.p22 .btn-icon,
	.green-arrow-button.p22 .btn-icon,
	.open-account-btn .btn-icon,
	.open-account-btn.p22 .btn-icon{ width:42px; height:38px;}	
	.orange-arrow-button:hover,
	.green-arrow-button:hover,
	.orange-arrow-button.p22:hover,
	.green-arrow-button.p22:hover,
	.open-account-btn:hover,
	.open-account-btn.p22:hover{ padding-right:62px;}
	
	.orange-arrow-button.p18,
	.green-arrow-button.p18,
	.open-account-btn.p18{ font-size:16px; padding:18px 54px 15px 24px;}
	.orange-arrow-button.p18 .btn-icon,
	.green-arrow-button.p18 .btn-icon,
	.open-account-btn.p18 .btn-icon{ width:38px; height:34px;}
	.orange-arrow-button.p18:hover,
	.green-arrow-button.p18:hover,
	.open-account-btn.p18:hover{ padding-right:58px;}
		
	.orange-arrow-button.p16,
	.green-arrow-button.p16,
	.open-account-btn.p16{ font-size:14px; padding:16px 52px 14px 20px;}
	.orange-arrow-button.p16 .btn-icon,
	.green-arrow-button.p16 .btn-icon,
	.open-account-btn.p16 .btn-icon{ width:36px; height:32px;}
	.orange-arrow-button.p16:hover,
	.green-arrow-button.p16:hover,
	.open-account-btn.p16:hover{ padding-right:56px;}	
	
	.orange-arrow-button.p14,
	.green-arrow-button.p14,
	.open-account-btn.p14{ font-size:12px; padding:17px 48px 14px 20px;}
	.orange-arrow-button.p14 .btn-icon,
	.green-arrow-button.p14 .btn-icon,
	.open-account-btn.p14 .btn-icon{ width:32px; height:28px;}
	.orange-arrow-button.p14:hover,
	.green-arrow-button.p14:hover,
	.open-account-btn.p14:hover{ padding-right:52px;}
	/*Button Css End*/

    .home-h2-title{margin: 0 0 20px;}
}


@media (max-width:480px){
    .col-6{flex: 0 0 50%;}
}
@media (max-width:375px){

}
/*--- christmas-btn Start ---*/
/* @keyframes shake_1 {
    0%   { transform: rotate(0deg); }
    10%  { transform: rotate(4deg);}
    20%  { transform: rotate(8deg);}
    30%  { transform: rotate(12deg);}
    40%  { transform: rotate(16deg);}
    50%  { transform: rotate(20deg);}
    60%  { transform: rotate(16deg);}
    70%  { transform: rotate(12deg);}
    80%  { transform: rotate(8deg);}
    90%  { transform: rotate(4deg);}
    100%  { transform: rotate(0deg);}
}
@keyframes shake_2 {
    0%   { transform: rotate(364deg);}
    10%  { transform: rotate(360deg);}
    20%  { transform: rotate(356deg);}
    30%  { transform: rotate(352deg);}
    40%  { transform: rotate(348deg);}
    50%  { transform: rotate(344deg);}
    60%  { transform: rotate(348deg);}
    70%  { transform: rotate(352deg);}
    80%  { transform: rotate(356deg);}
    90%  { transform: rotate(360deg);}
    100%  { transform: rotate(364deg);}
}

.christmas-btn { position: relative; display: inline-block; width: max-content; visibility: visible !important;}
.christmas-btn .christmas-snow { position: absolute; background:url(/wp-content/themes/vantage/images/snow-top.svg); width: 100%; height: 20px; top: -2px; left: 0; right: 0; margin: auto; background-repeat: repeat !important; border-radius: 35px 35px 0 0; }
.christmas-btn .christmas-tree { display:none; background: url(/wp-content/themes/vantage/images/christmas-tree.webp?v=1); height: 70%; width: 50px; top: -55%; left: 4%; animation: shake_2 1s infinite; animation-play-state: paused; }
.christmas-btn .christmas-gift { display:none; background: url(/wp-content/themes/vantage/images/christmas-gift.webp?v=1); height: 35%; width: 10%; top: -28%; left: 22%; animation: shake_1 1s infinite; animation-play-state: paused;}
.christmas-btn .christmas-hover { position: absolute; background-size: contain; background-repeat: no-repeat; z-index: 90; display:inline-block; cursor: pointer; pointer-events: none;}
.christmas-btn:hover .christmas-tree,
.christmas-btn:hover .christmas-gift{ animation-play-state: running;}

.demo-account-part-one .christmas-btn,
.form-body .christmas-btn { display: block; width: unset;}

.ebook-form-account .form-body .christmas-btn { display: inline-block; width: max-content;}

.academy-img-text-content .christmas-btn .christmas-hover { transition: all .2s linear !important; -webkit-transition: all .2s linear !important; -moz-transition: all .2s linear !important; -ms-transition: all .2s linear !important; -o-transition: all .2s linear !important; }
.academy-img-text-content:hover .christmas-btn .christmas-snow { top: -11px;}
.academy-img-text-content:hover .christmas-btn .christmas-tree { top: -44px;}
.academy-img-text-content:hover .christmas-btn .christmas-gift { top: -30px;}

.copier-btn-box .christmas-snow { top: -46%;}
.copier-btn-box .christmas-tree  { top: -106%;}
.copier-btn-box .christmas-gift { top: -75%;}
.copier-btn-box { display: flex; justify-content: center; }

.explore-more-content .live-button { position: relative !important;}

.market-analysis-banner .christmas-btn { position: unset !important;}
.market-analysis-banner .christmas-snow,
.market-analysis-banner .christmas-tree,
.market-analysis-banner .christmas-gift { display: none !important;}

.deposit-usdt-banner .christmas-btn { position: unset !important;}
.deposit-usdt-banner .christmas-snow,
.deposit-usdt-banner .christmas-tree,
.deposit-usdt-banner .christmas-gift { display: none !important;}

.currency-ebook-banner .currency-ebook-banner-txt a { margin: 0 !important;}

.page-banner .text-box a { margin: 0 !important;}

.ebook-plus-banner .ebook-plus-banner-txt a { margin: 0 !important;}

.center_extension ul li .center_extension_li_b a { margin-top: 0px !important;}
.center_extension_list_box .christmas-btn { top: 20px;}

.trade-oil-cfds-banner .live-button { margin-right: 0 !important; }
.trade-oil-cfds-banner .christmas-btn {  margin-right:20px;}

.chart-data-title-con-right
.chart-data .inner .chart-data-title-con-right .chart-data-title-con-right-b { display: flex; flex-direction: column; align-items: center;}

.calculators-content
.calculators-content .calculators-form .result { justify-content: center;}
@media (max-width:768px){
    .christmas-btn .christmas-tree { height: 55%; width: 30px; top: -40%; }
    .christmas-btn .christmas-tree,
    .christmas-btn .christmas-gift { animation-play-state: running;}

    .copier-btn-box .christmas-tree  { top: -92%;}

    .trade-oil-cfds-banner .christmas-btn {  margin-right:0px;}
} */

/*--- christmas-btn End ---*/
#showreel, #services, section.home-banner.about-sec, section#success,div#about{
    padding-top: 150px;
}
html{scroll-behavior:smooth}.modal-video.show,.modal-quote.show {
    z-index: 99999;
    opacity: 1;
}

.modal-video,.modal-quote {
    position: fixed;
    top: 0;
    background: #ffffff91;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    display: flex;
    transition: 300ms;
    justify-content: center;
    align-items: center;
}

.embedd-video {padding: 50px 20px 20px;background: #fff;max-width: 65%;margin: 0 auto;box-shadow: 4px 4px 28px #0003;border-radius: 15px;}

.close-modal {
    position: absolute;
    top: 6vh;
    font-size: 30px;
    right: 19vw;
    color: #8055ff;
    cursor: pointer;
    font-family: 'Stolzl';
}

.embedd-video iframe {
    max-width: 100%;
    border-radius: 15px;
    max-height: 80vh;
}
.modal-quote .form-content {
    width: 600px;
    padding: 50px 20px 20px;
    background: #fff;
    max-width: 65%;
    margin: 0 auto;
    box-shadow: 4px 4px 28px #0003;
    border-radius: 15px;
    color: #000;
    position: relative;
}

.modal-quote div#contact-form1 {
    width: 100%;
}

.form-content .close-modal {
    right: 25px;
    top: 25px;
}
img.open-menu,.mobile-only{display:none}
div#about img {
    object-fit: contain!important;
}div#services .image.swiper-inner {background:#fff}

div#services .home-banner .banner .home-banner-bottom .swiper-inner .swiper-slide #imgBox {
    justify-content: center;
}.home-banner .banner .video-box video{position:absolute!important;top:0!important;}.trade-smarter-text {
    justify-content: end;
}.flex.newsletter .new-logo {
    width: 25%;
    padding: 25px;
    justify-content: center;
    display: flex;
}

.flex.newsletter .new-logo img,.flex.newsletter .new-logo svg {
    max-width: 100%;
    height: 31px;
    object-fit: contain;
    margin: 0 auto;
    display: inline-block;    filter: brightness(100);
}

.flex.newsletter .new-logo a {
    display: block;
    text-align: center;
}

.flex.newsletter {
    margin-top: 20px;
    flex-wrap: wrap;
}

.flex.newsletter .new-logo:last-child img {
    height: 50px;
}


div#about div#home-banner-bottom {
    margin-bottom: 30px;
}

@media screen and (max-width: 991px){
    .flex.newsletter .new-logo {
    width: 50%;
}
    body .nav-menu {
    position: fixed;
    left: 0;
    right: 0;
    background: #fff;
    top: 112px;
    padding: 20px;
    display: none;
}

body ul.nav-user-function.flex li:not(:last-child) {
    position: fixed;
}

body ul.nav-menu-container.flex {
    flex-wrap: wrap;
}

body header .inner .nav-menu .nav-menu-container .top-category {
    width: 100%;
    margin-bottom: 20px;
}

body header .inner .nav-menu .nav-menu-container .top-category a.nav-menu-item {
    font-size: 14px;
    font-weight: 300;
}

body header .main-menu .inner {
    display: flex!important;
    width: 100vw;
    margin: 0;
    /* padding: 0; */
}

body .main-menu .nav-right {
    width: auto!important;
}

body header .main-menu {
    box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.15);
    padding: 10px 0!important;
    width: 100vw;
}

body .home-banner .banner .home-banner-top .video-box {
    aspect-ratio: auto;
}

body .home-banner .banner .home-banner-top {
    height: auto;
    display: flex;
    flex-wrap: wrap-reverse;
    aspect-ratio: auto;
}

body .home-banner .banner .home-banner-top .text-box {transform: none!important;position: static;bottom: auto;box-sizing: border-box;width: calc(100% - 0px);}

body.home.page-template.page-template-template_home.page-template-template_home-php {
    margin-top: 130px!important;
}

body .home-banner .banner .home-banner-top .text-box p {
    font-size: 14px;
}

body .home-banner .banner .home-banner-top .text-box h1,body  .home-banner .banner .home-banner-top .text-box h2 {
    font-size: 60px;
}

body .home-banner .banner .home-banner-top .text-box br {
    display: block;
}

body .home-banner .banner .home-banner-top .text-box h1 + p {
    font-size: 16px;
    margin-bottom: 50px;
    font-weight: 300;
}

body .home-banner .banner .home-banner-top .inner {
    height: auto;
}

body .home-banner .banner .home-banner-top .text-box .text-box-inner {
    width: 100%;
}

body .orange-button {
    width: 100%;
}

body .market-transaction h2.home-h2-title {
    font-size: 40px;
}

body .reel-sec a:before {
    width: 50px;
    height: 50px;
    transform: translateY(-50%) translateX(-50%);
}

a.open-modal-video {
    position: relative;
}

body #showreel,
	body #services,
	body section.home-banner.about-sec,
	body section#success,body  div#about {
    padding-top: 80px;
}

body .home-banner .banner .home-banner-bottom {
    flex-wrap: wrap;
    padding-bottom: 0;
}

body .home-banner .banner .home-banner-bottom .swiper-inner {
    max-width: 100vw!important;
    width: 100vw!important;
}

body .home-banner .banner .home-banner-bottom .swiper-inner.image .cahngeBox {
    right: 10px;
    left: 10px!important;
    bottom: -60px;
    top: auto;
}

body .swiper-paginationm.swiper-pagination-bullets.swiper-pagination-horizontal {
    width: 100%;
    display: flex;
    justify-content: center;
}

body span.swiper-pagination-bullet {
    display: inline-block;
}

body .mySwiperm + .cahngeBox .swiper-button-group {
  display: none!important;
}

body .home-banner .banner .home-banner-bottom .services.swiper-inner {
    max-width: 100%;
    margin: 0;
    border-radius: 0;
    padding: 50px 30px 100px;
}

body .home-banner .banner .home-banner-bottom .swiper-inner .cahngeBox {
    right: 25px;
    bottom: 25px;
    left: 25px;
    25px:
    space-between;
    justify-content: space-between;
}

body .home-banner .banner .home-banner-bottom .swiper-inner .cahngeBox .swiper-pagination span.nowList {
    font-size:40px
}

body .home-banner  .banner  .home-banner-bottom .swiper-inner .mySwiperm .swiper-slide #imgBox img {
    padding-bottom: 50px;
    background: #fff;
}

body div#swiper.mySwiperm {
    background: #fff;
}

body header .inner .nav-right {
    padding-top: 0!important;
}

body .trade-smarter h2 {
    font-size: 40px;
}

body .trade-smarter-content-item {
    flex: 0 0 100%;
    /* background: linear-gradient(90deg, #8055FF 0%, #397FEF 100%); */
    padding-top: 100px;
    color: #000;
    position: relative;
    margin-bottom: 65px;
    border: 2px solid #5571f4;
}

body canvas#trade-smarter-canvas {
    top: 0;
}

body .trade-smarter-text {
    margin-top: 0;
}

body .trade-smarter-img {
    position: absolute;
    top: -50px;
    width: calc(100% - 50px);
}

body .trade-smarter-content-item h3 {
    text-align: left;
    font-size: 25px;
    justify-content: start;
}

body .trade-smarter-content-item p {
    text-align: left;
    font-size: 14px;
}

body section.home-banner.about-sec h2, 
	body section.stories-sec h2,
	body section.quote-sec h2 {
    font-size: 40px;
}

body section.process-sec {
    padding: 100px 25px;
    background-position: bottom center;
}

body .process {
    display: block;
    margin-top: 0;
}

body section.process-sec h2 {
    width: 100%;
    text-align: center;
}

body .process .item {
    width: 100%;
    margin-top: 10px!important;
}

body section.stories-sec > p {
    width: 80%;
    font-size: 16px;
}

body section.quote-sec > img {
    position: static;
    object-fit: contain;
}

body section.quote-sec {
    padding: 50px;
}

body section.quote-sec p {
    width: 100%;
    text-align: center;
}

body label,
	body div#contact-form1,
	body button#contact-submit1,
	body label[for="msg"] {
    width: 100%;
}

body footer .footer-menu {
    display: block;
}


body .footer-menu .col-7:nth-child(2),
	body .footer-menu .col-7:nth-child(3) {
    flex: 0 0 50%!important;
}

body header.scroll-shadow {
    width: 100vw;
}

body .modal-video {
    width: 100vw;
}

body header {
    width: 100vw;
}

body footer .footer-menu ul li a {
    width: 100%;
}

body .flex.align-start .col-7 {
    flex: 0 0 100%;
}

body section.home-banner.about-sec .mySwipera .swiper-slide #imgBox img {
    object-fit: contain!important;
    height: auto!important;
}
body .home-banner .banner .home-banner-bottom .swiper-inner .cahngeBox .swiper-button-nexts::before,
	body  .cahngeBox .swiper-button-prevs::before,
		body .home-banner .banner .home-banner-bottom .swiper-inner .cahngeBox .swiper-button-nexts:hover::before, 
		body .home-banner .banner .home-banner-bottom .swiper-inner .cahngeBox .swiper-button-prevs:hover::before{
    background-color: var(--v-grey-light4);
    width: 50px;
    height: 50px;
    opacity: .6;
    border-radius: 50%;
    padding: 2px;
    background-image: linear-gradient(#d2e6ff, #d2e6ff), linear-gradient(to right, #8055ff, #397FEF);
    background-origin: border-box;
    background-clip: content-box, border-box;
}body .story-item {
    width: 50%;
}

body .home-banner .banner .home-banner-bottom {
    padding-bottom: 0;
}

body .swiper-button-group {
    gap: 22px;
}
body #about  .swiper-inner {
    max-width: 100%!important;
    margin-bottom: 40px;
}

body section.home-banner.about-sec {
    padding: 80px 25px 0;
}

body .mySwipera + .cahngeBox {
    display: none!important;
}

body div#swiper.mySwiperx + .cahngeBox {
   
    bottom: 0;
}

body .aboutimage.swiper-inner {
    margin-bottom: 0!important;
}img.open-menu {
    height: 25px;
    cursor: pointer;
    display: block;
}.menu-op:after {
    content: " ";
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000000ba;
    height: 100vh;
    z-index: 9;
}

.menu-op .nav-menu {
    display: block;
    top: 50px;
}
.mobile-only{display:block;font-weight: 300;}header .nav-logo {
    display: flex;
    align-items: center;
}

.mobile-only img {
    height: 24px;
}

.mobile-only li {
    margin-bottom: 10px;
}
	.embedd-video{max-width:90vw;}.embedd-video iframe{max-height:40vh}.banner .home-banner-top > .video-box {
    display: none;
}.story-details p {
    display: none;
}

.story-item:hover .story-details .open-video-icon {
    top: -25px;
}

.story-item:hover .story-details .open-video-icon img {
    border: 2px solid #fff;
    border-radius: 50%;
}

.story-details .open-video-icon {
    bottom: 0!important;
}
}