/**=====================
     header css start
==========================**/
.container-fluid-lg {
    padding: 0 55px;
}

@media (max-width: 1460px) {
    .container-fluid-lg {
        padding: 0 60px;
    }
}

@media (max-width: 1366px) {
    .container-fluid-lg {
        padding: 0 30px;
    }
}

@media (max-width: 1199px) {
    .container-fluid-lg {
        padding: 0 12px;
    }
}

header .search-header {
    border-bottom: 1px solid #e5e5e5;
}

header.nav-down.nav-up .navbar-searchbar {
    top: 0;
}

header.nav-down.nav-up .main-menu {
    padding: 10px 0;
}

header.nav-down .navbar-searchbar {
    position: fixed;
    top: -100px;
    left: 0;
    width: 100%;
    margin-top: 0;
    background-color: #fff;
    -webkit-box-shadow: 0px 4px 10px rgba(23, 32, 90, 0.15);
    box-shadow: 0px 4px 10px rgba(23, 32, 90, 0.15);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    z-index: 6;
}

header .search-suggestion {
    height: 0px;
    max-height: 0;
    background-color: #fff;
    position: absolute;
    width: 100%;
    border-radius: 5px;
    top: 68px;
    overflow: auto;
    -webkit-transition: max-height 1000ms cubic-bezier(0.27, 0.7, 0, 0.99);
    transition: max-height 1000ms cubic-bezier(0.27, 0.7, 0, 0.99);
    z-index: 1;
}

@media (max-width: 767px) {
    header .search-suggestion {
        top: 56px;
    }
}

header .search-suggestion>ul {
    margin: -10px;
}

header .search-suggestion>ul>li {
    padding: 10px;
}

header .search-suggestion .product-cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

header .search-suggestion .product-cart img {
    height: 100px;
}

header .search-suggestion .product-cart .media-body {
    padding-left: 15px;
}

header .search-suggestion .product-cart .media-body a {
    color: #232323;
}

header .search-suggestion .product-cart .media-body .rating li i {
    font-size: 12px;
    color: #c3c3c3;
}

header .main-menu {
    position: relative;
    padding: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 767px) {
    header .main-menu {
        padding: 10px 0;
    }
}

header .onhover-div {
    right: 0;
}

[dir="rtl"] header .onhover-div {
    right: unset;
    left: 0;
}

@media (max-width: 575px) {
    header .wislist-dropdown {
        display: none;
    }
}

@media (max-width: 767px) {
    header .cart-dropdown:hover .onhover-div {
        opacity: 0;
        -webkit-transform: unset;
        transform: unset;
        visibility: hidden;
    }
}

header .cart-dropdown .onhover-div::before {
    border-bottom: 7px solid #f0f3f8;
}

@media (max-width: 767px) {
    header .cart-dropdown .onhover-div {
        position: fixed;
        top: 0 !important;
        height: 100vh;
        width: 290px;
        right: -290px;
        opacity: 1 !important;
        visibility: visible !important;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        z-index: 4;
    }
}

@media (max-width: 767px) {
    header .cart-dropdown.show .onhover-div {
        right: 0;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }
}

header .cart-menu .cart-title {
    background-color: #f0f3f8;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

header .cart-menu .cart-title h6 {
    position: relative;
}

header .cart-menu .cart-title h6 .label {
    position: absolute;
    top: -4px;
    right: -9px;
    padding: 2px 6px;
}

[dir="rtl"] header .cart-menu .cart-title span i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

header .cart-menu .media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

header .cart-menu .media .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 16px;
    background: none;
}

header .cart-menu .media img {
    width: 60px;
}

header .cart-menu .media .media-body {
    margin-left: 15px;
}

[dir="rtl"] header .cart-menu .media .media-body {
    margin-left: unset;
    margin-right: 15px;
}

header .cart-menu .media .media-body h6 {
    font-weight: 600;
}

header .cart-menu .media .media-body input {
    max-width: 60px;
    width: unset;
    height: auto;
    padding: 3px 8px;
    border-radius: 0;
}

header .cart-menu .media .media-body .qty-with-price {
    margin-top: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

header .cart-menu ul {
    padding-top: 10px;
}

header .cart-menu ul li {
    padding: 10px 20px;
    display: block;
}

@media (max-width: 767px) {
    header .cart-menu ul li:last-child {
        padding-bottom: 0;
    }
}

@media (max-width: 767px) {
    header .cart-menu ul {
        height: calc(100vh - 180px);
        overflow: auto;
        border-bottom: 1px solid #ced4da;
    }
}

header .cart-btn {
    padding: 20px;
}

@media (max-width: 767px) {
    header .cart-btn {
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
        z-index: 1;
    }
}

header .cart-btn .cart-total {
    color: #af1e3c;
    font-weight: 600;
    display: none;
}

@media (max-width: 767px) {
    header .cart-btn .cart-total {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 20px;
    }
}

header .cart-btn .btn {
    padding: 8px 12px;
    font-size: 14px;
    width: 100%;
}

header .wislist-empty {
    padding: 20px;
    text-align: center;
}

header .wislist-empty i {
    font-size: 40px;
    color: #af1e3c;
    margin-bottom: 15px;
}

header .search-full {
    background-color: #fff;
    position: absolute;
    right: 0;
    z-index: 1;
    height: 0;
    width: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

header .search-full .input-group {
    border: 1px solid #f0f3f8;
}

header .search-full .input-group .input-group-text {
    background-color: transparent;
    border: none;
}

header .search-full .input-group .input-group-text.close-search {
    cursor: pointer;
}

header .search-full .input-group .input-group-text svg {
    height: 18px;
}

header .search-full .input-group input {
    border: none;
}

header .search-full.open {
    width: 100%;
    height: 100%;
    -webkit-animation: zoomIn 0.5s ease-in-out;
    animation: zoomIn 0.5s ease-in-out;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

header .search-full.show .search-suggestion {
    padding: 10px;
    border: 1px solid #f0f3f8;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    max-height: 500px;
    -webkit-transition: max-height 1000ms cubic-bezier(0.27, 0.7, 0, 0.99);
    transition: max-height 1000ms cubic-bezier(0.27, 0.7, 0, 0.99);
}

header .search-box1 {
    position: relative;
    width: 55%;
    right: 0;
    z-index: 1;
    height: 100%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

header .search-box1 .form-control {
    border-radius: 0;
    background-color: #fff;
}

header .search-box1 .twitter-typeahead {
    width: calc(100% - 50px);
}

header .search-box1 .tt-menu {
    display: block;
    width: 100%;
    background-color: #fff;
    border: unset !important;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    max-height: 350px;
    overflow: auto;
    top: 55px !important;
    border-radius: 5px;
    padding: 8px 0;
}

header .search-box1 .tt-menu .tt-dataset-states {
    padding: 10px 20px;
}

header .search-box1 .tt-menu .tt-dataset-states .tt-selectable {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
}

header .search-box1 .tt-menu .tt-dataset-states .tt-selectable .image-section {
    width: 100%;
    max-width: 100px;
    margin-right: 20px;
}

header .search-box1 .tt-menu .tt-dataset-states .tt-selectable .image-section img {
    width: 100%;
}

header .search-box1 .tt-menu .tt-dataset-states .tt-selectable .description-section {
    width: calc(100% - 20px);
}

header .search-box1 .tt-menu .tt-dataset-states .tt-selectable .description-section h4 {
    margin-bottom: 5px;
}

@media (max-width: 1660px) {
    header .search-box1 {
        width: 48%;
    }
}

@media (max-width: 1366px) {
    header .search-box1 {
        width: 40%;
    }
}

@media (max-width: 1199px) {
    header .search-box1 {
        width: 30%;
    }
}

header .search-box1 .form-control:focus {
    border-color: #ced4da;
    background-color: #fff;
}

header .search-box1.open {
    width: 100%;
    height: 100%;
    -webkit-animation: zoomIn 0.5s ease-in-out;
    animation: zoomIn 0.5s ease-in-out;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

header .search-box1.show .search-suggestion {
    top: 100%;
    padding: 10px;
    border: 1px solid #f0f3f8;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    max-height: 500px;
    -webkit-transition: max-height 1000ms cubic-bezier(0.27, 0.7, 0, 0.99);
    transition: max-height 1000ms cubic-bezier(0.27, 0.7, 0, 0.99);
}

header .search-box1 .input-group-text {
    color: #fff;
    border-radius: 0;
}

header .search-box1 .input-group-text .feather {
    color: #fff;
}

header .profile-dropdown {
    min-width: 160px;
}

header .profile-dropdown ul {
    padding: 10px 0;
}

header .profile-dropdown ul li {
    display: block;
    padding: 5px 20px;
}

.brand-logo .svg-icon {
    width: 50px;
    height: 50px;
    margin-right: 5px;
    -webkit-animation-name: spinner;
    animation-name: spinner;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

[dir="rtl"] .brand-logo .svg-icon {
    margin-right: 0;
    margin-left: 5px;
}

.brand-logo .svg-icon .fill-color {
    fill: #af1e3c;
}

@-webkit-keyframes spinner {
    from {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    to {
        -webkit-transform: rotateY(-360deg);
        transform: rotateY(-360deg);
    }
}

@keyframes spinner {
    from {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }

    to {
        -webkit-transform: rotateY(-360deg);
        transform: rotateY(-360deg);
    }
}

.category-menu {
    position: relative;
}

.category-menu .category-dropdown {
    padding: 20px;
}

.category-menu .category-dropdown ul li {
    padding: 10px 0;
    display: block;
}

.category-menu .category-dropdown ul li a {
    color: #232323;
    text-transform: capitalize;
}

.category-menu .category-dropdown ul li a:hover,
.category-menu .category-dropdown ul li a:focus,
.category-menu .category-dropdown ul li a:active,
.category-menu .category-dropdown ul li a.active {
    color: #af1e3c;
}

.close-btn {
    padding: 20px;
    font-size: 18px;
    color: #232323;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px solid #ced4da;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.close-btn i {
    font-size: 14px;
}

.mobile-menu {
    position: fixed;
    bottom: 0;
    padding: 10px;
    width: 100%;
    background-color: #fff;
    z-index: 3;
    -webkit-box-shadow: 0 2px 7px 3px rgba(168, 168, 168, 0.2);
    box-shadow: 0 2px 7px 3px rgba(168, 168, 168, 0.2);
}

[dir="rtl"] .mobile-menu {
    left: 0;
}

.mobile-menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

[dir="rtl"] .mobile-menu ul {
    padding: 0;
}

.mobile-menu ul li {
    width: 100%;
    text-align: center;
}

.mobile-menu ul li a {
    display: block;
    color: rgba(35, 35, 35, 0.4);
}

@media (max-width: 360px) {
    .mobile-menu ul li a {
        font-size: 13px;
    }
}

.mobile-menu ul li a.active,
.mobile-menu ul li a:hover {
    color: #af1e3c;
}

.mobile-menu ul li a svg {
    display: block;
    margin: 0 auto;
    stroke-width: 1.5px;
}

@media (max-width: 360px) {
    .mobile-menu ul li a svg {
        height: 20px;
    }
}

.mobile-menu ul li a span {
    margin-top: 5px;
}

@media (min-width: 1200px) {
    .category-menu {
        position: relative;
    }

    .category-menu .category-dropdown {
        top: 70px;
        opacity: 0;
        visibility: hidden;
        position: absolute;
        z-index: 8;
        background-color: #fff;
        -webkit-transition: all linear 0.3s;
        transition: all linear 0.3s;
        min-width: 250px;
        -webkit-box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
        box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
    }

    .category-menu .category-dropdown ul li.submenu>a {
        position: relative;
        display: block;
    }

    .category-menu .category-dropdown ul li.submenu>a::after {
        position: absolute;
        font-family: "Font Awesome 5 Free";
        content: "\f054";
        right: 0;
        font-weight: 600;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 11px;
    }

    [dir="rtl"] .category-menu .category-dropdown ul li.submenu>a::after {
        right: unset;
        left: 0;
        -webkit-transform: translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotate(180deg);
    }

    .category-menu .category-dropdown ul li.submenu .category-mega-menu {
        position: absolute;
        padding: 20px;
        opacity: 0;
        visibility: hidden;
        margin-left: 15px;
        background-color: #fff;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        left: 95%;
        -webkit-box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
        box-shadow: 3.346px 3.716px 22.5px rgba(0, 0, 0, 0.07);
        top: 0;
        height: 100%;
    }

    .category-menu .category-dropdown ul li.submenu .category-mega-menu .category-childmenu .title-category {
        margin-bottom: 15px;
    }

    .category-menu .category-dropdown ul li.submenu .category-mega-menu .category-childmenu ul li {
        padding: 5px 0;
    }

    .category-menu .category-dropdown ul li.submenu:hover .category-mega-menu {
        left: 100%;
        opacity: 1;
        visibility: visible;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }

    [dir="rtl"] .category-menu .category-dropdown ul li.submenu:hover .category-mega-menu {
        right: unset;
        left: 100%;
    }

    .category-menu:hover .category-dropdown {
        top: 50px;
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        visibility: visible;
    }
}

@media (min-width: 1200px) {
    .category-menu .category-dropdown ul li.submenu .category-mega-menu {
        min-width: 720px;
    }
}

@media (min-width: 1366px) {
    .category-menu .category-dropdown ul li.submenu .category-mega-menu {
        min-width: 850px;
    }
}

.category-menu .category-dropdown .title-category h6 {
    font-size: 14px;
}

@media (max-width: 1199px) {
    header .category-dropdown {
        position: fixed;
        background-color: #fff;
        width: 300px;
        border-radius: 0;
        border: 1px solid #ced4da;
        top: 0;
        height: 100vh;
        left: -300px;
        z-index: 99;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        overflow: scroll;
        padding: 0 !important;
    }

    header .category-dropdown.open {
        left: 0;
    }

    .category-menu .category-dropdown ul li {
        position: relative;
        letter-spacing: 0.8px;
        line-height: 1;
    }

    .category-menu .category-dropdown ul li.submenu a .according-menu {
        right: 0;
    }

    [dir="rtl"] .category-menu .category-dropdown ul li.submenu a .according-menu {
        right: unset;
        left: 0;
    }

    .category-menu .category-dropdown ul li.submenu .category-mega-menu {
        padding: 0 15px;
    }

    .category-menu .category-dropdown ul li.submenu .category-mega-menu>li {
        padding-bottom: 0;
    }

    .category-menu .category-dropdown ul li.submenu .category-mega-menu .category-childmenu .title-category {
        position: relative;
        padding: 6px 0;
    }

    .category-menu .category-dropdown ul li.submenu .category-mega-menu .category-childmenu .title-category h6 {
        font-weight: 400;
    }

    .category-menu .category-dropdown ul li.submenu .category-mega-menu .category-childmenu .title-category .according-menu {
        top: 8px;
        right: 0;
    }

    .category-menu .category-dropdown ul li.submenu .category-mega-menu .category-childmenu ul {
        padding: 0 15px;
    }

    .category-menu .category-dropdown ul li.submenu .category-mega-menu .category-childmenu ul li {
        padding: 6px 0;
    }

    .category-menu .category-dropdown>ul {
        padding: 20px 15px;
    }

    .category-menu .category-dropdown>ul>li>a {
        font-weight: 500;
        font-size: 14px;
        text-transform: uppercase;
    }

    .category-menu .category-banner {
        display: none;
    }
}

header .top-header {
    padding: 10px 0;
    background-color: #ffe8ed;
}

header .top-header-black {
    background-color: transparent;
    border-bottom: 1px solid #e5e5e5;
}

header .top-header-white {
    background-color: #fff;
}

@media (max-width: 575px) {
    header .top-header {
        padding: 10px 0;
    }
}

header .top-header .row {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

@media (max-width: 575px) {
    header .top-header .row {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

header .top-header .border-list {
    padding-right: 6px;
}

[dir="rtl"] header .top-header .border-list {
    padding-right: unset;
    padding-left: 6px;
}

header .top-header .border-list>li {
    padding: 0 20px;
    margin-right: -5px;
}

[dir="rtl"] header .top-header .border-list>li {
    margin-right: unset;
    margin-left: -5px;
}

@media (max-width: 1366px) {
    header .top-header .border-list>li {
        padding: 0 10px;
    }
}

header .top-header .border-list>li a {
    color: #232323;
}

header .top-header .border-list>li a i {
    vertical-align: middle;
    font-size: 11px;
    padding-left: 5px;
}

[dir="rtl"] header .top-header .border-list>li a i {
    padding-left: unset;
    padding-right: 5px;
}

@media (max-width: 575px) {
    header .top-header .border-list>li a i {
        font-size: 9px;
    }
}

header .top-header .border-list>li:first-child {
    padding-left: 0;
}

[dir="rtl"] header .top-header .border-list>li:first-child {
    padding-left: 20px;
    padding-right: 0;
}

@media (max-width: 575px) {
    header .top-header .border-list>li:first-child {
        display: none;
    }
}

header .top-header .border-list>li:last-child {
    padding-right: 0;
}

[dir="rtl"] header .top-header .border-list>li:last-child {
    padding-right: 10px;
    padding-left: 0;
}

header .top-header .border-list>li+li {
    border-left: 1px solid rgba(35, 35, 35, 0.15);
}

[dir="rtl"] header .top-header .border-list>li+li {
    border-left: unset;
    border-right: 1px solid rgba(35, 35, 35, 0.15);
}

@media (max-width: 575px) {
    header .top-header .border-list>li:nth-child(2) {
        border: none !important;
    }
}

@media (max-width: 575px) {
    header .top-header .dropdown {
        font-size: 13px;
    }
}

header .top-header .dropdown .dropdown-toggle::after {
    display: none;
}

header .top-header .dropdown.top-header-dropdown .dropdown-menu li .dropdown-item:focus {
    background-color: #af1e3c;
    color: #fff;
}

header .main-menu {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

header .main-menu .menu-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 767px) {
    header .main-menu .menu-right {
        padding-right: 8px;
    }

    [dir="rtl"] header .main-menu .menu-right {
        padding-right: unset;
        padding-left: 8px;
    }
}

header .main-menu .menu-right .search-box {
    padding: 10px 12px;
    color: #fff;
    cursor: pointer;
}

header .main-menu .menu-right .search-box.black-search-icon {
    color: #212529;
}

@media (max-width: 1366px) {
    header .main-menu .menu-right .search-box {
        padding: 6px 8px;
    }
}

@media (max-width: 575px) {
    header .main-menu .menu-right .search-box {
        padding: 4px 6px;
    }
}

@media (max-width: 575px) {
    header .main-menu .menu-right .search-box svg {
        width: 16px;
    }
}

header .main-menu .menu-right>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

header .main-menu .menu-right>ul>li svg {
    width: 20px;
}

@media (max-width: 1366px) {
    header .main-menu .menu-right>ul>li svg {
        width: 18px;
    }
}

header .main-menu .menu-right>ul>li+li {
    margin-left: 20px;
}

[dir="rtl"] header .main-menu .menu-right>ul>li+li {
    margin-left: unset !important;
    margin-right: 20px;
}

@media (max-width: 575px) {
    header .main-menu .menu-right>ul>li+li {
        margin-left: 10px;
    }

    [dir="rtl"] header .main-menu .menu-right>ul>li+li {
        margin-right: 10px;
    }
}

header .main-menu .menu-right .cart-media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

header .main-menu .menu-right .cart-media .cart-icon {
    position: relative;
}

header .main-menu .menu-right .cart-media .cart-icon .label {
    font-size: 10px;
    position: absolute;
    top: -6px;
    right: -8px;
    padding: 0;
    line-height: 1;
    width: 15px;
    height: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

header .main-menu .menu-right .cart-media .cart-content {
    margin-left: 20px;
}

@media (max-width: 767px) {
    header .main-menu .menu-right .cart-media .cart-content {
        display: none;
    }
}

header .main-menu .menu-right .cart-media .cart-content h6 {
    line-height: 1;
}

header .main-menu .menu-right .cart-media .cart-content span {
    font-size: 13px;
}

[dir="rtl"] header .main-menu .menu-right .cart-media .cart-content {
    margin-left: unset;
    margin-right: 20px;
}

@media (max-width: 1199px) {
    header .main-menu nav {
        margin-left: auto;
        margin-right: 0;
    }

    [dir="rtl"] header .main-menu nav {
        margin-left: 0;
        margin-right: auto !important;
    }
}

@media (max-width: 575px) {
    header .main-menu nav {
        margin-right: 15px;
    }

    [dir="rtl"] header .main-menu nav {
        margin-left: 15px;
    }
}

header .category-menu {
    margin-left: 30px;
}

[dir="rtl"] header .category-menu {
    margin-left: unset !important;
    margin-right: 30px;
}

@media (max-width: 1366px) {
    header .category-menu {
        margin-left: 20px;
    }

    [dir="rtl"] header .category-menu {
        margin-right: 20px;
    }
}

@media (max-width: 575px) {
    header .category-menu {
        margin-left: 10px;
    }

    [dir="rtl"] header .category-menu {
        margin-right: 10px;
    }
}

header .category-menu .btn {
    padding: 9px 18px;
    font-weight: 500;
}

@media (max-width: 767px) {
    header .category-menu .btn {
        padding: 6px 12px;
    }
}

header .category-menu .btn i {
    font-size: 11px;
    vertical-align: middle;
    padding-left: 5px;
}

[dir="rtl"] header .category-menu .btn i {
    padding-left: unset;
    padding-right: 5px;
}

.header-style-2.black-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}

.header-style-2 .main-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

@media (max-width: 1199px) {
    .header-style-2 .main-menu nav {
        margin-left: 15px;
    }

    [dir="rtl"] .header-style-2 .main-menu nav {
        margin-right: 15px !important;
        margin-left: unset;
    }
}

.header-style-2 .main-menu .menu-left {
    margin-right: calc(30px + (60 - 30) * ((100vw - 320px) / (1920 - 320)));
}

[dir="rtl"] .header-style-2 .main-menu .menu-left {
    margin-right: unset !important;
    margin-left: calc(30px + (60 - 30) * ((100vw - 320px) / (1920 - 320)));
}

@media (max-width: 1199px) {
    .header-style-2 .main-menu .menu-left {
        margin-right: 0;
    }

    [dir="rtl"] .header-style-2 .main-menu .menu-left {
        margin-left: 0;
    }
}

.header-style-2 .main-menu .menu-right {
    margin-left: auto;
}

[dir="rtl"] .header-style-2 .main-menu .menu-right {
    margin-left: unset;
    margin-right: auto;
}

@media (max-width: 1199px) {
    [dir="rtl"] .header-style-2 .main-menu .menu-right {
        margin-left: 30px;
    }

    [dir="rtl"] [dir="rtl"] .header-style-2 .main-menu .menu-right {
        margin-left: unset;
        margin-right: 30px;
    }
}

@media (max-width: 575px) {
    [dir="rtl"] .header-style-2 .main-menu .menu-right {
        margin-left: 0;
    }

    [dir="rtl"] [dir="rtl"] .header-style-2 .main-menu .menu-right {
        margin-left: unset;
        margin-right: 0;
    }
}

[dir="rtl"] .header-style-2 .main-menu .menu-right>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

[dir="rtl"] .header-style-2 .main-menu .menu-right>ul>li a {
    color: #232323;
}

[dir="rtl"] .header-style-2 .main-menu .menu-right>ul>li a:hover {
    color: #af1e3c;
}

[dir="rtl"] .header-style-2 .main-menu .menu-right>ul>li svg {
    width: 20px;
    cursor: pointer;
}

[dir="rtl"] .header-style-2 .main-menu .menu-right>ul>li .btn {
    font-size: 14px;
}

[dir="rtl"] .header-style-2 .main-menu .menu-right>ul>li .btn svg {
    width: 24px;
}

@media (max-width: 360px) {
    [dir="rtl"] .header-style-2 .main-menu .menu-right>ul>li .btn svg {
        width: 18px;
    }
}

[dir="rtl"] .header-style-2 .main-menu .menu-right>ul>li+li {
    margin-left: 30px;
}

[dir="rtl"] [dir="rtl"] .header-style-2 .main-menu .menu-right>ul>li+li {
    margin-left: unset !important;
    margin-right: 30px;
}

@media (max-width: 991px) {
    [dir="rtl"] .header-style-2 .main-menu .menu-right>ul>li+li {
        margin-left: 20px;
    }

    [dir="rtl"] [dir="rtl"] .header-style-2 .main-menu .menu-right>ul>li+li {
        margin-right: 20px;
    }
}

@media (max-width: 575px) {
    [dir="rtl"] .header-style-2 .main-menu .menu-right>ul>li+li {
        margin-left: 10px;
    }

    [dir="rtl"] [dir="rtl"] .header-style-2 .main-menu .menu-right>ul>li+li {
        margin-right: 10px;
    }
}

.header-style-2 .main-menu .menu-right>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header-style-2 .main-menu .menu-right>ul>li a {
    color: #232323;
}

.header-style-2 .main-menu .menu-right>ul>li a:hover {
    color: #af1e3c;
}

.header-style-2 .main-menu .menu-right>ul>li svg {
    width: 20px;
    cursor: pointer;
}

.header-style-2 .main-menu .menu-right>ul>li .btn {
    font-size: 14px;
}

.header-style-2 .main-menu .menu-right>ul>li .btn svg {
    width: 24px;
}

@media (max-width: 360px) {
    .header-style-2 .main-menu .menu-right>ul>li .btn svg {
        width: 18px;
    }
}

.header-style-2 .main-menu .menu-right>ul>li+li {
    margin-left: 30px;
}

[dir="rtl"] .header-style-2 .main-menu .menu-right>ul>li+li {
    margin-left: unset !important;
    margin-right: 30px;
}

@media (max-width: 991px) {
    .header-style-2 .main-menu .menu-right>ul>li+li {
        margin-left: 20px;
    }

    [dir="rtl"] .header-style-2 .main-menu .menu-right>ul>li+li {
        margin-right: 20px;
    }
}

@media (max-width: 575px) {
    .header-style-2 .main-menu .menu-right>ul>li+li {
        margin-left: 10px;
    }

    [dir="rtl"] .header-style-2 .main-menu .menu-right>ul>li+li {
        margin-right: 10px;
    }
}

.header-style-2 .main-menu .wislist-dropdown {
    margin-right: 8px;
}

[dir="rtl"] .header-style-2 .main-menu .wislist-dropdown {
    margin-right: unset;
    margin-left: 8px;
}

@media (max-width: 360px) {
    .header-style-2 .main-menu .cart-dropdown button span {
        display: none;
    }
}

@media (max-width: 360px) {
    .header-style-2 .main-menu .cart-dropdown button .pe-2 {
        padding: 0 !important;
    }
}

.header-style-2 .main-menu .cart-media .label {
    padding: 0;
    width: 18px;
    height: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 10px;
    text-align: center;
    position: absolute;
    right: -9px;
    top: -10px;
}

/**=====================
       nav css start
  ==========================**/
header .main-navbar {
    text-align: center;
}

header .main-navbar .nav-menu {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: normal;
    direction: ltr;
    text-align: left;
    vertical-align: middle;
}

[dir="rtl"] header .main-navbar .nav-menu {
    text-align: right;
}

header .main-navbar .nav-menu>li {
    position: relative;
    float: left;
    display: block;
}

[dir="rtl"] header .main-navbar .nav-menu>li {
    float: right;
}

header .main-navbar .nav-menu>li+li+li {
    margin-left: 30px;
}

[dir="rtl"] header .main-navbar .nav-menu>li+li+li {
    margin-left: unset;
    margin-right: 30px;
}

@media (max-width: 1199px) {
    header .main-navbar .nav-menu>li+li+li {
        margin-left: 0;
    }

    [dir="rtl"] header .main-navbar .nav-menu>li+li+li {
        margin-left: unset;
        margin-right: 0;
    }
}

header .main-navbar .nav-menu>li>a {
    display: block;
    color: #232323;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0;
    position: relative;
    border-radius: 15px;
    letter-spacing: 0.8px;
}

header .main-navbar .nav-menu>li.active>a {
    background-color: rgba(35, 35, 35, 0.1);
}

header .main-navbar .nav-menu>li .nav-submenu {
    position: absolute;
    left: 0;
    z-index: 1;
    -webkit-box-shadow: 0 1px 5px 0 rgba(90, 90, 90, 0.2);
    box-shadow: 0 1px 5px 0 rgba(90, 90, 90, 0.2);
    padding: 15px 0;
    background: #fff;
    width: 300px !important;
}

[dir="rtl"] header .main-navbar .nav-menu>li .nav-submenu {
    left: unset;
    right: 0;
}

header .main-navbar .nav-menu>li .nav-submenu li {
    border: 0;
    float: none;
    position: relative;
    display: block;
    margin: 5px 0;
}

header .main-navbar .nav-menu>li .nav-submenu li a {
    border: 0 !important;
    background: transparent;
    color: #212529;
    border-radius: 0 !important;
    font-size: 14px;
    padding: 3px 25px 3px 40px;
    display: block;
    letter-spacing: 0.07em;
    line-height: 1.9;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
}

[dir="rtl"] header .main-navbar .nav-menu>li .nav-submenu li a {
    padding: 3px 40px 3px 25px;
}

header .main-navbar .nav-menu>li .nav-submenu li a span {
    padding: 0px 10px;
    border-radius: 5px;
    font-size: 12px;
    color: #af1e3c;
    margin-left: 10px;
    -webkit-box-shadow: 0 8px 15px -8px var(--badge-color);
    box-shadow: 0 8px 15px -8px var(--badge-color);
    margin-left: 8px;
    position: relative;
}

header .main-navbar .nav-menu>li .nav-submenu li a span::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #af1e3c;
    opacity: 0.07;
}

header .main-navbar .nav-menu>li .nav-submenu li a span.tren-budge {
    color: #212529;
    background: #eff2f7;
}

header .main-navbar .nav-menu>li .nav-submenu li a span.top-budge {
    color: #eff2f7;
    background-color: #7e7e7e;
}

header .main-navbar .nav-menu>li .nav-submenu li a .label {
    font-size: 12px;
    color: #ff0000;
    position: absolute;
    padding: 0 0 0 3px;
}

header .main-navbar .nav-menu>li .nav-submenu li a.menu-title-level1:after,
header .main-navbar .nav-menu>li .nav-submenu li a.submenu-title:after {
    opacity: 1;
}

header .main-navbar .nav-menu>li .nav-submenu li a.arrow-cls:after {
    opacity: 0.8;
}

header .main-navbar .nav-menu>li .nav-submenu li a:hover {
    margin-left: 3px;
    color: #af1e3c !important;
}

header .main-navbar .nav-menu>li .nav-submenu li .nav-sub-childmenu {
    position: absolute;
    width: 200px;
    right: -200px;
    top: 0;
    background: #fff;
    border: none;
    padding: 15px 0 15px 0;
    -webkit-box-shadow: 0 0 1px 0 #ebebeb;
    box-shadow: 0 0 1px 0 #ebebeb;
}

header .main-navbar .nav-menu>li .mega-menu-container {
    position: absolute;
    left: 0;
    z-index: 4;
    -webkit-box-shadow: 0 1px 5px 0 rgba(90, 90, 90, 0.2);
    box-shadow: 0 1px 5px 0 rgba(90, 90, 90, 0.2);
    padding: 30px;
    background: #fff;
    width: 100%;
    border-radius: 4px;
}

header .main-navbar .nav-menu>li .mega-menu-container.poster-bg-image {
    background-image: url(../images/voxo.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

@media (max-width: 1199px) {
    header .main-navbar .nav-menu>li .mega-menu-container.poster-bg-image {
        background-image: unset;
    }
}

header .main-navbar .nav-menu>li .mega-menu-container.poster-bg-image .floating-img {
    position: absolute;
    top: 0;
    right: 0;
    width: 30%;
    height: 60vh;
    animation: floating 110s linear infinite reverse;
    background-repeat: repeat-x !important;
}

header .main-navbar .nav-menu>li .mega-menu-container .mega-box {
    width: 16%;
}

@media (max-width: 1199px) {
    header .main-navbar .nav-menu>li .mega-menu-container .mega-box {
        width: 100%;
    }
}

header .main-navbar .nav-menu>li .mega-menu-container .mega-box a .label {
    font-size: 12px;
    color: #ff0000;
    position: absolute;
    padding: 0 0 0 3px;
}

header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-title h5 {
    font-weight: 500;
    text-transform: capitalize;
    font-size: 14px;
    margin-bottom: 14px;
}

header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    position: relative;
    display: block;
    padding: 0;
}

header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li {
    border: none;
    float: none;
    position: relative;
    display: block;
    margin: 5px 0;
}

header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li a {
    border: 0 !important;
    background: transparent;
    color: #212529;
    border-radius: 0 !important;
    font-size: 14px;
    text-transform: capitalize;
    padding: 3px 0;
    display: block;
    letter-spacing: 0.07em;
    line-height: 1.9;
    position: relative;
}

@media (max-width: 1199px) {
    header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li a {
        padding: 0;
        letter-spacing: 0.03em;
    }
}

header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li a span {
    padding: 0px 10px;
    border-radius: 5px;
    font-size: 12px;
    color: #af1e3c;
    background: rgba(226, 36, 84, 0.07);
    -webkit-box-shadow: 0 8px 15px -8px var(--badge-color);
    box-shadow: 0 8px 15px -8px var(--badge-color);
    margin-left: 8px;
}

header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li a span.tren-budge {
    color: #212529;
    background: #eff2f7;
}

header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li a span.top-budge {
    color: #eff2f7;
    background-color: #7e7e7e;
}

header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li a img {
    width: 100%;
}

header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover {
    margin-left: 4px;
    color: #af1e3c !important;
}

header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li a.megamenu-image {
    width: 100%;
    height: 250px;
    overflow: hidden;
}

header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li a.megamenu-image img {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media (max-width: 1199px) {
    header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li a.megamenu-image img {
        -webkit-filter: blur(0);
        filter: blur(0);
        height: 180px;
    }
}

header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li a.megamenu-image:hover {
    margin-left: 0;
}

header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li a.megamenu-image:hover img {
    -webkit-filter: blur(0);
    filter: blur(0);
    margin-left: 0;
}

header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li.highlight-link {
    position: relative;
}

header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li.highlight-link i {
    color: #af1e3c;
}

header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section+.link-section {
    margin-top: 25px;
}

header .main-navbar .nav-menu>li.mega-menu {
    position: unset;
}

header .main-navbar .nav-menu>li.mega-menu.home-menu .mega-menu-container .mega-box .link-section ul {
    float: none;
    position: relative;
    display: block;
    margin: 5px 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

header .main-navbar .nav-menu>li.mega-menu.home-menu ul li {
    width: 100%;
}

header .main-navbar .nav-menu>li.mega-menu.home-menu ul li .megamenu-image {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    padding: 0;
}

@media (max-width: 1199px) {
    header .main-navbar .nav-menu>li.mega-menu.home-menu ul li .megamenu-image {
        height: 180px;
    }
}

header .main-navbar .nav-menu>li.mega-menu.home-menu ul li .megamenu-image img {
    width: 100%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media (max-width: 1199px) {
    header .main-navbar .nav-menu>li.mega-menu.home-menu ul li .megamenu-image img {
        -webkit-filter: blur(0);
        filter: blur(0);
    }
}

header .main-navbar .nav-menu>li.mega-menu.home-menu ul li .megamenu-image:hover {
    margin-left: 0;
}

header .main-navbar .nav-menu>li.mega-menu.home-menu ul li .megamenu-image:hover img {
    -webkit-filter: blur(0);
    filter: blur(0);
    margin-left: 0;
}

header .main-navbar .nav-menu>li.mega-menu.home-menu .megamenu-image-title {
    cursor: pointer;
    padding: 10px;
    text-align: center;
}

@media (max-width: 1199px) {
    header .main-navbar .nav-menu>li.mega-menu.home-menu .megamenu-image-title {
        text-align: center;
        margin-bottom: 20px;
    }
}

@media (min-width: 1200px) {
    .responsive-btn {
        display: none;
    }

    header .main-navbar .nav-menu>li .nav-submenu {
        width: 250px;
        opacity: 0;
        visibility: hidden;
        border-radius: 5px;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    header .main-navbar .nav-menu>li .nav-submenu a .sub-arrow {
        position: absolute;
        right: 20px;
        top: 7px;
        color: rgba(0, 0, 0, 0.75);
        font-size: 10px;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    header .main-navbar .nav-menu>li .nav-submenu li .level1 {
        display: none;
        border-radius: 4px;
    }

    header .main-navbar .nav-menu>li .nav-submenu li .level1 li .level2 {
        display: none;
        border-radius: 4px;
    }

    header .main-navbar .nav-menu>li .nav-submenu li .level1 li .level2 li .level3 {
        display: none;
    }

    header .main-navbar .nav-menu>li .nav-submenu li .level1 li .level2 li:hover .level3 {
        display: block;
    }

    header .main-navbar .nav-menu>li .nav-submenu li .level1 li:hover .level2 {
        display: block;
    }

    header .main-navbar .nav-menu>li .nav-submenu li:hover .level1 {
        display: block;
    }

    header .main-navbar .nav-menu>li .nav-submenu li a:hover .sub-arrow {
        right: 16px;
        color: #212529;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    header .main-navbar .nav-menu>li.dropdown .menu-title {
        position: relative;
        padding-right: 18px;
    }

    header .main-navbar .nav-menu>li.dropdown .menu-title::after {
        position: absolute;
        content: "\f078";
        font-family: "Font Awesome 5 Free";
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        font-weight: 600;
        font-size: 12px;
    }

    header .main-navbar .nav-menu>li .mega-menu-container {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    header .main-navbar .nav-menu>li:hover .nav-submenu {
        opacity: 1;
        z-index: 4;
        visibility: visible;
        margin-top: 28px;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    header .main-navbar .nav-menu>li:hover .mega-menu-container {
        opacity: 1;
        visibility: visible;
        margin-top: 28px;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .toggle-nav {
        display: none;
    }

    .mobile-back {
        display: none !important;
    }
}

@media (max-width: 1199px) {
    header .main-navbar .nav-menu {
        position: fixed;
        background-color: #fff;
        width: 300px;
        border-radius: 0;
        padding-bottom: 155px;
        top: 0;
        height: 100vh;
        right: -300px;
        z-index: 99;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    header .main-navbar .nav-menu.opennav {
        right: 0;
    }

    header .main-navbar .nav-menu .back-btn {
        margin-bottom: 10px;
    }

    header .main-navbar .nav-menu .back-btn .mobile-back {
        cursor: pointer;
    }

    header .main-navbar .nav-menu .back-btn .mobile-back i {
        font-size: 14px;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    header .main-navbar .nav-menu>li {
        display: block;
        float: none;
        width: 100%;
        padding: 0;
    }

    header .main-navbar .nav-menu>li:nth-child(n + 2) {
        border-bottom: 1px solid rgba(221, 221, 221, 0.5);
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    header .main-navbar .nav-menu>li a {
        padding: 10px 15px;
        position: relative;
    }

    header .main-navbar .nav-menu>li a .sub-arrow {
        right: 20px;
        position: absolute;
    }

    header .main-navbar .nav-menu>li a .sub-arrow:before {
        content: "+";
        font-family: inherit;
        position: relative;
    }

    header .main-navbar .nav-menu>li>ul li a .according-menu {
        top: 2px;
    }

    header .main-navbar .nav-menu>li>ul li ul li a .according-menu {
        top: 1px;
    }

    header .main-navbar .nav-menu>li .nav-submenu {
        width: 100%;
        padding: 0;
        position: relative;
        display: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    header .main-navbar .nav-menu>li .nav-submenu li a {
        position: relative;
    }

    header .main-navbar .nav-menu>li .nav-submenu li a:after {
        content: "";
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 20px;
        width: 3px;
        height: 3px;
        border-radius: 50%;
        background-color: #212529;
    }

    [dir="rtl"] header .main-navbar .nav-menu>li .nav-submenu li a:after {
        left: unset;
        right: 20px;
    }

    header .main-navbar .nav-menu>li .nav-submenu li a:hover::after {
        background-color: #af1e3c;
    }

    header .main-navbar .nav-menu>li .nav-submenu.opensubmenu {
        display: block;
    }

    header .main-navbar .nav-menu>li .nav-submenu li .nav-sub-childmenu {
        display: none;
        position: relative;
        right: 0;
        width: 100%;
        padding: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    header .main-navbar .nav-menu>li .nav-submenu li .nav-sub-childmenu.submenu-content.level2 li a {
        padding: 0 60px;
    }

    header .main-navbar .nav-menu>li .nav-submenu li .nav-sub-childmenu.submenu-content.level2 .level3 li a {
        padding: 0 70px;
    }

    header .main-navbar .nav-menu>li .nav-submenu li .nav-sub-childmenu.opensubchild {
        display: block;
    }

    header .main-navbar .nav-menu>li .nav-submenu li .nav-sub-childmenu li a {
        padding: 0 45px;
    }

    header .main-navbar .nav-menu>li .mega-menu-container {
        display: none;
        padding: 0;
        position: relative;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    header .main-navbar .nav-menu>li .mega-menu-container.opensubmenu {
        display: block;
    }

    header .main-navbar .nav-menu>li .mega-menu-container .mega-box {
        width: 100%;
        padding: 0;
    }

    header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-title {
        position: relative;
    }

    header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-title h5 {
        margin-bottom: 0;
        font-weight: 400;
        line-height: 1.9;
        padding: 2px 25px;
    }

    header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-title .according-menu {
        top: 7px;
    }

    header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content {
        display: none;
    }

    header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu {
        display: block;
        padding: 0 45px;
    }

    header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li a {
        line-height: 1.9;
    }

    header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover {
        margin-left: 0;
    }

    header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover:after {
        display: none;
    }

    header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section+.link-section {
        margin-top: 0;
    }

    header .main-navbar .nav-menu>li .nav-link.active {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #212529;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    header .main-navbar .nav-menu>li .nav-link.active:hover {
        color: #af1e3c;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    header .main-navbar .nav-menu .mobile-poster {
        border-bottom: none !important;
        margin: 0 !important;
        position: fixed;
        bottom: 0;
        right: -410px;
        width: 300px;
        padding: 20px !important;
        background-color: #eff2f7;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    header .main-navbar .nav-menu .mobile-poster img {
        width: 50px;
    }

    header .main-navbar .nav-menu .mobile-poster .mobile-contain {
        margin-left: 15px;
    }

    header .main-navbar .nav-menu .mobile-poster .mobile-contain h5 {
        font-weight: 600;
        font-size: 15px;
    }

    header .main-navbar .nav-menu .mobile-poster .mobile-contain p {
        font-size: 13px;
        margin: 7px 0;
    }

    header .menu nav {
        margin-left: auto;
        margin-right: 30px;
    }

    .mega-box .link-section .demo ul li a span img {
        top: 30px;
        right: -60px;
    }

    .mega-box.col {
        -ms-flex-preferred-size: unset;
        flex-basis: unset;
    }

    .according-menu {
        position: absolute;
        right: 20px;
        top: 10px;
    }

    [dir="rtl"] .according-menu {
        right: unset;
        left: 20px;
    }
}

.gradient-title {
    background-image: linear-gradient(100deg, #3d3d3d, #af1e3c);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    -webkit-background-clip: text;
    cursor: pointer;
}

.gradient-title-1 {
    background-image: linear-gradient(100deg, white, #af1e3c);
}

/**=====================
     Breadcrumb css start
==========================**/
.breadcrumb-section {
    background-color: #e9ecef;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    position: relative;
    z-index: 0;
    padding-top: 80px;
    padding-bottom: 80px;
}

.breadcrumb-section h3 {
    font-size: calc(20px + (26 - 20) * ((100vw - 320px) / (1920 - 320)));
}

.breadcrumb-section-1 {
    background-color: #e9e9e9;
}

.breadcrumb-section .breadcrumb-item.active {
    color: #7e7e7e;
}

.breadcrumb-section .breadcrumb {
    margin-bottom: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 10px;
}

.breadcrumb-section .circles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1;
}

.breadcrumb-section .circles li {
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background-color: #af1e3c;
    -webkit-animation: animate 25s linear infinite;
    animation: animate 25s linear infinite;
    bottom: -150px;
    opacity: 0.2 !important;
}

.breadcrumb-section .circles li:nth-child(1) {
    left: 25%;
    width: 80px;
    height: 80px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.breadcrumb-section .circles li:nth-child(2) {
    left: 10%;
    width: 20px;
    height: 20px;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-duration: 12s;
    animation-duration: 12s;
}

.breadcrumb-section .circles li:nth-child(3) {
    left: 70%;
    width: 20px;
    height: 20px;
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}

.breadcrumb-section .circles li:nth-child(4) {
    left: 40%;
    width: 60px;
    height: 60px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 18s;
    animation-duration: 18s;
}

.breadcrumb-section .circles li:nth-child(5) {
    left: 65%;
    width: 20px;
    height: 20px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.breadcrumb-section .circles li:nth-child(6) {
    left: 75%;
    width: 90px;
    height: 90px;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}

.breadcrumb-section .circles li:nth-child(7) {
    left: 19%;
    width: 110px;
    height: 110px;
    -webkit-animation-delay: 7s;
    animation-delay: 7s;
}

.breadcrumb-section .circles li:nth-child(8) {
    left: 50%;
    width: 25px;
    height: 25px;
    -webkit-animation-delay: 15s;
    animation-delay: 15s;
    -webkit-animation-duration: 45s;
    animation-duration: 45s;
}

.breadcrumb-section .circles li:nth-child(9) {
    left: 20%;
    width: 15px;
    height: 15px;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-duration: 35s;
    animation-duration: 35s;
}

.breadcrumb-section .circles li:nth-child(10) {
    left: 85%;
    width: 110px;
    height: 110px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: 11s;
    animation-duration: 11s;
}

@-webkit-keyframes animate {
    0% {
        -webkit-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100% {
        -webkit-transform: translateY(-1000px) rotate(720deg);
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }
}

@keyframes animate {
    0% {
        -webkit-transform: translateY(0) rotate(0deg);
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100% {
        -webkit-transform: translateY(-1000px) rotate(720deg);
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }
}

.header-style-2 {
    background: #fff;
}

.banner-image {
    position: relative;
}

.banner-image .banner-content {
    position: absolute;
    left: calc(20px + (60 - 20) * ((100vw - 320px) / (1920 - 320)));
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40%;
}

.banner-image .banner-content h3 {
    font-size: calc(16px + (32 - 16) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.45;
    margin-bottom: calc(2px + (15 - 2) * ((100vw - 320px) / (1920 - 320)));
    margin-top: calc(0px + (-6 - 0) * ((100vw - 320px) / (1920 - 320)));
    color: #af1e3c;
}

@media (max-width: 767px) {
    .banner-image .banner-content h3 {
        margin-bottom: 0;
    }
}

.banner-image .banner-content p {
    color: #7e7e7e;
    margin-bottom: 0;
    line-height: 1.6;
}

@media (max-width: 767px) {
    .banner-image .banner-content p {
        display: none;
    }
}

.banner-section .banner-image {
    position: relative;
}

.banner-section .banner-image:hover .banner-shop {
    opacity: 1;
}

.banner-section .banner-image .banner-details .heart-button {
    position: absolute;
    top: 25px;
    left: 25px;
    background-color: #af1e3c;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-animation: ripple-1 0.7s linear infinite;
    animation: ripple-1 0.7s linear infinite;
}

[dir="rtl"] .banner-section .banner-image .banner-details .heart-button {
    left: unset;
    right: 25px;
}

.banner-section .banner-image .banner-details .heart-button .feather {
    border-radius: 50%;
    fill: #eadfd5;
    stroke: #eadfd5;
    width: 13px;
    height: 13px;
}

.banner-section .banner-image .banner-details h4 {
    position: absolute;
    top: 35px;
    right: 45px;
    font-size: calc(12px + (18 - 12) * ((100vw - 320px) / (1920 - 320)));
}

[dir="rtl"] .banner-section .banner-image .banner-details h4 {
    direction: rtl;
    right: unset;
    left: 45px;
}

@media (max-width: 1460px) {
    .banner-section .banner-image .banner-details h4 {
        top: 20px;
        right: 25px;
    }

    [dir="rtl"] .banner-section .banner-image .banner-details h4 {
        right: unset;
        left: 25px;
    }
}

@media (max-width: 991px) {
    .banner-section .banner-image .banner-details h4 {
        top: 15px;
        right: 18px;
    }

    [dir="rtl"] .banner-section .banner-image .banner-details h4 {
        right: unset;
        left: 18px;
    }
}

.banner-section .banner-image .banner-details .banner-price {
    position: absolute;
    bottom: 35px;
    right: 45px;
    text-align: right;
}

@media (max-width: 1460px) {
    .banner-section .banner-image .banner-details .banner-price {
        bottom: 20px;
        right: 25px;
    }
}

@media (max-width: 991px) {
    .banner-section .banner-image .banner-details .banner-price {
        bottom: 15px;
        right: 18px;
    }
}

.banner-section .banner-image .banner-details .banner-price h2 {
    font-size: calc(18px + (28 - 18) * ((100vw - 320px) / (1920 - 320)));
    color: #212529;
}

.banner-section .banner-image .banner-shop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 50px 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: rgb(175 30 60 / 0.8);
    width: 60%;
    height: 40%;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    color: #fff;
    opacity: 0;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    border-radius: 8px;
}

@media (max-width: 1460px) {
    .banner-section .banner-image .banner-shop {
        height: 55%;
    }
}

@media (max-width: 991px) {
    .banner-section .banner-image .banner-shop {
        height: 40%;
        padding: 50px 10px;
    }
}

@media (max-width: 480px) {
    .banner-section .banner-image .banner-shop {
        width: 100%;
        height: 100%;
        padding: 0;
        border-radius: 0;
    }
}

.banner-section .banner-image .banner-shop p {
    letter-spacing: 5px;
}

@media (max-width: 1366px) {
    .banner-section .banner-image .banner-shop p {
        letter-spacing: 3px;
        font-size: 12px;
    }
}

.banner-section {
    padding-bottom: 80px;
    padding-top: 1.5rem !important;
}

.discount-image-details-1 {
    background-color: #eaeaea;
    padding: calc(22px + (50 - 22) * ((100vw - 320px) / (1920 - 320))) calc(30px + (100 - 30) * ((100vw - 320px) / (1920 - 320)));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}

@media (max-width: 991px) {
    .discount-image-details-1 {
        display: block;
    }
}

.discount-image-details-1 .discount-images {
    margin-right: 80px;
}

@media (max-width: 991px) {
    .discount-image-details-1 .discount-images {
        margin-right: 0;
        position: relative;
    }
}

.discount-image-details-1 .discount-images .theme-circle {
    width: 600px;
    height: 600px;
    background-color: #eadfd5;
    border-radius: 50%;
    position: absolute;
    top: -170px;
    left: -90px;
}

@media (max-width: 1366px) {
    .discount-image-details-1 .discount-images .theme-circle {
        width: 420px;
        height: 420px;
    }
}

@media (max-width: 1199px) {
    .discount-image-details-1 .discount-images .theme-circle {
        width: 340px;
        height: 340px;
    }
}

@media (max-width: 991px) {
    .discount-image-details-1 .discount-images .theme-circle {
        display: none;
    }
}

.discount-image-details-1 .discount-images .shoes-images {
    position: absolute;
    top: 0;
    left: 210px;
    width: 37%;
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%);
}

@media (max-width: 991px) {
    .discount-image-details-1 .discount-images .shoes-images {
        position: relative;
        display: block;
        width: 50%;
        left: 25%;
        -webkit-animation: run-shoes 15s infinite linear;
        animation: run-shoes 15s infinite linear;
    }

    [dir="rtl"] .discount-image-details-1 .discount-images .shoes-images {
        margin: 0 auto;
        left: 0;
    }
}

.discount-image-details-1 .discount-shop {
    position: absolute;
    top: 17%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 0;
    background-color: #af1e3c;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #ffffff;
    padding: calc(13px + (25 - 13) * ((100vw - 320px) / (1920 - 320)));
}

@media (max-width: 991px) {
    .discount-image-details-1 .discount-shop {
        display: none;
    }
}

.discount-image-details-1 .discount-shop h2 {
    margin-right: -3px;
}

.discount-image-details-1 .discount-shop h6 {
    letter-spacing: 4px;
    margin-right: 10px;
    margin-left: -3px;
}

.discount-image-details-1 .discunt-details {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: center;
}

.discount-image-details-1 .discunt-details h5 {
    color: #212529;
}

[dir="rtl"] .discount-image-details-1 .discunt-details {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

@media (max-width: 991px) {
    .discount-image-details-1 .discunt-details {
        position: relative;
        width: 100%;
        display: block;
    }
}

.discount-image-details-1 .discunt-details .heart-button {
    background-color: #eadfd5;
    padding: 10px;
    border-radius: 50%;
    display: inline-block;
}

.discount-image-details-1 .discunt-details .heart-button .feather {
    fill: #af1e3c;
    stroke: #af1e3c;
    width: 20px;
    height: 20px;
}

.discount-image-details-1 .discunt-details .deal-text {
    font-size: calc(22px + (45 - 22) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.1;
    font-weight: 900;
    color: #212529;
}

.theme-color {
    color: #af1e3c !important;
}

.title-3 {
    margin-top: calc(13px + (18 - 13) * ((100vw - 320px) / (1920 - 320)));
}

.title-3 h2 {
    font-size: calc(18px + (28 - 18) * ((100vw - 320px) / (1920 - 320)));
}

.title-3 h5 {
    margin-bottom: 0;
    margin-top: 10px;
}

/**=====================
     tab css start
==========================**/
.tab-wrap .nav-tabs {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 2px solid #f0f3f8;
}

@media (max-width: 991px) {
    .tab-wrap .nav-tabs {
        display: -webkit-box;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: inherit;
        flex-wrap: inherit;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
    }
}

.tab-wrap .nav-tabs .nav-link {
    font-size: calc(15px + (16 - 15) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1;
    color: #7e7e7e;
    font-weight: 500;
    padding: 0 20px 20px;
    background: transparent;
    border: none;
    border-bottom: 4px solid transparent;
}

@media (max-width: 991px) {
    .tab-wrap .nav-tabs .nav-link {
        padding: 0 10px 15px;
    }
}

.tab-wrap .nav-tabs .nav-link:hover,
.tab-wrap .nav-tabs .nav-link:active,
.tab-wrap .nav-tabs .nav-link:focus {
    border: none;
}

.tab-wrap .nav-tabs .nav-link.active,
.tab-wrap .nav-tabs .nav-link:active {
    border-bottom: 4px solid var(--theme-color);
    color: #212529;
}

.tab-wrap .tab-content {
    margin-top: 30px;
}

.label-price {
    position: absolute;
    text-align: right;
    padding: 30px;
    top: 0;
    right: 0;
}

.product-style-1 .product-box {
    background-color: #f0f3f8;
    padding: 20px;
    position: relative;
}

.product-style-1 .product-box.product-box1 {
    background-color: #e9e9e9;
}

.product-style-1 .product-box.bg-image {
    background-image: url(../images/vegetable/percentage.jpg);
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.product-style-1 .product-box-4 {
    background-color: #f0f7f0;
}

@media (max-width: 480px) {
    .product-style-1 .product-box {
        padding: 15px;
    }
}

.product-style-1 .product-box .img-wrapper img {
    margin: 0 auto;
    max-height: 115px;
    max-width: 150px;
    z-index: 1;
}

.product-style-1 .product-box .img-wrapper .round-circle {
    position: absolute;
    -webkit-animation: rounded 10s infinite linear;
    animation: rounded 10s infinite linear;
    z-index: 0;
    width: 100%;
}

.product-style-1 .product-box .img-wrapper .bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.product-style-1 .product-box .img-wrapper a.text-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    min-height: 116px;
}

.product-style-1 .product-box .top-wishlist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.product-style-1 .product-box .top-wishlist.product-color {
    z-index: 2;
    background-color: #fff;
    border-radius: 50%;
}

.product-style-1 .product-box .top-wishlist span {
    font-size: 13px;
}

.product-style-1 .product-box .product-details h5 {
    -webkit-line-clamp: 1;
    color: #212529;
    margin: 5px auto;
    margin-left: 0;
}

.product-style-1 .product-list .product-box {
    padding: 20px calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    /* align-items: center; */
}

@media (max-width: 1199px) {
    .product-style-1 .product-list .product-box {
        padding: 20px;
    }
}

.product-style-1 .product-list .product-box .img-wrapper {
    min-width: 90px;
}

@media (max-width: 1199px) {
    .product-style-1 .product-list .product-box .img-wrapper {
        min-width: 70px;
    }
}

.product-style-1 .product-list .product-box .img-wrapper a.text-center {
    min-height: unset;
}

.product-style-1 .product-list .product-box .img-wrapper img {
    height: 118px;
    max-width: 90px;
    max-height: unset !important;
    -o-object-fit: contain;
    object-fit: contain;
}

@media (max-width: 1199px) {
    .product-style-1 .product-list .product-box .img-wrapper img {
        height: 78px;
        max-width: 70px;
    }
}

.product-style-1 .product-list .product-box .product-details {
    margin-top: 0;
    margin-left: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
}

[dir="rtl"] .product-style-1 .product-list .product-box .product-details {
    margin-left: unset !important;
    margin-right: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
}

@media (max-width: 1199px) {
    .product-style-1 .product-list .product-box .product-details {
        margin-left: 15px;
    }

    [dir="rtl"] .product-style-1 .product-list .product-box .product-details {
        margin-right: 15px;
    }
}

.product-style-1 .product-list .product-box .product-details h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 500;
    line-height: 1.2;
    margin: 0;
}

.product-style-1 .product-list .product-box+.product-box {
    margin-top: 30px;
}

@media (max-width: 1199px) {
    .product-style-1 .product-list .product-box+.product-box {
        margin-top: 16px;
    }
}

.product-style-1.offer-wrap .product-banner .product-box .img-wrapper img {
    max-height: unset;
    max-width: unset;
    height: 310px;
    -o-object-fit: contain;
    object-fit: contain;
}

@media (max-width: 1199px) {
    .product-style-1.offer-wrap .product-banner .product-box .img-wrapper img {
        height: 198px;
    }
}

.product-style-1.instagram-2 .product-box {
    padding: 0;
}

.product-style-1.instagram-2 .product-box .top-wishlist {
    position: absolute;
    right: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
    top: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
}

[dir="rtl"] .product-style-1.instagram-2 .product-box .top-wishlist {
    right: unset;
    left: 30px;
}

.product-style-1.instagram-2 .product-box .img-wrapper .share {
    top: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
    left: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
}

[dir="rtl"] .product-style-1.instagram-2 .product-box .img-wrapper .share {
    left: unset;
    right: 30px;
}

.tab-section .product-style-1 .product-box .product-details h5.main-title {
    margin: 0 auto;
}

[dir="rtl"] .tab-section .product-style-1 .product-box .product-details h5.main-title {
    margin: 0 auto;
}

.rating {
    display: block;
    margin-bottom: -4px;
}

[dir="rtl"] .rating {
    padding: 0;
}

.rating li i {
    color: #c3c3c3 !important;
}

.rating li i.theme-color {
    color: #ffa202 !important;
}

.heart-wishlist {
    font-size: 14px;
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    background-color: #fff;
    border-radius: 100%;
}

.heart-wishlist .far {
    margin-top: 1px;
    margin-left: -1px;
}

[dir="rtl"] .heart-wishlist .far {
    margin-left: unset;
    margin-right: -1px;
}

.heart-wishlist::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--theme-color);
    opacity: 0.1;
    border-radius: 100%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    z-index: -1;
}

.heart-wishlist.heart-color::after {
    background-color: transparent;
}

.product-box {
    overflow: hidden;
    border: 1px solid #af1e3c;
    border-radius: 6px;
}

[dir="rtl"] .product-box {
    direction: rtl;
}

.product-box:hover .img-wrapper .share {
    opacity: 1 !important;
    color: #fff;
}

.product-box:hover .img-wrapper .share-opacity {
    opacity: 1;
}

.product-box:hover .img-wrapper .share-plus {
    color: black;
    background-color: white;
    opacity: 1;
    border-radius: 50%;
}

.product-box:hover .img-wrapper.hover-image::after {
    opacity: 1;
}

.product-box:hover .img-wrapper.squre-image::after {
    opacity: 1;
}

.product-box:hover .img-wrapper .circle-shape {
    -webkit-transform: scale(100%);
    transform: scale(100%);
}

.product-box:hover .img-wrapper .background-text {
    opacity: 1;
}

.product-box .img-wrapper {
    position: relative;
    overflow: hidden;
}

.product-box .img-wrapper.hover-image::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../images/vegetable/effect1.png);
    background-size: cover;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

.product-box .img-wrapper.squre-image::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../images/vegetable/effect.png);
    background-size: cover;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

@media (max-width: 1199px) {
    .product-box .img-wrapper.squre-image::after {
        opacity: 1;
    }
}

.product-box .img-wrapper .circle-shape {
    position: absolute;
    background-color: rgb(175 30 60 / 4%);
    top: -80px;
    left: -80px;
    width: 100%;
    height: 87%;
    border-radius: 50%;
    z-index: 1;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: 0.6s ease;
    transition: 0.6s ease;
    -webkit-transform-origin: top left;
    transform-origin: top left;
}

.product-box .img-wrapper .circle-shape-1 {
    width: 390px;
    height: 390px;
    position: absolute;
    background-color: rgb(175 30 60 / 4%);
    top: -130px;
    left: -130px;
    border-radius: 50%;
    z-index: 1;
    -webkit-transition: 0.6s ease;
    transition: 0.6s ease;
}

.product-box .img-wrapper .background-text {
    text-transform: uppercase;
    position: absolute;
    top: 90px;
    right: -30px;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    font-weight: bolder;
    font-size: 68px;
    color: rgba(232, 115, 22, 0.1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: 0;
    -webkit-transition: 0.6s ease;
    transition: 0.6s ease;
}

.product-box .cart-wrap {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    text-align: center;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    z-index: 2;
}

@media (max-width: 1366px) {
    .product-box .cart-wrap {
        bottom: 20px;
    }
}

@media (max-width: 480px) {
    .product-box .cart-wrap {
        bottom: 15px;
    }
}

.product-box .cart-wrap .category-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}

.product-box .cart-wrap a,
.product-box .cart-wrap button {
    padding: 15px;
    background-color: #fff;
    position: relative;
    z-index: 1;
}

@media (max-width: 1366px) {

    .product-box .cart-wrap a,
    .product-box .cart-wrap button {
        padding: 10px;
    }
}

@media (max-width: 480px) {

    .product-box .cart-wrap a,
    .product-box .cart-wrap button {
        padding: 5px;
    }
}

.product-box .cart-wrap a::after,
.product-box .cart-wrap button::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--theme-color);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: 0.5s;
    transition: 0.5s;
    top: 0;
    left: 0;
    z-index: -1;
}

[dir="rtl"] .product-box .cart-wrap a::after,
[dir="rtl"] .product-box .cart-wrap button::after {
    left: unset;
    right: 0;
}

.product-box .cart-wrap a svg,
.product-box .cart-wrap button svg {
    width: 16px;
    height: 16px;
}

@media (max-width: 767px) {

    .product-box .cart-wrap a svg,
    .product-box .cart-wrap button svg {
        width: 14px;
        height: 14px;
    }
}

@media (max-width: 480px) {

    .product-box .cart-wrap a svg,
    .product-box .cart-wrap button svg {
        width: 13px;
        height: 13px;
    }
}

.product-box .cart-wrap a:hover,
.product-box .cart-wrap button:hover {
    background-color: transparent;
    color: #fff;
}

.product-box .cart-wrap a:hover::after,
.product-box .cart-wrap button:hover::after {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.product-box .cart-wrap a {
    color: #232323;
}

.product-box .cart-wrap button {
    line-height: 0.8;
}

[dir="rtl"] .product-box .cart-wrap ul li+li {
    margin-right: 8px;
    margin-left: unset;
}

.product-box .product-details {
    padding: 10px 20px 20px 20px;
}

.product-box .product-details h3 span {
    font-size: 15px;
    text-decoration: line-through;
    margin-left: 4px;
    color: #7e7e7e !important;
}

[dir="rtl"] .product-box .product-details h3 span {
    margin-left: 0;
    margin-right: 4px;
}

.product-box .product-details h5 {
    padding: 10px 0;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    width: 100%;
    font-weight: 500;
    font-size: calc(15px + (16 - 15) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.2;
}

.product-box .product-details .size-box {
    margin-top: 5px !important;
    margin: -1px;
}

.product-box .product-details .size-box li {
    color: #212529;
    margin: 1px;
    padding: 2px 6px;
    font-size: 13px;
    border-radius: 3px;
    background-color: #f0f7ef;
}

.product-box .product-details .size-box-2 li {
    background-color: #eff2f7;
}

.product-box .product-details .rating {
    display: block;
    margin-bottom: -4px;
}

.product-box .product-details .rating.rating-2 {
    margin-bottom: 0px;
}

.product-box .product-details .rating li i {
    font-size: 13px;
    color: #c3c3c3;
}

.product-box .product-details .rating li i.theme-color {
    color: #ffa202;
}

.product-box .label-dark {
    left: 0;
}

[dir="rtl"] .product-box .label-dark {
    float: right;
    left: unset;
    right: 0;
}

[dir="rtl"] [dir="rtl"] .product-box .label-dark {
    float: left;
}

.product-box .label-theme {
    float: right;
    right: 0;
}

[dir="rtl"] .product-box .label-theme {
    float: left;
    right: unset;
    left: 0;
}

[dir="rtl"] [dir="rtl"] .product-box .label-theme {
    float: right;
}

.product-box:hover .cart-wrap {
    opacity: 1;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.product-box:hover .cart-wrap ul li:first-child {
    -webkit-animation: fadeInUp 400ms ease-in-out;
    animation: fadeInUp 400ms ease-in-out;
}

.product-box:hover .cart-wrap ul li:nth-child(2) {
    -webkit-animation: fadeInUp 600ms ease-in-out;
    animation: fadeInUp 600ms ease-in-out;
}

.product-box:hover .cart-wrap ul li:nth-child(3) {
    -webkit-animation: fadeInUp 800ms ease-in-out;
    animation: fadeInUp 800ms ease-in-out;
}

.product-box:hover .cart-wrap ul li:nth-child(4) {
    -webkit-animation: fadeInUp 1000ms ease-in-out;
    animation: fadeInUp 1000ms ease-in-out;
}

.product-wrapper-1 .slick-dots {
    margin-top: -25px !important;
}

.product-wrapper .slick-dots {
    position: relative;
    bottom: 0;
    margin-top: calc(5px + (20 - 5) * ((100vw - 320px) / (1920 - 320)));
}

.product-wrapper .slick-dots li {
    width: auto;
    height: auto;
}

.product-wrapper .slick-dots li button {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    padding: 0;
    margin: 0;
    background-color: rgba(35, 35, 35, 0.2);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.product-wrapper .slick-dots li button::before {
    display: none;
}

.product-wrapper .slick-dots li.slick-active button {
    margin: 0;
    width: 40px;
    background-color: var(--theme-color);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.product-wrapper .timer {
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    text-align: center;
}

.product-wrapper.slick-slider.slick-dotted {
    margin-bottom: -2px;
}

.product-banner-circle {
    overflow: hidden;
    height: 100%;
}

@media (max-width: 991px) {
    .product-banner {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
}

.product-banner .product-box {
    padding: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320))) !important;
    height: 100%;
}

@media (max-width: 1199px) {
    .product-banner .product-box {
        padding: 20px !important;
    }
}

.product-banner .product-box .img-wrapper a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    width: 100%;
}

.product-banner .label-block {
    padding: 0;
    position: relative;
}

.product-banner .label-block~a {
    clear: both;
}

.product-banner .offer-end {
    position: absolute;
    bottom: 50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 30px;
    background-color: rgba(35, 35, 35, 0.8);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    color: #fff;
    width: 70%;
    text-align: center;
    z-index: 1;
}

.product-banner .offer-end-demo4 {
    background-color: rgb(175 30 60 / 80%);
}

.product-banner .offer-end-demo4 h3 {
    margin-top: -3px;
}

.product-banner .offer-end-demo4 h6 {
    margin-bottom: -1px;
}

@media (max-width: 1366px) {
    .product-banner .offer-end {
        padding: 20px;
    }
}

@media (max-width: 991px) {
    .product-banner .offer-end {
        width: unset;
    }
}

@media (max-width: 480px) {
    .product-banner .offer-end {
        width: 60%;
        padding: 15px;
    }
}

@media (max-width: 360px) {
    .product-banner .offer-end {
        width: 90%;
    }
}

.product-banner .offer-end h3 {
    margin-bottom: 10px;
}

.product-banner .offer-end h6 {
    font-weight: 400;
}


.font-default {
    color: #232323 !important;
}

@media (max-width: 1460px) {
    .service-section {
        margin-bottom: -3px;
    }
}

.service-section .service-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.service-section .service-wrap .service-icon i {
    width: 55px;
    height: 55px;
    margin-right: 20px;
}

.service-section .service-wrap .service-content h3 {
    margin-top: -3px;
    font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 500;
    line-height: 1.2;
    color: #232323;
}

@media (max-width: 1199px) {
    .service-section .service-wrap .service-content h3 {
        margin-bottom: 2px !important;
    }
}

.service-section .service-wrap .service-content span {
    display: block;
    margin-bottom: -3px;
    line-height: 1.6;
    letter-spacing: 0.05em;
}

.service-section.about-page .service-wrap .service-icon svg {
    width: 45px;
    height: 45px;
}

.service-style-2 .service-wrap {
    display: block;
    text-align: center;
    margin-bottom: -2px;
}


.service-style-2 .row>div {
    position: relative;
}

.service-style-2 .row>div+div::before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2px;
    height: 50px;
    background-color: #f0f3f8;
}

@media (max-width: 1199px) {
    .service-style-2 .row>div+div:nth-child(3):before {
        content: "";
        display: none;
    }
}

@media (max-width: 575px) {
    .service-style-2 .row>div+div:nth-child(even):before {
        content: "";
        display: none;
    }
}

/**=====================
     footer css start
==========================**/
@media (max-width: 575px) {
    footer h3 {
        font-size: 16px;
    }
}

footer .main-footer {
    border-top: 2px solid #f0f3f8;
    border-bottom: 2px solid #f0f3f8;
    padding: 80px 0;
}

@media (max-width: 1460px) {
    footer .main-footer {
        padding: 70px 0;
    }
}

@media (max-width: 1199px) {
    footer .main-footer {
        padding: 60px 0;
    }
}

@media (max-width: 991px) {
    footer .main-footer {
        padding: 50px 0;
    }
}

@media (max-width: 767px) {
    footer .main-footer {
        padding: 40px 0;
    }
}

@media (max-width: 575px) {
    footer .main-footer {
        padding: 30px 0;
        text-align: center;
    }
}

@media (max-width: 991px) {

    footer .main-footer .row>div:first-child,
    footer .main-footer .row>div:last-child {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }
}

@media (max-width: 767px) {

    footer .main-footer .row>div:first-child,
    footer .main-footer .row>div:last-child {
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        order: unset;
    }
}

footer .footer-contact {
    padding-right: 40px;
}

[dir="rtl"] footer .footer-contact {
    padding-right: unset !important;
    padding-left: 40px;
}

footer .footer-contact .brand-logo .svg-icon {
    width: 70px;
    height: 70px;
    margin-right: 5px;
    -webkit-animation: none;
    animation: none;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

[dir="rtl"] footer .footer-contact .brand-logo .svg-icon {
    margin-right: 0;
    margin-left: 5px;
}

footer .footer-contact .brand-logo .svg-icon .fill-color {
    fill: #af1e3c;
}

@media (max-width: 1366px) {
    footer .footer-contact {
        padding-right: 20px;
    }

    [dir="rtl"] footer .footer-contact {
        padding-left: 20px;
    }
}

@media (max-width: 991px) {
    footer .footer-contact {
        padding-right: 0;
    }

    [dir="rtl"] footer .footer-contact {
        padding-left: 0;
    }
}

footer .footer-contact .footer-logo {
    display: block;
    margin-bottom: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
}

[dir="rtl"] footer .footer-contact .contact-lists {
    padding: 0;
}

footer .footer-contact .contact-lists li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* text-transform: capitalize; */
}

footer .footer-contact .contact-lists li:nth-child(1) span {
    margin-top: -3px;
}

footer .footer-contact .contact-lists li:nth-child(3) span {
    margin-bottom: -3px;
}

footer .footer-contact .contact-lists li span {
    display: inline;
}

footer .footer-contact .contact-lists li span b {
    font-weight: 600;
    padding-right: 5px;
}

[dir="rtl"] footer .footer-contact .contact-lists li span b {
    padding-right: unset;
    padding-left: 5px;
    float: right;
}

footer .footer-contact .contact-lists li+li {
    margin-top: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
}

@media (max-width: 991px) {
    footer .footer-contact .contact-lists li+li {
        margin-top: 15px;
    }
}

@media (max-width: 575px) {
    footer .footer-contact .contact-lists li+li {
        margin-top: 10px;
    }
}

footer .footer-links .footer-title h3 {
    position: relative;
    font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 500;
    line-height: 1.2;
    margin: 0;
}

@media (max-width: 575px) {
    footer .footer-links .footer-title h3::after {
        position: absolute;
        content: "\f078";
        font-family: "Font Awesome 5 Free";
        font-size: 9px;
        font-weight: 600;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #7e7e7e;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }

    [dir="rtl"] footer .footer-links .footer-title h3::after {
        right: unset;
        left: 0;
    }
}

@media (max-width: 575px) {
    footer .footer-links .footer-title.active h3::after {
        content: "\f077";
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }
}

footer .footer-links .footer-content {
    padding-top: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
}

[dir="rtl"] footer .footer-links ul {
    padding: 0;
}

footer .footer-links ul li {
    display: block;
}

footer .footer-links ul li .font-dark:hover {
    color: #af1e3c !important;
}

footer .footer-links ul li+li {
    margin-top: 15px;
}

@media (max-width: 991px) {
    footer .footer-links ul li+li {
        margin-top: 10px;
    }
}

@media (max-width: 575px) {
    footer .footer-links ul li+li {
        margin-top: 6px;
    }
}

footer .footer-newsletter h3 {
    margin-bottom: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
}

footer .footer-newsletter p {
    line-height: 1.6;
    letter-spacing: .03em;
}

footer .footer-newsletter .input-group input {
    border-radius: 0;
    position: relative;
    border: none;
    background-color: #f0f3f8;
    color: rgba(35, 35, 35, 0.65);
}

footer .footer-newsletter .input-group input.color-4 {
    background-color: #e9e9e9;
}

footer .footer-newsletter .input-group .input-group-text {
    padding: 6px 16px;
    background-color: #af1e3c;
    border: 1px solid #af1e3c;
    color: #fff;
    border-radius: 0;
    cursor: pointer;
}

footer .footer-number {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

footer .footer-number .footer-number-image {
    background-color: #eff3f7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 20px;
}

[dir="rtl"] footer .footer-number .footer-number-image {
    margin-right: 0;
    margin-left: 20px;
}

footer .footer-number .footer-number-image img {
    width: 20px;
}

footer .footer-number .footer-number-container h3 {
    margin-bottom: 0;
}

footer .footer-details {
    margin-top: calc(15px + (25 - 15) * ((100vw - 320px) / (1920 - 320)));
}

footer .footer-details p {
    line-height: 1.5;
    margin-bottom: 0;
}

footer .sub-footer {
    padding: calc(15px + (25 - 15) * ((100vw - 320px) / (1920 - 320))) 0;
}

@media (max-width: 767px) {
    footer .sub-footer {
        text-align: center;
    }
}

footer .sub-footer .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

[dir="rtl"] footer .sub-footer ul {
    padding: 0;
}

footer .sub-footer ul li+li {
    margin-left: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
}

[dir="rtl"] footer .sub-footer ul li+li {
    margin-left: unset !important;
    margin-right: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
}

@media (max-width: 991px) {
    footer .sub-footer ul li+li {
        margin-left: 10px;
    }

    [dir="rtl"] footer .sub-footer ul li+li {
        margin-right: 10px;
    }
}

footer .sub-footer p {
    text-align: right;
}

[dir="rtl"] footer .sub-footer p {
    text-align: left;
}

@media (max-width: 767px) {
    footer .sub-footer p {
        text-align: center;
    }

    [dir="rtl"] footer .sub-footer p {
        text-align: center;
    }
}

@media (max-width: 575px) {
    .footer-sm-space {
        margin-bottom: 80px;
    }
}

.brand-logo img {
    width: 150px;
    height: auto;
}

.contact-lists {
    padding-left: 0;
    margin-bottom: 0;
}

.footer-content ul {
    padding-left: 0;
    margin-bottom: 0;
}

.font-dark {
    color: rgba(35, 35, 35, 0.65) !important;
}


.footer-sol p {
    float: left;
    color: rgba(35, 35, 35, 0.65) !important;
    margin-right: 10px;
}

.service-section {
    background-color: #fff;
    padding-top: 80px;
    padding-bottom: 80px;
}

.footer-sm-space {
    background-color: #fff;
}

.instagram-sec {
    background-color: #fff;
    padding-top: 80px;
}

.banner-image img {
    height: auto;
    margin-bottom: 10px;
}



@media (max-width: 768px) {
    .service-section {
        display: none;
    }

    .footer-links {
        display: none;
    }

    .footer-sol {
        display: none;
    }
}