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

.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: 35px;
    top: 0px;
    padding-top: 35px;
    z-index: 9;
    width: 178px;
    /* border: 1px solid #FCF4F4; */
}
.drp_btn:hover .drop_menu{
    display: block;
}
.drop_menu a{
    font-size: 15px;
    display: block;
    padding: 3px;
    line-height: 20px;
    background-color: #ffffff75;
    border-bottom: 1px solid #FCF4F4;
    border-left: 1px solid #FCF4F4;
    border-right: 1px solid #FCF4F4;
    font-family: var(--GT-America);
    color: var(--blue);
    text-decoration: none;
    text-align: center;
    transition: all 0.5s;
}
.drop_menu a:hover{
    background-color: var(--white);
}
.drop_menu a:nth-child(1){
   border-top: 1px solid #FCF4F4;
}
.main_slider-wrap{
    max-width: 1366px;
    margin: auto;
    margin-bottom: 0 !important;
}
.slider_img {
    padding: 14px;
}

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

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

}

.story_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);
    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,
.bycategory_box-back .bycategory-img img {
    height: 100%;
    width: 100%;
}

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

}

.bycategory_box-wrap {
    gap: 1rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
}
.bycategory_wrap .sec_head h4{
    font-family: var(--GT-Alpina-ac-l);
    font-size: 40px;
    text-transform: unset;
}
.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);
    padding: 40px 90px;
    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 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 img{
    margin-bottom: 50px;
}
.explore_product-img-box {
    display: flex;
    gap: 20px;
}

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

/* review-board-css */

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

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

.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 p {
    color: var(--brown);
    font-size: 17px;
    font-family: var(--GT-Alpina-s-r);
}

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

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

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

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

.feature-in-head h3 {
    color: var(--white);
    font-family: var(--GT-Alpina-ac-l);
    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 60px;
    border-top: 1px solid var(--brown);
}

.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_custome-link a {
    font-family: var(--GT-Alpina-ac-l);
    font-size: 20px;
    padding: 5px 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;
}

.feature-in-img-box img {
    margin: auto;
    padding: 0 5px;
}

/* 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%;
}
.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-left: auto;
}

.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 29px -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 {
    max-width: 430px;
}
.filter_active-effect,
.select_s_active-effect,
.select_sc_active-effect{
    right: -100%;
    left: unset !important;
}
.filter_active-effect.comein,
.select_s_active-effect.comein,
.select_sc_active-effect.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 9px;
    justify-content: space-between;
    /* overflow: auto; */
    flex-direction: column;
}
.top_space{
    margin-top: 100px;
}

.search_body {
    margin: 40px 0;
}

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

.search_body-input input {
    font-family: var(--GT-Alpina-ac-li);
    font-size: 35px;
    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;
}

.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_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{
    display: block;
}
.sub_menu.active_obj .sub_list{
    display: block;
}
.small_arrow{
    padding-left: 5px;
}
.sub_list{
    padding-top: 15px;
    display: none;
}
.sub_list a{
    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 {
    margin-bottom: 20px;
}

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

    border-bottom: 1px solid var(--gray);
}

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

.cus_padding {
    padding: 80px 0;
    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;
}
.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);
}
.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: 30px;
    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 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;
    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.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;
}

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


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

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

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

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

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

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

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

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

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

.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;
    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-cad {
    font-size: 14px;
    font-family: var(--GT-Alpina-s-r);
    color: var(--brown);
    display: block;
    padding-top: 4px;
}

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


/* login-form-css */

.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;
    }
}
@media only screen and (min-width:600px){
    
    .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;
  }
 
}
@media only screen and (max-width:600px) {
    .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;
    }

    .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.7rem 1rem;
    }
    .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;
    }
    .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: none;
    }
    .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-bottom: 20px !important;
        margin-top: 5px;
    }
    .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;
          }
}

@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) {
    .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;
    }
    .sec_head h4{
        font-size: 25px;
    }

    .bycategory_box-wrap {
        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;
    }

    .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;
    }
    .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: 15px ;
        padding: 6px 10px;
    }

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

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

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

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

    .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;
        max-width: 124px;
        height: 149px;
        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: 0 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;
    }
}

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

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