/*!* Bootstrap v4.4.1 (https://getbootstrap.com/)
* Copyright 2011-2019 The Bootstrap Authors
* Copyright 2011-2019 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)*/


:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --color-body: #f7f7f7;
    --color-header: #173040;
    --color-grey-line: #707070;
    --color-grey-secondary: #f2f2f2;
    --color-primary: #27215f;
    --color-secondary: #00CFFF;
    --color-primary-hover: #2a93eb;
    --color-secondary-hover: #bb2d3b;
    --color-grey-text: #c4c4c4;
    --color-white: #ffffff;
    --color-primary-transparent: rgba(0, 85, 184, 0.8);
    --color-primary-transparent-lite: rgba(0, 85, 184, 0.3);
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

body {
    font-family: Roboto,sans-serif;
    background-color: white;
}

.Layout_ar body {
    font-family: Tajawal;
}


col-md-9, col-md-18 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.clearfix {
    zoom: 1;
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}

*, :after, :before {
    box-sizing: border-box;
}

@media screen and (max-width: 1920px) .container {
    max-width: 100%;
    padding-left: 6%;
    padding-right: 6%;
}

@media screen and (max-width: 1920px) @media screen and (max-width: 1920px) .container {
    max-width: 100%;
    padding-left: 4%;
    padding-right: 4%;
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 768px) .col-md-9 {
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
}

.form-group {
    margin-bottom: 20px;
    /*min-width: 350px;*/
}

    .form-group label {
        /*font-weight: 450 !important;*/
        margin-bottom: 9px;
        color: #071822 !important;
        /*font-family: Poppins, Arial, Helvetica, sans-serif;*/
        margin-top: 5px;
    }

        .form-group label > span {
            margin-left: 1px;
            color: #2c28288a;
        }

.Layout_ar .form-group label {
    font-family: Tajawal;
}

textarea.form-control {
    -webkit-transition: border 0.15s ease-in-out, resize 0ms;
    transition: border 0.15s ease-in-out, resize 0ms;
}

select.form-control[multiple], select.form-control[size], textarea.form-control {
    height: auto;
}

[type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
}

.btn-group-lg > .btn, .btn-lg {
    margin-top: 5px;
    padding: 12px 50px;
}

.form-control {
    font-size: 14px;
    height: 50px;
    padding: 10px 15px;
    border-color: #ebebeb !important;
    border-radius: 2px;
    -webkit-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
}

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

@media (min-width: 768px) .col-md-18 {
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
}

.form-group {
    margin-bottom: 20px;
}

/* I- ERROR PAGE WRAP*/
/* I- CUSTOM PAGE WRAP*/
.custom-page-wrap {
}

.custom-page-content h1,
.custom-page-content h2,
.custom-page-content h3,
.custom-page-content h4,
.custom-page-content h5,
.custom-page-content h6 {
    margin-bottom: 14px;
}

.custom-page-content p {
    line-height: 23px;
    color: #6e6e6e;
}

.custom-page-content ol,
.custom-page-content ul {
    padding-left: 16px;
    overflow: hidden;
}

    .custom-page-content ol li,
    .custom-page-content ul li {
        margin-bottom: 9px;
        color: #fff !important;
    }

        .custom-page-content ol li, .custom-page-content ul li a {
            color: #fff !important;
        }

.custom-page-content b,
.custom-page-content em,
.custom-page-content strong {
    font-weight: 500;
}

.custom-page-content a {
    color: #ff9e18;
    color: var(--color-primary);
}

    .custom-page-content a:hover {
        color: #0055b8;
        color: var(--color-primary-hover);
    }

.custom-page-content img {
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.custom-page-content iframe {
    border: none;
    max-width: 100%;
}

.custom-page-content th {
    font-weight: 500;
}

.custom-page-content td {
    vertical-align: top;
}

[v-cloak] {
    display: none !important;
}
/* END I- CUSTOM PAGE WRAP*/

ul li:first-child {
    margin-left: 0;
}

/* I- CONTACT WRAP */
.contact-wrap {
    margin: 90px 0;
}

    .contact-wrap .map-canvas {
        position: relative;
        height: 0;
        padding-bottom: 34%;
        overflow: hidden;
        border-radius: 2px;
    }

        .contact-wrap .map-canvas > iframe {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
        }

.contact-form-wrap {
    display: -webkit-box;
    display: flex;
    margin-top: 0%;
    -webkit-box-pack: center;
    justify-content: center;
}

    .contact-form-wrap .contact-form-inner {
        display: -webkit-box;
        display: flex;
        width: 1000px;
        box-shadow: 0 5px 28.5px 1.5px rgba(9, 6, 24, 0.1);
        overflow: hidden;
        border-radius: 6px;
    }

.contact-form-left {
    position: relative;
    width: 350px;
    min-width: 350px;
    padding: 44px 38px;
    background: var(--color-primary);
    overflow: hidden;
}

    .contact-form-left .title {
        margin-bottom: 48px;
        color: #fff;
    }

    .contact-form-left .contact-info li {
        color: #fff;
        margin-bottom: 29px;
    }

        .contact-form-left .contact-info li:last-child {
            margin-bottom: 0;
        }

        .contact-form-left .contact-info li i {
            color: #fff !important;
        }

    .contact-form-left .social-links {
        margin: 45px 0 0 -8px;
    }

        .contact-form-left .social-links li a {
            color: #fff;
        }

            .contact-form-left .social-links li a:hover {
                color: #fff;
                opacity: 0.6;
            }

    .contact-form-left > svg {
        position: absolute;
        right: -35px;
        bottom: -45px;
        height: 180px;
        width: 180px;
        opacity: 0.15;
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

.contact-form-right {
    width: 100%;
    padding: 44px 60px 50px;
    background: #fff;
    overflow: hidden;
    z-index: 1;
}

    .contact-form-right .title {
        margin-bottom: 48px;
    }

@media screen and (max-width: 991px) {
    .contact-wrap {
        margin: 70px 0;
    }
}

@media screen and (max-width: 1080px) {
    .contact-form-wrap .contact-form-inner {
        width: 90%;
        flex-wrap: wrap-reverse;
    }

    .contact-form-left {
        width: 100%;
        min-width: 0;
        padding: 34px 30px;
    }

        .contact-form-left .title {
            margin-bottom: 38px;
        }

        .contact-form-left .contact-info li {
            margin-bottom: 19px;
        }

        .contact-form-left .social-links {
            margin: 35px 0 -4px -8px;
        }

    .contact-form-right {
        padding: 34px 30px 40px;
    }

        .contact-form-right .title {
            margin-bottom: 38px;
        }
}

@media screen and (max-width: 576px) {
    .contact-form-wrap {
        margin-top: 30px;
    }

        .contact-form-wrap .contact-form-inner {
            width: 100%;
        }
}
/* I- CONTACT WRAP */


.contact-info > li {
    color: #6e6e6e;
    margin-bottom: 3px;
    white-space: nowrap;
    clear: both;
    margin-left: 0px;
    width: 100%;
}

    .contact-info > li:last-child {
        margin-bottom: 0;
    }

    .contact-info > li > i {
        margin-top: 3px;
        color: #ff9e18;
        color: var(--color-primary);
        float: left;
    }

    .contact-info > li > span {
        line-height: 22px;
        display: block;
        margin-left: 24px;
        word-break: break-word;
        white-space: pre-wrap;
    }

.social-links li {
    display: -webkit-inline-box;
    display: inline-flex;
    margin-right: 5px;
}

    .social-links li:last-child {
        margin-right: 0;
    }

    .social-links li a {
        font-size: 22px;
        display: -webkit-box;
        display: flex;
        height: 35px;
        width: 35px;
        color: #6e6e6e;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
    }

        .social-links li a:hover {
            color: #ff9e18;
            color: var(--color-primary);
        }

.searchBar .searchQueryInput:focus {
    outline: none;
    border: none;
    box-shadow: none;
}

.search-modal-popup .popup-close {
    border-radius: 4px;
    font-size: 25px;
}

    .search-modal-popup .popup-close:hover {
        background: var(--color-secondary-hover);
    }

.container {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}

.container {
    padding-left: 4.5%;
    padding-right: 4.5%;
}

/*@media screen and (min-width: 1920px) {
    .container {
        max-width: 1770px;
        padding-left: 15px;
        padding-right: 15px;
    }
}*/

/*@media screen and (min-width: 2200px) {
    .container {
        max-width: 1920px;
    }
}*/

.header__top__left__social {
    margin-right: 0px;
}

.header-right-free-space {
    width: 0px !important;
}

.header-column-right {
    height: 60px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 12px;
}

    .header-column-right ul li:last-child {
        display: block;
        border-right: none;
    }

    .header-column-right > ul > li > a, .header-column-right > ul > li > a > i {
        color: #000 !important;
        display: flex;
        gap: 10px;
    }

    .header-column-right > ul > li:hover > a, .header-column-right > ul > li:hover > a > i {
        color: var(--color-secondary) !important;
        cursor: pointer;
    }

    .header-column-right > ul > li > a > span {
        white-space: nowrap;
        font-size: 16px;
    }


    .header-column-right ul.dropdown-menu:before {
        border-top: 1px solid rgb(0 0 0 / 15%);
        border-left: 1px solid rgb(0 0 0 / 15%);
        background: var(--color-white);
        content: "";
        display: block;
        height: 9px;
        top: -4px;
        right: 15px;
        pointer-events: none;
        position: absolute;
        -webkit-transform-origin: 66% 66%;
        transform-origin: 66% 66%;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all 0.15s ease-in-out;
        transition: all 0.15s ease-in-out;
        width: 9px;
        border-radius: 0;
    }

    .header-column-right .dropdown-menu > li:hover > a {
        color: var(--color-secondary) !important;
        cursor: pointer;
    }

.header__top i {
    color: #000;
}

.greenbg {
    background-color: white;
}

.searchQueryInput {
    background-color: white;
    height: 100%;
    padding-right: 0px;
}

.categories a:before {
    background: #fff;
}

.deliveryPoint span.changeAddres {
    color: black;
}

.top-header {
    position: relative;
    background-color: #f3f6fb;
    z-index: 101;
}

.mainheaderwrap.greenbg.c-header-top {
    /*   background-color : red;*/
}

.changeAddress {
    color: #000;
}

.deliveryPoint span.changeAddress:hover {
    color: black;
}

.header__top i:hover {
    color: #000;
}

.header__top__left ul li:hover i, .header__top__left ul li:hover a {
    color: var(--color-primary-hover) !important;
}

.categories > ul > li:hover {
    border: 1px solid var(--color-primary);
}

.categories > ul > li > ul > li > ul li a:hover {
    color: var(--color-primary) !important;
}

.tdys-deals-sc .dsh-menu-cnt .row {
    width: 100%;
    font-size: 0;
}

.card {
    border: 1px solid #eee;
    cursor: pointer;
    overflow: hidden;
    height: 100%;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}


.product-details {
    display: flex;
    height: 100%;
    padding: 0px;
    background: white;
    flex-direction: column;
    justify-content: flex-end;
}

.card-product-image {
    min-height: 56%;
    overflow: hidden;
}

    .card-product-image a {
        display: flex;
        overflow: hidden;
        height: 100%;
        justify-content: center;
    }

.btngreen {
    background: var(--color-primary) !important;
    border: none !important
}

    .btngreen:hover {
        background: var(--color-primary-hover) !important;
        border: none !important
    }

.actualprice {
    color: var(--color-primary);
    font-size: 1rem;
    line-height: 2;
    padding-top: 6px;
}

.btnblue {
    background: var(--color-primary) !important;
    border: none !important
}

    .btnblue:hover {
        background: var(--color-primary-hover) !important;
        border: none !important
    }

.row a.category-img-widget div span::after {
    background: var(--color-primary);
}

.searchBar .searchbutton {
    background: var(--color-secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 1px;
    width: 45px;
    height: calc(100% - 2px);
    color: black;
    background-color: var(--color-primary);
    cursor: pointer;
    padding: 0;
    border: 0;
    transition: background-position .45s cubic-bezier(.51,.56,.04,.9);
    background-image: linear-gradient(to bottom,transparent 0 50%,var(--qode-main-color) 50% 100%);
    background-size: 100% 200%;
    background-position: 50% 0;
}

.login_centre {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-top: 252px;
}

.signin_btn {
    display: flex;
    justify-content: space-around;
}

.delivery-point-area {
    max-width: 150px;
    color: #000;
    white-space: nowrap;
    /* width: 82%; */
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 700;
    display: block;
}

.rowproductlist.owl-carousel .owl-stage {
    display: flex;
}

    .rowproductlist.owl-carousel .owl-stage .owl-item > .p-2 {
        height: 100%
    }

ul.bc-links li {
    color: var(--color-primary);
}

.btncream, .btnorange, .cart-button {
    background: var(--color-primary) !important;
    border: none !important
}

    .btncream:hover, .btnorange:hover, .cart-button:hover {
        background: var(--color-primary-hover) !important;
        border: none !important
    }

ul.sort_options li:hover:after, ul.sort_options li.active:after {
    background: var(--color-primary);
}

/*.prod-inner.productitemWrapper .row.g-1 .p-2 {
    min-width: 165px;
}*/

.header-top {
    height: 100%;
}

.header-logo {
    height: 100px !important;
    display: flex;
    align-items: center;
}

    .header-logo a {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        overflow: hidden;
        height: 100%;
        padding: 5px;
    }

.Homepage-logo {
    padding: 0px;
    height: auto;
    max-height: 100px;
    border-radius: 0;
}

.footer-logo {
    display: -webkit-box;
    display: flex;
    height: unset;
    padding: 0 15px;
    -webkit-box-align: center;
    align-items: center;
    overflow: hidden;
}

    .footer-logo img {
        max-width: 100%;
        max-height: 100%;
        border-radius: 0;
        padding: 0;
        height: auto;
        background: none;
    }

#cookit {
    background: var(--color-primary) !important;
    box-shadow: 0px -5px 6px 0px rgba(0,0,0,0.16), 0px 3px 6px 0px rgba(0,0,0,0.23);
}

#cookit-link {
    display: none;
}

#cookit-button {
    background: #fff !important;
    color: #000 !important;
    border-radius: 5px !important;
}

.success-msg .success-msg-blk {
    background: #087f23;
}

.sidebar-menu-icon {
    display: none;
}

    .sidebar-menu-icon span {
        background: #000;
        height: 3px;
        width: 25px;
        display: block;
        padding: 0;
    }

@media (max-width:991px) {
    .header-top .main-header .delivery-point {
        display: none;
    }

    .header__top .header__top__right {
        display: none;
    }

    .header__top .header__top__left {
        text-align: center;
    }
}

@media only screen and (max-width: 1006px) {
    .hide-icon {
        display: flex;
    }
}

@media (max-width:768px) {
    .header-column-right > ul > li > a > span {
        display: none;
    }

    .Homepage-logo {
        max-height: 50px;
    }
}

@media (max-width:1023px) {
    .sidebar-menu-icon {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }
}

/* SIDE MENU BAR*/
.sidebar-menu-wrap {
    position: fixed;
    left: -150px;
    top: 0;
    bottom: 0;
    width: 270px;
    background: #fff;
    box-shadow: 2.5px 4.33px 40px 5px rgba(12, 31, 46, 0.1);
    opacity: 0;
    visibility: hidden;
    z-index: 200;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

    .sidebar-menu-wrap.active {
        left: 0;
        opacity: 1;
        visibility: visible;
        overflow-y:scroll;
    }

    .sidebar-menu-wrap .sidebar-menu-header {
        display: -webkit-box;
        display: flex;
        padding: 15px 26px;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
        background: #ff9e18;
        background: var(--color-primary);
    }

        .sidebar-menu-wrap .sidebar-menu-header > h4 {
            font-weight: 400;
            color: #fff;
        }

        .sidebar-menu-wrap .sidebar-menu-header .sidebar-menu-close {
            display: -webkit-box;
            display: flex;
            cursor: pointer;
            opacity: 0.8;
            -webkit-transition: 0.15s ease-in-out;
            transition: 0.15s ease-in-out;
        }

            .sidebar-menu-wrap .sidebar-menu-header .sidebar-menu-close:hover {
                opacity: 1;
            }

            .sidebar-menu-wrap .sidebar-menu-header .sidebar-menu-close > i {
                font-size: 18px;
                color: #fff;
            }

    .sidebar-menu-wrap .sidebar-menu-tab {
        border-bottom: none;
    }

        .sidebar-menu-wrap .sidebar-menu-tab .nav-item {
            width: 50%;
        }

        .sidebar-menu-wrap .sidebar-menu-tab.nav-tabs .nav-link {
            padding: 8px;
            color: #a6a6a6;
            text-align: center;
            background: #f2f4f5;
            border: none;
            border-radius: 0;
        }

            .sidebar-menu-wrap .sidebar-menu-tab.nav-tabs .nav-link.active {
                font-weight: 400;
                color: #191919;
                background: #fff;
                cursor: default;
            }

            .sidebar-menu-wrap .sidebar-menu-tab.nav-tabs .nav-link:after {
                content: none;
            }

    .sidebar-menu-wrap > .tab-content {
        position: absolute;
        left: 0;
        top: 58px;
        right: 0;
        bottom: 0;
    }

.sidebar-menu {
    margin: 15px 0;
}

    .sidebar-menu > li {
        cursor: pointer;
        display: list-item;
    }

        .sidebar-menu > li.active .menu-item,
        .sidebar-menu > li:hover > .menu-item,
        .sidebar-menu > li:hover > .menu-item > .menu-item-icon,
        .sidebar-menu > li:hover > i {
            color: #ff9e18;
            color: var(--color-primary);
        }

            .sidebar-menu > li.active .menu-item:after {
                opacity: 1;
                visibility: visible;
            }

            .sidebar-menu > li.active .menu-item > .menu-item-icon {
                color: #ff9e18;
                color: var(--color-primary);
            }

        .sidebar-menu > li.active > i {
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
        }

        .sidebar-menu > li > .menu-item:after {
            position: absolute;
            content: "";
            left: 0;
            top: 16px;
            height: 15px;
            width: 7px;
            background: #ff9e18;
            background: var(--color-primary);
            opacity: 0;
            visibility: hidden;
            border-top-right-radius: 12px;
            border-bottom-right-radius: 12px;
            -webkit-transition: 0.15s ease-in-out;
            transition: 0.15s ease-in-out;
        }

        .sidebar-menu > li > .menu-item > .menu-item-icon {
            font-size: 16px;
            color: #6e6e6e;
            margin: 1px 10px 0 0;
            -webkit-transition: 0.15s ease-in-out;
            transition: 0.15s ease-in-out;
        }

        .sidebar-menu > li > ul > li > a {
            max-width: 160px;
        }

        .sidebar-menu > li > ul > li > ul > li > a {
            max-width: 155px;
        }

    .sidebar-menu li:hover > a,
    .sidebar-menu li:hover > i {
        color: #ff9e18;
        color: var(--color-primary);
    }

    .sidebar-menu li a {
        line-height: 45px;
        max-width: 170px;
        display: inline-block;
        margin-left: 24px;
        color: #191919;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: middle;
    }

    .sidebar-menu li > i {
        font-size: 12px;
        position: absolute;
        top: 18px;
        right: 30px;
        color: #6e6e6e;
        float: right;
        -webkit-transition: 0.15s ease-in-out;
        transition: 0.15s ease-in-out;
    }

    .sidebar-menu li ul {
        display: none;
        margin-left: 10px;
    }

    .sidebar-menu .dropdown {
        position: relative;
    }

        .sidebar-menu .dropdown.active > a,
        .sidebar-menu .dropdown.active > i {
            color: #ff9e18;
            color: var(--color-primary);
        }

        .sidebar-menu .dropdown.active > i {
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
        }

.sidebar-cart-top {
    display: -webkit-box;
    display: flex;
    padding: 15px 30px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    background: #ff9e18;
    background: var(--color-primary);
}

    .sidebar-cart-top .title {
        font-weight: 400;
        color: #fff;
    }

    .sidebar-cart-top .sidebar-cart-close {
        display: -webkit-box;
        display: flex;
        cursor: pointer;
        opacity: 0.8;
        -webkit-transition: 0.15s ease-in-out;
        transition: 0.15s ease-in-out;
    }

        .sidebar-cart-top .sidebar-cart-close:hover {
            opacity: 1;
        }

        .sidebar-cart-top .sidebar-cart-close > i {
            font-size: 18px;
            color: #fff;
        }

.sidebar-cart-middle {
    position: absolute;
    left: 0;
    right: 0;
    top: 60px;
    bottom: 155px;
    padding: 0 30px;
}

    .sidebar-cart-middle.empty {
        bottom: 0;
        overflow: visible;
    }

.sidebar-cart-items-wrap {
    padding: 5px 0;
    background: #fff;
}

.sidebar-cart-item {
    position: relative;
    display: -webkit-box;
    display: flex;
    padding: 25px 0 21px;
    border-bottom: 1px solid #f2f4f5;
}

    .sidebar-cart-item:last-child {
        border-bottom: none;
    }

    .sidebar-cart-item .product-image {
        height: 46px;
        width: 46px;
        min-width: 46px;
        border-radius: 2px;
        overflow: hidden;
    }

        .sidebar-cart-item .product-image .image-placeholder {
            height: 25px;
            width: 25px;
        }

    .sidebar-cart-item .product-info {
        margin: 0 30px 0 20px;
        min-width: 0;
    }

        .sidebar-cart-item .product-info .product-name {
            font-size: 15px;
            font-weight: 400;
            line-height: 24px;
            display: block;
            color: #191919;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

            .sidebar-cart-item .product-info .product-name:hover {
                color: #ff9e18;
                color: var(--color-primary);
            }

        .sidebar-cart-item .product-info .product-quantity {
            font-size: 13px;
            line-height: 26px;
            color: #666;
        }

    .sidebar-cart-item .remove-cart-item {
        position: absolute;
        top: 16px;
        right: -8px;
    }

        .sidebar-cart-item .remove-cart-item .btn-remove {
            font-size: 14px;
            opacity: 0.6;
        }

            .sidebar-cart-item .remove-cart-item .btn-remove:hover {
                opacity: 1;
            }

.sidebar-cart-bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    background: #fff;
}

    .sidebar-cart-bottom .sidebar-cart-subtotal {
        display: -webkit-box;
        display: flex;
        margin: 0 30px;
        padding: 25px 0;
        -webkit-box-pack: justify;
        justify-content: space-between;
        border-top: 1px solid #e5e5e5;
    }

        .sidebar-cart-bottom .sidebar-cart-subtotal > span {
            font-weight: 500;
            color: #ff9e18;
            color: var(--color-primary);
        }

    .sidebar-cart-bottom .sidebar-cart-actions {
        display: -webkit-box;
        display: flex;
        padding: 20px 30px;
        background: #f2f4f5;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }

.sidebar-cart-wrap {
    position: fixed;
    top: 0;
    right: -200px;
    bottom: 0;
    height: 100%;
    width: 400px;
    background: #fff;
    box-shadow: 2.5px 4.33px 40px 5px rgba(12, 31, 46, 0.1);
    opacity: 0;
    visibility: hidden;
    z-index: 200;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

    .sidebar-cart-wrap.active {
        right: 0;
        opacity: 1;
        visibility: visible;
    }

    .sidebar-cart-wrap .empty-message {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        display: -webkit-box;
        display: flex;
        padding: 40px 0;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        text-align: center;
    }

        .sidebar-cart-wrap .empty-message svg {
            height: 100px;
            width: 100px;
            margin-bottom: 22px;
        }

            .sidebar-cart-wrap .empty-message svg g {
                fill: #ff9e18;
                fill: var(--color-primary);
            }

@media screen and (max-width: 420px) {
    .sidebar-cart-wrap {
        right: -180px;
        width: 360px;
    }
}

@media screen and (max-width: 380px) {
    .sidebar-cart-wrap {
        right: -165px;
        width: 330px;
    }
}

@media screen and (max-width: 350px) {
    .sidebar-cart-wrap {
        right: -150px;
        width: 300px;
    }

        .sidebar-cart-wrap .sidebar-cart-actions {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            flex-direction: column;
        }

            .sidebar-cart-wrap .sidebar-cart-actions .btn-view-cart {
                margin-bottom: 10px;
            }
}
/* END SIDE MENU BAR */


@media (max-width:890px) {
    .myaccount-inner .login-reg {
        max-width: 300px;
    }

    .login-reg ul li span {
        /* padding: 0;*/
    }
}

@media (max-width:890px) {
    .myaccount-inner .login-reg {
        max-width: 250px;
    }
}

@media (max-width: 360px) {
    .Homepage-logo {
        max-height: 40px;
    }
}

@media (max-width:576px) {
    .top-link > a > i {
        font-size: 1.5rem;
    }

    .sidebar-menu-icon span {
        width: 20px;
    }
}

.btn-primary {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}

.stm_news .news_list li h5:before {
    background: var(--color-primary);
}

.abtbold {
    font-weight: 600;
    font-size: 28px;
    line-height: 2.2;
    letter-spacing: 1;
    position: relative;
    background: -webkit-linear-gradient(var(--color-primary), #1d345a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/*.card-product-image a img {
    transform: scale(0.8);
}*/

.card:hover .card-product-image img {
    transform: scale(1.0);
}

@media (max-width:1200px) {
    .productdetailscontainer {
        gap: 10px;
    }

    .product-image-wrapper {
        flex-direction: column-reverse;
        gap: 10px;
    }
}

.product-image-wrapper {
    flex-direction: row-reverse;
}

.product-thumb-image {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

    .product-thumb-image .additional-image {
        box-shadow: 0px 0px 1px 1px #21366D4d;
        overflow: hidden;
        display: flex;
        justify-content: center;
        max-height: 200px;
    }

        .product-thumb-image .additional-image img {
            object-fit: contain;
            object-fit: contain;
            border: none;
            box-shadow: none;
            margin: 0;
        }

.product-full-image-wrap {
    position: relative;
}

.product-full-image {
}

    .product-full-image .product-full-image-inner {
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        position: relative;
        max-width: 100%;
        height: 100%;
        min-height: 600px;
        max-height: 650px;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .product-full-image .product-full-image-inner img {
            max-width: 100%;
            object-fit: contain;
            box-shadow: none;
        }

@media (max-width:576px) {
    .product-thumb-image .additional-image img {
    }
}

@media (max-width:1200px) {
    .product-thumb-image {
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }

        .product-thumb-image .additional-image {
            height: 100px;
            width: 100px;
            max-height: 100px;
            max-width: 100px;
        }
}

@media (max-width:992px) {
    .product-full-image .product-full-image-inner {
        max-height: 530px;
    }

        .product-full-image .product-full-image-inner img {
            object-fit: contain;
        }
}

.owl-next span, .owl-prev span {
    border-color: #ADD8E6;
}

.owl-next span {
    right: 0px;
    top: calc(40% - 16px);
    width: 38px;
}

.owl-prev span {
    left: 0px;
    top: calc(40% - 16px);
    width: 38px;
}
/*.rowproductlist .owl-next span, .rowproductlist .owl-prev span {
    border-color: rgb(0 0 0 / 0%);
    position: initial;
    border-radius: 0px;
    height: 6rem;
    width: auto;
    font-size: 100px;
    padding: 0;
    align-items: center;
    justify-content: center;
    background: #00000000;
    margin: 0 10px;
}*/
.header__top__left, .header__top__right {
    padding: 8px 0px;
}

.header__top__left__social a {
    margin-right: 20px;
}

.header__top__right ul li {
    font-size: 14px;
    color: #fff;
    display: flex;
    margin-right: 45px;
    position: relative;
    justify-content: center;
    align-items: center;
    font-weight: 400;
}

    .header__top__right ul li i {
        color: #000;
        margin-right: 5px;
        margin-left: 10px;
    }

    .header__top__right ul li:last-child {
        margin-right: 0;
    }

    .header__top__right ul li:after {
        position: absolute;
        right: -25px;
        top: 1px;
        height: 100%;
        width: 1px;
        background: #fff;
        opacity: 0.3;
        content: "";
    }

    .header__top__right ul li:last-child:after {
        display: none;
    }

    .header__top__right ul li:hover a {
        color: #000 !important;
        font-weight: 600;
    }

.searchQueryInput, .searchbutton {
    /*  height: 3.5rem;*/
    border-radius: 8px;
}

.searchbutton {
    width: 4rem;
}

    .searchbutton > svg {
        width: 30px !important;
        height: auto !important;
    }

.header-column-right > ul {
    display: flex;
    align-items: center;
    padding-right: 10px;
}

.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border-radius: 0.25rem;
    border: 1px solid #e8e8e8;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    height: calc(1.5em + 0.75rem + 2px);
    line-height: calc(1.5em + 0.75rem + 2px)-2;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
}

.arrow-black {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    background-size: 10px;
}

.nice-select {
    height: auto;
    display: inline-block;
    float: none;
}

    .nice-select .list {
        background-color: #fff;
        border-radius: 0.25rem;
        box-shadow: 0 0 0 1px rgb(68 68 68 / 11%);
        box-sizing: border-box;
        margin-top: 4px;
        opacity: 0;
        overflow: hidden;
        padding: 0;
        pointer-events: none;
        position: absolute;
        top: 100%;
        left: 0;
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: scale(0.75) translateY(-calc(1.5em + 0.75rem + 2px) / 2);
        transform: scale(0.75) translateY(-calc(1.5em + 0.75rem + 2px) / 2);
        -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
        transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    }

    .nice-select .list {
        margin-top: 1px;
        /*padding: 15px 0;*/
        border-radius: 2px;
        box-shadow: 0 0 3px 1px rgb(0 0 0 / 15%);
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        z-index: 9;
        -webkit-transition: all 0.15s ease-in-out cubic-bezier(0.5, 0, 0, 1.25);
        transition: all 0.15s ease-in-out cubic-bezier(0.5, 0, 0, 1.25);
    }

    .nice-select:after {
        border-bottom: 2px solid #999;
        border-right: 2px solid #999;
        content: "";
        display: block;
        height: 9px;
        margin-top: -4px;
        pointer-events: none;
        position: absolute;
        right: 12px;
        top: 37%;
        -webkit-transform-origin: 66% 66%;
        transform-origin: 66% 66%;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all 0.15s ease-in-out;
        transition: all 0.15s ease-in-out;
        width: 9px;
    }

    .nice-select .option {
        cursor: pointer;
        font-weight: 400;
        line-height: calc(1.5em + 0.75rem + 2px)-2;
        list-style: none;
        min-height: calc(1.5em + 0.75rem + 2px)-2;
        outline: none;
        padding-left: 18px;
        padding-right: 29px;
        text-align: left;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
    }

    .nice-select .option {
        line-height: 36px;
        padding: 0 20px 0 10px
    }

        .nice-select .option.selected {
            font-weight: 500;
            color: #ff9e18;
            color: var(--color-primary);
        }

/*.categories > a {
    color:#000 !important;
}*/

.header-column-right .nice-select .current {
    font-size: 17px;
    color: #000;
}

a.nice-select.open, a:active, a:focus, a:visited, button.nice-select.open, button:active, button:focus, button:visited, div.nice-select.open, div:active, div:focus, div:visited {
    outline: 0;
}

@media screen and (max-width: 1920px) {
    a.nice-select.open, a:active, a:focus, a:visited, button.nice-select.open, button:active, button:focus, button:visited, div.nice-select.open, div:active, div:focus, div:visited {
        outline: 0;
    }
}

.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0) translateX(-20px);
    margin-top: 7px;
    flex-direction: column;
    left: 20px;
}

.nice-select.open:after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.nice-select .option.selected.focus {
    background: #fff;
}

.row a.category-img-widget div span {
    text-align: center;
}

.nice-select .list {
    display: flex;
    align-items: start;
}

.return-policy-main p {
    font-weight: 400;
}

.return-policy-main .abtbold {
    font-size: 3rem;
}

@media (max-width:992px) {
    .return-policy-main .abtbold {
        line-height: inherit;
    }
}

@media (max-width:576px) {
    .return-policy-main .abtbold {
        font-size: 2.5rem;
    }
}

.return-policy-main ul li {
    margin: 0;
    display: block;
    font-weight: 400;
    margin-bottom: 5px;
}

    .return-policy-main ul li:before {
        content: '\2751';
        margin-right: 5px;
        font-weight: bold;
        font-size: 14px;
        color: #616470;
    }

.custom-page-wrap {
    margin-top: 0px;
}

.clearfix {
    zoom: 1;
}

.text-center {
    text-align: center !important;
}

.hovercard :hover {
    background-color: #ffffff73;
}

.header-content {
    display: flex;
    justify-content: center;
    padding-top: 35px;
}

    .header-content h2 {
        font-size: 27px !important;
        font-weight: 600;
    }

.newabt .image-content {
    padding: 15px 14px 12px 14px;
}

.newabt .card-content {
    padding: 10px 14px;
}

.newabt .description {
    color: #000;
    /* padding: 0px 10px; */
    font-size: 17px;
    font-weight: 500;
}

.ds-center {
    display: flex;
    justify-content: center;
}

.terms-main p {
    font-weight: 500;
}

.return-policy-text {
    font-weight: 500;
    margin-top: 10px;
}


.terms-main .abtbold {
    font-size: 3rem;
}

@media (max-width:992px) {
    .terms-main .abtbold {
        line-height: inherit;
    }
}

@media (max-width:576px) {
    .terms-main .abtbold {
        font-size: 2.5rem;
    }
}

.terms-main ul li {
    margin: 0;
    display: block;
    font-weight: 500;
    margin-bottom: 5px;
}


.privacy-policy-main h5.return-policy-text {
    font-size: 1rem;
    margin-left: 35.5pt;
    text-indent: -35.5pt;
    text-align: justify;
}

.privacy-policy-main .policy-para p {
    margin: 10px 0px 10px 36px;
}

.privacy-policy-main p {
    font-weight: 400;
    margin-bottom: 15px !important;
}

.privacy-policy-main .abtbold {
    font-size: 3rem;
}

@media (max-width:992px) {
    .privacy-policy-main .abtbold {
        line-height: inherit;
    }
}

@media (max-width:576px) {
    .privacy-policy-main .abtbold {
        font-size: 2.5rem;
    }
}

.privacy-policy-main ul li {
    margin: 0;
    display: block;
    font-weight: 400;
    margin-bottom: 5px;
}

    .privacy-policy-main ul li:before {
        content: '\2751';
        margin-right: 5px;
        font-weight: bold;
        font-size: 14px;
        color: #616470;
    }

.return-policy-text span {
}

    .return-policy-text span.terms-text {
        text-decoration: none;
        vertical-align: baseline;
        margin-left: 15px;
        line-height: 24px;
        letter-spacing: -0.32px;
        font-weight: 400;
    }

@media (max-width: 1006px) {

    .searchbar-wrap {
        display: none !important;
    }
}

#search {
    border-radius: 8px;
}

.searchBar {
    position: relative;
    border: 1px solid #eaeaea;
    background-color: #fff;
    box-sizing: border-box;
    height: 50px;
    /*min-width: 550px;*/
    border-radius: 8px;
    width: 100%;
}

.menu-container {
    background-color: var(--color-primary);
    color: white;
}

.checkout-left .tabs ol li.hover:before, .checkout-left .tabs ol li.active:before, .checkout-left .tabs ol li.modified.active:before {
    background: var(--color-primary);
    border: 2px solid var(--color-primary);
    color: #fff;
}

.checkout-left .tabs ol li.modified:before {
    border: 2px solid #997d6b;
    color: #997d6b;
    content: "\f00c";
    font-family: 'FontAwesome';
}

.bluebg {
    background: var(--color-primary) !important;
}

.header-column-right > ul > li {
    padding: 0px 5px;
}

.quantity .buttons a {
    background: var(--color-primary);
    text-shadow: 0 1px 1px #787878;
}

    .quantity .buttons a:hover {
        background: var(--color-primary);
        text-shadow: 0 1px 1px #787878;
    }

.blue a {
    background: var(--color-primary) !important;
    text-shadow: 0 1px 1px #787878 !important;
}

    .blue a:hover {
        background: var(--color-primary) !important;
        text-shadow: 0 1px 1px #787878 !important;
    }

}

.bgwhitesection {
    background: #ffffff;
}

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

@media screen and (max-width: 1920px) {
    .slick-dotted.slick-slider {
        margin-bottom: 0 !important;
    }
}

@media screen and (max-width: 1920px) {
    .slick-next, .slick-prev {
        position: absolute;
        display: block;
        height: 20px;
        width: 20px;
        line-height: 0;
        font-size: 0;
        cursor: pointer;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 0;
        border: none;
    }
}

@media screen and (max-width: 1920px) {
    .slick-next, .slick-next:focus, .slick-next:hover, .slick-prev, .slick-prev:focus, .slick-prev:hover {
        /* background: 0 0; */
        color: transparent;
        outline: none;
    }
}

@media screen and (max-width: 1920px) {
    .slick-prev {
        left: -25px;
    }
}

[type="button"], [type="reset"], [type="submit"], button {
    -webkit-appearance: button;
}

.slick-next, .slick-prev {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0;
    border: none;
}

    .slick-next, .slick-next:focus, .slick-next:hover, .slick-prev, .slick-prev:focus, .slick-prev:hover {
        background: 0 0;
        color: transparent;
        outline: none;
    }

.slick-next, .slick-prev {
    z-index: 1;
}

@media screen and (max-width: 1920px) {
    .home-slider .slick-arrow {
        height: 50px;
        width: 25px;
        background: #ff9e18;
        background: var(--color-primary);
        opacity: 0.1;
        -webkit-transition: 0.15s ease-in-out;
        transition: 0.15s ease-in-out;
    }
}

@media screen and (max-width: 1920px) {
    [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) {
        cursor: pointer;
    }
}

[type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
}

.home-slider .slick-arrow {
    height: 75px;
    width: 25px;
    background: #ff9e18;
    background: #c1c1c1;
    opacity: 0.5;
    -webkit-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
}

    .home-slider .slick-arrow.slick-prev {
        left: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

@media screen and (max-width: 1920px) {
    .home-slider .slick-arrow.slick-prev {
        left: 0;
        border-top-right-radius: 25px;
        border-bottom-right-radius: 25px;
    }
}

.home-slider .slick-arrow.slick-prev {
    left: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.slick-next:before, .slick-prev:before {
    font-family: Line Awesome Free;
    font-size: 14px;
    font-weight: 900;
    color: #a6a6a6;
    opacity: 1;
    -webkit-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
    line-height: 1;
}

.slick-prev:before {
    content: "\F104";
}

.home-slider .slick-arrow.slick-prev:before {
    color: #fff;
    margin-right: 2px;
}

.slick-list, .slick-slider {
    position: relative;
    display: block;
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track {
    min-width: 1000px !important;
}

.slick-list .slick-track {
    float: left;
}

.slick-track:after, .slick-track:before {
    content: "";
    display: table;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.home-slider .slide {
    position: relative;
    overflow: hidden;
    border-radius: 2px;
}

.home-slider.slick-initialized .slide .slide-content .caption, .home-slider.slick-initialized .slide:not(:first-child) {
    display: block;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.zoomInImage {
    -webkit-animation-name: zoomInImage;
    animation-name: zoomInImage;
}

.slick-slide img {
    display: block;
}

@media screen and (max-width: 1920px) {
    .home-slider .slide .slider-image {
        width: 100%;
        height: auto;
        opacity: 1 !important;
        -webkit-animation-duration: 3s;
        animation-duration: 3s;
    }
}

.home-slider .slide .slider-image {
    width: 100%;
    height: 65vh;
    object-fit: cover;
    opacity: 1 !important;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}

.slick-track:after, .slick-track:before {
    content: "";
    display: table;
}

.slick-track:after {
    clear: both;
}

@media screen and (max-width: 1920px) {
    .home-slider .slick-arrow.slick-next {
        right: 0;
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
    }
}

.home-slider .slick-arrow.slick-next {
    right: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.slick-next:before {
    content: "\2192";
}

.rtl .slick-prev:before, .slick-next:before {
    content: "\F105";
}

.home-slider .slick-arrow.slick-next:before {
    color: #fff;
    margin-left: 2px;
}

@media screen and (max-width: 1920px) {
    .slick-dots {
        bottom: 0;
        display: -webkit-box;
        display: flex !important;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        justify-content: center;
        margin-bottom: -12px !important;
    }
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
}

.slick-dots {
    bottom: 0;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    justify-content: center;
    margin-bottom: -12px;
}

.home-slider .slick-dots {
    bottom: 20px;
}

@media screen and (max-width: 1920px) {
    .slick-dots li {
        margin: 0 8px 12px !important;
    }
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
}

    .slick-dots li, .slick-dots li button {
        height: 20px;
        width: 20px;
        cursor: pointer;
    }

        .slick-dots li, .slick-dots li button {
            height: 10px;
            width: 10px;
            -webkit-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out;
        }

            .slick-dots li.slick-active, .slick-dots li.slick-active button {
                width: 30px;
            }

            .slick-dots li button {
                border: 0;
                background: 0 0;
                display: block;
                outline: none;
                line-height: 0;
                font-size: 0;
                color: transparent;
                padding: 5px;
            }

            .slick-dots li button {
                padding: 0;
            }

            .slick-dots li.slick-active, .slick-dots li.slick-active button {
                width: 30px;
            }

@media screen and (max-width: 1920px) {
    .slick-dots li button:before {
        content: "" !important;
        font-size: 14px !important;
        height: 10px !important;
        width: 10px;
        background: #0068e1;
        background: var(--color-primary);
        border-radius: 5px;
        -webkit-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
    }
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "\2022";
    width: 20px;
    height: 20px;
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: 0.25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li button:before {
    content: "";
    font-size: 14px;
    height: 10px;
    width: 10px;
    background: #ff9e18;
    background: var(--color-primary);
    border-radius: 5px;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.slick-dots li.slick-active button:before {
    width: 30px;
    opacity: 1;
}

.header__top.greenbg {
    background-color: #f3f6fb;
}

.productdetailscontainer {
    box-shadow: none;
}

.quantity {
    margin-left: 20px;
}

.categories .download-app {
    padding: 10px;
    transition: 0.3s;
    border-radius: 50%;
}

    .categories .download-app:hover {
        background: #ffffff4a;
    }

    .categories .download-app:before {
        display: none;
    }

    .categories .download-app:hover:before {
        display: none;
    }

    .categories .download-app i {
        font-size: 2rem;
        margin-left: 0px;
    }

.form-wrap {
    margin-top: 63px;
    padding-bottom: 20px;
}

.form-wrap-inner {
    width: 800px;
    margin: auto;
    padding: 0 15px;
}

    .form-wrap-inner > h2 {
        margin-bottom: 40px;
        text-align: center;
    }

    .form-wrap-inner > p {
        margin-bottom: 19px;
        color: #6e6e6e;
    }

    .form-wrap-inner .btn-primary {
        width: 100%;
        padding: 12px 14px;
        letter-spacing: 1px;
    }

    .form-wrap-inner .btn-default {
        width: 100%;
        padding: 11px 14px;
        letter-spacing: 1px;
    }

    .form-wrap-inner .sign-in-with {
        font-size: 18px;
        display: block;
        margin-top: 25px;
        color: #071822;
        text-align: center;
        font-weight: 500;
    }

    .form-wrap-inner .social-login {
        margin-top: 13px;
    }

        .form-wrap-inner .social-login,
        .form-wrap-inner .social-login li a {
            display: -webkit-box;
            display: flex;
            -webkit-box-pack: center;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
        }

            .form-wrap-inner .social-login li a {
                font-size: 17px;
                height: 70px;
                width: 250px;
                background: transparent !important;
                padding: 10px;
                font-weight: 500;
                margin: 0 10px;
                color: #000 !important;
                -webkit-box-align: center;
                justify-content: flex-start;
                align-items: center;
                border: 2px solid rgb(128 128 128);
                border-radius: 0;
            }

                .form-wrap-inner .social-login li a:hover {
                    opacity: 0.85;
                }

                .form-wrap-inner .social-login li a.facebook {
                    background: #3a559f;
                    margin-bottom: 10px;
                }

                .form-wrap-inner .social-login li a.google {
                    background: #d94936;
                }

                .form-wrap-inner .social-login li a i {
                    margin-right: 20px;
                    margin-left: 10px;
                }

    .form-wrap-inner .have-an-account {
        display: block;
        font-size: 18px;
        font-weight: 500;
        line-height: 26px;
        margin-top: 23px;
        letter-spacing: 1px;
        text-align: center;
        color: #191919;
    }

        .form-wrap-inner .have-an-account a {fo
            color: rgb(231 24 24) !important;
            text-decoration-line: underline !important;
        }

            .form-wrap-inner .have-an-account a:hover {
                color: var(--color-primary) !important;
            }

@media screen and (max-width: 647px) {
    .form-wrap-inner {
        width: 100%;
    }

    .appointment-form {
        padding:unset !important;
    }
}

display-flex {
    display: flex;
    display: -webkit-flex;
}

.form-check a:focus, .form-check a:active {
    text-decoration: none;
    outline: none;
    transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -webkit-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    -ms-transition: all 300ms ease 0s;
}

.form-group-1 input, .form-group-1 select, .form-group-1 textarea {
    outline: none;
    appearance: unset !important;
    -moz-appearance: unset !important;
    -webkit-appearance: unset !important;
    -o-appearance: unset !important;
    -ms-appearance: unset !important;
}

    .form-group-1 input::-webkit-outer-spin-button, .form-group-1 input::-webkit-inner-spin-button {
        appearance: none !important;
        -moz-appearance: none !important;
        -webkit-appearance: none !important;
        -o-appearance: none !important;
        -ms-appearance: none !important;
        margin: 0;
    }

    .form-group-1 input:focus, .form-group-1 select:focus, .form-group-1 textarea:focus {
        outline: none;
        box-shadow: none !important;
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        -o-box-shadow: none !important;
        -ms-box-shadow: none !important;
    }

    .form-group-1 input[type=checkbox] {
        appearance: checkbox !important;
        -moz-appearance: checkbox !important;
        -webkit-appearance: checkbox !important;
        -o-appearance: checkbox !important;
        -ms-appearance: checkbox !important;
    }

    .form-group-1 input[type=radio] {
        appearance: radio !important;
        -moz-appearance: radio !important;
        -webkit-appearance: radio !important;
        -o-appearance: radio !important;
        -ms-appearance: radio !important;
    }

img {
    max-width: 100%;
    height: auto;
}

figure {
    margin: 0;
}

p {
    margin-bottom: 0px;
}

.form-group-1 input:-webkit-autofill {
    box-shadow: 0 0 0 30px white inset;
    -moz-box-shadow: 0 0 0 30px white inset;
    -webkit-box-shadow: 0 0 0 30px white inset;
    -o-box-shadow: 0 0 0 30px white inset;
    -ms-box-shadow: 0 0 0 30px white inset;
}

.containeruser h2 {
    line-height: 1.8;
    margin: 0;
    padding: 15px 0 0 0;
    font-weight: bold;
    color: #222;
    font-family: Roboto,Arial,Helvetica,sans-serif;
    font-size: 23px;
    margin-bottom: 30px;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
}

.Layout_ar .containeruser h2 {
    font-family: Tajawal;
}

.step {
    height: 10px;
    width: 10px;
    margin: 0 2px;
    background-color: #bbbbbb;
    border: none;
    border-radius: 50%;
    display: inline-block;
    opacity: 0.5;
}
    /* Mark the active step: */
    .step.active {
        opacity: 1;
    }

    /* Mark the steps that are finished and valid: */
    .step.finish {
        background-color: #0d6efd;
    }

.valid {
    color: green;
}

    .valid::before {
        position: relative;
        left: -7px;
/*        content: "✔";
*/    }

.invalid {
    color: red;
}

    .invalid::before {
        position: relative;
        left: -7px;
        content: "✖";
    }

.containeruser h3 {
    font-weight: bold;
    color: #222;
    font-size: 15px;
    margin: 0px;
}

.clear {
    clear: both;
}

.form-group-1 select::after {
    content: ' \25BD';
}

.usermain {
    padding-left: 25px;
    padding-top: 10px;
    position: relative;
}

.containeruser {
    width: 586px;
    background: #fff;
    border-radius: 15px !important;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    box-shadow: 0 0.3rem 1.525rem -0.375rem rgb(0 0 0 / 35%);
}

.appointment-form {
    padding: 50px 60px 70px 60px;
}

.form-group-1 input, .form-group-1 select {
    width: 100%;
    display: block;
    border: none;
    border-bottom: 2px solid #ebebeb;
    padding: 5px 0;
    color: #222;
    margin-bottom: 31px;
    font-size: 1rem;
    font-family: Roboto,Arial,Helvetica,sans-serif;
}

.Layout_ar .form-group-1 input, .form-group-1 select {
    font-family: Tajawal;
}

    .form-group-1 input:focus, .form-group-1 select:focus {
        color: #222 !important;
        /*border-bottom: 2px solid #0d6efd !important;*/
    }

.input-hover:hover, .input-hover:hover {
    color: #222 !important;
    border-bottom: 2px solid #0d6efd !important;
}

#firstname:focus, #lastname:focus, #password:focus, #confirmpassword:focus, #phonenumber :focus, #password:hover, #confirmpassword:hover #subject:focus {
    color: #222 !important;
    /*border-bottom: 2px solid #00CFFF !important;*/
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
}

.form-group-1 select:hover {
    color: #222 !important;
    border-bottom: 2px solid #0d6efd !important;
}

.label-agree-term {
    color: #999;
}

.term-service {
    color: #222;
}

#message {
    color: #000;
    transition: display 2s;
}

    #message h3 {
        font-size: 17px;
        letter-spacing: 2px;
        padding: 5px 0px;
        display: inline-block;
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 0;
    }

    #message .valid {
        color: green;
    }

        #message .valid::before {
            position: relative;
            left: -7px;
            content: "✔";
        }

    #message .invalid {
        color: red;
    }

        #message .invalid::before {
            position: relative;
            left: -7px;
            content: "✖";
        }

.label-agree-term {
    color: #999;
}

#message p {
    padding-left: 18px;
}

.usersubmit {
    width: auto;
    background: #0d6efd;
    color: #fff;
    padding: 16px 17px;
    font-size: 13px;
    border: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    cursor: pointer;
}

    .usersubmit:hover {
        background: #BF0A25;
    }

#confirm_type {
    margin-bottom: 30px;
}

.form-check {
    margin-bottom: 20px;
}

.tab {
    display: none;
}

.register-button-style {
    padding-right: 68px;
}

.cols {
    display: block;
    float: left;
    padding: 1% 0 1% 1%;
}

.containerusers {
    width: 848px !important;
    border-radius: 0px !important;
}

.tab h3 {
    font-size: 27px;
    letter-spacing: 2px;
    padding: 5px 15px;
    display: inline-block;
    margin-bottom: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0;
}

.register-button-style-sub :hover {
    background: #d50037 !important;
    background-color: #d50037;
    border: 1px solid #d50037;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #0d6efd !important;
    border-color: #0d6efd;
}

.flexstyle {
    display: flex;
}

    .flexstyle > button {
        margin-left: 4px;
    }

h2 {
    color: #2b3847 !important;
}

.product-details .buttons {
    padding: 0;
    width: 100%;
}

    .product-details .buttons .btngreen {
        width: 100%;
        border-radius: 0px 0px 1rem 1rem;
        min-height: 40px;
        text-align: left;
        font-size: 18px;
    }

        .product-details .buttons .btngreen:active {
            transform: scale(1);
        }

.product-details > span {
    padding-left: 15px;
    padding-right: 15px;
}

.product-details div span.Product-name {
    padding-left: 15px;
    padding-right: 15px;
}

.btn.btn-outline-success.btn-sm.cart-button {
    width: 100%;
    min-width: 100%;
    text-align: start;
    padding-left: 25px;
    border-radius: unset;
}

@media (max-width:1300px) {
    .header__top__right ul li a {
        display: none;
    }
}

.sidebar-menu-wrap .searchBar {
    min-width: auto;
}

.seperator {
    border: none;
}

@media (max-width:786px) {
    .welcome-message-header {
        display: none !important;
    }
}

@media screen and (max-width: 1920px) {
    .container {
        /*max-width: 100%;*/
    }
}

.landscape-tab-products-wrap {
    /*  margin-top: 20px;*/
}

.new-arrivals .quotation-widget-header {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--color-grey-line);
    align-items: center;
}

.new-arrivals .quotation-widget-header-left {
    display: flex;
    align-items: center;
    gap: 50px;
}

.widget-header-text {
    font-size: 1.3rem;
    font-weight: 600;
    /*text-transform: uppercase;*/
    color: var(--color-header);
}

.new-arrivals .view-all-quotation {
    color: var(--color-primary) !important;
    text-decoration: underline !important;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 15px;
}

.websitesellerwidget .quotation-widget-header-right {
    display: none;
}

.landscape-left-tab-products {
    margin-bottom: -50px;
}

.supplier-widget-button .landscape-left-tab-products .slick-prev {
    background: var(--color-grey-text);
    height: 35px;
}

    .supplier-widget-button .landscape-left-tab-products .slick-next:before, .supplier-widget-button .landscape-left-tab-products .slick-prev:before {
        color: white;
    }

.tab-content .slick-list {
    padding: 30px 0 50px;
}

    .tab-content .slick-list .slick-track {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: stretch;
        align-items: stretch;
    }

.product-card {
    position: relative;
    display: -webkit-box !important;
    display: flex !important;
    height: max-content;
    margin: 0 15px;
    padding: 20px 20px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #ebebeb;
    border-radius: 2px;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    border-radius: 8%;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}

.new-arrivals .product-card {
    padding: 2px 10px;
    border: none;
    margin: 0;
}

.product-card .product-card-top {
    position: relative;
}

.product-image {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height:220px;
}

.new-arrivals .product-card .product-image {
    height: 175px;
}

.product-image > img {
    max-height: 100%;
    max-width: 100%;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.new-arrivals .product-image > img {
    height: 100%;
    object-fit: cover;
}

.product-badge {
    position: absolute;
    top: -5px;
    right: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.product-card .product-badge {
    right: 0;
    z-index: 1;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    margin-right: 33px;
}

.new-arrivals .product-card .product-badge {
    top: 0;
    right: 10px;
    display: none;
}

.product-badge .badge {
    font-size: 12px;
    font-weight: 500;
    width: auto;
    min-width: 0;
    display: inline-block;
    margin: 0 0 5px auto;
    padding: 6px 9px;
    text-align: right;
    border-radius: 0;
}

    .product-badge .badge:last-child {
        margin-bottom: 0;
    }

.new-arrivals .product-card .badge-primary {
    background: var(--color-primary-hover);
    text-transform: uppercase;
}

.new-arrivals .product-card .category-stamp-ul {
    bottom: 34px;
    top: auto;
    left: 10px;
    right: auto;
    display: none;
}

.new-arrivals .product-card .category-stamp {
    background: var(--color-primary);
}

.product-card .product-card-middle {
}

.new-arrivals .product-card .product-card-middle {
    height: auto;
    margin-top: 0;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 30px;
}

.product-card .product-name {
    display: block;
    color: #191919;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    z-index: 1;
}

    .product-card .product-name h6 {
        position: relative;
        font-weight: 400;
        line-height: 21px;
        max-height: 40px;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

.new-arrivals .product-card .product-name h6 {
    display: flex;
    font-size: 17px;
    font-weight: 500;
    text-transform: capitalize;
    height: auto;
    display: -webkit-box;
}

.new-arrivals .product-card-middle .supplier-name-label {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 400;
    margin-right: 5px;
    display: block;
}

.new-arrivals .product-card-middle .supplier-name {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 400;
    color: var(--color-primary-hover) !important;
    text-decoration: underline !important;
    padding-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.product-card .product-card-bottom {
    position: relative;
    padding: 12px 0 10px;
    -webkit-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
    padding: 0;
}

.new-arrivals .product-card .product-card-bottom {
    padding: 0 10px;
    border: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product-card .product-price {
    position: relative;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    background: #ffffff;
    color: black;
}

    .product-card .product-price:after {
        display: none;
        position: absolute;
        content: "";
        left: -11px;
        top: 3px;
        height: 15px;
        width: 7px;
        background: #ff9e18;
        background: var(--color-primary);
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
        -webkit-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
    }

.product-card .product-price-clone {
    position: absolute;
    left: 15px;
    bottom: 15px;
    padding: 0;
    border: none;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
}

    .product-card .product-price-clone:after {
        left: -40px;
        top: 4px;
        opacity: 0;
        visibility: hidden;
    }

.product-card .btn-add-to-cart {
    font-size: 13px;
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 100%;
    padding: 6px 0 4px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

    .product-card .btn-add-to-cart > i {
        font-size: 15px;
        margin: 5px 6px 0 0;
        vertical-align: top;
    }

.new-arrivals .product-card .product-card-bottom {
    padding: 0 10px;
    border: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.new-arrivals .product-card .product-price-clone {
    padding-left: 10px;
    padding-right: 10px;
}

.new-arrivals .product-card:hover .product-name {
    transform: translateY(0px);
}

.new-arrivals .product-card .product-name h6 {
    display: flex;
    font-size: 17px;
    font-weight: 500;
    text-transform: capitalize;
    height: auto;
    display: -webkit-box;
}

.product-price {
    top: 0px;
}

.new-arrivals .product-card .product-price {
    padding: 0;
    margin-bottom: 0;
    margin-left: 23px;
}

.new-arrivals .product-card-middle .supplier-name-label {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 400;
    margin-right: 5px;
    display: block;
}

.new-arrivals .product-card-middle .supplier-name {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 400;
    color: var(--color-primary-hover) !important;
    text-decoration: underline !important;
    padding-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.new-arrivals .product-card:hover .product-price, .product-card:hover .product-price:after {
    opacity: 1;
    visibility: visible;
}

.new-arrivals .product-card-bottom .product-price-wrapper {
    display: flex;
}

.new-arrivals .product-price {
    color: #000;
}

    .new-arrivals .product-price.product-actual-price {
        color: #c4c4c4;
        text-decoration: line-through;
        margin-right: 15px;
    }

.new-arrivals .product-price-percentage {
    color: var(--color-primary-hover);
    padding: 0px 4px;
    border: 1px solid var(--color-primary-hover);
    align-self: flex-end;
}

.new-arrivals .product-image > img {
    height: 100%;
    object-fit: cover;
}

.supplier-widget-button .landscape-left-tab-products .slick-next {
    background: var(--color-grey-text);
    height: 35px;
    right: -25px;
}

.brands-widget .owl-stage-outer .owl-stage {
    display: flex;
    align-items: center;
}

    .brands-widget .owl-stage-outer .owl-stage .owl-item {
        margin: 0 10px;
    }

        .brands-widget .owl-stage-outer .owl-stage .owl-item > a > div {
            max-height: 156px;
            border: 1px solid #a5a5a5;
            padding: 2px;
        }

            .brands-widget .owl-stage-outer .owl-stage .owl-item > a > div div {
                height: 150px;
            }

        .brands-widget .owl-stage-outer .owl-stage .owl-item > a img {
            max-height: 100%;
            height: 100%;
            object-fit: contain;
        }


._ProductListByTagVerrtical {
    display: inline-block;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    padding: 10px 5px;
}

@media (min-width:1201px) {
    ._ProductListByTagVerrtical {
        max-width: 24.5%;
    }
}

@media (min-width:767px) and (max-width:1200px) {
    ._ProductListByTagVerrtical {
        max-width: 49%;
    }
}

@media (max-width:768px) {
    ._ProductListByTagVerrtical {
        /*max-width: 92%;*/
    }

    ._ProductListByTagVerrtical {
        padding-right: 15px;
        padding-left: 15px;
    }
}

._ProductListByTagVerrtical .row {
    margin-left: 0;
    margin-right: 0;
}

._ProductListByTagVerrtical .prd-list-title .prd-list-title-inner {
    padding: 5px 0;
}

._ProductListByTagVerrtical .prd-list-title .prd-list-title-all {
    color: var(--color-primary-hover) !important;
}

    ._ProductListByTagVerrtical .prd-list-title .prd-list-title-all:hover {
        color: var(--color-primary) !important;
    }

._ProductListByTagVerrtical .prd-list-body {
    padding: 0;
}

._ProductListByTagVerrtical .prd-list-card {
    padding: 10px 0;
    border-bottom: 1px solid var(--color-grey-text);
}

    ._ProductListByTagVerrtical .prd-list-card div {
        padding: 0;
    }

    ._ProductListByTagVerrtical .prd-list-card .prd-list-img {
        padding: 10px;
        padding-left: 0;
    }

    ._ProductListByTagVerrtical .prd-list-card .prd-list-data {
        padding-left: 20px;
        padding-top: 25px;
        padding-right: 1px;
        display: flex;
        flex-direction: column;
        position: relative;
    }

    ._ProductListByTagVerrtical .prd-list-card .prd-list-wish-icon {
        position: absolute;
        top: 0px;
        right: 5px;
        cursor: pointer;
    }

        ._ProductListByTagVerrtical .prd-list-card .prd-list-wish-icon i {
            color: var(--color-primary);
        }

    ._ProductListByTagVerrtical .prd-list-card .prd-list-name {
        font-size: 1rem;
        font-weight: 500;
        margin-bottom: 5px;
    }

    ._ProductListByTagVerrtical .prd-list-card .prd-list-sup-name {
        font-size: 0.8rem;
        font-weight: 500;
        margin-bottom: 5px;
    }

        ._ProductListByTagVerrtical .prd-list-card .prd-list-sup-name a {
            color: var(--color-primary-hover) !important;
            font-size: 0.8rem;
            font-weight: 500;
            text-decoration: underline !important;
        }

    ._ProductListByTagVerrtical .prd-list-card .prd-list-price {
        font-size: 1rem;
        font-weight: 500;
    }

._CategoryWidgetWithProductImage {
    display: inline-block;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    border-radius: 0px;
    padding: 10px 5px;
}

@media (max-width:576px) {
    ._CategoryWidgetWithProductImage {
        max-width: 49%;
    }
}

._CategoryWidgetWithProductImage .row {
    margin-left: 0;
    margin-right: 0;
    border-radius: 0px;
}

.categ-prd-img-wrap {
    display: flex;
    flex-wrap: wrap;
    padding: 1.2rem 3rem;
    justify-content: center;
}

.categ-prd-img {
    padding: 0.5rem;
    max-height: 130px;
    overflow: hidden;
}

    .categ-prd-img img {
        width: 100%;
        object-fit: contain;
        height: 100%;
    }

.categ-prd-title-text {
    font-size: 1.125rem;
    font-weight: 500;
    color: var(--color-header);
}

.categ-prd-btn-wrap {
    padding-bottom: 10px;
}

.categ-prd-title {
    padding-top: 10px;
}

.categ-prd-btn {
    background: var(--color-primary);
    color: #fff !important;
    border: none;
    padding: 3px 10px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .categ-prd-btn i {
        color: #fff;
        margin-left: 5px;
    }

.logins-container {
    margin-top: 35px;
}

.loginContainer .form-group {
    min-width: initial;
}

    .loginContainer .form-group input:focus, .loginContainer .form-group input:focus-visible {
        box-shadow: none;
    }

    .loginContainer .form-group label {
        color: #000 !important;
    }

        .loginContainer .form-group label.checkbox-wrap {
            display: flex;
            gap: 3px;
            padding-left: 15px;
        }

.loginContainer .form-control.btn-primary:focus {
    outline: none;
    box-shadow: none;
}

.login-reg {
    box-shadow: none;
    border: none;
    width: 100% !important;
}

    .login-reg .loginreg_label {
        margin-bottom: 7px;
        padding-left: 2px;
    }

    .login-reg input[type="text"], .login-reg input[type="email"], .login-reg input[type="password"] {
        font-weight: 400;
        line-height: 1.5;
        color: #212529;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        outline: none;
        font-size: 14px;
        height: 45px;
        padding: 10px 15px;
        border-color: #ebebeb !important;
        border-radius: 2px;
        -webkit-transition: 0.15s ease-in-out;
        transition: 0.15s ease-in-out;
        display: block;
        width: 100%;
    }

    .login-reg input[readonly] {
        background: #dfdfdf7a;
        box-shadow: none;
    }

    .login-reg .buttoncontrols input.btnblue.submit {
        border-radius: 0.25rem;
        width: 35%;
        height: 40px;
        font-size: 16px;
        font-weight: 500;
    }

    .login-reg ul li span.caption.terms {
        padding-left: 45px !important;
        margin-bottom: 15px;
        display: flex;
        gap: 5px;
        align-items: center;
    }

        .login-reg ul li span.caption.terms input + label {
            color: #adb5bd;
            font-weight: 500;
            font-size: 15px;
        }

        .login-reg ul li span.caption.terms input:checked + label {
            color: #242424;
        }

    .login-reg .nice-select {
        border: 1px solid #ced4da;
        border-color: #ebebeb !important;
        width: 100%;
        outline: none;
        font-size: 14px;
        height: 45px;
        padding: 10px 15px;
        font-weight: 400;
        line-height: 25px;
        color: #212529;
        border-radius: 2px;
    }

        .login-reg .nice-select:after {
            top: 43%;
        }

        .login-reg .nice-select span.current {
            margin: 0;
            padding: 0;
        }

        .login-reg .nice-select.open .list {
            opacity: 1;
            pointer-events: auto;
            -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0) translateX(0);
            margin-top: 5px;
            width: 100%;
            height: auto;
            max-height: 250px;
            overflow-y: scroll;
        }

        .login-reg .nice-select .list {
            display: block;
        }

        .login-reg .nice-select .option {
            display: block;
        }

            .login-reg .nice-select .option:hover {
                background: #dfdfdf7a;
            }

    .login-reg ul li span.caption.terms input[type="checkbox"].valid::before {
        display: none;
    }

    .login-reg .emailupdates .valid::before {
        display: none;
    }

.myaccount-inner .buttoncontrols span.button {
    padding-left: 35px;
    margin: 0 10px 20px 0;
}

    .myaccount-inner .buttoncontrols span.button .btnorange {
        border-radius: 0.25rem;
        /* width: 35%;
        height: 40px;*/
        font-size: 16px;
        font-weight: 500;
    }

.address-column.newaddress {
    box-shadow: none;
    border: none;
}

.addnewaddress .btncream {
    border-radius: 0.25rem;
    height: 40px;
    font-size: 16px;
    font-weight: 500;
}

.address-column.newaddress ul li {
    position: relative;
}

    .address-column.newaddress ul li input[type="text"], .address-column.newaddress ul li textarea {
        font-weight: 400;
        line-height: 1.5;
        color: #212529;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        outline: none;
        font-size: 14px;
        height: 45px;
        padding: 10px 15px;
        border-color: #ebebeb !important;
        border-radius: 2px;
        -webkit-transition: 0.15s ease-in-out;
        transition: 0.15s ease-in-out;
        display: block;
        width: 100%;
    }

    .address-column.newaddress ul li label {
        padding-left: 2px;
        display: inline;
    }

.address-column.newaddress .nice-select {
    border: 1px solid #ced4da;
    border-color: #ebebeb !important;
    width: 100%;
    outline: none;
    font-size: 14px;
    height: 45px;
    padding: 10px 15px;
    font-weight: 400;
    line-height: 25px;
    color: #212529;
    border-radius: 2px;
    min-height: 40px;
    margin-top: 10px;
}

    .address-column.newaddress .nice-select:after {
        top: 43%;
    }

    .address-column.newaddress .nice-select span.current {
        margin: 0;
        padding: 0;
    }

    .address-column.newaddress .nice-select.open .list {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0) translateX(0);
        margin-top: 5px;
        width: 100%;
        height: auto;
    }

    .address-column.newaddress .nice-select .list {
        display: block;
        max-height: 300px;
        overflow-y: scroll;
    }

    .address-column.newaddress .nice-select .option {
        display: block;
    }

        .address-column.newaddress .nice-select .option:hover {
            background: #dfdfdf7a;
        }

.address-column .buttoncontrols span.button a {
    border-radius: 0.25rem;
    height: 40px;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.15s ease-in-out;
}

    .address-column .buttoncontrols span.button a:hover {
        box-shadow: rgb(0 0 0 / 31%) 0px 3px 6px, rgb(0 0 0 / 30%) 0px 3px 6px;
    }

    .address-column .buttoncontrols span.button a.btngreens {
        background: #3c2415 !important;
        border: 1px solid #3c2415 !important;
    }

.login-reg .mandatory-field {
    color: #FF0000;
    display: inline;
    margin: 0;
    padding: 0;
}

button:disabled, button[disabled] {
    border-radius: 0.25rem;
    height: 40px;
    font-size: 16px;
    font-weight: 500;
}

.btncream {
    border-radius: 0.25rem;
    height: 40px;
    font-size: 16px;
    font-weight: 500;
}

.dsh-menu-title a.btnblue {
    border-radius: 0.25rem;
}

.shopping-grid table tbody tr {
    border-top: 1px solid #000;
}

    .shopping-grid table tbody tr:first-child {
        border-top: none;
    }

.revieworder .quantity .buttons.decrease a {
    line-height: 18px;
    border-radius: 0.25rem;
    padding: 0;
}

.revieworder .quantity .buttons.increase a {
    line-height: 32px;
    border-radius: 0.25rem;
    padding: 0;
}

.revieworder .value {
    padding: 4px 5px 3px 5px !important;
}

.deliveryPoint {
    padding-left: 10px;
    font-size: 14px;
    gap: 8px;
    padding-right: 7px;
}

.deliveryPoint-text {
    white-space: nowrap;
    display: block;
    font-weight: 500;
    margin-left: 5px;
    font-size: 13px;
    line-height: 12px;
}

.rounded.abtimages {
    max-height: 420px;
    object-fit: cover;
}

.about-us-feature-title {
    text-align: center;
    margin: 50px 0px 50px 0px;
}

    .about-us-feature-title h1 {
        font-weight: 600;
        font-family: Poppins;
        display: unset;
        color: var(--color-primary);
    }

.Layout_ar .about-us-feature-title h1 {
    font-family: Tajawal;
}

.about-us-feature h3 {
    font-weight: 500;
    display: block;
}

.about-us-feature p {
    display: block;
    max-width: 270px;
}

.about-us-feature-icons {
    border-radius: 50%;
    background-color: #edf1ff;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 15px;
    transition: all 0.2s ease-in-out;
}

    .about-us-feature-icons:hover {
        background: var(--color-primary);
    }


    .about-us-feature-icons svg {
        color: var(--color-secondary);
        fill: var(--color-secondary);
        width: 30px;
        transition: all 0.2s ease-in-out;
    }

    .about-us-feature-icons:hover svg {
        color: #fff;
        fill: #fff;
    }

.footer__widget .footer__widget__social a:hover {
    background: var(--color-primary-hover);
    color: #ffffff !important;
    border-color: var(--color-primary-hover);
}

.pb-3.main-body.container {
    padding-left: 0% !important;
    padding-right: 0% !important;
    padding-top: 15px;
}


@media (min-width: 1920px) {
    .pb-3.main-body.container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

.category-widget-slide .owl-stage-outer .owl-stage {
    display: flex;
    align-items: center;
}

    .category-widget-slide .owl-stage-outer .owl-stage .owl-item {
        margin: 0 10px;
    }

.category-widget-slide .owl-stage-outer a div.categ-image {
    height: 100px;
    width: 100px;
    margin-bottom: 7px;
}

.category-widget-slide .owl-stage-outer .owl-stage .owl-item > a img {
    max-height: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.category-widget-slide button.owl-prev, .category-widget-slide button.owl-next {
    display: none;
}

.category-widget-slide .categ-image-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

    .category-widget-slide .categ-image-wrap span {
        font-size: 12px;
        text-align: center;
    }

.dsh-menu-cnt {
    box-shadow: none;
}

.section.tdys-deals-sc {
    padding: 12px 0px;
}

.categories ul li:first-child {
    margin-left: 0;
}

.home-section-wrap.bgwhitesection {
    padding: 12px 0;
}

.category-horizontal-slide .dsh-menu-cnt {
    background: #f7f7f7;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

.property-category-horizontal-slide .dsh-menu-cnt {
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    border-radius: 5px;
    background-color: rgb(239 239 239 / 41%);
    justify-content: center;
}

.property-category-widget-slide {
    display: flex;
    gap: 30px;
}

    .property-category-widget-slide .categ-image-wrap {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

        .property-category-widget-slide .categ-image-wrap span {
            font-weight: 500;
            color: #444;
        }

section.tdys-deals-sc.product-horizontal-slide {
    overflow: visible;
}

.product-horizontal-slide .dsh-menu-cnt {
    overflow: visible;
}

.product-horizontal-slide .rowproductlist {
    overflow: visible;
}

.product-horizontal-slide .owl-prev span, .product-horizontal-slide .owl-next span {
    border-radius: 7px;
    width: 35px;
    height: 80px;
    font-weight: 900;
    font-size: 21px;
    padding: 5px 6px 9px 6px;
    border: 1px solid #c9c9c9;
}

.product-horizontal-slide .owl-prev span {
    left: -35px;
}

.product-horizontal-slide .owl-next span {
    right: -43px;
}

.dsh-menu-cnt .dsh-menu-title {
    padding: 0;
}

.categories > ul > li:hover {
    border: none !important;
}

    .categories > ul > li:hover > a {
        color: var(--color-primary) !important;
    }

    .categories > ul > li:hover > ul {
        display: flex;
        width: min-content;
        flex-direction: column;
        min-width: 250px;
        padding: 0;
        min-height: 100% !important;
    }

.categories > ul > li > ul > li {
    display: block;
    font-size: 14px;
    vertical-align: top;
    margin: 0;
    clear: both;
    width: 100%;
}

    .categories > ul > li > ul > li:hover {
        background: #e1dfdf;
    }

    .categories > ul > li > ul > li > a {
        display: block;
        color: #2091d0;
        font-weight: normal;
        font-size: 12px;
        padding: 10px 10px 10px 15px;
    }

    .categories > ul > li > ul > li:hover > a {
        color: var(--color-primary) !important;
    }

.footer__widget h6 {
    color: #1c1c1c;
    font-weight: 700;
    margin-bottom: 10px;
    margin-left: 3px;
}

.product-detail-main-body .supplier-name-label {
    font-size: 15px;
    margin-bottom: 15px;
}

    .product-detail-main-body .supplier-name-label .supplier-name {
        font-size: 15px;
        color: var(--color-primary) !important;
    }

        .product-detail-main-body .supplier-name-label .supplier-name:hover {
            font-size: 15px;
            color: var(--color-primary-hover) !important;
        }

.searchBar .searchbutton:hover {
    background: var(--color-primary-hover);
    background-position: 50% 100%;
}

.product-horizontal-slide .supplier-name-label .supplier-name {
    font-size: 15px;
    color: var(--color-primary) !important;
}

    .product-horizontal-slide .supplier-name-label .supplier-name:hover {
        font-size: 15px;
        color: var(--color-primary-hover) !important;
    }

.header-wrap.sticky {
    position: fixed;
    left: 0;
    top: -200px;
    right: 0;
    min-width: 320px;
    padding: 2px 0;
    background: #fff;
    box-shadow: 0 4px 8px 4px rgb(0 0 0 / 19%);
    z-index: 150;
}

    .header-wrap.sticky .header-column-right > ul > li > a, .header-column-right > ul > li > a > i {
        color: black !important;
    }

    .header-wrap.sticky .header-column-right .nice-select .current {
        color: #000 !important;
    }

    .header-wrap.sticky .header-logo {
        margin-left: 80px !important;
    }

.header-wrap.show {
    top: 0;
    -webkit-transition: 0.6s ease;
    transition: 0.6s ease;
}


.header-wrap.sticky .changeAddress {
    color: black;
}

.header-wrap.sticky .delivery-point-area {
    color: black;
}

.header-wrap.sticky .deliveryPoint {
    color: black;
}

    .header-wrap.sticky .deliveryPoint i {
        color: black !important;
    }


.text-dark {
    color: #343a40 !important;
    /*padding: 15px;*/
    font-size: larger;
    /*    padding-left: 25px;*/
    line-break: strict;
}

@media (max-width:576px) {
    .dsh-menu-cnt .dsh-menu-title {
        display: flex;
        /*flex-wrap: wrap;*/
        align-items: center;
    }

    .deal-countdown-wrap {
        display: flex;
        flex-wrap: wrap;
    }
}

@media (max-width:1200px) {
    .home-slider .slide .slider-image {
        height: 30vh;
    }
}

.product-card-middle i {
    color: var(--color-primary) !important;
}

.rows {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
}

.dashsicn {
    flex: 30%;
    text-align: center;
    align-self: center;
    justify-self: center;
}

.dashbtn {
    flex: 70%;
}

.a {
    transition: 0.15s ease-in-out;
    background-color: transparent;
}


.dashbtn .follow {
    display: inline-block;
}

.dashbtn .nwdshbtn {
    width: 144px !important;
    margin: 6px !important;
}

.landscape-left-tab-products {
    margin-bottom: -50px;
}

.landscape-tab-products-wrap .section-title {
    margin-top: 13px;
    padding-bottom: 14px;
}

.all-products .product-card .product-image {
    height: 100%;
}

.product_widget_with_main_product .product-details {
    background: #fff;
}

.product_widget_with_main_product .card {
    border: 1px solid #53535317;
    box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.1), 0px 1px 6px -4px rgba(0,0,0,0.1);
}

.header-wrap.sticky .header-column-right > ul > li > a, .header-wrap.sticky .header-column-right > ul > li > a > i {
    color: #000 !important;
}

.footer {
    padding-top: 30px;
}

.categories a i {
    margin-left: 10px;
}

.menu-container .categories {
    margin-right: 25px;
}

.categories a:before {
    content: "";
    position: absolute;
    z-index: -2;
    left: 0;
    right: 100%;
    bottom: 10%;
    background: #fff;
    height: 2px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.categories a:hover:before {
    right: 0;
}

.menu-container .app-downloads {
    position: relative;
    font-weight: bold;
    font-size: 12px;
}

.app-downloads a i {
    font-size: 14px;
    color: #fff;
    margin-left: 10px;
}


.thumsup {
    font-size: 90px;
    color: #3c2415 !important;
}

.resend {
    color: var(--color-primary);
    font-size: 15px;
    vertical-align: middle;
}

.shopping-grid.orderhistory.visible table thead:first-child th, .orderhistorylist table tbody tr td a.show table tr {
    border-top: 2px solid var(--color-primary);
}

.deliver.inprocess {
    background: var(--color-primary);
    color: #fff;
    text-shadow: none;
}

.shopping-grid a {
    margin-left: 5px;
    padding-left: 10px;
}

.product_widget_with_main_product .row.position-relative {
    border: none !important;
}

/*.dsh-menu-title h3 {
    margin-left: 10px !important;
}*/

.currency-header {
    color: #000 !important;
}

.header__top__right ul li:hover div {
    color: #000 !important;
    font-weight: 600;
}

.header-column-right .nice-select {
    display: none;
}

.mainheaderwrap {
    z-index: 100;
}

.header__top__right .nice-select {
    z-index: 150;
}

    .header__top__right .nice-select .option {
        color: black;
    }

.categories:first-child {
    background: #a37d658f;
    width: 250px;
}

.categories > a {
    padding: 16px 10px 16px;
}

.wishIcon {
    z-index: 1;
}

.addr-type {
    display: flex !important;
    justify-content: center;
    font-size: 20px;
    font-weight: 600;
}

.selected-address {
    background: var(--color-primary) !important;
}

input.delivery-type-select {
    accent-color: var(--color-primary);
}

.cart-count {
    padding: 6px 8px;
}

.main-header {
    overflow: unset;
}

.Layout_ar .main-header {
    display: flex;
    flex-direction: row-reverse;
}

.Layout_ar .top-link {
    margin: 0px 5px 0px 15px !important;
}

.Layout_ar .header__top .align-center {
    display: flex;
    flex-direction: row-reverse;
}

.Layout_ar .header__top__right {
    flex-direction: row-reverse;
}

    .Layout_ar .header__top__right ul {
        flex-direction: row-reverse;
    }

        .Layout_ar .header__top__right ul li:last-child {
            margin-right: 23px;
        }

        .Layout_ar .header__top__right ul li {
            flex-direction: row-reverse;
            margin-right: 15px;
            padding-left: 15px;
        }

.Layout_ar .productdetailscontainer {
    display: flex;
    direction: rtl;
}

.Layout_ar .myaccount {
    /*    display: flex;
    flex-direction: row-reverse;*/
}

.address-column {
    min-height: 315px;
}

.Layout_ar .cart {
    width: 70%;
    text-align: center;
}

.shopping-grid table thead th {
    text-align: center !important;
}

.Layout_ar .shopping-grid table thead tr th.subtotal {
    text-align: start !important;
}

.revieworder .shopping-grid table tbody tr td.price {
    text-align: center;
}

.shopping-grid table tbody tr td.subtotal {
    text-align: center;
}

.Layout_ar .checkout-left {
    width: auto;
}

.Layout_ar .shopping-grid table thead tr th.subtotal {
    text-align: start;
}

.Layout_ar .wishIcon {
    left: auto !important;
    right: 10px !important;
}

.Layout_ar .checkout-right {
    direction: rtl;
    display: contents;
}

.Layout_ar .tabtitle {
    padding: 0px 5px 20px;
}

.card-product-image a img {
    max-width: 100% !important;
}
.Layout_ar .cart-image {
    height: 120px;
    margin: 15px 0px 0px 60px;
    position: absolute;
    width: 100px;
}

.cart-image {
    height: 120px;
    /*margin: 30px 0px 0px 25px;*/
    position: absolute;
    width: 160px;
}


    .cart-image img {
        width: 60%;
    }

.checkout-right-inner .cart-image {
    height: 78px;
    width: 130px;
    margin-left: 0px;
}

.Layout_ar .shopping-grid .row {
    margin: 0;
    direction: rtl;
}

.Layout_ar span.cart-content {
    padding-left: 10px;
    padding-right: 100px;
    display: flex;
    flex-direction: column;
}

.Layout_ar .thankyou {
    direction: rtl;
}

.Layout_ar .prod-inner {
    flex-direction: row-reverse;
}

.Layout_ar .clp-plp-main-section {
    direction: rtl;
}

.Layout_ar .order-history {
    direction: rtl;
}

.product-detail-main-body .btngreen {
    margin-left: 0px;
    font-size: 18px;
    height: 40px;
}

.auth-error-page-img-res {
    margin-top: 0px !important;
}

.Layout_ar .login-reg ul li span {
    text-align: initial;
}

.Layout_ar .myaccount-inner .buttoncontrols span.button {
    margin-right: 65px;
    padding-right: 100px;
    display: contents;
}

.savelaterlist {
    /*padding-left: 100px !important;*/
}


@media only screen and (min-width: 1042px) {
    .Layout_ar .alignleft {
        direction: rtl;
    }
}

.order-failed {
    display: flex;
    flex-direction: column;
    align-items: center;
}


@media only screen and (max-width: 1023px) {
    .Layout_ar .menu-container {
        -webkit-transform: none !important;
    }

    .dsh-menu-title h3 {
        padding-top: 8px;
    }

    .header-logo {
        margin-left: 37px;
    }

    .header-elements {
        margin-left: unset;
        flex-direction: row-reverse;
    }
}

.Layout_ar .tdys-deals-sc .dsh-menu-cnt .row {
    text-align: right;
    display: flex !important;
    flex-direction: row-reverse;
}

.Layout_ar .category-horizontal-slide .dsh-menu-cnt {
    direction: rtl;
}

.Layout_ar .dsh-menu-cnt .dsh-menu-title {
    direction: rtl;
}

@media only screen and (max-width: 980px) {
    .header-column-right > ul > li > a {
        font-size: large;
    }
}

.Layout_ar .product_widget_with_main_product .deal-countdown-wrap {
    direction: ltr;
}

.Layout_ar .contact-form-wrap {
    direction: rtl;
}

.Layout_ar .custom-accordion button {
    text-align: right !important;
}

.Layout_ar .custom-accordion .card {
    direction: rtl;
}

.Layout_ar .position-relative {
    direction: rtl;
}

.Layout_ar .product_widget_with_main_product .rowproductlist {
    direction: ltr;
}

.Layout_ar .tabtitle h3 {
    font-size: 184.9%;
}

.Layout_ar .tabtitle span {
    font-size: 18px;
}

.Layout_ar .checkout-left .tabs ol li a {
    font-size: 19px;
}

.Layout_ar .checkout-left .tabs ol li:before {
    top: 16px;
    left: auto;
    margin-right: 15px;
}

.Layout_ar .tabs ol {
    direction: rtl;
}

.Layout_ar .checkout-left .tabs ol li a {
    padding: 18px 60px 18px 62px;
}

.Layout_ar .myaccount-left .toggleheader.show:before {
    display: none
}

.Layout_ar .login-reg ul li span {
    padding-left: 100px;
    font-weight: 600;
}

.Layout_ar .login-register-wrap {
    text-align: justify !important;
}

.Layout_ar .myaccount-left .toggleheader {
    padding: 5px 10px 20px 22px;
    position: relative;
    width: 200px;
}

.Layout_ar .myaccount-left .togglecontent {
    padding: 8px 20px 8px 13px;
}

.Layout_ar ul.choosepayment li label span {
    margin: 0px 10px 0px 6px;
}

.out-of-stock {
    text-align: center;
    margin-bottom: 15px;
    font-size: 30px;
    font-weight: 600;
    color: red;
}

@media only screen and (max-width: 480px) {
    .myaccount-inner .buttoncontrols span.button .btnorange {
        border-radius: 0.25rem;
        width: 46%;
        height: 54px;
        font-size: 13px;
        font-weight: 500;
    }
}

@media only screen and (max-width: 480px) {
    .savelaterlist.shopping-grid table {
        padding: 0px;
    }
}

@media only screen and (max-width: 700px) {
    .myaccount-inner .buttoncontrols span.button .btnorange {
        border-radius: 0.25rem;
        width: max-content;
        height: min-content;
    }
}


@media only screen and (max-width: 480px) {
    .cart-image {
        height: 120px;
        position: absolute;
        width: 160px;
    }
}

@media only screen and (max-width: 480px) {
    .shopping-grid table tbody tr td.price {
        padding-left: 12px !important;
    }
}

@media only screen and (max-width: 600px) {
    .shopping-grid table {
        padding: 0px 0 0 !important;
    }
}

@media only screen and (max-width: 1023px) {
    .Layout_ar .menu-container {
        transform: translate(0px, 0) !important;
        -webkit-transform: translate(0px, 0) !important;
    }
}

@media only screen and (max-width: 480px) {
    .Layout_ar .cart-image {
        height: 120px !important;
        margin: 0px !important;
        position: inherit !important;
        width: 160px !important;
    }
}

@media only screen and (max-width: 480px) {
    .cart-image img {
        width: 20% !important;
    }
}

@media only screen and (max-width: 667px) {
    .checkout-left .tabs ol li {
        border-left: 0px solid #ccc !important;
        width: 95% !important;
    }
}

@media only screen and (max-width: 480px) {
    .fullwidth {
        padding: 0px 5px 10px;
    }

    .padding-delivery {
        padding: 10px !important;
    }
}

.product-card-border {
    border: none !important;
}

.landscape-right-tab-products {
    margin-top: 40px !important;
    margin-bottom: 30px !important;
}

.supplier-name-label .supplier-name {
    font-size: 15px;
    color: var(--color-primary) !important;
}


    .supplier-name-label .supplier-name:hover {
        font-size: 15px;
        color: var(--color-primary-hover) !important;
    }



.product-detail-main-body .stockbtn {
    border: none !important;
    padding-right: 20px;
    padding-left: 20px;
    font-weight: 500;
    height: 35px;
    border-radius: 50px;
    font-size: 15px;
    cursor: pointer;
    outline: none;
    letter-spacing: 1px;
    transition: all 0.25s ease;
    background: #b53d1014 !important;
    color: red !important;
    text-shadow: 0 1px 1px #787878;
    text-align: center;
    box-shadow: 0px 3px 1px -2px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%);
}

.price-badge.badge {
    position: relative;
}

.stamp-tags-wrap {
    top: 70px;
    z-index: 1;
}

.product-detail-main-body .stamp-tags-wrap {
    left: -10px;
}

.product_widget_with_main_product .supplier-name-label {
    padding: 5px 0 0 0;
}

.product_widget_with_main_product .actualprice {
    padding-top: 0;
}

.product_widget_with_main_product .discount-price {
    color: var(--color-primary);
}

.product-horizontal-slide .discount-price {
    color: var(--color-primary);
}

.product_widget_with_main_product .ribbon {
    overflow: visible;
}

.product-horizontal-slide .buttons .stockbtn {
    background: #b53d1014 !important;
    color: red !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.products-main-page .buttons .stockbtn {
    background: #b53d1014 !important;
    color: red !important;
}

.products-main-page .product-details .discount-price {
    color: var(--color-primary);
}

.products-main-page .supplier-name-label {
    margin: 0;
    font-size: 15px;
    text-transform: capitalize;
    padding: 0 10px;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

    .products-main-page .supplier-name-label .supplier-name {
        display: block;
        text-transform: capitalize;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-left: 5px;
    }

.ribbon-top-left {
    z-index: 2;
}

.products-main-page .column-overlay {
    z-index: 3;
}

    .products-main-page .column-overlay:before {
        border-radius: 1rem;
    }

.products-main-page .quickcheckout.show {
    width: 100%;
    height: 100%;
    border-radius: 1rem;
    z-index: 3;
}

.products-main-page .ribbon-top-left {
    top: -3px;
    left: -5px;
    overflow: visible;
}

.products-main-page .btn.btn-outline-success.btn-sm.cart-button {
    border-radius: 0 0 1rem 1rem;
    box-shadow: none;
}

.Layout_ar .stamp-tags-wrap {
    position: absolute;
    top: 55px;
    left: 21px;
    z-index: 99;
}


@media only screen and (max-width: 480px) {
    .Layout_ar .checkout-left .tabs ol li a {
        padding: 8px 0px 10px 100px !important;
    }
}

@media only screen and (max-width: 480px) {
    .Layout_ar .checkout-left {
        display: none;
    }

    .checkout-left {
        display: none;
    }
}

@media only screen and (max-width: 600px) {
    .Layout_ar .checkout-right .revieworder .shopping-grid table {
        border: groove;
    }
}

@media only screen and (max-width: 480px) {
    .Layout_ar .thankyou {
        padding-right: 128px;
    }
}


@media only screen and (max-width: 480px) {
    .thankyou {
        padding-right: 130px;
    }
}

@media only screen and (max-width: 400px) {
    ul.choosepayment li:first-child, ul.choosepayment li:nth-of-type(2) {
        padding-top: 25px;
    }

    .margin-delivery {
        padding-top: 0px !important;
    }

    .product-horizontal-slide .buttons .stockbtn {
        font-size: 16px;
    }
}

@media only screen and (min-width: 479px) and (max-width: 593px) {
    /* Your CSS rules for screens between 498px and 598px go here */
    .product-horizontal-slide .buttons .stockbtn {
        font-size: 0.8rem;
    }
}

.quickcheckout {
    border-radius: 50%;
}

    .quickcheckout.cartsuccess {
        border: 2px solid #27ae60;
    }

    .quickcheckout .productlabel {
        max-height: 50px;
        padding: 0 15%;
        width: 100%;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

.product-details .discount-price {
    font-size: .9rem;
}

/******************************seller-products-page START***************************************/
.seller-products-main .tab-products-header {
    border-bottom: 1px solid rgb(183 183 183);
}

.seller-products-main .section-title {
    margin-top: 13px;
    padding-bottom: 14px;
}

.seller-products-main .buttons .stockbtn {
    background: #b53d1014 !important;
    color: red !important;
}

.seller-products-main .product-details .discount-price {
    color: var(--color-primary);
}

.seller-products-main .supplier-name-label {
    margin: 0;
    font-size: 15px;
    text-transform: capitalize;
    padding: 0 10px;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

    .seller-products-main .supplier-name-label .supplier-name {
        display: block;
        text-transform: capitalize;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-left: 5px;
    }

.seller-products-main .column-overlay {
    z-index: 3;
}

    .seller-products-main .column-overlay:before {
        border-radius: 1rem;
    }

.seller-products-main .quickcheckout.show {
    width: 100%;
    height: 100%;
    border-radius: 1rem;
    z-index: 3;
}

.seller-products-main .ribbon-top-left {
    top: -3px;
    left: -5px;
    overflow: visible;
}

.seller-products-main .btn.btn-outline-success.btn-sm.cart-button {
    border-radius: 0 0 1rem 1rem;
    box-shadow: none;
}

.product-detail-main-page .supplier-widget-button .landscape-left-tab-products .slick-prev {
    border-radius: 7px;
    width: 35px;
    height: 80px;
    left: -50px;
    font-weight: 900;
    font-size: 21px;
    padding: 5px 6px 9px 6px;
    border: 1px solid #c9c9c9;
    background: #fff;
}

.product-detail-main-page .supplier-widget-button .landscape-left-tab-products .slick-next {
    right: -50px;
    border-radius: 7px;
    width: 35px;
    height: 80px;
    font-weight: 900;
    font-size: 21px;
    padding: 5px 6px 9px 6px;
    border: 1px solid #c9c9c9;
    background: #fff;
}

    .product-detail-main-page .supplier-widget-button .landscape-left-tab-products .slick-next:before,
    .product-detail-main-page .supplier-widget-button .landscape-left-tab-products .slick-prev:before {
        color: rgb(102, 102, 102);
    }


/******************************seller-products-page END***************************************/

.Layout_ar .dsh-menu-title .badge {
    position: unset;
}

.product-detail-main-page-widgets {
    padding: 0;
}

    .product-detail-main-page-widgets .row {
        margin: 0 !important;
    }

    .product-detail-main-page-widgets .product-horizontal-slide {
        padding: 0;
    }

        .product-detail-main-page-widgets .product-horizontal-slide .container {
            padding: 0;
        }

        .product-detail-main-page-widgets .product-horizontal-slide .dsh-menu-title {
            margin: 0;
            padding-bottom: 20px;
            border-bottom: 1px solid rgb(183 183 183);
            margin-bottom: 10px;
        }

.margin-delivery {
    margin-bottom: 0px !important;
}

ul.nearestplaces-list {
    max-height: 250px;
    overflow-y: scroll;
}

    ul.nearestplaces-list li {
        background: #f7f7f7;
        cursor: pointer;
    }

        ul.nearestplaces-list li:nth-child(even) {
            background: #e1925d2e;
        }

.Layout_ar .products-main-page .btn.btn-outline-success.btn-sm.cart-button {
    padding-right: 6px;
}

.product-technobear {
    justify-content: end !important;
}

.button-technobear {
    position: unset !important;
}

@media only screen and (max-width: 480px) {
    .techno-padding {
        padding: 0px;
    }
}

.product-technobear {
    justify-content: end !important;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

.seller-details-wrap {
    padding: 0 10px;
}

    .seller-details-wrap .seller-title {
        font-size: 3rem;
        padding: 50px;
        text-align: center;
        font-weight: 700;
        background: #fafafa;
        border-radius: 1rem;
    }

.seller-details {
    padding: 0 20px;
}

.header-column-right > ul > li > a > i {
    font-size: 22px;
}

.address-form .select2-container {
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    outline: none;
    font-size: 14px;
    height: 45px;
    border-color: #ebebeb !important;
    border-radius: 2px;
    -webkit-transition: 0.15s ease-in-out;
    transition: 0.15s ease-in-out;
    display: block;
    width: 100%;
    min-height: 40px;
    border-radius: 2px;
    margin-top: 10px;
}

    .address-form .select2-container .select2-choice {
        border: none;
        background: #fff;
        height: 100%;
        display: flex;
        border-radius: 2px;
    }

        .address-form .select2-container .select2-choice > .select2-chosen {
            width: 100%;
        }

        .address-form .select2-container .select2-choice .select2-arrow {
            width: 26px;
            border: none;
        }

            .address-form .select2-container .select2-choice .select2-arrow b {
                background: #fff;
            }

                .address-form .select2-container .select2-choice .select2-arrow b:after {
                    border-bottom: 2px solid #999;
                    border-right: 2px solid #999;
                    content: "";
                    display: block;
                    height: 9px;
                    margin-top: -4px;
                    pointer-events: none;
                    position: absolute;
                    right: 12px;
                    top: 41%;
                    -webkit-transform-origin: 66% 66%;
                    transform-origin: 66% 66%;
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
                    -webkit-transition: all 0.15s ease-in-out;
                    transition: all 0.15s ease-in-out;
                    width: 9px;
                }

    .address-form .select2-container.select2-dropdown-open .select2-choice .select2-arrow b:after {
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }

.address-form .select2-container-active .select2-choice, .address-form .select2-container-active .select2-choices {
    box-shadow: none;
}

.address-form .select2-dropdown-open .select2-choice, .select2-dropdown-open .select2-choices {
    box-shadow: 0 1px 4px #b5b5b5;
    -webkit-box-shadow: 0 1px 4px #b5b5b5;
}

.address-form .select2-container .select2-choice abbr {
    top: 12px;
    right: 30px;
}

    .address-form .select2-container .select2-choice abbr:hover {
        filter: brightness(0);
    }

.address-form .select2-drop {
    width: 100%;
    margin-top: 5px;
    border-radius: 2px;
    padding: 5px 0;
    border: none;
    box-shadow: 0 0 3px 1px rgb(0 0 0 / 15%);
}

.address-form .select2-search input {
    color: #212529;
    max-width: 100%;
    border-radius: 2px;
}

.address-form .select2-results {
    padding: 0;
}

    .address-form .select2-results .select2-result-label {
        padding: 0;
        line-height: 36px;
    }

    .address-form .select2-results .select2-highlighted {
        background: #3c2415e3;
    }

        .address-form .select2-results .select2-highlighted:hover {
            color: #000;
        }

    .address-form .select2-results .ui-select-choices-row {
        padding: 0 10px;
    }

        .address-form .select2-results .ui-select-choices-row:hover {
            background-color: #dfdfdf7a;
        }


.myorders-account h2 {
    font-size: 20px;
    display: flex;
    font-weight: 700;
    margin: 10px;
}

.timeline-steps {
    flex-wrap: nowrap;
    justify-content: start;
}

.order-track-status {
    overflow-x: scroll;
}

.timeline-step:last-child .timeline-content .inner-circle {
    background-color: var(--color-primary);
}

    .timeline-step:last-child .timeline-content .inner-circle:before {
        background-color: saddlebrown;
    }

.myaccount-left .tabs ul li.active {
    background: #75564214;
}

    .myaccount-left .tabs ul li.active a {
        color: var(--color-primary) !important;
        font-weight: 600;
    }

.orderhistorylist table thead tr th {
    padding-right: 2.5rem
}

.order-track-status::-webkit-scrollbar {
    height: 0.3rem;
}

.order-track-status::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}

.order-track-status::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 5px;
}

@media only screen and (min-width: 280px) and (max-width: 593px) {
    .logins-container {
        display: flex !important;
        align-content: center;
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: row;
    }
}

.voucher .voucher-inner {
    width: auto;
}

.vouchercode .message {
    left: auto;
    right: auto;
    margin: 0;
    text-align: center;
    top: auto;
    width: 0;
    padding: 3px;
    position: relative;
    opacity: 0;
    border-radius: 5px;
    margin-left: 30px;
    white-space: nowrap;
}

.voucher .message:before {
    font-size: 22px;
    margin: 0;
    left: -14px;
    top: -4px;
    transform: rotate(270deg);
}

.vouchercode .error-msg {
    background: #fed2d3;
    border: 1px solid #c62869;
    box-shadow: 0 0 3px #c62869;
    color: #c62869;
}

.vouchercode .success-msg {
    background: #25cb4a42;
    border: 1px solid #087f23;
    box-shadow: 0 0 3px #087f23d6;
    color: #087f23;
}

.vouchercode .message.showVouchMsg {
    opacity: 1;
    width: auto;
}

.voucher-inner .btnorange {
    padding: 5px 10px;
}

.voucher input[type="text"] {
    outline: none;
}

    .voucher input[type="text"]::-webkit-input-placeholder {
        width: auto;
    }

.product-details .price-discount-almadina {
    padding-left: 15px;
    padding-right: 15px;
}


@supports (animation: grow .5s cubic-bezier(.25, .25, .25, 1) forwards) {
    .svg-container .tick {
        stroke-opacity: 0;
        stroke-dasharray: 29px;
        stroke-dashoffset: 29px;
        animation: draw .5s cubic-bezier(.25, .25, .25, 1) forwards;
        animation-delay: .6s
    }

    .circle {
        fill-opacity: 0;
        stroke: #219a00;
        stroke-width: 16px;
        transform-origin: center;
        transform: scale(0);
        animation: grow 1s cubic-bezier(.25, .25, .25, 1.25) forwards;
    }

    @keyframes grow {
        60% {
            transform: scale(.8);
            stroke-width: 4px;
            fill-opacity: 0;
        }

        100% {
            transform: scale(.9);
            stroke-width: 8px;
            fill-opacity: 1;
            fill: #219a00;
        }
    }

    @keyframes draw {
        0%, 100% {
            stroke-opacity: 1;
        }

        100% {
            stroke-dashoffset: 0;
        }
    }

    .empty-cartmsg {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

.xzoom-source img, .xzoom-preview img, .xzoom-lens img {
    display: block;
    max-width: none;
    max-height: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.Layout_ar .products-main-page .supplier-name-label .supplier-name {
    margin-right: 10px;
}

.Layout_ar .deliveryPoint {
    padding-left: 10px;
    font-size: 14px;
    gap: 8px;
    padding-right: 7px;
    direction: rtl;
}

@media screen and (max-width: 480px) {
    .container {
        max-width: 100%;
        display: flow-root;
    }
}

@media only screen and (max-width: 759px) {
    .Layout_ar .shopping-grid .buttoncontrols {
        float: right;
        text-align: right;
        margin-bottom: 20px;
        margin-right: 13px;
    }
}

@media only screen and (max-width: 759px) {
    .shopping-grid .buttoncontrols {
        float: left;
        margin: 0 0 10px;
        text-align: left;
        width: 100%;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 1023px) {
    .voucher .vouchercode {
        left: 3.5rem;
        padding: 0 76px 0 40px;
        position: absolute;
        right: 0px;
        margin-top: 12px;
    }
}

@media only screen and (max-width: 1023px) {
    .Layout_ar .voucher-inner .btnorange {
        margin: 20px;
        position: initial;
    }
}

@media only screen and (max-width: 1023px) {
    .Layout_ar .voucher .vouchercode {
        left: 0.5rem;
        padding: 0px 73px 0px 0px;
        position: absolute;
        right: 6px;
        margin-top: 12px;
    }
}

@media only screen and (max-width: 1023px) {
    .review-details span span {
        display: contents !important;
    }
}

.stamp-tags.new {
    background: #00d91bc9;
    padding-right: 20px;
    font-size: 11px;
    height: 32px;
}

.Layout_ar .stamp-tags.new {
    background: #00d91bc9;
    padding-right: 20px;
    font-size: 11px;
    height: 32px;
    direction: ltr;
    padding-left: 36px;
}

.Layout_ar .orderhistorylist table thead tr th {
    padding-right: 0rem;
}

ul.choosepayment li:last-child {
    margin: 0;
}

.quickcheckout.cartsuccess .addtocart-content .cart-success, .quickcheckout.carterror .addtocart-content .cart-error {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.quickcheckout.carterror .addtocart-content .cart-error {
    gap: 10px;
}

.footer__about__logo {
    width: 200px;
    height: 200px;
}
/*header design*/
header {
    border-bottom: 1px solid #eee;
}

    header .header-wrapper, .header-enditems, .header-menulinks {
        display: flex;
        align-items: center;
    }

    header .header-wrapper {
        justify-content: space-between;
        align-items: center;
        flex-grow: 1;
    }

    header .header-menulinks, header .header-enditems {
        gap: 20px;
    }


.header-logo img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

header .header-menulinks .dropdown button {
    padding: 0;
}

header .header-menulinks a {
    color: #2d383f !important;
}

    header .header-menulinks a:hover {
        color: var(--color-primary) !important;
    }

.header-enditems .list-button {
    background-color: var(--color-primary);
    color: #fff;
}

.header-enditems .login-button {
    color: var(--color-primary);
    border: 1px solid var(--color-primary);
}

.header-enditems .header-enditems-wishlist i {
    font-size: 20px;
}

header button:focus {
    box-shadow: none !important;
}

@media screen and (max-width:1071px) {
    header .header-menulinks {
        display: none;
    }

    header .header-wrapper {
        justify-content: end;
    }
}

@media screen and (max-width:550px) {
    .header-enditems .list-a-button, .language-select {
        display: none;
    }

    .home-logowrapper {
        width: 125px !important;
    }
    
    header .header-wrapper, .header-enditems, .header-menulinks {
        gap: 15px;
    }
}

.login-wrapper {
    display: grid;
    grid-template-columns: 50% 50%;
    width: 1140px;
    border-radius: 10px;
    padding: 30px;
    border: 1px solid #eee;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

    .login-wrapper .image-wrapper {
        width: 480px;
    }

        .login-wrapper .image-wrapper img {
            border-radius: 10px;
        }

    .login-wrapper .login-wrap-inner {
        width: 100% !important;
    }

    .login-wrapper .login-vector-wrapper {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

.para-imagewrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #2d383f;
}

.form-wrap-inner > h2 {
    margin-bottom: 20px;
}

.login-wrap-inner .form-control {
    border-radius: 5px;
}

.login-wrap-inner .form-group {
    /*min-width: 100%;*/
    margin-left: 15px;
    margin-right: 30px;
}

@media screen and (max-width:1029px) {
    .login-wrapper {
        display: grid;
        grid-template-columns: 100%;
    }
}

@media screen and (max-width:578px) {
    .login-wrapper .image-wrapper {
        width: 300px;
    }
}

.new-customerwrapper {
    border: 1px solid #eee;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

    .new-customerwrapper form-group {
        padding: 0 6.5%;
    }

    .new-customerwrapper .sign-up {
        padding-top: 15px;
        text-align: center;
    }

@media screen and (min-width:1400px) {
    .container {
        max-width: 94rem;
        /*width:96rem;*/
    }
}

.prod-inner {
  /*   flex-direction: column;*/
}

.search-filterbar {
    display: grid;
    grid-template-columns: minmax(15rem,auto) minmax(0rem,max-content) minmax(5rem,max-content);
    padding: 10px 0;
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 2;
    gap: 0.8rem;
    padding-top: 8px;
}

.filter-mennulinks {
    display: flex;
    align-items: center;
}

.search-filterbar .filter-mennulinks {
    display: flex;
    align-items: center;
    height: 100%;
    float: left;
}

    .search-filterbar .filter-mennulinks:after {
        top: auto;
    }

.filter-menulinksinnerwrapper {
    display: flex;
    height: 100%;
    gap: 5px;
    justify-content: center;
}

.searchbutton-wrapper .searchbutton {
    height: 100%;
}

.searchbutton-wrapper {
    display: flex;
    justify-content: flex-end;
}

.productext-sortwrapper {
    padding: 10px;
}

.sort-property, .property-sortwrapper {
    display: flex;
    align-items: center;
}

.sort-property {
    gap: 10px;
}

.property-sortwrapper p {
    margin: 0;
}

.property-sortwrapper {
    justify-content: space-between;
}

.sort-property .sort-menulink {
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
}

.search-filterbar .nice-select .list, .sort-property .nice-select .list {
    flex-direction: column;
    height: auto;
    overflow-y: scroll;
    left: auto;
}

.prod-inner .property-card-wrapper {
    display: grid;
    grid-template-columns: 49% 49%;
    justify-content: space-between;
}

.image-agentwrapper {
    width: 50px;
    height: 50px;
}

    .image-agentwrapper img {
        object-fit: contain;
    }

.property-card-wrapper .mini-imgwrapper, .miniimageinner-wrapper, .property-endbuttonwrapper, .text-agentwrapper {
    display: flex;
    align-items: center;
}

.property-endbuttonwrapper, .text-agentwrapper {
    justify-content: space-between;
}

.property-card {
    border: 1px solid #eee;
}

    .property-card .img-wrapper img {
        border-radius: 10px 10px 0 0;
    }

.property-card {
    border-radius: 10px;
}

.property-innerdetailswrapper {
    padding: 10px;
    color: #333;
}

.property-endbuttonwrapper {
    padding: 10px;
    background-color: #eee;
}

.button-innerwrapper .btn-end-buttons {
    border: 1px solid var( --color-primary);
    background-color: #fff;
    color: var(--color-primary);
}

.miniimageinner-wrapper {
    gap: 5px;
    border-right: 1px solid #eee;
}

.mini-imgwrapper {
    gap: 20px;
}

.price-property {
    font-weight: 500;
}

.agent-type {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
}

.productcard-footer {
    background: #f7f7f7;
    border-top: 1px solid #bdbdbd;
}

div.product-properties > div {
    border-right: 1px solid #bdbdbd;
    padding-left: 1rem;
}

    div.product-properties > div:first-child {
        padding-left: 0;
    }

    div.product-properties > div:last-child {
        border: none;
    }

.property-agent-contact a {
    border: 1px solid var(--color-primary);
    background: #fff;
    color: var(--color-primary);
}

/******************************Property-Page***************************************/

.property-page-gallery-area {
    display: grid;
    grid-template-columns: 2fr 1fr;
    column-gap: 5px;
    margin-bottom: 10px;
}

    .property-page-gallery-area img {
        width: 100%;
        max-height: 100%;
        object-fit: cover;
        height:100%;
    }

.property-page-gallery-left-area {
    position: relative;
    border: 1px solid #eee;
    grid-row: 1/3;
    height:620px;
}

.property-page-gallery-button-area {
    position: absolute;
    top: auto;
    left: 20px;
    right: auto;
    bottom: 20px;
}

.shadow-property-page-gallery-button {
    border-radius: 28px;
    padding: 5px 10px;
    border: 1px solid rgb(0 0 0 / 12%);
    background: #fff;
    font-weight: 300;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.property-description {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgb(183 183 183);
}

.proprty-subtitle {
    font-size: 18px;
    font-weight: 400;
}

.proprty-maintitle {
    font-size: 30px;
    font-weight: 500;
}

.property-page-column {
    display: grid;
    grid-template-columns: calc(70% - 2.5px) calc(30% - 2.5px);
    column-gap: 5px;
}

.property-page-gallery-right-area {
    display: grid;
    grid-template-rows: repeat(2,calc(50% - 2.5px));
    /*grid-row: 1/3;*/
    row-gap: 5px;
    height:620px;
}

.property-page-gallery-right {
    border: 1px solid #eee;
    width:100%;
    height:100%;
}
    .property-page-gallery-right img{
        object-fit:cover;
        height:100%;
    }

    .property-facts {
        display: grid;
        grid-template-columns: 50% 50%;
        margin-top: 20px;
        row-gap: 15px;
    }

.property-facts-item {
    display: flex;
    margin: 0;
}

.property-fact-item, .property-fact-value {
    flex: 1;
    display: flex;
    gap: 10px;
    align-items: center;
    margin: 0;
}

.location-img {
    width: 150px;
    height: 150px;
    border-radius: 100px;
}

.property-agent-location-area {
    margin-top: 40px;
}

.prop-desc {
    display: flex;
}

.prop-location {
    display: grid;
    grid-template-columns: 50% 50%;
}

.property-location-name {
    flex: 1;
}

.prop-desc {
    gap: 15px;
}

.property-price {
    font-size: 30px;
    font-weight: 400;
    text-align: center;
}

.property-payment-box {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.contact-button {
   /* padding: 10px 25px;*/
   width:100%;
    border-radius: 10px;
    background-color: var(--color-primary);
    border: 0;
    display: flex;
    align-items: center;
    gap: 7px;
    color: #fff !important;
    line-height: initial;
    justify-content:center;
    height:40px
}

    .contact-button:focus {
        box-shadow: none;
    }

.property-contact {
    display: flex;
    gap: 5px;
    justify-content: center;
    margin-top: 20px;
}

.contact-whatsapp-button {
    background-color: #25d366;
 /*   padding: 10px 25px;*/
    width:100%;
    border-radius: 10px;
    border: 0;
    display: flex;
    align-items: center;
    gap: 7px;
    color: #fff !important;
    line-height: initial;
    justify-content:center;
}

    .contact-whatsapp-button:focus {
        box-shadow: none;
    }

.property-page-column-right {
    height: max-content;
 /*   border: 1px solid #eee;*/
    position: sticky;
    top: 72px;
}

.shortlist-button {
    padding: 5px 18px;
    border-radius: 6px;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    border: 1px solid #eee;
    color: #000;
    gap: 5px;
}

    .shortlist-button.active {
        color: #dd2326
    }

.property-price-section {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px 0;
    Box-shadow: 0 0 5px rgba(0,0,0,0.3);
    border-radius:10px;
    padding-inline:10px;
}

.property-shortlist {
    display: flex;
    justify-content: center;
}

.property-page-column-left {
    display: flex;
    flex-direction: column;
}

.searcbar-flilterwrapper {
    border-bottom: 1px solid #eee;
}

.searcbar-flilterwrapper {
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: #fff;
}

.header-logo-menuwrapper {
    display: flex;
    justify-content: space-between;
    /*    background: #f7f7f7;*/
}

.Homepage-logo1 {
    max-height: 100%;
    object-fit: contain;
}

.home-logowrapper {
    width: 200px;
    height: 90px;
    padding: 10px 0;
    display: flex;
    align-items: center;
}

.dsh-prd-pagination .prevbtn, .dsh-prd-pagination .nextbtn {
    padding: 0 3px;
    height: 30px;
    border: 1px solid #bdbdbd;
    border-radius: 5px;
}

    .dsh-prd-pagination .prevbtn[disabled], .dsh-prd-pagination .nextbtn[disabled] {
        opacity: .5;
    }

.dsh-prd-pagination .prevbtn {
    margin-right: 5px;
}

.dsh-prd-pagination .nextbtn {
    margin-left: 5px;
}

.header-enditems .top-link {
    margin: 0 !important;
}
/* header responsive */
@media screen and (max-width:1043px) {
    .search-filterbar {
        grid-template-columns: 80% 20%;
        grid-template-rows: auto 40px;
    }

    .filter-menulinkswrapper {
        grid-row: 2;
        grid-column: span 3;
        overflow-x: scroll;
    }

    .filter-menulinksinnerwrapper {
        justify-content: flex-start;
    }

    .search-filterbar .filter-mennulinks {
        height: 100%;
    }

    .filter-menulinksinnerwrapper .nice-select:after, .filter-menulinksinnerwrapper .nice-select {
        position: unset;
    }

    .filter-menulinksinnerwrapper .nice-select {
        gap: 5px;
    }
}
/* product vertical redesign*/
@media (min-width: 1200px) {
    .custom-col {
        width: 25% !important; /* 3 columns out of 12 */
    }
}
/* Large screens (lg) */
@media (min-width: 992px) and (max-width :1200px) {
    .custom-col {
        width: 33.33% !important; /* 3 columns out of 12 */
    }
}

/* Medium screens (md) */
@media (min-width: 575px) and (max-width :992px) {
    .custom-col {
        width: 50% !important; /* 4 columns out of 12 */
    }
}
/* Extra Small screens (xs) and smaller */
@media (max-width: 575px) {
    .custom-col {
        width: 100% !important; /* 12 columns out of 12 (full width) */
    }
}
.productlist-vertical .card .card-product-image {
    max-height: 318px;
}
    .productlist-vertical .card .card-product-image a{
        height:100%;
    }
        .productlist-vertical .card .card-product-image a img {
            width: 100%;
            object-fit: cover;
        }
        .productlist-vertical .card .product-details {
            justify-content: flex-start;
            height: max-content;
            position: absolute;
            bottom: 0;
            top: auto;
            background-color: hsla(0,0%,100%,0.85);
            width: 100%;
            padding-bottom: 5px;
            min-height:83px;
        }

.productlist-vertical .card {
    position: relative;
    border-radius: 4px !important;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}

.productlist-vertical .header-enditems .top-link {
    margin: 0 !important;
}


.productlist-vertical .dsh-menu-title h3 {
    text-align: center;
    display: flex;
    justify-content: space-between;
    z-index: 1;
    position: relative;
    padding: 0;
}

.productlist-vertical .dsh-menu-title a {
    position: unset;
    right: 0;
    display: flex;
    padding: 0 !important;
    align-items: center;
    justify-content: center;
    width: 100px;
}

.productlist-vertical .dsh-menu-title h3 {
    font-size: 25px;
    font-weight: 700;
    color: #424245;
}



.productlist-vertical .Product-name {
    color: #333 !important;
}

.header-menulinks .dropdown-menu {
    left: -30px !important;
    border-radius: 20px;
    transform: translate(0px, 35px) !important;
}

.display-hidden {
    visibility: hidden;
    position: absolute;
    opacity: 0;
}
/*wishlist Start*/
.savelaterlist .wishlist-wrapper {
    background-color: #fff;
    padding: 10px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border-radius: 4px;
}

    .savelaterlist .wishlist-wrapper .products-wishlist-wrapper {
        display: flex;
        padding: 0 10px;
        gap: 10px;
    }

.wishlist-wrapper .products-wishlist-wrapper .img-wislist {
    text-align: center;
}

    .wishlist-wrapper .products-wishlist-wrapper .img-wislist img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.product-details-wrapper {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
}

.stockdelete-wrapper {
    display: flex;
    justify-content: space-between;
}

    .stockdelete-wrapper p {
        color: #51aa1b;
    }

.productpricebutton-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .productpricebutton-wrapper .btn {
        margin: 0 !important;
        max-width: 150px !important;
        border-radius: 4px !important;
        padding: 8px !important;
        font-size: 15px !important;
        font-weight: 500 !important;
    }

    .productpricebutton-wrapper p {
        font-size: 20px;
        font-weight: 600;
    }

.wishlist-wrapper .products-wishlist-wrapper .img-wislist {
    width: 200px;
    height: 100%;
    min-width: 200px;
}

@media screen and (max-width:576px) {

    .wishlist-wrapper .products-wishlist-wrapper .img-wislist {
        width: 100px;
        height: 100%;
        min-width: 100px;
    }

    .productpricebutton-wrapper .btn {
        margin: 0 !important;
        max-width: 100px !important;
        border-radius: 4px !important;
        padding: 6px 4px !important;
        font-size: 10px !important;
        font-weight: 500 !important;
    }
}

.products-wishlist-wrapper .products-name {
    font-weight: 400;
    color: #333;
}

.stockdelete-wrapper i {
    font-size: 20px;
    cursor: pointer;
}

    .stockdelete-wrapper i:hover {
        color: #bb2d3b !important;
    }

.savelaterlist h2 {
    position: relative;
    margin-left: 20px;
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: 500;
}

    .savelaterlist h2::before {
        content: '';
        background-color: var(--color-primary);
        position: absolute;
        left: -20px;
        top: 10px;
        width: 13px;
        height: 13px;
        border-radius: 4px;
    }
/*wishlist End*/
/*login dropdown*/
.myaccount-context-menu-wrapper {
    border-radius: 10px;
    top: 20px !important;
    bottom: auto;
}

.myaccount-menu-top {
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid #eee;
    padding: 5px 10px;
}

.myaccount-menu-list {
    display: flex;
    align-items: center;
    gap: 5px;
    border-radius: 10px;
    padding: 10px;
}

.myaccount-image {
    width: 60px;
    height: 60px;
}

    .myaccount-image img {
        width: 60px;
        height: 60px;
        border-radius: 50px;
        object-fit: cover;
        max-height: 100%;
    }

.myaccount-menu-list-wrapper {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 10px;
}

    .myaccount-menu-list-wrapper .myaccount-menu-list:hover {
        background-color: #f5f5f5;
    }

.supplier-reg-head-res {
    font-size: 22px !important;
    display: flex;
    justify-content: center;
    margin-top: 7px;
}

.ds-flex {
    display: flex;
}

.header-enditems .dropdown-menu {
    min-width: 230px;
}

.container .SellerSignUp-form-padding-res {
    border: 1px solid #eee;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    width: 52rem;
    margin: auto;
}

.select2-container .select2-choice {
    height: 40px !important;
}

    .select2-container .select2-choice > .select2-chosen {
        margin-right: 26px;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding-top: 5px !important;
    }

    .select2-container .select2-choice .select2-arrow {
        width: 26px !important;
    }

.select2-drop {
    width: 93.6% !important;
}

.select2-container.select2-allowclear .select2-choice abbr {
    display: inline-block;
    margin-right: 10px !important;
    margin-top: 3px !important;
}

.myaccount-inner .login-register-wrap {
    margin: 0;
    padding: 20px;
    width: 50% !important;
}

.myaccount-inner .login-reg {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px !important;
    padding: 20px 10px 0;
}

.alignleft {
    float: right !important;
}

.product-details-box .productfamily {
    padding: 0;
    height: max-content;
}

.product-listing-main-details .select2-container .select2-choice {
    border: 1px solid #eee !important;
}

.product-listing-main-details .select2-container-active .select2-choice, .select2-container-active .select2-choices, .select2-drop-active {
    border: 1px solid #eee !important;
}

.product-listing-main-details .productfamily .choice-value {
    color: #555;
}

.product-listing-main-details .select2-results .select2-highlighted {
    background: #fff !important;
}

.product-listing-main-details .select2-drop {
    width: 100% !important;
}

.productfamily .select2-result-label span {
    color: #333;
}

.product-main-detail-data .arabic-direction-property {
    direction: rtl;
}

.product-details-top-inner {
    display: flex;
    align-items: center;
}

.property-uploadbtnwrapper {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 10px;
}

    .property-uploadbtnwrapper .property-uploadbtn {
        display: flex;
        align-items: center;
        background-color: var(--color-primary);
        color: #fff;
        gap: 5px;
        margin-top: 10px;
    }

        .property-uploadbtnwrapper .property-uploadbtn:hover {
            color: #fff;
        }

        .property-uploadbtnwrapper .property-uploadbtn:focus {
            box-shadow: none;
        }

.select2-container-multi .select2-choices {
    height: auto !important;
    height: 1%;
    margin: 0;
    padding: 0;
    position: relative;
    cursor: text;
    overflow: hidden;
    background-color: #f8f9fa !important;
    border: 1px solid #2d5074;
}

.seller-info .seller-info-label span {
    line-height: 0px !important;
    text-align: left;
    font-style: normal;
    font-weight: 500;
    font-size: 18px !important;
    color: rgba(32,32,32,1);
}

.seller-info-wrapper {
    width: 100%;
}

.seller-info .seller-info-data {
    padding: 5px 30px 9px !important;
}

.select2-container, .select2-drop, .select2-search, .select2-search input {
    padding: 0px;
}

.dashboard-productcardwrapper .productcard-head {
    position: absolute;
    left: auto;
    z-index: 1;
    right: 40%;
    top: 30%;
}

.property-edit {
    display: flex;
    background: #fff;
    color: #333;
    padding: 10px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    width: max-content;
    align-items: center;
    gap: 5px;
    border-radius: 5px;
    opacity: 0;
}

.landscape-right-tab-products .product-card:hover .property-edit {
    opacity: 1;
}

.landscape-right-tab-products .product-card:hover .product-image img {
    filter: blur(2px);
}

.seller-info .seller-info-data {
    border-radius: 15px;
    padding: 20px 30px;
    box-shadow: none !important;
    background: none !important;
    position: relative;
    min-height: 50px !important;
    border: 1px solid #cad4dd;
    border-radius: 5px;
}

input[disabled] {
    background: none !important;
    text-align: center;
    width: 100%;
    padding-top: 10px;
    padding-left: 15px;
}

/*textarea {
    resize: vertical;
    height: 70%;
    width: 100%;
}*/

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: default;
}

.product-listing .select2-arrow b {
    background: none !important;
}

.product-listing .select2-arrow {
    border: none !important;
    background-image: none !important;
    background: #fff !important;
}

    .product-listing .select2-arrow b:after {
        border-bottom: 2px solid #999;
        border-right: 2px solid #999;
        content: "";
        display: block;
        height: 9px;
        margin-top: -4px;
        pointer-events: none;
        position: absolute;
        right: 12px;
        top: 41%;
        -webkit-transform-origin: 66% 66%;
        transform-origin: 66% 66%;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all 0.15s ease-in-out;
        transition: all 0.15s ease-in-out;
        width: 9px;
    }

.product-listing .select2-dropdown-open .select2-arrow b:after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.product-listing .select2-container .select2-choice > .select2-chosen {
    color: #333;
}

.seller-info-data input, button, select, optgroup, textarea {
    margin-bottom: 7px;
    border: 0;
    padding-left: 13px;
}

/*.select2-results .select2-result-label {
    color: black !important;
}*/

/*.card-shadow {
    box-shadow: none !important;
}*/

.seller-info-data .select2-results .select2-highlighted {
    background: #ffffff !important;
}

.select2-container .select2-choice {
    border: 1px solid #eee !important;
}

.seller-info-data .select2-arrow b:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: "";
    display: block;
    height: 9px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 41%;
    -webkit-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 9px;
}

.seller-info-data .select2-dropdown-open .select2-arrow b:after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
/*.seller-info-data.select2-container.select2-container-disabled .select2-choice {
    background-color: none !important;
}*/
.seller-info .seller-info-data .select2-container .select2-choice .select2-arrow {
    background-image: none;
    border-left: 0;
    BACKGROUND-COLOR: #FFF;
}

.circle-wrap {
    width: 143px;
    height: 143px;
}

.dashboard-productcardwrapper .product-card {
    margin: 0;
    padding: 0;
}

.ss-profile-container .seller-info-value, .ss-profile-container .select2-container, .ss-profile-container .select2-choices {
    border: 0 !important;
}

.seller-info .seller-info-data {
    padding: 0 !important;
    /*height: 0px;*/
    /* display: flex;
    align-items: center;*/
}

.ss-profile-container .select2-container .select2-choice > .select2-chosen {
    background: #fff;
}

.select2-container .select2-choice {
    background: #fff !important;
    border: 0 !important;
}

.product-details-box .form-group-1 input, .form-group-1 select {
    border: 2px solid #eee;
}

.productactivestatus-data {
    display: flex;
    justify-content: center;
}

.productactivestatus-wrapper {
    background-color: #eeee;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    color: #333;
    height: 38px;
    width: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.seller-info .seller-info-datas {
    border-radius: 15px;
    padding: 0px 0px;
    box-shadow: none !important;
    background: none !important;
    position: relative;
    min-height: 50px !important;
    border: 1px solid #cad4dd;
    border-radius: 5px;
}

.seller-info-datas .select2-container.select2-container-disabled .select2-choice .select2-arrow {
    display: none;
}

.seller-info-datas .select2-container.select2-allowclear .select2-choice .select2-chosen {
    margin: 4px;
    font-family: inherit !important;
    font-size: 20px;
    line-height: inherit;
    text-align: justify;
    color: grey;
}

.card-shadow rounded-3 p-4 .seller-info-data input, select, optgroup, textarea {
    margin-bottom: 7px;
    border: 1px solid #eee !important;
    /*padding-left: 50px;*/
    height: 100%;
    width: 100%;
}

.SellerSignUp-form-padding-res .select2-arrow b:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: "";
    display: block;
    height: 9px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 41%;
    -webkit-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 9px;
}

.SellerSignUp-form-padding-res .select2-dropdown-open .select2-arrow b:after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.SellerSignUp-form-padding-res .select2-container .select2-choice .select2-arrow {
    background: none;
    border-left: 0 !important;
}

.SellerSignUp-form-padding-res .fa-solid, .fas {
    /*display: none;*/
}

.SellerSignUp-form-padding-res .upload-logo {
    position: relative;
}

.SellerSignUp-form-padding-res img {
    /*display: none;*/
    position: absolute;
}

.SellerSignUp-form-padding-res .select2-container .select2-choice {
    border-radius: 5px;
    border: 1px solid !important;
    border-color: #ebebeb !important;
}

.SellerSignUp-form-padding-res .select2-results .select2-result-label {
    color: black !important;
}

.SellerSignUp-form-padding-res .select2-results .select2-highlighted {
    background: none;
}

.seller-form .select2-search {
    width: 100% !important;
}

.form-group .seller-logo .upload-logo {
    position: relative;
}

    .form-group .seller-logo .upload-logo .companylogo {
        position: absolute;
        max-height: 100%;
    }

.seller-logo .upload-logo {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 325px;
    height: 325px;
    border: 1px solid #d5d5d5 !important;
    border-radius: 0 !important;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    font-size: 14px !important;
    overflow: hidden;
    cursor: pointer;
}

    .seller-logo .upload-logo i {
        color: #999;
        flex: 100%;
        font-size: 45px;
        /*    align-self: flex-end;
*/ text-align: center;
    }

.product-details-box .select2-search input, .product-details-box .select2-results .select2-highlighted {
    color: #333;
}

.row product-listing-bottom-details .form-group-1 .form-group-1 select {
    border: 2px solid #eee !important;
}

.form-group.valid {
    color: black:
}

.general-data-save-pwd {
    padding: 2px 15px;
    background-color: #27215f;
    border-radius: 5px;
    COLOR: WHITE;
    margin-top: 10px;
}

.gb-button text-light {
    padding: 5px 15px;
    background-color: #27215f;
    border-radius: 5px;
}

.SellerSignUp-form-padding-res .card-shadow {
    padding: 1px !important;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

ul li {
    display: inline-block;
    margin: 0 0 0 0px !important;
    padding: 0;
}

.product-listing .property-location {
    position: relative;
}

    .product-listing .property-location input {
        padding-right: 20px;
    }

        .product-listing .property-location input[readonly] {
            background-color: transparent;
        }

.product-listing .property-location-icon {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}
/*agent card redesign*/
.agent-griddwrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;
    margin: 10px 0;
}

.agent-topwrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #f5f5f5;
    color: #333;
    padding: 20px 0;
    border-radius: 10px 0 0 0;
}

.agent-imagewrapper {
    width: 150px;
    height: 150px;
}

    .agent-imagewrapper .image-agent {
        border-radius: 20px 0 20px;
    }

    .agent-imagewrapper img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 50%;
    }

.agent-bottomdetailswrapper {
    display: grid;
    gap: 5px;
}

.agent-topdetailswrapper .agent-name {
    font-size: 1.2rem;
    margin: 0;
    font-weight: 500;
}

.agent-topdetailswrapper .agent-details {
    font-size: 0.7rem;
    margin: 0;
}

.agent-topdetailswrapper {
    text-align: center;
}

.agent-bottomdetailswrapper {
    padding: 20px;
    border: 1px solid #eee;
    border-radius: 0 10px 0 0;
}

.agent-bootomvalue {
    color: #333;
}

.agent-bootomlabel {
    font-size: 0.8rem;
    color: #777;
}

.agent-bottomdetails {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.contactlogo-agent {
    width: 40px;
    height: 40px;
    /* padding: 10px; */
    border: 1px solid #eee;
    border-radius: 50%;
    background-color: #f5f5f5;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .contactlogo-agent i {
        color: #777;
    }

.agent-propertywrapper {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border-radius: 10px;
}

.agent-bottomcontact {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.contact-logowrapper {
    display: flex;
    justify-content: start;
    gap: 10px;
}

.contact-agentpara {
    font-size: 1.2rem;
    margin: 0;
    color: #333;
    font-weight: 500;
}

.agent-cardwrapper {
    display: grid;
    grid-template-columns: 30% auto;
}

.agent-bottomwrapper, .agent-topwrapper {
    flex-grow: 1;
}

.agent-propertyinnerwrapper {
    padding: 10px;
    text-align: center;
}

.agent-properetyimagewrapper, .propertheading-wrapper {
    position: relative;
}

    .agent-properetyimagewrapper .prototypenamewrapper {
        position: absolute;
        bottom: 0;
        padding: 5px 10px;
        background-color: hsla(0,0%,100%,0.85);
        border-radius: 0 0 10px 10px;
        width: 100%;
        color: #333;
    }

.propertimage-innerwrapper img, .propertimage-innerwrapper {
    border-radius: 10px;
}

.propertimage-innerwrapper {
    height: 175px;
}
    .propertimage-innerwrapper img {
        max-width: 100%;
        object-fit: cover;
        height: 100%;
        width: 100%;
    }
.agent-propertyinnerwrapper .propertheading-wrapper:before {
    background-color: #dadada;
    content: "";
    display: block;
    height: 0.1rem;
    left: 0;
    position: absolute;
    top: 50%;
    bottom: auto;
    width: 100%;
    z-index: -1;
}

.agent-propertyinnerwrapper .propertheading-wrapper span {
    background-color: #fff;
    padding: 0 1rem;
}

.contactlogo-agent {
    position: relative;
    z-index: 1;
}

    .contactlogo-agent:after {
        position: absolute;
        content: "";
        width: 0;
        height: 100%;
        top: 0;
        right: 0;
        z-index: -1;
        background-color: #fff;
        border-radius: 50px;
        transition: all 0.3s ease;
    }

    .contactlogo-agent:hover:after {
        left: 0;
        width: 100%;
    }

.seller-info-container .seller-info .seller-info-data span {
    line-height: 35px;
    text-align: justify;
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    color: rgb(0 0 0);
    letter-spacing: 1px;
    display: block;
}

.seller-info-data .select2-drop {
    width: 100% !important;
}

.seller-info .seller-info-data-s {
    padding: 10px 0px;
    box-shadow: none !important;
    background: none !important;
    position: relative;
    border-radius: 5px;
    font-weight: 400;
}

.mt-4 {
    margin-top: 4.5rem !important;
}

.seller-info-data .seller-info-value {
    width: 100%;
    height: 100%;
}

.seller-datas-infos {
    flex-grow: 1;
    height: 100%;
}

/*.iti__flag-container .iti__country-list {
    display: flex;
    flex-direction: column;
}
*/
.iti iti--allow-dropdown {
    width: 100%;
    height: 100%;
}

.org-top-card .logo-edit-main {
    display: flex;
    justify-content: center;
}

.ember-dashview {
    border-radius: 50%;
}

.ss-profile-title-dashboard {
    text-transform: uppercase;
    margin: 2rem 0 0 !important;
    border: 0 !important;
}

    .ss-profile-title-dashboard p {
        position: relative;
        text-align: center;
    }

        .ss-profile-title-dashboard p:before {
            content: "";
            position: absolute;
            background-color: #dee2e6;
            top: 42%;
            height: 0.1rem;
            width: 100%;
            left: 0;
            z-index: -1;
        }

        .ss-profile-title-dashboard p span {
            background-color: #fff;
            padding: 0 5px;
            font-size: 1rem !important;
            font-weight: 500 !important;
        }

.dash-propertylist .product-card {
    margin: 0;
    padding: 0;
    border-radius: 10px;
}

.dash-propertylist .property-bottomwrapper {
    position: absolute;
    bottom: 0;
    background-color: hsla(0,0%,100%,0.85) !important;
    padding: 0 5px;
    color: #333;
}

.login-pass {
    background-color: #eeee;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    color: #333;
    border: 15px solid #eee;
    max-width: 25%;
    padding-left: 12px;
    padding-top: 8px;
}

#password-message {
    display: none;
    color: #000;
    transition: display 2s;
    border: 1px solid #80808024;
    margin-top: 12px;
    padding: 20px;
    border-radius: 20px;
    font-size: small;
}

.seller-form .nice-select .current {
    display: flex;
    min-height: 40px;
    align-items: center;
}

.seller-form .form-group .nice-select:after {
    top: 43% !important;
}

.productlist-vertical .card:hover {
    transform: translate(5px,5px);
}

.productlist-vertical {
    padding: 0 !important;
}

.website-architect-widget .owl-stage-outer {
    border: 1px solid #eee;
    border-radius: 7px;
}

.website-architect-widget .dsh-menu-title {
    padding: 0 20px;
}

    .website-architect-widget .dsh-menu-title h3 {
        font-size: 25px;
    }

.website-architect-widget .clearfix {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    border-radius: 7px;
    padding: 20px;
    gap: 20px;
}

@media screen and (max-width:1000px) {
    .website-architect-widget .clearfix {
        grid-template-columns: repeat(3,1fr);
    }
}

@media screen and (max-width:450px) {
    .website-architect-widget .clearfix {
        grid-template-columns: repeat(2,1fr);
    }

    .productlist-vertical .dsh-menu-title h3 {
        font-size: 20px;
    }
}

.website-architect-widget .clearfix:before {
    content: none;
}

.agentwrapper-detail {
    display: flex;
    flex-direction: column;
}

.agent-filterbar {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 50px;
}

.agentsearchfilter-wrapper {
    display: grid;
    grid-template-columns: minmax(15rem,auto) minmax(0rem,max-content) minmax(5rem,max-content);
    padding: 10px 0;
    position: sticky;
    top: 0;
    gap: 10px;
    background: #fff;
    border-bottom: 1px solid #eee;
    z-index: 2;
    margin-bottom: 10px;
}

.agent-filterbar p {
    color: #555;
}

.agent-sortlink {
    height: 100%;
    display: flex;
    align-items: center;
    border-radius: 10px;
}

    .agent-sortlink ul {
        flex-direction: column;
        min-height: 150px;
        border-radius: 10px !important;
        transform: none !important;
    }

.agentsearchfilter-wrapper  .agent-searchbar {
    border: 1px solid #e8e8e8;
    height: 50px;
    display: flex;
    align-items: center;
    border-radius: 10px;
    padding: 5px 15px;
}

    .agent-searchbar input {
        border: 0;
        height: 100%;
        outline: none;
    }

        .agent-searchbar input:focus {
            box-shadow: none;
            border: 0;
        }

    .agent-searchbar, .agent-searchbar input {
        flex-grow: 1;
    }

.agentwrapper-detail a img {
    border-radius: 7px;
    height: 100%;
    object-fit: cover;
}

.agent-detailswrapper {
    padding: 10px 0;
}

    .agent-detailswrapper span {
        font-size: 14px;
        color: #333;
    }

    .agent-detailswrapper p {
        font-weight: 600;
        color: #333;
    }

.top-brand-image {
    max-height: 235px;
    height: 100%;
}

.search-iconwrapper {
    background: #DD2326;
    height: 100%;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.header-enditems a button {
    margin: 0;
}

.header-enditems .niceselect-wrapper {
    position: relative;
    height: 38px;
}

.niceselect-wrapper .custom-select-option {
    height: 100% !important;
    display: flex;
    align-items: center;
}

.niceselect-wrapper .nice-select:after {
    top: 42% !important;
}

.propertyimageheading-wrapper {
    background-color: #F5FAFF;
    padding: 20px 10px;
}

.property-category-horizontal-slide .property-categoriesheadingwrapper h4 {
    font-size: 26px;
    font-weight: 700;
}

.property-category-horizontal-slide .property-categoriesheadingwrapper p {
    color: #555;
}

.grid-categoryimagewrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 150px;
    text-align: center;
}

@media screen and (max-width:684px) {
    .grid-categoryimagewrapper {
        gap: 20px;
    }

    .property-category-horizontal-slide .container {
        padding: 0 !important;
    }
}

.grid-mainimagewrapper {
    display: flex;
    margin: 20px 0;
    justify-content: center;
}

.grid-categoryimagewrapper p {
    margin: 0;
    color: #555;
}

.grid-categoryimagewrapper h4 {
    color: #222;
    font-weight: 600;
    margin: 0;
}

.svg-wrapper svg {
    width: 60px;
}
/*  common border-radius */
.bor-rad-silma {
    border-radius: 7px;
}

.bannertext-mainwrapper {
    position: relative;
}

    .bannertext-mainwrapper img {
        border-radius: 10px;
    }

    .bannertext-mainwrapper .banner-textwrapper {
        position: absolute;
        top: 20%;
        left: 0;
        right: 0;
        color: #fff;
        text-align: center;
    }

        .bannertext-mainwrapper .banner-textwrapper h1 {
            font-size: 3.5rem;
            font-weight: 700;
        }

.badge-propertywrap {
    display: flex;
}

    .badge-propertywrap .badgeproperty {
        padding: 5px 10px;
        border-radius: 20px;
        background-color: #f9f9f9;
        border: 1px solid rgb(2 57 231);
        color: rgb(1 53 219);
    }

        .badge-propertywrap .badgeproperty p {
            font-size: 12px;
            text-transform: uppercase;
        }

.location-agent p {
    color: #444;
}

@media screen and (max-width:600px) {
    .agent-properetyimagewrapper .prototypenamewrapper p {
        font-size: 10px;
    }

    .agent-propertywrapper .agent-cardwrapper {
        grid-template-columns: 100%;
    }

    .bannertext-mainwrapper .banner-textwrapper h1 {
        font-size: 1.5rem;
    }

    .bannertext-mainwrapper .banner-textwrapper {
        top: 14%;
        left: 0;
        right: 0;
    }

    .agent-imagewrapper {
        width: 100px;
        height: 100px;
    }

    .agentsearchfilter-wrapper {
        grid-template-columns: minmax(1rem,auto) minmax(0rem,max-content) minmax(4rem,max-content);
    }
}
/*animation on propertywidget*/
.grid-1-propertyimage {
    position: relative;
    padding: 10px;
    z-index: 1;
    overflow: hidden;
    border-radius: 20px;
    transition: all 0.4s ease;
}

    .grid-1-propertyimage:before {
        background-color: #b0d7ff38;
        content: "";
        height: 100%;
        left: -100%;
        position: absolute;
        top: 0;
        width: 0;
        z-index: -1;
        transform: skew(50deg);
        transition: width 0.6s;
        transform-origin: right;
    }

    .grid-1-propertyimage:hover:before {
        width: 260%;
    }
/*animation on propertywidget*/

/*blog widget design*/
.blog-mainwrapper .blog-heading {
    font-size: 25px;
    font-weight: 700;
    color: #424245;
    padding-block: 10px;
}

.blog-gridmain {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

    .blog-gridmain .blog-firstgrid {
        display: flex;
        flex-direction: column;
        padding-block: 10px;
        border-radius: 10px;
    }
            .blog-gridmain .blog-firstgrid .blog-imgwrap img {
                max-height:350px;
                border-radius: 10px;
            }

        .blog-gridmain .blog-firstgrid .blog-detailswrap {
            padding-top: 20px;
            display: flex;
            justify-content: space-between;
            flex-direction: column;
            flex-grow: 1;
        }

.blog-secgrid {
    display: flex;
    flex-direction: column;
}

    .blog-secgrid > div {
        flex-grow: 1;
        border-radius: 10px;
        padding-block: 10px;
        display: flex;
    }

    .blog-secgrid .blog-imgwrap {
        flex: 1;
        /*width: 300px;*/
    }

    .blog-secgrid .blog-imgwrap img {
        object-fit: cover;
        height: 100%;
        width: 100%;
        border-radius: 10px;
    }

    .blog-secgrid .blog-detailswrap {
        flex:1;
        padding-inline: 10px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

.btn-learnmorewrap .btn-learnmore {
    /* background: var(--color-primary);*/
    padding: 10px;
    margin: 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: all 0.8s ease;
    border-radius: 7px;
    font-size: 14px;
}

    .btn-learnmorewrap .btn-learnmore img {
        width: 40px;
    }

.btn-learnmorewrap {
    display: flex;
    justify-content: end;
}

    .btn-learnmorewrap .btn-learnmore:before {
        background: var(--color-primary);
        content: "";
        height: 100%;
        left: -100%;
        position: absolute;
        top: 0;
        width: 0;
        z-index: -1;
        transform: skew(50deg);
        transition: width 0.8s;
        transform-origin: right;
    }

    .btn-learnmorewrap .btn-learnmore:hover:before {
        width: 250%;
    }

    .btn-learnmorewrap .btn-learnmore:hover {
        color: white !important;
    }

.blog-firstgrid .blog-detailtextwrap .main-blogheading {
    font-weight: 500;
    font-size: 22px;
    color: #222;
}

.blog-secgrid .blog-detailtextwrap .side-blogheading {
    font-weight: 500;
    font-size: 21px;
    color: #222;
}

.blog-detailtextwrap > p {
    color: #555;
    height: auto;
    overflow: hidden;
    white-space: pre-wrap;
    text-overflow: ellipsis;
}

@media screen and (max-width:1062px) {
    .blog-gridmain {
        grid-template-columns: 1fr;
    }
    .blog-secgrid .blog-imgwrap{
        flex:none;
    }

    .blog-secgrid .blog-imgwrap img {
        width: 320px;
    }

    .blog-secgrid .blog-detailswrap {
        flex-grow: 1;
    }
}

@media screen and (max-width:638px) {
    .blog-secgrid > div {
        display: block;
    }

    .blog-secgrid .blog-imgwrap img {
        width: 100%;
    }

    .blog-secgrid .blog-detailswrap {
        padding: 10px;
    }
}

.seller-info .seller-info-label span, .seller-info .seller-info-data span {
    font-size: 14px !important;
    font-weight: 500 !important;
}

.seller-info-data .seller-info-new.select2-container .select2-choice .select2-chosen {
    line-height: 37px;
    color: #000;
    font-size: 15px;
    font-weight: 400;
}

.seller-info-data .seller-info-value {
    border: none !important;
    color: #000 !important;
    width: 100%;
    border-radius: 15px;
    font-weight: 400;
    font-size: 14px;
    background: #fff;
}

    .seller-info-data .seller-info-value[disabled] {
        background: #fff !important;
        border: none !important;
    }

    .seller-info-data .seller-info-value:focus, .seller-info-data .seller-info-value:focus-visible {
        -webkit-box-shadow: none;
        outline: none;
    }

.seller-dashboard .seller-info-data .seller-info-value .input-number {
    min-width: 30px;
    width: 50px;
    text-align: center;
    padding: 0px 5px;
    border: none;
    margin: 20px 0px;
    background: #fafafa !important;
    font-weight: 500;
    color: var(--color-primary);
    text-decoration: underline;
}

    .seller-dashboard .seller-info-data .seller-info-value .input-number::placeholder {
        color: var(--color-primary) !important;
    }

    .seller-dashboard .seller-info-data .seller-info-value .input-number[disabled]::placeholder, .seller-dashboard .seller-info-data .seller-info-value .input-number[disabled] {
        color: #e71818 !important;
    }

    .seller-dashboard .seller-info-data .seller-info-value .input-number:focus, .seller-dashboard .seller-info-data .seller-info-value .input-number:focus-visible {
        outline: none;
        -webkit-box-shadow: none;
    }

.seller-info-listing .seller-info-data .seller-info-value {
    /*padding: 3px 30px !important;*/
    font-size: 15px;
    height: 50px;
    border: 1px solid #D9D9D9 !important;
    border-radius: 5px;
    line-height: 46px;
}

.iti__country-list {
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    margin-top: 3px;
}

    .iti__country-list.iti__hide {
        display: none;
    }

.iti iti--allow-dropdown {
    display: flex;
}

.suplist {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.select2-container .select2-choice .select2-arrow {
    top: 5px !important;
}

.suplist .select2-container .select2-choice {
    border-radius: 5px;
}

.AgentListing_shadow {
    /*border: 1px solid #eee;*/
    border-radius: 4px;
/*    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
*/ /*   width: 57rem;*/
    margin: auto;
}

.AgentListing_font {
    font-size: 14px !important;
    font-weight: 500 !important;
}

.padding-top-10 {
    padding-top: 10px;
}

.agent-listingwrapper .form-control .select2-choice {
    height: 100% !important;
    border-radius: 10px;
}
.agent-listingwrapper .select2-container .select2-choice .select2-arrow{
    top:0 !important;
}
    .agent-listingwrapper .select2-container .select2-choice .select2-arrow b{
        background:none;
        background-image:none !important;
    }
.agent-listingwrapper .select2-container .select2-search input{
    color:#333;
}
.agent-listingwrapper .select2-container .select2-choice abbr {
    top: 13px;
}
.agent-listingwrapper .seller-info, .agent-listingwrapper .AgentListing_font {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.agent-listingwrapper .AgentListing_shadow {
    flex-direction:row;
    align-items:flex-start;
}
.agent-listingwrapper .seller-info-listing .seller-info-data .seller-info-value{
    height:100%;
    min-height:50px;
    border-radius:10px;
}
.agent-listingwrapper .form-control, .agent-listingwrapper .nice-select{
    border-radius: 10px !important;
}
.agent-listingwrapper .seller-logo .upload-logo {
    width:95%;
    border-radius:10px !important;
    margin-top:0 ;
    position:relative;

}
    .agent-listingwrapper .seller-logo .upload-logo i {
        position: absolute;
        z-index: 0;
    }
    .agent-listingwrapper .seller-logo .upload-logo img{
        position:relative;
        z-index:2;
    }
    .agent-listingwrapper .agent-shadowwrapper {
        box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
        padding-inline: 20px;
        border-radius: 10px;
    }
.agent-listingwrapper .form-group {
    min-width: 200px;
}
.agent-listingwrapper .fa-plus:before {
    content: "upload image";
    font-size: medium;
    letter-spacing: 1.8px;
}
@media screen and (max-width:1082px) {
    .property-page-column {
        grid-template-columns: 1fr;
        gap: 10px;
    }
}
@media screen and (max-width:992px){
    .agent-listingwrapper .AgentListing_shadow{
        flex-direction:column;
    }
    .agent-listingwrapper .form-group{
        min-width:100px;
    }
    .agent-listingwrapper .seller-logo .upload-logo {
        width: 100%;
        height:225px;
    }
    }
@media screen and (max-width:910px) {
    .SellerSignUp-form-padding-res{
        width:100% !important;
    }
        .SellerSignUp-form-padding-res .form-group {
            padding: 0 !important;
            gap: 10px;
        }
    .SellerSignUp-form-padding-res .sign-up .sign-up-body {
        text-align:center;
    }
    .property-page-gallery-area {
        grid-template-columns: 1fr;
        gap: 5px;
    }
        .property-page-gallery-area .property-page-gallery-left-area{
            height:330px;
        }
        .property-page-gallery-area .property-page-gallery-right-area {
            grid-template-columns: repeat(2,calc(50% - 2.5px));
            grid-template-rows: none;
            justify-content: space-between;
            grid-row: auto;
            height:100%;
        }
        .property-page-gallery-area .property-page-gallery-button-area button{
            font-size: 10px;
        }

    .proprty-maintitle {
        font-size:23px;
    }
    .product-listing-middle-details .product-details-top-inner{
        flex-direction:column;
    }
    .product-details-top-inner .product-image-wrapper .product-image-wrapper-inner {
        margin-top:10px !important;
    }
    .product-listing-middle-details .product-details-info .form-wrap {
        margin-top: 0;
    }
    #dynamicPopover.cropPopup {
        width: 100%;
    }
}
 
.property-page {
    margin-bottom:10px;
}

.geo-location-textbox {
    border-radius: 5px;
    border: 1px solid !important;
    border-color: #ebebeb !important;
    width: 100%;
    font-size: 14px;
    height: 50px;
    padding: 10px 15px;
}
.product-listing-main-details .select2-container .select2-choice .select2-arrow b, .seller-form .select2-container .select2-choice .select2-arrow b, .seller-info-data .select2-container .select2-choice .select2-arrow b {
    background-image: none !important;
}
.products-main-page .dsh-menu-cnt .listing-page-main {
flex: 1;
}
.agent-sortlink.open .list {
    height: max-content;
    overflow: scroll;
    max-height: 200px;
}
/*rz-slider style */
.rzslider .rz-pointer {
    top: -11px;
    z-index: 3;
    width: 24px !important;
    height: 24px;
    cursor: pointer;
    background-color: #27215f !important;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    transition: all linear .3s;
}
.rzslider .rz-pointer:after {
    top: 8px;
    left: 8px;
    background:#fff !important;
}
.rzslider .rz-selection {
    background-color: #27215f !important;
}
.seller-success .order-complete span {
    max-width:500px;
}
.top-brands-wrap .agentsearchfilter-wrapper .agent-filterbarwrap {
    display: flex;
    gap: 5px;
}
@media screen and (max-width:992px) {
    .filter-categorywrap .filter_items {
        display:none;
    }
}
    @media screen and (max-width:700px) {
        .top-brands-wrap .agentsearchfilter-wrapper .agent-filterbarwrap {
            grid-row: 2;
        }

        .top-brands-wrap .agentsearchfilter-wrapper .search-iconwrapper {
            grid-column: span 2;
        }
    }
.stamp-tags {
    max-width: 100px !important ;
}
/*.product-details-box.form-group .form-group-1 {
    padding: 0 25px;
    padding-left: 13px;
}*/
.seller-form .form-group #password:hover {
    border: 1px solid #ebebeb !important; 
}
.seller-form .form-group .form-group-pick {
    width: 100%;
    padding: 0 25px;
    padding-left: 14px;
    display: block;
}
}
 .text-wrapper{
     text-align:justify;
 }

.product-card .product-description {
    position: relative;
    transition: 0.2s ease-in-out;
    background: #ffffff;
    color: black;
    max-height: 206px;
    overflow: hidden;
}
.uploaded-images {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap:10px;
}
.base-image-slide {
    width: 300px;
    height: auto;
}
.product-family-box #ui-select-choices-0 {
    flex-direction: column;
}
.product-family-box .select2-results li {
    border-color: #b0a8a81f;
}
.select2-results .select2-result-label {
    padding: 7px 7px 8px!important;
}
.cropBtn .btn {
    font-size: 1.5rem;
    padding: 0.375rem 1.75rem;
}
.popup-wrap::-webkit-scrollbar-thumb {
    background: #7f7f7f;
}

.popup-wrap::-webkit-scrollbar {
    width: 15px;
}

.cropBtn {
    position: sticky;
    right: 10px;
    bottom: 0;
    left: 0;
    text-align: end;
}
.upload-text{
    display:none;
}
.product-horizontal-slide .product-technobear .card-product-image {
     min-height: unset; 
     overflow: unset; 
    height: 200px;
    width: 100%;
}
.product-horizontal-slide .product-technobear  .product-details{
    justify-content:center;
}
.listing-page-main .product-card .product-description span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 4; 
    font-size: 17px; 
    line-height: 1.5;
}
.product-card-top .product-image > img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.blog-mainwrapper .blog-descwrap p {
    font-size: 15px;
    color: #2A2A2A;
}

.blog-vertical-gridmain {
    display: grid;
    gap: 75px;
    grid-template-columns: repeat(3, 1fr);
}

    .blog-vertical-gridmain .blog-firstgrid .blog-detailswrap {
        padding: 20px 20px 10px 20px;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        flex-grow: 1;
    }

    .blog-vertical-gridmain .blog-detailtextwrap {
        overflow: hidden;
    }



    .blog-vertical-gridmain .blog-firstgrid .blog-detailtextwrap .main-blogheading {
        font-weight:600;
    }
    .blog-vertical-gridmain .blog-firstgrid {
        transition: all .5s ease-in-out;
        box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
        display: flex;
        flex-direction: column;
    }

        .blog-vertical-gridmain .blog-firstgrid:hover {
            box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
            border-radius: 20px;
        }
        .blog-vertical-gridmain .blog-firstgrid:hover img {
            border-radius: 20px 20px 0 0;
        }

        .blog-vertical-gridmain .blog-firstgrid img {
            transition: all .5s ease-in-out;
            border-radius: 4px;
            width: -webkit-fill-available;
            height: 250px!important;
            object-fit: fill;
        }


@media screen and (max-width:1200px) {
    .blog-vertical-gridmain {
        grid-template-columns: repeat(2, 1fr);
    }
} 


@media screen and (max-width:650px) {
    .blog-vertical-gridmain {
        grid-template-columns: repeat(1, 1fr);
    }
}

.blog-vertical-heading {
    font-size: 25px;
    font-weight: 700;
    color: #424245;
    margin-bottom: 20px;
}

.blog-header-part a {
    position: unset;
    right: 0;
    display: flex;
    padding: 0 !important;
    align-items: center;
    justify-content: center;
    width: 100px;
    border-radius: 0.25rem;
}
.blog-header-part {
    display: flex;
    justify-content: space-between;
}

.blog-vertical-gridmain .blog-descwrap {
    max-height: calc(3.2em * 4); 
    overflow: hidden;
    text-overflow: ellipsis; 
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.blog-vertical-gridmain .btn-learnmorewrap {
    padding: 20px 0px 10px;
}

    .blog-vertical-gridmain .btn-learnmorewrap .btn-learnmore {
        background: #f0f0f0;
        padding: 6px 10px 6px 10px;
    }
.product-card .properties-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 1250px) {

    .product-card .properties-row {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
}


@media (max-width: 1036px) {

    .product-card .properties-row {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

.blog-mainwrapper{
    padding-top:20px;
}