/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on June 14, 2025 */

@font-face {
    font-family: 'air_americanabold';
    src: url('../fonts/airamericana-bold.woff2') format('woff2'),
         url('../fonts/airamericana-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'air_americanabold_italic';
    src: url('../fonts/airamericana-bolditalic.woff2') format('woff2'),
         url('../fonts/airamericana-bolditalic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'air_americanalight';
    src: url('../fonts/airamericana-light.woff2') format('woff2'),
         url('../fonts/airamericana-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'air_americanalight_italic';
    src: url('../fonts/airamericana-lightitalic.woff2') format('woff2'),
         url('../fonts/airamericana-lightitalic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'air_americanaregular';
    src: url('../fonts/airamericana-regular.woff2') format('woff2'),
         url('../fonts/airamericana-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'air_americanaitalic';
    src: url('../fonts/airamericana-regularitalic.woff2') format('woff2'),
         url('../fonts/airamericana-regularitalic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'air_americanasemibold';
    src: url('../fonts/airamericana-semibold.woff2') format('woff2'),
         url('../fonts/airamericana-semibold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'air_americanasemibolditalic';
    src: url('../fonts/airamericana-semibolditalic.woff2') format('woff2'),
         url('../fonts/airamericana-semibolditalic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'air_americanathin';
    src: url('../fonts/airamericana-thin.woff2') format('woff2'),
         url('../fonts/airamericana-thin.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'air_americanathin_italic';
    src: url('../fonts/airamericana-thinitalic.woff2') format('woff2'),
         url('../fonts/airamericana-thinitalic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pixel_operatorregular';
    src: url('../fonts/pixeloperator-webfont.woff2') format('woff2'),
         url('../fonts/pixeloperator-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* -------- Global -------- */
HTML{height:100%;width:100%;scroll-behavior:smooth;}
BODY{height:100%;width:100%;max-width:100%;min-width:320px;font-family: 'Inter', sans-serif;color:var(--pink);overflow-x:hidden;}
.container{width:100%;max-width:1660px;margin:0 auto;}
.flex{display:flex;}

.bold{font-family: 'air_americanabold', sans-serif}
.bolditalic{font-family: 'air_americanabold_italic', sans-serif}
.semibold{font-family: 'air_americanasemibold', sans-serif}
.semibolditalic{font-family: 'air_americanasemibolditalic', sans-serif}
.regular{font-family: 'air_americanaregular', sans-serif}
.italic{font-family: 'air_americanaitalic', sans-serif}
.light{font-family: 'air_americanalight', sans-serif}
.lightitalic{font-family: 'air_americanalight_italic', sans-serif}
.thin{font-family: 'air_americanathin', sans-serif}
.thinitalic{font-family: 'air_americanathin_italic', sans-serif}

.txt-align-left{text-align:left;}
.txt-align-center{text-align:center;}
.txt-align-right{text-align:right;}

:root {
--blue: #3D4AEE;
--pink: #FB9FEE;
--white: #ffffff;
--darkgray: #272F41;
--black: #000;
--light: #FFCAF8;
}

::-moz-selection{/* Code for Firefox */color:var(--white);background:var(--pink);}
::selection{color:var(--white);background:var(--pink);}

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
 }

/* -------- Header -------- */
header.main{height:160px;width:100%;padding:50px 35px 0 25px;position:fixed;top:0;left:0;z-index:400;transition: all 0.5s ease;}
header.main .logo, header.header-fixed .logo{float:left;}
header.main .logo a{display:block;width:268px;height:82px;background-image: url('../images/logo.svg');background-size:100%;background-repeat:no-repeat;transition: all 0.5s ease;}
header.header-fixed{height:70px;padding:15px 35px 0 25px;}
header.header-fixed .logo a{width:140px;}
nav.menu{float:right;overflow:hidden;}
nav.menu a{overflow:hidden;text-decoration:none;display:inline-block;width:115px;height:50px;border-radius:25px;text-align:center;font-size:16px;font-weight:400;padding:17px 0 0 0;margin:0 0 0 10px;transition: all 0.5s ease;}
nav.menu .close{width:50px;background-image: url('../images/close.svg');background-size:25px;background-repeat:no-repeat;background-position:center center;display:none;position:relative;z-index:7;}
nav.menu .close:hover{animation: rotatex 0.5s;background-image: url('../images/close-white.svg');}
@keyframes rotatex {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(180deg);}
}
.menuwrap{overflow:hidden;transition: all .3s ease;right:0;position:relative;display:inline-block;}
.whitebtn{background:var(--white);color:var(--black);}
.pinkbtn{background:var(--pink);color:var(--black);}
.whitebtn:hover,.pinkbtn:hover{background:var(--black);color:var(--white);}

/* -------- Test Area -------- */
.test-area{z-index:398;background-color:var(--light);height:0;width:100%;display:block;transition:all 0.5s ease;overflow:hidden;color:var(--black);position:fixed;top:0;}
.testing-wrap{padding:250px 0 0 0;}
.testing-filter{border-top:1px solid var(--black);border-bottom:1px solid var(--black);max-height:80px;padding:19px 0 0 0;display:flex;justify-content: space-between;}
.testing-filter select {appearance:none;background-color:transparent;border:none;padding:10px 1em 10px 0;margin:0;width:100%;font-family:inherit;font-size:inherit;cursor:inherit;line-height:18px;outline:none;color:var(--black);font-weight:500;}
.testing-filter select option{width:100%;min-width:200px;max-width:278px;color:var(--black);}
.testing-filter select option:hover{background-color:var(--black);}
.testing-filter select::-ms-expand {display:none;}
.testing-filter .custom-select-sml {width:100%;min-width:200px;max-width:268px;border:1px solid var(--light);padding:0 10px 0 0;font-size:12px;font-weight:300;cursor:pointer;line-height:1.1;margin:0 0 60px -1px;display:grid;grid-template-areas:'select';align-items:center;position:relative;z-index:101;}
.testing-filter .custom-select-sml::after {content:'';width:8px;height:4px;background-color:#cca2c6;clip-path: polygon(100% 0%, 0 0%, 50% 100%);justify-self:end;transition: all 0.5s ease;}
.testing-filter .custom-select-sml:hover::after {background-color:var(--black);}
.testing-filter select,.custom-select-sml:after {grid-area:select;}
.test-area .cnt{padding:100px 0;}
#testfield{font-size:125px;line-height:1;}
.caption{z-index:399;position:sticky;bottom:0;border-top:1px solid var(--black);font-size:12px;height:80px;width:100%;left:0;max-width:1660px;background-color:var(--light);padding:15px 0 0 0;text-transform:uppercase;letter-spacing:1px;}

.test-area ::-moz-selection{/* Code for Firefox */color:var(--white);background:var(--black);}
.test-area ::selection{color:var(--white);background:var(--black);}

input[type="range"]{-webkit-appearance:none;background:transparent;cursor:pointer;width:145px;}
/***** Chrome, Safari, Opera, and Edge Chromium *****/
input[type="range"]::-webkit-slider-runnable-track {
  background:#cca2c6;
  height:2px;
  transition: all 0.5s ease;
}
input[type="range"]:hover::-webkit-slider-runnable-track {background:var(--black);}
/******** Firefox ********/
input[type="range"]::-moz-range-track {
  background:#cca2c6;
  height:2px;
  transition: all 0.5s ease;
}
input[type="range"]:hover::-moz-range-track {background:var(--black);}


/***** Chrome, Safari, Opera, and Edge Chromium *****/
input[type="range"]::-webkit-slider-thumb {
   -webkit-appearance: none; /* Override default look */
   appearance:none;
   margin-top:-6px; /* Centers thumb on the track */
   background-color:var(--light);
   height:14px;
   width:14px;    
   border-radius:50%;
   border:2px solid var(--black);
   transition: all 0.5s ease;
}
input[type="range"]:hover::-webkit-slider-thumb {background-color:var(--black);}
/***** Firefox *****/
input[type="range"]::-moz-range-thumb {
    border: none; /*Removes extra border that FF applies*/
    border-radius: 0; /*Removes default border-radius that FF applies*/
    background-color:var(--light);
    height:10px;
    width:10px;    
    border-radius:50%;
    border:2px solid var(--black);
	transition: all 0.5s ease;
}
input[type="range"]:hover::-moz-range-thumb {background-color:var(--black);}

.fontstyle{max-width:200px;}
.textsize, .texttracking, .textleading{font-size:12px;padding:9px 0 0 0;}
.textsize span, .texttracking span, .textleading span{display:inline-block;position:relative;}
.textsize span span, .texttracking span span, .textleading span span{position:absolute;top:0;left:0;display:none;background-color:var(--light);width:100%;padding:0 0 2px 0;}
.textsize span{width:40px;}
.texttracking span{width:60px;}
.textleading span{width:60px;}
.textsize:hover span span, .texttracking:hover span span, .textleading:hover span span{display:block;}

.textalign {display:flex;padding:15px 0 0 0;}
.textalign span{display:inline-block;width:24px;height:9px;margin-left:20px;opacity:0.2;transition: all 0.5s ease;}
.textalign span:hover{cursor:pointer;opacity:1;}
.textalign span:first-child{margin-left:0;}
.txtleft{background-image: url('../images/txt-left.svg');}
.txtcenter{background-image: url('../images/txt-center.svg');}
.txtright{background-image: url('../images/txt-right.svg');}

/* -------- Section One -------- */
section.one{padding:280px 125px 125px 125px;position:relative;overflow:hidden;background-color:var(--blue);}
section.one h1{font-family: 'air_americanabold_italic', sans-serif;font-size:225px;text-transform:uppercase;font-weight:normal;margin:-15px 0 50px 0;animation: h1intro 1s;}
@keyframes h1intro {
  0% {opacity:0;}
  100% {opacity:1;}
}
section.one .intro-wrap{display:flex;position:relative;}
section.one .intro{font-size:56px;padding:0;font-weight:300;line-height:64px;position:relative;animation: pintro 1.7s;}
@keyframes pintro {
  0% {top: 10px;opacity:0;}
  100% {top: 0px;opacity:1;}
}
section.one .intro span{background-color:var(--blue);display:block;width:100%;position:relative;}
section.one .intro span.sp1{z-index:3;}
section.one .intro span.sp2{z-index:2;animation: sp2 1.3s;}
@keyframes sp2 {
  0% {top: -64px;opacity:0;}
  100% {top: 0px;opacity:1;}
}
section.one .intro span.sp3{z-index:1;animation: sp3 1.3s;}
@keyframes sp3 {
  0% {top: -128px;opacity:0;}
  50% {top: -64px;opacity:0;}
  100% {top: 0px;opacity:1;}
}

.circle-wrap{position:relative;z-index:20;}
.circular-text{transition: all 0.5s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:21;}
.kick-text{font-weight:700;font-size:14px;letter-spacing:3px;text-transform: uppercase;color:var(--pink);transition: all 0.5s ease;}
.circular-text:hover .kick-text{color:var(--white);}
.icon{display:block;width:60px;height:58px;position:absolute;}
.icon img{display:block;width:100%;height:100%;margin-left:1px;}

.patreon{position:absolute;bottom:0;right:125px;}

.arrow{display:block;width:200px;height:87px;position:relative;text-decoration:none;color:var(--pink);animation: fadeinup 1.5s;}
.arrow:hover img{
    animation-play-state: paused;
  }
.arrow p{margin:15px 0 0 0;line-height:1.2em;position:relative;display:inline-block;transition:all .5s ease;}
.arrow:hover p{color:var(--white);}
/*
.arrow p::before{content: '';z-index:1;display:block;height:2px;background:var(--pink);transition:all .5s ease;position:absolute;left:0;bottom:-10px;width:100%;}
.arrow p::after{content: '';z-index:2;display:block;height:2px;background:var(--white);transition:all .5s ease;position:absolute;left:0;bottom:-10px;width:0;}
.arrow:hover p::after{width:100%;}
*/
.arrow img{animation: arrowloop 3.4s;animation-iteration-count:infinite;position:absolute;top:70px;left:0;display:block;}
@keyframes arrowloop {
  from {top: 70px;}
  50%{top: 130px;}
  to {top: 70px;}
}
.linetop, .linebottom, .linemid{position:absolute;left:0;width:100%;height:1px;opacity:0.2;border-top: 1px dashed var(--white);}
.linetop{top:290px;}
.linebottom{top:470px;}
.linemid{top:350px;z-index:0;opacity:0.05;}

.fadeinup{animation: fadeinup 1.5s;}
@keyframes fadeinup {
  from {top:60px;opacity:0;}
  to {top:0;opacity:1;}
}

/* Typewriter effect 1 */
@keyframes typing {
  0%{ content: ""; }
  2.1395%{ content: "Air A"; }
  4.2791%{ content: "Air Am"; }
  6.4186%{ content: "Air Ame"; }
  8.5581%{ content: "Air Amer"; }
  10.6977%{ content: "Air Ameri"; }
  12.8372%{ content: "Air Americ"; }
  14.9767%{ content: "Air America"; }
  18.1163%{ content: "Air American"; }
  20.2558%{ content: "Air Americana"; }
  100%{ content: "Air Americana"; }
}
@keyframes blink {
  0%, 100% { opacity: 0; }
  50% { opacity: 1; }
}
.typewriter {
  --caret: var(--white);
}
.typewriter::before {
  content: "Air Americana";
  animation: typing 13.5s ;
}
.typewriter::after {
  content: "";
  border-right: 2px solid var(--caret);
  animation: blink 0.5s linear;
  animation-iteration-count:6;
  opacity:0;
}

/* -------- Section Two -------- */
section.two{padding:0 125px 125px 125px;background-color:var(--blue);}
section.two img{width:100%;mix-blend-mode:luminosity;transition:all .5s ease;animation:fadeinup 0.5s;position:relative;}
/*section.two img:hover{width:100%;mix-blend-mode:normal;transition:all .5s ease;}*/

/* -------- Section Three -------- */
section.three{padding:60px 0 125px 0;overflow:hidden;background-color:var(--blue);}
section.three h2{transition:transform 0.5s linear;text-align:center;font-size:100px;font-weight:normal;white-space:nowrap;}
section.three h2 span{font-size:40px;display:inline-block;color:var(--white);background-color:var(--pink);border-radius:50%;width:100px;height:100px;padding:30px 0 0 0;position:relative;top:-20px;}
#text-slider-wrap{margin:0 0 170px 0;}
.txt-3-wrap{margin:0 0 125px 0;}
section.three p{font-size:50px;font-weight:300;line-height:58px;text-indent:125px;position:relative;}
section.three p::before{content:'';position:absolute;top:17px;left:0;display:block;border-radius:50%;width:30px;height:30px;background-color:var(--pink);}

/* -------- Section Four -------- */
section.four{padding:0 125px 150px 125px;overflow:hidden;background-color:var(--blue);}
section.four .four-left{width:400px;padding:0 200px 0 0;position:relative;}
section.four .four-left h3{font-size:24px;font-weight:normal;font-weight:300;position:relative;margin:0 0 30px 0;line-height:1.2;}
section.four .four-right{width:calc(100% - 400px);padding:1px 0 0 0;}
section.four ul{list-style:none;display:flex;flex-wrap:wrap;position:relative;}
section.four ul li{font-size:50px;padding:0.44em 0;border:1px solid #646ef1;margin-left:-1px;margin-top:-1px;text-align:center;transition:all .5s ease;width:90px;height:90px;}
section.four ul li:hover{background-color:var(--pink);color:var(--white);cursor:pointer;}

.preview{font-size:420px;padding:50px 0 0 0;}
.preview span.relative{position:relative;}
.preview span.fixed{position:fixed;width:400px;height:400px;margin-left:0;top:250px;}
.notyet{color:#646ef1;font-family: 'pixel_operatorregular', sans-serif;}
.notyet:hover{background-color:var(--blue) !important;color:#646ef1 !important;}

select {appearance:none;background-color:transparent;border:none;padding:10px 1em 10px 0;margin:0;width:100%;font-family:inherit;font-size:inherit;cursor:inherit;line-height:18px;outline:none;color:var(--white);}
select option{width:100%;min-width:200px;max-width:278px;color:var(--black);}
select option:hover{background-color:var(--black);}
select::-ms-expand {display:none;}
.custom-select {width:100%;min-width:200px;max-width:268px;border:1px solid var(--pink);padding:0 10px 0 10px;font-size:14px;font-weight:300;cursor:pointer;line-height:1.1;margin:0 0 60px -1px;display:grid;grid-template-areas:'select';align-items:center;position:relative;z-index:101;}
.custom-select::after {content:'';width:12px;height:6px;background-color:var(--pink);clip-path: polygon(100% 0%, 0 0%, 50% 100%);justify-self:end;}
select,.custom-select:after {grid-area:select;}
select:focus + .focus {position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border: 2px solid var(--white);border-radius:inherit;}

#glyph-a::after{content:'a';}
#glyph-b::after{content:'b';}
#glyph-c::after{content:'c';}
#glyph-d::after{content:'d';}
#glyph-e::after{content:'e';}
#glyph-f::after{content:'f';}
#glyph-g::after{content:'g';}
#glyph-h::after{content:'h';}
#glyph-i::after{content:'i';}
#glyph-j::after{content:'j';}
#glyph-k::after{content:'k';}
#glyph-l::after{content:'l';}
#glyph-m::after{content:'m';}
#glyph-n::after{content:'n';}
#glyph-o::after{content:'o';}
#glyph-p::after{content:'p';}
#glyph-q::after{content:'q';}
#glyph-r::after{content:'r';}
#glyph-s::after{content:'s';}
#glyph-t::after{content:'t';}
#glyph-u::after{content:'u';}
#glyph-v::after{content:'v';}
#glyph-w::after{content:'w';}
#glyph-x::after{content:'x';}
#glyph-y::after{content:'y';}
#glyph-z::after{content:'z';}
#numbersign::after{content:'#';}
#agrave::after{content:'À';}
#aacute::after{content:'Á';}
#acircumflex::after{content:'Â';}
#atilde::after{content:'Ã';}
#adieresis::after{content:'Ä';}
#aring::after{content:'Å';}
#ae::after{content:'Æ';}
#egrave::after{content:'È';}
#eacute::after{content:'É';}
#ecircumflex::after{content:'Ê';}
#edieresis::after{content:'Ë';}
#igrave::after{content:'Ì';}
#iacute::after{content:'Í';}
#icircumflex::after{content:'Î';}
#idieresis::after{content:'Ï';}
#eth::after{content:'Ð';}
#ntilde::after{content:'Ñ';}
#ograve::after{content:'Ò';}
#oacute::after{content:'Ó';}
#ocircumflex::after{content:'Ô';}
#otilde::after{content:'Õ';}
#odieresis::after{content:'Ö';}
#oe::after{content:'Œ';}
#ugrave::after{content:'Ù';}
#uacute::after{content:'Ú';}
#ucircumflex::after{content:'Û';}
#udieresis::after{content:'Ü';}
#yacute::after{content:'Ý';}
#ydieresis::after{content:'Ÿ';}
#percent::after{content:'%';}
#perthousand::after{content:'‰';}
#asterisk::after{content:'*';}
#plus::after{content:'+';}
#less::after{content:'<';}
#equal::after{content:'=';}
#greater::after{content:'>';}
#a-grave::after{content:'à';}
#a-acute::after{content:'á';}
#a-circumflex::after{content:'â';}
#a-tilde::after{content:'ã';}
#a-dieresis::after{content:'ä';}
#a-ring::after{content:'å';}
#ae-::after{content:'æ';}
#c-cedilla::after{content:'ç';}
#e-grave::after{content:'è';}
#e-acute::after{content:'é';}
#e-circumflex::after{content:'ê';}
#e-dieresis::after{content:'ë';}
#i-grave::after{content:'ì';}
#i-acute::after{content:'í';}
#i-circumflex::after{content:'î';}
#i-dieresis::after{content:'ï';}
#n-tilde::after{content:'ñ';}
#o-grave::after{content:'ò';}
#o-acute::after{content:'ó';}
#o-circumflex::after{content:'ô';}
#o-tilde::after{content:'õ';}
#o-dieresis::after{content:'ö';}
#oe-::after{content:'œ';}
#u-grave::after{content:'ù';}
#u-acute::after{content:'ú';}
#u-circumflex::after{content:'û';}
#u-dieresis::after{content:'ü';}
#y-acute::after{content:'ý';}
#y-dieresis::after{content:'ÿ';}
#braceleft::after{content:'{';}
#braceright::after{content:'}';}
#bar::after{content:'|';}
#dagger::after{content:'†';}
#daggerdbl::after{content:'‡';}
#scaron::after{content:'Š';}
#trademark::after{content:'™';}
#copyright::after{content:'©';}
#registered::after{content:'®';}
#exclamdown::after{content:'¡';}
#questiondown::after{content:'¿';}
#cent::after{content:'¢';}
#sterling::after{content:'£';}
#currency::after{content:'¤';}
#yen::after{content:'¥';}
#circum::after{content:'^';}
#grave::after{content:'`';}
#acute::after{content:'´';}
#tilde::after{content:'~';}
#dieresis::after{content:'¨';}
#guillemotleft::after{content:'«';}
#guillemotright::after{content:'»';}
#logicalnot::after{content:'¬';}
#degree::after{content:'°';}
#plusminus::after{content:'±';}
#mu::after{content:'µ';}
#paragraph::after{content:'¶';}
#periodcentered::after{content:'·';}
#cedilla::after{content:'¸';}
#multiply::after{content:'×';}
#divide::after{content:'÷';}
#oslash::after{content:'Ø';}
#o-slash::after{content:'ø';}

/* -------- Section Five -------- */
section.five{padding:100px 125px 0 125px;overflow:hidden;background-color:var(--blue);}
.swiper{margin:0 auto;position:relative;z-index:1;cursor:grab;overflow:visible !important;}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;box-sizing:content-box;}
.swiper-slide{background-color:var(--blue);}
.swiper-slide img{max-width:100%;mix-blend-mode:luminosity;}
.swiper-slide img:hover{mix-blend-mode:normal;}

section.five h2{margin:0 0 100px 0;transition:transform 0.5s linear;text-align:left;font-size:100px;font-weight:normal;}
section.five p{font-size:50px;font-weight:300;line-height:58px;text-indent:125px;position:relative;margin:0 0 140px 0;}
section.five p::before{content:'';position:absolute;top:17px;left:0;display:block;border-radius:50%;width:30px;height:30px;background-color:var(--pink);}

.helptxt span, .helptxt1 span, .helptxt2 span, .helptxt3 span, .helptxt4 span, .helptxt5 span, .helptxt6 span{transform:translateY(25px);transition:.2s;transition-delay:0s;display:inline-block;opacity:0;}
.anim-reward span{transform:translateY(0);opacity:1;}


/* -------- Section Six -------- */
section.six{padding:125px 125px 200px 125px;background-color:var(--blue);}
section.six h3{font-size:24px;font-weight:normal;font-weight:300;position:relative;margin:0 0 20px 0;line-height:1.2;}
section.six h1{font-size:80px;font-weight:400;line-height:60px;color:var(--pink);text-decoration:none;margin:0 0 100px 0;}
section.six h1 span{font-size:18px;position:relative;top:-60px;}
.rewarditem {display:inline-block;width:100%;border-bottom:1px solid #646ef1;text-decoration:none;padding:80px 0 30px 0;}
.rewarditem h2{font-size:80px;font-weight:400;line-height:58px;color:var(--pink);text-decoration:none;margin:0 0 18px 80px;}
.rewarditem h2 small{font-size:18px;position:relative;top:-60px;}
.rewarditem p{margin:0 0 0 80px;color:var(--white);font-size:22px;font-weight:300;line-height:26px;}
.rewarditem p.sml{margin:0 0 0 80px;color:var(--white);font-size:16px;font-weight:300;line-height:16px;margin-top:15px;opacity:0.5;}
.rewarditem img.swipeimage{position:absolute;width:520px;top:0;height:271px;object-fit:cover;transform:translateX(-50%) translateY(-50%);z-index:10;opacity:0;visibility:hidden;pointer-events:none;}
.reward-desc{position:relative;padding:0 100px 0 0;}
.reward-desc::before{color:var(--pink);}
.reward-desc::after{content:'';opacity:0;display:block;width:60px;height:60px;background: url('../images/arrow-135-white.svg') 0 0 no-repeat;background-size:59px;transition:all .5s ease;position:absolute;bottom:40px;right:0;}
.reward-desc:hover::after{opacity:1;}
.item-01::before{content:'01';}
.item-02::before{content:'02';}
.item-03::before{content:'03';}
.item-04::before{content:'04';}
.item-05::before{content:'05';}
.item-06::before{content:'06';}

.ofl, .ofl-title{width:50%;line-height:24px;margin:0 0 24px 0;}
.ofl-title{font-weight:700;margin:50px 0 24px 0;}
section.spacer{padding:150px 0 0 0;position:relative;overflow:hidden;background-color:var(--blue);}

/* -------- Section Seven -------- */
section.seven{padding:150px 125px 100px 125px;background-color:var(--blue);}
.seven-left{width:30%;}
.seven-left h3{font-size:50px;font-weight:300;line-height:58px;padding:0 40px 0 0;}
.seven-right{width:55%;padding:10px 0 0 0;}
.seven-right p{column-count:2;column-gap:80px;line-height:1.35;}

section.seven  a{color:var(--pink);text-decoration:none;border-bottom:4px solid var(--white);transition:all .5s ease;}
section.seven a:hover{text-decoration:none;background-color:var(--white);}

/* -------- Section Eight -------- */
section.eight{background-color:var(--pink);padding:125px 125px 100px 125px;position:sticky;bottom:0;z-index:-1;}
.eight-left{border-right:1px solid var(--white);padding:0 60px 0 0;}
.eight-right{padding:0 0 0 60px;}
.eight-left, .eight-right{width:50%;color:var(--black);}
.eight-left h3, .eight-right h3{font-size:50px;font-weight:300;line-height:58px;}
.eight-left h3{margin:0 0 60px 0;}
.eight-right h3{margin:0 0 135px 0;}
.eight-left p, .eight-right p{margin:0 0 60px 0;}
.eight-left a, .eight-right a{color:var(--black);text-decoration:none;border-bottom:4px solid var(--white);transition:all .5s ease;}
.eight-left a:hover, .eight-right a:hover{text-decoration:none;background-color:var(--white);}
.eight-left a.button-footer{padding:15px;background-color:var(--black);color:var(--white);text-decoration:none;transition:all .5s ease;border:none;}
.eight-left a.button-footer:hover{color:var(--black);background-color:var(--white);}
.iamtiago{width:280px;height:63px;background: url('../images/logo-iamtiago.svg') 0 0 no-repeat;display:inline-block;}


/* -------- Cookies -------- */
#cookieScriptBox.loaded{padding:180px 0 0 0;opacity:1;bottom:calc(50% - 150px);left:calc(50% - 140px);background-color:var(--black);width:280px;}
#cookieScriptBox.loaded a, #cookieScriptBox.loaded .text .btn-warning{display:none;}
#cookieScriptBox.loaded .text{font-size:16px;font-weight:normal;font-weight:300;position:relative;margin:0 0 30px 0;line-height:1.2;font-family: 'Inter', sans-serif;color:var(--white);position:relative;}
#cookieScriptBox.loaded .text::before{content:'';background: url('../images/cookie.svg') 0 0 no-repeat;position:absolute;width:120px;height:130px;top:-145px;left:75px;}
#cookieScriptBox.loaded .text .btn-success{display:block;margin:15px 25px 0 25px;background:var(--white);color:var(--black);height:50px;border-radius:25px;text-align:center;font-size:14px;font-weight:400;padding:17px 0 0 0;transition: all 0.5s ease;}
#cookieScriptBox.loaded .text .btn-success:hover{background:var(--pink);color:var(--white);}