@import url(./font.css);

/* colors-Variables */
:root {
    --yellow: #faea02;
    --red: #ee1b25;
    --green: #0c6237;
    --blue: #003D4C;
    --gray: #707070;
    --brown: #4E3524;
    --light-green: #5da70b;
    --white: #fff;
    --dark: #414141;
    --light-black: #444444;
    --light-pink: #E5D9C9;
    --light-gray: #565656;
    --light-m-pink: #F2EDE3;
    --dark-green: #044625;
}

/* font-variables */
:root {
    --GT-Alpina-ac-li: 'GT-Alpina-Condensed-Light-Italic';
    --GT-Alpina-ac-l: 'GT-Alpina-Condensed-Light';
    --GT-Alpina-s-b-i: 'GT-Alpina-Standard-Bold-Italic';
    --GT-Alpina-s-b: 'GT-Alpina-Standard-Bold';
    --GT-Alpina-s-r-i: 'GT-Alpina-Standard-Regular-Italic';
    --GT-Alpina-s-r: 'GT-Alpina-Standard-Regular';
    --GT-America: 'GT-America-Compressed-Medium';

}



* {
    padding: 0px;
    margin: 0px;

}

/* header-css */
header {
    position: absolute;
    transform: translateX(-50%) !important;
    left: 50%;
    top: 0;
    padding: 50px 54px;
    width: 100%;
    /* max-width: 1366px; */
    z-index: 9;
}

.header_blue {
    background-color: var(--blue);
    padding: 15px 3.75%;
    position: unset;
    transform: unset !important;
    max-width: unset;
}

.header_blue .menu_logo a {
    max-width: 35px;
    display: block;
    height: fit-content;
}

.menu_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* max-width: 1366px; */
    margin: auto;
}

.menu_logo a {
    max-width: 235px;
    height: 42px;
    display: block;
}

.main_slider-wrap {
    background-color: #F2EDE3;
}

.menubox span {
    cursor: pointer;
}

.body_wraper {
    /* max-width: 1360x;
    margin: auto; */
}

/* main-slider-css */
#bycategory {
    padding: 60px 0 85px;
}

.main_slider {
    position: relative;
    height: 100%;
}

.menu_right {
    position: relative;
    display: flex;
}

.menu_right a {
    text-decoration: none;
}

.drop_menu {
    position: absolute;
    display: none;
    right: 20px;
    top: 0px;
    /* overflow: hidden; */
    padding-top: 44px;
    border-radius: 6px;
    z-index: 9;
    width: 110px;

}

.drop_menu::after {
    content: " ";
    position: absolute;
    right: 11px;
    top: 33px;
    border-top: none;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-bottom: 11px solid #f8f6f3;
}

.drp_btn:hover .drop_menu {
    display: block;
}

.drop_menu a {
    font-size: 15px;
    display: flex;
    align-items: center;
    padding: 3px;
    line-height: 19px;
    background-color: #F8F6F3;
    /* border-bottom: 1px solid #FCF4F4;
    border-left: 1px solid #FCF4F4;
    border-right: 1px solid #FCF4F4; */
    font-family: var(--GT-America);
    color: var(--brown);
    text-decoration: none;
    text-align: start;
    transition: all 0.5s;
}
.drop_menu a:hover {
    color: var(--blue);
}
.drop_menu-icon {
    width: 23px;
    margin: 0 5px;
    padding: 2px;
}

.drop_menu a:hover {
    background-color: var(--white);
}

.drop_menu a:nth-child(1) {
    border-top: 1px solid #FCF4F4;
    border-radius: 6px 6px 0 0;
}

.drop_menu a:nth-last-child(1) {
    border-radius: 0 0 6px 6px;
}

.main_slider-wrap {
    /* max-width: 1366px; */
    margin: auto;
    margin-bottom: 0 !important;
}

.slider_img {
    /* padding: 14px;
    height: 100vh; */
    padding: 14px;
    overflow: hidden;
    width: 100%;
    height: 100vh;
}

.slider_img::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 14px;
    width: 100%;
    background-color: #F2EDE3;
}

.slider_img img {
    width: 100%;
    height: auto;
}

.banner_content {
    position: absolute;
    padding: 113px 28px 28px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;

}

.banner_content_inner-data {
    /* margin: auto auto 75px auto; */
    /* position: absolute; */
    height: 63%;
    width: 100%;
    margin-top: auto;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.banner_content_inner {
    border: 3px solid var(--white);
    height: 100%;
}

.banner_content_inner p {
    font-family: var(--GT-America);
    font-size: 40px;
    color: var(--white);
    margin: 0;
    line-height: 30px;
}

.banner_content_inner h1 {
    font-size: 85px;
    color: var(--white);
}

.banner_content_inner h1 span:nth-child(1) {
    font-family: var(--GT-Alpina-ac-li);
}

.banner_content_inner h1 span:nth-child(2) {
    font-family: var(--GT-Alpina-ac-l);
}

.banner_content_inner a {
    font-family: var(--GT-America);
    font-size: 40px;
    line-height: 46px;
    margin-bottom: 88px;
    text-decoration: underline;
    display: block;
    color: var(--white);
}

.main-slider-two {
    display: flex;
    gap: 20px;
}

.main_slider-two-wrap {
    padding: 20px;
}

.main-slider-two-box {
    flex: 1;
    position: relative;
}

.main-slider-two-box-img img {
    width: 100%;
}

.main-slider-two-content {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 60%;
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.main-slider-two-content-logo {
    max-width: 45%;
    margin: 0 auto;
}

.main-slider-two-content-link {
    margin-bottom: 130px;
    color: var(--white);
    font-family: var(--GT-America);
    font-size: 30px;
}

.main-slider-two-content-link:hover {
    color: var(--white);
}

.slick-slider img {
    /* width: 100%;
    height: auto;
    border-radius: 0px; */
    width: 100%;
    object-fit: cover;
    height: 100%;
    border-radius: 0px;
}

/* Title Styles */
.slider-title {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #333;
    margin-bottom: 20px;
}

/* Modern Dots */

.slick-dots li button:before {
    font-size: 12px;
    color: var(--white);
    transition: all 0.3s ease;
}

.slick-dots li.slick-active button:before {
    color: #333;
}

.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before {
    color: #555;
}

.slick-dots li button {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    outline: 1px solid var(--white) !important;
    outline-offset: 3px;

    margin: auto;
}

.slick-dots::after {
    content: '';
    position: absolute;
    top: 95%;
    left: 50%;
    width: 1px;
    height: 90px;
    background-color: var(--white);
}

.slick-dots::before {
    content: 'NEW ARRIVALS';
    position: absolute;
    bottom: 215%;
    left: -91%;
    height: 100%;
    color: var(--white);
    white-space: nowrap;
    width: fit-content;
    transform: rotate(90deg);
    font-family: var(--GT-Alpina-ac-li);
    font-size: 14px;
    height: fit-content;
}

.slick-dots li button:before {
    content: '' !important;
    /* color: var(--white) !important;
    font-size: 0px !important;
    outline: 1px solid var(--white);
    outline-offset: 5px;
    border-radius: 50%; */
}

.slick-dots li.slick-active button {
    width: 3px !important;
    height: 3px !important;
}

.slick-dots li.slick-active button {
    color: var(--white) !important;
    outline-offset: 5px;
    font-size: 3px !important;
    background-color: var(--white) !important;
}

/* our-story-css */

#ourstory {
    padding: 129px 0 50px;
}

.ourstory_wrap {
    /* padding: 0 45px; */
    max-width: 1083px;
    margin: 0 auto;
}

.ourstory_wrap .content {
    font-family: var(--GT-Alpina-ac-l);
    text-align: center;
    color: var(--brown);
    font-size: 40px;
}

.ourstory_wrap .content-two {
    font-family: var(--GT-America);
    color: var(--blue);
    font-size: 60px;
}

.story_content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: minmax(100px, auto);
    grid-gap: 1em;
    padding: 0 5px;

}

.story_content p,
.forget_content p {
    font-family: var(--GT-Alpina-s-r);
    font-size: 17px;
    color: var(--brown);
    line-height: 25px;
}

.story_content a {
    color: var(--brown);
    font-size: 20px;
    font-family: var(--GT-America);
    display: block;
    margin-top: 30px;
}

/* by-category-section-css */

.sec_head h4 {
    font-family: var(--GT-America);
    color: var(--blue);
    text-transform: uppercase;
    font-size: 30px;
}

.bycategory_box {
    /* background-color: var(--light-pink); */
    background-color: #F7F5F4;
    border: 1px solid var(--brown);
    text-align: center;
    height: 390px;
    position: relative;
    transition: all 0.3s;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* .flip-container:hover .flipper,
.flip-container.hover .flipper {
    -webkit-transform: rotateY(180deg);
} */

.flipper {
    -webkit-transition: 0.5s;
    -webkit-transform-style: preserve-3d;
    position: relative;
}

.bycategory_box-front,
.bycategory_box-back {
    -webkit-backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.bycategory_box-front {
    z-index: 2;
}

.bycategory_box-back {
    -webkit-transform: rotateY(180deg);
    background: rgb(218, 138, 138);
    height: 100%;
}

.bycategory_box-back .bycategory-img {
    height: 100%;
    width: 100%;
}

.bycategory-img img {
    width: 77%;
}

.bycategory-img {
    display: flex;
    justify-content: center;
    height: 85%;

}

.bycategory_wrap .sec_head {
    margin-bottom: 40px;
}

.bycategory_wrap {
    max-width: 86%;
    margin: 0 auto;
}

.bycategory_box-wrap {
    gap: 40px 1rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
}

.bycategory_wrap .sec_head h4 {
    font-family: var(--GT-America);
    font-size: 30px;
    text-transform: uppercase;
}

.bycategory_box p {
    font-family: var(--GT-America);
    font-size: 29px;
    text-transform: uppercase;
    color: var(--blue);
}

.view_more-box {
    background-color: transparent;
    transition: all 0.5s;
}

.view_more-box:hover {
    background-color: var(--light-pink);
}

.view_more-box span {
    font-size: 20px;
    text-transform: uppercase;
    color: var(--brown);
    text-decoration: underline;
    font-family: var(--GT-America);
}

.full_link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}

/* quality-section-css */

#quality {
    /* padding: 90px 0; */
    padding-bottom: 60px;
    background-color: #F8F6F3;
}

.quality_main {
    /* background-color: var(--light-pink); */
    background-color: #F7EFE4;
    padding: 40px 8% 50px;
    margin-bottom: 60p;
}

.quality_img-box {
    overflow: hidden;
}

.quakity_frame {
    position: relative;
    z-index: 9;
}

.fm_logo {
    position: absolute;
    right: 38px;
    top: 38px;
    width: 60px;
}

.ac_img {
    position: absolute;
    left: 0;
    top: 0;
    /* width: 98%; */
    padding: 4%;
    z-index: 0;
}

.fm_in-logo {
    position: absolute;
    right: 14px;
    width: 30px;
    top: 35%;
}

.fm_waves {
    position: absolute;
    max-width: 225px;
    left: 0;
    bottom: 10%;
}

.quality_content {
    margin-bottom: 40px;
}

.quality_content p {
    color: var(--brown);
    font-size: 17px;
    line-height: 19px;
    font-family: var(--GT-Alpina-s-r);
}

.quality_content a {
    color: var(--brown);
    font-family: var(--GT-America);
    font-size: 20px
}

/* explore-product-css */
.explore_pro-inner {
    /* background-image: url(../images/exploreproduct/explore-bg-ol.png);
    background-size: contain;
    background-position: right top;
    background-repeat: no-repeat; */
    padding: 40px 0 100px;
    /* max-width: 1366px; */
    margin: auto;
    background-color: #F8F6F3;
}

#explore_product {
    background-color: #F8F6F3;
}

.com_grid-section {
    display: flex;
    flex-direction: column;
}

.exlore_wrap h2 {
    color: var(--brown);
    font-size: 30px;
    font-family: var(--GT-America);
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 50px;
}

.explore_product-btn {
    padding: 80px 0;
    text-align: center;
}

.explore_product-btn .e_p-btn {
    font-size: 22px;
    color: var(--brown);
    text-align: center;
    text-transform: uppercase;
    font-family: var(--GT-America);
}

.window_bg-explore {
    text-align: end;
}

.window_bg-explore img {
    margin-right: 40px;
    margin-bottom: 50px;
}

.explore_product-img-box {
    display: flex;
    gap: 20px;
}

.explore_product-img {
    flex: 1;
    aspect-ratio: 421 / 537;
    overflow: hidden;
    gap: 20px;
}

.explore_product-img img {
    width: 100%;
    object-fit: cover;
}

/* review-board-css */

.review_board-wrap {
    padding: 50px 0;
}

.review_box {
    border: 2px solid var(--brown);
    padding: 40px 50px 30px;
}

.review_board-wrap {
    padding: 50px 5% 80px;
}

.review_title h3 {
    font-size: 30px;
    color: var(--brown);
    text-transform: uppercase;
    font-family: var(--GT-America);
    /* word-break: break-all; */
    width: 50%;
    padding-bottom: 10px;
}

.com_v-btn {
    font-size: 20px;
    color: var(--brown);
    font-family: var(--GT-Alpina-ac-li);
}

.com_btn {
    color: var(--brown);
    font-size: 20px;
    font-family: var(--GT-America);
}

.com_btn:hover,
a.cus_edit-ll:hover {
    color: var(--blue);
}

.com_btn-blue {
    color: var(--blue);
}

.review_counter {
    background-color: var(--brown);
    padding: 20px 10px 20px 90px;
    width: 100%;
    margin: 80px auto 20px -100px;
}

.review_counter span {
    display: block;
    color: var(--white);
    font-family: var(--GT-Alpina-ac-li);
    font-size: 30px;
    line-height: 30px;
}

.review_bar {
    /* border-bottom: 1px solid var(--brown); */
    padding-bottom: 20px;
    /* margin-bottom: 20px; */
}

.review_bar:nth-last-child(1) {
    /* border: none;
    margin: 0;
    padding: 0; */
}

.review_bar {
    /* margin-top: 20px; */
}

.review_bar p {
    color: var(--brown);
    font-size: 15px;
    line-height: 17px;
    font-family: var(--GT-Alpina-s-r);
}

.review_bar {
    gap: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
}

.review_bar-box {
    margin-bottom: 20px;
    border-bottom: 1px solid var(--brown);
}

.review_bar .review_bar-box:nth-of-type(odd) {
    padding-right: 25px;
}

.review_bar-box p {
    margin-bottom: 30px;
}

.review_bar-box:nth-last-child(1),
.review_bar-box:nth-last-child(2) {

    border-bottom: none;
}

.review_bar-box:nth-last-child(1) p,
.review_bar-box:nth-last-child(2) p {
    margin: 0;
}

.feature-in-wrap {
    background-color: var(--blue);
    padding: 50px 5% 70px;
}

.feature-in-head h3 {
    color: var(--white);
    font-family: var(--GT-America);
    text-transform: uppercase;
    font-size: 40px;
}

.feature-in-btn {
    text-align: right;
}

.feature-in .com_btn {
    color: var(--white);
    margin-left: auto;
    text-transform: uppercase;
}

/* footer-csss */
.footer_bottom {
    margin: 75px 0 130px;
    border-top: 1px solid var(--brown);
}

.footer_wrap {
    padding: 0 4.5%;
}

.footer_logo {
    width: 400px;
    display: block;
}

.footer_logo img {
    width: 100%
}

.footer_Search-box p {
    font-size: 22px;
    color: var(--blue);
    font-family: var(--GT-America);
    padding: 15px 0 10px;
    margin: 0;
}

.footer_Search-box input {
    border: 1px solid var(--blue);
    border-radius: 0;
    font-size: 22px;
    max-width: -webkit-fill-available;
    font-family: var(--GT-Alpina-ac-li);
    margin-right: 40px;
}

.footer_Search-box input::placeholder {
    color: var(--blue);
}

.footer_Search-box input:focus {
    box-shadow: none
}

.footer_contact-box {
    margin-bottom: 35px;
}

.footer_contact-box p {
    font-size: 17px;
    font-family: var(--GT-America);
    color: var(--blue);
}

.footer_contact-link {
    font-size: 17px;
    font-family: var(--GT-Alpina-s-r);
    color: var(--blue);
    text-decoration: none;

}

.footer_custome-link {
    border-bottom: 1px solid var(--blue);
}

.footer_custome-link:nth-last-child(1) {
    border: 0;
}

.footer_Search-box {
    position: relative;
}

.subscribe-btn {
    position: absolute;
    bottom: 7px;
    left: 78%;
    color: #4F5152;
    font-family: var(--GT-Alpina-ac-li);
    font-size: 22px;
    border: none;
    background-color: transparent;
}

.footer_custome-link a {
    font-family: var(--GT-Alpina-ac-l);
    font-size: 17px;
    padding: 20px 10px 10px;
    display: block;
    text-decoration: none;
    color: var(--blue);
}

.footer_social-link {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer_social-link a {
    text-decoration: none;
    margin: 0 45px;
}

.footer_social-link a img {
    /* width: 41px; */
}

.feature-in-img {
    border: 2px solid var(--white);
    gap: 1rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
    padding: 20px;
}

.feature-in-img-box {
    display: flex;
    flex: 1;
    max-width: 180px;
}

.feature-in-img-box img {
    margin: auto;
    width: 100%;
    padding: 0 9%;
}

/* search_model-css */

.search_model-wrap {
    position: fixed;
    left: -100%;
    top: 0;
    width: 100%;
    z-index: 9;
    min-height: 100vh;
    background-color: #f8f6f3;
    transition: all 0.5s;
    height: 100%;
}

.search_active-effect {
    background-color: transparent;
}

.search_active-effect .search_modal {
    background-color: #f8f6f3d1;
    height: 100%;
    overflow: hidden;
}

.search_active-effect .search_body-wrap {
    padding: 0 115px;
    height: 100%;
}

.search_active-effect .container {
    padding: 25px 25px;
    height: 100%;
}

.ss_bar-tab-btn-wrap .ss_bar-toggle {
    background-color: #f8f6f3;
}

.select_s_active-effect .filter_content-wrap {
    height: 100%;
    overflow: auto;
}

.filter_content-wrap .ss_bar-wrap {
    padding: 0 8px;
    overflow: auto;
}

.ss_bar-tab-btn-wrap {
    padding: 0 8px;
}

.search_modal {
    padding: 30px 0;
    height: 100vh;
    overflow: auto;
}

.burger_btn {
    max-width: 50px;
    text-align: right;
    cursor: pointer;
    margin-right: 30px;
    margin-left: auto;
}
.sm_deep-modal-content{
    padding: 10px;
}
.sm_deep-modal {
        max-width: 345px;
    width: 345px;
    border: 1px solid var(--brown);
    padding: 10px;
    background-color: #f8f6f3;
    position: fixed;
    z-index: 9;
    transform: translate(-50%, -100%) !important;
    background-color: #f8f6f3;
    transition: all 0.5s;
    left: 50%;
    top: 0%;
}
.sm_deep-modal-content h3{
    color: var(--blue);
    font-family: var(--GT-Alpina-s-r);
    font-size: 20px;
    line-height: 23px;
}
.sm_deep-modal-content p{
    color: var(--brown);
    font-size: 14px;
    font-family: var(--GT-Alpina-s-r);
}
.sm_deep-modal.comein {
    box-shadow: -5px 0 8px -5px #333;
    transform: translate(-50%, -50%) !important;
    top: 50%;
}
.sm_deep-btn{
    border: 1px solid var(--brown);
    background-color: var(--brown);
    width: 100%;
    height: 30px;
    font-size: 15px;
    text-align: center;
    color: var(--white);
    font-family: var(--GT-America);
}
.search_model-wrap.comein,
.humberrug_active-effect.comein,
.oc_active-effect.comin,
.return_request-c-modal.comin,
.htm_active-effect.comin,
.gtl_active-effect.comin,
.ve_active-effect.comin,
.jo_active-effect.comin,
.c_builder-modal.comin,
.c_builder-modal-two.comin,
.your-bag-effect.comin {
    left: 0;
    box-shadow: -5px 0 8px -5px #333
}

.humberrug_active-effect,
.oc_active-effect,
.return_request-c-modal,
.filter_active-effect,
.select_s_active-effect,
.select_sc_active-effect,
.htm_active-effect,
.gtl_active-effect,
.edit-item-effect,
.ve_active-effect,
.jo_active-effect,
.c_builder-modal,
.c_builder-modal-two,
.your-bag-effect,
.reset_password-send-mail-popup {
    max-width: 430px;
}

.filter_active-effect,
.select_s_active-effect,
.select_sc_active-effect,
.reset_password-send-mail-popup {
    right: -100%;
    left: unset !important;
}

.filter_active-effect.comein,
.select_s_active-effect.comein,
.select_sc_active-effect.comein,
.reset_password-send-mail-popup.comein {
    right: 0;
}

.your-bag-effect .gtl_c-img {
    margin-right: 9px;
}

.your-bag-effect .bag_p-qty-tag {
    font-size: 15px;
    line-height: 15px;
}

.your-bag-effect .lsc_bar .com_btn {
    font-size: 15px;
    height: 28px;
    line-height: 28px;
}

.your-bag-effect .search_body-wrap,
.edit-item-effect .search_body-wrap {
    margin-top: 97px;
}

.your-bag-effect .bag_pp-input {
    font-size: 12px;
    padding: 5px 10px;
}

.your-bag-effect .bag_p-code {
    font-size: 12px;
}

.your-bag-effect .bag_pp-input::placeholder {
    font-size: 12px;
}

.your-bag-effect .order-wrap-lable h1 {
    font-size: 23px;
}

.your-bag-effect .al_pro-lable {
    font-size: 14px;
    line-height: 14px;
}

.your-bag-effect .al_pro-tag {
    display: block;
    font-size: 10px;
}

.your-bag-effect .al_roduct-img {
    height: 190px;
    width: 160px;
}

.humberrug_active-effect .search_body-data-left {
    width: 100%;
}

.humberrug_active-effect .search_body-data-right {
    /* width:  35%; */
    min-width: 200px;
    width: 200px;
}

.humberrug_active-effect .search_body-data-right img {
    min-width: 100%;
    max-width: 100%;
}

.search_body-wrap {
    /* height: 80%; */
    display: flex;
    padding: 0 15px;
    justify-content: space-between;
    /* overflow: auto; */
    flex-direction: column;
}

.top_space {
    margin-top: 100px;
}

.search_body {
    margin: 40px 0;
}

.search_body-input {
    margin-bottom: 30px;
}

.search_body-input input {
    font-family: var(--GT-America);
    text-transform: uppercase;
    font-size: 25px;
    border: none;
    border-bottom: 1px solid var(--blue);
    background-color: transparent;
    width: 100%;
    color: var(--blue);
    line-height: 30px;
    padding: 0px 10px;
}

.search_body-input input:focus-visible {
    outline: 0;
}

.search_body-input input::placeholder {
    color: var(--blue);
}

.search_body-data {
    display: flex;
    justify-content: space-between;
    padding-left: 10px;
}

.search_body-data-left {
    /* width: 80%; */
}

.search_body-data-right {
    width: 140px;

}

.search_body-data-img {
    text-align: right;
    margin-bottom: 15pt;
}

.search_body-data-img img {
    width: 100%;
}

.search_body-data .search_lable {
    font-size: 25px;
    font-family: var(--GT-Alpina-ac-l);
    color: var(--blue);
    margin-bottom: 20px;
}

.search_body-data-list li {
    list-style: none;
    padding-bottom: 6px;
}

.search_s-lable {
    font-size: 10px;
    font-family: var(--GT-America);
    color: var(--blue);
    text-align: center;
    display: block;
    padding-top: 3px;
}

.search_s-value {
    font-size: 12px;
    font-family: var(--GT-America);
    color: var(--blue);
    font-weight: 500;
    display: block;
    text-align: center;
}

.search_body-data-list li a {
    font-size: 15px;
    text-decoration: none;
    color: var(--blue);
    font-family: var(--GT-America);
}

.sub_menu-head {
    display: flex;
    align-items: center;
}

.sub_menu.active_obj .sub_menu-head {
    color: var(--brown);
}

.sub_menu .sm_b-down {
    display: none;
}

.sub_menu.active_obj .sm_down {
    display: none;
}

.sub_menu.active_obj .sm_b-down,
.sub_list-one.active_obj .sm_b-down .sub_list-two.active_obj .sm_b-down,
.sub_list-three.active_obj .sm_b-down,
.sub_list-four.active_obj .sm_b-down,
.sub_list-five.active_obj .sm_b-down {
    display: block;
}

.sub_menu.active_obj .sub_list,
.sub_list-one.active_obj .sub_list-one-wrap,
.sub_list-two.active_obj .sub_list-two-wrap,
.sub_list-three.active_obj .sub_list-three-wrap,
.sub_list-four.active_obj .sub_list-four-wrap,
.sub_list-five.active_obj .sub_list-five-wrap {
    display: block;
}

.sub_list-two,
.sub_list-three,
.sub_list-four,
.sub_list-five {
    /* padding-left: 5px; */
    display: block;
}

.sub_list-one-wrap,
.sub_list-two-wrap,
.sub_list-three-wrap,
.sub_list-four-wrap,
.sub_list-five-wrap {
    margin-left: 5px;
    display: none;
}

.sub_list-two-wrap a,
.sub_list-three-wrap a,
.sub_list-four-wrap a,
.sub_list-five-wrap a {
    padding-left: 5px;
}

.sub_list-one-arrow .sm_down {
    display: block;
}

.sub_list-one-arrow .sm_b-down {
    display: none;
}

.small_arrow {
    padding-left: 5px;
}

.sub_list {
    padding-top: 15px;
    display: none;
}

.sub_list .sub_list-one,
.sub_list .sub_list-two,
.sub_list .sub_list-three,
.sub_list .sub_list-four,
.sub_list .sub_list-five {
    /* display: flex; */
    align-items: center;
    cursor: pointer;
    font-family: var(--GT-Alpina-s-r) !important;
    color: var(--brown) !important;
    font-size: 12px !important;
    display: block;
}

.sub_list-one-arrow,
.sub_list-two-arrow,
.sub_list-three-arrow,
.sub_list-four-arrow,
.sub_list-five-arrow {
    display: flex !important;
    align-items: center;
}

.sub_list .small_arrow {
    padding: 0 0 0 5px;
    width: fit-content;
}

.sub_list a,
.sub_list span {
    font-family: var(--GT-Alpina-s-r) !important;
    color: var(--brown) !important;
    font-size: 12px !important;
    display: block;
    padding-bottom: 8px;
    line-height: 16px;
    width: 70%;
}

.search_body-footer {
    position: relative;
    padding-left: 10px;
    margin-bottom: 30px;
}

.search_body-footer p {
    font-size: 16px;
    font-family: var(--GT-Alpina-ac-l);
    color: var(--blue);
    margin: 0;
}

.search_body-footer span {
    font-family: var(--GT-America);
    color: var(--blue);
    font-size: 12px;
}

.best_product-data {
    margin: 0 0 40px;
}

.best_product-data a,
.cus_edit-lable,
.cb_drop-head h3 {
    color: var(--blue);
    font-family: var(--GT-Alpina-ac-l);
    font-size: 20px;
    text-decoration: none;
    display: block;

}

/* dashboard-css */
.cus_lable {
    font-family: var(--GT-America);
    color: var(--blue);
    /* margin: 0 25px; */
    border-bottom: 1px solid var(--gray);
}

.cus_lable h1 {
    font-size: 30px;
    margin: 0;
}

.cus_padding {
    padding: 45px 3.75%;
    z-index: 9;
}

.z-top {
    position: relative;
    z-index: 9;
}

.content-box {
    border: 1px solid var(--brown);
    display: flex;
    height: 100%;
    min-height: 203px;
}

.content-box-left {
    width: 112px;
    display: flex;
    background-color: var(--blue);
}

.dashboard_wrap {
    background-color: #f8f6f3;
    padding-left: 3.75%;
    padding-right: 3.75%;
}

.content-box-left img {
    max-width: 70px;
    margin: auto;
}

.content-box-right {
    width: 75%;
    padding: 20px 28px;
}

.contenr-box-lable {
    font-size: 25px;
    padding-bottom: 10px;
    color: var(--brown);
    font-family: var(--GT-America);
}

.content-box-link a {
    color: var(--brown);
    padding-bottom: 10px;
    display: block;
    font-size: 18px;
    font-family: var(--GT-Alpina-s-r);
}

.content-box-link a:nth-last-child(1) {
    padding: 0;
}

.content-box-link a:hover {
    color: var(--blue);
}

.field_bar,
.sc_lable {
    color: var(--blue);
    font-size: 30px;
    font-family: var(--GT-America);
}

.field_lable h6 {
    color: var(--blue);
    font-size: 25px;
    margin: 0 0 5px;
    font-family: var(--GT-America);
}

.contact_form .field_input input,
.contact_form .field_input input::placeholder {
    font-size: 30px !important;
}

.user_details-form .field_bar .field_input input {
    font-size: 17px;
    height: 47px;
}

.contact_form .field_bar .field_input input {
    padding: 6px 21px;
}

.contact_form .field_bar {
    font-size: 0 !important;
}

.contact_form .form_com-btn-wrap .form_com-btn {
    height: 61px;
}

.user_details-form .field_bar .field_input input::placeholder {
    font-size: 17px;
}

.user_details-form .form_com-btn {
    height: 52px;
}

.field_bar .field_input input,
.review_orders-content .review_title-field {
    border: 1px solid var(--brown);
    padding: 6px 17px;
    color: var(--brown);
    font-size: 30px;
    font-family: var(--GT-Alpina-ac-li);
    width: 100%;
    background-color: transparent;
}

.ud_form .field_input {
    margin-bottom: 32px;
}

.forget_link {
    font-size: 17px;
    color: var(--brown);
    font-family: var(--GT-Alpina-ac-li);
    text-decoration: none;

}

.forget_link:hover {
    color: var(--blue);
}

.field_bar .field_input input::placeholder,
.review_orders-content .review_title-field::placeholder,
.review_orders-content textarea::placeholder,
.redeem_box-wrap .field_bar textarea::placeholder {
    color: var(--brown);
    font-family: var(--GT-Alpina-ac-li);
    font-size: 30px;
}

.form_com-btn {
    background-color: var(--brown);
    color: var(--white);
    font-family: var(--GT-America);
    font-size: 25px;
    border: none;
    width: 100%;
    padding: 8px;
    transition: all 0.5s;
}

.form_com-btn:hover {
    background-color: var(--blue);
}

.address-book {
    border: 1px solid var(--brown);
}

.address-book-default {
    background-color: var(--light-pink);
}

.address-book-left {
    padding: 17px 10px 14px 23px;
}

.address-book-left span,
.address-book-left a,
.oc_right-content .form-check-label,
.oc_right-content .form-check-label a {
    font-size: 17px;
    color: var(--brown);
    font-family: var(--GT-Alpina-s-r);
    display: block;
}

.address-book_con {
    padding-top: 80px;
}

.address-book_con .address-book {
    height: 138px;
    max-height: fit-content;
}

.address-book-left a {
    font-family: var(--GT-America);
    text-transform: uppercase;
    margin-top: 8px;
}

.address-book .form-check-label,
.address-book-default .form-check-label {

    font-size: 17px;
    font-family: var(--GT-America);
    text-decoration: underline;

}

.address-book .form-check-label {
    color: var(--brown);
    white-space: nowrap;
    cursor: pointer;
}

.address-book.address-book-default .form-check-label {
    color: var(--blue);

}

.address-book-check {
    display: flex;
    align-items: center;
}

.address-book.address-book-default .form-check-input:checked,
.oc_right-content .form-check-input:checked,
.fc_a-check .form-check-input:checked,
.cab_check .form-check-input:checked,
.admin_dr-right .form-check-input:checked {
    background-color: var(--blue);
    border-color: var(--blue);
}

.address-book .form-check-input:checked,
.cus_lable-bar .form-check-input:checked {
    background-color: var(--brown);
    border-color: var(--brown);
}

.form-check-input:focus {
    box-shadow: none;
}

.fc_a-check .form-check-input,
.cus_lable-bar .form-check-input {
    border-radius: 0;
    border: 1px solid var(--blue);
}

.address-book-check .form-check-input,
.oc_right-content .form-check-input {
    width: 22px;
    height: 22px;
    border-radius: 0;
    margin-right: 10px;
}

.address-book-right {
    padding: 6px 10px;
}

.address-book-right .lcus_lable {
    font-size: 16px;
    text-align: right;
}

.address-book-right span {
    font-family: var(--GT-America);
    font-size: 15px;
    text-align: end;
    text-decoration: underline;
    color: var(--brown);
}

.check_add-box .address-book-content {
    cursor: pointer;
    position: relative;
}

.ab_cus-likn {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.add_new-add-link {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.add_edit-form .field_bar .field_input input,
.review_orders-content .review_title-field,
.review_orders-content textarea,
.redeem_box-wrap .field_bar textarea {
    font-size: 17px;
    font-family: var(--GT-Alpina-ac-li);
}

.review_orders-content .review_title-field::placeholder {
    font-size: 17px;
}

.review_orders-content textarea {
    height: 277px !important;
}

.review_orders-content textarea::placeholder {
    font-size: 17px;
}

.add_edit-form .field_bar .field_input input:focus-visible,
.review_orders-content .review_title-field:focus-visible,
.review_orders-content textarea:focus-visible,
.redeem_box-wrap .field_bar textarea:focus-visible {
    outline: none;
}

.edit-address-book {
    border: none;
}

.edit-address-book .form-check-label {
    font-size: 25px;
    color: var(--blue);
    text-decoration: none;
    margin-bottom: -3px;
}

.edit-address_con .address-book-check .form-check-input {
    height: 26px;
    width: 26px;
}

.edit-address-book .form-check-input:checked {
    background-color: var(--blue);
    border-color: var(--blue);
}

.edit-address-book {
    margin: 40px 0;
}

.edit_address-left {
    padding-right: 35px;
}

.edit-address_con .form_com-btn-wrap .form_com-btn {
    height: 44px;
}

.data_search-input {
    border: 1px solid var(--brown);
    width: 100%;
    padding: 6px 8px;
}

.data_search-input input {
    font-size: 17px;
    color: var(--blue);
    background-color: transparent;
    text-align: right;
    font-family: var(--GT-Alpina-s-r);
}

.data_search-input input::placeholder {
    color: var(--blue);

}

.data_search-input input:focus-visible {
    outline: none;
}

.data_search-bar .filter_bar span {
    font-size: 17px;
    color: var(--blue);
    white-space: nowrap;
    margin-left: 13px;
    font-family: var(--GT-Alpina-s-r);
}

.clear-all {
    width: fit-content !important;
}

.data_search-bar .filter_bar img {
    width: 23px;
}

.data_search-bar .filter_bar {
    max-width: 110px;
    border: 1px solid var(--brown);
    width: 110px;
    min-width: 110px;
    height: 40px;
    padding: 6px 10px;
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.clear-all {
    font-family: var(--GT-Alpina-ac-li);
    font-size: 15px;
    color: var(--blue);
}

.clear-all span {
    text-decoration: underline;
    cursor: pointer;
}

.order-wrap-lable h1 {
    font-size: 25px;
    color: var(--blue);
    font-family: var(--GT-Alpina-ac-l);
}

.order_number h1 {
    font-family: var(--GT-America);
    font-size: 30px;
}

.order_filter-box {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    grid-gap: 20px;
}

.cus_filter-lable h4 {
    color: var(--blue);
    font-family: var(--GT-America);
    font-size: 25px;
    border-top: 1px solid var(--blue);
    border-bottom: 1px solid var(--blue);
}

.w_order-filter {
    display: flex;
    gap: 32px;
    overflow: auto;
}

.w_order-box {
    position: relative;
    width: 217px;
}

.wob_link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.w_order-img {
    width: 216px;
    height: 328px;
    margin: auto;
    background-color: #dbdbdb;
    display: flex;
}

.w_order-img img {
    margin: auto;
    height: -webkit-fill-available;
}

.w_order-footer {
    font-size: 17px;
    color: var(--blue);
    font-family: var(--GT-America);
    text-align: center;
    padding: 5px 0;
}

.order_content-img {
    max-width: 154px;
}

.review_orders-content .order_content-img {
    max-width: 230px;
}

.review_orders-content .order_content-img img {
    width: 100%;
}

.order_content-bar {
    border-bottom: 1px solid var(--brown);
    transition: all 0.5s;
}

.order_content-bar:hover {
    background-color: var(--light-pink);
}

.order_content-details p {
    font-size: 17px;
    font-family: var(--GT-Alpina-s-r);
    color: var(--brown);
    line-height: 20px;
}

.order_filter-box-img,
.order_content-bar {
    position: relative;
}

.cus_link {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.order_status-bar-wrap {
    border-top: 1px solid var(--blue);
    border-bottom: 1px solid var(--blue);
}

.order_prosses-bar-left {
    display: flex;
    flex-direction: column;
    width: fit-content;
}

.order_prosses-com {
    min-height: 150px;
    width: 22px;
}

.order_prosses-bar-dot {
    width: 21px;
    height: 21px;
    position: relative;
    z-index: 1;
    border-radius: 50%;
    background-color: var(--light-pink);
}

.opb_active .order_prosses-bar-dot {
    background-color: var(--blue);
}

.order_prosses-bar-light {
    height: 100%;
    width: 6px;
    background-color: var(--light-pink);
}

.opb_bar-active {
    height: 45%;
    background-color: var(--blue);
}

.order_prosses-com:nth-last-child(1),
.order_prosses-bar-com:nth-last-child(1) {
    min-height: auto;
}

.order_prosses-bar {
    display: flex;
}

.order_prosses-bar-com h3,
.order_prosses-bar-com p {
    color: var(--brown);
}

.order_prosses-bar-com h3 {
    font-size: 30px;
    font-family: var(--GT-America);
}

.order_prosses-bar-com p {
    font-size: 18px;
    font-family: var(--GT-Alpina-s-r);
}

.order_prosses-bar-com {
    padding-left: 10px;
    min-height: 150px;
    margin-top: -4px;
}

.od_accordion .accordion-button:focus {
    box-shadow: none;
}

.od_accordion .accordion-item {
    border: none;
    border-top: 1px solid var(--brown);
    border-radius: 0;
}

.by_od_accordion .accordion-item {
    border-top: 0;
    background-color: transparent;
    border-bottom: 1px solid var(--brown);
}

.od_accordion .accordion-button.collapsed span {
    transform: unset;
    transition: all 0.3s;
}

.od_accordion .accordion-button span {
    transform: rotate(90deg);
    transition: all 0.3s;
}

.od_accordion .accordion-button {
    background-color: transparent;
    font-family: var(--GT-Alpina-ac-l);
    font-size: 25px;
    padding: 20px 0;
    color: var(--blue);
    box-shadow: none;
    justify-content: space-between;
}

.by_od_accordion .accordion-button {
    font-family: var(--GT-America);
    text-transform: uppercase;
}

.od_accordion .accordion-button:not(.collapsed) span {
    transform: rotate(-180deg);
    transition: all 0.3s;
}

.od_accordion .accordion,
.od_accordion .accordion-item {
    background-color: transparent;
}

.od_accordion .accordion-button:not(.collapsed)::after,
.accordion-button::after {
    display: none;
}

.order_deta span,
.order_deta p {
    color: var(--brown);
}

.order_deta p {
    font-family: var(--GT-America);
    font-size: 18px;
    line-height: 20px;
}

.order_deta span {
    font-family: var(--GT-Alpina-ac-l);
    font-size: 17px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.accordion_order-details label,
.accordion_order-details .aod_link,
.ro_number {
    font-size: 30px;
    color: var(--blue);
    font-family: var(--GT-America);
}

.ao_details-grid span,
.gift_link,
.oc_right-s-content,
.ao_details-s-lable {
    color: var(--brown);
    font-family: var(--GT-Alpina-s-r);
    font-size: 18px;
}

.ao_details-grid .sdg_blue span {
    color: var(--blue);
}

.continue_shoping_box {
    /* grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 3rem; */
}

.payment_method {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    grid-gap: 1rem;
}

.payment_method-box {
    border: 1px solid var(--brown);
}

.cus_model-head h1 {
    font-size: 30px;
    font-family: var(--GT-America);
    border-bottom: 1px solid var(--blue);
    color: var(--blue);
}

.cus_email_content h1 {
    font-size: 30px;
    font-family: var(--GT-Alpina-ac-l);
    color: var(--blue);
}

.cus_email_content p,
.cus_email_content .ex_email-link {
    font-size: 15px;
    text-decoration: none;
    font-family: var(--GT-Alpina-s-r);
    color: var(--brown);
    display: block;
}

.cus_email_content .ex_email-link {
    opacity: 62%;
}

.cus_email_content .other_email-link {
    color: var(--blue);
    font-family: var(--GT-America);
}

.review_orders-content .oc_right-lable {
    font-size: 25px;
    color: var(--blue);
}

.review_orders-content .order_content-bar:hover {
    background-color: transparent;
}

.order_content-right {
    display: none;
    transition: all 0.5s;
    height: 0;
}

.order_content-bar.active_obj .order_content-right {
    display: block;
    height: 100%;
    transition: all 0.5s;
}

.order_content-bar.active_obj .order_content-arrow {
    transform: rotate(180deg);
    transition: all 0.5s;
}

.modal .btn-close {
    background-image: unset;
    opacity: 1;
    width: 30px;
    height: 30px;
    position: relative;
}

.modal .btn-close img {
    width: 100%;
}

.rr_modal .modal-dialog {
    min-width: 700px;
}

.modal-body-lable,
.ao_details-lable {
    font-family: var(--GT-Alpina-ac-l);
    color: var(--blue);
    font-size: 30px;
}

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

.prh_content {
    height: 60%;
}

.ao_details-img {
    max-width: 190px;
    background-color: #e6e6e6;
    border: 1px solid var(--brown);
    position: relative;
}

.ao_l-footer {
    display: flex;
    gap: 10px;
}

.ao_details-img .zm_img {
    position: absolute;
    right: 10px;
    top: 10px;
}

.ao_details-link {
    font-family: var(--GT-America);
    font-size: 30px;
    color: var(--brown);
}

.rr_modal .modal-content-height p,
.refund-cus_link {
    color: var(--brown);
    font-family: var(--GT-Alpina-s-r);
    font-size: 15px;
}

.refund-cus_link {
    cursor: pointer;
}

.refund-cus_link:hover,
.ao_details-link:hover {
    color: var(--blue);
}

.rr_modal .modal-content-height::-webkit-scrollbar,
.fc_accordiun-wrap::-webkit-scrollbar,
.c_builder-body::-webkit-scrollbar,
.cb_c-box .fc_accordiun-wrap::-webkit-scrollbar,
.pl_wrid-wrap::-webkit-scrollbar,
.cb_sc-box .sc_box-inner::-webkit-scrollbar,
.cb_sc-conferm::-webkit-scrollbar,
.customer_list::-webkit-scrollbar,
.sales_c-list::-webkit-scrollbar {
    width: 12px;
    background-color: transparent;
    border: 1px solid var(--brown);
    border-radius: 0;
    margin-right: -1px;
}

.product_bar::-webkit-scrollbar {
    width: 0;
}

.rr_modal .modal-content-height::-webkit-scrollbar-thumb,
.fc_accordiun-wrap::-webkit-scrollbar-thumb,
.c_builder-body::-webkit-scrollbar-thumb,
.cb_c-box .fc_accordiun-wrap::-webkit-scrollbar-thumb,
.pl_wrid-wrap::-webkit-scrollbar-thumb,
.cb_sc-box .sc_box-inner::-webkit-scrollbar-thumb,
.cb_sc-conferm::-webkit-scrollbar-thumb,
.customer_list::-webkit-scrollbar-thumb,
.sales_c-list::-webkit-scrollbar-thumb {
    background-color: var(--light-pink);
    border: 1px solid var(--brown);
}

.fc_accordiun-body .fc_ac-check {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(5rem, 1fr));
    gap: 8px;
}

.fc_ac-check .form-check {
    cursor: pointer;
    border: 1px solid transparent;
}

.fc_ac-check .form-check.active_color,
.fc_ac-check .form-check:hover {
    border: 1px solid var(--brown);
}

.fc_accordiun-body .ac_box {
    height: 24px;
}

.rr_modal .modal-content-height {
    max-height: 300px;
    overflow: auto;
}

.rr_modal .modal-content {
    background-color: #F8F6F3;
    border-radius: 0;
    border: 1px solid var(--brown);
}

.rr_select-size .modal-dialog {
    min-width: 321px !important;
    width: 321px !important;
    height: 244px !important;
}

.rr_select-size .modal-content {
    height: 244px;
}

.rr_select-size .modal_lable {
    font-size: 23px;
    font-family: var(--GT-Alpina-ac-l);
    color: var(--blue);
    padding-bottom: 35px;
}

.rr_select-size .com_btn {
    font-size: 15px;
    font-family: var(--GT-America);
    color: var(--white);
    width: 100%;
    margin-top: 30px;
    height: 28px;
    border: 1px solid var(--brown);
    background-color: var(--brown);
}

.rr_select-size .btn-close {
    width: 17px;
}

.rr_select-size .field_lable h6 {
    font-size: 15px;
}

.rr_select-size .field_bar .field_input input::placeholder {
    font-size: 15px;
}

.rr_select-size .field_bar .field_input input {
    font-size: 15px;
    padding: 5px 10px;
    height: 28px;
}

.rr_select-size .field_input {
    margin-top: -10px;
}

.rr_modal .modal-footer {
    border: none;
}

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

.fc_footer {
    gap: 15px;
}

.fc_footer button {
    flex: 1;
    font-family: var(--GT-America);
    font-size: 16px;
    border: 1px solid var(--blue);
    padding: 2px;
    transition: all 0.5s;
}

.fc_lable h5 {
    font-family: var(--GT-America);
    font-size: 20px;
    color: var(--blue);
    text-transform: uppercase;
}

.fc_footer .com_btn {
    background-color: var(--brown);
    color: var(--white);
}

.fc_footer .com_btn:hover {
    background-color: var(--blue);
}

.fc_footer .light_btn:hover {
    background-color: var(--blue);
    color: var(--white);
}

.fc_footer .light_btn {
    background-color: transparent;
    color: var(--blue);
}

.fc_accordiun-head h5 {
    color: var(--blue);
    font-size: 15px;
    font-family: var(--GT-America);
}

.fc_accordiun-wrap {
    overflow: auto;
    margin-bottom: 20px;
}

.fc_accordiun .fc_plus img {
    width: 12px;
}

.fc_accordiun .fc_plus .minus_img {
    display: none;
}

.fc_accordiun.active_obj .fc_plus .plus_img {
    display: none;
}

.fc_accordiun.active_obj .fc_plus .minus_img {
    display: block;
}

.fc_accordiun-body.active_obj {
    height: 100%;
    display: block;
    /* border-bottom: 1px solid var(--brown); */
}

.fc_accordiun.active_obj .fc_accordiun-body {
    height: 100%;
    display: block;
    border-bottom: 1px solid var(--brown);
}

.fc_accordiun-head {
    border-bottom: 1px solid var(--brown);
    padding: 10px 15px;
}

.fc_accordiun-body {
    padding: 10px 15px;
    display: none;
    height: 0;
    transition: all 0.5s;
}

.fc_accordiun-body .fc_a-check .form-check .form-check-input {}

.fc_a-check .form-check-label {
    font-size: 15px;
    color: var(--blue);
    font-family: var(--GT-Alpina-s-r);
}

.fc_size .form-check-label {
    max-width: 85px;
    width: 85px;
    border: 1px solid var(--blue);
    text-align: center;
    margin-left: 10px;
}

.fc_size .form-check {
    display: flex;
    margin-bottom: 8px;
    align-items: center;
}

.fc_plus {
    position: relative;
}


.font-america {
    font-family: var(--GT-America);
}

.font-alpina-cl {
    font-family: var(--GT-Alpina-ac-l);
}

/* product-page-css */
.product-page-lable h1 {
    color: var(--brown);
    font-size: 30px;
    text-transform: uppercase;
    font-family: var(--GT-America);
}



.zoom_btn {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 23px;
}

.wrapper {
    position: relative;
    width: 100%;
    /* margin: 0 auto; */
    /* width: 550px; */
    /* padding-left: 150px; */
    display: flex;
    gap: 20px;
}

.img-selection {
    /* position: absolute;
    left: 0;
    top: 0; */
    width: 20%;
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.img-thumbnail:first-of-type {
    margin-top: 0;
}

.img-thumbnail {
    padding: 0 !important;
    border-radius: 0 !important;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    cursor: pointer;

    /* margin-top: 10px;
    width: 140px;
    height: 140px;
    border: 1px solid #ddd;
    cursor: pointer;
    transition: .3s ease;
    opacity: .5; */
}

.img-thumbnail:hover {
    opacity: 1;
}

.img-thumbnail.selected {
    opacity: 1;

}

.big-img {
    position: relative;
    /* width: 445px;
    height: 445px; */
    border: 1px solid #ddd;
    cursor: zoom-in;
    width: 80%;
    max-height: 870px;
    /* height: 870px; */
    overflow: hidden;
}

.big-img img.zoom {
    position: absolute;
    transition: width 0.2s ease-out, opacity 0.2s ease-out 0.2s;
}

.display-img {
    width: 100%;
}

.product-p-big {
    position: relative;
}

.ppa_color {
    gap: 15px;
    align-items: center;
}

.ppa_name {
    color: var(--blue);
    font-family: var(--GT-Alpina-ac-l);
    font-size: 30px;
}

.ppa_prise {
    color: var(--blue);
    font-size: 25px;
    font-family: var(--GT-America);
    display: flex;
    align-items: center;
}

.ppa_about {
    font-family: var(--GT-Alpina-s-r);
    color: var(--brown);
    font-size: 17px;
    line-height: 17px;
}

.ppa-color-box {
    width: 23px;
    height: 23px;
    cursor: pointer;
    border-radius: 50%;
}

.lsc_bar {
    padding: 0 8px;
    gap: 9px;
}

.m_lsc-btn {
    display: none;
}

.lsc_bar .com_btn-light:hover,
.lsc_bar .com_btn:hover,
.ssc_footer .com_btn:hover {
    background-color: var(--brown);
    color: var(--white);
}

.lsc_bar .select_size {
    background-color: transparent;
}

.lsc_bar .com_btn {
    flex: 1;
    border: 1px solid var(--brown);
    transition: all 0.5s;
    font-size: 22px;
    line-height: 36px;
    text-decoration: none;
    text-align: center;
    display: block;
}

.product_page-content {
    background-color: #f8f6f3;
}

.lsc_bar .com_btn-light {
    background-color: var(--light-pink);
}

.d_code {
    font-family: var(--GT-Alpina-ac-li);
    font-size: 16px;
    color: var(--blue);
    background-color: #f3eee8;
    height: 30px;
    display: block;
    margin-left: 15px;
    padding: 2px 5px;
    border: 1px solid #4e352438;
}

.d_few {
    font-size: 17px;
    font-family: var(--GT-Alpina-ac-li);
    color: var(--blue);
    margin-left: 15px;
    display: flex;

    align-items: center;
}

.lsc_bar .lsc_book {
    width: 40px;
    border: 1px solid var(--brown);
    display: flex;
}

.ssc_footer .lsc_bookmark .bookmark {
    width: 14px;
    height: 22px;
}

.ssc_footer .lsc_book {
    width: 30px;
}

.ssc_footer .lsc_bookmark .bookmark::after {
    bottom: -8px;
    left: 0;
    width: 13px;
    height: 13px;
}

.lsc_bookmark {
    margin: auto;
    height: 26px;
    padding: 2px;
}

.lsc_bookmark input[type="checkbox"] {
    display: none;
}

.lsc_bookmark .bookmark {
    width: 19px;
    height: 26px;
    border: 1px solid var(--brown);
    /* Border color */
    position: relative;
    display: inline-block;
    cursor: pointer;
    overflow: hidden;
    border-bottom: 0;
    background: none;
}

.lsc_bookmark .bookmark::after {
    content: "";
    position: absolute;
    bottom: -11px;
    left: 2%;
    transform: rotate(45deg);
    width: 17px;
    height: 17px;
    background: #fff;
    border-left: 1px solid var(--brown);
    border-top: 1px solid var(--brown);
}

.lsc_bookmark input[type="checkbox"]:checked+.bookmark {
    background: var(--brown);
    /* Fill color */
}

.lsc_bookmark input[type="checkbox"]:checked+.bookmark::after {
    border-bottom-color: var(--white)
}

.isc_accordiun .fc_accordiun-head h5,
.fc_a-content p,
.cus_edit-ll {
    color: var(--brown);
    font-family: var(--GT-Alpina-s-r);
    font-size: 17px;
}

.fc_a-content p {
    font-size: 17px;
    line-height: 17px;
}

.isc_accordiun .fc_accordiun-body {
    padding: 10px;
}

.isc_accordiun .fc_accordiun-head {
    padding: 10px;
}

.isc_accordiun.active_obj .fc_accordiun-head {
    border-bottom: transparent;
}

.gtl_main {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
    gap: 10px;
}

.gtl_box-lable {
    font-size: 17px;
    font-family: var(--GT-America);
    text-align: center;
    display: flex;
    padding: 15px 0;
    justify-content: center;
    color: var(--blue);
}

.gtl_b-lable-prise {
    color: var(--brown);
}

.gtl_box-img {
    border: 1px solid #E5D9CB;
    width: 100%;
    display: flex;
    height: 460px;
    background-color: #e2e2e2;
    position: relative;
}

.gtl_box-img .gtl_model-btn {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.gtl_box-img img {
    margin: auto;
    width: auto;
    height: fit-content;
}

.gtl_lable h4 {
    font-size: 25px;
    color: var(--blue);
    font-family: var(--GT-America);
    text-decoration: none;
}

.fc_lable .com_btn {
    font-size: 17px;
    border: 1px solid transparent;
    font-family: var(--GT-Alpina-ac-li);
    /* padding: 0 50px; */
    background-color: transparent;
    text-transform: capitalize;
    text-decoration: underline;
}

.select_s_active-effect .fc_lable,
.select_sc_active-effect .fc_lable,
.htm_active-effect .fc_lable,
.gtl_active-effect .fc_lable,
.edit-item-effect .fc_lable,
.your-bag-effect .fc_lable {
    border-bottom: 1px solid var(--blue);
}

.htm_c-lable {
    font-size: 15px;
    color: var(--blue);
    font-family: var(--GT-Alpina-ac-l);
}

.htm_c-img {
    width: 100%;
    display: flex;
    border: 1px solid var(--brown);
}

.htm_c-img img {
    width: 100%;
    margin: auto;
}

.htm_content {
    font-size: 12px;
    color: var(--brown);
    font-family: var(--GT-Alpina-s-r);
}

.htm_active-effect .burger_btn {
    text-align: left;
}

.htm_active-effect .burger_btn button {
    border: none;
    background-color: transparent;
}

.htm_model-btn {
    cursor: pointer;
}

.edit-item-effect .ss_bar-c-fit .ss_bc-box {
    margin-bottom: 5px;
}

.edit-item-effect .search_body-wrap {
    height: 100%;
}

.ss_bar-cus-link a {
    color: var(--blue);
    font-family: var(--GT-America);
    font-size: 15px;
    display: flex;
    align-items: center;
    text-decoration: none;
}

.ss_bar-tab-btn {
    gap: 15px;
}

.ss_bar-tab-btn .com_btn {
    flex: 1;
    font-size: 15px;
    padding: 2px;
    border: 1px solid var(--brown);
}

.greter_link {
    font-size: 10px;
    font-family: var(--GT-Alpina-s-r);
    text-align: center;
    display: block;
    color: var(--brown);
    cursor: pointer;
    padding: 5px 0;
}

.ss_bar-toggle #container {
    width: 600px;
    margin: 80px auto;
    counter-reset: button-counter;
    grid-template-columns: repeat(3, 1fr);
}

.toggle-button-container {
    /* position: relative;
    width: 200px;
    height: 140px;
    box-sizing: border-box; */
}

.ss_bar-toggle .toggle-button {
    position: relative;
    height: 70px;
    /* margin: 20px; */
    background-color: transparent;
    /* box-shadow: 0 10px 20px -8px #c5d6d6; */

}

.ss_bar-toggle .toggle-button:before {
    counter-increment: button-counter;
    content: counter(button-counter);
    position: absolute;
    right: 0;
    bottom: 0;
    /* color: #d7e3e3; */
    color: transparent;
    font-size: 12px;
    line-height: 1;
    padding: 5px;
}

.ss_bar-toggle .knob,
.ss_bar-toggle .btn-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.ss_bar-toggle .btn {
    position: relative;
    top: 50%;
    width: 58px;
    height: 28px;
    margin: -20px auto 0 auto;
    border-radius: 0 !important;
    overflow: hidden;
    padding: 0;
}

.ss_bar-toggle .btn.btn-pill {
    /* border-radius: 100px; */
    border: 1px solid var(--brown);
}

.ss_bar-table main {
    display: flex;
}

.ss_bar-table main>* {
    border: 1px solid;
}

.ss_bar-table table {
    border-collapse: collapse;
    font-family: helvetica
}

.ss_bar-table {
    margin-top: 7px;
}

.ss_bar-table td,
.ss_bar-table th {
    border: 1px solid;
    padding: 8px 15px;
    text-transform: uppercase;
    background: white;
    box-sizing: border-box;
    text-align: left;
    font-family: var(--GT-America);
    font-size: 15px;
    color: var(--blue);
}

.ss_bar-table .table-container {
    position: relative;
    /* max-height:  300px;
  width: 500px; */
    width: 100%;
    overflow-x: auto;
}

.ss_bar-table thead th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2;
    background: hsl(20, 50%, 70%);
}

.ss_bar-table thead th:first-child {
    left: 0;
    z-index: 3;
}

.ss_bar-table tfoot {
    position: -webkit-sticky;
    bottom: 0;
    z-index: 2;
}

.ss_bar-table tfoot td {
    position: sticky;
    bottom: 0;
    z-index: 2;
    background: hsl(20, 50%, 70%);
}

.ss_bar-table tfoot td:first-child {
    z-index: 3;
}

.ss_bar-table tbody {
    overflow: scroll;
    height: 200px;
}

.ss_bar-table tr> :first-child {
    position: -webkit-sticky;
    position: sticky;
    /* background: hsl(180, 50%, 70%); */
    left: 0;
}

.ss_bar-table tr th:nth-child(odd) {
    background-color: var(--light-pink);
}

tbody,
td,
tfoot,
th,
thead,
tr {
    border-color: var(--brown) !important;
}

.ss_bar-table tr> :first-child {
    /* box-shadow: inset 0px 1px black; */
    max-width: 200px;
    min-width: 140px;
}

.model_sc-head {
    margin: -16px;
    border: 1px solid var(--brown);
    background-color: var(--light-pink);
}

.model_sc-head h2 {
    font-size: 18px;
    color: var(--brown);
    padding: 10px;
    margin: 0;
    font-family: var(--GT-America);
}

.ss_bar-toggle .checkbox {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}

.ss_bar-toggle .knob {
    z-index: 2;
}

.ss_bar-toggle .btn-bg {
    width: 100%;
    background-color: #ebf7fc;
    transition: 0.3s ease all;
    z-index: 1;
}

/* Button 1 */
.sc_box-inner #button-1 .knob:before {
    content: 'IN';
}

.sc_box-inner #button-1 .checkbox:checked+.knob:before {
    content: 'CM';
}

#button-1 .knob:before {
    content: "CM";
    position: absolute;
    top: 0;
    left: 0px;
    width: 50%;
    height: 100%;
    color: var(--brown);
    font-size: 15px;
    font-family: var(--GT-America);
    font-weight: bold;
    text-align: center;
    display: flex;
    justify-content: center;
    line-height: 1;
    align-items: center;
    /* padding: 9px 4px; */
    background-color: var(--light-pink);
    border-radius: 0;
    transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}

#button-1 .checkbox:checked+.knob:before {
    content: "INCH";
    left: 50%;
    background-color: var(--light-pink);
}

#button-1 .checkbox:checked~.btn-bg {}

#button-1 .knob,
#button-1 .knob:before,
#button-1 .btn-bg {
    transition: 0.3s ease all;
}

.ss_bar-tab-btn .com_btn.active,
.ss_bar-tab-btn .com_btn:hover {
    background-color: var(--light-pink);
    color: var(--brown);
}

.ss_bar-cus-link a:hover {
    text-decoration: underline;
}

.ss_bar-lable {
    font-size: 15px;
    color: var(--blue);
    font-family: var(--GT-America);
}

.ss_bc-box {
    border: 1px solid var(--blue);
    color: var(--blue);
    cursor: pointer;
    text-align: center;
}

.oos-bc-box {
    background-color: var(--light-pink);
}

.ss_bc-box span {
    font-size: 15px;
    font-family: var(--GT-Alpina-s-r);
    display: block;
    line-height: 21px;
    /* height: 24px; */
    padding-top: 2px;
}

.ss_bar-c-fit .ss_bc-box {
    margin-bottom: 10px;
    max-height: 24px;
}

.ss_bar-c-fit {
    width: 100%;
    /* max-width: 153px; */
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
    gap: 6px;
}

.ss_bar-c-size {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(23%, 1fr));
    gap: 6px;
}

.ssc_footer .com_btn {
    width: 100%;
    font-size: 17px !important;
    /* background-color: var(--light-pink); */
    color: var(--brown);
    line-height: 26px;
    border: 1px solid var(--brown);
}

.oos_notify-btn .com_btn {
    background-color: var(--light-pink);
}

.oos_error-lable {
    font-size: 16px;
    color: var(--red);
    font-family: var(--GT-Alpina-s-r);
    display: block;
    text-align: center;
}

.gtl_c-img {
    min-width: 124px;
    max-width: 124px;
    display: flex;
    height: 149px;
    border: 1px solid var(--blue);
}

.gtl_active-effect .gtl_c-content .com_btn {
    height: 28px;
    width: 81px;
    font-size: 15px !important;
    padding: 6px !important;
    line-height: 15px;
    max-width: 81px;
}

.gtl_active-effect .gtl_c-img {
    margin-right: 10px;
}

.gtl_active-effect .lsc_bookmark .bookmark::after {
    width: 10px;
    height: 10px;
    bottom: -4px;
    left: 10%;
}

.gtl_active-effect .lsc_bookmark .bookmark {
    width: 14px;
    height: 22px;
}

.gtl_active-effect .lsc_bar .lsc_book {
    width: 30px;
    height: 28px;
}

.gtl_c-img img {
    height: -webkit-fill-available;
    margin: auto;
}

.gtl_c-lable,
.gtl_c-ss {
    font-size: 14px;
    font-family: var(--GT-Alpina-ac-l);
    color: var(--brown);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 27ch;
}

.gtl_c-ss {
    font-size: 10px;
}

.gtl_c-content .com_btn {
    font-size: 15px;
    max-width: fit-content;
    /* width: 115px; */
    padding: 6px 20px;
    background-color: var(--light-pink);
}

.gtl_c-tag {
    font-size: 15px;
    color: var(--brown);
    font-family: var(--GT-America);
}

/* your-bane-css */
.note_box {
    /* font-size: 25px; */
    color: var(--brown);
    text-transform: uppercase;
}

.page_head h1 {
    color: var(--blue);
    font-family: var(--GT-America);
    font-size: 30px;
}

.note_box {
    border: 1px solid var(--brown);
}

.note_box span {
    color: var(--brown);
    font-family: var(--GT-America);
    font-size: 25px;
}

.com_b-box {
    border: 1px solid var(--brown);
    padding: 28px 13px;
    text-align: center;
}

.payment_wrap .bag_p-img {
    min-width: 223px;
    max-width: 223px;
    height: 267px;
    background-color: #E6E6E6;
}

.bag_p-img {
    min-width: 170px;
    max-width: 170px;
    border: 1px solid var(--blue);
    display: flex;
    height: 220px;
    margin-right: 15px;
}

.m_cb-box .bag_p-img {
    max-width: 189px;
    min-width: 189px;
    height: 226px;
}

.bag_p-img img {
    margin: auto;
    height: -webkit-fill-available;
    ;
}

.payment_wrap .bag_p-name {
    font-size: 24px;
}

.payment_wrap .bag_p-code {
    font-size: 17px;
}

.cab_bar-lable {
    font-size: 17px;
    color: var(--brown);
    font-family: var(--GT-Alpina-s-r);
}

.cab_bar-con,
.sc_inner-lable {
    font-family: var(--GT-America);
    font-size: 25px;
    color: var(--blue);
    line-height: 25px;
}

.cab_total .cab_bar-lable {
    line-height: 20px;
}

.cab_check .form-check {
    line-height: 15px;
}

.cab_check .cab_bar-con {
    color: var(--blue);
}

.cab_check .form-check-input {
    width: 15px;
    height: 15px;
    margin-bottom: 2px;
}

.pay_m-box {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
    gap: 18px 22px;
}

.pay_icon-box {
    border: 1px solid var(--brown);
    display: flex;
    justify-content: center;
    height: 47px;

}

.pay_cus-link a {
    font-size: 19px;
    color: var(--brown);
    padding-bottom: 10px;
    opacity: 62%;
    font-family: var(--GT-Alpina-s-r);
    display: block;
}

.pay_cus-link textarea {
    height: 200px;
    border: 1px solid #8f7e7394;
    padding: 20px 10px;
    font-size: 20px;
    font-family: var(--GT-Alpina-s-r-i);
    color: var(--brown);
    width: 100%;
}

.pay_cus-link textarea::placeholder {
    color: var(--brown);
}

.forget_link {
    position: absolute;
    right: 10px;
    top: 15px;
}

.pay_icon-box.active {
    background-color: var(--light-pink);
}

.pay_icon-box img {
    max-width: 55%;
    height: min-content;
    margin: auto;
}

.pay_icon-box span {
    font-family: var(--GT-America);
    font-size: 24px;
    display: flex;
    align-items: center;
    margin: auto;
    text-align: center;
    color: var(--brown);
}

.cab_bar .form-check-label {
    color: var(--blue);
    font-size: 17px;
    font-family: var(--GT-Alpina-s-b);
}

.bag_p-name {
    font-family: var(--GT-Alpina-ac-l);
    font-size: 25px;
    color: var(--brown);
    line-height: 20px;
    /* max-width: 25ch; */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* display: inline-block; */
}

.bag_p-tag {
    font-family: var(--GT-America);
    font-size: 25px;
    text-transform: uppercase;
    color: var(--brown);
    display: block;
}

.bag_p-qty-tag {
    font-family: var(--GT-America);
    font-size: 22px;
    padding-right: 10px;
    color: var(--brown);
    white-space: nowrap
}

.bag_p-code {
    font-size: 20px;
    color: var(--brown);
    font-family: var(--GT-Alpina-s-r);
}

.bag_p-qty {
    border: 1px solid var(--brown);
    width: 125px;
    height: 40px;
}

.bag_p-qty button {
    border: none;
    background-color: transparent;
    width: 40%;
    display: flex;
    height: 20px;
    cursor: pointer;
    text-align: center;
}

.bag_p-qty .bag_p-ic {
    border: none;
    width: 20%;
    text-align: center;
    font-size: 22px;
    background-color: transparent;
    font-family: var(--GT-America);
    color: var(--brown);
}

.bag_p-qty img {
    width: 9px;
    margin: auto;
    object-fit: contain;
}

.bag_p-qty-box .com_btn {
    border: 1px solid var(--brown);
    font-size: 22px;
    min-width: 123px;
    background-color: transparent;
    line-height: 12px;
    height: 40px;
    transition: all 0.5s;
}

.bag_p-qty-box .com_btn:hover {
    background-color: var(--blue);
    color: var(--white);
}

.bag_d-btn {
    border: 0;
    width: 25px;
    min-width: 25px;
    background-color: transparent;
    display: flex;
}

.bag_p-content {
    width: 100%;
    overflow: hidden;
}

.bag_pp-input {
    font-family: var(--GT-Alpina-ac-li);
    font-size: 18px;
    color: var(--brown);
    background-color: transparent;
    width: 100%;
    padding: 8px 15px;
    border: 1px solid var(--brown);
}

.bag_pp-input::placeholder {
    font-size: 18px;
}

input:focus-within {
    outline: none;
}

.al_roduct-img {
    border: 1px solid var(--brown);
    max-width: 230px;
    height: 270px;
    background-color: #E6E6E6;
}

.al_roduct-img img {
    height: -webkit-fill-available;
}

.al_pro-lable {
    color: var(--brown);
    font-family: var(--GT-Alpina-ac-l);
    font-size: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.al_pro-tag {
    color: var(--brown);
    font-family: var(--GT-Alpina-s-r);
    font-size: 14px;
}

.al_product-box {
    max-width: 230px;
}

.al_product-content .bag_p-qty-tag {
    font-size: 12px;
}

.al_product-content .bag_p-qty .bag_p-ic {
    font-size: 12px;
}

.al_product-content .bag_p-qty {
    height: 28px;
    width: 81px;
}

.al_product-content .bag_p-qty-box .com_btn {
    font-size: 15px;
    min-width: 71px;
    height: 28px;
}

.al_product-content .bag_d-btn {
    background-color: transparent;
}

.al_product-content .bag_d-btn:focus-visible {
    box-shadow: none;
}

.al_product-content .bag_d-btn img {
    width: 18px;
}

.small_yl_slider {
    margin-left: -8px;
}

.yl_slider .slick-slider,
.small_yl_slider .slick-slider {
    margin: 0 -15px;
}

.yl_slider .slick-slide,
.small_yl_slider .slick-slide {

    text-align: center;
    margin-right: 8px;
    margin-left: 8px;
}

.yl_slider .slick-list {
    /* overflow: unset !important; */
}

.s_options {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    width: 100%;
}

.edit-item-effect .ssc_footer .com_btn {
    font-size: 15px;
    background-color: var(--light-pink);
}

.tabbing_wrap-bar {
    gap: 15px;
    margin: 35px 0;
}

.tabbing_wrap-bar .com_btn {
    flex: 1;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    font-size: 25px;
    border: 1px solid var(--brown);
}

.or_bracker {
    padding: 50px 0 33px;
}

.or_bracker p {
    font-family: var(--GT-Alpina-ac-l);
    font-size: 25px;
    text-align: center;
    color: var(--brown);
}

.tabbing_wrap-bar .com_btn.active,
.pl-t-btn button.active,
.cb_a-header .com_btn.active {
    background-color: var(--light-pink);
}

.cus_lable-bar .form-check-label {
    cursor: pointer;
    text-decoration: underline;
}

.cus_lo-bar .form-check-lo,
.cus_lable-bar .form-check-label {

    font-size: 17px;
    font-family: var(--GT-Alpina-s-r);
    color: var(--brown);
}

.lcus_lable {
    font-family: var(--GT-America);
    font-size: 25px;
    color: var(--blue);
    margin-left: 10px;
}

.lcus_lable:hover {
    color: var(--brown);
}

.e_con-bar .e_con-bar-tag {
    font-family: var(--GT-Alpina-s-r);
    font-size: 28px;
    color: var(--blue);
}

.e_con-bar .e_con-l-lable {
    color: var(--brown);
    font-family: var(--GT-Alpina-s-r);
    opacity: 62%;
    font-size: 22px;
    display: block;
}

.e_con-bar .com_btn {
    color: var(--blue);
    border: none;
    font-size: 26px;
    text-decoration: underline;
}

.e_con-bar .e_con-content {
    font-size: 22px;
    font-family: var(--GT-Alpina-s-r);
    color: var(--brown);
    line-height: 22px;
}

.check_add-box .check_add-lable {
    font-size: 25px;
    color: var(--brown);
    font-family: var(--GT-America);
    margin-bottom: 25px;
}

.check_add-lable img {
    width: 12px;
}

.wl_p-img {
    width: 230px;
    min-width: 230px;
    height: 280px;
    display: flex;
    border: 1px solid var(--brown);
}

.wl_p-img img {
    width: auto;
    margin: auto;
    height: -webkit-fill-available;
}

.wl_p-bar {
    padding: 30px 0;
    position: relative;
    border-bottom: 1px solid var(--brown);
}

.wl_p-bar:nth-last-child(1) {
    border: none;
}

.wl_right-btn {
    position: absolute;
    right: 0;
    top: 15px;
}

.wl_right-btn button {
    border: none;
    background-color: transparent;
}

.wl_p-bar-inner {
    max-width: 700px;
    width: 100%;
}

.wl_p-footer .com_btn {
    width: 100%;
    border: 1px solid var(--brown);
    background-color: var(--light-pink);
    transition: all 0.5s;
}

.wl_p-footer .com_btn:hover {
    background-color: var(--brown);
    color: var(--white);
}

.wt_history {
    overflow-x: auto;
    margin: 50px 0;
}

.wt_history table thead tr th {
    color: var(--blue);
    font-family: var(--GT-America);
    font-size: 27px;
    text-align: center;
    height: 77px;
    padding: 0 10px;
    line-height: 30px;
    background-color: var(--white);
    font-weight: 100;
    min-width: 130px;
    max-width: 130px;
    vertical-align: middle;
}

.wt_history table tbody tr td {
    height: 77px;
    text-align: center;
    vertical-align: middle;
    font-family: var(--GT-Alpina-s-r);
    color: var(--brown);
    font-size: 20px;
}

.wt_history thead th:nth-child(odd),
.wt_history tbody tr td:nth-child(odd) {
    background-color: var(--light-pink);
}

.redeem_box-wrap .field_bar .field_input input {
    font-size: 18px;
}

.redeem_box-wrap .field_bar .field_input input::placeholder,
.redeem_box-wrap .field_bar .field_input textarea::placeholder {
    font-size: 18px;
}

.redeem_box-wrap .redeem_lable,
.main_lable h1 {
    font-size: 30px;
    color: var(--blue);
    font-family: var(--GT-Alpina-ac-l);
}

.wlt_img {
    position: absolute;
    top: 60px;
    right: 0;
    width: 550px;
    z-index: 0;
}

.redeem_box-wrap {
    z-index: 9;
    position: relative;
}

.cus_bg-img {
    /* background-image: url(../images/dashboard/account/wallet.png);
    background-size: contain;
    background-position: top right;
    background-repeat: no-repeat; */
}

.choose_bar {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(18%, 1fr));
    gap: 10px;
}

.choose_box.active {
    background-color: var(--light-pink);
    border: 1px soli var(--light-pink);
}

.choose_box {
    border: 1px solid var(--brown);
    text-align: center;
    padding: 2px;
    display: flex;
    height: 32px;
    cursor: pointer;
}

.other_amount-box {
    border: 1px solid var(--brown);
    display: none;
}

.other_amount-box span {
    width: 70px;
    min-width: 70px;
    text-align: center;
    padding: 10px;
    display: block;
    background-color: var(--light-pink);
}

.other_amount-box input {
    margin: 0 15px;
    width: 100%;
    border: none;
}

.other_amount-box span,
.other_amount-box input {
    font-size: 15px;
    color: var(--brown);
    font-family: var(--GT-Alpina-ac-li);
}

.other_amount-box input::placeholder {
    color: var(--brown);
}

.choose_box:hover {
    background-color: var(--light-pink);
    border: 1px solid var(--light-pink);
}

.choose_box span {
    font-size: 17px;
    font-family: var(--GT-Alpina-ac-li);
    display: block;
    color: var(--brown);
    margin: auto;
}

.gift_c-img {
    min-width: 210px;
    max-width: 210px;
    height: 260px;
    border: 1px solid var(--brown);
    background-color: var(--light-pink);
    display: flex;
    margin-right: 15px;
}

.gift_c-img span {
    margin: auto;
}

.img-placholder,
.gift_c-lable {
    font-size: 17px;
    font-family: var(--GT-Alpina-ac-li);
    color: var(--brown);
}

.gift_c-data {
    color: var(--brown);
    font-size: 10px;
    font-family: var(--GT-Alpina-s-r);
}

.redeem_box-wrap .field_bar .field_lable h6 {
    font-size: 25px;
}

.redeem_box-wrap .field_bar textarea {
    border: 1px solid var(--brown);
    width: 100%;
    padding: 10px;
}

.sc_com-btn {
    gap: 15px;
    margin-bottom: 15px;
}

.sc_com-btn button {
    flex: 1;
    font-size: 25px;
    border: 1px solid var(--brown);

}

.sc_com-btn .ch_co-btn {
    background-color: var(--light-pink);
}

.share_option-wra {
    overflow: hidden;
}

.share_option-wra button {
    border: none;
    background-color: transparent;
}

.share_link-bar {
    max-width: 700px;
    display: flex;
    margin: 0 auto;
}

.share_link-bar a {
    flex: 1;
    text-align: center;
}

.share_option-wra::after {
    content: '';
    position: absolute;
    left: -10px;
    top: -10px;
    transition: rtransf;
    width: 20px;
    height: 20px;
    background-color: var(--brown);
    transform: rotate(45deg);
}



/* size-cart-css */
.sc_box-inner {
    border: 1px solid var(--brown);
    padding: 15px;
}

.sc_bar-com span {
    color: var(--brown);
    font-size: 18px;
    height: 30px;
    margin: 0 5px 5px;
    margin-right: 5px;
    float: left;
    line-height: 20px;
    vertical-align: middle;
    text-align: center;
    padding: 4px 5px;
    border: 1px solid var(--brown);
    /* float: left; */
    font-family: var(--GT-Alpina-s-r);
    cursor: pointer;
}

.sc_box-inner .form_com-btn-wrap {
    margin: -15px;
}

.sc_box-inner .form_com-btn-wrap .form_com-btn {
    font-size: 15px;
}

.sc_bar-com span.selected,
.sc_bar-com span:hover {
    background-color: var(--light-pink);
}

.sc_bar-n {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(13%, 1fr));
    gap: 10px;
}

.sc_box-inner .ss_bar-toggle .toggle-button,
.sc_box-inner .ss_bar-toggle .btn {
    height: 26px;
    width: 60px;
}

.sc_bar-n span {
    margin: 0;
}

.custom_size-od .sc_bar-x span {
    font-size: 12px;
    height: 20px;
    line-height: 12px;
}

.sc_box-inner .sc_bar-com span {
    /* font-size: 12px; */
    margin-right: 0;
    white-space: nowrap;
}

.sc-grid .sc_box-inner {
    max-width: 590px;
    display: none;
    margin-bottom: 38px;
}

.sc-box.active .sc_box-inner {
    display: block;
}

.sc-box.active .sc_lable-ar {
    transform: rotate(180deg);
}

.sc-grid .sc-box {
    border-bottom: 1px solid var(--brown);
    cursor: pointer;
}

.sc-grid .sc_lable {
    font-size: 25px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sc_lable-ar {
    width: 15px;
    margin-right: 10px;
}

.sc_bar-x {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: -5px;
}

.sc_box-inner .ss_bar-toggle .btn {
    margin: -29px auto 0 auto;
}

.sc_cb-lable {
    font-size: 16px;
    font-family: var(--GT-Alpina-s-r);
    margin: 0;
}

.sc_cb-lable img {
    width: 12px;
    padding-left: 3px;
}

.cus_dc {
    gap: 10px;
}

.cus_selector {
    position: relative;
    margin-left: 10px;
}

.cb_sc-box .sc_cb-lable {
    font-size: 20px;
}

.s_arrow {
    position: absolute;
    top: 1px;
    background: #fff;
    width: 25px;
    right: 4px;
    padding: 0 0 0 5px;
    height: 18px;
}

.cus_selector .form-select {
    background-image: none;
    font-size: 12px;
    border: 1px solid var(--brown);
    border-radius: 0;
    padding: 0 10px;
    min-width: 130px;
    width: 130px;
    font-family: var(--GT-Alpina-s-r);
    font-size: 12px;
}

.cus_selector .form-select:focus {
    box-shadow: none;
}

.cus_s-input input {
    width: 65px;
    border: 1px solid var(--brown);
    text-align: center;
    font-family: var(--GT-Alpina-s-r);
    font-size: 12px;
}

.cus_s-input input::placeholder,
.cs_wrap-two a.sc_inner-lable:hover {
    color: var(--brown);

}

.sc_cl-lable {
    font-family: var(--GT-Alpina-ac-l);
    font-size: 30px;
    color: var(--blue);
    margin: 0;
}

.cs_c-link {
    font-size: 25px;
    font-family: var(--GT-Alpina-s-r);
    color: var(--brown);
    cursor: pointer;
}

.cs_c-link:hover {
    color: var(--blue);
}

.vem_btn span {
    text-decoration: underline;
    cursor: pointer;
}

.cus_edit-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;

}

.cus_edit-bar:nth-child(odd) {
    background-color: var(--light-pink)
}

.jo_active-effect .form_com-btn-wrap .com_btn {
    background-color: var(--light-pink);
    width: 100%;
    font-size: 30px;
    border: 0;
}

.dvdr {
    width: 100%;

    border-bottom: 1px solid var(--brown);
    /* background-color: var(--brown); */
}

/* custome-builder-css */
.cb_inner {
    display: flex;
    position: relative;
}

.cb_c-box {
    flex: 1;
}

.cb_c-box .fc_accordiun-wrap,
.cb_sc-box,
.cb_sc-conferm {
    margin-top: 50px;
}

.cb_a-header input[type="radio"] {
    display: none;
}

.cb_inner-tabs .cb_a-main {
    display: none;
}

.cb_a-header {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(48%, 1fr));
    gap: 10px;
    border: 0;
}

.cb_a-header .nav-link {
    border-radius: 0;
}

.cb_a-header .nav-link.active {
    border-color: var(--brown);
}

.cb_a-main {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(32%, 1fr));
    gap: 10px;
}

.cb_a-box {
    border: 1px solid var(--brown);
    text-align: center;
    position: relative;
    padding: 10px 0;
}

.cb_a-box .info-btn {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

.cb_a-box.select {
    background-color: var(--light-pink);
}

.pl_preview {}

.cb_a-color .fc_ac-check {
    grid-template-columns: repeat(auto-fill, minmax(22%, 1fr));
}

.cb_c-box .fc_accordiun-head {
    border: none;
}

.cb_c-box .fc_accordiun {
    border-bottom: 1px solid var(--brown);
}

.cb_c-box .fc_accordiun.active_obj .fc_accordiun-body {
    border: none;
}

.cb_ac-box span,
.cb_c-box .fc_accordiun-head h5 {
    font-size: 20px;
    color: var(--blue);
    font-family: var(--GT-America);
}

.cb_ac-box span {
    padding: 0 5px;
}

.pl_tab {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
}

.pl_grid-wrap {
    padding-top: 50px;
}

.pl_preview-box {
    border: 1px solid var(--blue);
    display: flex;
    height: 530px;
    width: 90%;
}

.pl_preview-box span {
    font-size: 22px;
    font-family: var(--GT-Alpina-s-r);
    color: var(--blue);
    display: block;
    margin: auto;
}

.pl_t-btn-left {
    width: 75%;
    gap: 10px;
}

.pl_tab {
    gap: 10px;
    z-index: 9;
}

.pl_t-btn-right {
    width: 25%;
}

.pl-t-btn {
    flex: 1;
}

.pl-t-btn .com_btn,
.cb_a-header .com_btn {
    width: 100%;
    border: 1px solid var(--brown);
}

.pl-t-btn .com_btn:hover,
.cb_a-header .com_btn:hover {
    background-color: var(--light-pink);
}

.pl_wrid-wrap,
.sc_box-inner,
.cb_sc-conferm {
    overflow: auto;
}

.cb_c-box .fc_accordiun-wrap,
.cb_sc-conferm,
.pl_wrid-wrap {
    height: 430px;
    overflow: auto;
}

.cb_sc-box .sc_box-inner {
    height: 430px;
}

.cus_edit-input input {
    font-size: 18px;
    font-family: var(--GT-Alpina-s-r);
    color: var(--brown);
    border: none;
}

.cus_edit-input input::placeholder {
    color: var(--brown);
}

.pl_wrid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(32%, 1fr));
    gap: 10px;

}

.pl_wrid-footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: var(--blue);
    padding: 10px;
}

.pl_wrid-footer .pl-f-lable {
    color: var(--white);
    font-family: var(--GT-America);
}

.pl-f-lable-small {
    font-size: 15px;
}

.pl-f-lable-medium {
    font-size: 24px;
}

.pl_g-box {
    height: 145px;
    position: relative;
    /* width: 32%; */
    background-image: url(../images/custom-builder/plain-bg.png);
    background-size: cover;
}

.pl_wrid-footer .com_btn {
    font-size: 16px;
    border: 1px solid var(--light-pink);
    background-color: var(--light-pink);
    padding: 5px 20px;
}

.info_btn {
    position: absolute;
    top: 10px;
    cursor: pointer;
    right: 10px
}

.pl_filter .data_search-input {
    width: auto;
}

.pl_filter .data_search-bar {
    gap: 10px;
}

.pl_filter .data_search-bar .filter_bar {
    min-width: 130px;
    padding: 3px 8px;
    border-radius: 5px;
}

.pl_filter .data_search-input {
    padding: 3px 8px;
    border-radius: 5px;
}

.cus_lable .com_btn {
    border: 1px solid var(--brown);
    background-color: var(--light-pink);
    padding: 0 10px;
}

.cb_img-box {
    border: 1px solid var(--brown);
    height: 430px;
    display: flex;
}

.cb_img-box img {
    margin: auto;
    height: auto;
}

.cb_drop-options {
    border: 1px solid var(--brown);
}

.c_builder-body {
    height: 100%;
    overflow: auto;
}

.cb_drop {
    position: relative;
}

.cb_drop-options {
    width: fit-content;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: var(--white);

}

.cb_app-btn .com_btn {
    background-color: var(--light-pink);
    border: 1px solid var(--brown);
    font-size: 15px;
    width: 100%;
}

.cb_font-bar .com_btn {
    border: 1px solid var(--brown);
    font-size: 15px;
    width: 45px;
}

.font-bar-lable {
    font-family: var(--GT-America);
    font-size: 15px;
    color: var(--blue);
}

.info_s-btn {
    cursor: pointer;
}

.cb_font-content p {
    font-size: 15px;
    font-family: var(--GT-Alpina-s-r);
    color: var(--brown);
}

.cb_font-content h3 {
    font-family: var(--GT-Alpina-s-r);
    font-size: 23px;
    color: var(--blue);
}

.cb_font-bar .com_btn.active {
    background-color: var(--light-pink);
}

.cb_drop-options span:hover {
    background-color: var(--light-pink);
}

.cb_drop-head {
    cursor: pointer;
}

.cancel_com-btn {
    text-align: center;
    background-color: transparent;
    border: none;
    font-size: 25px;
    text-decoration: underline;
    font-family: var(--GT-America);
    color: var(--brown);
    width: 100%;
    margin: 20px 0;
}

.small_modal {
    display: none;
    width: 320px;
    border: 1px solid var(--brown);
    padding: 0 15px;
    background-color: var(--white);
}

.cb_drop-options span {
    font-size: 12px;
    cursor: pointer;
    color: var(--brown);
    font-family: var(--GT-Alpina-s-r);
    display: block;
    transition: all 0.5s;
    padding: 10px 20px;
    border-bottom: 1px solid var(--brown);
}

.cb_size_table {
    border: 1px solid var(--brown);
}

.cbs_in-lable {
    font-size: 15px;
    font-family: var(--GT-America);
    color: var(--brown);
    line-height: 25px;
}

.cb_size_table .ss_bar-toggle .btn {
    width: 60px;
    height: 28px;
}

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

.cb_size_table .ss_bar-toggle .toggle-button {
    background-color: transparent;
    height: 34px;
}

.cbs_tab-row .f-size:nth-child(1) {
    border-right: 1px solid var(--brown);
}

.cbs_tab-row:nth-last-child(1) {
    border-bottom: 0;
}

.cbs_tab-row {
    border-bottom: 1px solid var(--brown);
}

.cb_size_table .ss_bar-toggle .btn {
    margin: -29px auto 0 auto;
}

.f-size {
    flex: 1;
}

.cb_size_table .form-select {
    border-radius: 0;
    border: 1px solid var(--brown);
    padding: 0 5px;
    font-family: var(--GT-America);
    color: var(--brown);
    width: 50px;
    height: 25px;
    background-position: right .1em center;
    background-color: var(--light-pink);
    /* text-align: center; */
}

.cbs_tab-head {
    background-color: var(--light-pink);
}

.font-small-lable {
    font-size: 12px;
    color: var(--blue);
    font-family: var(--GT-Alpina-s-r);
}

.cb_pro-content .font-small-lable {
    font-size: 15px;
}

.cb_pro-bar {
    padding: 6px 10px;
    border-bottom: 1px solid var(--blue);
}


/* category-page-css */

.cat_content-img {
    border: 1px solid var(--brown);
    /* margin-left: 3%;
    margin-right: 3%; */
}

.cat_content-img img {
    width: 100%;
}

.cat_pag-wrap .cus_lable {
    border-bottom: 2px solid var(--brown);
}

.cat_pag-lable {
    font-size: 60px;
    color: var(--blue);
    font-family: var(--GT-America);
    border-bottom: 1px solid var(--blue);
}

.cat_pag-details {
    font-size: 17px;
    line-height: 19px;
    padding: 40px 0;
    color: var(--brown);
    font-family: var(--GT-Alpina-s-r);
}

.cat_pag-details a {
    color: var(--blue);
    font-family: var(--GT-America);
}

.cat_data-bar .cut_grid-btn,
.cat_data-bar .filter_bar {
    border-radius: 4px;
}

.cat_data-bar .filter_bar {
    min-width: 129px;
    height: 47px;
    padding: 6px 15px;
}

.data_search-bar {
    gap: 10px;
}

.cut_grid-btn {
    width: 47px;
    height: 47px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.cut_grid-btn span {
    width: 14px;
    height: 14px;
    margin: 2px auto;
    border: 1px solid var(--blue);
}

.cut_grid-btn,
.filter_bar {
    border: 1px solid var(--blue);
    /* border-radius: 5px; */
    cursor: pointer;
}

.pp_img {
    border: 1px solid var(--light-pink);
    height: 340px;
    background-color: #f3f3f3;
    display: flex;
    position: relative;
    justify-content: center;
}

.pp_grid-two .pp_img {
    height: 420px;
}

.outer_wrap {
    background-color: #f8f6f3;
}

.pp_img .lsc_bookmark {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.lm_content {
    font-size: 15px;
    font-family: var(--GT-Alpina-s-r);
    color: var(--blue);
    text-decoration: none;
}

a.lm_content:hover {
    color: var(--brown);
}

.load_more .com_btn:hover {
    background-color: var(--blue);
    color: var(--white);
}

.load_more .com_btn {
    color: var(--blue);
    font-size: 25px;
    padding: 1px 8px;
    line-height: 26px;
    transition: all 0.5s;
    height: 30px;
    border: 1px solid #707070;
    background-color: transparent;
}

.pp_grid-two .pp_img .lsc_bookmark .bookmark {
    width: 17px;
    height: 32px;
}

.pp_grid-two .pp_img .lsc_bookmark {
    bottom: 15px;
}

.pp_grid-two .pp_img .pro_img {
    padding: 0 10px;
}

.pp_grid-two .pp_img .lsc_bookmark .bookmark::after {
    bottom: -9px;
    left: 0;
}

.pp_img .pro_img {
    /* margin: auto; */
    object-fit: cover;
    padding: 5px;
}

.offer-badge-bar {
    position: absolute;
    top: 0;
    padding: 20px 20px 0;
    left: 0;
    width: 100%;
}

.offer-badge-bar .offer-badge-lable {
    position: absolute;
    left: 50%;
    top: 3px;
    transform: translateX(-50%) !important;
    /* background: gray; */
    width: 65%;
    color: #fff;
}

.pp_img .lsc_bookmark .bookmark {
    width: 14px;
    height: 25px;
}

.pp_img .lsc_bookmark .bookmark::after {
    bottom: -11px;
    left: -1px;
    width: 15px;
    height: 15px;
}

.pp_grid-wrap {
    display: grid;
    gap: 30px 7px;
    grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
    transition: all 0.5s;
}

.pp_grid-two {
    grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr));
    transition: all 0.5s
}

.pp_box-lable {
    font-size: 20px;
    font-family: var(--GT-Alpina-ac-l);
    color: var(--brown);
    margin: 0;
    line-height: 25px;
}

.pp_box-details {
    font-size: 20px;
    font-family: var(--GT-America);
    color: var(--brown);
    margin: 0;
    line-height: 25px;
}
.pp_box-prise-wrap{
    display: flex;
}
.pp_box-cad,
.pp_box-line-through {
    font-size: 14px;
    font-family: var(--GT-Alpina-s-r);
    color: var(--brown);
    display: block;
    padding-top: 4px;
}
.pp_box-line-through{
    color: var(--blue);
    text-decoration: line-through;
    margin-right: 10px;
}

.pp_box-dot {
    margin: 5px 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.pp_box .lsc_bookmark .bookmark::after {
    /* background-color: #F8F6F3; */
}

.pp_box-dot .dot_def {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    border: 1px solid var(--blue);
    background-color: var(--white);
    margin-right: 5px;
    cursor: pointer;
}

.pp_box-dot .dot_def.active {
    background-color: var(--blue);
}

.offer-badge-com .offer-badge-lable {
    position: absolute;
    transform: translate(-50%, -50%) !important;
    left: 50%;
    top: 50%;
    width: 100%;
}

.offer-badge-com {
    position: absolute;
    top: -1px;
    left: 15px;
    width: 60px;
    height: 90px;

}

.offer-badge-lable {
    font-size: 14px;
    font-family: var(--GT-America);
    color: var(--brown);
    margin: auto;
    line-height: 16px;
    text-align: center;
}


/* admin-dashboard-css */
.admin_search-bar {
    padding: 10px 15px;
    border: 1px solid var(--brown);
    background-color: var(--white);
}

.admin-product-bar .slick-slider {
    margin: 0 -15px;
}

.admin-product-bar .slick-slide {

    margin-left: 15px;
}

.admin-product-bar .slick-list {
    margin-left: -15px !important;
}

.admin_search-bar input {
    border: none;
    color: var(--brown);
    font-size: 16px;
    font-family: var(--GT-Alpina-ac-l);
    background-color: transparent;
}

.admin_search-bar input::placeholder {
    color: var(--brown);
}

.product_box {
    width: 105px;
    min-width: 105px;
    height: 130px !important;
    padding: 10px;
    border: 1px solid var(--brown);
    transition: all 0.5s;
    cursor: pointer;
    position: relative;
}

.w-icon .product_box {
    height: 58px !important;
    align-items: center;
    display: flex !important;
    padding: 10px 5px;
    justify-content: center;
}

.pr-link {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.product_bar {
    /* display: flex;
    gap: 15px;
    overflow-x: auto; */
    margin-right: -15px;
}

.product_box:hover {
    background-color: var(--light-pink);
}

.product_img {
    text-align: center;
    height: 85%;
    display: flex;
}

.product_img img {
    margin: auto;
    width: auto;
    height: -webkit-fill-available;
}

.product_box-lable {
    color: var(--blue);
    font-family: var(--GT-America);
    display: block;
    text-align: center;
}

.user_data-wrap {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(48%, 1fr));
    gap: 15px;
}

.com_box {
    border: 1px solid var(--light-pink);
    background-color: var(--light-m-pink);
}

.com_box-lable {
    color: var(--brown);
    font-size: 16px;
    font-family: var(--GT-Alpina-ac-l);
}

.b-text {
    color: var(--blue);
    font-family: var(--GT-America);
    font-size: 10px;
}

.item_bar-img {
    width: 30px;
    height: 40px;
    display: flex;
    border: 1px solid var(--light-pink);
}

.item_bar-wrap {
    display: flex;
    flex-direction: column;
    gap: 5px;
    overflow: auto;
    max-height: 250px;
}

.ib_badge {
    font-size: 8px;
    font-family: var(--GT-America);
    color: var(--brown);
    min-width: 50px;
    width: max-content;
    line-height: 10px;
    text-align: center;
    margin: 0;
    background-color: var(--light-pink);
}

.ib_details {
    margin: 0;
    color: var(--brown);
    font-family: var(--GT-Alpina-ac-l);
    font-size: 10px;
}

.admin-dash-right,
.admin_refund-modal {
    background-color: var(--light-m-pink);
    border: 1px solid var(--brown);
    width: 30%;
    max-width: 407px;
    height: 100%;
    position: fixed;
    overflow: auto;
    right: 0;
    top: 0;
}

.admin-dr-head {
    padding: 15px 25px;
    border-bottom: 1px solid var(--brown);
}

.admin-dr-lable {
    color: var(--brown);
    font-family: var(--GT-Alpina-ac-l);
    font-size: 25px;
    line-height: 20px;
    cursor: pointer;
}

.admin-dr-top {
    height: inherit;
}

.admin-dr-head-right {
    position: relative;
}

.cart_number {
    position: absolute;
    font-size: 15px;
    font-family: var(--GT-America);
    color: var(--blue);
    transform: translate(-50%, -50%);
    left: 42%;
    top: 63%;
}

.order-number {
    color: var(--blue);
    font-family: var(--GT-America);
    font-size: 17px;
}

.emp_list-box .com_btn,
.customer_data-modal .com_btn {
    background-color: var(--brown);
    color: var(--white);
    border: 1px solid var(--brown);
    width: 100%;
    padding: 0 15px;
}

.customer_bar {
    border-bottom: 1px dashed var(--brown);
}

.user_avtar {
    width: 30px;
    height: 30px;
}

.emp_list-box .com_btn img {
    position: absolute;
    top: 12px;
    right: 15px;
}

.customer_name {
    color: var(--brown);
    font-family: var(--GT-Alpina-ac-l);
    font-size: 16px;
    line-height: 15px;
}

.customer_id {
    color: var(--brown);
    font-family: var(--GT-America);
    font-family: 16px;
    line-height: 15px;
}

.admin-dash-wrap {
    display: flex;
}

.admin-dash {
    /* max-width: 1366px; */
    margin: auto;
}

.customer_list {
    overflow: auto;
    height: inherit;
}

.customer_data-modal {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    margin: 15px 25px;
    display: none;
    padding: 15px;
    width: -webkit-fill-available;
    /* overflow: auto; */
    height: 85%;
    border: 1px solid var(--light-pink);
    background-color: var(--light-m-pink);
}

.admin-dr-footer .com_btn {
    background-color: var(--brown);
    border: 1px solid var(--brown);
    font-size: 17px;
    color: var(--white);
    width: 100%;
    padding: 10px;
}

.admin-dr-footer .com_btn.disable {
    opacity: 0.3;
}

.emty_box {
    padding: 0 0 15px;
    border-bottom: 1px dashed var(--brown);
}

.emty_box span {
    display: block;
    text-align: center;
    font-size: 16px;
    font-family: var(--GT-Alpina-ac-l);
}

.admin-dr-body {
    padding: 0 25px;
    height: 100%;
    overflow: auto;
    /* min-height: 400px; */
}

.sales_data-modal {
    padding: 5px 15px;
    border: 1px solid var(--brown);
    background-color: var(--light-pink);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 300px;
    max-height: 300px;
    z-index: 99;
    display: none;
}

.sales_c-list {
    overflow: auto;
    height: 275px;
}

.sales_c-bar {
    border-bottom: 1px dashed var(--brown);

}

.admin-side-bar {
    background-color: var(--light-pink);
    border: 1px solid var(--brown);
    min-width: 80px;
    height: 100vh;
    position: fixed;
    left: -80px;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: all 0.5s;
}

.admin-side-bar.comein {

    left: 0;
    box-shadow: -5px 0 29px -5px #333;
}

.side_bar-link {
    display: block;
}

.side-bar-head {
    padding: 30px 0;
    cursor: pointer;
}

.side-bar-conotent {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.item_nav .back_btn {
    background-color: var(--brown);
    border: 1px solid var(--brown);
    display: flex;
    width: 60px;
    height: 30px;
}

.item_nav .breadcrumb-item a,
.item_nav .breadcrumb-item {
    font-family: var(--GT-America);
    color: #9F9890;
    font-size: 15px;
    text-transform: uppercase;
    text-decoration: none;
}

.item_nav .breadcrumb-item.active a {
    color: var(--brown);
}

.item_ab-img {
    border: 1px solid var(--brown);
    padding: 10px;
    display: flex;
}

.item_ab-lable {
    display: block;
    text-align: center;
    color: var(--brown);
    line-height: 15px;
    font-family: var(--GT-Alpina-ac-l);
}

.item_area {
    display: grid;
    gap: 25px;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}

.item_ab-prise {
    display: block;
    text-align: center;
    color: var(--brown);
    font-family: var(--GT-America);
}

.item_ab-content .com_btn {
    font-size: 10px;
    background-color: var(--brown);
    border: 1px solid var(--brown);
    width: 100%;
    color: var(--white);
    padding: 3px;
    transition: all 0.5s;
}

.item_ab-content .com_btn:hover {
    background-color: var(--blue);
    border: 1px solid var(--blue);
}

.item_av-lable {
    font-family: var(--GT-America);
    color: var(--blue);
    font-size: 8px;
    display: block;
}

.select-size-modal .modal-dialog {
    max-width: 265px;

}

.select-size-modal .modal-dialog .modal-body {
    border: 1px solid var(--brown);
    border-radius: 0;
    background-color: var(--white);
    padding: 20px;
}

.modal-body .item_ab-img {
    height: 300px;
}

.mi_lable {
    color: var(--brown);
    font-family: var(--GT-Alpina-ac-l);
    font-size: 14px;
}

.mi_prise {
    color: var(--brown);
    font-size: 12px;
    font-family: var(--GT-America);
}

.mi_avai {
    display: block;
    font-size: 12px;
    font-family: var(--GT-America);
    color: var(--blue);
}

.pass_change-rule-wrap {
    max-width: 320px;
    margin: 20px auto 0;
    padding: 15px;
    border-radius: 3px;
    background-color: #afa39a;
}

.pcr_head {
    font-size: 14px;
    color: var(--white);
    line-height: 12px;
    font-family: var(--GT-America);
    display: block;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
}

.pcr_list {
    color: var(--white);
    display: block;
    font-size: 12px;
    line-height: 12px;
    /* font-family: var(--GT-Alpina-s-r); */
}

.mi-lable-m {
    font-family: var(--GT-Alpina-ac-l);
    font-size: 11px;
    color: var(--brown);
}

.slec_btn {
    gap: 10px;
}

.slec_btn .com_btn {
    flex: 1;
    border: 1px solid var(--brown);
    font-size: 12px;

}

.mi_size-data span {
    width: 23px;
    border: 1px solid var(--brown);
    color: var(--brown);
    font-size: 12px;
    display: inline-block;
    text-align: center;
    background-color: var(--light-pink);
    font-family: var(--GT-America);
    cursor: pointer;
}

.slec_btn .com_btn.select {
    background-color: var(--light-pink);
}

.mi_modal-footer .com_btn,
.item_area-n-img .com_btn {
    background-color: var(--brown);
    font-size: 15px;
    width: 100%;
    color: var(--white);
    border: 1px solid var(--brown);
    transition: all 0.5s;
}

.item_area-n-img .item_a-box {
    border-bottom: 1px solid var(--brown);
}

.item_ni-code {
    font-size: 10px;
    font-family: var(--GT-Alpina-ac-l);
    color: var(--brown);
}

.admin_dr-img {
    width: 80px;
    min-width: 80px;
    ;
    height: 110px;
    display: flex;
    margin-right: 8px;
}

.item_ni-prise {
    font-size: 17px;
    font-family: var(--GT-America);
    color: var(--brown);
}

.mi_modal-footer .com_btn:hover {
    background-color: var(--light-pink);
    color: var(--brown);
}

.admin_dr-box .bag_p-qty-tag {
    font-size: 15px;
}

.admin_dr-box .bag_p-qty {
    width: 80px;
    height: 28px;
}

.admin_dr-box .bag_p-qty .bag_p-ic {
    font-size: 15px;
    background-color: transparent;
}

.admin_dr-box .bag_d-btn {
    background-color: transparent;
    cursor: pointer;
}

.admin_dr-box .bag_d-btn:hover {
    background-color: var(--light-m-pink);
}

.admin_dr-box {
    border-bottom: 1px dashed var(--brown);
}

.admin_dr-box:nth-last-child(1) {
    border: 0;
}

.admin_dr-content {
    height: inherit;
    overflow-y: auto;
}

.sub_content {
    font-family: var(--GT-America);
    color: var(--brown);
    font-size: 15px;
}

.sub_con-text {
    font-size: 12px;
    font-family: var(--GT-Alpina-s-r);
    color: var(--brown);
}

.dr_sub-to-btn {
    display: flex;
}

.dr_sub-to-btn button {
    flex: 1;
    font-size: 16px !important;
    text-align: center;
    padding: 0 !important;
    border: 0 !important;
}

.admin-dr-f-content {
    /* background-image: url(../images/admin/admin-footer-bg.svg);
    background-size: cover; */
    padding: 15px 0 0;
}

.com_btn-b {
    background-color: var(--blue) !important;
    color: var(--white) !important;
}

.com_btn-l {
    background-color: var(--light-m-pink) !important;
    color: var(--brown) !important;
}

.payment_box {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: var(--light-pink);
    border: 1px solid var(--brown);
    width: 100%;
    padding: 8px;
    display: none;
}

.pb_bar {
    display: flex;
    padding: 5px;
    border-bottom: 1px dashed var(--brown);
    border-right: 1px dashed transparent;
    border-left: 1px dashed transparent;
    ;
    transition: all 0.5s;
}

.pb_bar:hover {
    background-color: var(--light-m-pink);
    border-right: 1px dashed var(--brown);
    border-left: 1px dashed var(--brown);
    ;
}

.pb_bar:nth-last-child(1) {
    border-bottom: none;
}

.pb_bar img {
    width: 15px;
}

.payment_b-lable {
    font-size: 12px;
    font-family: var(--GT-Alpina-ac-l);
    color: var(--brown);
}

.sub_total-bar .sub_content,
.sub_total-bar .sub_con-text {
    color: var(--blue) !important;
}

.admin_dr-n-content .bag_p-qty-box {
    width: 200px;
    height: fit-content;
}

.admin-activity {
    min-width: 110px;
    max-width: 110px;
}

.admin_a-main-lable {
    margin: 10px 0;
    text-align: center;
    font-size: 25px;
    color: var(--brown);
    font-family: var(--GT-Alpina-ac-l);
}

.admin_a-btns {
    margin-top: 22px;
}

.admin_a-btns .com_btn,
.admin-filter_bar .com_btn {
    font-size: 15px;
    color: var(--brown);
    width: 100%;
    padding: 5px 10px;
    border: 1px solid var(--light-pink);
    border-radius: 4px;
    margin-bottom: 10px;
    text-decoration: none;
    display: flex;
    justify-content: center;
    transition: all 0.5s;
}

.admin-filter_bar .af_bar-btn {
    gap: 15px;
}

.admin-filter_bar .com_btn {
    width: 102px;
    padding: 5px 10px;
}

.af_counter-btn .com_btn {
    background-color: var(--blue);
    color: var(--white);
}

.admin_a-btns .com_btn.active,
.admin_a-btns .com_btn:hover,
.admin-filter_bar .com_btn.active,
.admin-filter_bar .com_btn:hover {
    background-color: var(--light-pink);
    color: var(--brown);
}

.filter_content .item_a-box {
    border-bottom: 1px solid var(--brown);
}

.filter_content .item_a-box .cus_active,
.admin-dr-head-right .com_btn {
    font-size: 15px;
    color: var(--white);
    background-color: var(--blue);
    border: 1px solid var(--blue);
    border-radius: 3px;
    min-width: 70px;
}

.filter_content .item_a-box .cus_closed {
    font-size: 15px;
    color: var(--brown);
    background-color: var(--light-pink);
    border: 1px solid var(--light-pink);
    border-radius: 3px;
    min-width: 70px;
}

.order_trck-nav button {
    border: none;
    width: 30px;
    background-color: transparent;

}

.order_trck-nav button img {
    width: 10px;
}

.admin_sf-box {
    border: 1px solid var(--brown);
    background-color: var(--white);
    height: 190px;
}

.admin_sf-lable {
    font-size: 12px;
    font-family: var(--GT-Alpina-ac-l);
    color: var(--brown);
}

.admin_sf-head {
    border-bottom: 1px dashed var(--brown);
}

.admin_s-filter-content {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
}

.admin_sfc-bar .item_ni-code {
    line-height: 10px;
}

.admin_order-history {
    width: 100% !important;
}

.admin_order-history .admin_search-bar {
    width: 550px;
}

.a_do_btn,
.a_mo_btn {
    position: absolute;
    left: 105%;
    background-color: var(--light-pink);
    color: var(--brown);
    border: 1px solid var(--light-pink);
    font-size: 13px;
    padding: 2px 5px;
    border-radius: 3px;
    display: flex;
    justify-content: space-around;
    min-width: 100px;
    align-items: center;
    transition: all 0.5s;
    font-family: var(--GT-America);

}

.a_mo_btn {
    position: unset !important;
}

.a_do_btn:hover,
.a_mo_btn:hover {
    border: 1px solid var(--blue);
}

.a_do_btn text,
.a_mo_btn text {
    display: block;
    width: 24px;
    height: 24px;
    background-color: var(--white);
    border-radius: 50%;
    display: block;
}

.order-h-head {
    gap: 20px;
}

.com_bg {
    background-color: var(--light-pink);
    border-radius: 3px;
    padding: 6px 10px;
    text-align: center;
}

.com_text,
.com_text a {
    font-size: 15px;
    font-family: var(--GT-America);
    color: var(--brown);
    text-align: center;
    width: 100%;
    display: block;
}

.order_hc-bar {
    gap: 20px;
}

.com_dth {
    min-width: 100px;
}

.com_t-dth {
    min-width: 28px;
}

.order_hc-bar {
    border-bottom: 1px solid var(--brown);
}

.paid_status {
    background-color: var(--blue);
    color: var(--white);
    font-family: var(--GT-America);

}

.unpaid_status {
    background-color: var(--light-pink);
    color: var(--brown);
    font-family: var(--GT-America);

}

.com_css {
    display: block;
    font-size: 15px;
    text-align: center;
    border-radius: 3px;
    min-width: 70px;
    width: 70px;
    margin: auto;
    padding: 1px 10px;
}

.order_h-search-bar {
    display: flex;
    align-items: center;
}

.order_h-search-bar .ohs_lable {
    font-size: 13px;
    font-family: var(--GT-America);
    color: var(--brown);
}

.order_h-search-bar input {
    width: 115px;
    height: 30px;
    border-radius: 3px;
    border-radius: 3px;
    background-color: var(--light-pink);
    text-align: center;
    border: 1px solid var(--light-pink);
    margin: 0 10px;
    font-family: var(--GT-America);
}

.order_h-search-bar .ohs_dash {
    width: 15px;
    height: 2px;
    background-color: var(--brown);
}

.order_h-search-bar .com_btn {
    background-color: transparent;
    border: none;
}

.customer-name {
    max-width: 7em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.order-h-content table tr th {
    padding: 0 15px 10px;
}

.order-h-content table tr td {
    padding: 5px 15px;
}

.order-h-content table tbody tr {
    border-bottom: 1px solid var(--brown);
}

.detail_m-btn:hover,
.detail_m-btn-refund:hover {
    color: var(--blue);
}

.admin_dr-right .form-check-input {
    width: 17px;
    height: 17px;
}

.admin-dr-footer {
    /* background-color: var(--light-m-pink); */
    z-index: 9;
    background-image: url(../images/admin/admin-footer-bg.svg);
    background-size: cover;
}

.admin_dr-box-inner .oc_right-lable {
    font-size: 15px;
    color: var(--blue);
}

.admin_dr-box-inner .form-check-label {
    font-size: 10px;
}

.admin_dr-box-inner .oc_right-content .form-check-input {
    width: 15px;
    height: 15px;
}

.admin_dr-box-inner textarea {
    font-size: 15px;
    height: 130px !important;
    padding: 10px !important;
    font-family: var(--GT-Alpina-ac-li);
    color: var(--brown);
}

.admin_dr-box-inner .oc_right-content {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed var(--brown);
}

.admin_dr-box-inner .form_com-btn {
    font-size: 15px;
}

.admin_dr-box-inner textarea::placeholder {
    color: var(--brown);
}

.admin_drb-box.active_obj .oc_right-content {
    display: block !important;
}

.admin_drb-box.active_obj .admin_dr-box {
    border: 0;
}

.dn_arrow {
    position: absolute;
    right: 0;
    margin: 0 0 0 5px;
    top: -3px;
    width: 15px;
    background-color: var(--light-m-pink);
}

.admin_refund-modal {
    height: fit-content;
}

.rf_modal-lable {
    font-size: 20px;
    font-family: var(--GT-Alpina-ac-l);
    color: var(--blue);
}

.admin_dr-right {
    z-index: 0;
}

.all_hb-total {
    font-size: 27px;
    font-family: var(--GT-America);
    color: var(--brown);
}

.all_h-grid {
    display: grid;
    gap: 15px;
    grid-template-columns: repeat(auto-fill, minmax(24%, 1fr));
}

.all_h-box {
    padding: 15px 15px 20px;
    height: 125px;
}

.all_hbh-icon {
    width: 25px;
    height: 25px;
    margin-right: 10px;
    border-radius: 50%;
    background-color: var(--light-pink);
}

.all_hc-grid {
    display: grid;
    gap: 15px;
    grid-template-columns: repeat(auto-fill, minmax(48%, 1fr));
}

.all_h-center .top-selling-box {
    min-height: 300px;
}

.all_h-bottom .all_h-box {
    padding: 15px;
    height: fit-content;
}

.admin_customer-inner .view_btn,
.order_his-box .view_btn {
    min-width: 80px;
    height: 22px;
    color: var(--brown);
    font-size: 15px;
    background-color: var(--white);
    border: 1px solid var(--brown);
}

.order_his-box .view_btn {
    background-color: var(--light-pink);
}

.admin_customer-inner .view_btn:hover,
.order_his-box .view_btn:hover {
    background-color: var(--light-pink);
}

.order_his-box .item_ni-prise,
.order_his-bar {
    padding: 0 10px 0 30px;
}

.order_his-box .order_his-bar {
    border-bottom: 1px solid var(--brown);
}



/* order-recived-css */

.order_rec-wrap {
    background-image: url(../images/order-recived-banner.png);
    background-size: cover;
    text-align: center;
    padding: 40px 0 90px;
}

.order_rec-content {
    background-color: #F2EDE3;
    max-width: 910px;
    margin: 45px auto 0;
    padding: 70px 125px;
}

.order_rec-details {
    font-size: 18px;
    color: var(--brown);
    font-family: var(--GT-Alpina-ac-l);
    line-height: 20px;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 0;
}

.order_rec-heading {
    font-size: 30px;
    color: var(--brown);
    font-family: var(--GT-America);
}

/* login-form-css */
.ere_text {
    display: block;
    font-family: var(--GT-Alpina-s-r);
    font-size: 14px;
}

.login_wrap {
    background-color: #F8F6F3;
}

.login-form-logo {
    margin-bottom: 150px;
}

.login-form-logo img {
    width: 70%;
}

.login_form {
    max-width: 520px;
    width: 520px;
    margin: auto;
    height: 100vh;
}

.login_form input {
    border: 1px solid var(--brown);
    padding: 6px 20px;
    font-size: 19px;
    width: 100%;
    font-family: var(--GT-Alpina-ac-li);
}

.login_form input::placeholder {
    color: var(--brown);
}

.login_form .form_com-btn {
    font-size: 20px;
}

.login_direct-link {
    font-size: 15px;
    color: var(--brown);
    font-family: var(--GT-America);
}

.login_direct-link a {
    color: var(--blue);
}

.login_direct-link a:hover {
    color: var(--blue);
}

@media only screen and (max-width:420px) {

    .bag_p-img,
    .wl_p-img {
        min-width: 90px !important;
        max-width: 90px !important;
        height: 130px !important;
        margin-right: 8px !important;
    }

    .bycategory-img img {
        width: auto;
    }

    .review_bar {
        grid-template-columns: repeat(auto-fill, minmax(90%, 1fr));
    }

    .review_bar-box:nth-last-child(2) {
        border-bottom: 1px solid var(--brown);
    }

    .review_bar-box:nth-last-child(1) {
        border-bottom: none;
    }

    .bycategory_wrap .sec_head {
        margin-bottom: 15px;
    }
}

@media only screen and (min-width:600px) {
    .sbdr_main-wrap .search_body-data-right {
        background-color: #E5D9C9;
        width: 720px;
        padding: 40px 13px 20px;
        display: inline-block;
        overflow: hidden;
        position: relative;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .sbdr_main-wrap {
        display: flex;
        /* flex-direction: column; */
    }

    .m_main-slider {
        display: none !important;
    }

    .m_pp-img {

        display: none;
    }

    .continue_shoping_box {
        display: none;
    }

    .m_lsc-btn {
        display: none;
    }

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

    .m_fc-btn {
        display: none;
    }

    .mm_c-btn {
        display: none;
    }

    .sbdr_grid {
        background-color: #E5D9C9;
        width: 720px;
        padding: 40px 13px 20px;
        display: inline-block;
        overflow: hidden;
        position: relative;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .sbdr_grid .close_btn {
        position: absolute;
        border: none;
        background: transparent;
        top: 8px;
        right: 13px;
    }

    .sbdr_grid .search_body-data-img {
        width: 120px;
        margin: 0 26px 18px;
        float: left;
    }

    .pay_cus-text-m {
        display: none;
    }

    .com_deep-link {
        display: none;
    }

}

@media only screen and (max-width:600px) {
    .cancel_com-btn {
        font-size: 15px;
        margin: 10px 0;
    }

    .ere_text {
        font-size: 12px;
    }

    .ud_form .field_input {
        margin-bottom: 17px;
    }

    .w_main-slider {
        display: none !important;
    }

    .w_pp-img {
        display: none;
    }

    .m_pp-img .slick-dots::before,
    .m_pp-img .slick-dots::after {
        display: none;
    }

    .m_pp-img .slick-dots li {
        width: 9px !important;
        height: 9px;
        background-color: #F8F6F3;

        border-radius: 50%;
    }

    .m_pp-img .slick-dots li.slick-active button {
        outline: none !important;
        background-color: var(--blue) !important;
        width: 9px !important;
        height: 9px !important;
        font-size: 0px !important;
    }

    .m_pp-img .slick-dots {
        bottom: 30px !important;
    }

    .m_pp-img .slick-dots li button {
        outline: none !important;
        border-radius: 50%;

    }

    .m_pp-img .slick-dots {
        display: flex;
        gap: 5px;
    }

    .banner_content_inner-data p,
    .banner_content_inner-data h1 {
        display: none
    }

    .footer_contact-link,
    .footer_contact-box p {
        font-size: 12px;
    }

    .bag_p-img {
        min-width: 110px;
        max-width: 110px;
    }

    .cus_top {
        padding-top: 270px !important;
    }

    .pp_grid-wrap {
        grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
        gap: 30px 6px;
        margin: 15px 0 !important;
    }

    .pp_grid-two {
        grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr)) !important;
        gap: 40px 10px !important;
    }

    .img-selection {
        display: none;
    }

    .big-img {
        width: 100%;
        max-height: 686px;
    }

    .display-img {
        width: inherit;
        /* height: inherit; */
    }

    .ppa_prise {
        margin-left: 10px;
    }

    .top_space {
        /* margin-top: 30px; */
    }

    .search_body-wrap {
        height: -webkit-fill-available;
    }

    .ourstory_wrap {
        padding: 0 20px;
    }

    .feature-in-img {
        grid-template-columns: repeat(auto-fill, minmax(5rem, 1fr)) !important;
        padding: 20px 10px 30px !important;
        gap: 1.4rem 0.9rem;
    }

    .bycategory_wrap .sec_head h4 {
        font-size: 20px;
    }

    .quality_content p {
        padding: 35px 0 20px !important;
    }

    .quality_img-box .quakity_frame {
        padding: 0 14px;
    }

    .menu_logo a {
        max-width: 157px;
        height: 28px;
    }

    .menu_left img {
        width: 25px;
        height: 18px;
    }

    .menu_right img {
        width: 25px;
        height: 18px;
    }

    header {
        padding: 43px 39px !important;
    }

    .shop_btn {
        margin-top: 15px !important;
    }

    .main_slider-wrap .slick-slider {
        padding: 27px 17px !important;
    }

    .slick-dots::before {
        font-size: 9px !important;
    }

    .banner_content_inner-data {
        margin-bottom: 66px !important;
    }

    .slick-dots li button {
        outline-offset: 2px !important;
    }

    .slick-dots li {
        width: 15px !important;
    }

    .slick-dots li.slick-active button {
        outline-offset: 4px !important;
    }

    .banner_content {
        padding: 104px 20px 23px !important;
    }

    .main_slider-wrap.slick-slider {
        padding: 27px 18px !important;
    }

    .slick-dots {
        bottom: 60px !important;
    }

    .quality_main {
        padding: 50px 0 30px !important;
    }

    .fm_logo {
        right: 38px !important;
    }

    .ac_img {
        width: 90%;
        transform: translate(-50%, -50%) !important;
        left: 50% !important;
        top: 50% !important;
        padding: 3%;
    }

    .fm_waves {
        left: 13px;
        max-width: 171px !important;
    }

    .header_blue {
        padding: 27px 15px !important;
    }

    .header_blue .menu_logo a {
        max-width: 30px !important;
    }

    .contenr-box-lable {
        padding-bottom: 5px;
    }

    .content-box-left {
        width: 70px;
    }

    .mb-m {
        margin-bottom: 12px;
    }

    .opt-0 {
        order: 0;
    }

    .opt-1 {
        order: 3;
    }

    .opt-2 {
        order: 1;
    }

    .opt-3 {
        order: 4;
    }

    .opt-4 {
        order: 2;
    }

    .opt-5 {
        order: 5;
    }

    .data_search-input input,
    .data_search-bar .filter_bar span {
        font-size: 12px !important;
    }

    .data_search-bar .filter_bar img {
        width: 19px;
        height: 11px;
    }

    .data_search-input img {
        width: 27px;
    }

    .od_accordion .accordion-button {
        font-size: 19px !important;
    }

    .ao_details-img {
        width: 124px;
        max-width: 124px !important;
        height: 148px;
    }

    .ao_l-footer {
        line-height: 15px;
        display: flex;
        align-items: center;
    }

    .ao_l-footer .ao_details-link {
        font-size: 15px;
    }

    .ao_details-img .zm_img {
        width: 12px;
        top: 5px;
        right: 5px;
    }

    .w_order-filter {
        display: none;
    }

    .review_orders-content textarea::placeholder {
        font-size: 15px;
    }

    .cat_data-bar .filter_bar {
        max-width: 88px;
        width: 88px;
        min-width: 88px;
        height: 32px;
        padding: 6px 10px;
    }

    .clear-all span {
        font-size: 12px;
    }

    .cut_grid-btn {
        width: 32px !important;
        height: 32px !important;
    }

    .address-book-left a {
        margin-top: 4px;
        font-size: 10px !important;
    }

    .address-book-left {
        padding: 10px 10px 8px 14px;
    }

    .address-book .form-check-label {
        font-size: 10px;
    }

    .address-book-right {
        padding: 2px 10px;
    }

    .address-book-right img {
        width: 9px;
    }

    .address-book-check .form-check-input,
    .oc_right-content .form-check-input {
        width: 17px !important;
        height: 17px !important;
        margin-right: 5px;
        background-color: transparent;
        margin-bottom: 4px;
    }

    .address-book-default .form-check-input {
        border: 1px solid var(--blue) !important;
        ;
    }

    .address-book-check .form-check-input {
        border: 1px solid var(--brown);
    }

    .gtl_active-effect .search_body-wrap {
        justify-content: unset !important;
    }

    #explore_product {
        order: 1;
    }

    .review_board-wrap {
        order: 0;
        padding: 41px 0 0 !important;
    }

    .note_box {
        display: none;
    }

    .m_cb-box {
        padding: 0 !important;
        border: 0;
    }

    .com_b-box {
        border: 1px solid var(--brown) !important;
        padding: 28px 13px !important;
    }

    .m_md-box .page_head h1 {
        border-bottom: 1px solid #707070;
    }

    .m_cb-box .bag_p-name,
    .m_cb-box .bag_p-tag {
        font-size: 14px !important;
    }

    .m_cb-box .bag_p-code {
        font-size: 12px !important;
    }

    .m_cb-box .bag_p-qty-box .com_btn {
        font-size: 19px !important;
        padding: 2px;
        height: 28px;
        min-width: 81px;
    }

    .m_cb-box .bag_p-qty {
        min-width: 81px;
        height: 28px;
    }

    .m_bd-box .bag_pp-input {
        font-size: 12px;
        padding: 5px 10px;
    }

    .m_bd-box .bag_pp-input::placeholder {
        font-size: 12px;

    }

    .order-wrap-lable h1 {
        margin-bottom: 23px;
    }

    .al_product-box .al_product-content {
        display: none !important;
    }

    .w_lsc-btn {
        display: block;
    }

    .com_deep-link {
        color: var(--brown);
        text-align: center;
        font-size: 12px;
        display: block;
        padding: 8px 0;
        width: 100%;
        font-family: var(--GT-America);
    }

    .w_lsc-btn .com_btn {
        max-width: 100% !important;
        width: 100% !important;
    }

    .m_lsc-btn .com_btn {
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 32px;
    }

    .your-bag-effect .fc_lable h5 {
        font-size: 25px !important;
    }

    .your-bag-effect .order-wrap-lable {
        padding-top: 1rem !important;
    }

    .your-bag-effect .lsc_bar {
        margin: 32px 0 !important;

    }

    .your-bag-effect .lsc_bar .com_btn {
        width: 100%;
        max-width: 100%;
    }

    .yl_slider .al_roduct-img {
        height: 192px !important;
    }

    .user_details-form .form_com-btn {
        height: 28px !important;
        padding: 0;
        line-height: 21px;
    }

    .or_bracker {
        padding: 28px 0 18px;
    }

    .or_bracker p {
        padding: 0 !important;
    }

    .ud_form .field_input input {
        font-size: 12px !important;
        height: 28px !important;
    }

    .ud_form .field_input input::placeholder {
        font-size: 12px !important;
    }

    .ud_form .field_bar {
        font-size: unset;
    }

    .ud_form .field_input {
        margin-bottom: 17px;
    }

    .tabbing_wrap-bar .com_btn {
        height: 28px;
        padding: 3px;
    }

    .tabbing_wrap-bar {
        margin: 20px 0 !important;
    }

    .ship_form .check_add-lable {
        font-size: 20px !important;
        margin: 0 0 8px;
    }

    .ship_form .address-book {
        margin-bottom: 10px !important;
        margin-top: 0 !important;
    }

    .address-book-right span {
        padding-right: 0px !important;
        margin-bottom: 2px;
        margin-right: -5px;
        display: block;
    }

    .ab_r-count span {
        font-size: 15px !important;
        padding: 5px 8px 0;
    }

    .ab_r-count {
        padding: 0 !important;
    }

    .lcus_lable {
        font-size: 12px !important;
    }

    .payment_wrap {
        padding: 0 !important;
        border: 0;
        margin-bottom: 0 !important;
    }

    .payment_wrap .bag_p-img {
        max-width: 124px;
        min-width: 124px;
        height: 149px;
    }

    .payment_wrap .bag_p-name {
        font-size: 15px !important;
    }

    .bag_p-tag {
        font-size: 15px !important;
    }

    .payment_wrap .bag_p-code {
        font-size: 10px !important;
    }

    .w_fc-btn {
        display: none;
    }

    .check_add-box .check_add-lable {
        margin-bottom: 15px;
    }

    .mc_book .form-check-input {
        width: 8px !important;
        height: 8px !important;
        margin-top: 7px;
    }

    .mc_book {
        min-height: unset;
        margin-bottom: 0;
    }

    .mc_book .form-check-label {
        margin-left: -2px;
    }

    .pay_m-box {
        gap: 13px 11px !important
    }

    .pay_cus-link a {
        padding-bottom: 8px;
    }

    .form_footer-link {
        max-width: 136px;
        margin: auto;
    }

    .content-box {
        min-height: 127px;
    }

    .content-box-link a {
        padding-bottom: 6px;
    }

    .contact_form {
        padding-top: 32px !important;
    }

    .contact_form .field_lable {
        margin-bottom: 4px;
    }

    .contact_form .field_bar .field_input input {
        font-size: 15px;
        height: 28px;
        padding: 8px 9px 5px;
    }

    .contact_form .field_bar {
        margin-bottom: 21px !important;
    }

    .address-book_con {
        padding-top: 16px;
    }

    .address-book_con .address-book {
        height: 87px;
    }

    .address-book_con .address-book-left span {
        line-height: 16px;
    }

    .edit_address-left {
        padding-right: 0.75rem;
    }

    .edit-address-book {
        margin: 20px 0;
    }

    .edit-address-book .form-check-label {
        font-size: 15px;
    }

    .sbdr_grid .search_body-data-img img {
        display: none;
    }

    .sbdr_main-wrap {
        display: flex;
        flex-direction: column;
    }

    .sbdr_main-wrap .search_body-data-left {
        order: 1;
    }

    .sbdr_main-wrap .search_body-data-right {
        order: 0;
        width: 100% !important;
        margin-bottom: 20px;
        padding: 10px;
        background-color: #E5D9C9;
    }

    .sbdr_grid .search_body-data-img {
        border-bottom: 1px solid #c9baa6a8;
        margin: 5px 0;
        padding-bottom: 5px;
    }

    .sbdr_grid .search_s-lable {
        display: block;
        font-size: 15px;
        text-align: start;

    }

    .sbdr_grid .close_btn {
        display: block;
        background-color: transparent;
        border: none;
        margin-left: auto;
        margin-bottom: 10px;
    }

    .sbdr_grid .search_s-value {
        display: none;
    }

    .order_rec-content {
        max-width: 355px;
        padding: 70px 50px 85px;
    }

    .rec_logo {
        max-width: 254px;
        margin: 0 auto;
    }

    .order_rec-heading {
        font-size: 20px;
    }

    .order_rec-details {
        font-size: 14px;
    }

    .order_rec-wrap {
        background-image: url(../images/order-recived-banner-mobile.png);
        padding: 115px 0;
    }

    .orm_header {
        position: absolute;
        left: 0;
        top: 0;
        background-color: transparent;
    }

    .pay_cus-text-w {
        display: none;
    }

    .pay_cus-text-m {
        margin-top: 40px !important;
    }

    .pay_cus-text-m textarea {
        font-size: 12px;
        height: 120px;
        padding: 8px;
    }

    .subscribe-btn {
        left: 84%;
        font-size: 12px;
    }

}

@media only screen and (min-width: 767px) {
    .mobile_bg-exlore {
        display: none;
    }

    .explore_product-btn-two {
        display: none;
    }

    .search_body-data-img img {
        min-width: 120px;
        max-width: 120px;

    }

    .menu_logo-two {
        display: none;
    }

    .shop_btn {
        display: none;
    }

    .main_slider {
        background-image: none !important;
    }

    .slick-dots {
        top: 50%;
        bottom: unset !important;
        display: flex !important;
        flex-direction: column !important;
        right: 40px !important;
        width: auto !important;
    }

    .back_btn-wrap {
        display: none;
    }

    .order_prosses-bar-light,
    .opb_bar-active {
        transform: translateX(-50%);
        left: 50%;
        top: 0;
        position: absolute;
    }

    .review_orders-content .order_content-bar {
        display: flex;
        align-items: flex-start;

    }

    .review_orders-content .order_content-left,
    .review_orders-content .order_content-right {
        width: 50%;
    }

    .product-p-img {
        display: flex;
        gap: 20px;
    }

    .product-p-small {
        width: 20%;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }



}

@media only screen and (max-width: 768px) {
    .search_active-effect .search_body-wrap {
        padding: 0 15px;
    }

    .search_active-effect .container {
        padding: 0;
    }

    .feature-in-img-box {
        max-width: 100%;
    }

    .review_bar {
        grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
    }

    .footer_wrap {
        padding: 0 0.5%;
    }

    .rr_modal .modal-dialog {
        min-width: 75%;
        width: 75%;
        margin: auto;
    }

    .footer_Search-box input,
    .footer_Search-box p,
    .sc_bar-n span,
    .sc_bar-x span,
    .cs_c-link {
        font-size: 12px;
    }


    .sc_bar-n span,
    .sc_bar-x span {
        height: 20px;
        line-height: 12px;
    }

    .menu_logo {
        max-width: 50%;
    }

    .menu_left,
    .menu_right {
        max-width: 15%;
        display: flex;
    }

    .banner_content_inner-data {
        height: 60%;
        margin: auto 0 50px;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .banner_content_inner h1 {
        font-size: 50px !important;
    }

    .banner_content_inner p,
    .ourstory_wrap .content {
        font-size: 24px;
    }

    .ourstory_wrap .content-two {
        font-size: 38px;
    }



    .story_content {
        display: block;
    }

    .story_content p,
    .review_bar p {
        margin: 0;
        font-size: 12px;
        padding-bottom: 10px;
        line-height: 14px
    }

    .story_content a {
        font-size: 20px;
        text-align: center;
        padding-bottom: 30px;
        /* border-bottom: 1px solid var(--blue); */
    }

    #ourstory {
        padding: 60px 0 30px;
    }

    #bycategory {
        padding: 0 0 30px;
    }

    .product-page-lable h1,
    .sc_lable {
        font-size: 20px !important;
    }

    .sec_head h4 {
        font-size: 25px;
    }

    .bycategory_box-wrap {
        gap: 1rem;
        grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));
    }

    .bycategory_box {
        height: 260px;
    }

    .bycategory_box p {
        font-size: 20px;
    }

    .bycategory-img {
        justify-content: center;
    }

    .quality_content {
        padding: 0 32px;
        margin-bottom: 10px;
    }

    .quality_content p {
        font-size: 12px;
        text-align: center;
        line-height: 14px;
        padding: 20px 0;
    }

    .quality_content a {
        text-align: center;
        font-size: 20px;
        display: block;
        width: 100%;
    }

    .quality_main {
        padding: 30px 0
    }

    #explore_product {
        background-image: none;
    }

    #explore_product {
        padding: 0 0 !important;
    }

    .explore_product-btn {
        padding: 20px 0;
    }

    .sc_box-inner {
        padding: 10px;
    }

    .sc_box-inner .form_com-btn-wrap {
        margin: -10px;
    }

    .review_title h3 {
        font-size: 25px !important;
        white-space: nowrap;
    }

    .review_counter span {
        font-size: 14px !important;
        line-height: 18px
    }

    .review_box {
        padding: 20px;
    }

    .review_box {
        border-radius: 5px;
        margin: 0 10px;
    }

    .review_bar-box:nth-last-child(1) {
        border: 0;
    }

    .footer_social-link {
        margin-top: 15px
    }

    .footer_contact-box {
        line-height: 15px;
    }

    .footer_contact-box {
        margin-bottom: 6px !important;
    }

    .footer_custome-link a {
        padding: 5px 0
    }

    .footer_bottom {
        margin: 40px 0 15px;
        padding: 0 15px
    }

    .footer_social-link a img {
        width: 17px
    }

    .footer_social-link a:nth-child(1) img {
        width: 8px
    }

    .feature-in-head h3,
    .feature-in .com_btn {
        font-size: 20px;
    }


    .cat_pag-lable {
        font-size: 25px;
    }

    .feature-in-btn {
        text-align: center;
        padding: 0;
    }

    .feature-in-wrap {
        padding: 30px 10px;
    }

    .bycategory_wrap {
        padding: 0 10px;
        max-width: 100%;
    }

    .footer_custome-link a,
    .e_con-bar .com_btn,
    .cab_bar-con {
        font-size: 15px;
        line-height: 15px;
    }

    .footer_social-link a {
        margin: 0 15px;
    }

    .mobile_bg-exlore {
        display: flex;
    }

    .mobile_bg-exlore img {
        padding: 0 20% 20px;
    }

    .exlore_wrap h2 {
        padding-bottom: 10px;
        font-size: 25px !important
    }

    .explore_product-btn .e_p-btn {
        font-size: 20px
    }

    .explore_product-btn-one {
        display: none;
    }

    .explore_product-img-box {
        padding: 0 40px;
    }

    .feature-in-img {
        grid-template-columns: repeat(auto-fill, minmax(7rem, 1fr));
        padding: 10px;
    }

    .search_body-input input,
    .search_body-data .search_lable {
        font-size: 20px;
    }

    .humberrug_active-effect .search_body-data-left {
        width: 65%;
    }

    .humberrug_active-effect .search_body-data-right,
    .search_body-data-right {

        width: 140px;
    }

    .main-slider-two {
        flex-direction: column;
        gap: 15px;
    }

    .main-slider-two-content-logo {
        max-width: 60%;
    }

    .main_slider-two-wrap {
        padding: 15px;
    }

    .menu_logo-two {
        width: 35px;
    }

    .main-slider-two-content-link {
        font-size: 28px;
    }

    .slider_img {
        display: none;
    }

    .main_slider {
        height: 100vh !important;
        /* background-position: -80% 0 !important; */
    }

    .banner_content_inner a {
        margin-bottom: 0;
        font-size: 36px !important
    }

    .slick-dots {
        bottom: 25px;
        margin: 0 auto !important;
        width: fit-content !important;
        left: 45%;
    }

    .slick-dots li {
        margin: 0 !important;
    }

    .slick-dots::after {
        top: 50%;
        left: 100%;
        width: 50%;
        height: 1px;
    }

    .slick-dots::before {
        transform: unset;
        bottom: 28%;
        right: 108%;
        width: fit-content;
        font-size: 12px;
        left: unset;
    }


    .page_head h1,
    .main_lable h1,
    .cus_lable h1 {
        font-size: 25px;
    }


    .field_bar .field_lable h6,
    .lcus_lable,
    .pay_icon-box span,
    .sc_com-btn button,
    .custom_size .accordion-button,
    .custom_size .sc_inner-lable {
        font-size: 15px !important;
        margin: 0;
    }

    .s_arrow {
        width: 20px;
    }

    .custom_size .accordion-button img {
        width: 15px;
    }

    .pay_icon-box {
        height: 28px;
    }

    .pay_icon-box img {
        max-width: 40%;
    }

    .field_bar .field_input input,
    .or_bracker p {
        font-size: 12px !important;
        height: 28px !important;
        padding: 6px 10px;
    }

    .field_input input::placeholder {
        font-size: 12px !important;
    }

    .contact_form .field_bar .field_input input::placeholder {
        font-size: 12px !important;
    }

    .form_com-btn,
    .jo_active-effect .form_com-btn-wrap .com_btn,
    .cb_sc-box .sc_cb-lable {
        font-size: 15px;
    }

    .form_com-btn img {
        width: 14px;
    }

    .cus_padding {
        padding: 40px 3.75%;
    }

    .address-book-left span,
    .address-book-left a,
    .cus_lo-bar .form-check-lo,
    .cus_lable-bar .form-check-label,
    .e_con-bar .e_con-l-lable,
    .e_con-bar .e_con-content,
    .cab_bar .form-check-label,
    .pay_cus-link a,
    .pp_box-cad {
        font-size: 12px;
    }

    .cab_bar .form-check-label {
        padding-top: 4px;
    }

    .address-book-check .form-check-input {
        width: 17px;
        height: 18px;
    }

    .back_btn-wrap button {
        border: none;
        padding: 0 20px 0 0;
        background-color: transparent;
        margin-bottom: 25px;
    }


    .e_con-bar .e_con-bar-tag,
    .redeem_box-wrap .redeem_lable {
        font-size: 23px;
    }

    .data_search-input input,
    .data_search-bar .filter_bar span {
        font-size: 16px;
        text-align: left;
    }

    .data_search-input {
        padding: 3px 6px;
    }

    .order_filter-box {
        grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
        grid-gap: 10px;
    }

    .cus_filter-lable h4,
    .forget_link,
    .sc_cl-lable {
        font-size: 15px;
    }

    .forget_link {
        top: 5px;
    }

    .order_content-img,
    .review_orders-content .order_content-img {
        max-width: 65px;
    }

    .order_content-details p {
        font-size: 12px;
    }

    .order_content-arrow img {
        max-width: 8px;
    }



    .order_prosses-bar {
        display: block;
    }

    .order_prosses-bar-left {
        flex-direction: row;
        width: 100%;
        justify-content: center;
    }

    .order_prosses-bar-light {
        height: 6px;
        width: 100%;
        transform: translateY(-50%);
        left: 0;
        top: 50%;
        position: absolute;
    }

    .order_prosses-com {
        min-width: 30%;
        min-height: unset;
        height: 22px;
        width: 30%;
    }

    .order_prosses-com:nth-last-child(1) {
        width: fit-content;
        min-width: unset;
    }

    .opb_bar-active {
        width: 40%;
    }

    .order_prosses-bar-right {
        display: flex;
        justify-content: space-between;
    }

    .order_prosses-bar-com p {
        display: none;
    }

    .order_prosses-bar-com h3,
    .bag_p-qty-tag {
        font-size: 15px;
    }

    .bag_p-tag,
    .order-wrap-lable h1 {
        font-size: 20px;
    }

    .order_prosses-bar-com {
        padding-left: 0;
        min-height: fit-content;
        margin-top: 5px;
        width: 33%;
    }

    .order_prosses-bar-com:nth-last-child(1) {
        width: fit-content;
    }

    .od_accordion .accordion-button {
        font-size: 23px;
        padding: 10px 0 !important;
    }

    .continue_shoping_box {
        /* grid-gap: 0 40px; */
    }

    .continue_shoping_box .order_deta span,
    .continue_shoping_box .order_deta p {
        font-size: 9px;
    }

    .cus_model-head h1,
    .review_orders-content .oc_right-lable,
    .ro_number,
    .note_box span,
    .bag_p-name,
    .payment_wrap .bag_p-name {
        font-size: 20px;
    }

    .bag_p-name {
        max-width: 20ch;
    }

    .cus_email_content h1 {
        font-size: 20px;
    }

    .cus_email_content p,
    .cus_email_content .ex_email-link,
    .ao_details-grid span,
    .gift_link,
    .oc_right-s-content,
    .ao_details-s-lable,
    .rr_modal .modal-content-height p,
    .address-book-left span,
    .address-book-left a,
    .oc_right-content .form-check-label,
    .oc_right-content .form-check-label a,
    .bag_p-code,
    .payment_wrap .bag_p-code,
    .wt_history table thead tr th,
    .wt_history table tbody tr td {
        font-size: 12px;
    }

    .review_orders-content textarea {
        height: 170px !important;
        font-size: 15px;
    }



    .cus_email_content .other_email-link,
    .ao_details-lable,
    .al_pro-lable,
    .al_pro-tag,
    .pl_preview-box span,
    .pl_filter .data_search-bar .filter_bar span,
    .cat_pag-details,
    .pp_box-lable,
    .pp_box-details,
    .pp_grid-two .pp_box-cad {
        font-size: 15px;
    }

    .contenr-box-lable,
    .tabbing_wrap-bar .com_btn,
    .check_add-box .check_add-lable,
    .wl_p-footer .com_btn,
    .gift_c-lable,
    .choose_box span,
    .redeem_box-wrap .field_bar textarea,
    .pl-t-btn .com_btn {
        font-size: 15px;
    }

    .wl_p-footer .com_btn {
        height: 28px;
        padding: 3px !important;
    }

    .wt_history table thead tr th,
    .wt_history table tbody tr td {
        min-height: 40px;
        height: auto;
        min-width: 60px;
        line-height: 15px;
        padding: 3px 5px;
    }

    .content-box-link a,
    .ao_details-grid span,
    .gift_link,
    .refund-cus_link,
    .bag_p-qty .bag_p-ic,
    .cab_bar-lable,
    .pl-f-lable-small {
        font-size: 12px;
    }

    .content-box-left img {
        max-width: 40px;
    }

    .accordion_order-details label,
    .accordion_order-details .aod_link,
    .ppa_prise,
    .lsc_bar .com_btn,
    .gtl_lable h4,
    .pl-f-lable-medium {
        font-size: 20px;
    }

    .pay_m-box {
        gap: 10px;
    }

    .ppa_prise {
        white-space: nowrap;
    }

    .payment_method {
        grid-template-columns: repeat(auto-fill, minmax (90px, 1fr));
    }

    .header_blue .menu_logo {
        max-width: 32px;
    }

    .content-box-right {
        padding: 15px;
    }

    .ao_details-img {
        max-width: 110px;
    }

    .order_content-bar.active_obj .order_content-arrow {
        transform: rotate(90deg);

    }

    .modal-body-lable,
    .ppa_name {
        font-size: 23px;
        margin: 0;
    }

    .modal .btn-close {
        width: 15px;
        height: 20px;
    }







    .ppa-color-box,
    .wl_right-btn {
        width: 17px;
        height: 17px;
        top: 15px;
    }

    .gtl_box-img-wrap {
        height: 145px;
    }

    .isc_accordiun .fc_accordiun-head,
    .isc_accordiun .fc_accordiun-body {
        padding: 10px 0;
    }

    /* .order_details-wrap,
    .back_btn-wrap,
    .cus_lable{
        padding: 0 10px;
    } */
    .lsc_bookmark .bookmark {
        width: 14px;
        height: 22px;
    }

    .lsc_bookmark .bookmark::after {
        width: 12px;
        height: 13px;
        bottom: -8px;
    }

    .lsc_bookmark {
        padding: 2px;
    }

    .pp_img .lsc_bookmark {
        right: 0;
        bottom: -40px !important;
    }

    .gtl_main {
        grid-template-columns: repeat(auto-fill, minmax(5rem, 1fr));
        gap: 5px;
    }

    .gtl_box-img {
        height: 145px;
        justify-content: center;
    }

    .gtl_box-img img {
        height: initial;
        margin: unset !important;
    }

    .bag_p-img,
    .wl_p-img {
        min-width: 124px !important;
        max-width: 124px !important;
        height: 149px !important;
        margin-right: 10px;
    }

    .com_b-box {
        padding: 10px;
    }

    .bag_p-qty {
        height: 25px;
        width: 72px;
    }

    .bag_p-qty-box .com_btn {
        height: 24px;
        font-size: 12px;
        min-width: auto;
        padding: 2px 15px;
        white-space: nowrap;
    }

    .bag_d-btn {
        width: 17px;
        min-width: 17px;
        margin: 0 !important;
    }

    .bag_pp-input {
        padding: 2px 10px;
    }





    .address-book-right span,
    .address-book-right .lcus_lable {
        font-size: 12px;
    }

    .pp_box-lable,
    .pp_box-details {
        line-height: 15px;
    }

    .pp_grid-two .pp_box-lable,
    .pp_grid-two .pp_box-details {
        font-size: 20px;
    }

    .check_add-lable img {
        width: 10px;
    }

    .share_link-bar a img {
        width: 25px;
        height: 25px;
    }

    .cus_top {
        padding-top: 330px;
    }

    .gift_c-img {
        min-width: 180px;
        max-width: 180px;
        height: 230px;
    }

    .model_sc-head {
        margin: -11px;
    }

    .pl_preview-box {
        height: 290px;
    }

    .pl_filter .data_search-bar .filter_bar {
        min-width: 80px;
    }

    .pl_filter .data_search-input {
        height: 29px;
    }

    .pl_g-box {
        height: 140px;
    }

    .pl_grid-wrap {
        padding-top: 20px;
    }

    .cus_lable .com_btn {
        display: none;
    }

    .cb_c-box .fc_accordiun-body {
        padding: 0;
    }

    .pl_wrid-footer .com_btn {
        font-size: 14px;
        padding: 3px 14px;
    }

    .cat_content-img {
        height: 400px;
        overflow: hidden;
    }

    .cat_content-img img {
        width: inherit;
        height: 400px;
        max-width: unset;

    }

    .offer-badge-com {
        width: 45px;
        height: 70px;
    }

    .offer-badge-lable {
        font-size: 10px;
        line-height: 12px;
    }

    .offer-badge-bar {
        max-width: 280px;
        padding: 15px 15px 0;
        transform: translateX(-50%) !important;
        left: 50%;
        top: 0;
    }

    .offer-badge-bar .offer-badge-lable {
        top: 7px;
    }

    .cut_grid-btn {
        width: 38px;
        height: 38px;
    }

    .pp_grid-wrap .lsc_bookmark .bookmark::after {
        width: 12px;
        height: 11px;
        bottom: -8px;
        left: -1px
    }

    .pp_grid-two .lsc_bookmark .bookmark::after {
        width: 20px;
        height: 20px;
        bottom: -14px !important;
        left: -1px !important;
    }

    .pp_grid-wrap .lsc_bookmark .bookmark {
        width: 11px;
        height: 19px;
    }

    .pp_grid-two .lsc_bookmark .bookmark {
        width: 20px !important;
        height: 35px !important;
    }

    .pp_grid-wrap .pp_img .pro_img {
        /* margin: auto; */
        padding:  3px;
    }

    .pp_grid-two .pp_img .pro_img {
        margin: unset;
        padding: 15px;

    }

    .pp_img {
        height: 243px;
    }

    .pp_grid-two .pp_img {
        height: 395px;
    }

    .cut_grid-btn span {
        width: 12px;
        height: 12px;
    }

    .pp_grid-two .pp_box-lable,
    .pp_grid-two .pp_box-details {
        line-height: 25px;
    }

    .pp_box-content {
        padding: 5px 0 0;
    }

    .fm_waves {
        max-width: 200px;
    }

    .lsc_bar .lsc_book {
        width: 30px;
        height: 28px;
    }

    .lsc_bar .com_btn-light,
    .lsc_bar .select_size {
        height: 28px;
        line-height: 27px;
        width: 170px;
        max-width: 170px;
    }

    .isc_accordiun .fc_accordiun-head h5,
    .fc_a-content p,
    .cus_edit-ll,
    .ppa_about {
        font-size: 12px;
        line-height: 14px;
    }

    .d_code,
    .d_few {
        font-size: 12px;
        height: 26px;
        margin: 0;
    }

    .gtl_box-lable {
        display: none;
    }

    .explore_pro-inner {
        background-image: unset;
        padding: 30px 0;
    }

    #quality {
        padding-bottom: 0;
    }

    .review_board-wrap {
        padding: 30px 0;
    }

    .window_bg-explore {
        display: none;
    }

    .wl_p-bar {
        padding: 12px 0;
    }

    .choose_box {
        height: 28px;
    }

    .redeem_box-wrap .field_input {
        min-height: 28px;
        /* height: 28px; */
        margin-top: 5px;
    }

    .redeem_box-wrap .field_input input {
        display: block;
    }

    .sc_bar-n {
        gap: 8px;
    }

    .sc-grid .sc_box-inner {
        margin-bottom: 10px;
    }

    .sc-box.active {
        border-bottom: 0;
    }
}

@media only screen and (min-width: 990px) {
    .product-p-big-img img {
        width: 100%;
    }

    .product-p-big {
        width: 80%;
    }

    .product-p-content {
        display: flex;
    }

    .product-p-img {
        width: 60%;
        padding-right: 20px;
    }

    .product-p-all {
        width: 40%;
    }

    .d_code-m {
        display: none;
    }

}

@media only screen and (max-width: 990px) {
    header {
        padding: 20px;
    }

    .footer_Search-box input {
        margin-right: 0;
    }

    .slider_img {
        padding: 10px;
    }

    .shop_btn {
        display: flex;
        gap: 10px;
        margin-top: 10px;
    }

    .d_code-w {
        display: none;
    }

    .wlt_img {
        width: 90%;
        text-align: right;
    }

    .shop_btn button {
        flex: 1;
        background-color: #ffffff4a;
        border: 2px solid #F8F6F3;
        padding: 6px;
        cursor: pointer;
        font-size: 14px;
        position: relative;
        font-family: var(--GT-America);
        color: var(--white);
        text-transform: uppercase
    }

    .shop_btn button:nth-child(1):after {
        content: '';
        position: absolute;
        left: 104%;
        height: 107%;
        top: 0;
        width: 1px;
        background-color: #707070;
    }

    .shop_btn button span {
        text-shadow: 0 3px 6px gray;
    }

    .banner_content {
        padding: 125px 20px 20px;
    }

    .banner_content_inner p,
    .banner_content_inner a {
        font-size: 30px;
        /* margin-bottom: 0; */
    }

    .banner_content_inner h1 {
        font-size: 70px;
    }

    .exlore_wrap h2 {
        font-size: 30px;
    }

    #explore_product {
        padding: 60px 0;
    }

    .review_title {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .review_title h3 {
        font-size: 22px;
        margin: 0;
        padding: 0;
    }

    .review_counter {
        margin: 15px 0;
        padding: 10px;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .review_counter span {
        font-size: 24px;
    }

    .fm_logo {
        width: 50px;
        right: 25px;
        top: 25px;
    }

    .fm_in-logo {
        width: 25px;
        right: 12px;
    }

    .fm_waves {
        max-width: 200px;
    }

    .footer_logo {
        width: 90% !important;
    }

    .main-slider-two-content-link {
        margin-bottom: 50px;
    }

    .menu_wrap-two {
        padding: 10px;
    }

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

    .choose_bar {
        grid-template-columns: repeat(auto-fill, minmax(15%, 1fr));
        margin-top: 10px;
    }

    .cb_inner {
        display: block;
    }

    .pl_tab {
        position: unset;
        width: 100%;
        display: block !important;
    }

    .pl_t-btn-left,
    .pl_t-btn-right,
    .pl_preview-box {
        width: 100%;
    }

    .pl_wrid {
        margin: 0 0 20px;
    }

    .pl_t-btn-right {
        margin-top: 10px;
    }

    .pl_preview {
        margin: 15px 0 0;
    }

    .pl_wrid-wrap,
    .sc_box-inner,
    .cb_sc-conferm,
    .cb_c-box .fc_accordiun-wrap {
        height: auto;
    }

    .pl_wrid-footer {
        position: unset;
    }

    .cb_c-box .fc_accordiun-wrap,
    .cb_sc-box,
    .cb_sc-conferm {
        margin-top: 20px;
    }

    .cb_ac-box span,
    .cb_c-box .fc_accordiun-head h5,
    .cb_a-header .nav-link {
        font-size: 15px;
    }

    .product-p-all {
        margin-top: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 990px) {
    .banner_content_inner-data {
        margin: auto;
    }

    .slick-dots::before {
        font-size: 10px;
        bottom: 185%;
        left: -55%;
    }

    .order_filter-box {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
        grid-gap: 15px;
    }

    .cus_top {
        padding-top: 330px;
    }
}

@media only screen and (min-width: 989px) {
    .shop_btn {
        display: none;
    }

}

@media only screen and (max-width: 1200px) {
    .footer_logo-main {
        display: none;
    }

    .footer_Search-box {
        margin-bottom: 30px;
    }

    .footer_logo {
        width: 100%;
    }

    .footer_contact-box p {
        margin: 0;
    }

    .footer_contact-box {
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 1200px) {
    .custom_col {
        display: none;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1240px;
    }
}

@media only screen and (min-width: 1201px) and (max-width: 4500px) {

    .container {
        max-width: 100%;
    }
}

@media only screen and (max-width: 1400px) {
    .admin-dash-left {
        padding: 0 15px 0 25px;
        width: 70%;
    }
}

@media only screen and (min-width: 1400px) {
    .cont_wrap {
        max-width: 100%;
        margin: auto;
    }

    .admin-dash-left {
        width: 70%;
        padding: 0 15px;
    }
}

@media only screen and (min-width: 1366px) {
    .bycategory_box-wrap {
        grid-template-columns: repeat(auto-fill, minmax(23%, 1fr));
    }

    .bycategory_box {
        aspect-ratio: auto 300 / 390;
        height: unset;
    }

    .ac_img {
        width: 100%;
    }

    .ac_img img {
        width: 100%;
    }

    .fm_logo {
        top: 6%;
        right: 8%;
    }

    .window_bg-explore img {
        width: 75%;
    }

    .admin-dash-right {
        max-width: unset;
    }

    .al_product-box {
        max-width: unset;
    }

    .al_roduct-img {
        max-width: unset;
        height: auto;
        aspect-ratio: auto 230 /270;
    }

    .slick-slider img {
        /* width: auto; */
    }

    .big-img {
        max-height: 100%;
    }

    .gtl_box-img {
        height: unset;
    }

    .review_orders-content .order_content-img {
        max-width: 300px;
        width: 300px;
    }

    .order_filter-box {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    }

    .order_filter-box-img img {
        width: 100%;
    }

    .order_content-img {
        max-width: 250px;
    }

    .pp_grid-wrap {
        gap: 30px 20px;
        grid-template-columns: repeat(auto-fill, minmax(23rem, 1fr));
    }

    .pp_img {
        height: 460px;
    }

    .pp_grid-two {
        grid-template-columns: repeat(auto-fill, minmax(26rem, 1fr));
    }

    .pp_grid-two .pp_img {
        height: 540px;
    }

    .offer-badge-bar .offer-badge-lable {
        top: 22%;
    }

    .w_order-box {
        width: 300px;
    }

    .w_order-img {
        height: 400px;
        width: 100%;
    }

    .item_area {
        grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    }

    .item_area .item_ab-img img {
        width: 100%;
    }

    .admin_dr-img {
        width: 170px;
        height: 240px;
        min-width: 170px;
    }

    .item_bar-img {
        width: 60px;
        height: 60px;
    }

    .admin-product-bar .product_box {
        height: 220px !important;
    }

    .w-icon .product_box {
        height: 58px !important;
    }

    .feature-in-img {
        display: flex;
        justify-content: center;
    }
}


@media only screen and (min-width: 1440px) {
    .gtl_main {
        grid-template-columns: repeat(auto-fill, minmax(26rem, 1fr));
    }

    .wl_p-img,
    .payment_wrap .bag_p-img,
    .m_cb-box .bag_p-img {
        width: 300px;
        min-width: 300px;
        height: 350px;
    }

    .pl_g-box {
        height: 250px;
    }
}