img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} /*# sourceURL=wp-img-auto-sizes-contain-inline-css */ img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } /*# sourceURL=wp-emoji-styles-inline-css */ /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} /*# sourceURL=/wp-includes/css/classic-themes.min.css */ :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} /*# sourceURL=global-styles-inline-css */ .woocommerce form .form-row .required { visibility: visible; } /*# sourceURL=woocommerce-inline-inline-css */ .ppw-ppf-input-container { background-color: !important; padding: px!important; border-radius: px!important; } .ppw-ppf-input-container div.ppw-ppf-headline { font-size: px!important; font-weight: !important; color: !important; } .ppw-ppf-input-container div.ppw-ppf-desc { font-size: px!important; font-weight: !important; color: !important; } .ppw-ppf-input-container label.ppw-pwd-label { font-size: px!important; font-weight: !important; color: !important; } div.ppwp-wrong-pw-error { font-size: px!important; font-weight: !important; color: #dc3232!important; background: !important; } .ppw-ppf-input-container input[type='submit'] { color: !important; background: !important; } .ppw-ppf-input-container input[type='submit']:hover { color: !important; background: !important; } .ppw-ppf-desc-below { font-size: 0px!important; font-weight: 0!important; color: !important; } .ppw-form { background-color: !important; padding: px!important; border-radius: px!important; } .ppw-headline.ppw-pcp-pf-headline { font-size: px!important; font-weight: !important; color: !important; } .ppw-description.ppw-pcp-pf-desc { font-size: px!important; font-weight: !important; color: !important; } .ppw-pcp-pf-desc-above-btn { display: block; } .ppw-pcp-pf-desc-below-form { font-size: px!important; font-weight: !important; color: !important; } .ppw-input label.ppw-pcp-password-label { font-size: px!important; font-weight: !important; color: !important; } .ppw-form input[type='submit'] { color: !important; background: !important; } .ppw-form input[type='submit']:hover { color: !important; background: !important; } div.ppw-error.ppw-pcp-pf-error-msg { font-size: px!important; font-weight: !important; color: #dc3232!important; background: !important; } .header_list_a a{text-transform: capitalize !important;} body{position: relative;} header{position: fixed;top: 20px; width: 100%;z-index: 999;max-width: 100%;} .header-main{width: 100%;display:flex;justify-content: space-between;align-items: center; padding: 18px 30px;border-radius: 20px;background: #00000003;position: relative;backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);gap: 18px 30px;flex-wrap: wrap; background: rgba(3, 14, 6, 0.2);} .header-main::before{content: "";position: absolute;background: linear-gradient(-2deg, #3A3F3B 0%, #030E06 47%, #3A3F3B 100%) border-box;-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;width: 100%;height: 100%;top: 0;left: 0;border: 1px solid transparent;border-radius: 20px;} .header-main .header-left{display:flex;justify-content: space-between;align-items: center; gap: 12px 30px;flex-wrap: wrap;width: 75.5%;min-width: fit-content;} .header-main .logo{position: relative;z-index: 2;display: flex;justify-content: center;align-items: center;} .header-main .menu-item{display:flex;justify-content: flex-start;align-items: center;gap: 12px 24px; flex-wrap: wrap;} .header-main .item-wrap{position: relative;} .header-main .item-wrap a,.header-main .link-box .sign-in{font-weight: 600;font-size: var(--fs-16);line-height: 150%;} .header-main .item-wrap a svg{margin-left: 4px;transition: 0.4s;} .header-main .item-wrap:hover a svg {transform: rotate(180deg);} .header-main .link-box{display: flex;align-items: center;gap: 20px 30px; position: relative;} .header-main .link-box a {white-space: nowrap;} .header-main .hover-msg{position: absolute;top: 100%;right: 50%;transform: translateX(50%);width: calc(100vw - 80px); max-width: 450px;opacity:0;padding-top: 24px;z-index: 10;pointer-events: none;transition: all 0.3s;} .header-main .item-wrap:hover .hover-msg{pointer-events: unset;opacity: 1;} .header-main .item-wrap .hover-msg ul{padding: 16px;position: relative;backdrop-filter: blur(100px); -webkit-backdrop-filter: blur(100px);background: #030E06;border-radius: 24px;} .header-main .item-wrap .hover-msg ul:after{display: block; content: '';border-radius: 24px; border: 1px solid transparent;background: linear-gradient(131.42deg, #3A3F3B 18.34%, #030E06 55.04%, #3A3F3B 97.18%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude;position: absolute;top:0;right: 0;width: 100%;height: 100%; pointer-events: none;} .header-main .item-wrap .hover-msg ul li{border-radius: 20px;transition: all 0.4s;padding: 12px;position: relative;} .header-main .item-wrap .hover-msg ul li a{display: flex;align-items: center;gap: 20px;} .header-main .item-wrap .hover-msg ul li:after{display: block; content: '';border-radius: 20px; border: 1px solid transparent;background: linear-gradient(131.42deg, #3A3F3B 18.34%, #030E06 55.04%, #3A3F3B 97.18%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude;position: absolute;top:0;right: 0;width: 100%;height: 100%; pointer-events: none;opacity: 0;transition: all 0.4s;} .header-main .item-wrap .hover-msg ul li:hover{background: #02210B33;} .header-main .item-wrap .hover-msg ul li:hover:after{opacity: 1;} .header-main .item-wrap .hover-msg ul li:hover .hover-item-title {color: var(--v-green);} .header-main .item-wrap .hover-img-box{box-shadow: 0px 0px 8px 0px #00FF514D;position: relative;border-radius: 12px;width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;} .header-main .item-wrap .hover-img-box:after{display: block; content: '';border-radius: 12px; border: 1px solid transparent;background: linear-gradient(180deg, rgba(0, 255, 81, 0.2) 0%, rgba(0, 153, 49, 0.2) 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude;position: absolute;top:0;right: 0;width: 100%;height: 100%; pointer-events: none;} .header-main .item-wrap .hover-item-title{font-weight: 600;font-size: var(--fs-16);line-height: 150%;color: var(--v-white);margin-bottom: 6px;transition: all 0.4s;} .header-main .item-wrap .hover-item-title .new-tag { font-weight: 600; font-size: var(--fs-12); color: #E3FF5C; vertical-align: middle; line-height: 150%; margin-left: 5px; text-transform: uppercase; border-radius: 38px; padding: 4px 8px; backdrop-filter: blur(4px); background: radial-gradient(101.9% 105.26% at 100% 82.89%, rgba(227, 255, 92, 0.4) 0%, rgba(227, 255, 92, 0.2) 100%); position: relative; } html[lang="ar-AE"] .header-main .item-wrap .hover-item-title .new-tag{margin-left: 0;margin-right: 5px;} .header-main .item-wrap .hover-item-title .new-tag::after { display: block; content: ''; border-radius: 38px; border: 1px solid transparent; background: linear-gradient(104.04deg, #E3FF5C 0%, rgba(227, 255, 92, 0) 32.21%, rgba(227, 255, 92, 0) 59.13%, #E3FF5C 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; position: absolute; top: 0; right: 0; width: 100%; height: 100%; pointer-events: none; } header.mobile-wrap .item-wrap .hover-item-title .new-tag { font-weight: 600; font-size: var(--fs-12); color: #E3FF5C; vertical-align: middle; line-height: 150%; margin-left: 5px; text-transform: uppercase; border-radius: 38px; padding: 4px 8px; backdrop-filter: blur(4px); background: radial-gradient(101.9% 105.26% at 100% 82.89%, rgba(227, 255, 92, 0.4) 0%, rgba(227, 255, 92, 0.2) 100%); position: relative; } header.mobile-wrap .item-wrap .hover-item-title .new-tag::after { display: block; content: ''; border-radius: 38px; border: 1px solid transparent; background: linear-gradient(104.04deg, #E3FF5C 0%, rgba(227, 255, 92, 0) 32.21%, rgba(227, 255, 92, 0) 59.13%, #E3FF5C 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; position: absolute; top: 0; right: 0; width: 100%; height: 100%; pointer-events: none; } .header-main .item-wrap .hover-item-text{font-weight: 400;font-size: var(--fs-14);line-height: 150%;margin-bottom: 0;color: var(--v-grey-dark1);} .header-main .item-wrap.active a, .header-main .item-wrap li.active .hover-item-title{color: var(--v-green);} .header-main .parting-line{width: 100%;height: 1px;background: linear-gradient(90deg, rgba(58, 63, 59, 0) 0%, #3A3F3B 30%, #3A3F3B 70%, rgba(58, 63, 59, 0) 100%);margin: 15px 0;} /* mobile header */ header.mobile-wrap{width: 100%;top: 10px;} .header-mobile{display: flex;justify-content: space-between;align-items: center;width: 100%;gap: 10px; flex-wrap: wrap;} .header-mobile .top-link-box{display: flex;justify-content: space-between;align-items: center;gap: 16px; margin-left: auto; position: relative;} .header-mobile .top-link-box .mobile-menu-icon{cursor: pointer;} header.mobile-wrap .mobile-menu{position: fixed;width: 100%; height: 100vh;z-index: 9999; top: 0;left: 0; transform: translateX(110%);background: url("/images-local/mobile-menu-bg-263145edcb.png") top center no-repeat; background-size: cover;transition: all 0.4s;} header.mobile-wrap .mobile-menu.moveShow{transform: translateX(0%);} header.mobile-wrap .mobile-menu-top{display: flex;justify-content: space-between;align-items: center;padding: 20px;background: url("/images-local/mobile-menu-bg-263145edcb.png") top center no-repeat; background-size: cover; width: 100%; z-index: 10; box-shadow: 0px 5px 20px #030d05;} header.mobile-wrap .menu-item{display: block;overflow: auto; padding: 33px 30px 20px 32px; height: 400px;} /* header.mobile-wrap .item-wrap{padding-bottom: 24px;} */ header.mobile-wrap .item-wrap>a{display: flex;justify-content: space-between;align-items: center;color: var(--v-white); margin-bottom: 24px;} header.mobile-wrap .item-wrap>a span{font-weight: 600;font-size: 24px;line-height: 150%;} header.mobile-wrap .item-wrap>a svg{transition: all 0.4s ease;} header.mobile-wrap .item-wrap>a .header-hasItem:not(.haveItems){transform: rotate(0deg);} header.mobile-wrap .item-wrap.haveDown>a .header-hasItem:not(.haveItems){transform: rotate(180deg);} header.mobile-wrap .mobile-menu-share{padding: 31px 20px;width: 100%;position: absolute;bottom: 80px;left: 0;z-index: 10; max-height: calc(100% - 500px);background: #051207; } header.mobile-wrap .mobile-menu-share .button-box{display: flex;align-items: center;justify-content: center;margin-bottom: 28px;} header.mobile-wrap .mobile-menu-share .button-box .green-border-button{width: 100%;} header.mobile-wrap .mobile-menu-share ul{display: flex;justify-content: center;align-items: center;gap: 16px;} header.mobile-wrap .mobile-menu-share:before {display: block;content: '';background: linear-gradient(90deg, rgba(58, 63, 59, 0) 0%, #3A3F3B 30%, #3A3F3B 70%, rgba(58, 63, 59, 0) 100%);position: absolute;top: 0;right: 0;width: 100%;height: 1px;pointer-events: none;} header.mobile-wrap .mobile-menu-share li{width: 100%;max-width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;position: relative;border-radius: 6px;overflow: hidden;background: linear-gradient(140deg, rgba(57 255 120 / 0%) 30%, rgb(57 255 120 / 20%) 100%);} header.mobile-wrap .mobile-menu-share li:before{display: block;content: '';border-radius: 6px;border: 1px solid transparent;background: linear-gradient(131.42deg, #3A3F3B 18.34%, #030E06 55.04%, #3A3F3B 97.18%) border-box;-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;position: absolute;top: 0;right: 0;width: 100%;height: 100%;pointer-events: none;} header.mobile-wrap .item-wrap .hover-msg{padding: 0 0 14px;display: none;} header.mobile-wrap .item-wrap .hover-msg ul li{margin-bottom: 12px;} header.mobile-wrap .item-wrap .hover-msg ul li a{display: flex;justify-content: flex-start;align-items: center;gap: 16px;} header.mobile-wrap .item-wrap .hover-img-box{box-shadow: 0px 0px 8px 0px #00FF514D;position: relative;border-radius: 12px;width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;} header.mobile-wrap .item-wrap .hover-img-box:after{display: block; content: '';border-radius: 12px; border: 1px solid transparent;background: linear-gradient(180deg, rgba(0, 255, 81, 0.2) 0%, rgba(0, 153, 49, 0.2) 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude;position: absolute;top:0;right: 0;width: 100%;height: 100%; pointer-events: none;} header.mobile-wrap .item-wrap .hover-item-title{font-weight: 600;font-size: 16px;line-height: 150%;color: var(--v-white);margin-bottom: 6px;} header.mobile-wrap .item-wrap .hover-item-text{font-weight: 400;font-size: var(--fs-14);line-height: 150%;margin-bottom: 0;color: var(--v-grey-dark1);} header.mobile-wrap .item-wrap.active>a, header.mobile-wrap .item-wrap.haveDown>a, header.mobile-wrap .item-wrap li.active .hover-item-title{color: var(--v-green);} header.mobile-wrap .item-wrap.haveDown>a svg{transform: rotate(180deg);} .mobile-wrap .parting-line{width: 100%;height: 1px;background: linear-gradient(90deg, rgba(58, 63, 59, 0) 0%, #3A3F3B 30%, #3A3F3B 70%, rgba(58, 63, 59, 0) 100%);margin: 10px 0;} header.mobile-wrap .mobile-menu-top .logo{ display: flex;justify-content: center;align-items: center;} .header-page .header-main .header-bottom{display: flex;} /* new language bar */ .header-main{ flex-wrap: nowrap;} .header-main .link-box{padding-left: 20px;gap: 20px;} .header-main .link-box::before {content: "";position: absolute;top: 0;left: 0;width: 1px;height: 100%;background: linear-gradient(180deg, rgba(58, 63, 59, 0.1) 0%, rgba(58, 63, 59, 0.8) 30%, rgba(58, 63, 59, 0.8) 70%, rgba(58, 63, 59, 0.1) 100%); } .header-main .link-box .funded-language{ margin-left: 0;} .header-main .link-box .header-language-funded{left: unset;right: 0;} html[lang="ar-AE"] .header-main .link-box,html[lang="ar-AE"] .funded-language{padding-left: 0;padding-right: 20px;} html[lang="ar-AE"] .header-main .link-box::before, html[lang="ar-AE"] .funded-language::before{left: unset;right: 0;} html[lang="ar-AE"] .header-main .item-wrap .hover-item-title { display: flex; } html[lang="ar-AE"] header.mobile-wrap .item-wrap .hover-item-title { display: flex; } html[lang="de-DE"] .header-main .link-box{padding-left: 10px;gap: 10px;} html[lang="de-DE"] .funded-language{padding-left: 10px;} html[lang="de-DE"] .header-main .item-wrap a, html[lang="de-DE"] .header-main .link-box .sign-in{ font-size: var(--fs-14);} html[lang="ru-RU"] .header-main .link-box{padding-left: 10px;gap: 10px;} html[lang="ru-RU"] .funded-language{padding-left: 10px;} html[lang="ru-RU"] .header-main .item-wrap a, html[lang="de-DE"] .header-main .link-box .sign-in{ font-size: var(--fs-14);} html[lang="es-ES"] .header-main .link-box{padding-left: 10px;gap: 10px;} html[lang="es-ES"] .funded-language{padding-left: 10px;} html[lang="es-ES"] .header-main .item-wrap a, html[lang="de-DE"] .header-main .link-box .sign-in{ font-size: var(--fs-14);} .trustpilot-widget{width: 180px;} @media (max-width: 1550px) { .header-main .link-box{width: 100%;justify-content: end;} .header-main{ flex-wrap: wrap;} .header-main .link-box{padding-left: 0;} .header-main .link-box::before {display: none;} } @media (max-width: 1440px) { .header-main .menu-item{margin-left: 0;} } @media (max-width: 1300px) { /* .header-main .link-box{width: 100%;justify-content: end;} */ /* new language bar */ .header-main{ flex-wrap: wrap;} .header-main .link-box{padding-left: 0;} .header-main .link-box::before {display: none;} } @media (max-width: 1240px) { .header-main .hover-msg{left: 0;transform: none;right: unset;} .header-main .item-wrap:last-child .hover-msg{right: 0;left: unset;} } @media (max-width: 768px) { .header-main{padding: 14px 16px;} .header-main .menu-item{gap: 6px 12px;} .header-main .hover-msg{right: 0;} .header-main .item-wrap .hover-msg ul{padding: 12px;} .header-main .item-wrap .hover-msg ul li{padding: 10px;} .header-main .item-wrap .hover-msg ul li a{gap: 12px;} .header-main .item-wrap .hover-img-box{width: 42px; height: 42px;min-width: 42px;} /* mobile header */ header.mobile-wrap .mobile-menu-top .logo>a{width: 118px;} .header-success{top: 0;} .header-success .header-main{background: none;backdrop-filter: unset;-webkit-backdrop-filter: unset;border-radius: unset;border: none;padding: 20px 2px;} .header-success .header-main .logo img{width: 150px;} .header-page .header-main {padding: 18px 16px;} } @media (max-width: 420px) { header.mobile-wrap .inner{padding: 0 10px;} .header-main .menu-item{position: relative;} .header-main .item-wrap{position: unset;} .header-main .hover-msg{transform: translateX(0); right: -16px;width: calc(100vw - 50px);} .header-page .header-main .header-bottom .green-border-button{font-size: 12px;padding: 10px 14px;} /* new language bar */ .header-main .link-box{gap: 10px;} .header-main .link-box .funded-language{padding-left: 10px;} } @media (max-width: 396px){ .header-page .header-main .logo img{ width: 90px;} } @media (max-width: 380px){ .header-mobile .top-link-box .green-border-button{font-size: 14px;} .header-mobile .logo img{width: 100px;} } @media (max-width: 350px) { .header-success .header-main .logo img {width: 100px;} } /* header{overflow: hidden;} */ .header-overall{width: 100%;border-radius: 20px;position: relative;backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);background: rgba(3, 14, 6, 0.2);} .header-overall::before {content: "";position: absolute;background: linear-gradient(-2deg, #3A3F3B 0%, #030E06 47%, #3A3F3B 100%) border-box;-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;width: 100%;height: 100%;top: 0;left: 0;border: 1px solid transparent;border-radius: 20px;} .header-main::before {content: none;} .discount-box{display: flex;gap: 8px;width: max-content;align-items: center; position: absolute;top: 0;left: 50%;transform: translate(-50%, 0);padding: 2px 15px 2px 15px;border-radius: 0px 0px 5px 5px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.01)), linear-gradient(0deg, #423122, rgba(255, 0, 0, 0.21)); z-index: 5; /* background: url("/images-local/header-discount-bg-77c78caac1.png") top center no-repeat; background-size: cover; */ } .discount-box::before{display: block;content: '';border-radius: 8px;border: 1px solid transparent; background: linear-gradient(180deg, #5f3b2fbd 0%, #52483596 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;position: absolute;top: 0;right: 0;width: 100%;height: 100%;border-radius: 0px 0px 5px 5px;} .discount-box p{font-size: var(--fs-12);font-weight: 400;line-height: 150%;color: #fff;margin-bottom: 0;} .discount-box p span{color: #FF3535; font-weight: 600;} .discount-box p span.not-inheader{display: none;} .discount-box .discount-coupon{ background: linear-gradient(0deg, #290000, #290000), radial-gradient(88.34% 91.25% at 50.43% 100%, rgba(255, 36, 36, 0.4) 0%, rgba(255, 36, 36, 0) 100%); position: relative; color: #FF2424;height: 1rem;overflow: hidden;border-radius: 4px;padding: 0 8px; cursor: pointer; width: 100%;max-width: max-content;} .discount-box .discount-coupon::after { display: block; content: ''; border-radius: 5px; border: 1px solid transparent; background: linear-gradient(180deg, #FF2424 0%, #FF6464 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; position: absolute; top: 0; right: 0; width: 100%; height: 100%; pointer-events: none; } .discount-box .discount-coupon p{color: #FF2424;font-weight: 600;display: flex;align-items: center;height: 100%;justify-content: center;transition: all 0.3s;} .discount-box .discount-coupon.active p{transform: translate(0px, -100%);} @media (max-width: 980px) { .discount-box{width: 80%;max-width: max-content;position: relative;} } @media (max-width: 768px) { .header-mobile .green-border-button{padding: 5px 18px;} } .funded-language{ width: fit-content;padding-left: 20px; margin-left: 0;position: relative;z-index: 4;} .funded-language::before {content: "";position: absolute;top:0;left: 0;width: 1px;height: 100%; background: linear-gradient(180deg, rgba(58, 63, 59, 0.1) 0%, rgba(58, 63, 59, 0.8) 30%, rgba(58, 63, 59, 0.8) 70%, rgba(58, 63, 59, 0.1) 100%);} .funded-language a{background: linear-gradient(180deg, rgba(58, 63, 59, 0.2) 0%, rgba(58, 63, 59, 0.05) 100%);position: relative;border-radius: 50%;display: flex;padding: 8px; align-items: center;width: fit-content;} .funded-language a::before {content: "";position: absolute;inset: 1px;padding: 1px;border-radius: 20px;background: linear-gradient(180deg, #3A3F3B 0%, #1B1E1C 100%);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;z-index: -1;} .funded-language.active a{box-shadow: 0px 4px 6px 0px #0000001A;} .funded-language a span{color:#181D27;font-weight: 500;font-size: var(--fs-16);margin-right: 4px;} .funded-language a .contry-down-icon{transition: all 0.3s;} .funded-language.active a .contry-down-icon{transform: rotate(-180deg);} .header-language-funded {display: none;position: absolute; top: 44px;right: 0;width: 400px;background: rgba(3,14,6,1);z-index: 10000; border-radius: 17px;padding: 10px 0;max-width: calc(100vw - 40px);} .header-language-funded::before {content: "";position: absolute;inset: 1px;padding: 1px;border-radius: 17px;background: linear-gradient(131.42deg, rgba(58, 63, 59, 0.7) 18.34%, #030E06 55.04%, rgba(58, 63, 59, 0.7) 97.18%);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;z-index: -1;} /* .mobile-menu .header-language-funded{box-shadow: 2px 1px 14px rgba(255, 255, 255, 0.3);} */ .header-language-funded .language-list{display: grid; grid-template-columns: repeat(2, 1fr);gap: 0; } .header-language-funded .language-list::-webkit-scrollbar { width: 10px;} .header-language-funded .language-list::-webkit-scrollbar-track {background: #030E06;} .header-language-funded .language-list::-webkit-scrollbar-thumb {background: #3A3F3B;border-radius: 5px;} .custom-scrollbar { scrollbar-width: thin; scrollbar-color: #3A3F3B #030E06; /* 滑块颜色 轨道颜色 */} .header-language-funded .language-list .language-item{padding: 0 16px;} /* .header-language-funded .language-list .language-item:hover{background: #1b1c1c;} */ .header-language-funded .language-list .language-item.active {order: -1;position: relative;} .header-language-funded .language-list .language-item a{display: flex;gap: 8px;align-items: center;white-space: nowrap;padding: 10px 0 10px 16px;position: relative; cursor: pointer;} .header-language-funded .language-list .language-item a:hover{background: #212322;} .header-language-funded .language-list .language-item a::before {content: "";position: absolute;left: 0;width: 1px;height: 100%;background: linear-gradient(180deg, rgba(58, 63, 59, 0.1) 0%, rgba(58, 63, 59, 0.8) 30%, rgba(58, 63, 59, 0.8) 70%, rgba(58, 63, 59, 0.1) 100%);z-index: 1;} .header-language-funded .language-list .language-item.active a::before {background: linear-gradient(180deg, rgba(0, 255, 81, 0.1) 0%, #00FF51 30%, #00FF51 70%, rgba(0, 255, 81, 0.1) 100%);} .header-language-funded .language-list .language-item .flag-icon{min-width: 20px;width: 20px;height: 20px;} .header-language-funded .language-list .language-item .flag-icon img{width: 100%;height: auto; vertical-align: initial;} .header-language-funded .language-list .language-item .changed-icon{min-width: 16px;width: 16px;position: absolute;top: 14px;right: 9px;} .header-language-funded .language-list .language-item span{font-weight: 400;font-size: 14px;color:#76827A;} .header-language-funded .language-list .language-item.active span{color: var(--v-white);} .mobile-wrap .header-language-funded{top: 65px;} /* html[lang="ar-AE"] .header-language-funded .language-list .language-item .changed-icon{right: unset;left: 9px;} */ @media (max-width: 768px) { .header-language-funded{ right: -16px;} .mobile-menu-top .header-language-funded{left: -12px;max-width: calc(100vw - 16px);} } @media (max-width: 400px) { .header-language-funded{width: 260px;} .header-language-funded .language-list{grid-template-columns: repeat(1, 1fr);max-height: 200px; overflow: auto; } } html body .perform-edge-card { background: url("/images-local/home-edge-card-bg-6285dc4fd3.png") top center no-repeat; background-size: cover; } html body .perform-edge-card .row1-top-text { margin: 0 auto 61px; } html body .perform-edge-card .edge-card-box { max-width: 1200px; } html body .perform-edge-card .edge-card-box .card-item-text .card-item-title { font-size: var(--fs-18); } html body .perform-edge-card .edge-card-box .card-item-text .card-item-subtitle { font-size: var(--fs-14); } html body .perform-edge-card .edge-card-box .card-item { background: none; padding: 30px 30px 33px 30px; margin-bottom: 40px; } html body .perform-edge-card .edge-card-box .card-item .card-item-img { max-width: unset; height: unset;background: none; box-shadow: none; display: block; border-radius: unset; margin-bottom: 32px; } html body .perform-edge-card .edge-card-box .card-item .card-item-img::before { content: none; } html body .perform-edge-card .edge-card-box .card-item .card-item-img .img-icon { width: 32px; height: 32px; } .label-containr .label-content .label-box.right-box .lable-text{gap: 54px;} .label-containr .label-content .label-box.right-box .label-icon{flex: unset;} /* 2026.4.22 */ html body .perform-edge-card .edge-card-box .card-item{width: calc((100% - 60px) / 2);} @media (max-width: 980px) { html body .perform-edge-card .edge-card-box .card-item { width: calc((100% - 20px) / 2); margin-bottom: 20px; } } @media (max-width: 768px) { html body .perform-edge-card .edge-card-box .card-item { padding: 16px 16px 16px 16px; } html body .perform-edge-card .edge-card-box .card-item .card-item-img { margin-bottom: 34px; } html body .perform-edge-card .edge-card-box .card-item-text .card-item-title { margin-bottom: 3px; } } @media (max-width: 510px) { html body .perform-edge-card { background: url("/images-local/home-edge-card-bg-mb-2673e6f9a7.png") bottom center no-repeat; background-size: contain; } html body .perform-edge-card .row1-top-text { text-align: left; margin: 0 auto 57px; } html body .perform-edge-card .row1-top-text h2 { margin-bottom: 15px; } html body .perform-edge-card .edge-card-box { margin: 0 auto 18px; } html body .perform-edge-card .edge-card-box .card-item { width: calc((100% - 12px) / 2); margin-bottom: 12px; } html body .perform-edge-card .pCon { font-size: 14px; } html body .home-row10 .row10-box .box-left { padding: 82px 20px; } html body .box-left h2 { margin-bottom: 18px; } html body .box-left .p-text { margin-bottom: 40px; } } @media (max-width: 360px) { html body .perform-edge-card .edge-card-box .card-item { width: 100%;} } h1{ font-weight: 600; font-size: var(--fs-96); line-height: 120%; color: #F3F4F3; } .p-text1{ font-weight: 400; font-size: var(--fs-14); line-height: 150%; vertical-align: middle; text-transform: uppercase; color: #00FF51; } .p-text2{ max-width: 780px; margin: 0px auto 37px; font-weight: 400; font-size: var(--fs-20); line-height: 150%; color: #ABB3AE; } .moneta-home-banner{ position: relative; overflow: hidden; } .moneta-home-banner .home-video-background { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: auto; object-fit: cover; } .moneta-home-banner .banner-content{ text-align: center; padding: 285px 0 30px; position: relative; z-index: 1; } .moneta-home-banner .banner-content h1{ font-weight: 600; font-size: var(--fs-96); line-height: 120%; color: #F3F4F3; } .moneta-home-banner .banner-content .p-text1{ font-weight: 400; font-size: var(--fs-14); line-height: 150%; vertical-align: middle; text-transform: uppercase; color: #00FF51; } .moneta-home-banner .banner-content .p-text2{ max-width: 980px; margin: 0px auto 41px; font-weight: 400; font-size: var(--fs-20); line-height: 150%; color: #ABB3AE; } .moneta-home-banner .banner-content .p-text2 span{ font-weight: 600; color: #FFFFFF; } .moneta-home-banner .home-video-background-mb {position: absolute; top: 0; left: 0; width: 100%; height: auto; object-fit: cover; } .button-box{display: flex;justify-content: center;gap: 40px;flex-wrap: wrap;margin-bottom: 40px;} #widget-uqpikmjxuv2u5pcix0qrf7q3 {text-align: center;} .home-video-background::-webkit-media-controls-start-playback-button {opacity: 0;} .home-video-background::-webkit-media-controls-start-playback-button {display: none !important;} .home-video-background::-webkit-media-controls {display: none !important;} .home-video-background::-webkit-media-controls-panel {display: none !important;} @media (max-width: 1440px) { .moneta-home-banner .home-video-background { width: 110%; } } @media (max-width: 1240px) { .moneta-home-banner .home-video-background { width: 120%; } } @media (max-width: 1024px) { .moneta-home-banner .home-video-background { width: 140%; } } @media (max-width: 768px) { .moneta-home-banner .home-video-background { width: 200%; } .moneta-home-banner .banner-content {padding: 258px 0 20px;} .moneta-home-banner .banner-content h1 {font-size: 36px;margin-bottom: 20px;} .moneta-home-banner .banner-content h1 span { text-shadow: 0px 0px 10px #030E06, 0px 0px 4px #00FF51, 0px 0px 5px #00FF51, 0px 0px 7px #00FF51; } .moneta-home-banner .banner-content .p-text2 {margin-bottom: 24px;} .button-box{gap: 20px;margin-bottom: 25px;} } @media (max-width: 600px) { .moneta-home-banner .home-video-background { width: 220%; } } /* 2026.4.22 */ .module-box{display: flex;justify-content: center;align-items: center;gap: 32px;flex-flow: wrap;} .home-row1{padding: 30px 0 80px;} .home-row1 .row1-top{margin-bottom: 80px;} .home-row1 .row1-top .top-swiper{position: relative;} .home-row1 .row1-top .top-swiper::before{content: ""; position: absolute; width: 131px;height: 100%;background: linear-gradient(90deg, #030E06 0%, rgba(3, 14, 6, 0) 100%);top: 0;left: 0;z-index: 2;} .home-row1 .row1-top .top-swiper::after{content: ""; position: absolute; width: 131px;height: 100%;background: linear-gradient(270deg, #030E06 0%, rgba(3, 14, 6, 0) 100%);top: 0;right: 0;z-index: 2;} .home-row1 .row1-top .top-swiper ul{} .home-row1 .row1-top .top-swiper li{display: flex;align-items: center;gap: 5px; position: relative;background: linear-gradient(180deg, rgba(58, 63, 59, 0.2) 0%, rgba(58, 63, 59, 0.05) 100%);padding: 10px 20px;border-radius: 10px;overflow: hidden;width: auto;} .home-row1 .row1-top .top-swiper li::before{display: block;content: '';border-radius: 10px;border: 1px solid transparent;background: linear-gradient(131.42deg, rgba(58, 63, 59, 0.7) 18.34%, #030E06 55.04%, rgba(58, 63, 59, 0.7) 97.18%);-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;position: absolute;top: 0;right: 0;width: 100%;height: 100%;pointer-events: none;} .home-row1 .row1-top .top-swiper li p{ font-size: 14px; margin-bottom: 0;} .home-row1 .row1-top .top-swiper li p strong{color: #fff;} .home-row1 .row1-top .top-swiper .swiper-wrapper{ -webkit-transition-timing-function: linear;-moz-transition-timing-function: linear;-ms-transition-timing-function: linear;-o-transition-timing-function: linear;transition-timing-function: linear;} .home-row1 .row-center{display: flex; justify-content: space-between;} .home-row1 .centerBox{ width: 100%; max-width: calc((100% / 3) - 11px);display: flex;flex-direction: column;gap: 12px; position: relative; padding: 12px; border-radius: 20px;} .home-row1 .centerBox::before{display: block;content: '';border-radius: 20px;border: 1px solid transparent;background: linear-gradient(106deg, rgba(58, 63, 59, 0.7) 18.34%, #030E06 55.04%, rgba(58, 63, 59, 0.7) 97.18%);-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;position: absolute;top: 0;right: 0;width: 100%;height: 100%;pointer-events: none;} .home-row1 .boxCov{position: relative;border-radius: 16px;} .home-row1 .boxCov::before{display: block;content: '';border-radius: 16px;border: 1px solid transparent;background: linear-gradient(106deg, rgba(58, 63, 59, 0.7) 18.34%, #030E06 55.04%, rgba(58, 63, 59, 0.7) 97.18%);-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;position: absolute;top: 0;right: 0;width: 100%;height: 100%;pointer-events: none;} .home-row1 .platform-int .intBox1{background: url("/images-local/home-row1-intBox1-bg-f0a2a2e58f.png") top right no-repeat; background-size: cover;padding: 23px 20px;} .home-row1 .platform-int .intBox1 h4{font-size: var(--fs-18);line-height: 150%;margin-bottom: 5px;} .home-row1 .platform-int .intBox1 p{font-size: var(--fs-12);font-weight: 400;line-height: 150%;max-width: 227px;margin-bottom: 0;} .home-row1 .platform-int .intBox2{background: url("/images-local/home-row1-intBox2-bg-1476dd237d.png") top no-repeat; background-size: cover;padding: 20px 20px;overflow: hidden;border-radius: 18px;} .home-row1 .platform-int .intBox2 .top-title{font-size: var(--fs-12);text-align: center;margin-bottom: 3px;} .home-row1 .platform-int .intBox2 .pText{font-size: var(--fs-18);text-align: center;margin-bottom: 0;} .home-row1 .platform-int .intBox2 .pText strong{color: #fff;} .home-row1 .platform-int .intBox3{display: flex; gap: 12px;} .home-row1 .platform-int .intBox3 .leagueBox{width: 100%;max-width: 136px;padding: 20px;display: flex;flex-direction: column;align-items: center;} .home-row1 .platform-int .intBox3 .leagueBox img{margin-bottom: 5px;} .home-row1 .platform-int .intBox3 .leagueBox h4{font-size: var(--fs-18);line-height: 150%;margin-bottom: 0px;} .home-row1 .platform-int .intBox3 .leagueBox p{font-size: var(--fs-12);font-weight: 400;line-height: 150%;margin-bottom: 0;} .home-row1 .challenge-Traders .tradersBox1{ text-align: center; background: url("/images-local/home-row1-tradersBox1-bg-c9c445df0f.png") top center no-repeat; background-size: 100% 100%; padding: 19px 20px 16px; } .home-row1 .challenge-Traders .tradersBox1 h4{ font-weight: 400; font-size: var(--fs-14); line-height: 150%; margin-bottom: 3px; color: #ABB3AE; } .home-row1 .challenge-Traders .tradersBox1 h4 span { font-weight: 600; color: #FFFFFF; } .home-row1 .challenge-Traders .tradersBox1 p { font-weight: 200; font-size: 51.43px; line-height: 56px; margin-bottom: 0; color: #00FF51; text-shadow: 0px 0px 20px #00FF51; } .home-row1 .challenge-Traders .challenge-box{ flex: 1; display: flex; justify-content: center; gap: 12px; } .home-row1 .challenge-Traders .tradersBox2{ flex: 1; padding: 20px; min-height: 220px; } .home-row1 .challenge-Traders .tradersBox2 h4 { font-weight: 600; font-size: var(--fs-18); line-height: 150%; margin-bottom: 7px; } .home-row1 .challenge-Traders .tradersBox2 p { font-weight: 400; font-size: var(--fs-12); line-height: 150%; color: #ABB3AE; margin-bottom: 0; } .home-row1 .challenge-Traders .tradersBox2 p span.golden { color: #FFD000; } .home-row1 .challenge-Traders .tradersBox2 p strong{ color: #fff; } .home-row1 .competition-zero .competitionBox1{ padding: 33px 20px; background: url("/images-local/home-row1-competitionBox1-bg-ea4b5dc59d.png") top center no-repeat; background-size: cover; } .home-row1 .competition-zero .competitionBox1 h4{ font-weight: 700; font-size: 10px; line-height: 150%; text-transform: uppercase; color: #00FF51; margin-bottom: 4px; } .home-row1 .competition-zero .competitionBox1 p{ font-weight: 400; font-size: var(--fs-18); line-height: 150%; color: #ABB3AE; margin-bottom: 0; } .home-row1 .competition-zero .competitionBox1 p strong{ color: #fff; } .home-row1 .competition-zero .competitionBox2{ padding: 20px; flex: 1; overflow: hidden; } .home-row1 .competition-zero .competitionBox2 .competition-title { position: relative; width: fit-content; margin-bottom: 13px; padding: 4px 8px; border-radius: 38px; background: #00FF5133; display: flex; align-items: center; gap: 5px; } .home-row1 .competition-zero .competitionBox2 .competition-title img { width: 10px; height: 10px; } .home-row1 .competition-zero .competitionBox2 .competition-title::before{display: block;content: '';border-radius: 38px;border: 1px solid transparent; background: linear-gradient(106.46deg, rgba(0, 255, 81, 0.5) 36.27%, rgba(0, 255, 81, 0) 47.18%, rgba(0, 255, 81, 0) 52.63%, rgba(0, 255, 81, 0.5) 63.54%); -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor;mask-composite: exclude;position: absolute;top: 0;right: 0;width: 100%;height: 100%;pointer-events: none;} .home-row1 .competition-zero .competitionBox2 .competition-title h4{ font-weight: 400; font-size: 12px; line-height: 150%; color: #ABB3AE; margin-bottom: 0; } .home-row1 .competition-zero .competitionBox2 .competition-title h4 span.bright-green { color: #00FF51; } .home-row1 .competition-zero .competitionBox2 .competition-title h4 span.white { color: #FFFFFF; } .home-row1 .competition-zero .competitionBox2 .competition-content .competition-item:last-child .item-title{ margin-bottom: 0; } .home-row1 .competition-zero .competition-item .item-time{ font-weight: 400; font-size: 12px; line-height: 150%; color: #ABB3AE; margin-bottom: 5px; } .home-row1 .competition-zero .competition-item .item-title{ font-weight: 400; font-size: var(--fs-14); line-height: 150%; text-decoration: underline; color: #FFFFFF; margin-bottom: 13px; display: flex; align-items: center; } .home-row1 .competition-zero .competition-item .item-title span{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .home-row1 .competition-zero .competition-item .item-title .img-icon{ flex-shrink: 0; } .new-row1 .label-containr { padding: 80px 0 0; } .new-row1 .label-containr .label-content{ max-width: 1200px; display: flex; justify-content: center; align-items: center; gap: 10px; margin: 0 auto; } .new-row1 .label-containr .label-content .label-box { max-width: 660px; width: 100%; text-align: center; padding-bottom: 15px; } .new-row1 .label-containr .label-content .label-box.right-box .lable-text{gap: 0;} .new-row1 .label-containr .label-content .label-box.right-box .label-icon{flex: 1;} .new-row1 .label-containr .label-content .label-box .title { font-weight: 400; font-size: var(--fs-14); line-height: 150%; color: #00FF51; margin-bottom: 33px; } .new-row1 .label-containr .label-content .label-box .lable-text { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .new-row1 .label-containr .label-content .label-box .label-icon { flex: 1; } .new-row1 .label-containr .label-content .space-line{ width: 1px; flex-shrink: 0; align-self: stretch; background: linear-gradient(180deg, rgba(58, 63, 59, 0) 0%, #3A3F3B 30%, #3A3F3B 70%, rgba(58, 63, 59, 0) 100%); } html[lang="ar-AE"] .home-row1 .competition-zero .competitionBox1 { padding-right: 50%; } html[lang="ar-AE"] .home-row1 .platform-int .intBox1 { padding-right: 50%; } @media (max-width: 1240px) { .home-row1 .row-center { max-width: 850px; flex-wrap: wrap; margin: 0 auto; } .home-row1 .centerBox { max-width: calc((100% - 16px) / 2); margin-bottom: 16px; } .home-row1 .challenge-Traders .tradersBox1 p{ font-size: 44px; } .home-row1 .competition-zero { max-width: 100%; } .home-row1 .competition-zero .competitionBox1{ background-position: top right; background-size: contain; } .new-row1 .label-containr .label-content { display: block; } .new-row1 .label-containr .label-content .space-line{ width: 101px; height: 1px; margin: 17px auto; background: linear-gradient(90deg, rgba(58, 63, 59, 0) 0%, #3A3F3B 30%, #3A3F3B 70%, rgba(58, 63, 59, 0) 100%); } .new-row1 .label-containr .label-content .label-box { margin: 0 auto; padding-bottom: 0; } } @media (max-width: 1024px) { } @media (max-width: 850px) { .home-row1 .row-center { justify-content: center; } .home-row1 .centerBox { max-width: 456px; } .home-row1 .competition-zero .competitionBox1{ background-position: top right; background-size: cover; } } @media (max-width: 768px) { .home-row1 .row1-top{margin-bottom: 64px;} .new-row1 .label-containr { padding: 15px 0px; } .new-row1 .label-containr .label-content .label-box .label-icon { flex: unset; } .new-row1 .label-containr .label-content .label-box .lable-text { gap: 40px; } .new-row1 .label-containr .label-content .label-box.right-box .label-icon{flex: unset;} .new-row1 .label-containr .label-content .label-box.right-box .lable-text{gap: 40px;} } @media (max-width: 565px) { .new-row1 .label-containr .label-content .label-box .title { margin-bottom: 20px; } .new-row1 .label-containr .label-content .label-box .lable-text { gap: 24px; } .new-row1 .label-containr .label-content .label-box.right-box .lable-text{gap: 24px;} .new-row1 .label-containr .label-content .space-line { margin: 30px auto 17px; } .new-row1 .label-containr .label-content .left-box .label-icon:nth-child(1) { width: 42px; } .new-row1 .label-containr .label-content .left-box .label-icon:nth-child(2) { width: 73px; } .new-row1 .label-containr .label-content .left-box .label-icon:nth-child(3) { width: 74px; } .new-row1 .label-containr .label-content .left-box .label-icon:nth-child(4) { width: 55px; } .new-row1 .label-containr .label-content .right-box .label-icon:nth-child(1) { width: 70px; } .new-row1 .label-containr .label-content .right-box .label-icon:nth-child(2) { width: 109px; } .new-row1 .label-containr .label-content .right-box .label-icon:nth-child(3) { width: 92px; } .new-row1 .label-containr .label-content .right-box .label-icon:nth-child(4) { width: 92px;} } @media (max-width: 510px) { .home-row1 .platform-int .intBox1{padding: 18px 16px; background: url("/images-local/home-row1-intBox1-bg-mb-7208dc6b8e.png") top right no-repeat; background-size: cover;} .home-row1 .platform-int .intBox1 h4{ font-size: 18px; } .home-row1 .platform-int .intBox2{padding: 16px 16px; background: url("/images-local/home-row1-intBox2-bg-mb-7322deec06.png") top no-repeat; background-size: cover;} .home-row1 .platform-int .intBox2 .top-title{ font-size: 10px; } .home-row1 .platform-int .intBox2 .pText{ font-size: 18px; } .home-row1 .platform-int .intBox3 .leagueBox{ padding: 18px;} .home-row1 .platform-int .intBox3 .leagueBox h4{ font-size: 18px; } .home-row1 .challenge-Traders .tradersBox1{ padding: 12px 20px 12px; background: url("/images-local/home-row1-tradersBox1-bg-mb-889a2cbd1d.png") top no-repeat; background-size: 100% 100%; } .home-row1 .challenge-Traders .tradersBox1 h4{ font-size: 14px; } .home-row1 .challenge-Traders .tradersBox2{ padding: 16px; } .home-row1 .competition-zero .competitionBox1{ padding: 29px 15px; background: url("/images-local/home-row1-competitionBox1-bg-mb-510f37bf86.png") top right no-repeat; background-size: cover; } .home-row1 .competition-zero .competitionBox1 p{ font-size: 18px; } .home-row1 .competition-zero .competitionBox2{ padding: 16px; } html[lang="ar-AE"] .home-row1 .competition-zero .competitionBox1 { padding-right: 50%; } html[lang="ar-AE"] .home-row1 .platform-int .intBox1 { padding-right: 50%; } } button { appearance:none; -webkit-appearance:none; border:1px solid transparent; outline:none; background:none; margin:0; padding:0; font:inherit; color:inherit; text-align:inherit; cursor:pointer; user-select:none; -webkit-user-select:none; -webkit-tap-highlight-color:transparent; touch-action:manipulation; } .payout-swiper { padding-top: 140px; position: relative; overflow: hidden; } .payout-swiper .video-bg{position: absolute;z-index: -1;top: 0; left: 50%;transform: translateX(-50%);} .payout-swiper .row1-top-text{ text-align: center; max-width: 800px; margin: 0 auto 59px; } .payout-swiper .row1-top-text .top-title{text-transform: uppercase;} .payout-swiper .row1-top-text h2{color: #fff;margin-bottom: 19px;} .payout-swiper .row1-top-text .p-text{font-weight: 400; max-width: 600px; font-size: var(--fs-18); line-height: 150%; color: #ABB3AE; margin: 0 auto; } .new-swiper-sec{ display: flex; justify-content: space-between; } .new-swiper-sec .recent-orders-box{ max-width: 300px; width: 100%; } .new-swiper-sec .recent-orders-box .order-title { font-weight: 400; font-size: 14px; line-height: 150%; margin-bottom: 10px; color: #FFFFFF; text-align: center; padding: 10px 16px; position: relative; } .new-swiper-sec .recent-orders-box .order-title::after { display: block; content: ''; border: 1px solid transparent; background: linear-gradient(90deg, rgba(102, 255, 151, 0) 0%, rgba(102, 255, 151, 0.4) 30%, rgba(102, 255, 151, 0.4) 70%, rgba(102, 255, 151, 0) 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; position: absolute; top: 0; right: 0; width: 100%; height: 100%; pointer-events: none; } .new-swiper-sec .recent-orders-box .order-item { border-radius: 20px; padding: 16px; margin-bottom: 16px; color: #FFFFFF; background: linear-gradient(180deg, rgba(58, 63, 59, 0.2) 0%, rgba(58, 63, 59, 0.05) 100%); position: relative; } .new-swiper-sec .recent-orders-box .order-item::after { display: block; content: ''; border-radius: 20px; border: 1px solid transparent; background: linear-gradient(131.42deg, rgba(58, 63, 59, 0.7) 18.34%, #030E06 55.04%, rgba(58, 63, 59, 0.7) 97.18%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; position: absolute; top: 0; right: 0; width: 100%; height: 100%; pointer-events: none; } /* .new-swiper-sec .recent-orders-box .order-item:last-child { margin-bottom: 0; } */ .new-swiper-sec .recent-orders-box .order-type { font-weight: 600; font-size: 14px; line-height: 150%; margin-bottom: 2px; } .new-swiper-sec .recent-orders-box .order-money { font-weight: 600; font-size: 18px; line-height: 150%; color: #00FF51; margin-bottom: 4px; } .new-swiper-sec .recent-orders-box .order-name { display: flex; justify-content: space-between; flex-wrap: wrap; } .new-swiper-sec .recent-orders-box .order-name .order-name-text { font-weight: 400; font-size: 12px; line-height: 150%; } .new-swiper-sec .recent-orders-box .order-name .order-name-text img { margin-left: 4px; } .new-swiper-sec .recent-orders-box .order-name .order-name-date { font-weight: 400; font-size: 12px; line-height: 150%; color: #ABB3AE; } .new-swiper-sec .recent-payouts-box .order-item { display: flex; justify-content: space-between; } .new-swiper-sec .recent-payouts-box .order-item .order-type { max-width: fit-content; font-weight: 400; font-size: 12px; line-height: 150%; background: #00FF5133; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); border-radius: 38px; padding: 2px 8px; position: relative; } .new-swiper-sec .recent-payouts-box .order-item .order-type::after { display: block; content: ''; border-radius: 38px; border: 1px solid transparent; background: linear-gradient(104.04deg, #00FF51 0%, rgba(0, 255, 81, 0) 32.21%, rgba(0, 255, 81, 0) 59.13%, #00FF51 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; position: absolute; top: 0; right: 0; width: 100%; height: 100%; pointer-events: none; } .new-swiper-sec .recent-payouts-box .order-item .payouts-right { max-width: 72px; padding: 2px; text-align: center; background: url("/images-local/home-swiper-certificate-bg-0b6fcc3ebc.png") top center no-repeat;background-size: cover; cursor: pointer; } .new-swiper-sec .recent-payouts-box .order-item .certificate-btn { font-weight: 600; font-size: 10px; line-height: 120%; background: linear-gradient(180deg, #00FF51 0%, #FFFFFF 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .new-swiper-container{ position:relative; width: 100%; max-width:688px; margin:0 auto; overflow:hidden; } .new-swiper-container .stack-carousel{ position:relative; width:100%; height:520px; touch-action:pan-y; -ms-touch-action:pan-y; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; user-select:none; -webkit-user-select:none; -ms-user-select:none; -webkit-touch-callout:none; cursor:grab; } .new-swiper-container .stack-carousel.dragging{ cursor:grabbing; } .stack-carousel.dragging .stack-card{ transition:none !important; } /* 卡片 */ .stack-card{ position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); width:290px; height:515px; border-radius:24px; overflow:hidden; background: linear-gradient(180deg, rgba(58, 63, 59, 0.2) 0%, rgba(58, 63, 59, 0.05) 100%); --drag-offset:0px; transition: transform .45s cubic-bezier(.22,.61,.36,1), opacity .45s cubic-bezier(.22,.61,.36,1); will-change:transform,opacity; backface-visibility:hidden; -webkit-backface-visibility:hidden; transform-style:preserve-3d; -webkit-transform-style:preserve-3d; pointer-events:auto; } .stack-card::after { display: block; content: ''; border-radius: 24px; border: 1px solid transparent; background: linear-gradient(131.42deg, rgba(58, 63, 59, 0.7) 18.34%, #030E06 55.04%, rgba(58, 63, 59, 0.7) 97.18%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; position: absolute; top: 0; right: 0; width: 100%; height: 100%; pointer-events: none; } .stack-card img{ width:100%; height:100%; object-fit:cover; display:block; pointer-events:none; -webkit-user-drag:none; user-select:none; -webkit-user-select:none; } .stack-card button img { pointer-events: auto; width: 46px; height: 46px; } .stack-card .card-mask{ position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; pointer-events: none; z-index: 2; background: linear-gradient(180deg, rgba(58, 63, 59, 0.2) 0, #000 40%, rgba(58, 63, 59, 0.02) 120%); mask-image: linear-gradient( to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 0) 20% ); -webkit-mask-image: linear-gradient( to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 0) 20% ); } /* 内容 */ .card-wrapper{ width: 100%; display: flex; justify-content: space-between; position: absolute; bottom: 22px; z-index: 5; padding: 0 20px; transform:translateZ(0); -webkit-transform:translateZ(0); will-change:transform; backface-visibility:hidden; -webkit-backface-visibility:hidden; } .card-content{ } .card-name{ font-weight: 600; font-size: var(--fs-18); line-height: 150%; color: #FFFFFF; } .card-name .card-icon { width: 24px; height: 24px; display: inline-block; margin-left: 10px; vertical-align: text-bottom; } .card-payout{ font-weight: 400; font-size: 14px; line-height: 150%; color: #ABB3AE; } .card-payout span { font-weight: 600; color: #00FF51; } /* 左侧 */ .stack-card.prev{ transform: translate( calc(-50% - 140px + var(--drag-offset)), -50% ) scale(.88); z-index:10; } .stack-card.prev button{ transform: scale(1.13636); } /* 右侧 */ .stack-card.next{ transform: translate( calc(-50% + 140px + var(--drag-offset)), -50% ) scale(.88); z-index:20; } .stack-card.next button{ transform: scale(1.13636); } /* 当前激活 */ .stack-card.active{ transform: translate( calc(-50% + var(--drag-offset)), -50% ) scale(1); opacity:1; z-index:30; } /* 隐藏 */ .stack-card.hidden{ transform: translate(-50%,-50%) scale(.7); opacity:0; visibility:hidden; z-index:1; } /* 箭头 */ .carousel-btn{ position:absolute; top:48%; transform:translateY(-50%); width:58px; height:58px; border-radius:50%; border:none; background:#030E06CC; color:#fff; cursor:pointer; z-index:100; display:flex; align-items:center; justify-content:center; transition:.3s; } .carousel-btn::after { display: block; content: ''; border-radius: 50%; border: 1px solid transparent; background: linear-gradient(131.42deg, rgba(58, 63, 59, 0.7) 18.34%, #030E06 55.04%, rgba(58, 63, 59, 0.7) 97.18%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; position: absolute; top: 0; right: 0; width: 100%; height: 100%; pointer-events: none; } .carousel-prev{ left:0; } .carousel-next{ right:0; } .carousel-btn svg{ width:28px; height:28px; } /* 按钮 */ .stack-card button, .stack-card a{ position:relative; z-index:50; } /* :is(video,mux-player) pop */ .profits-swiper-video-pop{position: fixed;width: 100%;height: 100vh;background-color: rgba(0, 0, 0, .8);top: 0;left: 0;z-index: 999999999;display: none;} .profits-swiper-video-pop .pop-content{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;} .pop-content .video-box{position: relative; border-radius: 30px;overflow: hidden;} .pop-content .video-box .pop-close{ position: absolute; top: 20px;right: 20px;z-index: 99999999; cursor: pointer;} .pop-content .video-box .video-background{width: 100%;max-width: 420px; border-radius: 30px;} html[lang="ja_JP"] .payout-swiper{background: url("/images-local/home-banner-row3-bg-f5a9fafeb8.png") top center no-repeat; background-size: contain;} @media(min-width:1401px){ .payout-swiper .new-swiper-sec .swiper-wrapper { display: block; } } @media(max-width:1400px){ .new-swiper-sec { flex-direction: column; justify-content: center; align-items: center; } .new-swiper-sec .recent-orders-box { max-width: 900px; } .new-swiper-sec .recent-orders-box .order-box{position: relative; padding: 0 10px;} .new-swiper-sec .recent-orders-box .order-box::before { content: ""; position: absolute; left: -2px; top: 0; width: 37px; height: 100%; background: linear-gradient(270deg, rgba(3, 14, 6, 0) 0%, #030E06 100%); pointer-events: none; z-index: 30; } .new-swiper-sec .recent-orders-box .order-box::after { content: ""; position: absolute; right: -2px; top: 0; width: 37px; height: 100%; background: linear-gradient(90deg, rgba(3, 14, 6, 0) 0%, #030E06 100%); pointer-events: none; z-index: 30; } .new-swiper-sec .recent-orders-box .order-item { max-width: 300px; margin-bottom: 28px; } .new-swiper-sec .recent-orders-box .order-title{margin-bottom: 16px;} .new-swiper-container .stack-carousel {margin-bottom: 30px;} } /* Mobile */ @media(max-width:768px){ .payout-swiper { padding-top: 64px; } .new-swiper-container .stack-carousel{ height:500px; } .stack-card{ width: 256px; height: 455px; } .stack-card button img{ width:36px; height:36px; } .carousel-btn{ width:44px; height:44px; } .card-name{ font-size: 16px; } .pop-content .video-box{border-radius: 18px;} .pop-content .video-box .video-background{border-radius: 18px;} html[lang="ja_JP"] .payout-swiper{background: url("/images-local/home-banner-row3-bgMo-19bf9988aa.png") top center no-repeat; background-size: contain;} } @media (max-width: 510px){ .payout-swiper .swiper-inner{ padding: 0; } .payout-swiper .row1-top-text { margin: 0 auto 46px; } .payout-swiper .row1-top-text h2 { line-height: 1.4; } .new-swiper-container .carousel-btn { display: none; } .new-swiper-container .stack-carousel{ height: 460px; } .new-swiper-container .stack-carousel::before { content: ""; position: absolute; left: -2px; top: 0; width: 73px; height: 100%; background: linear-gradient(270deg, rgba(3, 14, 6, 0) 0%, #030E06 100%); pointer-events: none; z-index: 30; } .new-swiper-container .stack-carousel::after { content: ""; position: absolute; right: -2px; top: 0; width: 73px; height: 100%; background: linear-gradient(90deg, rgba(3, 14, 6, 0) 0%, #030E06 100%); pointer-events: none; z-index: 30; } .card-wrapper{ bottom: 17px; padding: 0 16px; } .stack-card button { transform: translate(1px, 6px); } .pop-content .video-box{width: 80%;} } /* Certificate */ .certificate-modal{ padding: 0 16px; position:fixed; inset:0; background: rgba(0, 0, 0, .6); backdrop-filter: blur(1px); -webkit-backdrop-filter: blur(1px); display:flex; justify-content:center; align-items:center; opacity:0; visibility:hidden; transition:.35s; z-index:9999; } .certificate-modal.show{ opacity:1; visibility:visible; } .certificate-modal .certificate-popup{ position:relative; z-index:2; animation:popup .35s; max-width: 400px; width: 100%; } @keyframes popup{ from{ opacity:0; transform:scale(.9); } to{ opacity:1; transform:none; } } .certificate-modal .certificate-bg{ position:relative; background: url("/images-local/home-pop-certificate-bg-4ccfe11321.png") top center no-repeat;background-size: cover; color: #fff; padding:20px 42px 28px; } .certificate-modal .certificate-logo { text-align: center; margin-bottom: 15px; } .certificate-modal .certificate-money{ width:100%; font-weight: 600; font-size: 36px; line-height: 130%; text-align: center; border-radius: 104px; color: #00FF51; background: url("/images-local/home-pop-certificate-money-bg-523d1bea95.png") top center no-repeat;background-size: cover; position: relative; } .certificate-modal .certificate-money::after { display: block; content: ''; border-radius: 104px; border: 2px solid transparent; background: linear-gradient(90deg, rgba(2, 33, 11, 0.2) 0%, #66FF97 15.55%, #66FF97 88.12%, rgba(2, 33, 11, 0.2) 103.67%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; position: absolute; top: 0; right: 0; width: 100%; height: 100%; pointer-events: none; } .certificate-modal .certificate-title{ font-weight: 600; line-height: 120%; font-size: 26px; margin-bottom: 24px; text-align: center; background: linear-gradient(180deg, #00FF51 0%, #D1EEDA 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .certificate-modal .certificate-title span{ display:block; } .certificate-modal .certificate-user{ text-align: center; margin-bottom: 12px; } .certificate-modal .certificate-user p{ font-size: 9px; color: #ABB3AE; margin-bottom: 2px; } .certificate-modal .certificate-user .name{ font-weight: 400; font-size: 20px; } .certificate-modal .certificate-footer{ display:flex; justify-content:center; margin-top:69px; } .certificate-modal .certificate-footer .certificate-sign { text-align: center; } .certificate-modal .certificate-footer .sign-line { width: 100%; height: 1px; margin-bottom: 2px; background: linear-gradient(90deg, rgba(58, 63, 59, 0.1) 0%, rgba(58, 63, 59, 0.8) 30%, rgba(58, 63, 59, 0.8) 70%, rgba(58, 63, 59, 0.1) 100%); } .certificate-modal .certificate-footer .certificate-sign p { margin-bottom: 0; font-size: 10px; } .mb-br { display: none; } .home-row3{padding: 61px 0; position: relative;} html[lang="ar-AE"] .home-row3 {direction: ltr;} .home-row3 .video-box{position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 100%;} .home-row3 .video-box :is(video,mux-player){width: 100%;} .home-row3 .video-box .home-row3-video-mo{display: none;} .home-row3 .inner{position: relative; z-index: 1;} .home-row3 p.top-title{text-transform: uppercase;} .home-row3 .inner>p{text-align: center;} .home-row3 .inner .p-text{margin-bottom: 60px;} .home-row3 .inner h2{max-width: 800px; margin: 0 auto 20px;text-align: center;} .home-row3 .row3-bar{display: flex;gap: 20px; margin-bottom: 19px;} .home-row3 .bar-box{display: flex;flex-direction: column;width: 100%;align-items: center;} .home-row3 .bar-box1{max-width: 716px;} .home-row3 .bar-box2{max-width: 664px;} .home-row3 .bar-box .p-tab{text-transform: uppercase;font-size: var(--fs-12);font-weight: 500;line-height: 150%;margin-bottom: 8px;} .home-row3 .row3-bar ul{ width: 100%; border: 1px solid #3A3F3B;background: #02210B33;border-radius: 999px;padding: 7px;position: relative;display: flex; justify-content: center;} /* .home-row3 .row3-bar ul.left-bar { max-width: 716px; } .home-row3 .row3-bar ul.right-bar { max-width: 664px; } */ .home-row3 .row3-bar ul li{flex:1;position: relative;z-index: 5;text-align: center;font-weight: 600;font-size: var(--fs-16);line-height: 150%;color: #ABB3AE;border-radius: 99px;overflow: hidden;padding: 8px 10px;cursor: pointer;transition: all 0.4s; display: flex; gap: 8px; justify-content: center; align-items: center; } .home-row3 .row3-bar ul.left-bar li { flex: none; padding: 8px 24px; } .home-row3 .row3-bar ul li.active{color: var(--v-white);} .home-row3 .row3-bar ul li.active span{text-shadow: 0px 0px 2px 0px #00FF5180;} .home-row3 .row3-bar ul li.move-bg{position: absolute;top: 50%;left: 7px; transform: translateY(-50%); z-index: 0;height: calc(100% - 14px); box-shadow: 0px -5px 30px -15px #00ff516b; background: url("/images-local/honme-row-buttons-a534224b10.png") center center no-repeat;background-size: 100% 100%;transition: all 0.4s, background-image 0s;pointer-events: none;} .home-row3 .row3-bar ul.left-bar li.move-bg{width: calc( (100% - 14px) / 4);} .home-row3 .row3-bar ul.right-bar li.move-bg{width: calc( (100% - 14px) / 5);} .home-row3 .row3-swiper-container {overflow: hidden;} /* .home-row3 .row3-swiper-container .swiper-slide:nth-child(1) .row3-content-box{ background: url("/images-local/home-row3-content-box-bg-c8c80cdd5a.png") top center no-repeat; background-size: cover; } .home-row3 .row3-swiper-container .swiper-slide:nth-child(2) .row3-content-box{ background: url("/images-local/home-row3-content-box-bg2-556c0c8be0.png") top center no-repeat; background-size: cover; } .home-row3 .row3-swiper-container .swiper-slide:nth-child(3) .row3-content-box{ background: url("/images-local/home-row3-content-box-bg3-cb27343924.png") top center no-repeat; background-size: cover; } */ .home-row3 .row3-content-box { min-height: 520px; padding: 23px; border-radius: 24px; margin-bottom: 20px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; position: relative; z-index: 1; } .home-row3 .row3-content-box::before { content: ""; position: absolute; inset: 0; padding: 1px; border-radius: 24px; background: linear-gradient(160deg, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.01) 45%, rgba(255, 255, 255, 0.01) 55%, rgba(255, 255, 255, 0.2) 100%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; z-index: -1; } .home-row3 .row3-content-box .row3-left-content { max-width: 380px; flex: 1; width: 100%; display: flex; flex-direction: column; justify-content: space-between; background: transparent; padding: 22px 17px; } .home-row3 .row3-left-content .title-text { font-weight: 600; font-size: var(--fs-24); line-height: 120%; color: #FFFFFF; } .home-row3 .row3-left-content .title-text span { font-weight: 400; font-size: var(--fs-16); line-height: 150%; color: #ABB3AE; display: inline-block; margin-top: 10px;} .home-row3 .row3-left-content .tips-text { font-weight: 400; font-size: var(--fs-18); line-height: 150%; color: #ABB3AE; margin-bottom: 12px; display: flex; align-items: flex-start; gap: 10px; } .home-row3 .row3-left-content .tips-text:last-child { margin-bottom: 0; } .home-row3 .row3-left-content .tips-text .success-icon { padding-top: 3px; } .home-row3 .row3-left-content .tips-text .tips-text-p .platform-br{ display: none; } .home-row3 .row3-left-content .tips-text .tips-text-p{display: flex;gap: 5px;flex-wrap: wrap;} .home-row3 .row3-left-content .tips-text .refund-img { display: inline-flex; justify-content: center; align-items: center; gap: 5px; border-bottom: 1px dashed #76827A; } .home-row3 .row3-left-content .tips-text .platform-img { padding: 2px 8px 4px 9px; background: #033011; border-radius: 99px; margin-right: 4px; font-weight: 600; font-size: var(--fs-14); line-height: 150%; color: #FFFFFF; display: inline-flex; align-items: center; vertical-align: top; } .home-row3 .row3-left-content .tips-text .platform-img img { margin-right: 5px; } .home-row3 .row3-left-content .tips-text span { font-weight: 600; color: #FFFFFF; } .home-row3 .row3-left-content .tips-text .normal-fw { font-weight: 400; } .home-row3 .row3-content-box .row3-center-space-box { flex: 1; width: 100%; padding-left: 22px; position: relative; display: flex; flex-direction: column; } .home-row3 .row3-content-box .row3-center-space-box::after { content: ""; position: absolute; top: 0; left: 1px; width: 1px; height: 100%; background: linear-gradient(180deg, rgba(58, 63, 59, 0.1) 0%, rgba(58, 63, 59, 0.5) 30%, rgba(58, 63, 59, 0.5) 70%, rgba(58, 63, 59, 0.1) 100%); } .home-row3 .row3-content-box .row3-center-space-box .table-nav { display: flex; justify-content: center; align-items: center; gap: 8px; margin-bottom: 32px; } .home-row3 .row3-content-box .row3-center-space-box .table-nav .table-nav-title { height: 40px; flex: 1; font-weight: 600; font-size: var(--fs-16); border-radius: 999px; line-height: 150%; color: #ABB3AE; position: relative; display: flex; justify-content: center; align-items: center; cursor: pointer; user-select: none; -webkit-user-select: none; } .home-row3 .row3-content-box .row3-center-space-box .table-nav .table-nav-title.active{ color: #FFFFFF; background: linear-gradient(180deg, rgba(58, 63, 59, 0.2) 0%, rgba(58, 63, 59, 0.05) 100%); } .home-row3 .row3-content-box .row3-center-space-box .table-nav .table-nav-title::after { display: block; content: ''; border-radius: 999px; border: 1px solid transparent; background: linear-gradient(180deg, #3A3F3B 0%, #1B1E1C 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; position: absolute; top: 0; right: 0; width: 100%; height: 100%; pointer-events: none; } .home-row3 .row3-content-box .row3-center-space-box .table-nav .table-nav-title.active::after { background: linear-gradient(180deg, #FFFFFF 0%, #ABB3AE 100%) border-box; } .home-row3 .row3-content-box .row3-center-content { position: relative; z-index: 1; width: 100%; flex: 1; } .home-row3 .row3-center-content table {width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0;} .home-row3 .row3-center-content table:first-child { position: relative; } .home-row3 .row3-center-content table.active-table { opacity: 1; z-index: 1;} .home-row3 .row3-center-content tbody tr { position: relative; padding: 20px 0;display: flex;justify-content: space-between;align-items: center;gap: 32px;} .home-row3 .row3-center-content tbody tr::after { content: ""; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; background: linear-gradient(270deg, rgba(58, 63, 59, 0) 0%, rgba(58, 63, 59, 0.5) 10%, rgba(58, 63, 59, 0.5) 90%, rgba(58, 63, 59, 0) 100%); } .home-row3 .row3-center-content tbody tr:last-child::after { display: none; } .home-row3 .row3-center-content table tr td:first-child { font-weight: 400; font-size: var(--fs-14); line-height: 150%; text-align: left; color: #ABB3AE; display: flex; align-items: center;gap: 5px;position: relative;cursor: pointer;} .home-row3 .row3-center-content table tr td .img-box{position: relative;} .home-row3 .row3-center-content table tr td .img-box img{ display: flex; min-width: 14px;} .home-row3 .row3-center-content table tr td .img-box::before{content: attr(aria-controls);position: absolute;top: 120%;left: 50%;font-size: var(--fs-12);font-weight: 400;line-height: 150%;transform: translateX(-50%);width: 186px;box-shadow: 0px 0px 6px 0px #0000001A;background: #1b1e1c;padding: 8px 10px;border-radius: 8px;color: #ABB3AF;transition: all 0.3s;opacity: 0;display: none;z-index: 5;} .home-row3 .row3-center-content table tr:last-child td .img-box::before{top: unset;bottom: 100%;} .home-row3 .row3-center-content table tr td:first-child:hover .img-box::before{opacity: 1;display: block;} .home-row3 .row3-center-content table tr td:first-child:hover{color: var(--v-green);} .home-row3 .row3-center-content table tr td::before{} .home-row3 .row3-center-content table tr td:last-child { text-align: right;flex-wrap: wrap;gap: 3px;justify-content: end;} .home-row3 .row3-center-content table tr td { font-weight: 600; padding: 0 16px 0 15px; font-size: var(--fs-16); line-height: 150%; text-align: center; color: #FFFFFF;display: flex;align-items: center; } .home-row3 .row3-center-content table tr td img{ vertical-align: text-bottom; margin-right: 2px; } /* add new rule css */ .home-row3 .row3-center-content table tr td:last-child span{display: inline-block;border-radius: 34px;display: flex;align-items: center;width: auto;padding: 5px 14px;justify-content: center;position: relative;cursor: pointer;color:#ABB3AE;margin-left: 3px;transition: all 0.3s;} .home-row3 .row3-center-content table tr td:last-child span.active{color:var(--v-white);} .home-row3 .row3-center-content table tr td:last-child span::before {display: block;content: '';border-radius: 34px;border: 1px solid transparent;background: linear-gradient(180deg, #3A3F3B 10.34%, #2225239c 100%) border-box;-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;position: absolute;top: 0;right: 0;width: 100%;height: 100%;pointer-events: none;transition: all 0.3s;} .home-row3 .row3-center-content table tr td:last-child span.active::before {border: 1px solid #00FF51;-webkit-mask: none;background: none;} .home-row3 .row3-center-content tbody tr i{ font-style: normal;} .home-row3 .row3-content-box .row3-right-content { position: relative; z-index: 1; flex: 1; max-width: 410px; width: 100%; border-radius: 24px; padding: 31px 32px 35px; display: flex; flex-direction: column; justify-content: space-between; background: url("/images-local/home-row3-right-content-bg-69042f1677.png") center no-repeat; background-size: 100% 100%; overflow: hidden;} .home-row3 .row3-content-box .row3-right-content::before { content: ""; position: absolute; inset: 0; padding: 1px; border-radius: 24px; background: linear-gradient(90deg, rgba(2, 33, 11, 1) 0%, #66FF97 15%, #66FF97 85%, rgba(2, 33, 11, 1) 100%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; z-index: 1; pointer-events: none; } .home-row3 .row3-right-content .right-top { position: relative; z-index: 2; } .home-row3 .row3-right-content .right-text1 { font-weight: 600; font-size: var(--fs-20); line-height: 150%; color: #FFFFFF; margin-bottom: 6px; } .home-row3 .row3-right-content .right-text1 span { text-transform: lowercase; } .home-row3 .row3-right-content .right-text2 { width: 99px; height: 28px; font-weight: 600; font-size: var(--fs-12); line-height: 150%; color: #FFFFFF; border-radius: 8px; position: relative; background: radial-gradient(101.9% 105.26% at 100% 82.89%, rgba(0, 255, 81, 0.1) 0%, rgba(0, 255, 81, 0.001) 100%); display: flex; justify-content: center; align-items: center; } .home-row3 .row3-right-content .right-text2::after { content: ""; display: block; content: ''; border-radius: 8px; border: 1px solid transparent; background: linear-gradient(166deg, #b8d0c0 0%, #0e3419 50%, #74a081 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; position: absolute; top: 0; right: 0; width: 100%; height: 100%; pointer-events: none; } .home-row3 .row3-right-content .right-price { margin-bottom: 3px; font-weight: 600; font-size: var(--fs-60); line-height: 120%; color: #00FF51; } .home-row3 .row3-right-content .right-price del{ font-weight: 400; font-size: var(--fs-24); line-height: 150%; color: #ABB3AE; margin-left: 12px; } .home-row3 .row3-right-content .right-text3 { margin-bottom: 20px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 6px;} .home-row3 .row3-right-content .right-text3 .pt1 { min-width: 141px; padding: 0 7px; height: 28px; font-weight: 600; font-size: var(--fs-12); line-height: 150%; color: #FFFFFF; position: relative; border-radius: 8px; position: relative; background: radial-gradient(101.9% 105.26% at 100% 82.89%, rgba(0, 255, 81, 0.1) 0%, rgba(0, 255, 81, 0.001) 100%); display: flex; justify-content: center; align-items: center; gap: 8px; } .home-row3 .row3-right-content .right-text3 .pt1::after { content: ""; display: block; content: ''; border-radius: 8px; border: 1px solid transparent; background: linear-gradient(166deg, #b8d0c0 0%, #0e3419 50%, #74a081 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; position: absolute; top: 0; right: 0; width: 100%; height: 100%; pointer-events: none; } .home-row3.row3-active .row3-content-box .row3-right-content .right-text3 .pt1::after{background: linear-gradient(166deg, #e1a3a4 0%, #a3504d 50%, #dd8171 100%) border-box;} .home-row3 .row3-right-content .right-text3 .pt1 .pt1-img2 { display: none; } .home-row3 .row3-right-content .right-text3 .pt1 span{ color: #00FF51; } .home-row3 .row3-right-content .right-text3 .pt2 { font-weight: 400; font-size: var(--fs-14); line-height: 150%; color: #ABB3AE; } .home-row3 .row3-right-content .right-text3 .pt2 span { font-weight: 600; font-size: var(--fs-16); line-height: 150%; color: #FFFFFF; } .home-row3 .row3-first-time-purchase { position: relative; z-index: 1;align-items: center;width: 100%;background: url("/images-local/challenge-bottom-left-bg-3c667037b1.png") bottom right no-repeat;background-size: cover;display: flex;justify-content: space-between;border-radius: 20px;padding: 20px 37px 20px;gap: 20px;} .home-row3 .row3-first-time-purchase::before { content: ""; position: absolute; inset: 0; padding: 1px; border-radius: 20px; background: linear-gradient(180deg, #3A3F3B 0%, #1B1E1C 100%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; z-index: -1; } .home-row3 .row3-first-time-purchase .left-box { font-weight: 600; font-size: 18px; line-height: 150%; color: #FFFFFF; } .home-row3 .row3-first-time-purchase .left-box span { color: #00FF51;font-size: var(--fs-36);; font-weight: 600;} .home-row3 .row3-first-time-purchase .left-box span strong{font-size: var(--fs-36);font-weight: 600;} .home-row3 .row3-first-time-purchase .left-box p{font-size: var(--fs-14);margin-bottom: 0;} .home-row3 .row3-first-time-purchase .left-box p span{ color: inherit;font-weight: 400;font-size: 12px;} .home-row3 .row3-first-time-purchase .right-box .green-border-button {padding: 16px 24px;display: flex;justify-content: center;align-items: center;gap: 6px;font-size: var(--fs-16);cursor: pointer;color: #fff;font-weight: 400;} .home-row3 .row3-first-time-purchase .right-box .green-border-button span{color: var(--v-green);} .home-row3 .row3-first-time-purchase .right-box .green-border-button .img-box{display: flex;height: 16px;overflow: hidden;position: relative;width: 16px;} .home-row3 .row3-first-time-purchase .right-box .green-border-button .svg-inject-img{transition: transform 0.3s ease; position: absolute;left: 0;} .home-row3 .row3-first-time-purchase .right-box .green-border-button .img-copy{top: 0;} .home-row3 .row3-first-time-purchase .right-box .green-border-button .img-mid{top: 100%;} .home-row3 .row3-first-time-purchase .right-box .green-border-button.active .svg-inject-img{transform: translateY(-16px);} .row3-right-content .cover-box{position: absolute;width: 100%;height: 100%;background: #a9a6a670;z-index: 2;border-radius: 24px;display: flex;align-items: center;justify-content: center;top: 0;left: 0;} .row3-right-content .cover-box .rotate-img{animation: rotateGreen 1s infinite linear;} .row3-right-content .cover-box .rotate-red-img{display: none;animation: rotateGreen 1s infinite linear;} .row3-active .row3-right-content .cover-box .rotate-img{display: none;} .row3-active .row3-right-content .cover-box .rotate-red-img{display: block;} .row3-content-box .row3-right-content .right-video-box{position: absolute;top: 0;left: 0;} .row3-content-box .row3-right-content .right-change-text{position: relative; z-index: 2;} .row3-content-box .row3-right-content .green-button{position: relative; z-index: 2; width: 100%;} .home-row3.row3-active .row3-bar ul li.move-bg{ box-shadow: 0px 0px 30px 0px #FF002F66; background: url("/images-local/home-row-buttons1-ecd7dcbd42.png") center center no-repeat; background-size: 100% 100%; transition: all 0.4s, background-image 0s; } .home-row3.row3-active .row3-bar ul.right-bar li.move-bg{width: calc( (100% - 14px) / 4);} .home-row3.row3-active .row3-content-box .row3-right-content { background: url("/images-local/home-row3-right-content-red-bg-b42c862502.png") center no-repeat; background-size: 100% 100%; } .home-row3.row3-active .row3-content-box .row3-right-content::before { background: linear-gradient(90deg, rgba(153, 0, 28, 0.2) 0%, #FF6682 15%, #FF6682 85%, rgba(153, 0, 28, 0.2) 100%); } .home-row3.row3-active .row3-content-box .row3-right-content .green-button { background: #FF002F; box-shadow: 0px 0px 30px 0px #ff002f45; } .home-row3.row3-active .row3-content-box .row3-right-content .green-button:hover { background: #ff002fd6; } .home-row3.row3-active .row3-right-content .right-price{ color: #FFD000; } .home-row3.row3-active .row3-right-content .right-text3 .pt1 { background: radial-gradient(101.9% 105.26% at 100% 82.89%, rgba(255, 208, 0, 0.1) 0%, rgba(255, 208, 0, 0.001) 100%); } .home-row3.row3-active .row3-right-content .right-text3 .pt1 .pt1-img { display: none; } .home-row3.row3-active .row3-right-content .right-text3 .pt1 .pt1-img2 { display: block; } .home-row3.row3-active .row3-right-content .right-text3 .pt1 span { color: #FFD000; } .text-mt5{font-size: var(--fs-12);color: var(--v-green);background: radial-gradient(100% 363.11% at 0% 0%, #033011 0%, #02210B 100%);font-weight: 400;line-height: 150%;padding: 7px 12px;border-left: 1px solid var(--v-green);border-radius: 2px;margin-top: 10px;width: 100%;} /* add new */ .home-row3 .row3-bar ul li{overflow: unset;} .home-row3 .detais-standard .row3-bar ul li[data-num="Instant Funding"]::after,.home-row3 .detais-standard .row3-bar ul li[data-name="$100,000"]::after{content:'Best Value'; position: absolute;bottom: -6px;left: 50%;transform: translate(-50%,50%);padding: 2px 6px;background: url("/images-local/page-challenge-btnbg01-c7186a5e43.png") center no-repeat;background-size: 100%; color: #00FF51;font-size: 12px;z-index: 1;pointer-events: none;width: fit-content;white-space: nowrap;} .home-row3 .detais-standard .row3-bar ul li[data-num="Instant Funding"]::after{content:'Most Popular';background: url("/images-local/page-challenge-btnbg02-278ee379e5.png") 100% no-repeat;background-size: 100%; color: #00FFBB; } /* .home-row3 .detais-standard .row3-bar ul.best-bar::after{display: block;} */ .home-row3 .row3-content-box .bottom-list{width:100%;display: flex;flex-wrap: wrap;justify-content: center;gap: 8px;} .home-row3 .row3-content-box .bottom-list li{display: flex;align-items: center;gap: 6px;border-radius: 8px;position: relative;background: radial-gradient(95.31% 92.27% at 100% 82.89%, rgba(0, 255, 81, 0.1) 0%, rgba(0, 255, 81, 0.001) 100%);padding: 5px 10px;backdrop-filter: blur(10px);} .home-row3 .row3-content-box .bottom-list li::before { content: ""; position: absolute; inset: 1px; padding: 1px; border-radius: 8px; background: linear-gradient(160deg, rgba(58, 63, 59, 0.7) 18.34%, #030E06 55.04%, rgba(58, 63, 59, 0.7) 97.18%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; z-index: -1; pointer-events: none;} .home-row3 .row3-content-box .bottom-list li .img-box {width: 18px;height: 18px;display: flex;align-items: center;} .home-row3 .row3-content-box .bottom-list li span{font-weight: 400;font-size: var(--fs-14);line-height: 150%;color: var(--v-white);} .home-row3 .row3-right-content .right-payment{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap; margin-top: 20px; gap: 8px;} .home-row3 .row3-right-content .right-payment .payment-cart{display: flex;align-items: center;position: relative;background: radial-gradient(101.9% 105.26% at 100% 82.89%, rgba(0, 255, 81, 0.1) 0%, rgba(0, 255, 81, 0.001) 100%);gap: 8px;padding: 5px 8px;gap: 6px;} .home-row3 .row3-right-content .right-payment .payment-cart::after {content: "";display: block;content: '';border-radius: 8px;border: 1px solid transparent;background: linear-gradient(166deg, #b8d0c0 0%, #0e3419 50%, #74a081 100%) border-box;-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;position: absolute;top: 0;right: 0;width: 100%;height: 100%;pointer-events: none;} .home-row3 .row3-right-content .right-payment .payment-cart span{font-weight: 600;font-size: 12px;line-height: 150%;color: var(--v-white);} .home-row3 .row3-right-content .right-payment .payment-icon{display: flex;align-items: center;gap: 6px;} .home-row3 .row3-right-content .right-payment .img-box{display: flex;align-items: center;justify-content: center;} .home-row3 .row3-bar ul{ justify-content: space-between;} .home-row3 .row3-bar ul.left-bar li[data-num="Instant Funding Pro"]{gap:0;} .home-row3 .row3-bar ul.left-bar li .new-tag {font-weight: 400;font-size: var(--fs-12);color: #E3FF5C;vertical-align: middle;line-height: 150%;text-transform: uppercase;border-radius: 38px;padding: 4px 8px;backdrop-filter: blur(4px);background: radial-gradient(101.9% 105.26% at 100% 82.89%, rgba(227, 255, 92, 0.4) 0%, rgba(227, 255, 92, 0.2) 100%);position: relative;transform: scale(0.7);} .home-row3 .row3-bar ul.left-bar li .new-tag::after {display: block;content: '';border-radius: 38px;border: 1px solid transparent;background: linear-gradient(104.04deg, #E3FF5C 0%, rgba(227, 255, 92, 0) 32.21%, rgba(227, 255, 92, 0) 59.13%, #E3FF5C 100%) border-box;-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;position: absolute;top: 0;right: 0;width: 100%;height: 100%;pointer-events: none;} /* html[lang="zh-hans"] .challenge-title-box{display: none;} */ /* html[lang="zh-hans"] .home-row3 .row3-bar ul.left-bar li{flex: 1;} */ html[lang="zh-hans"] .home-row3 .bar-box1{max-width: none;width: 60%;} html[lang="zh-hans"] .home-row3 .bar-box2{max-width: none;width: 38%;} .home-row3 .row3-bar ul li{font-size: var(--fs-14);} @media (max-width: 1660px){ .home-row3 .row3-bar ul.left-bar li { flex: 1; } html[lang="zh-hans"] .home-row3 .row3-bar ul.left-bar li{flex: none;} } @media (max-width: 1400px){ .home-row3 .row3-content-box .row3-left-content { max-width: 330px; } .home-row3 .row3-content-box .row3-right-content { max-width: 360px; } .home-row3 .row3-left-content .tips-text .tips-text-p .platform-br{ display: block; } } @media (max-width: 1240px){ .home-row3 .row3-bar { flex-direction: column; gap: 20px; margin-bottom: 29px; } .home-row3 .bar-box1, .home-row3 .bar-box2{max-width: none;} .home-row3 .row3-bar ul { max-width: 80%; margin: 0 auto; } .home-row3 .row3-content-box .row3-left-content { max-width: 100%; flex: none; flex-direction: row; justify-content: center; align-items: center; gap: 60px; } .home-row3 .row3-left-content .tips-text .tips-text-p .platform-br{ display: none; } .home-row3 .row3-content-box .row3-right-content { max-width: 400px; } /* .home-row3 .row3-center-content table tr td { height: 67px; } */ .home-row3 .row3-content-box .row3-center-space-box { padding-left: 0; padding-top: 20px; } .home-row3 .row3-content-box .row3-center-space-box .table-nav { margin-bottom: 15px; } .home-row3 .row3-content-box .row3-center-space-box::after { top: 0; left: 0; width: 100%; height: 1px; background: linear-gradient(90deg, rgba(58, 63, 59, 0.1) 0%, rgba(58, 63, 59, 0.5) 30%, rgba(58, 63, 59, 0.5) 70%, rgba(58, 63, 59, 0.1) 100%); } html[lang="zh-hans"] .home-row3 .row3-bar ul{width: 100%; max-width: none;} html[lang="zh-hans"] .home-row3 .bar-box1{max-width: none;width: 100%;} html[lang="zh-hans"] .home-row3 .bar-box2{max-width: none;width: 100%;} } @media (max-width: 980px) { .home-row3 .row3-content-box .row3-left-content { gap: 36px; } } @media (max-width: 830px) { .mb-br { display: block; } .home-row3{ padding: 65px 0;} .home-row3 .inner h2 { line-height: 1.4; margin: 0 auto 15px; } .home-row3 .inner .p-text { margin-bottom: 31px; } .home-row3 .inner .p-text br { display: none; } .home-row3 .row3-bar { gap: 15px; margin-bottom: 14px; } .home-row3 .row3-bar ul { max-width: 100%; } .home-row3 .row-bottom-container { padding-bottom: 20px; position: relative; z-index: 1; } /* .home-row3 .row-bottom-container::before { content: ""; position: absolute; inset: 0; padding: 1px; border-radius: 24px; background: linear-gradient(100deg, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.05) 40%, rgba(255, 255, 255, 0.02) 60%, rgba(255, 255, 255, 0.2) 100%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; z-index: -1; } */ .home-row3 .row3-swiper-container .swiper-wrapper .swiper-slide .row3-content-box { flex-direction: column; border-radius: 20px; margin-bottom: 18px; padding: 23px 23px 20px; /* background: url("/images-local/home-row3-content-box-bg-mb-80eafefa01.png") left top no-repeat; background-size: cover; background-position-y: 1px; */ } /* .home-row3 .row3-content-box::before { display: none; } */ .home-row3 .row3-bar ul { padding: 5px; } .home-row3 .row3-bar ul li.move-bg { height: calc(100% - 10px); left: 5px; } .home-row3 .row3-bar ul.left-bar li.move-bg{width: calc( (100% - 10px) / 4);} .home-row3 .row3-bar ul.right-bar li.move-bg{width: calc( (100% - 10px) / 5);} .home-row3.row3-active .row3-bar ul.right-bar li.move-bg{width: calc( (100% - 10px) / 4);} .home-row3 .row3-bar ul.left-bar li { padding: 2px 10px; } .home-row3 .row3-content-box .row3-left-content { flex-direction: column; justify-content: space-between; align-items: flex-start; gap: 0; } .home-row3 .row3-left-content .title-text { margin-bottom: 25px; line-height: 150%; } .home-row3 .row3-left-content .tips-text { margin-bottom: 11px; font-size: 14px; } .home-row3 .row3-left-content .tips-text .tips-text-p .platform-br {display: none;} .home-row3 .row3-content-box .row3-center-space-box { flex: none; } .home-row3 .row3-content-box .row3-right-content { max-width: 100%; border-radius: 20px; gap: 90px; background-size: 105% 105%; padding: 31px 15px 32px 17px; } .home-row3 .row3-content-box .row3-right-content::before { border-radius: 20px; } .home-row3 .row3-center-content table tr td {font-size: 16px;} .home-row3 .row3-center-content table tr td:first-child {font-size: 14px;} .home-row3.row3-active .row3-content-box .row3-right-content {background-size: 105% 105%;} .home-row3 .row3-right-content .right-price {font-size: 48px; margin-bottom: 2px;} .home-row3 .row3-right-content .right-price del {font-size: 20px;} .home-row3 .row3-right-content .right-text3 .pt2 { width: 100%; } .home-row3 .row3-right-content .right-text3 {font-size: 14px; margin-bottom: 22px;} } @media (max-width: 768px) { .home-row3 .video-box .home-row3-video{display: none;} .home-row3 .video-box .home-row3-video-mo{display: block;} } @media (max-width: 600px) { .home-row3 .row3-bar ul li { padding: 2px 15px; gap: 0; } .home-row3 .row3-bar ul li{font-size: 12px;} .home-row3 .row3-bar ul.left-bar li[data-num="Instant Funding"] img, .home-row3 .row3-bar ul.left-bar li[data-num="Phoenix Challenge"] img{width: 12px;} } @media (max-width: 510px) { .home-row3{padding: 65px 0 32px;} .home-row3 .row3-bar ul.left-bar li { gap: 2px; } .home-row3 .row3-swiper-container .swiper-wrapper .swiper-slide .row3-content-box { padding: 23px 16px 32px; gap: 21px; } .home-row3 .row3-first-time-purchase { padding: 16px 20px; gap: 11px; } .home-row3 .row3-first-time-purchase .right-box .green-border-button { width: 100%; } .home-row3 .row3-left-content .title-text { margin-bottom: 29px; } .home-row3 .row3-left-content .tips-text { gap: 10px; } .home-row3 .row3-left-content .title-text span {font-size: 14px;} .home-row3 .row3-content-box .row3-left-content { padding: 9px 0 0 10px; } .home-row3 .row3-left-content .tips-text .platform-img { padding: 2px 8px 4px 6px; } /* .home-row3 .row3-center-content table tr td { height: 40px; } */ .home-row3 .row3-center-content table tr td:first-child { padding: 0 5px 0 15px; } .home-row3 .row3-center-content table tr td:last-child { padding: 0 16px 0 5px; } .home-row3 .row3-right-content .right-text1 { font-size: 20px; } .home-row3 .row3-right-content .right-text3 .pt2 { font-size: 14px; } .home-row3 .row3-right-content .right-text3 .pt2 span { font-size: 16px; } .home-row3 .row3-center-content table tr td:last-child span{padding: 2px 12px;font-size: 12px;} html[lang="zh-hans"] .home-row3 .detais-standard .row3-bar ul li[data-num="Instant Funding"]::after, html[lang="zh-hans"] .home-row3 .detais-standard .row3-bar ul li[data-name="$100,000"]::after{font-size: 10px;} } @media (max-width: 400px) { .home-row3 .row3-bar ul li{font-size: 10px;} .home-row3 .row3-bar ul li{padding: 2px 8px;} } @media (max-width: 350px) { .home-row3 .row3-bar ul li{font-size: 10px;} .home-row3 .row3-bar ul.left-bar li .new-tag{ display: none;} .home-row3 .row3-bar ul.left-bar li[data-num="Instant Funding"] img, .home-row3 .row3-bar ul.left-bar li[data-num="Phoenix Challenge"] img{display: none;} } .text-mt5{font-size: var(--fs-12);color: var(--v-green);background: radial-gradient(100% 363.11% at 0% 0%, #033011 0%, #02210B 100%);font-weight: 400;line-height: 150%;padding: 7px 12px;border-left: 1px solid var(--v-green);border-radius: 2px;margin-top: 10px;width: 100%;} .detais-sprint .text-mt5{display: none;} .challenge-title-box{display: flex;gap: 12px; justify-content: center; margin-bottom: 20px;} .challenge-title-box .title-box{padding: 7px 35px 7px 7px;border-radius: 50px;width: 100%;max-width: max-content;font-size: var(--fs-18);font-weight: 600;line-height: 150%;display: flex;align-items: center;gap: 11px;justify-content: left;min-width: 293px;color: var(--v-grey-dark);position: relative;box-shadow: 0px -5px 13px 0px #FFFFFF12 inset;background: radial-gradient(108.81% 100% at 50.18% 0%, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.04) 44%);text-align: center; cursor: pointer;transition: all 0.3s;} .challenge-title-box .title-box::before{content: ""; position: absolute;inset: 0;padding: 1px;border-radius: 24px;background: radial-gradient(37.94% 54.17% at 49.01% 0%, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.06) 100%);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;z-index: -1;} .challenge-title-box .title-sprint{font-style: oblique;} .challenge-title-box .title-box:hover{box-shadow: 0px -5px 13px 0px #00FF5159 inset;background: radial-gradient(128.08% 100% at 50.21% 0%, #056122 0%, #02210B 44.45%); color: #fff;} .challenge-title-box .title-box .svg-active{display: none;} .challenge-title-box .title-box.active{box-shadow: 0px -5px 13px 0px #00FF5159 inset;background: radial-gradient(128.08% 100% at 50.21% 0%, #056122 0%, #02210B 44.45%); color: #fff;} .challenge-title-box .title-box.active::before{background:: radial-gradient(37.94% 54.17% at 49.01% 0%, #66FF97 0%, #009931 100%);} .challenge-title-box .title-box.active .svg{display: none;} .challenge-title-box .title-box.active .svg-active{display: block;} .challenge-title-box .title-box span{font-size: var(--fs-14);font-weight: 600;line-height: 150%;color: #E3FF5C;font-style: normal;background: radial-gradient(101.9% 105.26% at 100% 82.89%, rgba(227, 255, 92, 0.4) 0%, rgba(227, 255, 92, 0.2) 100%);padding: 4px 10px;border-radius: 50px; position: relative;} .challenge-title-box .title-box span::before{content: ""; position: absolute;inset: 0;padding: 1px;border-radius: 24px;background: linear-gradient(158deg, #E3FF5C 0%, rgba(227, 255, 92, 0) 32.21%, rgba(227, 255, 92, 0) 59.13%, #E3FF5C 100%);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;z-index: -1;} .challenge-detais{width: 100%; display: flex;} .challenge-detais .detais-box{width: 100%; display: none;} .challenge-detais .detais-box.active{display: block;} .home-row3 .detais-sprint .row3-right-content{background: url("/images-local/home-row3-sprint-content-bg-98a390f934.png") center no-repeat; background-size: cover;} .challenge-bottom{display: flex;gap: 20px;} .challenge-bottom .time-payout{width: 100%;position: relative;padding: 24px 40px;background: url("/images-local/challenge-bottom-right-bg-0fb160ff02.png") top right no-repeat;border-radius: 20px;background-size: cover;} .challenge-bottom .time-payout::before { content: ""; position: absolute; inset: 0; padding: 1px; border-radius: 20px; background: linear-gradient(180deg, #3A3F3B 0%, #1B1E1C 100%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; z-index: -1; } .time-payout h5{font-weight: 600;line-height: 150%;margin-bottom: 2px;} .time-payout p{font-size: var(--fs-12);font-weight: 400;line-height: 150%;margin-bottom: 11px;} .time-payout p span{color: #fff;} .time-payout .green-button{font-size: var(--fs-14);padding: 7px 17px;} .home-row3 .row3-content-box .row3-left-content .p-tip{font-size: var(--fs-16);} .home-row3 .sprint-center-space-box{flex: 1;padding-left: 22px;max-width: 490px;} .home-row3 .sprint-center-space-box .row3-center-content{display: flex;justify-content: space-between;gap: 32px;} .sprint-center-space-box .numBox{width: 50%;} .sprint-center-space-box .numType{ display: flex;flex-direction: column;} .sprint-center-space-box .numType .infoText{margin-bottom: 0;font-size: var(--fs-14);font-weight: 400;line-height: 150%;color: #ABB3AE; position: relative;display: flex;} .sprint-center-space-box .numType .infoText .conBox{width: max-content;display: flex;align-items: center;gap: 5px;} .sprint-center-space-box .numType .infoText::before{content: "";width: 220%;height: 1px;position: absolute;left:0;bottom: 0;background: linear-gradient(270deg, rgba(58, 63, 59, 0) 0%, rgba(58, 63, 59, 0.5) 10%, rgba(58, 63, 59, 0.5) 90%, rgba(58, 63, 59, 0) 100%);} .sprint-center-space-box .numData{ display: flex;flex-direction: column;} .sprint-center-space-box .numData .infoText{font-size: var(--fs-16);font-weight: 600;line-height: 150%;color: #fff;text-align: right;display: flex;flex-direction: column;margin-bottom: 0;position: relative; justify-content: center;} .sprint-center-space-box .numData .infoText span{font-size: var(--fs-12);font-weight: 400;line-height: 150%;color: #ABB3AE;} .sprint-center-space-box .numBox .infoText{padding: 20px 0;flex: 1;min-height: 82px;} .sprint-center-space-box .numData .infoText .p-mulit{font-size: var(--fs-16);font-weight: 600;line-height: 150%;color: #E3FF5C;} .sprint-center-space-box .numType .infoText .conBox:hover{color: var(--v-green);} .sprint-center-space-box .numType .infoText .img-box::before {content: attr(aria-controls);position: absolute;top: 80%;left: 50%;font-size: var(--fs-12);font-weight: 400;line-height: 150%;transform: translateX(-50%);width: 210px;box-shadow: 0px 0px 6px 0px #0000001A;background: #1b1e1c;padding: 8px 10px;border-radius: 8px;color: #ABB3AF;transition: all 0.3s;opacity: 0;display: none;z-index: 5;} .sprint-center-space-box .numType .infoText .conBox:hover .img-box::before {opacity: 1;display: block;} .sprint-center-space-box .numType .infoText:last-child .conBox .img-box::before{top: unset;bottom: 100%;} .home-row3 .product-descripe5 .row3-center-content tr:first-child .icom-img{display: none;} .home-row3 .product-descripe5 .row3-center-content tr:first-child td:first-child{color: #fff !important;} @media (max-width: 1240px){ .home-row3 .row3-first-time-purchase{padding: 20px;} .challenge-bottom .time-payout{padding: 20px;background-position-x: 58%;} } @media (max-width: 980px) { .challenge-bottom{flex-direction: column;} .home-row3 .row3-first-time-purchase {padding: 38px 20px;} .challenge-bottom .time-payout{background-position-x: right;background-size: contain;} } @media (max-width: 830px) { .home-row3 .row3-content-box{flex-direction: column;} .home-row3 .sprint-center-space-box{padding-left: 8px;max-width: unset;} } @media (max-width: 768px) { .challenge-title-box .title-box{flex-direction: column;padding: 14px;border-radius: 20px; position: relative; min-width: unset;max-width: calc(50% - 10px);} .challenge-title-box .title-box span{position: absolute;top: 20px;right: 20px;} .challenge-bottom .time-payout {background-size: cover; background-position-x: 64%;} .home-row3 .row3-first-time-purchase{flex-wrap: wrap;} .time-payout p{max-width: 190px;} .time-payout p br{display: none;} .challenge-title-box .title-sprint{font-style: normal;} } @media (max-width: 510px) { .home-row3 .row3-first-time-purchase .right-box .green-border-button{padding: 12px;} .challenge-title-box .title-box img{width: 40px;} .challenge-title-box .title-box{font-size: 14px;} .challenge-title-box .title-box span {position: absolute;top: 9px;right: 8px;font-size: 10px;padding: 3px 9px;} .challenge-title-box{margin-bottom: 16px;} .sprint-center-space-box .numBox .infoText{padding: 12px 0; min-height: 70px;} } .perform-edge-card{ padding: 141px 0 123px; background: url("/images-local/page-edge-card-bg-3ee33aa4e9.png") top center no-repeat; background-size: cover; } .perform-edge-card .row1-top-text{ text-align: center; max-width: 800px; margin: 0 auto 50px; } .perform-edge-card .row1-top-text .top-title{text-transform: uppercase;} .perform-edge-card .row1-top-text h2{color: #fff;margin-bottom: 19px;} .perform-edge-card .row1-top-text .p-text{font-weight: 400; font-size: var(--fs-18); line-height: 150%; color: #ABB3AE; } .perform-edge-card .edge-card-box { max-width: 1400px; width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .perform-edge-card .edge-card-box .card-item { width: calc((100% - 38px) / 3); padding: 20px 25px 20px 20px; margin-bottom: 19px; background: url("/images-local/page-edge-item-bg-a15288f2cb.png") top left no-repeat; background-size: 100% auto; position: relative; border-radius: 24px; backdrop-filter: blur(5px); display: flex; flex-direction: column; justify-content: space-between; } .perform-edge-card .edge-card-box .card-item::before { content: ""; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; border-radius: 24px; background: radial-gradient(86.44% 150.15% at 2.34% 0%, rgba(58, 63, 59, 0.2) 0%, rgba(3, 14, 6, 0.2) 100%); } .perform-edge-card .edge-card-box .card-item::after { display: block; content: ''; border-radius: 24px; border: 1px solid transparent; background: linear-gradient(131.42deg, rgba(58, 63, 59, 0.7) 18.34%, #030E06 55.04%, rgba(58, 63, 59, 0.7) 97.18%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; position: absolute; top: 0; right: 0; width: 100%; height: 100%; pointer-events: none; } .perform-edge-card .edge-card-box .card-item .card-item-img { width: 100%; max-width: 62px; height: 62px; border-radius: 16px; margin-bottom: 38px; display: flex; align-items: center; justify-content: center; position: relative; background: linear-gradient( 140deg, #08170c 20%, #0b2714 60%, #0f3319 100%); box-shadow: 0px 0px 9.96px 0px #00FF514D; } .perform-edge-card .edge-card-box .card-item .card-item-img::before{ display: block; content: ''; border-radius: 16px; border: 1px solid transparent; background: linear-gradient(135deg, #a0ddb3 0%, #0b4c1e 47%, #579268 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; position: absolute; top: 0; right: 0; width: 100%; height: 100%; pointer-events: none; } .perform-edge-card .edge-card-box .card-item-text {} .perform-edge-card .edge-card-box .card-item-text .card-item-title { font-weight: 600; font-size: var(--fs-30); line-height: 140%; color: #ffffff; margin-bottom: 4px; } .perform-edge-card .edge-card-box .card-item-text .card-item-subtitle { font-weight: 400; font-size: var(--fs-18); line-height: 150%; color: #ABB3AE; margin-bottom: 0; } .perform-edge-card .pCon{font-size: var(--fs-16);font-weight: 400;line-height: 150%;text-align: center;width: 100%;max-width: 676px;margin: auto;background: linear-gradient(90deg, rgba(2, 33, 11, 0) 0%, rgba(2, 33, 11, 0.8) 20%, rgba(2, 33, 11, 0.8) 80%, rgba(2, 33, 11, 0) 100%);padding: 16px 0;} .perform-edge-card .pCon strong{color: #fff;} @media (max-width:1024px) { .perform-edge-card .edge-card-box .card-item { width: calc((100% - 19px) / 2);} } @media (max-width:768px) { .perform-edge-card { padding: 45px 0 21px; } } @media (max-width:510px) { .perform-edge-card { background: url("/images-local/page-edge-card-bg-mb-7c8540ad3c.png") top center no-repeat; background-size: cover;} .perform-edge-card .row1-top-text { margin: 0 auto 20px; } .perform-edge-card .row1-top-text h2 { line-height: 1.4; } .perform-edge-card .edge-card-box .card-item { width: calc((100% - 12px) / 2); margin-bottom: 12px; padding: 16px; background: url("/images-local/page-edge-item-bg-mb-5b0c4159ef.png") top left no-repeat; background-size: 100% auto; } .perform-edge-card .edge-card-box .card-item .card-item-img { width: 48px; height: 48px; border-radius: 12px; margin-bottom: 16px; } .perform-edge-card .edge-card-box .card-item .card-item-img::before { border-radius: 12px; } .perform-edge-card .edge-card-box .card-item .card-item-img .img-icon { width: 20px; height: auto; } .perform-edge-card .edge-card-box .card-item-text .card-item-subtitle { font-size: 14px; } } @media (max-width:360px) { .perform-edge-card .edge-card-box .card-item { width: 100%; } } h1{ font-weight: 600; font-size: var(--fs-96); line-height: 120%; color: #F3F4F3; } .p-text1{ font-weight: 400; font-size: var(--fs-14); line-height: 150%; vertical-align: middle; text-transform: uppercase; color: #00FF51; } .p-text2{ max-width: 780px; margin: 0px auto 37px; font-weight: 400; font-size: var(--fs-20); line-height: 150%; color: #ABB3AE; } .moneta-home-row2 { padding: 17px 0 75px; overflow: hidden; /* background: url("/images-local/home-row-topline-c99c1b0a68.png") top center no-repeat; background-size: contain; */ } .moneta-home-row2 .row2-content{ text-align: center; } .moneta-home-row2 .row2-content .p-text1{ margin-bottom: 16px; } .moneta-home-row2 .row2-content h2{ font-weight: 600; font-size: var(--fs-48); line-height: 120%; color: #ffffff; margin-bottom: 20px; } .moneta-home-row2 .row2-content .p-text2{ font-weight: 400; font-size: var(--fs-18); line-height: 150%; margin-bottom: 60px; } .moneta-home-row2 .row2-content .start-btn { margin-bottom: 60px; } .moneta-home-row2 .row2-content .row2-step-box { position: relative; width: 100%; max-width: 1200px; margin: 0 auto 62px; display: flex; gap: 30px; justify-content: center; align-items: flex-start; text-align: center; } .moneta-home-row2 .row2-step-box .step-content { width: 50%; max-width: 580px; border-radius: 24px; padding: 22px 0; position: relative; display: flex; flex-direction: column; background: linear-gradient(180deg, rgba(58, 63, 59, 0.2) 0%, rgba(58, 63, 59, 0.05) 100%);} .moneta-home-row2 .row2-step-box .step-content::after { display: block; content: ''; border-radius: 24px; border: 1px solid transparent; background: linear-gradient(131.42deg, rgba(58, 63, 59, 0.7) 18.34%, #030E06 55.04%, rgba(58, 63, 59, 0.7) 97.18%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; position: absolute; top: 0; right: 0; width: 100%; height: 100%; pointer-events: none; } .moneta-home-row2 .row2-step-box .step-content .text-box { padding: 0 20px; display: flex; flex-direction: column; justify-content: space-between; flex: 1; } .moneta-home-row2 .row2-step-box .step-content .text-box .top-text { margin-bottom: 23px; } .moneta-home-row2 .row2-step-box .step-name { width: 147px; height: 94px; position: absolute; left: 50%; top: -42px; z-index: 1; transform: translateX(-50%); } .moneta-home-row2 .row2-step-box .step-name .step-text { position: absolute; left: 50%; top: 45%; transform: translate(-50%, -50%); font-size: var(--fs-16); z-index: 2; } .moneta-home-row2 .row2-step-box .top-box { display: flex; justify-content: center; align-items: center; margin-bottom: 11px; } .moneta-home-row2 .row2-step-box .mb-top-icon { display: none; } .moneta-home-row2 .row2-step-box .top-line { position: absolute; top: 130px; left: 50.4%; transform: translateX(-50%); z-index: 2; } .moneta-home-row2 .row2-content .text-box .line2{ font-weight: 600; font-size: var(--fs-24); line-height: 120%; color: #ffffff; margin-bottom: 10px; } .moneta-home-row2 .row2-content .text-box .line3{ font-weight: 600; font-size: var(--fs-14); line-height: 150%; color: #ffffff; margin-bottom: 9px; text-transform: uppercase; } .moneta-home-row2 .row2-content .text-box .line4{ font-weight: 400; font-size: var(--fs-16); line-height: 150%; color: #ABB3AE; } .moneta-home-row2 .row2-content .text-box .line3-space-temp { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 5px; margin-top: 12px; text-transform: none; } .moneta-home-row2 .row2-content .text-box .line-box{ padding: 3px 10px 4px 6px; border-radius: 999px; font-weight: 600; font-size: var(--fs-14); line-height: 150%; background: #1B1E1C; color: #FFFFFF; display: flex; align-items: center; gap: 6px; } .moneta-home-row2 .row2-content .text-box .phoenix-name { background: #FF002F40; } @media (max-width: 1440px) { .moneta-home-row2 .row2-step-box .top-line { width: 140px; } } @media (max-width: 1240px) { .moneta-home-row2 .row2-step-box .top-line { width: 100px; top: 106px; } } @media (max-width: 1024px) { .moneta-home-row2 .row2-content .row2-step-box { flex-direction: column; align-items: center; } .moneta-home-row2 .row2-step-box .step-content { width: 100%; } .moneta-home-row2 .row2-step-box .top-line { display: none; } .moneta-home-row2 .row2-step-box .step-name { width: 122px; height: 74px; top: -33px; } } @media (max-width: 768px) { .moneta-home-row2 { padding: 42px 0 34px; background: #030E06; } .moneta-home-row2 .row2-content .row2-step-box { margin: 0 auto 32px; } .moneta-home-row2 .row2-content h2 { line-height: 140%; margin-bottom: 15px; } .moneta-home-row2 .row2-content .p-text2 { margin-bottom: 48px; } .moneta-home-row2 .row2-content .start-btn { margin-bottom: 32px; } .moneta-home-row2 .row2-content .text-box .line-box { font-size: 14px; } .moneta-home-row2 .row2-step-box .top-box { margin-bottom: 13px; } } @media (max-width: 565px) { .moneta-home-row2 .row2-step-box .top-icon { display: none;} .moneta-home-row2 .row2-step-box .mb-top-icon { display: block; } .moneta-home-row2 .row2-content .p-text2 br{ display: none; } } @media (max-width: 510px) { .moneta-home-row2 .row2-step-box .step-content { padding: 22px 0 19px; } .moneta-home-row2 .row2-step-box .step-name .step-text { font-size: 14px; } .moneta-home-row2 .row2-step-box .step-content .text-box .top-text { margin-bottom: 21px; } .moneta-home-row2 .row2-content .text-box .line2 { font-size: 20px; margin-bottom: 5px; } .moneta-home-row2 .row2-content .text-box .line4 { font-size: 14px; } } .home-fundingModel{text-align: center; padding: 394px 0 100px; position: relative;overflow: hidden;} .home-fundingModel .inner{position: relative; z-index: 1;} .home-fundingModel .video-box{position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 100%;} .home-fundingModel .video-box :is(video,mux-player){width: 100%;} .home-fundingModel .top-title{text-transform: uppercase;margin-bottom: 16px;} .home-fundingModel .fundingModel-con{display: flex; justify-content: space-between; max-width: 1000px;margin: auto;margin-bottom: 20px;gap: 48px;position: relative;} .home-fundingModel .fundingModel-con::before{content: ""; position: absolute;background: linear-gradient(0deg, rgba(58, 63, 59, 0) 0%, #3A3F3B 30%, #3A3F3B 70%, rgba(58, 63, 59, 0) 100%);width: 1px;height: 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);} .fundingModel-con .listBox{width: 100%;max-width: 451px;} .fundingModel-con .listBox h3{font-size: var(--fs-36);font-weight: 600;line-height: 120%;color: var(--v-white); margin-bottom: 20px;} .fundingModel-con .listBox p strong{color: var(--v-white);} html[lang="ja_JP"] .home-fundingModel{background: url("/images-local/home-fundingModel-bg-jp-56740b73f1.png") top center no-repeat; background-size: cover;} @media (max-width: 1240px){ .home-fundingModel {padding: 280px 0 100px;} } @media (max-width: 980px){ .home-fundingModel {padding: 240px 0 77px;} } @media (max-width: 768px){ .home-fundingModel {padding: 219px 0 32px;} html[lang="ja_JP"] .home-fundingModel{background: url("/images-local/home-fundingModel-MObg-jp-1c7ca23511.png") top center no-repeat; background-size: 100%;} .home-fundingModel .top-title { margin-bottom: 20px; } .home-fundingModel .fundingModel-con{ flex-direction: column; align-items: center; margin-bottom: 12px; } .home-fundingModel .fundingModel-con::before{ background: linear-gradient(90deg, rgba(58, 63, 59, 0) 0%, #3A3F3B 30%, #3A3F3B 70%, rgba(58, 63, 59, 0) 100%); width: 100%; height: 1px; top: 46%; } .fundingModel-con .listBox h3{font-size: 30px;margin-bottom: 18px;} } .profit-calculator{ position: relative;padding: 140px 0; background: url("/images-local/profit-calculator-bg-09b4de3de0.png") top right no-repeat; background-size: cover;} .profit-calculator .calculator-bg {position: absolute;top: -50%;right: 0;} .profit-calculator .profit-box{ max-width: 1200px; margin: 0 auto; width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 32px;} .profit-calculator .profit-box .profit-text{ max-width: 490px; width: 100%; } .profit-calculator .profit-text .top-title{text-transform: uppercase;margin-bottom: 18px;} .profit-calculator .profit-text h2{letter-spacing: 0.7px;margin-bottom: 20px;color: var(--v-white);} .profit-calculator .profit-text p{margin-bottom: 0;} .profit-calculator .calculator-box{ max-width: 650px; width: 100%; padding: 12px; border-radius: 32px; background: linear-gradient(202.97deg, rgba(10, 255, 91, 0.5) 0.74%, rgba(0, 255, 81, 0.1) 22.29%, rgba(0, 255, 81, 0.04) 48.14%, rgba(151, 161, 154, 0.1) 69.72%, rgba(58, 63, 59, 0.2) 98.42%); backdrop-filter: blur(3.6532506942749023px); box-shadow: 0px 10px 40px 0px #030E0633; position: relative; } .profit-calculator .calculator-box::after { display: block; content: ''; border-radius: 32px; border: 1px solid transparent; background: linear-gradient(180deg, rgba(151, 161, 154, 0.2) 0%, rgba(88, 97, 90, 0.2) 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; position: absolute; top: 0; right: 0; width: 100%; height: 100%; pointer-events: none; } .profit-calculator .calculator-box-inner{ width: 100%; padding: 32px; border-radius: 24px; color: #ffffff; background: url("/images-local/home-calculator-box-inner-bg-778cf38dc4.png") top center no-repeat; background-size: cover; position: relative; overflow: hidden; } .profit-calculator .calculator-box-inner::before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(39.25% 75.66% at 2.34% 0%, #1B1E1C 0%, #030E06 100%); z-index: -1; } .profit-calculator .calculator-box-inner::after { display: block; content: ''; border-radius: 24px; border: 1px solid transparent; background: linear-gradient(131.42deg, #3A3F3B 18.34%, rgba(3, 14, 6, 0) 55.04%, #3A3F3B 97.18%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; position: absolute; top: 0; right: 0; width: 100%; height: 100%; pointer-events: none; } .profit-calculator .calculator-box-inner .name { font-weight: 600; font-size: var(--fs-24); line-height: 150%; margin-bottom: 20px; } .profit-calculator .calculator-box-inner .calculator-tool { margin-bottom: 36px; } .profit-calculator .calculator-box-inner .calculator-tool .text1 { font-weight: 400; font-size: var(--fs-18); line-height: 150%; margin-bottom: 4px; } .profit-calculator .calculator-box-inner .calculator-result { margin-bottom: 20px; background: #03301180; border-radius: 24px; box-shadow: 0px 0px 40px 0px #00FF5133 inset; padding: 32px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; position: relative; } .profit-calculator .calculator-box-inner .calculator-result::after { display: block; content: ''; border-radius: 24px; border: 1px solid transparent; background: linear-gradient(170deg, rgba(2, 33, 11, 0.2) 25.34%, #00ff51bd 55.04%, rgba(2, 33, 11, 0.2) 80.18%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; position: absolute; top: 0; right: 0; width: 100%; height: 100%; pointer-events: none; } .profit-calculator .calculator-box-inner .calculator-result .left-text { font-weight: 400; font-size: var(--fs-18); line-height: 150%; } .profit-calculator .calculator-box-inner .calculator-result .right-text { font-weight: 400; font-size: var(--fs-20); line-height: 150%; color: #ABB3AE; } .profit-calculator .calculator-box-inner .calculator-result .right-text span { font-weight: 600; font-size: var(--fs-48); line-height: 120%; color: #00FF51; } .profit-calculator .calculator-box-inner .calculator-btn { width: 100%; display: inline-block; } @media (max-width: 850px){ .profit-calculator{background: #030e06;} .profit-calculator .profit-box{ flex-direction: column; align-items: center;gap:0; } .profit-calculator .profit-box .profit-text { text-align: center; margin-bottom: 31px; } .profit-calculator .calculator-bg svg{width: 1000px;} .profit-calculator .calculator-bg{position: absolute;top: -15%;right: 0;} } @media (max-width: 768px){ .pc-br {display: none;} .profit-calculator { padding: 64px 0; } .profit-calculator .profit-text h2 { margin-bottom: 25px; } .profit-calculator .calculator-box { padding: 8px; } .profit-calculator .calculator-box-inner { padding: 30px 28px; background: url("/images-local/home-calculator-box-inner-bgMo-eaa3627eb4.png") top center no-repeat; background-size: cover;} .profit-calculator .calculator-box-inner .calculator-result { padding: 28px; gap: 11px; } .profit-calculator .calculator-box-inner .calculator-result .left-text { font-size: 14px; } .profit-calculator .calculator-box-inner .calculator-result .right-text { width: 100%; } .profit-calculator .calculator-box-inner .calculator-result .right-text span { font-size: 36px; } } /* .profit-calculator */ .profit-calculator .calculator-box-inner .calculator-tool .calculator-content { width: 100%; } .profit-calculator .slider-track { width: 100%; height: 6px; background-color: #FFFFFF33; border-radius: 30px; position: relative; } .profit-calculator .slider-fill { height: 100%; background: #00FF51; box-shadow: 0px 0px 10px #00FF51; border-radius: 30px; width: 0%; transition: width 0s linear; } .profit-calculator .slider-thumb { width: 56px; height: 40px; background: radial-gradient(88.34% 91.25% at 50.43% 100%, rgb(2, 106, 35) 0%, rgb(3, 14, 6) 100%); box-shadow: 0px 0px 9px 0px #00FF514D; border-radius: 999px; position: absolute; top: 50%; transform: translate(-50%, -50%); cursor: pointer; transition: all 0s linear; z-index: 2; } .profit-calculator .slider-thumb::after { display: block; content: ''; border-radius: 999px; border: 1px solid transparent; background: linear-gradient(180deg, #00FF51 0%, #009931 100%) border-box; -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; position: absolute; top: 0; right: 0; width: 100%; height: 100%; pointer-events: none; } .profit-calculator .range-labels { display: flex; justify-content: space-between; font-weight: 400; font-size: var(--fs-14); line-height: 150%; color: #ABB3AE; margin-bottom: 22px; } .profit-calculator .tooltip { font-weight: 600; font-size: var(--fs-16); line-height: 150%; color: #00FF51; pointer-events: none; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; user-select: none; -webkit-user-select: none; outline: none; box-shadow: none; -webkit-tap-highlight-color: transparent; } .profit-calculator .money-slider-fill { transition: width 0s linear; } .profit-calculator .money-slider-thumb { width: 85px; height: 40px; transition: all 0s linear; } html[lang="ar-AE"] .profit-calculator .calculator-box-inner .calculator-tool .calculator-content { direction: ltr; } @media (max-width: 510px){ .profit-calculator .slider-thumb { width: 53px; height: 32px; } .profit-calculator .money-slider-thumb { width: 78px; height: 32px; } } .home-getFunded{padding: 69px 0 46px;} .home-getFunded .top-title{text-align: center;} .home-getFunded h2{text-align: center;margin-bottom: 53px; line-height: 1.3; } .home-getFunded .content-box{ width: 100%; max-width: 1400px; margin: auto; overflow: hidden;margin-bottom: 43px;} .content-box .contentImg-box{display: flex;justify-content: center;align-items: center;width: 100%;position: relative; margin-bottom: 60px;overflow: hidden;padding-top: 113px;} .content-box .contentImg-box .img-box img{} .content-box .contentTitle-box{width: 100%; text-align: center;max-width: 985px; margin: auto;} .content-box .contentTitle-box .contentTitle-item .title-box{width: 100%;max-width: 307px; margin: 0 auto; display: flex;flex-direction: column;justify-content: center;text-align: center; padding: 18px 10px;position: relative;cursor: pointer;user-select: none; -webkit-user-select: none; outline: none; box-shadow: none; -webkit-tap-highlight-color: transparent;align-items: center;} .content-box .contentTitle-box .contentTitle-item .title-box .top-title{margin-bottom: 4px;} .content-box .contentTitle-box .contentTitle-item .title-box .title-img{margin-bottom: 14px;} .content-box .contentTitle-box .contentTitle-item .title-box h4{font-size: var(--fs-18);font-weight: 600;line-height: 150%;color: #76827A;margin-bottom: 0px; transition: 0.3s all;} .content-box .contentTitle-box .contentTitle-item .title-box .p-text{font-size: var(--fs-14);color: #76827A;} .content-box .contentTitle-box .contentTitle-item.active .title-box h4{color: #fff;} .content-box .contentTitle-box .contentTitle-item.active .title-box .p-text{ color: #ABB3AE; } .content-box .contentLine-box{display: flex;gap: 40px;justify-content: center;max-width: 985px; margin: auto;} .content-box .contentLine-box .line-box{height: 2px;background: linear-gradient(90deg, rgba(151, 161, 154, 0) 0%, #97A19A 30%, #97A19A 70%, rgba(151, 161, 154, 0) 100%);width: 100%; max-width: 307px;opacity: 0.4; position: relative;} .content-box .contentLine-box .line-box::before{ content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; background: transparent; } .content-box .contentLine-box .line-box.active {animation: removeOpacity 6.5s infinite linear;} .content-box .contentLine-box .line-box.active::before {background: linear-gradient(90deg, rgba(0, 255, 81, 0.3) 0%, #00FF51 100%);animation: removeWidth 6.5s infinite linear;} .content-box .contentImg-box .img-box .img-banner{position: absolute;width: 120%;height: 222px;background: linear-gradient(180deg, rgba(3, 14, 6, 0) 0%, #030E06 82.06%);z-index: 4;left: 50%;transform: translate(-50%, -50%);top: 90%;} .content-box .contentImg-box .img-box1 {position: relative;width: 100%;max-width: 994px;margin: auto;margin-bottom: 20px;} .content-box .contentImg-box .img-box1 .imgBig{position: relative;z-index: 1;} .content-box .contentImg-box .img-box1 .imgList1{position: absolute;top: -14.4%;left: 8.5%;} .content-box .contentImg-box .img-box1 .imgList2{ position: absolute;bottom: 27.5%;left: -10.5%;z-index: 2;} .content-box .contentImg-box .img-box1 .imgList3{position: absolute;top: 7%;right: -10%;z-index: 2;} .content-box .contentImg-box .img-box1 .imgList4{position: absolute;bottom: 6%;right: -9%;z-index: 2;} .content-box .contentImg-box .img-box2 {position: relative;width: 100%;max-width: 994px;margin: auto;margin-bottom: 20px;} .content-box .contentImg-box .img-box2 .imgBig{position: relative;z-index: 1;} .content-box .contentImg-box .img-box2 .imgList1{position: absolute;top: -14.4%;left: 8.5%;} .content-box .contentImg-box .img-box2 .imgList2{ position: absolute;bottom: 22%;left: -10.5%;z-index: 2;} .content-box .contentImg-box .img-box2 .imgList3{position: absolute;top: 8%;right: -10.5%;z-index: 2;} .content-box .contentImg-box .img-box2 .imgList4{position: absolute;bottom: 9.5%;right: -8%;z-index: 2;} .content-box .contentImg-box .img-box3 {position: relative;width: 100%;max-width: 994px;margin: auto;margin-bottom: 20px;} .content-box .contentImg-box .img-box3 .imgBig{position: relative;z-index: 1;} .content-box .contentImg-box .img-box3 .imgList1{position: absolute;top: -14.4%;left: 8.5%;} .content-box .contentImg-box .img-box3 .imgList2{ position: absolute;top: 7.7%;left: -8.3%;z-index: 2;} .content-box .contentImg-box .img-box3 .imgList3{position: absolute;bottom: 6.5%;left: -10.4%;z-index: 2;} .content-box .contentImg-box .img-box3 .imgList4{position: absolute;top: 7.5%;right: -10.5%;z-index: 2;} .content-box .contentImg-box .img-box3 .imgList5{position: absolute;bottom: 19%;right: -5.5%;z-index: 2;} .home-getFunded .title-box{text-align: center;width: 100%;max-width: 745px;margin: auto;margin-bottom: 0px !important;} .title-box h2{letter-spacing: 0.7px;margin-bottom: 20px;color: var(--v-white);} .title-box p{margin-bottom: 0;} .title-box .top-title{text-transform: uppercase;margin-bottom: 18px;} .home-getFunded .getFunded-content{margin-top: -2px;} /* .content-box .contentImg-box .img-box::after{content:""; position: absolute;width: 100%;height: 209px;background: linear-gradient(180deg, rgba(3, 14, 6, 0) 0%, #030E06 82.06%);bottom: 0;z-index: 4;left: 0;} */ .getFunded-content .getFunded-details{background: url("/images-local/home-getFunded-details-bg-ae4dc7f441.png") center bottom no-repeat; background-size:cover;display: flex;padding: 39px 39px;border-radius: 24px;overflow: hidden;justify-content: space-between;align-items: center;position: relative;gap: 32px;} .getFunded-content .getFunded-details::before{display: block;content: '';border-radius: 24px;border: 1px solid transparent;background: linear-gradient(175deg,#3A3F3B 18.34%, #030E06 55.04%, #3A3F3B 97.18%) border-box;-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;position: absolute;top: 0;right: 0;width: 100%;height: 100%;pointer-events: none;} .getFunded-details .details-left{width: 80%;} .getFunded-details .details-left h4{ font-size: 24px;font-weight: 600;line-height: 150%;color: var(--v-white); margin-bottom: 20px;} .details-left .details-list{display: flex;gap: 30px;} .details-list .listIteam{display: flex;gap: 12px;} .details-list .listIteam .list-num{font-size: var(--fs-12);font-weight: 400;line-height: 150%;color: var(--v-green);width: 24px;height: 24px;display: flex;border: 2px solid var(--v-green);justify-content: center;align-items: center;border-radius: 50%;} .details-list .listIteam p{font-size: 16px;font-weight: 400;line-height: 150%; margin: 0;} .details-list .listIteam p strong{ color: var(--v-white);} .getFunded-details .details-right{width: 100%; max-width: 171px;} .content-box .contentImg-box .swiper-slide-active .img-box img{animation-name: slideInUp;} .content-box .contentImg-box .swiper-slide-duplicate-active .img-box img{animation-name: slideInUp;} .content-box .contentImg-box .swiper-slide-active .img-box1 .imgList1{animation-name:none;} .content-box .contentImg-box .swiper-slide-duplicate-active .img-box .imgList1{animation-name:none;} @keyframes removeWidth { from {width: 0;} to {width: 100%;} } @keyframes removeOpacity { from {opacity: 0.4;} to {opacity: 1;} } @media (max-width: 1400px) { .content-box .contentImg-box .img-box1 {max-width: 75%;} .content-box .contentImg-box .img-box1 .imgList2{width: 32%;bottom: 29%;} .content-box .contentImg-box .img-box1 .imgList3{width: 20%;} .content-box .contentImg-box .img-box1 .imgList4{width: 20%;} .content-box .contentImg-box .img-box2 {max-width: 75%;} .content-box .contentImg-box .img-box2 .imgList2{width: 35%;} .content-box .contentImg-box .img-box2 .imgList3{width: 25%;} .content-box .contentImg-box .img-box2 .imgList4{width: 25%;} .content-box .contentImg-box .img-box3 {max-width: 75%;} .content-box .contentImg-box .img-box3 .imgList2{width: 16%;} .content-box .contentImg-box .img-box3 .imgList3{width: 26%;} .content-box .contentImg-box .img-box3 .imgList4{width: 17%;} .content-box .contentImg-box .img-box3 .imgList5{width: 17%;} } @media (max-width: 1240px){ .details-left .details-list{flex-wrap: wrap;} .getFunded-content .getFunded-details{align-items: end;} .content-box .contentImg-box .img-box .img-banner{height: 50%;} } @media (max-width: 980px) { .content-box .contentImg-box .img-box1 {max-width: 80%;} .content-box .contentImg-box .img-box1 .imgList2{width: 35%;} .content-box .contentImg-box .img-box2 {max-width: 80%;} .content-box .contentImg-box .img-box3 {max-width: 80%;} } @media (max-width: 768px) { .content-box .contentLine-box { gap: 6px; padding: 0px 43px;} .content-box .contentLine-box .line-box{max-width: 15%;} .content-box .contentLine-box .line-box::before{ width: 100%; } .content-box .contentLine-box .line-box.active{max-width: 65%;} .content-box .contentTitle-box .contentTitle-item .title-box {max-width: 100%;} .title-box h2{line-height: 140%; margin-bottom: 16px;} .title-box .top-title{margin-bottom: 14px;} .getFunded-content .getFunded-details{flex-direction: column;align-items: baseline;max-width: 500px;margin: auto;} .getFunded-content .getFunded-details{background: url("/images-local/home-getFunded-details-Mobg-4d3589c894.png") center bottom no-repeat; background-size: contain;} .getFunded-details .details-right{margin: auto;} .getFunded-details .details-left{width: 100%;} .getFunded-content .getFunded-details{padding: 35px 31px;} .details-left .details-list{flex-direction: column;gap: 14px;} .getFunded-content .getFunded-details{gap: 22px;} .home-getFunded .getFunded-content{margin-top: 31px;} } @media (max-width: 510px) { .home-getFunded{padding: 0 0 30px;} .home-getFunded h2 { margin-bottom: 34px; } .content-box .contentImg-box { margin-bottom: 32px; } .content-box .contentImg-box .img-box1 {border-radius: 8px;} .content-box .contentImg-box .img-box1::before {border-radius: 8px;} .content-box .contentTitle-box .contentTitle-item .title-box .p-text {max-width: 270px; margin: 0 auto; } .getFunded-content .getFunded-details { border-radius: 20px; } .getFunded-content .getFunded-details::before { border-radius: 20px; } .home-getFunded .content-box{margin-bottom: 16px;} .content-box .contentImg-box{padding-top: 30px;} } .faq-wrapper{padding: 90px 0; position: relative;overflow: hidden;} .faq-wrapper .inner{position: relative;z-index: 3;} /* .faq-wrapper::before{content: "";background: url("/images-local/faq-banner-left-b781f6b38c.png") center top no-repeat;background-size: cover;position: absolute;width: 512px;top: 0;left: 0;z-index: 1;height: 1122px;} .faq-wrapper::after{content: "";background: url("/images-local/faq-banner-right-8da0297839.png") center top no-repeat;background-size: cover;position: absolute;width: 512px;top: 0;right: 0;z-index: 1;height: 1122px;} */ .faq-wrapper .faq-title{text-align: center;margin-bottom: 60px;} .faq-title span{font-size: var(--fs-14);font-weight: 400;line-height: 150%;color: var(--v-green);margin-bottom: 18px;display: block;} .faq-title h2{color: #fff;margin-bottom: 20px;letter-spacing: 1px;} .faq-title .p-text{color: #ABB3AE;width: 100%;max-width: 547px;margin: auto;} .faq-wrapper .faq-content{width: 100%;max-width: 800px;margin: auto;margin-bottom: 60px;} .faq-content .faq-list{position: relative; cursor: pointer;} .faq-content .faq-list::after{content:"";position: absolute; width: 100%;height: 1px;bottom: 0;left: 0;background: linear-gradient(90deg, rgba(58, 63, 59, 0) 0%, #3A3F3B 30%, #3A3F3B 70%, rgba(58, 63, 59, 0) 100%);} .faq-content .faq-list:last-child::after{content: none;} .faq-content .faq-list .list-title{display: flex;gap: 32px;justify-content: space-between;align-items: center;padding: 22px 0;transition: 0.4s;} .faq-list .list-title p{font-size: 20px;line-height: 150%;font-weight: 600;margin: 0;color: #fff;} .faq-list .list-title svg{min-width: 15px;transition: 0.4s;} .faq-list .list-title svg path{transition: 0.4s;} .faq-content .faq-list .list-title img{filter: contrast(0.3); transition: 0.4s;} .faq-content .faq-list .list-text{padding: 0px 0 20px 0px; display:none;} .faq-list .list-text p{color: #ABB3AE;margin-bottom: 0;} .faq-content .faq-list.active .list-title {padding: 22px 0 15px;} .faq-list.active .list-title svg {transform: rotate(180deg);} .faq-list.active .list-title svg path{stroke:#fff;} .faq-list .list-title:hover svg path{stroke:#fff;} .faq-list.active .list-title img{filter: contrast(1);transform: rotate(180deg);} .faq-list .list-title:hover img{filter: contrast(1);} .faq-wrapper .faq-botton{ display: flex;justify-content: center;} /* .faq-list.active .list-text{display:block;} */ .faq-wrapper .video-box{} .faq-wrapper .video-box .left-video{position: absolute;top: 0;left: 0; z-index: 1;} .faq-wrapper .video-box .right-video{position: absolute;top: 0;right: 0; z-index: 2;} html[lang="ja_JP"] .faq-wrapper{background: url("/images-local/faq-bg-jp-23f77c1204.png") top right no-repeat; background-size: cover;} @media (max-width:1240px) { .faq-wrapper{padding: 82px 0;} .faq-wrapper::before{width: 400px;} .faq-wrapper::after{width: 400px;} .faq-wrapper .video-box .left-video{width: 50%;} .faq-wrapper .video-box .right-video{width: 50%;} } @media (max-width:980px) { .faq-wrapper{padding: 69px 0;} .faq-wrapper .video-box .left-video{width: 100%; max-width: 400px;} .faq-wrapper .video-box .right-video{top: 200px;width: 100%;max-width: 400px;} } @media (max-width:768px) { .faq-wrapper{padding: 50px 0;} .faq-wrapper::before{ width: 221px;top: 103px;height: 660px;} .faq-wrapper::after{width: 256px;top: 210px;height: 651px;} .faq-list .list-title p{font-size: 18px;} .faq-wrapper .faq-title {margin-bottom: 40px;} .faq-title h2{line-height: 140%;} .faq-wrapper .faq-content{padding: 0 15px;margin-bottom: 32px;} .faq-wrapper .video-box{display: none;} } @media (max-width:510px) { .faq-wrapper{background-size: contain;} .faq-wrapper::before{ width: 221px;top: 103px;height: 660px;} .faq-wrapper::after{width: 256px;top: 210px;height: 651px;} .faq-title h2{margin-bottom: 15px;} .faq-wrapper .faq-title {margin-bottom: 32px;} } .home-row10{ padding: 50px 0 140px} .home-row10 .top-title{text-transform: uppercase;} .home-row10 .row10-box{display: flex;gap: 20px;justify-content: center;margin-bottom: 2px;} .home-row10 .row10-box .box-left{background: url("/images-local/home-row10-imgCTA1-5b652885d9.png") top center no-repeat; background-size: cover;width: 100%;max-width: 920px;text-align: center;padding: 52px;position: relative;border-radius: 25px;overflow: hidden;min-height: 600px;display: flex;flex-direction: column;justify-content: center;align-items: center;} .home-row10 .row10-box .box-left::after{display: block;content: '';border-radius: 25px;border: 1px solid transparent;background: linear-gradient(135deg, #00FF51 0%, #030E06 47%, #00ff51 100%) border-box;-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;position: absolute;top: 0;right: 0;width: 100%;height: 100%;pointer-events: none;} .box-left h2{color: #fff;margin-bottom: 20px;} .box-left .p-text{margin-bottom: 40px; color: #fff;width: 100%;max-width: 610px;} .box-left .left-botton{display: flex;justify-content: center;gap: 20px;flex-wrap: wrap;} .home-row10 .row10-box .box-left .content-ul{display: flex;flex-direction: column;gap: 12px;margin-bottom: 40px} .home-row10 .row10-box .box-left .content-ul li{position: relative;padding-left: 13px;} .home-row10 .row10-box .box-left .content-ul li::before{content: ""; position: absolute;background: url("/wp-content/themes/Moneta/images/trading-platform-gg-check-o.svg") top center no-repeat; background-size: contain; width: 20px; height: 20px;top: 3px;left: -18px;} .home-row10 .row10-box .box-left .content-ul li p{margin: 0;color: #fff;text-align: left;} .home-row10 .row10-box .box-left .content-ul li p strong{color: var(--v-green);margin-right: 5px;} .home-row10 .row10-box .box-right{background: url("/images-local/home-row10-imgJoin-134d61ea88.png") top right no-repeat; background-size: cover; width: 100%;max-width: 460px;text-align: center;padding: 52px;position: relative;border-radius: 25px;overflow: hidden;min-height: 600px;display: flex;flex-direction: column;justify-content: center;align-items: center;} .home-row10 .row10-box .box-right::after{display: block;content: '';border-radius: 25px;border: 1px solid transparent;background: linear-gradient(135deg, #777FF0 0%, #030E06 47%, #777FF0 100%) border-box;-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;position: absolute;top: 0;right: 0;width: 100%;height: 100%;pointer-events: none;} .home-row10 .box-right .top-title{color: #777FF0;} .box-right h2{font-size: var(--fs-30);line-height: 140%;margin-bottom: 40px;} .box-right .right-botton{} @media (max-width:1240px) { .home-row10{padding: 50px 0 100px;} .home-row10 .row10-box .box-left{min-height: 500px;width: 60%;max-width: none;} .home-row10 .row10-box .box-right{min-height: 500px;width: 40%;max-width: none;} } @media (max-width:980px) { .home-row10{padding: 50px 0 79px;} .home-row10 .row10-box{flex-direction: column;max-width: 500px; margin: auto;} .home-row10 .row10-box .box-left{background: url("/images-local/about-us-bottom-card-bg-mb-5cbb3a3f44.png") top center no-repeat; background-size: cover;min-height: 400px;padding: 83px 32px;width: 100%;} .home-row10 .row10-box .box-right {background: url("/images-local/home-row10-imgJoin-Mo-5c467471c0.png") top center no-repeat; background-size: cover;min-height: 320px;padding: 81px 32px;width: 100%;} .box-left .left-botton{flex-direction: column;} .box-right h2{line-height: 150%;} .box-left h2{margin-bottom: 24px;} .box-left .p-text{margin-bottom: 37px;} } @media (max-width:768px) { .home-row10 .row10-box .box-left{min-height: auto;} .home-row10 .row10-box .box-right{min-height: auto;} .home-row10 .row10-box .box-left .content-ul li{padding-left: 32px;} .home-row10 .row10-box .box-left .content-ul li::before {left: 0;} } @media (max-width:510px) { .home-row10{padding: 30px 0 64px;} .home-row10 .box-left .top-title{margin-bottom: 18px;} .home-row10 .row10-box .box-left{padding: 83px 20px;} .home-row10 .row10-box .box-right{ padding: 81px 20px;} .home-row10 .row10-box{gap:32px;} } .green-border-button::after{content: "";} #footer{display: none;} footer{padding: 60px 0 41px; background: #030e06 url("/images-local/footer-bg-8c966bca02.png") center bottom no-repeat; background-size: cover;position: relative;z-index: 2;} footer::before{content: ""; position: absolute; width: 100%; height: 2px; background: linear-gradient(270deg, #009931 20%, #00FF51 50%, #009931 80%); top: 0; left: 0;} footer .website-infoBox{display: flex;gap: 32px;justify-content: space-between; margin-bottom: 28px;} footer .website-infoBox .infoBox{position: relative;} footer .website-infoBox .infoBox::before{content: "";position: absolute;width: 1px;height: 100%;background: linear-gradient(180deg, rgba(58, 63, 59, 0.1) 0%, rgba(58, 63, 59, 0.8) 30%, rgba(58, 63, 59, 0.8) 70%, rgba(58, 63, 59, 0.1) 100%);transform: translate(-50%, -50%);top: 50%;left: -59px;} footer .website-infoBox .infoBox-left::before{content: none;} footer .website-infoBox .infoBox-left{width: 100%;max-width: 350px;} .website-infoBox .infoBox-left .logo{max-width: 146px;margin-bottom: 40px;} .website-infoBox .infoBox-left .logo a{margin-bottom: 11px;display: block;} .website-infoBox .infoBox-left .logo .top-title{font-size: var(--fs-12);text-align: center;background: linear-gradient(90deg, rgba(0, 255, 81, 0.00) 0%, rgba(0, 255, 81, 0.10) 20%, rgba(0, 255, 81, 0.10) 80%, rgba(0, 255, 81, 0.00) 100%);margin-bottom: 0;} .website-infoBox .infoBox-left .productDta{ max-width: 240px;} .website-infoBox .infoBox-left .productDta h4{font-size: var(--fs-18);font-weight: 600;line-height: 150%;margin-bottom: 11px;} .website-infoBox .infoBox-left .productDta ul{display: flex;flex-direction: column;gap: 8px;} .website-infoBox .infoBox-left .productDta li{display: flex;align-items: center;justify-content: space-between;gap: 32px;} .website-infoBox .infoBox-left .productDta li .product-name{display: flex;align-items: center;gap: 9px;} .website-infoBox .infoBox-left .productDta .product-name span{font-size: var(--fs-12);font-weight: 400;line-height: 150%;} .website-infoBox .infoBox-left .productDta .product-data{font-size: var(--fs-12);font-weight: 400;line-height: 150%;} .symbol-list .reduce{color: #DB0000;} .symbol-list .increase{color: var(--v-green);} .symbol-list .black-text {color: #8e9090;} .website-infoBox .infoBox-center{gap: 24px;display: flex;flex-wrap: wrap;max-width: 464px;min-width: 390px;} .website-infoBox .infoBox-center ul{display: flex;flex-direction: column;gap: 11px;} .website-infoBox .infoBox-center .item-wrap{width: 100%;max-width: 220px;} .website-infoBox .infoBox-center .item-wrap h4{font-size: var(--fs-18);line-height: 150%;margin-bottom: 11px;} .website-infoBox .infoBox-center .item-wrap .liList{} .website-infoBox .infoBox-center .item-wrap .liList .hover-item-title{font-size: var(--fs-14);margin-bottom: 0;} .website-infoBox .infoBox-center .item-wrap4{order: 5;} .website-infoBox .infoBox-right{display: flex;flex-direction: column;justify-content: space-between;gap: 32px;width: 100%;max-width: 350px;} .website-infoBox .infoBox-right .right-box{display: flex;flex-direction: column;gap: 40px;} .website-infoBox .infoBox-right .right-box .listBox{} .website-infoBox .infoBox-right .right-box .listBox h5{font-size: var(--fs-18);font-weight: 600;line-height: 150%;margin-bottom: 12px;} .website-infoBox .infoBox-right .right-box .listBox ul{display: flex; gap: 10px;} .website-infoBox .infoBox-right .moneta-box{display: flex;gap: 10px;width: 100%;max-width: 285px;background: linear-gradient(311.77deg, rgba(19, 25, 44, 0.3) 65.22%, rgba(28, 62, 232, 0.3) 116.61%);padding: 15px 21px;border: 1px solid #232D4B;border-radius: 13px;} .website-infoBox .infoBox-right .moneta-box img{} .website-infoBox .infoBox-right .moneta-box p{margin-bottom: 0;font-size: var(--fs-14);font-weight: 600;line-height: 150%;} .website-infoBox .infoBox-right .moneta-box p strong{color: #fff;font-weight: 600;} .website-infoBox .infoBox-right .moneta-box p span{font-weight: 400;} footer .score-widget{position: relative; padding: 20px 0;} footer .score-widget:before {display: block;content: '';background: linear-gradient(90deg, rgba(58, 63, 59, 0) 0%, #3A3F3B 30%, #3A3F3B 70%, rgba(58, 63, 59, 0) 100%);position: absolute;top: 0;right: 0;width: 100%;height: 1px;pointer-events: none;} footer .score-widget::after {display: block;content: '';background: linear-gradient(90deg, rgba(58, 63, 59, 0) 0%, #3A3F3B 30%, #3A3F3B 70%, rgba(58, 63, 59, 0) 100%);position: absolute;bottom: 0;right: 0;width: 100%;height: 1px;pointer-events: none;} footer .tnc-share{display: flex;justify-content: space-between;align-items: center;position: relative;flex-wrap: wrap;gap: 16px 30px;padding: 32px 0 32px; position: relative;} footer .tnc-share .tnc-content{font-weight: 400;font-size: var(--fs-14);line-height: 150%; color: #ABB3AE;display: flex;justify-content: space-between;width: 100%;gap: 32px;flex-direction: row-reverse;} footer .mobile-footer{display: inline-block;margin-right: 20px;padding-right: 20px;border-right: 1px solid #FFFFFF33;} footer .tnc-share .tnc-content .tnc-menu-share{display: flex;gap: 24px;flex-wrap: wrap;justify-content: center;} footer .tnc-share .tnc-content a{white-space: nowrap;display: inline-block; font-size: var(--fs-14);} footer .tnc-share .footer-share{display:flex;justify-content: center;align-items: center;gap: 24px;padding-right: 10px;} footer .mobile-footer{display: none;} footer .footer-disclaimer{padding: 12px 0 0;} footer .footer-disclaimer p{font-size: var(--fs-12);font-weight: 400;line-height: 150%;margin-bottom: 38px;} footer .footer-disclaimer strong{margin-bottom: 8px;display: flex;} footer .footer-disclaimer p a{color: var(--v-green);text-decoration: underline;} footer .footer-disclaimer p:last-child{margin-bottom: 0;} footer .score-widget{} footer .score-widget ul{display: flex; gap: 32px;align-items: center;} footer .score-widget .score-liList{width: 100%; max-width: calc((100% / 3) - 16px); display: flex; justify-content: center;} footer .score-widget .score-liList .score-a{display: flex;align-items: center;gap: 30px;} footer .score-liList .widgetimg-box{} footer .score-liList .scoreBox{} footer .score-liList .score-imgList{width: fit-content;position: relative;margin-bottom: 10px;} footer .score-liList .score-imgList div img{display: block;} footer .score-liList .score-imgList .website-rating-score-img-item1{} footer .score-liList .score-imgList .website-rating-score-img-item2{position: absolute;top: 0;left: 0;overflow: hidden;width: 100%;} footer .score-liList .score-imgList .website-rating-score-img-item2 img{max-width: revert;} footer .score-liList .website-rating-score{font-size: var(--fs-12);font-weight: 400;line-height: 150%;color: #ABB3AE;} footer .score-liList .website-rating-score span{font-weight: 600;color: #fff;} footer .score-liList .website-rating-score .score-branch{margin-right: 5px;} footer .score-liList .website-rating-score .review-volume{margin-left: 5px;} footer .score-widget .score-propfirmmatch{} footer .score-widget .score-propfirmmatch .score-a{gap: 25px;padding: 12px;border: 1px solid #2F2C2D;border-radius: 8px;width: fit-content;} footer .score-propfirmmatch .score-imgList{margin-bottom: 0;} footer .score-propfirmmatch .website-rating-score .score-branch{margin-right: 2px;} footer .score-propfirmmatch .website-rating-score .review-volume{margin-left: 0px; color: #ABB3AE;font-size: 10px;} footer .score-propfirmmatch .widgetimg-box{position: relative;} footer .score-propfirmmatch .widgetimg-box::after{content: ""; position: absolute; width: 1px; height: 100%; background:#2F2C2D;transform: translate(0, -50%);top: 50%;left: calc(100% + 12px);} footer .hr-line{display: none;} .footer-success{background: none;padding: 40px 0;} .footer-success .tnc-share{padding: 0;} @media (max-width: 1400px){ .website-infoBox .infoBox-center .item-wrap{width: calc(50% - 12px); max-width: none;} footer .website-infoBox .infoBox::before{left: -32px;} footer{background: #030e06 url("/images-local/footer-bg-8c966bca02.png") center bottom no-repeat; background-size: contain;} } @media (max-width: 1200px){ footer .website-infoBox{flex-wrap: wrap;} footer .website-infoBox .infoBox-left{max-width: 300px;} .website-infoBox .infoBox-center{width: calc(100% - 333px);max-width: none;} footer .website-infoBox .infoBox::before{left: -49px;} .website-infoBox .infoBox-center .item-wrap{width: calc((100% / 3) - 16px); max-width: none;} .website-infoBox .infoBox-right{width: 100%;max-width: none;} footer .website-infoBox .infoBox-right::before{content: none;} .website-infoBox .infoBox-right .right-box{flex-direction: row; justify-content: space-between;} footer .website-infoBox .infoBox-left{ max-width: 260px; min-width: 260px;} footer .score-widget ul{gap: 60px;justify-content: center;} footer .score-widget .score-liList{width: auto;max-width: none;display: contents;} } @media (max-width: 980px){ footer .score-widget ul{gap: 32px; flex-wrap: wrap;} } @media (max-width: 900px){ .website-infoBox .infoBox-center{width: calc(100% - 292px);justify-content: space-between;} .website-infoBox .infoBox-right .right-box{flex-wrap: wrap;justify-content: left;} .website-infoBox .infoBox-center .item-wrap{width: calc((100% / 2) - 16px);} footer .website-infoBox .infoBox::before{content: none;} } @media (max-width: 790px){ .website-infoBox .infoBox-center .item-wrap{max-width: 162px;} footer .website-infoBox{gap: 20px;} } @media (max-width: 768px){ footer::before{height: 1px;} footer .website-infoBox .infoBox-left{width: 100%;max-width: none;min-width: unset;} .website-infoBox .infoBox-left .logo{margin: auto; margin-bottom: 20px;} .website-infoBox .infoBox-left .productDta{max-width: 100%;} .website-infoBox .infoBox-center{width: 100%; min-width: auto; justify-content: left;} .website-infoBox .infoBox-center .item-wrap{width: calc((100% / 3) - 16px);max-width: none;} .website-infoBox .infoBox-right .right-box{ flex-direction: column;} .website-infoBox .infoBox-right .right-box .listBox h5{text-align: center;} footer .tnc-share .tnc-content{flex-direction: column-reverse;align-items: center;} .website-infoBox .infoBox-right .right-box .listBox ul{justify-content: center;} .website-infoBox .infoBox-right .moneta-box{ margin: auto;} .footer-success{display: none;} } @media (max-width: 510px){ footer{padding: 32px 0; background: #030e06 url("/images-local/footer-bg-Mo-1bfe24189d.png") center bottom no-repeat;} .website-infoBox .infoBox-left .logo a{margin-bottom: 9px;} .website-infoBox .infoBox-left .logo{margin-bottom: 32px;} footer .score-liList .widgetimg-box {width: 27%;} footer .score-propfirmmatch .widgetimg-box{width: fit-content;} footer .score-widget .score-propfirmmatch .score-a{gap: 24px;} footer .score-propfirmmatch .widgetimg-box::after{left: calc(100% + 12px);} .website-infoBox .infoBox-center .item-wrap{width: calc((100% / 2) - 12px);} .website-infoBox .infoBox-right .right-box{gap: 32px;} .website-infoBox .infoBox-right{gap: 42px;} footer .hr-line{display: block;background: linear-gradient(90deg, rgba(58, 63, 59, 0) 0%, #3A3F3B 30%, #3A3F3B 70%, rgba(58, 63, 59, 0) 100%);} footer .website-infoBox{gap: 0;} footer .hr-line2{margin: 32px 0;} footer .score-widget{padding: 32px 0;} footer .tnc-share .tnc-content{gap: 12px;} footer .footer-disclaimer{padding: 0;} footer .footer-disclaimer p{margin-bottom: 32px;} footer .tnc-share .tnc-content .tnc-menu-share{gap: 5px 24px;} } .public-hint-box{padding: 16px;position: fixed;bottom: 90px;right: 20px;z-index: 1000;display: none;border-radius:17px;background: rgba(3, 14, 6,.85);width: 100%;max-width: 395px;} .public-hint-box::before {content: "";position: absolute;inset: 1px;padding: 1px;border-radius: 17px;background: linear-gradient(155deg, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.01) 45%, rgba(255, 255, 255, 0.01) 50%, rgba(255, 255, 255, 0.2) 100%);-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;z-index: -1;} .public-hint{position: relative;z-index:1;} .public-hint p{font-size: 13px; margin-bottom: 13px;font-weight: 400;line-height: 1.4;letter-spacing:0.1px;color: #fff;} .public-hint p a{text-decoration: underline;color: var(--v-green);cursor: pointer;} .public-hint .allow-hint{margin-right: 6px;} .public-hint .allow-hint, .public-hint .decline-hint{font-size:var(--fs-12);padding: 7px 16px;min-width: auto;white-space: nowrap;} @media (max-width: 510px) { .public-hint-box{max-width:stretch;left: 10px;right: 10px;bottom: 10px;} .public-hint p{max-width:90%;} } @media (max-width: 510px){ /* .public-hint{flex-wrap: wrap;justify-content: center;} .public-hint p{text-align: center;} */ }