@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;
    width: 37.5rem;
}
.dl-hero-wrap,
.dc-recent-wrap,
.dc-how-wrap,
.dc-who-wrap{
    background: #F5F7FA;
}
.dl-hero{
    width: 90rem;
    margin: 0 auto;
    padding: 3.75rem;
    display: flex;
    justify-content: space-between;
}
.dh-left{
    padding-top: 1.6875rem;
    width: 43rem;
}
.dh-left h1{
    color: #141518;
    font-size: 4.5rem;
    font-weight: 800;
    line-height: 90%;
    letter-spacing: -2.16px;
    margin-bottom: 0.25rem;
}
.dh-desc{
    margin-bottom: 3.25rem;
}
.dh-desc p{
    color: #141518;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 140%;
}
.dh-desc p:not(:last-child){
    margin-bottom: 1.5rem;
}
#dl-show-popup,
#dh-btn-popup{    
    display: flex;
    margin: 0;
    width: fit-content;
    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;
}
#dl-show-popup:hover,
#dh-btn-popup:hover{
    background: linear-gradient(35deg, #797EF5 -42.06%, #63AFC8 26.54%, #78FFD5 126.27%);
}
#dl-show-popup:active,
#dh-btn-popup:active{
    background: linear-gradient(49deg, #63AFC8 48.65%, #78FFD5 103.7%);
}
.dh-right{
    width: 33.25rem;
    padding: 2rem;
    border-radius: 2.5rem;
    border: 0.0625rem solid #C9CED8;
    background: #F5F7FA;
    box-shadow: 0.0625rem 0.25rem 2rem 0 rgba(133, 137, 141, 0.25);
}
.dh-right .gform_wrapper .gfield,
.dw-right .gform_wrapper .gfield,
.dd-popup .gform_wrapper .gfield{
    width: 100%;
    margin-bottom: 0;
}
.dh-right .gform_wrapper .gfield_label,
.dw-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%;
}
.dh-right form input[type=email], 
.dh-right form input[type=text],
.dh-right form textarea,
.dw-right form input[type=email], 
.dw-right form input[type=text],
.dw-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;
}
.dh-right form input[type=email]::placeholder, 
.dh-right form input[type=text]::placeholder,
.dh-right form textarea::placeholder,
.dw-right form input[type=email]::placeholder, 
.dw-right form input[type=text]::placeholder,
.dw-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;
}
.dh-right form input[type=email]:hover, 
.dh-right form input[type=text]:hover,
.dh-right form textarea:hover,
.dw-right form input[type=email]:hover, 
.dw-right form input[type=text]:hover,
.dw-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;
}
.dh-right form input[type=email]:focus, 
.dh-right form input[type=text]:focus,
.dh-right form textarea:focus,
.dw-right form input[type=email]:focus, 
.dw-right form input[type=text]:focus,
.dw-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;
}
.dh-right form input[type=email]:not(:placeholder-shown), 
.dh-right form input[type=text]:not(:placeholder-shown),
.dh-right form textarea:not(:placeholder-shown),
.dw-right form input[type=email]:not(:placeholder-shown), 
.dw-right form input[type=text]:not(:placeholder-shown),
.dw-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;
}
.dh-right form input[type=email][aria-invalid="true"], 
.dh-right form input[type=text][aria-invalid="true"],
.dh-right form textarea[aria-invalid="true"],
.dw-right form input[type=email][aria-invalid="true"], 
.dw-right form input[type=text][aria-invalid="true"],
.dw-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;
}
.dh-right form textarea,
.dw-right form textarea,
.dd-popup form textarea{
    min-height: 9.25rem;
    max-height: 9.25rem;
    border-radius: 1.25rem;    
    resize: none;
}
.dh-right .gform_wrapper .gform-footer,
.dw-right .gform_wrapper .gform-footer,
.dd-popup .gform_wrapper .gform-footer{
    width: 100%;
}
.dh-right .gform_wrapper input.gform_button,
.dw-right .gform_wrapper input.gform_button,
.dd-popup .gform_wrapper input.gform_button,
.dh-right .gform_wrapper button.gform_button,
.dw-right .gform_wrapper button.gform_button,
.dd-popup .gform_wrapper button.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;
}
.dh-right .gform_wrapper input.gform_button:hover,
.dw-right .gform_wrapper input.gform_button:hover,
.dd-popup .gform_wrapper input.gform_button:hover,
.dh-right .gform_wrapper button.gform_button:hover,
.dw-right .gform_wrapper button.gform_button:hover,
.dd-popup .gform_wrapper button.gform_button:hover{
    background: linear-gradient(38deg, #797EF5 -30.78%, #63AFC8 44.82%, #78FFD5 125.31%);
}
.dh-right .gform_wrapper input.gform_button:active,
.dw-right .gform_wrapper input.gform_button:active,
.dd-popup .gform_wrapper input.gform_button:active,
.dh-right .gform_wrapper button.gform_button:active,
.dw-right .gform_wrapper button.gform_button:active,
.dd-popup .gform_wrapper button.gform_button:active{
    background: linear-gradient(49deg, #63AFC8 48.65%, #78FFD5 103.7%);
}
.dh-right .ginput_counter,
.dw-right .ginput_counter,
.dd-popup .ginput_counter{
    display: none;
}

.dh-right .gform_validation_errors,
.dw-right .gform_validation_errors,
.dd-popup .gform_validation_errors{
    background-color: transparent;
}
.dh-right .gform_validation_errors ol,
.dw-right .gform_validation_errors ol,
.dd-popup .gform_validation_errors ol{
    display: none;
    padding: 0;    
}
.dh-right .gform_wrapper .gfield_validation_message,
.dw-right .gform_wrapper .gfield_validation_message,
.dd-popup .gform_wrapper .gfield_validation_message{
    line-height: 0.875rem;
}
.dh-right .ginput_container_textarea,
.dw-right .ginput_container_textarea,
.dd-popup .ginput_container_textarea{
    display: flex;
}
.dh-right p.gform_description,
.dw-right p.gform_description,
.dd-popup p.gform_description{
    text-align: center;
    margin-bottom: 0;
}
.dh-right .gform_wrapper input.gform_button{
    background: #070707;
    color: #F5F7FA;
}
.dh-right .gform_wrapper input.gform_button:hover{
    background: #23242D;
    color: #A7ECFF;
}
.dh-right .gform_wrapper input.gform_button:active{
    background: #141518;
    color: #A7ECFF;
}
.dc-recent{
    padding: 3.75rem;
    width: 90rem;
    margin: 0 auto;
}
.dc-recent h2 + p{
    width: 48.75rem;
}
.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;
}
.dcr-item:hover{
    background: #070707;
}
.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%);
}
.dcr-item:hover .dci-img img{
    filter: grayscale(0);
}
.dci-content{
    display: flex;
    margin-bottom: 0.5rem;
}
.dcr-item:hover .dci-content p:not(.dci-subtitle){
    color: #E9EDF2;
}
.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{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    margin-top: auto;
}
.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;
}
.dcr-item:hover .dci-bottom p{
    color: #E9EDF2;
}
.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-item:hover .dci-bottom p span svg path{
    fill: #E9EDF2;
}
.dci-arrow{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 100px;
    background: #23242D;
}
.dcr-item:hover .dci-arrow{
    background: #F5F7FA;
    transform: rotate(-45deg);
}
.dci-arrow svg{
    width: 1.125rem;
    height: 0.8125rem;
}
#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-how{
    padding: 3.75rem;
    width: 90rem;
    margin: 0 auto;
}
.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.25rem;
    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(38.08deg, #797EF5 -6.21%, #63AFC8 56.16%, #78FFD5 125.31%);
    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-popup.dh-btn{
    display: flex;
    margin: 0 auto;    
}
.dc-who{
    width: 90rem;
    margin: 0 auto;
    padding: 3.75rem;    
}
.dw-body{
    display: flex;
    justify-content: space-between;    
    gap: 3rem;
    padding: 0 2.5rem;
}
.dw-left h3{
    color: #141518;
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
}
.dw-left ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.dw-left 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-left 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-left li:last-child{
    margin-bottom: 0;
}
.dw-right{
    width: 33.25rem;
    border-radius: 2.5rem;
    padding: 2rem;
    border: 0.0625rem solid #C9CED8;
    background: #F5F7FA;
    box-shadow: 0.0625rem 0.25rem 2rem 0 rgba(133, 137, 141, 0.25);
}
.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;    
    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: 767px) {  
    html:root{
        font-size: 16px;
    }
    main{
        overflow-x: hidden;
    }
    h2{
        font-size: 32px;    
    }
    h2 + p{
        line-height: 140%;
        margin: 0 auto 28px;
        width: 100%;
    }    
    .dl-hero{
        width: 100%;
        padding: 32px 20px;
        flex-direction: column;
        gap: 28px;
    }
    .dh-left{
        padding-top: 0;
        width: 100%;
    }
    .dh-left h1{
        font-size: 52px;
        line-height: 110%;
        margin-bottom: 8px;
    }
    .dh-desc{
        margin-bottom: 28px;
    }
    .dh-desc p{
        line-height: 130%;
    }
    #dl-show-popup,
    #dh-btn-popup{    
        letter-spacing: 0;
        font-size: min(16px, 3.7vw);
        padding-left: min(32px, 7.2vw);
        padding-right: min(32px, 7.2vw);
    }
    .dh-right{
        width: 100%;
        padding: 18px 16px;
        border-radius: 28px;        
    }
    .dc-recent{
        padding: 32px 20px;
        width: 100%;         
    }
    .dcr-items{
        margin-bottom: 0;
        gap: 16px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        justify-content: flex-start;   
        flex-wrap: nowrap;
        position: relative;
        left: -20px;
        width: calc(100% + 40px);
    }
    .dcr-item:first-child{
        margin-left: 20px;
    }
    .dcr-item:last-child{
        margin-right: 20px;
    }
    .dcr-item{
        min-width: 256px;
    }
    #dcr-more{
        display: none;
    }
    .dc-how{
        padding: 32px 20px;
        width: 100%;
    }
    .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%;
        max-width: 400px;
        min-height: 190px;
        border-radius: 32px;
    }
    .dhs-number{
        width: 80px;
        height: 80px;
        top: -30px;
        left: calc(50% - 40px);        
        font-size: 32px;
        padding-top: 0.625rem;
    }
    .dhs-text{
        line-height: 140%;        
    }
    .dc-who{
        width: 100%;
        padding: 32px 20px;    
    }
    .dw-body{
        flex-direction: column;   
        gap: 28px;
        padding: 0;
    }
    .dw-left h3{
        font-size: 20px;
        margin-bottom: 4px;
    }    
    .dw-left li{
        padding: 3px 0 0 32px;
    }
    .dw-left li::before{
        width: 28px;
        height: 28px;
        background-size: 28x; 
    }    
    .dw-right{
        width: 100%;
        border-radius: 28px;
        padding: 18px 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%;
    }
}
@media (max-width: 374px) {
    #dl-show-popup,
    #dh-btn-popup{     
        padding-left: 6vw;
        padding-right: 6vw;
    }
}