:root {color-scheme: light;} html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,button{margin:0;padding:0;list-style-type:none;border:none;outline:none;font-family:'Geologica';font-weight: 200;} body{background: #FFFFFF;color: #000000;margin:0;height:100%;padding:0;font-size: 22px;min-width: 300px;font-family:'Geologica';display: inline-block;width: 100%;position: relative;} h1,h2,h3,h4,h5{line-height:normal;font-weight:lighter;font-family:'TT Runs';} h1{font-size: 100px;line-height: 110px;} h2{font-size: 36px;line-height: 50px;} h3{font-size: 24px;line-height: 34px;} h1 span{display:inline-block;} h2 span{display:inline-block;} h3 span{display:inline-block;} a{color: #010113;text-decoration:underline;outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;} a:hover{color: #FF4C00;text-decoration:underline;outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;} a:visited{text-decoration:underline;outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;} a img{border:0 none} div{outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;} div:hover{outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;} div:visited{outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;} div:focus{outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;} /* Fonts */ @font-face {font-family: 'TT Runs'; src: url('../fonts/ttruns/TT_Runs_Black.woff2') format('woff2'), url('../fonts/ttruns/TT_Runs_Black.woff') format('woff'), url('../fonts/ttruns/TT_Runs_Black.ttf') format('truetype');font-weight: normal; font-style: normal;} @font-face {font-family: 'Geologica'; src: url('../fonts/geologica/GeologicaRoman-Regular.woff2') format('woff2'), url('../fonts/geologica/GeologicaRoman-Regular.woff') format('woff'), url('../fonts/geologica/GeologicaRoman-Regular.ttf') format('truetype');font-weight: 200; font-style: normal;} @font-face {font-family: 'Geologica'; src: url('../fonts/geologica/GeologicaRoman-SemiBold.woff2') format('woff2'), url('../fonts/geologica/GeologicaRoman-SemiBold.woff') format('woff'), url('../fonts/geologica/GeologicaRoman-SemiBold.ttf') format('truetype');font-weight: 400; font-style: normal;} /* ******* ******* ******* HEADER ******* ******* ******* */ header{display: inline-block;margin: 100px 0px 0px 0px;height: 95px;position: absolute;z-index: 5000;left: 0px;right: 0px;width: 100%;} .header{display: inline-block;z-index: 4000;width: 100%;} .header.fixed{position: fixed;left: 0px;top: 0px;} .header .logotype-and-nav::before{content:'';transition: all .2s ease-in-out;display: inline-block;width: calc(100% - 72px);position: absolute;top: 0px;height: 71px;left: 33px;background: rgba(255, 255, 255, 0.0);backdrop-filter: blur(0px);-webkit-backdrop-filter: blur(0px);border-radius: 60px;margin: 13px 0px 0px 0px;} .header.background .logotype-and-nav::before{content:'';background: rgba(255, 255, 255, 0.8);backdrop-filter: blur(10px);transition: all .5s ease-in-out;-webkit-backdrop-filter: blur(10px);} /* Logotype & nav */ .logotype-and-nav{margin: 0 auto;max-width: 1420px;position: relative;z-index: 100;width: 100%;display: flex;flex-direction: row;justify-content: space-around;} /* Header logotype */ header .logotype{z-index: 200;float: left;left: 0px;padding: 30px 0px 30px 50px;margin: 0px 0px 0px 0px;position: relative;display: flex;} header .logotype div{width: 215px;height: 35px;display: inline-block;float: left;background-repeat: no-repeat;background-size: 215px 35px;} .header.fixed .logotype{cursor: pointer;} .logotype-colorfull {background-image: url('data:image/svg+xml;charset=utf-8, ');} /* Nav getcard */ .nav-getcard{margin: 23px 50px 0px 0px;white-space: nowrap;} .nav-getcard a{position: relative;display: inline-block;float: left;border-radius: 30px;font-size: 16px;color: #FFF;text-decoration: none;line-height: 11px;padding: 20px 20px 20px 20px;background: #FF4C00;transition: all .1s ease-in-out;} .nav-getcard a:hover{background: #000000;} /* ******* ******* ******* NAV ******* ******* ******* */ nav > ul > li > a:hover::before{opacity: 1;} .submenu-0lvl ul li.active > a{opacity: 1;} nav ul.nav-menu li.active ul{display: inline-block;} nav{margin: 0 auto;position: relative;z-index: 100;width: 100%;height: 0px;display: flex;} .nav-menu{margin: 0px 0px 0px 0px;text-align: center;display: flex;width: 100%;justify-content: center;} nav ul li{display: inline-block;position: relative;} nav ul li.active > a{color: #FF4C00;} nav ul li.active > a::before{content:'';background-color: #fff;border: 1px solid rgba(1, 1, 19, 0.05);width: calc(100% - 10px);display: inline-block;height: 49px;position: absolute;border-radius: 30px;z-index: -1;left: 5px;top: 23px;} nav ul li ul li.active > a::before{display:none} nav ul li > a{padding: 43px 25px 25px 25px;margin: 0px 0px 0px 0px;position: relative;transition: all .2s ease-in-out;color: #010113;text-decoration: none;font-weight: 200;font-size: 16px;line-height: 11px;letter-spacing: -2%;float: left;display: inline-block;user-select: none;} nav ul li > a:hover{text-decoration: none;color: #FF4C00;} nav ul li:hover > a{color: #FF4C00;} nav ul li:hover ul{opacity: 1;visibility: visible;top: 79px;} nav ul li > a.active {color: #FF4C00;} nav ul li ul{opacity: 0;visibility: hidden;position: absolute;top: 74px;text-align: center;left: 50%;transform: translate(-50%, 0px);border-radius: 20px;width: 240px;backdrop-filter: blur(15px);transition: all .2s ease-in-out;background-color: #fff;filter: drop-shadow(0px 20px 100px rgba(1, 1, 19, 0.08));} nav ul li ul li{display: inline-block;float: left;width: 100%;} nav ul li ul li > a{padding: 25px 25px 25px 25px;width: calc(100% - 50px);} .nav-background{display: inline-block;z-index: -200;left: 0px;float: left;position: fixed;top: 0px;height: 100vh;width: 100%;visibility: hidden;opacity: 0;} .nav-background.active{visibility: visible;opacity: 1;} .card:after{content:'';background-image: url('data:image/svg+xml;charset=utf-8, ');background-size: 11px 6px;width: 11px;height: 6px;display: inline-block;float: right;background-repeat: no-repeat;margin: 4px 0px 0px 10px;z-index: 100;position: relative;} nav ul li:hover .card:after{background-image: url('data:image/svg+xml;charset=utf-8, ');} nav ul li a.card{cursor: default;} .nav-menu .cardforgames span{color: #9047FF;} .nav-menu .cardforsubscriptions span{color: #FF4C00;} .nav-menu .cardfortravel span{color: #0D73FE;} /* Responsive nav */ .nav-button{display: none;} .nav-background.active::after{visibility: visible;opacity: 1;} .nav-background::after {content: '';background-color: rgba(24, 25, 31, 0.8);width: 100%;height: 100%;position: fixed;left: 0px;top: 0px;visibility: hidden;opacity: 0;z-index: 100;transition: all .2s ease-in-out;backdrop-filter: blur(20px);} /* Icons */ .platika{background-image: url('data:image/svg+xml;charset=utf-8, ');} .chatgpt{background-image: url('data:image/svg+xml;charset=utf-8, ');} .chatgpt2{background-image: url('data:image/svg+xml;charset=utf-8, ');} .midjourney{background-image: url('data:image/svg+xml;charset=utf-8, ');} .steam{background-image: url('data:image/svg+xml;charset=utf-8, ');} .appstore{background-image: url('data:image/svg+xml;charset=utf-8, ');} .appstore2{background-image: url('data:image/svg+xml;charset=utf-8, ');} .googleplay{background-image: url('data:image/svg+xml;charset=utf-8, ');} .google{background-image: url('data:image/svg+xml;charset=utf-8, ');} .youtube{background-image: url('data:image/svg+xml;charset=utf-8, ');} .spotify{background-image: url('data:image/svg+xml;charset=utf-8, ');} .adobe{background-image: url('data:image/svg+xml;charset=utf-8, ');} .adobe2{background-image: url('data:image/svg+xml;charset=utf-8, ');} .adobe3{background-image: url('data:image/svg+xml;charset=utf-8, ');} .booking{background-image: url('data:image/svg+xml;charset=utf-8, ');} .airbnb{background-image: url('data:image/svg+xml;charset=utf-8, ');} .airbnb2{background-image: url('data:image/svg+xml;charset=utf-8, ');} .netflix{background-image: url('data:image/svg+xml;charset=utf-8, ');} .sbp{background-image: url('data:image/svg+xml;charset=utf-8, ');} .starmark{background-image: url('data:image/svg+xml;charset=utf-8, ');} .starmark2{background-image: url('data:image/svg+xml;charset=utf-8, ');} .starmark3{background-image: url('data:image/svg+xml;charset=utf-8, ');} .starmark4{background-image: url('data:image/svg+xml;charset=utf-8, ');} .сheckmark{background-image: url('data:image/svg+xml;charset=utf-8, ');} .planet{background-image: url('../images/planet.png');} .exchange{background-image: url('data:image/svg+xml;charset=utf-8, ');} .gpay{background-image: url('data:image/svg+xml;charset=utf-8, ');} .applepay{background-image: url('data:image/svg+xml;charset=utf-8, ');} .thunder{background-image: url('data:image/svg+xml;charset=utf-8, ');} .thunder2{background-image: url('data:image/svg+xml;charset=utf-8, ');} .tripcom{background-image: url('data:image/svg+xml;charset=utf-8, ');} .agoda{background-image: url('data:image/svg+xml;charset=utf-8, ');} .aviasales{background-image: url('data:image/svg+xml;charset=utf-8, ');} .notion{background-image: url('data:image/svg+xml;charset=utf-8, ');} .claude{background-image: url('data:image/svg+xml;charset=utf-8, ');} .uber{background-image: url('data:image/svg+xml;charset=utf-8, ');} .grab{background-image: url('data:image/svg+xml;charset=utf-8, ');} .canva{background-image: url('data:image/svg+xml;charset=utf-8, ');} .microsoft{background-image: url('data:image/svg+xml;charset=utf-8, ');} .steam3{background-image: url('data:image/svg+xml;charset=utf-8, ');} .playstation2{background-image: url('data:image/svg+xml;charset=utf-8, ');} .roblox{background-image: url('data:image/svg+xml;charset=utf-8, ');} .battlenet{background-image: url('data:image/svg+xml;charset=utf-8, ');} .bolt{background-image: url('data:image/svg+xml;charset=utf-8, ');} .emirates{background-image: url('data:image/svg+xml;charset=utf-8, ');} .icnturkish{background-image: url('data:image/svg+xml;charset=utf-8, ');} .qatarairways{background-image: url('data:image/svg+xml;charset=utf-8, ');} .wizz{background-image: url('data:image/svg+xml;charset=utf-8, ');} .klook{background-image: url('data:image/svg+xml;charset=utf-8, ');} .epicgames{background-image: url('data:image/svg+xml;charset=utf-8, ');} .errorpayments{background-image: url('data:image/svg+xml;charset=utf-8, ');} .topupbalance{background-image: url('data:image/svg+xml;charset=utf-8, ');} .xbox{background-image: url('data:image/svg+xml;charset=utf-8, ');} .discord{background-image: url('data:image/svg+xml;charset=utf-8, ');} .twitch{background-image: url('data:image/svg+xml;charset=utf-8, ');} .playstation{background-image: url('data:image/svg+xml;charset=utf-8, ');} .telegram{background-image: url('data:image/svg+xml;charset=utf-8, ');} .telegramwhite{background-image: url('data:image/svg+xml;charset=utf-8, ');} .website{background-image: url('data:image/svg+xml;charset=utf-8, ');} .email{background-image: url('data:image/svg+xml;charset=utf-8, ');} .vk{background-image: url('data:image/svg+xml;charset=utf-8, ');} .instagram{background-image: url('data:image/svg+xml;charset=utf-8, ');} /* Firmstylee */ .firmstyleelementone{background-image: url('data:image/svg+xml;charset=utf-8, ');} .firmstyleelementtwo{background-image: url('data:image/svg+xml;charset=utf-8, ');} /* ******* ******* ******* MAIN ******* ******* ******* */ main{position: relative;float: left;width: 100%;overflow: hidden;display: inline-block;display: flex;flex-direction: column;align-items: center;min-height: 1680px;} section{width: 100%;position: relative;margin: 0 auto;display: block;text-align: center;} /* H1 */ .h1-container{width: calc(100% - 100px);position: relative;margin: 50px 50px 0px 50px;background: linear-gradient(357deg, rgb(255 255 255) 0%, rgb(250 250 250) 80%), rgba(255, 255, 255, 0.2);border-radius: 150px;transition: all .3s ease-in-out;background-color: #ffffff;overflow: hidden;min-height: 1030px;} .h1-container::before{content:'';width: 100%;position: absolute;bottom: 0px;opacity: 1;height: 275px;left: 0px;background: linear-gradient(0deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.0) 88%);z-index: 200;} .h1-container::after{content: '';} .h1{display: inline-block;max-width: 1370px;width: 100%;position: relative;} .h1-elements{position: absolute;width: calc(100% - 50px);margin: 0px 25px 0px 25px;height: 100%;max-width: 1370px;display: inline-block;left: 0px;} .h1-element-one{position: absolute;background-repeat: no-repeat;width: 188px;height: 86px;display: inline-block;left: 0px;background-image: url('data:image/svg+xml;charset=utf-8, ');z-index: 200;top: 265px;} .h1-element-two{position: absolute;right: 0px;font-size: 45px;letter-spacing: -1%;z-index: 200;cursor: default;top: 280px;} .h1-element-three{position: absolute;width: 1555px;height: 1610px;display: inline-block;left: 215px;top: -318px;background-repeat: no-repeat;background-size: contain;z-index: 100;} .h1-element-four{position: absolute;width: 1555px;height: 1610px;display: inline-block;left: 41%;top: 10px;background-repeat: no-repeat;background-size: contain;z-index: 50;} .icon-h1{display: inline-block;height: 100px;width: 100px;background-position: 50% 50%;margin: 0px 0px -15px 0px;background-size: 100%;background-repeat: no-repeat;} .h1 h1{margin: 450px auto 0px auto;position: relative;width: 100%;color: #010113;text-align: center;z-index: 200;display: inline-block;} .h1 h1 span{display: inline-block;position: relative;} .h1 h1 span:nth-child(1){text-align: right;} .h1-title-box span:nth-child(2){color: #FF4C00;text-align: left;font-family: 'TT Runs';text-shadow: 0px 138px 250px rgba(255, 76, 0, 0.8);display: initial;} .h1-title-box:nth-child(11) span:nth-child(1){color: #FF4C00;text-align: left;font-family: 'TT Runs';text-shadow: 0px 138px 250px rgba(255, 76, 0, 0.8);} .effect .h1-title-box:nth-child(11) span:nth-child(1){left: 0px;} .effect.active-h1-title-box-one .h1-title-box:nth-child(1){opacity: 1;} .effect.active-h1-title-box-two .h1-title-box:nth-child(2){opacity: 1;} .effect.active-h1-title-box-three .h1-title-box:nth-child(3){opacity: 1;} .effect.active-h1-title-box-four .h1-title-box:nth-child(4){opacity: 1;} .effect.active-h1-title-box-five .h1-title-box:nth-child(5){opacity: 1;} .effect.active-h1-title-box-six .h1-title-box:nth-child(6){opacity: 1;} .effect.active-h1-title-box-seven .h1-title-box:nth-child(7){opacity: 1;} .effect.active-h1-title-box-eight .h1-title-box:nth-child(8){opacity: 1;} .effect.active-h1-title-box-nine .h1-title-box:nth-child(9){opacity: 1;} .effect.active-h1-title-box-ten .h1-title-box:nth-child(10){opacity: 1;} .effect.active-h1-title-box-eleven .h1-title-box:nth-child(11){opacity: 1;} .effect .h1-title-container-box{transition: all .4s cubic-bezier(0.68, -0.55, 0.27, 1.55);position: relative;width: 900px;} h1.effect.active-h1-title-box-one span:nth-child(1){left: 142px;} h1.effect.active-h1-title-box-two span:nth-child(1){left: 26px;} h1.effect.active-h1-title-box-three span:nth-child(1){left: 195px;} h1.effect.active-h1-title-box-four span:nth-child(1){left: 87px;} h1.effect.active-h1-title-box-five span:nth-child(1){left: 14px;} h1.effect.active-h1-title-box-six span:nth-child(1){left: 127px;} h1.effect.active-h1-title-box-seven span:nth-child(1){left: 166px;} h1.effect.active-h1-title-box-eight span:nth-child(1){left: 188px;} h1.effect.active-h1-title-box-nine span:nth-child(1){left: 126px;} h1.effect.active-h1-title-box-ten span:nth-child(1){left: 185px;} h1.effect.active-h1-title-box-eleven span:nth-child(1){left: 402px;} .h1-title-box .icon-h1{display: inline-block;} .h1-getcard{margin: 60px auto 0px auto;position: relative;width: 100%;color: #010113;text-align: center;z-index: 200;display: inline-block;} .h1-getcard a{position: relative;display: inline-block;border-radius: 86px;font-size: 24px;letter-spacing: -2%;color: #FFF;text-decoration: none;line-height: 16px;padding: 40px 40px 40px 40px;background: #FF4C00;transition: all .1s ease-in-out;white-space: nowrap;} .h1-getcard a::after{content: '';background-image: url('data:image/svg+xml;charset=utf-8, ');width: 37px;height: 22px;background-size: 37px 22px;background-repeat: no-repeat;display: inline-block;margin: -1px 0px -4px 8px;top: -1px;position: relative;} .h1-getcard a:hover{background: #000000;} .h1-benefits{margin: 207px auto 80px auto;position: relative;width: 100%;color: #010113;text-align: center;z-index: 200;font-size: 21px;letter-spacing: -2%;line-height: 25px;display: inline-block;} .h1-benefits-one{display: inline-block;position: relative;z-index: 200;} .h1-benefits-two{display: inline-block;margin: 0px 60px 0px 60px;position: relative;z-index: 200;} .h1-benefits-three{display: inline-block;position: relative;z-index: 200;} .h1-benefits-one .starmark {width: 22px;height: 22px;background-size: contain;background-repeat: no-repeat;display: inline-block;margin: 0px 9px -4px 0px;top: 0px;position: relative;} .h1-benefits-two .starmark {width: 22px;height: 22px;background-size: contain;background-repeat: no-repeat;display: inline-block;margin: 0px 9px -4px 0px;top: 0px;position: relative;} .h1-benefits-three .сheckmark{width: 22px;height: 22px;background-size: contain;background-repeat: no-repeat;display: inline-block;margin: 0px 9px -4px 0px;top: 0px;position: relative;} h1.effect span:nth-child(1){position: relative;top: 0px;left: 0px;} .effect .h1-title-box:nth-child(1){width: 640px;} .effect .h1-title-box:nth-child(2){width: 870px;} .effect .h1-title-box:nth-child(3){width: 530px;} .effect .h1-title-box:nth-child(4){width: 750px;} .effect .h1-title-box:nth-child(5){width: 900px;} .effect .h1-title-box:nth-child(6){width: 670px;} .effect .h1-title-box:nth-child(7){width: 590px;} .effect .h1-title-box:nth-child(8){width: 550px;} .effect .h1-title-box:nth-child(9){width: 670px;} .effect .h1-title-box:nth-child(10){width: 550px;} .effect .h1-title-box:nth-child(11){width: 160px;} .effect .h1-title-box{transition: opacity .3s ease-in-out 0.0s, left 0.4s ease-in-out 0.0s;opacity: 0;width: 0px;position: absolute;top: 0px;left: 50%;transform: translate(-50%, 0px);} h1.effect span:nth-child(1){transition: left 0.4s cubic-bezier(0.68, -0.55, 0.33, 1.53), top 0.4s cubic-bezier(0.68, -0.55, 0.33, 1.53);} .h1-title-container-box{display: inline-block;height: 91px;} .effect .h1-title-box .icon-h1.googleplay{border-radius: 20px;} /* About card */ .aboutcard-container{width: 100%;position: relative;z-index: 300;display: inline-block;} .aboutcard-container::after{content: '';} .aboutcard{max-width: 1320px;color: #010113;text-align: center;z-index: 200;width: calc(100% - 100px);position: relative;padding: 0px 50px 0px 50px;display: inline-block;} .aboutcard h2{color:#010113;margin: -13px auto -13px auto;display: inline-block;text-align: center;width: calc(100% - 110px);position: relative;font-size: 39px;line-height: 55px;z-index: 200;} .aboutcard h2 span{display: inline-block;} .subtitle{color:#010113;margin: 44px 0px 0px 0px;display: inline-block;text-align: center;width: 100%;position: relative;z-index: 200;} .subtitle p {display: inline-block;width: 100%;margin: -6px 0px -6px 0px;font-size: 18px;line-height: 25px;letter-spacing: -2%;} .subtitle p span{display:inline-block;} .aboutcard.paymentmethods{margin: 190px auto 0px auto;} .aboutcard-box-container{width: 100%;position: relative;z-index: 500;display: flex;margin: 94px 0px 0px 0px;flex-wrap: wrap;} .aboutcard-box{text-align: left;display: flex;background-color: #FFF;padding: 50px;border-radius: 40px;filter: drop-shadow(0px 20px 100px rgba(1, 1, 19, 0.08));background-position: 50%;flex-direction: column;overflow: hidden;position: relative;min-height: 182px;} .aboutcard-box:nth-child(1){width: calc(33.33% - 110px);margin: 0px 10px 0px 0px;} .aboutcard-box:nth-child(2){width: calc(33.33% - 120px);margin: 0px 10px 0px 10px;} .aboutcard-box:nth-child(3){width: calc(33.33% - 110px);margin: 0px 0px 0px 10px;} .aboutcard-box:nth-child(4){width: calc(50% - 110px);margin: 20px 10px 0px 0px;} .aboutcard-box:nth-child(5){width: calc(50% - 110px);margin: 20px 0px 0px 10px;} .aboutcard-box:nth-child(1) p{max-width: 240px;} .aboutcard-box:nth-child(2) p{max-width: 320px;margin: 34px 0px 53px 0px;} .aboutcard-box:nth-child(3) p{max-width: 250px;} .aboutcard-box:nth-child(4) p{max-width: 329px;} .aboutcard-box:nth-child(5) p{max-width: 279px;} .aboutcard-box:nth-child(3) h3{max-width: 230px;} .aboutcard-box:nth-child(4) h3{max-width: 260px;} .aboutcard-box:nth-child(5) h3{max-width: 220px;} .aboutcard-box span{display:inline-block} .aboutcard-box h3{font-family: 'Geologica';color: #010113;display: inline-block;float: left;width: 100%;margin: -8px 0px -9px 0px;font-weight: 400;z-index: 300;} .aboutcard-box p{font-size: 16px;line-height: 25px;letter-spacing: -2%;color: rgba(1, 1, 19, 0.7);display: inline-block;float: left;width: 100%;margin: 34px 0px -7px 0px;z-index: 400;} .aboutcard-box-exchangerates{display: inline-block;float: left;margin: 0px 0px 0px 0px;padding: 30px 26px 30px 26px;width: calc(100% - 52px);filter: drop-shadow(0px 20px 100px rgba(1, 1, 19, 0.08));border: 1px solid rgba(1, 1, 19, 0.05);border-radius: 35px;position: relative;z-index: 300;color: #010113;background-color: #FFF;} .aboutcard-box-exchangerates-currency{display: inline-block;float: left;width: calc(100% - 76px);font-size: 18px;line-height: 13px;letter-spacing: -2%;margin: 0px 0px 0px 30px;} .aboutcard-box-exchangerates-price{color: rgba(1, 1, 19, 0.5);display: inline-block;float: left;font-size: 16px;line-height: 11px;letter-spacing: -2%;margin: 10px 0px 0px 30px;} .aboutcard-elements{position: absolute;width: 100%;height: 100%;max-width: 1420px;display: inline-block;left: 0px;z-index: 100;} .aboutcard-element-one{position: absolute;width: 144px;height: 144px;display: inline-block;background-size: 54px 97px;left: -58px;top: -78px;background-repeat: no-repeat;background-color: #FFF;padding: 0px;border-radius: 40px;filter: drop-shadow(0px 20px 50px rgba(1, 1, 19, 0.08));background-position: 50%;transform: rotate(-30deg);} .aboutcard-element-two{position: absolute;width: 144px;height: 144px;display: inline-block;background-size: 108px 108px;background-repeat: no-repeat;background-color: #FFF;padding: 0px;background-position: 50%;right: -40px;top: -67px;transform: rotate(-15deg);} .aboutcard-element-three{position: absolute;width: 106px;height: 106px;display: inline-block;background-size: 106px 106px;left: 174px;top: 135px;background-repeat: no-repeat;padding: 0px;border-radius: 80px;background-position: 50%;overflow: hidden;transform: rotate(24deg);} .aboutcard-element-four{position: absolute;width: 134px;height: 134px;display: inline-block;background-size: 88px 88px;right: 137px;top: 128px;background-repeat: no-repeat;background-color: #FFF;padding: 0px;border-radius: 40px;filter: drop-shadow(0px 15px 76px rgba(1, 1, 19, 0.08));background-position: 50%;transform: rotate(30deg);} .aboutcard-element-five{position: absolute;width: 413px;height: 236px;display: inline-block;background-size: 413px;background-repeat: no-repeat;background-position: 50%;left: 2px;bottom: -51px;} .aboutcard-element-six{position: relative;width: 46px;height: 36px;display: inline-block;float: left;background-size: 46px 36px;background-repeat: no-repeat;background-position: 50%;right: 0px;bottom: 0px;} .aboutcard-element-seven{position: absolute;width: 242px;height: 300px;display: inline-block;background-size: 242px 300px;background-repeat: no-repeat;background-position: 50%;right: -19px;bottom: -79px;transform: rotate(-15deg);} .aboutcard-element-twenty{position: absolute;width: 307px;height: 178px;display: inline-block;float: left;background-size: contain;background-image: url('../images/cardfour.jpg');background-repeat: no-repeat;background-position: 50%;right: -46px;top: 54px;border-radius: 25px;transform: rotate(9deg);} .aboutcard-element-ten{position: absolute;width: 85px;height: 85px;display: inline-block;background-size: 85px 85px;background-repeat: no-repeat;background-position: 50%;right: 74px;top: 45px;border-radius: 12px;transform: rotate(-30deg);} .aboutcard-element-eleven{position: absolute;width: 182px;height: 182px;display: inline-block;background-size: 182px 182px;background-repeat: no-repeat;background-position: 50%;right: 90px;bottom: -64px;border-radius: 12px;transform: rotate(15deg);} /* Card issuance */ .cardissuance-container{width: 100%;position: relative;z-index: 200;display: inline-block;background-color: #FF4C00;border-radius: 0px 0px 80px 80px;overflow: hidden;margin: 87px 0px 0px 0px;} .cardissuance-container::before{content: '';width: 100%;position: relative;z-index: 300;height: 98px;float: left;display: inline-block;background-color: #ffffff;border-radius: 0px 0px 80px 80px;} .cardissuance-container::after{content: '';} .cardissuance h2{position: relative;z-index: 300;font-size: 55px;line-height: 76px;color: #FFF;margin: -19px auto 0px auto;width: calc(100% - 100px);display: inline-block;max-width: 1150px;} .cardissuance{max-width: 1420px;color: #010113;text-align: center;z-index: 200;width: calc(100% - 0px);position: relative;display: inline-block;margin: 60px 0px 50px 0px;} .cardissuance-elements{position: absolute;width: 100%;height: 100%;max-width: 1420px;display: inline-block;left: 0px;z-index: 100;} .cardissuance-element-one{background-image: url('data:image/svg+xml;charset=utf-8, ');position: absolute;width: 2114px;height: 1870px;display: inline-block;left: -398px;top: -394px;background-repeat: no-repeat;background-size: contain;z-index: 100;opacity: 0.1;} .cardissuance-element-two{position: absolute;width: 1555px;height: 1610px;display: inline-block;left: 49%;top: -18px;background-repeat: no-repeat;background-size: contain;z-index: 150;} .cardissuance-demonstration{width: 2130px;float: left;display: inline-block;transform: rotate(-4deg) translate(-50%, 0%);left: 50%;position: relative;margin: -30px 0px 93px 0px;z-index: 300;} .cardissuance-demonstration-one{background-image: url(../images/cardone.jpg);width: 690px;height: 400px;display: inline-block;float: left;background-size: 690px;background-repeat: no-repeat;background-position: 50%;position: relative;border-radius: 64px;margin: 0px 10px 0px 10px;} .cardissuance-demonstration-title{display: inline-block;min-width: max-content;padding: 40px 30px 40px 30px;border: 1px solid rgba(1, 1, 19, 0.05);border-radius: 60px;position: relative;z-index: 300;color: #000000;background-color: rgb(255, 255, 255, 0.8);font-size: 18px;line-height: 13px;filter: drop-shadow(0px 28px 60px rgba(1, 1, 19, 0.05));backdrop-filter: blur(16px);} .cardissuance-demonstration-one .cardissuance-demonstration-title-emoji{background-image: url(../images/emoji-four.png);width: 36px;height: 36px;display: inline-block;float: right;background-size: 36px;background-repeat: no-repeat;background-position: 50%;position: relative;margin: -12px 0px -12px 15px;/* top: -10px; */} .cardissuance-demonstration-two .cardissuance-demonstration-title-emoji{background-image: url(../images/emoji-three.png);width: 36px;height: 36px;display: inline-block;float: right;background-size: 36px;background-repeat: no-repeat;background-position: 50%;position: relative;margin: -12px 0px -12px 15px;} .cardissuance-demonstration-three .cardissuance-demonstration-title-emoji{background-image: url(../images/emoji-five.png);width: 36px;height: 36px;display: inline-block;float: right;background-size: 36px;background-repeat: no-repeat;background-position: 50%;position: relative;margin: -12px 0px -12px 15px;} .cardissuance-demonstration-two{background-image: url(../images/cardtwo.jpg);width: 690px;height: 400px;display: inline-block;float: left;background-size: 690px;background-repeat: no-repeat;background-position: 50%;position: relative;border-radius: 64px;margin: 0px 10px 0px 10px;filter: drop-shadow(0px 93px 260px rgba(1, 1, 19, 0.2));} .cardissuance-demonstration-three{background-image: url(../images/cardthree.jpg);width: 690px;height: 400px;display: inline-block;float: left;background-size: 690px;background-repeat: no-repeat;background-position: 50%;position: relative;border-radius: 64px;margin: 0px 10px 0px 10px;filter: drop-shadow(0px 93px 260px rgba(1, 1, 19, 0.2));} .cardissuance-box-container{float: left;width: calc(100% - 100px);position: relative;z-index: 300;display: inline-block;margin: 22px 50px 0px 50px;} .cardissuance-box{text-align: left;display: flex;background-color: #FFF;padding: 40px;border-radius: 40px;overflow: hidden;width: calc(25% - 100px);margin: 10px 10px 10px 10px;position: relative;flex-direction: column;align-items: flex-start;} .cardissuance-box{min-height: 470px;} .cardissuance-box:nth-child(1)::before{content:'';width: 100%;position: absolute;bottom: 0px;opacity: 1;height: 244px;left: 0px;background: linear-gradient(0deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.0) 88%);z-index: 200;} .cardissuance-element-num{position: absolute;width: 51px;height: 51px;display: inline-block;background-size: 88px 88px;right: 40px;top: 40px;background-repeat: no-repeat;color: #FF4C00;background-color: rgb(255 76 0 / 10%);padding: 0px;border-radius: 40px;filter: drop-shadow(0px 15px 76px rgba(1, 1, 19, 0.08));background-position: 50%;text-align: center;font-size: 24px;line-height: 52px;font-weight: 400;} .cardissuance-box h3{margin: -8px 0px -9px 70px;} .cardissuance-box-element-one{background-image: url(../images/cardissuanceboxelementtwo.png);width: 537px;height: 572px;display: inline-block;float: left;background-size: contain;background-repeat: no-repeat;background-position: 50%;position: absolute;bottom: -158px;left: -155px;transform: rotate(-15deg);} .cardissuance-box-element-two{width: 285px;border-radius: 34px;height: 165px;background-size: 285px;margin: 0px 0px 0px 0px;position: absolute;bottom: -13px;left: -94px;transform: rotate(15deg);z-index: 200;} .cardissuance-box-element-three{width: 285px;border-radius: 34px;height: 165px;background-size: 285px;margin: 0px 0px 0px 0px;position: absolute;bottom: 169px;left: calc(50% - 6px);z-index: 100;transform: rotate(-22deg) translate(-50%, 0px);} .cardissuance-box-element-four{width: 285px;border-radius: 34px;height: 165px;background-size: 285px;margin: 0px 0px 0px 0px;position: absolute;bottom: -16px;right: -101px;transform: rotate(-21deg);z-index: 300;} .cardissuance-box-element-five{background-image: url(../images/cardissuanceboxelementone.jpg);width: 310px;height: 344px;display: inline-block;float: left;background-size: contain;background-repeat: no-repeat;background-position: 50%;position: absolute;bottom: -79px;left: calc(50% + 27px);transform: rotate(-8deg) translate(-50%, 0px);border-radius: 40px;} .cardissuance-box-element-six{position: absolute;width: 78px;height: 78px;display: inline-block;background-size: 78px 78px;background-repeat: no-repeat;padding: 0px;background-position: 50%;right: 46px;bottom: 237px;transform: rotate(-15deg);} .cardissuance-box-element-seven{display: inline-block;background-size: 51px 91px;background-repeat: no-repeat;padding: 0px;border-radius: 50px;background-position: 50%;float: left;background-color: #000000;width: 135px;height: 135px;margin: 0px 0px 0px 0px;bottom: 162px;left: 18px;position: absolute;transform: rotate(-30deg);} .cardissuance-box-element-eight{position: absolute;width: 172px;height: 172px;display: inline-block;background-size: 112px 112px;background-repeat: no-repeat;background-color: #FFF;padding: 0px;border-radius: 55px;filter: drop-shadow(0px 15px 76px rgba(1, 1, 19, 0.08));background-position: 50%;transform: rotate(30deg);bottom: 39px;right: -52px;} .cardissuance-box-element-nine{position: absolute;width: 106px;height: 106px;display: inline-block;background-size: 106px 106px;background-repeat: no-repeat;padding: 0px;border-radius: 80px;background-position: 50%;overflow: hidden;transform: rotate(24deg);z-index: 300;bottom: 17px;left: 40px;} .cardissuance-box .cardissuance-demonstration-title{padding: 30px 20px 30px 20px;} .cardissuance-box:nth-child(1) .cardissuance-demonstration-title{padding: 30px 20px 30px 20px;transform: rotate(12deg) translate(-50%, 0px);z-index: 300;position: absolute;bottom: 208px;left: 50%;} .cardissuance-box:nth-child(2) .cardissuance-demonstration-title{padding: 30px 20px 30px 20px;transform: rotate(-9deg) translate(-50%, 0px);z-index: 300;position: absolute;bottom: 234px;left: 50%;} .cardissuance-box:nth-child(3) .cardissuance-demonstration-title{padding: 30px 20px 30px 20px;transform: rotate(8deg) translate(-50%, 0px);z-index: 300;position: absolute;bottom: 217px;left: 50%;} .cardissuance-box:nth-child(2) .cardissuance-demonstration-title-emoji{background-image: url(../images/emoji-two.png);width: 36px;height: 36px;display: inline-block;float: right;background-size: 36px;background-repeat: no-repeat;background-position: 50%;position: relative;margin: -12px 0px -12px 15px;/* top: -10px; */} .cardissuance-box:nth-child(1) .cardissuance-demonstration-title-emoji{background-image: url(../images/emoji-four.png);width: 36px;height: 36px;display: inline-block;float: right;background-size: 36px;background-repeat: no-repeat;background-position: 50%;position: relative;margin: -12px 0px -12px 15px;} .cardissuance-box:nth-child(3) .cardissuance-demonstration-title-emoji{background-image: url(../images/emoji-five.png);width: 36px;height: 36px;display: inline-block;float: right;background-size: 36px;background-repeat: no-repeat;background-position: 50%;position: relative;margin: -12px 0px -12px 15px;} .cardissuance-box .h1-getcard{margin: 0px auto 0px auto;position: absolute;left: 30px;bottom: 30px;width: calc(100% - 60px);} .cardissuance-box .h1-getcard a{font-size: 16px;padding: 21px 30px 22px 30px;line-height: 18px;width: calc(100% - 60px);} .cardissuance-box .h1-getcard a::after{width: 14px;height: 10px;background-size: 14px 10px;margin: -4px 0px -4px 2px;top: -3px;} .cardissuance-box h3{font-family: 'Geologica';color: #010113;display: inline-block;float: left;width: calc(100% - 61px);margin: -8px 0px -9px 0px;font-weight: 400;max-width: 180px;} .cardissuance-box p{font-size: 16px;line-height: 25px;letter-spacing: -2%;color: rgba(1, 1, 19, 0.7);display: inline-block;float: left;width: 100%;margin: 33px 0px -7px 0px;max-width: 420px;} .cardissuance-box span{display:inline-block} .cardissuance-track{float: left;width: calc(100% + 20px);position: relative;z-index: 300;display: flex;margin: 0px 0px 0px -10px;flex-wrap: wrap;} .cardissuance-box-controller{width: calc(100% + 0px);display: none;position: relative;margin: 34px 0px 23px 0px;z-index: 500;} .cardissuance-box-controller-left{position: absolute;width: 46px;height: 46px;display: inline-block;background-size: 88px 88px;left: 30px;top: 0px;background-repeat: no-repeat;color: #FF4C00;padding: 0px;border-radius: 40px;filter: drop-shadow(0px 15px 76px rgba(1, 1, 19, 0.08));background-position: 50%;text-align: center;font-size: 24px;line-height: 52px;/* background-color: #FFFFFF; */font-weight: 400;border: 2px solid rgba(255, 255, 255, 0.5);transition: all .2s ease-in-out;cursor: pointer;} .cardissuance-box-controller-right{position: absolute;width: 46px;height: 46px;display: inline-block;background-size: 88px 88px;right: 30px;top: 0px;background-repeat: no-repeat;color: #FF4C00;padding: 0px;border-radius: 40px;filter: drop-shadow(0px 15px 76px rgba(1, 1, 19, 0.08));background-position: 50%;text-align: center;font-size: 24px;line-height: 52px;/* background-color: #FFFFFF; */font-weight: 400;border: 2px solid rgba(255, 255, 255, 0.5);transition: all .2s ease-in-out;cursor: pointer;} .cardissuance-box-controller-left:hover{border: 2px solid rgba(255, 255, 255, 1.0);} .cardissuance-box-controller-right:hover{border: 2px solid rgba(255, 255, 255, 1.0);} .cardissuance-dots{display: inline-block;position: absolute;top: 0px;left: 50%;transform: translate(-50%, 0px);margin: 17px 0px 0px 0px;} .cardissuance-dot{width: 16px;height: 16px;display: inline-block;background-size: 88px 88px;background-repeat: no-repeat;margin: 0px 4px 0px 4px;color: #FF4C00;float: left;padding: 0px;border-radius: 40px;cursor: pointer;text-align: center;background-color: rgba(255, 255, 255, 0.4);transition: all .1s ease-in-out;} .cardissuance-dot.active{background-color: rgba(255, 255, 255, 1.0);} .cardissuance-box-controller-left::after {width: 11px;height: 6px;background-size: 11px 6px;opacity: 0.5;position: absolute;left: calc(50% - 5px);content: '';top: calc(50% - 3px);transition: all .1s ease-in-out;background-repeat: no-repeat;transform: rotate(90deg);transition: all .2s ease-in-out;background-image: url('data:image/svg+xml;utf8,');} .cardissuance-box-controller-right::after {width: 11px;height: 6px;background-size: 11px 6px;opacity: 0.5;position: absolute;left: calc(50% - 5px);content: '';top: calc(50% - 3px);transition: all .1s ease-in-out;background-repeat: no-repeat;transform: rotate(-90deg);transition: all .2s ease-in-out;background-image: url('data:image/svg+xml;utf8,');} .cardissuance-box-controller-left:hover::after{opacity: 1;} .cardissuance-box-controller-right:hover::after{opacity: 1;} /* Card selection */ .cardselection-container{width: 100%;position: relative;z-index: 200;display: inline-block;} .cardselection{max-width: 1320px;color: #010113;text-align: center;z-index: 200;width: calc(100% - 100px);position: relative;margin: 144px 50px 0px 50px;display: inline-block;} .cardselection h2{width: 100%;float: left;display: inline-block;margin: -13px 0px -12px 0px;} .subtitle-benefits{margin: 36px auto 0px auto;position: relative;width: 100%;color: #010113;float: left;text-align: center;z-index: 200;font-size: 21px;letter-spacing: -2%;line-height: 25px;display: inline-block;} .subtitle-benefits .starmark{width: 22px;height: 22px;background-size: contain;background-repeat: no-repeat;display: inline-block;margin: 0px 9px -6px 0px;top: 0px;position: relative;} .subtitle-benefits-title{display: inline-block;position: relative;z-index: 200;margin: 20px 20px 20px 20px;color: rgb(1 1 19 / 60%);} .subtitle-benefits-one{display: inline-block;margin: 20px 20px 20px 20px;position: relative;z-index: 200;} .subtitle-benefits-two{display: inline-block;margin: 20px 20px 20px 20px;position: relative;z-index: 200;} .subtitle-benefits-three{display: inline-block;position: relative;z-index: 200;margin: 20px 20px 20px 20px;} .cardselection-box-container{margin: 0px 0px 0px 0px;width: calc(100% - 0px);position: relative;z-index: 300;display: inline-block;} .cardselection-track{margin: 44px 0px 0px -10px;float: left;width: calc(100% + 20px);position: relative;z-index: 300;display: flex;flex-wrap: wrap;justify-content: center;} .cardselection-box-controller{width: calc(100% + 0px);display: none;position: relative;margin: 34px 0px 23px 0px;z-index: 500;} .cardselection-box-controller-left{position: absolute;width: 46px;height: 46px;display: inline-block;background-size: 88px 88px;left: 0px;top: 0px;background-repeat: no-repeat;color: #FF4C00;padding: 0px;border-radius: 40px;filter: drop-shadow(0px 15px 76px rgba(1, 1, 19, 0.08));background-position: 50%;text-align: center;font-size: 24px;line-height: 52px;/* background-color: #FFFFFF; */font-weight: 400;border: 2px solid rgba(0, 0, 0, 0.3);transition: all .2s ease-in-out;cursor: pointer;} .cardselection-box-controller-right{position: absolute;width: 46px;height: 46px;display: inline-block;background-size: 88px 88px;right: 0px;top: 0px;background-repeat: no-repeat;color: #FF4C00;padding: 0px;border-radius: 40px;filter: drop-shadow(0px 15px 76px rgba(1, 1, 19, 0.08));background-position: 50%;text-align: center;font-size: 24px;line-height: 52px;/* background-color: #FFFFFF; */font-weight: 400;border: 2px solid rgba(0, 0, 0, 0.3);transition: all .2s ease-in-out;cursor: pointer;} .cardselection-box-controller-left:hover{border: 2px solid rgba(255, 76, 0, 1.0);} .cardselection-box-controller-right:hover{border: 2px solid rgba(255, 76, 0, 1.0);} .cardselection-box-controller-right::after {width: 11px;height: 6px;background-size: 11px 6px;position: absolute;left: calc(50% - 5px);content: '';top: calc(50% - 3px);transition: all .1s ease-in-out;background-repeat: no-repeat;transform: rotate(-90deg);transition: all .2s ease-in-out;background-image: url('data:image/svg+xml;utf8,');} .cardselection-box-controller-left:hover::after {width: 11px;height: 6px;background-size: 11px 6px;position: absolute;left: calc(50% - 5px);content: '';top: calc(50% - 3px);transition: all .1s ease-in-out;background-repeat: no-repeat;transform: rotate(90deg);transition: all .2s ease-in-out;background-image: url('data:image/svg+xml;utf8,');} .cardselection-box-controller-right:hover::after {width: 11px;height: 6px;background-size: 11px 6px;position: absolute;left: calc(50% - 5px);content: '';top: calc(50% - 3px);transition: all .1s ease-in-out;background-repeat: no-repeat;transform: rotate(-90deg);transition: all .2s ease-in-out;background-image: url('data:image/svg+xml;utf8,');} .cardselection-dots{display: inline-block;position: absolute;top: 0px;left: 50%;transform: translate(-50%, 0px);margin: 17px 0px 0px 0px;} .cardselection-dot{width: 16px;height: 16px;display: inline-block;background-size: 88px 88px;background-repeat: no-repeat;margin: 0px 4px 0px 4px;color: #FF4C00;float: left;padding: 0px;border-radius: 40px;cursor: pointer;text-align: center;background-color: rgba(0, 0, 0, 0.2);transition: all .1s ease-in-out;} .cardselection-dot.active{background-color: rgba(255, 76, 0, 1.0);} .cardselection-box-controller-left::after {width: 11px;height: 6px;background-size: 11px 6px;position: absolute;left: calc(50% - 5px);content: '';top: calc(50% - 3px);transition: all .1s ease-in-out;background-repeat: no-repeat;transform: rotate(90deg);transition: all .2s ease-in-out;background-image: url('data:image/svg+xml;utf8,');} .cardselection-box{text-align: left;background-color: #FFF;padding: 40px 40px 10px 40px;float: left;display: flex;width: calc(33.33% - 100px);margin: 0px 10px 0px 10px;position: relative;border-radius: 40px;filter: drop-shadow(0px 20px 100px rgba(1, 1, 19, 0.08));flex-wrap: wrap;align-content: space-between;} .cardselection-box-top{display: inline-block;width: 100%;} .cardselection-box-bottom{display: inline-block;width: 100%;} .cardselection-box p{position: relative;color: #010113;text-align: left;z-index: 200;font-size: 20px;letter-spacing: -2%;line-height: 25px;margin: 27px 0px -6px 0px;width: 100%;display: inline-block;} .cardselection-box h3 {font-family: 'Geologica';color: #010113;display: inline-block;float: left;width: 100%;margin: -8px 0px -9px 0px;font-weight: 400;} .cardselection-box p span{display: inline-block;} .cardselection-category{width: 100%;display: inline-block;float: left;position: relative;margin: 56px auto 76px auto;z-index: 100;max-width: 328px;transform: translate(-50%, 0px);left: 50%;} .cardselection-category::after{content:'';background-image: url(../images/card-shadow.png);position: absolute;width: 100%;height: 100px;display: inline-block;background-size: contain;background-repeat: no-repeat;background-position: top;left: 0px;top: 99%;/* position: relative; */z-index: 100;} .cardselection-category img{width:100%;border-radius: 31px;margin: 0px 0px 0px 0px;transform: rotate(-21deg);overflow: hidden;display: inline-block;float: left;position: relative;z-index: 200;filter: drop-shadow(0px 79px 70px rgba(255, 76, 0, 0.25));} .cardselection-service.steam{background-size: 38px 38px;} .cardselection-service.playstation{background-size: 46px 46px;} .cardselection-service.xbox{background-size: 24px 24px;background-color: #0F7C11;} .cardselection-service.appstore2{background-size: 42px 42px;} .cardselection-service.google{background-color: #ffffff;background-size: 22px 22px;} .cardselection-service.discord{background-size: 28px 22px;background-color: #5865F2;} .cardselection-service.twitch{background-size: 27px 24px;background-position: 5px 7px;background-color: #9047FF;} .cardselection-service.chatgpt{background-color: #ffffff;background-size: 38px 38px;} .cardselection-service.youtube{background-color: #ffffff;background-size: 25px 36px;} .cardselection-service.spotify{background-color: #ffffff;background-size: 28px 28px;box-shadow: inset 0 0 0 4px #ffffff;} .cardselection-service.netflix{background-size: 13px 36px;background-color: #000;} .cardselection-service.claude{background-color: #d77655;background-size: 25px 36px;} .cardselection-service.booking{background-size: 38px 38px;} .cardselection-service.airbnb{background-size: 32px 33px;} .cardselection-service.airbnb2{background-size: 22px 25px;background-color: #ff5a5f;} .cardselection-service.uber{background-size: 24px 12px;background-color: #000000;} .cardselection-service.grab{background-size: 30px 12px;background-color: #289245;} .cardselection-service.tripcom{background-size: 30px 8px;background-color: #2346FF;} .cardselection-service.agoda{background-size: 24px 17px;background-color: #010101;} .cardselection-service.aviasales{background-size: 20px 20px;background-color: #0C73FE;} .cardselection-services{display: block;float: left;position: relative;z-index: 200;} .cardselection-services-plus{display: inline-block;background-color: #161627;color: #ffffff;font-size: 15px;position: relative;border-radius: 28px;padding: 10px 6px 10px 6px;line-height: 11px;margin: 3px 0px 0px -6px;} .cardselection-service{width: 36px;height: 36px;display: inline-block;background-size: 36px 36px;position: relative;background-repeat: no-repeat;padding: 0px;border-radius: 40px;overflow: hidden;background-position: 50%;margin: 0px 0px 0px -6px;background-color: #ff4c00;float: left;} .cardselection-service:first-child{margin: 0px 0px 0px 0px;} .cardselection-exchangerates{display: inline-block;float: left;width: 100%;margin: 40px 0px 0px 0px;} .cardselection-exchangerates .exchange{position: relative;width: 23px;height: 17px;display: inline-block;float: left;background-size: 23px 17px;background-repeat: no-repeat;background-position: 50%;margin: -1px 0px 0px 0px;} .cardselection-exchangerates-txt{display: inline-block;float: left;width: calc(100% - 38px);font-size: 18px;line-height: 13px;letter-spacing: -2%;margin: 0px 0px 0px 15px;} .cardselection-topup{display: inline-block;width: 100%;margin: 40px 0px 0px 0px;float: left;} .cardselection-topup-txt{display: inline-block;width: 100%;margin: 0px 0px 0px 0px;padding: 14px 0px 14px 0px;float: left;font-size: 18px;line-height: 25px;letter-spacing: -2%;color: rgba(1, 1, 19, 0.6);border-top: 1px solid rgb(0 0 0 / 10%);} .cardselection-topup-txt:first-child{margin: -6px 0px 0px 0px;padding: 0px 0px 14px 0px;border-top: initial;} .cardselection-topup-txt-system{display: inline-block;float: left;} .cardselection-topup-txt-price{display: inline-block;float: right;} .cardselection-getcard{display: inline-block;width: 100%;margin: 15px 0px 0px 0px;float: left;} .cardselection-getcard a{position: relative;display: inline-block;border-radius: 40px;color: #FFF;text-decoration: none;padding: 8px 8px 8px 30px;background: #FF4C00;font-size: 18px;line-height: 55px;letter-spacing: -2%;width: calc(100% - 38px);transition: all .1s ease-in-out;} .cardselection-getcard a:hover{background: #000000;} .cardselection-getcard a:hover .cardselection-getcard-price{color:#000000;} .cardselection-getcard-price{display: inline-block;float: right;background: #ffffff;margin: 0px 0px 0px 20px;border-radius: 40px;font-size: 24px;letter-spacing: 0px;color: #FF4C00;text-decoration: none;line-height: 16px;padding: 20px 15px 20px 15px;font-weight: 400;transition: all .1s ease-in-out;} .cardselection-learnmore{display: inline-block;width: 100%;padding: 17px 0px 23px 0px;z-index: 300;position: relative;float: left;text-align: center;font-size: 16px;line-height: 25px;letter-spacing: -2%;color: rgba(1, 1, 19, 0.5);transition: all .1s ease-in-out;text-decoration: none !important;} .cardselection-learnmore:hover{color: #FF4C00;} /* FAQ */ .faq-container{width: 100%;position: relative;z-index: 200;display: inline-block;} .faq{max-width: 1320px;color: #010113;text-align: center;z-index: 200;width: calc(100% - 100px);position: relative;padding: 0px 0px 0px 0px;display: inline-block;margin: 144px 50px 58px 50px;} .faq h2{width: 100%;float: left;display: inline-block;margin: -13px 0px -12px 0px;} .accordion-content{display: inline-block;float: left;height: 0px;transition: all .3s ease-in-out;overflow: hidden;font-size: 20px;letter-spacing: -2%;line-height: 30px;color: rgba(1, 1, 19, 0.7);padding: 0px 90px 0px 40px;width: calc(100% - 130px);} .accordion-button.active{color: #FF4C00;} .accordion-button:hover{color: #FF4C00;} .accordion{display: inline-block;float: left;width: 100%;margin: 60px 0px 0px 0px;position: relative;text-align: center;} .accordion-container {width: 100%;font-weight: 200;line-height: 26px;font-size: 16px;display: inline-block;text-align: left;} .accordion-container li:first-child{border-top: 1px solid rgb(0 0 0 / 10%);} .accordion-container li {border-bottom: 1px solid rgb(0 0 0 / 10%);position: relative;float: left;width: 100%;display: inline-block;} .accordion-container li:last-child{border-bottom: 0px} .accordion-container li:hover:last-child{border-bottom: 0px} .accordion-container li p {display: inline-block;float: left;width: 100%;margin: 30px 0px 0px 0px;} .accordion-container li p:first-child{margin: -8px 0px 0px 0px;} .accordion-container li p:last-child{margin: 30px 0px 32px 0px;} .accordion-container li p:only-child {margin: -6px 0px 32px 0px;} .accordion-container .accordion-button {width: calc(100% - 130px);position: relative;display: inline-block;cursor: pointer;user-select: none;padding: 32px 90px 31px 40px;font-weight: 300;font-size: 24px;line-height: 34px;letter-spacing: -2%;transition: all .2s ease-in-out;} .accordion-container .accordion-button:after {width: 11px;height: 6px;background-size: 11px 6px;position: absolute;right: 40px;content: '';top: 50%;background-repeat: no-repeat;background-image: url('data:image/svg+xml;utf8,');transform: rotate(0deg);transition: all .2s ease-in-out;} .accordion-button:hover:after {background-image: url('data:image/svg+xml;utf8,');} .accordion-button.active:after {background-image: url('data:image/svg+xml;utf8,');transform: rotate(180deg);} .accordion-content.open{padding: 0px 90px 0px 40px;} .accordion-container li span{display:inline-block;} /* Guides */ .guides-container{width: 100%;position: relative;z-index: 200;display: inline-block;background: linear-gradient(to bottom, #FAFAFA 0%, #FFFFFF 100%);margin: 40px 0px 0px 0px;} .guides-tab::before{content: '';width: 100%;position: relative;z-index: 300;height: 98px;float: left;display: inline-block;background-color: #FF4C00;margin: -98px 0px 0px 0px;border-radius: 80px 80px 0px 0px;} .guides-title{max-width: 1320px;color: #010113;text-align: left;z-index: 200;width: calc(100% - 100px);position: relative;padding: 0px 0px 0px 0px;display: inline-block;margin: 110px 50px 0px 50px;} .guides-title-element{background-image: url(../images/guides-title-image.webp);background-size: contain;background-repeat: no-repeat;background-position: 50%;width: 1421px;height: 910px;position: absolute;right: -161px;top: -109px;} .guides-title h2{width: 100%;float: left;display: inline-block;margin: -17px 0px -17px 0px;font-size: 50px;line-height: 69px;max-width: 840px;} .guides-title h2 span{color: #FF4C00;display: inline-block;} .guides-tab{color: #010113;text-align: left;z-index: 200;width: 100%;position: relative;padding: 0px 0px 0px 0px;display: inline-block;margin: 459px 0px 0px 0px;background-color: #FF4C00;text-align: center;} .guides-tab-box{max-width: 1320px;color: #010113;text-align: left;z-index: 500;width: calc(100% - 100px);position: relative;padding: 0px 0px 0px 0px;display: inline-block;margin: -365px 50px 100px 50px;text-align: center;} .guides-box{border-radius: 40px;flex-direction: column;width: calc(33.33% - 20px);margin: 10px;position: relative;float: left;} .guides-box h3 {font-family: 'Geologica';color: #010113;display: inline-block;float: left;width: 100%;margin: -8px 0px -9px 0px;font-weight: 400;} .guides-box-h3-txt{width: calc(100% - 105px);display: inline-block;margin: 0px 0px 0px 30px;} .guides-box a{font-family: 'Geologica';color: #010113;float: left;width: calc(100% - 82px);text-decoration: none;font-weight: 400;text-align: left;background-color: #FFF;padding: 40px;border-radius: 40px;margin: 0px 0px 0px 0px;position: relative;filter: drop-shadow(0px 20px 100px rgba(1, 1, 19, .05));border: 1px solid rgba(1, 1, 19, 0.00);transition: all .1s ease-in-out;} .guides-box-element{position: absolute;width: 48px;height: 48px;display: inline-block;background-size: 88px 88px;right: 40px;top: 40px;background-repeat: no-repeat;color: #FF4C00;padding: 0px;border-radius: 40px;filter: drop-shadow(0px 15px 76px rgba(1, 1, 19, 0.08));background-position: 50%;text-align: center;font-size: 24px;line-height: 52px;font-weight: 400;border: 1px solid rgba(1, 1, 19, 0.05);transition: all .1s ease-in-out;} .guides-box a:hover{border: 1px solid rgba(1, 1, 19, 0.05);} .guides-box a:hover .guides-box-element{background-color: #FF4C00;border: 1px solid #FF4C00;} .guides-box-element::after {width: 11px;height: 6px;background-size: 11px 6px;position: absolute;left: calc(50% - 5px);content: '';top: calc(50% - 3px);background-repeat: no-repeat;background-image: url('data:image/svg+xml;utf8,');transform: rotate(-90deg);transition: all .1s ease-in-out;} .guides-box a:hover .guides-box-element::after {background-image: url('data:image/svg+xml;utf8,');} .guides-box-categorytitle{position: relative;display: inline-block;float: left;border-radius: 30px;font-size: 16px;letter-spacing: -2%;color: #FFF;text-decoration: none;line-height: 11px;padding: 10px 15px 10px 15px;background: #FF4C00;} .guides-title .subtitle{color: #010113;margin: 100px 0px 0px 0px;display: inline-block;text-align: left;width: 100%;position: relative;z-index: 200;} .guides-title .subtitle p{display: inline-block;width: 100%;margin: -8px 0px -9px 0px;float: left;font-size: 24px;line-height: 34px;letter-spacing: -2%;max-width: 600px;} .guides-title .subtitle p span{display:inline-block;} .guides-box-element-logo{width: 73px;height: 73px;background-size: 36px 36px;background-repeat: no-repeat;padding: 0px;border-radius: 20px;background-position: 50%;margin: 0px 0px 0px 0px;background-color: #ffffff;float: left;overflow: hidden;display: inline-block;border: 1px solid rgba(1, 1, 19, 0.1);} .guides-box-element-logo img{width: 100%;} .guides-box-logo-txt{float: left;width: 100%;display: inline-block;margin: 40px 0px 0px 0px;display: flex;align-items: center;} .guides-box-txt{font-size: 16px;line-height: 25px;letter-spacing: -2%;color: rgba(1, 1, 19, 0.7);display: inline-block;float: left;width: 100%;margin: 12px 0px -7px 0px;} .guides-box-categorytitle.error-title{background: rgb(255 0 64 / 5%);color: #FF0040;} .guides-box-categorytitle.cardtopup-title{background: rgb(255 76 0 / 5%);color: #FF4C00;} .guides-box-categorytitle.subscriptions-title{background: rgb(0 218 90 / 5%);color: #00DA5A;} .guides-box-categorytitle.games-title{background: rgb(149 0 218 / 5%);color: #9500DA;} .guides-box-categorytitle.travel-title{background: rgb(51 198 230 / 5%);color: #33C6E6;} .guides-viewallguides{margin: 84px auto 0px auto;position: relative;display: inline-block;border-radius: 40px;color: #FFF;text-decoration: none;padding: 7px 80px 6px 20px;background: #FF4C00;font-size: 18px;line-height: 55px;letter-spacing: -2%;border: 1px solid #FFF;font-weight: 200;transition: all .1s ease-in-out;} .guides-viewallguides:hover{text-decoration: none;color: #ffffff;} .guides-viewallguides:hover .guides-viewallguides-element::after {background-image: url('data:image/svg+xml;utf8,');} .guides-viewallguides:hover .guides-viewallguides-element{border: 1px solid rgba(255, 255, 255, 0.3);background-color: #FF4C00;} .cardselection-service.notion{background-size: 16px 18px;background-color: #ffffff;} .guides-viewallguides-element{position: absolute;width: 48px;height: 48px;display: inline-block;background-size: 88px 88px;right: 10px;top: 10px;background-repeat: no-repeat;color: #FF4C00;padding: 0px;border-radius: 40px;filter: drop-shadow(0px 15px 76px rgba(1, 1, 19, 0.08));background-position: 50%;text-align: center;font-size: 24px;line-height: 52px;background-color: #FFFFFF;font-weight: 400;border: 1px solid rgb(255 255 255);transition: all .1s ease-in-out;} .guides-viewallguides-element::after {width: 11px;height: 6px;background-size: 11px 6px;position: absolute;left: calc(50% - 5px);content: '';top: calc(50% - 3px);transition: all .1s ease-in-out;background-repeat: no-repeat;transform: rotate(-90deg);transition: all .2s ease-in-out;background-image: url('data:image/svg+xml;utf8,');} .tabs-inr{float: left;} .tabs-inr li:first-child {margin: 0px 5px 0px 0px;} .tabs {padding: 0px 0px 50px 0px;border-bottom: 1px solid rgb(0 0 0 / 10%);margin: 0px 0px 40px 0px;} .tab-box{margin: 0px 0px 0px 0px;display: inline-block;text-align: left;width: 100%;} .tabs::-webkit-scrollbar{height:2px} .tabs::-webkit-scrollbar-button{display:none;} .tabs::-webkit-scrollbar-track{background: #fcfcfc;} .tabs::-webkit-scrollbar-thumb{height:5px;background: #f2f2f2;} .tabs-inr li{display: inline-block;font-size: 16px;line-height: 11px;font-weight: 300;padding: 20px 20px 20px 20px;color: #010113;margin: 0px 5px 0px 5px;cursor: pointer;border-radius: 30px;float: left;position: relative;} .tabs-inr li.active{cursor: default;color: #FFF;background: #FF4C00;} .tab-container{position: relative;display: inline-block;float: left;width: calc(100% + 20px);margin: 0px 0px 0px -10px;} .tab-container .tab-content.active{opacity: 1;height: auto;display: flex;} .tab-container .tab-content{display: none;opacity: 0;position: relative;height: 0px;float: left;width: 100%;flex-direction: row;flex-wrap: wrap;} .tab-container .carousel-block-product a:hover .carousel-block-product-txt{color: #202020} .tab-content .carousel-block:before{content: '';position:absolute;left: 0px;height: 360px;width:20px;top: 0px;z-index:70;background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */} .tab-content .carousel-block:after{content: '';position:absolute;right: 0px;height: 360px;width:20px;top: 0px;z-index:70;background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */} .tab-container .carousel-block {margin: 0px 0px 0px 0px;} .guides-box-element-logo.chatgpt{background-size: 80px 80px;background-color: #ffffff;} .guides-box-element-logo.claude{background-size: 58px 58px;background-color: #d77655;} .guides-box-element-logo.midjourney{background-size: 76px 76px;background-color: #ffffff;} .guides-box-element-logo.youtube{background-size: 120px 120px;background-color: #ffffff;} .guides-box-element-logo.spotify{background-size: 80px 80px;background-color: #1ed760;} .guides-box-element-logo.netflix{background-size: 50px 50px;background-color: #000000;} .guides-box-element-logo.adobe2{background-size: 50px 50px;background-color: #E6001F;} .guides-box-element-logo.canva{background-size: 100px 100px;} .guides-box-element-logo.notion{background-color: #ffffff;background-size: 40px 40px;} .guides-box-element-logo.microsoft{background-color: #ffffff;background-size: 50px 50px;} .guides-box-element-logo.steam3{background-size: 77px 77px;background-color: #010113;background-position: -1px -1px;} .guides-box-element-logo.playstation2{background-size: 110px 110px;} .guides-box-element-logo.xbox{background-size: 54px 54px;background-color: #189418;} .guides-box-element-logo.epicgames{background-size: 76px 76px;background-color: #ffffff;} .guides-box-element-logo.appstore2{background-size: 100px 100px;} .guides-box-element-logo.googleplay{background-size: 67px 67px;background-color: #ffffff;background-position: 3px 4px;} .guides-box-element-logo.roblox{background-size: 50px 50px;background-color: #3156FF;} .guides-box-element-logo.twitch{background-size: 50px 50px;background-position: 12px 13px;background-color: #9047FF;} .guides-box-element-logo.discord{background-size: 53px 40px;background-color: #5865F2;} .guides-box-element-logo.battlenet{background-size: 54px 54px;background-color: #0074E0;} .guides-box-element-logo.booking{background-size: 80px 80px;background-color: #003a9a;background-position: -6px -5px;} .guides-box-element-logo.airbnb{background-size: 75px 75px;} .guides-box-element-logo.uber{background-size: 59px 22px;background-color: #000000;} .guides-box-element-logo.grab{background-size: 65px 37px;background-color: #289245;background-position: 50% 18px;} .guides-box-element-logo.bolt{background-size: 58px 41px;background-color: #34D186;background-position: 50% 19px;} .guides-box-element-logo.emirates{background-size: 60px 45px;background-color: #D71A21;} .guides-box-element-logo.icnturkish{background-size: 60px 60px;background-color: #ffffff;} .guides-box-element-logo.qatarairways{background-size: 90px 76px;background-color: #63003C;background-position: 1px -7px;} .guides-box-element-logo.wizz{background-size: 61px 28px;background-color: #ffffff;} .guides-box-element-logo.klook{background-size: 55px 55px;background-color: #ffffff;} .guides-box-element-logo.topupbalance{background-size: 43px 34px;background-color: #FE4C00;} .guides-box-element-logo.errorpayments{background-size: 42px 42px;background-color: #FF0040;} /* ******* ******* ******* FOOTER ******* ******* ******* */ footer{overflow: hidden;margin: 0px 0px -5px 0px;display: inline-block;float: left;width: 100%;position: relative;bottom: 0px;text-align: center;} footer .firmstyleelementone{position: absolute;width: 1555px;height: 1610px;display: inline-block;left: -570px;top: 280px;background-repeat: no-repeat;background-size: contain;z-index: 100;transform: scale(-1, 1);} footer .firmstyleelementtwo{position: absolute;width: 1555px;height: 1610px;display: inline-block;left: -220px;top: -30px;background-repeat: no-repeat;background-size: contain;z-index: 50;transform: scale(-1, 1);} .footer-container{position: relative;display: inline-block;max-width: 1320px;text-align: left;margin: 130px 40px 114px 40px;width: calc(100% - 100px);z-index: 400;} .footer-copyright{position: relative;float: left;display: inline-block;margin: 0px 0px 0px 0px;} .footer-container .logotype-colorfull {width: 215px;height: 35px;display: inline-block;float: left;background-repeat: no-repeat;} .footer-copyright-info{float: left;width: 100%;display: inline-block;margin: 35px 0px -4px 0px;position: relative;transition: all .2s ease-in-out;text-decoration: none;font-weight: 200;font-size: 16px;line-height: 20px;color: rgba(1, 1, 19, 0.7);} .footer-copyright-info:nth-child(1){max-width: 250px;} .footer-copyright-info span{display: inline-block;} .footer-menu{position: relative;display: flex;float: left;margin: -13px 0px 0px 90px;width: calc(100% - 860px);text-align: left;padding: 0px 0px 0px 0px;} .footer-company-info-card{display: inline-block;float: right;margin: -51px 0px -20px 0px;} .footer-menu .legalinformation-icon{width: 62px;height: 58px;background-image: url('data:image/svg+xml;charset=utf-8, ');background-size: 62px 52px;} .footer-menu a{margin: 0px 0px 0px 0px;padding: 13px 0px 12px 0px;position: relative;font-weight: 200;display: inline-block;width: calc(100% - 0px);float: left;text-align: left;font-size: 16px;line-height: 25px;letter-spacing: -2%;color: rgba(1, 1, 19, 1);transition: all .1s ease-in-out;text-decoration: none;background-position: 20px 50%;background-repeat: no-repeat;background-size: 20px 15px;border-radius: 30px;/* background-color: #FFF; */} .footer-menu a:hover{color:#FF4C00} .footer-menu a.active{color:#FF4C00} .footer-menu-container{position: relative;float: left;width: 100%;display: inline-block;} .footer-menu-container-title{position: relative;float: left;width: 100%;display: inline-block;color: #010113;font-weight: 400;margin: 26px 0px 26px 0px;font-size: 24px;line-height: 34px;} .footer-menu-container:nth-child(1){width: calc(35% - 20px);margin: 0px 20px 0px 0px;} .footer-menu-container:nth-child(2){width: calc(65% - 20px);margin: 0px 20px 0px 0px;} .footer-menu-box{position: relative;display: inline-block;margin: 0px 0px 0px 0px;text-align: left;float: left;} .footer-socialmedia{display: flex;float: right;margin: 0px 0px 0px 0px;position: relative;} .footer-socialmedia a {width: 52px;height: 52px;display: inline-block;opacity: 1;float: left;border-radius: 40px;background-position: 50% 50%;background-repeat: no-repeat;transition: all .1s ease-in-out;margin: 0px 15px 0px 0px;background-color: #010113;} .footer-socialmedia a:hover{background-color:#FF4C00} .footer-socialmedia a.telegramwhite{background-size: 22px 18px;background-position: 13px 17px;} .footer-socialmedia a.instagram{background-size: 25px 25px;} .footer-socialmedia a.vk{background-size: 25px 16px;background-position: 13px 18px;} .footer-socialmedia a:last-child{margin: 0px 0px 0px 0px;} .footer-top{display: inline-block;float: left;width: 100%;position: relative;z-index: 400;margin: 0px 0px 41px 0px;} .footer-company-info{margin: 0px 0px 0px 0px;width: 370px;text-align: left;display: inline-block;float: left;} .footer-company-info-txt{font-size: 16px;line-height: 25px;letter-spacing: -2%;color: rgba(1, 1, 19, 1);display: inline-block;float: left;width: 100%;margin: 43px 0px -7px 0px;} .footer-company-info-card::after{content:'';background-image: url(../images/footercard.webp);background-size: contain;background-repeat: no-repeat;background-position: 50%;width: 398px;height: 264px;display: inline-block;float: left;position: relative;margin: 34px 0px 0px 0px;} .legalinformation{margin: 15px 0px 0px -15px;text-align: left;padding: 0px 0px 0px 0px;display: flex;flex-wrap: wrap;align-content: flex-start;} .legalinformation.useragreement{width: calc(50% - 140px);padding: 0px 35px 0px 0px;} .legalinformation a{float: left;display: inline-block;border-radius: 30px;font-size: 16px;text-decoration: none;line-height: 20px;padding: 11px 15px 11px 15px;position: relative;margin: 0px 0px 0px 0px;transition: all .1s ease-in-out;color: rgba(1, 1, 19, 0.7);} .legalinformation a:hover {color: rgba(1, 1, 19, 1.0);} .legalinformation a.active{color: rgba(1, 1, 19, 1.0);} .legalinformation-icon{position: relative;display: inline-block;background-repeat: no-repeat;background-position: 50%;left: 0px;top: 0px;} .legalinformation.useragreement .legalinformation-icon{width: 49px;height: 58px;background-image: url('data:image/svg+xml;charset=utf-8, ');background-size: 49px 58px;} .footer-bottom{display: flex;float: left;width: 100%;border-top: 1px solid rgba(1, 1, 19, 0.1);margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;align-items: center;justify-content: space-between;position: relative;z-index: 400;} /* ******* ******* ******* SMARTPHONE & TABLET ******* ******* ******* */ /* width max: 1700px */ @media screen and (max-width: 1700px) { /* ******* ******* ******* MAIN ******* ******* ******* */ /* H1 */ .h1-container {border-radius: 80px;} /* Card issuance */ .cardissuance-container::before{border-radius: 0px 0px 80px 80px;} } /* width max: 1600px */ @media screen and (max-width: 1600px) { /* ******* ******* ******* MAIN ******* ******* ******* */ /* H1 */ .h1-container {margin: 25px 25px 0px 25px;width: calc(100% - 50px);} .h1-element-one {top: 290px;} .h1-element-two {top: 305px;} .h1 h1{margin: 475px auto 0px auto;} } /* width max: 1500px */ @media screen and (max-width: 1500px) { /* ******* ******* ******* NAV ******* ******* ******* */ header{margin: 0px 0px 0px 0px;} .header{position: fixed;left: 0px;top: 0px;} /* ******* ******* ******* MAIN ******* ******* ******* */ /* H1 */ .h1-container {margin: 0px 0px 0px 0px;width: calc(100% - 0px);border-radius: 0px 0px 50px 50px;} .h1-elements{width: calc(100% - 100px);margin: 0px 50px 0px 50px;} .h1 {max-width: 1420px;} .h1-element-one {top: 225px;} .h1-element-two {top: 240px;} .h1 h1{margin: 377px auto 0px auto;} /* Card issuance */ .cardissuance-container::before{border-radius: 0px 0px 50px 50px;} .cardissuance-container{border-radius: 0px 0px 50px 50px;margin: 2px 0px 0px 0px;} /* Guides */ .guides-tab::before {border-radius: 50px 50px 0px 0px;} } /* width max: 1400px */ @media screen and (max-width: 1400px) { /* ******* ******* ******* MAIN ******* ******* ******* */ /* H1 */ .h1 h1 {max-width: 900px;margin: 377px auto 0px auto;} .h1-benefits {max-width: 1000px;margin: 126px auto 80px auto;} .h1-benefits-one{margin: 20px;} .h1-benefits-two{margin: 20px;} .h1-benefits-three{margin: 20px;} h1.effect.active-h1-title-box-one span:nth-child(1){left: 0px;} h1.effect.active-h1-title-box-two span:nth-child(1){left: 0px;} h1.effect.active-h1-title-box-three span:nth-child(1){left: 0px;} h1.effect.active-h1-title-box-four span:nth-child(1){left: 0px;} h1.effect.active-h1-title-box-five span:nth-child(1){left: 0px;} h1.effect.active-h1-title-box-six span:nth-child(1){left: 0px;} h1.effect.active-h1-title-box-seven span:nth-child(1){left: 0px;} h1.effect.active-h1-title-box-eight span:nth-child(1){left: 0px;} h1.effect.active-h1-title-box-nine span:nth-child(1){left: 0px;} h1.effect.active-h1-title-box-ten span:nth-child(1){left: 0px;} h1.effect.active-h1-title-box-eleven span:nth-child(1){left: -66px;top: 110px;} .effect .h1-title-box:nth-child(11) {opacity: 0;top: -110px;left: 655px;} .effect.active-h1-title-box-eleven .h1-title-box:nth-child(11) {opacity: 1;left: 655px;top: -110px;} .effect .h1-title-box {left: calc(50% - 0px);} /* About card */ .aboutcard-element-four {right: 24px;top: 176px;} .aboutcard-element-three{left: 93px;top: 188px;} .aboutcard-element-twenty {right: -120px;} .aboutcard-element-ten {right: 44px;} .aboutcard-element-eleven {right: 110px;} /* Card issuance */ .cardissuance-box {width: calc(50% - 100px);} .cardissuance-box-element-one {left: calc(50% - 75px);transform: rotate(-15deg) translate(-50%, -72px);} .cardissuance-box-element-three{left: calc(50% + 84px);} .cardissuance-box-element-two {left: -54px;} .cardissuance-box-element-five{left: calc(50% + 0px);} .cardissuance-box-element-six {transform: rotate(-15deg) translate(50%, 0px);right: calc(50% - 70px);} .cardissuance-box-element-eight {transform: rotate(30deg) translate(50%, 0px);right: calc(50% - 152px);} .cardissuance-box-element-nine {transform: rotate(24deg) translate(50%, -30px);left: calc(50% - 192px);} /* Guides */ .guides-title-element {width: 1291px;height: 830px;} /* ******* ******* ******* FOOTER ******* ******* ******* */ .footer-menu{margin: -13px 0px 0px 40px;width: calc(100% - 810px);} } /* width max: 1300px */ @media screen and (max-width: 1300px) { /* ******* ******* ******* MAIN ******* ******* ******* */ .subtitle p {max-width: 620px;} /* Card selection */ .cardselection-box{width: calc(100% - 100px);margin: 25px 10px 25px 10px;} .cardselection-category {width: 242px;position: absolute;left: 48px;margin: 87px 0px 0px 0px;transform: initial;max-width: initial;} .cardselection-services{width: calc(100% - 300px);float: right;} .cardselection-getcard{width: calc(100% - 300px);margin: 15px 0px 0px 300px;} .cardselection-topup{width: calc(100% - 300px);margin: 40px 0px 0px 300px;} .cardselection-exchangerates{width: calc(100% - 300px);margin: 40px 0px 0px 300px;} .cardselection-box p{width: calc(100% - 300px);margin: 27px 0px -6px 300px;} .cardselection-category::after{top: 97%;} .cardselection-learnmore {width: calc(100% - 300px);margin: 0px 0px 0px 300px;} .cardselection-box h3 {margin: -8px 0px 31px 0px;} .cardselection-box:nth-child(1) {margin: 0px 10px 25px 10px;} /* ******* ******* ******* FOOTER ******* ******* ******* */ .footer-company-info {width: 100%;} .footer-company-info::after{display: none} .footer-container {margin: 100px 50px 114px 50px;width: calc(100% - 100px);} .footer-company-info{margin: 0px 0px 0px 0px;width: 260px;} .footer-menu{width: calc(100% - 699px);margin: 65px 0px 0px 40px;} .footer-company-info-card {margin: 34px 0px -40px 0px;} } /* width max: 1200px */ @media screen and (max-width: 1200px) { /* ******* ******* ******* NAV ******* ******* ******* */ nav ul li > a{padding: 43px 10px 25px 10px;} /* ******* ******* ******* MAIN ******* ******* ******* */ /* About card */ .aboutcard-box:nth-child(4) p {max-width: 209px;} .aboutcard-box {padding: 40px;} .aboutcard-box:nth-child(1){width: calc(33.33% - 90px);margin: 0px 10px 0px 0px;} .aboutcard-box:nth-child(2){width: calc(33.33% - 100px);margin: 0px 10px 0px 10px;} .aboutcard-box:nth-child(3){width: calc(33.33% - 90px);margin: 0px 0px 0px 10px;} .aboutcard-box:nth-child(4){width: calc(50% - 90px);margin: 20px 10px 0px 0px;} .aboutcard-box:nth-child(5){width: calc(50% - 90px);margin: 20px 0px 0px 10px;} .aboutcard-box-exchangerates{padding: 20px 16px 20px 16px;width: calc(100% - 32px);border-radius: 20px;} .aboutcard-box-exchangerates-currency {width: calc(100% - 56px);margin: 0px 0px 0px 10px;} .aboutcard-box-exchangerates-price {margin: 10px 0px 0px 10px;} .aboutcard-element-seven {right: -49px;bottom: -109px;} /* Guides */ .guides-box{width: calc(50% - 20px);} .guides-title-element {width: 1011px;height: 790px;right: -133px;} /* ******* ******* ******* FOOTER ******* ******* ******* */ .footer-company-info {width: 100%;} .footer-copyright{width: 100%;} .footer-copyright-info:nth-child(1) {max-width: initial;} .footer-menu {width: calc(100% + 30px);margin: 60px 0px 0px -15px;} .footer-menu a {padding: 13px 15px 12px 15px;width: auto;} .footer-company-info-card {float: left;} .footer-company-info-card::after {margin: 0px 0px 0px 0px;} .legalinformation {display: inline-block;width: 100%;text-align: center;margin: 45px 0px 0px -15px;} .footer-bottom {display: inline-block;width: 100%;text-align: center;} .legalinformation a {float: initial;} .footer-socialmedia {display: inline-block;float: initial;margin: 45px 0px 0px 0px;} } /* width max: 1100px */ @media screen and (max-width: 1100px) { /* ******* ******* ******* NAV ******* ******* ******* */ .nav-background {transition: all .2s ease-in-out;} nav.active .nav-background {visibility: visible;opacity: 1;background: rgba(255, 255, 255, 0.70);backdrop-filter: blur(10px);} .nav-menu{visibility: hidden;opacity: 0;width: auto;float: right;position: absolute;top: 92px;right: 0px;text-align: center;display: inline-block;background-color: #fcfcfc;transition: initial;} .nav-button{display: inline-block;position: absolute;padding: 0px;cursor: pointer;opacity: 1;width: 50px;height: 50px;right: 49px;top: 23px;} .nav-getcard{position: absolute;right: 109px;margin: 23px 0px 0px 0px;} nav{display: inline-block;position: absolute;left: 0px;} .logotype-and-nav{justify-content: flex-start;} .nav-tablet-button{width: 50px;height: 50px;background-size: 22px 18px;background-repeat: no-repeat;background-position: 13px 17px;background-color: #010113;display: inline-block;border-radius: 30px;transition: all .1s ease-in-out;} .nav-tablet-button-element,.nav-tablet-button-element:after,.nav-tablet-button-element:before{width: 18px;height: 2px;} .nav-tablet-button-element{top: 24px;left: 16px;position:relative;background: #ffffff;} .nav-tablet-button-element:before{content:"";position:absolute;left:0;bottom: 7px;background: #ffffff;} .nav-tablet-button-element:after{content:"";position:absolute;right: 0;top: 7px;background: #ffffff;width: 10px;} nav.active .nav-tablet-button-element{background: transparent;} nav.active .nav-tablet-button-element:before{left: 0px;bottom: 0px;transform: rotate(-45deg);} nav.active .nav-tablet-button-element:after{content:"";position:absolute;right: 0px;top: 0px;background: #ffffff;width: 18px;transform: rotate(45deg);} nav.active .nav-menu {visibility: visible;opacity: 1;top: 104px;right: 60px;background-color: transparent;} header.view:after {z-index: 99;} nav.active .nav-menu::before{content:'';transition: all .2s ease-in-out;display: inline-block;width: calc(100% + 20px);position: absolute;top: 0px;height: 51px;left: -10px;background: rgba(255, 255, 255, 1.0);backdrop-filter: blur(0px);border-radius: 60px;margin: 0px 0px 0px 0px;filter: drop-shadow(0px 15px 76px rgba(1, 1, 19, 0.2));} nav ul li > a {margin: 0px 0px 0px 0px;padding: 20px 20px 43px 20px;} /* About card */ .aboutcard-box:nth-child(4) h3 {max-width: initial;} .aboutcard-box:nth-child(5) h3 {max-width: initial} .aboutcard-box:nth-child(5) p {max-width: initial;} .aboutcard-box:nth-child(4) p {max-width: initial;margin: 33px 0px 124px 0px;} .aboutcard-element-ten {right: 94px;top: initial;bottom: 80px;} .aboutcard-element-eleven {left: 20px;right: initial;bottom: -55px;} .aboutcard-element-twenty {right: initial;top: initial;bottom: -37px;transform: translate(-50%, 0px) rotate(0deg);left: 50%;width: 255px;height: 148px;border-radius: 20px;} .aboutcard-box:nth-child(3) p {max-width: initial;} /* Guides */ .guides-title-element{display: none;} } /* width max: 1000px */ @media screen and (max-width: 1000px) { h2{font-size: 28px;line-height: 46px;} /* ******* ******* ******* MAIN ******* ******* ******* */ /* H1 */ .h1 h1 {max-width: 500px;font-size: 64px;line-height: 64px;margin: 392px auto 0px auto;} .effect .h1-title-container-box{width: 440px;height: 51px;} .icon-h1{width: 52px;height: 52px;margin: 0px 0px -7px 0px;} .h1-getcard {margin: 95px auto 0px auto;} .h1-getcard a {font-size: 20px;padding: 28px 30px 29px 30px;line-height: 18px;} .h1-element-two {font-size: 32px;line-height: 24px;top: 245px;} .h1-element-one {width: 140px;height: 64px;} .h1-element-three{left: 95px;top: -318px;} .h1-element-four{left: 31%;top: 10px;} h1.effect.active-h1-title-box-eleven span:nth-child(1){left: -44px;top: 68px;} .effect .h1-title-box:nth-child(11) {top: -68px;left: 349px;} .effect.active-h1-title-box-eleven .h1-title-box:nth-child(11) {left: 349px;top: -68px;} .effect .h1-title-box {left: calc(50% - 0px);} .effect .h1-title-box:nth-child(4) {width: 250px;top: -30px;} h1.effect.active-h1-title-box-four span:nth-child(1) {top: -30px;} .effect .h1-title-box:nth-child(5) {width: 500px;top: -30px;} h1.effect.active-h1-title-box-five span:nth-child(1) {top: -30px;} .effect .h1-title-box .icon-h1.googleplay {border-radius: 10px;} .effect .h1-title-box:nth-child(5) {left: calc(50% - 25px);} .h1-title-box span:nth-child(2){text-shadow: 0px 51px 92px rgba(255, 76, 0, 0.8);} .h1-title-box:nth-child(11) span:nth-child(1){text-shadow: 0px 51px 92px rgba(255, 76, 0, 0.8);} /* About card */ .aboutcard-box:nth-child(1){width: calc(50% - 90px);margin: 0px 10px 0px 0px;} .aboutcard-box:nth-child(2){width: calc(50% - 90px);margin: 0px 0px 0px 10px;} .aboutcard-box:nth-child(3){width: calc(50% - 90px);margin: 20px 10px 0px 0px;} .aboutcard-box:nth-child(4){width: calc(50% - 90px);margin: 20px 0px 0px 10px;} .aboutcard-box:nth-child(5){width: calc(100% - 80px);margin: 20px 0px 0px 0px;min-height: 230px;} .aboutcard-element-ten {right: initial;top: initial;bottom: 50px;left: 260px;} .aboutcard h2 {margin: -13px auto 0px auto;font-size: 28px;line-height: 46px;} /* Card issuance */ .cardissuance h2 {font-size: 28px;line-height: 46px;margin: -13px auto 0px auto;} .cardissuance-box {width: calc(50% - 100px);} .cardselection h2 {margin: -13px 0px -13px 0px;} .cardissuance {margin: 60px 0px 32px 0px;} .cardissuance-demonstration-one {width: 285px;height: 165px;background-size: 285px;border-radius: 34px;left: calc(50% - 6px);} .cardissuance-demonstration-three{width: 285px;height: 165px;background-size: 285px;border-radius: 34px;} .cardissuance-demonstration-two {z-index: 200;width: 285px;height: 165px;background-size: 285px;border-radius: 34px;left: -94px;} .cardissuance-box-element-eight {right: -52px;transform: rotate(30deg);} .cardissuance-box-element-nine {transform: rotate(24deg);left: 40px;} .cardissuance-box-container{margin: 27px 50px 0px 50px;} /* Card selection */ .subtitle-benefits{font-size: 18px;} .subtitle-benefits-one {margin: 10px 10px 10px 10px;} .subtitle-benefits-two {margin: 10px 10px 10px 10px;} .subtitle-benefits-three {margin: 10px 10px 10px 10px;} .subtitle-benefits-title {margin: 10px 10px 10px 10px;} /* FAQ */ .faq {margin: 100px 50px 58px 50px;} .accordion-container .accordion-button {width: calc(100% - 90px);padding: 32px 90px 31px 0px;} .accordion-content.open{padding: 0px 0px 0px 0px;} .accordion-content{padding: 0px 0px 0px 0px;width: calc(100% - 0px);} /* Guides */ .guides-title h2 {font-size: 28px;line-height: 46px;margin: -13px 0px -13px 0px;max-width: initial;} .guides-title .subtitle {color: #010113;margin: 50px 0px 0px 0px;} .guides-title {margin: 100px 50px 0px 50px;} .guides-title .subtitle p{font-size: 18px;line-height: 25px;margin: -6px 0px -6px 0px;} } /* width max: 900px */ @media screen and (max-width: 900px) { /* ******* ******* ******* MAIN ******* ******* ******* */ /* About card */ .subtitle p {max-width: 490px;} .aboutcard-element-four {right: -6px;top: 156px;} .aboutcard-element-three{left: 33px;top: 168px;} /* Guides */ .guides-box{ width: calc(100% - 20px);} .tabs-inr li {float: initial;} .tabs {width: 100%;text-align: center;} /* ******* ******* ******* FOOTER ******* ******* ******* */ .footer-menu{width: calc(100% + 0px);padding: 0px 0px 0px 0px;border-right: initial;min-height: auto;margin: 80px 0px 0px 0px;display: inline-block;float: left;max-width: initial;text-align: center;} .legalinformation a {margin: 30px 0px 0px 0px;} .footer-menu a{float: initial;display: inline-block;} .footer-menu a.email{margin: 0px 0px 0px 0px;} .footer-bottom {margin: 50px 0px 0px 0px;padding: 15px 0px 0px 0px;} .footer-container {margin: 100px 50px 45px 50px;width: calc(100% - 100px);} footer .firmstyleelementone {left: -320px;top: initial;bottom: -1200px;} footer .firmstyleelementtwo {left: -8px;top: initial;bottom: -1130px;} .footer-company-info-card {left: 50%;margin: 75px 0px 0px 0px;position: relative;transform: translate(-50%, 0px);} .footer-container .logotype-colorfull{float: initial;} .footer-company-info {text-align: center;} .footer-menu-box {float: initial;text-align: center;max-width: 440px;margin: 0px 0px 0px 0px;width: calc(100% + 0px);} .footer-top {margin: 0px 0px 0px 0px;} .legalinformation{margin: 0px 0px 0px -15px;} } /* width max: 800px */ @media screen and (max-width: 800px) { /* ******* ******* ******* NAV ******* ******* ******* */ nav ul li {width: 100%;} nav > ul > li:nth-child(1) > a{display: none;} .nav-menu {max-width: 265px;text-align: center;transition: all .2s ease-in-out;right: 50px;top: 104px;} nav ul li > a {width: calc(100% - 40px);padding: 20px 20px 20px 20px;} .logotype-and-nav nav .nav-menu::before{border-radius: 30px;top: -10px;width: calc(100% + 0px);height: calc(100% + 20px);transition: initial;left: 0px;} nav .nav-menu::before{filter: drop-shadow(0px 15px 76px rgba(1, 1, 19, 0.2));transition: all .2s ease-in-out;} nav.active .nav-menu{right: 50px;top: 114px;} nav.active ul li ul {visibility: visible;} .card:after{float: initial;margin: 0px 0px 0px 10px;} nav ul li:hover ul {top: 0px;} nav ul li ul{top: 0px;height: auto;visibility: hidden;opacity: 1;position: relative;display: inline-block;float: left;transition: initial;transform: initial;left: 10px;width: calc(100% - 20px);backdrop-filter: initial;} nav ul li ul li > a {padding: 25px 0px 25px 0px;width: calc(100% - 0px);} nav ul li > a {width: calc(100% - 0px);padding: 20px 0px 20px 0px;} /* ******* ******* ******* MAIN ******* ******* ******* */ /* Card selection */ .cardselection-category {width: calc(100% - 0px);position: relative;left: initial;margin: 44px 0px 130px 0px;text-align: center;} .cardselection-services{width: auto;float: left;} .cardselection-getcard{width: calc(100% - 0px);margin: 15px 0px 0px 0px;} .cardselection-topup{width: calc(100% - 0px);margin: 40px 0px 0px 0px;} .cardselection-exchangerates{width: calc(100% - 0px);margin: 40px 0px 0px 0px;} .cardselection-box p{width: calc(100% - 0px);margin: 27px 0px -6px 0px;} .cardselection-category::after {top: 260px;left: calc(50% - 15px);transform: translate(-50%, 0px);width: 500px;} .cardselection-category img{width: 430px;float: initial;} .cardselection-learnmore {width: calc(100% - 0px);margin: 0px 0px 0px 0px;} .cardselection-track {flex-wrap: nowrap;margin: 44px 0px 0px -10px;width: calc(100% + 20px);justify-content: flex-start;} .cardselection-box-controller {display: inline-block;width: calc(100% - 0px);height: 50px;margin: 24px 0px 0px 0px;float: left;} .cardselection-box {width: calc(100% - 0px);min-width: calc(100% - 100px);margin: 0px 10px 0px 10px;} .cardselection-box:nth-child(1) {margin: 0px 10px 0px 10px;} /* Card issuance */ .cardissuance-box-element-six {transform: rotate(-15deg);right: 46px;} /* FAQ */ .accordion-container .accordion-button {padding: 22px 70px 22px 30px;width: calc(100% - 100px);font-size: 20px;line-height: 30px;} .accordion-container .accordion-button:after {right: 30px;} .accordion-content.open{padding: 0px 0px 0px 30px;} .accordion-content{padding: 0px 0px 0px 30px;width: calc(100% - 30px);} /* Guides */ .guides-tab-box{ margin: -415px 50px 100px 50px;} } /* width max: 700px */ @media screen and (max-width: 700px) { /* ******* ******* ******* NAV ******* ******* ******* */ .nav-getcard{display: none;} /* ******* ******* ******* MAIN ******* ******* ******* */ /* About card */ .aboutcard-box:nth-child(1){width: calc(100% - 80px);margin: 0px 0px 0px 0px;} .aboutcard-box:nth-child(2){width: calc(100% - 80px);margin: 20px 0px 0px 0px;} .aboutcard-box:nth-child(3){width: calc(100% - 80px);margin: 20px 0px 0px 0px;} .aboutcard-box:nth-child(4){width: calc(100% - 80px);margin: 20px 0px 0px 0px;} .aboutcard-box {min-height: 230px;} .aboutcard-box:nth-child(1) p {max-width: initial;} .aboutcard-box:nth-child(2) p {max-width: initial;} .aboutcard-element-five {bottom: -91px;} .aboutcard-element-seven {width: 172px;height: 218px;right: -29px;bottom: -69px;background-size: 172px;} .aboutcard-box-exchangerates-currency {font-size: 14px;line-height: 10px;margin: 4px 0px 0px 10px;} .aboutcard-box-exchangerates-price {font-size: 12px;line-height: 9px;} .aboutcard-box:nth-child(4) p {max-width: initial;margin: 33px 0px 103px 0px;} /* Card issuance */ .cardissuance-box-controller {display: inline-block;width: calc(100% - 40px);height: 50px;margin: 34px 0px 0px 0px;} .cardissuance-track {flex-wrap: nowrap;width: calc(100% + 20px);margin: 0px 0px 0px 40px;} .cardissuance-box-container {width: calc(100% - 0px);margin: 0px 0px 0px 0px;} .cardissuance-box {width: calc(100% - 200px);min-width: calc(100% - 200px);margin: 0px 10px 0px 10px;} .cardissuance-box-container{margin: 37px 0px 0px 0px;} /* Card selection */ .cardselection-category img {width: 260px;border-radius: 24px;} .cardselection-category {margin: 35px 0px 60px 0px;} .cardselection-category::after {top: 143px;left: calc(50% + 21px);width: 310px;} /* ******* ******* ******* FOOTER ******* ******* ******* */ .footer-copyright {width: 100%;} .footer-socialmedia {width: 100%;margin: 50px 0px 0px 0px;} .footer-bottom {flex-wrap: wrap;text-align: center;} .footer-socialmedia a {float: initial;} } /* width max: 600px */ @media screen and (max-width: 600px) { /* ******* ******* ******* MAIN ******* ******* ******* */ /* H1 */ .h1 h1 {font-size: 39px;line-height: 42px;} .h1 h1.effect {max-width: 300px;font-size: 54px;line-height: 59px;} .effect .h1-title-container-box{width: 300px;height: 42px;} .icon-h1{width: 48px;height: 48px;margin: 0px 0px -7px 0px;} .effect .h1-title-box {left: calc(50% - 0px);} .effect .h1-title-box .icon-h1.googleplay {border-radius: 6px;} h1.effect.active-h1-title-box-eleven span:nth-child(1){left: -42px;top: 66px;} .effect .h1-title-box:nth-child(11) {top: -66px;left: 227px;} .effect.active-h1-title-box-eleven .h1-title-box:nth-child(11) {left: 254px;top: -66px;} .effect .h1-title-box:nth-child(5) {left: calc(50% - 24px);} .effect .h1-title-box:nth-child(5) {width: 360px;top: -30px;} } /* width max: 500px */ @media screen and (max-width: 500px) { h3{font-size: 20px;line-height: 28px;} h2{font-size: 24px;line-height: 34px;} /* ******* ******* ******* NAV ******* ******* ******* */ .header{width: initial} .nav-button {position: fixed;} .nav-menu {position: fixed;} .header .logotype-and-nav::before {position: fixed;} /* ******* ******* ******* HEADER ******* ******* ******* */ /* Header logotype */ header .logotype {padding: 36px 0px 24px 30px;} header .logotype div {width: 151px;height: 24px;background-size: 151px 24px;} .header .logotype-and-nav::before{left: 15px;width: calc(100% - 30px);} /* ******* ******* ******* NAV ******* ******* ******* */ nav.active .nav-menu {right: 30px;top: 96px;} .nav-menu {max-width: initial;width: calc(100% - 60px);right: 30px;top: 116px;} nav ul li ul {width: calc(100% - 20px);} .nav-tablet-button {width: 36px;height: 36px;} .nav-tablet-button-element {top: 17px;left: 9px;} .nav-tablet-button-element:before {bottom: 5px;} .nav-tablet-button-element:after {top: 5px;} .nav-button{width: 36px;height: 50px;padding: 30px 30px 4px 30px;top: 0px;right: 0px;} /* ******* ******* ******* MAIN ******* ******* ******* */ /* H1 */ .h1-element-two {font-size: 18px;line-height: 13px;top: 127px;} .h1-element-one {width: 80px;height: 36px;top: 115px;} .h1-element-three{z-index: 100;left: -1%;top: 450px;width: 560px;height: 560px;} .h1-element-four{left: -48%;top: 429px;width: 560px;height: 580px;} .h1-elements{width: calc(100% - 60px);margin: 0px 30px 0px 30px;} .h1 h1 {margin: 223px auto 0px auto;} .h1-getcard a {font-size: 16px;line-height: 26px;padding: 13px 20px 13px 20px;} .h1-getcard a::after{width: 26px;height: 15px;background-size: 26px 15px;margin: -1px 0px -4px 5px;} .h1-benefits {max-width: 1000px;margin: 80px 30px 100px 30px;font-size: 14px;line-height: 20px;width: calc(100% - 60px);} .h1-benefits-three .сheckmark {margin: 0px 9px -7px 0px;} .h1-benefits-two .sbp {margin: 0px 9px -7px 0px;} .h1-benefits-one .starmark {margin: 0px 9px -7px 0px;} .h1-benefits-one {margin: 0px 0px 16px 0px;width: 100%;} .h1-benefits-two {margin: 16px 0px 16px 0px;width: 100%;} .h1-benefits-three {margin: 16px 0px 2px 0px;width: 100%;} .h1-container {min-height: auto;} .h1-getcard{width: calc(100% - 30px);margin: 70px 15px 0px 15px;} .h1 h1.effect {max-width: 300px;font-size: 54px;line-height: 59px;} /* About card */ .aboutcard h2 {width: calc(100% - 0px);font-size: 24px;line-height: 34px;margin: -9px auto 0px auto;} .subtitle p {max-width: initial;} .aboutcard {width: calc(100% - 60px);padding: 0px 30px 0px 30px;} .aboutcard.paymentmethods {margin: 68px auto 0px auto;} .subtitle {display: none;} .aboutcard-box-container {margin: 42px 0px 0px 0px;} .aboutcard-element-one {width: 87px;height: 87px;border-radius: 30px;background-size: 33px;left: -36px;top: -58px;} .aboutcard-element-two {width: 80px;height: 80px;top: -47px;right: -25px;background-size: 80px;} .aboutcard-element-three {width: 60px;height: 60px;background-size: 60px 60px;left: 21px;top: 92px;} .aboutcard-element-four {width: 60px;height: 60px;background-size: 40px;right: -8px;top: 72px;filter: drop-shadow(0px 6px 33px rgba(1, 1, 19, 0.08));border-radius: 20px;} .aboutcard-element-five {width: 330px;height: 184px;background-size: 330px;left: 2px;bottom: -51px;} .aboutcard-element-eleven {left: 20px;bottom: -55px;width: 141px;height: 141px;background-size: 141px;} .aboutcard-element-ten {bottom: 30px;left: initial;right: 30px;width: 80px;height: 80px;background-size: 80px;} .aboutcard-box h3 {margin: -6px 0px -7px 0px;} .aboutcard-box:nth-child(2) p {margin: 33px 0px 33px 0px;} /* Card issuance */ .cardissuance-container::before {height: 65px;} .cardissuance-box-controller {width: calc(100% - 0px);} .cardissuance h2{font-size: 24px;line-height: 36px;width: calc(100% - 60px);} .cardissuance-box {width: calc(100% - 190px);min-width: calc(100% - 160px);} .cardissuance-box {min-height: 430px;} .cardissuance-box h3 {max-width: 160px;} .cardselection h2 {margin: -9px 0px -8px 0px;} .cardissuance-track {flex-wrap: nowrap;width: calc(100% + 20px);margin: 0px 0px 0px 20px;} .cardissuance-demonstration{width: 720px;margin: 14px 0px 84px 0px;} .cardissuance-demonstration-title{font-size: 14px;line-height: 10px;padding: 24px 20px 22px 20px;} .cardissuance-box p {font-size: 14px;line-height: 25px;} .cardissuance-box:nth-child(1) .cardissuance-demonstration-title {padding: 24px 20px 22px 20px;bottom: 212px;} .cardissuance-box:nth-child(2) .cardissuance-demonstration-title {padding: 24px 20px 22px 20px;bottom: 235px;} .cardissuance-box:nth-child(3) .cardissuance-demonstration-title {padding: 24px 20px 22px 20px;bottom: 215px;} /* Card selection */ .cardselection{width: calc(100% - 60px);margin: 74px 30px 0px 30px;} .subtitle-benefits{margin: 34px auto 0px auto;} .subtitle-benefits-one {margin: 16px 0px 15px 0px;width: 100%;} .subtitle-benefits-two {margin: 16px 0px 15px 0px;width: 100%;} .subtitle-benefits-three {margin: 16px 0px 16px 0px;width: 100%;} .subtitle-benefits-title {margin: 16px 0px 15px 0px;width: 100%;display: none;} .cardselection-box-container {margin: 14px 0px 0px -10px;} .subtitle-benefits {font-size: 14px;line-height: 19px;} .cardselection-box p{font-size: 14px;line-height: 19px;} .cardselection-service {width: 28px;height: 28px;} .cardselection-service.steam{background-size: 28px 28px;} .cardselection-service.playstation{background-size: 36px 36px;} .cardselection-service.xbox{background-size: 20px 20px;background-color: #0F7C11;} .cardselection-service.discord{background-size: 21px 21px;background-color: #5865F2;} .cardselection-service.twitch{background-size: 18px 18px;background-position: 5px 6px;background-color: #9047FF;} .cardselection-service.chatgpt{background-size: 28px 28px;} .cardselection-service.youtube{background-size: 21px 14px;} .cardselection-service.spotify{background-size: 25px 25px;box-shadow: inset 0 0 0 3px #ffffff;} .cardselection-service.netflix{background-size: 10px 20px;} .cardselection-service.booking{background-size: 30px 36px;} .cardselection-service.airbnb{background-size: 24px 33px;} .cardselection-service.tripcom{background-size: 24px 8px;background-color: #2346FF;} .cardselection-service.agoda{background-size: 20px 17px;} .cardselection-service.aviasales{background-size: 14px 14px;} .cardselection-service.notion {background-size: 14px 19px;} .cardselection-service.appstore2 {background-size: 36px 36px;} .cardselection-service.claude {background-size: 18px 18px;} .cardselection-service.airbnb2 {background-size: 18px 18px;} .cardselection-service.uber {background-size: 20px 7px;} .cardselection-service.grab {background-size: 24px 10px;} .cardselection-services-plus{display: inline-block;background-color: #161627;color: #ffffff;font-size: 12px;position: relative;border-radius: 28px;padding: 7px 6px 8px 6px;line-height: 9px;margin: 0px 0px 0px -6px;top: -3px;} .cardselection-box {padding: 30px 30px 10px 30px;width: calc(100% - 60px);} .cardselection-exchangerates-txt {font-size: 14px;} .cardselection-topup-txt {font-size: 14px;line-height: 19px;} .cardselection-getcard a {font-size: 14px;padding: 6px 6px 6px 30px;line-height: 42px;} .cardselection-getcard-price{padding: 15px 15px 14px 15px;margin: 0px 0px 0px 0px;line-height: 13px;font-size: 18px;} .cardselection-box {width: calc(100% - 0px);min-width: calc(100% - 100px);margin: 0px 6px 0px 6px;} .cardselection-box:nth-child(1) {margin: 0px 6px 0px 6px;} .cardselection-track {margin: 1px 0px 0px 0px;width: calc(100% + 40px);} .cardselection-pay {width: 46px;height: 19px;background-size: 46px 19px;margin: 0px 0px 0px 10px;} .cardselection-box .cardselection-category{left: -100px;transition: all .3s ease-in-out;} .cardselection-box.active .cardselection-category{left: 0px;} .cardselection-box:nth-child(1){z-index: 900;} .cardselection-box:nth-child(2){z-index: 800;} .cardselection-box:nth-child(3){z-index: 700;} /* FAQ */ .accordion-container .accordion-button {width: calc(100% - 90px);padding: 24px 60px 24px 30px;font-size: 18px;line-height: 25px;} .faq {margin: 80px 30px 37px 30px;width: calc(100% - 60px);} .faq h2 {margin: -9px 0px -8px 0px;} .accordion-content {font-size: 14px;line-height: 20px;width: calc(100% - 30px);padding: 0px 0px 0px 30px;} .accordion-container li p:first-child {margin: -4px 0px 0px 0px;} .accordion-content.open {padding: 0px 0px 0px 30px;} .accordion-container li p:only-child {margin: -4px 0px 32px 0px;} .accordion {margin: 50px 0px 0px 0px;} /* Guides */ .guides-tab-box {width: calc(100% - 60px);margin: -403px 30px 50px 30px;} .guides-tab {margin: 447px 0px 0px 0px;} .guides-title .subtitle p {margin: -10px 0px -10px 0px;font-size: 14px;line-height: 30px;} .guides-title {margin: 10px 30px 0px 30px;width: calc(100% - 60px);} .guides-title .subtitle {text-align: center;} .guides-title h2 {font-size: 24px;line-height: 34px;margin: -8px 0px -8px 0px;text-align: center;} .guides-box a {width: calc(100% - 62px);padding: 30px;} .guides-box-h3-txt {width: calc(100% - 95px);margin: 0px 0px 0px 20px;} .guides-viewallguides{margin: 34px auto 0px auto;} .guides-box h3 {font-size: 18px;line-height: 24px;margin: -5px 0px -5px 0px;} .guides-container {background: initial;margin: 20px 0px 0px 0px;} .tabs {width: calc(100% + 0px);margin: 0px 0px 40px 0px;} /* ******* ******* ******* FOOTER ******* ******* ******* */ .footer-container {margin: 100px 30px 88px 30px;width: calc(100% - 60px);} .footer-container .logotype-colorfull{width: 151px;height: 24px;float: initial;background-size: 151px 24px;} .footer-top {text-align: center;} .footer-company-info {text-align: center;} .footer-company-info-txt {margin: 37px 0px -7px 0px;} .footer-menu-container-title{font-size: 18px;line-height: 25px;margin: 18px 0px 29px 0px;} .legalinformation a {float: initial;margin: 35px 0px 0px 0px;} .legalinformation {text-align: center;} .footer-menu {float: initial;margin: 50px auto 0px auto;text-align: center;} .footer-copyright-info:nth-child(1){max-width: 260px;float: initial;} .footer-company-info-card::after {width: 350px;height: 232px;} } /* width max: 490px */ @media screen and (max-width: 490px) { /* ******* ******* ******* MAIN ******* ******* ******* */ /* H1 */ .h1 h1.effect {font-size: 50px;line-height: 59px;} .effect .h1-title-box:nth-child(11) {left: 246px;top: -64px;} .effect.active-h1-title-box-eleven .h1-title-box:nth-child(11) {left: 246px;top: -64px;} h1.effect.active-h1-title-box-eleven span:nth-child(1){left: -41px;top: 64px;} } /* width max: 460px */ @media screen and (max-width: 460px) { /* ******* ******* ******* MAIN ******* ******* ******* */ /* H1 */ .h1 h1.effect {font-size: 50px;line-height: 59px;} .effect .h1-title-box:nth-child(11) {left: 238px;top: -50px;} .effect.active-h1-title-box-eleven .h1-title-box:nth-child(11) {left: 247px;top: -64px;} h1.effect.active-h1-title-box-eleven span:nth-child(1){left: -38px;top: 64px;} /* Guides */ .guides-tab-box {margin: -454px 30px 50px 30px;} .guides-tab {margin: 498px 0px 0px 0px;} } /* width max: 450px */ @media screen and (max-width: 450px) { /* ******* ******* ******* MAIN ******* ******* ******* */ /* H1 */ .h1 h1.effect {font-size: 46px;line-height: 50px;} .effect .h1-title-box:nth-child(11) {left: 238px;top: -50px;} .effect.active-h1-title-box-eleven .h1-title-box:nth-child(11) {left: 238px;top: -50px;} h1.effect.active-h1-title-box-eleven span:nth-child(1){left: -37px;top: 50px;} }