@import url('https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Finger+Paint&display=swap');
@font-face {
    font-family: 'Mangueira';
    src: url('../../assets/fonts/Mangueira-Regular.woff2') format('woff2'),
        url('../../assets/fonts/Mangueira-Regular.woff') format('woff');
    font-weight: normal;
    font-style: 400;
    font-display: swap;
}
@font-face {
    font-family: 'Mangueira';
    src: url('../../assets/fonts/Mangueira-Medium.woff2') format('woff2'),
        url('../../assets/fonts/Mangueira-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Mangueira';
    src: url('../../assets/fonts/Mangueira-SemiBold.woff2') format('woff2'),
        url('../../assets/fonts/Mangueira-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Mangueira';
    src: url('../../assets/fonts/Mangueira-Bold.woff2') format('woff2'),
        url('../../assets/fonts/Mangueira-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Mangueira';
    src: url('../../assets/fonts/Mangueira-Black.woff2') format('woff2'),
        url('../../assets/fonts/Mangueira-Black.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Mangueira';
    src: url('../../assets/fonts/Mangueira-Heavy.woff2') format('woff2'),
        url('../../assets/fonts/Mangueira-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
html:root{
    font-size: clamp(8.5px, 1.11vw, 18.6px);
    scroll-behavior: smooth;
}
h1, h2, h3, h4, h5, h6, p, li{
    margin: 0;
    font-family: Mangueira, sans-serif;
    line-height: 100%;
}
main{
    background-color: #000;
}
.hero-wrap{    
    background: url('images/stars1.webp') no-repeat center top / cover;
}
.hero{
    height: calc(100vh - 11.25rem);
    width: 100%;
    padding: 5.5rem 8.75rem 2rem;
    background-repeat: no-repeat;
    background-position: right calc(100% + 2rem);
    /*background-size: 41.375rem;*/
    background-size: 39rem auto;
}
.hero-content{
    width: 41rem;
}
.hero-content h1{
    color: #FFF;
    font-size: 5rem;
    font-weight: 800;
    line-height: 105%;
    letter-spacing: -3.2px;
    text-transform: capitalize;
    margin-bottom: 2rem;
}
.hero-content h1 strong{
    background: linear-gradient(61deg, #63AFC8 31.96%, #78FFD5 82.9%);
    font-family: "Kaushan Script", cursive;
    font-weight: 400;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/*.write-on-scroll strong{
    display: inline-flex;
    width: 0;
    max-width: fit-content;
    overflow: hidden;
    white-space: nowrap;
    border-right: 2px solid currentColor;
}
.write-on-scroll strong.visible{
    animation: writeOn 3s steps(30, end) forwards,
               cursorBlink 0.7s infinite;               
}*/
@keyframes writeOn {
    from {
        width: 0;
    }
    to {
        width: 100%;
        border-right: none;
    }
}
@keyframes cursorBlink {
    0%, 50% {
        border-color: currentColor;
    }
    51%, 100% {
        border-color: transparent;
    }
}
.hero-desc{
    color: #FFF;
    font-size: max(1rem, 14px);
    font-weight: 500;
    line-height: 156%;
    margin-bottom: 2rem;
}
.hero-btn{
    display: flex;
    width: fit-content;
    padding: 1.125rem 2rem 0.875rem;
    border-radius: 99px;
    background: linear-gradient(270deg, #9CFCD7 0%, #7A7EED 100%);
    color: #000;
    font-family: Mangueira, sans-serif;
    font-size: max(1rem, 14px);
    font-weight: 700;
    line-height: 125%;
}
.hero-btn:hover{
    background: linear-gradient(270deg, #7A7EED 0%, #9CFCD7 100%);
}
.home-line{
    /*max-width: 90rem; */   
    width: 100%;
    margin: 1rem auto 0.875rem;
    position: relative;
    overflow: hidden;
    z-index: 10;    
    padding: 1.5rem 0;        
}
.home-line::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 12.625rem;
    height: 100%;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
    z-index: 20;
}
.home-line::after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 12.625rem;
    height: 100%;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
    transform: rotate(180deg);
    z-index: 20;
}
.home-line-track{
    display: flex;
    align-items: center;
    /*gap: 3.75rem;*/ 
    width: max-content;
    animation: scroll 60s linear infinite;   
}
@keyframes scroll{
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
/*.home-line:hover .home-line-track{
    animation-play-state: paused;
}*/
.rl-image{
    max-height: 2.25rem;
    width: fit-content;
    object-fit: contain;
    object-position: center;
    margin-right: 3.75rem;
}
.money-wrap{
    padding: 0 0.625rem;
}
.money{
    max-width: 90rem;
    width: 100%;
    margin: auto;
    border-radius: 2rem;
    background: #F0F1F5;
    padding: 4.6875rem 0 6.25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.money-above-title,
.dif-above-title,
.plan-above-title,
.faq-above-title{
    border-radius: 99px;
    background: #313131;
    padding: 0.625rem 0.5rem 0.375rem 1.625rem;
    color: #FFF;
    font-size: max(0.625rem, 8px);
    letter-spacing: 0.2px;
    text-transform: uppercase;
    margin-bottom: 2rem;
    position: relative;
}
.money-above-title::before,
.dif-above-title::before,
.plan-above-title::before,
.faq-above-title::before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0.5rem;
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 99px;
    background: linear-gradient(89deg, #5AE4E6 -26.84%, #6D6AF7 82.09%);
}
.money h2{
    color: #000;
    text-align: center;
    font-size: 2.8125rem;
    font-weight: 800;
    line-height: 142%;
    letter-spacing: -1.8px;
    text-transform: capitalize;
    margin-bottom: 2rem;
}
.money-desc{
    width: 43.25rem;
    margin-bottom: 2rem;
}
.money-desc p{
    color: #000;
    font-size: max(1rem, 14px);
    text-align: center;
    font-weight: 400;
    line-height: 156%;    
}
.money-apps{
    /*width: 24rem;
    height: 3.25rem;
    background: url('images/apps.webp') no-repeat center / contain;
    margin-bottom: 1rem;*/
    height: 3.25rem;
    width: 24rem;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}
.money-apps a{
    width: calc(50% - 0.5rem);
    height: 100%;
    border-radius: 0.75rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.money-apps a.ma-google-play{
    background-image: url('images/google-play.webp');
}
.money-apps a.ma-app-store{
    background-image: url('images/app-store.webp');
}
.money-apps-desc{
    width: 13.1875rem;
    height: 1.125rem;
    background: url('images/excelente.webp') no-repeat center / contain;
    margin-bottom: 3rem;
}
.money-steps{
    width: 100%;
}
.money-step{
    display: flex;    
}
.ms-content{
    width: 28rem;
}
.ms-content h3{
    color: #000;
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 134%;
    letter-spacing: -1.44px;
    margin-bottom: 3rem;
}
.ms-desc{
    margin-bottom: 3.5rem;
}
.ms-desc p{
    color: #000;
    font-size: max(1rem, 14px);
    font-weight: 400;
    line-height: 163%;
    margin-bottom: 1.5rem;
}
.ms-desc p:last-child{
    margin-bottom: 0;
}
.ms-content .hero-btn{
    font-weight: 600;
    font-size: max(0.875rem, 12px);
    padding-top: 1rem;
}
.ms-image{
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.ms-0.money-step,
.ms-2.money-step{    
    padding: 5rem 0 0 13rem;
    justify-content: space-between;
    align-items: center;
}
.ms-1.money-step{
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    padding: 9.5rem 13rem 0 0;
}
.ms-2.money-step{
    padding-top: 9.5rem;
}
.ms-0 .ms-image{
    width: 29.3125rem;
    height: 29.5625rem;
    margin-right: 5rem;
}
.ms-1 .ms-image{
    width: 35.125rem;
    height: 24.625rem;   
}
.ms-2 .ms-image{
    width: 31.25rem;
    height: 28.6875rem;
    margin-right: 10rem;
}
.diff-wrap{
    background: url('images/stars1.webp') no-repeat center top / cover;
}
.diff{
    width: 72.5rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 6.25rem 0 3.75rem;
}
.diff h2{
    max-width: 45.875rem;
    color: #FFF;
    text-align: center;
    font-size: 3rem;
    font-weight: 700;
    line-height: 115%;
    letter-spacing: -1.92px;
    margin-bottom: 2.5rem;
}
.dif-desc{
    margin-bottom: 5rem;
}
.dif-desc p{
    color: #FFF;
    text-align: center;
    font-size: max(1rem, 14px);
    font-weight: 500;
    line-height: 150%;
    opacity: 0.7;
}
.dif-table{
    display: flex;
    flex-wrap: wrap;
}
.dif-first-empty,
.dif-first{
    width: 31%;
}
.dif-second-title,
.dif-third-title,
.dif-second,
.dif-third{
    width: 34.2%;
}
.dif-second-title,
.dif-second{
    margin-right: 0.6%;
}
.dif-second-title,
.dif-third-title{
    border-radius: 1rem 1rem 0 0;
    background: rgba(255, 255, 255, 0.20);
    backdrop-filter: blur(12px);
    padding: 1.375rem;
}
.dif-second-title h3,
.dif-third-title h3{
    color: #FFF;
    text-align: center;
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 110%;
}
.dif-third-title{
    background: linear-gradient(90deg, rgba(121, 126, 245, 0.80) 34.94%, rgba(99, 175, 200, 0.80) 48.12%, rgba(120, 255, 213, 0.80) 70.89%);
}
.dif-first{
    background: #1a1a1a;
    /*backdrop-filter: blur(5px);*/
    padding: 2rem;
    border-bottom: 1px solid #515151;
}
div.dif-first.df-1{
    border-top-left-radius: 1rem;
}
div.dif-first:nth-last-child(3){
    border-bottom-left-radius: 1rem;
    border-bottom: none;
}
.dif-first h4{
    color: #FFF;
    font-family: "Finger Paint", sans-serif;
    font-size: max(1.125rem, 16px);
    font-weight: 400;
    line-height: 134%;
    letter-spacing: 0.72px;
}
.dif-second::after{
    content: '';
    position: absolute;
    top: 0;    
    right: -20%;
    width: 20%;
    height: 100%;
    background: #1a1a1a;    
    z-index: 1;
}
.dif-second,
.dif-third{
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    padding: 1.25rem 2rem;
}
.dif-third:last-child{
    border-bottom-right-radius: 1rem;
}
.dif-second h4,
.dif-third h4{
    display: none;
}
.dif-second p,
.dif-third p{
    color: #FFF;
    font-size: max(1rem, 14px);
    font-weight: 400;
    line-height: 150%;
}
.dif-second.df-1{
    /*background: rgba(255, 255, 255, 0.04);*/
    background: #272727;
}
.dif-second.df-2{
    background: #232323;
}
.dif-second.df-0{
    background: #2c2c2c;
}
.dif-third.df-1{
    background: #414141;
}
.dif-third.df-0{
    background: #393939;
}
.pro{
    max-width: 90rem;
    width: 100%;
    margin: 0 auto;
    padding: 3.375rem 10.5rem 5.75rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.pro-label{
    border-radius: 99px;
    border: 1px solid rgba(255, 255, 255, 0.90);
    background: #6D6AF7;
    padding: 0.625rem 1.4375rem 0.375rem;
    color: #FFF;
    font-size: max(0.75rem, 10px);
    font-weight: 700;
    letter-spacing: 0.24px;
    margin-bottom: 2rem;
}
.pro-title p{
    color: #FFF;
    text-align: center;
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 160%;
    letter-spacing: -2px;
}
.pro-title h2{
    color: #FFF;
    font-size: 3.125rem;
    font-weight: 700;
    line-height: 128%;
    letter-spacing: -2.5px;
    text-align: center;
    margin-bottom: 2rem;
}
.pro-desc{
    color: #FFF;
    text-align: center;
    font-size: max(1rem, 14px);
    font-weight: 500;
    line-height: 150%;
    opacity: 0.7;
    width: 27.625rem;
    margin-bottom: 7rem;
}
.pro-cards{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 2.75rem;
    row-gap: 7rem;
    margin-bottom: 7rem;
}
.pro-card{
    width: calc(50% - 1.375rem);
    display: flex;
    flex-direction: column;
}
.pro-card h4{
    color: #FFF;
    text-align: center;
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 218%;
    letter-spacing: -0.88px;
    text-transform: capitalize;
    margin-bottom: 2rem;
}
.pro-card ul{
    list-style: none;
    padding: 0;
    margin: 0 0 3rem;
}
.pro-card li{
    color: #FFF;
    font-size: max(1rem, 14px);
    font-weight: 500;
    line-height: 1.25rem;
    margin-bottom: 0.75rem;
    padding-left: 1.75rem;
    position: relative;
}
.pro-card li::before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    width: 1.25rem;
    height: 1.25rem;    
    background: url('images/arrow.svg') no-repeat center / contain;
}
.pro-image{
    width: 100%;
    height: 14.375rem;
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: auto;
}
.pro-subtitle p{
    color: #FFF;
    text-align: center;
    font-size: 2rem;
    font-weight: 500;
    line-height: 162%;
    letter-spacing: -0.64px;
}
.pro-subtitle h3{
    color: #FFF;
    font-size: 2.375rem;
    font-weight: 900;
    line-height: 137%;
    letter-spacing: -0.76px;
    margin-bottom: 5rem;
}
.pro-btn{
    border-radius: 99px;
    border: 1px solid rgba(255, 255, 255, 0.90);
    background: #797EF5;
    padding: 1.25rem 2rem 1rem;
    color: #FFF;
    font-size: max(1rem, 14px);
    font-weight: 700;
    line-height: 125%;
}
.pro-btn:hover{
    animation: bounce 0.5s ease;
}
@keyframes bounce {
    0%   { transform: translateY(0); }
    30%  { transform: translateY(-8px); }
    50%  { transform: translateY(0); }
    70%  { transform: translateY(-4px); }
    100% { transform: translateY(0); }
}
.white-wrap{
    background: #FFF;
    padding-top: 2rem;
}
.white{
    max-width: 90rem;
    width: 100%;
    margin: auto;
    padding: 0 11.625rem;
    display: flex;
}
.white-left{
    width: 37.8125rem;
    padding-top: 6rem;
}
.white-left h2{
    color: #000;
    font-size: 3.75rem;
    font-weight: 700;
    line-height: 116%;
    letter-spacing: -2.4px;
    margin-bottom: 1.75rem;
}
.white-desc{
    color: #000;
    font-size: max(1rem, 14px);
    font-weight: 500;
    line-height: 125%;
    opacity: 0.8;
    margin-bottom: 3rem;
}
.white .hero-btn{
    font-weight: 600;
    font-size: max(0.875rem, 12px);
    padding-top: 1rem;
}
.white-img{
    width: 29.25rem;
    height: 29.25rem;
    background-position: center calc(100% + 0.25rem);
    background-size: contain;
    background-repeat: no-repeat;
}
.reviews{
    width: 100%;
    overflow: hidden;
    padding-top: 6.25rem;
}
.reviews-title h2{
    color: #F5F7FA;
    text-align: center;
    font-size: 2.8125rem;
    font-weight: 700;
    line-height: 110%;
    margin-bottom: 4.625rem;
}
.reviews-title h2 strong{
    /*background: linear-gradient(89deg, rgba(120, 255, 213, 0.80) -8.51%, #797EF5 64.29%, #63AFC8 77.38%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
    font-weight: 700;
    color: #63AFC8;
}
.reviews-line{
    display: flex;
    align-items: stretch;
    width: max-content;
    animation: scroll 60s linear infinite;   
}
.review{
    width: 23.25rem;
    border-radius: 1rem;
    border: 1px solid #9CFCD7;
    padding: 2rem 1.5rem;
    margin-right: 3rem;
}
.review-top{
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
}
.review-img{
    width: 2.625rem;
    height: 2.625rem;
    border-radius: 99px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.review-top-right h4{
    color: #FFF;
    font-size: max(1.25rem, 18px);
    font-weight: 700;
    letter-spacing: -0.2px;
    text-transform: capitalize;
    margin-bottom: 0.625rem;
}
.review-age{
    color: #FFF;
    font-size: max(0.875rem, 12px);
    font-weight: 500;
    letter-spacing: 0.28px;
    text-transform: capitalize;
    opacity: 0.6;
}
.review-rating{
    display: flex;
    align-items: center;
    gap: 0.25rem;
    margin-bottom: 1.5rem;
}
.review-rating > p{
    padding-top: 0.125rem;
    color: #FFF;
    font-size: max(0.875rem, 12px);
    font-weight: 700;
    letter-spacing: 0.28px;
    text-transform: uppercase;
}
.review-stars{
    position: relative;
    width: 6.625rem;
    height: 1rem;
    overflow: hidden;
}
.review-stars-empty,
.review-stars-fill{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    z-index: 10;
}
.review-stars-fill{
    z-index: 20;
    overflow: hidden;
}
.review-stars-empty svg,
.review-stars-fill svg{
    min-width: 1.125rem;   
    width: 1.125rem;
    height: 1rem;
}
.review-text p{
    color: #FFF;
    font-size: max(1rem, 14px);
    font-weight: 500;
    line-height: 150%;
    opacity: 0.7;
}
.plan{
    max-width: 90rem;
    width: 100%;
    margin: auto;
    padding: 12.5rem 16.25rem 3.75rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.plan-title h2,
.plan-title p{
    color: #FFF;
    text-align: center;
    font-size: 4rem;
    font-weight: 700;
    letter-spacing: -2.56px;
}
.plan-title p{
    font-size: 2.5rem;
    line-height: 4rem;
    letter-spacing: -1.6px;
    margin-bottom: 1.75rem;
}
.plan-desc{
    color: #FFF;
    text-align: center;
    font-size: max(1rem, 14px);
    font-weight: 500;
    line-height: 150%;
    opacity: 0.7;
    margin-bottom: 3.5rem;
}
.plans-box{
    display: flex;
    gap: 1rem;
    margin-bottom: 4.5rem;
    width: 100%;
}
.plan-box{
    border-radius: 0.625rem;
    background-color: #1f1f1f;
    padding: 1.25rem;
    width: 22.625rem;
    display: flex;
    flex-direction: column;
}
.plan-box.pb-1{
    width: calc(100% - 23.625rem);
    background-image: url('images/pro-plan-bg.webp');
    background-size: 19.5rem auto;
    background-position: right top;
    background-repeat: no-repeat;
}
.pb-above-title{
    color: #FFF;
    font-size: max(1rem, 14px);
    font-weight: 700;
    line-height: 160%;
    margin-bottom: 1.75rem;
}
.plan-box h3{
    color: #FFF;
    font-size: 3.75rem;
    font-weight: 700;
    line-height: 106%;
    letter-spacing: -3.6px;
    text-transform: capitalize;
    margin-bottom: 1rem;
}
.plan-text-line{
    color: #FFF;
    font-size: max(1rem, 14px);
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 1.25rem;
}
.plan-box ul{
    list-style: none;
    margin: 0 0 4rem;
    padding: 1.5rem 0 0;
    border-top: 1px solid #515151;
}
.plan-box li{
    color: rgba(255, 255, 255, 0.7);
    font-size: max(1rem, 14px);
    font-weight: 500;
    line-height: 1.5rem;
    margin-bottom: 1.25rem;
    padding-left: 2rem;
    padding-top: 0.1875rem;
    position: relative;
}
.plan-box li::before{
    content: '';
    position: absolute;
    top: 0;    
    left: 0;
    width: 1.5rem;
    height: 1.5rem;    
    background: url('images/free-plan-item.svg') no-repeat center / contain;
}
.plan-box.pb-1 li::before{
    background: url('images/pro-plan-item.svg') no-repeat center / contain;
}
.plan-btn{
    margin-top: auto;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    padding: 1.25rem 1.25rem 1rem;
    border-radius: 99px;
    border: 1px solid transparent;
    background: linear-gradient(#3a3a3a, #3a3a3a) padding-box, 
                linear-gradient(89deg, #7EEFF0 14.01%, #84B9F7 32.08%, #8A84FF 50.15%) border-box;
    color: #FFF;
    font-family: Mangueira, sans-serif;
    font-size: max(1rem, 14px);
    font-weight: 700;
    line-height: 125%;
}
.plan-box.pb-1 .plan-btn{
    border-radius: 1000px;
    background: linear-gradient(270deg, #9CFCD7 0%, #7A7EED 100%) padding-box, 
                linear-gradient(270deg, #9CFCD7 0%, #7A7EED 100%) border-box;
    color: #000;    
}
.plan-box.pb-1 .plan-btn:hover{
    background: linear-gradient(270deg, #7A7EED 0%, #9CFCD7 100%) padding-box, 
                linear-gradient(270deg, #7A7EED 0%, #9CFCD7 100%) border-box;
}
.plan-private{
    border-radius: 0.5rem;
    border: 1px solid #303030;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(16px);
    width: 48.25rem;
    padding: 1rem 3rem 1rem 1.5rem;
    display: flex;
    gap: 4rem;    
}
.plan-private-img{
    min-width: 6.375rem;
    width: 6.375rem;
    height: 6.375rem;
    background: url('images/lock.webp') no-repeat center / contain;
}
.plan-private h4{
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 164%;
    letter-spacing: -0.44px;
    text-transform: capitalize;
    background: linear-gradient(270deg, #9CFCD7 69.5%, #7A7EED 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 0.25rem 0 0.25rem;
}
.plan-private-desc{
    color: #FFF;
    font-size: max(0.875rem, 12px);
    font-weight: 500;
    line-height: 158%;
}
.faq{
    max-width: 90rem;
    width: 100%;
    margin: auto;
    padding: 3.75rem 17.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.faq h2{
    color: #FFF;
    text-align: center;
    font-size: 3.75rem;
    font-weight: 700;
    line-height: 106%;
    letter-spacing: -2.4px;
    text-transform: capitalize;
    margin-bottom: 1.75rem;
}
.faq-desc{
    color: #FFF;
    text-align: center;
    font-size: max(1rem, 14px);
    font-weight: 500;
    line-height: 150%;
    opacity: 0.7;
    max-width: 39rem;
    margin-bottom: 3.75rem;
}
#faq-accordion{
    width: 100%;
}
.faq-item{
    width: 100%;
    padding: 2rem 0 2rem 0;
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
    position: relative;
}
.faq-item h3::after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 99px;
    width: 2.25rem;
    height: 2.25rem;
    background: url('images/plus.svg') center / 1.25rem no-repeat,
                linear-gradient(270deg, #9CFCD7, #7A7EED);
    cursor: pointer;
}
.faq-item.visible h3::after{
    background-color: rgba(255, 255, 255, 0.16);
    background-image: url('images/minus.svg');
    background-size: 1.25rem;
    background-position: center;
    background-repeat: no-repeat;
}
.faq-item h3{
    color: #FFF;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 2.25rem;
    letter-spacing: 0;
    padding-right: 3rem;
    cursor: pointer;
    position: relative;
}
.faq-answer{
    display: none;
    padding-right: 4rem;
}
/*.faq-item.visible .faq-answer{
    display: block;
}*/
.faq-answer p,
.faq-answer li{
    color: #FFF;
    font-size: max(1rem, 14px);
    font-weight: 500;
    line-height: 150%;
    opacity: 0.6;
}
/*Home Footer*/
.home-footer{
    background: #070707;
    padding: 5.625rem 8.75rem 5.875rem;    
}
.hf-top{
    margin-bottom: 3rem;
    padding-right: 27.875rem;
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 19.25rem auto;
    background-image: url("../../assets/img/home-footer-bg.webp");
}
.hf-top > h2{
    color: #FFF;
    font-size: 6.25rem;
    font-weight: 800;
    letter-spacing: -4px;
    text-transform: capitalize;
    margin-bottom: 2rem;
}
.hft-desc{
    color: #FFF;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 134%;
    letter-spacing: -0.24px;
    margin-bottom: 2.5rem;
}
.hf-form{
    width: 32.9375rem;
}
.hf-form form{
    display: flex;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: 0.625rem;
}
.hf-form .gform_wrapper .gfield{
  margin: 0;
}
.hf-form .gform_wrapper .gfield label{
  display: none;
}
.hf-form .gform_wrapper form .gfield input[type="email"]{
  border-radius: 0.75rem;
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
  padding: 1.125rem 1.25rem 0.875rem;
  font-size: max(0.875rem, 12px);
  font-weight: 500;
  line-height: 143%;
  letter-spacing: -0.28px;
  box-shadow: none;
  border: none;
  max-height: max(3rem, 48px);
}
.hf-form .gform_wrapper form .gfield input[type="email"]::placeholder{
  color: #fff;
  opacity: 0.5;
}
.hf-form .gform_wrapper form input[type="submit"]{
  height: 100%;  
  border-radius: 99px;
  background: linear-gradient(270deg, #9CFCD7 0%, #7A7EED 100%);
  border: none;
  padding: 1.125rem 1.5rem 0.875rem;
  color: #000;
  font-family: Mangueira, sans-serif;
  font-size: max(1rem, 12px);
  font-weight: 700;
  line-height: 106%;
  min-width: 0;
  max-height: max(3rem, 48px);
}
.hf-form .gform_wrapper form .gform-footer:hover input[type="submit"]{
  background: linear-gradient(90deg, #9CFCD7 0%, #7A7EED 100%);
}
.hf-form .gform_validation_errors:focus-visible{
  outline: none;
}
.hf-form .gform_confirmation_message{
  color: #fff;
}
.hf-middle{
    display: flex;
    justify-content: space-between;
    margin-bottom: 3rem;
}
.hf-middle-left{
    max-width: 21.9375rem;    
}
.hf-middle-left img{
    margin-bottom: 1.5rem;
}
.hf-middle-left > p{
    color: #F5F7FA;
    font-size: max(1.125rem, 16px);
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 1.5rem;
}
.hf-socials{
  display: flex;
  gap: 1.25rem;
}
.hf-socials > a{
  width: 24px;
  height: 24px;
  display: flex;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.hf-facebook{
  background-image: url("../../assets/img/hf-facebook.svg");
}
.hf-instagram{
  background-image: url("../../assets/img/hf-instagram.svg");
}
.hf-linkedin{
  background-image: url("../../assets/img/hf-linkedin.svg");
}
.hf-twitter{
  background-image: url("../../assets/img/hf-twitter.svg");
}
.hf-tiktok{
  background-image: url("../../assets/img/hf-tiktok.svg");
}
.hf-menus{
    display: flex;
}
.hf-menu{
    width: 12.5rem;
    padding-right: 2rem;
}
.hf-menu-title{
    color: #FFF;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -0.4px;
    margin-bottom: 2rem;
}
.hf-menu ul.menu{
  list-style: none;
  margin: 0;
  padding: 0;
}
.hf-menu ul.menu li{
  margin-bottom: 0.875rem;
}
.hf-menu ul.menu li a{
  color: #fff;
  opacity: 0.5;
  font-size: max(0.875rem, 12px);
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.28px;
}
.hf-menu ul.menu li a:hover{
  text-decoration: underline;
}
.hf-copyright{
    color: #FFF;
    opacity: 0.7;
    text-align: center;
    font-size: max(1rem, 14px);
    font-weight: 500;
    line-height: 125%;
}
/*Home Footer End*/
@media (max-width: 1023px){
    .hero {
        height: auto;
    }
    .white-left{
        padding-top: 2rem;
    }
    /*Home Footer*/
    .hf-menu {
        padding-right: 1rem;
    }
    /*Home Footer End*/
}
@media (max-width: 767px){
    html:root{
        font-size: 16px;
    }
    main, footer{
        overflow-x: hidden;
    }    
    .hero{
        padding: 30px 32px 352px;
        background-position: calc(50% + 30px) bottom;
        background-size: auto 342px;
    }
    .hero-content{
        width: 100%;
    }
    .hero-content h1{
        font-size: 48px;
        letter-spacing: -1.92px;
        margin-bottom: 25px;
        text-align: center;
    }
    .hero-content h1 br{
        display: none;
    }
    .hero-content h1 strong{
        display: block;
    }
    .hero-desc{
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 25px;
        text-align: center;
    }
    .hero-desc br{
        display: none;
    }
    .hero-btn{
        margin: 0 auto;
        padding: 15px 20px 11px;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }
    .home-line{
        padding: 6px 0;        
    }
    .home-line::before{
        width: 65px;
    }
    .home-line::after{
        width: 65px;
    }
    .rl-image{
        max-height: 18px;
        margin-right: 22px;
    }
    .money-wrap{
        padding: 0 8px;
    }
    .money{
        border-radius: 16px;
        padding: 60px 24px 51px;
    }
    .money-above-title,
    .dif-above-title,
    .plan-above-title,
    .faq-above-title{        
        margin-bottom: 18px;
    }
    .money h2{
        font-size: 36px;
        line-height: 100%;
        letter-spacing: -1.4px;
    }
    .money-desc{
        width: 100%;
    }
    .money-desc p{
        font-size: 14px;
        line-height: 142%;   
    }
    .money-apps{
        width: 266px;
        height: 36px;
    }
    .money-apps a{
        border-radius: 0.5rem;
    }
    .money-apps-desc{
        width: 211px;
        height: 18px;
    }
    .money-steps{
        width: 100%;
    }
    .money-step{
        flex-direction: column-reverse;
        gap: 20px; 
    }
    .ms-content{
        width: 100%;
    }
    .ms-content h3{
        font-size: 24px;
        line-height: 150%;
        letter-spacing: -0.96px;
        margin-bottom: 26px;
        text-align: center;
    }
    .ms-desc{
        margin-bottom: 38px;
    }
    .ms-desc p{
        font-size: 14px;
        font-weight: 500;
        line-height: 142%;
        text-align: center;
    }
    .ms-content .hero-btn{
        margin: 0 auto;
    }
    .ms-image{
        width: calc(100% + 48px);       
        height: 318px; 
        background-position: center bottom;
    }
    .ms-0.money-step,
    .ms-2.money-step{    
        padding: 60px 0 0 0;
    }
    .ms-1.money-step{
        flex-direction: column-reverse;
        padding: 60px 0 0 0;
    }
    .ms-2.money-step .ms-image,
    .ms-1.money-step .ms-image{
        margin: 0 -24px;
    }
    .ms-0 .ms-image{
        width: calc(100% + 48px);      
        height: 318px;
        margin: 0 -24px;
        background-position: calc(50% + 40px) bottom;
    }
    .ms-1 .ms-image{
        width: calc(100% + 48px);      
        height: 318px;
        background-position: calc(50% - 50px) bottom;   
    }
    .ms-2 .ms-image{
        width: calc(100% + 48px);       
        height: 318px; 
        margin: 0 -24px;
        background-position: calc(50% - 90px) bottom;
    }
    .diff{
        width: 100%;
        padding: 128px 32px 15px;
    }
    .diff h2{
        max-width: 100%;
        font-size: 34px;
        font-weight: 800;
        letter-spacing: -0.68px;
        margin-bottom: 30px;
    }
    .dif-desc{
        margin-bottom: 38px;
    }
    .dif-desc p{
        font-size: 14px;
    }
    .dif-table{
        display: flex;
        flex-wrap: wrap;
    }
    .dif-first-empty,
    .dif-first{
        display: none;
    }
    .dif-second-title,
    .dif-third-title,
    .dif-second,
    .dif-third{
        width: 100%;
    }
    .dif-second-title,
    .dif-second{
        margin-right: 0;
        order: 10;
    }
    .dif-third-title,
    .dif-third{
        order: 20;
    }
    .dif-second-title,
    .dif-third-title{
        padding: 32px;
    }
    .dif-second-title h3,
    .dif-third-title h3{
        font-size: 20px;
    }
    .dif-second::after{
        display: none;
    }
    .dif-second,
    .dif-third{
        flex-direction: column;
        padding: 22px 26px 18px;
    }
    .dif-third:last-child{
        border-bottom-right-radius: 1rem;
        border-bottom-left-radius: 1rem;
    }
    .dif-second:nth-last-child(2){
        border-bottom-right-radius: 1rem;
        border-bottom-left-radius: 1rem;
        margin-bottom: 76px;
    }
    .dif-second h4,
    .dif-third h4{
        display: block;
        color: #FFF;
        font-family: "Finger Paint", sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: 0.64px;
        margin-bottom: 8px;
        text-align: center;
    }
    .dif-second p,
    .dif-third p{
        font-size: 14px;
        font-weight: 400;
        line-height: 128%;
        text-align: center;
    }
    .pro{
        padding: 96px 32px;        
    }
    .pro-label{
        margin-bottom: 22px;
    }
    .pro-title p{
        font-size: 24px;
        letter-spacing: -0.96px;
        margin-bottom: 20px;
    }
    .pro-title h2{
        font-size: 36px;
        font-weight: 800;
        line-height: 111%;
        letter-spacing: -0.72px;
    }
    .pro-desc{
        font-size: 14px;
        width: 100%;
        margin-bottom: 38px;
    }
    .pro-cards{
        row-gap: 8px;
        margin-bottom: 38px;
    }
    .pro-card{
        width: 100%;
        padding: 34px 20px 22px;
        border-radius: 12px;
        background: rgba(255, 255, 255, 0.10);
        backdrop-filter: blur(12px);
    }
    .pro-card h4{
        font-size: 20px;
        line-height: 120%;
        margin-bottom: 24px;
    }
    .pro-card ul{
        margin: 0 0 24px;
    }
    .pro-card li{
        color: rgba(255, 255, 255, 0.7);
        font-size: 14px;
        font-weight: 500;
        line-height: 18px;
        margin-bottom: 16px;
    }
    .pro-image{
        height: 180px;
    }
    .pro-card:last-child .pro-image{
        height: 132px;
    }
    .pro-subtitle p{
        font-size: 20px;
        line-height: 140%;
        text-align: center;
    }
    .pro-subtitle h3{
        font-size: 28px;
        font-weight: 800;
        line-height: 36px;
        margin-bottom: 40px;
        text-align: center;
    }
    .pro-btn{
        padding: 15px 20px 11px;
        font-size: 14px;
        line-height: 20px;
    }
    .white-wrap{
        margin: 0 8px;
        border-radius: 16px;
        padding-top: 48px;
    }
    .white{
        padding: 0;
        flex-direction: column;     
    }
    .white-left{
        width: 100%;
        padding: 0 32px 50px;
    }
    .white-left h2{
        font-size: 32px;
        line-height: 116%;
        letter-spacing: -0.64px;
        text-align: center;
    }
    .white-desc{
        margin-bottom: 26px;
        text-align: center;
    }
    .white-img{
        width: 100%;
        height: 364px;
        background-position: center calc(100% + 0.25rem);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .reviews{
        padding-top: 50px;
    }
    .reviews-title h2{
        font-size: 36px;
        padding: 0 32px;
        margin-bottom: 60px;
    }
    .plan{
        padding: 60px 32px 0;        
    }
    .plan-title h2,
    .plan-title p{
        font-size: 50px;
        font-weight: 800;
        letter-spacing: -2px;
    }
    .plan-title p{
        margin-top: 30px;
        font-size: 32px;
        line-height: 36px;
        letter-spacing: -1.2px;
    }
    .plan-desc{
        line-height: 125%;
    }
    .plans-box{
        flex-direction: column;
        gap: 8px;
        margin-bottom: 8px;
    }
    .plan-box{
        padding: 24px;
        width: 100%;
    }
    .plan-box.pb-1{
        width: 100%;
        background-image: none;
    }
    .pb-above-title{
        margin-bottom: 24px;
    }
    .plan-box h3{
        font-size: 42px;
        letter-spacing: -2.52px;
    }
    .plan-text-line{
        font-size: 14px;
    }
    .plan-box ul{
        margin-bottom: 30px;
    }
    .plan-box li{
        font-size: 14px;
        margin-bottom: 12px;
    }
    .plan-btn{
        padding: 15px 20px 11px;
        font-size: 14px;
    }
    .plan-private{
        width: 100%;
        padding: 24px;
        flex-direction: column;
        align-items: center;
        gap: 15px;    
    }
    .plan-private-img{
        min-width: 72px;
        width: 72px;
        height: 72px;
    }
    .plan-private h4{
        padding: 0;
        text-align: center;
    }
    .plan-private-desc{
        font-size: 12px;
        line-height: 134%;
        text-align: center;
    }
    .faq{
        padding: 74px 32px 32px;
    }
    .faq h2{
        font-size: 36px;
        font-weight: 800;
        letter-spacing: -1.44px;
    }
    .faq-desc{
        font-size: 14px;
        max-width: 100%;
        margin-bottom: 42px;
    }
    .faq-item{
        padding: 16px 0;
    }
    .faq-item h3::after{
        width: 32px;
        height: 32px;
        background: url('images/plus.svg') center / 16px no-repeat,
                    linear-gradient(270deg, #9CFCD7, #7A7EED);
    }
    .faq-item.visible h3::after{
        background-size: 16px;
    }
    .faq-item h3{
        font-size: 24px;
        line-height: 32px;
        padding-right: 40px;
    }
    .faq-answer{
        padding-right: 40px;
    }
    .faq-answer p,
    .faq-answer li{
        font-size: 14px;
    }
    /*Home Footer*/
    .home-footer{
        background: #000;
        padding: 60px 32px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center -400px;
        background-image: url('images/stars1.webp');  
    }
    .hf-top{
        margin-bottom: 32px;
        padding-right: 0;
        background: none;
    }
    .hf-top > h2{
        font-size: 60px;
        letter-spacing: -3.6px;
        margin-bottom: 26px;
    }
    .hft-desc{
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 26px;
    }
    .hf-form{
        width: 100%;
    }
    .hf-form form{
        flex-direction: column;
    }
    .hf-form .gform_wrapper form .gfield input[type="email"]{
        width: 100%;
    }
    .hf-form .gform_wrapper form input[type="submit"]{        
        padding: 13px 20px 13px;
        font-size: 14px;
        max-height: 36px;
        width: 100%;
    }
    .hf-middle{
        flex-direction: column;
        gap: 32px;
        margin-bottom: 32px;
    }
    .hf-middle-left{
        max-width: 100%;
        width: 100%;    
    }
    .hf-middle-left img{
        margin-bottom: 0;
    }
    .hf-middle-left > p{
        padding-left: 70px;
        font-size: 16px;
        margin-bottom: 30px;
    }
    .hf-menus{
        gap: 12px;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .hf-menu{
        max-width: calc(50% - 7px);
        width: auto;
        padding-right: 18px;
    }
    .hf-menu-title{
        margin-bottom: 24px;
    }
    .hf-copyright{
        text-align: left;
    }
    /*Home Footer End*/
}