@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%;
}
h2{
    color: #141518;
    text-align: center;
    font-size: 2.75rem;
    font-weight: 800;
    margin-bottom: 0.5rem;
}
h2 + p{
    color:#070707;
    text-align: center;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 140%;
    margin: 0 auto 3rem;
}
.dd-hero{
    background-color: #070707;
}
.dh-inner{
    width: 90rem;
    margin: 0 auto;
    padding: 1.8125rem 0.875rem 0 3.75rem;
    display: flex;
    justify-content: space-between;
    gap: 2rem;
}
.dh-left{
    width: 48.9rem;
    padding-bottom: 1.75rem;
}
.dd-hero h1{
    font-size: 3.75rem;
    font-weight: 900;    
    letter-spacing: -1.8px;
    text-transform: uppercase;
    background: linear-gradient(38deg, #797EF5 -6.21%, #63AFC8 56.16%, #78FFD5 125.31%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 0.25rem;
}
.dh-desc{
    color: #F5F7FA;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 140%;
    margin-bottom: 1.25rem;
}
.dh-below-texts{
    display: flex;
    gap: 0.75rem;
    margin-bottom: 2rem;
}
.dh-below-text{
    border: 1px solid #303030;
    padding: 0.75rem 1rem 0.625rem;
    border-radius: 0.75rem;    
}
.dh-below-text p{
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #F5F7FA;
    font-size: 0.875rem;
    font-weight: 400;    
}
.dh-below-text p strong{
    font-family: Inter, sans-serif;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 100%;
}
#view-cards,
.dh-btn{    
    display: inline-flex;
    padding: 1.125rem 2rem 1rem;
    border-radius: 100px;
    background: linear-gradient(38deg, #797EF5 -6.21%, #63AFC8 56.16%, #78FFD5 125.31%);
    color: #F5F7FA;
    font-family: Mangueira, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 90%;
    text-transform: uppercase;
}
#view-cards:hover,
.dh-btn:hover{
    background: linear-gradient(35deg, #797EF5 -42.06%, #63AFC8 26.54%, #78FFD5 126.27%);
}
#view-cards:active,
.dh-btn:active{
    background: linear-gradient(49deg, #63AFC8 48.65%, #78FFD5 103.7%);
}
.dh-right{
    width: 28rem;
    height: 24.0625rem;
    background-image: url('images/hero.webp');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
    align-self: flex-end;    
}
.dd-content{
    background: #F5F7FA;
}
.dc-inner{
    width: 90rem;
    margin: 0 auto;
    padding: 0 3.75rem 3.75rem;    
}
.dc-featured{
    padding: 1rem 0 3.75rem;
}
.dcf-items{
    margin-bottom: 0.75rem;
    display: flex;
    gap: 0.625rem;
    justify-content: center;
}
.dcf-items *,
.dcr-items *{
    transition: all 0.3s ease;
}
.dcf-item{
    display: block;
    background: #141518;
    padding: 0.75rem;
    border-radius: 1.25rem;
    width: 16rem;
}
.dcf-item:hover,
.dcr-item:hover{
    background: #070707;
}
.dfi-top{
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}
.dfi-img{
    width: 7rem;
    height: 7rem;
    border-radius: 0.75rem;
    overflow: hidden;   
}
.dfi-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(100%);
}
.dcf-item:hover .dfi-img img,
.dcr-item:hover .dci-img img{
    filter: grayscale(0);
}
.dfi-text-box:not(:last-child){
    padding-bottom: 0.5625rem;
    margin-bottom: 0.5rem;
    position: relative;
}
.dfi-text-box:not(:last-child)::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, #141518 0%, #6CC5DF 50.48%, #141518 100%);
}
.dfi-text-box p{
    color: #A8AEBB;
    font-size: 0.75rem;
    font-weight: 400;
}
.dcf-item:hover .dfi-text-box p:not(.dfi-subtitle),
.dcr-item:hover .dci-content p:not(.dci-subtitle){
    color: #E9EDF2;
}
.dfi-text-box p.dfi-subtitle{
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 83%;
    letter-spacing: -0.42px;
    color: #7AD8F2;
    margin-bottom: 0.125rem;
}
.dfi-bottom,
.dci-bottom{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    margin-top: auto;
}
.dfi-bottom p{
    display: flex;
    align-items: flex-end;
    gap: 0.125rem;
    color: #A8AEBB;
    font-weight: 400;
    letter-spacing: -0.42px;
    font-size: 0.875rem;
}
.dcf-item:hover .dfi-bottom p,
.dcr-item:hover .dci-bottom p{
    color: #E9EDF2;
}
.dfi-bottom p span{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;   
}
.dfi-bottom p span svg{
    width: 1rem;
    height: 1rem;
}
.dcf-item:hover .dfi-bottom p span svg path,
.dcr-item:hover .dci-bottom p span svg path{
    fill: #E9EDF2;
}
.dfi-arrow,
.dci-arrow{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 100px;
    background: #23242D;
}
.dcf-item:hover .dfi-arrow,
.dcr-item:hover .dci-arrow{
    background: #F5F7FA;
    transform: rotate(-45deg);
}
.dfi-arrow svg,
.dci-arrow svg{
    width: 1.125rem;
    height: 0.8125rem;
}
/*.dfi-arrow svg path{
    fill: linear-gradient(38deg, #797EF5 -6.21%, #63AFC8 56.16%, #78FFD5 125.31%);
}*/
.dcf-note{
    color: #23242D;
    font-size: 0.75rem;
    font-weight: 500;    
    letter-spacing: -0.36px;
}
.dc-about{
    padding: 3.75rem 0 1.75rem;
}
.dc-desc{
    width: 48.75rem;
}
.da-body{
    display: flex;
    justify-content: space-between;
    gap: 3.75rem;
    padding: 0 2.5rem;
}
.da-left{
    width: 36.875rem;
    display: flex;
    flex-direction: column;
    gap: 1.75rem
}
.da-item{
    display: flex;
    gap: 0.25rem;
}
.dai-number{
    min-width: 1.875rem;
    color: #63AFC8;
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 112%;
    letter-spacing: -0.72px;
}
.dai-body{
    padding-top: 0.5rem;
}
.dai-body h4{
    padding-bottom: 0.25rem;
    color: #141518;
    font-size: 1.5rem;
    font-weight: 700;
}
.dai-body p{
    color: #070707;
    font-size: 1rem;
    font-weight: 400;
    line-height: 140%;
}
.da-right{
    width: 36.875rem;
    padding: 0 2.25rem;
}
.da-quotation{
    border-radius: 1.875rem;
    padding: 2rem 2rem 2.5rem;
    background: #E9EDF2;
    box-shadow: 1px 4px 12px 0 rgba(101, 119, 126, 0.25);
}
.daq-text{
    color: #000;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 1.5rem;
    padding: 1rem 0 0 3rem;
    position: relative;
}
.daq-text::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 2.75rem;
    height: 2.75rem;
    background-size: 2.75rem;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.8905 23.3724C16.7365 24.7914 16.3258 25.9244 15.6108 26.9291C14.652 28.2692 13.0442 29.5214 10.3858 30.8524C10.2153 30.9274 10.0618 31.0362 9.93457 31.1723C9.80737 31.3084 9.70916 31.469 9.6459 31.6442C9.58264 31.8194 9.55564 32.0057 9.56655 32.1916C9.57746 32.3776 9.62604 32.5594 9.70935 32.7261C9.79266 32.8927 9.90897 33.0406 10.0512 33.1609C10.1934 33.2813 10.3586 33.3714 10.5368 33.4259C10.7149 33.4805 10.9023 33.4982 11.0875 33.4781C11.2727 33.458 11.4519 33.4005 11.6142 33.3091C14.4558 31.8901 16.5147 30.3922 17.8475 28.5241C19.206 26.6247 19.7083 24.4852 19.7083 21.9974V13.7474C19.7083 12.8965 19.3703 12.0804 18.7686 11.4788C18.1669 10.8771 17.3509 10.5391 16.5 10.5391H9.16666C8.31576 10.5391 7.49971 10.8771 6.89803 11.4788C6.29635 12.0804 5.95833 12.8965 5.95833 13.7474V20.1641C5.95833 21.9351 7.39566 23.3724 9.16666 23.3724H16.8905ZM35.2238 23.3724C35.0698 24.7914 34.6591 25.9244 33.9442 26.9291C32.9853 28.2692 31.3775 29.5214 28.7192 30.8524C28.5486 30.9274 28.3951 31.0362 28.2679 31.1723C28.1407 31.3084 28.0425 31.469 27.9792 31.6442C27.916 31.8194 27.889 32.0057 27.8999 32.1916C27.9108 32.3776 27.9594 32.5594 28.0427 32.7261C28.126 32.8927 28.2423 33.0406 28.3845 33.1609C28.5268 33.2813 28.692 33.3714 28.8701 33.4259C29.0482 33.4805 29.2356 33.4982 29.4208 33.4781C29.606 33.458 29.7852 33.4005 29.9475 33.3091C32.7892 31.8901 34.848 30.3922 36.1808 28.5241C37.5393 26.6247 38.0416 24.4852 38.0416 21.9974V13.7474C38.0416 12.8965 37.7036 12.0804 37.1019 11.4788C36.5003 10.8771 35.6842 10.5391 34.8333 10.5391H27.5C26.6491 10.5391 25.833 10.8771 25.2314 11.4788C24.6297 12.0804 24.2917 12.8965 24.2917 13.7474V20.1641C24.2917 21.9351 25.729 23.3724 27.5 23.3724H35.2238Z' fill='%2363AFC8'/%3E%3C/svg%3E");
}
.daq-footer{
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 0.75rem;
}
.daq-footer img{
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 100px;
    object-fit: cover;
}
.daq-footer p{
    color: #2F303B;
    font-family: Inter, sans-serif;
    font-size: 1.25rem;
    font-weight: 600;
    padding-bottom: 0.25rem;  
}
.dc-how{
    padding: 3.75rem 0;
}
.dch-desc{
    width: 37.5rem;
}
.dh-steps{
    display: flex;
    justify-content: center;
    gap: 0.75rem;
    margin-bottom: 3rem;
}
.dh-step{
    margin-top: 3.125rem;
    padding: 5rem 1.25rem 1.5rem;
    width: 20.0325rem;
    border-radius: 2rem;
    background: #141518;
    position: relative;
}
.dhs-number{
    position: absolute;
    width: 6.25rem;
    height: 6.25rem;
    top: -3.125rem;
    left: calc(50% - 3.125rem);
    border-radius: 200px;
    background: linear-gradient(89deg, #5AE4E6 -26.84%, #6D6AF7 82.09%);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #F5F7FA;
    font-weight: 800;
    font-size: 2.75rem;
    padding-top: 0.75rem;  
}
.dhs-text{
    color: #E9EDF2;
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.16px;
    opacity: 0.95;
}
.dh-btn{
    display: flex;
    margin: 0 auto;
    width: fit-content;
}
.dc-recent{
    padding: 3.75rem 0;
}
.dc-recent h2{
    margin-bottom: 3rem;
}
.dcr-items{
    display: flex;
    flex-wrap: wrap;
    gap: 0.625rem;
}
.dcr-item{
    width: 16rem;
    background: #141518;
    border-radius: 1rem;
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
}
.dci-img{
    width: 100%;
    height: 14.5rem;
    border-radius: 0.5rem;
    overflow: hidden;
    margin-bottom: 0.5rem;
}
.dci-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(100%);
}
.dci-content{
    display: flex;
    margin-bottom: 0.5rem;
}
.dci-text-box:not(:last-child){
    padding-right: 0.5rem;
    margin-right: 0.5rem;
    position: relative;
}
.dci-text-box:not(:last-child)::after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(180deg, #141518 0%, #6CC5DF 50.48%, #141518 100%);
}
.dci-text-box:last-child{
    flex-grow: 1;
}
.dci-text-box p{
    color: #A8AEBB;
    font-size: 0.625rem;
    font-weight: 400;
    letter-spacing: -0.2px;
}
.dci-text-box p.dci-subtitle{
    color: #7AD8F2;
    font-size: 0.75rem;
    font-weight: 600;    
    letter-spacing: 0.12px;
    margin-bottom: 0.25rem;
}
.dci-bottom p{
    display: flex;
    align-items: flex-end;
    gap: 0.125rem;
    color: #A8AEBB;
    font-weight: 500;
    letter-spacing: -0.36px;
    font-size: 0.75rem;
}
.dci-bottom p span{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.75rem;
    height: 0.75rem;
    position: relative;
    top: -0.125rem;  
}
.dci-bottom p span svg{
    width: 0.75rem;
    height: 0.75rem;
}
#dcr-more{
    margin: 3rem auto 0;
    width: fit-content;
    display: flex;
    justify-content: center;
    gap: 1rem;
    padding: 1.1875rem 1.5rem 0.9375rem 1.5rem;
    border-radius: 100px;
    background: #070707;
    color: #F5F7FA;
    font-size: 1rem;
    font-weight: 600;
    line-height: 90%;
    text-transform: uppercase;
}
#dcr-more svg{
    margin-top: 0.0625rem;
    width: 1rem;
    height: 0.625rem;
}
#dcr-more:hover{
    background-color: #23242D;
    color: #A7ECFF;
}
#dcr-more:hover svg path,
#dcr-more:active svg path{
    fill: #A7ECFF;
}
#dcr-more:active{
    background-color: #141518;
    color: #A7ECFF;
}
.dc-why{
    padding: 3.75rem 0;
}
.dc-why h2{
    width: 37.5rem;
    margin: 0 auto 1.375rem;
}
.dw-desc{
    width: 56.25rem;
    margin: 0 auto 3rem;
}
.dw-desc p{
    color: #070707;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 140%;
    margin-bottom: 1.5rem;
}
.dw-desc p:last-child{
    margin-bottom: 0;
}
.dw-counts{
    padding: 3rem 4.25rem;
    display: flex;
    justify-content: space-between;
    margin-bottom: 3rem;
}
.dw-number{
    text-align: center;
    color: #63AFC8;
    font-size: 4.5rem;
    font-weight: 800;
    line-height: 90%;
    letter-spacing: -2.16px;
}
.dw-number-text{
    color: #070707;
    text-align: center;
    font-size: 1rem;
    font-weight: 400;
    line-height: 140%;
}
.dw-advantages{
    padding: 0 2.5rem;
    display: flex;
    justify-content: space-between;
}
.dw-advantage{
    width: 45.1%;
}
.dw-advantage h3{
    color: #141518;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.936px;
    margin-bottom: 1rem;
}
.dw-advantage ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.dw-advantage li{
    padding: 0.375rem 0 0 2.25rem;
    color: #070707;
    font-size: 1rem;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 0.75rem;
    position: relative; 
}
.dw-advantage li::before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: 0;
    width: 2rem;
    height: 2rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.6648 2.66406C24.4328 2.66406 26.1284 3.36638 27.3786 4.61648C28.6288 5.86672 29.3317 7.56286 29.3317 9.33097V22.6641C29.3317 24.4322 28.6288 26.1276 27.3786 27.3778C26.1283 28.6281 24.4329 29.331 22.6648 29.331H9.3317C7.56359 29.331 5.86745 28.6281 4.61721 27.3778C3.36712 26.1276 2.66479 24.4321 2.66479 22.6641V9.33097C2.66479 7.56286 3.36697 5.86672 4.61721 4.61648C5.86745 3.36623 7.56359 2.66406 9.3317 2.66406H22.6648ZM23.5 10.875C22.9351 10.3039 22.0143 10.2988 21.4432 10.8636L14.1875 18.0405L11.8615 15.6982C11.2956 15.1283 10.3748 15.1246 9.80471 15.6903C9.23458 16.2563 9.23167 17.1777 9.79761 17.7479L12.6343 20.6058C13.4821 21.46 14.8617 21.4664 15.7174 20.62L23.4887 12.9318C24.0597 12.3669 24.0649 11.4461 23.5 10.875Z' fill='url(%23paint0_linear_10360_7456)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_10360_7456' x1='23.374' y1='7.25166' x2='-3.04224' y2='24.6915' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2363B0C9'/%3E%3Cstop offset='1' stop-color='%23797EF6'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2rem; 
}
.dw-advantage li:last-child{
    margin-bottom: 0;
}
.dc-videos{
    padding: 3.75rem 0;
}
.dv-desc{
    width: 56.25rem;
    margin-left: auto;
    margin-right: auto;
}
.dv-videos{
    display: flex;
    justify-content: center;
    gap: 7.5rem;
    margin-bottom: 3rem;
}
.dv-video{
    width: 216px;
    height: 435px;
    background-image: url('images/phone.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 24px 8px 16px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dv-video-inner{
    width: 170px;
    height: 395px;
    border-radius: 10px;
    overflow: hidden;
    position: relative; 
}
.dv-video iframe{    
    /*max-width: 208px !important;
    max-height: 411px !important;*/
    position: absolute;
    top: 50%;
    left: 50%;
    width: 325px;       
    height: 757px; 
    border: 0;
    transform: translate(-50%, -50%) scale(0.53);
    transform-origin: center;
}
.dv-socials{
    display: flex;
    justify-content: center;
    gap: 1.5rem;
}
.dv-social{
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.75rem;
    padding: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dv-social:hover{
    background: #E9EDF2;
}
.dv-social:hover svg path,
.dv-social:active svg path{
    fill: #070707;
}
.dv-social:active{
    background: #C9CED8;
}
.dc-faq{
    padding: 3.75rem 0;
}
.dc-faq h2{
    margin-bottom: 3rem;
}
.df-question{
    padding: 2rem 2.5rem;
    border-bottom: 1px solid #C9CED8;
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease;
}
.df-question:first-child{
    padding-top: 0;
}
.df-question::after{
    content: '';
    position: absolute;
    top: 2rem;
    right: 2.5rem;
    width: 2.5rem;
    height: 2.5rem;
    background-size: 2.5rem;
    background-image: url('images/accordion-btn.webp');
    background-position: center;
    background-repeat: no-repeat;    
}
.df-question:first-child::after{
    top: 0;
}
.df-question.open::after{
    transform: rotate(180deg);
}
.df-question h3{
    color: #141518;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2.5rem;
    letter-spacing: -0.936px;
}
.df-question p{
    display: none;
    color: #070707;
    font-size: 1rem;
    font-weight: 400;
    line-height: 140%;    
}
.df-question p.open{
    display: block;
}
.dc-cta{
    padding: 7.9375rem 0;
}
.dc-cta-inner{
    border-radius: 3.75rem;
    background: #141518;
    padding: 3.625rem 5rem;
    display: flex;
    justify-content: space-between;
    position: relative;   
}
.dc-cta-left{
    width: 35rem;
}
.dc-cta-left h2{
    font-size: 3.5rem;
    font-weight: 800;
    line-height: 120%;
    background: linear-gradient(38deg, #797EF5 -6.21%, #63AFC8 56.16%, #78FFD5 125.31%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 1rem;
    text-align: left;
}
.dc-cta-left p{
    color: #F5F7FA;
    font-size: 1rem;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.16px;
    text-align: left;
}
.dc-cta-right{
    width: 30.5rem;
    min-height: 27.625rem;
    height: auto;
    position: absolute;
    top: -5.1875rem;
    right: 5rem;
    border-radius: 2.5rem;
    border: 1px solid #C9CED8;
    background: #F5F7FA;
    box-shadow: 1px 4px 12px 0 rgba(101, 119, 126, 0.25);
    padding: 2rem;
    z-index: 5;
}
.dc-cta-right .gform_wrapper .gfield,
.dd-popup .gform_wrapper .gfield{
    width: 100%;
    margin-bottom: 0;
}
.dc-cta-right .gform_wrapper .gfield_label,
.dd-popup .gform_wrapper .gfield_label{
    margin-bottom: 0.25rem;
    color: #141518;
    font-family: Mangueira, sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 100%;
}
.dc-cta-right form input[type=email], 
.dc-cta-right form input[type=text],
.dc-cta-right form textarea,
.dd-popup form input[type=email], 
.dd-popup form input[type=text],
.dd-popup form textarea{
    border-radius: 100px;
    border: 1px solid #C9CED8;
    padding: 0.5625rem 1rem 0.4375rem;    
    color: #141518;
    font-family: Mangueira, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 0.75rem;
}
.dc-cta-right form input[type=email]::placeholder, 
.dc-cta-right form input[type=text]::placeholder,
.dc-cta-right form textarea::placeholder,
.dd-popup form input[type=email]::placeholder, 
.dd-popup form input[type=text]::placeholder,
.dd-popup form textarea::placeholder{
    color: #6C7380;
}
.dc-cta-right form input[type=email]:hover, 
.dc-cta-right form input[type=text]:hover,
.dc-cta-right form textarea:hover,
.dd-popup form input[type=email]:hover, 
.dd-popup form input[type=text]:hover,
.dd-popup form textarea:hover{
    border-width: 2px;
    border-color: #63AFC8;
}
.dc-cta-right form input[type=email]:focus, 
.dc-cta-right form input[type=text]:focus,
.dc-cta-right form textarea:focus,
.dd-popup form input[type=email]:focus, 
.dd-popup form input[type=text]:focus,
.dd-popup form textarea:focus{
    border-width: 2px;
    border-color: #3E9EBD;
    outline: none;
}
.dc-cta-right form input[type=email]:not(:placeholder-shown), 
.dc-cta-right form input[type=text]:not(:placeholder-shown),
.dc-cta-right form textarea:not(:placeholder-shown),
.dd-popup form input[type=email]:not(:placeholder-shown), 
.dd-popup form input[type=text]:not(:placeholder-shown),
.dd-popup form textarea:not(:placeholder-shown){
    border-width: 1px;
    border-color: #4FA7C3;
}
.dc-cta-right form input[type=email][aria-invalid="true"], 
.dc-cta-right form input[type=text][aria-invalid="true"],
.dc-cta-right form textarea[aria-invalid="true"],
.dd-popup form input[type=email][aria-invalid="true"], 
.dd-popup form input[type=text][aria-invalid="true"],
.dd-popup form textarea[aria-invalid="true"]{
    border-width: 1px;
    border-color: #F4776A;
    margin-bottom: 0;
}
.dc-cta-right form textarea,
.dd-popup form textarea{
    min-height: 9.25rem;
    max-height: 9.25rem;
    border-radius: 1.25rem;    
    resize: none;
}
.dc-cta-right .gform_wrapper .gform-footer,
.dd-popup .gform_wrapper .gform-footer{
    width: 100%;
}
.dc-cta-right .gform_wrapper input.gform_button,
.dd-popup .gform_wrapper input.gform_button{
    border: none;
    border-radius: 66px;
    background: linear-gradient(38deg, #797EF5 -6.21%, #63AFC8 56.16%, #78FFD5 125.31%);
    color: #F5F7FA;
    font-family: Mangueira;
    font-size: 1rem;
    font-weight: 600;
    line-height: 100%;
    box-shadow: none;
    width: fit-content;
    min-width: 0;
    padding: 1.125rem 2rem 1rem 2rem;
    display: block;
    margin: 0 auto;
    letter-spacing: 0;
    text-transform: uppercase;
}
.dc-cta-right .gform_wrapper input.gform_button:hover,
.dd-popup .gform_wrapper input.gform_button:hover{
    background: linear-gradient(38deg, #797EF5 -30.78%, #63AFC8 44.82%, #78FFD5 125.31%);
}
.dc-cta-right .gform_wrapper input.gform_button:active,
.dd-popup .gform_wrapper input.gform_button:active{
    background: linear-gradient(49deg, #63AFC8 48.65%, #78FFD5 103.7%);
}
.dc-cta-right .ginput_counter,
.dd-popup .ginput_counter{
    display: none;
}

.dc-cta-right .gform_validation_errors,
.dd-popup .gform_validation_errors{
    background-color: transparent;
}
.dc-cta-right .gform_validation_errors ol,
.dd-popup .gform_validation_errors ol{
    display: none;
    padding: 0;    
}
/*.dc-cta-right .gform_validation_errors li,
.dd-popup .gform_validation_errors li{
    color: #e54343;
}*/
.dc-cta-right .gform_wrapper .gfield_validation_message,
.dd-popup .gform_wrapper .gfield_validation_message{
    line-height: 0.875rem;
}
.dc-cta-right .ginput_container_textarea,
.dd-popup .ginput_container_textarea{
    display: flex;
}
.dc-cta-right p.gform_description,
.dd-popup p.gform_description{
    text-align: center;
    margin-bottom: 0;
}
.dd-popup-wrapper{
    display: none;
}
.dd-popup-wrapper.open{
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;    
    z-index: 9999;
    background-color: rgba(12, 12, 13, 0.1);
    backdrop-filter: blur(14.5px);
    padding: 20px;
}
.dd-popup{
    width: 41.75rem;
    /*max-height: 40.8125rem;*/
    height: fit-content;
    box-shadow: 1px 4px 12px 0 rgba(101, 119, 126, 0.25);
    padding: 3.75rem 3.75rem 3rem;
    background: #F5F7FA;
    border-radius: 2.5rem;
    border: 1px solid #C9CED8;
}
.body-no-scroll {
    overflow: hidden;
}
.dd-popup-confirmation{
    display: none;
}
.dd-popup.confirmation{
    background: #141518;
    padding: 3.75rem;
    border: none;
}
.dd-popup.confirmation h2{
    text-align: center;
    font-size: 4.5rem;    
    font-weight: 800;
    line-height: 90%;
    letter-spacing: -2.16px;
    margin-bottom: 2rem;
    background: linear-gradient(38deg, #797EF5 -6.21%, #63AFC8 56.16%, #78FFD5 125.31%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.dd-popup.confirmation p,
.dd-popup.confirmation h2 + p{
    color: #F5F7FA;
    text-align: center;
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 0;
}
@media (max-width: 1023px) {  
    .dv-videos{
        gap: 3rem;
    }
}
@media (max-width: 767px) {  
    html:root{
        font-size: 16px;
    }
    main{
        overflow-x: hidden;
    }
    h2{        
        font-size: 36px;        
    }
    h2 + p{        
        line-height: 130%;
        margin-bottom: 28px;
    }    
    .dh-inner{
        width: 100%;
        padding: 20px 20px 0;
        gap: 0;
        flex-direction: column;
    }
    .dh-left{
        width: 100%;
        padding-bottom: 20px;
    }
    .dd-hero h1{
        font-size: 38px;        
        margin-bottom: 8px;
        letter-spacing: 0;
    }
    .dh-desc{        
        line-height: 130%;
        margin-bottom: 28px;
        font-size: 16px;
    }
    .dh-below-texts{
        gap: 4px;
        margin-bottom: 28px;
    }
    .dh-below-text{
        padding: 9px 8px 7px;
        border-radius: 8px;
    }
    .dh-below-text p{        
        gap: 4px;
        font-size: 13px;         
    }
    .dh-below-text p strong{
        font-size: 16px;
    }    
    .dh-right{
        display: none;
        /*width: min(67vw, 448px);
        height: min(60vw, 385px);
        position: relative;
        right: -30px;*/
    }
    .dc-inner{
        width: 100%;
        padding: 12px 20px 28px;    
    }
    .dc-featured{
        padding: 0 0 32px;
        width: calc(100% + 20px);         
    }
    .dcf-items{
        margin-bottom: 16px;
        gap: 12px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        justify-content: flex-start;       
    }
    .dcf-item{
        min-width: 256px;
    }    
    .dcf-note{
        line-height: 110%;
        padding-right: 20px;
    }
    .dc-about{
        padding: 32px 0;
    }
    .dc-desc{
        width: 100%;
    }
    .da-body{        
        gap: 28px;
        padding: 0;
        flex-direction: column;
    }
    .da-left{
        width: 100%;
        gap: 20px;
    }    
    .dai-number{
        min-width: 28px;
        font-size: 32px;
    }
    .dai-body{
        padding-top: 5px;
    }
    .dai-body h4{
        padding-bottom: 0;
        font-size: 20px;
    }
    .dai-body p{
        font-size: 14px;
    }
    .da-right{
        width: 100%;
        padding: 0;
    }
    .da-quotation{
        padding: 20px;        
    }
    .daq-text{
        margin-bottom: 12px;
        padding: 16px 0 0 36px;
    }
    .daq-text::before{        
        width: 32px;
        height: 32px;
        background-size: 32px;
    }
    .daq-footer{
        gap: 8px;
    }
    .daq-footer img{
        width: 48px;
        height: 48px;
    }
    .daq-footer p{
        font-size: 16px;  
    }
    .dc-how{
        padding: 32px 0;
    }
    .dch-desc{
        width: 100%;
    }
    .dh-steps{
        flex-direction: column;
        gap: 16px;
        margin-bottom: 28px;
    }
    .dh-step{
        margin-top: 30px;
        padding: 80px 32px 44px;
        width: 100%;        
    }
    .dhs-number{
        position: absolute;
        width: 80px;
        height: 80px;
        top: -30px;
        left: calc(50% - 40px);
        font-size: 32px;
        padding-top: 8px;  
    }
    .dhs-text{
        line-height: 140%;        
    }
    .dc-recent{
        padding: 32px 0;
        width: calc(100% + 20px);
    }
    .dc-recent h2{
        margin-bottom: 28px;
        padding-right: 20px;
    }
    .dcr-items{
        gap: 16px;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        justify-content: flex-start;
    }    
    .dcr-item{
        min-width: 256px;
    }
    #dcr-more{
        display: none;
    }
    .dc-why{
        padding: 32px 0;
    }
    .dc-why h2{
        width: 100%;
        margin-bottom: 8px;
    }
    .dw-desc{
        width: 100%;
        margin-bottom: 28px;
    }
    .dw-desc p{        
        line-height: 130%;
        margin-bottom: 24px;
    }   
    .dw-counts{
        padding: 24px 0;
        flex-direction: column;
        margin-bottom: 28px;
        gap: 32px;
    }
    .dw-number{
        font-size: 52px;
        line-height: 110%;       
    }    
    .dw-advantages{
        padding: 0;
        flex-direction: column;
        gap: 20px
    }
    .dw-advantage{
        width: 100%;
    }
    .dw-advantage h3{
        margin-bottom: 4px;
        line-height: 130%;
    }    
    .dw-advantage li{
        padding: 3px 0 0 32px;
    }
    .dw-advantage li::before{
        width: 28px;
        height: 28px;
        background-size: 28x; 
    }
    .dc-videos{
        padding: 32px 0;
    }
    .dv-desc{
        width: 100%;
    }
    .dv-videos{
        flex-direction: column;
        align-items: center;
        gap: 20px;
        margin-bottom: 28px;
    }
    .dv-video{
        width: 216px;
        height: 435px;
        background-image: url('images/phone.webp');
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        padding: 24px 8px 16px;
        overflow: hidden;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .dv-video-inner{
        width: 170px;
        height: 395px;
        border-radius: 10px;
        overflow: hidden;
        position: relative; 
    }
    .dv-video iframe{    
        /*max-width: 208px !important;
        max-height: 411px !important;*/
        position: absolute;
        top: 50%;
        left: 50%;
        width: 325px;       
        height: 757px; 
        border: 0;
        transform: translate(-50%, -50%) scale(0.53);
        transform-origin: center;
    }
    .dv-socials{
        display: flex;
        justify-content: center;
        gap: 1.5rem;
    }
    .dv-social{
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 0.75rem;
        padding: 0.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .dc-faq{
        padding: 32px 0;
    }
    
    .dc-faq h2{
        margin-bottom: 28px;    
    }
    .df-question{
        padding: 24px 16px;
    }
    .df-question::after{
        top: 24px;
        right: 16px;        
    }  
    .df-question:first-child{
        padding-top: 24px;
    }
    .df-question:first-child::after{
        top: 24px;
    }
    .df-question h3{
        font-size: 20px;
        line-height: 24px;
        min-height: 40px;
        display: flex;
        align-items: center;
        padding-right: 48px;
    }
    .df-question p{
        padding-right: 48px;
    }
    .dc-cta{
        padding: 28px 12px 0;
    }
    .dc-cta-inner{
        border-radius: 32px;
        padding: 24px 12px 0;
        flex-direction: column;
        gap: 24px;
    }
    .dc-cta-left{
        width: 100%;
    }
    .dc-cta-left h2{
        font-size: 36px;
        line-height: 100%;
        margin-bottom: 8px;  
        text-align: center;      
    }
    .dc-cta-left p{
        line-height: 140%;
        text-align: center;
    }
    .dc-cta-right{
        width: calc(100% + 48px);
        min-height: 398px;        
        position: relative;
        top: 0;
        right: 0;
        left: -24px;
        border-radius: 28px;
        padding: 16px;
    }    
    .dd-popup{
        width: min(100%, 398px);
        border-radius: 28px;
        padding: 16px;
    }    
    .dd-popup.confirmation{
        padding: 40px;       
    }
    .dd-popup.confirmation h2{
        font-size: 52px;  
        line-height: 110%;
        margin-bottom: 20px;
    }
    .dd-popup.confirmation p,
    .dd-popup.confirmation h2 + p{
        font-size: 22px;
        line-height: 140%;
    }
}