@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&display=swap);

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Inter", sans-serif
}

.skuArebic h1,
.skuArebic p,
.skuArebic .arright {
    text-align: right
}

body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-weight: 500;
    font-family: "Inter", sans-serif
}

a {
    text-decoration: none;
    cursor: pointer
}

a:hover,
a:focus,
a:visited {
    text-decoration: none;
    outline: none
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0
}

ul,
li {
    list-style: none;
    padding: 0;
    margin: 0
}

:root {
    --fs-10px: 10px;
    --fs-11px: 11px;
    --fs-12px: 12px;
    --fs-13px: 13px;
    --fs-14px: 14px;
    --fs-15px: 15px;
    --fs-16px: 16px;
    --fs-17px: 17px;
    --fs-18px: 18px;
    --fs-19px: 19px;
    --fs-20px: 20px;
    --fs-21px: 21px;
    --fs-22px: 22px;
    --fs-23px: 23px;
    --fs-24px: 24px;
    --fs-25px: 25px;
    --fs-26px: 26px;
    --fs-27px: 27px;
    --fs-28px: 28px;
    --fs-29px: 29px;
    --fs-30px: 30px;
    --fs-31px: 31px;
    --fs-32px: 32px;
    --fs-33px: 33px;
    --fs-34px: 34px;
    --fs-36px: 36px;
    --fs-38px: 38px;
    --fs-40px: 40px;
    --fs-42px: 42px;
    --fs-44px: 44px;
    --fs-46px: 46px;
    --fs-48px: 48px;
    --fs-50px: 50px;
    --text-blue: #0d6efd;
    --text-indigo: #6610f2;
    --text-purple: #6f42c1;
    --text-pink: #d63384;
    --text-red: #dc3545;
    --text-orange: #fd7e14;
    --text-yellow: #ffc107;
    --text-green: #198754;
    --text-teal: #20c997;
    --text-cyan: #0dcaf0;
    --text-black: #000;
    --text-white: #fff;
    --text-gray: #6c757d;
    --text-gray-dark: #343a40;
    --text-gray-100: #f8f9fa;
    --text-gray-200: #e9ecef;
    --text-gray-300: #dee2e6;
    --text-gray-400: #ced4da;
    --text-gray-500: #adb5bd;
    --text-gray-600: #6c757d;
    --text-gray-700: #495057;
    --text-gray-800: #343a40;
    --text-gray-900: #212529;
    --text-primary: #0d6efd;
    --text-secondary: #6c757d;
    --text-success: #198754;
    --text-info: #0dcaf0;
    --text-warning: #ffc107;
    --text-danger: #dc3545;
    --text-light: #f8f9fa;
    --text-dark: #212529;
    --text-gray-01: #585981;
    --text-gray-02: rgb(143, 144, 166);
    --bg-blue: #0d6efd;
    --bg-indigo: #6610f2;
    --bg-purple: #6f42c1;
    --bg-pink: #d63384;
    --bg-red: #dc3545;
    --bg-orange: #fd7e14;
    --bg-yellow: #ffc107;
    --bg-green: #198754;
    --bg-teal: #20c997;
    --bg-cyan: #0dcaf0;
    --bg-black: #000;
    --bg-white: #fff;
    --bg-gray: #6c757d;
    --bg-gray-dark: #343a40;
    --bg-gray-100: #f8f9fa;
    --bg-gray-200: #e9ecef;
    --bg-gray-300: #dee2e6;
    --bg-gray-400: #ced4da;
    --bg-gray-500: #adb5bd;
    --bg-gray-600: #6c757d;
    --bg-gray-700: #495057;
    --bg-gray-800: #343a40;
    --bg-gray-900: #212529;
    --bg-primary: #0d6efd;
    --bg-secondary: #6c757d;
    --bg-success: #198754;
    --bg-info: #0dcaf0;
    --bg-warning: #ffc107;
    --bg-danger: #dc3545;
    --bg-light: #f8f9fa;
    --bg-dark: #212529;
    --fw-100: 100;
    --fw-200: 200;
    --fw-300: 300;
    --fw-400: 400;
    --fw-500: 500;
    --fw-600: 600;
    --fw-700: 700;
    --fw-800: 800;
    --fw-900: 900
}

.fs-10 {
    font-size: var(--fs-10px)
}

.fs-12 {
    font-size: var(--fs-12px)
}

.fs-14 {
    font-size: var(--fs-14px)
}

.fs-16 {
    font-size: var(--fs-16px)
}

.fs-18 {
    font-size: var(--fs-18px)
}

.fs-20 {
    font-size: var(--fs-20px)
}

.fs-22 {
    font-size: var(--fs-22px)
}

.fs-24 {
    font-size: var(--fs-24px)
}

.fs-26 {
    font-size: var(--fs-26px)
}

.fs-28 {
    font-size: var(--fs-28px)
}

.fs-30 {
    font-size: var(--fs-30px)
}

.fw-4 {
    font-weight: 400 !important
}

.fw-5 {
    font-weight: 500 !important
}

.fw-6 {
    font-weight: 600 !important
}

.fw-7 {
    font-weight: 700 !important
}

.fw-8 {
    font-weight: 800 !important
}

.text-red {
    color: rgb(255 0 0) !important
}

.text-black {
    color: rgb(10 9 9) !important
}

.text-gray {
    color: rgb(75 78 87) !important
}

header {
    position: fixed;
    width: 100%;
    background-color: #fff;
    z-index: 999;
    box-shadow: 0 4px 10.6px 0 rgb(0 0 0 / .03)
}

.header-top {
    padding: 11px 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.msg-box {
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.36px;
    text-align: left
}

.lineheader {
    position: absolute;
    top: 50px;
    width: 100%;
    left: 0;
    right: 0
}

.dropdownselectlang {
    background-color: #fff0;
    border: 0;
    display: flex;
    gap: 5px;
    align-items: center
}

.dropdownselectlang .img-lang {
    width: 18px
}

.header-top .rightside {
    display: flex;
    gap: 20px;
    align-items: center
}

.header-bottom {
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.header-bottom .leftside {
    gap: 10px;
    display: flex;
    align-items: center
}

.slider-01 .slick-dots {
    justify-content: end !important
}

.logo-header img {
    width: 146px;
    margin-right: 83px;
    margin-right: 0
}

.allcategory-Searchbar {
    display: flex;
    width: 687px;
    border: 1px solid var(--stroke, rgb(74 37 89 / .1));
    border-radius: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    -ms-border-radius: 9px;
    -o-border-radius: 9px
}

.allcategory-Searchbar .leftside {
    padding: 12px 15px;
    background-color: rgb(248 248 248);
    border-radius: 9px 0 0 9px;
    -webkit-border-radius: 9px 0 0 9px;
    -moz-border-radius: 9px 0 0 9px;
    -ms-border-radius: 9px 0 0 9px;
    -o-border-radius: 9px 0 0 9px
}

.serch-container {
    position: relative
}

.search-input {
    width: 100%;
    padding: 13px 13px 13px 52px;
    border: 0;
    border-radius: 0 9px 9px 0;
    -webkit-border-radius: 0 9px 9px 0;
    -moz-border-radius: 0 9px 9px 0;
    -ms-border-radius: 0 9px 9px 0;
    -o-border-radius: 0 9px 9px 0
}

.search-icon {
    top: 15px;
    left: 15px;
    position: absolute
}

.header-rightmenu {
    display: flex;
    gap: 40px;
    align-items: center
}

.notifi-icon-container {
    position: relative
}

.notifi-icon {
    right: 0;
    top: 0;
    position: absolute;
    display: inline-block;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    padding: 4px 5.5px;
    border: 1px solid rgb(255 255 255);
    font-size: 10px;
    font-weight: 500;
    line-height: 11.93px;
    background-color: rgb(255 0 0);
    color: rgb(255 255 255);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%
}

.dropdown-theam .dropdown-menu {
    padding: 7px 0;
    top: 10px !important;
    left: 0;
    width: 341px;
    border: 0;
    border: 1px solid rgb(235 235 235 / .5);
    box-shadow: 0 -1px 27.7px 0 rgb(0 0 0 / .04);
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px
}

.dropdown-theam .dropdown-item {
    padding: 13px 20px;
    display: flex;
    gap: 15px;
    align-items: center;
    font-size: 15px;
    font-weight: 500;
    line-height: 22.76px;
    color: rgb(10 9 18)
}

.subtitle-welcome,
.subtitle-form_login,
.badge-static {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: right;
    color: rgb(75 78 87);
    max-width: 299px;
    text-wrap: wrap
}

.title-welcome,
.title-dropdown,
.title-address,
.rate-reviw-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 21.78px;
    text-align: left;
    color: rgb(10 9 18);
    margin-bottom: 5px
}

.btn-theam-red:hover {
    color: rgb(255 0 0);
    background-color: rgb(255 255 255);
    border-color: rgb(255 0 0)
}

.btn-theam-red {
    background-color: rgb(255 0 0);
    color: rgb(255 255 255);
    border: 1px solid #fff0
}

.btn-theam-ligngreen {
    background-color: rgb(85 205 108);
    color: #fff;
    border: 1px solid #fff0
}

.btn-theam-black,
.btn-theam-black-border:hover {
    background-color: rgb(10 9 18);
    color: rgb(255 255 255);
    border: 1px solid #fff0
}

.btn-theam-gray-border:hover {
    background-color: rgb(255 0 0);
    color: rgb(255 255 255);
    border: 1px solid #fff0
}

.btn-theam-gray-border {
    color: rgb(75 78 87);
    background-color: rgb(255 255 255);
    border: 1px solid rgb(75 78 87)
}

.btn-theam-ligngreen:hover {
    color: rgb(85 205 108);
    background-color: rgb(255 255 255);
    border: 1px solid rgb(85 205 108)
}

.btn-theam-black:hover,
.btn-theam-black-border {
    color: rgb(10 9 18);
    background-color: rgb(255 255 255);
    border: 1px solid rgb(10 9 18)
}

.btn-theam-14px {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    padding: 11px 27.5px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px
}

.btn-theam-16px {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    text-align: center;
    padding: 16px 47.5px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px
}

.btn-theam-12px {
    border-radius: 8px;
    padding: 12px 27px;
    font-size: 12.36px;
    font-weight: 500;
    line-height: 15.45px;
    text-align: center;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px
}

.btn-container_signin-signup {
    display: flex;
    gap: 12.5px;
    padding: 10px 0 20px 0;
    border-bottom: 1px solid var(--stroke, rgb(74 37 89 / .1))
}

.signindropuser-btn {
    display: flex;
    gap: 9px;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 19.36px;
    text-align: left;
    text-wrap: nowrap;
    color: rgb(10 9 18)
}

.allcategory-Searchbar .dropdown-theam .dropdown-menu {
    width: 490px !important
}

.allcategory-Searchbar .dropdown-theam .dropdown-item {
    padding: 17px 20px
}

.bg-strock-50 {
    background-color: rgb(74 37 89 / .05)
}

.dropdown-theam-notification .dropdown-menu .dropdown-item {
    padding: 15px 15px 20px 15px
}

.dropdown-theam-notification .dropdown-menu,
.dropdown-theam-mycart .dropdown-menu {
    top: 35px !important;
    left: 0;
    right: auto !important;
    width: 390px;
    padding: 24px 0;
    border: 1px solid rgb(235 235 235 / .5);
    background-color: rgb(255 255 255);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px
}

.title-notif {
    padding-left: 15px;
    margin-bottom: 20px
}

.sec-1-index .photo-container2 {
    object-position: top
}

.sec-2-index .photo-container2 {
    object-position: top
}

.photo-container3 img,
.photo-container2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px
}

.photo-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%
}

.photo-container {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%
}

.photos-noti-drop {
    width: 55px;
    height: 55px
}

.info-noti-drop,
.mycart-item-info,
.dollar,
.btn-recorder {
    font-size: 14px;
    font-weight: 500;
    line-height: 16.94px;
    text-align: right;
    color: rgb(10 9 18);
    margin-bottom: 5px
}

.date-noti-drop,
.mycart-item-size,
.extra-off_box .top p,
.ordered-item-info,
.ordered-qty,
.ordered-date,
.request-for-returnbox p {
    font-size: 12px;
    font-weight: 400;
    line-height: 14.52px;
    text-align: right;
    color: rgb(75 78 87)
}

.box-notification {
    display: flex;
    gap: 10px;
    align-items: center
}

.subtitle-notifi-drop,
.total-amount,
.prod-sold,
.box-measurement-purchase h5,
.box-extrashoping h4,
.box-custsupport h4,
.shipingto-name,
.manage-address_box .name {
    font-size: 16px;
    font-weight: 600;
    line-height: 19.36px;
    text-align: right;
    color: rgb(10 9 18);
    margin-bottom: 15px
}

.viewall-btn {
    margin-top: 15px;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    text-align: center;
    color: rgb(255 0 0)
}

.no-notif.title-dropdown {
    margin-bottom: 10px;
    text-align: center
}

.no-notif-info,
.subtitle-slider-left-loginpart {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    color: rgb(75 78 87)
}

.no-noti-drop .dropdown-menu {
    height: 497px
}

.box-no-notification {
    text-wrap: wrap;
    text-align: center;
    padding: 92px 0 0 0
}

.allcategory-Searchbar .leftside {
    display: flex;
    gap: 10px;
    align-items: center;
    width: 202px
}

.category-search ul {
    display: flex;
    gap: 25px
}

.dropdown-allocate {
    display: none
}

.dropdown-theam-mycart .dropdown-item {
    padding: 15px 0;
    border-bottom: 1px solid var(--stroke, rgb(74 37 89 / .1))
}

.photos-mycart-drop {
    width: 115px;
    height: 138px
}

.dropdown-theam-mycart .dropdown-menu {
    left: 250px
}

.badge-theam-12px-sm {
    padding: 4px 4px
}

.badge-theam-12px {
    padding: 9.5px 14px
}

.badge-theam-15px {
    padding: 3px 7.57px
}

.badge-theam-15px {
    font-size: 15.1px;
    font-weight: 600;
    line-height: 18.28px;
    text-align: center;
    border-radius: 4.53px;
    -webkit-border-radius: 4.53px;
    -moz-border-radius: 4.53px;
    -ms-border-radius: 4.53px;
    -o-border-radius: 4.53px
}

.badge-theam-12px,
.badge-theam-12px-sm {
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    line-height: 14.52px;
    text-align: center;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px
}

.badge-theam-green {
    background-color: rgb(5 148 79);
    color: #fff
}

.badge-theam-red {
    background-color: rgb(255 0 0);
    color: #fff;
    justify-content: right
}

.badge-theam-purple {
    background-color: rgb(89 55 160);
    color: #fff
}

.m-size {
    border: .5px solid rgb(10 9 18);
    padding: 5px 6px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    font-size: 10px;
    font-weight: 700;
    line-height: 12.1px;
    text-align: center;
    color: rgb(10 9 18);
    display: inline-block
}

.mycart-itembox {
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: start;
    flex-direction: row-reverse
}

.dollar {
    margin-bottom: 0
}

.badge-border-gray {
    display: inline-block;
    border-radius: 7px;
    padding: 6px 8px;
    border: 1px solid var(--stroke, rgb(74 37 89 / .1));
    font-size: 14px;
    font-weight: 400;
    line-height: 16.17px;
    text-align: center;
    color: rgb(75 78 87);
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px
}

.dollar-qty-box {
    margin-top: 15px
}

.dollar-qty-box,
.total-amount_container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px
}

.button-mycart-drop_container {
    display: flex;
    justify-content: space-between;
    margin-top: 7px
}

.header-back {
    width: 100%;
    height: 138px
}

.navbar-top .nav-tabs {
    gap: 30px;
    width: 100%;
    padding: 13px 50px 0 50px;
    background-color: rgb(248 248 248);
    border: 0
}

.navbar-top .nav-tabs .nav-link:focus-visible,
.navbar-top .nav-tabs .nav-link:hover {
    border-color: #fff0
}

.navbar-top .nav-tabs .nav-link {
    padding: 0 0 8px 0;
    border-bottom: 1px solid #fff0;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.36px;
    text-align: center;
    color: rgb(10 9 18);
    min-width: 60px;
    background-color: #fff0
}

.navbar-top .nav-tabs .nav-link.active {
    border: 0;
    border-bottom: 2px solid rgb(255 0 0);
    font-weight: 600;
    color: red
}

.all-photos {
    width: 120px;
    height: 120px
}

.comment-containerfuild .container-fluid {
    padding: 0 50px
}

.navbartab-one .tab-pane .row {
    padding: 50px 0 30px
}

.box-clothes {
    display: inline-block;
    text-align: center
}

.title-clothes-16px {
    font-size: 16px;
    font-weight: 500;
    line-height: 19.36px;
    text-align: center;
    color: rgb(10 9 18);
    margin-top: 13.74px
}

.fashionday-box {
    position: relative;
    border-radius: 17.46px;
    -webkit-border-radius: 17.46px;
    -moz-border-radius: 17.46px;
    -ms-border-radius: 17.46px;
    -o-border-radius: 17.46px;
    overflow: hidden;
    display: block
}

.fashionday-box-01 {
    background: linear-gradient(180deg, #fff0 22.87%, #D7304F 100%)
}

.fashionday-box-02 {
    background: linear-gradient(180deg, #fff0 0%, #424248 100%)
}

.fashionday-box-03 {
    background: linear-gradient(180deg, #fff0 0%, #085DAC 100%)
}

.bg-fashioday {
    width: 100%;
    position: relative;
    z-index: -1;
    height: 270px;
    border-radius: 17.46px
}

.badge-75-per {
    border-radius: 10.47px;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 19.2px;
    text-align: center;
    color: rgb(10 9 18);
    padding: 8.73px 10.47px;
    background-color: rgb(255 255 255 / .54);
    -webkit-border-radius: 10.47px;
    -moz-border-radius: 10.47px;
    -ms-border-radius: 10.47px;
    -o-border-radius: 10.47px
}

.title-32px-slider {
    font-family: "Fraunces", serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 38.4px;
    letter-spacing: -.02em;
    text-align: center;
    color: rgb(255 255 255);
    margin-top: 17.46px
}

.slider-heding-center {
    position: absolute;
    bottom: 50px;
    left: 24%;
    right: 24%;
    z-index: 99
}

.sec-1-index {
    padding: 30px 0
}

.sec-2-index {
    padding: 30px 0
}

.title {
    font-size: 30px;
    font-weight: 700;
    line-height: 36.31px;
    color: rgb(10 9 18);
    text-align: center;
    margin-bottom: 50px
}

.bg-feature-product {
    position: relative;
    z-index: -1;
    height: 370px;
    border-radius: 17.46px;
    background: linear-gradient(180deg, #fff0 0%, rgb(0 0 0 / .95) 100%);
    -webkit-border-radius: 17.46px;
    -moz-border-radius: 17.46px;
    -ms-border-radius: 17.46px;
    -o-border-radius: 17.46px
}

.feature-product-box {
    background: linear-gradient(180deg, #fff0 0%, rgb(0 0 0 / .95) 100%)
}

.slider-heding-feat-product {
    position: absolute;
    bottom: 16px;
    left: 16px;
    z-index: 99;
    text-align: left;
    right: 16px
}

.container-rating {
    display: flex;
    gap: 6px;
    align-items: baseline
}

.feat-box-title {
    max-width: 100%;
    font-size: 14px;
    font-weight: 600;
    line-height: 17.38px;
    text-align: right;
    color: rgb(255 255 255);
    margin: 15px 0 10px
}

.rating,
.request-for-returnbox h5 {
    font-size: 14px;
    font-weight: 600;
    line-height: 16.94px;
    text-align: left;
    color: #fff
}

.rate-20px {
    font-size: 20px;
    font-weight: 700;
    line-height: 24.15px;
    text-align: right;
    color: rgb(255 255 255);
    margin-top: 20px
}

.footer-disc-16px {
    padding-bottom: 30px;
    border-bottom: 1px solid rgb(226 226 226 / .3)
}

.rate-16px,
.footer-disc-16px,
.contactus-subtitle {
    font-size: 16px;
    font-weight: 400;
    line-height: 24.15px;
    text-align: right;
    color: rgb(255 255 255)
}

.coinbox1 .left {
    padding-right: 12px
}

.sec-3-index {
    padding: 70px 0;
    background-color: rgb(75 78 87 / .05)
}

.heart-btn-50px {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
    background-color: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px
}

.addcart-btn {
    background-color: rgb(255 0 0);
    color: #fff;
    border: 0;
    justify-content: center;
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
    z-index: 2 !important
}

.hover-fashionday-box .addcart-btn-box {
    display: none;
    width: 100%
}

.hover-fashionday-box:hover .addcart-btn-box {
    display: block
}

.hover-fashionday-box:hover .feat-product-info {
    display: none
}

.box-shomore-featu-product-btn {
    margin: 50px 0 20px 0;
    text-align: center
}

.text-dark1 {
    color: rgb(10 9 18) !important
}

.text-gray {
    color: rgb(75 78 87) !important
}

.card-01 .slider-heding-feat-product {
    padding: 15px 15px 30px 15px;
    border-radius: 0 0 13.41px 13.41px;
    -webkit-border-radius: 0 0 13.41px 13.41px;
    -moz-border-radius: 0 0 13.41px 13.41px;
    -ms-border-radius: 0 0 13.41px 13.41px;
    -o-border-radius: 0 0 13.41px 13.41px
}

.card-h-1 {
    min-height: 152px;
    background-color: #fff
}

.promoted-product-box {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60%;
    background: linear-gradient(0deg, rgb(10 10 10 / .76) 0%, #fff0 100%)
}

.promoted-eclip img {
    border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    -o-border-radius: 14px
}

.promoted-eclip {
    width: 100%;
    height: 339px
}

.badge-promoted-product {
    position: absolute;
    right: 12px;
    left: auto;
    bottom: 17.5px;
    z-index: 1
}

.badge-promoted-productt {
    position: absolute;
    right: 12px;
    left: auto;
    bottom: 17.5px;
    z-index: 1
}

.promoted-fashion-box {
    height: 100%;
    border: 1.48px solid rgb(74 37 89 / .1);
    border-radius: 13.41px;
    -webkit-border-radius: 13.41px;
    -moz-border-radius: 13.41px;
    -ms-border-radius: 13.41px;
    -o-border-radius: 13.41px
}

.addcart-btn .addcart-white {
    width: 24px
}

.heart-btn-50px .heart-black {
    width: 24px;
    height: 24px
}

.heart-card-container-promoted {
    width: 100%;
    padding: 12px 17px;
    background: rgb(0 0 0 / .46)
}

.card-01.hover-fashionday-box:hover .badge-promoted-product {
    display: none;
    transition-delay: 5s
}

.card-01.hover-fashionday-box:hover .addcart-btn-box {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    padding: 0;
    z-index: 1;
    right: 0
}

.sec-3-index .col-6 {
    margin-bottom: 30px
}

.box-shomore-promoted-product-btn {
    text-align: center;
    margin-top: 10px
}

.box-shomore-wishlist-btn {
    text-align: center;
    margin: 16px auto 40px
}

.photo-container3 img {
    object-position: top
}

.sec-1-index,
.sec-2-index,
.sec-3-index,
.sec-4-index {
    padding: 40px 0
}

.sec-4-index {
    padding: 70px 0
}

footer {
    background: url(../images/bg-footer.png);
    background-position: center;
    background-size: cover;
    padding: 50px 0;
    background-color: rgb(10 9 18);
    color: #fff
}

.logo_footer {
    margin-bottom: 24px
}

.list-footer-copypart {
    color: rgb(255 255 255)
}

.footer-disc-14px,
.list-footer-copypart,
.copy-footer-box,
.shipingto-address {
    font-size: 14px;
    font-weight: 400;
    line-height: 16.94px;
    text-align: right
}

.footer-title {
    font-size: 26px;
    font-weight: 600;
    line-height: 39px;
    text-align: right;
    color: rgb(255 255 255)
}

.category-footer,
.download-footer {
    margin: 30px 0
}

.category-list {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.category-list li {
    font-size: 16px;
    font-weight: 500;
    line-height: 22.4px;
    text-align: right;
    color: rgb(255 255 255)
}

.offcanvas-header {
    flex-direction: row-reverse
}

.about-product h4,
.list-about-product li {
    text-align: right
}

.tilte-account .category-list li .footerlink {
    font-size: 14px;
    font-weight: 400;
    line-height: 16.94px;
    text-align: left;
    color: rgb(130 130 130)
}

.category-list-container .col-2 {
    width: 20%;
    text-wrap: nowrap
}

.btn-theam-white:hover {
    color: #fff;
    background-color: rgb(10 9 18)
}

.btn-theam-white {
    background-color: #fff;
    color: rgb(10 9 18)
}

.btn-appstore {
    width: 170px;
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    color: rgb(10 9 18);
    border: 0;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px
}

.payment-method-footer {
    margin-top: 30px;
    border-top: 1px solid rgb(226 226 226 / .22)
}

.cards-footer {
    border: 0
}

.cards-footer-container {
    display: flex;
    gap: 8.28px;
    flex-wrap: wrap;
    padding-bottom: 30px;
    border-bottom: 1px solid rgb(226 226 226 / .22)
}

.copy-footer-box {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    margin-top: 30px
}

.list-footer-copypart a {
    color: #fff
}

.list-footer-copypart {
    display: flex;
    gap: 24px;
    align-items: center
}

.customer-support {
    position: fixed;
    right: 30px;
    bottom: 67px;
    border: 0;
    padding: 11.42px 14px;
    display: block;
    display: flex;
    justify-content: center;
    gap: 5px;
    width: 155px;
    color: #fff;
    text-wrap: wrap;
    word-wrap: break-word;
    border-radius: 33px;
    background-color: rgb(5 148 79);
    -webkit-border-radius: 33px;
    -moz-border-radius: 33px;
    -ms-border-radius: 33px;
    -o-border-radius: 33px;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    display: flex;
    justify-content: center;
    align-items: center
}

.left-loginpart {
    width: 100%;
    background-color: rgb(255 255 255 / .12)
}

.bg-login-part {
    background-color: rgb(248 248 248)
}

.login-logo-left {
    margin: 64px 0 0 42px;
    display: block
}

.login-logo-left img {
    width: 146px
}

.slider-left-loginpart {
    margin: 78px 0 0 0;
    width: 100%
}

.slider-left-loginpart h1 span {
    color: rgb(255 0 0)
}

.slider-left-loginpart h1 {
    font-size: 20px;
    font-weight: 700;
    line-height: 26.3px;
    text-align: center;
    color: rgb(10 9 18)
}

.subtitle-slider-left-loginpart {
    line-height: 16.73px;
    margin-top: 10px
}

.slider-photo-login-left img {
    width: 100%
}

.heading-slider-left-logipart {
    margin-bottom: 38px
}

.top-liks-right-login-rightpart a {
    font-size: 14px;
    font-weight: 400;
    line-height: 16.94px;
    text-align: right;
    color: rgb(75 78 87)
}

.top-liks-right-login-rightpart {
    text-align: right;
    margin: 48px 48px 0 0
}

.top-liks-right-login-rightpart span a {
    font-weight: 600;
    color: rgb(255 0 0)
}

.form_login-part-comment {
    max-width: 418px;
    padding: 24px;
    margin: 0 auto 107px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    background-color: rgb(255 255 255);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px
}

.form_login-part-comment h1 {
    font-size: 24px;
    font-weight: 700;
    line-height: 29.05px;
    text-align: left;
    color: rgb(32 32 32)
}

.input-01 {
    width: 100%;
    height: 52px;
    padding: 14px 15px;
    font-size: 16px;
    font-weight: 500;
    line-height: 19.36px;
    text-align: right;
    background-color: rgb(235 235 235 / .5);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border: 0
}

.input-01::placeholder {
    opacity: 50%;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.94px;
    text-align: right
}

.icon-input {
    position: absolute;
    left: 15px;
    top: 14.5px
}

.icon-input-02 {
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 2
}

.box-input-01 {
    z-index: 2;
    position: relative
}

.box-input-01 input {
    padding-left: 49px
}

.lable-01 {
    margin-bottom: 9px;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.94px;
    text-align: right;
    color: rgb(75 78 87)
}

.left-or {
    width: 100%;
    border-top: 1px solid rgb(220 220 220);
    position: relative;
    top: 7px
}

.or-container {
    display: flex;
    gap: 12px
}

.btns-loginpart {
    display: flex;
    flex-direction: column;
    gap: 15px
}

.mt-107px {
    margin-top: 107px
}

.btn-conti-whatsapp {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center
}

.subtitle-form_login {
    max-width: 100%
}

.input-otp {
    border-radius: 12px;
    border: 1px solid var(--gray, rgb(75 78 87));
    color: rgb(75 78 87);
    width: 80px;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 24.2px;
    text-align: center;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px
}

.input-otp.active,
.input-otp:focus {
    background-color: rgb(255 0 0);
    border-color: #fff0;
    color: #fff
}

.otp-box {
    display: flex;
    justify-content: space-between
}

.sec-1_passwor-updated .form_login-part-comment,
.sec-1_acc-created .form_login-part-comment {
    gap: 15px
}

.sec-1_verification-reset .form_login-part-comment {
    gap: 26.5px
}

.sec-1_passwor-updated .subtitle-form_login {
    max-width: 353px;
    margin: auto
}

.fist-last-nambe-box {
    display: flex;
    gap: 10px;
    align-items: end
}

.select-mobile-numb {
    position: absolute;
    top: 16px;
    left: 49px;
    border: 0;
    width: 46px;
    font-size: 14px;
    font-weight: 700;
    line-height: 16.94px;
    text-align: left;
    color: rgb(75 78 87);
    background-color: #fff0
}

.box-input-01 input[type=number] {
    padding-left: 96.52px;
    font-size: 14px;
    font-weight: 500;
    line-height: 14.52px;
    text-align: left
}

.by-continue-box {
    display: flex;
    gap: 9px
}

.by-continue span {
    font-weight: 500;
    color: rgb(10 9 18)
}

.by-continue {
    font-size: 12px;
    font-weight: 400;
    line-height: 20.04px;
    text-align: left;
    color: rgb(75 78 87)
}

.sec-1_signup .form_login-part-comment {
    margin-top: 33px
}

.completed {
    width: 107px
}

.badge-01 span,
.badge-01 a,
.order-datetime-title {
    font-size: 14px;
    line-height: 16.94px;
    text-align: left
}

.order-datetime-title {
    color: rgb(10 9 18);
    font-weight: 400
}

.order-datetime-title span {
    font-weight: 700
}

.badge-01 span {
    font-weight: 500;
    color: rgb(75 78 87)
}

.badge-01 a {
    color: rgb(10 9 9);
    font-weight: 600
}

.title_product-detail {
    font-size: 34px;
    font-weight: 700;
    line-height: 51px;
    text-align: right;
    color: rgb(33 33 33);
    margin-top: 10px
}

.badge-outofstock {
    width: 100px;
    display: inline-block;
    margin-top: 50px
}

.mb-10px {
    margin-bottom: 10px
}

.mx-100 {
    max-width: 100%
}

.star-container img {
    width: 18px;
    height: 17px
}

.star-container {
    display: flex;
    align-items: center;
    gap: 6px
}

.produ-off-price {
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 30px;
    font-weight: 700;
    line-height: 36.31px;
    text-align: left;
    color: rgb(10 9 18)
}

.produ-price,
.subtitle-02 {
    font-size: 20px;
    font-weight: 400;
    line-height: 18.09px;
    text-align: right;
    color: rgb(75 78 87)
}

.subtitle-03 {
    font-size: 18px;
    font-weight: 400;
    line-height: 21.78px;
    text-align: start;
    color: rgb(75 78 87)
}

.hr1 {
    margin: 24px 0;
    border: 1px solid var(--stroke, rgb(74 37 89 / .1))
}

.dress-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 6px
}

.dress-container.active {
    border: 2px solid var(--red1, rgb(225 25 0));
    border-radius: 9px;
    overflow: hidden
}

.dress-container {
    display: block;
    width: 70px;
    height: 82px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px
}

.select-color-image-box {
    display: flex;
    align-items: center;
    gap: 10px
}

.select-size.active {
    border: 1px solid rgb(10 9 18);
    color: rgb(10 9 18)
}

.select-size-box {
    margin-top: 25px
}

.size-box {
    display: flex;
    gap: 10px;
    margin-top: 15px
}

.select-size {
    color: rgb(75 78 87);
    font-size: 14px;
    font-weight: 400;
    line-height: 16.94px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    width: 42px;
    height: 42px;
    border: 1px solid var(--stroke, rgb(74 37 89 / .1));
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px
}

.page-btn.active {
    color: rgb(255 255 255);
    background-color: rgb(10 9 18)
}

.page-btn {
    font-family: "Poppins", sans-serif;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--gray, rgb(75 78 87));
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: left;
    color: rgb(75 78 87);
    background-color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px
}

.wishlist-btn img,
.notifyme-btn img,
.addnew-btn {
    width: 24px
}

.wishlist-btn {
    border: 1px solid rgb(237 234 239);
    background-color: rgb(255 255 255)
}

.notifyme-btn,
.addnew-btn,
.apply-btn {
    background: rgb(10 9 18);
    color: rgb(255 255 255)
}

.apply-green-btn {
    background-color: rgb(5 148 79);
    color: #fff;
    width: 80px;
    height: 26px;
    font-size: 12px;
    line-height: 14.52px
}

.apply-btn {
    font-size: 12px;
    line-height: 14.52px
}

.wishlist-btn,
.notifyme-btn {
    width: 100%;
    height: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px
}

.addnew-btn,
.addnew-btn-gray {
    width: 114px;
    height: 42px
}

.apply-btn {
    width: 80px;
    height: 26px
}

.addnew-btn,
.addnew-btn-gray,
.apply-btn,
.apply-green-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    flex-wrap: nowrap;
    padding: 0
}

.addnew-btn-gray {
    color: rgb(10 9 18);
    background-color: rgb(74 37 89 / .1)
}

.btns-container-product-details {
    margin-bottom: 25px;
    display: flex;
    gap: 30px
}

.accordian-product-detail-policy .accordion-button {
    padding: 14px 17.5px 15px;
    display: flex;
    gap: 10px;
    align-items: center
}

.accordian-product-detail-policy .accordion-button p {
    font-size: 13px;
    font-weight: 400;
    line-height: 15.73px;
    text-align: left;
    color: rgb(75 78 87)
}

.accordian-product-detail-policy .accordion-button h3 {
    font-size: 14px;
    font-weight: 500;
    line-height: 16.94px;
    text-align: left;
    color: rgb(10 9 18);
    margin-bottom: 3px
}

.accordian-product-detail-policy .accordion-item {
    color: rgb(75 78 87);
    background-color: rgb(255 255 255);
    border: 1px solid var(--stroke, rgb(74 37 89 / .1))
}

.accordian-product-detail-policy .accordion-button::after {
    background-image: url(../images/svg/downarrow-accordian.svg)
}

.sec-2-product-details {
    padding: 25px 0 280px 0
}

.title_discription {
    font-size: 24px;
    font-weight: 600;
    line-height: 29.05px;
    text-align: right;
    color: rgb(10 9 18);
    margin-bottom: 20px
}

.box-measurement-purchase {
    display: flex;
    gap: 60px;
    border: 1px solid rgb(226 226 226);
    padding: 32px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px
}

.box-purchase-qty ul li {
    list-style-type: disc
}

.box-purchase-qty1 {
    position: relative;
    left: -15px
}

.box-measurement .disc span {
    font-weight: 500;
    color: rgb(10 9 18)
}

.box-purchase-qty ul li span {
    color: rgb(255 0 0);
    font-weight: 700
}

.box-measurement .disc,
.box-purchase-qty ul li {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: rgb(75 78 87)
}

.box-measurement-purchase h5 {
    margin-bottom: 10px
}

.about-product {
    margin-top: 20px;
    border: 1px solid rgb(226 226 226);
    border-radius: 8px;
    padding: 32px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px
}

.about-product h4,
.dele-add-toggle-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 21.78px;
    text-align: right;
    color: rgb(10 9 18);
    margin-bottom: 8px
}

.list-about-product li:first-child {
    list-style-type: none;
    margin: 40px 0
}

.list-about-product li {
    margin-left: 16px;
    list-style-type: disc;
    font-size: 16px;
    font-weight: 400;
    line-height: 28.8px;
    text-align: right;
    color: rgb(33 33 33)
}

.see-more-btn,
.view-morecomment-btn {
    margin: 8px 0 0 0;
    color: rgb(255 0 0);
    display: flex;
    gap: 5px;
    align-items: center
}

.chart-box-rate-review {
    padding-bottom: 30px;
    border-bottom: 1px solid var(--stroke, rgb(74 37 89 / .1));
    margin-bottom: 30px;
    display: flex;
    gap: 32px;
    align-items: center
}

.rate-review-container {
    margin-top: 20px;
    padding: 32px;
    border: 1px solid rgb(226 226 226);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px
}

.progress-cus {
    width: 342px
}

.progress-cus .progress {
    width: 100%;
    height: 7px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    --bs-progress-bar-bg: rgba(255, 184, 0, 1)
}

.review-right {
    margin-bottom: 14px;
    width: 100%;
    display: flex;
    gap: 16px;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.36px;
    text-align: left;
    color: rgb(75 78 87)
}

.revie-sendar-photo {
    width: 45px;
    height: 45px
}

.sendar-photo {
    width: 24px;
    height: 24px
}

.info-review-receiver {
    display: flex;
    gap: 16px;
    align-items: center
}

.review-comment-sendarbox .info-review-receiver {
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: center;
    align-items: start
}

.sendarname-review {
    font-size: 16px;
    font-weight: 600;
    line-height: 19.36px;
    text-align: left;
    color: rgb(33 33 33);
    margin-bottom: 8px
}

.comment {
    font-size: 14px;
    font-weight: 400;
    line-height: 22.4px;
    text-align: left;
    color: rgb(75 78 87)
}

.review-commentbox {
    max-width: 849px;
    margin-bottom: 32px
}

.receiver-img-container {
    display: flex;
    gap: 15px;
    align-items: center
}

.receiver-img {
    width: 115px;
    height: 80px
}

.review-receiver-box {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.like-dislike {
    display: inline-block
}

.likebox,
.dislikebox {
    display: flex;
    gap: 20px;
    align-items: center
}

.likebox span,
.dislikebox span {
    font-size: 14px;
    font-weight: 600;
    line-height: 19.12px;
    text-align: left;
    color: rgb(75 78 87)
}

.like-dislike-part .left {
    display: flex;
    gap: 20px;
    align-items: center
}

.like-dislike-part {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap
}

.comment-back {
    display: flex;
    gap: 4.78px;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 9.57px;
    text-align: left;
    color: rgb(75 78 87)
}

.input-comment-box input {
    width: 100%;
    border: 0;
    border-radius: 10px;
    padding: 18px 15px;
    background-color: rgb(235 235 235 / .5);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    line-height: 16.94px;
    text-align: left;
    color: rgb(75 78 87)
}

.send-comment {
    position: absolute;
    top: 13px;
    right: 18px;
    border: none
}

.input-comment-box {
    position: relative
}

.review-comment-sendarbox {
    margin: 25px 0 0 0;
    border-left: 1px dashed var(--gray, rgb(73 101 123 / .3));
    padding-left: 50px
}

.sendarname-review span {
    font-size: 12.76px;
    font-weight: 400;
    line-height: 18.34px;
    text-align: left;
    color: rgb(75 78 87)
}

.sendarname-review {
    font-size: 16px;
    font-weight: 500;
    line-height: 19.36px;
    text-align: left;
    color: rgb(25 26 29)
}

.review-comment-sendarbox .likebox,
.review-comment-sendarbox .dislikebox {
    gap: 5px
}

.review-comment-sendarbox .like-dislike img {
    width: 24px
}

.view-morecomment-btn img {
    width: 14px
}

.view-morecomment-btn {
    font-size: 12px;
    font-weight: 500;
    line-height: 17px;
    text-align: left;
    color: rgb(255 0 0)
}

.reciever-photo_box {
    display: flex;
    gap: 8px;
    align-items: center
}

.border-commen-heding {
    padding: 30px 0;
    margin-bottom: 30px;
    border-bottom: 1.1px solid var(--stroke, rgb(74 37 89 / .1))
}

.heading-stuc-comment .title {
    margin-bottom: 12px;
    text-align: start
}

.heading-stuc-comment .subtitle-02 {
    line-height: 24.2px
}

.filter-part {
    border: 1.48px solid rgb(74 37 89 / .1);
    padding: 24px;
    border-radius: 13.41px;
    -webkit-border-radius: 13.41px;
    -moz-border-radius: 13.41px;
    -ms-border-radius: 13.41px;
    -o-border-radius: 13.41px
}

.hading-filter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--stroke, rgb(74 37 89 / .1))
}

.reset-btn {
    font-size: 14px;
    font-weight: 400;
    line-height: 16.94px;
    text-align: center;
    color: rgb(255 0 0)
}

.title-filter {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    text-align: left;
    color: rgb(10 9 18)
}

.title-show-item span {
    color: rgb(10 9 18);
    font-weight: 500
}

.title-show-item {
    font-size: 16px;
    font-weight: 400;
    line-height: 28.8px;
    text-align: left;
    color: rgb(75 78 87)
}

.sortby-btn span {
    color: rgb(10 9 18);
    font-weight: 600
}

.sortby-btn {
    border-radius: 8px;
    padding: 10.5px 8px;
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
    background-color: #fff0;
    border: 1.48px solid rgb(74 37 89 / .1);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    line-height: 16.94px;
    color: rgb(75 78 87)
}

.top-features-product {
    margin-bottom: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.card-sm-01 .promoted-eclip {
    height: 250px
}

.card-sm-01 .feat-box-title {
    font-size: 13.88px;
    line-height: 16.08px;
    margin: 0 0 8.76px
}

.card-sm-01 .rating {
    font-size: 13.88px;
    line-height: 16.8px
}

.card-sm-01 .rate-20px,
.card-sm-01 .rate-16px {
    font-size: 15px;
    line-height: 19.08px;
    margin-top: 16px
}

.card-sm-01.card-01 .slider-heding-feat-product {
    padding: 12px
}

.prodcut-mb-50px {
    margin-bottom: 50px;
    padding: 0 10px
}

.page-box {
    display: flex;
    gap: 16px;
    justify-content: end;
    align-items: center;
    flex-direction: row-reverse
}

.prev-btn02 {
    border: 0;
    width: 57px;
    height: 20px;
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: #fff0;
    flex-direction: row-reverse
}

.filter-toggle .filter-part {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0
}

.filter-toggle {
    width: 94%;
    height: 100vh;
    position: fixed;
    top: 164px;
    left: 0;
    background-color: #fff;
    z-index: 999
}

.filter-01 {
    margin-top: 10px;
    width: 36px;
    height: 30px;
    display: flex;
    display: none;
    justify-content: center;
    align-items: center;
    border: 1.1px solid var(--stroke, rgb(74 37 89 / .1));
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px
}

.page-continer {
    display: flex;
    justify-content: space-between;
    align-items: end
}

.accordion-filter .accordion-button::after {
    background-image: url(../images/svg/downarrow-accordian.svg)
}

.accordion-filter .accordion-header .accordion-button:focus {
    box-shadow: 0 0 0 0
}

.accordion-filter .accordion-header .accordion-button {
    padding: 20px 0;
    background-color: #fff0;
    font-size: 16px;
    font-weight: 600;
    line-height: 22.4px;
    text-align: left;
    color: rgb(10 9 18);
    border: 0;
    border-bottom: 1px solid var(--stroke, rgb(74 37 89 / .1))
}

.accordion-filter .accordion-item:last-of-type,
.accordion-filter .accordion-item:first-of-type {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border: 0;
    border-bottom: 1px solid var(--stroke, rgb(74 37 89 / .1))
}

.accordion-filter .accordion-item {
    border: 0
}

.accordion-filter .accordion-body {
    padding: 20px 0
}

.listing-filter-items ul {
    display: flex;
    flex-direction: column;
    gap: 17px
}

.listing-cancel-items ul {
    display: flex;
    flex-direction: column;
    gap: 23px
}

.listing-filter-items ul li,
.listing-cancel-items ul li {
    display: flex;
    gap: 12px;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.94px;
    text-align: left;
    color: rgb(75 78 87)
}

.card-01-15px .feat-box-title {
    font-size: 15px;
    line-height: 18.15px
}

.card-01-15px .rating {
    font-size: 16px;
    line-height: 19.36px
}

.heart-wishlist {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1
}

.wishlist-blank {
    text-align: center;
    padding: 103px 0
}

.wishlist-blank p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    color: rgb(75 78 87);
    margin: 10px 0 15px 0
}

.wishlist-blank h2 {
    font-size: 18px;
    font-weight: 700;
    line-height: 21.78px;
    text-align: center;
    color: rgb(10 9 18);
    margin-top: 15px
}

.photos-noti img {
    object-position: top
}

.photos-noti {
    width: 40px;
    height: 40px
}

.Sec-02-notification {
    padding: 40px 0
}

.Sec-02-mycart {
    padding-bottom: 162px
}

.incre-decrement-box {
    display: flex;
    gap: 8px;
    align-items: center;
    border: 1px solid var(--stroke, rgb(74 37 89 / .1));
    padding: 4px;
    border-radius: 7px;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 16.17px;
    text-align: center;
    color: rgb(10 9 18);
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px
}

.mycart-productbox .dropdown-item:hover {
    background-color: #fff
}

.Sec-02-mycart .box-extrashoping {
    margin-top: 39px
}

.box-extrashoping .left,
.box-custsupport .left {
    display: flex;
    gap: 10px;
    align-items: center
}

.box-extrashoping {
    padding: 22px 23.5px;
    background-color: rgb(246 244 246)
}

.box-extrashoping,
.box-custsupport {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px
}

.box-custsupport {
    background: linear-gradient(180deg, rgb(74 193 75 / .1) 0%, rgb(6 133 58 / .1) 100%);
    padding: 13px 15px
}

.box-extrashoping h4,
.box-custsupport h4 {
    margin-bottom: 5px
}

.box-extrashoping .disc span,
.box-custsupport .disc span {
    font-weight: 700;
    color: rgb(255 0 0)
}

.box-extrashoping .disc,
.box-custsupport .disc {
    font-size: 12px;
    font-weight: 400;
    line-height: 17.37px;
    text-align: left
}

.border-01-box {
    border: 1px solid var(--stroke, rgb(74 37 89 / .1));
    background-color: rgb(255 255 255);
    padding: 20px 20px 25px 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px
}

.mb-20px {
    margin-bottom: 20px
}

.lable-02 {
    font-size: 16.1px;
    font-weight: 600;
    line-height: 19.49px;
    text-align: left;
    color: rgb(10 9 18);
    margin-bottom: 16.13px
}

.box-order-summary ul {
    display: flex;
    flex-direction: column;
    gap: 15.09px;
    border-bottom: 1.08px solid var(--stroke, rgb(74 37 89 / .1));
    padding-bottom: 16.03px;
    margin-bottom: 16.03px
}

.box-order-summary ul li span {
    font-weight: 600;
    color: rgb(10 9 18)
}

.box-order-summary ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    font-size: 14.09px;
    font-weight: 400;
    line-height: 17.05px;
    text-align: left;
    color: rgb(75 78 87)
}

.total-amount {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18.11px;
    font-weight: 700;
    line-height: 21.92px;
    text-align: left;
    color: rgb(10 9 18)
}

.h-50px {
    height: 50px
}

.text-green {
    color: rgb(5 148 79) !important
}

.text-yellow {
    color: rgb(255 184 0) !important
}

.title-shiping {
    font-size: 24px;
    font-weight: 600;
    line-height: 29.05px;
    text-align: left
}

.sec-02-shiping-payment {
    padding: 40px 0
}

.shiping-to-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap
}

.shipingto_container .dropdown-theam-notification .dropdown-menu .dropdown-item {
    padding: 27px
}

.shipingto_container .dropdown-theam-notification .dropdown-menu .dropdown-item {
    background-color: #fff0
}

.shipingto_container .dropdown-menu li:last-child {
    border-radius: 0 0 16px 16px;
    -webkit-border-radius: 0 0 16px 16px;
    -moz-border-radius: 0 0 16px 16px;
    -ms-border-radius: 0 0 16px 16px;
    -o-border-radius: 0 0 16px 16px
}

.shipingto_container .dropdown-menu li:first-child {
    border-radius: 16px 16px 0 0;
    -webkit-border-radius: 16px 16px 0 0;
    -moz-border-radius: 16px 16px 0 0;
    -ms-border-radius: 16px 16px 0 0;
    -o-border-radius: 16px 16px 0 0
}

.shipingto-name span {
    color: rgb(75 78 87)
}

.shipingto-name {
    margin-bottom: 10px
}

.card-sm-01.card-01.hover-fashionday-box {
    height: 100%
}

.number-shiping {
    font-size: 14px;
    font-weight: 700;
    line-height: 16.94px;
    text-align: left;
    color: rgb(10 9 18)
}

.shipingto_container li .dropdown-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap
}

.editbtn {
    width: 77px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center
}

.editbox-shipingto {
    display: flex;
    gap: 14px;
    align-items: end
}

.shipingto_container .dropdown-theam-notification {
    margin-bottom: 20px
}

.hr2 {
    margin: 30px 0;
    border-bottom: 1.1px solid var(--stroke, rgb(74 37 89 / .1))
}

.dele-add-toggle-title {
    margin-bottom: 0
}

.switch-heading-box {
    display: flex;
    gap: 20px;
    align-items: center
}

.coupon-box {
    background-color: rgb(246 244 246);
    border-radius: 10px;
    padding: 27px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px
}

.coupen-input-box .input-01 {
    padding-right: 100px
}

.coupen-input-box .apply-btn {
    position: absolute;
    right: 15px;
    top: 14px
}

.coupon-container .hr2 {
    margin: 20px 0
}

.extra-off_box {
    padding: 14px 15px;
    border: 1px solid var(--stroke, rgb(74 37 89 / .1));
    background-color: rgb(255 255 255);
    border-radius: 9.04px;
    -webkit-border-radius: 9.04px;
    -moz-border-radius: 9.04px;
    -ms-border-radius: 9.04px;
    -o-border-radius: 9.04px
}

.extra-off_box .top p {
    line-height: 17.37px;
    margin-bottom: 12px
}

.extra-off_box .top h5 {
    font-size: 14px;
    font-weight: 800;
    line-height: 16.94px;
    color: rgb(10 9 18);
    margin-bottom: 5px
}

.flate-btn {
    background-image: url(../images/frame-flate10.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border: 0;
    padding: 5px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 14.52px;
    text-align: center;
    color: rgb(75 78 87)
}

.payment-method_container {
    margin-top: 30px
}

.payment-method-box-01 ul {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 14px
}

.visavard-box ul li:last-child {
    border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -ms-border-radius: 0 0 10px 10px;
    -o-border-radius: 0 0 10px 10px
}

.visavard-box ul li:first-child {
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0
}

.visavard-box ul li:last-child,
.visavard-box ul li:first-child {
    background-color: rgb(246 244 246)
}

.visavard-box ul {
    border: 1px solid var(--stroke, rgb(74 37 89 / .1));
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px
}

.visavard-box ul li {
    display: flex;
    gap: 20px;
    padding: 18px 27px;
    background-color: #fff
}

.modal {
    z-index: 999999
}

.theam-modal .modal-subtitle {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: rgb(75 78 87);
    text-align: left
}

.theam-modal .modal-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 29.05px;
    text-align: left;
    color: rgb(32 32 32);
    margin-bottom: 20px
}

.modal-header {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: start;
    justify-content: flex-start
}

.theam-modal .modal-body {
    padding: 24px 12px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px
}

.theam-modal .modal-dialog {
    max-width: 808px
}

.theam-modal .container-fluid {
    padding: 0 12px
}

.title-address {
    margin-bottom: 20px
}

.h-52px {
    height: 52px
}

.theam-modal .hr2 {
    margin: 20px 0
}

#orderplaced-popup .modal-dialog {
    max-width: 353px
}

.theam-modal-02 .modal-dialog,
.theam-modal-02 .modal-content {
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px
}

.theam-modal-02 .modal-body {
    padding: 12px;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px
}

.theam-modal-02-form .form_login-part-comment {
    gap: 15px
}

.btn-continue-shopping {
    padding-top: 14px
}

.orderbox .dropdown-theam-mycart .dropdown-menu {
    padding: 15px
}

.photos-orderd-item {
    width: 36px;
    height: 36px
}

.orderbox .mycart-itembox {
    gap: 11px;
    align-items: start
}

.ordered-item-info {
    color: rgb(10 9 18)
}

.ordered-qty span {
    font-weight: 700
}

.ordered-qty {
    font-weight: 400
}

.orderbox .photo-container2 img {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px
}

.orderbox .dropdown-theam-mycart .dropdown-item:hover {
    background-color: #fff
}

.orderbox .dropdown-theam-mycart .dropdown-item {
    border-bottom: 0;
    padding: 10px 0 5px 0
}

.order-id,
.mobil-numb {
    font-size: 12px;
    font-weight: 500;
    line-height: 14.52px;
    text-align: right;
    color: rgb(10 9 18)
}

.amount-ordered {
    font-size: 16px;
    font-weight: 700;
    line-height: 18.09px;
    text-align: left;
    color: rgb(10 9 18)
}

.ordered-id-amountbox {
    border-top: 1px solid var(--stroke, rgb(74 37 89 / .1));
    padding-top: 15px;
    margin-top: 15px
}

.sec-02-myordered {
    padding: 40px 12px 72px 12px
}

.ordered-maintitle {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.btn-recorder {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background-color: #fff;
    border: 1px solid var(--stroke, rgb(74 37 89 / .1));
    padding: 10px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px
}

.btn-recorder {
    margin-bottom: 0
}

.btn-container-recoder {
    display: flex;
    gap: 30px;
    align-items: end
}

.order-placed-container {
    border: 1px solid var(--stroke, rgb(74 37 89 / .1));
    padding: 23px 33px;
    border-radius: 9.04px;
    -webkit-border-radius: 9.04px;
    -moz-border-radius: 9.04px;
    -ms-border-radius: 9.04px;
    -o-border-radius: 9.04px
}

.sec-02-confirm-orderdetail {
    padding: 40px 0 68px 0
}

.order-place {
    color: rgb(5 148 79);
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    text-align: center;
    margin-bottom: 4px;
    text-wrap: nowrap
}

.date-order-place {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    color: rgb(126 135 159);
    text-wrap: nowrap
}

.order-placed_box1 {
    position: relative;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    gap: 15px
}

.order-placed-icon {
    width: 22.79px
}

.order-placed-container {
    display: flex;
    gap: 5px;
    justify-content: space-between;
    overflow-x: auto
}

.line-horizontal-img {
    height: 1px;
    right: -100px;
    top: 10px
}

.order-place.active {
    color: rgb(75 78 87)
}

.mycart-productbox .dollar-qty-box {
    border-bottom: 1px solid var(--stroke, rgb(74 37 89 / .1))
}

.report-issue-btn .box-custsupport {
    background: #fff;
    border: 1px solid var(--stroke, rgb(74 37 89 / .1))
}

.textarea-01 {
    height: 121px;
    overflow-y: auto
}

.theam-modal-02 .modal-dialog {
    max-width: 353px
}

.photo-upload-container {
    position: relative;
    display: inline-block
}

.fileupload {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: 1px solid;
    z-index: 99;
    opacity: 0
}

.photo-upload-box {
    display: flex;
    gap: 9px;
    align-items: center;
    margin-bottom: 25px
}

.item-added-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 21.78px;
    text-align: left;
    color: rgb(10 9 18)
}

.photos-shoping img {
    object-position: top
}

.photos-shoping {
    width: 115px;
    height: 129px
}

.rate-review_box-completeorder {
    width: 50%
}

.star-big-container {
    display: flex;
    gap: 15px;
    align-items: center
}

.photos-shoping-return img {
    object-position: top
}

.photos-shoping-return {
    width: 56px;
    height: 56px
}

#replace-order_popup .dropdown-menu {
    width: 50%
}

.sm-badge {
    height: 21px;
    display: flex;
    align-items: center
}

.request-for-returnbox {
    background-color: rgb(255 0 0 / .1);
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 15px;
    border-radius: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    -ms-border-radius: 9px;
    -o-border-radius: 9px
}

.request-for-returnbox h5 {
    color: rgb(10 9 18);
    margin-bottom: 8px
}

.request-for-returnbox p span {
    font-weight: 700;
    color: rgb(10 9 18)
}

.subtitle-notifi-drop {
    text-wrap: wrap
}

@media (max-width:767px) {
    .box-clothes {
        display: inline-block;
        text-align: center;
        display: flex;
        flex-direction: column
    }

    .box-clothes {
        text-align: center;
        display: flex !important
    }

    .all-photos {
        width: 44px;
        height: 44px;
        margin: auto
    }

    .title-clothes-16px {
        font-size: 13px;
        font-weight: 400;
        line-height: 17.36px;
        text-align: center;
        color: rgb(10 9 18);
        margin-top: 13.74px;
        margin-bottom: 16px
    }

    .allcategory-Searchbar {
        width: 100%
    }
}

.order-returned-box {
    border: 1px solid var(--stroke, rgb(74 37 89 / .1));
    background-color: rgb(255 255 255);
    padding: 18px 21px;
    border-radius: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    -ms-border-radius: 9px;
    -o-border-radius: 9px
}

.order-returned-box ul {
    margin-top: 10px
}

.order-returned-box ul li:first-child {
    margin-bottom: 11px
}

.order-returned-box ul li:nth-child(2) {
    list-style-type: disc;
    color: rgb(33 158 116);
    font-size: 13px;
    font-weight: 600;
    line-height: 15.73px;
    text-align: left;
    margin-left: 15px
}

.logo-popup-header {
    width: 142px
}

.nothenks {
    display: flex;
    justify-content: center;
    margin-top: 29px
}

.mb-45px {
    margin-bottom: 45px
}

.leftnavbar ul {
    border: 1.1px solid rgb(74 37 89 / .2);
    padding: 24px 22px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px
}

.leftnavbar ul li:last-child a {
    padding-bottom: 0;
    border: 0
}

.leftnavbar ul li:first-child a {
    padding-top: 0
}

.leftnavbar ul li a.active {
    color: rgb(10 9 18);
    font-size: 18px;
    font-weight: 700;
    line-height: 22.76px
}

.leftnavbar ul li a {
    display: flex;
    gap: 15px;
    align-items: center;
    font-size: 15px;
    font-weight: 500;
    line-height: 22.76px;
    text-align: left;
    color: rgb(10 9 18);
    padding: 20px 0;
    border-bottom: 1.1px solid rgb(74 37 89 / .2)
}

.tilte-account {
    font-size: 24px;
    font-weight: 700;
    line-height: 29.05px;
    text-align: right;
    color: rgb(32 32 32)
}

.profile-photo {
    width: 128px;
    height: 128px;
    margin-bottom: 30px
}

.profile-Container {
    margin-top: 40px
}

.subtilte-account,
.manage-address_box .address {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: rgb(75 78 87);
    text-align: right;
    margin-bottom: 40px
}

.sec-02-account {
    padding-bottom: 109px
}

.manage-address_box {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 16px 15px;
    background-color: rgb(255 255 255);
    border: 1px solid var(--stroke, rgb(74 37 89 / .1));
    border-radius: 9.04px;
    -webkit-border-radius: 9.04px;
    -moz-border-radius: 9.04px;
    -ms-border-radius: 9.04px;
    -o-border-radius: 9.04px
}

.manage-address_box .name span {
    font-weight: 400;
    color: rgb(75 78 87)
}

.manage-address_box .name {
    margin-bottom: 0
}

.contact-num {
    font-size: 12px;
    font-weight: 700;
    line-height: 14.52px;
    text-align: right;
    color: rgb(10 9 18)
}

.badge-dever {
    display: flex;
    gap: 4px;
    align-items: center;
    background-color: rgb(235 235 235 / .5);
    padding: 6px 7.5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
    line-height: 14.52px;
    text-align: right;
    color: rgb(10 9 18)
}

.edit-delete-box {
    display: flex;
    gap: 13.42px;
    align-items: center
}

.edit-btn {
    background-color: rgb(255 255 255);
    border: 1px solid var(--stroke, rgb(74 37 89 / .1));
    width: 70px;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
    line-height: 14.52px;
    text-align: right;
    color: rgb(10 9 18)
}

.delete-btn img {
    width: 18px
}

.delete-btn {
    border: 1px solid var(--stroke, rgb(74 37 89 / .1));
    background-color: #fff;
    border-radius: 5px;
    width: 35.48px;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px
}

.heading-manageaddress {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px
}

.deleverhere-badge {
    width: 139.18px;
    padding: 8.5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px
}

.paymentcard {
    display: flex;
    align-items: end;
    justify-content: space-between;
    padding: 16px 15px;
    border-radius: 9.04px;
    background-color: rgb(255 255 255);
    border: 1px solid var(--stroke, rgb(74 37 89 / .1));
    -webkit-border-radius: 9.04px;
    -moz-border-radius: 9.04px;
    -ms-border-radius: 9.04px;
    -o-border-radius: 9.04px
}

.cad_num {
    margin-top: 5px;
    display: flex;
    align-items: center;
    gap: 16px
}

.search-02_container {
    position: relative
}

.search-02 {
    position: absolute;
    top: 12px;
    left: 16px
}

.search-02_container .input-01 {
    padding-left: 52px
}

.accordian-cust-02 .accordion-button:not(.collapsed) {
    background-color: #fff0
}

.accordian-cust-02 .accordion-button:focus {
    box-shadow: 0 0 0 0
}

.accordian-cust-02 .accordion-button:not(.collapsed) {
    background-color: #fff0;
    box-shadow: 0 0 0 0
}

.accordian-cust-02 .accordion-button {
    padding: 25px 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 22.76px;
    text-align: left;
    color: rgb(10 9 18)
}

.accordian-cust-02 .accordion-body {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: rgb(73 101 123);
    padding: 0 0 25px 0
}

.accordian-cust-02 .accordion-item {
    border: 0;
    border-bottom: 1px solid rgb(74 37 89 / .1)
}

.accordian-cust-02 .accordion-button::after {
    background-image: url(../images/svg/downarrow-accordian-02.svg)
}

.sec-02-help-faq {
    padding-bottom: 136px
}

.contactus-subtitle {
    color: rgb(75 78 87);
    max-width: 100%;
    text-align: right;
    margin-bottom: 20px
}

.sec-02-contactus .heading-manageaddress {
    margin-bottom: 20px
}

.sec-02-contactus {
    padding-bottom: 100px
}

.nav-link:focus-visible {
    box-shadow: 0 0 0 0
}

.navbar-top .nav-link {
    border: 0
}

#guest-popup .modal-body {
    padding: 23px 30px
}

#logout-popup .modal-body {
    padding: 23px 30px
}

.dropdown-theam .dropdown-item:active {
    background-color: #fff
}

.bg-login-part-02 {
    background-color: rgb(248 248 248);
    min-height: 100vh
}

.slider-bg {
    background-color: #fff
}

.sec-1-product-details {
    padding-top: 30px
}

.accordion-item:first-of-type>.accordion-header .accordion-button {
    border: 0
}

.offcanvas .filter-toggle {
    position: static;
    border: 0;
    padding: 0
}

#cars:focus-visible {
    box-shadow: 0 !important;
    border: 0 !important;
    outline: none !important
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.color {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%
}

.bg-red1 {
    background-color: rgb(255 0 0)
}

.text-red1 {
    color: rgb(255 0 0)
}

.bg-blue {
    background-color: blue
}

.bg-yellow {
    background-color: #ff0
}

#logout-popup .modal-dialog {
    max-width: 390px
}

#guest-popup .modal-dialog {
    max-width: 390px
}

#notified-popup .modal-dialog {
    margin: 30px auto 30px
}

.category-search .dropdown-menu,
.global-serchmain .dropdown-menu {
    width: 490px;
    border: 1px solid rgb(235 235 235 / .5);
    height: auto;
    overflow-y: auto
}

.global-serchmain .dropdown-item {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 17px 16px;
    font-size: 14px;
    font-weight: 500;
    line-height: 16.94px;
    text-align: left;
    color: #0A0912
}

.next-btn01,
.prev-btn01 {
    position: absolute;
    top: -70px;
    border: 0;
    width: 57px;
    height: 20px;
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: #fff0;
    flex-direction: row-reverse
}

.photo-20px {
    width: 20px;
    height: 20px
}

.category-search ul {
    display: flex !important;
    gap: 70px
}

.category-search .dropdown-menu {
    padding: 15px 18px;
    box-shadow: 0 4px 15.9px 0 rgb(0 0 0 / .07);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    overflow-y: auto;
    height: auto
}

.global-serchmain .dropdown-item:focus {
    background-color: #fff0
}

.category-search .dropdown-item:hover {
    background-color: #fff0
}

.category-search .dropdown-item {
    display: flex;
    gap: 11px;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 16.94px;
    text-align: left;
    color: rgb(10 9 18);
    margin-bottom: 15px;
    padding: 0
}

.allcategory-Searchbar .dropdown-toggle::after {
    border: 0;
    width: 0
}

.container-scrollbar {
    overflow: auto;
    padding: 0 0 0 0
}

.container-scrollbar::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 6px;
    overflow-x: hidden;
    scrollbar-width: thin
}

.container-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #555
}

.container-scrollbar::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 6px
}

.container-scrollbar {
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
    padding-right: 0
}

.dropdown-theam .dropdown-toggle::after {
    border: 0 !important
}

.notifi-icon-container.dropdown-toggle::after {
    border: 0 !important
}

.cust-btn-addcart .heart-btn-50px {
    width: 50px;
    height: 40px
}

.cust-btn-addcart .heart-btn-50px .heart-black {
    width: 15px;
    height: 15px
}

.cust-btn-addcart .addcart-btn-box .heart-card-container-promoted.gap-3 {
    gap: 8px !important
}

.cust-btn-addcart .heart-card-container-promoted {
    align-items: center
}

.cust-btn-addcart .addcart-btn {
    text-wrap: nowrap
}

.cust-btn-addcart .heart-card-container-promoted {
    padding: 12px 8px
}

.slider-02 .slider-heding-feat-product .heart-card-container-promoted {
    padding-right: 32px
}

.slider-02 .slider-heding-feat-product .addcart-btn {
    width: 100%;
    text-wrap: nowrap
}

.slider-02 .slider-heding-feat-product>div {
    padding-right: 0;
    justify-content: start
}

.dropdown-theam-notification .dropdown-menu,
.dropdown-theam-mycart .dropdown-menu {
    top: 35px !important;
    left: 0
}

.photo-container3 {
    cursor: pointer
}

.dropdown-theam-mycart1 .button-mycart-drop_container {
    padding: 0 16px
}

.totalmycart {
    border-top: 1px solid var(--stroke, rgb(74 37 89 / .1))
}

.dropdown-theam-mycart1 .dollar-qty-box {
    padding-bottom: 15px;
    border-bottom: 1px solid var(--stroke, rgb(74 37 89 / .1))
}

.dropdowntheam_lang .dropdown-toggle {
    padding: 0
}

.fashionday-box:hover .badge-promoted-productt {
    display: none
}

.sliderproductdetails .slick-dots {
    left: auto;
    gap: 25px;
    width: auto;
    right: -90px;
    display: inline-flex;
    width: 90px;
    right: -99px
}

.icon-input {
    position: absolute;
    left: auto;
    top: 14.5px;
    right: 15px
}

.select-mobile-numb {
    right: 12px;
    width: 75px
}

.box-input-01 input {
    padding-right: 49px;
    padding-left: 15px;
    text-align: right
}

.box-input-01 input::placeholder {
    text-align: right
}

.box-input-01 input[type=number] {
    padding-right: 110.52px;
    padding-left: 15px;
    text-align: right !important
}

.input-01 {
    text-align: right !important
}

.input-01::placeholder {
    text-align: right !important
}

.box-input-01 input[type=number] {
    text-align: right !important
}

.icon-input-02 {
    left: 15px !important;
    right: auto !important
}

.by-continue {
    text-align: right !important
}

.form_login-part-comment h1 {
    left: auto;
    text-align: right
}

.theamOne .outofstock.badge-promoted-product {
    width: auto;
    display: inline-table
}

.text-sm-start {
    text-align: right !important
}

.theamOne .badge-promoted-product {
    position: absolute;
    left: 12px;
    bottom: 17.5px;
    z-index: 4;
    right: auto;
    display: inline-table
}

.top-features-product {
    justify-content: start
}

.item-added-title {
    text-align: right
}

.accordion-button::after {
    margin-right: auto;
    margin-left: 0
}

.theamOne2 .outofstock.badge-promoted-product {
    bottom: auto !important;
    top: 12px !important;
    display: inline-table;
    right: auto
}

.logo-headerSecond img {
    width: 60px;
    margin-right: 10px;
    margin-left: 57px
}