@import url("https://fonts.googleapis.com/css2?family=Almarai:wght@400;700&display=swap");

:root {
    --theme-color: #0a2647;
}

.theme-color2 {
    --theme-color: #2c74b3;
}

.theme-color3 {
    --theme-color: #7520dd;
}

.theme-color4 {
    --theme-color: #e87316;
}

.theme-color5 {
    --theme-color: #df4246;
}

.slick-slide img {
    display: block;
    width: 100%;
}

.theme-color6 {
    --theme-color: #51983c;
}

.text-color {
    color: #8e95a7;
}

/**=====================
    common mixins css start
==========================**/
/*======= position css starts  ======= */
/*======= position css ends  ======= */
/*======= display flex css starts  ======= */
/*======= display flex css ends  ======= */
/*======= Font-color css starts  ======= */
.font-default {
    color: #0a2647 !important;
}

.font-dark {
    color: rgb(255 255 255) !important;
}

.footer-newsletter {
    color: white;
}

.font-light {
    color: #b2bdd1 !important;
}

.font-dark-30 {
    color: #0a2647 !important;
}

html {
    overflow-x: hidden !important
}

/*======= Font-color css end  ======= */
/*======= buttons css starts  ======= */
.btn-solid-dark {
    color: #fff;
    background-color: unset;
    border: 1px solid #0a2647;
}

    .btn-solid-dark::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
        background-color: #0a2647;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

    .btn-solid-dark:hover {
        color: #0a2647;
    }

        .btn-solid-dark:hover::before {
            opacity: 0;
            -webkit-transform: scale(0.5, 0.5);
            transform: scale(0.5, 0.5);
        }

a:hover {
    color: #2c75b3;
}

.btn-solid-light {
    color: #fff;
    background-color: unset;
    border: 1px solid #fefefe;
    color: #fff;
}

    .btn-solid-light::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
        background-color: #fefefe;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

    .btn-solid-light:hover {
        color: #0a2647;
    }

        .btn-solid-light:hover::before {
            opacity: 0;
            -webkit-transform: scale(0.5, 0.5);
            transform: scale(0.5, 0.5);
        }

    .btn-solid-light:hover,
    .btn-solid-light:focus,
    .btn-solid-light:active,
    .btn-solid-light.active {
        color: #000;
    }

.btn-solid-default {
    color: #fff;
    background-color: unset;
    border: 2px solid var(--theme-color);
    font-family: "Almarai";
    border-radius: 10px !important;
}

    .btn-solid-default::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 102%;
        top: 0;
        left: 0;
        z-index: -1;
        background: #0a2647;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        border-radius: 6px;
    }

.bg-dark {
    background-color: #0a2647 !important;
}

.info-person {
    text-align: left;
}

.label-section {
    text-align: left;
}

.btn-blue-light.btn.btn-solid-default::before {
    background: #2c75b3;
}

.btn-blue-light.btn-solid-default {
    border: 2px solid #2c75b3;
}

.btn-gray.btn.btn-solid-default::before {
    background: #a6bcce;
}

.btn-gray.btn-solid-default {
    border: 2px solid #a6bcce;
}

.btn-solid-default:hover {
    color: #0e2647;
}

    .btn-solid-default:hover::before {
        opacity: 0;
        -webkit-transform: scale(0.5, 0.5);
        transform: scale(0.5, 0.5);
    }

.btn-solid-default .cls-1 {
    fill: #fff;
}

.btn-solid-default:hover .cls-1 {
    fill: #0e2647 !important;
}

.cls-1 {
    fill: #0e2647;
}

#cartEffect .cls-1 {
    fill: #fff;
}

/*======= buttons css end  ======= */
/*======= align css starts  ======= */
/*======= align css ends  ======= */
/*======= breakpoint css ends  ======= */
/**=====================
    breakpoint mixins css start
==========================**/
/**=====================
     reset css start
==========================**/
section,
.section-t-space {
    padding-top: 60px;
    padding-bottom: 60px;
}

.section-b-space {
    padding-bottom: 60px;
}

.fw-5 {
    font-weight: 500;
}

@media (max-width: 1460px) {
    .section-b-space {
        padding-bottom: 50px;
    }
}

@media (max-width: 1199px) {
    .section-b-space {
        padding-bottom: 50px;
    }
}

@media (max-width: 991px) {
    .section-b-space {
        padding-bottom: 50px;
    }
}

@media (max-width: 767px) {
    .section-b-space {
        padding-bottom: 40px;
    }
}

@media (max-width: 575px) {
    .section-b-space {
        padding-bottom: 30px;
    }
}

.media .media-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.rating li i.orange {
    color: #facc21;
}

.g-18 {
    margin: -18px;
}

    .g-18 > div {
        padding: 18px;
    }

.custom-gy-5 {
    margin-top: calc(-16px + (-20 - -16) * ((100vw - 320px) / (1920 - 320)));
    margin-bottom: calc(-16px + (-20 - -16) * ((100vw - 320px) / (1920 - 320)));
}

    .custom-gy-5 > div {
        margin-top: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
        margin-bottom: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
    }

.light-gray-bg {
    background-color: #eff2f7;
}

@media (min-width: 1200px) {
    .custom-col {
        width: calc(33.33333% + 4.16%);
    }
}

/**=====================
     typography css start
==========================**/
body {
    font-family: "Almarai", sans-serif;
    position: relative;
    font-size: 14px;
    color: #0a2647;
    margin: 0;
    background-color: #fff;
    direction: ltr;
    text-align: left;
}

    body .bg-overlay {
        height: 100vh;
        width: 100vw;
        background-color: rgba(0, 0, 0, 0.2);
        position: fixed;
        z-index: 130;
        top: 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }

        body .bg-overlay.show {
            visibility: visible;
            opacity: 1;
        }

ul {
    padding-left: 0;
    margin-bottom: 0;
}

li {
    display: inline-block;
    font-size: 15px;
}

p {
    font-size: 14px;
    line-height: 22px;
}

a {
    color: var(--theme-color);
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
        -webkit-transition: 0.5s ease;
        transition: 0.5s ease;
    }

    a:focus {
        outline: none;
    }

h6, .h6 {
    font-size: 1rem;
    font-weight: 700;
}

button:focus {
    outline: none;
}

.btn-close:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

:focus {
    outline: none;
}

.form-control {
    background-color: #fff;
}

    .form-control:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

h1 {
    font-size: 60px;
    font-weight: 600;
    line-height: 1.1;
    text-transform: capitalize;
    margin: 0;
}

h2 {
    font-size: 50px;
    font-weight: 600;
    line-height: 1;
    text-transform: capitalize;
    margin: 0;
}

h3 {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
}

h4 {
    font-size: 20px;
    line-height: 1.2;
    margin: 0;
    font-weight: 600;
}

h5, .h5 {
    font-size: 18px;
    line-height: 1.2;
    margin: 0;
    font-weight: 600;
}

h6 {
    font-size: 16px;
    line-height: 1.2;
    margin: 0;
    font-weight: 400;
}

span {
    display: inline-block;
}

.theme-color {
    color: var(--theme-color) !important;
}

.theme-bg-color {
    background-color: var(--theme-color);
}

/**=====================
     buttons css start
==========================**/
.btn {
    position: relative;
    padding: 12px;
    font-weight: 600;
    z-index: 1;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    border-radius: 10px !important;
    font-weight: bold;
    font-size: 15px;
    text-transform: capitalize;
    white-space: nowrap;
}

.btn-submit {
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    background-color: var(--theme-color);
    color: #fff;
}

    .btn-submit:hover {
        background-color: var(--theme-color);
        color: #fff;
    }

.btn-size {
    font-size: 12px;
}

.btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-spacing {
    padding: 10px 25px;
}

.btn-sm {
    padding: 8px 16px;
    font-weight: 400;
}

.default-white {
    background-color: #fff;
    border-radius: 0;
}

.default-light {
    color: #f8f8f8;
    position: relative;
    border: 1px solid transparent;
    padding: calc(6px + (14 - 6) * ((100vw - 320px) / (1920 - 320))) calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 800;
}

    .default-light::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: var(--theme-color);
        opacity: 0.15;
    }

.default-light1 {
    color: var(--theme-color);
    position: relative;
    background-color: unset;
    border: 1px solid transparent;
}

    .default-light1::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        z-index: -1;
        background-color: var(--theme-color);
        opacity: 0.11;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

    .default-light1::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: -1;
        border: 1px solid var(--theme-color);
        opacity: 0;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

    .default-light1:hover {
        color: var(--theme-color);
    }

        .default-light1:hover::before {
            opacity: 0;
            -webkit-transform: scale(0.5, 0.5);
            transform: scale(0.5, 0.5);
        }

        .default-light1:hover::after {
            opacity: 0.11;
        }

.default-light-theme {
    color: var(--theme-color);
    padding: calc(6px + (14 - 6) * ((100vw - 320px) / (1920 - 320))) calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
}

    .default-light-theme:hover {
        color: var(--theme-color);
    }

.default-theme {
    background-color: var(--theme-color);
    color: #fff;
}

    .default-theme:hover {
        color: #fff;
    }

.default-theme-2 {
    padding: 12px 25px;
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 400;
}

.default-theme-1 {
    background-color: rgba(240, 247, 240, 0.6);
    -webkit-transform: scale(100%);
    transform: scale(100%);
    border: 1px solid var(--theme-color);
}

    .default-theme-1:hover {
        background-color: var(--theme-color);
        color: #fff;
        -webkit-transform: scale(100%);
        transform: scale(100%);
    }

.default::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    background-color: var(--theme-color);
    opacity: 0.11;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.default::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
    border: 1px solid var(--theme-color);
    opacity: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.default:hover {
    color: var(--theme-color);
}

    .default:hover::before {
        opacity: 0;
        -webkit-transform: scale(0.5, 0.5);
        transform: scale(0.5, 0.5);
    }

    .default:hover::after {
        opacity: 0.11;
    }

.btn-light-white {
    padding: 6px 20px;
    color: #fff;
    background-color: unset;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

    .btn-light-white i {
        font-size: 12px;
    }

    .btn-light-white::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
        background-color: rgba(255, 255, 255, 0.1);
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

    .btn-light-white:hover {
        color: #fff;
    }

        .btn-light-white:hover::before {
            opacity: 0;
            -webkit-transform: scale(0.5, 0.5);
            transform: scale(0.5, 0.5);
        }

.btn-white {
    padding: 6px 20px;
    color: #0a2647;
    background-color: unset;
    border: 1px solid #fff;
}

    .btn-white i {
        font-size: 12px;
    }

    .btn-white::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
        background-color: #fff;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

    .btn-white:hover {
        color: #fff;
    }

        .btn-white:hover::before {
            opacity: 0;
            -webkit-transform: scale(0.5, 0.5);
            transform: scale(0.5, 0.5);
        }

.btn-full {
    width: 100%;
    border-radius: 5px;
}

/**=====================
     alert css start
==========================**/
.alert-info .btn-close {
    font-size: 10px;
}

.progress-bar-info {
    background-color: #0c5460;
}

[data-notify="progressbar"] {
    margin-bottom: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
}

/**=====================
    label css start
==========================**/
.label {
    font-size: 12px;
    padding: 6px 10px;
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
    font-weight: 500;
}

@media (max-width: 575px) {
    .label {
        padding: 4px 6px;
        font-size: 10px;
    }
}

.label-block {
    position: absolute;
    padding: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));
    top: 0;
    width: 100%;
    z-index: 1;
}

.label-dark {
    background-color: #000;
}

.label-black {
    background-color: #000;
}

.label-theme {
    background-color: var(--theme-color);
}

/**=====================
     tab css start
==========================**/
.tab-wrap .nav-tabs {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 0px 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: 18px;
    line-height: 1;
    color: #7e7e7e;
    font-weight: 500;
    padding: 15px 20px;
    background: transparent;
    border: none;
    border-radius: 15px;
    font-family: "Almarai";
}

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

.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 {
    color: #ffffff;
    background-color: #0e2647;
    margin: 0 10px;
    border-radius: 10px;
}

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

/**=====================
     dropdown css start
==========================**/
.onhover-div {
    top: 70px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: 10;
    background-color: #fff;
    -webkit-transition: all linear 0.3s;
    transition: all linear 0.3s;
    min-width: 280px;
    -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);
}

    .onhover-div li {
        font-size: 14px;
    }

        .onhover-div li a svg {
            color: #0a2647;
        }

    .onhover-div::before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #fff;
        top: -7px;
        right: 10px;
        z-index: 2;
    }

.onhover-dropdown {
    position: relative;
    cursor: pointer;
}

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

    .onhover-dropdown.cart-dropdown button {
        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;
    }

        .onhover-dropdown.cart-dropdown button .feather {
            width: 23px !important;
            margin-right: 10px;
            height: 22px;
        }

@media (max-width: 360px) {
    .onhover-dropdown.cart-dropdown button .feather {
        margin-right: 0;
    }
}

.onhover-dropdown.cart-dropdown button span {
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
}

/**=====================
     timer css start
==========================**/
.timer ul {
    padding: 20px;
    background-color: rgba(35, 35, 35, 0.8);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
}

@media (max-width: 1366px) {
    .timer ul {
        padding: 15px;
    }
}

@media (max-width: 480px) {
    .timer ul {
        padding: 10px;
    }
}

.timer ul li {
    position: relative;
}

    .timer ul li span {
        display: block;
        margin-bottom: 3px;
    }

@media (max-width: 480px) {
    .timer ul li {
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    .timer ul li h5 {
        font-size: 13px;
    }
}

.timer ul li + li {
    margin-left: 30px;
}

    .timer ul li + li::before {
        content: "";
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: -17px;
        border-left: 1px solid rgba(126, 126, 126, 0.4);
        height: 50%;
    }

@media (max-width: 1366px) {
    .timer ul li + li::before {
        left: -12px;
    }
}

@media (max-width: 480px) {
    .timer ul li + li::before {
        left: -5px;
    }
}

@media (max-width: 1366px) {
    .timer ul li + li {
        margin-left: 20px;
    }
}

@media (max-width: 480px) {
    .timer ul li + li {
        margin-left: 6px;
    }
}

.timer-style-2 ul {
    margin: calc(-5px + (-15 - -5) * ((100vw - 320px) / (1920 - 320)));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .timer-style-2 ul li {
        margin: calc(5px + (15 - 5) * ((100vw - 320px) / (1920 - 320)));
        background-color: #fff;
        padding: calc(8px + (10 - 8) * ((100vw - 320px) / (1920 - 320))) calc(12px + (20 - 12) * ((100vw - 320px) / (1920 - 320)));
        margin-right: 0;
        color: #0e2647;
    }

        .timer-style-2 ul li h2 {
            font-size: calc(18px + (28 - 18) * ((100vw - 320px) / (1920 - 320)));
        }

        .timer-style-2 ul li span {
            display: block;
            margin-bottom: 3px;
        }

@media (max-width: 480px) {
    .timer-style-2 ul li {
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    .timer-style-2 ul li h5 {
        font-size: 13px;
    }
}

.timer-style-3 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: rgba(232, 115, 22, 0.8);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    width: 80%;
}

    .timer-style-3 ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
        text-align: center;
        color: #fff;
        width: 100%;
    }

        .timer-style-3 ul li {
            margin: calc(5px + (5 - 5) * ((100vw - 320px) / (1920 - 320))) calc(5px + (5 - 5) * ((100vw - 320px) / (1920 - 320))) calc(5px + (5 - 5) * ((100vw - 320px) / (1920 - 320))) 0;
            padding: calc(8px + (10 - 8) * ((100vw - 320px) / (1920 - 320))) calc(12px + (20 - 12) * ((100vw - 320px) / (1920 - 320)));
            width: 25%;
        }

            .timer-style-3 ul li + li {
                position: relative;
            }

                .timer-style-3 ul li + li::after {
                    content: "";
                    position: absolute;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
                    width: 1px;
                    height: 50%;
                    background-color: rgba(255, 255, 255, 0.5);
                    left: 0%;
                }

            .timer-style-3 ul li:nth-child(4) {
                margin-right: 0;
            }

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

            .timer-style-3 ul li span {
                display: block;
                margin-bottom: 3px;
            }

@media (max-width: 480px) {
    .timer-style-3 ul li {
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    .timer-style-3 ul li h5 {
        font-size: 13px;
    }
}

/**=====================
     title css start
==========================**/
.title {
    margin-bottom: 40px;
}

    .title.title1 h2 {
        font-size: 20px;
        position: relative;
        display: inline-block;
        padding-bottom: 16px;
    }

        .title.title1 h2:before {
            content: "";
            position: absolute;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            bottom: 1.5px;
            width: 100%;
            height: 1px;
            background-color: #ddd;
        }

        .title.title1 h2:after {
            content: "";
            position: absolute;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            bottom: -1px;
            width: 30%;
            height: 4px;
            background-color: var(--theme-color);
            border-radius: 50px;
        }

    .title.title1 p {
        margin: 20px auto 0;
        color: #0e2647;
        letter-spacing: 0px;
        width: 50%;
        line-height: 1.5;
    }

    .title.title-effect h2::after {
        left: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    .title.title-1 {
        margin-bottom: 0;
        padding: 0 15px;
    }

    .title h5 {
        margin-bottom: 10px;
        margin-top: -2px;
        color: #7e7e7e;
    }

.title-2 {
    color: #0a2647;
}

    /* .title-2 h2 {
        margin-top: -2px;
    }

    .title-2 h3 {
        margin-top: -2px;
    }*/

    .title-2 h5 {
        margin-bottom: 0;
        margin-top: 10px;
        color: #7e7e7e;
    }

.title-3 {
    margin-bottom: calc(20px + (50 - 20) * ((100vw - 320px) / (1920 - 320)));
}

    .title-3.title-border {
        border-bottom: 1px solid #f0f3f8;
    }

    .title-3 h2 {
        margin-top: -2px;
    }

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

.gradient-title {
    background-image: linear-gradient(100deg, #3d3d3d, var(--theme-color));
    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, var(--theme-color));
}

/**=====================
     ratio css start
==========================**/
.ratio_30 .bg-size:before {
    padding-top: 30%;
    content: "";
    display: block;
}

.ratio_35 .bg-size:before {
    padding-top: 35%;
    content: "";
    display: block;
}

.ratio_40 .bg-size:before {
    padding-top: 40%;
    content: "";
    display: block;
}

.ratio_45 .bg-size:before {
    padding-top: 45%;
    content: "";
    display: block;
}

.ratio2_1 .bg-size:before {
    padding-top: 50%;
    content: "";
    display: block;
}

.ratio_55 .bg-size:before {
    padding-top: 55%;
    content: "";
    display: block;
}

.ratio_59 .bg-size:before {
    padding-top: 59%;
    content: "";
    display: block;
}

.ratio2_3 .bg-size:before {
    padding-top: 60%;
    content: "";
    display: block;
}

.ratio3_2 .bg-size:before {
    padding-top: 66.66%;
    content: "";
    display: block;
}

.ratio_90 .bg-size:before {
    padding-top: 93%;
    content: "";
    display: block;
}

.ratio_landscape .bg-size:before {
    padding-top: 75%;
    content: "";
    display: block;
}

.ratio_veg .bg-size:before {
    padding-top: 113%;
    content: "";
    display: block;
}

.ratio_square .bg-size:before {
    padding-top: 100%;
    content: "";
    display: block;
}

.ratio_asos .bg-size:before {
    padding-top: 127.7777778%;
    content: "";
    display: block;
}

.ratio_small .bg-size:before {
    padding-top: 118%;
    content: "";
    display: block;
}

.ratio_medium .bg-size:before {
    padding-top: 138%;
    content: "";
    display: block;
}

.ratio_portrait .bg-size:before {
    padding-top: 150%;
    content: "";
    display: block;
}

.ratio2_2 .bg-size:before {
    padding-top: 154.777778%;
    content: "";
    display: block;
}

.ratio_2 .bg-size:before {
    padding-top: 163%;
    content: "";
    display: block;
}

.ratio1_2 .bg-size:before {
    padding-top: 200%;
    content: "";
    display: block;
}

/**=====================
    Modal css Start
==========================**/
.newletter-modal .modal-dialog .modal-content {
    border: none;
    border-radius: 0;
    background-color: #fff;
}

    .newletter-modal .modal-dialog .modal-content .modal-header {
        border: none;
        padding: 0;
        background-color: #fff;
    }

        .newletter-modal .modal-dialog .modal-content .modal-header .btn-close {
            width: 54px;
            height: 54px;
            top: -50px;
            right: -50px;
            line-height: 54px;
            position: absolute;
            text-decoration: none;
            text-align: center;
            color: #fff;
            background: 0% 0;
            border: none;
            cursor: pointer;
            -webkit-transition: all 0.2s linear;
            transition: all 0.2s linear;
            opacity: 1;
        }

@media (max-width: 575px) {
    .newletter-modal .modal-dialog .modal-content .modal-header .btn-close {
        right: -14px;
    }
}

.newletter-modal .modal-dialog .modal-content .modal-header .btn-close:before {
    content: "\f00d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 22px;
}

.newletter-modal .modal-dialog .modal-content .modal-body {
    padding: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));
    position: relative;
    overflow: hidden;
    z-index: 1;
}

    .newletter-modal .modal-dialog .modal-content .modal-body img {
        position: absolute;
        top: -15px;
        right: -25px;
        width: 140px;
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
        -webkit-filter: grayscale(1);
        filter: grayscale(1);
        opacity: 0.5;
        -webkit-box-shadow: 0 7px 11px rgba(33, 37, 41, 0.5);
        box-shadow: 0 7px 11px rgba(33, 37, 41, 0.5);
        z-index: -1;
    }

    .newletter-modal .modal-dialog .modal-content .modal-body .modal-title h2 {
        color: #0e2647;
        font-weight: 500;
        margin-bottom: 16px;
    }

    .newletter-modal .modal-dialog .modal-content .modal-body .modal-title ul {
        list-style-type: disc;
        -webkit-padding-start: 15px;
        padding-inline-start: 15px;
    }

        .newletter-modal .modal-dialog .modal-content .modal-body .modal-title ul li {
            display: list-item;
            color: #7e7e7e;
            line-height: 1.7;
        }

            .newletter-modal .modal-dialog .modal-content .modal-body .modal-title ul li::marker {
                color: #0e2647;
            }

.video-play-modal .modal-dialog .modal-content {
    background-color: transparent;
    border: none;
}

    .video-play-modal .modal-dialog .modal-content .modal-body {
        padding: 0;
    }

        .video-play-modal .modal-dialog .modal-content .modal-body iframe {
            width: 100%;
            height: 550px;
        }

.comparemodal-body .table {
    margin-bottom: 0;
    border: 1px solid #ced4da;
}

    .comparemodal-body .table.table-striped-1 tbody tr:nth-of-type(odd) {
        background-color: transparent;
    }

    .comparemodal-body .table.table-striped-1 tbody tr:nth-of-type(even) {
        background-color: #eff2f7;
    }

    .comparemodal-body .table a {
        color: #0e2647;
    }

    .comparemodal-body .table tr.table-product-details {
        border-bottom: 1px solid transparent;
    }

    .comparemodal-body .table tr.table-cart-button td {
        border-top: 1px solid transparent;
    }

    .comparemodal-body .table tr.table-cart-button a.btn {
        color: #fff;
        font-weight: 700;
        font-size: 13px;
        padding: 6px 16px;
        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;
        background-color: var(--theme-color);
        border-radius: 5px;
    }

        .comparemodal-body .table tr.table-cart-button a.btn:hover {
            color: #fff;
        }

    .comparemodal-body .table tr td {
        border-left: 1px solid #ced4da;
        padding: 14px;
        min-width: 230px;
        width: 0;
        color: #0e2647;
    }

        .comparemodal-body .table tr td:first-child {
            min-width: 270px;
            font-weight: 500;
            text-transform: uppercase;
        }

    .comparemodal-body .table ul.list-detail {
        padding-left: 22px;
    }

        .comparemodal-body .table ul.list-detail li {
            font-size: 14px;
            color: #b2bdd1;
            display: list-item;
            list-style-type: square;
        }

.comparemodal-body .product-box .btn-close {
    right: 0;
    top: 0;
    z-index: 1;
}

.comparemodal-body .product-box .product-image {
    text-align: center;
}

    .comparemodal-body .product-box .product-image img {
        width: 100%;
        height: 100%;
    }

.modal-header {
    border: none;
    padding: 0;
}

    .modal-header .btn-close {
        width: 54px;
        height: 54px;
        top: -50px;
        right: -50px;
        line-height: 54px;
        position: absolute;
        text-decoration: none;
        text-align: center;
        color: #fff;
        background: 0% 0;
        border: none;
        cursor: pointer;
        -webkit-transition: all 0.2s linear;
        transition: all 0.2s linear;
        opacity: 1;
    }

@media (max-width: 575px) {
    .modal-header .btn-close {
        right: -14px;
    }
}

.modal-header .btn-close:before {
    content: "\f00d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 22px;
}

.shipping-modal .modal-dialog .modal-content .modal-body {
    padding: calc(15px + (40 - 15) * ((100vw - 320px) / (1920 - 320)));
}

    .shipping-modal .modal-dialog .modal-content .modal-body .modal-title h6 {
        color: #191919;
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 6px;
    }

    .shipping-modal .modal-dialog .modal-content .modal-body .modal-title ul {
        list-style-type: disc;
        -webkit-padding-start: 15px;
        padding-inline-start: 15px;
    }

        .shipping-modal .modal-dialog .modal-content .modal-body .modal-title ul li {
            display: list-item;
            color: #7e7e7e;
            line-height: 1.7;
        }

            .shipping-modal .modal-dialog .modal-content .modal-body .modal-title ul li::marker {
                color: #0e2647;
            }

.cart-modal .modal-dialog .modal-content .modal-header {
    border: none;
    padding: 0;
}

    .cart-modal .modal-dialog .modal-content .modal-header .btn-close {
        width: 54px;
        height: 54px;
        top: -50px;
        right: -50px;
        line-height: 54px;
        position: absolute;
        text-decoration: none;
        text-align: center;
        color: #fff;
        background: 0% 0;
        border: none;
        cursor: pointer;
        -webkit-transition: all 0.2s linear;
        transition: all 0.2s linear;
        opacity: 1;
    }

@media (max-width: 575px) {
    .cart-modal .modal-dialog .modal-content .modal-header .btn-close {
        right: -14px;
    }
}

.cart-modal .modal-dialog .modal-content .modal-header .btn-close:before {
    content: "\f00d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 22px;
}

.cart-modal .modal-dialog .modal-content .modal-body {
    padding: calc(15px + (40 - 15) * ((100vw - 320px) / (1920 - 320)));
}

    .cart-modal .modal-dialog .modal-content .modal-body .modal-messages {
        text-align: center;
        color: #008000;
        margin-bottom: 10px;
        background: #d1e7dd;
        padding: 12px;
        width: 100%;
        font-size: 16px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

@media (max-width: 575px) {
    .cart-modal .modal-dialog .modal-content .modal-body .modal-messages {
        display: block;
    }
}

.cart-modal .modal-dialog .modal-content .modal-body .modal-messages .fa-check {
    font-size: 14px;
    margin-right: 10px;
    width: 25px;
    height: 25px;
    background: #008000;
    border-radius: 50%;
    color: #fff;
    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;
}

@media (max-width: 575px) {
    .cart-modal .modal-dialog .modal-content .modal-body .modal-messages .fa-check {
        margin: 0 auto 12px;
    }
}

.cart-modal .modal-dialog .modal-content .modal-body .modal-product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 575px) {
    .cart-modal .modal-dialog .modal-content .modal-body .modal-product {
        display: block;
        border-bottom: 1px solid #ddd;
        padding-bottom: 30px;
    }
}

@media (max-width: 575px) {
    .cart-modal .modal-dialog .modal-content .modal-body .modal-product .modal-contain-img {
        text-align: center;
        margin-bottom: calc(10px + (18 - 10) * ((100vw - 320px) / (1920 - 320)));
    }
}

.cart-modal .modal-dialog .modal-content .modal-body .modal-product .modal-contain-details {
    margin-left: 10px;
}

@media (max-width: 575px) {
    .cart-modal .modal-dialog .modal-content .modal-body .modal-product .modal-contain-details {
        text-align: center;
        margin-left: 0;
    }
}

.cart-modal .modal-dialog .modal-content .modal-body .modal-product h5 {
    margin: 5px 0;
}

.cart-modal .modal-dialog .modal-content .modal-body .modal-product .modal-contain-img img {
    width: 100%;
    max-width: 220px;
    height: auto;
    margin: 10px 0;
}

@media (max-width: 575px) {
    .cart-modal .modal-dialog .modal-content .modal-body .modal-product .modal-contain-img img {
        max-width: 60%;
    }
}

@media (max-width: 480px) {
    .cart-modal .modal-dialog .modal-content .modal-body .modal-product .modal-contain-img img {
        max-width: 75%;
    }
}

@media (max-width: 360px) {
    .cart-modal .modal-dialog .modal-content .modal-body .modal-product .modal-contain-img img {
        max-width: 100%;
    }
}

.cart-modal .modal-dialog .modal-content .modal-body .product-total h5 {
    font-weight: 400;
}

    .cart-modal .modal-dialog .modal-content .modal-body .product-total h5 span {
        font-weight: 500;
    }

.cart-modal .modal-dialog .modal-content .modal-body .shop-cart-button {
    margin: -8px;
}

@media (max-width: 360px) {
    .cart-modal .modal-dialog .modal-content .modal-body .shop-cart-button {
        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;
    }
}

.cart-modal .modal-dialog .modal-content .modal-body .shop-cart-button .conti-button {
    border: 1px solid var(--theme-color);
    background: #fff;
    color: var(--theme-color);
    margin: calc(3px + (8 - 3) * ((100vw - 320px) / (1920 - 320)));
    padding: calc(6px + (12 - 6) * ((100vw - 320px) / (1920 - 320))) calc(10px + (25 - 10) * ((100vw - 320px) / (1920 - 320)));
    font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320)));
}

    .cart-modal .modal-dialog .modal-content .modal-body .shop-cart-button .conti-button:hover {
        background-color: var(--theme-color);
        color: #fff;
    }

.modal-size .modal-dialog .modal-content .modal-header {
    padding: 0;
}

    .modal-size .modal-dialog .modal-content .modal-header button {
        width: 54px;
        height: 54px;
        top: -50px;
        right: -50px;
        line-height: 54px;
        position: absolute;
        text-decoration: none;
        text-align: center;
        color: #fff;
        background: 0% 0;
        border: none;
        cursor: pointer;
        -webkit-transition: all 0.2s linear;
        transition: all 0.2s linear;
        opacity: 1;
    }

        .modal-size .modal-dialog .modal-content .modal-header button .fa-times {
            font-size: 22px;
        }

@media (max-width: 480px) {
    .modal-size .modal-dialog .modal-content .modal-header button {
        display: none;
    }
}

.quick-view-modal .btn-close {
    width: 54px;
    height: 54px;
    top: -32px;
    right: -56px;
    line-height: 54px;
    position: absolute;
    text-decoration: none;
    text-align: center;
    color: #fff;
    background: 0% 0;
    border: none;
    cursor: pointer;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    opacity: 1;
}

@media (max-width: 575px) {
    .quick-view-modal .btn-close {
        right: -14px;
    }
}

.quick-view-modal .btn-close:before {
    content: "";
    background-image: url(../images/close.png);
    font-weight: 900;
    font-size: 22px;
    position: absolute;
    top: 15px;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    right: 10px;
}

.quick-view-modal .modal-body {
    padding: 35px 20px;
}

.modal-content {
    border-radius: 20px;
}

.price-detail-bidding span {
    font-size: 15px;
    margin-bottom: 10px;
}

.price-detail-bidding {
    padding: 15px 30px;
    background-color: #eff2f7;
    border-radius: 10px;
    margin-right: 16px;
    text-align: center;
}

.counter {
    text-align: center;
}

.quick-view-modal .quick-view-image {
    position: relative;
}

    .quick-view-modal .quick-view-image img {
        width: 100%;
    }

@media (max-width: 991px) {
    .quick-view-modal .quick-view-image img {
        max-height: 400px;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

.quick-view-modal .quick-view-image .quick-nav {
    position: absolute;
    bottom: 20px;
    left: 20px;
}

    .quick-view-modal .quick-view-image .quick-nav .slick-slide > div img {
        margin: 0;
        border: 1px solid #ced4da;
        width: 40px;
        height: 40px;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .quick-view-modal .quick-view-image .quick-nav .slick-slide.slick-current > div img {
        border: 1px solid var(--theme-color);
    }

.quick-view-modal .product-right.veg-product-right h2 {
    font-size: 26px;
}

.quick-view-modal .product-right.veg-product-right .product-details {
    margin-top: 10px;
}

.quick-view-modal .product-right.veg-product-right .product-btns a {
    font-size: 14px;
}

.quick-view-modal .product-right.veg-product-right .price {
    display: block;
}

    .quick-view-modal .product-right.veg-product-right .price li {
        width: 100%;
    }

        .quick-view-modal .product-right.veg-product-right .price li .custome-form-check {
            width: 100%;
            padding: 15px 8px 15px 30px;
            border-radius: 4px;
            border: 1px solid #d0d0d0;
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            -webkit-box-shadow: 0 4px 10px rgba(33, 37, 41, 0.1);
            box-shadow: 0 4px 10px rgba(33, 37, 41, 0.1);
            background: #f7f7f7;
        }

.quick-view-modal .product-right.veg-product-right .veg-details {
    margin-top: 30px;
    padding: 20px 0;
    border-top: 1px dashed #ced4da;
}

    .quick-view-modal .product-right.veg-product-right .veg-details p {
        line-height: 1.7;
    }

@media (max-width: 991px) {
    .quick-view-modal .product-right.veg-product-right .veg-details {
        margin-top: 20px;
    }
}

@media (max-width: 575px) {
    .quick-view-modal .product-right.veg-product-right .veg-details {
        margin-top: 15px;
        padding: 15px 0;
    }
}

.quick-view-modal .product-right h2 {
    font-weight: 500;
}

.quick-view-modal .product-right h6 {
    font-weight: 400;
}

.quick-view-modal .product-right h4 {
    margin-bottom: 10px;
    text-transform: capitalize;
}

.quick-view-modal .product-right .price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .quick-view-modal .product-right .price h3 {
        padding-right: 20px;
    }

.quick-view-modal .product-right .color-types {
    margin-top: 20px;
    padding: 20px 0;
    border-top: 1px dashed #ced4da;
}

    .quick-view-modal .product-right .color-types.veg-details p {
        line-height: 1.7;
    }

@media (max-width: 991px) {
    .quick-view-modal .product-right .color-types {
        margin-top: 20px;
    }
}

@media (max-width: 575px) {
    .quick-view-modal .product-right .color-types {
        margin-top: 15px;
        padding: 15px 0;
    }
}

.quick-view-modal .product-right .size-detail {
    padding: 20px 0;
    border-top: 1px dashed #ced4da;
}

@media (max-width: 575px) {
    .quick-view-modal .product-right .size-detail {
        padding: 15px 0;
    }
}

.quick-view-modal .product-right .size-detail ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .quick-view-modal .product-right .size-detail ul li {
        width: 30px;
        height: 30px;
        text-align: center;
        border: 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: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .quick-view-modal .product-right .size-detail ul li.selected {
            -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
        }

        .quick-view-modal .product-right .size-detail ul li + li {
            margin-left: 10px;
        }

.quick-view-modal .product-right .product-details {
    padding: 20px 0;
    border-top: 1px dashed #ced4da;
    border-bottom: 1px dashed #ced4da;
}

@media (max-width: 575px) {
    .quick-view-modal .product-right .product-details {
        padding: 15px 0;
    }
}

.quick-view-modal .product-right .product-details ul li {
    display: block;
}

    .quick-view-modal .product-right .product-details ul li + li {
        margin-top: 5px;
    }

    .quick-view-modal .product-right .product-details ul li span {
        min-width: 150px;
    }

.quick-view-modal .product-right .product-btns {
    margin-top: 20px;
}

@media (max-width: 575px) {
    .quick-view-modal .product-right .product-btns {
        margin-top: 15px;
    }
}

.reset-email-modal .modal-content {
    border: none;
}

    .reset-email-modal .modal-content .modal-header {
        border-bottom: none;
        padding: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
        padding-bottom: 0;
    }

        .reset-email-modal .modal-content .modal-header .btn-close {
            width: 54px;
            height: 54px;
            top: -50px;
            right: -50px;
            line-height: 54px;
            position: absolute;
            text-decoration: none;
            text-align: center;
            color: #fff;
            background: 0% 0;
            border: none;
            cursor: pointer;
            -webkit-transition: all 0.2s linear;
            transition: all 0.2s linear;
            opacity: 1;
        }

@media (max-width: 575px) {
    .reset-email-modal .modal-content .modal-header .btn-close {
        right: -14px;
    }
}

.reset-email-modal .modal-content .modal-header .btn-close:before {
    content: "\f00d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 22px;
}

.reset-email-modal .modal-content .modal-body {
    padding: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
}

.reset-email-modal .modal-content .modal-footer {
    padding: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
    border-top: none;
}

    .reset-email-modal .modal-content .modal-footer button {
        margin: 0;
    }

        .reset-email-modal .modal-content .modal-footer button.modal-close-button {
            color: #fff;
            margin-right: 10px;
        }

.delete-account-modal .modal-content {
    border: none;
}

    .delete-account-modal .modal-content .modal-header {
        padding: 0;
        border: none;
    }

        .delete-account-modal .modal-content .modal-header .btn-close {
            width: 54px;
            height: 54px;
            top: -50px;
            right: -50px;
            line-height: 54px;
            position: absolute;
            text-decoration: none;
            text-align: center;
            color: #fff;
            background: 0% 0;
            border: none;
            cursor: pointer;
            -webkit-transition: all 0.2s linear;
            transition: all 0.2s linear;
            opacity: 1;
        }

@media (max-width: 575px) {
    .delete-account-modal .modal-content .modal-header .btn-close {
        right: -14px;
    }
}

.delete-account-modal .modal-content .modal-header .btn-close:before {
    content: "\f00d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 22px;
}

.delete-account-modal .modal-content .modal-body {
    padding: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
}

    .delete-account-modal .modal-content .modal-body h4 {
        font-weight: 500;
    }

.delete-account-modal .modal-content .modal-footer {
    padding: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
    border-top: none;
    padding-top: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

    .delete-account-modal .modal-content .modal-footer button {
        margin: 0;
    }

        .delete-account-modal .modal-content .modal-footer button.modal-close-button {
            color: #fff;
            margin-right: 10px;
        }

.payment-modal .modal-content {
    border: none;
}

    .payment-modal .modal-content .modal-header {
        padding: 0;
        border: none;
    }

        .payment-modal .modal-content .modal-header .btn-close {
            width: 54px;
            height: 54px;
            top: -50px;
            right: -50px;
            line-height: 54px;
            position: absolute;
            text-decoration: none;
            text-align: center;
            color: #fff;
            background: 0% 0;
            border: none;
            cursor: pointer;
            -webkit-transition: all 0.2s linear;
            transition: all 0.2s linear;
            opacity: 1;
        }

@media (max-width: 575px) {
    .payment-modal .modal-content .modal-header .btn-close {
        right: -14px;
    }
}

.payment-modal .modal-content .modal-header .btn-close:before {
    content: "\f00d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 22px;
}

.payment-modal .modal-content .modal-body {
    padding: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
}

    .payment-modal .modal-content .modal-body h4 {
        font-weight: 500;
    }

.payment-modal .modal-content .modal-footer {
    padding: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
    border-top: none;
    padding-top: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

    .payment-modal .modal-content .modal-footer button {
        margin: 0;
    }

        .payment-modal .modal-content .modal-footer button.modal-close-button {
            color: #fff;
            margin-right: 10px;
        }

.add-address-modal .modal-content {
    border: none;
}

    .add-address-modal .modal-content .modal-header {
        padding: 0;
        border: none;
    }

        .add-address-modal .modal-content .modal-header .btn-close {
            width: 54px;
            height: 54px;
            top: -50px;
            right: -50px;
            line-height: 54px;
            position: absolute;
            text-decoration: none;
            text-align: center;
            color: #fff;
            background: 0% 0;
            border: none;
            cursor: pointer;
            -webkit-transition: all 0.2s linear;
            transition: all 0.2s linear;
            opacity: 1;
        }

@media (max-width: 575px) {
    .add-address-modal .modal-content .modal-header .btn-close {
        right: -14px;
    }
}

.add-address-modal .modal-content .modal-header .btn-close:before {
    content: "\f00d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 22px;
}

.add-address-modal .modal-content .modal-body {
    padding: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
}

    .add-address-modal .modal-content .modal-body h4 {
        font-weight: 500;
    }

.add-address-modal .modal-content .modal-footer {
    padding: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
    border-top: none;
    padding-top: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

    .add-address-modal .modal-content .modal-footer button {
        margin: 0;
    }

        .add-address-modal .modal-content .modal-footer button.modal-close-button {
            color: #fff;
            margin-right: 10px;
        }

/**=====================
     Tap to top css start
==========================**/
.tap-to-top {
    background-color: #2c75b3;
    position: fixed;
    bottom: 90px;
    right: -60px;
    border-radius: 5px;
    overflow: hidden;
    width: calc(35px + (45 - 35) * ((100vw - 320px) / (1920 - 320)));
    height: calc(35px + (45 - 35) * ((100vw - 320px) / (1920 - 320)));
    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: calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320)));
    -webkit-box-shadow: 0 3px 8px rgba(33, 37, 41, 0.35);
    box-shadow: 0 3px 8px rgba(33, 37, 41, 0.35);
    z-index: 38;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    cursor: pointer;
    opacity: 0;
}

    .tap-to-top::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 0;
        background: #0e2647;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: -1;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }

    .tap-to-top:hover::before {
        height: 100%;
    }

@media (max-width: 575px) {
    .tap-to-top {
        bottom: 75px;
    }
}

.tap-to-top.show {
    right: 15px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 1;
}

.tap-to-top a {
    color: #fff;
    width: calc(35px + (40 - 35) * ((100vw - 320px) / (1920 - 320)));
    height: calc(35px + (40 - 35) * ((100vw - 320px) / (1920 - 320)));
    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: calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320)));
    z-index: 3;
}

@media (max-width: 575px) {
    .tap-to-top a {
        bottom: 75px;
    }
}

/**=====================
     form css start
  ==========================**/
.form-control {
    font-size: 14px;
    padding: 17px;
    font-family: "Almarai";
    border-radius: 13px;
    background-color: #eff2f7;
    border: none;
    border: 1px solid rgb(217, 218, 222);
    direction: ltr;
    text-align: left;
}

.location-div .input-group-append {
    background-color: #ff731d;
    color: white;
    border-radius: 0 15px 15px 0;
}

.input-p {
    margin-top: 25px;
}

.form-control.subscribe-input {
    border: none;
    border-radius: 0;
}

.form-control:focus {
    background-color: #eff2f7;
    border-color: #ced4da;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #0e2647;
}

.form-select {
    font-size: 14px;
}

    .form-select:focus {
        background-color: #ffffff;
        border-color: #ced4da;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #0e2647;
    }

.input-group .btn {
    z-index: 1;
}

.checkbox_animated {
    cursor: pointer;
    position: relative;
    margin-right: 16px;
}

    .checkbox_animated:before {
        -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
        transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
        transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
        transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75), -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
        -webkit-transform: rotate(45deg) scale(0, 0);
        transform: rotate(45deg) scale(0, 0);
        content: "";
        position: absolute;
        left: 4px;
        top: 4px;
        z-index: 1;
        width: 12px;
        height: 6px;
        border: 2px solid #2c74b3;
        border-top-style: none;
        border-right-style: none;
    }

    .checkbox_animated:after {
        content: "";
        position: absolute;
        top: -3px;
        left: -1px;
        width: 21px;
        height: 21px;
        background: #fff;
        border: 2px solid #ddd;
        cursor: pointer;
        border-radius: 5px;
    }

    .checkbox_animated:checked:before {
        -webkit-transform: rotate(45deg) scale(-1, 1);
        transform: rotate(45deg) scale(-1, 1);
    }

/**=====================
     slider css start
==========================**/
.slick-initialized .slick-arrow {
    z-index: 1;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

    .slick-initialized .slick-arrow:before {
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }

    .slick-initialized .slick-arrow:hover {
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }

        .slick-initialized .slick-arrow:hover:before {
            -webkit-transition: 0.5s;
            transition: 0.5s;
        }

.spacing-slider.slick-slider {
    margin: 0 -12px;
}

    .spacing-slider.slick-slider .slick-list {
        margin: 0 -12px;
    }

@media (max-width: 575px) {
    .spacing-slider.slick-slider .slick-list {
        margin: 0 -6px;
    }
}

.spacing-slider.slick-slider .slick-list .slick-slide > div {
    margin: 0 12px;
}

@media (max-width: 575px) {
    .spacing-slider.slick-slider .slick-list .slick-slide > div {
        margin: 0 6px;
    }
}

.spacing-slider.slick-slider.slick-dotted {
    margin-bottom: 0;
}

.slick-slider .slick-list {
    margin: 0 -12px;
}

@media (max-width: 575px) {
    .slick-slider .slick-list {
        margin: 0 -6px;
    }
}

.slick-slider .slick-list .slick-slide > div {
    margin: 0 0px;
}

@media (max-width: 575px) {
    .slick-slider .slick-list .slick-slide > div {
        margin: 0 6px;
    }
}

.slick-slider.slick-dotted {
    margin-bottom: 0;
}

.slide-6 .slick-list {
    margin: 0;
}

.classic-arrow .custom-arrow {
    position: absolute;
    bottom: 50px;
    z-index: 1;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    cursor: pointer;
}

@media (max-width: 991px) {
    .classic-arrow .custom-arrow {
        bottom: 90px;
    }
}

@media (max-width: 575px) {
    .classic-arrow .custom-arrow {
        bottom: 10px;
    }
}

.classic-arrow .custom-arrow:hover {
    color: var(--theme-color);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.classic-arrow .custom-arrow i {
    font-size: 12px;
    vertical-align: 1px;
}

@media (max-width: 575px) {
    .classic-arrow .custom-arrow i {
        margin: 0 !important;
        padding: 8px;
        background-color: #fff;
    }

        .classic-arrow .custom-arrow i:hover {
            background-color: var(--theme-color);
            color: #fff;
        }
}

.classic-arrow .custom-arrow.prev {
    right: 20%;
}

@media (max-width: 991px) {
    .classic-arrow .custom-arrow.prev {
        right: unset;
        left: 5%;
    }
}

@media (max-width: 575px) {
    .classic-arrow .custom-arrow.prev {
        right: 53% !important;
        left: unset !important;
        bottom: 20px;
    }
}

@media (max-width: 360px) {
    .classic-arrow .custom-arrow.prev {
        right: 12%;
        left: unset;
    }
}

.classic-arrow .custom-arrow.next {
    right: 13%;
}

@media (max-width: 1199px) {
    .classic-arrow .custom-arrow.next {
        right: 11%;
    }
}

@media (max-width: 991px) {
    .classic-arrow .custom-arrow.next {
        right: unset;
        left: 16%;
    }
}

@media (max-width: 767px) {
    .classic-arrow .custom-arrow.next {
        left: 20%;
    }
}

@media (max-width: 575px) {
    .classic-arrow .custom-arrow.next {
        left: unset;
        right: 3%;
    }
}

.classic-arrow .custom-arrow.next::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-left: 2px solid rgba(0, 0, 0, 0.1);
    left: -28px;
    top: 0;
}

@media (max-width: 1660px) {
    .classic-arrow .custom-arrow.next::before {
        display: none;
    }
}

.classic-arrow .custom-arrow span {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
}

@media (max-width: 767px) {
    .classic-arrow .custom-arrow span {
        font-size: 14px;
    }
}

@media (max-width: 575px) {
    .classic-arrow .custom-arrow span {
        display: none;
    }
}

.classic-arrow-1 .custom-arrow {
    position: absolute;
    bottom: 50px;
    z-index: 1;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    cursor: pointer;
}

    .classic-arrow-1 .custom-arrow:hover {
        color: var(--theme-color);
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }

    .classic-arrow-1 .custom-arrow i {
        font-size: 12px;
        vertical-align: 1px;
    }

@media (max-width: 575px) {
    .classic-arrow-1 .custom-arrow i {
        margin: 0 !important;
        padding: 8px;
        background-color: #fff;
    }

        .classic-arrow-1 .custom-arrow i:hover {
            background-color: var(--theme-color);
            color: #fff;
        }
}

.classic-arrow-1 .custom-arrow.prev {
    right: 20%;
}

@media (max-width: 575px) {
}

@media (max-width: 480px) {
}

.classic-arrow-1 .custom-arrow.next {
    right: 13%;
}

    .classic-arrow-1 .custom-arrow.next::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        border-left: 2px solid rgba(0, 0, 0, 0.1);
        left: -28px;
        top: 0;
    }

@media (max-width: 1660px) {
    .classic-arrow-1 .custom-arrow.next::before {
        display: none;
    }
}

@media (max-width: 480px) {
}

.classic-arrow-1 .custom-arrow span {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
}

@media (max-width: 767px) {
    .classic-arrow-1 .custom-arrow span {
        font-size: 14px;
    }
}

@media (max-width: 575px) {
    .classic-arrow-1 .custom-arrow span {
        display: none;
    }
}

.light-arrow .slick-arrow,
.white-arrow .slick-arrow {
    border-radius: 100%;
    width: 40px;
    height: 40px;
}

@media (max-width: 991px) {
    .light-arrow .slick-arrow,
    .white-arrow .slick-arrow {
        width: 30px;
        height: 30px;
    }
}

.light-arrow .slick-arrow:before,
.white-arrow .slick-arrow:before {
    content: " ";
    background-image: url("../images/back.png");
    position: absolute;
    top: 2px !important;
    right: 2px;
    width: 23px;
    height: 23px;
}

.light-arrow .slick-prev,
.white-arrow .slick-prev {
    z-index: 1;
}

.light-arrow .slick-arrow {
    background-color: #f0f3f8;
}

    .light-arrow .slick-arrow:before {
        color: #0a2647;
    }

    .light-arrow .slick-arrow:hover {
        background-color: var(--theme-color);
    }

        .light-arrow .slick-arrow:hover:before {
            color: #fff;
        }

.bottom-space {
    margin-bottom: -4px;
}

.white-arrow .slick-arrow {
    background-color: rgb(43 114 176);
    width: 30px;
    height: 30px;
}

    .white-arrow .slick-arrow:before {
        color: #fff;
    }

    .white-arrow .slick-arrow:hover,
    .white-arrow .slick-arrow:active,
    .white-arrow .slick-arrow:focus {
        background-color: #194e7c;
    }

        .white-arrow .slick-arrow:hover:before,
        .white-arrow .slick-arrow:active:before,
        .white-arrow .slick-arrow:focus:before {
            color: var(--theme-color);
        }

.category-slider .slick-prev {
    left: -120px;
}

.category-slider .slick-next {
    right: unset;
    left: -80px;
}

.brand-image img {
    margin: 0 auto;
}

.dot-dark .slick-dots {
    bottom: unset;
    width: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    left: unset;
}

    .dot-dark .slick-dots li {
        width: auto;
        height: auto;
        display: block;
        margin: 5px;
    }

        .dot-dark .slick-dots li button {
            width: 10px;
            height: 10px;
            background: #0a2647;
            font-size: 10px;
            border-radius: 100%;
        }

            .dot-dark .slick-dots li button:before {
                display: none;
            }

        .dot-dark .slick-dots li.slick-active button {
            background-color: var(--theme-color);
        }

.image-show .slick-list {
    overflow: visible;
    height: auto !important;
}

.image-show .slick-slide {
    float: none;
}

.slick-lg-space .slick-list {
    margin: -5px -18px;
}

@media (max-width: 767px) {
    .slick-lg-space .slick-list {
        margin: -5px -10px;
    }
}

.slick-lg-space .slick-list .slick-slide > div {
    margin: 5px 18px;
}

@media (max-width: 767px) {
    .slick-lg-space .slick-list .slick-slide > div {
        margin: 5px 10px;
    }
}

.black-slide .slick-list .slick-track .slick-slide > div {
    margin: 0 5px;
}

.black-slide .slick-list .slick-track .slick-slide.slick-active .play-icon .fa-play {
    -webkit-filter: grayscale(100%) blur(1px);
    filter: grayscale(100%) blur(1px);
    opacity: 0.5;
}

.black-slide .slick-list .slick-track .slick-slide.slick-active .play-icon:hover .fa-play {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
}

.black-slide .slick-list .slick-track .slick-slide.slick-active img {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.black-slide .slick-list .slick-track .slick-slide.slick-active:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
}

.black-slide .slick-list .slick-track .slick-slide img {
    -webkit-filter: grayscale(20%) blur(1px);
    filter: grayscale(20%) blur(1px);
    opacity: 0.8;
    height: 150px;
    object-fit: cover;
    background-color: #f1f1f1;
    width: 100%;
}

.black-slide .slick-list .slick-track .slick-slide.slick-center img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
}

.black-slide .slick-list .slick-track .slick-slide.slick-center .play-icon .fa-play {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
}

/**=====================
    Touchspin  CSS Start
==========================**/
.bootstrap-touchspin input.touchspin {
    padding: 0 12px;
}

.bootstrap-touchspin .input-group .btn {
    padding: 0.5rem 1.75rem;
}

.bootstrap-touchspin .input-group {
    font-family: "Almarai", sans-serif;
}

    .bootstrap-touchspin .input-group .btn {
        border-radius: 0 !important;
    }

.touchspin-vertical-tab {
    max-width: 60px;
    width: unset;
}

    .touchspin-vertical-tab .touchspin-vertical {
        padding: 6px 12px;
    }

    .touchspin-vertical-tab .input-group .input-group-btn-vertical {
        position: relative;
        display: grid;
    }

        .touchspin-vertical-tab .input-group .input-group-btn-vertical .bootstrap-touchspin-down {
            margin-top: -2px;
        }

        .touchspin-vertical-tab .input-group .input-group-btn-vertical i {
            position: absolute;
            top: 4px;
            left: 7px;
            font-size: 10px;
            font-weight: 900;
        }

        .touchspin-vertical-tab .input-group .input-group-btn-vertical > .btn {
            display: block;
            float: none;
            width: 100%;
            max-width: 100%;
            padding: 9px;
            margin-left: -1px;
            position: relative;
            background: #fff;
            border-color: #ced4da;
        }

/**=====================
    Lazy Load css Start
==========================**/
.blur-up {
    -webkit-filter: blur(5px);
    filter: blur(5px);
    transition: filter 400ms, -webkit-filter 400ms;
}

    .blur-up.lazyloaded {
        -webkit-filter: blur(0);
        filter: blur(0);
    }

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

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

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

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

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: -122px;
    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: 99;
}

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: #0a2647;
        }

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

header .main-menu {
    position: relative;
    padding: 10px 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;
}

@media (max-width: 575px) {
    header .onhover-div {
        right: -133px;
    }

    /*    header .main-menu .menu-right > ul li:nth-child(3) {
        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;
        }

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;
    }

        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: var(--theme-color);
    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: var(--theme-color);
        margin-bottom: 15px;
    }

header .search-full {
    background-color: #fff;
    position: absolute;
    right: 50%;
    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: 0px solid #f0f3f8;
    }

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

            header .search-full .input-group .input-group-text.close-search {
                cursor: pointer;
                background-color: #ffdedb;
                position: absolute;
                right: -58px;
                top: 6px;
                width: 46px;
                height: 46px;
                border-radius: 50%;
                margin-left: 0 !important;
            }

                header .search-full .input-group .input-group-text.close-search i {
                    color: #fff !important;
                }

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

        header .search-full .input-group input {
            border: none;
            border-radius: 10px !important;
            margin-left: 0;
            padding-right: 38px;
        }

    header .search-full.open {
        width: calc(100% - 400px);
        height: 100%;
        -webkit-animation: zoomIn 0.5s ease-in-out;
        animation: zoomIn 0.5s ease-in-out;
        -webkit-transform: scale(1);
        transform: scale(1) translateX(50%);
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        z-index: 8;
    }

    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: 10px;
        background-color: #eff2f7;
        line-height: 27px;
        padding: 8px;
    }

    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: auto;
    margin-right: 50px;
    -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;
}

    .brand-logo .svg-icon .fill-color {
        fill: var(--theme-color);
    }

@-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: #0a2647;
                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: var(--theme-color);
                }

.close-btn {
    padding: 20px;
    font-size: 18px;
    color: #0a2647;
    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: 99;
    -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);
}

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

        .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: 12px;
    }
}

.mobile-menu ul li a.active,
.mobile-menu ul li a:hover {
    color: var(--theme-color);
}

.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;
                }

            .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;
            }

        .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;
        }

        .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-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: space-between;
        -ms-flex-pack: space-between;
        justify-content: space-between;
    }
}
/*
header .top-header .border-list {
    padding-left: 6px;
}*/

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

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

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

    header .top-header .border-list > li a i {
        vertical-align: middle;
        font-size: 11px;
        padding-left: 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;
}

@media (max-width: 575px) {
}

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

header .top-header .border-list > li + li {
    border-left: 1px solid #788a9e;
}

@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: var(--theme-color);
    color: #fff !important;
}

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: 0px;
    }
}

header .main-menu .menu-right .search-box {
    padding: 6px;
    height: 40px;
    width: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: aliceblue;
    color: #2a6fac;
    border-radius: 50%;
    transition: .4s;
}

    header .main-menu .menu-right .search-box:hover {
        transform: translateY(-4px);
    }

.icon-chat-box {
    padding: 5px;
    height: 40px;
    width: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: aliceblue;
    color: #2a6fac;
    border-radius: 50%;
    transition: .4s;
}

    .icon-chat-box:hover {
        transform: translateY(-4px);
    }

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

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

@media (max-width: 575px) {
    header .main-menu .menu-right .search-box {
        padding: 5px 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: 22px;
    }

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

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

@media (max-width: 575px) {
    header .main-menu .menu-right > ul > li + li {
        margin-left: 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: 17px;
            height: 17px;
            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;
            background-color: #f37329;
        }

    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;
}

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

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

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

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

@media (max-width: 575px) {
    header .category-menu {
        margin-left: 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;
}

/**=====================
     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;
    }

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

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

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

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

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 rgb(90 90 90 / 20%);
    box-shadow: 0 1px 5px 0 rgb(90 90 90 / 20%);
    padding: 15px 0;
    background: #fff;
    width: 230px;
    border-radius: 15px !important;
}

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

.nav-submenu svg {
    stroke: #2c75b3;
    width: 20px;
}

header .main-navbar .nav-menu > li .nav-submenu li a {
    color: #0a2647;
    border-radius: 0 !important;
    font-size: 14px;
    text-transform: capitalize;
    padding: 3px 20px 3px 20px;
    display: block;
    letter-spacing: 0;
    line-height: 1.9;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
    font-weight: 600;
}

    header .main-navbar .nav-menu > li .nav-submenu li a span {
        padding: 0px 10px;
        border-radius: 5px;
        font-size: 12px;
        color: var(--theme-color);
        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: var(--theme-color);
            opacity: 0.07;
        }

        header .main-navbar .nav-menu > li .nav-submenu li a span.tren-budge {
            color: #0e2647;
            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: var(--theme-color) !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: #0e2647;
            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: var(--theme-color);
    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: #0e2647;
        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: var(--theme-color) !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: var(--theme-color);
    }

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: #0e2647;
            -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

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

        header .main-navbar .nav-menu > li.dropdown .menu-title::after {
            position: absolute;
            content: " ";
            right: -7px;
            width: 20px !important;
            height: 20px;
            background-image: url(../images/down-arrow.png);
            top: 75%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            font-weight: 600;
            font-size: 12px;
            background-repeat: no-repeat;
        }

    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: 11;
        visibility: visible;
        margin-top: 16px;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        height: 440px;
        overflow-x: hidden;
    }

        header .main-navbar .nav-menu > li:hover .nav-submenu::-webkit-scrollbar {
            width: 5px;
        }

        header .main-navbar .nav-menu > li:hover .nav-submenu::-webkit-scrollbar-track {
            background-color: #ddd;
        }

        header .main-navbar .nav-menu > li:hover .nav-submenu::-webkit-scrollbar-thumb {
            background: #b5bec7;
            border-radius: 5px;
        }

            header .main-navbar .nav-menu > li:hover .nav-submenu::-webkit-scrollbar-thumb:hover {
                opacity: 0.8;
            }

    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: 50px;
        top: 0;
        height: 100vh;
        right: -300px;
        z-index: 9999999;
        -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: 10px;
                        width: 3px;
                        height: 3px;
                        border-radius: 50%;
                        background-color: #1d4e7b;
                    }

                    header .main-navbar .nav-menu > li .nav-submenu li a:hover::after {
                        background-color: var(--theme-color);
                    }

                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: #0e2647;
                -webkit-transition: all 0.5s ease;
                transition: all 0.5s ease;
            }

                header .main-navbar .nav-menu > li .nav-link.active:hover {
                    color: var(--theme-color);
                    -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;
    }
}

/**=====================
    Subsribe css Start
==========================**/
.subscribe-section {
    background-color: #eff3f7;
}

.subscribe-section-light {
    background-color: #f0f8f0;
}

.subscribe-section .subscribe-details {
    height: 100%;
}

    .subscribe-section .subscribe-details h2 {
        font-size: calc(18px + (30 - 18) * ((100vw - 320px) / (1920 - 320)));
        margin-top: -2px;
    }

    .subscribe-section .subscribe-details h6 {
        font-size: 15px;
        font-weight: normal;
        display: block;
        margin-bottom: -3px;
        line-height: 1.6;
    }

.subscribe-section .subsribe-input {
    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;
    height: 100%;
}

.slick-slide img {
    border-radius: 10px
}



.subscribe-section .subsribe-input .form-control {
    border-radius: 0;
}

/**=====================
     home section css start
==========================**/
.home-section {
    overflow: hidden;
}

    .home-section .home-slider {
        width: 100%;
        position: relative;
        border-radius: 20px;
    }

@media (max-width: 575px) {


    .home-section .home-slider.ads-home {
        height: 200px;
    }

    .my-5 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
}

@media (max-width: 360px) {
    .home-section .home-slider {
        height: auto !important;
    }
}

.home-section .home-wrap {
    height: 100%;
}

    .home-section .home-wrap h4 {
        font-size: calc(20px + (24 - 20) * ((100vw - 320px) / (1920 - 320)));
        margin-top: -4px;
    }

@media (max-width: 1199px) {
    .home-section .home-wrap h4 {
        font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1199 - 320)));
    }
}

.home-section .home-wrap h6 {
    color: #0e2647;
}

.home-section .home-wrap p {
    font-size: calc(15px + (16 - 15) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.5;
    color: #0e2647;
}

@media (max-width: 1660px) {
    .home-section .home-wrap p {
        max-width: 90%;
    }
}

@media (max-width: 1366px) {
    .home-section .home-wrap p {
        max-width: 80%;
    }
}

@media (max-width: 991px) {
    .home-section .home-wrap p {
        max-width: 89%;
    }
}

.home-section .home-wrap .discover-block {
    margin-top: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));
}

@media (max-width: 480px) {
    .home-section .home-wrap .discover-block {
        margin-top: 10px;
    }
}

.home-section .home-wrap .discover-block .d-flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.home-section .home-wrap .discover-block .play-icon {
    width: calc(30px + (50 - 30) * ((100vw - 320px) / (1920 - 320)));
    height: calc(30px + (50 - 30) * ((100vw - 320px) / (1920 - 320)));
    border-radius: 100%;
    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;
    color: #fff;
    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
    position: relative;
    z-index: 1;
}

    .home-section .home-wrap .discover-block .play-icon::before {
        content: "";
        position: absolute;
        width: calc(100% + 10px);
        height: calc(100% + 10px);
        background-color: var(--theme-color);
        border-radius: 100%;
        opacity: 0.1;
        left: -5px;
        top: -5px;
        z-index: -1;
    }

    .home-section .home-wrap .discover-block .play-icon i {
        margin-left: 3px;
    }

.home-section .home-wrap .discover-block .discover-content {
    margin-left: 20px;
}

@media (max-width: 360px) {
    .home-section .home-wrap .discover-block .discover-content {
        margin-left: 18px;
    }
}

.home-section .home-social {
    position: absolute;
}

    .home-section .home-social ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .home-section .home-social ul li a {
            font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
        }

        .home-section .home-social ul li img {
            margin-right: 5px;
        }

        .home-section .home-social ul li span {
            vertical-align: -2px;
            font-weight: 600;
            color: #0e2647;
        }

.home-section {
    padding: 10px 0;
}

    .home-section .home-wrap {
        padding: 50px 100px;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

@media (max-width: 1660px) {
    .home-section .home-wrap {
        padding: 40px 50px;
    }
}

@media (max-width: 1366px) {
    .home-section .home-wrap {
        padding: 30px 40px;
    }
}

@media (max-width: 575px) {
    .home-section .home-wrap {
        padding: 30px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media (max-width: 991px) {
    .home-section .home-wrap .left-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: 22px;
    }
}

.home-section .home-wrap .left-content .offer-wrap {
    margin-bottom: calc(30px + (90 - 30) * ((100vw - 320px) / (1920 - 320)));
}

@media (max-width: 1199px) {
    .home-section .home-wrap .left-content .offer-wrap {
        margin-bottom: 20px;
    }
}

.home-section .home-wrap .left-content .offer-wrap h6 {
    color: #0e2647;
}

.home-section .home-wrap .left-content .home-content h1 {
    color: #0e2647;
}

@media (max-width: 575px) {
    .home-section .home-wrap .left-content .home-content h1 {
        font-size: 26px;
    }
}

.home-section .home-wrap .left-content .home-content h2 {
    font-size: calc(32px + (40 - 32) * ((100vw - 320px) / (1920 - 320)));
    color: #0e2647;
    font-weight: 400;
}

.home-section .home-wrap .left-content .home-content h3 {
    font-size: calc(32px + (40 - 32) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 500;
}

@media (max-width: 1199px) {
    .home-section .home-wrap .left-content .home-content h3 {
        font-size: calc(28px + (30 - 28) * ((100vw - 320px) / (1199 - 320)));
    }
}

@media (max-width: 575px) {
    .home-section .home-wrap .left-content .home-content h3 {
        font-size: 20px;
    }
}

.home-section .home-wrap .left-content .home-content .text-decoration-line-through {
    font-size: calc(20px + (24 - 20) * ((100vw - 320px) / (1920 - 320)));
}

@media (max-width: 1199px) {
    .home-section .home-wrap .left-content .home-content .text-decoration-line-through {
        font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1199 - 320)));
    }
}

@media (max-width: 575px) {
    .home-section .home-wrap .left-content .home-content .text-decoration-line-through {
        font-size: 14px;
    }
}

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

    .home-section .home-wrap .right-content .product-img {
        margin-top: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
    }

        .home-section .home-wrap .right-content .product-img ul {
            display: block;
            margin-bottom: -5px;
        }

@media (max-width: 1660px) {
    .home-section .home-wrap .right-content .product-img ul li a img {
        height: 80px;
    }
}

.home-section .home-wrap .right-content .product-img ul li + li {
    margin-left: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
}

.home-section .home-social {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    position: absolute;
    right: 70px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (max-width: 1660px) {
    .home-section .home-social {
        right: 50px;
    }
}

@media (max-width: 1460px) {
    .home-section .home-social {
        right: 40px;
    }
}

.home-section .home-social ul {
    margin: 0;
    padding: 0;
}

    .home-section .home-social ul li {
        margin-bottom: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
    }

        .home-section .home-social ul li img {
            margin-right: 0;
            margin-bottom: 5px;
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
        }

        .home-section .home-social ul li span {
            vertical-align: 3px;
        }

        .home-section .home-social ul li a {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

.home-section .group-btn {
    position: absolute;
    bottom: 0;
}

    .home-section .group-btn .btn {
        font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
        padding: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320))) calc(15px + (40 - 15) * ((100vw - 320px) / (1920 - 320)));
        background-color: #1d1d1d;
        border-color: #1d1d1d;
        color: #fff;
    }

        .home-section .group-btn .btn::before {
            background-color: #1d1d1d;
        }

/**=====================
    service section css start
==========================**/
@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 svg {
        width: 55px;
        height: 55px;
        fill: var(--theme-color);
        stroke: var(--theme-color);
        margin-right: 20px;
    }

@media (max-width: 1460px) {
    .service-section .service-wrap .service-icon svg {
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 767px) {
    .service-section .service-wrap .service-icon svg {
        width: 35px;
        height: 35px;
    }
}

.service-section .service-wrap .service-content h3 {
    margin-top: -3px;
}

@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 .service-wrap .service-icon {
        margin-bottom: 20px;
    }

.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;
    }
}

/**=====================
     banner css start
==========================**/
.timer-banner {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}

.collection-banner {
    position: relative;
    overflow: hidden;
    height: 100%;
}

@media (max-width: 991px) {
    .collection-banner .collection-contain {
        background-color: rgba(0, 0, 0, 0.7);
        padding: 15px 30px;
        border-radius: 4px;
        -webkit-backdrop-filter: blur(3px);
        backdrop-filter: blur(3px);
    }

        .collection-banner .collection-contain h6,
        .collection-banner .collection-contain h2,
        .collection-banner .collection-contain p {
            color: #fff !important;
        }
}

.collection-banner .theme-color {
    margin-top: -2px;
}

.collection-banner .contain-banner {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .collection-banner .contain-banner.contain-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .collection-banner .contain-banner .banner-content {
        padding: 45px 80px;
    }

@media (max-width: 1460px) {
    .collection-banner .contain-banner .banner-content {
        padding: 30px 60px;
    }
}

@media (max-width: 1366px) {
    .collection-banner .contain-banner .banner-content {
        padding: 30px 40px;
    }
}

@media (max-width: 1199px) {
    .collection-banner .contain-banner .banner-content {
        padding: 20px 15px;
    }
}

@media (max-width: 991px) {
    .collection-banner .contain-banner .banner-content {
        padding: 40px;
    }
}

@media (max-width: 575px) {
    .collection-banner .contain-banner .banner-content {
        padding: 30px;
    }
}

@media (max-width: 360px) {
    .collection-banner .contain-banner .banner-content {
        padding: 20px;
    }
}

.collection-banner .contain-banner .banner-content.spacing-banner {
    padding: 40px;
}

@media (max-width: 1460px) {
    .collection-banner .contain-banner .banner-content.spacing-banner {
        padding: 30px;
    }
}

@media (max-width: 1366px) {
    .collection-banner .contain-banner .banner-content.spacing-banner {
        padding: 30px;
    }
}

@media (max-width: 1199px) {
    .collection-banner .contain-banner .banner-content.spacing-banner {
        padding: 20px;
    }
}

@media (max-width: 991px) {
    .collection-banner .contain-banner .banner-content.spacing-banner {
        padding: 40px;
    }
}

@media (max-width: 575px) {
    .collection-banner .contain-banner .banner-content.spacing-banner {
        padding: 30px;
    }
}

@media (max-width: 360px) {
    .collection-banner .contain-banner .banner-content.spacing-banner {
        padding: 20px;
    }
}

.collection-banner .contain-banner .banner-content.with-bg {
    background-color: rgba(35, 35, 35, 0.93);
    color: #fff;
}

    .collection-banner .contain-banner .banner-content.with-bg h2 {
        margin-top: -2px;
    }

    .collection-banner .contain-banner .banner-content.with-bg h3 {
        margin-top: -3px;
    }

    .collection-banner .contain-banner .banner-content.with-bg span {
        display: block;
        margin-bottom: -5px;
    }

.collection-banner .contain-banner .banner-content.with-big {
    background-color: rgba(35, 35, 35, 0.85);
    color: #fff;
}

    .collection-banner .contain-banner .banner-content.with-big h2 {
        margin-top: -3px;
    }

.collection-banner .contain-banner .banner-content span {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 5px;
}

@media (max-width: 1199px) {
    .collection-banner .contain-banner .banner-content span {
        letter-spacing: 3px;
    }
}

.collection-banner .contain-banner .banner-content.t-top h3 {
    margin-top: -4px;
}

.collection-banner .banner-img {
    height: 100%;
}

.collection-banner.p-center .contain-banner,
.collection-banner.p-center .banner-text {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.collection-banner.p-right .contain-banner,
.collection-banner.p-right .banner-text {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

    .collection-banner.p-right .contain-banner h3,
    .collection-banner.p-right .banner-text h3 {
        margin-top: -9px;
    }

    .collection-banner.p-right .contain-banner .span-top,
    .collection-banner.p-right .banner-text .span-top {
        margin-top: -4px;
        display: block;
    }

.collection-banner.p-right .banner-content {
    text-align: right;
}

.collection-banner.p-left .contain-banner,
.collection-banner.p-left .banner-text {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.collection-banner.p-bottom .contain-banner {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.collection-banner .banner-text {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .collection-banner .banner-text .banner-content {
        padding: 50px;
        width: 60%;
    }

        .collection-banner .banner-text .banner-content.t-top h3 {
            color: #0e2647;
            margin-top: -4px;
        }

@media (max-width: 480px) {
    .collection-banner .banner-text .banner-content.t-top h3 {
        margin-bottom: 5px;
    }
}

@media (max-width: 1460px) {
    .collection-banner .banner-text .banner-content {
        padding: 30px 60px;
    }
}

@media (max-width: 1366px) {
    .collection-banner .banner-text .banner-content {
        padding: 30px 40px;
    }
}

@media (max-width: 1199px) {
    .collection-banner .banner-text .banner-content {
        padding: 20px 15px;
    }
}

@media (max-width: 991px) {
    .collection-banner .banner-text .banner-content {
        padding: 0 40px;
    }
}

@media (max-width: 575px) {
    .collection-banner .banner-text .banner-content {
        padding: 0 30px;
    }
}

@media (max-width: 360px) {
    .collection-banner .banner-text .banner-content {
        padding: 0 10px;
        width: 50%;
    }
}

.collection-banner .banner-text h6 {
    font-weight: 600;
    margin-top: -3px;
}

.collection-banner .banner-text h2 {
    margin: calc(2px + (20 - 2) * ((100vw - 320px) / (1920 - 320))) 0;
    font-size: calc(18px + (46 - 18) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.32;
    color: #0e2647;
}

.collection-banner .banner-text h3 {
    font-size: calc(20px + (32 - 20) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.45;
    margin-bottom: 20px;
}

    .collection-banner .banner-text h3.h-bottom {
        margin-bottom: calc(2px + (20 - 2) * ((100vw - 320px) / (1920 - 320)));
        margin-top: -6px;
        color: #0e2647;
    }

.collection-banner .banner-text .btn {
    font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));
}

.banner-title .banner-text .banner-content {
    width: 56%;
}

    .banner-title .banner-text .banner-content .spacing-text {
        margin-top: -6px;
        color: #0e2647;
    }

.collection-center {
    position: relative;
    padding: 50px;
    background-color: #f0f3f8;
    color: #0e2647;
}

@media (max-width: 1460px) {
    .collection-center {
        padding: 40px;
    }
}

@media (max-width: 575px) {
    .collection-center {
        padding: 30px;
    }
}

@media (max-width: 360px) {
    .collection-center {
        padding: 20px;
    }
}

.collection-center h2 {
    line-height: 1.3;
}

.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: var(--theme-color);
        }

@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;
    }
}

.timer-banner {
    overflow: hidden;
}

    .timer-banner .round-circle {
        position: absolute;
        -webkit-animation: rounded 10s infinite linear;
        animation: rounded 10s infinite linear;
        z-index: 0;
        width: 90%;
    }

    .timer-banner .veg-image {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        position: absolute;
        z-index: 1;
    }

    .timer-banner .social-media {
        z-index: 1;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 15px;
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        text-orientation: mixed;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

@media (max-width: 360px) {
    .timer-banner .social-media {
        bottom: 0;
        position: absolute;
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb;
        top: unset;
    }
}

.timer-banner .social-media .social-icon {
    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;
}

    .timer-banner .social-media .social-icon + .social-icon {
        margin-top: 10px;
    }

@media (max-width: 360px) {
    .timer-banner .social-media .social-icon + .social-icon {
        margin-top: 0;
        margin-left: 5px;
    }
}

.timer-banner .social-media .social-icon img {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-bottom: 10px;
}

@media (max-width: 360px) {
    .timer-banner .social-media .social-icon img {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        margin-bottom: 0;
    }
}

.timer-banner .social-media .social-icon h6 {
    font-weight: 600;
    font-size: calc(8px + (14 - 8) * ((100vw - 320px) / (1920 - 320)));
    color: #0e2647;
}

@media (max-width: 1199px) {
    .timer-banner .social-media .social-icon h6 {
        display: none;
    }
}

@media (max-width: 575px) {
    .timer-banner.bg-size::before {
        padding-top: 58%;
    }
}

@media (max-width: 480px) {
    .timer-banner.bg-size::before {
        padding-top: 64%;
    }
}

@media (max-width: 360px) {
    .timer-banner.bg-size::before {
        padding-top: 94%;
    }
}

.timer-banner .coupon-code {
    font-size: 12px;
    font-weight: 500;
    padding: 6px 20px;
    position: absolute;
    top: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

    .timer-banner .coupon-code::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        border: 1px dashed var(--theme-color);
        left: 0;
        top: 0;
        opacity: 0.2;
    }

@media (max-width: 1199px) {
    .timer-banner .coupon-code {
        top: 20px;
        left: unset;
        -webkit-transform: unset;
        transform: unset;
        right: 20px;
    }
}

@media (max-width: 575px) {
    .timer-banner .coupon-code {
        padding: 4px 10px;
    }
}

@media (max-width: 480px) {
    .timer-banner .coupon-code {
        top: 15px;
        right: 15px;
    }
}

.timer-banner .timer {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    z-index: 1;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

    .timer-banner .timer ul {
        padding: 30px 50px;
    }

        .timer-banner .timer ul.light-color {
            background-color: rgba(81, 152, 60, 0.7);
            -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
            color: #fff;
        }

@media (max-width: 1199px) {
    .timer-banner .timer ul {
        padding: 30px;
    }
}

@media (max-width: 767px) {
    .timer-banner .timer ul {
        padding: 20px;
    }
}

@media (max-width: 480px) {
    .timer-banner .timer ul {
        padding: 15px;
    }
}

.timer-banner .timer ul li h2 {
    margin-bottom: 6px;
}

@media (max-width: 480px) {
    .timer-banner .timer ul li h2 {
        margin-bottom: 2px;
        font-size: 20px;
    }
}

.timer-banner .timer ul li + li {
    margin-left: 80px;
}

@media (max-width: 767px) {
    .timer-banner .timer ul li + li {
        margin-left: 50px;
    }
}

@media (max-width: 480px) {
    .timer-banner .timer ul li + li {
        margin-left: 30px;
    }
}

.timer-banner .timer ul li + li::before {
    left: -42px;
    border-left: 2px solid rgba(255, 255, 255, 0.2);
}

@media (max-width: 767px) {
    .timer-banner .timer ul li + li::before {
        left: -28px;
    }
}

@media (max-width: 480px) {
    .timer-banner .timer ul li + li::before {
        left: -18px;
    }
}

.timer-banner .discount-offer {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    position: absolute;
    left: 30px;
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    z-index: 1;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #0e2647;
}

@media (max-width: 1199px) {
    .timer-banner .discount-offer {
        left: 20px;
        top: 20px;
        -webkit-writing-mode: unset;
        -ms-writing-mode: unset;
        writing-mode: unset;
        text-orientation: initial;
        -webkit-transform: rotate(0) !important;
        transform: rotate(0) !important;
        -webkit-transform: unset;
        transform: unset;
    }
}

@media (max-width: 480px) {
    .timer-banner .discount-offer {
        left: 15px;
        top: 15px;
    }
}

@media (max-width: 1460px) {
    .timer-banner .discount-offer h5 {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .timer-banner .discount-offer h5 {
        font-size: 10px;
    }
}

.timer-banner .discount-offer .wishlist-icon {
    padding: 7px 7px 8px 4px;
    position: relative;
}

@media (max-width: 1460px) {
    .timer-banner .discount-offer .wishlist-icon {
        padding: 0;
    }
}

@media (max-width: 1199px) {
    .timer-banner .discount-offer .wishlist-icon {
        padding: 4px 4px 2px;
        margin-top: 0 !important;
        margin-left: 5px;
    }
}

@media (max-width: 480px) {
    .timer-banner .discount-offer .wishlist-icon {
        display: none;
    }
}

.timer-banner .discount-offer .wishlist-icon::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: var(--theme-color);
    opacity: 0.1;
    border-radius: 100%;
}

@media (max-width: 1460px) {
    .timer-banner .discount-offer .wishlist-icon::after {
        display: none;
    }
}

@media (max-width: 1199px) {
    .timer-banner .discount-offer .wishlist-icon::after {
        display: block;
    }
}

.timer-banner .discount-offer .wishlist-icon i {
    font-size: 13px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

@media (max-width: 1199px) {
    .timer-banner .discount-offer .wishlist-icon i {
        -webkit-transform: unset;
        transform: unset;
        font-size: 12px;
    }
}

.small-banner .collection-banner {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
}

@media (max-width: 991px) {
    .small-banner .collection-banner {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media (max-width: 1199px) {
    .small-banner .collection-banner {
        padding: 20px;
    }
}

@media (max-width: 480px) {
    .small-banner .collection-banner.bg-size:before {
        padding-top: 74%;
    }
}

@media (max-width: 360px) {
    .small-banner .collection-banner.bg-size:before {
        padding-top: 86%;
    }
}

.banner-btn-grup {
    position: absolute;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .banner-btn-grup button + button {
        margin-left: -1px;
    }

/**=====================
     product css start
==========================**/
.tab-section .product-style-1 .product-box .product-details h2 {
    margin-left: 0;
}

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

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

    .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;
    }

    .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;
}

    .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: rgba(232, 115, 22, 0.04);
    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: rgba(232, 115, 22, 0.04);
    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;
}

.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: #0a2647;
}

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

.product-box .product-details {
    margin-top: 15px;
}

    .product-box .product-details h3 span {
        font-size: 15px;
        text-decoration: line-through;
        margin-left: 4px;
    }

    .product-box .product-details h2 {
        margin: 5px auto 6px auto;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
        /* width: 90%;*/
        font-weight: 500;
        font-weight: 600;
        letter-spacing: 0;
        font-size: 18px;
        line-height: 1.2;
        height: 44px;
        width: 100%;
        overflow: hidden;
    }

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

        .product-box .product-details .size-box li {
            color: #0e2647;
            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;
}

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

.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 li {
    width: auto;
    height: auto;
}

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

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

    .product-wrapper .slick-dots li.slick-active button {
        background-color: #2c75b3;
        -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: rgba(232, 115, 22, 0.8);
}

    .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;
}

.instagram-wrap .product-box {
    position: relative;
}

    .instagram-wrap .product-box::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: var(--theme-color);
        opacity: 0;
        visibility: hidden;
        top: 0;
        left: 0;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

    .instagram-wrap .product-box .img-wrapper img {
        max-height: unset !important;
        max-width: unset !important;
        height: 225px;
        width: 225px;
        -o-object-fit: contain;
        object-fit: contain;
    }

@media (max-width: 1366px) {
    .instagram-wrap .product-box .img-wrapper img {
        height: 195px;
        width: 195px;
    }
}

@media (max-width: 767px) {
    .instagram-wrap .product-box .img-wrapper img {
        height: 175px;
        width: 175px;
    }
}

.instagram-wrap .product-box .img-wrapper .share {
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.6;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: initial;
    position: absolute;
    top: 0;
}

.instagram-wrap .product-box .img-wrapper .share-opacity {
    opacity: 0;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
}

.instagram-wrap .product-box .img-wrapper .share-box {
    z-index: 2;
}

.instagram-wrap .product-box .img-wrapper .share .share-plus {
    position: relative;
    width: 25px;
    height: 25px;
    font-size: 16px;
    display: inline-block;
    text-align: center;
    color: var(--theme-color);
}

    .instagram-wrap .product-box .img-wrapper .share .share-plus::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;
        z-index: 1;
        left: 0;
        top: 0;
    }

.instagram-wrap .product-box .img-wrapper .share .share-plus-color {
    background-color: #fff;
    border-radius: 50%;
    -webkit-animation: ripple-2 0.7s linear infinite;
    animation: ripple-2 0.7s linear infinite;
}

    .instagram-wrap .product-box .img-wrapper .share .share-plus-color::after {
        background-color: #fff;
    }

.instagram-wrap .product-box .img-wrapper .share span:not(.share-plus) {
    letter-spacing: 10px;
    padding-top: 15px;
    color: #fff;
}

@media (max-width: 991px) {
    .instagram-wrap .product-box .img-wrapper .share span:not(.share-plus) {
        letter-spacing: 6px;
        font-size: 13px;
        padding-top: 10px;
    }
}

.instagram-wrap .product-box .insta-hover {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    color: #fff;
    z-index: 1;
    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-transition: all 0.5s;
    transition: all 0.5s;
    padding: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
}

.instagram-wrap .product-box .insta-hover-gradient {
    background: #ec7a1f;
    background: linear-gradient(138deg, #ec7a1f 0%, #e3627b 50%, #a0768e 100%);
    opacity: 0;
}

.instagram-wrap .product-box .insta-hover h2 {
    position: absolute;
    top: 25px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: calc(65px + (80 - 65) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 900;
    opacity: 0.08;
}

@media (max-width: 991px) {
    .instagram-wrap .product-box .insta-hover h2 {
        top: 30px;
    }
}

.instagram-wrap .product-box .insta-hover h3 {
    font-size: calc(20px + (24 - 20) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 600;
    margin-bottom: 30px;
    line-height: 1.4;
}

    .instagram-wrap .product-box .insta-hover h3.text-hide {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden;
    }

    .instagram-wrap .product-box .insta-hover h3.brand-name {
        font-size: calc(20px + (35 - 20) * ((100vw - 320px) / (1920 - 320)));
        margin-bottom: 20px;
        line-height: 1.2;
    }

@media (max-width: 991px) {
    .instagram-wrap .product-box .insta-hover h3 {
        margin-bottom: 20px;
    }
}

.instagram-wrap .product-box .insta-hover h5 {
    font-weight: 400;
    margin-bottom: 15px;
}

@media (max-width: 991px) {
    .instagram-wrap .product-box .insta-hover h5 {
        margin-bottom: 5px;
    }
}

.instagram-wrap .product-box .insta-hover .btn {
    font-weight: 500;
}

.instagram-wrap .product-box:hover .insta-hover {
    opacity: 1;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    visibility: visible;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.instagram-wrap .product-box:hover .insta-hover-gradient {
    background: #ec7a1f;
    background: linear-gradient(138deg, #ec7a1f 0%, #e3627b 50%, #a0768e 100%);
    opacity: 1;
}

.instagram-wrap .product-box:hover::after {
    opacity: 0.8;
    visibility: visible;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.color-variant li {
    width: 30px;
    height: 30px;
    cursor: pointer;
}

    .color-variant li + li {
        margin-left: 10px;
    }

    .color-variant li.selected {
        -webkit-box-shadow: 0 4px 8px 1px rgba(0, 0, 0, 0.16), 0 5px 15px 2px rgba(0, 0, 0, 0.05);
        box-shadow: 0 4px 8px 1px rgba(0, 0, 0, 0.16), 0 5px 15px 2px rgba(0, 0, 0, 0.05);
    }

.color-variant .bg-half-light {
    background-color: #f0f3f8;
    position: relative;
}

    .color-variant .bg-half-light .half-black {
        background-color: #0a2647;
        position: absolute;
        width: 50%;
        right: 0;
        top: 0;
        display: inline-block;
        height: 100%;
    }

.color-variant .bg-blue1 {
    background-color: #88d1f4;
}

.color-variant .bg-light1 {
    background-color: #f0f3f8;
}

.color-variant .bg-black1 {
    background-color: #000;
}

.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 h2 {
    -webkit-line-clamp: 1;
    color: #0e2647;
    margin: 5px auto;
}

.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)));
}

@media (max-width: 1199px) {
    .product-style-1 .product-list .product-box .product-details {
        margin-left: 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;
}

.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)));
    }

    .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)));
    }

    .product-style-1.instagram-2 .product-box .insta-hover {
        padding: calc(30px + (70 - 30) * ((100vw - 320px) / (1920 - 320)));
    }

        .product-style-1.instagram-2 .product-box .insta-hover.insta-spacing {
            padding: calc(35px + (70 - 35) * ((100vw - 320px) / (1920 - 320)));
        }

.product-style-2 .product-box .img-wrapper .back {
    opacity: 0;
    position: absolute;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    top: 0;
    left: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 100%;
}

.product-style-2 .product-box .product-details h2 {
    margin: 0;
}

.product-style-2 .product-box .product-details .rating-details,
.product-style-2 .product-box .product-details .main-price {
    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;
}

    .product-style-2 .product-box .product-details .rating-details.main-shop,
    .product-style-2 .product-box .product-details .main-price.main-shop {
        display: block !important;
        text-align: center;
    }

@media (max-width: 575px) {
    .product-style-2 .product-box .product-details .rating-details,
    .product-style-2 .product-box .product-details .main-price {
        display: block;
        text-align: left;
    }
}

.product-style-2 .product-box .product-details .main-price {
    margin-top: 10px;
}

@media (max-width: 575px) {
    .product-style-2 .product-box .product-details .main-price {
        margin-top: 5px;
    }

        .product-style-2 .product-box .product-details .main-price h3 {
            margin-top: 5px;
        }
}

.product-style-2 .product-box .cart-wrap ul li + li {
    margin-left: 0;
}

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

@media (max-width: 575px) {
    .product-style-2 .product-box .cart-wrap a svg,
    .product-style-2 .product-box .cart-wrap button svg {
        width: 13px;
        height: 13px;
    }
}

.product-style-2 .product-box:hover .img-wrapper .back {
    opacity: 1;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media (max-width: 1660px) {
    .product-style-2.slide-4 {
        padding: 0 30px;
    }
}

.product-style-2.slide-4 .slick-prev {
    left: -70px;
}

@media (max-width: 1660px) {
    .product-style-2.slide-4 .slick-prev {
        left: -20px;
    }
}

@media (max-width: 575px) {
    .product-style-2.slide-4 .slick-prev {
        left: -5px;
    }
}

.product-style-2.slide-4 .slick-next {
    right: -70px;
}

@media (max-width: 1660px) {
    .product-style-2.slide-4 .slick-next {
        right: -20px;
    }
}

@media (max-width: 575px) {
    .product-style-2.slide-4 .slick-next {
        right: -5px;
    }
}

/**=====================
     category css start
==========================**/
/**=====================
    category mixins css start
==========================**/
/**=====================
    Cookie section css start
==========================**/
.cookie-bar-section {
    position: fixed;
    bottom: 20px;
    right: 20px;
    max-width: 365px;
    background: #eff2f7;
    padding: 30px;
    border-radius: 0;
    -webkit-box-shadow: 1px 7px 14px -5px rgba(0, 0, 0, 0.15);
    box-shadow: 1px 7px 14px -5px rgba(0, 0, 0, 0.15);
    text-align: center;
    z-index: 99;
    -webkit-box-shadow: 0 4px 7px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.15);
    opacity: 1;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

    .cookie-bar-section.cookiebar-left-section {
        right: unset;
        left: 20px;
    }

@media (max-width: 767px) {
    .cookie-bar-section.cookiebar-left-section {
        bottom: 10px;
        left: 10px;
    }
}

@media (max-width: 360px) {
    .cookie-bar-section.cookiebar-left-section {
        bottom: 0;
        left: 0;
        margin: 15px;
        padding: 20px 10px;
        border-radius: 7px;
    }
}

.cookie-bar-section.chair-cookiebar {
    background-color: #e9e9e9;
}

@media (max-width: 767px) {
    .cookie-bar-section {
        bottom: 10px;
        right: 10px;
    }
}

@media (max-width: 360px) {
    .cookie-bar-section {
        bottom: 0;
        right: 0;
        margin: 10px;
        padding: 20px 10px;
        border-radius: 7px;
    }
}

.cookie-bar-section img {
    max-width: calc(40px + (60 - 40) * ((100vw - 320px) / (1920 - 320)));
}

.cookie-bar-section::-moz-selection {
    color: #fff;
    background: #fcba7f;
}

.cookie-bar-section::selection {
    color: #fff;
    background: #fcba7f;
}

.cookie-bar-section.hide {
    opacity: 0;
    bottom: -350px;
}

.content {
    margin-top: 10px;
}

    .content h3 {
        color: #0e2647;
        font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1920 - 320)));
        font-weight: 600;
    }

@media (max-width: 360px) {
    .content h3 {
        font-size: 19px;
    }
}

.content p {
    margin: calc(8px + (12 - 8) * ((100vw - 320px) / (1920 - 320))) 0;
    line-height: 1.6;
    letter-spacing: 0.03em;
}

.content .buttons {
    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;
}

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

footer .main-footer {
    padding: 60px 0;
    background-color: #0e2647;
    border-radius: 25px;
}

@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;
    }
}

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

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

        footer .footer-contact .brand-logo .svg-icon .fill-color {
            fill: var(--theme-color);
        }

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

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

footer .footer-contact .footer-logo {
    display: block;
    margin-bottom: 20px;
}

footer .brand-logo img {
    max-width: 150px;
    margin-left: 0;
}

@media (max-width: 767px) {
    footer .brand-logo img {
        margin-left: auto;
    }
}

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: 500;
            padding-right: 5px;
        }

    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;
    color: white;
}

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

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

    footer .footer-links ul li .font-dark:hover {
        color: #2c75b3 !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: 0.03em;
}

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

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

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

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;
    }

        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: 20px;
}

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

    footer .sub-footer {
        padding: 10px 0;
    }
}

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

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

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

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

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

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

/**=====================
     brand section css start
==========================**/
.brand-slider {
    margin-bottom: -7px;
}

.zi-1 {
    z-index: 1;
}

.blog-profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .blog-profile .image-profile {
        position: relative;
        width: 55px;
        height: 55px;
        overflow: hidden;
        border-radius: 50%;
    }

        .blog-profile .image-profile img {
            -webkit-transition: 0.5s ease;
            transition: 0.5s ease;
            width: 100%;
            height: auto;
            -o-object-fit: cover;
            object-fit: cover;
        }

    .blog-profile .image-name {
        margin-left: 15px;
    }

        .blog-profile .image-name .text-weight h6 {
            font-weight: 300;
        }

        .blog-profile .image-name h3 {
            position: relative;
            font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
            font-weight: 500;
            margin-bottom: 4px;
        }

        .blog-profile .image-name h6 {
            color: #6c757d;
            font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));
        }

.search-section .search-bar .input-group {
    width: 50%;
    margin: 26px auto 110px;
}

.search-section .search-bar button {
    padding: 15px 35px;
    background-color: var(--theme-color);
    color: #fff;
    border: 1px solid var(--theme-colors);
}

    .search-section .search-bar button i {
        color: #fff;
    }

    .search-section .search-bar button.search-button {
        padding: 15px;
    }

.search-section .search-bar input:focus {
    border-color: #ced4da;
}

/**=====================
       Social media css start
  ==========================**/
.social-media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .social-media.media-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .social-media a + a {
        margin-left: calc(8px + (15 - 8) * ((100vw - 320px) / (1920 - 320)));
    }

    .social-media .social-icon-box {
        width: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
        height: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
        background-color: #0e2647;
        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;
        border-radius: 4px;
    }

        .social-media .social-icon-box + .social-meida {
            margin-left: calc(6px + (15 - 6) * ((100vw - 320px) / (1920 - 320)));
        }

        .social-media .social-icon-box.social-color {
            background-color: #eff2f7;
        }

@media (max-width: 360px) {
    .social-media .social-icon-box.social-color {
        background-color: var(--theme-color);
    }
}

.social-media .social-icon-box.social-color i {
    color: #0e2647;
}

@media (max-width: 575px) {
    .social-media .social-icon-box.social-color i {
        font-size: 12px;
    }
}

@media (max-width: 360px) {
    .social-media .social-icon-box.social-color i {
        color: #fff;
    }
}

.social-media .social-icon-box i {
    color: #fff;
}

/**=====================
     Load more css start
  ==========================**/
.load-more {
    text-align: center;
    margin: 40px auto 0;
    width: 280px;
}

    .load-more a {
        font-size: 18px;
        text-transform: uppercase;
        display: block;
        padding: 10px 0;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        width: 100%;
        color: var(--theme-color);
    }

.product-load-more .col-grid-box {
    display: none;
}

/**=====================
       Log In page Css Start
  ==========================**/
.login-section {
    min-height: 100vh;
    position: relative;
    background: #f0f3f8;
    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: 15px;
    flex-direction: column;
}

.logo-full {
    margin-bottom: 20px;
}

.logo-full {
    width: 150px;
}

.login-section .materialContainer {
    width: 100%;
    max-width: 560px;
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: translate(0);
    transform: translate(0);
    text-align: center;
}

    .login-section .materialContainer .box {
        position: relative;
        top: 0;
        opacity: 1;
        float: left;
        padding: 25px;
        width: 100%;
        background: #fff;
        border-radius: 10px;
        -webkit-transform: scale(1);
        transform: scale(1);
        z-index: 5;
    }

        .login-section .materialContainer .box.back {
            -webkit-transform: scale(0.95);
            transform: scale(0.95);
            top: -20px;
            opacity: 0.8;
            z-index: -1;
        }

        .login-section .materialContainer .box:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 30px;
            border-radius: 10px;
            top: -10px;
            background-color: rgba(255, 255, 255, 0.6);
            left: 0;
            -webkit-transform: scale(0.95);
            transform: scale(0.95);
        }

    .login-section .materialContainer .login-title {
        width: 100%;
        line-height: 46px;
        font-size: 34px;
        font-weight: 700;
        letter-spacing: 0;
        color: var(--theme-color);
        position: relative;
    }

        .login-section .materialContainer .login-title:before {
            content: "";
            position: absolute;
            width: 5px;
            height: 100%;
            top: 0;
            left: calc(-10px + (-10 - 10) * ((100vw - 320px) / (1920 - 320)));
            background: #2274b4;
        }

        .login-section .materialContainer .login-title h2,
        .login-section .materialContainer .login-title h1 {
            font-size: 25px;
            margin-left: 0;
            margin-top: 0;
        }

    .login-section .materialContainer .social-media {
        padding: 15px calc(10px + (25 - 10) * ((100vw - 320px) / (1920 - 320)));
        border-radius: 4px;
        -webkit-box-shadow: 0 0 10px rgba(199, 199, 197, 0.6);
        box-shadow: 0 0 10px rgba(199, 199, 197, 0.6);
        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;
    }

        .login-section .materialContainer .social-media h6 {
            margin-left: 20px;
            margin-bottom: -2px;
            color: #fff;
        }

        .login-section .materialContainer .social-media img {
            width: calc(8% + (18 - 8) * ((100vw - 320px) / (1920 - 320)));
        }

        .login-section .materialContainer .social-media.fb-media {
            background-color: #43609c;
        }

            .login-section .materialContainer .social-media.fb-media h6 {
                color: #fff;
                font-size: 18px;
            }

        .login-section .materialContainer .social-media.google-media {
            color: #000;
        }

            .login-section .materialContainer .social-media.google-media h6 {
                font-size: 18px;
                color: #000;
            }

    .login-section .materialContainer p {
        width: 100%;
        float: left;
        text-align: center;
        color: #b2bdd1;
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 0;
    }

        .login-section .materialContainer p.pass-or {
            margin-top: calc(4px + (12 - 4) * ((100vw - 320px) / (1920 - 320)));
        }

    .login-section .materialContainer .input {
        -webkit-transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
    }

        .login-section .materialContainer .input label,
        .login-section .materialContainer .input input,
        .login-section .materialContainer .input .spin {
            -webkit-transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
            transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
        }

    .login-section .materialContainer .button {
        -webkit-transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
    }

        .login-section .materialContainer .button button .button.login button i.fa {
            -webkit-transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
            transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
        }

    .login-section .materialContainer .material-button .shape:before,
    .login-section .materialContainer .material-button .shape:after {
        -webkit-transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
    }

    .login-section .materialContainer .button.login button {
        -webkit-transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
    }

    .login-section .materialContainer .material-button,
    .login-section .materialContainer .alt-2,
    .login-section .materialContainer .material-button .shape,
    .login-section .materialContainer .alt-2 .shape,
    .login-section .materialContainer .box {
        -webkit-transition: 400ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: 400ms cubic-bezier(0.4, 0, 0.2, 1);
    }

    .login-section .materialContainer .input {
        width: 100%;
        float: left;
    }

        .login-section .materialContainer .input label,
        .login-section .materialContainer .input input,
        .login-section .materialContainer .input .spin {
            width: 100%;
            float: left;
        }

    .login-section .materialContainer .button {
        width: 100%;
        float: left;
    }

        .login-section .materialContainer .button button {
            width: 100%;
            float: left;
        }

.btn-delete {
    color: white !important
}

.login-section .materialContainer .input {
    margin-top: 15px;
    height: 62px;
    margin-bottom: 15px;
}

.login-section .materialContainer .input {
    position: relative;
    text-align: left;
}

    .login-section .materialContainer .input input {
        position: relative;
    }

.login-section .materialContainer .button {
    position: relative;
}

    .login-section .materialContainer .button button {
        position: relative;
    }

.login-section .materialContainer .input input {
    height: 51px;
    top: 10px;
    border: none;
    background: transparent;
    font-family: "Almarai", sans-serif;
    font-size: 18px;
    color: #0e2647;
    font-weight: 300;
}

.saudi-sym {
    top: 28px;
    position: absolute;
    font-weight: 600;
    font-size: 20px;
    right: 0;
    direction: rtl;
}

.login-section .materialContainer .input label {
    font-family: "Almarai", sans-serif;
    font-size: 15px;
    color: rgba(33, 37, 41, 0.8);
    font-weight: 300;
}

    .login-section .materialContainer .input label.email-label {
        font-size: calc(15px + (24 - 15) * ((100vw - 320px) / (1920 - 320)));
    }

.login-section .materialContainer .button button {
    font-family: "Almarai", sans-serif;
    font-size: 24px;
    color: rgba(33, 37, 41, 0.8);
    font-weight: 300;
}

.login-section .materialContainer .input:before,
.login-section .materialContainer .input .spin {
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.login-section .materialContainer .input:before {
    content: "";
    background: rgba(33, 37, 41, 0.15);
    z-index: 3;
}

.login-section .materialContainer .input .spin {
    background: var(--theme-color);
    z-index: 4;
    width: 0;
}

.login-section .materialContainer .overbox .input .spin {
    background: #fff;
}

.login-section .materialContainer .overbox .input:before {
    background: rgba(255, 255, 255, 0.5);
}

.login-section .materialContainer .input label {
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 2;
    cursor: pointer;
    line-height: 60px;
    color: #b2bdd1;
}

.login-section .materialContainer .button {
    padding-top: 20px;
    overflow: hidden;
    z-index: 2;
}

.button.login a:before {
    content: "";
    background-image: url(../images/arrows.png);
    width: 112px;
    height: auto;
    top: 23px;
    right: 29px;
    position: absolute;
    z-index: 999;
    height: 15px;
    background-repeat: no-repeat;
}

.login-section .materialContainer .button.button-1 {
    margin-bottom: 0;
}

.login-section .materialContainer .button.login a {
    width: 100%;
    left: 0%;
    background: rgb(44, 116, 179);
    background: linear-gradient(-90deg, rgba(44, 116, 179, 1) 0%, rgba(10, 38, 71, 1) 100%);
    border: 1px solid var(--theme-color);
    font-weight: 900;
    font-size: 18px;
    color: #fff;
    padding: 20px;
    border-radius: 20px;
    display: block;
}

    .login-section .materialContainer .button.login a span {
        display: block;
        margin-top: -3px;
        text-align: center;
    }

.login-section .materialContainer .button a {
    width: 100%;
    left: 0%;
    background-color: transparent;
    border: 1px solid rgba(33, 37, 41, 0.1);
    font-weight: 900;
    font-size: 18px;
    color: rgba(33, 37, 41, 0.2);
    padding: calc(13px + (18 - 13) * ((100vw - 320px) / (1920 - 320)));
}

.login-section .materialContainer .button a {
    background-color: #fff;
    color: var(--theme-color);
    border: none;
}

.login-section .materialContainer .button.login a.active {
    border: 1px solid transparent;
    color: #fff !important;
    background-color: var(--theme-color);
}

    .login-section .materialContainer .button.login a.active span {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
        display: none;
    }

    .login-section .materialContainer .button.login a.active i.fa {
        opacity: 1;
        -webkit-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg);
        display: block;
    }

.login-section .materialContainer .button.login a i.fa {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    font-size: 18px;
    -webkit-transform: scale(0) rotate(-45deg);
    transform: scale(0) rotate(-45deg);
    display: none;
}

.login-section .materialContainer .button a {
    cursor: pointer;
    position: relative;
    z-index: 2;
}

.login-section .materialContainer .pass-forgot {
    width: 100%;
    float: right;
    text-align: right;
    color: #b2bdd1;
    font-size: 15px;
    margin: 16px auto 0;
}

    .login-section .materialContainer .pass-forgot:hover {
        color: var(--theme-color);
    }

.login-section .materialContainer .sign-category {
    width: 100%;
    text-align: center;
    color: #b2bdd1;
    font-size: calc(13px + (18 - 13) * ((100vw - 320px) / (1920 - 320)));
    margin: 10px auto;
    position: relative;
}

    .login-section .materialContainer .sign-category span {
        background-color: #fff;
        z-index: 1;
        padding: 0 12px;
    }

    .login-section .materialContainer .sign-category::after {
        content: "";
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        width: 100%;
        height: 1px;
        color: rgba(33, 37, 41, 0.2);
        z-index: -1;
    }

.login-section .materialContainer .overbox {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: inherit;
    border-radius: 10px;
    padding: 60px 50px 40px 50px;
}

    .login-section .materialContainer .overbox .login-title,
    .login-section .materialContainer .overbox .button,
    .login-section .materialContainer .overbox .input {
        z-index: 111;
        position: relative;
        color: #fff !important;
        display: none;
    }

    .login-section .materialContainer .overbox .login-title {
        width: 80%;
    }

    .login-section .materialContainer .overbox .input {
        margin-top: 20px;
    }

        .login-section .materialContainer .overbox .input input,
        .login-section .materialContainer .overbox .input label {
            color: #fff;
        }

    .login-section .materialContainer .overbox .material-button,
    .login-section .materialContainer .overbox .alt-2 {
        display: block;
    }

        .login-section .materialContainer .overbox .material-button .shape,
        .login-section .materialContainer .overbox .alt-2 .shape {
            display: block;
        }

.login-section .materialContainer .material-button,
.login-section .materialContainer .alt-2 {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background: var(--theme-color);
    position: absolute;
    top: 40px;
    right: -70px;
    cursor: pointer;
    z-index: 100;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
}

    .login-section .materialContainer .material-button .shape,
    .login-section .materialContainer .alt-2 .shape {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
    }

        .login-section .materialContainer .material-button .shape:before,
        .login-section .materialContainer .alt-2 .shape:before,
        .login-section .materialContainer .material-button .shape:after,
        .login-section .materialContainer .alt-2 .shape:after {
            content: "";
            position: absolute;
            background: #fff;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

        .login-section .materialContainer .material-button .shape:before,
        .login-section .materialContainer .alt-2 .shape:before {
            width: 25px;
            height: 4px;
        }

        .login-section .materialContainer .material-button .shape:after,
        .login-section .materialContainer .alt-2 .shape:after {
            height: 25px;
            width: 4px;
        }

    .login-section .materialContainer .material-button.active,
    .login-section .materialContainer .alt-2.active {
        top: 50%;
        right: 50%;
        -webkit-transform: translate(50%, -50%) rotate(0deg);
        transform: translate(50%, -50%) rotate(0deg);
    }

/**=====================
       404 Page Css Start
  ==========================**/
.page-not-found .page-image {
    text-align: center;
}

    .page-not-found .page-image img {
        width: 60%;
    }

.page-not-found .page-container {
    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;
    text-align: center;
    padding: 0 calc(0px + (50 - 0) * ((100vw - 320px) / (1920 - 320)));
    margin-top: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
}

    .page-not-found .page-container h2 {
        margin-bottom: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));
        color: #0e2647;
        font-size: calc(25px + (35 - 25) * ((100vw - 320px) / (1920 - 320)));
        margin-top: -3px;
    }

    .page-not-found .page-container p {
        font-size: 16px;
        line-height: 1.6;
        color: #7e7e7e;
    }

/**=====================
       Contact Page Css Start
  ==========================**/
.contact-section .materialContainer {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: translate(0);
    transform: translate(0);
}

    .contact-section .materialContainer .material-details h2 {
        margin-top: -5px;
    }

    .contact-section .materialContainer .material-details h4 {
        margin-top: 10px;
        font-weight: 400;
        color: #78909c;
        line-height: 1.5;
        font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
    }

    .contact-section .materialContainer .box {
        position: relative;
        top: 0;
        opacity: 1;
        float: left;
        width: 100%;
        background: #fff;
        border-radius: 10px;
        -webkit-transform: scale(1);
        transform: scale(1);
        z-index: 5;
    }

    .contact-section .materialContainer .input {
        -webkit-transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
    }

        .contact-section .materialContainer .input label,
        .contact-section .materialContainer .input input,
        .contact-section .materialContainer .input textarea,
        .contact-section .materialContainer .input .spin {
            -webkit-transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
            transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
        }

    .contact-section .materialContainer .input {
        margin-top: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
        height: 70px;
    }

    .contact-section .materialContainer .input {
        position: relative;
    }

        .contact-section .materialContainer .input input {
            position: relative;
        }

        .contact-section .materialContainer .input textarea {
            position: relative;
            width: 100%;
        }

        .contact-section .materialContainer .input input,
        .contact-section .materialContainer .input textarea {
            height: 60px;
            top: 10px;
            border: none;
            background: transparent;
            font-family: "Almarai", sans-serif;
            font-size: 18px;
            color: rgba(33, 37, 41, 0.8);
            font-weight: 300;
        }

        .contact-section .materialContainer .input label {
            font-family: "Almarai", sans-serif;
            font-size: calc(13px + (18 - 13) * ((100vw - 320px) / (1920 - 320)));
            color: rgba(33, 37, 41, 0.8);
            font-weight: 300;
        }

            .contact-section .materialContainer .input label.email-label {
                font-size: calc(15px + (24 - 15) * ((100vw - 320px) / (1920 - 320)));
            }

        .contact-section .materialContainer .input:before,
        .contact-section .materialContainer .input .spin {
            width: 100%;
            height: 1px;
            position: absolute;
            bottom: 0;
            left: 0;
        }

        .contact-section .materialContainer .input:before {
            content: "";
            background: rgba(33, 37, 41, 0.1);
            z-index: 3;
        }

        .contact-section .materialContainer .input .spin {
            background: var(--theme-color);
            z-index: 4;
            width: 0;
        }

        .contact-section .materialContainer .input label {
            position: absolute;
            top: 10px;
            left: 0;
            z-index: 2;
            cursor: pointer;
            line-height: 60px;
            color: #78909c;
        }

.contact-section .location-map iframe {
    width: 100%;
    height: calc(200px + (340 - 200) * ((100vw - 320px) / (1920 - 320)));
    margin-bottom: -6px;
}

.contact-section .contact-details {
    background-color: #eff2f7;
    height: 100%;
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 20px;
}

    .contact-section .contact-details h2 {
        font-weight: 500;
        margin-top: -3px;
        margin-bottom: 10px;
        font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)));
    }

    .contact-section .contact-details h5 {
        font-weight: 400;
        margin-bottom: 30px;
    }

    .contact-section .contact-details .contact-box {
        margin-top: 25px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

        .contact-section .contact-details .contact-box .contact-title {
            width: calc(80% - 80px);
            margin-left: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
        }

@media (max-width: 991px) {
    .contact-section .contact-details .contact-box .contact-title {
        width: calc(100% - 80px);
    }
}

.contact-section .contact-details .contact-box .contact-title h4 {
    margin-bottom: 10px;
    font-weight: 500;
}

.contact-section .contact-details .contact-box .contact-title p {
    margin-bottom: 0;
    letter-spacing: 0.6px;
    line-height: 26px;
}

    .contact-section .contact-details .contact-box .contact-title p + p {
        margin-top: 0;
        margin-bottom: -2px;
    }

.contact-section .contact-details .contact-box .contact-icon {
    width: calc(35px + (45 - 35) * ((100vw - 320px) / (1920 - 320)));
    height: calc(35px + (45 - 35) * ((100vw - 320px) / (1920 - 320)));
    border-radius: 100%;
    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;
    overflow: hidden;
}

    .contact-section .contact-details .contact-box .contact-icon .feather {
        width: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
        stroke: var(--theme-color);
    }

    .contact-section .contact-details .contact-box .contact-icon:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background-color: var(--theme-color);
        opacity: 0.12;
        border-radius: 100%;
    }

/**=====================
       FAQ Page Css Start
  ==========================**/
.search-title {
    margin-bottom: calc(30px + (50 - 30) * ((100vw - 320px) / (1920 - 320)));
    text-align: center;
}

    .search-title h1 {
        font-size: calc(30px + (50 - 30) * ((100vw - 320px) / (1920 - 320)));
        font-weight: 500;
        display: block;
        margin-top: -10px;
        text-transform: none;
    }

.faq-section {
    margin-top: -160px;
}

    .faq-section .faq-contain {
        text-align: center;
        padding: calc(22px + (40 - 22) * ((100vw - 320px) / (1920 - 320)));
        border-radius: 10px;
        height: 100%;
        -webkit-transition: 0.5s ease;
        transition: 0.5s ease;
        z-index: 1;
        background-color: #fff;
        -webkit-box-shadow: 0 8px 40px 0 rgba(33, 37, 41, 0.1);
        box-shadow: 0 8px 40px 0 rgba(33, 37, 41, 0.1);
    }

        .faq-section .faq-contain .faq-image {
            width: 60px;
            height: 60px;
            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;
        }

            .faq-section .faq-contain .faq-image img {
                -o-object-fit: contain;
                object-fit: contain;
            }

        .faq-section .faq-contain h2 {
            margin-top: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));
            font-size: calc(20px + (22 - 20) * ((100vw - 320px) / (1920 - 320)));
            font-weight: 500;
            color: #0e2647;
        }

        .faq-section .faq-contain h5 {
            color: #7e7e7e;
            font-weight: 300;
            margin-top: 10px;
            line-height: 1.6;
            margin-bottom: -2px;
            margin: 0 auto -2px;
            letter-spacing: 0.03em;
        }

.faq-details .faq-link-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: sticky;
    top: 30px;
}

    .faq-details .faq-link-box ul li {
        display: block;
    }

    .faq-details .faq-link-box a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        position: relative;
        padding-bottom: 12px;
        padding-top: 12px;
        color: #0e2647;
    }

        .faq-details .faq-link-box a:after {
            content: "";
            position: absolute;
            width: 100%;
            height: 1px;
            bottom: 0;
            left: 0;
            background-color: rgba(120, 144, 174, 0.23);
        }

@media (max-width: 575px) {
    .faq-details .faq-link-box a:after {
        opacity: 0;
    }
}

.faq-details .faq-link-box a h4 {
    font-weight: 200;
    font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320)));
}

.faq-details .faq-link-box a h5 {
    font-size: calc(15px + (16 - 15) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 200;
    margin-left: 10px;
}

.faq-details .faq-link-box a + a {
    margin-top: 15px;
}

.faq-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

    .faq-heading + .faq-heading {
        margin-top: calc(30px + (45 - 30) * ((100vw - 320px) / (1920 - 320)));
    }

    .faq-heading .feather {
        width: calc(20px + (22 - 20) * ((100vw - 320px) / (1920 - 320)));
        height: auto;
        margin-top: -3px;
    }

    .faq-heading .faq-option {
        margin-left: 10px;
        width: calc(100% - 0px);
    }

        .faq-heading .faq-option h3 {
            font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
            font-weight: 400;
            margin-top: -5px;
            margin-bottom: 0;
            line-height: 1.5;
        }

        .faq-heading .faq-option h6 {
            font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
            line-height: 1.6;
            letter-spacing: 0.05em;
            margin-bottom: -4px;
            margin-top: 10px;
        }

/**=====================
       Review Page Css Start
  ==========================**/
.review-section .review-box {
    position: relative;
    padding: calc(20px + (35 - 20) * ((100vw - 320px) / (1920 - 320)));
    background-color: #fff;
    -webkit-box-shadow: 0 0 8px rgba(33, 37, 41, 0.08);
    box-shadow: 0 0 8px rgba(33, 37, 41, 0.08);
    border-radius: 7px;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    overflow: hidden;
}

    .review-section .review-box:hover {
        -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }

        .review-section .review-box:hover .review-image .fa-quote-left {
            opacity: 0.04;
        }

        .review-section .review-box:hover .review-image .fa-quote-right {
            opacity: 0.04;
        }

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

        .review-section .review-box .review-image .fa-quote-left {
            font-size: 170px;
            position: absolute;
            top: -27px;
            left: -12px;
            -webkit-transform: rotate(-9deg);
            transform: rotate(-9deg);
            color: var(--theme-color);
            opacity: 0.03;
            -webkit-transition: 0.5s ease;
            transition: 0.5s ease;
        }

        .review-section .review-box .review-image .fa-quote-right {
            font-size: 170px;
            position: absolute;
            bottom: -27px;
            right: -12px;
            -webkit-transform: rotate(-9deg);
            transform: rotate(-9deg);
            color: var(--theme-color);
            opacity: 0.03;
            -webkit-transition: 0.5s ease;
            transition: 0.5s ease;
        }

        .review-section .review-box .review-image .review-profile {
            position: relative;
            width: calc(40px + (50 - 40) * ((100vw - 320px) / (1920 - 320)));
            height: calc(40px + (50 - 40) * ((100vw - 320px) / (1920 - 320)));
            overflow: hidden;
            border-radius: 50%;
        }

            .review-section .review-box .review-image .review-profile img {
                -webkit-transition: 0.5s ease;
                transition: 0.5s ease;
                width: 100%;
                -o-object-fit: cover;
                object-fit: cover;
            }

        .review-section .review-box .review-image .rating {
            margin-top: 0;
        }

            .review-section .review-box .review-image .rating .fa-star {
                font-size: 14px;
            }

        .review-section .review-box .review-image .image-name {
            margin-left: calc(5px + (10 - 5) * ((100vw - 320px) / (1920 - 320)));
        }

            .review-section .review-box .review-image .image-name h3 {
                position: relative;
                font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
                font-weight: 600;
                margin: 0 0 4px;
            }

            .review-section .review-box .review-image .image-name p {
                color: #6c757d;
                margin-bottom: -3px;
                font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320)));
            }

    .review-section .review-box .review-name p {
        margin-top: -4px;
        margin-bottom: 0;
        color: #6c757d;
        letter-spacing: 0.05em;
        line-height: 1.5;
        font-size: 14px;
        margin-bottom: 20px;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        text-align: justify;
        word-break: normal;
        line-height: 1.6;
    }

        .review-section .review-box .review-name p + p {
            margin: 20px 0;
        }

/**=====================
       Portfolio Page Css Start
  ==========================**/
.portfolio .peregraph {
    text-align: center;
    color: var(--darkgrey);
    margin: 0 auto;
    width: 90%;
    padding: 15px 0;
}

    .portfolio .peregraph p {
        margin: 0;
        padding: 0;
    }

.portfolio .button ul {
    list-style: none;
    padding: 0;
    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;
}

    .portfolio .button ul li {
        display: inline-block;
        font-weight: bold;
        font-size: 15px;
        border: 2px solid transparent;
        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;
        font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
        background-color: transparent;
        font-weight: 300;
        color: #7e7e7e;
        border-radius: 5px;
        padding: calc(8px + (10 - 8) * ((100vw - 320px) / (1920 - 320))) calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
    }

        .portfolio .button ul li h4 {
            margin-top: -3px;
            margin-bottom: -4px;
        }

        .portfolio .button ul li.btn-submit:hover {
            color: var(--theme-color);
        }

        .portfolio .button ul li.active {
            color: #fff;
            background-color: var(--theme-color);
        }

            .portfolio .button ul li.active:hover {
                color: #fff;
            }

.portfolio .parent-container {
    position: relative;
    overflow: hidden;
}

.portfolio .parent-container-size .images {
    width: 100%;
    height: 500px;
    -o-object-fit: cover;
    object-fit: cover;
}

.portfolio .parent-container .images {
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    width: 100%;
}

.portfolio .parent-container:hover .overlay-color {
    top: 0;
    opacity: 1;
}

    .portfolio .parent-container:hover .overlay-color .overlay-icon {
        opacity: 1;
    }

.portfolio .parent-container .overlay-color {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    padding: 20px;
}

    .portfolio .parent-container .overlay-color .overlay-icon {
        background-color: #fff;
        color: #0e2647;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transition: 0.8s ease;
        transition: 0.8s ease;
        width: 100%;
        height: 100px;
        padding: 20px;
        border-radius: 4px;
        position: relative;
        opacity: 0;
    }

        .portfolio .parent-container .overlay-color .overlay-icon h3 {
            font-size: calc(20px + (25 - 20) * ((100vw - 320px) / (1920 - 320)));
            font-weight: 600;
            -webkit-transition: 0.5s ease;
            transition: 0.5s ease;
            position: relative;
        }

        .portfolio .parent-container .overlay-color .overlay-icon p {
            margin-top: 5px;
            margin-bottom: 0;
        }

.portfolio .card {
    border: none;
    background-color: #fff;
}

/**=====================
       Blog Page Css Start
  ==========================**/
.blog-section .blog-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(240, 243, 248, 0.5);
    padding-right: 35px;
    border-radius: 5px;
    overflow: hidden;
}

@media (max-width: 991px) {
    .blog-section .blog-image {
        display: block;
    }
}

.blog-section .blog-image img {
    width: 400px;
    height: 400px;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width: 991px) {
    .blog-section .blog-image img {
        width: 100%;
        height: auto;
    }
}

.blog-section .blog-image .blog-details {
    margin-left: 50px;
}

@media (max-width: 991px) {
    .blog-section .blog-image .blog-details {
        margin-left: 0;
        padding: calc(20px + (36 - 20) * ((100vw - 320px) / (1920 - 320))) calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
    }
}

.blog-section .blog-image .blog-details h5 {
    margin-bottom: calc(6px + (12 - 6) * ((100vw - 320px) / (1920 - 320)));
    margin-top: -3px;
    font-size: calc(13px + (19 - 13) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 600;
}

    .blog-section .blog-image .blog-details h5 span {
        font-weight: 300;
        font-size: 13px;
    }

.blog-section .blog-image .blog-details h2 {
    color: #0e2647;
    font-weight: 500;
    font-size: calc(22px + (36 - 22) * ((100vw - 320px) / (1920 - 320)));
    margin-bottom: calc(6px + (12 - 6) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.2;
    letter-spacing: 1px;
}

@media (max-width: 360px) {
    .blog-section .blog-image .blog-details h2 {
        line-height: 1;
    }
}

.blog-section .blog-image .blog-details p {
    line-height: 1.5;
    font-size: calc(13px + (16 - 13) * ((100vw - 320px) / (1920 - 320)));
    letter-spacing: calc(0px + (1 - 0) * ((100vw - 320px) / (1920 - 320)));
    margin-bottom: calc(10px + (12 - 10) * ((100vw - 320px) / (1920 - 320)));
}

.blog-section .blog-image .blog-details .blog-profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 15px;
}

@media (max-width: 991px) {
    .blog-section .blog-image .blog-details .blog-profile {
        margin-left: 0;
    }
}

.blog-section .blog-image .blog-details .blog-profile .fa-quote-left {
    font-size: 170px;
    position: absolute;
    top: -27px;
    left: -12px;
    -webkit-transform: rotate(-9deg);
    transform: rotate(-9deg);
    color: var(--theme-color);
    opacity: 0.03;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

.blog-section .blog-image .blog-details .blog-profile .fa-quote-right {
    font-size: 170px;
    position: absolute;
    bottom: -27px;
    right: -12px;
    -webkit-transform: rotate(-9deg);
    transform: rotate(-9deg);
    color: var(--theme-color);
    opacity: 0.03;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

.blog-section .blog-image .blog-details .blog-profile .image-profile {
    position: relative;
    width: 55px;
    height: 55px;
    overflow: hidden;
    border-radius: 50%;
}

    .blog-section .blog-image .blog-details .blog-profile .image-profile img {
        -webkit-transition: 0.5s ease;
        transition: 0.5s ease;
        width: 100%;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover;
    }

.blog-section .blog-image .blog-details .blog-profile .image-name {
    margin-left: 15px;
}

    .blog-section .blog-image .blog-details .blog-profile .image-name h3 {
        position: relative;
        font-size: 20px;
        margin-top: -6px;
        font-weight: 500;
        margin-bottom: 4px;
    }

    .blog-section .blog-image .blog-details .blog-profile .image-name span {
        color: #6c757d;
        margin-bottom: -3px;
        font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
    }

.blog-section .blog-image .blog-details .review-name p {
    margin-top: -4px;
    margin-bottom: 0;
    color: #6c757d;
    font-size: 16px;
    letter-spacing: 0.7px;
    line-height: 1.5;
    font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
    margin-bottom: 20px;
}

    .blog-section .blog-image .blog-details .review-name p + p {
        margin: 20px 0;
    }

.blog-categority {
    padding: 0;
    border: none;
    background-color: #fff;
}

    .blog-categority.box-bottom {
        margin-bottom: 14px;
    }

    .blog-categority .blog-img {
        border-radius: 5px;
        position: relative;
        overflow: hidden;
    }

        .blog-categority .blog-img:after {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background: var(--theme-color);
            opacity: 0;
            -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

    .blog-categority .card-body {
        padding: 0;
        margin-top: 20px;
        background-color: #fff;
    }

        .blog-categority .card-body h5 {
            color: var(--theme-color);
            margin-bottom: 6px;
        }

        .blog-categority .card-body h2 {
            font-weight: 500;
            line-height: 1.3;
            font-size: 16px;
            margin-bottom: 16px;
            color: #0e2647;
        }

        .blog-categority .card-body .blog-profile {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .blog-categority .card-body .blog-profile .image-profile {
                position: relative;
                width: 45px;
                height: 45px;
                overflow: hidden;
                border-radius: 50%;
            }

                .blog-categority .card-body .blog-profile .image-profile img {
                    -webkit-transition: 0.5s ease;
                    transition: 0.5s ease;
                    width: 100%;
                    height: auto;
                    -o-object-fit: cover;
                    object-fit: cover;
                }

            .blog-categority .card-body .blog-profile .image-name {
                margin-left: 0;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }

                .blog-categority .card-body .blog-profile .image-name h3 {
                    position: relative;
                    font-size: 16px;
                    margin-top: 0;
                    margin-bottom: 0;
                    color: #7e7e7e;
                    font-weight: 400;
                    padding-right: 10px;
                    border-right: 1px solid #ddd;
                    margin-right: 10px;
                }

                .blog-categority .card-body .blog-profile .image-name h6 {
                    color: #7e7e7e;
                    margin-bottom: 0;
                    font-size: 16px;
                    font-weight: 400;
                }

        .blog-categority .card-body .review-name p {
            margin-top: -4px;
            margin-bottom: 0;
            color: #6c757d;
            font-size: 16px;
            letter-spacing: 0.7px;
            line-height: 1.5;
            font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
            margin-bottom: 20px;
        }

            .blog-categority .card-body .review-name p + p {
                margin: 20px 0;
            }

    .blog-categority:hover .blog-img:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: var(--theme-color);
        opacity: 0.5;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

.masonary-blog-section {
    position: relative;
    overflow: hidden;
}

    .masonary-blog-section .peregraph {
        text-align: center;
        color: var(--darkgrey);
        margin: 0 auto;
        width: 90%;
        padding: 15px 0;
    }

        .masonary-blog-section .peregraph p {
            margin: 0;
            padding: 0;
        }

    .masonary-blog-section .button ul {
        list-style: none;
        padding: 0;
        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;
    }

        .masonary-blog-section .button ul li {
            display: inline-block;
            font-weight: bold;
            font-size: 15px;
            border: 2px solid transparent;
            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;
            font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
            background-color: transparent;
            font-weight: 300;
            color: #7e7e7e;
        }

            .masonary-blog-section .button ul li:after {
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                width: 0;
                height: 2px;
                background-color: var(--theme-color);
                -webkit-transition: 0.4s ease;
                transition: 0.4s ease;
            }

            .masonary-blog-section .button ul li h4 {
                margin-top: -3px;
                margin-bottom: -4px;
            }

            .masonary-blog-section .button ul li.btn-submit:hover {
                color: var(--theme-color);
            }

            .masonary-blog-section .button ul li.active {
                color: var(--theme-color);
            }

                .masonary-blog-section .button ul li.active:after {
                    width: 100%;
                }

    .masonary-blog-section .masonary-blog {
        border-radius: 8px;
        -webkit-box-shadow: 0 5px 15px rgba(33, 37, 41, 0.08);
        box-shadow: 0 5px 15px rgba(33, 37, 41, 0.08);
        border: none;
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #fff;
    }

@media (max-width: 991px) {
    .masonary-blog-section .masonary-blog {
        display: block;
    }
}

.masonary-blog-section .masonary-blog.box-shadow {
    -webkit-box-shadow: 0 5px 10px rgba(35, 35, 35, 0.08);
    box-shadow: 0 5px 10px rgba(35, 35, 35, 0.08);
}

.masonary-blog-section .masonary-blog .bg-size {
    width: 30%;
}

@media (max-width: 991px) {
    .masonary-blog-section .masonary-blog .bg-size {
        width: 100%;
    }
}

.masonary-blog-section .masonary-blog img {
    width: 100%;
}

    .masonary-blog-section .masonary-blog img.image-fit {
        height: 350px;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-box-shadow: 0 5px 10px rgba(35, 35, 35, 0.05);
        box-shadow: 0 5px 10px rgba(35, 35, 35, 0.05);
    }

.masonary-blog-section .masonary-blog .card-body {
    padding: calc(20px + (25 - 20) * ((100vw - 320px) / (1920 - 320)));
}

.masonary-blog-section .masonary-blog .card-body-width {
    width: 70%;
}

@media (max-width: 991px) {
    .masonary-blog-section .masonary-blog .card-body {
        width: 100%;
    }
}

.masonary-blog-section .masonary-blog .card-body.quote-body {
    text-align: center;
}

.masonary-blog-section .masonary-blog .card-body .quote-image {
    width: 60px;
    height: auto;
    display: block;
    opacity: 0.2;
    margin: 0 auto;
    margin-bottom: calc(25px + (40 - 25) * ((100vw - 320px) / (1920 - 320)));
}

.masonary-blog-section .masonary-blog .card-body span {
    margin-bottom: 16px;
    margin-top: -3px;
    display: block;
}

.masonary-blog-section .masonary-blog .card-body .masonary-name {
    letter-spacing: 1.2px;
    margin-bottom: 6px;
    color: var(--theme-color);
}

.masonary-blog-section .masonary-blog .card-body h2 {
    font-weight: 400;
    line-height: 1.4;
    font-size: calc(16px + (24 - 16) * ((100vw - 320px) / (1920 - 320)));
    margin-bottom: 6px;
    color: #0e2647;
}

    .masonary-blog-section .masonary-blog .card-body h2.quote-head {
        font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
        letter-spacing: 1.1px;
    }

.masonary-blog-section .masonary-blog .card-body p {
    letter-spacing: 0.06em;
    line-height: 1.6;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 15px;
}

.masonary-blog-section .masonary-blog .card-body .blog-profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #eaeaea;
    padding-top: 16px;
    margin-top: 20px;
}

    .masonary-blog-section .masonary-blog .card-body .blog-profile.box-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .masonary-blog-section .masonary-blog .card-body .blog-profile .image-profile {
        position: relative;
        width: 50px;
        height: 50px;
        overflow: hidden;
        border-radius: 50%;
    }

        .masonary-blog-section .masonary-blog .card-body .blog-profile .image-profile img {
            -webkit-transition: 0.5s ease;
            transition: 0.5s ease;
            width: 100%;
            height: auto;
            -o-object-fit: cover;
            object-fit: cover;
        }

    .masonary-blog-section .masonary-blog .card-body .blog-profile .image-name {
        margin-left: 15px;
    }

        .masonary-blog-section .masonary-blog .card-body .blog-profile .image-name h3 {
            position: relative;
            font-size: 17px;
            margin: 0 0 5px 0;
            font-weight: 500;
            color: #0e2647;
        }

            .masonary-blog-section .masonary-blog .card-body .blog-profile .image-name h3 span {
                font-weight: 400;
                display: revert;
                color: var(--theme-color);
            }

        .masonary-blog-section .masonary-blog .card-body .blog-profile .image-name h6 {
            color: #6c757d;
            font-size: 14px;
        }

.masonary-blog-section .masonary-blog .card-body .review-name p {
    margin-top: -4px;
    margin-bottom: 0;
    color: #6c757d;
    font-size: 16px;
    letter-spacing: 0.7px;
    line-height: 1.5;
    font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
    margin-bottom: 20px;
}

    .masonary-blog-section .masonary-blog .card-body .review-name p + p {
        margin: 20px 0;
    }

.popular-post .popular-title {
    margin-bottom: calc(15px + (24 - 15) * ((100vw - 320px) / (1920 - 320)));
}

    .popular-post .popular-title h2 {
        font-size: calc(22px + (35 - 22) * ((100vw - 320px) / (1920 - 320)));
    }

.popular-post .popular-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 10px;
}

    .popular-post .popular-image img {
        width: 100px;
        height: 100px;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .popular-post .popular-image .popular-contain {
        margin-left: 15px;
    }

        .popular-post .popular-image .popular-contain h5 {
            font-size: calc(16px + (19 - 16) * ((100vw - 320px) / (1920 - 320)));
            margin-bottom: 10px;
            font-weight: 400;
            margin-top: -3px;
        }

        .popular-post .popular-image .popular-contain p {
            margin-bottom: -1px;
            font-weight: 400;
        }

            .popular-post .popular-image .popular-contain p span {
                font-weight: 600;
            }

.popular-post .popular-details p {
    line-height: 1.8;
}

.popular-title {
    margin-bottom: 30px;
    background-color: #eff2f7;
    padding: 16px 20px;
}

    .popular-title.minus-spacing {
        margin-bottom: 0;
    }

    .popular-title h3 {
        font-weight: 500;
        font-size: 16px;
    }

.left-side {
    position: sticky;
}

    .left-side .popular-post {
        padding: 20px;
        border: 1px solid #ddd;
        color: #0e2647;
        border-radius: 5px;
    }

        .left-side .popular-post .review-box {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            margin: 2px -2px -2px -2px;
        }

            .left-side .popular-post .review-box span {
                font-size: 13px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                font-weight: 300;
                margin: 2px;
            }

                .left-side .popular-post .review-box span .feather {
                    width: 15px;
                    margin-right: 5px;
                }

        .left-side .popular-post .popular-image {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
        }

            .left-side .popular-post .popular-image + .popular-image {
                margin-top: 30px;
            }

            .left-side .popular-post .popular-image .popular-number {
                border-radius: 7px;
                width: 55px;
            }

                .left-side .popular-post .popular-image .popular-number h4 {
                    font-size: 30px;
                    font-weight: 400;
                    line-height: 1;
                    margin-top: -4px;
                }

@media (max-width: 1199px) {
    .left-side .popular-post .popular-image .popular-number h4 {
        font-size: 20px;
    }
}

.left-side .popular-post .popular-image img {
    width: 100px;
    height: 100px;
    -o-object-fit: cover;
    object-fit: cover;
}

.left-side .popular-post .popular-image .popular-contain {
    margin-left: 15px;
}

    .left-side .popular-post .popular-image .popular-contain h3 {
        font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320)));
        margin-bottom: 5px;
        font-weight: 400;
        line-height: 1.4;
        letter-spacing: -0.3px;
        margin-top: -3px;
    }

    .left-side .popular-post .popular-image .popular-contain p {
        margin-bottom: -1px;
        font-weight: 400;
    }

        .left-side .popular-post .popular-image .popular-contain p span {
            font-weight: 600;
        }

.left-side .popular-post .popular-details p {
    line-height: 1.8;
}

.left-side .popular-post .popular-details .social-media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 767px) {
    .left-side .popular-post .popular-details .social-media {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.left-side .popular-post .popular-details .social-media .social-icon-box {
    width: 30px;
    height: 30px;
    background-color: #0e2647;
    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;
    border-radius: 4px;
}

    .left-side .popular-post .popular-details .social-media .social-icon-box + .social-icon-box {
        margin-left: 15px;
    }

    .left-side .popular-post .popular-details .social-media .social-icon-box i {
        color: #fff;
    }

.left-side .category-section .category-box {
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    display: block;
}

    .left-side .category-section .category-box + .category-box {
        margin-top: 5px;
    }

    .left-side .category-section .category-box:hover {
        -webkit-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }

        .left-side .category-section .category-box:hover .category-product {
            background-color: #f0f3f8;
        }

            .left-side .category-section .category-box:hover .category-product .cate-shape {
                background-color: var(--theme-color);
            }

                .left-side .category-section .category-box:hover .category-product .cate-shape i {
                    color: #fff !important;
                }

            .left-side .category-section .category-box:hover .category-product .cate-contain h5 {
                color: #0e2647;
                font-weight: 500;
            }

    .left-side .category-section .category-box .category-product {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 5px;
        -webkit-transition: 0.5s ease;
        transition: 0.5s ease;
    }

        .left-side .category-section .category-box .category-product .cate-shape {
            width: 40px;
            height: 40px;
            border-radius: 6px;
            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-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
        }

            .left-side .category-section .category-box .category-product .cate-shape i {
                font-size: 16px;
                -webkit-transition: all 0.5s ease-in-out;
                transition: all 0.5s ease-in-out;
            }

        .left-side .category-section .category-box .category-product .cate-contain {
            margin-left: 15px;
            -webkit-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
        }

            .left-side .category-section .category-box .category-product .cate-contain h5 {
                -webkit-transition: all 0.5s ease-in-out;
                transition: all 0.5s ease-in-out;
                color: #0e2647;
                font-weight: 300;
            }

    .left-side .category-section .category-box:hover .category-product .cate-shape i {
        color: var(--theme-color);
    }

    .left-side .category-section .category-box:hover .category-product .cate-contain h5 {
        color: var(--theme-color);
    }

.left-side .tag-section .button-tags {
    display: inline-block;
    margin: 2px 0;
}

.blog-details {
    border-radius: 8px;
    border: none;
    overflow: hidden;
    display: block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

@media (max-width: 767px) {
    .blog-details {
        margin-top: 30px;
    }
}

.blog-details .blog-image-box {
    position: relative;
}

    .blog-details .blog-image-box img {
        width: 100%;
    }

    .blog-details .blog-image-box .blog-title {
        position: absolute;
        bottom: 20px;
        right: 20px;
        padding: 15px;
        background: #fff;
        border-radius: 6px;
        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;
        text-align: center;
    }

@media (max-width: 575px) {
    .blog-details .blog-image-box .blog-title {
        padding: 6px;
        bottom: 10px;
        right: 10px;
        background-color: transparent;
    }
}

.blog-details .blog-image-box .blog-title .blog-contain {
    margin-top: calc(15px + (25 - 15) * ((100vw - 320px) / (1920 - 320)));
}

    .blog-details .blog-image-box .blog-title .blog-contain h4 {
        font-weight: 300;
        margin-bottom: 10px;
    }

@media (max-width: 360px) {
    .blog-details .blog-image-box .blog-title .blog-contain h4 {
        display: none;
    }
}

.blog-details .blog-image-box .blog-title .blog-contain h2 {
    font-size: calc(16px + (28 - 16) * ((100vw - 320px) / (1920 - 320)));
}

.blog-details .blog-detail-contain {
    padding: 0 0 calc(20px + (25 - 20) * ((100vw - 320px) / (1920 - 320))) 0;
    margin-top: 40px;
}

    .blog-details .blog-detail-contain span {
        margin-bottom: 16px;
        margin-top: -5px;
        display: block;
    }

    .blog-details .blog-detail-contain h2 {
        font-weight: 400;
        line-height: 1.2;
        font-size: calc(18px + (27 - 18) * ((100vw - 320px) / (1920 - 320)));
        margin-bottom: 16px;
        margin-top: -8px;
    }

    .blog-details .blog-detail-contain p {
        letter-spacing: 0.05em;
        line-height: 1.6;
        font-weight: 400;
        margin-bottom: 0;
        text-align: justify;
    }

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

        .blog-details .blog-detail-contain p.firt-latter::first-letter {
            float: left;
            font-size: 75px;
            line-height: 60px;
            padding-top: 4px;
            padding-right: 15px;
            padding-left: 3px;
            color: #0e2647;
        }

    .blog-details .blog-detail-contain .blog-profile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .blog-details .blog-detail-contain .blog-profile .image-profile {
            position: relative;
            width: 55px;
            height: 55px;
            overflow: hidden;
            border-radius: 50%;
        }

            .blog-details .blog-detail-contain .blog-profile .image-profile img {
                -webkit-transition: 0.5s ease;
                transition: 0.5s ease;
                width: 100%;
                height: auto;
                -o-object-fit: cover;
                object-fit: cover;
            }

        .blog-details .blog-detail-contain .blog-profile .image-name {
            margin-left: 15px;
        }

            .blog-details .blog-detail-contain .blog-profile .image-name h3 {
                position: relative;
                font-size: calc(17px + (20 - 17) * ((100vw - 320px) / (1920 - 320)));
                font-weight: 500;
                margin-bottom: 4px;
            }

            .blog-details .blog-detail-contain .blog-profile .image-name h6 {
                color: #6c757d;
                font-size: calc(13px + (15 - 13) * ((100vw - 320px) / (1920 - 320)));
            }

    .blog-details .blog-detail-contain .review-name p {
        margin-top: -4px;
        margin-bottom: 0;
        color: #6c757d;
        font-size: 16px;
        letter-spacing: 0.7px;
        line-height: 1.5;
        font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
        margin-bottom: 20px;
    }

        .blog-details .blog-detail-contain .review-name p + p {
            margin: 20px 0;
        }

.leave-comments .form-control {
    background-color: #f0f3f8;
    border: none;
}

    .leave-comments .form-control:focus {
        border-color: transparent;
    }

.block-shadow-space {
    padding-bottom: calc(80px - 14px);
}

/**=====================
       Pagination Css Start
  ==========================**/
.page-section {
    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;
    text-align: center;
    margin-top: 50px;
}

    .page-section .pagination {
        margin-bottom: 0;
    }

        .page-section .pagination .page-item + .page-item {
            margin-left: 10px;
        }

        .page-section .pagination .page-item.active .page-link {
            border-radius: 5px;
            background-color: var(--theme-color);
            color: #fff;
            font-weight: 600;
            z-index: 0;
        }

        .page-section .pagination .page-item .page-link {
            border: 1px solid transparent;
            color: var(--theme-color);
            border-radius: 5px;
            background-color: #fff;
        }

            .page-section .pagination .page-item .page-link:hover {
                background-color: #eff2f7;
                color: var(--theme-color);
            }

            .page-section .pagination .page-item .page-link:focus {
                background-color: transparent;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

/**=====================
       Cart Page Scss Start
  ==========================**/
.wish-list-section.table-dashboard thead tr th {
    padding: 16px 12px;
}

.wish-list-section.table-dashboard tbody tr td {
    padding: 16px;
}

.wish-list-section .count-down {
    margin-bottom: 20px;
    background: #f0f3f8;
    padding: 10px;
    letter-spacing: 1.1px;
    margin-bottom: 25px;
    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;
    color: #0e2647;
}

@media (max-width: 767px) {
    .wish-list-section .count-down {
        display: block;
        text-align: center;
    }
}

.wish-list-section .count-down h5 {
    margin-right: 10px;
}

@media (max-width: 767px) {
    .wish-list-section .count-down h5 {
        margin-right: 0;
    }
}

.wish-list-section.shopping-button {
    display: block;
}

    .wish-list-section.shopping-button .fas {
        margin-right: 10px;
    }

.table tbody + tbody {
    border-top: none;
}

.cart-buttons {
    padding-top: 35px;
}

    .cart-buttons > div:last-child {
        text-align: right;
        padding-right: 59px;
        padding-right: 38px;
    }

@media (max-width: 767px) {
    .wishlist-table thead tr th:nth-child(n + 3) {
        display: none;
    }
}

@media (max-width: 767px) {
    .wishlist-table tbody tr td:nth-child(n + 3) {
        display: none;
    }

    .wishlist-table tbody tr td .mobile-cart-content .col {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.cart-table {
    overflow: hidden;
    margin-bottom: 0;
}

    .cart-table thead th {
        border-bottom-width: 1px;
        font-weight: 600;
        color: #0e2647;
        text-transform: uppercase;
        font-size: 14px;
        border-top: 0;
        text-align: center;
        padding: 12px;
        border-bottom: 1px solid #eff2f7 !important;
        background-color: #eff2f7;
    }

    .cart-table tbody h2 {
        margin-bottom: 0;
    }

    .cart-table tbody tr td {
        vertical-align: middle;
        color: #b2bdd1;
        border-top: 0;
        border-bottom: 1px solid #eff2f7 !important;
        text-align: center;
        padding: 14px 8px;
    }

        .cart-table tbody tr td a {
            white-space: nowrap;
            font-weight: 400;
            font-size: 14px;
            text-transform: capitalize;
            margin-bottom: 0;
            display: inline-block;
        }

            .cart-table tbody tr td a.icon {
                background-color: #eff2f7;
                border: 1px solid #eff2f7;
                margin: 0 5px;
            }

@media (max-width: 767px) {
    .cart-table tbody tr td a.icon {
        margin: 0;
    }
}

.cart-table tbody tr td a.icon:hover .fas {
    color: var(--theme-color);
}

.cart-table tbody tr td a.icon .fas {
    width: calc(25px + (35 - 25) * ((100vw - 320px) / (1920 - 320)));
    height: calc(25px + (35 - 25) * ((100vw - 320px) / (1920 - 320)));
    font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
    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;
    border-radius: 3px;
}

.cart-table tbody tr td a img {
    height: 70px;
}

.cart-table tbody tr td p {
    color: #0e2647;
    white-space: nowrap;
    font-weight: 400;
    font-size: 14px;
    text-transform: capitalize;
    margin-bottom: 0;
}

    .cart-table tbody tr td p img {
        height: 90px;
    }

.cart-table tbody tr td .td-color {
    color: var(--theme-deafult);
}

.cart-table tbody tr td h2 {
    font-size: 20px;
    color: #0e2647;
    font-weight: 400;
}

.cart-table tbody tr td .mobile-cart-content {
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 10px;
}

@media (max-width: 767px) {
    .cart-table tbody tr td .mobile-cart-content {
        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;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

.cart-table tbody tr td .mobile-cart-content .qty-box {
    border-radius: 5px;
}

    .cart-table tbody tr td .mobile-cart-content .qty-box .input-group .form-control {
        width: 48px;
        padding: 6px;
    }

.cart-table tbody tr td .mobile-cart-content .col {
    -ms-flex-item-align: center;
    align-self: center;
    margin: 10px 0;
}

@media (max-width: 767px) {
    .cart-table tbody tr td .mobile-cart-content .col {
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        white-space: nowrap;
    }
}

.cart-table tbody tr td .mobile-cart-content h2 {
    font-size: 20px;
    margin-left: 10px;
}

.cart-table tbody tr td .qty-box .input-group {
    display: block;
}

    .cart-table tbody tr td .qty-box .input-group .form-control {
        width: 75px;
        margin: 0 auto;
        text-align: center;
    }

tfoot tr th {
    padding-top: 35px;
    text-align: right;
}

tfoot tr td {
    padding-top: 35px;
    padding-bottom: 0;
    text-align: right;
    border: none;
    padding-right: 63px;
    padding-right: 41px;
}

    tfoot tr td h2 {
        font-size: 20px;
        margin-bottom: 0;
        font-weight: 400;
        text-align: center;
    }

    tfoot tr td:first-child {
        width: 85%;
        font-size: 15px;
        padding-right: 10px;
        text-transform: capitalize;
        font-weight: 700;
    }

.left-side-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .left-side-button a {
        border-radius: 5px;
    }

        .left-side-button a i {
            margin-right: 6px;
        }

@media (max-width: 767px) {
    .left-side-button {
        text-align: center;
    }
}

@media (max-width: 767px) {
    .left-side-button .shopping-button {
        width: 100%;
        text-align: center;
    }
}

.cart-section .count-down {
    margin-bottom: 5px;
    padding: 0;
    letter-spacing: 1.1px;
    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;
    color: #0e2647;
}

@media (max-width: 767px) {
    .cart-section .count-down {
        display: block;
        text-align: center;
    }
}

.cart-section .count-down h5 {
    margin-right: 10px;
}

@media (max-width: 767px) {
    .cart-section .count-down h5 {
        margin-right: 0;
        margin-bottom: 13px;
    }
}

.cart-section .table tbody + tbody {
    border-top: none;
}

.cart-section .cart-buttons {
    padding-top: 35px;
}

    .cart-section .cart-buttons > div:last-child {
        text-align: right;
        padding-right: 59px;
        padding-right: 38px;
    }

.cart-section .cart-table {
    overflow: hidden;
    margin-bottom: 0;
}

    .cart-section .cart-table thead th {
        border-bottom-width: 1px;
        font-weight: 600;
        color: #0e2647;
        text-transform: uppercase;
        font-size: 15px;
        border-top: 0;
        text-align: center;
        border-bottom: 1px solid #eff2f7 !important;
        padding: 12px;
        background-color: #eff2f7;
    }

@media (max-width: 767px) {
    .cart-section .cart-table thead th:nth-last-child(-n + 4) {
        display: none;
    }
}

.cart-section tbody h2 {
    margin-bottom: 0;
}

.cart-section tbody tr.table-order td {
    min-width: 150px;
}

.cart-section tbody tr td {
    vertical-align: middle;
    color: #0e2647;
    border-top: 0;
    border-bottom: 1px solid #c7c7c5 !important;
    text-align: center;
    min-width: 175px;
}

@media (max-width: 767px) {
    .cart-section tbody tr td:nth-last-child(-n + 4) {
        display: none;
    }
}

.cart-section tbody tr td a {
    color: #7e7e7e;
    font-weight: 400;
    font-size: 14px;
    text-transform: capitalize;
    margin-bottom: 0;
}

    .cart-section tbody tr td a.icon {
        border: 1px solid rgba(169, 169, 169, 0.5);
        padding: 10px 15px;
        border-radius: 3px;
    }

    .cart-section tbody tr td a img {
        height: 80px;
    }

.cart-section tbody tr td p {
    color: #b2bdd1;
    font-weight: 400;
    font-size: 14px;
    text-transform: capitalize;
    margin-bottom: 0;
}

    .cart-section tbody tr td p img {
        height: 90px;
    }

.cart-section tbody tr td .td-color {
    color: var(--theme-deafult);
}

.cart-section tbody tr td h2 {
    font-size: 20px;
    color: var(--theme-color);
    font-weight: 400;
}

.cart-section tbody tr td .mobile-cart-content {
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 10px;
}

@media (max-width: 767px) {
    .cart-section tbody tr td .mobile-cart-content {
        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;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}

.cart-section tbody tr td .mobile-cart-content .qty-box {
    border-radius: 5px;
}

    .cart-section tbody tr td .mobile-cart-content .qty-box .input-group .form-control {
        width: 48px;
        padding: 6px;
    }

.cart-section tbody tr td .mobile-cart-content .col {
    -ms-flex-item-align: center;
    align-self: center;
    margin: 10px 0;
}

@media (max-width: 767px) {
    .cart-section tbody tr td .mobile-cart-content .col {
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.cart-section tbody tr td .mobile-cart-content h2 {
    font-size: 20px;
}

.cart-section tbody tr td .qty-box .input-group {
    display: block;
}

    .cart-section tbody tr td .qty-box .input-group .form-control {
        width: 75px;
        margin: 0 auto;
        text-align: center;
        padding: 5px;
        height: 50px;
    }

.cart-section tfoot tr th {
    padding-top: 35px;
    text-align: right;
}

.cart-section tfoot tr td {
    padding-top: 35px;
    padding-bottom: 0;
    text-align: right;
    border: none;
    padding-right: 63px;
    padding-right: 41px;
}

    .cart-section tfoot tr td h2 {
        font-size: 20px;
        margin-bottom: 0;
        font-weight: 400;
        text-align: center;
    }

    .cart-section tfoot tr td:first-child {
        width: 85%;
        font-size: 15px;
        padding-right: 10px;
        text-transform: capitalize;
        font-weight: 700;
    }

.cart-section .left-side-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 767px) {
    .cart-section .left-side-button {
        text-align: center;
    }
}

@media (max-width: 767px) {
    .cart-section .left-side-button .shopping-button {
        width: 100%;
        text-align: center;
    }
}

.cart-section .cart-checkout-section {
    margin-top: 30px;
}

    .cart-section .cart-checkout-section .promo-section .input-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .cart-section .cart-checkout-section .promo-section .input-group .form-control {
            padding: 12px 20px;
        }

    .cart-section .cart-checkout-section .checkout-button {
        text-align: right;
    }

        .cart-section .cart-checkout-section .checkout-button a {
            border-radius: 5px;
        }

    .cart-section .cart-checkout-section .cart-box {
        background-color: #eff2f7;
        border-radius: 10px;
        overflow: hidden;
        padding: 0;
    }

        .cart-section .cart-checkout-section .cart-box label {
            font-weight: 500;
            margin-bottom: 8px;
            text-transform: capitalize;
        }

        .cart-section .cart-checkout-section .cart-box .cart-box-details .total-details span {
            float: right;
        }

        .cart-section .cart-checkout-section .cart-box .cart-box-details .total-details .top-details {
            border-bottom: 1px solid #c7c7c5;
            padding: 22px;
            margin-bottom: 0;
        }

            .cart-section .cart-checkout-section .cart-box .cart-box-details .total-details .top-details h3 {
                margin-bottom: 10px;
                color: #0e2647;
            }

            .cart-section .cart-checkout-section .cart-box .cart-box-details .total-details .top-details h6 {
                line-height: 1.9;
                color: #0e2647;
            }

        .cart-section .cart-checkout-section .cart-box .cart-box-details .total-details .bottom-details a {
            background-color: var(--theme-color);
            width: 100%;
            display: block;
            padding: 12px 0;
            text-align: center;
            color: #fff;
            font-weight: 500;
            letter-spacing: 1.2px;
        }

/**=====================
       Checkout Page Scss Start
  ==========================**/
.your-cart-box {
    position: sticky;
    top: 10px;
}

.list-group {
    border: none;
    border-radius: 20px;
    background-color: #e7ebf1;
}

.your-cart-box .list-group .lh-condensed {
    padding: 15px 25px;
    padding: 15px 25px;
    background-color: #fafafb;
    border-bottom: 1px solid #e7ebf1;
}

    .your-cart-box .list-group .lh-condensed.active {
        background: #eff2f7;
        border-color: rgba(33, 37, 41, 0.125);
    }

    .your-cart-box .list-group .lh-condensed h6 {
        color: #0e2647;
    }

    .your-cart-box .list-group .lh-condensed small,
    .your-cart-box .list-group .lh-condensed span,
    .your-cart-box .list-group .lh-condensed strong {
        color: #7e7e7e;
    }

.your-cart-box .list-group .card {
    border: none;
}

.your-cart-box .new-badge {
    border-radius: 50% !important;
    padding: 8px;
    line-height: 0;
    font-size: 13px;
    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: 25px;
    height: 25px;
}

.your-cart-box .custome-imput-group .form-control {
    padding: 6px 12px;
}

.custome-form-select {
    padding: 17px 20px;
    background-color: #eff2f7;
    border-radius: 15px;
    border: 1px solid #d9dade;
    font-family: "Almarai";
}

    .custome-form-select option {
        font-size: 16px;
        padding: 20px 0;
    }

.checkout-label {
    padding-top: 2px;
}

.custome-radio-box {
    display: inline-block;
    margin-right: 10px;
}

    .custome-radio-box .form-check-input {
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        margin-top: 0px;
        background-color: #fff;
        margin-right: 8px;
    }

        .custome-radio-box .form-check-input:checked {
            background-color: #ff731d;
            border-color: #ff731d;
        }

        .custome-radio-box .form-check-input:active {
            -webkit-filter: none;
            filter: none;
        }

        .custome-radio-box .form-check-input:focus {
            -webkit-box-shadow: none;
            box-shadow: none;
        }

hr {
    background-color: #6c757d;
}

/**=====================
       Order Success css Start
  ==========================**/
.success-icon {
    padding: 70px 20px;
    background-color: #f0f3f8;
}

@media (max-width: 575px) {
    .stickyCart .sticky-bottom-cart {
        bottom: 70px !important;
    }

    .success-icon {
        padding: 30px 20px;
    }
}

.success-icon .main-container {
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: center;
}

    .success-icon .main-container .check-container {
        width: 100px;
        height: 120px;
        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;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-animation: mover 1s infinite alternate;
        animation: mover 1s infinite alternate;
    }

        .success-icon .main-container .check-container .check-background {
            width: 100%;
            height: calc(100% - 20px);
            background: -webkit-gradient(linear, left top, right bottom, from(#008000), to(#008000));
            background: linear-gradient(to bottom right, #008000, #008000);
            -webkit-box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
            box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
            -webkit-transform: scale(0.84);
            transform: scale(0.84);
            border-radius: 50%;
            -webkit-animation: animateContainer 0.75s ease-out forwards 0.75s;
            animation: animateContainer 0.75s ease-out forwards 0.75s;
            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;
            opacity: 0;
        }

            .success-icon .main-container .check-container .check-background svg {
                width: 65%;
                -webkit-transform: translateY(4px);
                transform: translateY(4px);
                stroke-dasharray: 80;
                stroke-dashoffset: 80;
                -webkit-animation: animateCheck 0.35s forwards 1.25s ease-out;
                animation: animateCheck 0.35s forwards 1.25s ease-out;
            }

        .success-icon .main-container .check-container .check-shadow {
            bottom: calc(-15% - 5px);
            left: 0;
            border-radius: 50%;
            background: radial-gradient(closest-side, #49da83, transparent);
            -webkit-animation: animateShadow 0.75s ease-out forwards 0.75s;
            animation: animateShadow 0.75s ease-out forwards 0.75s;
        }

.success-icon .success-contain {
    text-align: center;
}

    .success-icon .success-contain h4 {
        color: green;
        font-size: 30px;
        font-weight: 500;
    }

    .success-icon .success-contain h5 {
        margin: 5px 0 10px;
        font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320)));
    }

    .success-icon .success-contain h6 {
        letter-spacing: 1.1px;
    }

.order-left-box {
    position: relative;
    text-align: center;
}

    .order-left-box:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 1px;
        height: 100%;
        background-color: #ddd;
    }

    .order-left-box:nth-child(4)::after {
        width: 0;
    }

@media (max-width: 991px) {
    .order-left-box:nth-child(2)::after {
        width: 0;
    }
}

.order-details-table .table tbody {
    border-bottom: 1px solid #ddd;
}

    .order-details-table .table tbody tr td {
        padding: 10px;
        text-align: left;
        max-width: 150px;
        border-bottom: none !important;
        color: #7e7e7e;
    }

@media (max-width: 767px) {
    .order-details-table .table tbody tr td:nth-last-child(-n + 4) {
        display: revert !important;
    }
}

.order-details-table .table tbody tr td:nth-child(1) {
    background-color: transparent;
}

.order-details-table .table tbody tr td h5 {
    margin-top: 10px;
    color: #0e2647;
}

.order-details-table .table tfoot tr td {
    text-align: right;
    padding: 10px 15px;
}

    .order-details-table .table tfoot tr td:nth-child(1) {
        text-align: left;
        width: 100%;
    }

    .order-details-table .table tfoot tr td h4 {
        font-weight: 400;
        color: #0e2647;
    }

.order-details-table .table tfoot tr.table-order:nth-child(3) {
    border-bottom: 1px solid #ddd;
}

.order-details-table .order-success {
    padding: 30px;
    border-radius: 5px;
    background-color: #eff2f7;
}

@media (max-width: 360px) {
    .order-details-table .order-success {
        padding: 20px;
    }
}

.order-details-table .order-success h4 {
    font-weight: 700;
    text-transform: capitalize;
    font-size: 16px;
    margin-bottom: 8px;
}

.order-details-table .order-success .order-details li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-transform: capitalize;
    line-height: 1.6;
    font-size: 15px;
    margin-bottom: 3px;
    color: #7e7e7e;
}

.order-details-table .order-success .payment-mode p {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 0;
    color: #7e7e7e;
    letter-spacing: 1px;
}

.order-details-table .order-success .delivery-sec {
    margin-bottom: -5px;
    padding: 0;
    margin-top: 20px;
    background-color: transparent;
}

    .order-details-table .order-success .delivery-sec h3 {
        color: #0e2647;
        text-transform: capitalize;
        font-size: 18px;
        margin-bottom: 0;
        font-weight: 400;
    }

        .order-details-table .order-success .delivery-sec h3 span {
            font-weight: 700;
            margin-left: 5px;
        }

    .order-details-table .order-success .delivery-sec a {
        font-size: 16px;
        text-transform: capitalize;
        margin-top: 5px;
        display: block;
        font-weight: 600;
    }

/**=======================
   Dashboard Scss Start
  ============================**/
.dash-filter {
    margin-bottom: 40px;
}

.custome-nav-tabs {
    padding: 20px;
    color: black;
    border: none;
    border-radius: 15px;
    position: sticky;
    top: 10px;
    background: #eff2f7;
}



    .custome-nav-tabs .nav-item .nav-link {
        width: 100%;
        text-align: left;
        border-radius: 5px;
        background: transparent;
        border: 1px solid transparent;
        position: relative;
        font-size: 16px;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        color: #0e2647 !important;
        font-family: "Almarai";
    }

        .custome-nav-tabs .nav-item .nav-link i {
            position: absolute;
            left: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            -webkit-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
        }

        .custome-nav-tabs .nav-item .nav-link:hover {
            padding-left: 20px;
            color: var(--theme-color) !important;
        }

            .custome-nav-tabs .nav-item .nav-link:hover:before {
                opacity: 1;
                left: 0px;
            }

        .custome-nav-tabs .nav-item .nav-link.active {
            padding-left: 20px;
            color: var(--theme-color) !important;
            font-weight: 600;
            font-family: "Almarai";
            background-color: #d8dde4;
            border-radius: 8px;
            padding: 13px 14px;
        }

            .custome-nav-tabs .nav-item .nav-link.active:before {
                opacity: 1;
                left: 0px;
            }

.page-title {
    margin-bottom: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    justify-content: center;
    align-items: center;
}

    .page-title h2 {
        font-size: 28px;
        margin-top: -3px;
        color: #0e2647;
    }

    .page-title a {
        margin-left: 30px;
    }

.box-head {
    margin-bottom: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .box-head h2 {
        font-size: 25px;
        letter-spacing: 1.1px;
    }

    .box-head a {
        margin-left: 20px;
    }

.dashboard {
    background-color: transparent;
    padding: 0 15px;
    border: none;
    border-radius: 6px;
}

    .dashboard .page-title {
        margin-bottom: calc(22px + (32 - 22) * ((100vw - 320px) / (1920 - 320)));
    }

        .dashboard .page-title h2 {
            font-size: 30px;
        }

    .dashboard address a {
        display: block;
        margin-bottom: -5px;
        margin-top: 10px;
    }

    .dashboard .welcome-msg p {
        letter-spacing: 0.3px;
        margin-bottom: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
        line-height: 1.5;
    }

    .dashboard .welcome-msg h6 {
        letter-spacing: 1.5px;
    }

        .dashboard .welcome-msg h6 span {
            font-weight: 600;
            color: #0e2647;
        }

    .dashboard .box-account {
        margin-top: calc(25px + (45 - 25) * ((100vw - 320px) / (1920 - 320)));
    }

        .dashboard .box-account .box-content {
            margin: 10px 0;
        }

            .dashboard .box-account .box-content h4 {
                margin: 15px 0;
            }

    .dashboard .address-box {
        margin-top: calc(5px + (20 - 5) * ((100vw - 320px) / (1920 - 320)));
    }

    .dashboard .box-title {
        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;
        border-bottom: 1px solid #ddd;
        padding: calc(4px + (8 - 4) * ((100vw - 320px) / (1920 - 320))) 0;
    }

        .dashboard .box-title h3 {
            font-weight: 400;
        }

    .dashboard h6,
    .dashboard p {
        margin: 6px 0;
        line-height: 1.4;
    }

.order-box-contain .order-box {
    position: relative;
    overflow: hidden;
    padding: 20px 30px;
    border-radius: 10px;
    background-color: #eff2f7;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .order-box-contain .order-box .order-box-image {
        position: absolute;
        top: 50%;
        right: -20px;
        width: 25%;
        opacity: 0.04;
        -webkit-transform: rotate(0) translateY(-50%);
        transform: rotate(0) translateY(-50%);
        -webkit-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }

    .order-box-contain .order-box:hover .order-box-image {
        -webkit-transform: rotate(-7deg) translateY(-50%);
        transform: rotate(-7deg) translateY(-50%);
        opacity: 0.25;
    }

    .order-box-contain .order-box .order-box-contain {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .order-box-contain .order-box .order-box-contain img {
            width: calc(40px + (50 - 40) * ((100vw - 320px) / (1920 - 320)));
        }

        .order-box-contain .order-box .order-box-contain > div {
            width: calc(100% - 20px);
            margin-left: 15px;
            text-transform: capitalize;
        }

            .order-box-contain .order-box .order-box-contain > div h3 {
                margin-top: 6px;
            }

.dashboard-profile .dash-profile li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 2px;
}

@media (max-width: 575px) {
    .dashboard-profile .dash-profile li {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.dashboard-profile .dash-profile li .left {
    width: 220px;
}

@media (max-width: 575px) {
    .dashboard-profile .dash-profile li .left {
        width: auto;
        margin-right: 10px;
    }
}

.dashboard-profile .dash-profile li .left h6 {
    margin: 0;
}

.dashboard-profile .dash-profile li a {
    margin-left: 20px;
}

.dashboard-security .page-title {
    margin-bottom: 10px;
}

.dashboard-security p {
    line-height: 1.6;
    letter-spacing: 0.05em;
}

.dashboard-security .security-details {
    margin-bottom: 18px;
}

    .dashboard-security .security-details h5 span {
        font-weight: 500;
        color: #0e2647;
    }

.dashboard-security .security-details-1 {
    border: 1px dashed rgba(0, 0, 0, 0.28);
    border-radius: 5px;
    padding: 15px;
}

.success-button {
    background-color: green;
    margin: 0 !important;
    padding: 4px 10px;
    border-radius: 5px;
    font-size: 12px !important;
    color: #fff !important;
}

.danger-button {
    background-color: var(--theme-color);
    margin: 0 !important;
    padding: 4px 10px;
    border-radius: 5px;
    font-size: 12px !important;
    color: #fff !important;
}

    .danger-button.danger-center {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
        margin: 0 !important;
    }

        .danger-button.danger-center .feather {
            stroke: #fff;
        }

.save-details-box .save-details {
    border: 1px solid #eff2f7;
    padding: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    border-radius: 15px;
    background-color: #eff2f7;
    position: relative;
}

    .save-details-box .save-details.show {
        -webkit-box-shadow: 0 0px 10px rgba(33, 37, 41, 0.2);
        box-shadow: 0 0px 10px rgba(33, 37, 41, 0.2);
    }

    .save-details-box .save-details .save-name {
        position: relative;
    }

        .save-details-box .save-details .save-name h3,
        .save-details-box .save-details .save-name h5 {
            color: #0e2647;
            font-size: 18px;
        }

.save-position.btn-ads {
    background-color: transparent !important;
}

.save-address {
    margin-bottom: 10px;
}

    .save-address span {
        color: #0e2647;
    }

.pro-img {
    width: 160px;
    border-radius: 20px;
    margin-right: 10px;
    /*   height: 250px;
    background: #f1f1f1;
    object-fit: cover;*/
}

    .pro-img.my-ads-height-img {
        width: 160px;
        border-radius: 20px;
        margin-right: 10px;
        height: 200px;
        background: #f1f1f1;
        object-fit: cover;
    }

.save-details-box .save-details .save-position {
    position: absolute;
    background-color: var(--theme-color);
    top: -18px;
    right: -19px;
    color: #fff;
    padding: 8px 15px;
    border-radius: 4px;
}

    .save-details-box .save-details .save-position h6 {
        margin: 0;
        margin-bottom: -2px;
        font-weight: 500;
    }

.save-details-box .save-details .save-address p {
    line-height: 1.4;
    letter-spacing: 0px;
    margin: 0 0 calc(2px + (5 - 2) * ((100vw - 320px) / (1920 - 320)));
}

.save-details-box .save-details .mobile p.mobile {
    margin-top: 20px;
    padding-bottom: 6px;
}

.save-details-box .save-details .button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: -5px;
}

    .save-details-box .save-details .button a {
        width: 100%;
        margin: 0 4px;
    }

.payment-card-detail {
    position: relative;
}

    .payment-card-detail:hover .edit-card {
        opacity: 1;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .payment-card-detail.add-card {
        background-color: #f9f9f9;
        cursor: pointer;
        padding: 0;
    }

        .payment-card-detail.add-card .card-details {
            min-height: 130px;
            background: #d2d2d2;
            color: #0e2647;
            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;
            text-align: center;
        }

            .payment-card-detail.add-card .card-details h5 {
                margin-bottom: 0;
                text-transform: capitalize;
            }

    .payment-card-detail .card-details {
        color: #fff;
        padding: 30px 20px;
        border-radius: 5px;
        background-color: #4b77a0;
        background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
    }

        .payment-card-detail .card-details.card-visa {
            background-color: #777876;
        }

        .payment-card-detail .card-details.dabit-card {
            background-color: #86b8cf;
        }

        .payment-card-detail .card-details .card-number {
            margin-bottom: 10px;
        }

            .payment-card-detail .card-details .card-number h4 {
                color: #fff;
            }

        .payment-card-detail .card-details .valid-detail {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-top: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
        }

            .payment-card-detail .card-details .valid-detail .title {
                margin-bottom: 0;
            }

                .payment-card-detail .card-details .valid-detail .title span {
                    display: block;
                    color: rgba(255, 255, 255, 0.7);
                    text-transform: uppercase;
                    font-size: 12px;
                    line-height: 1.3;
                }

            .payment-card-detail .card-details .valid-detail .date h3 {
                margin-bottom: 0;
                color: #fff;
                margin-left: 15px;
                font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
                font-weight: normal;
            }

            .payment-card-detail .card-details .valid-detail .primary {
                margin-left: auto;
            }

                .payment-card-detail .card-details .valid-detail .primary span {
                    font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
                    padding: 0;
                    font-weight: 400;
                    text-transform: capitalize;
                }

        .payment-card-detail .card-details .name-detail {
            margin-top: calc(10px + (25 - 10) * ((100vw - 320px) / (1920 - 320)));
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .payment-card-detail .card-details .name-detail .name {
                width: 100%;
            }

                .payment-card-detail .card-details .name-detail .name h5 {
                    text-transform: uppercase;
                    font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
                    margin-bottom: 0;
                    color: #fff;
                }

            .payment-card-detail .card-details .name-detail .card-img {
                display: inline-block;
                margin-left: auto;
                text-align: right;
            }

    .payment-card-detail .edit-card {
        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%;
        height: 100%;
        position: absolute;
        text-align: center;
        top: 0;
        left: 0;
        background-color: rgba(33, 37, 41, 0.8);
        border-radius: 5px;
        opacity: 0;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

@media (max-width: 767px) {
    .payment-card-detail .edit-card {
        display: none;
    }
}

.payment-card-detail .edit-card a {
    padding: 0 10px;
    text-transform: capitalize;
    color: #fff;
}

.edit-card-mobile {
    display: none;
}

@media (max-width: 767px) {
    .edit-card-mobile {
        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-top: 10px;
    }

        .edit-card-mobile a {
            padding: 0 10px;
            text-transform: capitalize;
            color: #0e2647;
        }
}

/**============================
    Order Tracking css Start
  =================================**/
.tracker-title {
    font-size: 28px;
    letter-spacing: 1.2px;
    margin: 0;
    font-weight: 500;
}

@media (max-width: 360px) {
    .tracker-title {
        font-size: 26px;
        line-height: 1.5;
    }
}

.tracker-number p {
    margin-bottom: 10px;
    letter-spacing: 1.2px;
}

    .tracker-number p span {
        font-weight: 500;
        margin-left: 10px;
        color: #0e2647;
    }

.progtrckr {
    margin: 40px 0 15px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media (max-width: 575px) {
    .progtrckr {
        display: block;
        margin: 30px 0;
    }
}

.progtrckr li {
    display: inline-block;
    text-align: center;
    margin: 10px 0;
}

@media (max-width: 575px) {
    .progtrckr li {
        margin: 0;
        width: 50% !important;
    }
}

.progtrckr li h5 {
    margin-top: 20px;
    text-align: center;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 500;
}

@media (max-width: 575px) {
    .progtrckr li h5 {
        display: block;
        text-align: left;
        margin-top: 0;
    }
}

.progtrckr li:before {
    position: relative;
    top: -2px;
    float: left;
    left: 50% !important;
    line-height: 1;
    -webkit-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
}

@media (max-width: 575px) {
    .progtrckr li:before {
        position: relative;
        top: 10px;
        float: left;
        left: -2px !important;
        line-height: 1;
        -webkit-transform: translate(-50%, -50%) !important;
        transform: translate(-50%, -50%) !important;
    }
}

.progtrckr li.progtrckr-todo {
    color: #c0c0c0;
    border-top: 4px solid #c0c0c0;
    width: 100% !important;
}

@media (max-width: 575px) {
    .progtrckr li.progtrckr-todo {
        position: relative;
        text-align: left;
        margin-left: 30px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-bottom: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));
        padding-left: 30px;
        border-top: unset;
        border-left: 4px solid #c0c0c0;
    }
}

.progtrckr li.progtrckr-todo:before {
    content: "\f111";
    font-family: "Font Awesome 5 Free";
    color: #c0c0c0;
    background-color: #fff;
    font-size: 2.2em;
}

@media (max-width: 575px) {
    .progtrckr li.progtrckr-todo:before {
        position: absolute;
        top: 10px;
        left: -17px;
        line-height: 1;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

.progtrckr li.progtrckr-todo h6 {
    font-size: 13px;
    margin-top: 8px;
}

.progtrckr li.progtrckr-done {
    color: #0e2647;
    border-top: 4px solid var(--theme-color);
    width: 100% !important;
}

@media (max-width: 575px) {
    .progtrckr li.progtrckr-done {
        position: relative;
        text-align: left;
        margin-left: 30px;
        -webkit-box-align: self-start;
        -ms-flex-align: self-start;
        align-items: self-start;
        padding-bottom: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));
        border-top: unset;
        border-left: 4px solid var(--theme-color);
    }
}

.progtrckr li.progtrckr-done:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #fff;
    background-color: var(--theme-color);
    height: 30px;
    width: 30px;
    line-height: 2.2em;
    border: none;
    border-radius: 2.2em;
    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;
}

.progtrckr li.progtrckr-done h6 {
    font-size: 13px;
    margin-top: 8px;
    color: #7e7e7e;
}

.order-left-image {
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 991px) {
    .order-left-image {
        display: block;
    }
}

.order-left-image .tracking-product-image {
    margin-right: 40px;
    width: 30%;
}

@media (max-width: 991px) {
    .order-left-image .tracking-product-image {
        margin-bottom: 18px;
        width: 50%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 767px) {
    .order-left-image .tracking-product-image {
        margin: 0 auto;
        margin-bottom: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));
    }
}

.order-left-image .order-image-contain {
    width: calc(100% - 30px);
}

@media (max-width: 991px) {
    .order-left-image .order-image-contain {
        width: 100%;
    }
}

.order-left-image .order-image-contain p {
    margin-bottom: calc(5px + (10 - 5) * ((100vw - 320px) / (1920 - 320)));
    letter-spacing: 0.05em;
}

    .order-left-image .order-image-contain p span {
        font-weight: 500;
        margin-left: 10px;
        color: #0e2647;
    }

.order-left-image .order-image-contain h4 {
    font-size: 22px;
    letter-spacing: 0.03em;
    margin-bottom: calc(12px + (23 - 12) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 500;
}

@media (max-width: 767px) {
    .order-left-image .order-image-contain h4 {
        font-size: calc(16px + (24 - 16) * ((100vw - 320px) / (1920 - 320)));
    }
}

.order-address {
    margin-top: 50px;
}

@media (max-width: 360px) {
    .order-address {
        margin-top: 20px;
    }
}

.order-address li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media (max-width: 360px) {
    .order-address li {
        display: block;
    }
}

.order-address li .left-box {
    text-transform: capitalize;
    min-width: 210px;
    padding: 10px 0;
}

    .order-address li .left-box h6 {
        font-weight: 500;
    }

@media (max-width: 360px) {
    .order-address li .left-box h6 {
        color: #7e7e7e !important;
        margin-bottom: -13px;
        padding-bottom: 8px;
        border-bottom: 1px solid #cacaca;
        font-weight: 500;
    }
}

.order-address li .right-box {
    padding: 10px 0;
    width: 180px;
}

    .order-address li .right-box p {
        margin-bottom: 0;
        line-height: 1.6;
    }

.tracker-table {
    padding-top: calc(30px + (60 - 30) * ((100vw - 320px) / (1920 - 320)));
    overflow: hidden;
    margin-bottom: 0;
}

    .tracker-table .table {
        margin-bottom: 0;
    }

        .tracker-table .table thead th {
            border-bottom-width: 1px;
            font-weight: 500;
            color: #0e2647 !important;
            text-transform: uppercase;
            font-size: 15px;
            border-top: 0;
            text-align: left;
            padding: 16px;
            border-bottom: 1px solid #eff2f7 !important;
            background-color: #eff2f7;
        }

        .tracker-table .table tbody h2 {
            margin-bottom: 0;
        }

        .tracker-table .table tbody tr td {
            vertical-align: middle;
            color: #b2bdd1;
            border-top: 0;
            border-bottom: 1px solid #eff2f7 !important;
            text-align: left;
            padding: calc(0px + (16 - 0) * ((100vw - 320px) / (1920 - 320))) calc(6px + (16 - 6) * ((100vw - 320px) / (1920 - 320)));
            min-width: 175px;
        }

            .tracker-table .table tbody tr td p {
                margin: 10px 0 !important;
            }

            .tracker-table .table tbody tr td:nth-child(odd) p {
                color: #0e2647;
            }

            .tracker-table .table tbody tr td a {
                font-weight: 400;
                font-size: 14px;
                text-transform: capitalize;
                display: inline-block;
            }

/**=====================
    Element Page css Start
  ==========================**/
.header-image-contain {
    margin-bottom: calc(20px + (50 - 20) * ((100vw - 320px) / (1920 - 320)));
}

    .header-image-contain .background-contain {
        background-image: none;
        height: 100%;
    }

.custome-card {
    border: 1px solid #ced4da;
}

    .custome-card .card-header {
        background-color: #eff2f7;
    }

    .custome-card .card-body {
        background-color: #fff;
    }

/**=====================
    About Page css Start
  ==========================**/
@media (max-width: 991px) {
    .about-image {
        display: none;
    }
}

.about-details {
    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;
    height: 100%;
}

    .about-details h2 {
        font-size: 40px;
        margin-bottom: 15px;
        letter-spacing: 0px;
        color: var(--theme-color);
    }

    .about-details h3 {
        font-size: calc(18px + (25 - 18) * ((100vw - 320px) / (1920 - 320)));
        letter-spacing: 1.5px;
        margin-bottom: 16px;
        max-width: 80%;
        line-height: 1.5;
        text-transform: uppercase;
    }

@media (max-width: 991px) {
    .about-details h3 {
        max-width: 100%;
    }
}

.about-details p {
    letter-spacing: 0;
    line-height: 1.5;
    color: #eff2f7;
    color: #b2bdd1 !important;
}

.custome-accordion {
    padding: 25px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

    .custome-accordion .accordion-item {
        border-top: 1px solid rgba(221, 221, 221, 0.5);
        border: none;
    }

        .custome-accordion .accordion-item .accordion-header {
            border-top: 1px solid rgba(221, 221, 221, 0.5);
        }

            .custome-accordion .accordion-item .accordion-header .accordion-button {
                background-color: transparent;
                font-weight: 600;
                text-transform: capitalize;
            }

                .custome-accordion .accordion-item .accordion-header .accordion-button:focus {
                    border-color: #c7c7c5;
                    -webkit-box-shadow: none;
                    box-shadow: none;
                }

                .custome-accordion .accordion-item .accordion-header .accordion-button.collapsed {
                    background-color: #fff;
                    font-weight: 400;
                }

                .custome-accordion .accordion-item .accordion-header .accordion-button:after {
                    -ms-flex-negative: 0;
                    flex-shrink: 0;
                    width: 20px;
                    height: 20px;
                    margin-left: auto;
                    color: #7e7e7e;
                    content: "\f054";
                    font-family: "Font Awesome 5 Free";
                    font-weight: 900;
                    background-image: none;
                    -webkit-transition: -webkit-transform 0.4s ease-in-out;
                    transition: -webkit-transform 0.4s ease-in-out;
                    transition: transform 0.4s ease-in-out;
                    transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
                    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;
                }

                .custome-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
                    color: #0e2647;
                }

                    .custome-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
                        -webkit-transform: rotate(90deg);
                        transform: rotate(90deg);
                    }

        .custome-accordion .accordion-item .accordion-collapse .accordion-body p {
            letter-spacing: 1.3px;
            margin-bottom: 0;
            line-height: 1.4;
            text-align: justify;
            color: #7e7e7e;
        }

.team-contain.team-center {
    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;
    margin-bottom: 22px;
}

    .team-contain.team-center img {
        width: 40%;
    }

    .team-contain.team-center .team-details {
        margin-top: 0;
        margin-left: 20px;
    }

        .team-contain.team-center .team-details p span {
            color: #7e7e7e;
            display: none;
        }

        .team-contain.team-center .team-details .moreless-button {
            position: absolute;
            top: 0;
            right: 0;
            width: 100%;
            text-align: right;
            color: var(--theme-color);
        }

.team-details {
    margin-top: 30px;
    position: relative;
}

    .team-details h3 {
        font-size: 23px;
        margin-bottom: 10px;
        color: #0e2647;
    }

    .team-details p {
        margin-bottom: 0;
        letter-spacing: 0.6px;
        line-height: 1.5;
        color: #7e7e7e;
    }

        .team-details p span {
            color: #7e7e7e;
            display: none;
        }

    .team-details .moreless-button {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        text-align: right;
        color: var(--theme-color);
    }

.team-image {
    width: 100%;
    height: 220px;
    -o-object-fit: cover;
    object-fit: cover;
}

.team-leader-section {
    background-color: #eff2f7;
}

.leader-contain:hover .leader-image .social-media {
    bottom: 0;
    opacity: 1;
}

@media (max-width: 767px) {
    .leader-contain:hover .leader-image .social-media {
        top: 0;
        opacity: 1;
        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;
        height: 100%;
        border-radius: 0;
    }
}

.leader-contain .leader-image {
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}

    .leader-contain .leader-image .social-media {
        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: absolute;
        bottom: -60px;
        opacity: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        text-align: center;
        display: block;
        padding: calc(8px + (12 - 8) * ((100vw - 320px) / (1920 - 320)));
        background-color: rgba(226, 46, 83, 0.8);
        width: 100%;
        -webkit-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
    }

@media (max-width: 767px) {
    .leader-contain .leader-image .social-media {
        top: 0;
        bottom: unset;
        opacity: 0;
        height: 100%;
        background-color: rgba(226, 46, 83, 0.6);
    }
}

.leader-contain .leader-image .social-media li {
    margin: 0 5px;
    width: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
    height: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    border-radius: 3px;
}

    .leader-contain .leader-image .social-media li:hover {
        background-color: rgba(33, 37, 41, 0.7);
    }

        .leader-contain .leader-image .social-media li:hover a {
            color: #fff;
        }

    .leader-contain .leader-image .social-media li a {
        color: #ddd;
        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: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
    }

.leader-contain .leader-contain {
    color: #0e2647;
    padding: calc(8px + (15 - 8) * ((100vw - 320px) / (1920 - 320)));
    width: 100%;
    text-align: center;
}

    .leader-contain .leader-contain h3 {
        letter-spacing: 0px;
    }

    .leader-contain .leader-contain h6 {
        margin: calc(6px + (10 - 6) * ((100vw - 320px) / (1920 - 320))) 0 0;
        letter-spacing: 1.6px;
        color: #7e7e7e;
    }

.testimonial-section .testimonial-contain {
    text-align: center;
    -webkit-box-shadow: 0 0 8px #ddd;
    box-shadow: 0 0 8px #ddd;
    padding: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
    border-radius: 10px;
}

    .testimonial-section .testimonial-contain .textimonial-image {
        text-align: center;
    }

        .testimonial-section .testimonial-contain .textimonial-image img {
            border-radius: 25px;
            border: 1px solid #c7c7c5;
            padding: 5px;
            height: 100px;
            width: 100px;
            margin: 0 auto;
            -o-object-fit: cover;
            object-fit: cover;
        }

.testimonial-section .testimonial-details {
    margin: 15px auto 0;
}

@media (max-width: 767px) {
    .testimonial-section .testimonial-details {
        width: 100%;
    }
}

.testimonial-section .testimonial-details .details-images {
    margin-top: 20px;
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 1.8;
    color: #7e7e7e;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

    .testimonial-section .testimonial-details .details-images i {
        color: var(--theme-color);
        font-size: 15px;
        vertical-align: super;
    }

        .testimonial-section .testimonial-details .details-images i.fa-quote-left {
            margin-right: 8px;
        }

        .testimonial-section .testimonial-details .details-images i.fa-quote-right {
            margin-left: 8px;
        }

    .testimonial-section .testimonial-details .details-images::before {
        content: "";
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        bottom: 0;
        width: 90px;
        height: 3px;
        background-color: var(--theme-color);
    }

.testimonial-section .testimonial-details h5 {
    text-transform: uppercase;
    letter-spacing: 1.4px;
}

/**=====================
    Dark and RTL css Start
  ==========================**/
.theme-setting {
    position: fixed;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3;
}

    .theme-setting ul li {
        background-color: #eff2f7;
        border: 1px solid #ced4da;
        margin: 10px 0;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        border-right: none;
        width: 40px;
        height: 38px;
        z-index: 1;
        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: 14px;
        text-decoration: none;
        cursor: pointer;
        font-weight: 600;
    }

        .theme-setting ul li button {
            color: #0e2647;
        }

            .theme-setting ul li button:hover {
                color: #0e2647;
            }

        .theme-setting ul li.color-picker {
            background: none;
            overflow: hidden;
            margin-bottom: 0;
            border: none;
        }

            .theme-setting ul li.color-picker input {
                height: 100%;
                opacity: 1;
                padding: 0;
                border: none;
                font-size: x-large;
            }

/**=====================
    Dark and RTL css Start
  ==========================**/
.demo-contain {
    width: 100%;
    height: 500px;
    overflow: hidden;
    border: 2px solid rgba(33, 37, 41, 0.3);
    border-radius: 5px;
    position: relative;
}

    .demo-contain .demo-image {
        overflow: hidden;
        width: 100%;
    }

        .demo-contain .demo-image:hover img {
            -webkit-transform: translateY(calc(-100% + 500px));
            transform: translateY(calc(-100% + 500px));
            -webkit-transition: -webkit-transform 5s ease-in-out;
            transition: -webkit-transform 5s ease-in-out;
            transition: transform 5s ease-in-out;
            transition: transform 5s ease-in-out, -webkit-transform 5s ease-in-out;
        }

        .demo-contain .demo-image img {
            -o-object-fit: cover;
            object-fit: cover;
            -webkit-transition: -webkit-transform 5s ease-in-out;
            transition: -webkit-transform 5s ease-in-out;
            transition: transform 5s ease-in-out;
            transition: transform 5s ease-in-out, -webkit-transform 5s ease-in-out;
            width: 100%;
        }

        .demo-contain .demo-image a {
            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: center;
            -ms-flex-pack: center;
            justify-content: center;
            position: absolute;
            top: 0;
            left: 0;
            background-color: #ff0000;
            color: #0e2647;
        }

/**=====================
     Shop page css start
==========================**/
.custome-nav-tabs {
    position: sticky;
    top: 10px;
}

.category-scroll {
    max-height: 500px;
    overflow: auto;
    /* width */
    /* Track */
    /* Handle */
    /* Handle on hover */
}

    .category-scroll::-webkit-scrollbar {
        width: 5px;
    }

    .category-scroll::-webkit-scrollbar-track {
        background-color: #ddd;
    }

    .category-scroll::-webkit-scrollbar-thumb {
        background: #b5bec7;
        border-radius: 5px;
    }

        .category-scroll::-webkit-scrollbar-thumb:hover {
            opacity: 0.8;
        }

.custome-form-check {
    min-height: 0;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .custome-form-check .form-check-input {
        margin-right: 10px;
        width: 17px;
        height: 17px;
        margin-top: 0;
        background-color: transparent;
        border: 1px solid #c7c7c5 !important;
        border-radius: 3px !important;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .custome-form-check .form-check-input:checked[type="checkbox"] {
            background-image: url(../images/check.svg);
            background-size: 13px;
        }

        .custome-form-check .form-check-input:focus {
            border-color: transparent;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

    .custome-form-check .form-check-label {
        color: #0e2647;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-weight: 600;
    }

.sidebar-image {
    margin-top: 20px;
}

    .sidebar-image img {
        height: 500px;
        border-radius: 5px;
    }

.category-option {
    position: sticky;
    top: 40px;
    z-index: 1;
    border: none;
}


    .category-option.show {
        left: 0;
    }

    .category-option .button-close {
        display: none;
    }

.myAccount-info-section .filter-button .feather {
    width: 20px;
    margin-right: 3px;
}

@media (max-width: 991px) {
    .category-option .button-close {
        display: block;
        margin-bottom: 10px;
    }
}

.category-option .button-close button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 17px;
    color: #0e2647;
    font-family: "Almarai";
}

    .category-option .button-close button .feather {
        display: block;
        width: 18px;
        margin-right: 8px;
    }

.category-option .category-name {
    color: #fff;
    background-color: #fff;
}

    .category-option .category-name .accordion-item {
        padding: 20px;
        border: 1px solid #ced4da;
        color: #0e2647;
        border-radius: 15px;
        background-color: #fff;
    }

.accordion-item:first-of-type .accordion-button {
    border-radius: 15px;
}

.category-option .category-name .accordion-item.category-rating .accordion-collapse .accordion-body .category-list li .form-check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .category-option .category-name .accordion-item.category-rating .accordion-collapse .accordion-body .category-list li .form-check .form-check-label span {
        margin-left: 10px;
    }

    .category-option .category-name .accordion-item.category-rating .accordion-collapse .accordion-body .category-list li .form-check p {
        margin-bottom: 0;
        margin-left: 12px;
        font-size: 13px;
    }

    .category-option .category-name .accordion-item.category-rating .accordion-collapse .accordion-body .category-list li .form-check .rating {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .category-option .category-name .accordion-item.category-rating .accordion-collapse .accordion-body .category-list li .form-check .rating .rating-list {
            margin: 0;
        }

            .category-option .category-name .accordion-item.category-rating .accordion-collapse .accordion-body .category-list li .form-check .rating .rating-list + .rating-list {
                margin-left: 3px;
            }

            .category-option .category-name .accordion-item.category-rating .accordion-collapse .accordion-body .category-list li .form-check .rating .rating-list .fa-star {
                color: #c3c3c3;
            }

                .category-option .category-name .accordion-item.category-rating .accordion-collapse .accordion-body .category-list li .form-check .rating .rating-list .fa-star.theme-color {
                    color: #ffa202;
                }

.category-option .category-name .accordion-item.category-price .accordion-collapse .accordion-body .category-list li {
    display: inline-block;
    padding: 5px 10px;
    background: #fff;
    border-radius: 5px;
    font-size: 13px;
    border: 1px solid #fff;
    margin: 3px 1px;
}

    .category-option .category-name .accordion-item.category-price .accordion-collapse .accordion-body .category-list li a {
        color: #0e2647;
        font-weight: 400;
    }

.category-option .category-name .accordion-item.filter-accordion .accordion-collapse .accordion-body .category-list li {
    margin: 0;
    padding: 2px 6px;
}

    .category-option .category-name .accordion-item.filter-accordion .accordion-collapse .accordion-body .category-list li:nth-child(3) a .label-tag {
        margin-bottom: 0;
    }

    .category-option .category-name .accordion-item.filter-accordion .accordion-collapse .accordion-body .category-list li .label-tag {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border: none;
        padding: 0 5px;
        margin-bottom: 10px;
        border-radius: 5px;
    }

        .category-option .category-name .accordion-item.filter-accordion .accordion-collapse .accordion-body .category-list li .label-tag span {
            color: #7f7f7f;
            font-size: calc(13px + (15 - 13) * ((100vw - 320px) / (1920 - 320)));
        }

        .category-option .category-name .accordion-item.filter-accordion .accordion-collapse .accordion-body .category-list li .label-tag .btn-close {
            font-size: calc(8px + (10 - 8) * ((100vw - 320px) / (1920 - 320)));
            margin-left: auto;
            margin-top: 3px;
        }

.category-option .category-name .accordion-item.category-color .accordion-collapse {
    margin-top: 22px;
}

    .category-option .category-name .accordion-item.category-color .accordion-collapse .accordion-body .category-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -5px;
    }

        .category-option .category-name .accordion-item.category-color .accordion-collapse .accordion-body .category-list li {
            margin-top: 0;
            margin: 5px;
        }

            .category-option .category-name .accordion-item.category-color .accordion-collapse .accordion-body .category-list li a {
                width: 30px;
                height: 30px;
                background-color: #ff0000;
                border-radius: 5px;
                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;
            }

                .category-option .category-name .accordion-item.category-color .accordion-collapse .accordion-body .category-list li a i {
                    color: #0e2647;
                    display: none;
                }

                    .category-option .category-name .accordion-item.category-color .accordion-collapse .accordion-body .category-list li a i.active {
                        display: block;
                    }

            .category-option .category-name .accordion-item.category-color .accordion-collapse .accordion-body .category-list li:nth-child(2) a {
                background-color: #fab1a0;
            }

            .category-option .category-name .accordion-item.category-color .accordion-collapse .accordion-body .category-list li:nth-child(3) a {
                background-color: #10ac84;
            }

            .category-option .category-name .accordion-item.category-color .accordion-collapse .accordion-body .category-list li:nth-child(4) a {
                background-color: #ff9f43;
            }

            .category-option .category-name .accordion-item.category-color .accordion-collapse .accordion-body .category-list li:nth-child(5) a {
                background-color: #8395a7;
            }

            .category-option .category-name .accordion-item.category-color .accordion-collapse .accordion-body .category-list li:nth-child(6) a {
                background-color: #fab1a0;
            }

            .category-option .category-name .accordion-item.category-color .accordion-collapse .accordion-body .category-list li:nth-child(7) a {
                background-color: #10ac84;
            }

            .category-option .category-name .accordion-item.category-color .accordion-collapse .accordion-body .category-list li:nth-child(8) a {
                background-color: #ff9f43;
            }

            .category-option .category-name .accordion-item.category-color .accordion-collapse .accordion-body .category-list li:nth-child(9) a {
                background-color: #8395a7;
            }

@media (max-width: 991px) {
    .category-option .category-name .accordion-item {
        padding: 0;
        border: none;
    }
}

.category-option .category-name .accordion-item + .accordion-item {
    margin-top: 20px;
}

.category-option .category-name .accordion-item .accordion-header {
    margin-bottom: 0;
    background-color: #eff2f7;
}

.category-option .category-name .accordion-item .accordion-collapse {
    border: none;
    border-width: 0 1px;
    margin-top: 20px;
}

    .category-option .category-name .accordion-item .accordion-collapse .accordion-body {
        padding: 0;
    }

        .category-option .category-name .accordion-item .accordion-collapse .accordion-body .category-list {
            overflow: hidden;
        }

            .category-option .category-name .accordion-item .accordion-collapse .accordion-body .category-list li {
                display: block;
                margin: 5px 5px;
                text-overflow: unset;
                white-space: unset;
                padding: 5px 0;
                font-size: 14px;
            }
                .category-option .category-name .accordion-item .accordion-collapse .accordion-body .category-list li .custome-form-check .form-check-label {
                    text-overflow: unset;
                    white-space: unset;
                }
                .category-option .category-name .accordion-item .accordion-collapse .accordion-body .category-list li::nth-child(9) {
                    margin-bottom: 0;
                }

.sub-cat .category-list li {
    margin: 3px 10px !important;
}

.category-list.list-filter {
    width: 90%;
}

.category-option .category-name .accordion-button {
    color: #0e2647;
    border: none;
    margin: 0;
    font-weight: bold;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #eff2f7;
}

    .category-option .category-name .accordion-button:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: none;
    }

    .category-option .category-name .accordion-button:not(.collapsed)::after {
        background-image: url(../images/minus.svg);
        /* background-image: url(../images/plus.svg);*/
        -webkit-filter: invert(1);
        filter: invert(1);
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    .category-option .category-name .accordion-button:after {
        background-image: url(../images/plus.svg);
        -webkit-filter: invert(1);
        filter: invert(1);
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

.ac-button2 {
    background-color: unset !important;
    padding: 0;
}

.sub-cat .accordion-body {
    background-color: #e0e4eb;
    padding: 10px;
    border-radius: 14px !important;
}

.main-cat {
    font-weight: 600;
}

.accordion-button2:not(.collapsed)::after {
    content: "";
    background-image: url(../images/minus.svg);
    -webkit-filter: invert(1);
    filter: invert(1);
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

.accordion-button2::after {
    content: "";
    background-image: url(../images/plus.svg);
    -webkit-filter: invert(1);
    filter: invert(1);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.category-option-1 {
    background-color: #f0f3f8;
}

@media (max-width: 991px) {
    .category-option-1 {
        background-color: #fff;
    }
}

.category-option-1 .category-name .accordion-item {
    border: none;
    padding: 10px 20px 0;
    background-color: transparent;
}

@media (max-width: 991px) {
    .category-option-1 .category-name .accordion-item {
        padding: 0;
    }
}

.category-option-1 .category-name .accordion-item + .accordion-item {
    margin-top: 0;
}

.category-option-1 .category-name .accordion-item .accordion-header .accordion-button {
    padding: 14px 8px;
}

.category-option-1 .category-name .accordion-item .accordion-collapse {
    margin-top: 0;
}

    .category-option-1 .category-name .accordion-item .accordion-collapse .accordion-body {
        padding: 10px 3px;
    }

        .category-option-1 .category-name .accordion-item .accordion-collapse .accordion-body .category-list {
            margin-top: -12px;
        }

            .category-option-1 .category-name .accordion-item .accordion-collapse .accordion-body .category-list li {
                margin-top: 12px;
            }

                .category-option-1 .category-name .accordion-item .accordion-collapse .accordion-body .category-list li .form-check .form-check-input {
                    background-color: #fff;
                }

.filter-button {
    display: none;
}

@media (max-width: 991px) {
    .filter-button {
        display: block;
    }
}

.filter-button a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.filter-button .feather {
    width: 20px;
    margin-right: 10px;
}

.filter-button span {
    display: block;
    margin-bottom: -3px;
}

.hide-button button {
    font-size: 15px !important;
    background-color: var(--theme-color);
    padding: 10px 11px;
    border-radius: 5px;
    color: #fff !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: almarai;
}

    .hide-button button .feather {
        width: 20px;
        margin-right: 10px;
    }

.hide-button span {
    display: block;
    margin-bottom: -3px;
}

.short-name {
    margin: -5px;
}

    .short-name .label-tag {
        display: inline-block;
        border: none;
        padding: 3px 12px;
        margin-bottom: 15px;
        border: none;
        margin: 5px;
        background-color: #eff2f7;
        border-radius: 8px;
    }

        .short-name .label-tag span {
            font-size: 14px;
        }

        .short-name .label-tag .btn-close {
            font-size: calc(8px + (10 - 8) * ((100vw - 320px) / (1920 - 320)));
            margin-left: 5px;
        }

.select-featured {
    border: 0px solid #eff2f7;
    color: #8f8397;
    margin-left: auto;
    border-radius: 0;
}

    .select-featured:focus {
        border-color: #eff2f7;
        -webkit-box-shadow: 0 0 0 0.25rem transparent;
        box-shadow: 0 0 0 0.25rem transparent;
    }

    .select-featured .dropdown-toggle {
        border: 1px solid #eff2f7;
        color: #8f8397;
        margin-left: auto;
        border-radius: 0;
        font-weight: 400;
        padding: 12px 38px 12px 23px;
        position: relative;
        border-radius: 40px;
        background-color: #eff2f7;
        font-family: "Almarai";
        min-width: 130px;
    }

        .select-featured .dropdown-toggle::after {
            display: none;
        }

        .select-featured .dropdown-toggle::before {
            content: "";
            background-image: url(../images/down-arrow.png);
            font-weight: 900;
            position: absolute;
            top: 70%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            right: 9px;
            width: 20px !important;
            height: 20px;
            background-repeat: no-repeat;
        }

    .select-featured .dropdown-menu {
        min-width: 100%;
    }

        .select-featured .dropdown-menu li {
            width: 100%;
        }

.custome-offcanvas .offcanvas-body {
    background-color: #fff;
}

@media (max-width: 991px) {
    .custome-offcanvas {
        width: 300px;
    }
}

.custome-offcanvas .offcanvas-header {
    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;
}

    .custome-offcanvas .offcanvas-header h5 {
        margin-top: -5px;
    }

.custome-offcanvas .offcanvas-body .category-spacing .category-name .accordion-item {
    padding: 0;
}

    .custome-offcanvas .offcanvas-body .category-spacing .category-name .accordion-item + .accordion-item {
        margin-top: 10px;
    }

@media (max-width: 991px) {
    .custome-offcanvas .category-option {
        position: relative;
        top: 0;
        left: 0;
        background-color: #fff;
        z-index: unset;
        padding: 0;
        width: unset;
        height: auto;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        overflow-y: auto;
    }
}

.image-slider {
    display: block;
    overflow: hidden;
}

    .image-slider .image-product {
        position: relative;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .image-slider .image-product img {
            border-radius: 5px;
        }

    .image-slider .image-contain {
        display: block;
        text-align: center;
        padding: 20px 0 0;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .image-slider .image-contain h3 {
            font-weight: 400;
        }

.filter-name {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .filter-name h4 {
        font-weight: 500;
        font-size: large;
    }

.filter-icon {
    display: none;
}

@media (max-width: 991px) {
    .filter-icon {
        display: block;
    }
}

.category-filter {
    width: 100%;
}

.category-list {
    width: 100%;
}

    .category-list .dropdown .dropdown-toggle {
        width: 100%;
        background-color: rgba(233, 233, 233, 0.5);
        border-radius: 5px;
        font-size: 16px;
        font-weight: 500;
        padding: calc(8px + (10 - 8) * ((100vw - 320px) / (1920 - 320))) calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));
    }

    .category-list .dropdown .dropdown-menu {
        padding: 1rem;
        width: 100%;
    }

        .category-list .dropdown .dropdown-menu .dropdown-list {
            display: block;
        }

            .category-list .dropdown .dropdown-menu .dropdown-list + .dropdown-list {
                margin-top: 10px;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

.filter-show-button {
    padding: 15px;
    display: none;
}

    .filter-show-button a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .filter-show-button a .feather {
            margin-right: 10px;
            width: 20px;
        }

        .filter-show-button a h5 {
            font-weight: 600;
        }

@media (max-width: 991px) {
    .filter-show-button {
        padding: 0 0 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.top-filter-section {
    background-color: #fff;
    padding-bottom: 50px;
}

@media (max-width: 991px) {
    .top-filter-section {
        position: fixed;
        left: -300px;
        width: 300px;
        height: 100vh;
        top: 0;
        margin-top: 0;
        padding: 20px;
        z-index: 5;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        -webkit-box-shadow: 0 15px 5px 0 rgba(77, 77, 77, 0.28);
        box-shadow: 0 15px 5px 0 rgba(77, 77, 77, 0.28);
        overflow-y: auto;
    }
}

.top-filter-section.show {
    left: 0;
}

.top-filter-section ul {
    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;
}

@media (max-width: 991px) {
    .top-filter-section ul {
        display: block;
    }
}

.top-filter-section ul .back-btn {
    display: none;
}

@media (max-width: 991px) {
    .top-filter-section ul .back-btn {
        padding-bottom: 20px;
        border-bottom: 1px solid #ddd;
        font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
        text-transform: capitalize;
        color: black;
        font-weight: 700;
        margin-bottom: 20px;
        cursor: pointer;
        display: block;
    }
}

.top-filter-section ul .onclick-title {
    width: 100%;
    cursor: pointer;
    position: relative;
    background-color: #eff2f7;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
    padding: calc(8px + (10 - 8) * ((100vw - 320px) / (1920 - 320))) calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));
    margin: 0 15px;
}

    .top-filter-section ul .onclick-title:nth-child(7) {
        margin-right: 0;
    }

@media (max-width: 991px) {
    .top-filter-section ul .onclick-title {
        margin: 30px 0 0;
        background-color: #fff;
        padding: 0;
    }

        .top-filter-section ul .onclick-title:nth-child(3) {
            margin-top: 15px;
        }

        .top-filter-section ul .onclick-title + .onclick-title {
            margin-left: unset;
        }
}

.top-filter-section ul .onclick-title h6 {
    white-space: nowrap;
    text-transform: capitalize;
    font-size: 16px;
    text-align: left;
    margin-bottom: 0;
    padding: 0 20px 0 0;
    position: relative;
}

@media (max-width: 991px) {
    .top-filter-section ul .onclick-title h6 {
        text-align: left;
        font-weight: 500;
    }
}

.top-filter-section ul .onclick-title h6:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f107";
    position: absolute;
    right: 0;
    opacity: 0.2;
}

@media (max-width: 991px) {
    .top-filter-section ul .onclick-title h6:before {
        content: "";
    }
}

.top-filter-section ul .onclick-title:nth-child(-n + 3) {
    border-left: none;
}

.top-filter-section ul .onclick-title .onclick-content {
    display: none;
    position: absolute;
    background-color: #fff;
    padding: 1rem;
    width: 100%;
    left: 0;
    top: 40px;
    -webkit-box-shadow: 0px 5px 9px 3px rgba(33, 37, 41, 0.13);
    box-shadow: 0px 5px 9px 3px rgba(33, 37, 41, 0.13);
    z-index: 2;
}

@media (max-width: 991px) {
    .top-filter-section ul .onclick-title .onclick-content {
        display: block;
        position: relative;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0;
        top: 10px;
        margin-top: 10px;
    }
}

.top-filter-section ul .onclick-title .onclick-content li {
    display: block;
    cursor: pointer;
}

    .top-filter-section ul .onclick-title .onclick-content li + li {
        margin-top: 10px;
    }

.top-filter-section ul .onclick-title .onclick-content .custom-control .form-check-label {
    text-transform: capitalize;
}

.top-filter-section ul .filter-title {
    width: 100%;
    cursor: pointer;
    position: relative;
    border-left: 1px solid #e0e0e0;
    min-width: 60px;
}

@media (max-width: 991px) {
    .top-filter-section ul .filter-title {
        margin-bottom: 10px;
    }
}

.top-filter-section ul .filter-title h6 {
    text-transform: capitalize;
    font-size: 16px;
    margin-bottom: 0;
    padding: 0 20px 0 0;
    position: relative;
    padding: 0;
    font-weight: 700;
}

    .top-filter-section ul .filter-title h6:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f107";
        position: absolute;
        right: 15px;
        opacity: 0.2;
        display: none;
    }

.top-filter-section ul .filter-title:nth-child(-n + 3) {
    border-left: none;
}

.top-filter-section ul .filter-title .onclick-content {
    display: none;
    position: absolute;
    background-color: white;
    z-index: 1;
    padding: 10px 20px;
    width: 200px;
    left: 30px;
    top: 34px;
    -webkit-box-shadow: 0px 1px 9px 3px rgba(228, 228, 228, 0.81);
    box-shadow: 0px 1px 9px 3px rgba(228, 228, 228, 0.81);
}

@media (max-width: 991px) {
    .top-filter-section ul .filter-title .onclick-content {
        display: block;
        position: relative;
        top: 10px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

.top-filter-section ul .filter-title .onclick-content .custom-control .form-check-label {
    text-transform: capitalize;
}

.top-filter-section ul .onclick-title.show .onclick-content {
    display: block;
}

.top-filter-section ul .filter-title.show .onclick-content {
    display: block;
}

.top-filter-section .form-check {
    text-transform: capitalize;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .top-filter-section .form-check + .form-check {
        margin-top: 10px;
    }

    .top-filter-section .form-check .form-check-label {
        font-weight: 400;
        display: block;
        text-transform: capitalize;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.category-image {
    padding: 10px 20px;
    border-radius: 5px;
    background-color: #eff2f7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .category-image .elec-image {
        padding-right: 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;
        width: 120px;
    }

        .category-image .elec-image img {
            width: 90%;
        }

    .category-image .category-contain {
        color: #0e2647;
        width: calc(100% - 150px);
    }

        .category-image .category-contain h3 {
            text-transform: capitalize;
            color: #0e2647;
            letter-spacing: 1.1px;
        }

        .category-image .category-contain .product-list {
            margin: 5px 0;
            -webkit-padding-start: 15px;
            padding-inline-start: 15px;
            list-style-type: circle;
        }

            .category-image .category-contain .product-list li {
                display: list-item;
                text-transform: capitalize;
            }

                .category-image .category-contain .product-list li a {
                    font-size: 14px;
                    -webkit-line-clamp: 1;
                    -webkit-box-orient: vertical;
                    display: -webkit-box;
                    overflow: hidden;
                }

.fliter-menu button {
    font-weight: 300;
    display: inline-block;
    border: none;
    padding: 5px calc(12px + (20 - 12) * ((100vw - 320px) / (1920 - 320)));
    border-radius: 0;
    border: 1px solid #ddd;
    margin: 5px;
}

    .fliter-menu button .feather {
        width: 16px;
        stroke-width: 1px;
    }

.product-box .product-details .main-price p {
    display: none;
}

.product-box .product-details .main-price .listing-content {
    display: none;
}

.list-view.product-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .list-view.product-box .img-wrapper .back {
        opacity: 0;
        position: absolute;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        top: 0;
        left: 0;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        width: 100%;
    }

    .list-view.product-box .product-details .rating-details,
    .list-view.product-box .product-details .main-price {
        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;
    }

@media (max-width: 575px) {
    .list-view.product-box .product-details .rating-details,
    .list-view.product-box .product-details .main-price {
        display: block;
        text-align: left;
    }
}

.list-view.product-box .product-details .main-price {
    margin-top: 10px;
}

@media (max-width: 575px) {
    .list-view.product-box .product-details .main-price {
        margin-top: 5px;
    }

        .list-view.product-box .product-details .main-price h3 {
            margin-top: 5px;
        }
}

.list-view.product-box .cart-wrap ul li + li {
    margin-left: 0;
}

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

@media (max-width: 575px) {
    .list-view.product-box .cart-wrap a svg,
    .list-view.product-box .cart-wrap button svg {
        width: 13px;
        height: 13px;
    }
}

.list-view.product-box:hover .img-wrapper .back {
    opacity: 1;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media (max-width: 1660px) {
    .list-view.slide-4 {
        padding: 0 30px;
    }
}

.list-view.slide-4 .slick-prev {
    left: -70px;
}

@media (max-width: 1660px) {
    .list-view.slide-4 .slick-prev {
        left: -20px;
    }
}

@media (max-width: 575px) {
    .list-view.slide-4 .slick-prev {
        left: -5px;
    }
}

.list-view.slide-4 .slick-next {
    right: -70px;
}

@media (max-width: 1660px) {
    .list-view.slide-4 .slick-next {
        right: -20px;
    }
}

@media (max-width: 575px) {
    .list-view.slide-4 .slick-next {
        right: -5px;
    }
}

.collection-grid-view {
    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;
    height: 100%;
}

    .collection-grid-view ul {
        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;
        height: 100%;
    }

        .collection-grid-view ul li {
            height: 100%;
            margin-right: 8px;
            border: 2px solid #0e2647;
        }

            .collection-grid-view ul li button {
                padding: 5px;
            }

                .collection-grid-view ul li button img {
                    height: 50%;
                }

.range-slider {
    margin-top: 0;
}

    .range-slider .irs--flat .irs-line {
        background-color: #eff2f7;
    }

    .range-slider .irs--flat .irs-max {
        background-color: #c7c7c5;
        color: #0e2647;
    }

    .range-slider .irs--flat .irs-bar {
        background-color: var(--theme-color);
    }

    .range-slider .irs--flat .irs-handle i {
        position: absolute;
        display: block;
        top: 0;
        left: 50%;
        width: 2px;
        height: 100%;
        margin-left: -1px;
        background-color: var(--theme-color);
    }

    .range-slider .irs--flat .irs-to {
        background-color: var(--theme-color);
    }

        .range-slider .irs--flat .irs-to:before {
            border-top-color: var(--theme-color);
        }

    .range-slider .irs--flat .irs-from {
        background-color: var(--theme-color);
    }

        .range-slider .irs--flat .irs-from:before {
            border-top-color: var(--theme-color);
        }

.banner-deatils .banner-contain p {
    line-height: 1.8;
    font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.most-popular {
    margin: calc(35px + (50 - 35) * ((100vw - 320px) / (1920 - 320))) 0 0;
}

    .most-popular .title {
        margin-bottom: 25px;
    }

    .most-popular .product-slider {
        padding-top: 20px;
        border-top: 1px solid #eff2f7;
    }

        .most-popular .product-slider .slick-prev,
        .most-popular .product-slider .slick-next {
            background-color: #eff2f7;
            position: absolute;
            top: -35px;
            z-index: 1;
            width: 35px;
            height: 35px;
            border-radius: 5px;
            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;
        }

        .most-popular .product-slider .slick-prev {
            left: unset;
            right: 50px;
        }

            .most-popular .product-slider .slick-prev::before {
                content: "\f053";
                color: #000;
                font-family: "Font Awesome 5 Free";
                font-weight: 900;
                z-index: 1;
                font-size: 16px;
            }

        .most-popular .product-slider .slick-next {
            right: 0;
        }

            .most-popular .product-slider .slick-next::before {
                content: "\f054";
                color: #000;
                font-family: "Font Awesome 5 Free";
                font-weight: 900;
                z-index: 1;
                font-size: 16px;
            }

/*.list-style > div {
    width: 100%;
}*/

.list-style .product-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
    /*
@media (max-width: 767px) {
    .list-style .product-box {
        display: block;
        border: 1px solid rgba(0, 0, 0, 0.08);
        padding: 15px calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));
        border-radius: 5px;
    }
}
*/
    .list-style .product-box .img-wrapper {
        width: 33%;
    }

@media (max-width: 767px) {
    .list-style .product-box .img-wrapper {
        width: 60%;
        margin: 0 auto;
    }
}

@media (max-width: 575px) {
    .list-style .product-box .img-wrapper {
        width: 100%;
    }
}

.list-style .product-box .cart-wrap {
    display: none;
}

.list-style .product-box .product-details {
    padding-left: 15px;
    margin-top: 0;
    width: 67%;
}

    /*@media (max-width: 767px) {
    .list-style .product-box .product-details {
        width: 100%;
        margin-top: 20px;
        padding: 0;
    }
}*/

    .list-style .product-box .product-details .rating {
        margin: 0;
    }

    .list-style .product-box .product-details h2 {
        font-weight: 500;
        margin: calc(8px + (15 - 8) * ((100vw - 320px) / (1920 - 320))) 0 0 0;
    }

    .list-style .product-box .product-details span {
        margin-top: 5px;
    }

    .list-style .product-box .product-details .rating-details {
        text-align: left !important;
    }

        .list-style .product-box .product-details .rating-details.rating-shop {
            text-align: left;
        }

            .list-style .product-box .product-details .rating-details.rating-shop h5 {
                margin-top: 5px;
            }

            .list-style .product-box .product-details .rating-details.rating-shop .size-box {
                margin: 5px 0;
            }

        .list-style .product-box .product-details .rating-details .grid-content {
            display: none;
        }

    .list-style .product-box .product-details .main-price .listing-content {
        display: block;
    }

        .list-style .product-box .product-details .main-price .listing-content.listing-shop {
            text-align: left;
        }

.list-style .product-box .main-price {
    display: block !important;
    margin-top: 0 !important;
}

    .list-style .product-box .main-price h3 {
        padding: 0;
        margin: 0 0 8px;
    }

    .list-style .product-box .main-price p {
        display: block !important;
        margin: 8px 0;
        display: -webkit-box !important;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.6;
        letter-spacing: 0.04em;
    }

    .list-style .product-box .main-price button {
        position: relative;
        padding: calc(6px + (10 - 6) * ((100vw - 320px) / (1920 - 320))) calc(13px + (20 - 13) * ((100vw - 320px) / (1920 - 320)));
        font-weight: 600;
        z-index: 1;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        border-radius: 0;
        font-weight: bold;
        background: var(--theme-color);
        font-size: calc(12px + (15 - 12) * ((100vw - 320px) / (1920 - 320)));
        color: #fff;
        border-radius: 5px;
        margin-top: 0;
    }

        .list-style .product-box .main-price button:hover {
            color: #fff;
            background-color: var(--theme-color);
        }

.filter-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .filter-options .select-options {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .filter-options .select-options > div + div {
            margin-left: 12px;
        }

    .filter-options .grid-options {
        margin-left: auto;
    }

        .filter-options .grid-options.avtive li {
            background-color: var(--theme-color);
        }

            .filter-options .grid-options.avtive li a img {
                -webkit-filter: invert(1);
                filter: invert(1);
            }

        .filter-options .grid-options li {
            width: 36px;
            height: 36px;
            border-radius: 4px;
            background-color: #eff2f7;
            opacity: 0.5;
        }

            .filter-options .grid-options li.active {
                opacity: 1;
            }

            .filter-options .grid-options li 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;
                height: 100%;
            }

            .filter-options .grid-options li + li {
                margin-left: 8px;
            }

.category-side {
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
}

    .category-side.show {
        -webkit-transition: 0.3s ease;
        transition: 0.3s ease;
        width: 0;
        opacity: 0;
        padding: 0;
        visibility: hidden;
    }

    .category-side .category-option {
        background-color: #ddd;
    }

@media (max-width: 991px) {
    .category-side .category-option {
        background-color: #fff;
    }
}

.category-side .category-option .custome-form-check .form-check-input {
    background-color: #fff;
}

.category-side .category-option .category-name .accordion-button {
    background-color: #fff;
    border: none;
    font-family: "Almarai";
}

.category-side .category-option .category-name .accordion-item {
    background-color: #eff2f7;
    border: none;
}

@media (max-width: 991px) {
    .category-side .category-option .category-name .accordion-item {
        padding: 20px 10px;
    }
}

.category-side .category-option .category-name .accordion-item + .accordion-item {
    margin-top: 0px;
}

/**=====================
     responsive css start
==========================**/
@media (min-width: 1430px) {
    .container {
        max-width: 1400px;
    }
}

.dropdown-menu {
    position: absolute;
    display: none;
    min-width: 238px;
    padding: 15px 15px;
    margin: 0;
    font-size: 1rem;
    color: #0e2647;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    box-shadow: 0 0 20px #0a264717;
    border-radius: 10px;
    border: none;
    z-index: 999999;
    min-width: 180px !important;
}

.dropdown-item {
    padding: 10px;
}

    .dropdown-item:hover,
    .dropdown-item:focus {
        border-radius: 20px;
        padding: 11px;
    }

.img-profile img {
    max-width: 51px;
    border-radius: 12px;
}

.text-g {
    color: #8e95a7;
}

.img-profile {
    padding-bottom: 11px;
}

.change-lan {
    font-weight: bold;
}

    .change-lan img {
        max-width: 20px;
    }

/*
Animated headlines
Plugin URI: https://codyhouse.co/gem/css-animated-headlines/
*/
.cd-words-wrapper {
    display: inline-block;
    position: relative;
    text-align: right;
}

    .cd-words-wrapper b {
        display: inline-block;
        position: absolute;
        white-space: nowrap;
        right: 0;
        top: 0;
        left: 0;
        margin: 0 auto;
    }

        .cd-words-wrapper b.is-visible {
            position: relative;
        }

.no-js .cd-words-wrapper b {
    opacity: 0;
}

    .no-js .cd-words-wrapper b.is-visible {
        opacity: 1;
    }

.cd-headline.rotate-1 .cd-words-wrapper {
    -webkit-perspective: 300px;
    -moz-perspective: 300px;
    perspective: 300px;
}

.cd-headline.rotate-1 b {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

    .cd-headline.rotate-1 b.is-visible {
        opacity: 1;
        -webkit-transform: rotateX(0);
        -moz-transform: rotateX(0);
        -ms-transform: rotateX(0);
        -o-transform: rotateX(0);
        transform: rotateX(0);
        -webkit-animation: cd-rotate-1-in 1.2s;
        -moz-animation: cd-rotate-1-in 1.2s;
        animation: cd-rotate-1-in 1.2s;
    }

    .cd-headline.rotate-1 b.is-hidden {
        -webkit-transform: rotateX(180deg);
        -moz-transform: rotateX(180deg);
        -ms-transform: rotateX(180deg);
        -o-transform: rotateX(180deg);
        transform: rotateX(180deg);
        -webkit-animation: cd-rotate-1-out 1.2s;
        -moz-animation: cd-rotate-1-out 1.2s;
        animation: cd-rotate-1-out 1.2s;
    }

@-webkit-keyframes cd-rotate-1-in {
    0% {
        -webkit-transform: rotateX(180deg);
        opacity: 0;
    }

    35% {
        -webkit-transform: rotateX(120deg);
        opacity: 0;
    }

    65% {
        opacity: 0;
    }

    100% {
        -webkit-transform: rotateX(360deg);
        opacity: 1;
    }
}

@-moz-keyframes cd-rotate-1-in {
    0% {
        -moz-transform: rotateX(180deg);
        opacity: 0;
    }

    35% {
        -moz-transform: rotateX(120deg);
        opacity: 0;
    }

    65% {
        opacity: 0;
    }

    100% {
        -moz-transform: rotateX(360deg);
        opacity: 1;
    }
}

@keyframes cd-rotate-1-in {
    0% {
        -webkit-transform: rotateX(180deg);
        -moz-transform: rotateX(180deg);
        -ms-transform: rotateX(180deg);
        -o-transform: rotateX(180deg);
        transform: rotateX(180deg);
        opacity: 0;
    }

    35% {
        -webkit-transform: rotateX(120deg);
        -moz-transform: rotateX(120deg);
        -ms-transform: rotateX(120deg);
        -o-transform: rotateX(120deg);
        transform: rotateX(120deg);
        opacity: 0;
    }

    65% {
        opacity: 0;
    }

    100% {
        -webkit-transform: rotateX(360deg);
        -moz-transform: rotateX(360deg);
        -ms-transform: rotateX(360deg);
        -o-transform: rotateX(360deg);
        transform: rotateX(360deg);
        opacity: 1;
    }
}

@-webkit-keyframes cd-rotate-1-out {
    0% {
        -webkit-transform: rotateX(0);
        opacity: 1;
    }

    35% {
        -webkit-transform: rotateX(-40deg);
        opacity: 1;
    }

    65% {
        opacity: 0;
    }

    100% {
        -webkit-transform: rotateX(180deg);
        opacity: 0;
    }
}

@-moz-keyframes cd-rotate-1-out {
    0% {
        -moz-transform: rotateX(0);
        opacity: 1;
    }

    35% {
        -moz-transform: rotateX(-40deg);
        opacity: 1;
    }

    65% {
        opacity: 0;
    }

    100% {
        -moz-transform: rotateX(180deg);
        opacity: 0;
    }
}

@keyframes cd-rotate-1-out {
    0% {
        -webkit-transform: rotateX(0);
        -moz-transform: rotateX(0);
        -ms-transform: rotateX(0);
        -o-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1;
    }

    35% {
        -webkit-transform: rotateX(-40deg);
        -moz-transform: rotateX(-40deg);
        -ms-transform: rotateX(-40deg);
        -o-transform: rotateX(-40deg);
        transform: rotateX(-40deg);
        opacity: 1;
    }

    65% {
        opacity: 0;
    }

    100% {
        -webkit-transform: rotateX(180deg);
        -moz-transform: rotateX(180deg);
        -ms-transform: rotateX(180deg);
        -o-transform: rotateX(180deg);
        transform: rotateX(180deg);
        opacity: 0;
    }
}

.cd-headline.type .cd-words-wrapper {
    vertical-align: top;
    overflow: hidden;
}

.cd-headline.type span {
    padding: 10px 0;
}

.cd-headline.type > span {
    display: inline-block;
}

.cd-headline.type .cd-words-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 90%;
    width: 1px;
    background-color: #aebcb9;
}

.cd-headline.type .cd-words-wrapper.waiting::after {
    -webkit-animation: cd-pulse 1s infinite;
    -moz-animation: cd-pulse 1s infinite;
    animation: cd-pulse 1s infinite;
}

.cd-headline.type .cd-words-wrapper.selected::after {
    visibility: hidden;
}

.cd-headline.type .cd-words-wrapper.selected b {
    color: #0d0d0d;
}

.cd-headline.type b {
    visibility: hidden;
}

    .cd-headline.type b.is-visible {
        visibility: visible;
    }

.cd-headline.type i {
    position: absolute;
    visibility: hidden;
    font-style: normal;
}

    .cd-headline.type i.in {
        position: relative;
        visibility: visible;
    }

@-webkit-keyframes cd-pulse {
    0% {
        -webkit-transform: translateY(-50%) scale(1);
        opacity: 1;
    }

    40% {
        -webkit-transform: translateY(-50%) scale(0.9);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(-50%) scale(0);
        opacity: 0;
    }
}

@-moz-keyframes cd-pulse {
    0% {
        -moz-transform: translateY(-50%) scale(1);
        opacity: 1;
    }

    40% {
        -moz-transform: translateY(-50%) scale(0.9);
        opacity: 0;
    }

    100% {
        -moz-transform: translateY(-50%) scale(0);
        opacity: 0;
    }
}

@keyframes cd-pulse {
    0% {
        -webkit-transform: translateY(-50%) scale(1);
        -moz-transform: translateY(-50%) scale(1);
        -ms-transform: translateY(-50%) scale(1);
        -o-transform: translateY(-50%) scale(1);
        transform: translateY(-50%) scale(1);
        opacity: 1;
    }

    40% {
        -webkit-transform: translateY(-50%) scale(0.9);
        -moz-transform: translateY(-50%) scale(0.9);
        -ms-transform: translateY(-50%) scale(0.9);
        -o-transform: translateY(-50%) scale(0.9);
        transform: translateY(-50%) scale(0.9);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(-50%) scale(0);
        -moz-transform: translateY(-50%) scale(0);
        -ms-transform: translateY(-50%) scale(0);
        -o-transform: translateY(-50%) scale(0);
        transform: translateY(-50%) scale(0);
        opacity: 0;
    }
}

.cd-headline.rotate-2 .cd-words-wrapper {
    -webkit-perspective: 300px;
    -moz-perspective: 300px;
    perspective: 300px;
}

.cd-headline.rotate-2 em,
.cd-headline.rotate-2 i {
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-style: normal;
}

.cd-headline.rotate-2 b {
    opacity: 0;
}

.cd-headline.rotate-2 i {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(-20px) rotateX(90deg);
    -moz-transform: translateZ(-20px) rotateX(90deg);
    -ms-transform: translateZ(-20px) rotateX(90deg);
    -o-transform: translateZ(-20px) rotateX(90deg);
    transform: translateZ(-20px) rotateX(90deg);
    opacity: 0;
}

.is-visible .cd-headline.rotate-2 i {
    opacity: 1;
}

.cd-headline.rotate-2 i.in {
    -webkit-animation: cd-rotate-2-in 0.4s forwards;
    -moz-animation: cd-rotate-2-in 0.4s forwards;
    animation: cd-rotate-2-in 0.4s forwards;
}

.cd-headline.rotate-2 i.out {
    -webkit-animation: cd-rotate-2-out 0.4s forwards;
    -moz-animation: cd-rotate-2-out 0.4s forwards;
    animation: cd-rotate-2-out 0.4s forwards;
}

.cd-headline.rotate-2 em {
    -webkit-transform: translateZ(20px);
    -moz-transform: translateZ(20px);
    -ms-transform: translateZ(20px);
    -o-transform: translateZ(20px);
    transform: translateZ(20px);
}

.no-csstransitions .cd-headline.rotate-2 i {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 0;
}

    .no-csstransitions .cd-headline.rotate-2 i em {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

.no-csstransitions .cd-headline.rotate-2 .is-visible i {
    opacity: 1;
}

@-webkit-keyframes cd-rotate-2-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(90deg);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(-10deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0);
    }
}

@-moz-keyframes cd-rotate-2-in {
    0% {
        opacity: 0;
        -moz-transform: translateZ(-20px) rotateX(90deg);
    }

    60% {
        opacity: 1;
        -moz-transform: translateZ(-20px) rotateX(-10deg);
    }

    100% {
        opacity: 1;
        -moz-transform: translateZ(-20px) rotateX(0);
    }
}

@keyframes cd-rotate-2-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(90deg);
        -moz-transform: translateZ(-20px) rotateX(90deg);
        -ms-transform: translateZ(-20px) rotateX(90deg);
        -o-transform: translateZ(-20px) rotateX(90deg);
        transform: translateZ(-20px) rotateX(90deg);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(-10deg);
        -moz-transform: translateZ(-20px) rotateX(-10deg);
        -ms-transform: translateZ(-20px) rotateX(-10deg);
        -o-transform: translateZ(-20px) rotateX(-10deg);
        transform: translateZ(-20px) rotateX(-10deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0);
        -moz-transform: translateZ(-20px) rotateX(0);
        -ms-transform: translateZ(-20px) rotateX(0);
        -o-transform: translateZ(-20px) rotateX(0);
        transform: translateZ(-20px) rotateX(0);
    }
}

@-webkit-keyframes cd-rotate-2-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0);
    }

    60% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-100deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-90deg);
    }
}

@-moz-keyframes cd-rotate-2-out {
    0% {
        opacity: 1;
        -moz-transform: translateZ(-20px) rotateX(0);
    }

    60% {
        opacity: 0;
        -moz-transform: translateZ(-20px) rotateX(-100deg);
    }

    100% {
        opacity: 0;
        -moz-transform: translateZ(-20px) rotateX(-90deg);
    }
}

@keyframes cd-rotate-2-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0);
        -moz-transform: translateZ(-20px) rotateX(0);
        -ms-transform: translateZ(-20px) rotateX(0);
        -o-transform: translateZ(-20px) rotateX(0);
        transform: translateZ(-20px) rotateX(0);
    }

    60% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-100deg);
        -moz-transform: translateZ(-20px) rotateX(-100deg);
        -ms-transform: translateZ(-20px) rotateX(-100deg);
        -o-transform: translateZ(-20px) rotateX(-100deg);
        transform: translateZ(-20px) rotateX(-100deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-90deg);
        -moz-transform: translateZ(-20px) rotateX(-90deg);
        -ms-transform: translateZ(-20px) rotateX(-90deg);
        -o-transform: translateZ(-20px) rotateX(-90deg);
        transform: translateZ(-20px) rotateX(-90deg);
    }
}

.cd-headline.loading-bar span {
    display: inline-block;
    padding: 0.2em 0;
}

.cd-headline.loading-bar .cd-words-wrapper {
    overflow: hidden;
    vertical-align: top;
}

    .cd-headline.loading-bar .cd-words-wrapper::after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        height: 3px;
        width: 0;
        background: #5971ff;
        z-index: 2;
        -webkit-transition: width 0.3s -0.1s;
        -moz-transition: width 0.3s -0.1s;
        transition: width 0.3s -0.1s;
    }

    .cd-headline.loading-bar .cd-words-wrapper.is-loading::after {
        width: 100%;
        -webkit-transition: width 3s;
        -moz-transition: width 3s;
        transition: width 3s;
    }

.cd-headline.loading-bar b {
    top: 0.2em;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

    .cd-headline.loading-bar b.is-visible {
        opacity: 1;
        top: 0;
    }

.cd-headline.slide span {
    display: inline;
    padding-top: 10px;
    padding-bottom: 10px;
}

.cd-headline.slide .cd-words-wrapper {
    overflow: hidden;
    vertical-align: top;
}

.cd-headline.slide b {
    opacity: 0;
    top: 0.2em;
}

    .cd-headline.slide b.is-visible {
        top: 0;
        opacity: 1;
        -webkit-animation: slide-in 0.6s;
        -moz-animation: slide-in 0.6s;
        animation: slide-in 0.6s;
    }

    .cd-headline.slide b.is-hidden {
        -webkit-animation: slide-out 0.6s;
        -moz-animation: slide-out 0.6s;
        animation: slide-out 0.6s;
    }

@-webkit-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(20%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes slide-in {
    0% {
        opacity: 0;
        -moz-transform: translateY(-100%);
    }

    60% {
        opacity: 1;
        -moz-transform: translateY(20%);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(20%);
        -moz-transform: translateY(20%);
        -ms-transform: translateY(20%);
        -o-transform: translateY(20%);
        transform: translateY(20%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-out {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }

    60% {
        opacity: 0;
        -webkit-transform: translateY(120%);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(100%);
    }
}

@-moz-keyframes slide-out {
    0% {
        opacity: 1;
        -moz-transform: translateY(0);
    }

    60% {
        opacity: 0;
        -moz-transform: translateY(120%);
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(100%);
    }
}

@keyframes slide-out {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    60% {
        opacity: 0;
        -webkit-transform: translateY(120%);
        -moz-transform: translateY(120%);
        -ms-transform: translateY(120%);
        -o-transform: translateY(120%);
        transform: translateY(120%);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%);
    }
}

.cd-headline.clip span {
    display: inline-block;
    padding: 0.2em 0;
}

.cd-headline.clip .cd-words-wrapper {
    overflow: hidden;
    vertical-align: top;
}

    .cd-headline.clip .cd-words-wrapper::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 2px;
        height: 100%;
        background-color: #aebcb9;
    }

.cd-headline.clip b {
    opacity: 0;
}

    .cd-headline.clip b.is-visible {
        opacity: 1;
    }

.cd-headline.zoom .cd-words-wrapper {
    -webkit-perspective: 300px;
    -moz-perspective: 300px;
    perspective: 300px;
}

.cd-headline.zoom b {
    opacity: 0;
}

    .cd-headline.zoom b.is-visible {
        opacity: 1;
        -webkit-animation: zoom-in 0.8s;
        -moz-animation: zoom-in 0.8s;
        animation: zoom-in 0.8s;
    }

    .cd-headline.zoom b.is-hidden {
        -webkit-animation: zoom-out 0.8s;
        -moz-animation: zoom-out 0.8s;
        animation: zoom-out 0.8s;
    }

@-webkit-keyframes zoom-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(100px);
    }

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

@-moz-keyframes zoom-in {
    0% {
        opacity: 0;
        -moz-transform: translateZ(100px);
    }

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

@keyframes zoom-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(100px);
        -moz-transform: translateZ(100px);
        -ms-transform: translateZ(100px);
        -o-transform: translateZ(100px);
        transform: translateZ(100px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@-webkit-keyframes zoom-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateZ(-100px);
    }
}

@-moz-keyframes zoom-out {
    0% {
        opacity: 1;
        -moz-transform: translateZ(0);
    }

    100% {
        opacity: 0;
        -moz-transform: translateZ(-100px);
    }
}

@keyframes zoom-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateZ(-100px);
        -moz-transform: translateZ(-100px);
        -ms-transform: translateZ(-100px);
        -o-transform: translateZ(-100px);
        transform: translateZ(-100px);
    }
}

.cd-headline.rotate-3 .cd-words-wrapper {
    -webkit-perspective: 300px;
    -moz-perspective: 300px;
    perspective: 300px;
}

.cd-headline.rotate-3 b {
    opacity: 0;
}

.cd-headline.rotate-3 i {
    display: inline-block;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.is-visible .cd-headline.rotate-3 i {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
}

.cd-headline.rotate-3 i.in {
    -webkit-animation: cd-rotate-3-in 0.6s forwards;
    -moz-animation: cd-rotate-3-in 0.6s forwards;
    animation: cd-rotate-3-in 0.6s forwards;
}

.cd-headline.rotate-3 i.out {
    -webkit-animation: cd-rotate-3-out 0.6s forwards;
    -moz-animation: cd-rotate-3-out 0.6s forwards;
    animation: cd-rotate-3-out 0.6s forwards;
}

.no-csstransitions .cd-headline.rotate-3 i {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
    opacity: 0;
}

.no-csstransitions .cd-headline.rotate-3 .is-visible i {
    opacity: 1;
}

@-webkit-keyframes cd-rotate-3-in {
    0% {
        -webkit-transform: rotateY(-180deg);
    }

    100% {
        -webkit-transform: rotateY(0);
    }
}

@-moz-keyframes cd-rotate-3-in {
    0% {
        -moz-transform: rotateY(-180deg);
    }

    100% {
        -moz-transform: rotateY(0);
    }
}

@keyframes cd-rotate-3-in {
    0% {
        -webkit-transform: rotateY(-180deg);
        -moz-transform: rotateY(-180deg);
        -ms-transform: rotateY(-180deg);
        -o-transform: rotateY(-180deg);
        transform: rotateY(-180deg);
    }

    100% {
        -webkit-transform: rotateY(0);
        -moz-transform: rotateY(0);
        -ms-transform: rotateY(0);
        -o-transform: rotateY(0);
        transform: rotateY(0);
    }
}

@-webkit-keyframes cd-rotate-3-out {
    0% {
        -webkit-transform: rotateY(0);
    }

    100% {
        -webkit-transform: rotateY(180deg);
    }
}

@-moz-keyframes cd-rotate-3-out {
    0% {
        -moz-transform: rotateY(0);
    }

    100% {
        -moz-transform: rotateY(180deg);
    }
}

@keyframes cd-rotate-3-out {
    0% {
        -webkit-transform: rotateY(0);
        -moz-transform: rotateY(0);
        -ms-transform: rotateY(0);
        -o-transform: rotateY(0);
        transform: rotateY(0);
    }

    100% {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }
}

.cd-headline.scale b {
    opacity: 0;
}

.cd-headline.scale i {
    display: inline-block;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.is-visible .cd-headline.scale i {
    opacity: 1;
}

.cd-headline.scale i.in {
    -webkit-animation: scale-up 0.6s forwards;
    -moz-animation: scale-up 0.6s forwards;
    animation: scale-up 0.6s forwards;
}

.cd-headline.scale i.out {
    -webkit-animation: scale-down 0.6s forwards;
    -moz-animation: scale-down 0.6s forwards;
    animation: scale-down 0.6s forwards;
}

.no-csstransitions .cd-headline.scale i {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 0;
}

.no-csstransitions .cd-headline.scale .is-visible i {
    opacity: 1;
}

@-webkit-keyframes scale-up {
    0% {
        -webkit-transform: scale(0);
        opacity: 0;
    }

    60% {
        -webkit-transform: scale(1.2);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

@-moz-keyframes scale-up {
    0% {
        -moz-transform: scale(0);
        opacity: 0;
    }

    60% {
        -moz-transform: scale(1.2);
        opacity: 1;
    }

    100% {
        -moz-transform: scale(1);
        opacity: 1;
    }
}

@keyframes scale-up {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }

    60% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes scale-down {
    0% {
        -webkit-transform: scale(1);
        opacity: 1;
    }

    60% {
        -webkit-transform: scale(0);
        opacity: 0;
    }
}

@-moz-keyframes scale-down {
    0% {
        -moz-transform: scale(1);
        opacity: 1;
    }

    60% {
        -moz-transform: scale(0);
        opacity: 0;
    }
}

@keyframes scale-down {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    60% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
}

.cd-headline.push b {
    opacity: 0;
}

    .cd-headline.push b.is-visible {
        opacity: 1;
        -webkit-animation: push-in 0.6s;
        -moz-animation: push-in 0.6s;
        animation: push-in 0.6s;
    }

    .cd-headline.push b.is-hidden {
        -webkit-animation: push-out 0.6s;
        -moz-animation: push-out 0.6s;
        animation: push-out 0.6s;
    }

@-webkit-keyframes push-in {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-10%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes push-in {
    0% {
        opacity: 0;
        -moz-transform: translateX(100%);
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(-10%);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

@keyframes push-in {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-10%);
        -moz-transform: translateX(-10%);
        -ms-transform: translateX(-10%);
        -o-transform: translateX(-10%);
        transform: translateX(-10%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes push-out {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }

    60% {
        opacity: 0;
        -webkit-transform: translateX(-110%);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
    }
}

@-moz-keyframes push-out {
    0% {
        opacity: 1;
        -moz-transform: translateX(0);
    }

    60% {
        opacity: 0;
        -moz-transform: translateX(-110%);
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(-100%);
    }
}

@keyframes push-out {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    60% {
        opacity: 0;
        -webkit-transform: translateX(-110%);
        -moz-transform: translateX(-110%);
        -ms-transform: translateX(-110%);
        -o-transform: translateX(-110%);
        transform: translateX(-110%);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.header-zoud {
    /* padding: 15px 20px;
    background: rgb(44, 116, 179);
    background: linear-gradient(90deg, rgba(44, 116, 179, 1) 0%, rgba(10, 38, 71, 1) 100%);
    border-radius: 10px;
    margin-top: 10px;*/
    padding: 15px 0px;
    background: rgb(44, 116, 179);
    background: linear-gradient(-90deg, rgba(44, 116, 179, 1) 0%, rgba(10, 38, 71, 1) 100%);
    border-radius: 0px;
    margin-top: 0px;
}

.i-xs svg {
    height: 20px !important;
    width: 20px !important;
}

.cd-headline.zoom span {
    color: white;
}

.text-b-menu li a {
    color: #0e2647 !important;
}

.brand-logo img {
    max-width: 200px;
    margin-right: 20px;
    margin: auto
}

header .main-navbar .nav-menu > li > a:hover {
    color: #2c75b3;
}

.zoud-search.search-box1 {
    min-width: 400px;
    width: 100%;
}

span.search-box {
    border-radius: 0px 10px 10px 0px !important;
}

.brand-logo a {
    display: flex !important;
    margin-right: 20px;
}

.slick-1 .slick-dots {
    bottom: 14px !important;
}

.slick-dots {
    background-color: white;
    border-radius: 20px;
    box-shadow: 0 0 10px #2c75b32e;
}

    .slick-dots li button:before {
        top: -1px;
    }

    .slick-dots li button:before {
        font-size: 14px !important;
    }

    .slick-dots li.slick-active button:before {
        color: #2c75b3;
    }

/**=====================
     category css start
==========================**/
/**=====================
    category mixins css start
==========================**/
.category-section.ratio_40 .bg-size::before {
    padding-top: 20%;
}

.category-wrap {
    padding: 20px 12px;
    position: relative;
    height: auto;
    transition: .4s;
}

@media (max-width: 360px) {
    .category-wrap {
        height: unset;
    }
}

.category-wrap.category-color {
    background-color: #eff2f7;
}

@media (max-width: 1460px) {
    .category-wrap.category-padding {
        padding: 23px;
    }
}

@media (max-width: 1199px) {
    .category-wrap.category-padding {
        padding: 19px;
    }
}

.category-wrap.theme-bg-color {
    color: #fff;
    background-color: var(--theme-color);
    border-radius: 18px;
}

    .category-wrap.theme-bg-color .light-text {
        font-size: 60px;
        line-height: 96px;
        color: #fff;
        font-weight: 700;
        margin-bottom: 0;
        position: absolute;
        opacity: 0.04;
        top: 28px;
        left: 0;
    }

    .category-wrap.theme-bg-color h2 {
        margin-bottom: 10px;
        font-size: 34px;
        line-height: 1.5;
        margin-bottom: 0;
    }

        .category-wrap.theme-bg-color h2.top-spacing {
            margin-top: -3px;
        }

    .category-wrap.theme-bg-color span {
        text-transform: uppercase;
        display: block;
        margin-bottom: -5px;
    }

.category-wrap .category-content span {
    color: #0e2647;
    display: block;
    text-align: right;
}

.category-wrap .category-content.category-text {
    text-align: center;
}

    .category-wrap .category-content.category-text h3 {
        font-size: calc(14px + (24 - 14) * ((100vw - 320px) / (1920 - 320)));
        margin-top: -1px;
    }

    .category-wrap .category-content.category-text span {
        font-size: calc(12px + (18 - 12) * ((100vw - 320px) / (1920 - 320)));
        display: block;
        margin-bottom: -3px;
    }

.category-wrap .category-content.category-text-1 h3 {
    margin-top: -4px;
}

.category-wrap .category-content.category-text-1 span {
    display: block;
    margin-bottom: -6px;
}

.category-wrap .category-content.category-text.category-spacing h3 {
    margin-top: -3px;
}

.category-wrap .category-content.category-text.category-spacing span {
    margin-bottom: -3px;
}

.category-wrap .category-content.category-text.t-text h3 {
    margin-top: -5px;
    color: #0e2647;
}

.category-wrap .category-content.category-text.t-text span {
    display: block;
    margin-bottom: -5px;
    color: #0e2647;
}

.category-wrap .category-content h3 {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 14px;
    min-height: 34px;
    text-align: center;
}

.title-2 h2,
.title-2 h1 {
    font-size: 34px;
    letter-spacing: 0;
    font-weight: 600;
    vertical-align: middle;
    line-height: 1.5;
}

.title-2 span {
    margin-top: 10px;
    font-size: 16px;
    color: #8e95a7;
}

.category-section {
    padding: 50px 50px;
}

.category-slider1 .slick-slide img {
    display: block;
    text-align: center;
    margin: auto;
    max-width: 90%;
    max-width: 70px;
    margin-bottom: 0px;
    margin: auto;
    transition: .4s;
}

.category-slider1 .slick-prev {
    left: -70px;
    top: 66px;
}


.category-slider1 .slick-next {
    left: -70px;
    top: 96px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.product-box {
    background-color: white;
    border: 1px solid #e0ebf8;
    border-radius: 20px;
    padding: 20px 15px;
    height: 100%;
    position: relative;
    margin: 0;
}

.link-p {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.product-box .img-wrapper {
    border-radius: 20px;
}

.product-zoud {
    width: 100%;
}

.heart-button svg {
    stroke: #ff731d;
}

.heart-button svg {
    width: 18px;
}

.heart-button {
    position: absolute;
    top: 25px;
    right: 25px;
    background-color: #ffffff;
    width: 35px;
    height: 35px;
    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;
    z-index: 9;
}

.diamond {
    position: absolute;
    top: 25px;
    left: 25px;
    width: 35px !important;
    z-index: 9;
}

@-webkit-keyframes ripple-1 {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(36, 113, 176, 0.3), 0 0 0 1em rgba(36, 113, 176, 0.3);
        box-shadow: 0 0 0 0 rgba(36, 115, 176, 0.3), 0 0 0 1em rgba(36, 113, 176, 0.3);
    }

    100% {
        -webkit-box-shadow: 0 0 0 1em rgba(36, 113, 22, 0.3), 0 0 0 1.5em rgba(36, 113, 176, 0);
        box-shadow: 0 0 0 1em rgba(36, 115, 176, 0.3), 0 0 0 1.5em rgba(36, 113, 176, 0);
    }
}

@keyframes ripple-1 {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(36, 113, 22, 0.3), 0 0 0 1em rgba(36, 113, 176, 0.3);
        box-shadow: 0 0 0 0 rgba(36, 115, 176, 0.3), 0 0 0 1em rgba(36, 113, 176, 0.3);
    }

    100% {
        -webkit-box-shadow: 0 0 0 1em rgba(36, 113, 22, 0.3), 0 0 0 1.5em rgba(36, 113, 176, 0);
        box-shadow: 0 0 0 1em rgba(36, 115, 176, 0.3), 0 0 0 1.5em rgba(36, 113, 176, 0);
    }
}

.addtocart-btn {
    border-radius: 10px;
}

.product-box .cart-wrap a:hover::after,
.product-box .cart-wrap button:hover::after {
    border-radius: 10px !important;
}

.slick-p img {
    width: 100% !important;
    display: inherit;
}

.slider-products .slick-dots {
    bottom: 15px;
    /*    width: 80%;*/
}

    .slider-products .slick-dots li {
        height: 8px;
        width: 8px;
        margin: 0 0 0 8px;
        padding: 0;
    }

        .slider-products .slick-dots li:first-of-type {
            margin-left: 10px;
        }

        .slider-products .slick-dots li:last-of-type {
            margin-right: 4px;
        }

        .slider-products .slick-dots li button:before {
            width: 13px;
            height: 12px;
        }

        .slider-products .slick-dots li button:before {
            font-size: 10px !important;
        }

        .slider-products .slick-dots li button:before {
            top: -3px;
        }

.product-box .cart-wrap {
    position: absolute;
    bottom: 56px;
}

.loc {
    /*    background-color: aliceblue;
    padding: 7px 10px;
    border-radius: 20px;*/
    align-items: center;
    margin-left: 4px;
}

.mozaida {
    position: absolute;
    top: 25px;
    left: 25px;
    background-color: #ff731d;
    padding: 7px 15px;
    border-radius: 20px;
    color: white;
}

.heart-button.active svg {
    stroke: #ff731d;
    fill: #ff731d;
}

.ads-box {
    height: 100%;
    background: rgb(44, 116, 179);
    background: linear-gradient(-90deg, rgba(44, 116, 179, 1) 0%, rgba(10, 38, 71, 1) 100%);
    box-shadow: 0 0 30px #0a264714;
    border-radius: 20px;
    padding: 20px 15px;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

    .ads-box h5 {
        color: white;
        font-size: 25px;
        margin-bottom: 20px;
    }

    .ads-box p {
        color: white;
        margin-bottom: 40px;
    }

.btn-white-ads {
    color: #0a2647 !important;
}

.slider-products img {
    max-width: 100%;
    width: 100%;
    height: 250px;
    object-fit: cover;
    background: #f1f1f1;
}

.slider-products.small-height-ads img {
    max-width: 100%;
    width: 100%;
    height: 250px;
    object-fit: cover;
    background: #f1f1f1;
}

.details-image-1.big-height-ads img {
    height: 700px;
    object-fit: contain;
    background-color: #f2f2f2;
    max-width: 100%;
}

.btn-white-ads::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: white;
    background: white;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    border-radius: 7px;
    -webkit-animation: ripple-1 0.7s linear infinite;
    animation: ripple-1 0.7s linear infinite;
}

.btn-white-ads:hover {
    color: #0a2647;
    color: white !important;
    border: 1px solid white;
}

.discount-image-details-1 {
    background-color: #f0f8ff;
    padding: 66px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}

@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;
    }
}

.discount-image-details-1 .discount-shop {
    position: absolute;
    top: 17%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 0;
    background-color: var(--theme-color);
    -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: #fff;
    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: #0e2647;
    }

@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: var(--theme-color);
        stroke: var(--theme-color);
        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: #0e2647;
}

.deal-section {
    padding: 50px 50px;
}

.sec-neww {
    padding: 50px 0;
}

    .sec-neww .slick-list .slick-slide > div {
        margin: 0 12px;
    }

.service-style-2 .service-icon img {
    max-width: 80px;
    margin: auto;
}

.download-app {
    padding: 50px;
    background-color: aliceblue;
    border-radius: 20px;
    margin: 120px 50px 180px !important;
}

.box-download-app img {
    max-width: 150px;
}

.box-download-app {
    margin-top: 20px;
}

    .box-download-app img {
        transition: 0.2s ease-in-out;
    }

.download-app h2 {
    font-size: 34px;
    line-height: 56px;
}

.download-app .par-download {
    color: #9c9c9c;
    font-size: 16px;
    line-height: 28px;
}

.box-download-app .item--app a:hover img {
    transform: translateY(-4px);
}

.img-screen1 img {
    position: absolute;
    width: 250px;
    right: 254px;
    top: -110px;
    border-radius: 20px;
    box-shadow: 0 0 45px #0e26472b;
    z-index: 1;
}

.img-screen2 img {
    position: absolute;
    width: 218px;
    right: 90px;
    top: -68px;
    border-radius: 20px;
    box-shadow: 0 0 50px rgb(14 38 71 / 9%);
    z-index: 0;
}

.footer-sm-space {
    padding: 0 50px;
}

.preloader {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #0a2647;
    top: 0;
    right: 0;
    z-index: 9999999;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .preloader .lds-ripple {
        position: relative;
        width: 50px;
        height: 50px;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
    }

        .preloader .lds-ripple div {
            position: absolute;
            border: 4px solid #3673bc;
            opacity: 1;
            border-radius: 50%;
            -webkit-animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
            animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
        }

            .preloader .lds-ripple div:nth-child(2) {
                -webkit-animation-delay: -0.5s;
                animation-delay: -0.5s;
            }

@-webkit-keyframes lds-ripple {
    0% {
        top: 28px;
        right: 28px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: -1px;
        right: -1px;
        width: 58px;
        height: 58px;
        opacity: 0;
    }
}

@keyframes lds-ripple {
    0% {
        top: 28px;
        right: 28px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: -1px;
        right: -1px;
        width: 58px;
        height: 58px;
        opacity: 0;
    }
}

/*
    Keyframes Area Style
    ======================================================*/
@-webkit-keyframes moveLeftBounces {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    50% {
        -webkit-transform: translateX(-45px);
        transform: translateX(-45px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes moveLeftBounces {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    50% {
        -webkit-transform: translateX(-45px);
        transform: translateX(-45px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.text-16 {
    font-size: 16px;
}

.verify-i {
    margin-top: 20px;
}

    .verify-i input {
        width: 100%;
        max-width: 70px;
        height: 50px;
        border-radius: 11px;
        border: 1px solid #b2bdd1;
    }

.dir-ltr {
    direction: rtl;
    display: inline-block;
}


.prefer-list .prefer-li {
    padding: 12px 8px 8px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: 0.2s ease-in-out;
    color: #8e95a7;
    margin-bottom: 0;
    background: #fafafa;
    height: 100%;
    opacity: 1;
    position: relative;
}

.slider-impo {
    padding: 0 20px;
}

.prefer-list .prefer-li .category-wrap {
    padding: 0px;
}

.prefer-list .prefer-li .active {
    opacity: 1;
}

.prefer-list .prefer-li img {
    width: 100px;
}

.choose-category .prefer-list .col-lg-3 {
    position: relative;
}

    .choose-category .prefer-list .col-lg-3.active::after {
        content: "";
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="60" height="60" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g transform="matrix(1.0999999999999994,0,0,1.0999999999999994,-1.2502218246459904,-1.1999999999999975)"><path d="M7 21h10a4 4 0 0 0 4-4v-4.85a1 1 0 1 0-2 0V17a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h5a1 1 0 0 0 0-2H7a4 4 0 0 0-4 4v10a4 4 0 0 0 4 4z" fill="%232274B4" opacity="1" data-original="%23000000" class=""></path><path d="M20.29 4.29 12 12.59l-3.29-3.3a1 1 0 1 0-1.42 1.42l4 4a1 1 0 0 0 1.42 0l9-9a1 1 0 1 0-1.42-1.42z" fill="%232274B4" opacity="1" data-original="%23000000" class=""></path></g></svg>');
        position: absolute;
        right: 16px;
        top: 8px;
        width: 25px;
        height: 25px;
        background-size: contain;
        background-repeat: no-repeat;
        transition: .4s;
    }

    .choose-category .prefer-list .col-lg-3.active .prefer-li {
        background-color: aliceblue;
    }

    .choose-category .prefer-list .col-lg-3.active .category-wrap .category-content h3 {
        color: #2274b4 !important;
    }

.button.login {
    position: relative;
    text-align: center;
}

    .button.login a {
        width: 100%;
        left: 0%;
        background: rgb(44, 116, 179);
        background: linear-gradient(-90deg, rgba(44, 116, 179, 1) 0%, rgba(10, 38, 71, 1) 100%);
        border: 1px solid var(--theme-color);
        font-weight: 900;
        font-size: 18px;
        color: #fff;
        padding: 12px 20px;
        border-radius: 20px;
        display: block;
        position: relative;
        border-radius: 13px;
        margin: auto;
    }

.wallet-inp {
    background-color: white;
    box-shadow: 0 0 20px #0e26470d;
    padding: 20px;
    border-radius: 20px;
}

.break {
    padding: 0;
}

    .break .bg-m {
        background-color: #eff2f7;
        padding: 20px 20px;
        border-radius: 10px;
    }

    .break h1 {
        margin-bottom: 20px;
        font-size: 22px;
    }

.sub-cat .accordion-button2 {
    background-color: unset;
    border: unset;
    font-family: Almarai;
}

/**=====================
     Product Page CSS Start
==========================**/
.pro-popular .product-slider .slick-prev {
    background-color: #ddd !important;
}

.pro-popular .product-slider .slick-next {
    background-color: #ddd !important;
}

.rating .fa-star {
    padding-right: 1px !important;
    font-size: 16px !important;
    color: #c3c3c3 !important;
}

    .rating .fa-star.theme-color {
        color: #ffa202 !important;
    }

.product-title {
    color: #0a2647;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 16px;
    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: 14px;
}

.product-title-2 {
    margin-top: 18px;
}

.product-title.hurry-title {
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
    font-weight: 400;
}

    .product-title.hurry-title span {
        margin: 0 5px;
        color: var(--theme-color);
    }

.shipping-info {
    margin-top: 10px;
}

    .shipping-info li {
        display: block;
        font-size: 16px;
        color: #777777;
        line-height: 1.5;
        padding-bottom: 5px;
    }

.product-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 767px) {
    .product-icon {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.product-icon .product-social {
    margin-top: 5px;
}

    .product-icon .product-social li {
        padding-right: 30px;
    }

        .product-icon .product-social li:last-child {
            padding-right: 0;
        }

        .product-icon .product-social li a {
            color: #0a2647;
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
            font-size: 16px;
        }

.added-notification {
    width: 180px;
    position: fixed;
    top: -100px;
    right: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    border-radius: 3px;
    padding: 6px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 2px 1px #ced4da;
    box-shadow: 0 0 2px 1px #ced4da;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    z-index: 9;
    background-color: #fff;
}

@media (max-width: 575px) {
    .added-notification {
        right: 12px;
    }
}

.added-notification.show {
    top: 30px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.added-notification img {
    width: 25%;
}

.added-notification h3 {
    color: #0a2647;
    text-transform: capitalize;
    font-size: 16px;
    margin: 0 10px;
    font-weight: 400;
    white-space: nowrap;
}

.addeffect-section {
    padding-top: 15px;
    padding-bottom: 20px;
    border-top: 1px dashed #ddd;
}

    .addeffect-section.cartMove .error-message {
        display: block;
    }

    .addeffect-section.cartMove .size-box {
        -webkit-animation: buttons-shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
        animation: buttons-shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    }

    .addeffect-section .size-box {
        margin: 10px 0;
    }

        .addeffect-section .size-box ul li {
            height: 35px;
            width: 35px;
            border-radius: 5px;
            margin-right: 10px;
            cursor: pointer;
            background-color: #eff2f7;
            border: 1px solid #eff2f7;
            text-align: center;
            -webkit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

            .addeffect-section .size-box ul li.active {
                background: #0a2647;
            }

                .addeffect-section .size-box ul li.active a {
                    color: #fff;
                }

            .addeffect-section .size-box ul li 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;
                height: 100%;
                color: #0a2647;
                font-weight: 400;
            }

    .addeffect-section .error-message {
        display: none;
        color: var(--theme-color);
        font-weight: 500;
        margin: 10px 0;
    }

@media (max-width: 767px) {
    .addeffect-section .qty-box .input-group {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.addeffect-section .qty-box .input-group span button {
    border: 1px solid #ced4da;
    height: 100%;
}

.form-check {
    padding-right: 0.5em;
}

.label-l label {
    font-size: 16px;
    font-weight: 600;
}

.qty-box .input-group .form-control {
    text-align: center;
    width: auto;
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
    background-color: white;
    border: none;
    font-size: 33px;
    line-height: 8px;
    max-width: 150px;
}

.timer1 #minutes {
    font-size: 50px;
    min-width: 120px;
}

.timer1 #hours {
    font-size: 50px;
    min-width: 120px;
}

.timer1 #days {
    font-size: 50px;
    min-width: 120px;
}

.timer-s #minutes {
    font-size: 15px;
    min-width: auto;
}

.timer-s #hours {
    font-size: 15px;
    min-width: auto;
}

.timer-s #days {
    font-size: 15px;
    min-width: auto;
}

.timer-s .counter {
    margin-left: 5px;
}

.bidding-c label {
    font-size: 20px !important;
    font-weight: 600;
}

.addeffect-section .qty-box .input-group input {
    padding: 12px 10px;
}

.addeffect-section .qty-box .input-group button {
    background-color: transparent;
    border: 0;
    color: #0a2647;
    cursor: pointer;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    padding: 15px 20px;
}

    .addeffect-section .qty-box .input-group button i {
        font-weight: 900;
        color: #0a2647;
    }

.addeffect-section .qty-box .input-group .icon {
    padding-right: 0;
}

.product-buttons {
    margin-bottom: 20px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 767px) {
    .product-buttons {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (max-width: 575px) {
    .product-buttons {
        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;
    }
}

.product-buttons .btn-solid {
    background-color: var(--theme-color);
    color: #fff;
    padding: 12px 30px;
    font-size: 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;
    border-radius: 10px !important;
}

.btn-y-blue {
    background-color: #2a6fac !important;
}

.product-buttons .btn-solid + .btn-solid {
    margin-left: 8px;
}

@media (max-width: 991px) {
    .product-buttons .btn-solid {
        padding: 12px 30px;
    }
}

@media (max-width: 575px) {
    .product-buttons .btn-solid {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .product-buttons .btn-solid {
        padding: 10px 20px;
        font-size: 14px;
    }
}

.product-buttons .btn-solid i {
    font-size: 17px;
    margin-right: 5px;
}

.product-buttons .btn-solid span {
    font-weight: 500;
}

.product-buttons .btn-solid.btn-animation i {
    -webkit-animation: ring 4s 0.7s ease-in-out infinite;
    animation: ring 4s 0.7s ease-in-out infinite;
}

.shipping-order li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
}

@media (max-width: 767px) {
    .shipping-order li {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.shipping-order li img {
    margin-right: 18px;
}

.product-count {
    background-color: #eff2f7;
    padding: 15px 12px !important;
    margin: 15px 0;
    border-radius: 10px;
}

    .product-count img {
        margin-right: 6px;
    }

    .product-count ul {
        margin-bottom: -4px;
    }

        .product-count ul li {
            margin-bottom: 4px;
        }

        .product-count ul li {
            margin-right: 14px;
        }

.details-image-vertical .slick-list {
    direction: rtl;
}

.badge-price {
    background-color: #0e2647;
    padding: 10px 15px;
    font-size: 14px;
    color: #ffffff;
    border-radius: 20px;
    cursor: pointer;
}

.model-center {
    text-align: center;
}

.modal-body .button a {
    max-width: 300px;
    position: relative;
}

.model-details {
    text-align: center;
    font-size: 20px;
    color: #607588;
    line-height: 30px;
    line-height: 40px;
}

.text-b {
    font-weight: 600;
    margin: 0 5px;
    color: #2b72af;
}

.tooltip {
    z-index: 99;
}

.text-m {
    color: #0a2749;
    text-decoration: underline;
}

.rating-section {
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 767px) {
    .rating-section {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.rating-section h6 {
    margin-bottom: 0;
    margin-left: 10px;
    font-weight: 500;
    font-size: 15px;
}

[dir="rtl"] .rating-section h6 {
    margin-left: 0;
    margin-right: 10px;
}

.color-variant {
    margin-bottom: 10px;
}

    .color-variant li {
        height: 30px;
        width: 30px;
        cursor: pointer;
        display: inline-block;
        border-radius: 100%;
        margin-right: 5px;
        overflow: hidden;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .color-variant li + li {
            margin-left: 0;
        }

        .color-variant li:nth-child(1) {
            background-color: #f1e7e6;
        }

        .color-variant li:nth-child(3) {
            background-color: #bfbfbf;
        }

        .color-variant li.active {
            position: relative;
        }

            .color-variant li.active:after {
                content: "\f00c";
                font-family: "Font Awesome 5 Free";
                font-weight: 900;
                top: 10px;
                height: 100%;
                right: 4px;
                height: 15px;
                width: 15px;
                background-size: 70%;
                background-repeat: no-repeat;
                position: absolute;
                opacity: 0.8;
            }

.price-detail {
    font-size: 36px;
    color: #0e2647;
    font-weight: 600;
}

.user-sell {
    display: flex;
    align-items: center;
    padding: 15px 20px;
    box-shadow: 0 0 20px #0e264729;
    border-radius: 10px;
    margin: 20px 0;
}

.btn-whatsapp {
    padding: 10px;
    background-color: #eafdeb;
    border-radius: 11px;
}

    .btn-whatsapp svg {
        width: 30px;
        height: auto;
    }

.btn-call {
    padding: 10px;
    background-color: #0a2647;
    border-radius: 11px;
    margin-left: 10px;
}

    .btn-call svg {
        width: 27px;
        height: auto;
    }

.product-count ul {
    display: flex;
    align-items: center;
}

.cont-btns {
    display: flex;
    align-items: center;
}

.user-sell img {
    width: 80px;
    border-radius: 10px;
}

.price-detail del {
    font-size: 14px;
    color: #bfc6d3;
    font-weight: 400;
}

.price-detail span {
    font-size: 16px;
    color: var(--theme-color);
    padding-left: 10px;
}

.label-section {
    margin: 10px 0;
}

    .label-section .badge-grey-color {
        padding: 6px 11px;
        font-size: 12px;
        background: #bfc6d3;
    }

    .label-section .label-text {
        text-transform: capitalize;
        padding-left: 5px;
    }

.details-image-concept .heart-button {
    position: relative;
    top: unset;
    right: unset;
}

.service-accorion {
    padding: 28px;
}

    .service-accorion .accordion-collapse {
        margin-top: 0 !important;
    }

        .service-accorion .accordion-collapse .accordion-body .category-list li {
            margin: 0 !important;
        }

            .service-accorion .accordion-collapse .accordion-body .category-list li + li {
                margin-top: 30px !important;
            }

            .service-accorion .accordion-collapse .accordion-body .category-list li .service-wrap {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }

                .service-accorion .accordion-collapse .accordion-body .category-list li .service-wrap .service-icon svg {
                    width: 30px;
                    height: 30px;
                    margin-right: 16px;
                    fill: var(--theme-color);
                    stroke: var(--theme-color);
                    font-weight: 300;
                }

@media (max-width: 767px) {
    .service-accorion .accordion-collapse .accordion-body .category-list li .service-wrap .service-icon svg {
        width: 35px;
        height: 35px;
    }
}

.service-accorion .accordion-collapse .accordion-body .category-list li .service-wrap .service-content h3 {
    margin-top: -1px;
    font-size: 15px;
    font-weight: 400;
}

@media (max-width: 1199px) {
    .service-accorion .accordion-collapse .accordion-body .category-list li .service-wrap .service-content h3 {
        margin-bottom: 2px !important;
    }
}

.service-accorion .accordion-collapse .accordion-body .category-list li .service-wrap .service-content span {
    display: block;
    margin-bottom: -3px;
}

@media (max-width: 991px) {
    .service-accorion .accordion-collapse .accordion-body .category-list li .service-wrap .service-content span {
        font-size: 13px;
    }
}

.details-items .color-image {
    margin: 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) {
    .details-items .color-image {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.details-items .color-image .image-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .details-items .color-image .image-select h5 {
        white-space: nowrap;
    }

    .details-items .color-image .image-select .image-section {
        width: calc(100% - 30px);
        margin-left: 10px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .details-items .color-image .image-select .image-section li {
            width: 60px;
            height: 60px;
            margin-right: 10px;
            overflow: hidden;
            border-radius: 5px;
            -webkit-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
        }

            .details-items .color-image .image-select .image-section li.active {
                -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4);
                box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4);
            }

.details-items .details-image {
    position: relative;
}

    .details-items .details-image .product-image-tag {
        position: relative;
    }

        .details-items .details-image .product-image-tag img {
            border-radius: 5px;
            height: 100%;
            position: relative;
        }

        .details-items .details-image .product-image-tag .label-tag {
            position: absolute;
            bottom: 10px;
            right: 0;
            border-radius: 50px 0 0 50px;
            background-color: #fff;
            display: none;
        }

@media (max-width: 575px) {
    .details-items .details-image .product-image-tag .label-tag {
        display: block;
    }
}

.details-items .details-image .product-image-tag .label-tag h6 {
    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: 8px 10px;
    font-weight: 500;
    font-size: 12px;
}

    .details-items .details-image .product-image-tag .label-tag h6 i {
        font-size: 10px;
        margin: -1px 2px 0 0;
        color: var(--theme-color);
    }

    .details-items .details-image .product-image-tag .label-tag h6 span {
        font-weight: 400;
        border-left: 1px solid #ddd;
        padding-left: 6px;
        margin-left: 6px;
    }

.details-items .degree-section {
    position: relative;
}

    .details-items .degree-section .image-360 {
        position: absolute;
        top: 20px;
        right: 20px;
        -webkit-filter: brightness(0.5);
        filter: brightness(0.5);
        z-index: 1;
        cursor: pointer;
    }

        .details-items .degree-section .image-360.videoplay-box {
            -webkit-filter: contrast(0.5);
            filter: contrast(0.5);
        }

.details-items .details-image-option .play-icon {
    position: relative;
}

    .details-items .details-image-option .play-icon .fa-play {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        color: #0a2647;
        border: 2px solid #0a2647;
        padding: 15px;
        border-radius: 50%;
        font-size: 18px;
    }

.details-items .cloth-details-size {
    position: sticky;
    top: 10px;
}

.part {
    padding: 20px;
    box-shadow: 0 0 20px #0e26471c;
    border-radius: 20px;
}

@media (max-width: 767px) {
    .details-items .cloth-details-size {
        text-align: center;
    }
}

.details-items .cloth-details-size .details-image-concept {
    margin: 15px 0;
}

    .details-items .cloth-details-size .details-image-concept h2 {
        text-transform: uppercase;
        font-size: 24px;
        line-height: 1.2em;
        color: #0e2647;
    }

.details-items .cloth-details-size .rating-number {
    display: inline-block;
    padding: 10px 0 0 0;
    color: #0a2647;
}

    .details-items .cloth-details-size .rating-number h5 {
        font-size: 15px;
        margin: 0;
        padding: 10px;
        border-radius: 5px;
        border: 1px solid rgba(0, 0, 0, 0.1);
    }

        .details-items .cloth-details-size .rating-number h5 .feather {
            width: 15px;
            margin: 0 2px;
            margin-top: -3px;
            fill: #ffa202;
            color: #ffa202;
        }

        .details-items .cloth-details-size .rating-number h5 span {
            font-weight: 300;
            color: #0a2647;
        }

.details-items .cloth-details-size .price-rating {
    padding: 0;
    margin-bottom: 0;
}

    .details-items .cloth-details-size .price-rating li {
        list-style: none;
        display: inline-block;
        margin-right: 10px;
        color: var(--theme-color);
        text-decoration: none;
        font-weight: 600;
        font-size: 20px;
    }

        .details-items .cloth-details-size .price-rating li:nth-child(2) {
            color: #696969;
            text-decoration: line-through;
            font-weight: 300;
            font-size: 15px;
        }

        .details-items .cloth-details-size .price-rating li:nth-child(3) {
            color: #009c00;
            font-weight: 600;
        }

.details-items .cloth-details-size .border-product {
    padding: 20px 0;
    border-top: 0px dashed #ddd;
}

.qty-box .input-group-prepend .quantity-left-minus {
    border-radius: 50px;
    width: 45px;
    height: 45px;
    padding: 8px 10px;
    background-color: #ff8940;
    color: white;
}

.qty-box .input-group-prepend .quantity-right-plus {
    border-radius: 50px;
    width: 45px;
    height: 45px;
    padding: 8px 10px;
    background-color: #ff8940;
    color: white;
}

.qty-box .input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    align-items: center;
}

.re-publish .qty-box .input-group-prepend .quantity-right-plus {
    background-color: #2c75b3;
}

.re-publish .qty-box .input-group-prepend .quantity-left-minus {
    background-color: #2c75b3;
}

.details-items .cloth-details-size .border-product img {
    width: 100%;
    max-width: 75%;
}

@media (max-width: 767px) {
    .details-items .cloth-details-size .border-product img {
        width: 100%;
        max-width: 100%;
    }
}

.details-items .cloth-details-size .timer-5 {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 10px -5px 0;
}

    .details-items .cloth-details-size .timer-5 h5 {
        display: inline-block;
        margin: 5px;
    }

    .details-items .cloth-details-size .timer-5 .timer1 {
        padding: 0;
        width: auto;
        display: inline-block;
    }

        .details-items .cloth-details-size .timer-5 .timer1 .counter {
            display: inline-block;
        }

            .details-items .cloth-details-size .timer-5 .timer1 .counter h5 {
                display: inline-block;
                color: #0a2647;
            }

.details-items .cloth-details-size .progress {
    background-color: #ddd;
    height: 5px;
    width: 70%;
}

@media (max-width: 1199px) {
    .details-items .cloth-details-size .progress {
        width: 75%;
    }
}

@media (max-width: 767px) {
    .details-items .cloth-details-size .progress {
        width: 100%;
    }
}

.details-items .cloth-details-size .progress .progress-bar {
    background-color: var(--theme-color);
}

.details-items .cloth-details-size .image-bundle .bundle-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .details-items .cloth-details-size .image-bundle .bundle-img .image-contain a img {
        max-width: 115px;
        -webkit-box-shadow: 0 0 8px rgba(33, 37, 41, 0.15);
        box-shadow: 0 0 8px rgba(33, 37, 41, 0.15);
    }

    .details-items .cloth-details-size .image-bundle .bundle-img span {
        margin: 0 15px;
    }

.details-items .cloth-details-size .image-bundle .checkbox-details {
    margin-top: 18px;
}

    .details-items .cloth-details-size .image-bundle .checkbox-details .checkbox-list {
        display: block;
        margin-bottom: 10px;
    }

.details-items .cloth-details-size .cloth-size h5 {
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 4px;
}

.details-items .cloth-details-size .cloth-size .choose-size {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -10px;
}

    .details-items .cloth-details-size .cloth-size .choose-size li {
        list-style: none;
        border-radius: 5px;
        font-size: 15px;
        border: 1px solid rgba(33, 37, 41, 0.2);
        margin: 10px;
        width: 100%;
        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;
    }

        .details-items .cloth-details-size .cloth-size .choose-size li 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;
            color: #0a2647;
            text-decoration: none;
            width: 40px;
            height: 40px;
            font-size: 13px;
        }

        .details-items .cloth-details-size .cloth-size .choose-size li:hover a {
            font-weight: bold;
        }

.details-items .cloth-details-size .cloth-timer {
    height: 50px;
    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;
    color: #0a2647;
    background-color: #eaeaea;
}

    .details-items .cloth-details-size .cloth-timer h4 {
        font-size: calc(13px + (15 - 13) * ((100vw - 300px) / (1600 - 300)));
    }

    .details-items .cloth-details-size .cloth-timer #time-date {
        border-right: 1px solid rgba(0, 0, 0, 0.2);
        bottom: 0;
        right: 0;
        font-size: calc(13px + (15 - 13) * ((100vw - 300px) / (1600 - 300)));
        display: inline-block;
        margin: 0;
        font-weight: 500;
    }

.details-items .cloth-details-size .cloth-color .dropdown-color {
    border-radius: 5px;
    padding: 9px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
    font-weight: 400;
    background-color: white;
}

    .details-items .cloth-details-size .cloth-color .dropdown-color:focus-visible {
        outline: none;
    }

    .details-items .cloth-details-size .cloth-color .dropdown-color option {
        color: #0a2647;
    }

.details-items .cloth-details-size .cloth-color .counter-1 {
    width: 100%;
    text-align: center;
    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;
}

    .details-items .cloth-details-size .cloth-color .counter-1 input {
        width: 100px;
        height: 40px;
        border: 0;
        line-height: 30px;
        font-size: 20px;
        text-align: center;
        background: #fff;
        margin: 0px 5px;
        color: #0a2647;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        outline: 0;
    }

    .details-items .cloth-details-size .cloth-color .counter-1 span {
        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: 25px;
        width: 40px;
        height: 40px;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: #696969;
        border-radius: 5px;
    }

        .details-items .cloth-details-size .cloth-color .counter-1 span .feather {
            color: #fff;
            width: 20px;
            stroke-width: 2.5px;
        }

.details-items .cloth-details-size .cloth-color .wise-list {
    width: 40px;
    height: 40px;
    border-radius: 5px;
    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-left: auto;
    border: 1px solid var(--theme-color);
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

    .details-items .cloth-details-size .cloth-color .wise-list:hover {
        border: 1px solid var(--theme-color);
        background-color: var(--theme-color);
    }

        .details-items .cloth-details-size .cloth-color .wise-list:hover .feather {
            fill: var(--theme-color);
            color: white;
            stroke-width: 3px;
        }

    .details-items .cloth-details-size .cloth-color .wise-list .feather {
        width: 20px;
        -webkit-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }

.details-items .cloth-details-size .cart-button .buy-cart {
    background-color: var(--theme-color);
    width: 100%;
    height: 100%;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    font-size: calc(13px + (16 - 13) * ((100vw - 320px) / (1600 - 320)));
    border: none;
    padding: 0;
}

    .details-items .cloth-details-size .cart-button .buy-cart .fa-shopping-cart {
        margin-top: -1px;
    }

.details-items .cloth-details-size .cart-button .add-cart {
    background-color: #fff;
    width: 100%;
    height: calc(40px + (50 - 40) * ((100vw - 320px) / (1600 - 320)));
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-size: calc(13px + (16 - 13) * ((100vw - 320px) / (1600 - 320)));
    padding: 0;
}

    .details-items .cloth-details-size .cart-button .add-cart h6 {
        font-weight: 400;
    }

.details-items .cloth-details-size .pay-option {
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .details-items .cloth-details-size .pay-option li {
        list-style: none;
        width: 60px;
        height: 60px;
        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;
    }

        .details-items .cloth-details-size .pay-option li a {
            color: gray;
            font-size: 30px;
            margin: 0;
            padding: 0;
            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;
            text-decoration: none;
        }

.details-items .cloth-details-size .share-it {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    position: absolute;
    top: 0;
    right: 0;
}

    .details-items .cloth-details-size .share-it button {
        display: inline-block;
        color: #c6c9cc;
        cursor: pointer;
        background-color: #ececec;
        border: none;
        padding: 6px 12px;
        border-radius: 4px;
    }

        .details-items .cloth-details-size .share-it button .feather {
            width: 18px;
            color: #0a2647;
        }

    .details-items .cloth-details-size .share-it .share-option {
        padding: 0;
    }

        .details-items .cloth-details-size .share-it .share-option li {
            list-style: none;
            margin-right: 20px;
        }

            .details-items .cloth-details-size .share-it .share-option li a {
                color: #0a2647;
                font-size: 20px;
            }

                .details-items .cloth-details-size .share-it .share-option li a:hover {
                    color: #696969;
                }

.cloth-review .nav-tabs {
    -ms-flex-wrap: initial;
    flex-wrap: initial;
    overflow-x: auto;
    overflow-y: hidden;
    border-bottom: 0px solid #ced4da;
    padding: 10px;
    background-color: #eff2f7;
    border-radius: 15px;
    justify-content: center;
}

.main-rate svg {
    color: #f8b84e !important;
    width: 16px;
}

.cloth-review .nav-tabs .nav-link {
    color: #0a2647;
    border-bottom: 4px solid transparent;
    padding: 15px 20px;
    font-size: 19px;
    font-weight: 600;
    margin-right: 20px;
    white-space: nowrap;
    font-family: "Almarai";
}

@media (max-width: 575px) {
    .cloth-review .nav-tabs .nav-link {
        margin-right: 0;
    }
}

.cloth-review .nav-tabs .nav-link:hover {
    border-top-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
    border-bottom: 4px solid var(--theme-color);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.cloth-review .nav-tabs .nav-link.active {
    border-top-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
    border-bottom: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    color: #ffffff;
    background-color: #0a2647;
    border-radius: 10px;
}

.cloth-review .shipping-chart {
    padding-bottom: 5px;
    padding: 0;
}

    .cloth-review .shipping-chart li {
        font-size: 15px;
        list-style: none;
        color: #696969;
        padding: 0;
        margin: 10px 0;
        display: block;
    }

.cloth-review .tab-pane {
    padding-top: 30px;
}

    .cloth-review .tab-pane .customer-review-box h4 {
        margin-bottom: 0px;
    }

    .cloth-review .tab-pane .customer-review-box .customer-section {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 30px 0 15px;
    }

    .cloth-review .tab-pane .customer-review-box {
        border-bottom: 1px solid rgba(206, 212, 218, 0.7);
    }


.customer-review-box .btn {
    font-size: 15px !important;
    background-color: var(--theme-color);
    padding: 10px 11px;
    border-radius: 6px !important;
    color: #fff !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: almarai;
}

.cloth-review .tab-pane .customer-review-box .customer-section .customer-profile {
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 28px;
}

.cloth-review .tab-pane .customer-review-box .customer-section .customer-details {
    width: calc(100% - 30px);
}

    .cloth-review .tab-pane .customer-review-box .customer-section .customer-details h5 {
        font-weight: 500;
    }

    .cloth-review .tab-pane .customer-review-box .customer-section .customer-details p {
        line-height: 1.4;
    }

    .cloth-review .tab-pane .customer-review-box .customer-section .customer-details .date-custo {
        margin-top: 15px;
        font-size: 14px;
    }

.cloth-review .tab-pane .customer-rating .rating-progess {
    margin-top: 21px;
}

    .cloth-review .tab-pane .customer-rating .rating-progess li {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 20px;
    }

        .cloth-review .tab-pane .customer-rating .rating-progess li .progress {
            width: 100%;
            border-radius: 8px;
            height: 12px;
        }

            .cloth-review .tab-pane .customer-rating .rating-progess li .progress .progress-bar {
                background-color: #ffa202;
            }

        .cloth-review .tab-pane .customer-rating .rating-progess li h5 {
            margin: 0;
            white-space: nowrap;
            color: #0a2647;
            font-size: 14px;
        }

.cloth-review .tab-pane .table-pane tr.bg-color {
    background-color: #eff2f7;
}

.cloth-review .tab-pane .pro .table-part {
    margin-top: 25px;
}

    .cloth-review .tab-pane .pro .table-part tr {
        color: #8e95a7;
    }

        .cloth-review .tab-pane .pro .table-part tr th {
            border: 1px solid #ced4da;
            background-color: #eff2f7;
            font-weight: 600;
            padding: 12px 15px !important;
            white-space: nowrap;
            font-size: 18px;
        }

        .cloth-review .tab-pane .pro .table-part tr td {
            border: 1px solid #ced4da;
            text-align: left;
            padding: 12px 15px !important;
            white-space: nowrap;
            font-size: 19px;
            font-weight: 600;
            color: #0e2647;
        }

.cloth-review .tab-pane .question-answer ul li .que {
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 0;
}

    .cloth-review .tab-pane .question-answer ul li .que .fa-question {
        margin-right: 15px;
        font-size: 19px;
        color: var(--theme-color);
        width: 38px;
        height: 38px;
        border-radius: 100%;
        border: 1px solid #ced4da;
        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;
    }

    .cloth-review .tab-pane .question-answer ul li .que .que-details {
        width: 100%;
    }

        .cloth-review .tab-pane .question-answer ul li .que .que-details h6 {
            font-weight: 600;
            text-transform: capitalize;
            letter-spacing: 0;
            display: block;
            width: 100%;
            color: #0e2647;
            font-size: 20px;
            line-height: 1;
            margin-left: 10px;
        }

        .cloth-review .tab-pane .question-answer ul li .que .que-details p {
            margin-bottom: 0;
            line-height: 1.6;
            letter-spacing: 0;
            font-size: 18px;
            margin-top: 15px;
            font-weight: 600;
            color: #2c74b3 !important;
        }

.question-answer ul {
    display: flex;
    flex-wrap: wrap;
}

.text-dark {
    color: #0e2647 !important;
}

.question-answer li {
    min-width: 20%;
    background-color: #eff2f7;
    border-radius: 10px;
    margin-bottom: 14px;
    padding: 20px;
    flex-grow: 1;
    margin: 10px 10px;
}

.cloth-review .tab-pane .speci-list {
    display: block;
    margin-bottom: 28px;
}

    .cloth-review .tab-pane .speci-list h6 {
        font-weight: 500;
    }

        .cloth-review .tab-pane .speci-list h6 span {
            font-weight: 400;
        }

.cloth-review .tab-pane p {
    margin-bottom: 0;
    line-height: 1.8;
    letter-spacing: 0.05em;
    font-size: 16px;
    color: #6d6d6d;
}

.cloth-review .tab-pane .submit-button {
    background-color: var(--theme-color);
    color: #fff;
    font-weight: bold;
}

.cloth-review .tab-pane table tbody tr th {
    padding: 1.2rem 0.5rem !important;
    font-weight: 400;
    white-space: nowrap;
}

.cloth-review .tab-pane table tbody tr td {
    padding: 1.2rem 0.5rem;
    white-space: nowrap;
    text-align: center;
}

.cloth-review .review-box .form-control:focus {
    border-color: #eff3f7 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.part {
    margin-bottom: calc(0px + (20 - 0) * ((100vw - 320px) / (1920 - 320)));
}

    .part .inner-title {
        font-weight: 600;
        text-transform: capitalize;
        font-size: 18px;
        border-bottom: 1px dashed #cdd5e3;
        padding-bottom: 15px;
    }

.border-b-1 {
    border-bottom: 1px dashed #cdd5e3;
    padding-bottom: 15px;
    margin-top: 13px;
}

    .border-b-1:last-child {
        border-bottom: 0px dashed #cdd5e3;
    }

.custome-modal .modal-content {
    border-radius: 10px;
}

    .custome-modal .modal-content .modal-header {
        padding: 0;
    }

        .custome-modal .modal-content .modal-header button {
            position: absolute;
            top: 10px;
            right: 10px;
            margin: 0;
            z-index: 1;
            opacity: 1;
            color: #fff;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

    .custome-modal .modal-content .modal-body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-line-pack: center;
        align-content: center;
    }

        .custome-modal .modal-content .modal-body .share-it {
            padding: 0;
            margin: 0;
        }

            .custome-modal .modal-content .modal-body .share-it li {
                list-style: none;
                display: block;
            }

                .custome-modal .modal-content .modal-body .share-it li + li {
                    margin-top: 30px;
                }

                .custome-modal .modal-content .modal-body .share-it li a {
                    text-decoration: none;
                    color: #0a2647;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-line-pack: center;
                    align-content: center;
                }

                    .custome-modal .modal-content .modal-body .share-it li a p {
                        margin-bottom: 0;
                    }

                    .custome-modal .modal-content .modal-body .share-it li a i {
                        margin-right: 10px;
                        stroke-width: 1px;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        line-height: 1.5;
                        -ms-flex-line-pack: center;
                        align-content: center;
                    }

.recently-purchase {
    background: #fff;
    max-width: 400px;
    border: 0;
    border-radius: 0;
    bottom: -200px;
    left: 10px;
    padding: 12px;
    position: fixed;
    text-align: left;
    width: auto;
    z-index: 7;
    -webkit-box-shadow: 0 0 4px 0 rgba(33, 37, 41, 0.2);
    box-shadow: 0 0 4px 0 rgba(33, 37, 41, 0.2);
    padding: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

[dir="rtl"] .recently-purchase {
    left: unset;
    right: 10px;
}

@media (max-width: 360px) {
    .recently-purchase {
        left: 0;
        margin: 0 13px;
    }
}

.recently-purchase.show {
    bottom: 10px;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

@media (max-width: 767px) {
    .recently-purchase.show {
        bottom: 80px;
    }
}

@media (max-width: 480px) {
    .recently-purchase.show {
        bottom: 64px;
    }
}

.recently-purchase img {
    width: 22%;
}

.recently-purchase .close-popup {
    position: absolute;
    right: 7px;
    top: 7px;
    opacity: 0.5;
    color: #0a2647;
}

.recently-purchase .media-body {
    padding: 0 20px;
}

    .recently-purchase .media-body h4 {
        font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (1920 - 320)));
        font-weight: 500;
    }

    .recently-purchase .media-body .title {
        font-weight: 600;
    }

    .recently-purchase .media-body .product-name {
        color: var(--theme-color);
        font-size: 12px;
        display: block;
        margin: 2px 0;
    }

    .recently-purchase .media-body .timeAgo {
        display: block;
    }

.stickyCart {
    padding-bottom: 94px;
}

@media (max-width: 575px) {
    .stickyCart {
        padding-bottom: 0;
    }
}

.stickyCart .sticky-bottom-cart {
    bottom: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.stickyCart .recently-purchase.show {
    bottom: 110px;
}

.stickyCart .tap-top {
    bottom: 110px;
}

.outline-button {
    padding: 12px 45px;
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 600;
}

@media (max-width: 767px) {
    .outline-button {
        padding: 12px;
    }
}

.sticky-bottom-cart {
    position: fixed;
    bottom: -160px;
    width: 100vw;
    z-index: 9;
    background-color: #fff;
    padding: 12px 0;
    -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.16);
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.16);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    .sticky-bottom-cart .cart-content {
        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;
    }

@media (max-width: 575px) {
    .sticky-bottom-cart .cart-content {
        display: block;
    }
}

.sticky-bottom-cart .product-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 575px) {
    .sticky-bottom-cart .product-image {
        display: none;
    }
}

.sticky-bottom-cart .product-image img {
    width: 71px;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    margin-right: 13px;
    border-radius: 10px;
}

.sticky-bottom-cart .product-image .content {
    margin-left: 12px;
    color: #0a2647;
    margin-top: 0;
}

.btn-orange {
    background-color: #ff731d;
}

[dir="rtl"] .sticky-bottom-cart .product-image .content {
    margin-left: 0;
    margin-right: 12px;
}

@media (max-width: 991px) {
    .sticky-bottom-cart .product-image .content {
        display: none;
    }
}

@media (max-width: 480px) {
    .sticky-bottom-cart .product-image .content {
        display: block;
    }
}

.sticky-bottom-cart .product-image .content h5,
.sticky-bottom-cart .product-image .content h6 {
    margin-bottom: 0;
}

.sticky-bottom-cart .product-image .content h5 {
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
}

.sticky-bottom-cart .product-image .content h6 {
    font-size: 15px;
    margin-top: 3px;
}

    .sticky-bottom-cart .product-image .content h6 del {
        margin-left: 7px;
    }

    .sticky-bottom-cart .product-image .content h6 span {
        color: var(--theme-deafult);
        margin-left: 5px;
    }

.sticky-bottom-cart .selection-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 10px;
}

@media (max-width: 575px) {
    .sticky-bottom-cart .selection-section {
        display: none;
    }
}

.sticky-bottom-cart .selection-section .form-control {
    background-color: #eff2f7;
    border: 1px solid #eff2f7;
    text-transform: capitalize;
}

    .sticky-bottom-cart .selection-section .form-control:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.sticky-bottom-cart .selection-section .form-group {
    width: 300px;
    margin-left: 10px;
    margin-right: 10px;
}

@media (max-width: 1199px) {
    .sticky-bottom-cart .selection-section .form-group {
        width: 190px;
    }
}

@media (max-width: 767px) {
    .sticky-bottom-cart .selection-section .form-group {
        margin-right: 0;
        width: unset;
    }
}

@media (max-width: 575px) {
    .sticky-bottom-cart .add-btn {
        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;
    }
}

@media (max-width: 575px) {
    .sticky-bottom-cart .add-btn a {
        width: 100%;
        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;
    }
}

.sticky-bottom-cart .add-btn a.wishlist-btn {
    display: none;
    background-color: #eff2f7;
    color: #0a2647;
}

    .sticky-bottom-cart .add-btn a.wishlist-btn:hover {
        background-color: var(--theme-color);
        border-color: var(--theme-color);
        color: #fff;
    }

@media (max-width: 575px) {
    .sticky-bottom-cart .add-btn a.wishlist-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

@media (max-width: 575px) {
    .sticky-bottom-cart .add-btn a + a {
        margin-left: 8px;
    }
}

.sticky-bottom-cart .add-btn a i {
    margin-right: 7px;
}

.product-image {
    border-radius: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .product-image:hover .product-details .cart-wrap {
        opacity: 1;
    }

        .product-image:hover .product-details .cart-wrap ul li {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }

            .product-image:hover .product-details .cart-wrap ul li:nth-child(2) {
                -webkit-transition-delay: 0.1s;
                transition-delay: 0.1s;
            }

            .product-image:hover .product-details .cart-wrap ul li:nth-child(3) {
                -webkit-transition-delay: 0.2s;
                transition-delay: 0.2s;
            }

            .product-image:hover .product-details .cart-wrap ul li:nth-child(4) {
                -webkit-transition-delay: 0.3s;
                transition-delay: 0.3s;
            }

            .product-image:hover .product-details .cart-wrap ul li:nth-child(5) {
                -webkit-transition-delay: 0.4s;
                transition-delay: 0.4s;
            }

    .product-image img {
        width: 80px;
        height: 90px;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .product-image .product-details {
        margin-left: 15px;
        overflow: hidden;
        position: relative;
    }

        .product-image .product-details .cart-wrap {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            width: 100%;
            height: 100%;
            left: 0;
            background-color: #fff;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding-left: 20px;
            opacity: 0;
            -webkit-transition: 0.4s ease;
            transition: 0.4s ease;
        }

            .product-image .product-details .cart-wrap ul li {
                opacity: 0;
                -webkit-transform: translateY(40px);
                transform: translateY(40px);
                -webkit-transition: 0.4s ease;
                transition: 0.4s ease;
            }

                .product-image .product-details .cart-wrap ul li + li {
                    margin-left: 10px;
                }

                .product-image .product-details .cart-wrap ul li a .feather {
                    width: 20px;
                }

        .product-image .product-details a {
            color: #0a2647;
        }

            .product-image .product-details a h3 {
                font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin: 4px 0 0;
            }

        .product-image .product-details h4 {
            font-size: calc(15px + (16 - 15) * ((100vw - 320px) / (1920 - 320)));
        }

            .product-image .product-details h4 span {
                margin-left: 10px;
            }

[dir="rtl"] .product-image .product-details h4 span {
    margin-left: unset;
    margin-right: 10px;
}

.product-image + .product-image {
    margin-top: 30px;
}

.wrapper {
    text-align: center;
    color: #696969;
    overflow: hidden;
}

    .wrapper #threesixty {
        margin: 0 auto;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .wrapper .buttons-wrapper {
        max-width: 120px;
        width: 100%;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .wrapper .buttons-wrapper .button {
            position: relative;
            border: none;
            width: 45px;
            cursor: pointer;
            height: 45px;
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

            .wrapper .buttons-wrapper .button:hover {
                background-color: #0a2647;
                color: #fff;
            }

.compare-table tbody tr th,
.compare-table tbody tr td {
    padding: 12px 20px;
    font-weight: 400;
}

    .compare-table tbody tr td p {
        font-size: 14px;
        line-height: 1.8;
        letter-spacing: 0.9px;
        margin-bottom: 0;
    }

    .compare-table tbody tr td.table-image-section {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .compare-table tbody tr td.table-image-section img {
            width: 100%;
            max-width: 250px;
        }

        .compare-table tbody tr td.table-image-section .image-details {
            margin-left: 20px;
            width: 100%;
        }

            .compare-table tbody tr td.table-image-section .image-details h5 {
                margin: 8px 0;
            }

            .compare-table tbody tr td.table-image-section .image-details p {
                line-height: 10px;
                margin-bottom: 0;
            }

            .compare-table tbody tr td.table-image-section .image-details .btn-solid {
                background-color: var(--theme-color);
                color: #fff;
                padding: 7px 25px;
            }

    .compare-table tbody tr td.product-description {
        width: 500px;
    }

/**=====================
    Coming soon css start
==========================**/
.store-container {
    line-height: 0;
    margin: 0 auto;
    text-align: center;
    width: 32%;
}

@media (max-width: 991px) {
    .store-container {
        width: 40%;
    }
}

@media (max-width: 767px) {
    .store-container {
        width: 60%;
    }
}

@media (max-width: 480px) {
    .store-container {
        width: 80%;
    }
}

@media (max-width: 360px) {
    .store-container {
        width: 100%;
    }
}

.store-container svg {
    overflow: visible;
}

.store-container #toldo {
    -webkit-animation: fadeIn 1s 1.4s ease-in forwards;
    animation: fadeIn 1s 1.4s ease-in forwards;
}

.store-container .grass {
    -webkit-animation: fadeIn 0.5s 1.6s ease-in forwards;
    animation: fadeIn 0.5s 1.6s ease-in forwards;
}

.store-container #window {
    -webkit-animation: fadeIn 0.5s 1.8s ease-in forwards;
    animation: fadeIn 0.5s 1.8s ease-in forwards;
}

.store-container #door {
    -webkit-animation: fadeIn 0.5s 2s ease-in forwards;
    animation: fadeIn 0.5s 2s ease-in forwards;
}

.store-container #sign {
    -webkit-transform-origin: 837px 597px;
    transform-origin: 837px 597px;
    -webkit-animation: pendulum 1.5s 2s ease-in-out alternate;
    animation: pendulum 1.5s 2s ease-in-out alternate;
}

.store-container .trees {
    -webkit-animation: fadeIn 0.5s 2.2s ease-in forwards;
    animation: fadeIn 0.5s 2.2s ease-in forwards;
}

.store-container #browser {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-animation: moveDown 1.5s cubic-bezier(0.77, -0.5, 0.3, 1.5) forwards;
    animation: moveDown 1.5s cubic-bezier(0.77, -0.5, 0.3, 1.5) forwards;
}

.store-container .stroke {
    stroke: var(--theme-color);
    stroke-width: 5;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.store-container .round-end {
    stroke-linecap: round;
}

.store-container #store {
    -webkit-animation: fadeIn 0.8s ease-in;
    animation: fadeIn 0.8s ease-in;
}

.store-container .cat {
    -webkit-transform-origin: 1145px 620px;
    transform-origin: 1145px 620px;
}

.store-container .cat-shadow {
    -webkit-transform-origin: 1115px 625px;
    transform-origin: 1115px 625px;
}

.store-container #store:hover .cat {
    -webkit-animation: catHi 3s 3s cubic-bezier(0.7, -0.5, 0.3, 1.4);
    animation: catHi 3s 3s cubic-bezier(0.7, -0.5, 0.3, 1.4);
}

.store-container #store:hover .cat-shadow {
    -webkit-animation: catShadow 4s 2s cubic-bezier(0.7, -0.5, 0.3, 1.4) alternate;
    animation: catShadow 4s 2s cubic-bezier(0.7, -0.5, 0.3, 1.4) alternate;
}

.store-container .box,
.store-container .parachute {
    -webkit-transform-origin: 430px 100px;
    transform-origin: 430px 100px;
    -webkit-animation: moveBox 14s 4s linear forwards infinite;
    animation: moveBox 14s 4s linear forwards infinite;
}

.store-container .parachute {
    -webkit-animation: parachute 14s 4s linear forwards infinite;
    animation: parachute 14s 4s linear forwards infinite;
}

.store-container .tshirt {
    -webkit-animation: fadeInOut 42s 10s ease-in forwards infinite;
    animation: fadeInOut 42s 10s ease-in forwards infinite;
}

.store-container .cap {
    -webkit-animation: fadeInOut 42s 24s ease-in forwards infinite;
    animation: fadeInOut 42s 24s ease-in forwards infinite;
}

.store-container .ball {
    -webkit-animation: fadeInOut 42s 38s ease-in forwards infinite;
    animation: fadeInOut 42s 38s ease-in forwards infinite;
}

.store-container #text,
.store-container #button {
    -webkit-animation: fadeIn 1s 5s ease-in forwards;
    animation: fadeIn 1s 5s ease-in forwards;
}

.store-container .sky-circle {
    -webkit-animation: fadeInOut 10s 5s ease-in infinite;
    animation: fadeInOut 10s 5s ease-in infinite;
}

.store-container .sky-circle2 {
    -webkit-animation: fadeInOut 12s 30s ease-in infinite;
    animation: fadeInOut 12s 30s ease-in infinite;
}

.store-container .sky-circle3 {
    -webkit-animation: fadeInOut 8s 40s ease-in infinite;
    animation: fadeInOut 8s 40s ease-in infinite;
}

.store-container .cloud {
    -webkit-animation: clouds 50s linear backwards infinite;
    animation: clouds 50s linear backwards infinite;
}

.store-container .cloud2 {
    -webkit-animation: clouds 40s 40s linear backwards infinite;
    animation: clouds 40s 40s linear backwards infinite;
}

.store-container .plane {
    -webkit-animation: clouds 30s linear backwards infinite;
    animation: clouds 30s linear backwards infinite;
    will-change: transform;
}

.store-container #toldo,
.store-container .grass,
.store-container #window,
.store-container #door,
.store-container .trees,
.store-container .cat,
.store-container .cat-shadow,
.store-container .box,
.store-container .parachute,
.store-container .tshirt,
.store-container .cap,
.store-container .ball,
.store-container #text,
.store-container #button,
.store-container .sky-circle,
.store-container .sky-circle2,
.store-container .sky-circle3 {
    opacity: 0;
}

.coming-soon-content {
    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;
    height: 100%;
    text-align: center;
}

    .coming-soon-content h1 {
        font-size: calc(25px + (45 - 25) * ((100vw - 320px) / (1920 - 320)));
        color: #0a2647;
        margin-bottom: 16px;
    }

    .coming-soon-content p {
        color: #7e7e7e;
        font-size: 16px;
        max-width: 80%;
        line-height: 1.5;
        margin: 0 auto 16px;
    }

@media (max-width: 360px) {
    .coming-soon-content p {
        max-width: 100%;
    }
}

.coming-soon-content .form-control {
    max-width: 80%;
    margin: 0px auto;
}

@media (max-width: 360px) {
    .coming-soon-content .form-control {
        max-width: 100%;
    }
}

/**=====================
     responsive css start
==========================**/
@media (min-width: 1430px) {
    .container {
        max-width: 1400px;
    }
}

.details-image-1 img {
    border-radius: 10px;
}

.details-image-vertical img {
    border-radius: 10px;
}

.tooltip-inner {
    font-family: Almarai;
    background-color: #0a2647;
}

.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
    border-top-color: #0a2647;
}

.model-details2 {
    text-align: center;
    font-size: 18px;
    color: #607588;
    line-height: 28px;
    margin-bottom: 22px;
}

.checkout-card.user-sell {
    box-shadow: unset !important;
}

    .checkout-card.user-sell img {
        width: 170px;
        border-radius: 10px;
        margin-right: 20px !important;
    }

.list-group-item {
    color: #0e2647;
}

.location-div {
    padding: 24px;
    border-radius: 15px;
    margin-top: 28px;
    background-color: #fafafb;
}

.custome-radio-box {
    cursor: pointer;
}

.seller-avatar {
    border-radius: 30px;
    margin-bottom: 27px;
    width: 130px;
}

.icon-con .ico-link {
    opacity: 0;
    font-size: 28px;
    color: #1f1e1e;
    will-change: transform;
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    line-height: 10px;
}

.btn_wrap.btn-share {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    cursor: pointer;
    width: 230px;
    height: 60px;
    background-color: #eeeeed;
    border-radius: 80px;
    padding: 0 18px;
    will-change: transform;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    margin: auto;
    margin-top: 20px;
}

    .btn_wrap.btn-share:hover {
        /* transition-delay: .4s; */
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

.btn-h {
    position: absolute;
    z-index: 99;
    width: 230px;
    height: 60px;
    border-radius: 80px;
    font-size: 20px;
    text-align: center;
    line-height: 58px;
    letter-spacing: 0px;
    color: #eeeeed;
    background-color: #0e2647;
    padding: 0 18px;
    -webkit-transition: all 1.2s ease;
    transition: all 1.2s ease;
}

.icon-con {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 230px;
    height: 60px;
    border-radius: 80px;
}

    .icon-con .ico-link:nth-of-type(1) {
        -webkit-transition-delay: 1.1s;
        transition-delay: 1.1s;
    }

    .icon-con .ico-link:nth-of-type(2) {
        -webkit-transition-delay: 0.9s;
        transition-delay: 0.9s;
    }

    .icon-con .ico-link:nth-of-type(3) {
        -webkit-transition-delay: 0.7s;
        transition-delay: 0.7s;
    }

    .icon-con .ico-link:nth-of-type(4) {
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s;
    }

.btn_wrap:hover span {
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
}

.btn_wrap:hover .ico-link {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.radio-btn-la {
    background-color: #eff2f7;
    border-radius: 20px;
    padding: 17px 17px;
}

    .radio-btn-la .form-check-label {
        font-size: 18px;
        font-weight: 600;
    }

.form-check-input {
    width: 2em;
    height: 2em;
}

.radio-btn-la .custome-radio-box .form-check-input {
    margin-right: 8px;
    margin-top: 0px;
}

#upload-photo .wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

#upload-photo .box {
    display: block;
    position: relative;
    min-width: 200px;
    margin: 10px;
    background-color: white;
    border-radius: 10px;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    overflow: hidden;
}

#upload-photo .upload-options {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    text-align: center;
    transition: background-color ease-in-out 150ms;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0;
}

    #upload-photo .upload-options:hover {
        background-color: #7fb1b3;
    }

    #upload-photo .upload-options input {
        width: 0.1px;
        height: 0.1px;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        z-index: -1;
    }

    #upload-photo .upload-options label {
        display: flex;
        align-items: center;
        width: 100%;
        height: 100%;
        font-weight: 400;
        text-overflow: ellipsis;
        white-space: nowrap;
        cursor: pointer;
        overflow: hidden;
    }

        #upload-photo .upload-options label span {
            display: inline-block;
            width: 50%;
            height: 100%;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            vertical-align: middle;
            text-align: center;
        }

            #upload-photo .upload-options label span:hover i.material-icons {
                color: lightgray;
            }

#upload-photo .js--image-preview {
    height: 200px;
    width: 100%;
    position: relative;
    overflow: hidden;
    background-image: url("");
    background-color: #eff2f7;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

    #upload-photo .js--image-preview::after {
        content: "";
        background-image: url(../images/camera.png);
        width: 50px;
        height: 50px;
        position: absolute;
        font-size: 52px;
        color: #d5d7e5;
        background-repeat: no-repeat;
        top: 41%;
        left: 33%;
        z-index: 0;
    }

    #upload-photo .js--image-preview.js--no-default::after {
        display: none;
    }

    #upload-photo .js--image-preview:nth-child(2) {
        background-image: url("http://bastianandre.at/giphy.gif");
    }

#upload-photo i.material-icons {
    transition: color 100ms ease-in-out;
    font-size: 2.25em;
    line-height: 55px;
    color: white;
    display: block;
}

#upload-photo .drop {
    display: block;
    position: absolute;
    background: rgba(95, 158, 160, 0.2);
    border-radius: 100%;
    transform: scale(0);
}

#upload-photo .animate {
    -webkit-animation: ripple 0.4s linear;
    animation: ripple 0.4s linear;
}

@-webkit-keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(2.5);
    }
}

@keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(2.5);
    }
}

.add-custome-search {
    position: relative !important;
}

    .add-custome-search a {
        position: absolute;
        top: 3px;
        right: 10px;
    }

.tags-input-wrapper {
    background: #eff2f7;
    padding: 17px;
    display: flex;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 12px;
    flex-wrap: wrap;
}

    .tags-input-wrapper input {
        border: none;
        background: transparent;
        outline: none;
        width: 100%;
        margin-right: 8px;
    }

    .tags-input-wrapper .tag {
        background-color: #10345a;
        color: white;
        border-radius: 40px;
        padding: 4px 32px 4px 11px;
        margin-left: 5px;
        margin-bottom: 5px;
        box-shadow: 0 5px 20px -2px rgb(16 52 91 / 26%);
        display: inline-flex;
        position: relative;
    }

        .tags-input-wrapper .tag a {
            margin: 0 7px 3px;
            display: inline-block;
            cursor: pointer;
        }

.text-20 {
    font-size: 20px;
}

.btn-form .button.login {
    margin: auto;
    position: relative;
    text-align: center;
    display: block;
    max-width: 300px;
}

.flex-wrab {
    flex-wrap: wrap;
}

.div-profile {
    margin-bottom: 20px;
}

    .div-profile .img-profile img {
        width: 100px;
        height: 100px;
        max-width: 100px;
        border-radius: 50%;
        object-fit: cover;
    }

.btns-collection {
    display: flex;
    align-items: center;
}

.delate-b {
    background-color: #ff731d;
    padding: 10px;
    color: #fff;
    border-radius: 36px;
    cursor: pointer;
}

    .delate-b:hover {
        color: #fff;
    }

    .delate-b svg {
        width: 20px;
        height: 20px;
    }

.edit-b {
    background-color: transparent;
    padding: 7px;
    border-radius: 36px;
    border: 2px solid #ff731d;
    color: #ff731d;
    width: 42px;
    height: 42px;
    margin-right: 5px;
    cursor: pointer;
}

    .edit-b:hover {
        color: #fff;
        background-color: #ff731d;
    }

    .edit-b svg {
        width: 20px;
        height: 20px;
    }

.save-address h6 {
    font-size: 15px;
    color: #3c81b9;
    font-weight: 600;
    font-size: 15px;
}

.save-details-box .save-details .button a.btn-o {
    background-color: #ff731d;
}

.save-details-box .save-details .button a.btn-l {
    width: 100%;
    margin: 5px;
    background: rgb(44, 116, 179);
    background: linear-gradient(-90deg, rgba(44, 116, 179, 1) 0%, rgba(10, 38, 71, 1) 100%);
    color: #ffffff;
    min-width: 200px;
}

.save-details-box .save-details .button svg {
    width: 16px !important;
}

.save-details-box .save-details .save-position.stutes-o {
    background-color: #2666a094;
    top: -4px;
    right: 3px;
    border-radius: 20px;
    padding: 5px 23px;
}

.save-details-box .save-details .save-position.stutes-win {
    background-color: #a9dbc2;
    color: #499f74;
}

.save-details-box .save-details .save-position.stutes-prog {
    background-color: #ffe9dc;
    color: #ff731d;
}

.save-details-box .save-details .save-position.stutes-lose {
    background-color: #ffd2d2;
    color: #ff0000;
}

.btn.btn-gray {
}

.modal-body .button a.no-btn {
    max-width: 300px;
    position: relative;
    background-color: transparent;
    background: unset;
    color: #377ab3;
    border: 2px solid #377ab3;
    margin-left: 10px;
}

#phone {
    direction: rtl !important;
}

/*******notifications**********/

.notifications {
    position: relative;
    padding: 60px 0;
    direction: ltr;
    text-align: left;
}

    .notifications .msg {
        position: relative;
        background-color: #eff2f7;
        padding: 22px 15px;
        margin-bottom: 20px;
        padding-right: 38px;
        border: 0;
        overflow: hidden;
        padding-left: 62px;
        border-radius: 12px;
        transition: 0.5s ease;
    }

        .notifications .msg.active,
        .notifications .msg:hover {
            background-color: #2c75b3;
            border: 0;
            box-shadow: none;
        }

    .notifications .box--delete {
        position: absolute;
        right: -1px;
        bottom: 0;
        padding: 4px 6px;
        background: #2c75b3;
        color: #d3d3d3;
        border-radius: 18px 0 0 0;
        font-size: 16px;
        text-align: center;
        width: 38px;
        height: 36px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }

    .notifications .msg.active .box--delete,
    .notifications .msg:hover .box--delete {
        background: #133b64;
    }

    .notifications .msg .msg-text span.date-span {
        font-size: 13px;
        font-weight: 600;
        position: absolute;
        right: 14px;
        top: 8px;
        line-height: 16px;
    }

    .notifications .msg img {
        width: 70px;
        margin-right: 10px;
        border-radius: 10px;
    }

    .notifications .msg .msg-text {
        margin: 0 auto;
        width: 100%;
    }

        .notifications .msg .msg-text h5 {
            margin-bottom: 8px;
            font-weight: 600;
            font-size: 18px;
        }

        .notifications .msg .msg-text p {
            font-size: 16px;
            line-height: 20px;
            vertical-align: middle;
            margin-bottom: 4px;
        }

            .notifications .msg .msg-text p:last-of-type {
                margin-bottom: 0;
            }

    .notifications .msg .box-icon {
        left: 15px;
        font-size: 18px;
        top: 20px;
        background: #2c75b3;
        width: 32px;
        line-height: 18px;
        text-align: center;
        display: flex;
        height: 32px;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        position: absolute;
        color: #d3d3d3;
    }

    .notifications .msg .msg-text .box--delete {
        z-index: 3;
        cursor: pointer;
    }

        .notifications .msg .msg-text .box--delete span.date-span {
            font-size: 16px;
            cursor: pointer;
        }

    .notifications .msg .link-notification {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 3;
    }

    .notifications .msg .msg-text .date-span-2 {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 5px;
        display: block;
    }

    .notifications .msg.active .box-icon,
    .notifications .msg:hover .box-icon {
        background: #133b64;
    }

    .notifications .msg.active .msg-text h5,
    .notifications .msg:hover .msg-text h5 {
        color: #f5fbfb;
    }

    .notifications .msg.active .msg-text p a,
    .notifications .msg:hover .msg-text p a {
        color: #f5fbfb !important;
    }

    .notifications .msg.active .msg-text span.date-span,
    .notifications .msg:hover .msg-text span.date-span {
        color: #f5fbfb;
    }

@media only screen and (max-width: 575px) {
    .notifications .msg .msg-text h5 {
        margin-bottom: 4px;
        font-size: 13px;
        line-height: 1.5;
    }

    .notifications .msg .msg-text p {
        font-size: 12px;
    }

    .notifications .msg .msg-text span.date-span {
        font-size: 11px;
    }
}

.text-red {
    color: red !important;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: #2c75b3;
}

.list-filter li a {
    display: flex;
    align-items: center;
}

    .list-filter li a img {
        margin-right: 5px;
    }

.rating li svg {
    color: #a6bcce;
    width: 20px;
}

.rating li.y-color svg {
    color: #f8b84e !important;
    width: 20px;
}

.accordion-item.category-rating.sub-cat-tittle {
    padding: 10px;
}

    .accordion-item.category-rating.sub-cat-tittle .accordion-button {
        border-radius: 0;
        background-color: transparent;
        padding-left: 13px;
        padding: 0 10px 0px 10px;
    }

.filter-2 {
    padding: 20px;
    background-color: #eff2f7;
    border: none;
    color: #0e2647;
    border-radius: 15px;
}

    .filter-2 li {
        display: block;
        margin: 10px 0;
    }

.g-btns {
    gap: 10px;
}

.filter-2 .form-control {
    background-color: #e7ebf1;
}

.filter-2 .custome-form-select {
    background-color: #e7ebf1;
}

.check-lar {
    text-align: left;
    font-size: 20px;
    padding: 0;
    line-height: 1.4;
    width: 100%;
}

.check-m {
    align-items: center;
    padding: 20px;
    background-color: #eff2f7;
    border-radius: 20px;
    border: 1px solid #a6bcce;
}

.check-lar span {
    text-align: left;
    font-size: 15px;
    font-weight: 400 !important;
    color: #a6bcce;
}

.steps ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.steps ul {
    list-style-type: none;
}

.t-step {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column-reverse;
    margin: 0 5px;
    min-width: 105px;
}

.steps {
    padding-bottom: 60px;
    min-height: 550px;
}

#shadow-host-companion {
    padding: 0 !important;
}

.steps ul {
    justify-content: space-between;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    -o-justify-content: space-between;
    -ms-justify-content: space-between;
    position: relative;
}

    .steps ul li {
        position: relative;
        z-index: 9;
    }

        .steps ul li a {
            text-decoration: none;
            color: #fff;
        }

    .steps ul .current .title-number {
        font-size: 16px;
        color: #2c75b3;
        border: 2px dashed #2c75b3;
        background-color: white;
    }

li.done .title-number {
    background-color: #2c75b3;
    color: white;
}

.title span {
    text-align: center;
}

.title-text {
    display: block;
    font-size: 16px;
    font-weight: bold;
    color: black;
    margin: 0;
    margin-top: 6px;
}

.title-number {
    font-size: 13px;
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: #eff2f7;
    color: #8EA5C4;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
    justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -o-justify-content: center;
    -ms-justify-content: center;
    margin: 0 auto;
    align-items: center;
    display: flex;
}

.actions ul {
    width: 100%;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
    justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -o-justify-content: center;
    -ms-justify-content: center;
    list-style-type: none;
    display: flex;
    justify-content: space-between;
}

    .actions ul .disabled {
        display: none;
    }

    .actions ul li {
        margin: 0 5px;
    }

        .actions ul li a {
            padding: 15px 30px;
            text-align: center;
            color: var(--white-color);
            font-size: var(--font-size);
            max-width: 500px;
            -webkit-transition: var(--transition);
            transition: var(--transition);
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-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;
            border-radius: 10px;
            z-index: 0;
            background: #0101ca;
            -webkit-box-shadow: none;
            box-shadow: none;
            overflow: hidden;
            white-space: nowrap;
            border: 0;
            min-width: 200px;
        }

            .actions ul li a:hover {
                background-color: #090909;
            }

.range-input {
    padding: 10px 20px;
    display: flex;
    align-items: center;
    border-radius: 10px;
    justify-content: space-between;
    background-color: #eff2f7;
    border: none;
    border: 1px solid rgb(217, 218, 222);
}

    .range-input input {
        -webkit-appearance: none;
        width: 200px;
        height: 2px;
        background: #0e2647;
        border: none;
        outline: none;
    }

        .range-input input::-webkit-slider-thumb {
            -webkit-appearance: none;
            width: 20px;
            height: 20px;
            background: #eee;
            border: 2px solid #2c75b3;
            border-radius: 50%;
        }

            .range-input input::-webkit-slider-thumb:hover {
                background: #4471ef;
            }

    .range-input .value {
        color: #2c75b3;
        text-align: center;
        font-weight: 600;
        line-height: 40px;
        height: 40px;
        overflow: hidden;
        margin-right: 0;
        font-size: 23px;
    }

        .range-input .value div {
            transition: all 300ms ease-in-out;
        }

#re-publish {
    background-color: #eff2f7;
    border: 1px solid rgb(217, 218, 222);
    border-radius: 20px;
    padding: 0px 15px;
}

    #re-publish .qty-box .input-group .form-control {
        background-color: #eff2f7;
    }

.wa-card {
    background-color: #eff2f7;
    margin-bottom: 20px;
    border-radius: 15px;
    border: 1px solid #eff2f7;
}

    .wa-card .card-wallet {
        border-bottom: 1px solid #d8dde4;
        padding: 15px;
        color: #1f568a;
        font-weight: 600;
    }

.all-wallet {
    background-color: #2c74b3;
    color: white;
    border-radius: 0 0 15px 15px;
    text-align: center;
    font-size: 15px;
    padding: 13px;
    cursor: pointer;
    display: block;
}

    .all-wallet:hover {
        color: white;
    }

.button.login a:hover {
    transform: translate(0, -10px);
}

.trans-details {
    transition: all 0.5s ease-in-out;
    border-radius: 15px;
    background-color: #eff2f7;
    padding: 15px;
}

    .trans-details .save-name {
        text-align: left;
        padding-left: 10px;
    }

        .trans-details .save-name .d-flex h5 {
            width: calc(100% - 76px);
            font-size: 16px;
            line-height: 1.5;
        }

        .trans-details .save-name .d-flex h6 {
            width: 76px;
            text-align: end;
        }

.actions-btns {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
}

    .actions-btns a:hover {
        color: white !important;
        transform: translate(0, -10px);
    }

.trans-details .wallet-img {
    width: 40px;
}

.userr-img {
    border-radius: 10px;
    width: 40px;
}

.btn-red {
    background-color: #ff2626;
}

.edit-btn {
    background-color: #2c74b3;
    padding: 10px 10px;
    width: 42px;
    height: 42px;
    border-radius: 50px;
    color: white;
    font-size: 10px;
}

.delate-btn {
    background-color: #ff731d;
    padding: 10px 10px;
    width: 42px;
    height: 42px;
    border-radius: 50px;
    color: white;
    font-size: 10px;
    margin-left: 10px;
}

.btns-streatch {
    gap: 10px;
}

    .btns-streatch a {
        width: 100%;
    }

.countdown-container {
    display: flex !important;
    flex-direction: row-reverse;
    gap: 5px;
}

.product-box .countdown-container .countdown-box {
    text-align: center;
}

.countdown-container .countdown-box .number {
    font-size: 16px !important;
    font-weight: 600;
    line-height: 20px;
}

.countdown-container .countdown-box span {
    font-size: 12px !important;
}

.min-h-41px {
    min-height: 41px;
}

.date-low {
    min-height: 41px;
}

.preloader img {
    width: 200px !important;
}

.lang-dropdown .dropdown-toggle {
    direction: ltr;
    display: inline-block;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
}

    .lang-dropdown .dropdown-toggle img {
        width: 20px;
        margin-right: 5px;
        vertical-align: middle;
    }

    .lang-dropdown .dropdown-toggle span,
    .lang-dropdown .dropdown-toggle svg {
        vertical-align: middle;
    }

    .lang-dropdown .dropdown-toggle svg {
        margin-left: 4px;
        width: 14px;
        height: 14px;
    }

.lang-dropdown .dropdown-menu {
    width: 120px;
    right: 30px !important;
}

    .lang-dropdown .dropdown-menu .dropdown-item {
        padding: 6px 12px;
        display: flex;
        align-items: center;
    }

        .lang-dropdown .dropdown-menu .dropdown-item img {
            width: 20px;
            margin-right: 5px;
            vertical-align: middle;
        }

.featured-ad .product-details a.font-default h2 {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding-left: 32px;
    height: 44px;
    width: 100%;
    overflow: hidden;
}

    .featured-ad .product-details a.font-default h2::before {
        content: "";
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" version="1.1" width="24" height="24" x="0" y="0" viewBox="0 0 32 32" style="enable-background:new 0 0 512 512" xml:space="preserve"><g><path d="M26.32 9.317a.994.994 0 0 0-.551-.872l-9.32-4.683a1 1 0 0 0-.898 0l-9.32 4.683a.992.992 0 0 0-.551.872c-.043 2.683.395 13.5 9.983 16.758.214.073.459.073.673 0C25.925 22.817 26.363 12 26.32 9.317zm-6.005 4.676-1.498 1.46a.598.598 0 0 0-.172.53l.354 2.061a.599.599 0 0 1-.869.631l-1.851-.973a.597.597 0 0 0-.557 0l-1.851.973a.599.599 0 0 1-.869-.631l.354-2.061a.6.6 0 0 0-.172-.53l-1.498-1.46a.599.599 0 0 1 .332-1.021l2.07-.301a.598.598 0 0 0 .451-.328l.926-1.875a.599.599 0 0 1 1.074 0l.926 1.875a.6.6 0 0 0 .451.328l2.07.301a.599.599 0 0 1 .329 1.021zM25.955 19.615c-.967 1.998-2.292 3.829-4.038 5.322l3.402 3.402 1.27-3.4L30 23.66zM6.045 19.615 2 23.66l3.41 1.28 1.27 3.4 3.402-3.402c-1.745-1.493-3.07-3.324-4.037-5.323z" fill="%23f1be00" data-original="%23000000" opacity="1"/></g></svg>');
        position: absolute;
        background-repeat: no-repeat;
        left: 1px;
        top: 0px;
        width: 24px;
        height: 24px;
    }

.product-box.featured-ad {
    border: 1px solid #f1be00;
    background-color: #fffcfa;
}


    .product-box.featured-ad .product-details h2 {
        color: #f1be00;
    }

/*   .product-box.featured-ad .loc {
        background-color: #fcf2cc;
    }
*/
.product-count ul li.report-this {
    margin-left: auto;
    margin-right: 0;
}

.report-this .report-this-link {
    display: inline-block;
    background-color: #F40000;
    color: #ffffff;
    position: relative;
    padding: 8px 12px;
    z-index: 1;
    transition: all 0.5s;
    border-radius: 10px !important;
    font-weight: bold;
    font-size: 15px;
    text-transform: capitalize;
}

    .report-this .report-this-link svg {
        margin-right: 4px;
    }

    .report-this .report-this-link:hover {
        background-color: #ce0000;
    }

.check-block {
    padding: 10px 14px 12px;
    border: 1px solid #d9dade;
    border-radius: 10px;
}

    .check-block .custome-form-check .form-check-label {
        display: inline-block;
        padding: 0;
        width: 100%;
        vertical-align: middle;
    }

.seller-details .report-this {
    display: inline-flex;
    margin-left: 18px;
}

    .seller-details .report-this .report-this-link {
        height: 55px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 8px 25px;
        border-radius: 50px !important;
    }

.seller-details .btn_wrap.btn-share {
    display: inline-flex;
}

.has-error .help-block {
    color: #ff0000;
    margin-top: 15px;
}


/* Redmond styling for jQuery Calendars Picker v2.0.0. */
.calendars {
    background-color: #fff;
    color: #222;
    border: 1px solid #4297d7;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    border-radius: 0.25em;
    font-family: Arial,Helvetica,Sans-serif;
    font-size: 90%;
}

.calendars-rtl {
    direction: ltr;
}

.calendars-popup {
    z-index: 1060;
}

.calendars-disable {
    position: absolute;
    z-index: 100;
    background-color: white;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.calendars a {
    color: #222;
    text-decoration: none;
}

    .calendars a.calendars-disabled {
        color: #888;
        cursor: auto;
    }

.calendars button {
    margin: 0.25em;
    padding: 0.125em 0em;
    background-color: #5c9ccc;
    color: #fff;
    border: none;
    -moz-border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    border-radius: 0.25em;
    font-weight: bold;
}

.calendars-nav, .calendars-ctrl {
    float: right;
    width: 100%;
    background-color: #fff;
    font-size: 90%;
    font-weight: bold;
}

.calendars-ctrl {
    background-color: #d0e5f5;
}

.calendars-cmd {
    width: 30%;
}

    .calendars-cmd:hover {
        background-color: #dfeffc;
    }

button.calendars-cmd:hover {
    background-color: #79b7e7;
}

.calendars-cmd-prevJump, .calendars-cmd-nextJump {
    width: 8%;
}

a.calendars-cmd {
    height: 1.5em;
}

button.calendars-cmd {
    text-align: center;
}

.calendars-cmd-prev, .calendars-cmd-prevJump, .calendars-cmd-clear {
    float: right;
    padding-right: 2%;
}

.calendars-cmd-current, .calendars-cmd-today {
    float: right;
    width: 35%;
    text-align: center;
}

.calendars-cmd-next, .calendars-cmd-nextJump, .calendars-cmd-close {
    float: left;
    padding-left: 2%;
    text-align: left;
}

.calendars-rtl .calendars-cmd-prev, .calendars-rtl .calendars-cmd-prevJump,
.calendars-rtl .calendars-cmd-clear {
    float: left;
    padding-right: 0%;
    padding-left: 2%;
    text-align: left;
}

.calendars-rtl .calendars-cmd-current, .calendars-rtl .calendars-cmd-today {
    float: left;
}

.calendars-rtl .calendars-cmd-next, .calendars-rtl .calendars-cmd-nextJump,
.calendars-rtl .calendars-cmd-close {
    float: right;
    padding-right: 2%;
    padding-left: 0%;
    text-align: right;
}

.calendars-month-nav {
    float: right;
    text-align: center;
}

    .calendars-month-nav div {
        float: right;
        width: 12.5%;
        margin: 1%;
        padding: 1%;
    }

    .calendars-month-nav span {
        color: #888;
    }

.calendars-month-row {
    clear: right;
}

.calendars-month {
    float: right;
    width: 15em;
    border: 1px solid #5c9ccc;
    text-align: center;
}

.calendars-month-header, .calendars-month-header select, .calendars-month-header input {
    height: 1.5em;
    background-color: #5c9ccc;
    color: #fff;
    font-weight: bold;
}

    .calendars-month-header select, .calendars-month-header input {
        height: 1.4em;
        border: none;
    }

    .calendars-month-header input {
        position: absolute;
        display: none;
    }

.calendars-month table {
    width: 100%;
    border-collapse: collapse;
}

.calendars-month thead {
    border-bottom: 1px solid #aaa;
}

.calendars-month th, .calendars-month td {
    margin: 0em;
    padding: 0em;
    font-weight: normal;
    text-align: center;
}

.calendars-month th {
    border: 1px solid #fff;
    border-bottom: 1px solid #c5dbec;
}

.calendars-month td {
    border: 1px solid #c5dbec;
}

    .calendars-month td.calendars-week * {
        background-color: #d0e5f5;
        color: #222;
        border: none;
    }

.calendars-month a {
    display: block;
    width: 100%;
    padding: 0.125em 0em;
    background-color: #dfeffc;
    color: #000;
    text-decoration: none;
}

.calendars-month span {
    display: block;
    width: 100%;
    padding: 0.125em 0em;
}

.calendars-month td span {
    color: #888;
}

.calendars-month td .calendars-other-month {
    background-color: #fff;
}

.calendars-month td .calendars-today {
    background-color: #fad42e;
}

.calendars-month td .calendars-highlight {
    background-color: #79b7e7;
}

.calendars-month td .calendars-selected {
    background-color: #4297d7;
    color: #fff;
}

.calendars-status {
    clear: both;
    text-align: center;
}

.calendars-clear-fix {
    clear: both;
}

/***
calendars
***/
.uib-timepicker {
    direction: rtl;
}

.calendars-popup {
    z-index: 10061;
}

.calendars {
    border: 1px solid #ddd;
    font-family: 'Droid Arabic Kufi', sans-serif !important;
    box-shadow: 5px 5px rgba(140, 178, 198, 0.2);
    border-radius: 5px;
}

.calendars-nav, .calendars-ctrl {
    background-color: #fff;
    padding: 7px;
    border-radius: 5px;
}

.calendars-cmd:hover {
    background-color: inherit;
}

.calendars-month {
    padding: 0 5px;
    width: 20em;
    border: none;
}

    .calendars-month td {
        border: 1px solid #E9ECF3;
    }

    .calendars-month th {
        border: 1px solid #E9ECF3;
        font-size: 10px;
    }

    .calendars-month a {
        padding: 0px;
        background-color: inherit;
    }

.calendars-month-header .calendars-month-year:first-child {
    width: 100px;
    font-size: 90%;
}

.calendars-month table thead tr th span {
    padding: 5px 0;
    font-weight: 600;
}

.calendars-month-header, .calendars-month-header select, .calendars-month-header input {
    height: 2.5em;
    background-color: #E9ECF3;
    color: #333;
}

.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}

.input-group-btn {
    position: absolute;
    right: 18px;
    top: 5px;
    width: 36px;
    height: 36px;
    padding: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transform: translate(50%, 50%);
}

    .input-group-btn .btn-sm.default {
        padding: 0;
        position: relative;
    }

    .input-group-btn .fa-calendar::after {
        content: "";
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" x="0" y="0" viewBox="0 0 34 34" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M29.6 2h-3v3c0 .6-.5 1-1 1s-1-.4-1-1V2h-16v3c0 .6-.5 1-1 1s-1-.4-1-1V2h-3C2.1 2 1 3.3 1 5v3.6h32V5c0-1.7-1.8-3-3.4-3zM1 10.7V29c0 1.8 1.1 3 2.7 3h26c1.6 0 3.4-1.3 3.4-3V10.7zm8.9 16.8H7.5c-.4 0-.8-.3-.8-.8v-2.5c0-.4.3-.8.8-.8H10c.4 0 .8.3.8.8v2.5c-.1.5-.4.8-.9.8zm0-9H7.5c-.4 0-.8-.3-.8-.8v-2.5c0-.4.3-.8.8-.8H10c.4 0 .8.3.8.8v2.5c-.1.5-.4.8-.9.8zm8 9h-2.5c-.4 0-.8-.3-.8-.8v-2.5c0-.4.3-.8.8-.8h2.5c.4 0 .8.3.8.8v2.5c0 .5-.3.8-.8.8zm0-9h-2.5c-.4 0-.8-.3-.8-.8v-2.5c0-.4.3-.8.8-.8h2.5c.4 0 .8.3.8.8v2.5c0 .5-.3.8-.8.8zm8 9h-2.5c-.4 0-.8-.3-.8-.8v-2.5c0-.4.3-.8.8-.8h2.5c.4 0 .8.3.8.8v2.5c0 .5-.3.8-.8.8zm0-9h-2.5c-.4 0-.8-.3-.8-.8v-2.5c0-.4.3-.8.8-.8h2.5c.4 0 .8.3.8.8v2.5c0 .5-.3.8-.8.8z" fill="%230E2647" opacity="1" data-original="%23000000" class=""></path></g></svg>');
        width: 20px;
        position: absolute;
        height: 20px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-position: center center;
        background-size: contain;
        background-repeat: no-repeat;
    }

.text-right {
    text-align: left;
}

.btn-delete {
    background-color: #da3434;
    color: #fff;
    padding: 8px 14px;
    display: inline-block;
    border-radius: 10px;
}

.modal .btn-box-footer {
    margin-top: 20px;
}

    .modal .btn-box-footer .btn {
        min-width: 130px;
    }

        .modal .btn-box-footer .btn.btn-orange {
            margin-left: 4px;
        }

.help-block {
    font-size: 14px;
    margin-top: 15px;
    color: #ff0000;
}

body {
    padding-left: 0 !important;
}

.modal {
    padding-left: 0 !important;
}

    .modal .form-check-input {
        width: 1em;
        height: 1em;
    }

#bidders .pro-img {
    width: 100px;
    margin-bottom: 10px;
}

#bidders .btn-call {
    padding: 10px 10px;
    margin-left: 2px;
}

.save-details-box .save-details .button .btn-call a {
    width: 100%;
    margin: 0;
}

.save-details-box .save-details .button .btn-call svg {
    width: 24px !important;
}

.ml-2 {
    margin-right: 0.2rem;
}

.form-control.select2-container .select2-choice {
    padding: 0;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    background-image: none;
}

    .form-control.select2-container .select2-choice .select2-arrow {
        border-left: 0;
        border-radius: 0;
        background-image: none;
        background: transparent;
    }

.form-control.select2-dropdown-open .select2-choice {
    box-shadow: none;
}

.form-control.select2-container-active .select2-choice,
.form-control.select2-container-active .select2-choices {
    box-shadow: none;
}

.form-control .select2-drop {
    border: none;
    -webkit-box-shadow: 0 0px 30px rgba(0, 0, 0, .05);
    box-shadow: 0 0px 30px rgba(0, 0, 0, .05);
    padding: 15px 12px;
    border-radius: 5px 5px 12px 12px;
    margin-top: -4px;
    border: 1px solid #e9e9e9;
    border-top: 0;
}

.form-control .select2-drop-active {
    left: 0;
}

.form-control .select2-search input {
    width: 100% !important;
    font-size: 14px;
    padding: 12px;
    font-family: Almarai;
    border-radius: 14px;
    background-color: rgb(239, 242, 247);
    border: 1px solid rgb(217, 218, 222);
    direction: ltr;
    text-align: left;
    margin-bottom: 16px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="25" height="25" x="0" y="0" viewBox="0 0 461.516 461.516" style="enable-background:new 0 0 512 512" xml:space="preserve"><g><path d="M185.746 371.332a185.294 185.294 0 0 0 113.866-39.11L422.39 455c9.172 8.858 23.787 8.604 32.645-.568 8.641-8.947 8.641-23.131 0-32.077L332.257 299.577c62.899-80.968 48.252-197.595-32.716-260.494S101.947-9.169 39.048 71.799-9.204 269.394 71.764 332.293a185.64 185.64 0 0 0 113.982 39.039zM87.095 87.059c54.484-54.485 142.82-54.486 197.305-.002s54.486 142.82.002 197.305-142.82 54.486-197.305.002l-.002-.002c-54.484-54.087-54.805-142.101-.718-196.585l.718-.718z" fill="%238E8E8F" opacity="1" data-original="%23000000"></path></g></svg>');
    background-repeat: no-repeat;
    background-position: 14px center;
    background-size: 20px;
    padding-right: 36px;
}

.form-control .select2-results .select2-highlighted.ui-select-choices-row {
    background: #0a2647;
    color: #fff;
    border-radius: 5px;
}

.form-control .select2-results .ui-select-choices-row {
    padding: 5px 10px 6px;
    background-color: #eff2f7;
    border-radius: 5px;
    color: #000;
}

.steps .form-control ul.select2-result-single {
    -webkit-justify-content: flex-start;
}

.form-control .select2-results li {
    margin-right: 0;
    margin-bottom: 5px;
}

.form-control .ui-select-choices-row:hover {
    background-color: #2c75b3;
    color: #ffffff;
}

.form-control.ui-select-container.select2.direction-up .ui-select-dropdown, .form-control.ui-select-container[theme=select2].direction-up .ui-select-dropdown {
    border-radius: 12px 12px 5px 5px;
    border-top-width: 0;
    border-top-style: solid;
    box-shadow: 0 -4px 30px rgba(0, 0, 0, .05);
    border: 1px solid #e9e9e9;
    border-bottom: 0;
}

.steps .form-control ul {
    display: block;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
    .form-control .select2-search input, .form-control .select2-search-choice-close, .form-control .select2-container .select2-choice abbr, .form-control .select2-container .select2-choice .select2-arrow b {
        background: none;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="25" height="25" x="0" y="0" viewBox="0 0 461.516 461.516" style="enable-background:new 0 0 512 512" xml:space="preserve"><g><path d="M185.746 371.332a185.294 185.294 0 0 0 113.866-39.11L422.39 455c9.172 8.858 23.787 8.604 32.645-.568 8.641-8.947 8.641-23.131 0-32.077L332.257 299.577c62.899-80.968 48.252-197.595-32.716-260.494S101.947-9.169 39.048 71.799-9.204 269.394 71.764 332.293a185.64 185.64 0 0 0 113.982 39.039zM87.095 87.059c54.484-54.485 142.82-54.486 197.305-.002s54.486 142.82.002 197.305-142.82 54.486-197.305.002l-.002-.002c-54.484-54.087-54.805-142.101-.718-196.585l.718-.718z" fill="%238E8E8F" opacity="1" data-original="%23000000"></path></g></svg>') !important;
        background-repeat: no-repeat !important;
        background-position: 14px center !important;
        background-size: 20px !important;
    }
}


/***********************/
/*
.accordion-header,
.accordion-body {
  background: white;
}

.accordion-header {
  padding: 1.5em 1.5em;
  background: #3F51B5;
  color: white;
  cursor: pointer;
  font-size: .7em;
  letter-spacing: .1em;
  transition: all .3s;
  text-transform: uppercase;
}

.accordion__item {
    border-bottom: 1px solid #3a4ba4;
}

.accordion__item .accordion__item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.accordion-header:hover {
  background: #2D3D99;
  position: relative;
  z-index: 5;
}

.accordion-body {
  background: #fcfcfc;
  color: #353535;
  display: none;
}

.accordion-body__contents {
  padding: 1.5em 1.5em;
  font-size: .85em;
}

.accordion__item.active:last-child .accordion-header {
  border-radius: none;
}

.accordion:first-child > .accordion__item > .accordion-header {
  border-bottom: 1px solid transparent;
}

.accordion__item > .accordion-header:after {
  content: "\f3d0";
  font-family: IonIcons;
  font-size: 1.2em;
  float: right;
  position: relative;
  top: -2px;
  transition: .3s all;
  transform: rotate(0deg);
}

.accordion__item.active > .accordion-header:after {
  transform: rotate(-180deg);
}

.accordion__item.active .accordion-header {
  background: #2D3D99;
}

.accordion__item .accordion__item .accordion-header {
  background: #f1f1f1;
  color: #353535;
}

@media screen and (max-width: 1000px) {
  body {
    padding: 1em;
  }
  
  .accordion {
    width: 100%;
  }
}*/
.category-option .category-name .accordion-item.main-accordion-item {
    padding: 0;
    margin-bottom: 15px;
}

    .category-option .category-name .accordion-item.main-accordion-item .img-main-accordion-item {
        border-radius: 5px;
        margin-right: 6px;
        width: 35px;
    }

    .category-option .category-name .accordion-item.main-accordion-item .accordion-button {
        padding: 10px 15px;
    }
/* solanio effect */
.effect.solanio a {
    border: none;
    overflow: visible;
}

    .effect.solanio a:after {
        content: "";
        display: block;
        position: absolute;
        top: -2px;
        right: -2px;
        width: 100%;
        height: 100%;
        border: 2px solid #fff;
        border-radius: 50%;
        transition: all 0.2s linear 0s;
    }

    .effect.solanio a:hover:after {
        height: 0px;
        top: 100%;
    }

.socail-linkes a {
    color: #ffffff !important;
    background-color: #0a1e3a;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    transition: 0.2s ease-in-out
}

    .socail-linkes a:hover {
        transform: scale(0.9)
    }


.socail-linkes .buttons {
    display: flex;
    gap: 10px;
    margin-top: 20px;
    flex-wrap: wrap;
}

body {
    overflow-x: hidden
}

.m-auto {
    margin: auto;
}

.wt-content p {
    margin-top: 10px;
    font-size: 17px;
    color: #8e95a7;
}

.wt-btn-next {
    background-color: rgb(8 26 46) !important;
    color: rgb(255, 255, 255) !important;
    padding: 12px 25px !important;
    border-radius: 8px !important;
}

.wt-btn-back {
    background-color: #eff2f7 !important;
    color: #4a4c50 !important;
    padding: 12px 25px !important;
    border-radius: 8px !important;
}

.wt-btns.wt-btn-next {
    float: right !important;
}

.wt-content {
    margin-top: 10px;
    font-size: 17px;
    color: #8e95a7;
}
/*****category*******/
.filter-scroll {
    max-height: 800px;
    overflow-x: hidden;
}

    .filter-scroll::-webkit-scrollbar {
        width: 5px;
    }

    .filter-scroll::-webkit-scrollbar-track {
        background-color: #ddd;
    }

    .filter-scroll::-webkit-scrollbar-thumb {
        background: #b5bec7;
        border-radius: 5px;
    }

        .filter-scroll::-webkit-scrollbar-thumb:hover {
            opacity: 0.8;
        }

.category-side .category-option .category-name .accordion-button .img-accordion {
    width: 35px;
    margin-right: 10px;
}

.category-option .category-name .accordion-item .accordion-header img {
    width: 35px;
}

.save-details.profileBox {
    width: 100%;
    height: 100%;
    display: block;
}

    .save-details.profileBox h5 {
        margin-top: 15px;
    }

.save-details-box .save-details.box-order1 {
    background-color: #eff2f7;
}

.save-details-box .save-details.box-order2 {
    background-color: #fef8e0;
}

.save-details-box .save-details.box-order3 {
    background-color: #ecfbf4;
}

.save-details-box .save-details.box-order4 {
    background-color: #f4f5f7;
}

.save-details.profileBox img {
    width: 80px !important
}


.tg-dialog {
    font-family: "Almarai";
}

    .tg-dialog .tg-dialog-footer button.tg-dialog-btn {
        padding: 12px 30px !important;
        border: 1px solid #cbcfd5 !important;
        border-radius: 8px !important;
        font-weight: 600 !important;
        font-size: .82rem !important;
        background-color: #2274b4 !important;
        white-space: nowrap;
        color: white !important;
        font-family: "Almarai" !important;
    }


.tg-dialog {
    max-width: 500px !important;
    width: 85% !important;
}


    .tg-dialog .tg-dialog-body {
        padding: 25px;
        font-weight: 600;
        text-align: center;
    }

    .tg-dialog .tg-dialog-dots > span.tg-dot.tg-dot-active {
        background: #0a2647 !important;
    }

    .tg-dialog .tg-dialog-header .tg-dialog-title {
        text-align: center;
        margin: auto !important;
    }

#tg-dialog-next-btn {
    background-color: #f37329 !important;
}

.tg-dialog-body img {
    border-radius: 200px;
    width: 100px;
    margin-bottom: 20px;
}

.tg-dialog .tg-dialog-footer {
    padding: 4.5px 15px 10px 15px !important;
    display: flex !important;
    align-items: center !important;
}

.opened {
    display: block !important
}

.btn-primary {
    color: #fff;
    background-color: #2274b4 !important;
    border-color: #2274b4 !important;
}

.btn {
    font-family: 'Almarai';
}

.notifications .msg.active p, .notifications .msg:hover p {
    color: white !important;
}

.according-menu {
    display: none !important
}



.featured-ad .product-details a.font-default {
    display: block;
}

.product-box.Unique-ads {
    place-content: center;
    --border-angle: 0turn;
    --main-bg: conic-gradient( from var(--border-angle), #fcebe1 5%, #fcebe1 60%, #fcebe1 95% );
    border: solid 2px transparent;
    border-radius: 2em;
    --gradient-border: conic-gradient(from var(--border-angle), transparent 25%, #f37329, #f37329 99%, transparent);
    background: var(--main-bg) padding-box, var(--gradient-border) border-box, var(--main-bg) border-box;
    background-position: center center;
    -webkit-animation: bg-spin 3s linear infinite;
    animation: bg-spin 3s linear infinite;
}


.product-box.featured-ad {
    place-content: center;
    --border-angle: 0turn;
    --main-bg: conic-gradient( from var(--border-angle), #fef9e8 5%, #fef9e8 60%, #fef9e8 95% );
    border: solid 2px transparent;
    border-radius: 2em;
    --gradient-border: conic-gradient(from var(--border-angle), transparent 25%, #F1BE00, #f1be00 99%, transparent);
    background: var(--main-bg) padding-box, var(--gradient-border) border-box, var(--main-bg) border-box;
    background-position: center center;
    -webkit-animation: bg-spin 3s linear infinite;
    animation: bg-spin 3s linear infinite;
}

/* .product-box.featured-ad.whith-bg-type {
        --main-bg: conic-gradient( from var(--border-angle), #fef9e8 5%, #fef9e8 60%, #fef9e8 95% );
        --gradient-border: conic-gradient(from var(--border-angle), transparent 25%, #F1BE00, #f1be00 99%, transparent);
        border: solid 2px transparent;
        background: var(--main-bg) padding-box, var(--gradient-border) border-box, var(--main-bg) border-box;
        -webkit-animation: bg-spin 3s linear infinite;
        animation: bg-spin 3s linear infinite;
    }*/
@-webkit-keyframes bg-spin {
    to {
        --border-angle: 1turn;
    }
}

@keyframes bg-spin {
    to {
        --border-angle: 1turn;
    }
}

.product-box.featured-ad .btn-blue-light.btn-solid-default {
    border-color: #F1BE00;
}

.product-box.featured-ad .btn-blue-light.btn.btn-solid-default::before {
    background: #F1BE00;
}

.product-box.featured-ad .btn-solid-default {
    border-color: #F1BE00;
}

.product-box.featured-ad .btn.btn-solid-default::before {
    background: #F1BE00;
}

.product-box.featured-ad .product-details .date svg#Riyal path {
    fill: #0a2647;
}
/*
.product-box.featured-ad .product-details .date-low svg path,
.product-box.featured-ad .product-details .date svg path {
    fill: #f1be00
}
*/
.box:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

@property --border-angle {
    syntax: "<angle>";
    inherits: true;
    initial-value: 0turn;
}





/* Custom CSS to add margin between slides */
.uniqe-sec .slick-slider .slick-slide {
    margin-left: 15px; /* Adjust as needed */
}

    /* Ensure the last slide doesn't have margin */
    .uniqe-sec.slick-slider .slick-slide:last-child {
        margin-left: 0;
    }

.slick-slide .product-box,
.slick-slide .product-box.featured-ad {
    margin: 0 .7rem;
}

.customer-details {
    position: relative
}

.report {
    background-color: #f37329;
    color: white;
    padding: 6px 22px;
    border-radius: 63px;
    position: absolute;
    right: 0;
}

.emoji img, .emoji-img {
    width: 20px;
    margin-right: 5px
}

.emoji-div {
    gap: 12px;
    margin-top: 0px;
    margin-left: 12px;
}

.cloth-review .tab-pane .customer-review-box .comment-reply .customer-section {
    padding: 0 0 20px 30px;
}

.comment-reply .seller-avatar {
    width: 100%
}

.activation-code-account .form-control {
    position: relative;
    padding-right: 35px;
}

.activation-code-account .text-primary.spinner-border {
    color: #2c75b3 !important;
    width: 1.2rem;
    height: 1.2rem;
    vertical-align: 0;
    border-width: 0.2em;
    position: absolute;
    right: 15px;
}



multiselect .dropdown-toggle::after {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-left: 0.3em solid transparent;
    border-bottom: 0;
    border-right: 0.3em solid transparent;
}



multiselect .dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 0.9375rem;
    --bs-dropdown-color: var(--bs-body-color);
    --bs-dropdown-bg: var(--bs-body-bg);
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: 0.25rem;
    --bs-dropdown-border-width: var(--bs-border-width);
    --bs-dropdown-inner-border-radius: calc($dropdown-border-radius - $dropdown-border-width);
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb), 0.15);
    --bs-dropdown-link-color: var(--bs-body-color);
    --bs-dropdown-link-hover-color: var(--bs-body-color);
    --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #2c75b3;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.5rem;
    position: absolute;
    z-index: var(--bs-dropdown-zindex);
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: right;
    list-style: none;
    background-color: var(--bs-dropdown-bg);
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius);
}

    multiselect .dropdown-menu[data-bs-popper] {
        top: 100%;
        right: 0;
        margin-top: var(--bs-dropdown-spacer);
    }

multiselect .dropdown-menu-start {
    --bs-position: start;
}

    multiselect .dropdown-menu-start[data-bs-popper] {
        left: auto;
        right: 0;
    }

multiselect .dropdown-menu-end {
    --bs-position: end;
}

    multiselect .dropdown-menu-end[data-bs-popper] {
        left: 0;
        right: auto;
    }

@media (min-width: 576px) {
    multiselect .dropdown-menu-sm-start {
        --bs-position: start;
    }

        multiselect .dropdown-menu-sm-start[data-bs-popper] {
            left: auto;
            right: 0;
        }

    multiselect .dropdown-menu-sm-end {
        --bs-position: end;
    }

        multiselect .dropdown-menu-sm-end[data-bs-popper] {
            left: 0;
            right: auto;
        }
}

@media (min-width: 768px) {
    multiselect .dropdown-menu-md-start {
        --bs-position: start;
    }

        multiselect .dropdown-menu-md-start[data-bs-popper] {
            left: auto;
            right: 0;
        }

    multiselect .dropdown-menu-md-end {
        --bs-position: end;
    }

        multiselect .dropdown-menu-md-end[data-bs-popper] {
            left: 0;
            right: auto;
        }
}

@media (min-width: 992px) {
    multiselect .dropdown-menu-lg-start {
        --bs-position: start;
    }

        multiselect .dropdown-menu-lg-start[data-bs-popper] {
            left: auto;
            right: 0;
        }

    multiselect .dropdown-menu-lg-end {
        --bs-position: end;
    }

        multiselect .dropdown-menu-lg-end[data-bs-popper] {
            left: 0;
            right: auto;
        }
}

@media (min-width: 1170px) {
    multiselect .dropdown-menu-xl-start {
        --bs-position: start;
    }

        multiselect .dropdown-menu-xl-start[data-bs-popper] {
            left: auto;
            right: 0;
        }

    multiselect .dropdown-menu-xl-end {
        --bs-position: end;
    }

        multiselect .dropdown-menu-xl-end[data-bs-popper] {
            left: 0;
            right: auto;
        }
}

@media (min-width: 1440) {
    multiselect .dropdown-menu-xxl-start {
        --bs-position: start;
    }

        multiselect .dropdown-menu-xxl-start[data-bs-popper] {
            left: auto;
            right: 0;
        }

    multiselect .dropdown-menu-xxl-end {
        --bs-position: end;
    }

        multiselect .dropdown-menu-xxl-end[data-bs-popper] {
            left: 0;
            right: auto;
        }
}

multiselect .dropup .dropdown-menu[data-bs-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: var(--bs-dropdown-spacer);
}

multiselect .dropup .dropdown-toggle::after {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0;
    border-left: 0.3em solid transparent;
    border-bottom: 0.3em solid;
    border-right: 0.3em solid transparent;
}

multiselect .dropup .dropdown-toggle:empty::after {
    margin-right: 0;
}

multiselect .dropend .dropdown-menu[data-bs-popper] {
    top: 0;
    left: auto;
    right: 100%;
    margin-top: 0;
    margin-right: var(--bs-dropdown-spacer);
}

multiselect .dropend .dropdown-toggle::after {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-left: 0;
    border-bottom: 0.3em solid transparent;
    border-right: 0.3em solid;
}

multiselect .dropend .dropdown-toggle:empty::after {
    margin-right: 0;
}

multiselect .dropend .dropdown-toggle::after {
    vertical-align: 0;
}

multiselect .dropstart .dropdown-menu[data-bs-popper] {
    top: 0;
    left: 100%;
    right: auto;
    margin-top: 0;
    margin-left: var(--bs-dropdown-spacer);
}

multiselect .dropstart .dropdown-toggle::after {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
}

multiselect .dropstart .dropdown-toggle::after {
    display: none;
}

multiselect .dropstart .dropdown-toggle::before {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-left: 0.3em solid;
    border-bottom: 0.3em solid transparent;
}

multiselect .dropstart .dropdown-toggle:empty::after {
    margin-right: 0;
}

multiselect .dropstart .dropdown-toggle::before {
    vertical-align: 0;
}

multiselect .dropdown-divider {
    height: 0;
    margin: var(--bs-dropdown-divider-margin-y) 0;
    overflow: hidden;
    border-top: 1px solid var(--bs-dropdown-divider-bg);
    opacity: 1;
}

multiselect .dropdown-item {
    display: block;
    width: 100%;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    clear: both;
    font-weight: 400;
    color: var(--bs-dropdown-link-color);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    border-radius: var(--bs-dropdown-item-border-radius, 0);
}

    multiselect .dropdown-item:hover,
    multiselect .dropdown-item:focus {
        color: var(--bs-dropdown-link-hover-color);
        background-color: var(--bs-dropdown-link-hover-bg);
    }

    multiselect .dropdown-item.active,
    multiselect .dropdown-item:active {
        color: var(--bs-dropdown-link-active-color);
        text-decoration: none;
        background-color: var(--bs-dropdown-link-active-bg);
    }

    multiselect .dropdown-item.disabled,
    multiselect .dropdown-item:disabled {
        color: var(--bs-dropdown-link-disabled-color);
        pointer-events: none;
        background-color: transparent;
    }

multiselect .dropdown-menu.show {
    display: block;
}

multiselect .dropdown-header {
    display: block;
    padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
    margin-bottom: 0;
    font-size: 0.82031rem;
    color: var(--bs-dropdown-header-color);
    white-space: nowrap;
}

multiselect .dropdown-item-text {
    display: block;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    color: var(--bs-dropdown-link-color);
}

multiselect .dropdown-menu-dark {
    --bs-dropdown-color: #dee2e6;
    --bs-dropdown-bg: #343a40;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-box-shadow:;
    --bs-dropdown-link-color: #dee2e6;
    --bs-dropdown-link-hover-color: #fff;
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #2c75b3;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-header-color: #adb5bd;
}


.input-group multiselect .dropdown-menu {
    display: none;
    position: absolute;
    z-index: 99;
    background-color: white
}


.input-group multiselect .btn {
    font-size: 14px;
    padding: 17px !important;
    font-family: "Almarai";
    border-radius: 13px !important;
    background-color: #eff2f7 !important;
    border: none !important;
    border: 1px solid rgb(217, 218, 222) !important;
    direction: ltr;
    text-align: left;
}

multiselect .dropdown-menu li a {
    color: #0a2647;
}




.input-group multiselect {
    width: 100%;
}

    .input-group multiselect .open > .dropdown-menu {
        display: block;
    }

    .input-group multiselect .dropdown-menu > li > a {
        width: 100%;
        position: relative;
        display: inline-block;
    }

    .input-group multiselect .dropdown-menu > li {
        float: unset;
        display: inline-block;
    }



    .input-group multiselect [class^="icon-"],
    .input-group multiselect [class*=" icon-"] {
        margin-top: 8px;
    }

    .input-group multiselect .dropdown-menu > li > button.btn-link:hover {
        background-image: -moz-linear-gradient(top, #428bca, #3a7ab1);
        background-image: -webkit-linear-gradient(top, #2c75b3, #2c75b3);
        background-image: -o-linear-gradient(top, #2c75b3, #2c75b3);
        background-image: linear-gradient(to bottom, #2c75b3, #2c75b3);
    }

    .input-group multiselect .dropdown-menu > li > a:hover,
    .input-group multiselect .dropdown-menu > li > a:focus,
    .input-group multiselect .dropdown-submenu:hover > a,
    .input-group multiselect .dropdown-submenu:focus > a {
        background-color: #2c75b3;
        background-image: -moz-linear-gradient(top, #428bca, #3a7ab1);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2c75b3), to(#2c75b3));
        background-image: -webkit-linear-gradient(top, #2c75b3, #2c75b3);
        background-image: -o-linear-gradient(top, #2c75b3, #2c75b3);
        background-image: linear-gradient(to bottom, #2c75b3, #2c75b3);
    }


#occasionModal .modal-body {
    padding: 5px !important;
}

    #occasionModal .modal-body img {
        width: 100%;
        border-radius: 15px;
    }



/********* Start swal-button *********/

.swal-modal {
    border-radius: 15px;
}

.swal-footer {
    text-align: center;
}

.swal-button {
    color: #FFFFFF;
    background-color: #2c75b3;
    border-color: #2c75b3;
    transition: .4S;
    border-radius: 50px;
    padding: 15px 40px;
}

    .swal-button:hover {
        background-color: #0a2647;
        border-color: #0a2647;
    }

    .swal-button:focus, .swal-button:active {
        box-shadow: 0 0 0 0;
        background-color: #0a2647;
    }

.cf-turnstile {
    margin-top: 10px;
    border-radius: 10px !important;
    overflow: hidden;
    vertical-align: middle;
    position: relative;
    background-color: #fff;
    display: block;
    width: 100%;
}

.custome-nav-tabs .nav-item .button.login a:before,
.dashboard-right .dashboard .button.login a:before {
    top: 17px;
    right: 18px;
}

.quick-view-modal .prefer-list .prefer-li .category-wrap {
    text-align: center;
}

    .quick-view-modal .prefer-list .prefer-li .category-wrap .category-content {
        margin-top: 8px;
    }

@-webkit-keyframes star-animation {
    0% {
        fill: #d0d8e0;
        stroke: #d0d8e0;
        stroke-width: 2;
        transform: scale(1) rotate(72deg);
        opacity: 1;
    }

    50% {
        transform: scale(1.25);
    }

    65% {
        transform: scale(0.5);
    }

    80% {
        stroke: #F1BE00;
        transform: scale(1.1) rotate(3deg);
    }

    100% {
        fill: #F1BE00;
        stroke: #F1BE00;
        transform: scale(1) rotate(0deg);
    }
}

@keyframes star-animation {
    0% {
        fill: #d0d8e0;
        stroke: #d0d8e0;
        stroke-width: 2;
        transform: scale(1) rotate(72deg);
        opacity: 1;
    }

    50% {
        transform: scale(1.25);
    }

    65% {
        transform: scale(0.5);
    }

    80% {
        stroke: #F1BE00;
        transform: scale(1.1) rotate(3deg);
    }

    100% {
        fill: #F1BE00;
        stroke: #F1BE00;
        transform: scale(1) rotate(0deg);
    }
}

@-webkit-keyframes circle-animation {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    30% {
        transform: scale(1.25);
        opacity: 0.3;
    }

    60% {
        transform: scale(1.75);
        opacity: 0.3;
    }

    100% {
        transform: scale(3);
        opacity: 0;
    }
}

@keyframes circle-animation {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    30% {
        transform: scale(1.25);
        opacity: 0.3;
    }

    60% {
        transform: scale(1.75);
        opacity: 0.3;
    }

    100% {
        transform: scale(3);
        opacity: 0;
    }
}

.review-stars {
    margin: 4px auto 16px;
    position: relative;
    display: flex;
    align-items: center;
    grid-gap: 0 calc(var(--size) / 2);
    justify-content: center;
    background: white;
    border-radius: 100px;
    padding: 16px 24px;
}

svg.review-star {
    width: var(--size);
    height: var(--size);
    display: block;
    overflow: visible;
}

    svg.review-star * {
        pointer-events: none;
    }

    svg.review-star path.star {
        stroke: transparent;
        stroke-width: 0;
    }

        svg.review-star path.star.on {
            fill: #F1BE00;
            opacity: 0;
        }

        svg.review-star path.star.off {
            fill: #d0d8e0;
        }

    svg.review-star circle {
        transform: scale(2);
        transform-origin: center;
        opacity: 0;
    }

    svg.review-star * {
        transform-origin: center;
    }

/*
  --------------------------------
  Loading Skeleton State
*/
.loading-skeleton .review-star {
    fill: #d0d8e0;
}

/*
  --------------------------------
  Animation On - SVG element
*/
svg.review-star.animate-star .star.on {
    /* -webkit-animation: 0.6s star-animation ease-out;
    animation: 0.6s star-animation ease-out infinite;*/
    -webkit-animation-delay: var(--delay, 0s);
    animation-delay: var(--delay, 0s);
    fill: #F1BE00;
    stroke: none;
    transform: rotate(0deg) scale(1);
    opacity: 1;
}

    svg.review-star.animate-star .star.on + circle {
        stroke: none;
        fill: #ffe34d;
        -webkit-animation: circle-animation 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.25s;
        animation: circle-animation 0.6s cubic-bezier(0.47, 0, 0.745, 0.715) 0.25s infinite;
    }

/*
  --------------------------------
  Static, does not animate.
*/
svg.review-star.filled .star.on {
    opacity: 1;
    transition: none;
}

header .main-menu .menu-right ul li.star-item a {
    transition: .4s;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.vertical-middle {
    vertical-align: middle
}

.blinking-span {
    opacity: 1;
    animation: blink 8s infinite;
    position: absolute;
    right: -55px;
    top: 29px;
    z-index: 3;
    min-width: 126px;
    padding: 4px 5px;
    text-align: center;
    color: #fff;
    border-radius: 6px;
    transition: .4s;
    background-color: #2a6fac;
    display: inline-block;
}

    .blinking-span span {
        vertical-align: middle;
    }

    .blinking-span svg.star-text {
        width: 34px !important;
        height: 26px;
        margin-left: 2px;
        vertical-align: middle;
    }

    .blinking-span:before {
        position: absolute;
        top: -10px;
        right: 50%;
        margin-right: -10px;
        content: "";
        display: block;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        border-bottom: 10px solid #2a6fac;
    }

@keyframes blink {
    0%, 50% {
        opacity: 1;
    }

    51%, 100% {
        opacity: 0;
    }
}

.list-ads-star-popup .div-box img {
    width: 120px;
    margin-bottom: 15px;
}

.list-ads-star-popup .modal-body .par-star {
    color: #A6BCCE;
    font-size: 18px;
    line-height: 1.8;
}

.list-ads-star-popup .modal-body .block-detail {
    margin-bottom: 15px;
    padding: 10px;
}

    .list-ads-star-popup .modal-body .block-detail svg {
        margin-bottom: 15px;
    }

    .list-ads-star-popup .modal-body .block-detail h6 {
        font-weight: 600;
    }

    .list-ads-star-popup .modal-body .block-detail .box-svg {
        width: 56px;
        height: 56px;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        margin-bottom: 10px;
        background-color: rgb(44 117 179 / 15%);
    }

        .list-ads-star-popup .modal-body .block-detail .box-svg svg {
            width: 25px;
            height: 25px;
        }

.dashboard-right .save-details-box .save-details .btn-gray.btn.btn-solid-default::before {
    background: #2a6fac;
}

.dashboard-right .save-details-box .save-details .btn-gray.btn-solid-default {
    border: 2px solid #2a6fac;
}

.no-data-block {
    text-align: center;
    padding: 80px 0;
}

    .no-data-block .no-data-img {
        width: 125px;
        margin-bottom: 15px;
    }

    .no-data-block .no-data-title {
        color: #a5a5a5;
        font-size: 22px;
    }

.advertisementDetails-section .ads-star-block {
    border: 1px solid #F1BE00;
    border-radius: 10px;
    margin-bottom: 25px;
    padding: 15px 20px;
    background-color: #fef9e8;
    position: relative;
    padding-left: 135px;
}

    .advertisementDetails-section .ads-star-block .div-box {
        position: absolute;
        left: 18px;
        top: 18px;
    }

        .advertisementDetails-section .ads-star-block .div-box img {
            width: 100px;
            margin-bottom: 5px;
        }

    .advertisementDetails-section .ads-star-block .par-star {
        margin-bottom: 0;
        font-size: 18px;
    }

.advertisementDetails-section .cloth-details-size-box {
    position: relative;
}

    .advertisementDetails-section .cloth-details-size-box .star-item {
        position: absolute;
        right: 10px;
        top: 24px;
        z-index: 5;
    }

.star-item.cancel-item .btn-cancel {
    border: 0;
    outline: none;
    box-shadow: none;
    display: inline-block;
    background-color: transparent;
}

.star-item.cancel-item .blinking-span {
    animation: none;
    background-color: #F40000;
    right: 30px;
    top: -6px;
    z-index: 3;
    min-width: 120px;
    padding: 5px 5px;
    opacity: 0;
    transition: 0;
}

.star-item.cancel-item .btn-cancel:hover .blinking-span {
    opacity: 1;
}

.star-item.cancel-item .blinking-span svg {
    margin-right: 4px;
}

.star-item.cancel-item .blinking-span:before {
    top: 11px;
    right: 0;
    margin-right: -12px;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 8px solid #F40000;
    transform: rotate(-268deg);
}

.category--ads-name {
    color: #575757;
    margin-bottom: 10px;
    font-size: 15px;
}

.faq-star-accordion-box {
    margin-top: 20px;
    text-align: left;
}

    .faq-star-accordion-box .title-faq-star {
        text-align: left;
        margin-bottom: 15px;
    }

    .faq-star-accordion-box .accordion .accordion-item {
        border: 0px solid rgba(0, 0, 0, 0.125);
        margin-bottom: 24px;
        box-shadow: 0px 0px 20px rgb(51 51 51 / 7%);
        border-radius: 15px !important;
        font-family: 'Almarai';
    }

        .faq-star-accordion-box .accordion .accordion-item:last-of-type {
            margin-bottom: 0px;
        }

        .faq-star-accordion-box .accordion .accordion-item .accordion-header button {
            font-weight: 600;
            font-size: 18px;
            font-family: 'Almarai';
        }

            .faq-star-accordion-box .accordion .accordion-item .accordion-header button:focus {
                outline: none;
                box-shadow: none;
            }

        .faq-star-accordion-box .accordion .accordion-item p {
            font-size: 16px;
        }

            .faq-star-accordion-box .accordion .accordion-item p:last-of-type {
            }

    .faq-star-accordion-box .accordion .accordion-button:not(.collapsed) {
        color: #2a6fac;
        background-color: #e9f5ff;
        box-shadow: none;
    }

    .faq-star-accordion-box .accordion .accordion-item .accordion-button {
        border-radius: 15px;
    }

.btn-yellow {
    background-color: #F1BE00;
    transition: .4s;
}

    .btn-yellow:hover {
        transform: translateY(-3px);
    }

.modal-body .btn-yellow-box.button a.yes-btn {
    width: 100%;
    max-width: 100%;
    background: #F1BE00;
    border-color: #F1BE00;
}

.modal-body .btn-yellow-box.button.login a.yes-btn:before {
    top: 19px;
}

.package-section {
    position: relative;
    padding: 70px 0;
}
    /*:root {
    --package-first: #1e90ff;
    
}*/
    .package-section .package-price-item {
        text-align: center;
        padding-top: 30px;
        margin-bottom: 30px;
        cursor: pointer;
        transition: .4s;
        border: 1px solid #D9F6E9;
        border-top: 8px solid #D9F6E9;
        position: relative;
    }

        .package-section .package-price-item .checked-package {
            position: absolute;
            left: 10px;
            top: 10px;
            opacity: 0;
            transition: .4s;
        }

        .package-section .package-price-item.select-pakage .checked-package {
            opacity: 1;
        }

        .package-section .package-price-item.golden-package .ribbon {
            width: 150px;
            height: 150px;
            position: absolute;
            top: -14px;
            right: -15px;
            overflow: hidden;
        }

            .package-section .package-price-item.golden-package .ribbon::before,
            .package-section .package-price-item.golden-package .ribbon::after {
                position: absolute;
                content: "";
                z-index: -1;
                display: block;
                border: 7px solid #D7AA00;
                border-top-color: transparent;
                border-right-color: transparent;
            }

            .package-section .package-price-item.golden-package .ribbon::before {
                top: 0px;
                left: 26px;
            }

            .package-section .package-price-item.golden-package .ribbon::after {
                bottom: 25px;
                right: 0px;
            }

            .package-section .package-price-item.golden-package .ribbon span {
                position: absolute;
                top: 30px;
                left: 0;
                transform: rotate(45deg);
                width: 200px;
                background: #E6B600;
                padding: 7px 0;
                color: #fff;
                text-align: center;
                font-size: 15px;
                text-transform: uppercase;
                box-shadow: 0 5px 10px rgba(0,0,0,0.12);
            }

        .package-section .package-price-item.select-pakage {
            border-color: #499F74;
        }

        .package-section .package-price-item .day-package {
            margin-bottom: 30px;
            color: #0A2647;
        }

        .package-section .package-price-item .price-package span .date-span-p.devide-day {
            margin-left: -7px;
        }

        .package-section .package-price-item .price-package span .date-span-p.all-day {
            font-size: 22px;
            font-weight: 600;
        }
        /*   .package-section .package-price-item:hover {
            transform: translateY(-4px);
        }*/
        .package-section .package-price-item .svg-icon-package {
            margin-bottom: 25px;
        }

            .package-section .package-price-item .svg-icon-package img {
                width: 54px;
            }

        .package-section .package-price-item .title-package {
            font-size: 22px;
            color: #000000;
            padding: 0 15px;
            margin-bottom: 15px;
        }

        .package-section .package-price-item .par-package {
            margin-bottom: 0;
            padding: 15px 20px;
            /*background: #E4F0FA;*/
            color: #000000;
            font-size: 18px;
            font-weight: 600;
            border-radius: 0 0 15px 15px;
            border-top: 2px dashed #000
        }

        .package-section .package-price-item .price-package {
            color: #2C74B3;
            margin-bottom: 0;
            font-size: 28px;
        }

            .package-section .package-price-item .price-package .cls-1 {
                fill: #2C74B3;
            }

    .package-section .package-info {
        transition: .4s;
    }

        .package-section .package-info h4 {
            color: #0A2647;
            font-size: 24px;
            margin-bottom: 15px;
        }

        .package-section .package-info h6 {
            color: #2C74B3;
            font-size: 20px;
            margin-bottom: 25px;
        }

        .package-section .package-info .list-feature {
            list-style: none;
            padding: 0;
        }

            .package-section .package-info .list-feature .item-feature {
                position: relative;
                padding-left: 25px;
                margin-bottom: 15px;
                margin-right: 30px;
                font-size: 18px;
            }

                .package-section .package-info .list-feature .item-feature:last-of-type {
                    margin-right: 0;
                }

                .package-section .package-info .list-feature .item-feature::before {
                    content: "";
                    width: 15px;
                    height: 15px;
                    border: 2px solid #0a2647;
                    background-color: transparent;
                    border-radius: 50%;
                    position: absolute;
                    left: 0;
                    top: 6px;
                }

    .package-section .box-package-title {
        text-align: center;
        margin-bottom: 50px;
    }

        .package-section .box-package-title .div-box img {
            width: 140px;
            margin-bottom: 15px;
        }

        .package-section .box-package-title .title-ads-popup {
            color: #000;
            font-size: 30px;
        }

        .package-section .box-package-title .par-star {
            font-size: 20px;
            color: #A6BCCE;
        }

    .package-section .btn-yellow-box.button a.yes-btn {
        margin: auto;
        max-width: 300px;
        background: #F1BE00;
        border-color: #F1BE00;
    }

    .package-section .btn-yellow-box.button.login a.yes-btn:before {
        top: 19px;
    }

a.badge-price:hover {
    color: #eaeaea;
}


/*
.package-section .package-info .features-texteditor ul {
    list-style-type: disc;
    -webkit-padding-start: 15px;
    padding-inline-start: 15px;
}

    .package-section .package-info .features-texteditor ul li {
        display: list-item;
        line-height: 1.7;
    }

        .package-section .package-info .features-texteditor ul li::marker {
            color: inherit;
            vertical-align: middle;
        }

.package-section .package-info .features-texteditor ol {
    list-style-type: circle;
    -webkit-padding-start: 15px;
    padding-inline-start: 15px;
}

    .package-section .package-info .features-texteditor ol li {
        display: list-item;
        line-height: 1.7;
    }

        .package-section .package-info .features-texteditor ol li::marker {
            color: inherit;
        }
*/



.text-editor p {
    font-size: inherit;
    margin-bottom: 5px;
}

.text-editor ul {
    list-style-type: disc;
    -webkit-padding-start: 30px;
    padding-inline-start: 30px;
}

    .text-editor ul li {
        display: list-item;
        line-height: 1.7;
    }

        .text-editor ul li::marker {
            color: inherit;
            vertical-align: middle;
        }

        .text-editor ul li:last-child {
            margin-bottom: 10px;
        }

.text-editor ol {
    list-style-type: decimal;
    -webkit-padding-start: 30px;
    padding-inline-start: 30px;
}

    .text-editor ol li {
        display: list-item;
        line-height: 1.7;
    }

        .text-editor ol li::marker {
            color: inherit;
        }

        .text-editor ol li:last-child {
            margin-bottom: 10px;
        }




.wallet-amount-box .wallet-amount .wallet-amount-title {
    color: #2C74B3;
    margin-right: 5px;
    vertical-align: middle;
}

.wallet-amount-box .wallet-amount .wallet-amount-span {
    vertical-align: middle;
    font-size: 22px;
    display: inline-block;
}

a.disabled {
    pointer-events: none;
    opacity: 0.6;
    cursor: not-allowed;
}

html[lang="en"] .package-info {
    direction: rtl;
    text-align: right;
}
/********* END swal-button *********/
/********chat**********/

.email-bt {
    background: #2274b4;
    border: 2px solid #2274b4;
    border-radius: 50%;
    box-shadow: 0 8px 10px rgba(34,116,180,.3);
    cursor: pointer;
    height: 60px;
    text-align: center;
    width: 60px;
    position: fixed;
    left: 28px;
    bottom: 80px;
    z-index: 999;
    transition: .3s;
    -webkit-animation: email-an linear 1s infinite;
    animation: email-an linear 1s infinite;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

    .email-bt svg {
        width: 30px;
        height: 30px;
    }

    .email-bt:hover {
        z-index: 1;
        background: #2274b4;
        transition: .3s;
    }

@-webkit-keyframes email-an {
    0% {
        box-shadow: 0 8px 10px rgba(34,116,180,0.3),0 0 0 0 rgba(34,116,180,0.2),0 0 0 0 rgba(34,116,180,0.2)
    }

    40% {
        box-shadow: 0 8px 10px rgba(34,116,180,0.3),0 0 0 15px rgba(34,116,180,0.2),0 0 0 0 rgba(34,116,180,0.2)
    }

    80% {
        box-shadow: 0 8px 10px rgba(34,116,180,0.3),0 0 0 30px rgba(34,116,180,0),0 0 0 26.7px rgba(34,116,180,0.067)
    }

    100% {
        box-shadow: 0 8px 10px rgba(34,116,180,0.3),0 0 0 30px rgba(34,116,180,0),0 0 0 40px rgba(34,116,180,0.0)
    }
}

@keyframes email-an {
    0% {
        box-shadow: 0 8px 10px rgba(34,116,180,0.3),0 0 0 0 rgba(34,116,180,0.2),0 0 0 0 rgba(34,116,180,0.2)
    }

    40% {
        box-shadow: 0 8px 10px rgba(34,116,180,0.3),0 0 0 15px rgba(34,116,180,0.2),0 0 0 0 rgba(34,116,180,0.2)
    }

    80% {
        box-shadow: 0 8px 10px rgba(34,116,180,0.3),0 0 0 30px rgba(34,116,180,0),0 0 0 26.7px rgba(34,116,180,0.067)
    }

    100% {
        box-shadow: 0 8px 10px rgba(34,116,180,0.3),0 0 0 30px rgba(34,116,180,0),0 0 0 40px rgba(34,116,180,0.0)
    }
}

.email-bt .num-chat {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #f1be00;
    color: #fff;
    font-size: 12px;
    position: absolute;
    top: 8px;
    right: -12px;
    padding: 0;
    line-height: 1;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #f37329;
    z-index: 1;
    text-align: center;
}

.messages-section .cloth-review .nav-tabs {
    justify-content: start;
    padding: 0;
    background-color: transparent;
    border-radius: 0;
}

    .messages-section .cloth-review .nav-tabs .nav-link {
        border-radius: 15px 15px 0 0;
        border: 0;
        position: relative;
        text-align: center;
        margin-right: 15px;
        background-color: #eff2f7;
    }

        .messages-section .cloth-review .nav-tabs .nav-link.active {
            border-radius: 15px 15px 0 0;
            background-color: #0a2647;
        }

        .messages-section .cloth-review .nav-tabs .nav-link:last-of-type {
            margin-right: 0;
        }

.messages-section .tab-content {
    border: 1px solid #eff2f7;
    border-radius: 0 15px 15px 15px;
}

.messages-section .chat-lists .tab-content {
    border: 0;
}

.messages-section .chatlist .modal-body {
    padding: 0;
}

.messages-section .cloth-review .tab-pane {
    padding: 30px;
}

.messages-section .block-message {
    position: relative;
    padding: 15px;
    display: flex;
    align-items: center;
    background-color: aliceblue;
    border-radius: 10px;
    margin-bottom: 20px;
}

    .messages-section .block-message .box-img {
        margin-right: 15px;
    }

    .messages-section .block-message .img-ads {
        width: 65px;
        height: 65px;
        object-fit: cover;
    }

    .messages-section .block-message .num-chat-not-read {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background: #f1be00;
        color: #fff;
        font-size: 12px;
        position: absolute;
        top: 0;
        right: 0;
        padding: 0;
        line-height: 1;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: #f37329;
        z-index: 1;
        text-align: center;
    }

.link-over {
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer;
}

.messages-section .block-message .box-info {
    width: calc(100% - 75px);
}

    .messages-section .block-message .box-info .header-message {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .messages-section .block-message .box-info .header-message .date-span {
            font-size: 12px;
            display: inline-block;
            color: #8d8d8d;
        }

    .messages-section .block-message .box-info a.title-ads {
        transition: .4s;
        font-weight: 600;
        display: block;
        position: relative;
        font-size: 18px;
        color: #0a2647;
        margin-bottom: 5px;
        padding-right: 26px;
    }

    .messages-section .block-message .box-info .footer-info {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        margin-top: 5px;
    }

        .messages-section .block-message .box-info .footer-info .num-chat-ads {
            color: #333333;
        }

        .messages-section .block-message .box-info .footer-info .done-buy {
            padding: 5px 10px;
            color: #fff;
            background-color: #18c394;
            border-radius: 15px;
            font-size: 10px;
            line-height: 1.5;
        }

            .messages-section .block-message .box-info .footer-info .done-buy svg {
                margin-right: 4px;
                vertical-align: middle;
            }

.messages-section .block-message.done-buy {
    place-content: center;
    --border-angle: 0turn;
    --main-bg: conic-gradient( from var(--border-angle), #fef9e8 5%, #fef9e8 60%, #fef9e8 95% );
    border: solid 2px transparent;
    --gradient-border: conic-gradient(from var(--border-angle), transparent 25%, #F1BE00, #f1be00 99%, transparent);
    background: var(--main-bg) padding-box, var(--gradient-border) border-box, var(--main-bg) border-box;
    background-position: center center;
    -webkit-animation: bg-spin 3s linear infinite;
    animation: bg-spin 3s linear infinite;
}


@-webkit-keyframes bg-spin {
    to {
        --border-angle: 1turn;
    }
}

@keyframes bg-spin {
    to {
        --border-angle: 1turn;
    }
}

.messages-section .block-message .last-massage {
    position: relative;
    padding-left: 34px;
    color: #8d8d8d;
    margin-top: 4px;
}

    .messages-section .block-message .last-massage .read-svg {
        position: absolute;
        left: 10px;
        top: 4px;
    }

.messages-section .block-message.done-buy .box-info a.title-ads {
    color: #0a2647;
}

.messages-section .block-message.done-buy .last-massage {
    color: #616161;
}

    .messages-section .block-message.done-buy .last-massage svg path {
        fill: #616161;
    }

.messages-section .block-message.done-buy .box-info .footer-info .num-chat-ads {
    color: #0a2647;
}

.messages-section .block-message.done-buy .box-info .header-message .date-span {
    color: #616161;
}

.messages-section .block-message .last-massage .num-chat-not-read {
    width: 22px;
    height: 22px;
    top: 0px;
    right: unset;
    left: 2px;
}

.messages-section .ads-info-box {
    text-align: center;
    margin-bottom: 35px;
}

    .messages-section .ads-info-box a {
        display: inline-block;
        transition: .4s;
    }

    .messages-section .ads-info-box .num-ads {
        font-weight: 700;
        margin-bottom: 0;
        font-size: 22px;
        color: #2274b4;
        line-height: 1.2;
        direction: rtl;
        display: inline-block;
        margin-left: 2px;
        margin-right: 2px;
        vertical-align: middle;
        padding: 7px;
        border-radius: 5px;
        background-color: aliceblue;
        cursor: pointer;
        transition: .4s;
    }

    .messages-section .ads-info-box .title-ads-messge {
        font-size: 20px;
        color: #0a2647;
        display: inline-block;
        cursor: pointer;
        transition: .4s;
    }
/*   .messages-section .ads-info-box a:hover .title-ads-messge {
        color: #2274b4;
    } 
        .messages-section .ads-info-box a:hover .num-ads {
        background: #2274b4;
        color: #fff;
    }*/
.svg-details-ads {
    width: 28px;
    height: 28px;
    margin-left: 2px;
    vertical-align: middle;
    transition: .4s;
}

.messages-section .ads-info-box a:hover .svg-details-ads {
    transform: translateX(4px);
}
/* *******************************
message-area
******************************** */
.chat-section.message-area {
    min-height: 100vh;
    overflow: hidden;
}

.chat-section .chat-area {
    position: relative;
    width: 100%;
    background-color: #fff;
    border-radius: 0.3rem;
    height: 90vh;
    overflow: hidden;
    min-height: calc(100% - 1rem);
    border: 1px solid #cccccc;
}

.chat-section .chatlist {
    outline: 0;
    height: 100%;
    overflow: hidden;
    width: 300px;
    float: left;
    padding: 15px;
}

.chat-section .chat-area .modal-content {
    border: none;
    border-radius: 0;
    outline: 0;
    height: 100%;
}

.chat-section .chat-area .modal-dialog-scrollable {
    height: 100% !important;
}

.chat-section .chatbox {
    width: auto;
    overflow: hidden;
    height: 100%;
    border-left: 1px solid #ccc;
}

    .chat-section .chatbox .modal-dialog,
    .chat-section .chatlist .modal-dialog {
        max-width: 100%;
        margin: 0;
    }

.chat-section .msg-search {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 100%;
}

    .chat-section .msg-search .btn-add {
        position: absolute;
        right: 10px;
        top: 5px;
    }

.chat-section .chat-area .form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #222;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

    .chat-section .chat-area .form-control:focus {
        outline: 0;
        box-shadow: inherit;
    }

.chat-section a.add img {
    height: 36px;
}

.chat-section .chat-area .nav-tabs {
    border-bottom: 1px solid #dee2e6;
    align-items: center;
    justify-content: space-between;
    flex-wrap: inherit;
}

    .chat-section .chat-area .nav-tabs .nav-item {
        width: 100%;
    }

    .chat-section .chat-area .nav-tabs .nav-link {
        width: 100%;
        color: #180660;
        font-size: 14px;
        font-weight: 500;
        line-height: 1.5;
        text-transform: capitalize;
        margin-top: 5px;
        margin-bottom: -1px;
        background: 0% 0;
        border: 1px solid transparent;
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
    }

        .chat-section .chat-area .nav-tabs .nav-item.show .nav-link,
        .chat-section .chat-area .nav-tabs .nav-link.active {
            color: #222;
            background-color: #fff;
            border-color: transparent transparent #000;
        }

        .chat-section .chat-area .nav-tabs .nav-link:focus,
        .chat-section .chat-area .nav-tabs .nav-link:hover {
            border-color: transparent transparent #000;
            isolation: isolate;
        }

.chat-section .chat-list h3 {
    color: #222;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5;
    text-transform: capitalize;
    margin-bottom: 0;
    position: relative;
    padding-right: 48px;
}

.chat-section .chat-list p {
    color: #343434;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    text-transform: capitalize;
    margin-bottom: 0;
}

.chat-section .chat-list a.d-flex {
    margin-bottom: 10px;
    position: relative;
    text-decoration: none;
    padding: 6px 12px 10px;
    border-bottom: 1px solid #cccccc;
}

.chat-section .chat-list .active {
    display: block;
    content: '';
    clear: both;
    position: absolute;
    bottom: 3px;
    left: 27px;
    height: 12px;
    width: 12px;
    background: #00DB75;
    border-radius: 50%;
    border: 2px solid #fff;
}

.chat-section .msg-head .col-4 {
    width: 50%;
}


    .chat-section .msg-head .col-4:nth-of-type(2) {
        display: none;
    }

.chat-section .msg-head h3 {
    color: #222;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 0;
    max-width: 175px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.chat-section .msg-head p {
    color: #343434;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    text-transform: capitalize;
    margin-bottom: 0;
}

.chat-section .msg-head {
    padding: 15px;
    border-bottom: 1px solid #ccc;
}

.chat-section .moreoption {
    display: flex;
    align-items: center;
    justify-content: end;
}

    .chat-section .moreoption .navbar {
        padding: 0;
    }

    .chat-section .moreoption li .nav-link {
        color: #222;
        font-size: 16px;
        padding: 12px 0;
    }

.link-details {
    margin-top: 1px;
    transition: .4s;
    color: #505050;
    cursor: pointer;
}

    .link-details svg {
        height: 20px;
        width: 20px;
        margin-left: 3px;
        vertical-align: middle;
        transition: .4s;
    }

        .link-details svg path {
            fill: #505050;
        }

    .link-details:hover {
        color: #2c75b3;
    }

        .link-details:hover svg {
            transform: translateX(4px);
        }

            .link-details:hover svg path {
                fill: #2c75b3;
            }

.chat-section .msg-head .link-details {
    margin-top: 1px;
    min-width: 100px;
}

.chat-section .moreoption .dropdown-toggle::after {
    display: none;
}

.chat-section .moreoption .dropdown-menu[data-bs-popper] {
    top: 100%;
    left: auto;
    right: 0;
    margin-top: 0.125rem;
}

.chat-section .msg-body ul {
    overflow: hidden;
}

    .chat-section .msg-body ul li {
        list-style: none;
        margin: 22px 0;
        display: block;
    }

        .chat-section .msg-body ul li.sender {
            display: block;
            width: 100%;
            position: relative;
            text-align: right;
        }

            .chat-section .msg-body ul li.sender .message-user-box {
                position: relative;
                padding-right: 40px;
            }

                .chat-section .msg-body ul li.sender .message-user-box .box-img {
                    position: absolute;
                    right: 0;
                    top: 0;
                }

                .chat-section .msg-body ul li.sender .message-user-box .content-message-box:before {
                    display: block;
                    clear: both;
                    content: '';
                    position: absolute;
                    top: -5px;
                    right: -5px;
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-width: 0 12px 15px 12px;
                    border-color: transparent transparent #f5f5f5 transparent;
                    -webkit-transform: rotate(-90deg);
                    -ms-transform: rotate(-90deg);
                    transform: rotate(-90deg);
                }

.message-status {
    text-align: end;
    width: 14px;
    position: relative;
    height: 14px;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 1px;
    background-size: contain;
    vertical-align: middle;
}

    .message-status.unreed-message {
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" class="read-svg" width="14" height="14" x="0" y="0" viewBox="0 0 460.702 460.702" style="enable-background:new 0 0 512 512" xml:space="preserve"><g><path d="M316.608 121.805c-8.937-9.037-23.499-9.151-32.576-.254L113.764 289.833l-74.017-76.626c-8.828-9.201-23.443-9.503-32.643-.675-9.201 8.828-9.503 23.443-.675 32.643l.119.123 90.248 93.526a23.086 23.086 0 0 0 16.392 6.926h.254a23.085 23.085 0 0 0 16.161-6.672L316.4 154.381c9.025-8.95 9.117-23.511.208-32.576zM235.318 338.824a23.088 23.088 0 0 0 16.346 6.926h.254a23.085 23.085 0 0 0 16.161-6.672l186.798-184.697c8.467-9.534 7.602-24.126-1.931-32.593-8.643-7.676-21.63-7.777-30.391-.237L252.356 289.833l-6.072-6.303c-8.827-9.201-23.442-9.504-32.643-.676-9.201 8.827-9.504 23.442-.676 32.643l.12.124z" fill="%23a4c3dc" opacity="1" data-original="%23000000"></path></g></svg>');
    }

    .message-status.not-arrive-message {
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="40" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g transform="matrix(1.4999999999999996,0,0,1.4999999999999996,-6.000000238418577,-5.999999523162838)"><path d="M18.7 7.2c-.4-.4-1-.4-1.4 0l-7.5 7.5-3.1-3.1c-.4-.4-1-.4-1.4 0s-.4 1 0 1.4l3.8 3.8c.2.2.4.3.7.3s.5-.1.7-.3l8.2-8.2c.4-.4.4-1 0-1.4z" fill="%23a4c3dc" opacity="1" data-original="%23000000"></path></g></svg>');
    }

    .message-status.reed-message {
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="40" x="0" y="0" viewBox="0 0 460.702 460.702" style="enable-background:new 0 0 512 512" xml:space="preserve"><g><path d="M316.608 121.805c-8.937-9.037-23.499-9.151-32.576-.254L113.764 289.833l-74.017-76.626c-8.828-9.201-23.443-9.503-32.643-.675-9.201 8.828-9.503 23.443-.675 32.643l.119.123 90.248 93.526a23.086 23.086 0 0 0 16.392 6.926h.254a23.085 23.085 0 0 0 16.161-6.672L316.4 154.381c9.025-8.95 9.117-23.511.208-32.576zM235.318 338.824a23.088 23.088 0 0 0 16.346 6.926h.254a23.085 23.085 0 0 0 16.161-6.672l186.798-184.697c8.467-9.534 7.602-24.126-1.931-32.593-8.643-7.676-21.63-7.777-30.391-.237L252.356 289.833l-6.072-6.303c-8.827-9.201-23.442-9.504-32.643-.676-9.201 8.827-9.504 23.442-.676 32.643l.12.124z" fill="%2362f989" opacity="1" data-original="%23000000"></path></g></svg>');
    }

.chat-section .msg-body ul li.sender .content-message-box {
    background: #f5f5f5;
    display: inline-block;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-bottom: 0;
    padding: 10px 15px;
    position: relative;
}

.chat-section .msg-body ul li.sender .content-message .popup-media {
    position: relative;
    overflow: hidden;
    display: block;
}

    .chat-section .msg-body ul li.sender .content-message .popup-media .over-link {
        position: absolute;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background: rgb(0 0 0 / 15%);
        vertical-align: middle;
        left: 0;
        top: 0;
    }

.chat-section .msg-body ul li.sender .content-message a {
    display: inline-block;
    vertical-align: middle;
}

.chat-section .msg-body ul li.sender .content-message img {
    width: 300px;
    height: 300px;
    object-fit: cover;
}

.chat-section .msg-body ul li.sender .content-message audio {
    width: 300px;
    outline: none;
    color-scheme: dark;
    vertical-align: middle;
}

.chat-section .msg-body ul li.sender .content-message video {
    width: 300px;
    outline: none;
    color-scheme: dark;
    vertical-align: middle;
}

.chat-section .msg-body ul li.sender p {
    color: #000;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 0;
    /*    display: inline-block;
                background: #f5f5f5;
                border-bottom-right-radius: 10px;
                border-top-left-radius: 10px;
                border-bottom-left-radius: 10px;
                */
}

    .chat-section .msg-body ul li.sender p b {
        display: block;
        color: #180660;
        font-size: 14px;
        line-height: 1.5;
        font-weight: 500;
    }

.chat-section .msg-body ul li.repaly {
    display: block;
    width: 100%;
    position: relative;
}

    .chat-section .msg-body ul li.repaly.whith-imgLogo .message-user-box {
        position: relative;
        padding-left: 40px;
    }

        .chat-section .msg-body ul li.repaly.whith-imgLogo .message-user-box .box-img {
            position: absolute;
            left: 0;
            top: 0;
        }

    .chat-section .msg-body ul li.repaly.whith-imgLogo .box-img img {
        width: 35px;
        height: 35px;
        border-radius: 50%;
        object-fit: cover;
    }

    .chat-section .msg-body ul li.repaly .message-user-box .content-message-box:before {
        display: block;
        clear: both;
        content: '';
        position: absolute;
        bottom: -5px;
        left: -7px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 12px 15px 12px;
        border-color: transparent transparent #2274b4 transparent;
        -webkit-transform: rotate(-37deg);
        -ms-transform: rotate(-37deg);
        transform: rotate(-37deg);
    }

    .chat-section .msg-body ul li.repaly .content-message-box {
        background: #f5f5f5;
        display: inline-block;
        padding: 10px 15px;
        background: #2274b4;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        position: relative;
    }

.chat-section .msg-body ul li .content-message .upload-file-block {
    padding: 8px 12px;
    background: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    min-width: 200px;
}

    .chat-section .msg-body ul li .content-message .upload-file-block .name-file {
        font-weight: 600;
        font-size: 15px;
        margin-bottom: 3px;
        color: #0e2647;
    }

    .chat-section .msg-body ul li .content-message .upload-file-block .icon-box {
        margin-right: 5px;
    }

    .chat-section .msg-body ul li .content-message .upload-file-block .size-btn-box {
        display: flex;
        justify-content: space-between;
    }

        .chat-section .msg-body ul li .content-message .upload-file-block .size-btn-box .btn-file-download a {
            color: #2c75b3;
            font-weight: 600;
        }

            .chat-section .msg-body ul li .content-message .upload-file-block .size-btn-box .btn-file-download a svg {
                margin-left: 4px;
                vertical-align: middle
            }

    .chat-section .msg-body ul li .content-message .upload-file-block .icon-box .fa-file-pdf {
        width: 40px;
        display: inline-block;
        height: 40px;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="40" x="0" y="0" viewBox="0 0 56 56" style="enable-background:new 0 0 512 512" xml:space="preserve"><g><path d="M36.985 0H7.963C7.155 0 6.5.655 6.5 1.926V55c0 .345.655 1 1.463 1h40.074c.808 0 1.463-.655 1.463-1V12.978c0-.696-.093-.92-.257-1.085L37.607.257A.884.884 0 0 0 36.985 0z" style="" fill="%23E9E9E0" data-original="%23e9e9e0"></path><path d="M37.5.151V12h11.849z" style="" fill="%23D9D7CA" data-original="%23d9d7ca"></path><path d="M19.514 33.324c-.348 0-.682-.113-.967-.326-1.041-.781-1.181-1.65-1.115-2.242.182-1.628 2.195-3.332 5.985-5.068 1.504-3.296 2.935-7.357 3.788-10.75-.998-2.172-1.968-4.99-1.261-6.643.248-.579.557-1.023 1.134-1.215a4.91 4.91 0 0 1 1.016-.172c.504 0 .947.649 1.261 1.049.295.376.964 1.173-.373 6.802 1.348 2.784 3.258 5.62 5.088 7.562 1.311-.237 2.439-.358 3.358-.358 1.566 0 2.515.365 2.902 1.117.32.622.189 1.349-.39 2.16-.557.779-1.325 1.191-2.22 1.191-1.216 0-2.632-.768-4.211-2.285-2.837.593-6.15 1.651-8.828 2.822-.836 1.774-1.637 3.203-2.383 4.251-1.025 1.435-1.909 2.105-2.784 2.105zm2.662-5.126c-2.137 1.201-3.008 2.188-3.071 2.744-.01.092-.037.334.431.692.149-.047 1.019-.444 2.64-3.436zm13.637-4.442c.815.627 1.014.944 1.547.944.234 0 .901-.01 1.21-.441.149-.209.207-.343.23-.415-.123-.065-.286-.197-1.175-.197-.505.001-1.14.023-1.812.109zm-7.47-6.582a71.291 71.291 0 0 1-2.674 7.564 49.966 49.966 0 0 1 6.496-2.02c-1.35-1.568-2.699-3.526-3.822-5.544zm-.607-8.462c-.098.033-1.33 1.757.096 3.216.949-2.115-.053-3.23-.096-3.216zM48.037 56H7.963A1.463 1.463 0 0 1 6.5 54.537V39h43v15.537c0 .808-.655 1.463-1.463 1.463z" style="" fill="%23CC4B4C" data-original="%23cc4b4c"></path><path d="M17.385 53h-1.641V42.924h2.898c.428 0 .852.068 1.271.205.419.137.795.342 1.128.615.333.273.602.604.807.991s.308.822.308 1.306c0 .511-.087.973-.26 1.388a2.9 2.9 0 0 1-.725 1.046c-.31.282-.684.501-1.121.656s-.921.232-1.449.232h-1.217V53zm0-8.832v3.992h1.504c.2 0 .398-.034.595-.103.196-.068.376-.18.54-.335.164-.155.296-.371.396-.649.1-.278.15-.622.15-1.032 0-.164-.023-.354-.068-.567a1.637 1.637 0 0 0-.28-.615 1.657 1.657 0 0 0-.595-.492c-.255-.132-.593-.198-1.012-.198h-1.23zM32.219 47.682c0 .829-.089 1.538-.267 2.126s-.403 1.08-.677 1.477-.581.709-.923.937-.672.398-.991.513a4.094 4.094 0 0 1-.875.219c-.264.03-.46.046-.588.046h-3.814V42.924h3.035c.848 0 1.593.135 2.235.403s1.176.627 1.6 1.073.74.955.95 1.524c.21.57.315 1.156.315 1.758zm-4.867 4.115c1.112 0 1.914-.355 2.406-1.066s.738-1.741.738-3.09c0-.419-.05-.834-.15-1.244-.101-.41-.294-.781-.581-1.114s-.677-.602-1.169-.807-1.13-.308-1.914-.308h-.957v7.629h1.627zM36.266 44.168v3.172h4.211v1.121h-4.211V53h-1.668V42.924H40.9v1.244h-4.634z" style="" fill="%23FFFFFF" data-original="%23ffffff"></path></g></svg>');
        background-repeat: no-repeat;
        background-size: contain;
    }

    .chat-section .msg-body ul li .content-message .upload-file-block .icon-box .fa-file-text {
        width: 40px;
        display: inline-block;
        height: 40px;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="40.08" x="0" y="0" viewBox="0 0 511 511.999" style="enable-background:new 0 0 512 512" xml:space="preserve"><g><path d="M276.41 3.957C274.062 1.484 270.844 0 267.508 0H67.778C30.921 0 .5 30.3.5 67.152v377.692C.5 481.699 30.922 512 67.777 512h271.086c36.856 0 67.278-30.3 67.278-67.156V144.94c0-3.214-1.485-6.304-3.586-8.656Zm3.586 39.7 84.469 88.671h-54.91c-16.325 0-29.559-13.11-29.559-29.433Zm58.867 443.609H67.777c-23.125 0-42.543-19.168-42.543-42.422V67.152c0-23.125 19.293-42.418 42.543-42.418h187.485v78.16c0 30.051 24.242 54.168 54.293 54.168h71.851v287.782c0 23.254-19.293 42.422-42.543 42.422Zm0 0" style="stroke:none;fill-rule:nonzero;fill-opacity:1;" fill="%232A6FAC" data-original="%23000000" opacity="1"></path><path d="M305.102 401.934H101.539c-6.8 0-12.367 5.562-12.367 12.367 0 6.8 5.566 12.367 12.367 12.367h203.688c6.8 0 12.367-5.566 12.367-12.367 0-6.805-5.567-12.367-12.492-12.367ZM124.172 228.914c6.8 0 12.367-5.562 12.367-12.367v-14.965h54.414v128.621h-23.125c-6.805 0-12.367 5.567-12.367 12.367 0 6.801 5.562 12.368 12.367 12.368h71.11c6.804 0 12.367-5.567 12.367-12.368 0-6.8-5.563-12.367-12.368-12.367h-23.25V201.586h54.418v14.965c0 6.8 5.563 12.367 12.368 12.367 6.8 0 12.367-5.566 12.367-12.367v-27.703c0-6.805-5.813-11.996-12.613-11.996H124.418c-6.8 0-12.613 5.191-12.613 11.996v27.703c0 6.8 5.566 12.363 12.367 12.363Zm0 0" style="stroke:none;fill-rule:nonzero;fill-opacity:1;" fill="%232A6FAC" data-original="%23000000" opacity="1"></path></g></svg>');
        background-repeat: no-repeat;
        background-size: contain;
    }

    .chat-section .msg-body ul li .content-message .upload-file-block .icon-box .fa-file-word {
        width: 40px;
        display: inline-block;
        height: 40px;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="40" x="0" y="0" viewBox="0 0 470.586 470.586" style="enable-background:new 0 0 512 512" xml:space="preserve"><g><path d="M327.081 0H90.234C74.334 0 61.38 12.959 61.38 28.859v412.863c0 15.924 12.953 28.863 28.854 28.863H380.35c15.917 0 28.855-12.939 28.855-28.863V89.234L327.081 0zm6.81 43.184 35.996 39.121h-35.996V43.184zm51.081 398.539c0 2.542-2.081 4.629-4.634 4.629H90.234c-2.551 0-4.62-2.087-4.62-4.629V28.859a4.617 4.617 0 0 1 4.62-4.613h219.41v70.181c0 6.682 5.444 12.099 12.129 12.099h63.198v335.197zM131.858 161.048l-25.29-99.674h18.371l11.688 49.795a816.55 816.55 0 0 1 4.592 20.516c1.555-6.682 3.425-13.774 5.272-20.723l13.122-49.583h16.863l11.969 49.929c1.552 6.517 3.094 13.243 4.395 19.742 1.339-5.784 2.823-11.718 4.348-17.83l.562-2.217 12.989-49.618h17.996l-28.248 99.673h-16.834l-12.395-51.173c-1.531-6.289-2.87-12.052-3.975-17.693-1.292 5.618-2.799 11.366-4.643 17.794l-13.964 51.072h-16.819v-.01zm110.749-21.185h108.448c5.013 0 9.079 4.069 9.079 9.079 0 5.012-4.066 9.079-9.079 9.079H242.607c-5.012 0-9.079-4.067-9.079-9.079.001-5.009 4.068-9.079 9.079-9.079zm117.528 69.703c0 5.012-4.066 9.079-9.079 9.079H125.338c-5.012 0-9.079-4.067-9.079-9.079a9.08 9.08 0 0 1 9.079-9.079h225.718c5.012 0 9.079 4.067 9.079 9.079zm0 53.717c0 5.012-4.066 9.079-9.079 9.079H125.338c-5.012 0-9.079-4.067-9.079-9.079a9.08 9.08 0 0 1 9.079-9.079h225.718c5.012 0 9.079 4.067 9.079 9.079zm0 53.717a9.08 9.08 0 0 1-9.079 9.079H125.338c-5.012 0-9.079-4.066-9.079-9.079 0-5.012 4.066-9.079 9.079-9.079h225.718c5.012 0 9.079 4.067 9.079 9.079zm0 54.474a9.08 9.08 0 0 1-9.079 9.079H125.338c-5.012 0-9.079-4.066-9.079-9.079s4.066-9.079 9.079-9.079h225.718c5.012 0 9.079 4.066 9.079 9.079z" fill="%232A6FAC" opacity="1" data-original="%23000000"></path></g></svg>');
        background-repeat: no-repeat;
        background-size: contain;
    }

    .chat-section .msg-body ul li .content-message .upload-file-block .icon-box .fa-file-excel {
        width: 40px;
        display: inline-block;
        height: 40px;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="45.54" x="0" y="0" viewBox="0 0 449.73 512" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><g data-name="Layer 2"><g data-name="Microsoft Excel file"><path d="M222.88 396.85c-9.72 0-10.38-.13-11.53-.34a15 15 0 0 1-12.29-14.75v-91.57a15 15 0 0 1 30 0v76.64l14.7-.07h.09a15 15 0 0 1 .09 30c-9.76.06-16.43.09-21.06.09zM321.6 396.84c-16.69 0-32.38-6.75-43.05-18.51a15 15 0 1 1 22.23-20.15c4.92 5.42 12.7 8.66 20.82 8.66 7.63 0 12-4.48 12.52-7.5.61-3.42-4.87-6.73-9.75-8.53-14.32-5.28-27.05-10.95-27.58-11.19a14.93 14.93 0 0 1-2.08-1.13 32.64 32.64 0 0 1-14.57-32.31c2-13.62 11.86-24.7 25.85-28.91 21.44-6.46 41.4 3.79 49.81 10.86l-19.3 23 .12.1c-.11-.08-10.82-8.56-22-5.2-2.76.84-4.52 2.46-4.8 4.46a2.76 2.76 0 0 0 .68 2.44c3.69 1.61 13.61 5.86 24.23 9.77 25.18 9.29 31.44 27.76 28.91 41.95-3.32 18.63-21 32.19-42.04 32.19zM169.4 396.84a15 15 0 0 1-12.28-6.37l-64.47-91.65a15 15 0 1 1 24.53-17.26l64.47 91.65a15 15 0 0 1-12.25 23.63z" fill="%232A6FAC" opacity="1" data-original="%23000000" class=""></path><path d="M100.27 396.84A15 15 0 0 1 88 373.2l64.56-91.65a15 15 0 0 1 24.53 17.28l-64.56 91.65a15 15 0 0 1-12.26 6.36zM373.48 512H76a34.87 34.87 0 0 1-34.84-34.83v-41.12a15 15 0 0 1 30 0v41.12A4.84 4.84 0 0 0 76 482h297.5a4.84 4.84 0 0 0 4.84-4.83v-41.12a15 15 0 0 1 30 0v41.12A34.87 34.87 0 0 1 373.48 512zM393.32 256.92a15 15 0 0 1-15-15v-123a4.89 4.89 0 0 0-1.43-3.43L293.12 31.4a4.78 4.78 0 0 0-3.4-1.4H76a4.84 4.84 0 0 0-4.84 4.83v207.09a15 15 0 1 1-30 0V34.83A34.87 34.87 0 0 1 76 0h213.72a34.61 34.61 0 0 1 24.63 10.2l83.79 84.09a34.68 34.68 0 0 1 10.18 24.61v123a15 15 0 0 1-15 15.02z" fill="%232A6FAC" opacity="1" data-original="%23000000" class=""></path><path d="M404.73 451.05H45a45 45 0 0 1-45-45V271.92a45.05 45.05 0 0 1 45-45h359.73a45 45 0 0 1 45 45v134.13a45 45 0 0 1-45 45zM45 256.92a15 15 0 0 0-15 15v134.13a15 15 0 0 0 15 15h359.73a15 15 0 0 0 15-15V271.92a15 15 0 0 0-15-15z" fill="%232A6FAC" opacity="1" data-original="%23000000" class=""></path></g></g></g></svg>');
        background-repeat: no-repeat;
        background-size: contain;
    }

    .chat-section .msg-body ul li .content-message .upload-file-block .icon-box .fa-file-image {
        width: 40px;
        display: inline-block;
        height: 40px;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="40" x="0" y="0" viewBox="0 0 407.51 407.51" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="m246.596 240.849-21.42 24.555-44.931-63.739a9.405 9.405 0 0 0-8.359-4.18 10.97 10.97 0 0 0-8.359 4.18l-68.963 92.996a12.538 12.538 0 0 0-1.045 12.016 11.494 11.494 0 0 0 9.404 6.792h191.216a11.493 11.493 0 0 0 9.404-6.792 11.494 11.494 0 0 0-1.045-11.494l-39.706-53.29a10.448 10.448 0 0 0-7.837-4.702 9.93 9.93 0 0 0-8.359 3.658zm-37.094 51.722H123.82l48.065-64.784 45.453 64.784h-7.836zm63.739 0h-30.302l-5.224-8.359 16.196-18.286 19.33 26.645zM228.31 212.114c17.601 0 31.869-14.268 31.869-31.869s-14.268-31.869-31.869-31.869-31.869 14.268-31.869 31.869 14.268 31.869 31.869 31.869zm-10.971-31.869c0-6.059 4.912-10.971 10.971-10.971s10.971 4.912 10.971 10.971-4.912 10.971-10.971 10.971-10.971-4.912-10.971-10.971z" fill="%232A6FAC" opacity="1" data-original="%23000000" class=""></path><path d="M362.58 113.371 251.82 3.135A10.45 10.45 0 0 0 244.506 0H94.041C65.187 0 41.796 23.391 41.796 52.245v303.02c0 28.854 23.391 52.245 52.245 52.245H313.47c28.854 0 52.245-23.391 52.245-52.245v-234.58a10.458 10.458 0 0 0-3.135-7.314zM256 104.49V36.571l73.665 73.143h-68.441A4.7 4.7 0 0 1 256 104.49zm88.816 250.775c0 17.312-14.035 31.347-31.347 31.347H94.041c-17.312 0-31.347-14.034-31.347-31.347V52.245c0-17.312 14.034-31.347 31.347-31.347h141.061v83.592c0 14.427 11.695 26.122 26.122 26.122h83.592v224.653z" fill="%232A6FAC" opacity="1" data-original="%23000000" class=""></path></g></svg>');
        background-repeat: no-repeat;
        background-size: contain;
    }

.chat-section .msg-body ul li.repaly .content-message audio {
    width: 300px;
    outline: none;
    vertical-align: middle;
}

.chat-section .msg-body ul li.repaly .content-message video {
    width: 300px;
    outline: none;
    color-scheme: dark;
    vertical-align: middle;
}

.chat-section .msg-body ul li.repaly .content-message .popup-media {
    position: relative;
    overflow: hidden;
    display: block;
}

    .chat-section .msg-body ul li.repaly .content-message .popup-media .over-link {
        position: absolute;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background: rgb(0 0 0 / 15%);
        vertical-align: middle;
        left: 0;
        top: 0;
    }

.chat-section .msg-body ul li.repaly .content-message img {
    width: 300px;
    height: 300px;
    object-fit: cover;
}

.chat-section .msg-body ul li.repaly p {
    color: #fff;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    display: inline-block;
    margin-bottom: 0;
    /*    padding: 15px;
                background: #2274b4; 
                border-top-right-radius: 10px;
                border-top-left-radius: 10px;
                border-bottom-right-radius: 10px;*/
}

    .chat-section .msg-body ul li.repaly p b {
        display: block;
        color: #061061;
        font-size: 14px;
        line-height: 1.5;
        font-weight: 500;
    }

.chat-section .msg-body ul li.repaly:after {
    display: block;
    content: '';
    clear: both;
}

.chat-section .time {
    display: block;
    color: #000;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 400;
}

.chat-section .msg-body ul li.repaly .content-message-box .time {
    display: inline-block;
    color: #bfe1fb;
}


.chat-section .divider {
    position: relative;
    z-index: 1;
    text-align: center;
}

.chat-section .msg-body .divider h6 {
    text-align: center;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.5;
    color: #222;
    background: #fff;
    display: inline-block;
    padding: 0 12px;
    margin-bottom: 0;
}

.chat-section .divider:after {
    display: block;
    content: '';
    clear: both;
    position: absolute;
    top: 12px;
    left: 0;
    border-top: 1px solid #EBEBEB;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.chat-section .send-box {
    padding: 15px;
    border-top: 1px solid #ccc;
}

    .chat-section .send-box form {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 15px;
    }

    .chat-section .send-box .form-control {
        display: block;
        min-height: 40px;
        vertical-align: middle;
        width: 100%;
        padding: 0.375rem 0.75rem;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.6;
        color: #222;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ccc;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 0.25rem;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    }

    .chat-section .send-box button.record-btn {
        border: 0;
        outline: none;
        background-color: transparent;
        border-radius: 50%;
        position: absolute;
        right: 6px;
        top: 8px;
        z-index: 1;
        cursor: pointer;
    }

    .chat-section .send-box button.btn-send {
        border: none;
        background: #0a2647;
        padding: 8px 12px 10px;
        color: #fff;
        border-radius: 10px;
        font-size: 15px;
        font-weight: 400;
        min-width: 80px;
        margin-left: 0;
        /*   position: absolute;
        left: 8px;
        bottom: 15px;*/
    }

        .chat-section .send-box button.btn-send svg {
            margin-left: 4px;
            transform: rotate(-180deg);
            vertical-align: middle;
        }

    .chat-section .send-box .box-message-write {
        width: 100%;
        position: relative;
    }

.chat-section .send-btns .button-wrapper {
    position: relative;
    width: 45px;
    height: 45px;
    margin: 0 auto;
    border-radius: 50%;
    background: #F6F7FA;
    padding: 5px;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    overflow: hidden;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

    .chat-section .send-btns .button-wrapper span.label {
        position: relative;
        z-index: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: auto;
        cursor: pointer;
        color: #343945;
        font-weight: 400;
        text-transform: capitalize;
        font-size: 15px;
        padding: 0;
    }

.chat-section #upload {
    display: inline-block;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}

.chat-section .send-btns .attach .form-control {
    display: inline-block;
    width: 120px;
    height: auto;
    padding: 5px 8px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    color: #343945;
    background-color: #F6F7FA;
    background-clip: padding-box;
    border: 1px solid #F6F7FA;
    border-radius: 3px;
    margin-bottom: 5px;
}

.chat-section .send-btns .button-wrapper span.label img {
    margin-right: 5px;
}

.chat-section .button-wrapper {
    position: relative;
    width: 100px;
    height: 100px;
    text-align: center;
    margin: 0 auto;
}

.chat-section button:focus {
    outline: 0;
}

.chat-section .add-apoint {
    display: inline-block;
    margin-left: 5px;
}

    .chat-section .add-apoint a {
        text-decoration: none;
        background: #F6F7FA;
        border-radius: 8px;
        padding: 8px 8px;
        font-size: 13px;
        font-weight: 400;
        line-height: 1.2;
        color: #343945;
    }

        .chat-section .add-apoint a svg {
            margin-right: 5px;
        }

.chat-section .chat-icon {
    display: none;
}

.chat-section .closess i {
    display: none;
}

.chat-section .msg-body ul li.divider {
    display: block;
}

.chat-section .chatbox .msg-head .box-img-user {
    position: relative;
}

    .chat-section .chatbox .msg-head .box-img-user .active {
        display: block;
        content: '';
        clear: both;
        position: absolute;
        bottom: 3px;
        left: 34px;
        height: 12px;
        width: 12px;
        background: #00DB75;
        border-radius: 50%;
        border: 2px solid #fff;
        z-index: 1;
    }

    .chat-section .chatbox .msg-head .box-img-user .offline {
        display: block;
        content: '';
        clear: both;
        position: absolute;
        bottom: 3px;
        left: 34px;
        height: 12px;
        width: 12px;
        background: #a9a9a9;
        border-radius: 50%;
        border: 2px solid #fff;
        z-index: 1;
    }

.chat-section .chat-list .offline {
    display: block;
    content: '';
    clear: both;
    position: absolute;
    bottom: 3px;
    left: 27px;
    height: 12px;
    width: 12px;
    background: #a9a9a9;
    border-radius: 50%;
    border: 2px solid #fff;
}

.chat-section .messages-section.message-area .tab-content {
    border: 0px solid #ffffff;
    border-radius: 0;
}

.chat-section .send-form-box {
    min-height: 80px;
    position: relative;
    border: 1px solid #ccc;
    border-radius: 0.25rem;
}

.chat-section .send-box .send-form-box textarea.form-control {
    border: 0px solid #ccc;
    min-height: 60px;
    padding: 8px 12px;
    margin-bottom: 38px;
    resize: none;
}

.chat-section .send-box .send-form-box .send-btns {
    /*    position: absolute;
    bottom: 8px;
    right: 12px;*/
    margin-bottom: 0;
}

.chat-section .moreoption .dropdown-menu[data-bs-popper] li {
    display: block;
    width: 100%;
}

    .chat-section .moreoption .dropdown-menu[data-bs-popper] li svg {
        vertical-align: middle;
        margin-right: 2px;
        display: inline-block;
    }
/*.chat-section .msg-body ul:has(.general-alert) {
    padding-top: 60px;
}*/
.chatbox .modal-dialog-scrollable .general-alert {
    width: 100%;
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f0f8ff;
    z-index: 1;
    padding: 10px 16px;
}

.chatbox .modal-dialog-scrollable .day-mes {
    text-align: center;
}

    .chatbox .modal-dialog-scrollable .day-mes .upload-more {
        display: inline-block;
        margin: 12px 0;
    }

        .chatbox .modal-dialog-scrollable .day-mes .upload-more a {
            background: #f0f8ff;
            padding: 8px 16px;
            border-radius: 5px;
            display: inline-block;
        }

.chatbox .modal-dialog-scrollable .general-alert .title-oofer {
    font-size: 18px;
}

.chatbox .modal-dialog-scrollable .general-alert .box-btn .btn-acceptoffer {
    margin-right: 5px;
}

.chatbox .modal-dialog-scrollable .general-alert #Riyal {
    width: 20px;
    height: 20px;
    margin-left: 1px;
}

.chatbox .modal-dialog-scrollable .general-alert .box-btn .btn {
    padding: 6px 18px;
}

@media (max-width: 767px) {
    .chat-section .chat-icon {
        display: block;
        margin-right: 5px;
    }

    .chat-section .chatlist {
        width: 100%;
    }

    .chat-section .chatbox {
        width: 100%;
        position: absolute;
        left: 1000px;
        right: 0;
        background: #fff;
        transition: all 0.5s ease;
        border-left: none;
    }

    .chat-section .showbox {
        left: 0 !important;
        transition: all 0.5s ease;
    }

    .chat-section .msg-head h3 {
        font-size: 14px;
    }

    .chat-section .msg-head p {
        font-size: 12px;
    }

    .chat-section .msg-head .user-img-chat img {
        height: 30px;
    }

    .chat-section .send-box button {
        width: 28%;
    }

    .chat-section .send-box .form-control {
        width: 70%;
    }

    .chat-section .chat-list h3 {
        font-size: 14px;
    }

    .chat-section .chat-list p {
        font-size: 12px;
    }

    .chat-section .msg-body ul li .content-message .upload-file-block .name-file {
        font-size: 13px;
    }

    .chat-section .msg-body ul li .content-message .upload-file-block .size-btn-box .btn-file-download a {
        font-size: 13px;
    }

    .chat-section .msg-body ul li.sender p,
    .chat-section .msg-body ul li.repaly p {
        font-size: 13px;
    }

    .chat-section .msg-body ul li.repaly .content-message-box {
        padding: 8px 10px;
    }

    .chat-section .send-btns .button-wrapper {
        width: 36px;
        height: 36px;
    }

    .chat-section .send-box button.btn-send {
        font-size: 14px;
    }
}
/***faq-style-2/5/2025******/
.faq-categories-section .category-block {
    padding: 20px;
    position: relative;
    border-radius: 15px;
    text-align: center;
    display: flex;
    min-height: 120px;
    height: 100%;
    justify-content: center;
    align-items: center;
    background-color: aliceblue;
    overflow: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

    .faq-categories-section .category-block:hover {
        transform: translateY(-5px);
    }

    .faq-categories-section .category-block h2.category-title {
        font-size: 18px;
        font-weight: 600;
        -webkit-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }

    .faq-categories-section .category-block:hover h2.category-title {
        color: #2274b4;
    }

    .faq-categories-section .category-block .icon-svg {
        position: absolute;
        top: 50%;
        right: -20px;
        width: 25%;
        opacity: 0.04;
        -webkit-transform: rotate(0) translateY(-50%);
        transform: rotate(0) translateY(-50%);
        -webkit-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }

    .faq-categories-section .category-block:hover .icon-svg {
        -webkit-transform: rotate(-7deg) translateY(-50%);
        transform: rotate(-7deg) translateY(-50%);
        opacity: 0.25;
    }

    .faq-categories-section .category-block .overlayer-link {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1;
        cursor: pointer;
        width: 100%;
        height: 100%;
    }

.supportQuestion-section .custome-nav-tabs {
    background: #f0f8ff;
}

    .supportQuestion-section .custome-nav-tabs .nav-item .nav-link.active {
        background-color: #2274b4;
        color: #fff !important;
        padding: 10px 14px;
    }

        .supportQuestion-section .custome-nav-tabs .nav-item .nav-link.active:hover {
            color: #fff !important;
        }

    .supportQuestion-section .custome-nav-tabs .nav-item .nav-link {
        line-height: 1.5;
        border: 0;
        border-bottom: 1px solid #ffffff;
        outline: none;
        box-shadow: none;
        margin-bottom: 0;
        padding: 10px 14px;
    }

        .supportQuestion-section .custome-nav-tabs .nav-item .nav-link:hover {
            border: 0;
            margin-bottom: 0;
            border-bottom: 1px solid #ffffff;
            color: #2274b4 !important;
        }

.supportQuestion-section .custome-nav-tabs {
    padding: 20px 15px;
}

.text-editor h6,
.text-editor h5,
.text-editor h4,
.text-editor h3,
.text-editor h2,
.text-editor h1 {
    margin-bottom: 0.3rem;
}

.text-editor img {
    max-width: 100%;
}

@media (max-width: 991px) {
    .supportQuestion-section .category-option {
        width: 100%;
        height: auto;
        position: relative;
        top: unset;
        left: unset;
        border-radius: 15px;
    }

    .supportQuestion-section .custome-nav-tabs .nav-item .nav-link {
        padding: 8px 12px;
        font-size: 15px;
    }

    .supportQuestion-section .custome-nav-tabs .nav-item.mb-2 {
        margin-bottom: 0.3rem !important;
    }

    .faq-categories-section .category-block h2.category-title {
        font-size: 16px;
        line-height: 1.7;
    }

    .faq-categories-section .category-block {
        padding: 15px;
        min-height: 100px;
        height: auto;
    }
}

/******dark-mode**********/
.dark-mode-item .dark-mode {
    border: 0;
    background: transparent;
    outline: none;
    display: inline-block;
    padding: 0;
    transition: .4s;
}

    .dark-mode-item .dark-mode:hover svg path {
        fill: #ffffff;
    }

.btn-negotiable {
    transition: .4s;
}

    .btn-negotiable:hover {
        transform: translateY(-5px);
    }

.riyal-pirce {
    margin-left: 4px;
    vertical-align: middle;
}

.form-group .help-block {
    display: block;
    text-align: left;
    margin-top: 6px;
}

.start-buy .check-m {
    padding: 0;
    border-radius: 12px;
    transition: .4s;
}

    .start-buy .check-m .check-lar {
        font-size: 16px;
    }

    .start-buy .check-m:has(.ng-not-empty) {
        background-color: #2c74b3;
    }

.start-buy .custome-form-check.check-m:has(.ng-not-empty) .form-check-label {
    color: #fff;
}

.myAdress-tab {
}

.myAccount-info-section .custome-nav-tabs {
    margin-bottom: 20px;
}

.btn-solid-default.btn-blue-theme {
    border: 2px solid #2c75b3;
}

    .btn-solid-default.btn-blue-theme::before {
        background: #2c75b3;
    }

.btn-blue-theme.btn-solid-default:hover {
    color: #2c75b3;
}

.myAccount-info-section .save-details-box .save-details .save-name {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    align-items: center;
}

.myAccount-info-section .save-details-box .save-details .save-position {
    position: relative;
    background-color: #f37329;
    top: unset;
    right: unset;
    color: #fff;
    padding: 5px 12px 8px;
    display: inline-flex;
    border-radius: 6px;
    font-size: 13px;
}

.myAccount-info-section .myAdress-tab .save-details-box .save-details {
    background-color: aliceblue;
    padding: 0;
}

    .myAccount-info-section .myAdress-tab .save-details-box .save-details .save-name {
        padding: 20px 20px 0;
        min-height: 52px;
    }

    .myAccount-info-section .myAdress-tab .save-details-box .save-details .save-address {
        padding: 0px 20px;
    }

    .myAccount-info-section .myAdress-tab .save-details-box .save-details .button {
        padding: 6px 0px 0px;
        margin: 0;
    }

.myAccount-info-section .save-details-box .save-details .save-address p {
    margin-bottom: 7px;
    padding-bottom: 8px;
    border-bottom: 1px solid #fff;
}

    .myAccount-info-section .save-details-box .save-details .save-address p svg {
        margin-right: 5px;
        vertical-align: middle;
    }

    .myAccount-info-section .save-details-box .save-details .save-address p.info-li {
        color: #606060;
        height: 30px;
        overflow: hidden;
        line-height: 1.6;
    }

        .myAccount-info-section .save-details-box .save-details .save-address p.info-li.mobile span {
            direction: rtl;
        }

.myAccount-info-section .myAdress-tab .save-details-box .save-details .button .btn-edit {
    background-color: #2c75b3;
    border-radius: 0 0 0 15px !important;
    color: #fff;
    margin: 0;
}

.myAccount-info-section .myAdress-tab .save-details-box .save-details .button .btn-delete {
    background-color: #0a2647;
    border-radius: 0 0 15px 0 !important;
    color: #fff;
    margin: 0;
}

    .myAccount-info-section .myAdress-tab .save-details-box .save-details .button .btn-edit svg,
    .myAccount-info-section .myAdress-tab .save-details-box .save-details .button .btn-delete svg {
        margin-right: 6px;
    }

.quick-view-modal .title-modal {
    margin-bottom: 30px;
}

.add-address-modal .map-ifram {
    height: 200px;
    width: 100%;
    vertical-align: middle;
    border-radius: 10px;
    overflow: hidden;
}

.faq-categories-section {
    min-height: 400px;
}

.right-nav .dark-mode-item {
    display: inline-block;
    margin-right: 10px;
    padding-right: 13px;
    border-right: 1px solid #5b90bf;
}

.right-nav .lang-dropdown {
    display: inline-block;
}

.dark-mode-item .dark-mode:hover {
    transform: translateY(-4px);
}

.notifications-nav {
    position: relative;
}

    .notifications-nav .cart-icon svg {
        width: 21px;
        height: 21px;
    }

    .notifications-nav .cart-icon .label {
        font-size: 10px;
        position: absolute;
        top: -6px;
        right: -8px;
        padding: 0;
        line-height: 1;
        width: 17px;
        height: 17px;
        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;
        background-color: #f37329;
    }

    .notifications-nav .cart-icon .notifications-nav {
        position: relative;
    }

header .notifications-nav .onhover-div {
    right: -32px;
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: 0;
}

.main-header .input-group-text {
    border-radius: 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.font-white {
    color: #ffffff !important;
}

header .search-full .input-group .input-group-text {
    width: 40px;
    height: 40px;
    border-radius: 50% !important;
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 4;
    padding: 0;
    background-color: transparent;
    justify-content: center;
    align-items: center;
    display: inline-flex !important;
    color: #000;
    transform: rotate(-90deg);
}

.font-theme {
    color: #2c75b3 !important;
}

.font-close {
    color: #ff5b5b !important;
}

.mobile-madia {
    display: none;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
    padding: 10px 14px;
    background-color: #ffffff;
    border-radius: 8px;
    cursor: pointer;
    width: 100%;
}

.supportQuestion-section .custome-nav-tabs .nav-item.mb-2:last-of-type {
    margin-bottom: 0 !important;
}

.supportQuestion-section .custome-nav-tabs .nav-item.mb-2 {
    width: 100%;
}

.chatbox .msg-head .dropdown-item {
    color: #282828;
    padding: 7px 10px;
    border-bottom: 1px solid #e9ecef;
}

.chatbox .msg-head li:last-of-type .dropdown-item {
    border-bottom: 0;
}

.chat-section .moreoption .dropdown-menu {
    padding: 10px 10px;
}

.chatbox .msg-head .dropdown-item:hover,
.chatbox .msg-head .dropdown-item:focus {
    border-radius: 20px;
    padding: 7px 10px;
}

.chat-section .moreoption .dropdown-menu li svg {
    vertical-align: middle;
    width: 20px;
    height: 20px;
}

.chat-section .chat-list a.d-flex:first-of-type {
    margin-top: 5px;
}

.chat-section .chat-list a.d-flex.open-chat {
    background-color: #f7f7f7;
    border-radius: 8px;
    border-bottom: 0;
}

.chat-section .chat-list a.d-flex .user-img-chat div {
    position: relative;
}

.chat-section .chat-list a.d-flex .user-img-chat img.img-fluid {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
}

.chat-section .chatbox .msg-head .box-img-user a .img-fluid {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    object-fit: cover;
}

.chat-section .chat-list a.d-flex .block-user-info .last-massage svg path {
    fill: #616161;
}

.chat-section .chat-list h3 .time {
    position: absolute;
    right: 0;
    top: 2px;
}

.chat-section .chat-list a.d-flex .block-user-info .last-massage {
    color: #616161;
    height: 22px;
    overflow: hidden;
    font-size: 12px;
}

.chat-section .chat-list a.d-flex .block-user-info .last-massage-box {
    position: relative;
    padding-right: 28px;
}

    .chat-section .chat-list a.d-flex .block-user-info .last-massage-box .box-arrow {
        position: absolute;
        right: 0;
        top: 0;
    }

.sun-svg {
    display: none
}

.moon-svg {
    display: inline-block;
}

.download-app h3,
.download-app h4 {
    font-size: 34px;
    line-height: 56px;
}
/****************/
.home-section {
    overflow: unset
}

    .home-section .banner-slider {
        position: relative
    }

        .home-section .banner-slider div {
            vertical-align: middle;
        }

    .home-section .home-slider img {
        border-radius: 20px;
    }

.main-header {
    padding: 10px 0;
}

.title-box-header {
    display: flex;
    justify-content: space-between;
}

.category-section.special-section {
    padding-right: 0;
    padding-left: 0;
}

.product-box.arrange-card .diamond {
    top: 8px;
    left: 8px;
}

.arrange-card .product-details a.font-default h2 {
    height: 30px;
    padding-left: 0;
    color: #0a2647;
    line-height: 1.6;
}

.featured-ad.arrange-card .product-details a.font-default h2 {
    height: 30px;
    padding-left: 0;
    color: #0a2647;
    line-height: 1.6;
}

    .featured-ad.arrange-card .product-details a.font-default h2::before {
        display: none;
    }

.product-box.arrange-card .diamond {
    display: none;
}

.featured-ad.product-box .diamond {
    display: inline-block;
}

.title-box-header {
    margin-bottom: 50px
}

    .title-box-header .box-btn-all a.btn {
        transition: .4s;
        font-weight: 700;
        display: inline-block;
        font-size: 16px;
        padding: 10px 20px;
    }

    .title-box-header .box-btn-all a svg {
        transform: scaleX(-1);
        margin-left: 10px;
        margin-right: 0;
    }

    .title-box-header .title {
        margin-bottom: 0;
    }

        .title-box-header .title span {
            /* display: none;*/
            text-align: left;
        }

.round-arrow {
    z-index: 1;
}

    .round-arrow .slick-prev {
        background-color: #f0f8ff;
        position: absolute;
        top: 40%;
        left: -10px;
        right: unset;
        z-index: 1;
        width: 42px;
        height: 42px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0;
    }


        .round-arrow .slick-prev::before {
            content: "";
            color: #000;
            font-weight: 900;
            z-index: 1;
            font-size: 16px;
            background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="25" height="25" x="0" y="0" viewBox="0 0 492.004 492.004" style="enable-background:new 0 0 512 512" xml:space="preserve"><g><path d="M382.678 226.804 163.73 7.86C158.666 2.792 151.906 0 144.698 0s-13.968 2.792-19.032 7.86l-16.124 16.12c-10.492 10.504-10.492 27.576 0 38.064L293.398 245.9l-184.06 184.06c-5.064 5.068-7.86 11.824-7.86 19.028 0 7.212 2.796 13.968 7.86 19.04l16.124 16.116c5.068 5.068 11.824 7.86 19.032 7.86s13.968-2.792 19.032-7.86L382.678 265c5.076-5.084 7.864-11.872 7.848-19.088.016-7.244-2.772-14.028-7.848-19.108z" fill="%232471B0" opacity="1" data-original="%23000000"></path></g></svg>');
            background-repeat: no-repeat;
            background-size: contain;
            width: 22px;
            height: 22px;
            position: relative;
            display: block;
            transition: .4s;
        }

    .round-arrow .slick-next {
        background-color: #f0f8ff;
        position: absolute;
        top: 40%;
        right: -10px;
        left: unset;
        transform: translateY(-50%);
        z-index: 1;
        width: 42px;
        height: 42px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0;
    }

        .round-arrow .slick-next::before {
            content: "";
            font-weight: 900;
            z-index: 1;
            font-size: 16px;
            background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="25" height="25" x="0" y="0" viewBox="0 0 492 492" style="enable-background:new 0 0 512 512" xml:space="preserve"><g><path d="M198.608 246.104 382.664 62.04c5.068-5.056 7.856-11.816 7.856-19.024 0-7.212-2.788-13.968-7.856-19.032l-16.128-16.12C361.476 2.792 354.712 0 347.504 0s-13.964 2.792-19.028 7.864L109.328 227.008c-5.084 5.08-7.868 11.868-7.848 19.084-.02 7.248 2.76 14.028 7.848 19.112l218.944 218.932c5.064 5.072 11.82 7.864 19.032 7.864 7.208 0 13.964-2.792 19.032-7.864l16.124-16.12c10.492-10.492 10.492-27.572 0-38.06L198.608 246.104z" fill="%232471B0" opacity="1" data-original="%23000000"></path></g></svg>');
            background-repeat: no-repeat;
            background-size: contain;
            width: 22px;
            height: 22px;
            position: relative;
            display: block;
            transition: .4s;
        }

    .round-arrow.arrow-hover:hover .slick-prev,
    .round-arrow.arrow-hover:hover .slick-next {
        opacity: 1;
    }

        .round-arrow.arrow-hover:hover .slick-prev:hover,
        .round-arrow .arrow-hover:hover .slick-next:hover {
            background-color: #2471b0;
        }

    .round-arrow .arrow-hover .slick-prev:hover, .round-arrow.arrow-hover .slick-next:hover {
        background-color: #2471b0;
    }

        .round-arrow.arrow-hover .slick-prev:hover::before {
            background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="25" height="25" x="0" y="0" viewBox="0 0 492.004 492.004" style="enable-background:new 0 0 512 512" xml:space="preserve"><g><path d="M382.678 226.804 163.73 7.86C158.666 2.792 151.906 0 144.698 0s-13.968 2.792-19.032 7.86l-16.124 16.12c-10.492 10.504-10.492 27.576 0 38.064L293.398 245.9l-184.06 184.06c-5.064 5.068-7.86 11.824-7.86 19.028 0 7.212 2.796 13.968 7.86 19.04l16.124 16.116c5.068 5.068 11.824 7.86 19.032 7.86s13.968-2.792 19.032-7.86L382.678 265c5.076-5.084 7.864-11.872 7.848-19.088.016-7.244-2.772-14.028-7.848-19.108z" fill="%23FFFFFF" opacity="1" data-original="%23000000"></path></g></svg>');
        }

        .round-arrow.arrow-hover .slick-next:hover::before {
            background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="25" height="25" x="0" y="0" viewBox="0 0 492 492" style="enable-background:new 0 0 512 512" xml:space="preserve"><g><path d="M198.608 246.104 382.664 62.04c5.068-5.056 7.856-11.816 7.856-19.024 0-7.212-2.788-13.968-7.856-19.032l-16.128-16.12C361.476 2.792 354.712 0 347.504 0s-13.964 2.792-19.028 7.864L109.328 227.008c-5.084 5.08-7.868 11.868-7.848 19.084-.02 7.248 2.76 14.028 7.848 19.112l218.944 218.932c5.064 5.072 11.82 7.864 19.032 7.864 7.208 0 13.964-2.792 19.032-7.864l16.124-16.12c10.492-10.492 10.492-27.572 0-38.06L198.608 246.104z" fill="%23FFFFFF" opacity="1" data-original="%23000000"></path></g></svg>');
        }

.dots-slider-box .slick-dots {
    margin-top: 30px;
    box-shadow: none;
    position: relative;
    bottom: 0;
}

    .dots-slider-box .slick-dots li {
        width: auto;
        height: auto;
    }

        .dots-slider-box .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;
        }

            .dots-slider-box .slick-dots li button::before {
                display: none;
            }

        .dots-slider-box .slick-dots li.slick-active button {
            margin: 0;
            width: 40px;
            background-color: #F1BE00;
            -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

.heart-button {
    -webkit-animation: none;
    animation: none;
    width: 35px;
    height: 35px;
    top: 8px;
    right: 8px;
    background-color: #f2f5fc;
}

    .heart-button svg {
        stroke: #8E95A7;
        fill: #8E95A7;
    }

    .heart-button.active svg {
        stroke: #ff731d;
        fill: #ff731d;
    }

.btn-solid-default svg {
    margin-right: 4px;
    vertical-align: middle
}

.product-box.featured-ad .btn-solid-default:hover {
    color: #F1BE00;
}

    .arrange-card.product-box.featured-ad .btn-solid-default:hover svg path,
    .product-box.featured-ad .btn-solid-default:hover svg path {
        fill: #F1BE00;
    }

.product-box.arrange-card .footer-card-product {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #e9e4de;
    margin-top: 15px;
    padding-top: 15px;
}

.card-zoud {
    position: relative;
    padding: 35px;
    background-color: #0a2647;
    background: linear-gradient(-4deg, rgb(1 108 226) 0%, rgb(0 39 96) 100%);
    border-radius: 20px;
    text-align: center;
    height: 100%;
    overflow: hidden;
    width: 95%;
    margin-left: auto;
}

    .card-zoud .title-card-zoud {
        font-size: 26px;
        color: #bbdfff;
        color: #ffffff;
        margin-bottom: 15px;
        line-height: 1.4;
    }

    .card-zoud .par-card-zoud {
        color: #ffffff;
        color: #e6f4ff;
        font-size: 18px;
        margin-bottom: 25px;
        line-height: 1.5;
    }

    .card-zoud .img-card-zoud {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
        z-index: 1;
        width: 160px;
        z-index: 1;
    }

    .card-zoud .img-card-logo {
        position: absolute;
        right: 64px;
        bottom: 6px;
        width: 100px;
        filter: blur(1px);
        z-index: 0;
        opacity: .1;
    }

    .card-zoud::after {
        content: "";
        width: 330px;
        height: 330px;
        border-radius: 50%;
        background-color: #0a26472e;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: -158px;
        z-index: 0;
    }

    .card-zoud .btn {
        min-width: 150px;
    }

    .card-zoud .btn-solid-default {
        border: 2px solid #f37329;
    }

    .card-zoud .btn-blue-light.btn.btn-solid-default::before {
        background: #f37329;
    }

    .card-zoud .btn-solid-default:hover {
        color: #f37329 !important;
        border-color: #f37329;
    }

        .card-zoud .btn-solid-default:hover svg path {
            fill: #f37329;
        }

@media (max-width: 1687px) {
    .card-zoud {
        padding: 25px;
    }

        .card-zoud .img-card-zoud {
            width: 140px;
        }

        .card-zoud::after {
            width: 290px;
            height: 290px;
            bottom: -170px;
        }

        .card-zoud .img-card-logo {
            right: 76px;
            bottom: -23px;
        }

        .card-zoud .par-card-zoud {
            margin-bottom: 15px;
            font-size: 17px;
        }

        .card-zoud .title-card-zoud {
            font-size: 24px;
            margin-bottom: 10px;
        }
}

.box-delevery-way .item-li {
    margin-right: 4px;
}

    .box-delevery-way .item-li:last-of-type {
        margin-right: 0;
    }

.arrange-card .btn {
    padding: 8px 12px;
}

.product-box.arrange-card .btn-solid-default:hover svg path {
    fill: #2c75b3;
}

.product-box.featured-ad .footer-card-product .date-alerm svg path,
.product-box.featured-ad .items-option-products svg path {
    fill: #f1be00;
}

.product-box.featured-ad .items-option-products .box-delevery-way svg path {
    fill: white;
}

.box-img-category {
    position: relative;
}

    .box-img-category .category-shap {
        width: 115px;
        height: 115px;
        border: 2px solid transparent;
        background-image: none;
        background-origin: border-box;
        background-clip: padding-box, border-box;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        margin-bottom: 10px;
        transition: .4s;
        background-color: aliceblue;
    }

.shop-category-section .category-wrap:hover .box-img-category .category-shap {
    transition: .4s;
    background-image: linear-gradient(#f8fcff, aliceblue), linear-gradient(-65deg, #2c74b3 0% 0%, #205596 75% 75%, #0b2749 100% 100%);
}

.plr-0.category-section {
    padding-right: 0;
    padding-left: 0;
}

.category-section.best-ads-section {
    background-color: #f0f8ff;
    background: linear-gradient(-359deg, #f0f8ff00 0%, #f0f8ff 100%);
    padding: 70px 0;
}

.shop-category-section .category-wrap.theme-bg-color {
    padding-right: 50px;
    padding-left: 20px;
    min-height: 146px;
    display: flex;
    align-items: center;
}

.btn-solid-default.btn-outline::before {
    opacity: 0;
    -webkit-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    color: #0e2647;
}

.btn-solid-default.btn-outline:hover::before {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    color: #ffffff;
}

.btn-solid-default.btn-outline {
    color: #0e2647;
}

    .btn-solid-default.btn-outline:hover {
        color: #ffffff;
    }

.btn-large-faq {
    line-height: 1.5;
    font-size: 18px;
    min-width: 250px;
}

.advertisementDetails-tabs.cloth-review .nav-tabs {
    justify-content: start;
}

    .advertisementDetails-tabs.cloth-review .nav-tabs .nav-link {
        padding: 8px 25px;
        font-size: 18px;
        margin-right: 15px;
        border: 0;
    }

        .advertisementDetails-tabs.cloth-review .nav-tabs .nav-link.active {
            background-color: #2a6fac;
        }

            .advertisementDetails-tabs.cloth-review .nav-tabs .nav-link.active:hover {
                color: #fff;
            }

        .advertisementDetails-tabs.cloth-review .nav-tabs .nav-link:hover {
            color: #2a6fac;
            border: 0;
        }

        .advertisementDetails-tabs.cloth-review .nav-tabs .nav-link:last-of-type {
            margin-right: 0;
        }

.btn-dark-blue {
    transition: .4s;
    background-color: #0e2647 !important;
}

    .btn-dark-blue:hover {
        background-color: #2a6fac !important;
    }

.question-answer .faq-items li {
    width: 100%;
}

.question-answer .faq-items .faq-btn {
    padding: 0;
    text-align: end;
    background-color: transparent;
    margin-top: 0;
}

.question-answer .faq-items .item-faq {
    position: relative;
    transition: .4s;
    overflow: hidden;
}

    .question-answer .faq-items .item-faq .que-details {
        position: relative;
        z-index: 1;
    }

    .question-answer .faq-items .item-faq .faq-title {
        position: relative;
        padding-right: 68px;
    }

.cloth-review .tab-pane .question-answer ul.faq-items li.item-faq .que .que-details p {
    margin-top: 10px;
}

.question-answer .faq-items .item-faq .faq-title .date-faq {
    font-size: 13px;
    position: absolute;
    right: 0;
    top: 0;
    color: #8e95a7;
    display: inline-block;
    z-index: 1;
}

.question-answer .faq-items .item-faq .faq-shape {
    position: absolute;
    right: -18px;
    bottom: -10px;
    z-index: 0;
    opacity: .1;
    filter: blur(1px);
    transform: rotate(15deg);
    transition: .4s;
}

.question-answer .faq-items .item-faq:hover .faq-shape {
    opacity: .2;
    transform: rotate(0deg);
}

.no-fag-block-box {
    background-color: #eff2f7;
    margin: 10px 0;
    padding: 50px 20px;
    border-radius: 16px;
}

.no-fag-block {
    text-align: center;
    /* margin-bottom: 20px;*/
}

    .no-fag-block .no-data-img {
        width: 110px;
        margin-bottom: 20px;
    }

    .no-fag-block .no-data-title {
        font-size: 20px;
        font-weight: 600;
        color: #0a2647;
        line-height: 1.5;
    }


.advertisementDetails-tabs .shipping-chart .part {
    padding: 20px;
    box-shadow: none;
    border-radius: 10px;
    background-color: #eff2f7;
}

.date-ads-block .item-date-ads {
    text-align: center;
    max-width: 50%;
    flex: 0 0 50%;
    border-right: 1px solid #c4cbd6;
}

    .date-ads-block .item-date-ads:last-of-type {
        border-right: 0;
    }

    .date-ads-block .item-date-ads .box-date-title {
        display: flex;
        justify-content: center;
        margin-bottom: 10px;
    }

        .date-ads-block .item-date-ads .box-date-title svg {
            margin-right: 6px;
        }

        .date-ads-block .item-date-ads .box-date-title p {
            font-weight: 700;
            margin-bottom: 0;
            font-size: 16px;
        }

    .date-ads-block .item-date-ads .par-date {
        margin-bottom: 0;
    }

.advertisementDetails-section .cloth-details-size-box {
    padding-right: 20px;
}

.advertisementDetails-section .details-image-concept .title-details {
    width: calc(100% - 80px);
}

.advertisementDetails-section .details-image-concept .btn-report {
    margin-right: 5px;
}

.advertisementDetails-section .user-sell {
    box-shadow: none;
    border: 1px solid #eff2f7;
}

    .advertisementDetails-section .user-sell .img-sell-box {
        position: relative;
    }

        .advertisementDetails-section .user-sell .img-sell-box .span-off-on {
            width: 14px;
            height: 14px;
            border-radius: 50%;
            background-color: #b2b1b0;
            border: 2px solid #fff;
            position: absolute;
            bottom: 10px;
            right: 12px;
        }

            .advertisementDetails-section .user-sell .img-sell-box .span-off-on.active {
                background-color: #00b52d;
            }

        .advertisementDetails-section .user-sell .img-sell-box img {
            width: 70px;
            height: 70px;
            border-radius: 50%;
            object-fit: cover;
        }

.code-ads-box {
    display: inline-block;
}

    .code-ads-box .price-detail-bidding {
        margin: 0;
        padding: 7px 15px;
        border-radius: 25px;
    }

        .code-ads-box .price-detail-bidding span {
            margin-bottom: 0;
            font-weight: 700;
            font-size: 15px;
        }

        .code-ads-box .price-detail-bidding p.dir-ltr {
            font-weight: 700;
            margin-left: 3px;
            font-family: sans-serif;
        }

.box-delever-option {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #dadcde;
}

    .box-delever-option .item-box {
        background-color: #eff2f7;
        padding: 15px 12px !important;
        margin: 0 0 10px;
        border-radius: 10px;
        display: flex;
        max-width: calc(50% - 10px);
        flex: 0 0 calc(50% - 10px);
        margin-right: 20px;
    }

        .box-delever-option .item-box:last-of-type {
            margin-right: 0px;
        }

        .box-delever-option .item-box .box-icon {
            margin-right: 12px;
        }

        .box-delever-option .item-box .info-way .title-way {
            color: #0a2647;
            margin-bottom: 3px;
            font-size: 18px;
        }

        .box-delever-option .item-box .info-way .par-way {
            margin-bottom: 0;
        }

.list-box-category {
    padding: 0;
    list-style: none;
    margin-top: 8px;
}

    .list-box-category .item-category {
        display: inline-block;
        margin-right: 5px;
        padding-right: 12px;
        position: relative;
        color: #2c75b3;
    }

        .list-box-category .item-category:last-of-type {
            margin-right: 0;
            padding-right: 0;
        }

        .list-box-category .item-category::after {
            content: "";
            position: absolute;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background-color: #f37329;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
        }

        .list-box-category .item-category:last-of-type::after {
            display: none;
        }

.advertisementDetails-section .box-infoOn-img .details-image-concept {
    margin-bottom: 20px;
    margin-top: 8px;
}

    .advertisementDetails-section .box-infoOn-img .details-image-concept .title-details {
        width: calc(100% - 50px);
        text-transform: uppercase;
        font-size: 28px;
        line-height: 1.2em;
        color: #0e2647;
    }

.details-items .cloth-details-size .details-image-concept h2.title-details {
    width: calc(100% - 80px);
}
/* -------------------------------------------- audio start ---------------------------------------------------------------- */
.rec-div {
    margin: 0 15px !important
}

#trashButton .fa-trash {
    color: #8d8d8d;
    font-size: 20px;
    margin-bottom: 0;
    padding: 0;
    line-height: 20px;
}

.time-r {
    font-size: 20px;
    font-weight: 700;
    width: auto !important;
    margin: 0 15px;
}

.voice-record .btn-stop-record {
    background-color: #ff4f4f;
    padding: 10px;
    border-radius: 50%;
    color: white;
    margin: 0 10px;
    font-size: 10px !important;
    width: 27px;
    height: 27px;
    line-height: 7px;
    background-image: none;
}

    .voice-record .btn-stop-record .fa.fa-pause {
        width: 14px;
        height: 14px;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="25" height="25" x="0" y="0" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve"><g><path d="M227.556 56.889v398.222c0 31.292-25.597 56.889-56.889 56.889H56.889C25.597 512 0 486.403 0 455.111V56.889C0 25.597 25.597 0 56.889 0h113.778c31.291 0 56.889 25.597 56.889 56.889zM512 56.889v398.222C512 486.403 486.403 512 455.111 512H341.333c-31.292 0-56.889-25.597-56.889-56.889V56.889C284.444 25.597 310.042 0 341.333 0h113.778C486.403 0 512 25.597 512 56.889z" fill="%23FFFFFF" opacity="1" data-original="%23000000"></path></g></svg>');
    }

.voice-record .btn-stop-record {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    width: 30px;
    height: 30px;
    background-color: #0e2647;
}

    .voice-record .btn-stop-record .fa-stop {
        width: 14px;
        height: 14px;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="25" height="25" x="0" y="0" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M512 85.333v341.333C512 473.597 473.597 512 426.667 512H85.333C38.403 512 0 473.597 0 426.667V85.333C0 38.403 38.403 0 85.333 0h341.333C473.597 0 512 38.403 512 85.333z" fill="%23FFFFFF" opacity="1" data-original="%23000000" class=""></path></g></svg>');
    }

    .voice-record .btn-stop-record .fa-play-circle {
        width: 14px;
        height: 14px;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" x="0" y="0" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g transform="matrix(1,0,0,1,5,0)"><path d="M493.197 255.929c0 32.432-16.769 60.947-44.724 76.876L150.19 500.534C136.492 508.369 121.675 512 106.858 512c-15.37 0-30.467-3.917-44.444-12.026-27.395-16.216-43.611-44.444-43.611-76.03V88.199c0-31.586 16.216-60.1 43.611-76.03 27.395-15.943 60.1-16.216 87.775-.846l298.284 168.016c27.955 15.657 44.724 44.444 44.724 76.59z" fill="%23FFFFFF" opacity="1" data-original="%23000000" class=""></path></g></svg>');
    }

.voice-record .btn-delete-record {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    width: 30px;
    height: 30px;
    background-color: #ff4f4f;
    border-radius: 50%;
}

    .voice-record .btn-delete-record .fa-trash {
        width: 14px;
        height: 14px;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="25" height="25" x="0" y="0" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M460.8 102.4H358.4V76.8c0-42.238-34.562-76.8-76.8-76.8h-51.2c-42.238 0-76.8 34.562-76.8 76.8v25.6H51.2c-14.081 0-25.6 11.525-25.6 25.6s11.519 25.6 25.6 25.6h25.6v281.6c0 42.238 34.562 76.8 76.8 76.8h204.8c42.238 0 76.8-34.562 76.8-76.8V153.6h25.6c14.081 0 25.6-11.525 25.6-25.6s-11.519-25.6-25.6-25.6zm-256-25.6c0-14.075 11.519-25.6 25.6-25.6h51.2c14.081 0 25.6 11.525 25.6 25.6v25.6H204.8zM230.4 384c0 14.075-11.519 25.6-25.6 25.6s-25.6-11.525-25.6-25.6V256c0-14.075 11.519-25.6 25.6-25.6s25.6 11.525 25.6 25.6zm102.4 0c0 14.075-11.519 25.6-25.6 25.6s-25.6-11.525-25.6-25.6V256c0-14.075 11.519-25.6 25.6-25.6s25.6 11.525 25.6 25.6z" fill="%23FFFFFF" opacity="1" data-original="%23000000"></path></g></svg>');
    }

.voice-record .fa.fa-upload {
    background-color: #ffffff;
    padding: 10px;
    border-radius: 23px;
    color: #717c21;
    margin: 0px 13px;
    font-size: 10px !important;
    width: 27px;
    height: 27px;
    line-height: 7px;
    background-image: none;
}

.list-recordings li audio {
    margin: 0 8px;
    height: 40px;
    width: 300px;
    height: 40px;
    outline: none;
    vertical-align: middle;
}

.list-recordings li #removeButton {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    width: 30px;
    height: 30px;
    background-color: #ff4f4f;
    border-radius: 50%;
    vertical-align: middle;
    margin-top: 2px;
}

    .list-recordings li #removeButton .fa-trash {
        width: 14px;
        height: 14px;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="25" height="25" x="0" y="0" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M460.8 102.4H358.4V76.8c0-42.238-34.562-76.8-76.8-76.8h-51.2c-42.238 0-76.8 34.562-76.8 76.8v25.6H51.2c-14.081 0-25.6 11.525-25.6 25.6s11.519 25.6 25.6 25.6h25.6v281.6c0 42.238 34.562 76.8 76.8 76.8h204.8c42.238 0 76.8-34.562 76.8-76.8V153.6h25.6c14.081 0 25.6-11.525 25.6-25.6s-11.519-25.6-25.6-25.6zm-256-25.6c0-14.075 11.519-25.6 25.6-25.6h51.2c14.081 0 25.6 11.525 25.6 25.6v25.6H204.8zM230.4 384c0 14.075-11.519 25.6-25.6 25.6s-25.6-11.525-25.6-25.6V256c0-14.075 11.519-25.6 25.6-25.6s25.6 11.525 25.6 25.6zm102.4 0c0 14.075-11.519 25.6-25.6 25.6s-25.6-11.525-25.6-25.6V256c0-14.075 11.519-25.6 25.6-25.6s25.6 11.525 25.6 25.6z" fill="%23FFFFFF" opacity="1" data-original="%23000000"></path></g></svg>');
    }

#recordingsList {
    list-style-type: none !important;
    position: absolute;
    top: 42px;
    right: 0;
    display: flex;
    flex-direction: row-reverse;
}

    #recordingsList li {
        list-style-type: none !important;
        position: absolute;
        top: 12px;
        display: flex !important;
        right: 10px;
    }



    #recordingsList .btn {
        margin: 0 5px;
        border-radius: 20px !important
    }

    #recordingsList audio {
        margin: 0 5px;
    }



.recoredd.record-chat {
    right: 8px !important;
    top: 6px !important;
}


.record-chat .fa-microphone {
    background: 100% !important;
    color: #434651 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    height: unset !important;
    display: unset !important;
    width: unset !important;
    font-size: 20px;
}

.message .voice-record .fa.fa-pause, .voice-record .fa.fa-play-circle, .voice-record .fa.fa-stop {
    margin: 0px 5px;
}


.area-voice {
    padding: 19px 25px 77px;
}

.div-master-show {
    width: 240px;
    height: 45px;
    border-radius: 50px !important;
    position: absolute;
    display: none !important;
    top: 55px;
    right: 54px;
}


#bars {
    display: flex;
    justify-content: center;
    align-items: center;
    /*     background: black; */
}

.bar {
    background: #5c5c5c;
    bottom: 1px;
    height: 3px;
    width: 5px;
    margin: 0px 4px;
    animation: sound 0ms -600ms linear infinite alternate;
    border-radius: 50px !important;
}

@keyframes sound {
    0% {
        opacity: .35;
        height: 3px;
    }

    100% {
        opacity: 1;
        height: 30px;
    }
}

.bar:nth-child(1) {
    right: 1px;
    animation-duration: 474ms;
}

.bar:nth-child(2) {
    right: 15px;
    animation-duration: 433ms;
}

.bar:nth-child(3) {
    right: 29px;
    animation-duration: 407ms;
}

.bar:nth-child(4) {
    right: 43px;
    animation-duration: 458ms;
}

.bar:nth-child(5) {
    right: 57px;
    animation-duration: 400ms;
}

.bar:nth-child(6) {
    right: 71px;
    animation-duration: 427ms;
}

.bar:nth-child(7) {
    right: 85px;
    animation-duration: 441ms;
}

.bar:nth-child(8) {
    right: 99px;
    animation-duration: 419ms;
}

.bar:nth-child(9) {
    right: 113px;
    animation-duration: 487ms;
}

.bar:nth-child(10) {
    right: 127px;
    animation-duration: 442ms;
}

#min {
    font-size: 20px !important
}

#sec {
    font-size: 20px !important
}

.div-re {
    display: flex !important;
}

.btn-f-new {
    width: 100%;
    margin: 10px 0;
}


.icon-del {
    background-color: #717c21;
    /* width: 57px; */
    /* height: 66px; */
    padding: 3px 11px;
    border-radius: 50px !important;
    z-index: 999;
    position: absolute;
    line-height: 2;
    color: white;
    top: 9px;
    right: 23px;
}



/*******previw files before send*******/
.chat-section .send-box form {
    display: block;
}

.controls-chat-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 4px 12px;
}

.box-preview-files-send {
    width: 100%;
}


    .messages-section .chatlist .modal-body::-webkit-scrollbar-track,
    .box-preview-files-send .list-files-box::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: #F5F5F5;
    }

    .messages-section .chatlist .modal-body::-webkit-scrollbar,
    .box-preview-files-send .list-files-box::-webkit-scrollbar {
        height: 6px;
        width: 6px;
        background-color: #F5F5F5;
    }

    .messages-section .chatlist .modal-body::-webkit-scrollbar-thumb,
    .box-preview-files-send .list-files-box::-webkit-scrollbar-thumb {
        background-color: #092445;
        border-radius: 25px;
    }



    .box-preview-files-send .list-files-box {
        border-top: 1px solid #cccccc;
        padding: 12px 12px 6px;
        margin-bottom: 15px;
        cursor: default;
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
        width: 100%;
        gap: 16px;
    }

    .box-preview-files-send .upload-img {
        position: relative;
        display: inline-flex;
        padding: 4px;
        justify-content: center;
        align-items: center;
        border-radius: 8px;
        border: 1px solid #d9edfe;
        vertical-align: middle;
        height: 62px;
        background-color: #f0f8ff;
    }

        .box-preview-files-send .upload-img img {
            display: block;
            display: block;
            -o-object-fit: cover;
            object-fit: cover;
            aspect-ratio: 1;
            height: 54px;
            cursor: pointer;
            border-radius: 6px;
            vertical-align: middle;
        }

    .box-preview-files-send .pdf-file {
        padding: 7px;
        border: 1px solid #d9edfe;
        border-radius: 8px;
        position: relative;
        display: inline-flex;
        background-color: #f0f8ff;
    }

        .box-preview-files-send .pdf-file .icon-box {
            margin-right: 5px;
            height: 38px;
            width: 38px;
            vertical-align: middle;
        }

    .box-preview-files-send .info-file .name-file {
        margin-bottom: 1px;
        font-weight: 700;
        color: #0e2647;
        font-family: sans-serif;
        font-size: 15px;
        white-space: nowrap;
    }

    .box-preview-files-send .info-file div span {
        color: #626262;
        font-size: 14px;
    }

    .box-preview-files-send .remove-file-box {
        width: 24px;
        height: 24px;
        position: absolute;
        right: -12px;
        top: -6px;
        outline: none;
        border: 0;
        border-radius: 50%;
        background-color: #ffffff;
        box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);
        z-index: 2;
    }

        .box-preview-files-send .remove-file-box svg {
            width: 13px;
            height: 13px;
        }

            .box-preview-files-send .remove-file-box svg path {
                fill: #e33535;
            }

.audio-send-block {
    padding: 12px 12px 6px;
    margin-bottom: 15px;
    width: 100%;
    border-top: 1px solid #cccccc;
    text-align: end;
}

.audio-send-item {
    display: inline-flex;
    justify-content: space-between;
    border-radius: 10px;
    max-width: 100%;
    position: relative;
    gap: 9px;
}

    .audio-send-item .audio-send audio {
        width: 220px;
        height: 38px;
        outline: none;
        color-scheme: dark;
        vertical-align: middle
    }

    .audio-send-item .remove-audio {
        width: 38px;
        height: 38px;
        border-radius: 50%;
        border: 0;
        background: #ffebeb;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: .4s;
    }

.details-image-1.big-height-ads .popup-media {
    position: relative;
    background-color: #f2f2f2;
    height: 700px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    overflow: hidden;
    right: 0;
    top: 0;
}

    .details-image-1.big-height-ads .popup-media .over-link {
        position: absolute;
        background: #00000033;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        right: 0;
        top: 0;
        cursor: pointer
    }

        .details-image-1.big-height-ads .popup-media .over-link svg {
            transition: .4s;
        }

    .details-image-1.big-height-ads .popup-media:hover svg {
        transform: scale(1.1);
    }

    .details-image-1.big-height-ads .popup-media video {
        width: 100%;
        height: 700px;
    }

.details-items .details-image-vertical video {
    width: 100%;
    -webkit-filter: grayscale(20%) blur(1px);
    filter: grayscale(20%) blur(1px);
    opacity: 0.8;
    height: 150px;
    object-fit: cover;
    background-color: #f1f1f1;
    width: 100%;
}

.black-slide .slick-list .slick-track .slick-slide.slick-active:hover video {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
}

.black-slide .slick-list .slick-track .slick-slide.slick-center video {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
}


/*********************/
.auction-block-card {
    border: 1px solid #dee2e6;
    border-radius: 10px;
    padding: 20px;
    background-color: #fff;
    margin-bottom: 20px;
}

    .auction-block-card .product-count {
        background-color: transparent;
        padding: 0 !important;
        margin: 0px 0;
        border-radius: 10px;
        margin-left: 8px;
    }

    .auction-block-card .title-card {
        font-size: 20px;
        color: #0e2647;
    }

    .auction-block-card .product-count .span-text {
        margin-right: 8px;
        font-size: 14px;
    }

    .auction-block-card .countdown-container {
        gap: 0;
    }

        .auction-block-card .countdown-container .countdown-box .number {
            padding: 3px;
            background-color: aliceblue;
            color: #2a6fac;
            border-radius: 5px;
            width: 30px;
            height: 30px;
            display: inline-flex;
            justify-content: center;
            align-items: center;
        }

        .auction-block-card .countdown-container .countdown-box span {
            display: none;
        }

        .auction-block-card .countdown-container .countdown-box {
            margin-left: 5px;
            padding-left: 8px;
            position: relative;
        }

            .auction-block-card .countdown-container .countdown-box::after {
                content: " : ";
                color: #0e2647;
                position: absolute;
                left: 0;
                top: 0;
                font-weight: 700;
                font-size: 18px;
            }

            .auction-block-card .countdown-container .countdown-box:last-of-type::after {
                display: none;
            }

            .auction-block-card .countdown-container .countdown-box:last-of-type {
                margin-left: 0;
                padding-left: 0;
            }

    .auction-block-card .balance-warning {
        background-color: #f8d7da;
        color: #dc3545;
        padding: 10px;
        border-radius: 8px;
        margin-top: 15px;
        font-size: 14px;
    }

.btn-solid-default:hover svg path {
    fill: #2c75b3;
}

.auction-block-card .footer-card-auction {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* padding-top: 20px;*/
    margin-top: 20px;
    /*  border-top: 1px solid #dadcde;*/
}

    .auction-block-card .footer-card-auction .product-description {
        flex: 1 1 0%;
    }

        .auction-block-card .footer-card-auction .product-description .qty-box {
            width: 100%;
            padding: 3px 6px;
            border: 1px solid #dee2e6;
            border-radius: 10px;
            background: #eff2f7;
        }

            .auction-block-card .footer-card-auction .product-description .qty-box .input-group {
                justify-content: space-between;
            }

            .auction-block-card .footer-card-auction .product-description .qty-box .input-group-prepend .quantity-left-minus {
                width: 34px;
                height: 34px;
                padding: 4px 6px;
                display: inline-flex;
                justify-content: center;
                align-items: center;
            }

            .auction-block-card .footer-card-auction .product-description .qty-box .input-group-prepend .quantity-right-plus {
                width: 34px;
                height: 34px;
                display: inline-flex;
                justify-content: center;
                align-items: center;
                padding: 4px 6px;
            }

            .auction-block-card .footer-card-auction .product-description .qty-box .price-input-box {
                position: relative;
            }

            .auction-block-card .footer-card-auction .product-description .qty-box .input-group .form-control {
                font-size: 22px;
                line-height: 3px;
                max-width: 150px;
                padding: 5px;
                flex: unset;
                background-color: #eff2f7;
                padding-right: 30px;
                font-weight: 600;
            }

            .auction-block-card .footer-card-auction .product-description .qty-box .price-input-box #Riyal {
                position: absolute;
                right: 5px;
                top: 8px;
                width: 24px;
                height: 25px;
            }

    .auction-block-card .footer-card-auction .btn-box {
        flex: 1 1 0%;
        margin-left: 16px;
    }

        .auction-block-card .footer-card-auction .btn-box .btn-blue-light.btn-solid-default {
            width: 100%;
        }

.auction-block-card .body-card-auction .price-detail-bidding {
    padding: 5px 0;
    background-color: transparent;
    border-radius: 0;
    margin-right: 0;
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .auction-block-card .body-card-auction .price-detail-bidding span {
        font-size: 16px;
        margin-bottom: 0;
    }

.auction-block-card .header-card-auction {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #dadcde;
}

.advertisement-block-card {
    border: 1px solid #dee2e6;
    border-radius: 10px;
    padding: 25px 20px;
    background-color: #fff;
}

    .advertisement-block-card .header-advertisement-card {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #dadcde;
    }

        .advertisement-block-card .header-advertisement-card .price .icon-svg {
            margin-right: 8px;
        }

        .advertisement-block-card .header-advertisement-card .btn-negotiable {
            /*   margin-right: 5px;
            background-color: aliceblue;
            font-size: 15px;
            font-weight: 700;
            color: #2a6fac;
            padding: 8px 14px;*/
            margin-left: 0;
            background-color: transparent;
            font-size: 14px;
            font-weight: 700;
            color: #0a2647;
            padding: 0;
            margin-top: 6px;
            display: inline-block;
        }

            .advertisement-block-card .header-advertisement-card .btn-negotiable svg {
                height: 22px;
                width: 22px;
                margin-left: 6px;
                vertical-align: middle;
                transition: .4s;
            }

        .advertisement-block-card .header-advertisement-card a.btn-negotiable.badge-price:hover {
            color: #2a6fac;
            transform: translateY(0);
        }

            .advertisement-block-card .header-advertisement-card a.btn-negotiable.badge-price:hover svg {
                transform: translateX(4px);
            }

                .advertisement-block-card .header-advertisement-card a.btn-negotiable.badge-price:hover svg path {
                    fill: #2c75b3;
                }

.contact-list-saller .item-contact {
    margin-right: 8px;
}

    .contact-list-saller .item-contact.btn-call {
        margin-left: 0;
    }

    .contact-list-saller .item-contact:last-of-type {
        margin-right: 0;
    }

.contact-list-saller .chat-user.item-contact .btn-y-blue {
    padding: 10px;
    display: inline-flex;
    width: 47px;
    height: 47px;
    justify-content: center;
    align-items: center;
}

    .contact-list-saller .chat-user.item-contact .btn-y-blue:hover {
        transform: translateY(-3px);
    }

.contact-list-saller .item-contact a.btn-whatsapp {
    transition: .4s;
    background-color: #64B161;
    display: inline-flex;
    width: 47px;
    height: 47px;
    justify-content: center;
    align-items: center;
}

    .contact-list-saller .item-contact a.btn-whatsapp svg {
        width: 27px;
    }

    .contact-list-saller .item-contact a.btn-whatsapp:hover {
        transform: translateY(-3px);
    }

.contact-list-saller .item-contact a.btn-call {
    transition: .4s;
    margin: 0;
    display: inline-flex;
    width: 47px;
    height: 47px;
    justify-content: center;
    align-items: center;
}

    .contact-list-saller .item-contact a.btn-call:hover {
        transform: translateY(-3px);
    }

.list-edit-for-saller {
    text-align: end;
    margin-bottom: 20px;
}

    .list-edit-for-saller .report-this {
        display: inline-block;
        margin-right: 6px;
    }

        .list-edit-for-saller .report-this:last-of-type {
            margin-right: 0;
        }

        .list-edit-for-saller .report-this .btn {
            color: #fff;
            padding: 8px 12px;
        }

            .list-edit-for-saller .report-this .btn.btn-y-blue.btn-repost:hover,
            .list-edit-for-saller .report-this .btn.btn-y-blue.btn-convertSell:hover,
            .list-edit-for-saller .report-this .btn.btn-y-blue.btn-update:hover {
                transform: translateY(-5px);
                background-color: #2a6fac !important;
            }

            .list-edit-for-saller .report-this .btn.btn-dark-blue.btn-edit:hover {
                transform: translateY(-5px);
                background-color: #0e2647 !important;
            }

            .list-edit-for-saller .report-this .btn svg {
                width: 20px;
                height: 20px;
                margin-right: 5px;
            }

            .list-edit-for-saller .report-this .btn.btn-y-blue:hover {
                background-color: #0e2647 !important;
            }

.product-count.views-number-block {
    background-color: transparent;
    padding: 0 !important;
    margin: 0;
    border-radius: 0;
}

    .product-count.views-number-block ul {
        justify-content: center;
    }

        .product-count.views-number-block ul li {
            display: inline-flex;
            align-items: center;
            margin-right: 20px;
        }

            .product-count.views-number-block ul li .box-icon {
                width: 35px;
                height: 35px;
                border-radius: 50%;
                display: inline-flex;
                justify-content: center;
                align-items: center;
                background-color: #f0f8ff;
                margin-right: 8px;
            }

            .product-count.views-number-block ul li .lang {
                font-size: 18px;
                font-weight: 700;
            }

            .product-count.views-number-block ul li:last-of-type {
                margin-right: 0;
            }

.btn-blue-light.btn-solid-default:hover {
    color: #2c75b3;
}

.hover-outline.btn-solid-default:hover svg path {
    fill: none;
}

.advertisement-block-card .ul-btn-controls .item-btn .dropdown-menu {
    box-shadow: none;
    background-color: #f7f7f7;
    padding: 6px 15px;
    text-align: center;
    z-index: 1;
    min-width: unset !important;
    right: -6px !important;
    margin-top: 10px !important;
}

    .advertisement-block-card .ul-btn-controls .item-btn .dropdown-menu::after {
        content: "";
        display: inline-block;
        right: 50%;
        position: absolute;
        top: -2px;
        width: 12px;
        border-style: solid;
        border-width: 0 12px 12px 0;
        height: 0;
        width: 0;
        border-color: transparent;
        border-bottom-color: #f7f7f7;
        -moz-transform: rotate(-225deg) translateX(50%);
        -ms-transform: rotate(-225deg) translateX(50%);
        -webkit-transform: rotate(-225deg) translateX(50%);
        transform: rotate(-225deg) translateX(-50%);
    }

    .advertisement-block-card .ul-btn-controls .item-btn .dropdown-menu li {
        margin-right: 6px;
    }

        .advertisement-block-card .ul-btn-controls .item-btn .dropdown-menu li:last-of-type {
            margin-right: 0;
        }

        .advertisement-block-card .ul-btn-controls .item-btn .dropdown-menu li .dropdown-item {
            width: 36px;
            height: 36px;
            padding: 0;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            background-color: #e7e7e7;
            border-radius: 50%;
            transition: .4s;
        }

            .advertisement-block-card .ul-btn-controls .item-btn .dropdown-menu li .dropdown-item:hover {
                transform: translateY(-2px);
            }

            .advertisement-block-card .ul-btn-controls .item-btn .dropdown-menu li .dropdown-item svg {
                width: 20px;
                height: 20px;
            }

.advertisement-block-card .ul-btn-controls .item-btn {
    display: inline-block;
    margin-right: 5px;
}

    .advertisement-block-card .ul-btn-controls .item-btn .btn-action {
        padding: 8px 12px;
        border-radius: 6px;
        background-color: #f7f7f7;
        display: inline-block;
        transition: .4s;
        position: relative;
        min-width: 100px;
        text-align: center;
        color: #1b1b1b;
    }

        .advertisement-block-card .ul-btn-controls .item-btn .btn-action.heart-button {
            width: auto;
            height: auto;
            top: unset;
            right: unset;
        }

            .advertisement-block-card .ul-btn-controls .item-btn .btn-action.heart-button svg path {
                fill: none;
                stroke: #1b1b1b;
            }

            .advertisement-block-card .ul-btn-controls .item-btn .btn-action.heart-button:hover svg path {
                fill: none;
                stroke: #2a6fac;
            }

            .advertisement-block-card .ul-btn-controls .item-btn .btn-action.heart-button.active:hover,
            .advertisement-block-card .ul-btn-controls .item-btn .btn-action.heart-button.active {
                color: #ff731d;
            }

            .advertisement-block-card .ul-btn-controls .item-btn .btn-action.heart-button:hover {
                stroke: #2a6fac;
            }

            .advertisement-block-card .ul-btn-controls .item-btn .btn-action.heart-button.active:hover svg path,
            .advertisement-block-card .ul-btn-controls .item-btn .btn-action.heart-button.active svg path {
                stroke: #ff731d;
                fill: #ff731d;
            }

        .advertisement-block-card .ul-btn-controls .item-btn .btn-action svg {
            margin-right: 6px;
            vertical-align: middle;
            width: 16px;
            height: 16px;
        }

        .advertisement-block-card .ul-btn-controls .item-btn .btn-action:hover {
            transform: translateY(-3px);
            color: #2a6fac;
        }

            .advertisement-block-card .ul-btn-controls .item-btn .btn-action:hover svg path {
                fill: #2a6fac;
            }

    .advertisement-block-card .ul-btn-controls .item-btn:last-of-type {
        margin-right: 0px;
    }

.red-riyal .cls-1 {
    fill: #dc3545;
}

.auction-block-card .product-buttons.bidding-buttuns {
    margin-top: 6px;
    margin-bottom: 0;
}

    .auction-block-card .product-buttons.bidding-buttuns .checkbox_animated {
        top: 3px;
    }

    .auction-block-card .product-buttons.bidding-buttuns .custome-form-check .form-check-label {
        font-size: 18px !important;
        font-weight: 400;
    }

.auction-block-card .current-price-box .price {
    justify-content: center;
    margin-bottom: 12px;
}

    .auction-block-card .current-price-box .price span {
        margin-right: 4px;
        vertical-align: middle;
    }

.user-sell.ownerAdSection .link-details {
    margin-top: 3px;
    display: inline-block;
    transition: .4s;
    color: #0e2647;
    cursor: pointer;
}

    .user-sell.ownerAdSection .link-details svg {
        height: 22px;
        width: 22px;
        margin-left: 6px;
        vertical-align: middle;
        transition: .4s;
    }

    .user-sell.ownerAdSection .link-details:hover {
        color: #2c75b3;
    }

        .user-sell.ownerAdSection .link-details:hover svg {
            transform: translateX(4px);
        }

            .user-sell.ownerAdSection .link-details:hover svg path {
                fill: #2c75b3;
            }

.advertisementDetails-section .advertisement-block-card .user-sell.ownerAdSection .img-sell-box img {
    width: 60px;
    height: 60px;
}

.advertisementDetails-section .advertisement-block-card .user-sell.ownerAdSection .img-sell-box .span-off-on {
    bottom: 10px;
    right: 4px;
}

.advertisementDetails-section .advertisement-block-card .user-sell.ownerAdSection .info-person h5 {
    /* max-width: 142px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    word-break: break-word;
    overflow-wrap: break-word;
}
/*.download-app-mobile-card {
    position: fixed;
    bottom: 40px;
    right: 50%;
    transform: translateX(50%);
    background: #fff;
    padding: 30px 55px;
    min-width: 300px;
    border-radius: 10px;
    box-shadow: 0 0 41px #0000001c;
}*/
.download-app-mobile-card {
    position: fixed;
    bottom: -100%;
    right: 50%;
    transform: translateX(50%);
    width: 90%;
    max-width: 400px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 0px 22px rgba(0, 0, 0, 0.2);
    transition: bottom 0.5s ease;
    z-index: 9999;
    padding: 50px 25px;
}

    .download-app-mobile-card .title-app-card {
        font-weight: 700;
        font-size: 22px;
        text-align: center;
        margin-bottom: 12px;
    }

    .download-app-mobile-card .par-app {
        text-align: center;
        margin-bottom: 16px;
        font-size: 15px;
    }

    .download-app-mobile-card.show {
        bottom: 100px;
    }


    .download-app-mobile-card .btn-close-popup {
        border: none;
        font-size: 20px;
        cursor: pointer;
        position: absolute;
        right: 10px;
        top: 12px;
        background: none;
        background-color: #ffebea;
        border-radius: 6px;
        width: 35px;
        height: 35px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }

        .download-app-mobile-card .btn-close-popup svg {
            width: 16px;
            height: 16px;
        }

    .download-app-mobile-card .box-download-app {
        text-align: center;
        margin-top: 0;
    }

        .download-app-mobile-card .box-download-app .item--app {
            margin-right: 8px;
            margin-bottom: 0;
        }

            .download-app-mobile-card .box-download-app .item--app:last-of-type {
                margin-right: 0;
            }

            .download-app-mobile-card .box-download-app .item--app a {
                display: inline-flex;
                width: 44px;
                height: 44px;
                background-color: aliceblue;
                border-radius: 6px;
                justify-content: center;
                align-items: center;
                transition: .4s;
            }

                .download-app-mobile-card .box-download-app .item--app a.btn-app-store {
                    background-color: #e5e5e5;
                }

                .download-app-mobile-card .box-download-app .item--app a.btn-hwawi-store {
                    background-color: #f9dbdd;
                }

                .download-app-mobile-card .box-download-app .item--app a svg {
                    width: 28px;
                    height: 28px;
                }

                .download-app-mobile-card .box-download-app .item--app a:hover {
                    transform: translateY(-4px);
                }

.category-section.product-type-section,
.category-section.product-type-section {
    overflow: hidden;
}

footer .main-footer {
    overflow: hidden;
}

.icon-chat-box {
    position: relative;
}

    .icon-chat-box .num-chat {
        font-size: 11px;
        position: absolute;
        top: -6px;
        right: -8px;
        padding: 0;
        line-height: 1;
        width: 19px;
        height: 19px;
        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;
        background-color: #f37329;
        color: #fff;
        font-weight: 500;
        border-radius: 50%;
    }

.chat-section .chat-list .block-user-info {
    width: calc(100% - 46px);
}

.chat-section .chat-list a.d-flex .block-user-info .last-massage {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

.chat-section .msg-body ul li.sender .box-img {
    display: inline-block;
    margin-left: 5px;
}

.chat-section .msg-body ul li.sender .box-message-info {
    text-align: start;
}

.chat-section .msg-body ul li.sender .time {
    display: inline-block;
}

.chat-section .msg-body ul li.sender .box-img img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    object-fit: cover;
}

.mobile-menu ul li a:not([href]):not([class]),
.mobile-menu ul li a:not([href]):not([class]):hover {
    color: rgba(35, 35, 35, 0.4);
}

.mobile-menu ul li a.active:not([href]):not([class]), .mobile-menu ul li a:hover:not([href]):not([class]) {
    color: var(--theme-color);
}

.chat-section .send-btns .button-wrapper span.label svg {
    width: 22px;
    height: 22px;
}

.buy-ads-popup .box-img {
    margin-bottom: 20px;
}

.buy-ads-popup .title-popup {
    text-align: left;
    margin-bottom: 15px;
}

.buy-ads-popup .list-ul-box {
    text-align: left;
    margin-bottom: 15px;
    padding-left: 15px;
}

    .buy-ads-popup .list-ul-box li {
        display: block;
        margin-bottom: 5px;
        position: relative;
        padding-left: 15px;
    }

        .buy-ads-popup .list-ul-box li::after {
            content: "";
            width: 6px;
            height: 6px;
            border-radius: 50%;
            position: absolute;
            left: 0;
            top: 10px;
            background-color: #27405d;
        }

        .buy-ads-popup .list-ul-box li:last-of-type {
            margin-bottom: 0;
        }

.modal.buy-ads-popup .btn-box-footer .btn.btn-gray-close {
    background-color: #e7e7e7;
    margin-left: 10px;
}

.modal.buy-ads-popup .btn-box-footer .btn:hover {
    transform: translateY(-3px);
}

.modal.buy-ads-popup .btn-box-footer {
    margin-top: 30px;
}

.modal.buy-ads-popup .custome-form-check .form-check-label {
    font-size: 18px !important;
}

    .modal.buy-ads-popup .custome-form-check .form-check-label a {
        color: #2a6fac;
    }

.not-found-data-card {
    height: 340px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 0;
    text-align: center;
}

    .not-found-data-card .box-not-found img {
        width: 110px;
        margin-bottom: 20px;
    }

    .not-found-data-card .box-not-found .par-not-found {
        font-size: 20px;
        font-weight: 600;
        color: #0a2647;
        line-height: 1.5;
        margin-bottom: 0;
    }

.btn-bidders-box {
    display: flex;
    gap: 10px;
}

    .btn-bidders-box .add-btn {
        margin-top: 20px;
        flex: 1;
    }

        .btn-bidders-box .add-btn .btn.btn-y-blue svg {
            margin-right: 4px;
            vertical-align: middle;
        }

.sticky-bottom-cart .block-offer-buy {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .sticky-bottom-cart .block-offer-buy .offer-buy-info {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .sticky-bottom-cart .block-offer-buy p {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 0px;
        vertical-align: middle;
    }

        .sticky-bottom-cart .block-offer-buy p span {
            vertical-align: middle;
        }

    .sticky-bottom-cart .block-offer-buy .user-info-info-block {
        display: flex;
        align-items: center;
    }

        .sticky-bottom-cart .block-offer-buy .user-info-info-block p {
            margin-bottom: 0px;
            display: inline-block;
            margin-right: 6px;
        }

        .sticky-bottom-cart .block-offer-buy .user-info-info-block .contact-option a {
            margin-right: 5px;
            display: inline-block;
        }

            .sticky-bottom-cart .block-offer-buy .user-info-info-block .contact-option a:last-of-type {
                margin-right: 0;
            }

        .sticky-bottom-cart .block-offer-buy .user-info-info-block .contact-option .btn-chat {
            width: 31px;
            height: 31px;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            background-color: #2a6fac;
            border-radius: 50%;
            vertical-align: middle;
        }

    .sticky-bottom-cart .block-offer-buy .add-btn {
        display: inline-flex;
    }

        .sticky-bottom-cart .block-offer-buy .add-btn .btn {
            margin-right: 4px;
            min-width: 90px;
            padding: 8px 8px;
        }

            .sticky-bottom-cart .block-offer-buy .add-btn .btn:last-of-type {
                margin-right: 0;
            }

            .sticky-bottom-cart .block-offer-buy .add-btn .btn.btn-rejectoffer {
                background-color: #ff2626;
            }

    .sticky-bottom-cart .block-offer-buy .contact-option a {
        display: inline-block;
        margin-right: 4px;
        transition: .4s;
    }

        .sticky-bottom-cart .block-offer-buy .contact-option a:hover {
            transform: translateY(-3px);
        }

        .sticky-bottom-cart .block-offer-buy .contact-option a:last-of-type {
            margin-right: 0;
        }

.btn-gray.btn-solid-default {
    border: 2px solid #d4d4d4;
    color: #0a2647;
}

.btn-gray.btn.btn-solid-default::before {
    background: #d4d4d4;
}

.update-electrical-bidding-popup .par-block {
    width: calc(100% - 70px);
    text-align: left !important;
}

    .update-electrical-bidding-popup .par-block .font-light {
        font-size: 17px;
    }

.update-electrical-bidding-popup .svg-margin {
    margin-right: 12px;
}

.title-have-span .title-box-header {
    margin-bottom: 0
}

.title-have-span .span-title {
    margin-bottom: 40px;
    display: block;
    font-size: 16px;
    color: #8e95a7;
    margin-top: 8px;
}

.list-advertisements-section .title-have-span .span-title {
    margin-bottom: 25px;
}

.btn.btn-confirmShipping {
    padding: 10px 12px;
    transition: .4s;
}

.btn-y-blue.btn-confirmShipping:hover {
    background: #0a2647 !important;
}

.btn-y-blue.btn-confirmShipping svg {
    margin-right: 4px;
    vertical-align: middle;
}

.sticky-bottom-cart .cart-content .add-btn.view-list-price {
    margin-left: 35px;
}

    .sticky-bottom-cart .cart-content .add-btn.view-list-price .btn svg {
        margin-right: 3px;
        vertical-align: middle;
    }

cf-turnstile {
    max-width: 100%;
    min-width: 100%;
}

.advertisementDetails-section .col-lg-5 .state-2 {
    padding: 10px 15px;
    border-radius: 6px;
    text-align: center;
    font-size: 16px;
    margin-top: 10px;
}

    .advertisementDetails-section .col-lg-5 .state-2.auctionEnd-state {
        background-color: #ffeaea;
        color: #eb2929;
        border: 1px solid #eb2929;
    }

    .advertisementDetails-section .col-lg-5 .state-2.winner-state {
        background-color: #e5f5e7;
        color: #29a037;
        border: 1px solid #0fa722;
    }

    .advertisementDetails-section .col-lg-5 .state-2.waiting-state {
        background-color: aliceblue;
        color: #2a6fac;
        border: 1px solid #2a6fac;
    }

.swal-button.swal-button--cancel {
    color: #0a2647;
    background-color: #d4d4d4;
    border-color: #d4d4d4;
}

    .swal-button.swal-button--cancel:hover {
    }

.advertisementDetails-section .details-items .cloth-details-size {
    position: relative;
    top: unset;
}

.category-side .category-option .category-name .accordion-item.filter-scroll {
    max-height: 1000px;
}

#price-offer .btn-solid.bg-dark {
    background-color: #2c74b3 !important;
}

.checkout-sec .user-sell.checkout-card .info-person a {
    display: block;
}

.dashboard-right .save-details-box .save-details .btn-gray.btn-solid-default {
    color: #fff;
}

    .dashboard-right .save-details-box .save-details .btn-gray.btn-solid-default:hover {
        color: #2c75b3;
    }

.seller-details-section .seller-details-box {
    display: flex;
    align-items: center;
}

    .seller-details-section .seller-details-box .seller-avatar {
        border-radius: 50%;
        margin-bottom: 0;
        width: 110px;
        height: 110px;
        object-fit: fill;
        margin-right: 15px;
    }

header .search-full .input-group .input-group-text.close-search {
    left: unset;
}

.seller-details-section .ul-btn-controls-option {
    position: absolute;
    right: 11px;
    top: 11px;
}

.seller-details.seller-details-section .ul-btn-controls-option .report-this {
    margin-right: 5px;
    margin-left: 0;
}

    .seller-details.seller-details-section .ul-btn-controls-option .report-this .report-this-link {
        height: 30px;
        width: 30px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 2px;
        border-radius: 50% !important;
    }

        .seller-details.seller-details-section .ul-btn-controls-option .report-this .report-this-link svg {
            margin-right: 0;
        }

.seller-details-section .ul-btn-controls-option .item-btn .dropdown-menu {
    box-shadow: none;
    background-color: #ffffff;
    padding: 6px 6px;
    text-align: center;
    z-index: 1;
    min-width: unset !important;
    right: -10px !important;
    margin-top: 2px !important;
}

    .seller-details-section .ul-btn-controls-option .item-btn .dropdown-menu::after {
        content: "";
        display: inline-block;
        right: 50%;
        position: absolute;
        top: -2px;
        width: 12px;
        border-style: solid;
        border-width: 0 12px 12px 0;
        height: 0;
        width: 0;
        border-color: transparent;
        border-bottom-color: #ffffff;
        -moz-transform: rotate(-225deg) translateX(50%);
        -ms-transform: rotate(-225deg) translateX(50%);
        -webkit-transform: rotate(-225deg) translateX(50%);
        transform: rotate(-225deg) translateX(-50%);
    }

    .seller-details-section .ul-btn-controls-option .item-btn .dropdown-menu li {
        margin-right: 0;
        margin-bottom: 5px;
    }

        .seller-details-section .ul-btn-controls-option .item-btn .dropdown-menu li:last-of-type {
            margin-bottom: 0;
        }

        .seller-details-section .ul-btn-controls-option .item-btn .dropdown-menu li .dropdown-item {
            width: 34px;
            height: 34px;
            padding: 0;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            color: #2a6fac !important;
            background-color: #f0f8ff;
            border-radius: 50%;
            transition: .4s;
        }

            .seller-details-section .ul-btn-controls-option .item-btn .dropdown-menu li .dropdown-item .btn-share {
            }

            .seller-details-section .ul-btn-controls-option .item-btn .dropdown-menu li .dropdown-item:hover {
                transform: translateY(-2px);
            }

            .seller-details-section .ul-btn-controls-option .item-btn .dropdown-menu li .dropdown-item svg {
                width: 18px;
                height: 18px;
            }

        .seller-details-section .ul-btn-controls-option .item-btn .dropdown-menu li:nth-of-type(2) .dropdown-item svg path {
            fill: #2a6fac;
        }

.seller-details-section .ul-btn-controls-option .item-btn {
    display: inline-block;
    margin-right: 5px;
    position: relative;
}

    .seller-details-section .ul-btn-controls-option .item-btn .btn-action {
        transition: .4s;
        position: relative;
        text-align: center;
        height: 30px;
        width: 30px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 2px;
        border-radius: 50% !important;
        min-width: 30px;
        background-color: #2c75b3;
    }

        .seller-details-section .ul-btn-controls-option .item-btn .btn-action svg path {
            fill: #fff !important;
        }

        .seller-details-section .ul-btn-controls-option .item-btn .btn-action svg {
            margin-right: 0;
            vertical-align: middle;
            width: 18px;
            height: 18px;
        }

        .seller-details-section .ul-btn-controls-option .item-btn .btn-action:hover {
            transform: translateY(-3px);
            color: #2a6fac;
        }

            .seller-details-section .ul-btn-controls-option .item-btn .btn-action:hover svg path {
                fill: #2a6fac;
            }

    .seller-details-section .ul-btn-controls-option .item-btn:last-of-type {
        margin-right: 0px;
    }

.seller-details-section.break .bg-m {
    padding: 25px 25px;
    position: relative;
}

.product-box.arrange-card .items-option-products .date h3 {
    font-size: 20px;
}

.product-box.arrange-card .items-option-products .date .loc .h6 {
    font-size: .9rem;
}

.product-box.arrange-card .box-delevery-way .item-li {
    margin-right: 2px;
}

    .product-box.arrange-card .box-delevery-way .item-li .box-icon svg {
        width: 26px;
        height: 26px;
    }

.dark-img-app {
    display: none;
}

.list-advertisements-section .list-style .product-box {
    padding: 15px 15px;
}

    .list-advertisements-section .list-style .product-box .product-details h2 {
        font-weight: 700;
        margin: 0;
    }

    .list-advertisements-section .list-style .product-box .product-details span {
        margin-top: 0;
    }

.list-advertisements-section .list-style .slider-products.small-height-ads img {
    max-width: 100%;
    height: 165px;
    background: #f2f2f2;
}

.filter-options-other .filter-2 {
    padding: 0;
    background-color: transparent;
}

    .filter-options-other .filter-2 .form-control {
        padding: 10px 12px;
        min-width: 130px;
        border-radius: 10px;
        border-color: #eff2f7;
        background-color: #eff2f7;
    }

        .filter-options-other .filter-2 .form-control .select2-drop {
            min-width: 240px;
        }

.list-advertisements-section .list-style .product-box .img-wrapper {
    width: 30%;
}

.list-advertisements-section .list-style .product-box .product-details {
    width: 70%;
}

.advertisements-section .hide-button {
    display: none !important;
}

.advertisements-section .category-side .category-option {
    background-color: #fff;
}

.break h1 {
    margin-bottom: 0;
}

.break .breadcrumb {
    margin-bottom: 0;
}

.supportQuestion-section .accordion-button {
    background-color: #2274b4;
    font-weight: 700;
    color: #fff;
}

    .supportQuestion-section .accordion-button.collapsed {
        background-color: #f0f8ff;
        color: #0a2647;
    }

    .supportQuestion-section .accordion-button .accordio-svg {
        margin-right: 6px;
        vertical-align: middle;
    }

    .supportQuestion-section .accordion-button.collapsed .accordio-svg path {
        fill: #0a2647;
    }

    .supportQuestion-section .accordion-button:focus {
        box-shadow: none;
    }

.supportQuestion-section .accordion-item .accordion-collapse {
    background-color: #f0f8ff;
}

.supportQuestion-section .accordion-item {
    border-radius: 10px;
    border: 0;
    margin-bottom: 10px;
    overflow: hidden;
}

    .supportQuestion-section .accordion-item:first-of-type .accordion-button {
        border-radius: 0;
    }

    .supportQuestion-section .accordion-item:last-of-type {
        margin-bottom: 0px;
    }

.supportQuestion-section .accordion-button:not(.collapsed)::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="150" height="150" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g transform="matrix(1,0,0,1,7.105427357601002e-15,5.329070518200751e-15)"><path d="M12 18a1 1 0 0 1-.71-.29l-10-10a1 1 0 0 1 1.42-1.42l9.29 9.3 9.29-9.3a1 1 0 1 1 1.42 1.42l-10 10A1 1 0 0 1 12 18z" fill="%23FFFFFF" opacity="1" data-original="%23000000" class=""></path></g></svg>');
    background-size: 19px 19px;
}

.supportQuestion-section .accordion-button:not(.collapsed) {
    box-shadow: none;
}

.supportQuestion-section .accordion-button span {
    width: calc(100% - 56px);
}

.dropdown-item:hover, .dropdown-item:focus {
    border-radius: 6px;
    padding: 10px;
}

.select-featured .dropdown-menu li {
    margin-bottom: 2px;
}

.supportQuestion-section {
    min-height: 600px;
    display: flex;
    width: 100%;
    align-items: center;
}

.advertisement-block-card .contact-withSaller {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 20px;
}

    .advertisement-block-card .contact-withSaller .item-contactSaller {
        flex: 1 0 0;
        width: 100%;
    }

        .advertisement-block-card .contact-withSaller .item-contactSaller a {
            margin: 0;
            border: 1px solid #f0f8ff;
            display: flex;
            align-items: center;
            padding: 15px 20px;
            border-radius: 10px !important;
            font-weight: bold;
            font-size: 15px;
            background-color: #f0f8ff !important;
            color: #2274b4 !important;
            transition: .4s;
            justify-content: center;
        }

            .advertisement-block-card .contact-withSaller .item-contactSaller a:hover {
                color: #2274b4 !important;
                border: 1px solid #2274b4;
            }

            .advertisement-block-card .contact-withSaller .item-contactSaller a svg {
                margin-right: 6px;
                vertical-align: middle;
                width: 20px;
                height: 20px;
            }

                .advertisement-block-card .contact-withSaller .item-contactSaller a svg path {
                    fill: #2274b4;
                }

            .advertisement-block-card .contact-withSaller .item-contactSaller a:hover svg path {
                fill: #2274b4;
            }

.advertisements-section .select2-container .select2-choice .select2-arrow b {
    background: url(../images/down-arrow.png);
    background-repeat: no-repeat;
    background-position: center right;
}

.advertisements-section .select2-container .select2-choice > .select2-chosen {
    margin-right: 16px;
}

.advertisements-section .select-featured .dropdown-toggle::before {
    top: 67%;
}

.advertisements-section .custom-gy-5 > div {
    margin-top: 20px;
    margin-bottom: 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
    .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b {
        background-image: url(../images/down-arrow.png) !important;
        background-repeat: no-repeat !important;
        background-position: center right !important;
        background-size: auto !important;
    }
}
/*********************/
.supportQuestion-section .btn-back {
    display: inline-block;
    padding: 6px 8px 8px;
    min-width: 100px;
    border-radius: 8px !important;
}

    .supportQuestion-section .btn-back span {
        display: inline-block;
    }

    .supportQuestion-section .btn-back svg {
        width: 14px;
        height: 14px;
        margin-top: 5px;
    }

.login-section .logo-full {
    width: 110px;
    margin-bottom: 12px;
}

.download-app-modal:has(.show) {
    height: 100vh;
    width: 100vw;
    background-color: rgba(0, 0, 0, 0.6);
    position: fixed;
    z-index: 999;
    top: 0;
    opacity: 1;
    visibility: visible;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
/***invoice****/
.invoice-card {
    border: 1px solid #E4E4E6;
    border-radius: 10px;
    padding: 15px 15px;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    height: 100%;
}

    .invoice-card .date-status {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 15px;
    }

    .invoice-card .date {
        color: #0a2647;
        font-size: 12px;
        font-weight: 600;
    }

        .invoice-card .date svg {
            height: 14px;
            width: 11px;
            margin-right: 0px;
            vertical-align: middle;
            margin-top: -2px;
        }

            .invoice-card .date svg path {
                fill: #0a2647;
            }

    .invoice-card .status {
        padding: 3px 8px;
        border-radius: 20px;
        font-size: 10px;
        font-weight: 500;
    }



    .invoice-card .item-details {
        display: flex;
        align-items: start;
        justify-content: space-between;
    }

    .invoice-card .invoice-info {
        display: flex;
        flex-direction: column;
        width: calc(100% - 90px);
        text-align: left; /* Align text to the right for RTL */
    }

    .invoice-card .invoice-number {
        font-size: 16px;
        color: #2274b4;
        margin-bottom: 0;
        font-weight: 700;
        line-height: 1.2;
        display: block;
    }

    .invoice-card .item-name {
        font-size: 17px;
        font-weight: 700;
        color: #0a2647;
        margin-bottom: 5px;
        display: block;
        height: 28px;
        overflow: hidden;
    }

    .invoice-card .footer-price {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 10px;
    }

    .invoice-card .info-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 2px;
    }

    .invoice-card .price {
        font-size: 18px;
        font-weight: 600;
        color: #2a6fac;
        display: inline-block;
        vertical-align: middle;
    }

        .invoice-card .price #Riyal {
            width: 20px;
            fill: #2274b4;
        }

            .invoice-card .price #Riyal .cls-1 {
                fill: #2274b4;
            }

    .invoice-card .icon-container {
        width: 80px; /* Adjust as needed */
        height: 80px; /* Adjust as needed */
        border-radius: 5px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0; /* Prevent icon from shrinking */
        margin-right: 10px; /* Space between icon and text */
    }

        .invoice-card .icon-container a {
            display: inline-flex;
            width: 80px;
            height: 80px;
            align-items: center;
            background-color: #F4F5F8;
            border-radius: 5px;
            justify-content: center;
        }

    .invoice-card .invoice-icon {
        height: 50px;
    }

    .invoice-card .footer-invoice {
        display: flex;
        gap: 8px;
    }

        .invoice-card .footer-invoice .btn {
            flex: 1 0 0;
            padding: 9px;
            border-radius: 8px !important;
        }

    .invoice-card .btn-dark-blue:hover {
        background-color: #0e2647 !important;
    }

    .invoice-card .btn:hover {
        transform: translateY(-3px);
    }

.style-tab-2 .cloth-review .nav-tabs {
    justify-content: start;
    padding: 0;
    background-color: transparent;
    border-radius: 0;
}

.style-tab-2 .tab-content {
    border: 1px solid #eff2f7;
    border-radius: 0 15px 15px 15px;
    padding: 20px;
}

.style-tab-2 .cloth-review .tab-pane {
    padding-top: 0;
}

.style-tab-2 .cloth-review .nav-tabs .nav-link {
    color: #0a2647;
    border-radius: 15px 15px 0 0;
    border: 0;
    position: relative;
    text-align: center;
    margin-right: 15px;
    background-color: #eff2f7;
    padding: 10px 20px;
    font-size: 18px;
    font-weight: 600;
    white-space: nowrap;
}

    .style-tab-2 .cloth-review .nav-tabs .nav-link:last-of-type {
        margin-right: 0;
    }

    .style-tab-2 .cloth-review .nav-tabs .nav-link.active {
        border-radius: 15px 15px 0 0;
        background-color: #0a2647;
        color: #ffffff;
    }

.btn-y-pink {
    background-color: #F92D59;
}

.done-paid {
    background-color: #019F21;
    color: #fff;
    padding: 3px 8px;
    border-radius: 20px;
    font-size: 10px;
    font-weight: 500;
    display: inline-block;
    margin-left: 4px;
    vertical-align: middle;
}

.invoice-card .info-header .invoice-number-box {
    display: inline-flex;
    align-items: center;
}

.newStatus {
    background-color: #019F21;
    color: #ffffff;
}

.sentStatus {
    background-color: #2d74b4;
    color: #ffffff;
}

.wait-receivedStatus {
    background-color: #efbc11;
    color: #ffffff;
}

.receivedStatus {
    background-color: #0A79FF;
    color: #ffffff;
}

.recoveredStatus {
    background-color: #ff731d;
    color: #ffffff;
}

.removalStatus {
    background-color: #F92D59;
    color: #ffffff;
}

.invoice-detailspopup.quick-view-modal .modal-body {
    padding: 30px;
}

.invoice-detailspopup .invoice-header {
    text-align: center;
    margin-bottom: 20px;
}

    .invoice-detailspopup .invoice-header .invoice-number {
        font-size: 20px;
        font-weight: 700;
        display: inline-block;
        margin-bottom: 0;
        color: #2D74B4;
        vertical-align: middle;
    }

    .invoice-detailspopup .invoice-header .status-span {
        color: #ffffff;
        padding: 5px 15px;
        border-radius: 20px;
        font-size: 13px;
        font-weight: 600;
        display: inline-block;
        margin-left: 6px;
        vertical-align: middle;
    }

.bootbox-close-button.close {
    width: 54px;
    height: 54px;
    top: -50px;
    right: -50px;
    line-height: 54px;
    position: absolute;
    text-decoration: none;
    text-align: center;
    color: #2c74b3;
    background: 0% 0;
    border: none;
    cursor: pointer;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    opacity: 1;
    font-size: 0;
}

    .bootbox-close-button.close::after {
        content: "";
        background-image: url(../images/close.png);
        font-weight: 900;
        font-size: 22px;
        position: absolute;
        top: 15px;
        width: 50px;
        height: 50px;
        background-repeat: no-repeat;
        right: 10px;
    }

.tg-backdrop {
    z-index: 150;
}

.invoice-detailspopup .invoice-details-block {
    padding: 15px;
    background-color: #eff2f7;
    border-radius: 10px 10px 0 0;
    border-bottom: 2px dashed #8EA5C4;
    position: relative;
}

    .invoice-detailspopup .invoice-details-block::after {
        content: "";
        position: absolute;
        right: -18px;
        bottom: -16px;
        width: 32px;
        height: 32px;
        z-index: 1;
        border-radius: 50%;
        background-color: #fff;
    }

    .invoice-detailspopup .invoice-details-block::before {
        content: "";
        position: absolute;
        left: -18px;
        bottom: -16px;
        width: 32px;
        height: 32px;
        z-index: 1;
        border-radius: 50%;
        background-color: #fff;
    }

    .invoice-detailspopup .invoice-details-block:last-of-type::after {
        display: none;
    }

    .invoice-detailspopup .invoice-details-block:last-of-type::before {
        display: none;
    }

    .invoice-detailspopup .invoice-details-block:last-of-type {
        border-bottom: 0;
        border-radius: 0 0 10px 10px;
    }

    .invoice-detailspopup .invoice-details-block .section-title svg {
        margin-right: 4px;
        vertical-align: middle;
    }

.invoice-detailspopup .section-title {
    font-weight: bold;
    color: #002d72;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 16px;
}

.invoice-detailspopup .invoice-row {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #e5e5e5;
    font-size: 14px;
}

    .invoice-detailspopup .invoice-row:last-child {
        border-bottom: none;
    }

    .invoice-detailspopup .invoice-row .label {
        font-weight: 500;
        font-size: 14px;
        color: #555;
        padding: 0;
    }

    .invoice-detailspopup .invoice-row .value {
        color: #333;
        font-weight: bold;
    }

.invoice-detailspopup .total-row .value {
    color: #FF731D;
    font-size: 18px;
}

.invoice-detailspopup .total-row .cls-1 {
    fill: #FF731D;
}

.invoice-detailspopup .divider {
    border-top: 1px dashed #ccc;
    margin: 20px 0;
}

.invoice-detailspopup .btn-y-blue:hover {
    transform: translateY(-3px);
    min-width: 130px;
}

.invoice-detailspopup .help-block {
    margin-top: 2px;
    display: block;
}

.buy-ads-popup .payAdForm-modal .payment-section {
    margin-bottom: 25px;
}

.buy-ads-popup .payAdForm-modal .section-heading {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0px;
    display: block;
}

.buy-ads-popup .payAdForm-modal .section-description {
    font-size: 15px;
    color: #ff731d;
    margin-bottom: 15px;
    margin-top: 6px;
}

.buy-ads-popup .payAdForm-modal .payment-section.delever-way-payment .section-heading {
    margin-bottom: 15px;
}

.buy-ads-popup .payAdForm-modal .text-orange {
    color: #ff9900 !important; /* Ensure orange color for specific text */
}

.buy-ads-popup .payAdForm-modal .payment-option {
    display: flex;
    align-items: flex-start; /* Align checkbox with top of text */
    margin-bottom: 10px;
}

    .buy-ads-popup .payAdForm-modal .payment-option .form-check-input {
        width: 1.25em; /* Default Bootstrap size */
        height: 1.25em;
        margin-top: 0.25em; /* Adjust to align with text */
        margin-right: 0.75em; /* For RTL, pushes radio button to the right of text */
        background-color: white; /* Darker background for unchecked radio */
        border: 1px solid #7c88a8; /* Border color */
        flex-shrink: 0; /* Prevent input from shrinking */
    }

        .buy-ads-popup .payAdForm-modal .payment-option .form-check-input:checked {
            background-color: #ff9900; /* Orange for checked radio */
            border-color: #ff9900;
            box-shadow: none; /* Remove default blue shadow */
        }

    .buy-ads-popup .payAdForm-modal .payment-option .form-check-label {
        display: flex;
        flex-direction: column;
        cursor: pointer;
        width: 100%;
        height: 100%;
    }

    .buy-ads-popup .payAdForm-modal .payment-option .option-title {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 2px;
    }

    .buy-ads-popup .payAdForm-modal .payment-option .option-description {
        font-size: 14px;
        color: #555;
        margin-top: 5px;
    }

.buy-ads-popup .payAdForm-modal .action-button {
    background-color: #ff9900; /* Orange background for action button */
    border-color: #ff9900;
    color: #ffffff;
    font-weight: bold;
    border-radius: 50px; /* Fully rounded button */
    padding: 12px 40px;
    font-size: 1.2rem;
    box-shadow: 0 4px 10px rgba(255, 153, 0, 0.4);
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

    .buy-ads-popup .payAdForm-modal .action-button:hover {
        background-color: #e68a00; /* Darker orange on hover */
        border-color: #e68a00;
    }

.buy-ads-popup .payAdForm-modal .back-button {
    background-color: transparent;
    border: none;
    color: #ffffff; /* White color for the arrow */
    font-size: 1.8rem; /* Larger arrow */
    padding: 10px 20px;
    margin-left: 15px; /* Space between buttons */
    /* Rotate the arrow for RTL if needed, but '<<< ' is already left-pointing */
}

    .buy-ads-popup .payAdForm-modal .back-button .arrow-rtl {
        display: inline-block;
        transform: scaleX(1); /* Ensure it points left in RTL context */
    }


.buy-ads-popup .payAdForm-modal .payment-confirmation {
    direction: ltr;
    text-align: left;
}

    .buy-ads-popup .payAdForm-modal .payment-confirmation .title {
        font-size: 1.25rem;
        margin-bottom: 1rem;
    }

.buy-ads-popup .payAdForm-modal .product-info {
    display: flex;
    gap: 10px;
    align-items: center;
    background: #f9f9f9;
    padding: 10px;
    border-radius: 10px;
}

    .buy-ads-popup .payAdForm-modal .product-info .product-image {
        width: 60px;
        height: 60px;
        object-fit: contain;
    }

.buy-ads-popup .payAdForm-modal .product-details h6 {
    margin: 0;
    font-size: 1rem;
    font-weight: bold;
}

.buy-ads-popup .payAdForm-modal .product-details p {
    margin: 2px 0 0;
    font-size: 0.9rem;
    color: #555;
}

.buy-ads-popup .payAdForm-modal .info-box {
    margin-top: 15px;
    padding: 10px;
    background: #f1f1f1;
    border-radius: 10px;
    font-size: 0.9rem;
    line-height: 1.8;
}

.buy-ads-popup .payAdForm-modal .seller-box {
    margin-top: 15px;
    background: #f1f1f1;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}

.buy-ads-popup .payAdForm-modal .seller-details .seller-name {
    font-weight: bold;
}

.buy-ads-popup .payAdForm-modal .seller-icons span {
    font-size: 1.2rem;
    margin-right: 8px;
    cursor: pointer;
}

.buy-ads-popup .payAdForm-modal .price-summary {
    margin-top: 15px;
    padding: 10px;
    background: #f1f1f1;
    border-radius: 10px;
    font-size: 0.95rem;
}

    .buy-ads-popup .payAdForm-modal .price-summary div {
        display: flex;
        justify-content: space-between;
        margin-bottom: 5px;
    }

    .buy-ads-popup .payAdForm-modal .price-summary .total {
        font-weight: bold;
        color: #c30;
    }

.buy-ads-popup .card-title {
    font-size: 22px;
    color: #2D74B4;
    vertical-align: middle;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 700;
}

.buy-ads-popup .modal-content {
    border: 0;
}

.buy-ads-popup .payAdForm-modal {
    position: relative;
}

    .buy-ads-popup .payAdForm-modal .text-orange {
        color: #FF731D !important;
    }

    .buy-ads-popup .payAdForm-modal .payment-option {
        padding: 15px 28px 15px 15px;
        position: relative;
        background: #eff2f7;
        border-radius: 10px;
        border: 2px solid #eff2f7;
    }

        .buy-ads-popup .payAdForm-modal .payment-option .form-check-input {
            position: absolute;
            right: 8px;
            bottom: 8px;
            margin: 0;
        }

        .buy-ads-popup .payAdForm-modal .payment-option:has(.form-check-input:checked) {
            border: 2px solid #2c75b3;
            transition: .4s;
        }

        .buy-ads-popup .payAdForm-modal .payment-option .option-title svg path {
            fill: #2c75b3;
        }

        .buy-ads-popup .payAdForm-modal .payment-option .option-title svg .stroke-svg {
            stroke: #ffffff;
        }

    .buy-ads-popup .payAdForm-modal .item-box {
        padding: 15px 28px 15px 15px;
        position: relative;
        border: 2px solid #eff2f7;
    }

        .buy-ads-popup .payAdForm-modal .item-box .label-way-delevery {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: start;
        }

        .buy-ads-popup .payAdForm-modal .item-box .form-check-input {
            position: absolute;
            right: 8px;
            bottom: 8px;
            margin: 0;
        }

            .buy-ads-popup .payAdForm-modal .item-box .form-check-input:checked {
                background-color: #ff9900;
                border-color: #ff9900;
                box-shadow: none;
            }

        .buy-ads-popup .payAdForm-modal .item-box:has(.form-check-input:checked) {
            border: 2px solid #2c75b3;
            transition: .4s;
        }

    .buy-ads-popup .payAdForm-modal .input-btn-block .input-btn-box {
        gap: 12px;
    }

        .buy-ads-popup .payAdForm-modal .input-btn-block .input-btn-box input.form-control {
            padding: 12px 12px;
            border-radius: 6px;
            width: calc(100% - 130px);
        }

        .buy-ads-popup .payAdForm-modal .input-btn-block .input-btn-box .btn {
            min-width: 120px;
            padding: 10px 12px;
            border-radius: 6px !important;
        }

    .buy-ads-popup .payAdForm-modal .box-delever-option .item-box .info-way .title-way {
        font-weight: 700;
    }

    .buy-ads-popup .payAdForm-modal .payment-option .option-title svg {
        width: 24px;
        height: 24px;
        vertical-align: middle;
        margin-right: 4px;
    }

.tg-dialog {
    box-shadow: 0px 0px 40px #00000026;
}

.createAdvertisement-section .progress-bar-info {
    background-color: #2274b4;
}

.createAdvertisement-section .progress {
    height: 12px;
    border-radius: 4px;
}

.createAdvertisement-section .progress-upload-video {
    margin-top: 6px;
    z-index: -1;
}

.createAdvertisement-section .p-up.flex-wrab .wrapper .box {
    position: relative;
}

    .createAdvertisement-section .p-up.flex-wrab .wrapper .box .delete-btn {
        background-color: #fd4b4b;
        padding: 0;
        border: 0;
        color: #fff;
        width: 30px;
        height: 30px;
        position: absolute;
        border-radius: 50% !important;
        z-index: 1;
        top: 9px;
        right: 7px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        transition: .4s;
    }

        .createAdvertisement-section .p-up.flex-wrab .wrapper .box .delete-btn:hover {
            transform: translateY(-3px);
        }

.createAdvertisement-section .tab-step-box {
    margin-bottom: 40px;
}

    .createAdvertisement-section .tab-step-box li:first-of-type .t-step {
        margin-left: 0;
    }

    .createAdvertisement-section .tab-step-box li:last-of-type .t-step {
        margin-right: 0;
    }

.createAdvertisement-section .form-label,
.createAdvertisement-section .needs-validation .p-up label {
    font-weight: 700;
    color: #2a6fac;
    font-size: 16px;
}

.continue-popup .box-svg {
    margin: 0 auto;
    margin-bottom: 20px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #f2f7fa;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.continue-popup .modal-footer-box .btn {
    min-width: 110px;
    padding: 8px;
    border-radius: 10px !important;
    margin-right: 6px;
}

.btn-gray-cancel {
    background: #eff2f7;
    color: #8EA5C4;
}

.continue-popup .modal-footer-box .btn:last-of-type {
    margin-right: 0;
}

.continue-popup .modal-footer-box .btn:hover,
.btn-gray-cancel:hover {
    transform: translateY(-4px);
}

.btn-gray-cancel:hover {
    color: #8EA5C4;
}

textarea.form-control {
    min-height: 120px;
    max-height: 120px;
}

.input-btn-block .input-btn-box {
    gap: 12px;
}

    .input-btn-block .input-btn-box input.form-control {
        padding: 12px 12px;
        border-radius: 6px;
        width: calc(100% - 130px);
    }

    .input-btn-block .input-btn-box .btn {
        min-width: 120px;
        padding: 10px 12px;
        border-radius: 6px !important;
    }

.createAdvertisement-section .your-cart-box .list-group .lh-condensed {
    padding: 15px 12px;
    border-radius: 10px;
}


.createAdvertisement-section.steps ul.tab-step-box li::after {
    content: "";
    position: absolute;
    right: 80%;
    top: 34%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 1px;
    border-bottom: 2px dashed #2c75b3;
}

.createAdvertisement-section.steps ul.tab-step-box li:first-of-type::after {
    display: none;
}

.createAdvertisement-section .alert-primary.alert {
    color: #2c75b3;
    background-color: #f0f8ff;
    border-color: #2c75b3;
    gap: 9px;
    font-weight: 600;
    font-size: 15px;
    padding: 12px 15px;
    border: 0px solid transparent;
    border-radius: 7px;
}

.tab-c-4 .checkbox_animated:after {
    border: 2px solid #2c75b3;
}

.tab-c-4 .custome-form-check .form-check-label {
    font-size: 15px;
}

.createAdvertisement-section .tab-c-4 .your-cart-box {
    position: relative;
    top: unset;
}

.createAdvertisement-section .tab-c-4 .col-md-12.text-end .btn {
    font-size: 14px;
    padding: 8px 12px;
    border-radius: 6px !important;
}

.createAdvertisement-section .tab-c-4 .your-cart-box .list-group {
    border-radius: 10px;
    overflow: hidden;
    padding: 0px 20px;
    background: #fafafb;
    margin-bottom: 0;
}

    .createAdvertisement-section .tab-c-4 .your-cart-box .list-group .list-group-item {
        border: 0;
        border-radius: 0;
        padding: 18px 0;
        border-bottom: 1px solid #e8e8e8;
    }

        .createAdvertisement-section .tab-c-4 .your-cart-box .list-group .list-group-item h5 {
            font-size: 16px;
        }

        .createAdvertisement-section .tab-c-4 .your-cart-box .list-group .list-group-item:last-of-type {
            border-bottom: 0;
        }

    .createAdvertisement-section .tab-c-4 .your-cart-box .list-group .lh-condensed span {
        color: #0e2647;
    }

.createAdvertisement-section .tab-c-4 .wallet-total {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
    color: #2a6fac;
}

    .createAdvertisement-section .tab-c-4 .wallet-total span {
        vertical-align: middle;
    }

    .createAdvertisement-section .tab-c-4 .wallet-total svg .cls-1 {
        fill: #2a6fac;
    }

.createAdvertisement-section .tab-c-4 .payment-types-box {
    border-radius: 10px;
    overflow: hidden;
    padding: 0 20px;
    background: #fafafb;
}

    .createAdvertisement-section .tab-c-4 .payment-types-box .payment-types-block {
        padding: 20px 0;
    }

        .createAdvertisement-section .tab-c-4 .payment-types-box .payment-types-block .custome-radio-box:last-of-type {
            margin-right: 0px;
        }

    .createAdvertisement-section .tab-c-4 .payment-types-box .wallet-total-box {
        padding-bottom: 20px;
        padding: 20px 0;
        border-top: 1px solid #e8e8e8;
    }

.start-buy .check-m {
    position: relative;
}

    .start-buy .check-m .form-check-label {
        padding: 12px 15px;
    }

.start-buy .checkbox_animated {
    margin-right: 0;
    position: absolute;
    right: 17px;
}

.start-buy .check-m:has(.ng-not-empty) .checkbox_animated:after {
    border: 2px solid transparent;
}

.start-buy .check-m:has(.ng-not-empty) svg path {
    fill: #fff;
}

#model-2 div p {
    font-size: 16px;
}

#model-2 .button.login a:before {
    top: 19px;
}

.selectAddress-popup .myAccount-info-section .myAdress-tab .save-details-box .save-details {
    transition: .4s;
}

    .selectAddress-popup .myAccount-info-section .myAdress-tab .save-details-box .save-details:hover {
        border: 1px solid #2c75b3;
        transform: translateY(-9px);
    }

.createAdvertisement-section .select2-container .select2-choice {
    color: #0a2647;
}

.createAdvertisement-section .select2-container .select2-default {
    color: #0a2647 !important;
}

.tag-input-wrapper-box .tag a {
    display: inline-block;
    cursor: pointer;
    font-size: 0;
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" x="0" y="0" viewBox="0 0 348.333 348.334" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path d="M336.559 68.611 231.016 174.165l105.543 105.549c15.699 15.705 15.699 41.145 0 56.85-7.844 7.844-18.128 11.769-28.407 11.769-10.296 0-20.581-3.919-28.419-11.769L174.167 231.003 68.609 336.563c-7.843 7.844-18.128 11.769-28.416 11.769-10.285 0-20.563-3.919-28.413-11.769-15.699-15.698-15.699-41.139 0-56.85l105.54-105.549L11.774 68.611c-15.699-15.699-15.699-41.145 0-56.844 15.696-15.687 41.127-15.687 56.829 0l105.563 105.554L279.721 11.767c15.705-15.687 41.139-15.687 56.832 0 15.705 15.699 15.705 41.145.006 56.844z" fill="%23FF7185" opacity="1" data-original="%23000000" class=""></path></g></svg>');
    margin: 0;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    position: absolute;
    right: 10px;
    top: 9px;
}

.priceDetails-popup .product-image-box {
    border-radius: 8px;
    background-color: #f2f2f2;
    margin-bottom: 25px;
}

.priceDetails-popup .product-image {
    max-width: 100%;
    height: 300px;
    display: block;
    margin: auto;
    background-color: #f2f2f2;
    object-fit: contain;
    border-radius: 0;
    margin-bottom: 0;
}

.priceDetails-popup .title {
    text-align: center;
    margin-bottom: 22px;
    color: #2274b4;
    font-size: 22px;
}

.priceDetails-popup .product-details .title-product-details {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #0a2647;
}

.priceDetails-popup .product-details .par-product-details {
    font-size: 15px;
    color: #8e95a7;
    line-height: 24px;
}

.priceDetails-popup .price-summary {
    border-radius: 10px;
    overflow: hidden;
    padding: 0 20px;
    background: #eff2f7;
}

    .priceDetails-popup .price-summary .price-item {
        border: 0;
        border-radius: 0;
        padding: 18px 0;
        border-bottom: 1px solid #e8e8e8;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-weight: 600;
        font-size: 15px;
    }

        .priceDetails-popup .price-summary .price-item span {
            display: inline-block;
        }

        .priceDetails-popup .price-summary .price-item:last-of-type {
            border-bottom: 0 solid #e8e8e8;
        }

.priceDetails-popup .seller-details-box {
    display: flex;
    align-items: center;
    padding: 12px 15px;
    border-radius: 10px;
    margin-bottom: 25px;
    border: 1px solid #eff2f7;
    justify-content: space-between;
}

    .priceDetails-popup .seller-details-box .seller-details {
        display: flex;
        align-items: center;
    }

        .priceDetails-popup .seller-details-box .seller-details .img-sell-box img {
            width: 55px;
            height: 55px;
            border-radius: 50%;
            object-fit: cover;
        }

    .priceDetails-popup .seller-details-box .info-seller-text .seller-name {
        font-size: 15px;
        color: #0a2647;
        font-weight: 600;
        margin-bottom: 2px;
    }

    .priceDetails-popup .seller-details-box .info-seller-text .seller-phone {
        display: inline-block;
        direction: rtl;
        font-size: 15px;
    }

    .priceDetails-popup .seller-details-box .contact-list .item-contact .btn-call {
        border-radius: 6px;
        margin-right: 5px;
        margin-left: 0;
        padding: 7px;
        width: 38px;
        height: 38px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        transition: .4s;
        vertical-align: middle;
    }

    .priceDetails-popup .seller-details-box .contact-list .item-contact .btn {
        padding: 7px;
        border-radius: 6px !important;
        width: 38px;
        height: 38px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        transition: .4s;
        vertical-align: middle;
    }

        .priceDetails-popup .seller-details-box .contact-list .item-contact .btn svg,
        .priceDetails-popup .seller-details-box .contact-list .item-contact .btn-call svg {
            width: 22px;
            height: 22px;
        }

        .priceDetails-popup .seller-details-box .contact-list .item-contact .btn-call:hover,
        .priceDetails-popup .seller-details-box .contact-list .item-contact .btn:hover {
            transform: translateY( -4px);
        }

.priceDetails-popup .info-box-ads {
    margin-bottom: 25px;
}

    .priceDetails-popup .info-box-ads .table-part {
        margin-bottom: 0;
    }

        .priceDetails-popup .info-box-ads .table-part tr {
            color: #8e95a7;
        }

            .priceDetails-popup .info-box-ads .table-part tr th {
                border: 1px solid #ced4da;
                background-color: #eff2f7;
                font-weight: 600;
                padding: 8px 10px !important;
                vertical-align: middle;
                font-size: 14px;
                min-width: 120px;
            }

            .priceDetails-popup .info-box-ads .table-part tr td {
                border: 1px solid #ced4da;
                text-align: left;
                padding: 8px 10px !important;
                color: #0e2647;
                vertical-align: middle;
                font-size: 14px;
                word-break: break-all;
            }

.priceDetails-popup .footer-popup .btn {
    min-width: 125px;
    padding: 10px 12px;
}

    .priceDetails-popup .footer-popup .btn:hover {
        transform: translateY(-4px);
    }

.tg-backdrop.tg-backdrop-animate {
    z-index: 144;
}

.seller-details-section .social-list {
    margin-top: 15px;
}

    .seller-details-section .social-list .item-social {
        margin-right: 4px;
        display: inline-block;
    }

        .seller-details-section .social-list .item-social:last-of-type {
            margin-right: 0;
        }

        .seller-details-section .social-list .item-social .link-social {
            display: inline-block;
            transition: .4s;
        }

            .seller-details-section .social-list .item-social .link-social:hover {
                transform: translateY(-4px);
            }

            .seller-details-section .social-list .item-social .link-social svg {
                width: 30px;
                height: 30px;
            }

.seller-details-section .seller-details-box .name-seller {
    font-size: 18px;
}

.style-tab-3 .cloth-review .nav-tabs {
    justify-content: start;
}

    .style-tab-3 .cloth-review .nav-tabs .nav-link {
        padding: 8px 25px;
        font-size: 18px;
        margin-right: 15px;
        border: 0;
    }

        .style-tab-3 .cloth-review .nav-tabs .nav-link.active {
            background-color: #2a6fac;
        }

        .style-tab-3 .cloth-review .nav-tabs .nav-link:last-of-type {
            margin-right: 0;
        }

.seller-content-section .customer-review-box {
    border: 1px solid #dde1e5;
    padding: 20px;
    border-radius: 15px;
    margin-bottom: 20px;
}

    .seller-content-section .customer-review-box .ads-number {
        font-weight: 700;
        font-size: 15px;
        margin-bottom: 10px;
        color: #0a2647;
        display: block;
    }

    .seller-content-section .customer-review-box .comment-review-content .comment-review-block {
        display: flex;
        justify-content: space-between;
    }

        .seller-content-section .customer-review-box .comment-review-content .comment-review-block .comment-user {
            display: flex;
            align-items: center;
        }

            .seller-content-section .customer-review-box .comment-review-content .comment-review-block .comment-user .customer-profile {
                margin-right: 15px;
            }

                .seller-content-section .customer-review-box .comment-review-content .comment-review-block .comment-user .customer-profile img {
                    width: 80px;
                    height: 80px;
                    object-fit: fill;
                    background-color: #eff2f7;
                    border-radius: 50%;
                }

        .seller-content-section .customer-review-box .comment-review-content .comment-review-block .rating {
            margin-bottom: 0;
        }

        .seller-content-section .customer-review-box .comment-review-content .comment-review-block .user-name {
            font-size: 18px;
        }

        .seller-content-section .customer-review-box .comment-review-content .comment-review-block .rating .rating {
            margin-top: 6px;
            margin-bottom: 0;
        }

        .seller-content-section .customer-review-box .comment-review-content .comment-review-block .ngrateit-rating {
            vertical-align: middle;
        }

        .seller-content-section .customer-review-box .comment-review-content .comment-review-block .par-comment {
            color: #7E849A;
            font-size: 15px;
            margin-top: 6px;
        }

    .seller-content-section .customer-review-box .comment-review-content .option-content {
        display: flex;
        flex-direction: column;
        gap: 9px;
        justify-content: space-between;
        align-items: end;
    }

        .seller-content-section .customer-review-box .comment-review-content .option-content .report.btn-report {
            background-color: #E63F32;
            color: white;
            padding: 5px 14px;
            position: relative;
            right: unset;
            font-size: 14px;
            font-weight: 600;
            transition: .4s;
        }

            .seller-content-section .customer-review-box .comment-review-content .option-content .report.btn-report:hover {
                color: white;
                transform: translateY(-4px);
            }

            .seller-content-section .customer-review-box .comment-review-content .option-content .report.btn-report svg {
                width: 17px;
                height: 17px;
                margin-right: 4px;
            }

    .seller-content-section .customer-review-box .comment-send-reply {
        position: relative;
        margin-top: 15px;
        padding-top: 15px;
        border-top: 1px solid #dde1e5;
    }

        .seller-content-section .customer-review-box .comment-send-reply .input-btn-block {
            position: relative;
        }

            .seller-content-section .customer-review-box .comment-send-reply .input-btn-block .btn {
                position: absolute;
                right: 0;
                top: 9px;
                right: 9px;
                font-size: 14px !important;
                min-width: 80px;
                text-align: center;
                justify-content: center;
                padding: 8px 10px;
                border-radius: 6px !important;
            }

        .seller-content-section .customer-review-box .comment-send-reply form .help-block {
            margin-top: 2px;
            display: block;
        }

    .seller-content-section .customer-review-box .comment-reply-content {
        border-top: 1px solid #dde1e5;
        padding-top: 15px;
        margin-top: 15px;
        padding-left: 30px;
    }

        .seller-content-section .customer-review-box .comment-reply-content .comment-reply {
            display: flex;
            justify-content: space-between;
        }

            .seller-content-section .customer-review-box .comment-reply-content .comment-reply .customer-section {
                padding: 0;
            }

            .seller-content-section .customer-review-box .comment-reply-content .comment-reply .customer-profile {
                width: auto;
                height: auto;
                overflow: unset;
                border-radius: 0;
                margin-right: 15px;
            }

                .seller-content-section .customer-review-box .comment-reply-content .comment-reply .customer-profile .seller-avatar {
                    margin-bottom: 0;
                    width: 70px;
                    height: 70px;
                    object-fit: fill;
                    background-color: #eff2f7;
                    border-radius: 50%;
                }

            .seller-content-section .customer-review-box .comment-reply-content .comment-reply .customer-details {
                width: 100%;
            }

                .seller-content-section .customer-review-box .comment-reply-content .comment-reply .customer-details .title-reply-name {
                    font-size: 18px;
                }

                .seller-content-section .customer-review-box .comment-reply-content .comment-reply .customer-details .par-reply {
                    display: block;
                    color: #7E849A;
                    font-size: 15px;
                    margin-top: 6px;
                }

.login-section .register-privacy-box {
    margin-top: 15px;
}

.login-section .select-input label {
    display: block;
    text-align: left;
}

.login-section.storeregister-section .select-input .form-control {
    border: 0;
    border-radius: 0px;
    background-color: transparent;
    padding-right: 0px;
    padding-left: 0px;
    border-bottom: 1px solid #dedfdf;
    color: #0a2647;
    padding-top: 13px;
    padding-bottom: 13px
}

    .login-section.storeregister-section .select-input .form-control .select2-default .select2-chosen {
        color: #b2bdd1;
    }

.login-section.storeregister-section .photoinput-block {
    margin-top: 15px;
}

    .login-section.storeregister-section .photoinput-block .upload-photo .fileinput-exists {
        margin-bottom: 6px;
    }

    .login-section.storeregister-section .photoinput-block .upload-photo {
        position: relative;
    }

        .login-section.storeregister-section .photoinput-block .upload-photo .form-control {
            background-color: transparent;
            border: 0;
            border-bottom: 1px solid #dedfdf;
            border-radius: 0;
            padding-right: 32px;
            padding-left: 13px;
            padding-top: 13px;
            padding-bottom: 13px
        }

        .login-section.storeregister-section .photoinput-block .upload-photo .btn-delete {
            position: absolute;
            right: 0;
            top: 15px;
            padding: 0;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            transition: .4s;
            z-index: 1;
            cursor: pointer;
        }

            .login-section.storeregister-section .photoinput-block .upload-photo .btn-delete:hover {
                transform: translateY(-4px);
            }