body,
html,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Changa", sans-serif;
}

.vertical-line {
    border-left: 0px;
    border-right: 1px solid var(--primary-color);
}

.vertical-line-menu {
    border-right: 1px solid var(--menu-header-text-color-primary-bg, var(--text-color-primary-bg));
}

.cart-total-price {
    padding-right: unset;
    padding-left: 8px;
}

.submenu li img {
    margin-left: unset;
    margin-right: 30px;
}

.availability-bar .ab-close,
.announcement-bar .ab-close {
    right: unset;
    left: 0px;
    top: 10px;
}

a svg {
    transform: rotateY(180deg);
}

/* home banner */
.banner .custom-prev,
.home-products-section .custom-prev {
    transform: translateY(-50%) translateX(-50px);
}

.banner .custom-next,
.home-products-section .custom-next {
    transform: translateY(-50%) translateX(50px);
}

.banner:hover .custom-prev {
    transform: translateY(-50%) translateX(-5px);
}

.banner:hover .custom-next {
    transform: translateY(-50%) translateX(5px);
}

/* home new collections */
.new-collection .collection:hover .collection-text {
    margin-right: 10px;
}

/* home special offers */
.special-offers .banner-product:hover a .banner-text {
    margin-right: 10px;
}

.product-box .product-info-icons {
    right: calc(100% - 34px - 12px);
}

.product-box:hover .product-info-icons a:first-child {
    animation: fadeInLeft 0.3s ease-in-out;
}

.product-box:hover .product-info-icons a:nth-child(2) {
    animation: fadeInLeft 0.5s ease-in-out;
}

.product-box:hover .product-info-icons a:last-child {
    animation: fadeInLeft 0.7s ease-in-out;
}

.product-box .img .sale-block {
    left: calc(100% - 36px);
    margin-left: -30px;
}

.product-box .img .sale-block .sale-inner span {
    font-size: calc(8.8px + 0.0625vw);
    top: 8px;
}

.product-box .img .badge-name {
    right: 10px;
}

.product-box .product-detail .add-btn a {
    flex-direction: row-reverse;
}

/* deal of the day */
.deal-of-the-day .section-text {
    margin-right: calc(1.6px + 2vw);
    margin-left: 0;
}

/* home products slider  */

.home-products-section:hover .custom-prev {
    transform: translateY(-50%) translateX(-15px);
}

.home-products-section:hover .custom-next {
    transform: translateY(-50%) translateX(15px);
}

/* services */
.services ul li:not(:last-child) {
    border-left: 1px solid #eee;
    border-right: 0;
}

/* top brands */
.top-brands .section-text>div {
    padding-right: 5rem;
    padding-left: 0;
}

footer .social-icons a svg {
    transform: rotateY(0deg);
}

.availability-bar .ab-close,
.announcement-bar .ab-close {
    top: 5px;
}

/* header */
header .header-logo {
    flex-direction: row-reverse;
}

header .nav-menu li .nav-submenu li:hover>.nav-submenu {
    right: calc(100% + 10px);
}

header .nav-menu>li .nav-submenu>li:has(.nav-submenu)::after {
    transform: translateY(-50%) rotateZ(90deg);
    right: 3px;
    top: 40%;
}

header .nav-menu>li .nav-submenu,
header .nav-menu>li .mega-menu {
    left: unset;
    right: 0;
}

header .main-header .mobile-back svg {
    transform: rotateZ(-180deg);
}

header .nav-menu>li:has(.nav-submenu) .nav-link {
    padding-right: 22px;
}

header .nav-menu>li:has(.nav-submenu) .nav-link::after,
header .nav-menu>li:has(.mega-menu) .nav-link::after,
header .nav-menu>li .nav-submenu>li:has(.nav-submenu)::after {
    right: 0;
}

header .nav-menu {
    gap: 22px;
}

.search-details .search-header .btn-close {
    right: unset;
    left: 50px;
}

.search-details .search-body .container .search-box {
    padding: 5px 0;
}

.search-details .search-body .container .search-box input {
    font-size: 16px;
}

/* product details page */
.products-details-page .products-details .col-product-info .product-price-f>div p .product-formatted-price-discount {
    margin-right: 10px;
    margin-left: 0;
    ;
}

.products-details-page .products-details .dz-info {
    padding-left: 0;
    padding-right: 18px;
}

/* animation */
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        opacity: 1;
        transform: translateZ(0);
    }
}

@media (max-width: 991px) {

    /* top brands */
    .top-brands .section-text>div {
        padding-right: 3rem;
        padding-left: 0;
    }
}

@media (max-width: 767px) {

    /* top brands */
    .top-brands .section-text>div {
        padding-right: 2rem;
        padding-left: 0;
    }
}

@media (max-width: 575px) {

    /* top brands */
    .top-brands .section-text>div {
        padding-right: 1rem;
        padding-left: 0;
    }
}