@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/Inter-VariableFont_opsz,wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/Inter-Italic-VariableFont_opsz,wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: italic;
}

@font-face {
    font-family: 'Public Sans';
    src: url('../fonts/public/PublicSans-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
}

@font-face {
    font-family: 'Public Sans';
    src: url('../fonts/public/PublicSans-Italic-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: italic;
}

.cabinet-avatar-img-div img,
.cabinet-img-avatar {
    object-fit: cover;
    image-rendering: auto;
}

#main-wrapper {
    font-family: 'Inter', sans-serif;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: inherit !important;
}

.no-transition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.cabinet-div-right .form-control {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.checkout-shipping-page-form .form-control:focus,
.checkout-shipping-page-form .custom-select.focused .custom-select-trigger,
.form-group-div-paymnet .form-control:focus,
.cabinet-div .form-control:focus,
.securety-page .custom-select.focused .custom-select-trigger {
    border: 1px solid #FEC7C8;
    box-shadow: 0 1px 2px 0 rgba(10, 13, 18, 0.05), 0 0 0 1px #D2D5DB;
}

.checkout-shipping-addresses,
.cart-main-wrapper,
.custom-modal-body-text,
.confirm-password-form-current-password-div,
.securety-page .secur-form,
.modal-box-text,
.custom-option,
.cabinet-shippings-text,
.deleted-address,
.personalInfoParent,
.cabinet-side-bar-nav .sideBarNav .nav {
    display: flex;
    flex-direction: column;
}

.personalInfoParent {
    width: 903px;
    height: auto;
    border: 1px solid #E4E7E9;
    border-radius: 4px;
}

.personalInfoParent>div {
    padding: 16px;
}

.deleted-address span,
.cabinet-shippings-div>p,
.personalInfo-name span,
.cabinet-side-bar-nav .sideBarNav .nav li a,
.confirm-password-text>span,
.custom-options,
.securety-page .custom-select-trigger>span,
.securety-page input.form-control,
.addresses-page input.form-control,
.cabinet-side-bar-nav input.form-control {
    font-size: 16px;
    line-height: 24px;
}

.personalInfo-name span {
    color: #191C1F;
    font-weight: 400;
}

.checkout-shipping-btn-block>div,
#removeCardForm,
.change-sec-save,
.payment-page .sec-save,
.custom-modal-header-mobile,
.form-group-btn,
.all-address-page .sec-save,
.cabinet-shippings-settings,
.modal-actions,
.confirm-password-form-btn-div,
.securety-page .secur-form .sec-save,
.personal-info-text>div,
.cabinet-side-bar-nav .sideBarNav .nav li a,
.default-shipping {
    display: flex;
    gap: 12px;
}

.checkout-shipping-freights>div>input .card-info,
.no-address-div,
.personalInfo,
.personalInfo-name,
.accountInfo-div,
.sideBarNav-img-div,
.cabinet-avatar-img-div .img-div img,
.personal-info-text,
.cabinet-div-right,
.cabinet-div-right hr,
.form-group-div>div,
.confirm-password-form-btn-div,
.securety-page .secur-form .sec-save,
.securety-page .custom-select,
.custom-options {
    width: 100%;
}

.cabinet-shippings-div,
.personalInfo-name {
    height: 24px;
    margin-bottom: 16px;
}

.personalInfo {
    height: 52px;
    padding: 16px;
    border-bottom: 1px solid #E4E7E9;
}

.check_cabinet-checkbox,
.shippingguest-from-div label,
.freight-account-div .chechking label,
.cart-mobile-qty-div>p,
.custom-modal-body-error,
.deleted-address p,
.cabinet-shippings-text>p,
.card-cardholder-input,
.custom-modal-body-text-payment .cabinet-shippings-text p,
.personalInfo-div>p,
.cabinet-avatar-text,
.confirm-password-text>p,
.personal-info-text>p,
.form-group-div label,
.cabinet-div-right .text-danger,
.default-shipping label,
.confirm-password-form label,
.modal-box-text-top,
.success-message-div {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.personalInfo-div>p {
    color: #5F6C72;
    margin-bottom: 8px;
}

.personalInfo-div>p>span {
    color: #191C1F;
}

.personalInfo-div button {
    color: #ED1C24;
    font-weight: 400;
    border: 1px solid #ED1C24;
    background-color: transparent;
    margin-top: 8px;
    padding: 0 24px;
}

.accountInfo h5,
.sideBarNav-img-div .sideBarNav-img-div>p {
    font-size: 20px;
    font-weight: 500;
}

.accountInfo h5 {
    line-height: 36px;
    color: #111827;
    margin: 0 0 16px 0 !important;
}

.cabinet-side-bar-nav .sideBarNav {
    width: 272px;
    padding-left: 8px;
    padding-right: 8px;
}

.sideBarNav-img-div {
    height: 58px;
    display: flex !important;
    align-items: center;
    gap: 12px;
    padding-left: 16px;
    margin-bottom: 12px;
}

.sideBarNav-img-div .sideBarNav-img-div>p {
    color: #191C1F;
    line-height: 30px;
    width: 170px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.sideBarNav-img-div-mobile,
.securety-page .has-error .custom-select-trigger .active,
.addresses-page .has-error .custom-select-trigger .active,
.cabinet-success-message {
    display: none !important;
}

.address-radios input[type="radio"],
.check_cabinet input[type="checkbox"],
.cart-checkbox-container input[type="radio"],
.all-cards-div-h4 img,
.back-to-edit-btn,
.address-radio-wrapper input[type="radio"],
.custom-modal-header-mobile img,
.addresses-right-title a,
.cabinet-img-button-mobile,
.side-bar-contact-info,
.custom-checkbox-container input[type="checkbox"],
.nav-arrow-down-icon,
.modal-overlay,
.custom-options,
.real-select,
.cabinet-side-bar,
.accountInfoTitle img,
.accountInfoTitle-text-mobile {
    display: none;
}

.cabinet-img-avatar {
    width: 42px !important;
    height: 42px !important;
    border-radius: 50%;
    max-width: none;
}

.payment-page,
.cabinet-div,
.confirm-password-form {
    display: flex;
    gap: 24px;
}

.cabinet-div {
    margin: 12px 0 24px 0;
}

.shpping_as_billing,
.cabinet-side-bar-nav .sideBarNav .nav li:not(:last-child) {
    margin-bottom: 16px;
}

.cabinet-side-bar-nav .sideBarNav .nav li.active a,
.cabinet-side-bar-nav .sideBarNav .nav li a.active {
    color: #ED1C24;
    font-weight: 600;
    background-color: #F7F7F7;
    height: 40px;
}

.cabinet-side-bar-nav .sideBarNav .nav li a {
    color: #252837;
    font-weight: 400;
    padding: 10px 16px;
    align-items: center;
}

.cabinet-side-bar-nav .sideBarNav .nav li a:hover {
    background: #E5E7EA;
}

.cart-mobile-total span,
.remove-product,
.remove_all_cart,
.card-information p,
.card-input-label,
.remove-card,
.cabinet-shippings-settings a,
.cabinet-side-bar-nav .sideBarNav .nav li p {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}

.cabinet-side-bar-nav .sideBarNav .nav li p {
    color: #98A2B3;
    padding-left: 12px;
    margin-bottom: 12px;
}

.cabinet-avatar,
.cabinet-avatar-text,
.modal-box,
.modal-box-text-top {
    display: flex;
    gap: 16px;
    align-items: center;
}

.cabinet-avatar {
    width: 449px;
    height: 108px;
    border: 1px solid #E5E7EA;
    padding: 0 40px;
    margin-bottom: 24px;
}

.cabinet-avatar-img-div {
    width: 64px;
    height: 64px;
    position: relative;
}

.cabinet-avatar-img-div .filename-icon {
    position: absolute;
    bottom: -2px;
    right: -2px;
    background-color: #ffffff;
    border-radius: 50%;
    cursor: pointer;
}

.cabinet-avatar-img-div .file-avatar {
    width: 64px;
    height: 64px !important;
    border-radius: 50% !important;
    position: absolute;
    top: 0;
}

.cabinet-avatar-img-div .img-div img {
    height: 100%;
}

.remove-product,
.remove-card,
.payment-cursuor,
.edit-card,
.closeIcon,
.featured-icon-wrapper,
.cabinet-avatar-upload-text,
.all-address-page .x-icon,
.all-address-page .custom-modal-close {
    cursor: pointer;
}

.cart-quantity-wrapper button,
.desktop-cart-total-price a,
.custom-modal-overlay-change-card,
.add-new-payment,
.default-card-btn,
.avatar-placeholder,
.cabinet-avatar-img-div .img-div,
.add-address-div,
.add-address-div>div,
.shippings-div-default,
.custom-modal-overlay {
    display: flex;
    justify-content: center;
    align-items: center;
}

.avatar-placeholder {
    width: 64px;
    height: 64px;
    background-color: #FFF2F2;
    border-radius: 50%;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
    color: #ED1C24;
    text-transform: uppercase;
}

.cabinet-avatar-img-div:hover .avatar-placeholder {
    background: #FFE5E6;
}

.cabinet-avatar-img-avatar {
    width: 64px !important;
    height: 64px !important;
    border-radius: 50%;
}

.cabinet-avatar-text {
    width: 289px;
    height: 76px;
    flex-direction: column;
    text-align: center;
    color: #535B62;
}

.cabinet-avatar-text span {
    color: #ED1C24;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}

.cart-new-address-btn a:hover,
.remove_all_cart:hover,
.remove-product:hover,
.cabinet-avatar-text span:hover {
    color: #912018;
}

.checkout-shipping-page a:hover {
    text-decoration: none;
}

.cabinet-avatar-text img,
.featured-icon-wrapper {
    width: 40px;
    height: 40px;
}

.personal-info-text>div {
    font-weight: 600;
    align-items: center;
    margin-bottom: 4px;
}

.cabinet-div h4,
.modal-box-title {
    line-height: 28px;
    font-weight: 600;
    color: #101828;
    font-style: normal;
}

.cabinet-div h4 {
    font-size: 18px !important;
    padding: 0;
    margin: 0;
}

.personal-info-text>p {
    color: #535B62;
    margin-bottom: 20px;
}

.cabinet-div-right hr {
    border-color: #E5E7EA;
}

.default-state.selected,
.product-title:focus,
.product-title-link:focus,
.cart-mobile-total span,
.cart-mobile-total>div>p,
.custom-modal-overlay-remove h5,
.change-card-body-titles,
.custom-modal-header h4,
.desktop-cart-title h4,
.all-address-page .modal-title,
.remove-card-last4,
.card-information p,
.card-input-label,
.product-title:hover,
.product-info-text-black,
.text-price,
.custom-select-trigger .selected-state,
.custom-modal-body-text-payment {
    color: #101828;
}

.total-price,
.change-btn,
#payment-address-preview .user-name,
.custom-modal-body-text-payment .cabinet-shippings-div p {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.form-group-div-hr {
    margin: 24px 0;
}

.all-address-page .form-group-div-hr {
    margin: 16px 0;
}

.securety-page .secur-form {
    margin: 24px 0 !important;
}

.checkout-shipping-div,
.addresses-div,
.form-group-div {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.form-group-div {
    column-gap: 24px;
    min-height: 410px;
}

.chnage-payment-form-group-div {
    min-height: 394px;
}


.confirm-password-form label,
.form-group-div label {
    color: #535B62;
    margin-bottom: 6px;
}

.form-group-div>div {
    min-height: 82px;
    max-height: 88px;
    margin: 0px;
}

.form-group-zip {
    min-height: 66px;
}

.form-group-div-paymnet>div.has-error {
    min-height: 84px;
}

.chnage-payment-form-group-div:has(.form-group-zip.has-error) {
    min-height: 414px;
}

.add-payment-form-group-div :has(.form-group-zip.has-error) {
    min-height: 418px;
}

.form-group-div>div>input,
.form-group-div>div>select {
    border: 1px solid #D2D5DB;
    width: 440px;
    height: 40px !important;
    border-radius: 0% !important;
}

.checkout-shipping-freights>div>input {
    border: 1px solid #D2D5DB;
    border-radius: 0% !important;
}

.add-billing-form-wrapper .form-group-div>div>input,
.add-billing-form-wrapper .form-group-div>div>select {
    width: 432px;
}

.checkout_shipping_modal .form-group-div>div>input,
.all-address-page .form-group,
.change-billing-form-wrapper .form-group-div>div>input,
.change-billing-form-wrapper .form-group-div>div>select {
    width: 403px;
}

.all-address-page .form-group-div>div>input,
.all-address-page .form-group-div>div>select,
.all-address-page .custom-select-trigger,
.all-address-page .custom-select {
    width: 403px !important;
}

.featured-icon-wrapper,
.select-form-group,
.error-form-group {
    position: relative;
}

.checkout-shipping-page-form .text-danger,
#error-name_surname,
#error-card-number,
#error-card-expiry,
#error-card-cvc,
.form-group-div-paymnet .text-danger,
.all-address-page .text-danger,
.cabinet-div-right .text-danger {
    color: #A94442 !important;
}

.payment-div-fields:has(.cvv-field.has-error),
.payment-div-fields:has(.exp-field.has-error) {
    min-height: 115px;
    max-height: 150px;
    height: auto;
}

#payment-form #error-card-expiry {
    display: inline-block;
    line-height: 1.35 !important;
}

.all-address-page .text-danger {
    margin-top: 16px !important;
}

.all-address-page .form-control:focus,
.securety-page .form-control:focus,
.addresses-page .form-control:focus,
.cabinet-side-bar-nav .form-control:focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: #cccccc;
}

.securety-page .has-error .form-control,
.addresses-page .has-error .form-control {
    background-color: white !important;
}

.checkout-shipping-page-form .has-error .custom-select-trigger,
.checkout-shipping-page-form .has-error .form-control,
.form-group-div-paymnet .has-error .form-control,
.securety-page .has-error .form-control,
.addresses-page .has-error .form-control,
.form-group-div-paymnet .has-error .custom-select-trigger,
.securety-page .has-error .custom-select-trigger,
.addresses-page .has-error .custom-select-trigger {
    border: 1px solid #FDA29B !important;
    background: #FFF;
    box-shadow: 0 1px 2px 0 rgba(10, 13, 18, 0.05);
}

.alert-circle-icon {
    position: absolute;
    top: 38px;
    right: 14px;
    background-color: rgb(255, 255, 255);
}

.payment-page .form-group-without-label,
.securety-page .form-group-without-label {
    padding-top: 28px;
}

.change-billing-form-wrapper .form-group-without-label,
.all-address-page .form-group-without-label {
    padding-top: 26px;
}

.default-shipping input {
    border: 1px solid #9EA2AE;
    border-radius: 2px;
    margin: 0;
}

.default-shipping label {
    padding: 0;
    color: #535B62;
}

.securety-page .secur-form .sec-save {
    padding-top: 16px;
}

button.btn-cancel,
.btn-cancel {
    border: 1px solid #D92D20 !important;
    background-color: #FFFFFF !important;
    color: #ED1C24 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

button.btn-cancel:hover,
.btn-cancel:hover {
    border: 1px solid #D92D20 !important;
    background-color: #FEF3F2 !important;
    color: #912018 !important;
}

button.btn-cancel:disabled,
.btn-cancel:disabled,
.btn-cancel[disabled] {
    color: #ED1C24 !important;
    opacity: 0.6;
    -webkit-text-fill-color: #ED1C24 !important;
}

.btn-save {
    background-color: #ED1C24;
    border: 1px solid #ED1C24;
    color: #FFFFFF;
}

.btn-save:focus {
    color: #FFFFFF;
}

.securety-page .btn-danger,
.btn-save,
.btn-cancel {
    font-weight: 600;
    padding: 10px 16px;
}

.securety-page .btn-danger,
.personalInfo-div button,
.btn-save,
.btn-cancel {
    height: 40px;
    font-size: 14px;
    line-height: 20px;
    border-radius: 0px;
}

.btn-save:hover {
    border: 1px solid #B42318;
    background: #B42318;
    box-shadow: 0 1px 2px 0 rgba(10, 13, 18, 0.05);
    color: #FFF;
}

.btn-cancel {
    border: 1px solid #D92D20;
    background: #FFF;
    box-shadow: 0 1px 2px 0 rgba(10, 13, 18, 0.05);
    color: #ED1C24;
}

.btn-cancel:hover,
.personalInfo-div button:hover {
    border: 1px solid #D92D20;
    background: #FEF3F2;
    box-shadow: 0 1px 2px 0 rgba(10, 13, 18, 0.05);
    color: #912018;
}

.securety-page .secur-form-hr {
    margin-top: 20px;
    margin-bottom: 25px;
}

.confirm-password-text {
    height: 64px;
    color: #535B62;
}

.confirm-password-text>p {
    margin-bottom: 12px;
}

.confirm-password-text>span {
    font-weight: 600;
}

.confirm-password-form {
    flex-direction: column;
}

.confirm-password-form-new-password-div {
    display: grid;
    grid-template-columns: 440px 440px;
    gap: 24px;
}

.confirm-password-form-current-password-div,
.confirm-password-form-new-password-div>input,
.current-password-wrapper>input {
    width: 440px;
}

.checkout-shipping-freights>div>input,
.confirm-password-form input,
.securety-page .custom-select {
    height: 40px;
}

.securety-page .secur-form .sec-save,
.confirm-password-form-btn-div {
    height: 57px;
    flex-direction: row-reverse;
}

.confirm-password-form-btn-div {
    padding-top: 16px;
    border-top: 1px solid #E5E7EA;
}

.current-password-wrapper {
    position: relative;
    width: 440px;
}

.current-password-toggle {
    position: absolute;
    bottom: 12px;
    right: 14px;
    cursor: pointer;
}

.custom-checkbox-container label {
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
    margin-top: 8px;
}

.custom-checkbox-container .checkbox-image {
    display: inline-block;
    margin-right: 8px;
    background: url('/images/frontend_images/cabinet/checkbox.svg') no-repeat center center;
    background-size: contain;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    -webkit-text-fill-color: inherit !important;
}

.custom-checkbox-container input[type="checkbox"]:checked+label .checkbox-image {
    background: url('/images/frontend_images/cabinet/checkbox_checked.svg') no-repeat center center;
    background-size: contain;
}

.select-form-group .active {
    display: block !important;
}

.select-form-group option,
.custom-options {
    border: 1px solid #F7F7F7;
    background: #FFF;
    box-shadow: 0 12px 16px -4px rgba(10, 13, 18, 0.08), 0 4px 6px -2px rgba(10, 13, 18, 0.03);
}

.nav-arrow-down-icon {
    position: absolute;
    top: 38px;
    right: 14px;
}

.alert-circle-icon {
    position: absolute;
}

.modal-overlay {
    position: fixed;
    inset: 0;
    background: rgba(16, 24, 40, 0.25);
    backdrop-filter: blur(4px);
    align-items: flex-start;
    justify-content: center;
    z-index: 10;
}

.cart-mobile-qty-div,
.desktop-cart-title>div,
.remove-card-info,
.payment-page,
.modal-overlay.active {
    display: flex;
}

.modal-box {
    width: 418px;
    height: 229px;
    padding-bottom: 24px;
    flex-direction: column;
    margin-top: 64px;
}

.modal-box-title {
    display: flex;
    padding: 16px;
    align-items: center;
    align-self: stretch;
    gap: 8px;
    border-radius: 4px;
    background: #F3F4F6;
    font-size: 18px;
}

.modal-box-text {
    padding: 0 24px;
    align-items: flex-start;
    align-self: stretch;
    gap: 16px;
}

.modal-box-text-top {
    height: 56px;
    padding: 8px;
    border-radius: 2px;
    background: #FFF9F9;
    color: #ED1C24;
    align-self: stretch;
}

#removeCardForm,
.modal-actions,
.form-group-btn,
.change-sec-save,
.payment-page .sec-save,
.all-address-page .sec-save {
    justify-content: flex-end;
    align-items: center;
    align-self: stretch;
}

.modal-actions {
    height: 57px;
    padding-top: 17px;
    border-top: 1px solid #E5E7EA;
}

.securety-page .btn-danger {
    border: 1px solid #ED1C24;
    background: #ED1C24;
    box-shadow: 0 1px 2px 0 rgba(10, 13, 18, 0.05);
    color: #FFF;
    font-style: normal;
}

.featured-icon-wrapper .icon {
    position: absolute;
    inset: 0;
    transition: opacity 0.2s ease;
}

.featured-icon-wrapper .icon.hover,
.featured-icon-wrapper:hover .icon.default {
    opacity: 0;
}

.featured-icon-wrapper:hover .icon.hover {
    opacity: 1;
}

.userUpdateForm .form-control {
    transition: none !important;
}

.custom-options {
    flex-direction: column;
    align-self: stretch;
    height: 320px;
    overflow-y: auto;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 2;
    font-style: normal;
    font-weight: 500;
    color: #101828;
}

.all-address-page .custom-options {
    height: 200px;
}

.custom-modal-content-change-card::-webkit-scrollbar,
.custom-options::-webkit-scrollbar {
    width: 8px;
}

.custom-modal-content-change-card::-webkit-scrollbar-track,
.custom-options::-webkit-scrollbar-track {
    background: transparent;
}

.custom-modal-content-change-card::-webkit-scrollbar-thumb,
.custom-options::-webkit-scrollbar-thumb {
    height: 130px;
    border-radius: 8px;
    background: #E5E7EA;
}

.custom-option {
    padding: 4px 0;
    align-items: flex-start;
    padding: 10px 14px;
    cursor: pointer;
}

.cabinet-avatar-img-avatar,
.sideBarNav-img-div .cabinet-img-avatar {
    object-fit: cover;
    object-position: center;
    display: block;
}

.cabinet-avatar-img-div .img-div {
    width: 64px;
    height: 64px;
    overflow: hidden;
    border-radius: 50%;
}

.custom-option:hover {
    background: #F3F4F6;
}

.desktop-cart-total-price-div>div,
.product-price-info-top>div,
.custom-modal-header,
.cabinet-shippings-div,
.custom-select-trigger {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.custom-select-trigger {
    height: 40px;
    padding: 10px 14px;
    border: 1px solid #D2D5DB;
    background: #FFF;
    box-shadow: 0 1px 2px 0 rgba(10, 13, 18, 0.05);
    cursor: pointer;
}

.product-info-text-400,
.custom-select-trigger>span,
.securety-page input.form-control,
.addresses-page input.form-control,
.cabinet-side-bar-nav input.form-control {
    font-weight: 400;
}

.custom-select-trigger .default-state {
    color: #9EA2AE;
}

.alert-success-payment,
.all-address-page .alert-success-block,
.success-message-div {
    width: 398px;
    display: flex;
    position: fixed;
    top: 136px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 9;
    margin: auto;
    border-radius: 8px;
    border: 1px solid #7BEAA5;
    background: #EDFDF3;
    box-shadow: 0 16px 24px 4px rgba(18, 28, 45, 0.20);
    align-items: center;
}

.all-address-page .alert-success-block {
    justify-content: center;
    gap: 20px;
    top: 20px;
    right: auto !important;
}

.success-message-div {
    padding: 20px;
    flex: 1 0 0;
    color: #0B602D;
}

.success-message-div .alert {
    padding: 0px;
    margin-bottom: 0px;
    border: 0px;
    border-radius: 0px;
    display: flex;
    align-items: center;
    gap: 20px;
}

.cabinet-img,
.all-address-page .alert-success-block img,
.close-success-message,
.default-shipping input,
.custom-checkbox-container .checkbox-image {
    width: 20px;
    height: 20px;
}

.addresses-page {
    width: 100%;
    display: flex;
    gap: 16px;
}

.addresses-right {
    width: 903px;
    height: auto;
    margin-left: 40px;
}

.addresses-right h4 {
    margin-bottom: 25px;
    color: #111827;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: -0.75px;
}

.no-address-div>div {
    width: 100%;
    padding-top: 17px;
    text-align: center;
}

.no-address-div p {
    margin: 16px;
    color: #101828;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.add-new-payment,
.add-address-div p,
.no-address-div button {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.no-address-div button {
    height: 28px;
    border: 1px solid #D92D20;
    background: #D92D20;
    box-shadow: 0 1px 2px 0 rgba(10, 13, 18, 0.05);
    padding: 0 12px;
    color: #FFF;
}

.no-address-div button:hover {
    border: 1px solid #B42318;
    background: #B42318;
}

.no-address-div button>img {
    margin-left: 8px;
    margin-bottom: 1px;
}

.checkout-shipping-div,
.addresses-div {
    gap: 16px;
}

.addresses-div>div {
    max-width: 100%;
    height: 164px;
}

.cabinet-shippings {
    border: 1px solid #D2D5DB;
    padding: 16px;
    position: relative;
}

.card-div:hover,
.cabinet-shippings:hover {
    border: 1px solid #FEC7C8;
}

.add-address-div {
    border: 0.5px dashed #FF7A7C;
    height: 164px;
    padding: 10px;
    flex-direction: column;
    gap: 10px;
    flex: 1 0 0;
}

.add-address-div>div {
    gap: 8px;
    align-self: stretch;
}

.add-address-div p {
    color: #D92D20;
    margin: 0 !important;
}

.cabinet-shippings-div {
    width: 100%;
    align-self: stretch;
}

.cabinet-shippings p {
    margin: 0 !important;
    color: #101828;
    font-style: normal;
}

.remove-card-last4,
.product-info-text-500,
.deleted-address span,
.cabinet-shippings-div>p {
    font-weight: 500;
}

.cart-mobile-qty-div,
.cabinet-shippings-text {
    gap: 4px;
}

#name_surname_text,
.default-card-btn,
.shippings-div-default,
.remove-card-last4,
.card-div span>p,
.cart-total-qty,
.card-div span {
    font-size: 12px;
    line-height: 18px;
}

.shippings-div-default {
    color: #027A48;
    text-align: center;
    font-weight: 500;
    padding: 2px 8px;
    border-radius: 16px;
    background: #ECFDF3;
}

.cabinet-shippings-settings {
    height: 22px;
    align-items: center;
    white-space: nowrap;
    position: absolute;
    top: 17px;
    right: 16px;
}

.shippings-borders {
    width: 0.5px;
    height: 16px;
    background-color: #9EA2AE;
}


.product-info-text-gray,
.edit-card,
.shippings-div-edit,
.shippings-div-set-default {
    color: #535B62;
}

.remove_all_cart:focus,
.remove-product,
.remove-card,
.remove_all_cart,
.change-btn,
.shippings-div-remove {
    color: #ED1C24;
}

.cabinet-hover:hover {
    color: #B5191F;
}

.cabinet-shippings-div,
.cabinet-shippings-text {
    width: 100%;
    min-width: 0;
    overflow: hidden;
    display: block;
}

.cabinet-shippings-div p,
.cabinet-shippings-text p {
    width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
    margin-bottom: 5px;
}

.address-parts-multi {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    white-space: normal !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.cabinet-img {
    background: url('/images/frontend_images/cabinet/plus.svg') no-repeat center;
}

.cabinet-img:hover {
    background: url('/images/frontend_images/cabinet/plus_hover.svg') no-repeat center;
}

.remove-card-cardholder-exp-input span,
.edit-card-cardholder-input span {
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.edit-card-cardholder-input {
    overflow: hidden;
    display: flex;
    align-items: center;
}

.all-address-page .modal-backdrop {
    background: rgba(16, 24, 40, 0.25);
    backdrop-filter: blur(4px);
}

.modal-box,
.all-address-page .modal-content,
.all-address-page .modal-remove {
    border-radius: 4px;
    background: #FFF;
    box-shadow: 0 20px 24px -4px rgba(10, 13, 18, 0.08), 0 8px 8px -4px rgba(10, 13, 18, 0.03);
}

.all-address-page .modal-remove {
    width: 418px;
}

.all-address-page .modal-header {
    width: 100%;
    height: 60px;
    border-radius: 4px;
    background: #F3F4F6;
    padding: 16px 24px;
    display: flex;
    align-items: center;
}

.modal-header-remove-address {
    padding: 16px !important;
}

.custom-modal-body,
.all-address-page .modal-body {
    padding: 16px 24px 24px 24px;
}

.all-address-page .modal-header>img {
    position: absolute;
    top: 25px;
    right: 27px;
}

.modal-error-message {
    border-radius: 2px;
    background: #FFF9F9;
    display: flex;
    padding: 8px 20px 8px 8px;
    align-items: center;
    gap: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-align: start;
    align-self: stretch;
}

.product-price,
.custom-modal-overlay-remove h5,
.change-card-body-titles,
.custom-modal-header h4,
.desktop-cart-title h4,
.all-address-page .modal-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
}

.all-address-page .modal-title {
    text-transform: none;
}

.deleted-address,
.custom-modal-body-text {
    padding: 16px 0;
    gap: 4px;
}

.deleted-address {
    align-items: flex-start;
    align-self: stretch;
}

.deleted-address span,
.deleted-address p {
    margin: 0;
    color: #101828;
    font-style: normal;
}

.all-address-page .modal-body hr {
    margin: 0 !important;
}

.form-group-btn {
    margin-top: 16px;
    width: 100%;
}

.custom-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
}

.custom-modal-content {
    background: #fff;
    border-radius: 4px;
    position: relative;
    overflow-y: auto;
}

.custom-modal-content-edit-add {
    width: 878px;
    min-height: 603px;
    max-height: 636px;
}

.custom-modal-content-default-remove {
    width: 418px;
    height: 365px;
}

.custom-modal-header {
    height: 60px;
    background-color: #F3F4F6;
    border-bottom: 1px solid #eee;
    padding: 16px 24px;
}

.custom-modal-header-mobile {
    align-items: center;
}

.custom-modal-body-error {
    border-radius: 2px;
    background: #FFF9F9;
    padding: 8px 25px 8px 8px;
    display: flex;
    justify-content: center;
    color: #ED1C24;
    font-style: normal;
}

.custom-modal-body-error img {
    margin-right: 16px;
}

.nav-arrow-down-icon,
.custom-radio-icon,
.custom-modal-header img {
    width: 16px;
    height: 16px;
}

.custom-modal-close {
    font-size: 24px;
    cursor: pointer;
}

.custom-modal-footer {
    margin-top: 16px;
    text-align: right;
}

.modal-error-message,
.text-danger-asterisk {
    color: #ED1C24;
    font-size: 14px;
}

.cart-new-address-btn a:hover,
.cart-brand:hover,
.cart-brand:focus,
.product-title:hover,
.product-title:focus,
.remove_all_cart:focus,
.remove_all_cart:hover,
.cabinet-shippings-settings a {
    text-decoration: none;
}

.payment-div-add>div>.row,
.payment-div-add {
    padding-left: 16px;
}

.payment-div-add>div>.row {
    padding-right: 14px;
}

.cards-div {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    row-gap: 24px;
}

.cards-div>div {
    width: 100%;
    height: 133px;
    padding: 12px;
    border-radius: 2px;
    background: #F3F4F6;
}

.cart-mobile-total>div,
.card-div {
    display: flex;
    justify-content: space-between;
}

.card-div {
    border: 1px solid #F3F4F6;
}

.card-div>div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.card-buttons {
    width: auto;
}

.card-info>div {
    height: 42px;
    color: #101828;
    font-style: normal;
    font-weight: 500;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.card-info>img {
    width: 46px;
    height: 30px;
}

.product-info-text,
.card-div p {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
}

.cardholder-name {
    font-family: 'Public Sans', sans-serif;
}

.card-div span>p {
    display: inline;
}

.card-buttons>div {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.desktop-cart-title>div,
.card-buttons-deffault {
    flex-direction: row-reverse;
}

.payment-div {
    min-width: 904px;
}

.all-cards-div h4 {
    color: #101828;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: -0.75px;
}

.arrow-left-div,
.payment-title {
    margin-bottom: 24px;
}

.default-card-btn {
    padding: 2px 8px;
    border-radius: 16px;
    background: #ECFDF3;
    color: #027A48;
    font-weight: 500;
}

.add-new-payment {
    border: 0.5px dashed #FF7A7C;
    gap: 8px;
    color: #D92D20;
}

.payment-fields {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 23px;
    row-gap: 16px;
}

.payment-fields>div {
    height: 89px;
}

.payment-div-fields {
    width: 100%;
    display: flex;
    gap: 8px;
}

.payment-div-fields>div {
    width: 50%;
}

.card-number-input {
    position: relative;
}

.credit_card_input_icon {
    position: absolute;
    top: 12px;
    right: 14px;
}

.card-cardholder-input {
    display: flex;
    color: #414651;
}

.card-cardholder-input,
.card-input {
    height: 40px;
    padding: 10px 14px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border: 1px solid #D2D5DB;
    background: #FFF;
    box-shadow: 0 1px 2px 0 rgba(10, 13, 18, 0.05);
}

#name_surname_text {
    color: #535B62;
    font-weight: 400;
    margin-top: 6px;
    margin-bottom: 0px;
}

#name_surname {
    outline: none !important;
}

.main-wrapper-without-margin {
    margin-bottom: 0 !important;
}

.payment-form-subtitle {
    color: #101828;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 16px;
    margin-top: 10px;
}

.cards-title {
    color: #111827;
    font-size: 20px;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: -0.75px;
}

.card-default {
    height: 20px;
    margin-bottom: 24px;
}

.add-payment-page-hr {
    margin: 8px 0 16px 0;
}

.edit-payment-page-hr {
    margin: 16px 0;
}

.custom-modal-remove-card {
    width: 714px;
}

.remove-card-modal-body {
    padding: 16px 24px 24px 24px;
}

.remove-card-info-left {
    width: 347px;
}

.edit-card-info-left {
    width: 464px;
}

.card-information {
    border-right: 0.5px solid #9EA2AE;
}

.remove-card-cardholder-name {
    margin-bottom: 6px;
}

.remove-card-exp {
    margin-bottom: 8px;
}

.remove-card-cardholder-exp-input {
    width: 302px !important;
}

.edit-card-cardholder-input {
    width: 415px;
}

.card-exp-input {
    display: flex;
    width: 415px;
    height: 40px;
    padding: 10px;
    align-items: center;
    gap: 10px;
    border: 1px solid #D2D5DB;
    color: #414651;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.address-info-div-top-div,
.edit-card-info-right {
    max-width: 400px;
}

.edit-card-info-right,
.remove-card-info-right {
    padding-left: 32px;
}

.remove-card-info-right .custom-modal-body-text {
    padding: 0;
}

.checkout-shipping-addresses>p,
.cart-mobile-title,
.product-title,
.edit-card-info-left-title,
.card-info-right-title {
    color: #101828;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.card-info-right-title {
    margin-bottom: 8px;
}

.edit-card-info-right .custom-modal-body-text {
    padding: 16px 0 8px 0;
}

#custom-remove-card-modal .custom-modal-body-error {
    justify-content: flex-start;
}

.address-radio-wrapper {
    display: grid;
    grid-template-columns: auto 16px;
    align-items: center;
    padding: 8px 16px;
    gap: 4px;
    align-self: stretch;
    border: 1px solid #E5E7EA;
    background: #FFF;
    margin: 0;
    cursor: pointer;
}

.address-radio-wrapper.active {
    border: 1px solid #FEC7C8;
    background: #FFF2F2;
}

.custom-radio-icon {
    background: url('/images/frontend_images/cabinet/radio.svg') no-repeat center;
    background-size: contain;
}

.address-radio-wrapper.active .custom-radio-icon {
    background: url('/images/frontend_images/cabinet/radio_checked.svg') no-repeat center;
}

.custom-modal-overlay-change-card {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    overflow-y: auto;
    padding: 20px;
}

.custom-modal-overlay-change-card .custom-modal-header h4 {
    color: #101828;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
}

.custom-modal-content-change-card {
    background: #fff;
    max-height: 90vh;
    overflow-y: auto;
    width: 100%;
    max-width: 878px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

.arrow-left-div {
    height: 36px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.arrow-left-div h4 {
    color: #111827;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: -0.75px;
    margin: 0 !important;
}

.edit-card-form {
    margin-top: 1px;
}

.custom-modal-overlay-change-card-body {
    padding: 20px 24px 24px 24px;
}

.shippingguest-inputs,
.freight-account-div,
.product-price-info,
.desktop-cart-products-div,
.desktop-cart-total-price,
.remove-card-modal-body,
.card-information,
.custom-modal-overlay-change-card-body,
.all-billing-addresses {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.billing-addresses-inputs {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.change-card-modal-actions {
    height: 40px;
    border-top: none;
    padding: 0;
}

.payment-error {
    display: flex;
    width: 398px;
    height: 60px;
    padding: 20px;
    gap: 20px;
    align-items: center;
    justify-content: flex-start;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 8px;
    border: 1px solid #ED1C24;
    background: #FEF5F5;
    box-shadow: 0 16px 24px 4px rgba(18, 28, 45, 0.20);
    z-index: 99999999999;
    padding-right: 30px;
}

.payment-success {
    width: 398px;
    height: 60px;
    padding: 20px;
    gap: 20px;
    align-items: center;
    justify-content: flex-start;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 8px;
    border: 1px solid #7BEAA5;
    background: #EDFDF3;
    box-shadow: 0 16px 24px 4px rgba(18, 28, 45, 0.20);
    padding-right: 30px;
}

.payment-error .js-close-error,
.payment-success .js-close-success {
    position: absolute;
    top: 20px;
    right: 20px;
}

.checkout-shipping-info h4,
.freight-account-div .chechking label,
.freight-account-div .custom-radio-icon,
.checkout_shipping_modal .custom-checkbox-container label,
.cart-mobile-title,
.product-title,
.product-remove-div p,
.desktop-cart-title h4,
.custom-modal-header h4,
.change-card-body-titles,
.shpping_as_billing label,
.add-new-payment p,
#custom-remove-card-modal hr,
.custom-modal-body-text p,
.custom-modal-body-text .cabinet-shippings-div,
.cabinet-div-right-hr,
.custom-modal-overlay-change-card-body hr,
.payment-error p,
.payment-success p {
    margin: 0;
}

.has-error .card-input {
    border: 1px solid #FDA29B !important;
}

.has-success .card-input {
    border: 1px solid #027A48 !important;
}

.cardholder-name {
    width: 100%;
    display: inline-block;
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
}

.desktop-cart-title {
    height: 52px;
    max-width: 892px;
    padding-bottom: 8px;
}

.desktop-cart-products-div {
    max-width: 892px;
}

.desktop-cart-product {
    max-width: 100%;
    padding: 8px;
    display: flex;
    border: 1px solid #E5E7EA;
}

.desktop-cart-product-img {
    width: 192px !important;
    padding-right: 16px;
    display: flex;
    justify-content: center;
}

.desktop-cart-product-img img {
    max-width: 100%;
    max-height: 153px !important;
    object-fit: contain;
}

.cart-mobile-total,
.checkout-shipping-info,
.freight-account-div>div,
.freight-account-div .chechking,
.address-info,
.desktop-cart-total-price-div,
.desktop-cart-product-info,
.product-price-info-top {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.desktop-cart-product-info {
    width: 404px;
    padding: 0 8px;
    border-right: 0.5px solid #D2D5DB;
    border-left: 0.5px solid #D2D5DB;
}

.product-price-info {
    width: 287px;
    padding-left: 8px;
}

.desktop-cart-info {
    width: 1200px;
    display: grid;
    grid-template-columns: auto auto;
    gap: 16px;
}

.desktop-cart-total-price {
    width: 292px;
}

.desktop-cart-total-price a {
    width: 100%;
    height: 40px;
    text-transform: none;
}

.product-info-text-blue {
    color: #1570EF;
}

.product-info-text-green {
    color: #027A48;
}

.desktop-cart-total-price-div {
    width: 100%;
    padding: 16px;
    border: 1px solid #E5E7EA;
}

.inline-text {
    display: inline-block;
}

.cart-quantity-wrapper {
    display: flex;
    height: 28px;
}

.cart-quantity-wrapper button {
    width: 28px;
    height: 28px;
    background: none;
    border: none;
    background-color: #f3f3f3;
    touch-action: manipulation;
}

.cart-quantity-wrapper input {
    height: 28px;
    width: 27px;
    padding: 0;
    text-align: center;
    border: none;
    outline: none;
    border-radius: 0;
    box-shadow: none;
    background: transparent !important;
    font-family: 'Inter', sans-serif;
    color: #101828;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: textfield;
}

.cart-quantity-wrapper input::-webkit-outer-spin-button,
.cart-quantity-wrapper input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.product-remove-div {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 34px;
}

#clearcart.modal.in .modal-dialog,
#clearcart.modal.in .modal-dialog {
    margin: 35vh auto;
}

.cart-breadcrumb .breadcrumb {
    padding-left: 0;
}

.cart-breadcrumb {
    margin-bottom: 16px;
}

.cart-mobile-total {
    width: 100%;
    padding: 16px;
    border: 1px solid #EDEDED;
    background: #FFF;
    margin-top: 8px;
}

.cart-mobile-total>div>p {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.14px;
    text-transform: capitalize;
    margin: 0;
}

.cart-mobile-qty-div>p {
    color: #717B80;
    margin: 0;
}

.checkout-shipping-addresses {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.checkout-shipping-addresses>p {
    color: #111827;
    margin: 0;
}

.checkout-shipping-addresses>div {
    padding: 8px 8px 16px 8px;
    border: 1px solid #E5E7EA;
    background: #F3F4F6;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.address-info>div {
    background-color: #fff;
    border: 1px solid #E5E7EA;
}

.cart-checkbox-container .checkbox-image {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('/images/frontend_images/cabinet/radio.svg') no-repeat center;
    background-size: contain;
    cursor: pointer;
}

.cart-checkbox-container input[type="radio"]:checked+label .checkbox-image {
    background: url('/images/frontend_images/cabinet/circular_checkbox.svg') no-repeat center;
    background-size: contain;
}

.address-info-div-top {
    padding: 16px 20px 16px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #E5E7EA;
}

.cart-default-shipping {
    margin: 0 !important;
    width: 16px !important;
    height: 16px !important;
}

.cart-settings {
    padding: 16px;
    display: flex;
    gap: 8px;
}

.cart-new-address-btn {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.cart-new-address-btn a {
    padding: 8px 14px;
    border: 1px solid #FFF2F2;
    background: #FFF2F2;
    box-shadow: 0 1px 2px 0 rgba(10, 13, 18, 0.05);
    color: #ED1C24;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.checkout-shipping-info h4,
.freight-account-div span {
    color: #101828;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.checkout_shipping {
    padding: 0 !important;
}

.checkout_shipping .btn-block {
    align-items: flex-end;
}

.custom-radio-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('/images/frontend_images/cabinet/radio.svg') no-repeat center;
    background-size: contain;
    vertical-align: middle;
    margin-left: 8px;
}

.address-radios input[type="radio"]:checked+.custom-radio-icon {
    background: url('/images/frontend_images/cabinet/radio_checked.svg') no-repeat center;
    background-size: contain;
}

.checkbox-image {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    vertical-align: middle;
    background: url('/images/frontend_images/cabinet/checkbox.svg') no-repeat center center;
    background-size: contain;
}

.check_cabinet input[type="checkbox"]:checked+.checkbox-image {
    background: url('/images/frontend_images/cabinet/checkbox_checked.svg') no-repeat center center;
    background-size: contain;
}

.cart-brandcrumb {
    margin-bottom: 20px;
    max-width: 1200px !important;
}

.checkout-shipping-content {
    padding: 0;
    width: 1200px;
}

.shippingguest-div>div {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 48px;
    row-gap: 24px;
}

.checkout-shipping-info {
    height: 94px;
}

.checkout-shipping-info>div {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.checkout-shipping-info p {
    color: #535B62;
    font-weight: 400;
    margin: 0;
}

.checkout-shipping-info-text {
    font-size: 14px;
    line-height: 20px;
}

.checkout-shipping-info-text-required {
    font-size: 12px;
    line-height: 24px;
}

.billing-info-guest-text {
    font-size: 14px;
    line-height: normal;
    letter-spacing: 0.14px;
}

.check_cabinet-checkbox {
    padding: 0;
    margin: 0;
    color: #535B62;
}

.shippingguest-from-div {
    grid-template-columns: repeat(1, 1fr);
}

.shippingguest-from-div label {
    color: #535B62;
    margin-bottom: 6px;
}

.shippingguest-from-div>div {
    min-height: 74px;
    max-height: 84px;
}

.shippingguest-from-div>div>input {
    width: 100%;
    color: #101828;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.freight-account-div .address-radios {
    margin: 0;
    padding: 0;
    color: #101828;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.checking-div {
    display: flex;
    gap: 8px;
}

.checkout-shipping-freights .form-group label {
    color: #535B62 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
}

.checkout-shipping-freights>div {
    min-height: 66px;
    max-height: 76px;
    margin: 0;
}

.checkout-shipping-btn-block {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.js-open-billing-modal,
.js-open-add-shipping {
    text-transform: capitalize;
}

.address-info-line {
    display: block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.address-info-line span {
    margin-right: 4px;
}

.freight-account-div .chechking label {
    width: 100%;
    color: #535B62;
}

@media (max-width: 1300px) {
    .addresses-right {
        width: 100%;
        margin-left: 20px;
        padding-right: 20px;
    }

    .payment-div {
        width: 100%;
        min-width: auto;
    }

    .addresses-page .row {
        width: 100%;
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    .confirm-password-form-new-password-div {
        grid-template-columns: auto auto;
    }

    .confirm-password-form-current-password-div {
        display: flex;
        flex-direction: column;
        width: 50%;
        padding-right: 12px;
    }

    .checkout-shipping-content,
    .desktop-cart-total-price,
    .desktop-cart-info,
    .personalInfoParent,
    .current-password-wrapper,
    .confirm-password-form-new-password-div>input,
    .form-group-div>div>input,
    .form-group-div>div>select,
    .current-password-wrapper>input {
        width: 100%;
    }

    .add-billing-form-wrapper .form-group-div>div>input,
    .add-billing-form-wrapper .form-group-div>div>select {
        width: 400px;
    }

    .desktop-cart-info {
        grid-template-columns: 80% 20%;
        gap: 0;
    }

    .desktop-cart-title {
        max-width: 80%;
    }
}

@media (min-width: 1000px) and (max-width: 1200px) {
    .cabinet-shippings {
        min-height: 182px !important;
    }

    .cabinet-shippings-settings {
        top: auto;
        right: auto;
        bottom: 16px;
        left: 16px;
    }

    .cabinet-shippings-div {
        margin-bottom: 8px;
    }

    .add-address-div {
        height: 182px !important;
    }

    .add-billing-form-wrapper .form-group-div>div>input,
    .add-billing-form-wrapper .form-group-div>div>select {
        width: 340px;
    }

    .new-pyment>.row {
        width: 100%;
    }
}

@media(max-width: 1200px) {
    .cards-div {
        grid-template-columns: repeat(2, 1fr);
    }

    .card-exp-input,
    .edit-card-cardholder-input {
        width: 343px;
    }

    .edit-card-info-left {
        width: auto;
        padding-right: 20px;
    }

    .edit-card-info-right {
        max-width: 325px;
    }

    .cardholder-name {
        max-width: 190px;
    }

    .desktop-cart-info {
        gap: 16px;
    }

    .address-info-div-top-div {
        max-width: 350px;
    }
}

@media(max-width: 1100px) {

    .add-billing-form-wrapper .form-group-div>div>input,
    .add-billing-form-wrapper .form-group-div>div>select {
        width: 300px;
    }
}

@media(max-width: 1000px) {

    .confirm-password-form-new-password-div,
    .form-group-div,
    .addresses-div {
        grid-template-columns: auto;
    }

    .confirm-password-form-current-password-div {
        width: 100%;
        padding-right: 0px;
    }

    .addresses-right {
        margin-left: 10px;
    }

    .payment-page .form-group-without-label,
    .securety-page .form-group-without-label {
        padding-top: 0;
    }

    .form-group-without-label {
        height: 56px !important;
        max-height: 56px !important;
        min-height: 56px !important;
    }

    .custom-modal-content-edit-add {
        width: 700px;
    }

    .all-address-page .form-group-div>div>input,
    .all-address-page .form-group-div>div>select,
    .all-address-page .custom-select-trigger,
    .all-address-page .custom-select {
        width: 300px !important;
    }

    .card-exp-input,
    .edit-card-cardholder-input,
    .all-address-page .form-group {
        width: 300px;
    }

    .all-address-page .form-group-div {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .checkout_shipping_modal .form-group-div>div>input,
    .add-billing-form-wrapper .form-group-div>div>input,
    .add-billing-form-wrapper .form-group-div>div>select {
        width: 100%;
    }

    .payment-form {
        min-height: 724px;
    }

    .custom-modal-remove-card {
        width: auto;
    }

    .change-billing-form-wrapper .form-group-div>div>select,
    .change-billing-form-wrapper .form-group-div>div>input {
        width: 650px;
    }

    .add-payment-form-group-div :has(.form-group-zip.has-error) {
        min-height: 750px;
    }

    .edit-card-info-right {
        padding-left: 20px;
        width: 100%;
        max-width: 255px;
    }

    .cardholder-name {
        max-width: 127px;
    }

    .desktop-cart-total-price-div {
        padding: 8px;
    }

    .desktop-cart-info {
        grid-template-columns: 75% 25%;
    }

    .desktop-cart-product-img {
        width: 150px !important;
        padding-right: 0 !important;
    }
}

@media (max-width: 900px) {
    .edit-card-info-right {
        max-width: 210px;
    }

    .desktop-cart-info {
        gap: 8px;
    }

    .desktop-cart-title {
        max-width: 100%;
    }

    .cart-page {
        width: 100%;
        padding: 0;
    }

    .total-price {
        font-size: 14px;
    }

    .desktop-cart-product-img {
        width: 100px !important;
        padding-right: 0 !important;
    }

    .checkout-shipping-info {
        height: 116px;
    }

    .address-info-div-top-div {
        max-width: 300px;
    }
}

@media (max-width: 850px) {

    .payment-fields,
    .cards-div {
        grid-template-columns: repeat(1, 1fr);
    }

    .change-card-info {
        flex-direction: column;
    }

    .change-card-information {
        border-right: none;
    }

    .edit-card-info-right {
        padding-left: 0;
    }

    .card-info-right-title-edit {
        margin-top: 16px;
        margin-bottom: 0;
    }

    .edit-card-info-right {
        max-width: 450px;
    }

    .cardholder-name {
        max-width: 300px;
    }

    .address-info-div-top-div {
        max-width: 270px;
    }
}

@media (max-width: 768px) {

    .change-billing-form-wrapper .form-group-div>div>select,
    .change-billing-form-wrapper .form-group-div>div>input,
    .all-address-page .form-group,
    .cabinet-side-bar-nav .sideBarNav,
    .sideBarNav-img-div>p,
    .no-address-div {
        width: 100%;
    }

    .accountInfo h5 {
        margin: 0 0 20px 0 !important;
    }

    .cabinet-div {
        flex-direction: column-reverse;
        gap: 0px;
    }

    .all-cards-div-h4 img,
    .cabinet-side-bar,
    .cabinet-img-button-mobile,
    .accountInfoTitle img,
    .accountInfoTitle-text-mobile,
    .addresses-right-title a {
        display: block;
    }

    .all-cards-div-h4 img {
        margin-top: 10px;
    }

    #main-wrapper:has(~ .custom-modal-overlay-change-card[style*="display: block"]),
    .accountInfo-desktop,
    .cabinet-side-bar .side-bar-contact-info-link,
    .mobile-side-bar .sideBarNav .sideBarNav-img-div,
    .mobile-side-bar .sideBarNav .nav .preferences-li .active {
        display: none !important;
    }

    .billing-info-guest-text,
    .chnage-modal-close,
    .payment-page-hr,
    .payment-cabinet-side-bar,
    .custom-modal-content-edit-add .custom-modal-close,
    .cabinet-div-mobile,
    .personal-info-text>p,
    .cabinet-div hr,
    .personalInfo-name,
    .cabinet-side-bar-mobile,
    .mobile-side-bar .sideBarNav .nav li.active {
        display: none;
    }

    .payment-page {
        flex-direction: column-reverse;
    }

    .cards-div {
        grid-template-columns: repeat(2, 1fr);
    }

    .confirm-password-form-btn-div {
        border: none;
    }

    .cabinet-side-bar .side-bar-contact-info {
        align-items: center;
    }

    .cabinet-side-bar-nav .sideBarNav .nav li a:not(.cabinet-side-bar .side-bar-contact-info-link),
    .cabinet-side-bar .side-bar-contact-info {
        padding: 2px 4px 2px 8px;
        background-color: #F7F7F7;
        margin-bottom: 4px;
        grid-template-columns: 20px auto 36px;
    }

    .sideBarNav-img-div {
        padding-left: 0px;
    }

    .sideBarNav-img-div-mobile {
        grid-template-columns: 42px auto;
    }

    .sideBarNav-img-div-mobile,
    .cabinet-side-bar .side-bar-contact-info,
    .sideBarNav .nav li a:not(.cabinet-side-bar .side-bar-contact-info-link) {
        display: grid !important;
        grid-auto-flow: column;
        gap: 12px;
    }

    .nav-li-logout a {
        padding: 8px !important;
    }

    .personal-info-desktop-text,
    .personal-info-text>div,
    .accountInfo h5,
    .form-group-div {
        margin-bottom: 0px !important;
    }

    .cabinet.row {
        padding: 0 !important;
    }

    .container.about-page {
        padding: 16px !important;
    }

    .cabinet-div h4 {
        margin-bottom: 20px;
        font-weight: 500;
    }

    .confirm-password-text {
        margin-bottom: 4px;
    }

    .confirm-password-form,
    .confirm-password-form-new-password-div {
        gap: 16px;
    }

    .cabinet-avatar-text {
        font-size: 12px;
        line-height: 18px;
    }

    .cabinet-avatar-text span {
        font-weight: 400;
    }

    .modal-box {
        width: 343px;
        height: 225px;
    }

    .modal-box-title,
    .accountInfo h5,
    .cabinet-div h4 {
        font-size: 16px !important;
        line-height: 24px;
    }

    .accountInfo h5,
    .cabinet-div h4 {
        color: #191C1F;
        font-style: normal;
    }

    .modal-box-title {
        height: 56px;
    }

    .accountInfoTitle {
        height: 40px;
        padding: 8px 0;
        margin-bottom: 12px;
    }

    .securety-page .btn-danger {
        width: 50%;
        height: 36px;
    }

    .all-address-page .alert-success-block,
    .success-message-div {
        width: 300px;
        height: 80px;
        top: 170px;
    }

    .payment-error,
    .payment-success {
        width: 300px;
        top: 170px;
        gap: 10px;
        padding-left: 10px;
    }

    .all-address-page .alert-success-block,
    .success-message-div .alert {
        gap: 10px;
    }

    .accountInfoTitle img {
        width: 20px;
        height: 20px;
    }

    .cabinet-avatar-img-div .filename-icon {
        width: 16px;
        height: 16px;
    }

    .addresses-page {
        display: flex;
        flex-direction: column-reverse;
    }

    .addresses-right {
        margin: 0px !important;
        padding: 0px !important;
    }

    .addresses-right h4 {
        margin-bottom: 0px;
        color: #191C1F;
        font-size: 16px;
        line-height: 24px;
    }

    .no-address-div>div {
        padding-top: 0px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .no-address-div p {
        width: 343px;
    }

    .no-address-div button {
        width: 343px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .no-address-div button>img {
        margin-bottom: 0;
    }

    .addresses-right-title {
        height: 24px;
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .addresses-right-title h4 {
        margin-top: 0;
    }

    .add-address-div {
        margin-top: 20px;
        height: 56px !important;
    }

    .custom-modal-content-edit-add {
        width: 100%;
        max-height: 1000px;
    }

    .custom-modal-content-edit-add .custom-modal-header {
        background-color: #fff;
        border-bottom: none;
        margin-top: 10px;
    }

    .back-to-edit-btn,
    .custom-modal-header-mobile img {
        width: 20px !important;
        height: 20px !important;
        display: block;
    }

    .custom-modal-overlay-edit-add {
        position: relative;
        top: 150px;
        margin-bottom: 100px;
        width: 100%;
        height: 100%;
        z-index: 9 !important;
    }

    .custom-modal-overlay-change-card {
        position: relative !important;
        top: 150px;
        display: none;
        width: 100% !important;
        height: auto !important;
        background: #ffffff !important;
        z-index: 1 !important;
        padding: 0 !important;
        overflow: visible !important;
        margin-bottom: 100px;
    }

    .custom-modal-content-change-card {
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 1000px;
        max-height: none !important;
        box-shadow: none !important;
        border: none !important;
        border-radius: 0 !important;
        margin: 0 !important;
        padding: 16px;
        background: #ffffff !important;
    }

    body:has(.payment-edit-body) {
        overflow: auto !important;
        height: auto !important;
    }

    .payment-edit-body {
        display: block;
        width: 100%;
        min-height: 100vh;
    }

    .custom-modal-overlay-change-card-body,
    .custom-modal-overlay-change-card {
        padding: 0;
    }

    .all-address-page .breadcrumb {
        margin: 20px 0;
    }

    .all-address-page .form-group-div>div>input,
    .all-address-page .form-group-div>div>select,
    .all-address-page .custom-select-trigger,
    .all-address-page .custom-select {
        width: 100% !important;
    }

    .all-address-page .form-group-div {
        gap: 5px;
    }

    .payment-fields {
        grid-template-columns: repeat(1, 1fr);
        gap: 0;
    }

    .remove-card-info-right-div,
    .payment-div-add {
        padding-left: 0;
    }

    .payment-div-add .dpf-input-row {
        min-height: 82px;
        height: auto;
        max-height: 100px;
    }

    .payment-div-fields {
        height: 68px !important;
        margin: 16px 0;
    }

    .payment-title {
        margin-bottom: 20px !important;
        font-size: 16px !important;
        line-height: 24px !important;
    }

    .remove-card-info {
        flex-direction: row;
    }

    .card-information {
        border-right: 0.5px solid #9EA2AE;
    }

    .payment-page .panel-group {
        margin-bottom: 0px;
    }

    .new-pyment .arrow-left-div,
    .arrow-left-div,
    .payment-title {
        margin-bottom: 20px;
    }

    #removeCardForm,
    .payment-add-sec-save {
        margin-top: 8px;
    }

    .remove-card-info-div {
        flex-direction: column;
    }

    .remove-card-information {
        border-right: none;
    }

    .remove-custom-modal-body-error {
        padding: 8px;
    }

    .card-info-right-title-remove {
        margin-top: 16px;
    }

    .payment-add-sec-save,
    .edit-sec-save,
    .card-info-right-title-edit {
        margin-top: 16px;
        margin-bottom: 0;
    }

    .change-custom-modal-header {
        background-color: #fff;
        display: flex;
        padding: 8px 0;
        justify-content: flex-start;
        align-items: center;
        gap: 12px;
        border-bottom: 0;
        height: 40px;
        margin-bottom: 12px;
    }

    .change-card-body-titles,
    .custom-modal-overlay-change-card .custom-modal-header h4 {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
    }

    .edit-card-info-right .custom-modal-body-text {
        padding: 16px 0;
    }

    .add-payment-form-group-div :has(.form-group-zip.has-error) {
        min-height: 742px;
    }

    .chnage-payment-form-group-div:has(.form-group-zip.has-error) {
        min-height: 733px;
    }

    .arrow-left-div {
        height: auto;
    }

    .change-card-modal-actions {
        margin-bottom: 8px;
    }

    .edit-card-info-right {
        padding-left: 20px;
        width: 500px;
        min-width: 264px;
    }

    .cardholder-name {
        max-width: 150px;
    }

    .all-cards-div-h4 {
        display: flex;
        gap: 12px;
    }

    .mobile-cart-product-img {
        width: 100% !important;
        display: flex;
        justify-content: center;
        border-radius: 2px;
    }

    .mobile-cart-product-img img {
        max-width: 100%;
        max-height: 83px !important;
        object-fit: contain;
    }

    .mobile-cart-item {
        padding-bottom: 6px;
        border-bottom: 1px solid #F2F2F2;
    }

    .mobile-cart-item .cart-first {
        display: grid;
        grid-template-columns: 20% 75% 20px;
        gap: 0;
    }

    .mobile-cart-item .cart-second {
        width: 100%;
        padding-left: 8px;
    }

    .mobile-cart-item .cart-second>div {
        display: grid;
        grid-template-columns: 50% 50%;
        gap: 0;
        height: 18px !important;
    }

    .mobile-cart-item .cart-second {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .btn-remove-mobile {
        width: 20px;
        height: 20px;
    }

    .moblie-in-stock {
        display: flex;
    }

    .mobile-texts {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .product-info-text {
        font-size: 12px !important;
        line-height: 18px !important;
    }

    .text-price-mobile {
        font-size: 12px !important;
        color: #101828;
        font-weight: 700;
        line-height: 18px;
    }

    .mobile-cart .cart-qty {
        justify-content: flex-end;
    }

    .product-title {
        color: #101828;
        font-size: 12px;
        font-weight: 700;
        line-height: 120%;
    }

    #clearcart.modal.in .modal-dialog,
    #deletecart.modal.in .modal-dialog {
        position: fixed;
        left: 50%;
        transform: translateX(-50%);
    }

    .cart-mobile-header {
        width: 100%;
        height: 32px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .cart-mobile-header>div {
        display: flex;
        gap: 10px;
        align-items: center;
        margin-bottom: 8px;
    }

    .mobile-cart #content {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .checkout-shipping-div {
        grid-template-columns: 1fr;
    }

    .shippingguest-div>div {
        grid-template-columns: 1fr;
        row-gap: 0;
    }

    .shippingguest-from-div>div {
        min-height: 82px;
        max-height: 86px;
    }

    .checkout-shipping-info {
        height: auto;
        margin-bottom: 8px;
    }

    .checkout-shipping-btn-block {
        margin-top: 16px;
    }

    .checkout-shipping-btn-block>div {
        gap: 16px;
        width: 100%;
    }

    .checkout-shipping-page .checkout-header {
        padding: 0 0 24px 0;
        gap: 4px;
        justify-content: center;
        align-items: center;
    }

    .checkout-shipping-page .checkout-header h1 {
        width: 90%;
        margin: 0;
        color: #333;
        font-size: 18px;
        font-weight: 600;
        line-height: 28px;
    }

    .payment-div-fields:has(.cvv-field.has-error),
    .payment-div-fields:has(.exp-field.has-error) {
        min-height: 80px;
    }
}

@media (min-width: 500px) and (max-width: 768px) {
    .personalInfoParent {
        margin-bottom: 24px;
    }

    .edit-card-info-left {
        min-width: 320px;
        max-width: 400px;
    }
}

@media (max-width: 600px) {
    .securety-page .secur-form .sec-save {
        width: 100%;
        height: 52px;
        display: flex !important;
        flex-direction: row-reverse;
        gap: 12px;
        padding-top: 16px;
    }

    .custom-modal-remove-card {
        max-width: 90%;
        min-width: 343px;
    }

    .edit-card-info-right {
        min-width: 50px;
    }

    .cardholder-name {
        max-width: 100px;
    }

    .payment-div-fields:has(.cvv-field.has-error),
    .payment-div-fields:has(.exp-field.has-error) {
        min-height: 95px;
    }
}

@media (max-width: 500px) {
    .cabinet-side-bar-nav .sideBarNav {
        padding: 0;
    }

    .sideBarNav-img-div-mobile {
        padding-left: 0;
        margin-bottom: 0;
    }

    .cabinet-side-bar-nav .sideBarNav .nav {
        gap: 0;
    }

    .cabinet-side-bar-nav .sideBarNav .nav li:not(:last-child) {
        margin-top: 16px;
        margin-bottom: 0;
    }

    .cabinet-side-bar-nav .sideBarNav .nav li:last-child {
        margin-top: 8px;
    }

    .personalInfoParent {
        border: none;
        flex-direction: column-reverse;
    }

    .personalInfo {
        height: auto;
        border-bottom: none;
        padding: 14px 0 !important;
    }

    .personalInfo>p {
        font-size: 14px;
        font-weight: 500;
    }

    .personalInfo-div button {
        width: 100%;
        margin-top: 8px;
    }

    .personalInfoParent>div {
        padding: 16px 0 12px 0;
    }

    .accountInfo h5 {
        font-size: 16px;
        line-height: 24px;
        color: #111827;
    }

    .cabinet.row {
        padding: 0px !important;
    }

    .about-page {
        padding: 16px !important;
    }

    .cabinet-avatar {
        width: 343px;
        height: 74px;
        gap: 24px;
        align-items: center;
        padding: 0px 8px;
        margin-bottom: 16px;
    }

    .cabinet-avatar-text>img,
    .featured-icon-wrapper {
        display: none;
    }

    .cabinet-avatar-text {
        width: 261px;
        height: 20px;
        display: flex;
        align-items: flex-start;
        text-align: left;
    }

    .btn-save,
    .btn-cancel {
        width: 50%;
        height: 36px;
    }

    .securety-page .btn-danger,
    .btn-save,
    .btn-cancel {
        padding: 8px 14px;
    }

    .securety-page .secur-form {
        margin-bottom: 16px !important;
    }

    .securety-page .secur-form .sec-save {
        gap: 16px;
    }

    .confirm-password-form-btn-div {
        padding: 0;
        height: 36px;
    }

    .img-avatar {
        height: 42px !important;
    }

    .cabinet-avatar-img-div,
    .avatar-placeholder,
    .cabinet-avatar-img-div .file-avatar {
        width: 42px !important;
        height: 42px !important;
    }

    .avatar-placeholder {
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px;
    }

    .cabinet-shippings {
        min-height: 182px !important;
    }

    .cabinet-shippings-settings {
        top: auto;
        right: auto;
        bottom: 16px;
        left: 16px;
        margin-top: 4px;
    }

    .cabinet-shippings-div {
        margin-bottom: 8px;
    }

    .cabinet-avatar-img-div .img-div {
        width: 42px;
        height: 42px;
    }

    .chart-btn-cancel,
    .chart-btn-save,
    .all-address-page .form-group-div>div>input,
    .all-address-page .form-group-div>div>select,
    .all-address-page .custom-select-trigger,
    .all-address-page .custom-select {
        width: 100% !important;
    }

    .all-address-page .form-group-div {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .form-group-without-label {
        padding-top: 0 !important;
    }

    .modal-actions,
    .custom-modal-overlay-edit-add .sec-save,
    .custom-modal-footer {
        display: flex;
        gap: 12px;
    }

    .custom-modal-content-default-remove {
        width: 343px;
        height: 382px;
    }

    .custom-modal-overlay-edit-add .sec-save {
        align-items: center;
        justify-content: center;
    }

    .add-new-payment {
        height: 56px !important;
    }

    .card-div {
        height: 110px !important;
    }

    .remove-card-info {
        flex-direction: column;
    }

    .card-information {
        border-right: none;
    }

    .edit-card-info-right {
        padding-left: 0;
    }

    .modal-actions {
        align-items: center;
        justify-content: center;
        align-self: stretch;
    }

    .cards-div {
        grid-template-columns: repeat(1, 1fr);
        gap: 16px;
    }

    .edit-card-info-right {
        width: 365px;
        min-width: 264px;
    }

    .all-address-page .form-group,
    .card-exp-input,
    .edit-card-cardholder-input {
        width: 100%;
    }

    .edit-card-info-left {
        padding-right: 0;
    }

    .cardholder-name {
        max-width: 200px;
    }
}

@media (max-width: 375px) {

    .form-group-div>div>input,
    .form-group-div>div>select {
        width: 343px;
    }

    .addresses-div>div {
        max-width: 343px;
    }

    .edit-card-info-right {
        width: 280px;
        min-width: 220px;
    }

    .mobile-cart-item .cart-first {
        display: grid;
        grid-template-columns: 70px 75% 20px;
        gap: 0;
    }

    .mobile-cart-product-img {
        width: 70px !important;
        display: flex;
        justify-content: center;
    }

    .mobile-cart-product-img img {
        max-width: 100%;
        max-height: 83px !important;
        object-fit: contain;
    }

    .no-address-div button,
    .no-address-div p {
        width: 100%;
    }

}

@media (max-width: 320px) {

    .form-group-div>div>input,
    .form-group-div>div>select,
    .addresses-div>div,
    .cabinet-avatar {
        width: 100%;
    }
}