@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%;
}
.dl-content{
    background: #070707;
}
.dlc-inner{
    width: 90rem;
    margin: 0 auto;
    padding: 0 3.75rem 3.75rem; 
}
.dl-hero{
    padding: 3.75rem 1rem;
    display: flex;
    justify-content: space-between;    
}
.dh-left{
    padding: 1.75rem 0;
    width: 48.75rem;
}
.dl-hero h1{
    font-size: 3.625rem;
    font-weight: 900;
    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;
    line-height: 110%;
}
.dh-desc p{
    color: #F5F7FA;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 140%;
    margin-bottom: 1.575rem;
}
.dh-desc a[href="#recent-diaries"]{
    color: #7AD8F2;
    position: relative;
}
.dh-desc a[href="#recent-diaries"]:hover{
    color: #A7ECFF;
}
.dh-desc a[href="#recent-diaries"]:active{
    color: #4FA7C3;
}
.dh-desc a[href="#recent-diaries"]::after{
    content: '';
    position: absolute;
    top: calc(100% + 0.625rem);
    right: 50%;
    width: 6rem;
    height: 1.5625rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='28' viewBox='0 0 100 28' fill='none'%3E%3Cpath d='M1.42353 16.4496C0.923224 16.2157 0.328026 16.4316 0.0941176 16.9319C-0.139791 17.4322 0.0761656 18.0274 0.576471 18.2614L1 17.3555L1.42353 16.4496ZM97.9906 0.868427C97.918 0.320944 97.4152 -0.0639721 96.8677 0.00869352L87.946 1.19285C87.3985 1.26551 87.0136 1.76824 87.0863 2.31573C87.1589 2.86321 87.6616 3.24813 88.2091 3.17546L96.1396 2.12288L97.1922 10.0533C97.2648 10.6008 97.7676 10.9857 98.315 10.9131C98.8625 10.8404 99.2474 10.3377 99.1748 9.79019L97.9906 0.868427ZM2.43635 19.1078C2.94135 19.3314 3.53199 19.1033 3.75558 18.5983C3.97918 18.0933 3.75105 17.5026 3.24605 17.279L2.8412 18.1934L2.43635 19.1078ZM6.92505 18.8178C6.41122 18.6154 5.83053 18.8678 5.62805 19.3816C5.42557 19.8954 5.67797 20.4761 6.19179 20.6786L6.55842 19.7482L6.92505 18.8178ZM10.0101 22.0913C10.532 22.272 11.1016 21.9954 11.2822 21.4735C11.4629 20.9516 11.1863 20.382 10.6644 20.2014L10.3373 21.1464L10.0101 22.0913ZM14.4583 21.4247C13.9291 21.2665 13.3719 21.5672 13.2138 22.0964C13.0556 22.6255 13.3563 23.1827 13.8854 23.3409L14.1719 22.3828L14.4583 21.4247ZM17.8112 24.4226C18.3468 24.5577 18.8904 24.2331 19.0255 23.6976C19.1606 23.1621 18.836 22.6184 18.3005 22.4833L18.0559 23.4529L17.8112 24.4226ZM22.1843 23.3731C21.6433 23.2617 21.1145 23.6098 21.003 24.1507C20.8916 24.6916 21.2397 25.2205 21.7806 25.332L21.9824 24.3525L22.1843 23.3731ZM25.7862 26.0652C26.3316 26.1526 26.8444 25.7813 26.9318 25.2359C27.0191 24.6906 26.6478 24.1777 26.1025 24.0904L25.9444 25.0778L25.7862 26.0652ZM30.0495 24.632C29.5008 24.5693 29.0051 24.9632 28.9424 25.5119C28.8796 26.0606 29.2736 26.5563 29.8223 26.6191L29.9359 25.6255L30.0495 24.632ZM33.8827 26.9904C34.4337 27.0281 34.9109 26.6121 34.9487 26.0611C34.9864 25.5101 34.5704 25.0328 34.0194 24.995L33.951 25.9927L33.8827 26.9904ZM38.0004 25.1763C37.4483 25.1639 36.9906 25.6014 36.9782 26.1535C36.9658 26.7057 37.4033 27.1634 37.9554 27.1758L37.9779 26.176L38.0004 25.1763ZM42.0319 27.173C42.5841 27.1598 43.0209 26.7015 43.0077 26.1493C42.9945 25.5972 42.5362 25.1603 41.9841 25.1736L42.008 26.1733L42.0319 27.173ZM45.9615 24.9849C45.4106 25.0241 44.9957 25.5024 45.0349 26.0533C45.074 26.6042 45.5523 27.0191 46.1032 26.9799L46.0323 25.9824L45.9615 24.9849ZM50.1599 26.5947C50.7084 26.5294 51.1 26.0319 51.0347 25.4835C50.9694 24.9351 50.4719 24.5435 49.9235 24.6088L50.0417 25.6018L50.1599 26.5947ZM53.8645 24.0429C53.3199 24.1346 52.9528 24.6505 53.0445 25.1951C53.1362 25.7397 53.652 26.1069 54.1967 26.0151L54.0306 25.029L53.8645 24.0429ZM58.2033 25.239C58.7427 25.1206 59.0841 24.5874 58.9657 24.0479C58.8473 23.5085 58.3141 23.1671 57.7746 23.2855L57.9889 24.2622L58.2033 25.239ZM61.6393 22.3357C61.1065 22.481 60.7923 23.0307 60.9375 23.5635C61.0828 24.0963 61.6325 24.4106 62.1653 24.2653L61.9023 23.3005L61.6393 22.3357ZM66.0716 23.0926C66.5964 22.9203 66.882 22.3552 66.7096 21.8305C66.5373 21.3058 65.9722 21.0202 65.4475 21.1925L65.7596 22.1426L66.0716 23.0926ZM69.1925 19.8528C68.6776 20.0525 68.4221 20.6318 68.6218 21.1467C68.8215 21.6616 69.4008 21.9171 69.9157 21.7174L69.5541 20.7851L69.1925 19.8528ZM73.6839 20.1377C74.1872 19.9104 74.411 19.3181 74.1836 18.8147C73.9563 18.3114 73.364 18.0877 72.8606 18.315L73.2723 19.2264L73.6839 20.1377ZM76.4334 16.5798C75.9436 16.835 75.7535 17.4389 76.0087 17.9287C76.2639 18.4185 76.8678 18.6087 77.3576 18.3535L76.8955 17.4667L76.4334 16.5798ZM80.9261 16.3607C81.4002 16.0773 81.5548 15.4633 81.2715 14.9893C80.9882 14.5152 80.3742 14.3606 79.9001 14.6439L80.4131 15.5023L80.9261 16.3607ZM83.2454 12.5048C82.7894 12.8165 82.6725 13.4387 82.9842 13.8947C83.2958 14.3506 83.9181 14.4675 84.374 14.1558L83.8097 13.3303L83.2454 12.5048ZM87.6758 11.7418C88.1109 11.4016 88.1879 10.7732 87.8478 10.338C87.5076 9.90295 86.8791 9.82597 86.444 10.1661L87.0599 10.9539L87.6758 11.7418ZM89.4841 7.62145C89.0729 7.99015 89.0384 8.62238 89.4071 9.03357C89.7758 9.44477 90.408 9.47922 90.8192 9.11052L90.1516 8.36599L89.4841 7.62145ZM93.773 6.26775C94.1569 5.87071 94.1462 5.23764 93.7492 4.85374C93.3521 4.46984 92.7191 4.48049 92.3352 4.87754L93.0541 5.57264L93.773 6.26775ZM94.9752 1.93434C94.6224 2.35925 94.6808 2.98971 95.1057 3.34252C95.5306 3.69532 96.1611 3.63687 96.5139 3.21196L95.7445 2.57315L94.9752 1.93434ZM1 17.3555L0.576471 18.2614C1.19605 18.551 1.81604 18.8331 2.43635 19.1078L2.8412 18.1934L3.24605 17.279C2.63826 17.0099 2.03072 16.7335 1.42353 16.4496L1 17.3555ZM6.55842 19.7482L6.19179 20.6786C7.46438 21.1801 8.73745 21.6508 10.0101 22.0913L10.3373 21.1464L10.6644 20.2014C9.41823 19.77 8.17151 19.309 6.92505 18.8178L6.55842 19.7482ZM14.1719 22.3828L13.8854 23.3409C15.1957 23.7326 16.5046 24.0929 17.8112 24.4226L18.0559 23.4529L18.3005 22.4833C17.0218 22.1607 15.7408 21.8081 14.4583 21.4247L14.1719 22.3828ZM21.9824 24.3525L21.7806 25.332C23.1195 25.6079 24.4551 25.852 25.7862 26.0652L25.9444 25.0778L26.1025 24.0904C24.8005 23.8819 23.4941 23.643 22.1843 23.3731L21.9824 24.3525ZM29.9359 25.6255L29.8223 26.6191C31.1818 26.7746 32.5357 26.898 33.8827 26.9904L33.951 25.9927L34.0194 24.995C32.7026 24.9048 31.3789 24.7841 30.0495 24.632L29.9359 25.6255ZM37.9779 26.176L37.9554 27.1758C39.3231 27.2065 40.6823 27.2053 42.0319 27.173L42.008 26.1733L41.9841 25.1736C40.6653 25.2051 39.337 25.2064 38.0004 25.1763L37.9779 26.176ZM46.0323 25.9824L46.1032 26.9799C47.4672 26.883 48.8199 26.7543 50.1599 26.5947L50.0417 25.6018L49.9235 24.6088C48.6149 24.7646 47.2938 24.8903 45.9615 24.9849L46.0323 25.9824ZM54.0306 25.029L54.1967 26.0151C55.5474 25.7877 56.8834 25.5286 58.2033 25.239L57.9889 24.2622L57.7746 23.2855C56.4868 23.5681 55.183 23.8209 53.8645 24.0429L54.0306 25.029ZM61.9023 23.3005L62.1653 24.2653C63.4864 23.9052 64.789 23.5139 66.0716 23.0926L65.7596 22.1426L65.4475 21.1925C64.1975 21.6031 62.9276 21.9845 61.6393 22.3357L61.9023 23.3005ZM69.5541 20.7851L69.9157 21.7174C71.1952 21.2212 72.4518 20.6942 73.6839 20.1377L73.2723 19.2264L72.8606 18.315C71.6618 18.8565 70.4385 19.3695 69.1925 19.8528L69.5541 20.7851ZM76.8955 17.4667L77.3576 18.3535C78.5755 17.7189 79.7657 17.0542 80.9261 16.3607L80.4131 15.5023L79.9001 14.6439C78.7735 15.3172 77.6173 15.963 76.4334 16.5798L76.8955 17.4667ZM83.8097 13.3303L84.374 14.1558C85.509 13.38 86.6103 12.5748 87.6758 11.7418L87.0599 10.9539L86.444 10.1661C85.4126 10.9725 84.3457 11.7526 83.2454 12.5048L83.8097 13.3303ZM90.1516 8.36599L90.8192 9.11052C91.8451 8.19071 92.8304 7.24257 93.773 6.26775L93.0541 5.57264L92.3352 4.87754C91.4263 5.8175 90.4752 6.73271 89.4841 7.62145L90.1516 8.36599ZM95.7445 2.57315L96.5139 3.21196C96.9524 2.68383 97.379 2.14908 97.7933 1.60792L96.9993 1L96.2053 0.392076C95.8072 0.912082 95.397 1.42625 94.9752 1.93434L95.7445 2.57315Z' fill='url(%23paint0_linear_9840_96824)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_9840_96824' x1='-5.41323' y1='38.7627' x2='8.43789' y2='-28.5889' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.158006' stop-color='%23797EF5'/%3E%3Cstop offset='0.557304' stop-color='%2363AFC8'/%3E%3Cstop offset='1' stop-color='%2378FFD5'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
.dh-right{
    width: 30.5rem;
    padding: 2rem;
    border-radius: 2.5rem;
    border: 1px solid #C9CED8;
    background: #F5F7FA;
    box-shadow: 1px 4px 12px 0 rgba(101, 119, 126, 0.25);
}
.dh-right .gform_wrapper .gfield,
.cta-right .gform_wrapper .gfield{
    width: 100%;
    margin-bottom: 0;
}
.dh-right .gform_wrapper .gfield_label,
.cta-right .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,
.cta-right form input[type=email], 
.cta-right form input[type=text],
.cta-right 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,
.cta-right form input[type=email]::placeholder, 
.cta-right form input[type=text]::placeholder,
.cta-right form textarea::placeholder{
    color: #6C7380;
}
.dh-right form input[type=email]:hover, 
.dh-right form input[type=text]:hover,
.dh-right form textarea:hover,
.cta-right form input[type=email]:hover, 
.cta-right form input[type=text]:hover,
.cta-right 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,
.cta-right form input[type=email]:focus, 
.cta-right form input[type=text]:focus,
.cta-right 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),
.cta-right form input[type=email]:not(:placeholder-shown), 
.cta-right form input[type=text]:not(:placeholder-shown),
.cta-right 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"],
.cta-right form input[type=email][aria-invalid="true"], 
.cta-right form input[type=text][aria-invalid="true"],
.cta-right form textarea[aria-invalid="true"]{
    border-width: 1px;
    border-color: #F4776A;
    margin-bottom: 0;
}
.dh-right form textarea,
.cta-right form textarea{
    min-height: 9.25rem;
    max-height: 9.25rem;
    border-radius: 1.25rem;    
    resize: none;
}
.dh-right .gform_wrapper .gform-footer,
.cta-right .gform_wrapper .gform-footer{
    width: 100%;
}
.dh-right .gform_wrapper input.gform_button,
.cta-right .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;
}
.dh-right .gform_wrapper input.gform_button:hover,
.cta-right .gform_wrapper input.gform_button:hover{
    background: linear-gradient(38deg, #797EF5 -30.78%, #63AFC8 44.82%, #78FFD5 125.31%);
}
.dh-right .gform_wrapper input.gform_button:active,
.cta-right .gform_wrapper input.gform_button:active{
    background: linear-gradient(49deg, #63AFC8 48.65%, #78FFD5 103.7%);
}
.dh-right .ginput_counter,
.cta-right .ginput_counter{
    display: none;
}

.dh-right .gform_validation_errors,
.cta-right .gform_validation_errors{
    background-color: transparent;
}
.dh-right .gform_validation_errors ol,
.cta-right .gform_validation_errors ol{
    display: none;
    padding: 0;    
}
.dh-right .gform_wrapper .gfield_validation_message,
.cta-right .gform_wrapper .gfield_validation_message{
    line-height: 0.875rem;
}
.dh-right .ginput_container_textarea,
.cta-right .ginput_container_textarea{
    display: flex;
}
.dh-right p.gform_description,
.cta-right p.gform_description{
    text-align: center;
    margin-bottom: 0;
}
.dl-how{
    padding: 3.75rem 0;
}
.dl-how h2{
    text-align: center;
    color: #F5F7FA;
    font-size: 2.75rem;
    font-weight: 800;
    margin-bottom: 0.5rem;
}
.dl-how h2 + p{
    color: #F5F7FA;
    text-align: center;
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 3rem;
}
.dl-steps{
    width: 68.375rem;
    height: 60.75rem;
    margin: 0 auto;
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url('images/union.webp');
}
.dl-step{
    position: absolute;    
    width: 24rem;
    height: fit-content;
    transform: translateY(-50%);    
}
.dl-step h3{
    color: #F5F7FA;
    font-size: 2rem;
    font-weight: 800;
    line-height: 150%;
    margin-bottom: 0.25rem;
}
.dl-step p{
    color: #F5F7FA;
    font-size: 1rem;
    font-weight: 400;
    line-height: 140%;
}
.dl-step::before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: -7.5rem;
    width: 6.25rem;
    height: 6.25rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;    
}
.dl-step:nth-child(1){
    top: 8.0625rem;
    right: 2.5rem;    
}
.dl-step:nth-child(1)::before{
    background-image: url('images/number1.webp');
}
.dl-step:nth-child(2){
    top: 23.0625rem;
    right: 34rem;    
}
.dl-step:nth-child(2)::before{
    background-image: url('images/number2.webp');
}
.dl-step:nth-child(3){
    top: 38.0625rem;
    right: 2.5rem;
}
.dl-step:nth-child(3)::before{
    background-image: url('images/number3.webp');
}
.dl-step:nth-child(4){
    top: 53.0625rem;
    right: 34rem;
}
.dl-step:nth-child(4)::before{
    background-image: url('images/number4.webp');
}
.dl-cta{
    padding: 3.75rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.dl-cta 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;
    width: 35.4375rem;
    margin-left: 7.0625rem;
    position: relative;    
}
.dl-cta h2::after{
    content: '';
    position: absolute;    
    bottom: -5.1875rem;   
    left: 14.25rem;
    width: 28.3125rem;
    height: 6.25rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;    
    background-image: url('images/bottom-arrow.webp');
}
.cta-right{
    border-radius: 2.5rem;
    padding: 2rem;
    border: 1px solid #C9CED8;
    background: #F5F7FA;
    box-shadow: 1px 4px 12px 0 rgba(101, 119, 126, 0.25);
    width: 30.5rem;
}
.dc-recent-wrap{
    background: #F5F7FA;
}
.dc-recent{
    padding: 3.75rem;
    width: 90rem;
    margin: 0 auto;
}
.dc-recent h2{
    margin-bottom: 3rem;
    color: #141518;
    text-align: center;
    font-size: 2.75rem;
    font-weight: 800;
}
.dcr-items{
    display: flex;
    flex-wrap: wrap;
    gap: 0.625rem;
}
.dcr-items *{
    transition: all 0.3s ease;
}
.dcr-item:hover{
    background: #070707;
}
.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%);
}
.dcr-item:hover .dci-img img{
    filter: grayscale(0);
}
.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;
}
.dcr-item:hover .dci-content p:not(.dci-subtitle){
    color: #E9EDF2;
}
.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;
}
.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-confirmation{
    width: 41.75rem;
    height: fit-content;
    box-shadow: 1px 4px 12px 0 rgba(101, 119, 126, 0.25);      
    border-radius: 2.5rem;    
    background: #141518;
    padding: 3.75rem;
    border: none;
}
.body-no-scroll {
    overflow: hidden;
}
.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;
    }
    .dlc-inner{
        width: 100%;
        padding: 0 20px;    
    }
    .dl-hero{
        padding: 20px 0 32px;
        flex-direction: column;
        gap: 28px;
    }
    .dh-left{
        padding: 0;
        width: 100%;
    }
    .dl-hero h1{
        font-size: 38px;
        line-height: 108%;
        margin-bottom: 8px;
    }
    .dh-desc p{
        line-height: 130%;
    }
    .dh-desc p:last-child{
        margin-bottom: 0;
    }   
    .dh-desc a[href="#recent-diaries"]::after{
        top: 0;
        left: 50%;
        right: 0;
        transform: rotate(180deg) translateY(100%);
    }
    .dh-right{
        width: 100%;
        padding: 16px;
        border-radius: 28px;
    }
    .dl-how{
        padding: 32px 0;
    }
    .dl-how h2{
        font-size: 32px;
    }
    .dl-how h2 + p{
        line-height: 140%;
        margin-bottom: 28px;
    }
    .dl-steps{
        width: min(100%, 388px);
        height: 130.8vw;
        max-height: 560px;   
        background-image: url('images/union-mobile.webp');
    }
    .dl-step{    
        width: min(64vw, 272px);        
    }
    .dl-step h3{
        font-size: min(24px, 5.5vw);
        font-weight: 700;
        line-height: 130%;
        margin-bottom: 2px;
    }
    .dl-step p{
        font-size: min(16px, 3.7vw);      
    }  
    .dl-step::before{
        left: max(-17.8vw, -76px);
        width: min(68px, 15.9vw);
        height: min(68px, 15.9vw);        
    }
    .dl-step:nth-child(1){
        top: min(17.7vw, 73px);
        right: min(20px, 4.7vw);   
    }    
    .dl-step:nth-child(2){
        top: min(49.4vw, 212px);
        right: min(20px, 4.7vw);
    }    
    .dl-step:nth-child(3){
        top: min(81.9vw, 351px);
        right: min(20px, 4.7vw);
    }    
    .dl-step:nth-child(4){
        top: min(113.9vw, 490px);
        right: min(20px, 4.7vw);
    }
    .dl-cta{
        padding: 32px 0 96px;
        flex-direction: column;
        gap: 28px;
    }
    .dl-cta h2{
        font-size: 36px;        
        line-height: 100%;
        width: 100%;
        margin-left: 0;
        text-align: center;
    }
    .dl-cta h2::after{
        display: none;
    }
    .cta-right{
        border-radius: 28px;
        padding: 16px;        
        width: 100%;
        position: relative;
    }
    .cta-right::before{
        content: '';
        position: absolute;
        bottom: -54px;
        right: 50%;
        width: 196px;
        height: 46px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        background-image: url('images/bottom-arrow-mobile.webp');
    }
    .dc-recent{
        padding: 32px 0 32px 20px;
        width: calc(100% + 20px);
    }
    .dc-recent h2{
        font-size: 36px;
        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;
    }
    .dd-popup-confirmation{
        width: min(100%, 398px);
        border-radius: 28px;
        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: 412px) { 
    .dh-desc a[href="#recent-diaries"]::after{
        display: none;
    }
}