/* 
---------------------------------------------
             Support Inquiry
--------------------------------------------- 
*/

.subtop {
    background: linear-gradient(180deg, #FFFFFF 0%, #F6F8FD 100%);
}

.subtop .container {
    padding-top: 220px;
    padding-bottom: 50px;
}

@media (max-width: 1280px) {
    .subtop .container {
        padding-top: 200px;
        padding-bottom: 44px;
    }
}

@media (max-width: 1024px) {
    .subtop .container {
        padding-top: 180px;
        padding-bottom: 38px;
    }
}

@media (max-width: 768px) {
    .subtop .container {
        padding-top: 160px;
        padding-bottom: 30px;
    }
}

@media (max-width: 480px) {
    .subtop .container {
        padding-top: 150px;
        padding-bottom: 24px;
    }
}

/* cont1 */
.cont1 {
    background: url("/assets/img/support/bg01.jpg") center / cover no-repeat;
}

.cont1 .container {
    padding-top: 90px;
    position: relative;
    display: flex;
    gap: 30px;
}

.cont1 .cards {
    flex: 1 1 auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
}

.cont1 .card {
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    background: white;
    border: 1px solid var(--black-200);
    border-radius: 20px;
    backdrop-filter: blur(4px);
}

.cont1 .card .head {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.cont1 .card .icon {
    width: 56px;
    height: 56px;
    border-radius: 300px;
    background: rgba(234, 239, 250, 0.5);
    background-repeat: no-repeat;
    background-position: center;
}

.cont1 .cards .card:nth-child(1) .icon {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='24' viewBox='0 0 22 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.701288 24H0.352349V22.6667H0.701288C1.63178 22.6667 2.5379 22.5329 3.41965 22.2654C4.30139 21.9979 5.18014 21.6085 6.0559 21.0974C6.81535 21.588 7.58891 21.9637 8.37658 22.2244C9.16424 22.485 10.0302 22.6154 10.9743 22.6154C11.9185 22.6154 12.7844 22.485 13.5721 22.2244C14.3598 21.9637 15.1333 21.588 15.8928 21.0974C16.7634 21.6085 17.6422 21.9979 18.529 22.2654C19.4159 22.5329 20.3246 22.6667 21.2551 22.6667H21.699V24H21.2551C20.3366 24 19.433 23.9 18.5444 23.7C17.6558 23.5 16.7797 23.1915 15.9159 22.7744C15.112 23.1795 14.2961 23.4838 13.4682 23.6872C12.6403 23.8906 11.809 23.9923 10.9743 23.9923C10.1396 23.9923 9.30963 23.8906 8.48433 23.6872C7.65904 23.4838 6.84443 23.1795 6.04051 22.7744C5.17672 23.1915 4.30054 23.5 3.41195 23.7C2.52336 23.9 1.61981 24 0.701288 24ZM11 19.4359C10.0592 19.4359 9.19546 19.1538 8.40864 18.5897C7.62183 18.0256 6.81791 17.282 5.99689 16.359C5.24258 17.1983 4.56994 17.8333 3.97897 18.2641C3.388 18.6949 2.73845 19.0504 2.03032 19.3308L0.0418996 12.2564C-0.0350715 11.9812 -0.00599358 11.7179 0.129133 11.4667C0.26426 11.2154 0.469517 11.0427 0.744902 10.9487L2.37925 10.4154V4.82051C2.37925 4.22393 2.58921 3.71581 3.00913 3.29615C3.42905 2.87649 3.93749 2.66666 4.53444 2.66666H8.58824V0H13.4118V2.66666H17.4656C18.0625 2.66666 18.5709 2.87649 18.9909 3.29615C19.4108 3.71581 19.6207 4.22393 19.6207 4.82051V10.4154L21.2551 10.9487C21.5305 11.0427 21.7357 11.2154 21.8709 11.4667C22.006 11.7179 22.0351 11.9812 21.9581 12.2564L19.9697 19.3308C19.2615 19.0504 18.612 18.6949 18.021 18.2641C17.4301 17.8333 16.7574 17.1983 16.0031 16.359C15.1821 17.282 14.3782 18.0256 13.5914 18.5897C12.8045 19.1538 11.9408 19.4359 11 19.4359ZM11.0411 18.1026C11.9014 18.1026 12.6455 17.8149 13.2732 17.2397C13.9009 16.6645 14.497 16.053 15.0615 15.4051L16.0057 14.3308L16.9114 15.3461C17.2586 15.7444 17.6071 16.1261 17.9569 16.491C18.3067 16.856 18.7065 17.1667 19.1563 17.4231L20.5624 12.1231L10.9743 9.20256L1.44535 12.1231L2.85135 17.4231C3.3012 17.1667 3.70102 16.856 4.05081 16.491C4.4006 16.1261 4.7491 15.7444 5.09633 15.3461L6.00202 14.3308L6.9462 15.4051C7.51066 16.0581 8.11787 16.6709 8.76785 17.2436C9.41782 17.8162 10.1756 18.1026 11.0411 18.1026ZM3.66211 10.0231L10.9743 7.79486L18.2866 10.0231V4.00001H3.66211V10.0231Z' fill='%231933B3'/%3E%3C/svg%3E");
    background-size: 22px 24px;
}

.cont1 .cards .card:nth-child(2) .icon {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.37981 25V19.4616C1.69872 19.2757 1.13181 18.9211 0.679087 18.3979C0.226362 17.8746 0 17.2459 0 16.5117V5.21635H2.37981V0.625004C2.37981 0.447919 2.43979 0.29948 2.55974 0.179688C2.67969 0.0598958 2.82833 0 3.00566 0C3.18298 0 3.33134 0.0598958 3.45073 0.179688C3.57012 0.29948 3.62982 0.447919 3.62982 0.625004V5.21635H6.00962V16.5117C6.00962 17.2459 5.78326 17.8746 5.33054 18.3979C4.87781 18.9211 4.31091 19.2757 3.62982 19.4616V25H2.37981ZM11.875 25V19.4616C11.1939 19.2757 10.627 18.9211 10.1743 18.3979C9.72156 17.8746 9.4952 17.2459 9.4952 16.5117V5.21635H11.875V0.625004C11.875 0.447919 11.935 0.29948 12.0549 0.179688C12.1749 0.0598958 12.3235 0 12.5009 0C12.6782 0 12.8265 0.0598958 12.9459 0.179688C13.0653 0.29948 13.125 0.447919 13.125 0.625004V5.21635H15.5048V16.5117C15.5048 17.2459 15.2785 17.8746 14.8257 18.3979C14.373 18.9211 13.8061 19.2757 13.125 19.4616V25H11.875ZM21.3702 25V19.4616C20.6891 19.2757 20.1222 18.9211 19.6695 18.3979C19.2168 17.8746 18.9904 17.2459 18.9904 16.5117V5.21635H21.3702V0.625004C21.3702 0.447919 21.4302 0.29948 21.5501 0.179688C21.6701 0.0598958 21.8187 0 21.996 0C22.1734 0 22.3217 0.0598958 22.4411 0.179688C22.5605 0.29948 22.6202 0.447919 22.6202 0.625004V5.21635H25V16.5117C25 17.2459 24.7737 17.8746 24.3209 18.3979C23.8682 18.9211 23.3013 19.2757 22.6202 19.4616V25H21.3702ZM1.25001 6.46636V12.3317H4.75962V6.46636H1.25001ZM10.7452 6.46636V12.3317H14.2548V6.46636H10.7452ZM20.2404 6.46636V12.3317H23.75V6.46636H20.2404ZM3.00481 18.2692C3.48718 18.2692 3.90024 18.1011 4.24399 17.7647C4.58774 17.4284 4.75962 17.0116 4.75962 16.5144V13.5817H1.25001V16.5144C1.25001 17.0116 1.42188 17.4284 1.76563 17.7647C2.10938 18.1011 2.52244 18.2692 3.00481 18.2692ZM12.5 18.2692C12.9824 18.2692 13.3954 18.1011 13.7392 17.7647C14.0829 17.4284 14.2548 17.0116 14.2548 16.5144V13.5817H10.7452V16.5144C10.7452 17.0116 10.9171 17.4284 11.2608 17.7647C11.6046 18.1011 12.0176 18.2692 12.5 18.2692ZM21.9952 18.2692C22.4776 18.2692 22.8906 18.1011 23.2344 17.7647C23.5781 17.4284 23.75 17.0116 23.75 16.5144V13.5817H20.2404V16.5144C20.2404 17.0116 20.4123 17.4284 20.756 17.7647C21.0998 18.1011 21.5128 18.2692 21.9952 18.2692Z' fill='%231933B3'/%3E%3C/svg%3E");
    background-size: 25px 25px;
}

.cont1 .cards .card:nth-child(3) .icon {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='23' viewBox='0 0 18 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 23C6.41703 22.2333 4.27129 20.6683 2.56277 18.3048C0.854258 15.9413 0 13.279 0 10.3179V3.36344L9 0L18 3.36344V10.3179C18 13.279 17.1457 15.9413 15.4372 18.3048C13.7287 20.6683 11.583 22.2333 9 23ZM9 21.6348C11.0786 20.9918 12.8143 19.7219 14.2071 17.825C15.6 15.9281 16.4143 13.8115 16.65 11.4753H9V1.37259L1.28572 4.2414V10.3179C1.28572 10.5206 1.28572 10.7053 1.28572 10.8718C1.28572 11.0384 1.30715 11.2395 1.35001 11.4753H9V21.6348Z' fill='%231933B3'/%3E%3C/svg%3E");
    background-size: 18px 23px;
}

.cont1 .cards .card:nth-child(4) .icon {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.504 25C10.7812 25 9.15954 24.671 7.63889 24.0131C6.11823 23.3551 4.79389 22.4622 3.66587 21.3341C2.53784 20.2061 1.64485 18.8818 0.986912 17.3611C0.328971 15.8405 0 14.2188 0 12.496C0 10.7732 0.328971 9.15287 0.986912 7.63488C1.64485 6.1169 2.53784 4.79389 3.66587 3.66587C4.79389 2.53784 6.11823 1.64485 7.63889 0.986912C9.15954 0.328971 10.7812 0 12.504 0C14.2268 0 15.8471 0.328971 17.3651 0.986912C18.8831 1.64485 20.2061 2.53784 21.3341 3.66587C22.4622 4.79389 23.3551 6.1169 24.0131 7.63488C24.671 9.15287 25 10.7732 25 12.496C25 14.2188 24.671 15.8405 24.0131 17.3611C23.3551 18.8818 22.4622 20.2061 21.3341 21.3341C20.2061 22.4622 18.8831 23.3551 17.3651 24.0131C15.8471 24.671 14.2268 25 12.504 25ZM12.5 23.6218C13.3155 22.5748 13.9877 21.5465 14.5166 20.5369C15.0454 19.5272 15.4754 18.3974 15.8066 17.1474H9.19338C9.56019 18.4687 9.99911 19.6341 10.5102 20.6437C11.0212 21.6533 11.6845 22.646 12.5 23.6218ZM10.7318 23.4135C10.0837 22.6496 9.49207 21.7054 8.95699 20.5809C8.42192 19.4565 8.0235 18.312 7.76175 17.1474H2.43591C3.23185 18.8746 4.36032 20.2911 5.82132 21.3969C7.28232 22.5027 8.91915 23.1748 10.7318 23.4135ZM14.2682 23.4135C16.0808 23.1748 17.7177 22.5027 19.1787 21.3969C20.6397 20.2911 21.7682 18.8746 22.5641 17.1474H17.2382C16.8875 18.3298 16.4445 19.4832 15.9095 20.6076C15.3744 21.7321 14.8273 22.6674 14.2682 23.4135ZM1.86966 15.7585H7.47329C7.36823 15.1887 7.29389 14.6336 7.25026 14.0932C7.20664 13.5528 7.18483 13.0217 7.18483 12.5C7.18483 11.9783 7.20664 11.4472 7.25026 10.9068C7.29389 10.3664 7.36823 9.81126 7.47329 9.24146H1.86966C1.71831 9.72223 1.60035 10.2462 1.51577 10.8133C1.43119 11.3804 1.3889 11.9427 1.3889 12.5C1.3889 13.0573 1.43119 13.6196 1.51577 14.1867C1.60035 14.7538 1.71831 15.2778 1.86966 15.7585ZM8.86218 15.7585H16.1378C16.2429 15.1887 16.3172 14.6425 16.3608 14.1199C16.4045 13.5973 16.4263 13.0573 16.4263 12.5C16.4263 11.9427 16.4045 11.4027 16.3608 10.8801C16.3172 10.3575 16.2429 9.81126 16.1378 9.24146H8.86218C8.75713 9.81126 8.68279 10.3575 8.63916 10.8801C8.59554 11.4027 8.57372 11.9427 8.57372 12.5C8.57372 13.0573 8.59554 13.5973 8.63916 14.1199C8.68279 14.6425 8.75713 15.1887 8.86218 15.7585ZM17.5267 15.7585H23.1303C23.2817 15.2778 23.3997 14.7538 23.4842 14.1867C23.5688 13.6196 23.6111 13.0573 23.6111 12.5C23.6111 11.9427 23.5688 11.3804 23.4842 10.8133C23.3997 10.2462 23.2817 9.72223 23.1303 9.24146H17.5267C17.6318 9.81126 17.7061 10.3664 17.7497 10.9068C17.7934 11.4472 17.8152 11.9783 17.8152 12.5C17.8152 13.0217 17.7934 13.5528 17.7497 14.0932C17.7061 14.6336 17.6318 15.1887 17.5267 15.7585ZM17.2382 7.85256H22.5641C21.7503 6.08975 20.6352 4.67326 19.2187 3.60311C17.8023 2.53295 16.1521 1.85186 14.2682 1.55984C14.9163 2.41276 15.499 3.38809 16.0163 4.48585C16.5336 5.5836 16.9409 6.70584 17.2382 7.85256ZM9.19338 7.85256H15.8066C15.4398 6.54915 14.9875 5.37037 14.4498 4.31624C13.912 3.26211 13.2621 2.28277 12.5 1.37821C11.7379 2.28277 11.088 3.26211 10.5502 4.31624C10.0125 5.37037 9.56019 6.54915 9.19338 7.85256ZM2.43591 7.85256H7.76175C8.05912 6.70584 8.46643 5.5836 8.9837 4.48585C9.50097 3.38809 10.0837 2.41276 10.7318 1.55984C8.83012 1.85186 7.17548 2.5374 5.7679 3.61646C4.36032 4.69552 3.24965 6.10755 2.43591 7.85256Z' fill='%231933B3'/%3E%3C/svg%3E");
    background-size: 25px 25px;
}

.cont1 .contacts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

[lang="en"] .cont1 .contacts {
    display: flex;
    flex-direction: column;
}

[lang="en"] .cont1 .contacts .contact:last-child {
    border-top: 0;
    padding-top: 15px;
}

.cont1 .contact {
    padding-top: 24px;
    border-top: 1px solid var(--black-300);
    display: block;
    transition: opacity 0.25s ease;
}

.cont1 .meta {
    display: flex;
    align-items: center;
    gap: 6px;
}

.cont1 .name {
    color: var(--black-900);
    font-weight: 600;
    display: inline-block;
    background: linear-gradient(var(--bg), var(--bg)) no-repeat left center / 0% 100%;
    transition: background-size 0.35s ease;
}

.cont1 .contact:hover .name,
.cont1 .contact:focus-visible .name {
    color: var(--black-900);
    /* background-size: 100% 100%; */
}

.cont1 .role {
    color: var(--black-700);
}

.cont1 .mail {
    color: var(--primary);
    font-weight: 500;
    text-decoration: none;
    text-underline-offset: 3px;
    transition: color 0.25s ease;
    display: inline-block;
    background: linear-gradient(var(--bg), var(--bg)) no-repeat left center / 0% 100%;
    transition: background-size 0.35s ease;
}

.cont1 .contact:hover .mail,
.cont1 .contact:focus-visible .mail {
    color: var(--primary);
    background-size: 100% 100%;
}

.cont1 .call {
    width: 422px;
    min-height: 603px;
    padding: 40px;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 20px;
    background: linear-gradient(317deg, #3A78FF 0%, #82AAFF 57%, #A4C1FF 100%);
    border-radius: 20px;
    color: var(--white);
}

.cont1 .call::after {
    content: "";
    width: 349px;
    height: 367px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url("/assets/img/support/visual01.png") no-repeat 0 0 / 658px 658px;
    pointer-events: none;
}

.cont1 .phone {
    display: flex;
    align-items: center;
    gap: 12px;
}

.cont1 .phone .tel {
    color: var(--white);
    transition: color 0.8s ease;
}

.cont1 .phone .tel:hover,
.cont1 .phone .tel:focus-visible {
    color: var(--primary);
}

.cont1 .phone .icon {
    width: 42px;
    height: 42px;
    border-radius: 300px;
    background: var(--white-10);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 18px;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.95 18C14.8667 18 12.8083 17.5458 10.775 16.6375C8.74167 15.7292 6.89167 14.4417 5.225 12.775C3.55833 11.1083 2.27083 9.25833 1.3625 7.225C0.454167 5.19167 0 3.13333 0 1.05C0 0.75 0.1 0.5 0.3 0.3C0.5 0.1 0.75 0 1.05 0H5.1C5.33333 0 5.54167 0.0791667 5.725 0.2375C5.90833 0.395833 6.01667 0.583333 6.05 0.8L6.7 4.3C6.73333 4.56667 6.725 4.79167 6.675 4.975C6.625 5.15833 6.53333 5.31667 6.4 5.45L3.975 7.9C4.30833 8.51667 4.70417 9.1125 5.1625 9.6875C5.62083 10.2625 6.125 10.8167 6.675 11.35C7.19167 11.8667 7.73333 12.3458 8.3 12.7875C8.86667 13.2292 9.46667 13.6333 10.1 14L12.45 11.65C12.6 11.5 12.7958 11.3875 13.0375 11.3125C13.2792 11.2375 13.5167 11.2167 13.75 11.25L17.2 11.95C17.4333 12.0167 17.625 12.1375 17.775 12.3125C17.925 12.4875 18 12.6833 18 12.9V16.95C18 17.25 17.9 17.5 17.7 17.7C17.5 17.9 17.25 18 16.95 18ZM3.025 6L4.675 4.35L4.25 2H2.025C2.10833 2.68333 2.225 3.35833 2.375 4.025C2.525 4.69167 2.74167 5.35 3.025 6ZM11.975 14.95C12.625 15.2333 13.2875 15.4583 13.9625 15.625C14.6375 15.7917 15.3167 15.9 16 15.95V13.75L13.65 13.275L11.975 14.95Z' fill='white'/%3E%3C/svg%3E");
}

.cont1 .call .title {
    font-weight: 700;
}

@media (max-width: 1600px) {
    .cont1 .container {
        gap: 24px;
    }

    .cont1 .call {
        width: 380px;
    }
}

@media (max-width: 1280px) {
    .cont1 .container {
        padding-top: 80px;
        flex-direction: column;
        gap: 20px;
    }

    .cont1 .call {
        width: 100%;
        min-height: 360px;
        padding: 32px;
        margin-top: 10px;
    }

    .cont1 .cards {
        gap: 20px;
    }

    .cont1 .card {
        padding: 32px;
        gap: 16px;
    }
}

@media (max-width: 1024px) {
    .cont1 .container {
        padding-top: 70px;
        gap: 16px;
    }

    .cont1 .cards {
        gap: 16px;
    }

    .cont1 .card {
        padding: 28px;
    }

    .cont1 .card .head {
        gap: 18px;
    }

    .cont1 .contacts {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .cont1 .contact {
        padding-top: 18px;
    }

    .cont1 .call {
        min-height: 320px;
        padding: 28px;
        margin-top: 12px;
    }

    .cont1 .call::after {
        width: 280px;
        height: 300px;
        background-size: 520px 520px;
    }
}

@media (max-width: 900px) {
    .cont1 .cards {
        grid-template-columns: 1fr;
    }

    .cont1 .contacts {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .cont1 .card {
        padding: 28px;
        min-height: auto;
    }
}

@media (max-width: 768px) {
    .cont1 .container {
        padding-top: 56px;
        padding-bottom: 120px;
        gap: 14px;
    }

    .cont1 .cards {
        gap: 16px;
    }

    .cont1 .card,
    .cont1 .call {
        border-radius: 16px;
    }

    .cont1 .card {
        padding: 22px;
        gap: 14px;
    }

    .cont1 .card .head {
        gap: 14px;
    }

    .cont1 .call {
        padding: 24px;
        min-height: 280px;
        margin-top: 10px;
    }

    .cont1 .call::after {
        width: 230px;
        height: 240px;
        background-size: 430px 430px;
    }
}

@media (max-width: 480px) {
    .cont1 .container {
        padding-top: 42px;
        padding-bottom: 90px;
    }

    .cont1 .cards {
        gap: 12px;
    }

    .cont1 .card {
        padding: 18px;
        border-radius: 14px;
    }

    .cont1 .card .head {
        gap: 12px;
    }

    .cont1 .card .icon {
        width: 48px;
        height: 48px;
    }

    .cont1 .meta {
        gap: 5px;
    }

    .cont1 .contact {
        padding-top: 14px;
    }

    .cont1 .call {
        padding: 18px;
        border-radius: 14px;
        min-height: 230px;
        gap: 14px;
        margin-top: 8px;
    }

    .cont1 .call::after {
        width: 180px;
        height: 180px;
        background-size: 340px 340px;
    }
}