[_nghost-ng-c344404295],
app-header[_ngcontent-ng-c344404295] {
    position: relative;
    display: block;
    z-index: 11;
}
a {
    text-decoration: none;
}
header[_ngcontent-ng-c344404295]:is(.main-header) {
    position: fixed;
    inset-block-start: 0;
    width: 100%;
    height: var(--header-height, 50px);
    background-color: var(--header-bg);
    isolation: isolate;
    z-index: var(--max-z-index);
    padding-inline: calc(1rem + 5vw);
    border-block-end: 1px solid var(--base-bg);
    padding-block: calc(1rem + 0.5vw);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (width < 1400px) {
    header[_ngcontent-ng-c344404295]:is(.main-header) {
        padding-inline: calc(1rem + 2vw);
    }
}

@media (width < 767px) {
    header[_ngcontent-ng-c344404295]:is(.main-header) {
        display: none !important;
    }
}

header[_ngcontent-ng-c344404295]:is(.main-header)
    .top-header-logo[_ngcontent-ng-c344404295] {
    color: inherit;
}
.main-footer[_ngcontent-ng-c3352460313] {
    position: relative;
    width: 100%;
}

@media (width > 992px) {
    .main-footer[_ngcontent-ng-c3352460313] {
        padding-block-end: calc(1rem + 1vw);
    }
}

.main-footer__container[_ngcontent-ng-c3352460313] {
    position: relative;
    border-block-start: 1px solid rgba(var(--base-text-rgb), 0.25);
    padding-block-start: calc(1rem + 0.5vw);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.main-footer__container__content[_ngcontent-ng-c3352460313] {
    display: flex;
    gap: 0.8rem;
}

.main-footer__container__content[_ngcontent-ng-c3352460313]
    p[_ngcontent-ng-c3352460313] {
    margin: 0;
}

.main-footer__container__content[_ngcontent-ng-c3352460313]
    .footer-links[_ngcontent-ng-c3352460313] {
    position: relative;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: inherit;
}

.main-footer__container__content[_ngcontent-ng-c3352460313]
    .footer-links[_ngcontent-ng-c3352460313]
    a[_ngcontent-ng-c3352460313] {
    color: inherit;
    text-decoration: none;
}

.main-footer__container__content[_ngcontent-ng-c3352460313]
    .footer-links[_ngcontent-ng-c3352460313]
    a[_ngcontent-ng-c3352460313]:hover {
    color: var(--primary);
    text-decoration: underline;
}

.main-footer__sub[_ngcontent-ng-c3352460313] {
    display: flex;
    gap: 1rem;
    flex-direction: column;
    justify-content: center;
}

@media (width < 1400px) {
    .main-footer__sub[_ngcontent-ng-c3352460313] {
        align-items: center;
    }
}

.main-footer__sub[_ngcontent-ng-c3352460313]
    .contact-details[_ngcontent-ng-c3352460313] {
    width: 100%;
    margin-inline: auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.main-footer__sub[_ngcontent-ng-c3352460313]
    .contact-details[_ngcontent-ng-c3352460313]
    ul[_ngcontent-ng-c3352460313] {
    list-style: none;
    margin-block: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    background-color: var(--light);
    color: var(--text-color);
    padding-inline: calc(0.5rem + 0.25vw);
    border-radius: calc(var(--border-radius) * 1);
}

.main-footer__sub[_ngcontent-ng-c3352460313]
    .contact-details__list[_ngcontent-ng-c3352460313],
.main-footer__sub[_ngcontent-ng-c3352460313]
    .contact-details__social[_ngcontent-ng-c3352460313] {
    position: relative;
    column-gap: calc(1rem + 0.5vw);
}

.main-footer__sub[_ngcontent-ng-c3352460313]
    .contact-details__list[_ngcontent-ng-c3352460313]
    li[_ngcontent-ng-c3352460313],
.main-footer__sub[_ngcontent-ng-c3352460313]
    .contact-details__social[_ngcontent-ng-c3352460313]
    li[_ngcontent-ng-c3352460313] {
    position: relative;
}

.main-footer__sub[_ngcontent-ng-c3352460313]
    .contact-details__list[_ngcontent-ng-c3352460313]
    li[_ngcontent-ng-c3352460313]:not(
        .main-footer__sub
            .contact-details__list[_ngcontent-ng-c3352460313]
            li[_ngcontent-ng-c3352460313]:first-child,
        .main-footer__sub[_ngcontent-ng-c3352460313]
            .contact-details__social[_ngcontent-ng-c3352460313]
            li[_ngcontent-ng-c3352460313]:first-child
    ):before,
.main-footer__sub[_ngcontent-ng-c3352460313]
    .contact-details__social[_ngcontent-ng-c3352460313]
    li[_ngcontent-ng-c3352460313]:not(
        .main-footer__sub
            .contact-details__list[_ngcontent-ng-c3352460313]
            li[_ngcontent-ng-c3352460313]:first-child,
        .main-footer__sub[_ngcontent-ng-c3352460313]
            .contact-details__social[_ngcontent-ng-c3352460313]
            li[_ngcontent-ng-c3352460313]:first-child
    ):before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 1px;
    height: 20px;
    inset-inline-start: -1rem;
    inset-block-start: calc(50% - 10px);
    background-color: var(--base-text);
    opacity: 0.15;
}

.main-footer__sub[_ngcontent-ng-c3352460313]
    .contact-details__list[_ngcontent-ng-c3352460313]
    a[_ngcontent-ng-c3352460313],
.main-footer__sub[_ngcontent-ng-c3352460313]
    .contact-details__list[_ngcontent-ng-c3352460313]
    span[_ngcontent-ng-c3352460313],
.main-footer__sub[_ngcontent-ng-c3352460313]
    .contact-details__social[_ngcontent-ng-c3352460313]
    a[_ngcontent-ng-c3352460313],
.main-footer__sub[_ngcontent-ng-c3352460313]
    .contact-details__social[_ngcontent-ng-c3352460313]
    span[_ngcontent-ng-c3352460313] {
    color: inherit;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding-block: 0.25rem;
    text-decoration: none;
    font-size: 1rem;
}

.main-footer__sub[_ngcontent-ng-c3352460313]
    .contact-details__social[_ngcontent-ng-c3352460313] {
    padding-inline: calc(0.5rem + 0.25vw) !important;
    padding-block: 0.25rem !important;
}

.main-footer__sub[_ngcontent-ng-c3352460313]
    .contact-details__social__list[_ngcontent-ng-c3352460313]
    a[_ngcontent-ng-c3352460313] {
    align-content: center;
    border-radius: var(--icon-size);
    width: var(--icon-size);
    height: var(--icon-size);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: var(--transition);
    font-size: 1.2rem;
    color: var(--base-text);
    position: relative;
    isolation: isolate;
    border: 0;
    background-color: initial;
    font-size: 1.5rem;
}

.main-footer__sub[_ngcontent-ng-c3352460313]
    .contact-details__social__list[_ngcontent-ng-c3352460313]
    a[_ngcontent-ng-c3352460313]:after,
.main-footer__sub[_ngcontent-ng-c3352460313]
    .contact-details__social__list[_ngcontent-ng-c3352460313]
    a[_ngcontent-ng-c3352460313]:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: inherit;
    background-image: inherit;
    transition: inherit;
    scale: 0;
}

.main-footer__sub[_ngcontent-ng-c3352460313]
    .contact-details__social__list[_ngcontent-ng-c3352460313]
    a[_ngcontent-ng-c3352460313]:hover {
    color: var(--bs-dark);
}

.main-footer__sub[_ngcontent-ng-c3352460313]
    .contact-details__social__list[_ngcontent-ng-c3352460313]
    a[_ngcontent-ng-c3352460313]:hover:before {
    background-image: var(--primary-gradient);
    scale: 1;
}

.main-footer__sub[_ngcontent-ng-c3352460313]
    .contact-details__social__list[_ngcontent-ng-c3352460313]
    a[_ngcontent-ng-c3352460313]:hover:after {
    transition-delay: 0.25s;
    background: var(--bs-white);
    scale: 0.86;
}

.main-footer__sub[_ngcontent-ng-c3352460313]
    .contact-details__social__list[_ngcontent-ng-c3352460313]
    a.active[_ngcontent-ng-c3352460313] {
    background-image: var(--primary-gradient);
    color: var(--bs-white);
}

.main-footer__sub[_ngcontent-ng-c3352460313]
    .contact-details__social__list[_ngcontent-ng-c3352460313]
    a.active[_ngcontent-ng-c3352460313]:after {
    opacity: 0;
}

@media (width < 1200px) {
    .main-footer[_ngcontent-ng-c3352460313]
        .container[_ngcontent-ng-c3352460313] {
        max-width: 100%;
    }

    .main-footer__container[_ngcontent-ng-c3352460313] {
        gap: 1rem;
        justify-content: center;
        flex-direction: column;
    }

    .main-footer__container__content[_ngcontent-ng-c3352460313] {
        font-size: 0.93rem;
        gap: 0.5rem;
    }
}

@media (width < 767px) {
    .main-footer[_ngcontent-ng-c3352460313] {
        display: none !important;
    }
}

.navigation[_ngcontent-ng-c1479665817] {
    position: relative;
    --menu-item-min-width: 100px;
    --active-icon-container-width: 80px;
    --active-icon-container-height: calc(
        var(--active-icon-container-width) / 1.33
    );
    --active-icon-size: calc(var(--active-icon-container-width) - 33px);
}

.navigation__menu[_ngcontent-ng-c1479665817] {
    list-style: none;
    margin: 0;
    padding: 0;
    gap: calc(1rem + 0.5vw);
    display: flex;
    align-items: center;
    text-align: var(--base-text);
    text-decoration: none;
}

.navigation__menu__list[_ngcontent-ng-c1479665817] {
    position: relative;
    min-width: var(--menu-item-min-width);
    text-align: center;
}

.navigation__menu__list--link[_ngcontent-ng-c1479665817] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: inherit;
    text-decoration: inherit;
    transition: var(--transition);
}

.navigation__menu__list--link.is-active[_ngcontent-ng-c1479665817] {
    color: var(--primary);
    font-size: 1.14rem;
    font-weight: 700;
    margin-block-start: -1.25rem;
    gap: 1rem;
}

.navigation__menu__list--link.is-active[_ngcontent-ng-c1479665817]
    .menu-icon[_ngcontent-ng-c1479665817] {
    display: flex;
}

.navigation__menu__list--link[_ngcontent-ng-c1479665817]
    .menu-icon[_ngcontent-ng-c1479665817] {
    position: absolute;
    inset-block-start: calc(1rem);
    width: var(--active-icon-container-width);
    height: var(--active-icon-container-height);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    display: none;
}
.navigation__menu__list--link.is-active[_ngcontent-ng-c1479665817]
    .menu-icon[_ngcontent-ng-c1479665817] {
    animation-duration: 1s;
    animation-name: slidein;
}

@keyframes slidein {
    from {
        inset-block-start: calc(0rem);
    }

    to {
        inset-block-start: calc(1rem);
    }
}

.navigation__menu__list--link[_ngcontent-ng-c1479665817]
    .menu-icon[_ngcontent-ng-c1479665817]:not(.arabic) {
    inset-inline-start: var(--position);
}

.navigation__menu__list--link[_ngcontent-ng-c1479665817]
    .menu-icon[_ngcontent-ng-c1479665817]:is(.arabic) {
    inset-inline-end: var(--position);
}

.navigation__menu__list--link[_ngcontent-ng-c1479665817]
    .menu-icon[_ngcontent-ng-c1479665817]
    .circle-overlay[_ngcontent-ng-c1479665817] {
    position: absolute;
    inset-block-start: 0;
    left: 50%;
    transform: translate(-50%);
    color: var(--base-bg);
}

.navigation__menu__list--link[_ngcontent-ng-c1479665817]
    .menu-icon__circle[_ngcontent-ng-c1479665817] {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--primary);
    background-image: var(--primary-gradient);
    width: var(--active-icon-size);
    height: var(--active-icon-size);
    border-radius: var(--active-icon-size);
    box-shadow: 0 2.5px 2.2px rgba(var(--bs-dark-rgb), 0.02),
        0 5.9px 5.3px rgba(var(--bs-dark-rgb), 0.025),
        0 11.1px 10px rgba(var(--bs-dark-rgb), 0.03),
        0 19.9px 17.9px rgba(var(--bs-dark-rgb), 0.038),
        0 37.2px 33.4px rgba(var(--bs-dark-rgb), 0.048),
        0 89px 80px rgba(var(--bs-dark-rgb), 0.07);
}

.navigation__menu__list--link[_ngcontent-ng-c1479665817]
    .menu-icon__circle[_ngcontent-ng-c1479665817]
    > *[_ngcontent-ng-c1479665817] {
    display: flex;
}

.navigation__menu__list--link[_ngcontent-ng-c1479665817]
    .menu-icon__circle[_ngcontent-ng-c1479665817]
    svg[_ngcontent-ng-c1479665817] {
    width: var(--active-icon-size);
    height: var(--active-icon-size);
}

.app-currency-dropdown[_ngcontent-ng-c324523492] {
    display: flex;
    justify-content: center;
    align-items: center;
}

[_nghost-ng-c3061231048] {
    display: inline-block;
    width: 24px;
    height: 24px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2px;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.footer-social[_ngcontent-ng-c1348661234] {
    --social-icon-size: var(--icon-size, 45px);
    --theme-changer-padding-around: 4px;
    --theme-changer-list: calc(
        var(--social-icon-size) * 3 + var(--theme-changer-padding-around)
    );
    position: relative;
    background-color: var(--secondary-100);
    border-radius: var(--social-icon-size);
    padding-inline: var(--theme-changer-padding-around);
    padding-block: calc(var(--theme-changer-padding-around) / 2);
    display: flex;
    align-items: center;
    box-shadow: 0 2.5px 2.2px rgba(var(--bs-dark-rgb), 0.02),
        0 5.9px 5.3px rgba(var(--bs-dark-rgb), 0.025),
        0 11.1px 10px rgba(var(--bs-dark-rgb), 0.03),
        0 19.9px 17.9px rgba(var(--bs-dark-rgb), 0.038),
        0 37.2px 33.4px rgba(var(--bs-dark-rgb), 0.048),
        0 89px 80px rgba(var(--bs-dark-rgb), 0.07);
}

.footer-social[_ngcontent-ng-c1348661234]
    .theme-changer[_ngcontent-ng-c1348661234] {
    position: relative;
    z-index: 1;
    width: var(--social-icon-size);
    flex-shrink: 0;
}

.footer-social[_ngcontent-ng-c1348661234]
    .theme-changer__selected[_ngcontent-ng-c1348661234] {
    z-index: 1;
    cursor: pointer;
    border-radius: var(--icon-size);
    width: var(--icon-size);
    height: var(--icon-size);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: var(--transition);
    font-size: 1.2rem;
    color: var(--base-text);
    position: relative;
    isolation: isolate;
    border: 0;
    background-color: initial;
}

.footer-social[_ngcontent-ng-c1348661234]
    .theme-changer__selected[_ngcontent-ng-c1348661234]:after,
.footer-social[_ngcontent-ng-c1348661234]
    .theme-changer__selected[_ngcontent-ng-c1348661234]:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: inherit;
    background-image: inherit;
    transition: inherit;
    scale: 0;
}

.footer-social[_ngcontent-ng-c1348661234]
    .theme-changer__selected[_ngcontent-ng-c1348661234]:hover {
    color: var(--bs-dark);
}

.footer-social[_ngcontent-ng-c1348661234]
    .theme-changer__selected[_ngcontent-ng-c1348661234]:hover:before {
    background-image: var(--primary-gradient);
    scale: 1;
}

.footer-social[_ngcontent-ng-c1348661234]
    .theme-changer__selected[_ngcontent-ng-c1348661234]:hover:after {
    transition-delay: 0.25s;
    background: var(--bs-white);
    scale: 0.86;
}

.footer-social[_ngcontent-ng-c1348661234]
    .theme-changer__selected.active[_ngcontent-ng-c1348661234] {
    background-image: var(--primary-gradient);
    color: var(--bs-white);
}

.footer-social[_ngcontent-ng-c1348661234]
    .theme-changer__selected.active[_ngcontent-ng-c1348661234]:after {
    opacity: 0;
}

.footer-social[_ngcontent-ng-c1348661234]
    .theme-changer[_ngcontent-ng-c1348661234]
    .theme-changer__dropdown[_ngcontent-ng-c1348661234] {
    position: absolute;
    z-index: 0;
    background-color: var(--bs-white);
    list-style: none;
    margin: 0;
    padding: 0;
    border-radius: var(--social-icon-size);
    display: flex;
    flex-direction: column;
    transition: height 0.35s cubic-bezier(0.04, 0.39, 0.53, 0.95);
    inset-block-end: calc(var(--social-icon-size) / 2);
    inset-block-end: calc(0px - var(--theme-changer-padding-around));
    inset-inline-start: calc(0px - var(--theme-changer-padding-around));
    padding-inline: var(--theme-changer-padding-around);
    padding-block-start: var(--theme-changer-padding-around);
    padding-block-end: calc(
        var(--social-icon-size) + var(--theme-changer-padding-around)
    );
    visibility: hidden;
    opacity: 0;
}

.footer-social[_ngcontent-ng-c1348661234]
    .theme-changer[_ngcontent-ng-c1348661234]
    .theme-changer__dropdown__list[_ngcontent-ng-c1348661234] {
    border-radius: var(--icon-size);
    width: var(--icon-size);
    height: var(--icon-size);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: var(--transition);
    font-size: 1.2rem;
    color: var(--base-text);
    position: relative;
    isolation: isolate;
    border: 0;
    background-color: initial;
    --base-text: var(--bs-dark);
    cursor: pointer;
    margin-block-end: calc(0px - var(--social-icon-size));
}

.footer-social[_ngcontent-ng-c1348661234]
    .theme-changer[_ngcontent-ng-c1348661234]
    .theme-changer__dropdown__list[_ngcontent-ng-c1348661234]:after,
.footer-social[_ngcontent-ng-c1348661234]
    .theme-changer[_ngcontent-ng-c1348661234]
    .theme-changer__dropdown__list[_ngcontent-ng-c1348661234]:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: inherit;
    background-image: inherit;
    transition: inherit;
    scale: 0;
}

.footer-social[_ngcontent-ng-c1348661234]
    .theme-changer[_ngcontent-ng-c1348661234]
    .theme-changer__dropdown__list[_ngcontent-ng-c1348661234]:hover {
    color: var(--bs-dark);
}

.footer-social[_ngcontent-ng-c1348661234]
    .theme-changer[_ngcontent-ng-c1348661234]
    .theme-changer__dropdown__list[_ngcontent-ng-c1348661234]:hover:before {
    background-image: var(--primary-gradient);
    scale: 1;
}

.footer-social[_ngcontent-ng-c1348661234]
    .theme-changer[_ngcontent-ng-c1348661234]
    .theme-changer__dropdown__list[_ngcontent-ng-c1348661234]:hover:after {
    transition-delay: 0.25s;
    background: var(--bs-white);
    scale: 0.86;
}

.footer-social[_ngcontent-ng-c1348661234]
    .theme-changer[_ngcontent-ng-c1348661234]
    .theme-changer__dropdown__list.active[_ngcontent-ng-c1348661234] {
    background-image: var(--primary-gradient);
    color: var(--bs-white);
}

.footer-social[_ngcontent-ng-c1348661234]
    .theme-changer[_ngcontent-ng-c1348661234]
    .theme-changer__dropdown__list.active[_ngcontent-ng-c1348661234]:after {
    opacity: 0;
}

.footer-social[_ngcontent-ng-c1348661234]
    .theme-changer[_ngcontent-ng-c1348661234]
    .theme-changer__dropdown[_ngcontent-ng-c1348661234]:is(.active) {
    visibility: visible;
    opacity: 1;
    isolation: isolate;
    box-shadow: 0 2.5px 2.2px rgba(var(--bs-dark-rgb), 0.02),
        0 5.9px 5.3px rgba(var(--bs-dark-rgb), 0.025),
        0 11.1px 10px rgba(var(--bs-dark-rgb), 0.03),
        0 19.9px 17.9px rgba(var(--bs-dark-rgb), 0.038),
        0 37.2px 33.4px rgba(var(--bs-dark-rgb), 0.048),
        0 89px 80px rgba(var(--bs-dark-rgb), 0.07);
}

.footer-social[_ngcontent-ng-c1348661234]
    .theme-changer[_ngcontent-ng-c1348661234]
    .theme-changer__dropdown[_ngcontent-ng-c1348661234]:is(.active):after,
.footer-social[_ngcontent-ng-c1348661234]
    .theme-changer[_ngcontent-ng-c1348661234]
    .theme-changer__dropdown[_ngcontent-ng-c1348661234]:is(.active):before {
    content: "";
    position: absolute;
    inset: -3px;
    border-radius: inherit;
    z-index: -1;
    background-color: inherit;
}

.footer-social[_ngcontent-ng-c1348661234]
    .theme-changer[_ngcontent-ng-c1348661234]
    .theme-changer__dropdown[_ngcontent-ng-c1348661234]:is(.active):before {
    background-image: var(--primary-gradient);
    z-index: -2;
}

.footer-social[_ngcontent-ng-c1348661234]
    .theme-changer[_ngcontent-ng-c1348661234]
    .theme-changer__dropdown[_ngcontent-ng-c1348661234]:is(.active):after {
    inset: 0;
}

.footer-social[_ngcontent-ng-c1348661234]
    .theme-changer[_ngcontent-ng-c1348661234]
    .theme-changer__dropdown[_ngcontent-ng-c1348661234]:is(.active)
    .theme-changer__dropdown__list[_ngcontent-ng-c1348661234] {
    margin-block-end: 0;
}

.footer-social[_ngcontent-ng-c1348661234]
    .theme-changer[_ngcontent-ng-c1348661234]
    .theme-changer__dropdown[_ngcontent-ng-c1348661234]:is(.active)
    .theme-changer__dropdown__list[_ngcontent-ng-c1348661234]:last-child {
    margin-block-end: var(--theme-changer-padding-around);
}

.footer-social[_ngcontent-ng-c1348661234]
    .social-media[_ngcontent-ng-c1348661234] {
    flex-shrink: 0;
    position: relative;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    list-style: none;
    gap: calc(var(--social-icon-size) / 5);
}

.footer-social[_ngcontent-ng-c1348661234]
    .social-media__list[_ngcontent-ng-c1348661234] {
    position: relative;
    flex-shrink: inherit;
}

.footer-social[_ngcontent-ng-c1348661234]
    .social-media__list[_ngcontent-ng-c1348661234]
    a[_ngcontent-ng-c1348661234] {
    border-radius: var(--icon-size);
    width: var(--icon-size);
    height: var(--icon-size);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: var(--transition);
    font-size: 1.2rem;
    color: var(--base-text);
    position: relative;
    isolation: isolate;
    border: 0;
    background-color: initial;
}

.footer-social[_ngcontent-ng-c1348661234]
    .social-media__list[_ngcontent-ng-c1348661234]
    a[_ngcontent-ng-c1348661234]:after,
.footer-social[_ngcontent-ng-c1348661234]
    .social-media__list[_ngcontent-ng-c1348661234]
    a[_ngcontent-ng-c1348661234]:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: inherit;
    background-image: inherit;
    transition: inherit;
    scale: 0;
}

.footer-social[_ngcontent-ng-c1348661234]
    .social-media__list[_ngcontent-ng-c1348661234]
    a[_ngcontent-ng-c1348661234]:hover {
    color: var(--bs-dark);
}

.footer-social[_ngcontent-ng-c1348661234]
    .social-media__list[_ngcontent-ng-c1348661234]
    a[_ngcontent-ng-c1348661234]:hover:before {
    background-image: var(--primary-gradient);
    scale: 1;
}

.footer-social[_ngcontent-ng-c1348661234]
    .social-media__list[_ngcontent-ng-c1348661234]
    a[_ngcontent-ng-c1348661234]:hover:after {
    transition-delay: 0.25s;
    background: var(--bs-white);
    scale: 0.86;
}

.footer-social[_ngcontent-ng-c1348661234]
    .social-media__list[_ngcontent-ng-c1348661234]
    a.active[_ngcontent-ng-c1348661234] {
    background-image: var(--primary-gradient);
    color: var(--bs-white);
}

.footer-social[_ngcontent-ng-c1348661234]
    .social-media__list[_ngcontent-ng-c1348661234]
    a.active[_ngcontent-ng-c1348661234]:after {
    opacity: 0;
}

.tablet-navigation[_ngcontent-ng-c4071533209] {
    --menu-item-min-width: 100px;
    --active-icon-container-width: 80px;
    --active-icon-container-height: calc(
        var(--active-icon-container-width) / 1.33
    );
    --active-icon-size: calc(var(--active-icon-container-width) - 33px);
    position: relative;
    position: fixed;
    inset-block-end: 0;
    background-color: var(--secondary-100);
    height: var(--mobile-footer-menu-height);
    width: 100%;
    z-index: var(--max-z-index);
    border-block-start: 2px solid var(--base-bg);
}

.tablet-navigation__menu[_ngcontent-ng-c4071533209] {
    list-style: none;
    margin: 0;
    padding: 0;
    gap: calc(1rem + 0.5vw);
    display: flex;
    align-items: center;
    text-align: var(--base-text);
    text-decoration: none;
    height: var(--mobile-footer-menu-height);
}

.tablet-navigation__menu__list[_ngcontent-ng-c4071533209] {
    position: relative;
    min-width: var(--menu-item-min-width);
    text-align: center;
    width: 100%;
}

.tablet-navigation__menu__list--link[_ngcontent-ng-c4071533209] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: inherit;
    text-decoration: inherit;
    transition: var(--transition);
}

.tablet-navigation__menu__list--link.is-active[_ngcontent-ng-c4071533209] {
    color: var(--primary);
    font-size: 1.14rem;
    font-weight: 700;
    margin-block-start: 1.6rem;
    gap: 1rem;
}

.tablet-navigation__menu__list--link.is-active[_ngcontent-ng-c4071533209]
    .menu-icon[_ngcontent-ng-c4071533209] {
    display: flex;
}

.tablet-navigation__menu__list--link[_ngcontent-ng-c4071533209]
    .menu-icon[_ngcontent-ng-c4071533209] {
    position: absolute;
    inset-block-end: calc(var(--mobile-footer-menu-height) / 2 - 5px);
    width: var(--active-icon-container-width);
    height: var(--active-icon-container-height);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    transition: inset-inline 0.3s ease-in;
    display: none;
}

.tablet-navigation__menu__list--link[_ngcontent-ng-c4071533209]
    .menu-icon[_ngcontent-ng-c4071533209]
    .circle-overlay[_ngcontent-ng-c4071533209] {
    position: absolute;
    inset-block-end: 1px;
    left: 50%;
    transform: translate(-50%) rotate(180deg);
    color: var(--base-bg);
}

.tablet-navigation__menu__list--link[_ngcontent-ng-c4071533209]
    .menu-icon__circle[_ngcontent-ng-c4071533209] {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--primary);
    background-image: var(--primary-gradient);
    width: var(--active-icon-size);
    height: var(--active-icon-size);
    border-radius: var(--active-icon-size);
    box-shadow: 0 2.5px 2.2px rgba(var(--bs-dark-rgb), 0.02),
        0 5.9px 5.3px rgba(var(--bs-dark-rgb), 0.025),
        0 11.1px 10px rgba(var(--bs-dark-rgb), 0.03),
        0 19.9px 17.9px rgba(var(--bs-dark-rgb), 0.038),
        0 37.2px 33.4px rgba(var(--bs-dark-rgb), 0.048),
        0 89px 80px rgba(var(--bs-dark-rgb), 0.07);
}

.tablet-navigation__menu__list--link[_ngcontent-ng-c4071533209]
    .menu-icon__circle[_ngcontent-ng-c4071533209]
    > *[_ngcontent-ng-c4071533209] {
    display: flex;
}

.tablet-navigation__menu__list--link[_ngcontent-ng-c4071533209]
    .menu-icon__circle[_ngcontent-ng-c4071533209]
    svg[_ngcontent-ng-c4071533209] {
    width: var(--active-icon-size);
    height: var(--active-icon-size);
}

.mega-menu-section[_ngcontent-ng-c4009043427] {
    --left-position: 100vw;
    --menu-z-index: 0;
    position: fixed;
    width: 100vw;
    height: 100vh;
    inset-inline-start: var(--left-position);
    inset-block-start: 0;
    background-color: var(--primary);
    background-image: var(--primary-gradient-top);
    z-index: calc(var(--max-z-index) + 1);
    padding: var(--container-mobile-padding-x);
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    transition: inset-inline-start 0.5s cubic-bezier(1, 0.14, 0, 1.1);
    z-index: var(--menu-z-index);
}

.mega-menu-section[_ngcontent-ng-c4009043427]::-webkit-scrollbar-track {
    background: transparent;
    pointer-events: initial;
    overflow: hidden;
    border-radius: calc(var(--scroll-bar-width) * 2);
}

.mega-menu-section[_ngcontent-ng-c4009043427]::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    background: transparent;
    pointer-events: initial;
}

.mega-menu-section[_ngcontent-ng-c4009043427]::-webkit-scrollbar-thumb {
    background: var(--primary);
    pointer-events: initial;
    border-radius: 10px;
}

.mega-menu-section__header[_ngcontent-ng-c4009043427] {
    position: relative;
    z-index: 1;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.mega-menu-section__body[_ngcontent-ng-c4009043427] {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: calc(1rem + 0.5vw);
    padding-block: calc(0.5rem + 0.5vw);
}

.mega-menu-section__body[_ngcontent-ng-c4009043427]
    .mega-menu[_ngcontent-ng-c4009043427] {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 1.025rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.mega-menu-section__body[_ngcontent-ng-c4009043427]
    .mega-menu__list[_ngcontent-ng-c4009043427] {
    position: relative;
}

.mega-menu-section__body[_ngcontent-ng-c4009043427]
    .mega-menu__list--link[_ngcontent-ng-c4009043427] {
    --feather-icon-size: 23px;
    position: relative;
    display: flex;
    align-items: center;
    gap: calc(1rem + 0.75vw);
    font-weight: 600;
    text-decoration: none;
    color: var(--bs-white);
    padding-block: 0.75rem;
    transition: var(--bs-transition);
}

.mega-menu-section__body[_ngcontent-ng-c4009043427]
    .mega-menu__list--link[_ngcontent-ng-c4009043427]:hover {
    border-radius: var(--bs-border-radius);
    background-color: rgba(var(--bs-white-rgb), 0.25);
    padding-inline: 1rem;
}

.mega-menu-section__body[_ngcontent-ng-c4009043427]
    .mega-menu__list[_ngcontent-ng-c4009043427]:nth-last-child(2)
    a {
    border-block-start: 1px solid rgba(var(--bs-white-rgb), 0.15);
}

.mega-menu-section__body[_ngcontent-ng-c4009043427]
    .mega-menu__list[_ngcontent-ng-c4009043427]:nth-last-child(1)
    a {
    border-block-end: 1px solid rgba(var(--bs-white-rgb), 0.15);
}

.mega-menu-section__footer[_ngcontent-ng-c4009043427] {
    margin-bottom: 30px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--bs-white);
    gap: 1rem;
    justify-content: center;
}

.mega-menu-section__footer[_ngcontent-ng-c4009043427]
    .logout-button[_ngcontent-ng-c4009043427] {
    --button-height: 55px;
    width: 100%;
    border: 0;
    background-color: var(--primary);
    color: var(--bs-white);
    height: var(--button-height);
    border-radius: var(--button-height);
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 1.25rem;
    justify-content: center;
    font-weight: 700;
    text-transform: uppercase;
}

.mega-menu-section__footer[_ngcontent-ng-c4009043427]
    .contact-details[_ngcontent-ng-c4009043427] {
    --icon-size: 35px;
    position: relative;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0.25rem;
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(var(--bs-white-rgb), 0.25);
    border-radius: var(--bs-border-radius);
    background-color: rgba(var(--bs-primary-rgb), 0.25);
}

.mega-menu-section__footer[_ngcontent-ng-c4009043427]
    .contact-details__item[_ngcontent-ng-c4009043427] {
    position: relative;
}

.mega-menu-section__footer[_ngcontent-ng-c4009043427]
    .contact-details__item[_ngcontent-ng-c4009043427]
    a[_ngcontent-ng-c4009043427],
.mega-menu-section__footer[_ngcontent-ng-c4009043427]
    .contact-details__item[_ngcontent-ng-c4009043427]
    span[_ngcontent-ng-c4009043427] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--bs-white);
    text-decoration: none;
    font-size: 1rem;
}

.mega-menu-section__footer[_ngcontent-ng-c4009043427]
    .contact-details__item[_ngcontent-ng-c4009043427]
    a[_ngcontent-ng-c4009043427]
    i[_ngcontent-ng-c4009043427],
.mega-menu-section__footer[_ngcontent-ng-c4009043427]
    .contact-details__item[_ngcontent-ng-c4009043427]
    span[_ngcontent-ng-c4009043427]
    i[_ngcontent-ng-c4009043427] {
    width: var(--icon-size);
    height: var(--icon-size);
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.mega-menu-section__footer[_ngcontent-ng-c4009043427]
    .social-media[_ngcontent-ng-c4009043427] {
    --social-icon-size: 45px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    background-color: rgba(var(--bs-white-rgb), 0.1);
    list-style: none;
    width: max-content;
    margin-inline: auto;
    border-radius: var(--bs-border-radius);
}

.mega-menu-section__footer[_ngcontent-ng-c4009043427]
    .social-media__list[_ngcontent-ng-c4009043427] {
    position: relative;
}

.mega-menu-section__footer[_ngcontent-ng-c4009043427]
    .social-media__list[_ngcontent-ng-c4009043427]
    a[_ngcontent-ng-c4009043427] {
    width: calc(var(--social-icon-size) * 1.25);
    height: var(--social-icon-size);
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    font-size: 1.5rem;
    color: var(--bs-white);
    text-decoration: none;
    transition: var(--bs-transition);
    border-radius: var(--bs-border-radius);
}

.mega-menu-section__footer[_ngcontent-ng-c4009043427]
    .social-media__list[_ngcontent-ng-c4009043427]
    a[_ngcontent-ng-c4009043427]:hover {
    background-color: var(--bs-primary);
    color: var(--bs-white);
}

.mega-menu-section.active[_ngcontent-ng-c4009043427] {
    --left-position: 0;
    --menu-z-index: calc(var(--max-z-index) + 1);
}

.mobile-footer[_ngcontent-ng-c1486261853] {
    --menu-item-height: 40px;
    position: fixed;
    inset-block-end: 0;
    background-color: var(--secondary-100);
    height: var(--mobile-footer-menu-height);
    width: 100%;
    z-index: var(--max-z-index);
    border-block-start: 2px solid var(--base-bg);
    padding-inline: var(--container-mobile-padding-x);
}

.mobile-footer__menu[_ngcontent-ng-c1486261853] {
    position: relative;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 0.25rem;
}

.mobile-footer__menu__list[_ngcontent-ng-c1486261853] {
    position: relative;
    width: 100%;
    min-width: var(--menu-item-height);
    height: var(--menu-item-height);
    display: flex;
    justify-content: center;
}

.mobile-footer__menu__list[_ngcontent-ng-c1486261853]
    .__icon[_ngcontent-ng-c1486261853] {
    --feather-icon-size: 22px;
    position: relative;
    width: var(--menu-item-height);
    height: var(--menu-item-height);
    border-radius: var(--menu-item-height);
    isolation: isolate;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    transition: var(--transition);
}

.mobile-footer__menu__list[_ngcontent-ng-c1486261853]
    .__icon[_ngcontent-ng-c1486261853]:after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: var(--primary-gradient);
    border-radius: inherit;
    z-index: -1;
    scale: 0;
    transition: inherit;
}

.mobile-footer__menu__list[_ngcontent-ng-c1486261853]
    .__icon[_ngcontent-ng-c1486261853]
    .circle-overlay[_ngcontent-ng-c1486261853] {
    position: absolute;
    inset-block-end: 1px;
    left: 50%;
    transform: translate(-50%);
    color: var(--base-bg);
    opacity: 0;
    z-index: -2;
    width: auto;
}

.mobile-footer__menu__list[_ngcontent-ng-c1486261853]
    .__text[_ngcontent-ng-c1486261853] {
    position: absolute;
    inset-block-end: 0;
    opacity: 0;
    font-size: 0.85rem;
    white-space: nowrap;
}

.mobile-footer__menu__list[_ngcontent-ng-c1486261853]
    a[_ngcontent-ng-c1486261853],
.mobile-footer__menu__list[_ngcontent-ng-c1486261853]
    span[_ngcontent-ng-c1486261853] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    color: var(--base-text);
}

.mobile-footer__menu__list[_ngcontent-ng-c1486261853]
    a.is-active[_ngcontent-ng-c1486261853],
.mobile-footer__menu__list[_ngcontent-ng-c1486261853]
    span.is-active[_ngcontent-ng-c1486261853] {
    color: var(--primary);
    font-size: 1.14rem;
    font-weight: 700;
    gap: 1rem;
}

.mobile-footer__menu__list[_ngcontent-ng-c1486261853]
    a.is-active[_ngcontent-ng-c1486261853]
    .__icon[_ngcontent-ng-c1486261853],
.mobile-footer__menu__list[_ngcontent-ng-c1486261853]
    span.is-active[_ngcontent-ng-c1486261853]
    .__icon[_ngcontent-ng-c1486261853] {
    color: var(--bs-white);
    margin-block-start: calc(0px - var(--menu-item-height) * 1.3);
}

.mobile-footer__menu__list[_ngcontent-ng-c1486261853]
    a.is-active[_ngcontent-ng-c1486261853]
    .__icon[_ngcontent-ng-c1486261853]:after,
.mobile-footer__menu__list[_ngcontent-ng-c1486261853]
    span.is-active[_ngcontent-ng-c1486261853]
    .__icon[_ngcontent-ng-c1486261853]:after {
    scale: 1;
}

.mobile-footer__menu__list[_ngcontent-ng-c1486261853]
    a.is-active[_ngcontent-ng-c1486261853]
    .__icon[_ngcontent-ng-c1486261853]
    .circle-overlay[_ngcontent-ng-c1486261853],
.mobile-footer__menu__list[_ngcontent-ng-c1486261853]
    span.is-active[_ngcontent-ng-c1486261853]
    .__icon[_ngcontent-ng-c1486261853]
    .circle-overlay[_ngcontent-ng-c1486261853] {
    opacity: 1;
    transition-delay: 0.3s;
    inset-block-start: calc(100% - 15px);
}

.mobile-footer__menu__list[_ngcontent-ng-c1486261853]
    a.is-active[_ngcontent-ng-c1486261853]
    .__text[_ngcontent-ng-c1486261853],
.mobile-footer__menu__list[_ngcontent-ng-c1486261853]
    span.is-active[_ngcontent-ng-c1486261853]
    .__text[_ngcontent-ng-c1486261853] {
    opacity: 1;
    transition-delay: 0.2s;
}

.theme-changer[_ngcontent-ng-c2585840698] {
    --social-icon-size: var(--icon-size, 40px);
    --theme-changer-padding-around: 3px;
    --theme-changer-list: calc(
        var(--social-icon-size) * 3 + var(--theme-changer-padding-around)
    );
    position: relative;
    z-index: 1;
    width: var(--social-icon-size);
    flex-shrink: 0;
}

.theme-changer__selected[_ngcontent-ng-c2585840698] {
    z-index: 1;
    cursor: pointer;
    border-radius: var(--icon-size);
    width: var(--icon-size);
    height: var(--icon-size);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: var(--transition);
    font-size: 1.2rem;
    color: var(--base-text);
    position: relative;
    isolation: isolate;
    border: 0;
    background-color: initial;
}

.theme-changer__selected[_ngcontent-ng-c2585840698]:after,
.theme-changer__selected[_ngcontent-ng-c2585840698]:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: inherit;
    background-image: inherit;
    transition: inherit;
    scale: 0;
}

.theme-changer__selected[_ngcontent-ng-c2585840698]:hover {
    color: var(--bs-dark);
}

.theme-changer__selected[_ngcontent-ng-c2585840698]:hover:before {
    background-image: var(--primary-gradient);
    scale: 1;
}

.theme-changer__selected[_ngcontent-ng-c2585840698]:hover:after {
    transition-delay: 0.25s;
    background: var(--bs-white);
    scale: 0.86;
}

.theme-changer__selected.active[_ngcontent-ng-c2585840698] {
    background-image: var(--primary-gradient);
    color: var(--bs-white);
}

.theme-changer__selected.active[_ngcontent-ng-c2585840698]:after {
    opacity: 0;
}

.theme-changer[_ngcontent-ng-c2585840698]
    .theme-changer__dropdown[_ngcontent-ng-c2585840698] {
    position: absolute;
    z-index: 0;
    background-color: var(--bs-white);
    list-style: none;
    margin: 0;
    padding: 0;
    border-radius: var(--social-icon-size);
    display: flex;
    flex-direction: column;
    transition: height 0.35s cubic-bezier(0.04, 0.39, 0.53, 0.95);
    inset-inline-start: calc(0px - var(--theme-changer-padding-around));
    padding-inline: var(--theme-changer-padding-around);
    visibility: hidden;
    opacity: 0;
}

@media (width > 767px) {
    .theme-changer[_ngcontent-ng-c2585840698]
        .theme-changer__dropdown[_ngcontent-ng-c2585840698] {
        inset-block-end: calc(0px - var(--theme-changer-padding-around));
        padding-block-start: var(--theme-changer-padding-around);
        padding-block-end: calc(
            var(--social-icon-size) + var(--theme-changer-padding-around)
        );
    }
}

.theme-changer[_ngcontent-ng-c2585840698]
    .theme-changer__dropdown__list[_ngcontent-ng-c2585840698] {
    border-radius: var(--icon-size);
    width: var(--icon-size);
    height: var(--icon-size);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: var(--transition);
    font-size: 1.2rem;
    color: var(--base-text);
    position: relative;
    isolation: isolate;
    border: 0;
    background-color: initial;
    --base-text: var(--bs-dark);
    cursor: pointer;
}

.theme-changer[_ngcontent-ng-c2585840698]
    .theme-changer__dropdown__list[_ngcontent-ng-c2585840698]:after,
.theme-changer[_ngcontent-ng-c2585840698]
    .theme-changer__dropdown__list[_ngcontent-ng-c2585840698]:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: inherit;
    background-image: inherit;
    transition: inherit;
    scale: 0;
}

.theme-changer[_ngcontent-ng-c2585840698]
    .theme-changer__dropdown__list[_ngcontent-ng-c2585840698]:hover {
    color: var(--bs-dark);
}

.theme-changer[_ngcontent-ng-c2585840698]
    .theme-changer__dropdown__list[_ngcontent-ng-c2585840698]:hover:before {
    background-image: var(--primary-gradient);
    scale: 1;
}

.theme-changer[_ngcontent-ng-c2585840698]
    .theme-changer__dropdown__list[_ngcontent-ng-c2585840698]:hover:after {
    transition-delay: 0.25s;
    background: var(--bs-white);
    scale: 0.86;
}

.theme-changer[_ngcontent-ng-c2585840698]
    .theme-changer__dropdown__list.active[_ngcontent-ng-c2585840698] {
    background-image: var(--primary-gradient);
    color: var(--bs-white);
}

.theme-changer[_ngcontent-ng-c2585840698]
    .theme-changer__dropdown__list.active[_ngcontent-ng-c2585840698]:after {
    opacity: 0;
}

@media (width > 767px) {
    .theme-changer[_ngcontent-ng-c2585840698]
        .theme-changer__dropdown__list[_ngcontent-ng-c2585840698] {
        margin-block-end: calc(0px - var(--social-icon-size));
    }
}

@media (width < 767px) {
    .theme-changer[_ngcontent-ng-c2585840698]
        .theme-changer__dropdown[_ngcontent-ng-c2585840698] {
        inset-block-start: calc(0px - var(--theme-changer-padding-around));
        padding-block-end: var(--theme-changer-padding-around);
        padding-block-start: calc(
            var(--social-icon-size) + var(--theme-changer-padding-around)
        );
    }

    .theme-changer[_ngcontent-ng-c2585840698]
        .theme-changer__dropdown__list[_ngcontent-ng-c2585840698] {
        margin-block-start: calc(0px - var(--social-icon-size));
    }
}

.theme-changer[_ngcontent-ng-c2585840698]
    .theme-changer__dropdown[_ngcontent-ng-c2585840698]:is(.active) {
    visibility: visible;
    opacity: 1;
    isolation: isolate;
    box-shadow: 0 2.5px 2.2px rgba(var(--bs-dark-rgb), 0.02),
        0 5.9px 5.3px rgba(var(--bs-dark-rgb), 0.025),
        0 11.1px 10px rgba(var(--bs-dark-rgb), 0.03),
        0 19.9px 17.9px rgba(var(--bs-dark-rgb), 0.038),
        0 37.2px 33.4px rgba(var(--bs-dark-rgb), 0.048),
        0 89px 80px rgba(var(--bs-dark-rgb), 0.07);
}

.theme-changer[_ngcontent-ng-c2585840698]
    .theme-changer__dropdown[_ngcontent-ng-c2585840698]:is(.active):after,
.theme-changer[_ngcontent-ng-c2585840698]
    .theme-changer__dropdown[_ngcontent-ng-c2585840698]:is(.active):before {
    content: "";
    position: absolute;
    inset: -3px;
    border-radius: inherit;
    z-index: -1;
    background-color: inherit;
}

.theme-changer[_ngcontent-ng-c2585840698]
    .theme-changer__dropdown[_ngcontent-ng-c2585840698]:is(.active):before {
    background-image: var(--primary-gradient);
    z-index: -2;
}

.theme-changer[_ngcontent-ng-c2585840698]
    .theme-changer__dropdown[_ngcontent-ng-c2585840698]:is(.active):after {
    inset: 0;
}

@media (width > 767px) {
    .theme-changer[_ngcontent-ng-c2585840698]
        .theme-changer__dropdown[_ngcontent-ng-c2585840698]:is(.active)
        .theme-changer__dropdown__list[_ngcontent-ng-c2585840698] {
        margin-block-end: 0;
    }
}

@media (width < 767px) {
    .theme-changer[_ngcontent-ng-c2585840698]
        .theme-changer__dropdown[_ngcontent-ng-c2585840698]:is(.active)
        .theme-changer__dropdown__list[_ngcontent-ng-c2585840698] {
        margin-block-start: 0;
    }
}

.theme-changer[_ngcontent-ng-c2585840698]
    .theme-changer__dropdown[_ngcontent-ng-c2585840698]:is(.active)
    .theme-changer__dropdown__list[_ngcontent-ng-c2585840698]:last-child {
    margin-block-end: var(--theme-changer-padding-around);
}

.home-cta-section[_ngcontent-ng-c2610722462],
.home-cta-section__container[_ngcontent-ng-c2610722462] {
    position: relative;
}

.home-cta-section__container[_ngcontent-ng-c2610722462]
    .home-cta-card[_ngcontent-ng-c2610722462] {
    --icon-size: 100px;
    display: block;
    position: relative;
    width: 100%;
    background-color: var(--primary);
    background-image: var(--primary-gradient);
    padding-inline: calc(1.25rem + 1vw);
    padding-block: calc(1rem + 1vw);
    gap: calc(1rem + 1vw);
    display: flex;
    align-items: center;
    color: var(--bs-white);
    text-decoration: none;
    font-weight: 700;
    border-radius: calc(var(--border-radius) * 2);
    isolation: isolate;
    box-shadow: var(--header-box-shadow);
    transition: var(--transition);
}

.home-cta-section__container[_ngcontent-ng-c2610722462]
    .home-cta-card[_ngcontent-ng-c2610722462]:after,
.home-cta-section__container[_ngcontent-ng-c2610722462]
    .home-cta-card[_ngcontent-ng-c2610722462]:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: inherit;
}

.home-cta-section__container[_ngcontent-ng-c2610722462]
    .home-cta-card[_ngcontent-ng-c2610722462]:hover {
    box-shadow: 0 0 0 6px rgba(var(--primary-rgb), 0.25);
}

.home-cta-section__container[_ngcontent-ng-c2610722462]
    .home-cta-card[_ngcontent-ng-c2610722462]:after {
    background-image:
                /*savepage-url=/assets/bubble-pattern.svg*/ var(
        --savepage-url-17
    );
    background-repeat: no-repeat;
    background-position: left -100% center;
    background-size: auto 225%;
    border-radius: inherit;
    opacity: 0.2;
}

.home-cta-section__container[_ngcontent-ng-c2610722462]
    .home-cta-card[_ngcontent-ng-c2610722462]
    .mobile-arrow-icon[_ngcontent-ng-c2610722462] {
    display: none !important;
}

.home-cta-section__container[_ngcontent-ng-c2610722462]
    .home-cta-card__icon[_ngcontent-ng-c2610722462] {
    width: var(--icon-size);
    height: var(--icon-size);
    flex-shrink: 0;
    aspect-ratio: 1/1;
}

.home-cta-section__container[_ngcontent-ng-c2610722462]
    .home-cta-card__icon[_ngcontent-ng-c2610722462]
    img[_ngcontent-ng-c2610722462] {
    filter: drop-shadow(3px 2px 1px rgba(var(--bs-dark-rgb), 0.3));
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.home-cta-section__container[_ngcontent-ng-c2610722462]
    .home-cta-card__text[_ngcontent-ng-c2610722462] {
    position: relative;
    font-size: clamp(1.2rem, 10vw, 1.75rem);
    line-height: 1.35;
    text-align: center;
    word-wrap: balance;
    text-shadow: 3px 2px 2px rgba(var(--bs-dark-rgb), 0.3);
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

@media (width < 767px) {
    .home-cta-section__container[_ngcontent-ng-c2610722462]
        .home-cta-card[_ngcontent-ng-c2610722462] {
        --icon-size: calc(55px + 5vw);
        gap: 3vw;
        justify-content: center;
        align-content: center;
        flex-wrap: wrap;
        padding-inline: 3.5vw;
        padding-block: 3vw;
        aspect-ratio: 1/1;
    }

    .home-cta-section__container[_ngcontent-ng-c2610722462]
        .home-cta-card__text[_ngcontent-ng-c2610722462] {
        font-size: clamp(1rem, 10vw, 1.1rem);
        line-height: 1.35;
    }

    .home-cta-section__container[_ngcontent-ng-c2610722462]
        .home-cta-card[_ngcontent-ng-c2610722462]:after {
        background-color: var(--primary-gradient);
        background-image:
                    /*savepage-url=/assets/mobile-pattern.svg*/ url();
        background-size: 100%;
        background-position: center;
        opacity: 1;
    }

    .home-cta-section__container[_ngcontent-ng-c2610722462]
        .home-cta-card[_ngcontent-ng-c2610722462]
        .mobile-arrow-icon[_ngcontent-ng-c2610722462] {
        display: flex !important;
        position: absolute;
        inset-inline-end: 0.5rem;
        inset-block-start: 0.5rem;
        width: 6vw !important;
        height: 6vw !important;
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .home-cta-section__container[_ngcontent-ng-c2610722462]
        .home-cta-card[_ngcontent-ng-c2610722462]
        .mobile-arrow-icon[dir="ltr"][_ngcontent-ng-c2610722462] {
        rotate: 90deg;
    }
}

@media (width < 375px) {
    .home-cta-section__container[_ngcontent-ng-c2610722462]
        .home-cta-card[_ngcontent-ng-c2610722462] {
        --icon-size: calc(45px + 5vw);
    }
}

.home-products-section[_ngcontent-ng-c2610722462],
.home-testimonial-section[_ngcontent-ng-c2610722462] {
    position: relative;
    padding-block-start: calc(2rem + 2vw);
}

@media (width < 767px) {
    .horizontal-scroll--mobile[_ngcontent-ng-c2610722462] {
        --product-card-max-width: 200px;
        inset-block-start: -0.5rem;
        white-space: nowrap;
        overflow-x: scroll;
        width: 100vw;
        flex-wrap: nowrap;
        margin: 0;
        padding-inline: var(--container-mobile-padding-x);
        padding-block-end: calc(2rem + 1vh);
        gap: var(--container-mobile-padding-x);
        position: relative;
        margin-inline: calc(0px - var(--container-mobile-padding-x));
    }

    .horizontal-scroll--mobile[_ngcontent-ng-c2610722462]
        .ordered-product-card--col[_ngcontent-ng-c2610722462],
    .horizontal-scroll--mobile[_ngcontent-ng-c2610722462]
        .col-12[_ngcontent-ng-c2610722462] {
        max-width: var(--product-card-max-width);
        width: 100%;
        padding-inline: 0;
    }

    .mobile-header[_ngcontent-ng-c2610722462] {
        background-color: var(--bs-primary);
        background-image: var(--primary-gradient);
        height: var(--mobile-header-height);
        position: fixed;
        inset-block-start: 0;
        width: 100vw;
        isolation: isolate;
        transition: var(--transition);
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
    }
}

@media (width < 767px) and (width > 767px) {
    .mobile-header[_ngcontent-ng-c2610722462] {
        display: none;
    }
}

@media (width < 767px) {
    .mobile-header--logo[_ngcontent-ng-c2610722462] {
        height: calc(var(--mobile-header-height) - 10px);
        width: 150px;
        margin-block-start: 1.25rem;
        transition: var(--transition);
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .mobile-header--logo[_ngcontent-ng-c2610722462]
        svg[_ngcontent-ng-c2610722462] {
        height: 100%;
    }

    .mobile-header[_ngcontent-ng-c2610722462]:after,
    .mobile-header[_ngcontent-ng-c2610722462]:before {
        content: "";
        position: absolute;
        width: 100vw;
        height: 100vw;
        border-radius: 100vw;
        inset-block-start: -42vw;
        scale: 1.1;
        z-index: -1;
        pointer-events: none;
        background-color: var(--primary);
        opacity: 1;
    }

    .mobile-header[_ngcontent-ng-c2610722462]:after {
        background-image: var(--primary-gradient);
    }

    .mobile-header[_ngcontent-ng-c2610722462]:before {
        z-index: -2;
        background-image: var(--primary-gradient-top);
    }

    .mobile-header.isSticky[_ngcontent-ng-c2610722462] {
        opacity: 0;
        box-shadow: var(--header-box-shadow);
    }

    .mobile-header.isSticky[_ngcontent-ng-c2610722462]
        .mobile-header--logo[_ngcontent-ng-c2610722462] {
        height: calc(var(--mobile-header-height) - 20px);
        margin-block-start: 0;
    }
}

@media (width < 375px) {
    .horizontal-scroll--mobile[_ngcontent-ng-c2610722462] {
        --product-card-max-width: 200px;
    }
}

.slider-section[_ngcontent-ng-c326850152] {
    --slider-height: 380px;
    --skeleton-container-height: var(--slider-height);
    position: relative;
    padding-block-end: calc(2rem + 1vw);
}

@media (width < 1200px) {
    .slider-section[_ngcontent-ng-c326850152] {
        --slider-height: 360px;
    }
}

@media (width > 1400px) {
    .slider-section[_ngcontent-ng-c326850152] {
        --slider-height: 480px;
    }
}

@media (width < 992px) {
    .slider-section[_ngcontent-ng-c326850152] {
        --slider-height: 280px;
    }
}

@media (width > 2570px) {
    .slider-section[_ngcontent-ng-c326850152] {
        --slider-height: 550px;
    }
}

@media (width < 767px) {
    .slider-section[_ngcontent-ng-c326850152] {
        --slider-height: auto;
        --skeleton-container-height: 200px;
        padding-block-end: calc(1rem + 1vw);
        margin-block-start: calc(1rem + 2vh);
    }
}

.slider-section__container[_ngcontent-ng-c326850152] {
    position: relative;
    width: 100%;
    max-height: var(--slider-height);
    min-height: calc(var(--slider-height) / 2);
    background-color: var(--secondary-100);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2.5px 2.2px rgba(var(--bs-dark-rgb), 0.02),
        0 5.9px 5.3px rgba(var(--bs-dark-rgb), 0.025),
        0 11.1px 10px rgba(var(--bs-dark-rgb), 0.03),
        0 19.9px 17.9px rgba(var(--bs-dark-rgb), 0.038),
        0 37.2px 33.4px rgba(var(--bs-dark-rgb), 0.048),
        0 89px 80px rgba(var(--bs-dark-rgb), 0.07);
}

.slider-section__container[_ngcontent-ng-c326850152]
    swiper-slide[_ngcontent-ng-c326850152],
.slider-section__container[_ngcontent-ng-c326850152]
    img[_ngcontent-ng-c326850152] {
    max-width: 100%;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.testimonial-card[_ngcontent-ng-c393026611] {
    --card-padding: calc(1rem + 1vw);
    --quote-icon-size: 80px;
    position: relative;
    background-color: var(--secondary-100);
    border-radius: calc(var(--border-radius) * 2);
    padding-block: var(--card-padding);
    padding-inline: var(--card-padding);
    padding-block-start: calc(var(--card-padding) + var(--quote-icon-size) / 4);
    box-shadow: 0 2.5px 2.2px rgba(var(--bs-dark-rgb), 0.02),
        0 5.9px 5.3px rgba(var(--bs-dark-rgb), 0.025),
        0 11.1px 10px rgba(var(--bs-dark-rgb), 0.03),
        0 19.9px 17.9px rgba(var(--bs-dark-rgb), 0.038),
        0 37.2px 33.4px rgba(var(--bs-dark-rgb), 0.048),
        0 89px 80px rgba(var(--bs-dark-rgb), 0.07);
}

.testimonial-card[_ngcontent-ng-c393026611]
    .quote-icon[_ngcontent-ng-c393026611] {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    width: var(--quote-icon-size);
    height: var(--quote-icon-size);
    padding-inline-start: calc(var(--quote-icon-size) / 4);
    padding-block-start: calc(var(--quote-icon-size) / 15);
    border-start-start-radius: calc(var(--border-radius) * 2);
    border-end-end-radius: var(--quote-icon-size);
    background-color: rgba(var(--primary-rgb), 0.15);
    color: var(--primary);
    font-size: 2rem;
}

.testimonial-card__content[_ngcontent-ng-c393026611] {
    font-size: 1.1rem;
    margin-block-end: calc(1rem + 1vw);
}

.testimonial-card__content[_ngcontent-ng-c393026611]
    p[_ngcontent-ng-c393026611] {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.testimonial-card__footer[_ngcontent-ng-c393026611] {
    --profile-image-size: 50px;
    padding-block-start: 1rem;
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
}

.testimonial-card__footer[_ngcontent-ng-c393026611]:after {
    content: "";
    position: absolute;
    inset-block-start: -10px;
    inset-inline-start: 0;
    width: 80px;
    height: 3px;
    background-color: rgba(var(--primary-rgb), 0.5);
    border-radius: 5px;
}

.testimonial-card__footer[_ngcontent-ng-c393026611]
    .author-info[_ngcontent-ng-c393026611] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.testimonial-card__footer[_ngcontent-ng-c393026611]
    .author-info__image[_ngcontent-ng-c393026611] {
    position: relative;
    width: var(--profile-image-size);
    aspect-ratio: 1/1;
    border-radius: var(--profile-image-size);
    background-color: var(--bs-white);
    display: flex;
    align-items: center;
    overflow: hidden;
    box-shadow: 0 2.5px 2.2px rgba(var(--bs-dark-rgb), 0.02),
        0 5.9px 5.3px rgba(var(--bs-dark-rgb), 0.025),
        0 11.1px 10px rgba(var(--bs-dark-rgb), 0.03),
        0 19.9px 17.9px rgba(var(--bs-dark-rgb), 0.038),
        0 37.2px 33.4px rgba(var(--bs-dark-rgb), 0.048),
        0 89px 80px rgba(var(--bs-dark-rgb), 0.07);
}

.testimonial-card__footer[_ngcontent-ng-c393026611]
    .author-info__image[_ngcontent-ng-c393026611]
    img[_ngcontent-ng-c393026611],
.testimonial-card__footer[_ngcontent-ng-c393026611]
    .author-info__image[_ngcontent-ng-c393026611]
    svg[_ngcontent-ng-c393026611] {
    max-width: 100%;
    max-height: 100%;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
}

.testimonial-card__footer[_ngcontent-ng-c393026611]
    .reviews[_ngcontent-ng-c393026611] {
    position: relative;
    color: var(--star-color-default);
    display: flex;
    align-items: center;
    gap: 0.1rem;
    font-size: 1.25rem;
}

.testimonial-card__footer[_ngcontent-ng-c393026611]
    .reviews[_ngcontent-ng-c393026611]
    i[_ngcontent-ng-c393026611]:is(.active) {
    color: var(--star-color-default-active);
}

[_nghost-ng-c1484002232],
app-checkout-strip[_ngcontent-ng-c1484002232] {
    --strip-width: 500px;
    --strip-height: 70px;
    position: relative;
    display: block;
    position: fixed;
    width: 100%;
    max-width: var(--strip-width);
    z-index: calc(var(--max-z-index) + 1);
    /* inset-block-end: calc(1rem + .7vw); */
    inset-inline-start: calc(50% - var(--strip-width) / 2);
    animation: bla 1s forwards;
}
@keyframes bla {
    from {
        inset-block-end: calc(0px); /* Starting width */
    }
    to {
        inset-block-end: calc(0rem + 0.7vw); /* Ending width */
    }
}
@media (width < 993px) {
    [_nghost-ng-c1484002232],
    app-checkout-strip[_ngcontent-ng-c1484002232] {
        animation: bla 1s forwards;
    }
    @keyframes bla {
        from {
            inset-block-end: calc(0px); /* Starting width */
        }
        to {
            inset-block-end: calc(var(--mobile-footer-menu-height) + 5vh);
        }
    }
}

@media (width < 767px) {
    [_nghost-ng-c1484002232],
    app-checkout-strip[_ngcontent-ng-c1484002232] {
        --strip-width: 98%;
    }
}

.checkout-strip-container[_ngcontent-ng-c1484002232] {
    background-color: var(--bs-primary);
    background-image: var(--bs-primary-gradient);
    color: var(--bs-white);
    height: var(--strip-height);
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
    padding-inline: 0 0.5rem;
    padding-block: 0.5rem;
    position: relative;
    border-radius: calc(var(--bs-border-radius) * 1.25);
    box-shadow: 0 2.5px 2.2px rgba(var(--bs-dark-rgb), 0.02),
        0 5.9px 5.3px rgba(var(--bs-dark-rgb), 0.025),
        0 11.1px 10px rgba(var(--bs-dark-rgb), 0.03),
        0 19.9px 17.9px rgba(var(--bs-dark-rgb), 0.038),
        0 37.2px 33.4px rgba(var(--bs-dark-rgb), 0.048),
        0 89px 80px rgba(var(--bs-dark-rgb), 0.07);
}

.checkout-strip-container[_ngcontent-ng-c1484002232]:after {
    content: "";
    position: absolute;
    inset: -3px;
    border-radius: calc(var(--bs-border-radius) * 1.5);
    border: 1px solid var(--bs-primary);
    pointer-events: none;
    z-index: -1;
}

.checkout-strip-container[_ngcontent-ng-c1484002232]
    .__text[_ngcontent-ng-c1484002232] {
    margin-inline-end: auto;
}

.checkout-strip-container[_ngcontent-ng-c1484002232]
    .__icon[_ngcontent-ng-c1484002232] {
    position: relative;
    width: var(--strip-height);
    height: var(--strip-height);
    display: flex;
    align-items: center;
    justify-content: center;
    isolation: isolate;
    cursor: pointer;
    overflow: hidden;
    border-start-end-radius: 100%;
    border-end-end-radius: 100%;
}

.checkout-strip-container[_ngcontent-ng-c1484002232]
    .__icon[_ngcontent-ng-c1484002232]
    i-feather[_ngcontent-ng-c1484002232],
.checkout-strip-container[_ngcontent-ng-c1484002232]
    .__icon[_ngcontent-ng-c1484002232]
    .feather-icon[_ngcontent-ng-c1484002232] {
    --feather-icon-size: 24px !important;
}

.checkout-strip-container[_ngcontent-ng-c1484002232]
    .__icon[_ngcontent-ng-c1484002232]:after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: var(--dark-light-text-opposite);
    z-index: -1;
    scale: 1.5;
    border-radius: 100%;
    opacity: 0.15;
}

@media (width < 767px) {
    .checkout-strip-container[_ngcontent-ng-c1484002232] {
        --strip-width: 100%;
        border-radius: 0;
    }

    .checkout-strip-container[_ngcontent-ng-c1484002232]
        .price-text[_ngcontent-ng-c1484002232] {
        font-size: 11px;
    }

    .checkout-strip-container[_ngcontent-ng-c1484002232]
        .__text[_ngcontent-ng-c1484002232] {
        font-size: 0.8rem;
        line-height: 1rem;
        text-wrap: balance;
        max-width: 100px;
        display: inline-block;
    }

    .checkout-strip-container[_ngcontent-ng-c1484002232]
        .__icon[_ngcontent-ng-c1484002232] {
        margin-inline-start: -0.5rem;
    }

    .checkout-strip-container[_ngcontent-ng-c1484002232]:after {
        display: none;
    }
}

.product-skeleton[_ngcontent-ng-c739037698] {
    --gaps: 0.65rem;
    position: relative;
    padding: calc(var(--gaps) * 1.25);
    background-color: var(--secondary-100);
    border-radius: calc(var(--bs-border-radius) * 1.5);
    display: flex;
    flex-direction: column;
    gap: var(--gaps);
    width: 100%;
}

.product-skeleton[_ngcontent-ng-c739037698]
    .skeleton[_ngcontent-ng-c739037698] {
    --skeleton-shine: var(--card-skeleton-shine);
    --skeleton-bg: var(--base-bg);
    --skeleton-icon-size: clamp(1.5rem, 10vw, 3rem);
    --skeleton-border-radius: calc(var(--bs-border-radius) * 1);
}

.product-skeleton[_ngcontent-ng-c739037698]
    .skeleton[_ngcontent-ng-c739037698]:is(.image) {
    --skeleton-height: 150px;
}

.product-skeleton[_ngcontent-ng-c739037698]
    .skeleton[_ngcontent-ng-c739037698]:is(.title) {
    --skeleton-border-radius: 0;
    --skeleton-width: 60%;
    --skeleton-height: 35px;
}

.product-skeleton[_ngcontent-ng-c739037698]
    .skeleton[_ngcontent-ng-c739037698]:is(.cart) {
    --skeleton-width: 65px;
}

.product-skeleton__footer[_ngcontent-ng-c739037698] {
    --skeleton-height: 35px;
    position: relative;
    display: flex;
    gap: var(--gaps);
    height: var(--skeleton-height);
}

@media (width < 767px) {
    .product-skeleton[_ngcontent-ng-c739037698] {
        padding: calc(var(--gaps) * 0.75);
    }

    .product-skeleton[_ngcontent-ng-c739037698]
        .skeleton[_ngcontent-ng-c739037698]:is(.image) {
        --skeleton-height: 100px;
    }

    .product-skeleton[_ngcontent-ng-c739037698]
        .skeleton[_ngcontent-ng-c739037698]:is(.title) {
        --skeleton-height: 30px;
    }
}

.card-custom[_ngcontent-ng-c1032351530],
.card[_ngcontent-ng-c1032351530] {
    --card-image-height: 1 / 1.618;
    --card-padding: calc(0.5rem + 0.15vw);
    --card-border-radius: calc(var(--border-radius) * 2);
    --card-max-width: 100%;
    position: relative;
    padding: calc(0.25rem + 0.25vw);
    border: 0;
    border-radius: var(--card-border-radius);
    background-color: var(--secondary-100);
    color: var(--base-text);
    width: 100%;
    max-width: var(--card-max-width);
    box-shadow: 0 2.5px 2.2px rgba(var(--bs-dark-rgb), 0.02),
        0 5.9px 5.3px rgba(var(--bs-dark-rgb), 0.025),
        0 11.1px 10px rgba(var(--bs-dark-rgb), 0.03),
        0 19.9px 17.9px rgba(var(--bs-dark-rgb), 0.038),
        0 37.2px 33.4px rgba(var(--bs-dark-rgb), 0.048),
        0 89px 80px rgba(var(--bs-dark-rgb), 0.07);
}

.card-custom-title[_ngcontent-ng-c1032351530],
.card-title[_ngcontent-ng-c1032351530] {
    text-align: center;
}

.card-custom__image[_ngcontent-ng-c1032351530],
.card__image[_ngcontent-ng-c1032351530] {
    border-radius: calc(var(--card-border-radius) - var(--card-padding) / 2);
    position: relative;
    width: 100%;
    aspect-ratio: 1.618;
    background-color: var(--base-bg);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.card-custom__image[_ngcontent-ng-c1032351530] img[_ngcontent-ng-c1032351530],
.card-custom__image[_ngcontent-ng-c1032351530] svg[_ngcontent-ng-c1032351530],
.card__image[_ngcontent-ng-c1032351530] img[_ngcontent-ng-c1032351530],
.card__image[_ngcontent-ng-c1032351530] svg[_ngcontent-ng-c1032351530] {
    max-width: 100%;
    max-height: 100%;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
}

.card-custom[_ngcontent-ng-c1032351530] .cta-buttons[_ngcontent-ng-c1032351530],
.card[_ngcontent-ng-c1032351530] .cta-buttons[_ngcontent-ng-c1032351530] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
}

.card-custom[_ngcontent-ng-c1032351530]
    .cta-buttons[_ngcontent-ng-c1032351530]
    app-button[_ngcontent-ng-c1032351530],
.card[_ngcontent-ng-c1032351530]
    .cta-buttons[_ngcontent-ng-c1032351530]
    app-button[_ngcontent-ng-c1032351530] {
    height: var(--common-btn-height);
    display: flex;
    align-items: center;
}

.card-custom[_ngcontent-ng-c1032351530]
    .cta-buttons[_ngcontent-ng-c1032351530]
    app-button[_ngcontent-ng-c1032351530]
    .btn[_ngcontent-ng-c1032351530],
.card[_ngcontent-ng-c1032351530]
    .cta-buttons[_ngcontent-ng-c1032351530]
    app-button[_ngcontent-ng-c1032351530]
    .btn[_ngcontent-ng-c1032351530] {
    width: 100%;
}

.card-custom[_ngcontent-ng-c1032351530]
    .cta-buttons[_ngcontent-ng-c1032351530]
    .add-cart-button[_ngcontent-ng-c1032351530],
.card[_ngcontent-ng-c1032351530]
    .cta-buttons[_ngcontent-ng-c1032351530]
    .add-cart-button[_ngcontent-ng-c1032351530] {
    --btn-height: 40px;
    position: relative;
    width: 100%;
    background-color: var(--dark-light-opposite);
    display: flex;
    align-items: center;
    height: var(--btn-height);
    border-radius: var(--bs-border-radius);
    max-width: max-content;
    gap: 0.25rem;
    overflow: hidden;
    box-shadow: 0 2.5px 2.2px rgba(var(--bs-dark-rgb), 0.02),
        0 5.9px 5.3px rgba(var(--bs-dark-rgb), 0.025),
        0 11.1px 10px rgba(var(--bs-dark-rgb), 0.03),
        0 19.9px 17.9px rgba(var(--bs-dark-rgb), 0.038),
        0 37.2px 33.4px rgba(var(--bs-dark-rgb), 0.048),
        0 89px 80px rgba(var(--bs-dark-rgb), 0.07);
}

.card-custom[_ngcontent-ng-c1032351530]
    .cta-buttons[_ngcontent-ng-c1032351530]
    .add-cart-button[_ngcontent-ng-c1032351530]
    i-feather[_ngcontent-ng-c1032351530],
.card-custom[_ngcontent-ng-c1032351530]
    .cta-buttons[_ngcontent-ng-c1032351530]
    .add-cart-button[_ngcontent-ng-c1032351530]
    .feather-icon[_ngcontent-ng-c1032351530],
.card[_ngcontent-ng-c1032351530]
    .cta-buttons[_ngcontent-ng-c1032351530]
    .add-cart-button[_ngcontent-ng-c1032351530]
    i-feather[_ngcontent-ng-c1032351530],
.card[_ngcontent-ng-c1032351530]
    .cta-buttons[_ngcontent-ng-c1032351530]
    .add-cart-button[_ngcontent-ng-c1032351530]
    .feather-icon[_ngcontent-ng-c1032351530] {
    --feather-icon-size: 20px !important;
}

.card-custom[_ngcontent-ng-c1032351530]
    .cta-buttons[_ngcontent-ng-c1032351530]
    .add-cart-button[_ngcontent-ng-c1032351530]
    .__icon[_ngcontent-ng-c1032351530],
.card-custom[_ngcontent-ng-c1032351530]
    .cta-buttons[_ngcontent-ng-c1032351530]
    .add-cart-button[_ngcontent-ng-c1032351530]
    .__value[_ngcontent-ng-c1032351530],
.card[_ngcontent-ng-c1032351530]
    .cta-buttons[_ngcontent-ng-c1032351530]
    .add-cart-button[_ngcontent-ng-c1032351530]
    .__icon[_ngcontent-ng-c1032351530],
.card[_ngcontent-ng-c1032351530]
    .cta-buttons[_ngcontent-ng-c1032351530]
    .add-cart-button[_ngcontent-ng-c1032351530]
    .__value[_ngcontent-ng-c1032351530] {
    width: var(--btn-height);
    height: var(--btn-height);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    outline: 0;
    border: 0;
    background-color: var(--bs-transparent);
    border-radius: 0;
    transition: var(--bs-transition);
    color: var(--dark-light-text-opposite);
    font-size: 1.25rem;
}

.card-custom[_ngcontent-ng-c1032351530]
    .cta-buttons[_ngcontent-ng-c1032351530]
    .add-cart-button[_ngcontent-ng-c1032351530]
    .__icon[_ngcontent-ng-c1032351530]:is(.clickable),
.card-custom[_ngcontent-ng-c1032351530]
    .cta-buttons[_ngcontent-ng-c1032351530]
    .add-cart-button[_ngcontent-ng-c1032351530]
    .__value[_ngcontent-ng-c1032351530]:is(.clickable),
.card[_ngcontent-ng-c1032351530]
    .cta-buttons[_ngcontent-ng-c1032351530]
    .add-cart-button[_ngcontent-ng-c1032351530]
    .__icon[_ngcontent-ng-c1032351530]:is(.clickable),
.card[_ngcontent-ng-c1032351530]
    .cta-buttons[_ngcontent-ng-c1032351530]
    .add-cart-button[_ngcontent-ng-c1032351530]
    .__value[_ngcontent-ng-c1032351530]:is(.clickable) {
    font-size: 1.5rem;
}

.card-custom[_ngcontent-ng-c1032351530]
    .cta-buttons[_ngcontent-ng-c1032351530]
    .add-cart-button[_ngcontent-ng-c1032351530]
    .__icon[_ngcontent-ng-c1032351530]:is(.clickable):hover,
.card-custom[_ngcontent-ng-c1032351530]
    .cta-buttons[_ngcontent-ng-c1032351530]
    .add-cart-button[_ngcontent-ng-c1032351530]
    .__value[_ngcontent-ng-c1032351530]:is(.clickable):hover,
.card[_ngcontent-ng-c1032351530]
    .cta-buttons[_ngcontent-ng-c1032351530]
    .add-cart-button[_ngcontent-ng-c1032351530]
    .__icon[_ngcontent-ng-c1032351530]:is(.clickable):hover,
.card[_ngcontent-ng-c1032351530]
    .cta-buttons[_ngcontent-ng-c1032351530]
    .add-cart-button[_ngcontent-ng-c1032351530]
    .__value[_ngcontent-ng-c1032351530]:is(.clickable):hover {
    background-color: var(--bs-primary);
    color: var(--bs-white);
}

.card-custom[_ngcontent-ng-c1032351530]
    .cta-buttons[_ngcontent-ng-c1032351530]
    .add-cart-button[_ngcontent-ng-c1032351530]
    .__icon[_ngcontent-ng-c1032351530]:is(.__trashIcon),
.card-custom[_ngcontent-ng-c1032351530]
    .cta-buttons[_ngcontent-ng-c1032351530]
    .add-cart-button[_ngcontent-ng-c1032351530]
    .__value[_ngcontent-ng-c1032351530]:is(.__trashIcon),
.card[_ngcontent-ng-c1032351530]
    .cta-buttons[_ngcontent-ng-c1032351530]
    .add-cart-button[_ngcontent-ng-c1032351530]
    .__icon[_ngcontent-ng-c1032351530]:is(.__trashIcon),
.card[_ngcontent-ng-c1032351530]
    .cta-buttons[_ngcontent-ng-c1032351530]
    .add-cart-button[_ngcontent-ng-c1032351530]
    .__value[_ngcontent-ng-c1032351530]:is(.__trashIcon) {
    font-size: 1.2rem;
}

.card-custom[_ngcontent-ng-c1032351530]
    .cta-buttons[_ngcontent-ng-c1032351530]
    .add-cart-button[_ngcontent-ng-c1032351530]
    .__icon[_ngcontent-ng-c1032351530]:is(.__trashIcon):hover,
.card-custom[_ngcontent-ng-c1032351530]
    .cta-buttons[_ngcontent-ng-c1032351530]
    .add-cart-button[_ngcontent-ng-c1032351530]
    .__value[_ngcontent-ng-c1032351530]:is(.__trashIcon):hover,
.card[_ngcontent-ng-c1032351530]
    .cta-buttons[_ngcontent-ng-c1032351530]
    .add-cart-button[_ngcontent-ng-c1032351530]
    .__icon[_ngcontent-ng-c1032351530]:is(.__trashIcon):hover,
.card[_ngcontent-ng-c1032351530]
    .cta-buttons[_ngcontent-ng-c1032351530]
    .add-cart-button[_ngcontent-ng-c1032351530]
    .__value[_ngcontent-ng-c1032351530]:is(.__trashIcon):hover {
    background-color: var(--bs-danger);
}

@media (width < 767px) {
    .card-custom[_ngcontent-ng-c1032351530]
        .cta-buttons[_ngcontent-ng-c1032351530]
        .add-cart-button[_ngcontent-ng-c1032351530],
    .card[_ngcontent-ng-c1032351530]
        .cta-buttons[_ngcontent-ng-c1032351530]
        .add-cart-button[_ngcontent-ng-c1032351530] {
        --btn-height: 35px;
    }
}

@media (width < 767px) {
    .card-custom[_ngcontent-ng-c1032351530],
    .card[_ngcontent-ng-c1032351530] {
        gap: 0.5rem !important;
    }
}

@media (width < 767px) and (width > 375px) {
    .card-custom[_ngcontent-ng-c1032351530],
    .card[_ngcontent-ng-c1032351530] {
        --card-max-width: 200px;
    }

    .card-custom-title[_ngcontent-ng-c1032351530],
    .card-title[_ngcontent-ng-c1032351530] {
        font-size: 1rem;
    }

    .card-custom-body[_ngcontent-ng-c1032351530],
    .card-body[_ngcontent-ng-c1032351530] {
        padding-inline: 0;
        padding-block-start: 0;
        padding-block-end: 0.25rem;
    }

    .card-custom-body[_ngcontent-ng-c1032351530]
        .cta-buttons[_ngcontent-ng-c1032351530],
    .card-body[_ngcontent-ng-c1032351530]
        .cta-buttons[_ngcontent-ng-c1032351530] {
        --common-btn-height: 35px;
        gap: 0.25rem;
    }

    .card-custom-body[_ngcontent-ng-c1032351530]
        .cta-buttons[_ngcontent-ng-c1032351530]
        .btn[_ngcontent-ng-c1032351530],
    .card-body[_ngcontent-ng-c1032351530]
        .cta-buttons[_ngcontent-ng-c1032351530]
        .btn[_ngcontent-ng-c1032351530] {
        --bs-btn-padding-x: 0.6rem !important;
        --bs-btn-padding-y: 0.3rem !important;
        --bs-btn-font-size: 0.85rem !important;
        --bs-btn-font-weight: 700;
        padding-inline: var(--bs-btn-padding-x);
        padding-block: var(--bs-btn-padding-y);
        max-width: max-content;
        width: max-content;
    }
}

@media (width < 375px) {
    .card-custom[_ngcontent-ng-c1032351530],
    .card[_ngcontent-ng-c1032351530] {
        --card-max-width: 250px;
    }
}

img[_ngcontent-ng-c1032351530] {
    max-width: auto;
    width: auto;
}

.position-relative[_ngcontent-ng-c1032351530] {
    position: relative;
}

.position-absolute[_ngcontent-ng-c1032351530] {
    position: absolute;
}

.top-0[_ngcontent-ng-c1032351530] {
    top: -6.5px !important;
}

.start-50[_ngcontent-ng-c1032351530] {
    left: 60% !important;
}

.translate-middle[_ngcontent-ng-c1032351530] {
    transform: translate(-50%);
    font-size: 10px;
}

.hover-disabled[_ngcontent-ng-c1032351530] {
    pointer-events: none;
}

.clickable[_ngcontent-ng-c1032351530]:hover {
    color: #007bff;
    pointer-events: auto;
}

.custom-button[_ngcontent-ng-c1032351530] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    max-width: 162.75px;
    max-height: 45px;
    background-color: #343a40;
    color: #fff;
    border-radius: 0.2rem;
    padding: 0.375rem 0.75rem;
    cursor: pointer;
}

.custom-button[_ngcontent-ng-c1032351530]:hover {
    background-color: var(--bs-dark);
}

.clickable[_ngcontent-ng-c1032351530] {
    cursor: pointer;
}

.btn-minus[_ngcontent-ng-c1032351530],
.btn-plus[_ngcontent-ng-c1032351530] {
    background-color: transparent;
    border: none;
    padding: 0;
    width: 40%;
    margin: 0;
    text-align: center;
    color: inherit;
}

.btn-minus[_ngcontent-ng-c1032351530]:hover,
.btn-plus[_ngcontent-ng-c1032351530]:hover {
    color: var(--bs-light);
    background-color: var(--bs-primary);
    border-radius: 5px;
}

.cart-icon[_ngcontent-ng-c1032351530] {
    width: 24px !important;
    height: 24px !important;
    margin-bottom: -8px !important;
}

@media (width < 767px) {
    .cart-icon[_ngcontent-ng-c1032351530] {
        width: 14px !important;
        height: 14px !important;
        margin-bottom: -8px !important;
    }
}
/* info page */
@media (width < 767px) {
    .mobile-hero-banner[_ngcontent-ng-c2653161858] {
        height: var(--mobile-header-height);
        position: fixed;
        inset-block-start: 0;
        width: 100vw;
        isolation: isolate;
        transition: var(--transition);
        padding-inline: var(--container-mobile-padding-x);
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
    }
}
.mobile-hero-banner[_ngcontent-ng-c2653161858]:before {
    content: "";
    position: absolute;
    width: 100vw;
    height: 45vw;
    border-end-start-radius: 100vw;
    border-end-end-radius: 100vw;
    inset-block-start: 0;
    scale: 1.15;
    z-index: -1;
    pointer-events: none;
    background-color: var(--primary);
    opacity: 1;
    transition: var(--bs-transition);
}
.mobile-hero-banner[_ngcontent-ng-c2653161858]:before {
    z-index: -2;
    background-image: var(--primary-gradient-top);
}
@media (width < 767px) {
    .mobile-hero-banner__container[_ngcontent-ng-c2653161858] {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        gap: 1rem;
        transition: var(--bs-transition);
        padding-block: calc(var(--mobile-header-height) / 11);
    }
    .mobile-hero-banner__container[_ngcontent-ng-c2653161858]
        .__icon[_ngcontent-ng-c2653161858] {
        width: calc(var(--mobile-header-height) / 1.65);
        height: calc(var(--mobile-header-height) / 1.65);
        border-radius: calc(var(--mobile-header-height) / 1.65);
        background-color: rgba(var(--bs-white-rgb), 0.35);
        color: var(--bs-white);
        font-size: calc(1.25rem + 1vw);
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        transition: var(--bs-transition);
    }
    .mobile-hero-banner__container[_ngcontent-ng-c2653161858]
        .__icon[_ngcontent-ng-c2653161858]
        i.feather-icon[_ngcontent-ng-c2653161858] {
        --feather-icon-stroke-color: var(--bs-white);
    }
    .mobile-hero-banner__container[_ngcontent-ng-c2653161858]
        .__icon[_ngcontent-ng-c2653161858]:hover {
        background-color: var(--bs-white);
        color: var(--bs-dark);
    }
    .mobile-hero-banner__container[_ngcontent-ng-c2653161858]
        .__title[_ngcontent-ng-c2653161858] {
        color: var(--bs-white);
        font-weight: 400;
    }
    .mobile-hero-banner[_ngcontent-ng-c2653161858]:after,
    .mobile-hero-banner[_ngcontent-ng-c2653161858]:before {
        content: "";
        position: absolute;
        width: 100vw;
        height: 45vw;
        border-end-start-radius: 100vw;
        border-end-end-radius: 100vw;
        inset-block-start: 0;
        scale: 1.15;
        z-index: -1;
        pointer-events: none;
        background-color: var(--primary);
        opacity: 1;
        transition: var(--bs-transition);
    }
    .mobile-hero-banner[_ngcontent-ng-c2653161858]:after {
        background-image: var(--primary-gradient);
    }
    .mobile-hero-banner[_ngcontent-ng-c2653161858]:before {
        z-index: -2;
        background-image: var(--primary-gradient-top);
    }
    .mobile-hero-banner.isSticky[_ngcontent-ng-c2653161858] {
        background-color: rgba(var(--bs-white-rgb), 0.25);
        z-index: 1;
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
        padding-block: 2vw;
        padding-inline: calc(var(--container-mobile-padding-x) / 1.5);
    }
    .mobile-hero-banner.isSticky[_ngcontent-ng-c2653161858]:after,
    .mobile-hero-banner.isSticky[_ngcontent-ng-c2653161858]:before {
        opacity: 0;
        visibility: hidden;
    }
    .mobile-hero-banner.isSticky[_ngcontent-ng-c2653161858]
        .mobile-hero-banner__container[_ngcontent-ng-c2653161858] {
        background-color: var(--bs-primary);
        background-image: var(--primary-gradient);
        border-radius: var(--mobile-header-height);
        box-shadow: var(--header-box-shadow);
        padding-inline: calc(var(--container-mobile-padding-x) * 1.5);
    }
}
/* testimonial */
.hero-banner-section[_ngcontent-ng-c240919862] {
    --banner-height: 90px;
    position: relative;
    padding-block-start: calc(var(--banner-height) / 4);
}
@media (width < 767px) {
    .hero-banner-section[_ngcontent-ng-c240919862] {
        display: none !important;
    }
}
.hero-banner-section__container[_ngcontent-ng-c240919862] {
    position: relative;
    width: 100%;
    background-image: var(--primary-gradient);
    color: var(--bs-white);
    border-radius: calc(var(--border-radius) * 1.5);
    isolation: isolate;
    min-height: var(--banner-height);
    padding-inline: calc(1rem + 0.5vw);
}
.hero-banner-section__container[_ngcontent-ng-c240919862]:after {
    content: "";
    position: absolute;
    inset: 0;
    background-image:/*savepage-url=/assets/flower-pattern.svg*/ var(
        --savepage-url-13
    );
    background-repeat: repeat-x;
    border-radius: inherit;
    background-size: auto 100%;
    z-index: -1;
    opacity: 0.25;
}
.hero-banner-section__container[_ngcontent-ng-c240919862]
    .__bg-strip[_ngcontent-ng-c240919862] {
    position: relative;
    width: 100%;
}
.hero-banner-section__container[_ngcontent-ng-c240919862]
    .__content[_ngcontent-ng-c240919862] {
    position: relative;
    display: flex;
    align-items: center;
    gap: calc(1rem + 0.5vw);
}
.hero-banner-section__container[_ngcontent-ng-c240919862]
    .__content[_ngcontent-ng-c240919862]
    .__title[_ngcontent-ng-c240919862] {
    margin: 0;
    text-shadow: 2px 2px 3px rgba(var(--bs-dark-rgb), 0.35);
}
.hero-banner-section__container[_ngcontent-ng-c240919862]
    .__content[_ngcontent-ng-c240919862]
    .__icon[_ngcontent-ng-c240919862] {
    width: calc(var(--banner-height) * 1.5);
    height: calc(var(--banner-height) * 1.5);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-block-start: calc(0px - var(--banner-height) / 2.5);
}
.testimonial-video-card[_ngcontent-ng-c3904013762] {
    position: relative;
    width: 100%;
    aspect-ratio: 16/9;
    border-radius: calc(var(--border-radius) * 2);
    background-color: var(--secondary-200);
    padding: calc(0.5rem + 0.25vw);
    box-shadow: 0 2.5px 2.2px rgba(var(--bs-dark-rgb), 0.02),
        0 5.9px 5.3px rgba(var(--bs-dark-rgb), 0.025),
        0 11.1px 10px rgba(var(--bs-dark-rgb), 0.03),
        0 19.9px 17.9px rgba(var(--bs-dark-rgb), 0.038),
        0 37.2px 33.4px rgba(var(--bs-dark-rgb), 0.048),
        0 89px 80px rgba(var(--bs-dark-rgb), 0.07);
}
.testimonial-video-card__video[_ngcontent-ng-c3904013762] {
    overflow: hidden;
    border-radius: inherit;
    margin-block-end: 0.5rem;
    position: relative;
}
.testimonial-video-card__video[_ngcontent-ng-c3904013762]
    iframe[_ngcontent-ng-c3904013762] {
    display: block;
    width: 100%;
    aspect-ratio: 16/9;
}
.testimonial-video-card__content[_ngcontent-ng-c3904013762] {
    pointer-events: none;
    position: relative;
    inset: 0;
    border-radius: inherit;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.testimonial-video-card__content[_ngcontent-ng-c3904013762]
    p[_ngcontent-ng-c3904013762]:last-child {
    margin: 0;
}
/************************************************** cart  *******************************************************/
.no-items[_ngcontent-ng-c1090292255] {
    --elem-height: 50vh;
    background-color: var(--header-bg);
    padding: calc(1rem + 0.5vw);
    border-radius: var(--bs-border-radius);
    margin-block-start: calc(1rem + 0.5vw);
    margin-block-end: 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 1rem;
    min-height: var(--elem-height);
    text-align: center;
    font-size: clamp(1rem, 1rem + 10vw, 1.75rem);
}
.no-items[_ngcontent-ng-c1090292255] i[_ngcontent-ng-c1090292255] {
    font-size: clamp(1rem, 1rem + 10vw, 3rem);
}
@media (width < 767px) {
    .no-items[_ngcontent-ng-c1090292255] {
        --elem-height: 78vh;
        margin: 0;
        font-size: clamp(1rem, 10vw, 1.5rem);
    }
}
.top-cta-options .top-cta-buttons {
    position: relative;
    display: flex;
    gap: calc(var(--cta-icon-size) / 5);
    list-style: none;
    margin: 0;
    padding-inline: calc(var(--cta-icon-size) / 8);
    padding-block: calc(var(--cta-icon-size) / 10);
}
.top-cta-options .top-cta-buttons__list {
    position: relative;
    flex-shrink: 0;
    width: var(--cta-icon-size);
    height: var(--cta-icon-size);
    border-radius: var(--cta-icon-size);
}
.top-cta-options .top-cta-buttons__list__icon {
    cursor: pointer;
    border-radius: var(--cta-icon-size);
    width: var(--cta-icon-size);
    height: var(--cta-icon-size);
    text-decoration: none;
    transition: var(--transition);
    font-size: 1.2rem;
    color: var(--base-text);
    position: relative;
    isolation: isolate;
    border: 0;
    background-color: initial;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.top-cta-options .top-cta-buttons__list__icon:after,
.top-cta-options .top-cta-buttons__list__icon:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: inherit;
    background-image: inherit;
    transition: inherit;
    scale: 0;
}
.top-cta-options .top-cta-buttons__list__icon:hover {
    color: var(--bs-dark);
}
.top-cta-options .top-cta-buttons__list__icon:hover:before {
    background-image: var(--primary-gradient);
    scale: 1;
}
.top-cta-options .top-cta-buttons__list__icon:hover:after {
    transition-delay: 0.25s;
    background: var(--bs-white);
    scale: 0.86;
}
.top-cta-options .top-cta-buttons {
    position: relative;
    display: flex;
    gap: calc(var(--cta-icon-size) / 5);
    list-style: none;
    margin: 0;
    padding-inline: calc(var(--cta-icon-size) / 8);
    padding-block: calc(var(--cta-icon-size) / 10);
}
.top-cta-options .top-cta-buttons__list {
    position: relative;
    flex-shrink: 0;
    width: var(--cta-icon-size);
    height: var(--cta-icon-size);
    border-radius: var(--cta-icon-size);
}
.top-cta-options .top-cta-buttons__list__icon {
    cursor: pointer;
    border-radius: var(--cta-icon-size);
    width: var(--cta-icon-size);
    height: var(--cta-icon-size);
    text-decoration: none;
    transition: var(--transition);
    font-size: 1.2rem;
    color: var(--base-text);
    position: relative;
    isolation: isolate;
    border: 0;
    background-color: initial;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.top-cta-options .top-cta-buttons__list__icon:after,
.top-cta-options .top-cta-buttons__list__icon:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: inherit;
    background-image: inherit;
    transition: inherit;
    scale: 0;
}
.top-cta-options .top-cta-buttons__list__icon:hover {
    color: var(--bs-dark);
}
.top-cta-options .top-cta-buttons__list__icon:hover:before {
    background-image: var(--primary-gradient);
    scale: 1;
}
.top-cta-options .top-cta-buttons__list__icon:hover:after {
    transition-delay: 0.25s;
    background: var(--bs-white);
    scale: 0.86;
}
.top-cta-options .top-cta-buttons__list__icon.active {
    background-image: var(--primary-gradient);
    color: var(--bs-white);
}
.top-cta-options .top-cta-buttons__list__icon.active:after {
    opacity: 0;
}
.top-cta-options .top-cta-buttons__dropdown {
    position: absolute;
    inset-block-start: calc(100% + 8px);
    left: 50%;
    transform: translate(-50%);
    list-style: none;
    margin: 0;
    padding: 0;
    padding-inline: 0.6rem;
    border-radius: var(--border-radius);
    min-width: 100px;
    isolation: isolate;
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none;
    box-shadow: 0 2.5px 2.2px rgba(var(--bs-dark-rgb), 0.02),
        0 5.9px 5.3px rgba(var(--bs-dark-rgb), 0.025),
        0 11.1px 10px rgba(var(--bs-dark-rgb), 0.03),
        0 19.9px 17.9px rgba(var(--bs-dark-rgb), 0.038),
        0 37.2px 33.4px rgba(var(--bs-dark-rgb), 0.048),
        0 89px 80px rgba(var(--bs-dark-rgb), 0.07);
}
.top-cta-options .top-cta-buttons__dropdown:after,
.top-cta-options .top-cta-buttons__dropdown:before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: var(--bs-white);
    border-radius: calc(var(--border-radius));
    z-index: -1;
}
.top-cta-options .top-cta-buttons__dropdown:after {
    inset: 2px;
    border-radius: calc(var(--border-radius) - 2px);
}
.top-cta-options .top-cta-buttons__dropdown:before {
    background-image: var(--primary-gradient);
    z-index: -2;
}
.top-cta-options .top-cta-buttons__dropdown:is(.active) {
    -webkit-user-select: auto;
    user-select: auto;
    pointer-events: auto;
}
.top-cta-options .top-cta-buttons__dropdown__list {
    position: relative;
    text-align: center;
    color: var(--bs-gray-700);
    font-size: 1.05rem;
    padding-block: 0.5rem;
    pointer-events: auto;
    cursor: pointer;
    transition: var(--transition);
}
.top-cta-options .top-cta-buttons__dropdown__list:hover {
    color: var(--primary);
}
.top-cta-options .top-cta-buttons__dropdown__list:not(:last-child) {
    border-block-end: 1px solid var(--bs-gray-500);
}
.top-cta-options .top-cta-buttons__dropdown__list:is(.active) {
    color: var(--primary);
    font-size: 1.25rem;
    font-weight: 700;
}
.top-cta-options .top-cta-buttons {
    position: relative;
    display: flex;
    gap: calc(var(--cta-icon-size) / 5);
    list-style: none;
    margin: 0;
    padding-inline: calc(var(--cta-icon-size) / 8);
    padding-block: calc(var(--cta-icon-size) / 10);
}
.top-cta-options .top-cta-buttons__list {
    position: relative;
    flex-shrink: 0;
    width: var(--cta-icon-size);
    height: var(--cta-icon-size);
    border-radius: var(--cta-icon-size);
}
.top-cta-options .top-cta-buttons__list__icon {
    cursor: pointer;
    border-radius: var(--cta-icon-size);
    width: var(--cta-icon-size);
    height: var(--cta-icon-size);
    text-decoration: none;
    transition: var(--transition);
    font-size: 1.2rem;
    color: var(--base-text);
    position: relative;
    isolation: isolate;
    border: 0;
    background-color: initial;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.top-cta-options .top-cta-buttons__list__icon:after,
.top-cta-options .top-cta-buttons__list__icon:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: inherit;
    background-image: inherit;
    transition: inherit;
    scale: 0;
}
.top-cta-options .top-cta-buttons__list__icon:hover {
    color: var(--bs-dark);
}
.top-cta-options .top-cta-buttons__list__icon:hover:before {
    background-image: var(--primary-gradient);
    scale: 1;
}
.top-cta-options .top-cta-buttons__list__icon:hover:after {
    transition-delay: 0.25s;
    background: var(--bs-white);
    scale: 0.86;
}
.gift-card-container[_ngcontent-ng-c3521836847] {
    position: relative;
    width: 100%;
    background-color: var(--gift-bg-color);
    border-radius: var(--border-radius);
}
.gift-card-container__content[_ngcontent-ng-c3521836847] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
    justify-content: space-between;
    padding-block: 0.5rem;
    padding-inline: 0.85rem 0.5rem;
}
.gift-card-container__content[_ngcontent-ng-c3521836847]
    .__title[_ngcontent-ng-c3521836847] {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-weight: 600;
}
.gift-card-container__content[_ngcontent-ng-c3521836847]
    .__title[_ngcontent-ng-c3521836847]
    .feather-icon[_ngcontent-ng-c3521836847] {
    color: var(--primary);
}
@media (width < 767px) {
    .gift-card-container__content[_ngcontent-ng-c3521836847] {
        flex-wrap: wrap;
        gap: 0.5rem;
        padding-inline: 0.5rem;
    }
}
.gift-card-container__form[_ngcontent-ng-c3521836847] {
    position: relative;
    padding-inline: 0.65rem 0.5rem;
    padding-block-start: 0.25rem;
    padding-block-end: 0.5rem;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    gap: 0.6rem;
    --input-height: 40px;
}
.gift-card-container__form[_ngcontent-ng-c3521836847]
    .input-block[_ngcontent-ng-c3521836847] {
    position: relative;
    border: 1px solid var(--bs-gray-300);
    display: flex;
    border-radius: calc(var(--bs-border-radius) * 1);
    overflow: hidden;
    height: var(--input-height);
    color: var(--base-text);
    margin-block-end: 1rem;
    font-size: 1.15rem;
    font-weight: 400;
    transition: var(--bs-transition);
    color: var(--bs-dark);
}
.gift-card-container__form[_ngcontent-ng-c3521836847]
    .input-block[_ngcontent-ng-c3521836847]:focus-within {
    border-color: rgba(var(--bs-primary-rgb), 1);
    box-shadow: 0 0 0 5px rgba(var(--bs-primary-rgb), 0.25);
}
.gift-card-container__form[_ngcontent-ng-c3521836847]
    .input-block[_ngcontent-ng-c3521836847]
    .country-code[_ngcontent-ng-c3521836847] {
    position: relative;
    background-color: var(--bs-gray-300);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-inline: 0.5rem;
    cursor: pointer;
    transition: var(--bs-transition);
}
.gift-card-container__form[_ngcontent-ng-c3521836847]
    .input-block[_ngcontent-ng-c3521836847]
    .country-code[_ngcontent-ng-c3521836847]:hover {
    background-color: var(--bs-gray-500);
}
.gift-card-container__form[_ngcontent-ng-c3521836847]
    .input-block[_ngcontent-ng-c3521836847]
    .country-code__flag[_ngcontent-ng-c3521836847] {
    width: 35px;
    height: 25px;
    overflow: hidden;
    border-radius: 0.2rem;
    background-color: var(--bs-white);
}
.gift-card-container__form[_ngcontent-ng-c3521836847]
    .input-block[_ngcontent-ng-c3521836847]
    .country-code__flag[_ngcontent-ng-c3521836847]
    img[_ngcontent-ng-c3521836847] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}
.gift-card-container__form[_ngcontent-ng-c3521836847]
    .input-block[_ngcontent-ng-c3521836847]
    input[_ngcontent-ng-c3521836847] {
    width: 100%;
    border: 0;
    outline: none;
    padding-inline: 1rem;
    font-weight: inherit;
}
.gift-card-container__form[_ngcontent-ng-c3521836847]
    .input-block[_ngcontent-ng-c3521836847]
    input[_ngcontent-ng-c3521836847]::-webkit-outer-spin-button,
.gift-card-container__form[_ngcontent-ng-c3521836847]
    .input-block[_ngcontent-ng-c3521836847]
    input[_ngcontent-ng-c3521836847]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.gift-card-container__form[_ngcontent-ng-c3521836847]
    .btn[_ngcontent-ng-c3521836847] {
    --bs-btn-min-height: var(--input-height) !important;
}
.gift-card-container__form[_ngcontent-ng-c3521836847]
    .form-control[_ngcontent-ng-c3521836847] {
    height: var(--input-height);
    background-color: var(--header-bg);
    color: var(--base-text);
}
.gift-card-container__form[_ngcontent-ng-c3521836847]
    .form-control[_ngcontent-ng-c3521836847]::placeholder {
    color: inherit;
}
.gift-card-container__form[_ngcontent-ng-c3521836847]
    .form-control[_ngcontent-ng-c3521836847]::placeholder {
    color: rgba(var(--base-text-rgb), 0.75);
}
.gift-card-container__form[_ngcontent-ng-c3521836847]
    .form-control[_ngcontent-ng-c3521836847]:focus,
.gift-card-container__form[_ngcontent-ng-c3521836847]
    .form-control[_ngcontent-ng-c3521836847]:active,
.gift-card-container__form[_ngcontent-ng-c3521836847]
    .form-control[_ngcontent-ng-c3521836847]:focus-within,
.gift-card-container__form[_ngcontent-ng-c3521836847]
    .form-control.active[_ngcontent-ng-c3521836847] {
    border-color: var(--primary);
    box-shadow: 0 0 0 0.25rem rgba(var(--primary-rgb), 0.25);
}
.gift-card-container__form[_ngcontent-ng-c3521836847]
    .form-control[_ngcontent-ng-c3521836847]:focus
    ~ .feather-icon[_ngcontent-ng-c3521836847],
.gift-card-container__form[_ngcontent-ng-c3521836847]
    .form-control[_ngcontent-ng-c3521836847]:active
    ~ .feather-icon[_ngcontent-ng-c3521836847],
.gift-card-container__form[_ngcontent-ng-c3521836847]
    .form-control[_ngcontent-ng-c3521836847]:focus-within
    ~ .feather-icon[_ngcontent-ng-c3521836847],
.gift-card-container__form[_ngcontent-ng-c3521836847]
    .form-control.active[_ngcontent-ng-c3521836847]
    ~ .feather-icon[_ngcontent-ng-c3521836847] {
    color: var(--primary);
}
.promo-code-container[_ngcontent-ng-c2090879424] {
    position: relative;
    width: 100%;
    background-color: rgba(var(--primary-rgb), 0.15);
    border-radius: var(--border-radius);
}
.promo-code-container__content[_ngcontent-ng-c2090879424] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
    justify-content: space-between;
    padding-block: 0.5rem;
    padding-inline: 0.85rem 0.5rem;
}
.promo-code-container__content[_ngcontent-ng-c2090879424]
    .__title[_ngcontent-ng-c2090879424] {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-weight: 600;
}
.promo-code-container__content[_ngcontent-ng-c2090879424]
    .__title[_ngcontent-ng-c2090879424]
    .feather-icon[_ngcontent-ng-c2090879424] {
    color: var(--primary);
}
@media (width < 767px) {
    .promo-code-container__content[_ngcontent-ng-c2090879424] {
        flex-wrap: wrap;
        gap: 0.5rem;
        padding-inline: 0.5rem;
    }
}
@media (width < 375px) {
    .promo-code-container__content[_ngcontent-ng-c2090879424] {
        padding-inline: 0.35rem;
        font-size: 0.85rem;
    }
}
.promo-code-container__form[_ngcontent-ng-c2090879424] {
    position: relative;
    padding-inline: 0.65rem 0.5rem;
    padding-block-start: 0.25rem;
    padding-block-end: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    --input-height: 40px;
}
@media (width < 767px) {
    .promo-code-container__form[_ngcontent-ng-c2090879424] {
        flex-direction: column;
        align-items: flex-start;
    }
}
.promo-code-container__form[_ngcontent-ng-c2090879424]
    .btn[_ngcontent-ng-c2090879424] {
    --bs-btn-min-height: var(--input-height) !important;
}
.promo-code-container__form[_ngcontent-ng-c2090879424]
    .form-control[_ngcontent-ng-c2090879424] {
    height: var(--input-height);
    background-color: var(--header-bg);
    color: var(--base-text);
}
.promo-code-container__form[_ngcontent-ng-c2090879424]
    .form-control[_ngcontent-ng-c2090879424]::placeholder {
    color: inherit;
}
.promo-code-container__form[_ngcontent-ng-c2090879424]
    .form-control[_ngcontent-ng-c2090879424]::placeholder {
    color: rgba(var(--base-text-rgb), 0.75);
}
.promo-code-container__form[_ngcontent-ng-c2090879424]
    .form-control[_ngcontent-ng-c2090879424]:focus,
.promo-code-container__form[_ngcontent-ng-c2090879424]
    .form-control[_ngcontent-ng-c2090879424]:active,
.promo-code-container__form[_ngcontent-ng-c2090879424]
    .form-control[_ngcontent-ng-c2090879424]:focus-within,
.promo-code-container__form[_ngcontent-ng-c2090879424]
    .form-control.active[_ngcontent-ng-c2090879424] {
    border-color: var(--primary);
    box-shadow: 0 0 0 0.25rem rgba(var(--primary-rgb), 0.25);
}
.promo-code-container__form[_ngcontent-ng-c2090879424]
    .form-control[_ngcontent-ng-c2090879424]:focus
    ~ .feather-icon[_ngcontent-ng-c2090879424],
.promo-code-container__form[_ngcontent-ng-c2090879424]
    .form-control[_ngcontent-ng-c2090879424]:active
    ~ .feather-icon[_ngcontent-ng-c2090879424],
.promo-code-container__form[_ngcontent-ng-c2090879424]
    .form-control[_ngcontent-ng-c2090879424]:focus-within
    ~ .feather-icon[_ngcontent-ng-c2090879424],
.promo-code-container__form[_ngcontent-ng-c2090879424]
    .form-control.active[_ngcontent-ng-c2090879424]
    ~ .feather-icon[_ngcontent-ng-c2090879424] {
    color: var(--primary);
}
.country-down-overlay__container[_ngcontent-ng-c4262522472] {
    position: absolute;
    color: var(--bs-dark);
    width: 100%;
    max-width: 430px;
    height: 470px;
    max-height: 90vh;
    background-color: var(--bs-white);
    border-radius: calc(var(--bs-border-radius) * 2.5);
    padding-inline: calc(0.5rem + 0.5vw);
    padding-block: calc(0.5rem + 0.5vw);
    display: flex;
    flex-direction: column;
    box-shadow: 0 2.8px 2.2px rgba(var(--bs-dark-rgb), 0.025),
        0 6.7px 5.3px rgba(var(--bs-dark-rgb), 0.036),
        0 12.5px 10px rgba(var(--bs-dark-rgb), 0.045),
        0 22.3px 17.9px rgba(var(--bs-dark-rgb), 0.054),
        0 41.8px 33.4px rgba(var(--bs-dark-rgb), 0.065),
        0 100px 80px rgba(var(--bs-dark-rgb), 0.09);
}
.country-down-overlay__container[_ngcontent-ng-c4262522472]
    .close-button[_ngcontent-ng-c4262522472] {
    width: var(--close-button-size);
    height: var(--close-button-size);
    background-color: var(--bs-danger);
    color: var(--bs-white);
    cursor: pointer;
    transition: var(--bs-transition);
    position: absolute;
    inset-inline-start: 100%;
    border-start-end-radius: var(--bs-border-radius);
    border-end-end-radius: var(--bs-border-radius);
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.country-down-overlay__container[_ngcontent-ng-c4262522472]
    .close-button[_ngcontent-ng-c4262522472]:hover {
    background-color: var(--bs-gray-300);
    color: var(--bs-danger);
}
.country-down-overlay__container[_ngcontent-ng-c4262522472]
    .search-field[_ngcontent-ng-c4262522472] {
    --icon-height: 62px;
    width: 100%;
    height: var(--icon-height);
    position: relative;
}
.country-down-overlay__container[_ngcontent-ng-c4262522472]
    .search-field[_ngcontent-ng-c4262522472]
    .feather-icon[_ngcontent-ng-c4262522472] {
    width: var(--icon-height) !important;
    height: var(--icon-height) !important;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 1;
    inset-inline-end: 0;
    inset-block-start: 0;
    padding: calc(var(--icon-height) / 3.5);
}
.country-down-overlay__container[_ngcontent-ng-c4262522472]
    .search-field[_ngcontent-ng-c4262522472]
    .form-control[_ngcontent-ng-c4262522472] {
    font-weight: 700;
}
.country-down-overlay__container[_ngcontent-ng-c4262522472]
    .search-field[_ngcontent-ng-c4262522472]:focus
    .feather-icon[_ngcontent-ng-c4262522472],
.country-down-overlay__container[_ngcontent-ng-c4262522472]
    .search-field[_ngcontent-ng-c4262522472]:focus-within
    .feather-icon[_ngcontent-ng-c4262522472] {
    --feather-icon-stroke-color: var(--bs-primary);
}
.country-down-overlay__container[_ngcontent-ng-c4262522472]
    .search-field[_ngcontent-ng-c4262522472]:focus
    .form-control[_ngcontent-ng-c4262522472],
.country-down-overlay__container[_ngcontent-ng-c4262522472]
    .search-field[_ngcontent-ng-c4262522472]:focus-within
    .form-control[_ngcontent-ng-c4262522472] {
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
    border-color: var(--bs-primary);
}
.country-down-overlay__container[_ngcontent-ng-c4262522472]
    .country-list[_ngcontent-ng-c4262522472] {
    position: relative;
    width: 100%;
    max-height: 100%;
    display: flex;
    flex-direction: column;
    background-color: var(--bs-gray-200);
    border: 1px solid var(--bs-gray-300);
    border-radius: calc(var(--bs-border-radius) * 1.5);
    margin: 0;
    padding: 0;
    overflow-y: scroll;
}
.country-down-overlay__container[_ngcontent-ng-c4262522472]
    .country-list[_ngcontent-ng-c4262522472]::-webkit-scrollbar-track {
    background: transparent;
    pointer-events: initial;
    overflow: hidden;
    border-radius: calc(var(--scroll-bar-width) * 2);
}
.country-down-overlay__container[_ngcontent-ng-c4262522472]
    .country-list[_ngcontent-ng-c4262522472]::-webkit-scrollbar {
    width: var(--scroll-bar-width);
    height: var(--scroll-bar-width);
    background: transparent;
    pointer-events: initial;
}
.country-down-overlay__container[_ngcontent-ng-c4262522472]
    .country-list[_ngcontent-ng-c4262522472]::-webkit-scrollbar-thumb {
    background: var(--primary);
    pointer-events: initial;
    border-radius: 10px;
}
.country-down-overlay__container[_ngcontent-ng-c4262522472]
    .country-list__item[_ngcontent-ng-c4262522472] {
    padding-block: 0.6rem;
    padding-inline: 0.5rem 0.75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: var(--bs-transition);
}
.country-down-overlay__container[_ngcontent-ng-c4262522472]
    .country-list__item[_ngcontent-ng-c4262522472]
    .country-name[_ngcontent-ng-c4262522472] {
    position: relative;
    display: flex;
    gap: 0.5rem;
    align-items: center;
    font-weight: 700;
}
.country-down-overlay__container[_ngcontent-ng-c4262522472]
    .country-list__item[_ngcontent-ng-c4262522472]
    .country-name[_ngcontent-ng-c4262522472]
    img[_ngcontent-ng-c4262522472] {
    border-radius: calc(var(--bs-border-radius) / 1.5);
    max-width: 40px;
}
.country-down-overlay__container[_ngcontent-ng-c4262522472]
    .country-list__item[_ngcontent-ng-c4262522472]:hover {
    background-color: var(--bs-primary);
    color: var(--bs-white);
}
.country-down-overlay__container[_ngcontent-ng-c4262522472]
    .country-list__item[_ngcontent-ng-c4262522472]:not(:last-child) {
    border-block-end: 1px solid var(--bs-gray-400);
}
@media (width < 767px) {
    .country-down-overlay[_ngcontent-ng-c4262522472] {
        --close-button-size: 40px;
        align-items: flex-end;
    }
    .country-down-overlay__container[_ngcontent-ng-c4262522472] {
        margin-block-end: 5vw;
        min-height: 50vh;
        border-radius: calc(var(--bs-border-radius) * 1.5);
        border-start-end-radius: 0;
    }
    .country-down-overlay__container[_ngcontent-ng-c4262522472]
        .close-button[_ngcontent-ng-c4262522472] {
        inset-block-end: 100%;
        inset-inline-start: calc(100% - var(--close-button-size));
        border-start-end-radius: 0;
        border-end-end-radius: 0;
        border-start-start-radius: var(--bs-border-radius);
        border-start-end-radius: var(--bs-border-radius);
    }
}
/****************************************************  account  ************************************************************/
.account-info-card[_ngcontent-ng-c4094428304] {
    margin-block-end: var(--card-margin-y-end);
    width: 100%;
    background-color: var(--header-bg);
    padding-inline: var(--card-padding-x);
    padding-block: var(--card-padding-y);
    border-radius: calc(var(--border-radius) * 2);
    box-shadow: 0 2.5px 2.2px rgba(var(--bs-dark-rgb), 0.02),
        0 5.9px 5.3px rgba(var(--bs-dark-rgb), 0.025),
        0 11.1px 10px rgba(var(--bs-dark-rgb), 0.03),
        0 19.9px 17.9px rgba(var(--bs-dark-rgb), 0.038),
        0 37.2px 33.4px rgba(var(--bs-dark-rgb), 0.048),
        0 89px 80px rgba(var(--bs-dark-rgb), 0.07);
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.account-info-card__info[_ngcontent-ng-c4094428304] {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--card-gaps);
    max-width: max-content;
}

.account-info-card__info[_ngcontent-ng-c4094428304]
    .name-n-image[_ngcontent-ng-c4094428304] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
}

.account-info-card__info[_ngcontent-ng-c4094428304]
    .name-n-image[_ngcontent-ng-c4094428304]
    .__image[_ngcontent-ng-c4094428304] {
    width: var(--user-image-size);
    height: var(--user-image-size);
    border-radius: var(--user-image-size);
    background-color: var(--bs-white);
    flex-shrink: 0;
    overflow: hidden;
}

.account-info-card__info[_ngcontent-ng-c4094428304]
    .name-n-image[_ngcontent-ng-c4094428304]
    .__image[_ngcontent-ng-c4094428304]
    img[_ngcontent-ng-c4094428304],
.account-info-card__info[_ngcontent-ng-c4094428304]
    .name-n-image[_ngcontent-ng-c4094428304]
    .__image[_ngcontent-ng-c4094428304]
    svg[_ngcontent-ng-c4094428304] {
    max-width: 100%;
    max-height: 100%;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
}

.account-info-card__info[_ngcontent-ng-c4094428304]
    .email-n-number[_ngcontent-ng-c4094428304] {
    --feather-icon-size: 20px;
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    list-style: none;
    margin-block: 0;
    padding-inline-start: var(--card-gaps);
    gap: 0.5rem;
    border-inline-start: 1px solid rgba(var(--base-text-rgb), 0.15);
}

.account-info-card__info[_ngcontent-ng-c4094428304]
    .email-n-number[_ngcontent-ng-c4094428304]
    li[_ngcontent-ng-c4094428304] {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 1.14rem;
    font-weight: 600;
}

.account-info-card__ctas[_ngcontent-ng-c4094428304] {
    max-width: max-content;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.5rem;
}
@media (width < 767px) {
    .account-info-card[_ngcontent-ng-c4094428304] {
        flex-wrap: wrap;
        width: calc(100% - var(--container-mobile-padding-x) * 2);
        margin-inline: auto;
    }

    .account-info-card__info[_ngcontent-ng-c4094428304] {
        max-width: 100%;
    }

    .account-info-card__ctas[_ngcontent-ng-c4094428304] {
        --common-btn-height: 35px;
        justify-content: flex-start;
        width: 100%;
        max-width: 100%;
    }
}

.account-info-card__info[_ngcontent-ng-c4094428304]
    .name-n-image[_ngcontent-ng-c4094428304] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
}

.account-info-card__info[_ngcontent-ng-c4094428304]
    .name-n-image[_ngcontent-ng-c4094428304]
    .__image[_ngcontent-ng-c4094428304] {
    width: var(--user-image-size);
    height: var(--user-image-size);
    border-radius: var(--user-image-size);
    background-color: var(--bs-white);
    flex-shrink: 0;
    overflow: hidden;
}

.account-info-card__info[_ngcontent-ng-c4094428304]
    .name-n-image[_ngcontent-ng-c4094428304]
    .__image[_ngcontent-ng-c4094428304]
    img[_ngcontent-ng-c4094428304],
.account-info-card__info[_ngcontent-ng-c4094428304]
    .name-n-image[_ngcontent-ng-c4094428304]
    .__image[_ngcontent-ng-c4094428304]
    svg[_ngcontent-ng-c4094428304] {
    max-width: 100%;
    max-height: 100%;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
}

.account-info-card__info[_ngcontent-ng-c4094428304]
    .email-n-number[_ngcontent-ng-c4094428304] {
    --feather-icon-size: 20px;
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    list-style: none;
    margin-block: 0;
    padding-inline-start: var(--card-gaps);
    gap: 0.5rem;
    border-inline-start: 1px solid rgba(var(--base-text-rgb), 0.15);
}

.account-info-card__info[_ngcontent-ng-c4094428304]
    .email-n-number[_ngcontent-ng-c4094428304]
    li[_ngcontent-ng-c4094428304] {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 1.14rem;
    font-weight: 600;
}

.account-info-card__ctas[_ngcontent-ng-c4094428304] {
    max-width: max-content;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.5rem;
}
@media (width < 767px) {
    .account-info-card[_ngcontent-ng-c4094428304] {
        flex-wrap: wrap;
        width: calc(100% - var(--container-mobile-padding-x) * 2);
        margin-inline: auto;
        flex-direction: column !important;
    }
    .account-info-card__ctas[_ngcontent-ng-c4094428304] {
        max-width: 100%;
    }
    .account-info-card__info[_ngcontent-ng-c4094428304] {
        width: 100%;
    }
}
.__filters {
    position: relative;
    margin-block-end: calc(1rem + 0.25vw);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    gap: 0.5rem;
}
.__filters .fa-sliders-h {
    margin-inline-end: 0.75rem;
}
@media (width < 767px) {
    .__filters {
        overflow-x: scroll;
        flex-wrap: nowrap;
        width: 100vw;
        margin-inline-start: calc(0px - var(--container-mobile-padding-x));
        padding-inline: var(--container-mobile-padding-x);
    }
}
/****************************************************************** register ****************************************************************************/
.login-page-section[_ngcontent-ng-c2562966750] {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--bs-primary);
    isolation: isolate;
    /* margin-block-start: calc(0px - var(--header-height)); */
}
.login-page-section[_ngcontent-ng-c2562966750]:after {
    content: "";
    position: absolute;
    background-image:/*savepage-url=/assets/madina.jpg*/ var(--savepage-url-13),
        var(--primary-gradient-opposite);
    background-blend-mode: multiply;
    inset: 0;
    z-index: -1;
    background-position: center;
    background-size: cover;
}
.login-page-section__container[_ngcontent-ng-c2562966750] {
    --container-max-width: 1000px;
    --login-form-max-width: 430px;
    --common-btn-height: 50px;
    position: relative;
    width: 100%;
    max-width: var(--container-max-width);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: calc(1rem + 1vw);
    color: var(--bs-dark);
}
.login-page-section__container[_ngcontent-ng-c2562966750]
    .login-form[_ngcontent-ng-c2562966750] {
    position: relative;
    width: 100%;
    max-width: var(--login-form-max-width);
    background-color: var(--bs-white);
    padding-block: calc(1.5rem + 0.75vw) calc(1rem + 0.75vw);
    padding-inline: calc(1rem + 0.5vw);
    border-radius: calc(var(--bs-border-radius) * 2);
    box-shadow: 0 2.8px 2.2px rgba(var(--bs-dark-rgb), 0.025),
        0 6.7px 5.3px rgba(var(--bs-dark-rgb), 0.036),
        0 12.5px 10px rgba(var(--bs-dark-rgb), 0.045),
        0 22.3px 17.9px rgba(var(--bs-dark-rgb), 0.054),
        0 41.8px 33.4px rgba(var(--bs-dark-rgb), 0.065),
        0 100px 80px rgba(var(--bs-dark-rgb), 0.09);
}
.login-page-section__container[_ngcontent-ng-c2562966750]
    .login-form__header[_ngcontent-ng-c2562966750] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-block-end: calc(1rem + 1vw);
}
.login-page-section__container[_ngcontent-ng-c2562966750]
    .login-form__header[_ngcontent-ng-c2562966750]
    .login-logo[_ngcontent-ng-c2562966750] {
    height: 90px;
}
.login-page-section__container[_ngcontent-ng-c2562966750]
    .login-form__body[_ngcontent-ng-c2562966750] {
    position: relative;
}
.login-page-section__container[_ngcontent-ng-c2562966750]
    .login-form__body[_ngcontent-ng-c2562966750]
    .tnc-text[_ngcontent-ng-c2562966750] {
    font-weight: 500;
    display: block;
    margin-block-end: 1rem;
}
.login-page-section__container[_ngcontent-ng-c2562966750]
    .login-form__body[_ngcontent-ng-c2562966750]
    .input-block[_ngcontent-ng-c2562966750] {
    position: relative;
    border: 1px solid var(--bs-gray-300);
    display: flex;
    border-radius: calc(var(--bs-border-radius) * 1);
    overflow: hidden;
    height: var(--input-height);
    margin-block-end: 1rem;
    font-size: 1.15rem;
    font-weight: 700;
    transition: var(--bs-transition);
    color: var(--bs-dark);
}
.login-page-section__container[_ngcontent-ng-c2562966750]
    .login-form__body[_ngcontent-ng-c2562966750]
    .input-block[_ngcontent-ng-c2562966750]:focus-within {
    border-color: rgba(var(--bs-primary-rgb), 1);
    box-shadow: 0 0 0 5px rgba(var(--bs-primary-rgb), 0.25);
}
.login-page-section__container[_ngcontent-ng-c2562966750]
    .login-form__body[_ngcontent-ng-c2562966750]
    .input-block[_ngcontent-ng-c2562966750]
    .country-code[_ngcontent-ng-c2562966750] {
    position: relative;
    background-color: var(--bs-gray-300);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-inline: 0.5rem;
    cursor: pointer;
    transition: var(--bs-transition);
}
.login-page-section__container[_ngcontent-ng-c2562966750]
    .login-form__body[_ngcontent-ng-c2562966750]
    .input-block[_ngcontent-ng-c2562966750]
    .country-code[_ngcontent-ng-c2562966750]:hover {
    background-color: var(--bs-gray-500);
}
.login-page-section__container[_ngcontent-ng-c2562966750]
    .login-form__body[_ngcontent-ng-c2562966750]
    .input-block[_ngcontent-ng-c2562966750]
    .country-code__flag[_ngcontent-ng-c2562966750] {
    width: 35px;
    height: 25px;
    overflow: hidden;
    border-radius: 0.2rem;
    background-color: var(--bs-white);
}
.login-page-section__container[_ngcontent-ng-c2562966750]
    .login-form__body[_ngcontent-ng-c2562966750]
    .input-block[_ngcontent-ng-c2562966750]
    .country-code__flag[_ngcontent-ng-c2562966750]
    img[_ngcontent-ng-c2562966750] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}
.login-page-section__container[_ngcontent-ng-c2562966750]
    .login-form__body[_ngcontent-ng-c2562966750]
    .input-block[_ngcontent-ng-c2562966750]
    input[_ngcontent-ng-c2562966750] {
    width: 100%;
    border: 0;
    outline: none;
    padding-inline: 1rem;
    background-color: transparent;
    font-weight: inherit;
}
.login-page-section__container[_ngcontent-ng-c2562966750]
    .login-form__body[_ngcontent-ng-c2562966750]
    .input-block[_ngcontent-ng-c2562966750]
    input[_ngcontent-ng-c2562966750]::-webkit-outer-spin-button,
.login-page-section__container[_ngcontent-ng-c2562966750]
    .login-form__body[_ngcontent-ng-c2562966750]
    .input-block[_ngcontent-ng-c2562966750]
    input[_ngcontent-ng-c2562966750]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.login-page-section__container[_ngcontent-ng-c2562966750]
    .login-form__body[_ngcontent-ng-c2562966750]
    .opt-icon-box[_ngcontent-ng-c2562966750] {
    border: 1px solid gray;
    padding: 2rem 3.5rem;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: var(--primary);
    color: #fff;
}
@media (width < 767px) {
    .login-page-section__container[_ngcontent-ng-c2562966750] {
        height: inherit;
        /* max-height: 90vh; */
        padding: var(--container-mobile-padding-x);
    }
    .login-page-section__container[_ngcontent-ng-c2562966750]
        .login-form[_ngcontent-ng-c2562966750] {
        padding: inherit;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}