/* ============= font family css ============= */
@font-face {
    font-family: 'Objectivity';
    src: url('../fonts/Objectivity-ExtraBold.eot');
    src: url('../fonts/Objectivity-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Objectivity-ExtraBold.woff2') format('woff2'),
        url('../fonts/Objectivity-ExtraBold.woff') format('woff'),
        url('../fonts/Objectivity-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Objectivity';
    src: url('../fonts/Objectivity-Bold.eot');
    src: url('../fonts/Objectivity-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Objectivity-Bold.woff2') format('woff2'),
        url('../fonts/Objectivity-Bold.woff') format('woff'),
        url('../fonts/Objectivity-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Objectivity';
    src: url('../fonts/Objectivity-Medium.eot');
    src: url('../fonts/Objectivity-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Objectivity-Medium.woff2') format('woff2'),
        url('../fonts/Objectivity-Medium.woff') format('woff'),
        url('../fonts/Objectivity-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Objectivity';
    src: url('../fonts/Objectivity-Regular.eot');
    src: url('../fonts/Objectivity-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Objectivity-Regular.woff2') format('woff2'),
        url('../fonts/Objectivity-Regular.woff') format('woff'),
        url('../fonts/Objectivity-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* ============ reset css ============ */
:root{
    --body-font: 'Objectivity';
    --body-font-size: 16px;
    --body-line-height: 30px;
    --dark-900: #010101;
    --dark-800: #131313;
    --dark-700: #313131;
    --dark-600: #282828;
    --green: #47BFAB;
    --green-400: #47BFAB80;
    --green-500: #EAF8EE;
    --green-700: #47bfabc4;
    --orange: #FF8228;
    --orange-700: #ff8228ce;
    --yellow-500: #FFF8DE;
    --light-800: #FCFCFD;
    --light-700: #F6F6F6;
    --light-600: #F5F5F5;
    --light-500: #F9F9F9;
    --light-400: #E7E7E7;
    --light-300 :#ECECEC;
    --light-200: #E2E2E2;
    --grey-900: #69584B;
    --grey-800: #8E8E8E;
    --grey-700: #AFAFAF;
    --grey-600: #D8D7D7;
    --grey-500: #A6A5A5;
    --grey-400 :#C4C4C4;
    --gray-300:#6C7278;
    --blue: #3C4B96;
    --blue-400:#EAF4FF;
    --blue-500: #3C4B9680;
    --blue-600:#4058CF;
    --red: #EC1A1A;
    --black: #000000;
    --black-500: #00000080;
    --white: #ffffff;
    --yellow-400:#FFF8DE;
    --box-shadow: 0px 0px 8px -2px #0000001A;
    --box-shadow-two: 0px 0px 24px -4px #0000001A;
}
body{
    font-family: var(--body-font);
    color: var(--black);
    font-size: var(--body-font-size);
    line-height: var(--body-line-height);
}
h1, h2, h3, h4, h5, h6{
    color: var(--black);
}
h1{
    font-size: 75px;
    line-height: 90px;
    font-weight: 700;
}
h2{
    font-size: 48px;
    line-height: 60px;
    font-weight: 400;
}
h3{
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
}
h4{
    font-size: 25px;
    line-height: 35px;
    font-weight: 500;
}
h5{
    font-size: 20px;
    line-height: 25px;
    font-weight: 500;
}
h6{
    font-size: 16px;
    line-height: 25px;
}
p{
    font-size: var(--body-font-size);
    line-height: var(--body-line-height);
    font-weight: 500;
}
span{
    line-height: 20px;
}
small{
    line-height: 16px;
}
button{
    font-size: 18px;
    line-height: 19px;
    font-weight: 500;
    transition: all 0.3s;
}
img{
    max-width: 100%;
    display: block;
}
a{
    font-size: 16px;
    line-height: 20px;
    text-decoration: none;
    color: var(--black);
    font-weight: 400;
    transition: all 0.3s;
    display: inline-block;
}
a:hover{
    color: var(--orange);
}
a:focus{
    color: var(--green) !important;
}
ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
body{
    overflow: hidden;
}
body.overflow_visible{
    overflow: auto;
}
/* ============ common class css start ==========  */
.currancy_logo {
    height: 15px;
    width: 15px;
    display: unset !important;
    margin-bottom: 3px !important;
}
.section{
    padding-block: 100px;
}
.text-dark-600{
    color: var(--dark-600);
}
.text-green{
    color: var(--green);
}
.text-red{
    color: var(--red);
}
.text-orange{
    color: var(--orange);
}
.text-grey{
    color: var(--grey-800);
}
.text-grey-300{
    color: var(--gray-300);
}
.text-gray-300{
    color: var(--gray-300);
}
.text-black-50{
    color: #28282880 !important;
}
.bg-light{
    background: var(--light-600) !important;
}
.bg-light-700{
    background: var(--light-700) !important;
}
.bg-green{
    background: var(--green);
}
.bg-orange{
    background-color: var(--orange);
}
.bg-yellow-500{
    background-color: var(--yellow-500);
}
.bg-yellow-light{background-color: var(--yellow-400);}
.font-10
{
    font-size: 10px;
    line-height: 10.25px;
}
.fontsize-12{
    font-size: 12px;
    line-height: 14px;
}
.fontsize-14{
    font-size: 14px;
    line-height: 18px;
}
.fontsize-16{
    font-size: 16px;
    line-height: 18px;
}
.fontsize-18{
    font-size: 18px;
}
.font-20{
    font-size: 20px;
    line-height:20.6px;
}
.font-22{
    font-size: 22px;
    line-height:22.6px;
}
.font-24{
    font-size: 24px;
    line-height:24.72px;
}
.drop-shadow-one{
    box-shadow: var(--box-shadow);
}
.radius-4{
    border-radius: 4px;
}
.radius-5{
    border-radius: 5px;
}
.radius-6{
    border-radius: 6px;
}
.radius-8{
    border-radius: 8px !important;
}
.radius-20{
    border-radius: 20px;
}
.column-gap-10{
    column-gap: 10px;
}
.gap-30{
    gap: 30px;
}
.gap-12{
    gap: 12px;
}
.gap-10{
    gap: 10px;
}
.gap-20{
    gap: 20px;
}
.row-gap-30{
    row-gap: 30px;
}
.row-gap-40{
    row-gap: 40px;
}
.-mt-3{
    margin-top: -3px;
}
.-mt-2{
    margin-top: -2px;
}
.mt-12{margin-top: 12px;}
.mb-12{margin-bottom: 12px;}
.mt-40{
    margin-top: 40px;
}
.mt-20{margin-top: 20px;}
.mt-30{
    margin-top: 30px;
}
.icon_maxw_24{
    max-width: 24px;
}
.icon_maxw_32{
    max-width: 32px;
}
.icon-20{
    width: 20px;
    min-width: 20px;
 }
.pt-30{
    padding-top: 30px;
}
.pb-80{
    padding-bottom: 80px;
}
.pt-100{
    padding-top: 100px;
}
.pb-100{
    padding-bottom: 100px;
}
.px-12{
    padding-inline: 12px;
}
.p-12{padding: 12px;}
.row{
    margin-left: -15px;
    margin-right: -15px;
}
.row>*{
    padding-left: 15px;
    padding-right: 15px;
}
.font-inherit{
    font-size: inherit !important;
}
.font-color-unset{
    color: unset !important;
}
#overlay{
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background-color: #00000040;
    display: none;
}
.left_line::before{
    content: "";
    background: var(--green);
    height: calc(100% + 10px);
    width: 4px;
    display: inline-block;
    position:absolute;
    left:0;
    top:-9px;
}
.left_line{
    padding-left: 20px;
}
.secondary_btn,
.primary_btn{
    color: var(--light-800);
    border-radius: 6px;
    padding: 13px 30px;
    font-size: 18px;
    font-weight: 500;
}
.primary_btn{
    background: var(--green);
    border: 1px solid var(--green);
}
.btn_thin
{
    padding: 10px 15px;
}
.border_btn
{
    border: 1px solid var(--grey-600);
    border-radius: 6px;
    background-color: transparent;
    color: var(--dark-600);
    padding: 10px 15px;
}
.border_btn:hover
{
    background-color: var(--dark-600);
    color: var(--white);
    border-color: var(--dark-600);
}
.border_btn:hover svg path{
    stroke: var(--white);
}
.border_btn:hover img{
    filter: brightness(0) saturate(100%) invert(100%) sepia(99%) saturate(15%) hue-rotate(215deg) brightness(105%) contrast(100%);
}
.secondary_btn{
    background: var(--dark-600);
    border: 1px solid var(--dark-600);
}
.secondary_btn:hover,
.secondary_btn:focus{
    color: var(--dark-600) !important;
    background: transparent;
}
.primary_btn:hover{
    color: var(--light-800);
    background-color: var(--green-700);
}
.primary_btn:focus{
    color: var(--light-800) !important;
    background-color: var(--green-700);
}
.primary_btn.bg-transparent:hover{
    background-color: var(--dark-600) !important;
    color: var(--white) !important;
    border-color: var(--dark-600) !important;
}
.primary_btn.bg-transparent:hover img{
    filter: brightness(0) saturate(100%) invert(100%) sepia(99%) saturate(15%) hue-rotate(215deg) brightness(105%) contrast(100%);
}
.view_product_btn{
    font-size: 18px;
    font-weight: 500;
    color: var(--dark-600);
    background-color: var(--light-700);
    border-radius: 8px;
    padding: 12px 20px;
    border: 1px solid var(--light-400);
    text-wrap: nowrap;
}
.view_product_btn:hover{
    background-color: var(--orange);
    color: var(--white);
}
.view_product_btn:focus{
    background-color: var(--orange) !important;
    color: var(--white) !important;
}
.border_btn{
    border: 1px solid var(--grey-600);
    border-radius: 6px;
    background-color: transparent;
    color: var(--dark-600);
    padding: 10px 15px;
}
.greenHover:hover{
    background-color: var(--green) !important;
    border-color: var(--green) !important;
    color: var(--white) !important;
}
.greenHover:hover img{
    filter: brightness(0) saturate(100%) invert(100%) sepia(37%) saturate(25%) hue-rotate(250deg) brightness(120%) contrast(100%) !important;
}
.greenHover:hover svg path {
    stroke: var(--white) !important;
}
.cursor-pointer{
    cursor: pointer;
}
.border-light-1{
    border: 1px solid var(--light-300);
}
.border-light-200-1{
    border: 1px solid var(--light-200);
}
.border-light-dashed-1{
    border: 1px dashed var(--light-200) !important;
}
.border-green-1{
    border: 1px solid var(--green);
}
.border-red-1{
    border: 1px solid var(--red);
}
.border-bottom-grey-1{
    border-bottom: 1px solid var(--grey-600);
}
.border-bottom-light-200-1{
    border-bottom: 1px solid var(--light-200);
}
.border-bottom-black1{border-bottom: 1px solid var(--black) !important;}
.divider{
    border-bottom: 1px solid var(--light-200);
    opacity: 1;
    border-top: 0px;
}
.w-fit-content{
    width:fit-content;
}
.transform-none{
    transform: none !important;
}
/* ============ common class css end ==========  */

/* loader  */
#site_loader{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #00000040;
    z-index: 1010;
}
#site_loader img{
    width: 200px;
    height: 200px;
}
/* ============ header css start ============ */
/* header{
    position: sticky;
    top: -51px;
} */
.site-header{
    background: white;
    z-index: 999;
    box-shadow: 0px 0px 8px -2px #0000000A;
}
.site-header .navbar,
.site-header .button_div{
    width: 41.5%;
}
.site-header .site_logo{
    width: 17%;
}
.site-header a,
.site-header small,
.site-header button{
    font-size: 14px;
    font-weight: 500;
}
.site-header .dropdown_btn{
    color: var(--dark-600);
}
.site-header a,
.site-header small{
    color: var(--dark-600);
}
.site-header a:hover,
.site-header .dropdown_btn:hover{
    color: var(--orange);
}
.site-header .announcement_bar{
    background: var(--light-700);
    padding: 12px 0px 9px;
}
.site-header .announcement_bar .main_id{
    color: var(--green);
}
.site-header .announcement_bar a,
.site-header .announcement_bar .dropdown{
    max-width: 180px;
    width: 100%;
}
.site-header .site_logo img{
    max-width: 300px;
}
.site-header .header_all_btn img{
    max-width: 24px;
    height: 20px;
}
.site-header .header_all_btn .wishlist_btn,
.site-header .header_all_btn .cart_btn{
    margin-top: -6px;
}
.site-header .header_all_btn .notification_btn a,
.site-header .header_all_btn .wishlist_btn a,
.site-header .header_all_btn .cart_btn a{
    font-size: 0;
}
.site-header .header_nav ul{
    gap: 16px;
}
.site-header .header_nav a{
    padding-right: 16px;
    position:relative;
}
.site-header .header_nav a:after{
    content: "";
    display:inline-block;
    width:1px;
    height:14px;
    background:var(--dark-600);
    position:absolute;
    right:0;
    top:50%;
    transform: translateY(-50%);
}
.site-header .primary_btn {
    padding-inline: 40px;
    font-size: 16px;
}
.site-header .header_nav .header_all_btn ul a{
    padding-right:25px;
}
.site-header .header_nav .header_all_btn ul{
    gap:25px;
}
.site-header .header_all_btn .numb_count{
    min-width: 17px;
    height: 17px;
    font-size: 10px;
    background: var(--green);
    color: var(--white);
    top: -9px;
    left: 14px;
}
.site-header .header_all_btn .notification_btn .numb_count{
    top: -10px;
    left: 8px;
}
.site-header .header_all_btn .notification_btn{
    margin-top: -6px;
}
.site-header .searching_bar{
    margin-top: 36px;
}
.site-header .form_block .input_field_div input{
    padding: 17px 28px 17px;
}
.site-header .searching_bar .search_field{
    width: 68.2%;
    border: 1px solid var(--grey-600);
}
.site-header .searching_bar .app_icon,
.site-header .searching_bar .detect_location{
    width: 15.9%;
}
.site-header .searching_bar .app_icon img{
    max-width:22px;
}
.site-header .searching_bar .app_icon a{
    background: var(--dark-900);
    border: 0.67px solid var(--grey-500);
    border-radius: 5.33px;
    width: 60px;
    height: 60px;
    padding: 5px;
}
/* .site-header .search_field .dropdown{
    top: 50%;
    left: 8px;
    transform: translateY(-50%);
    z-index: 99;
} */
/* .site-header .search_field .input_field_div input{
    padding-left: 117px;
} */
.site-header .search_field .dropdown_btn{
    background: var(--orange);
    border: 1px solid var(--orange);
    color: var(--white);
    padding: 13px 23px 10px;
    border-radius: 4px;
    font-size: 16px;
}
.site-header a.login_btn::after,
.site-header .dropdown a::after,
.site-header .site_logo a::after{
    display: none;
}
.site-header .dropdown_btn.show img{
    transform: rotate(0deg);
}
.site-header .notification_menu .dropdown-menu{
    max-width: 440px;
    width: 100%;
    box-shadow: 0px 0px 24px -4px #0000001A;
    border-color: var(--light-400);
}
.site-header .notification_menu .dropdown-menu ul{
    max-height: 50vh;
}
.site-header .notification_menu .dropdown-menu .clear_btn{
    padding-right: 16px;
    margin-right:15px;
    line-height: 14px;
    border-right:1px solid var(--dark-600) !important;
}
.site-header .notification_menu .dropdown-menu .icon{
    max-width: 40px;
    min-width: 40px;
    height: 40px;
}
.site-header .notification_menu .dropdown-menu .content{
    width: calc(100% - 50px);
}
.site-header .search_field .input_field_div{
    width:calc(100% - 120px);
}
.site-header .search_field .input_field_div input{
    border:0px;
}
.site-header .search_field .input_field_div input:focus{
    border: 0px;
}
.site-header .search_field .searching_dropdown .dropdown_btn{
    min-height: 44px;
    padding: 5px;
    width: 120px;
}
header.postion_fixed{
    position: fixed;
    top: 0px;
    left: 0;
    right:0;
    background-color: var(--white);
    z-index: 999;
    box-shadow: 0px 0px 8px -2px #0000000A;
}
header.postion_fixed .header_nav{
    padding-block: 10px !important;
}
header.postion_fixed .searching_bar{
    margin-top: 0;
    animation: collapseHeight 0.5s ease forwards;
}
.site-header.postion_fixed .navbar{
    padding-block: 0px !important;
    margin-top: 5px !important;
}
@keyframes collapseHeight {
  0% {
    max-height: 80px;
    opacity: 1;
    overflow: visible;
  }
  100% {
    max-height: 0;
    opacity: 0;
    margin-top: 0;
    overflow: hidden;
  }
}
/* ============ header css end ============ */

/* ================ home page css start ================ */
section.space_top{
    margin-top: 210px !important;
}
/* banner section  */
.section-banner .content_block .container_div{
    padding-block: 80px 100px;
    min-height: 50vh;
}
.section-banner .banner_content {
    padding-left: 12%;
}
.section-banner .anchor_tag_banner{
    left: 0px;
    right: 0px;
}
.section-banner h1{
    color: var(--grey-900);
    font-weight: 800;
}
.section-banner h1 span{
    color: var(--grey-700);
    font-weight: 400;
}
.section-banner .banner_img{
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}
.section-banner .slick-track{
    display: flex;
}
.section-banner .slide {
  height: 100%;
  background-color: #ccc;
  padding: 10px;
}
.section-banner .slick-dots{
    bottom: 30px;
}
.section-banner .slick-dots li button::before{
    opacity: 1;
    color: transparent;
    border: 1px solid var(--black);
    background: var(--black);
    border-radius:50%;
    width:9px;
    height:9px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.section-banner .slick-dots  li.slick-active button::before{
    background: transparent;
}

/* category section  */
.section-category .all_category{
    padding-inline: 36px;
}
.section-category .all_category .icon_img{
    max-width:60px;
    max-height: 60px;
}
.section-category .all_category .category_name{
    transition: all 0.3s;
}
.section-category .all_category .category_name a{
    border-radius: 8px;
}
.section-category .all_category .category_name a:hover{
    box-shadow: var(--box-shadow);
}
.section-category .all_category .slick-slider .slick-arrow.slick-prev{
    left: -38px;
}
.section-category .all_category .slick-slider .slick-arrow.slick-next{
    right: -38px;
}
.section-category .all_category .slick-track{
    display: flex;
}
.section-category .all_category .slick-slide{
    height: inherit;
}
.section-category .all_category .category_name.slick-active:before{
    content: "";
    background: var(--dark-600);
    width:1px;
    height:14px;
    display:inline-block;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index: 10;
}
.section-category .category_product .category_product_block h4{
    line-height: 26px;
}
.section-category .category_product {
    margin-top: 100px;
}
.section-category .category_product .right_left .category_product_block{
    padding: 5px 20px 4px 20px;
    border-radius: 120px 120px 0px 0px;
}
.section-category .category_product .right_left .category_product_block img{
    max-width: 277px;
    margin-right: -43px;
}
.section-category .category_product .category_product_block img{
    margin-top: -47px;
}
.section-category .category_product .right_left .category_product_block .product_name_detail{
    /* margin-top: -75px; */
}
.section-category .category_product .right_left:last-child img{
    max-width: 240px;
    margin-right: 0;
}
.section-category .category_product .middle_content .category_product_block{
    border-radius: 0px 0px 150px 0px;
    padding: 5px 30px 12px 30px;
}
.section-category .category_product .middle_content .category_product_block img{
    max-width: 321px;
    border-radius: 0px 0px 142px 0px;
}
/* clear sale slider  */
.section-category .slider_clear_sale .category_product_block{
    border-radius: 120px 120px 0px 0px;
    padding: 20px;
}
.section-category .slider_clear_sale .category_product_block img {
    max-width: 277px;
    margin-top: -47px;
    object-fit: contain;
}
.section-category .slider_clear_sale .slick-track{
    display: flex !important;
    padding-block: 49px;
}
.section-category .slider_clear_sale .slick-slide{
    height: inherit;
    margin-inline: 15px;
}
.section-category .slider_clear_sale .slick-slide.slick-center .category_product_block{
    border-radius: 0px 0px 120px 0px;
}
/* brand logo section  */
.section-brand-logo .all_brand_logo .slick-track {
    display: flex;
    align-items: center;
    height: 100%;
}
.section-brand-logo .all_brand_logo .slick-list{
    height: 100%;
}
.section-brand-logo .all_brand_logo .slick-slide {
    height: inherit;
    padding-inline: 30px;
}
.section-brand-logo .all_brand_logo .logo_slider li img{
    /* max-width: 160px;
    max-height: 47px; */
    max-width: 100%;
    max-height: 160px;
}
.section-brand-logo .all_brand_logo{
    padding: 10px 46px;
    height: 180px;
}
.section-brand-logo .slick-arrow.slick-prev{
    left: -64px;
}
.section-brand-logo .slick-arrow.slick-next{
    right: -64px;
}

/* limited deals product section  */
.section-limiteddeals-product .limited_time_text{
    padding: 14px 13px;
}

/* make donation section  */
.section-make-donation .dontaion_block{
    padding: 70px 46px 73px 54px;
}
.section-make-donation .donation_content p,
.section-make-donation .donation_content h2{
    color: var(--dark-700);
}
.section-make-donation .donation_content h2 span{
    font-size: 77px;
    line-height: 80px;
    font-weight: 800;
}
.section-make-donation .donation_image_block{
    border-top-left-radius: 300px;
}
.section-make-donation .donation_image_block img{
    height: 561px;
    object-fit: cover;
    object-position: top center;
    width: 100%;
}

/* popular furniture section  */
.section-popular-furniture{
    padding-bottom: 100px;
}
.section-popular-furniture .tab_block ul{
    gap: 50px;
}
.section-popular-furniture .tab_block .tab_btn{
    padding-inline: 0;
}

/* Testimonial section  */
.section-testimonial .slick-dots{
    width: 163px;
    width: 100%;
    text-align: left;
    padding-inline: 0px;
}
.section-testimonial .testimonial_slider{
    margin-inline: -10px;
}
.section-testimonial .slider_item{
    padding-inline: 10px;
}
.section-testimonial .slider_item p{
    color: var(--dark-800);
}
.section-testimonial .slider_item .testimonial_content{
    padding: 30px 10px 30px 20px;
    border-left: 1px solid var(--green);
    width: calc(100% - 175px);
}
.section-testimonial .slider_item .main_img_testimonial{
    min-width: 150px;
    max-width: 150px;
    aspect-ratio: 1 / 1;
    height: 150px;
}
.section-testimonial .slick-dots li button::before{
    opacity: 1;
    color: transparent;
    border: 1px solid var(--black);
    background: var(--black);
    border-radius:50%;
    width:9px;
    height:9px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.section-testimonial .slick-dots  li.slick-active button::before{
    background: transparent;
}
.vouher_slider_section .slick-dots{
    padding-inline: 0px !important;
    text-align: center;
}
.vouher_slider_section .slick-track{
    display: flex;
    align-items: center;
}
.vouher_slider_section .main_img_voucher{
    /* max-height: 260px; */
    width: 100%;
    height: 320px;
}
.vouher_slider_section .slider_item{
    padding-inline: 0px;
}
.vouher_slider_section .slick-arrow.slick-next {
    right: -20px;
}
.vouher_slider_section .slick-arrow.slick-prev {
    left: -20px;
}
/* ================ home page css end ================ */

/* ================ category listing page css start  ================  */
.section-category-listing .main_row.row {
    margin-left: -30px;
    margin-right: -30px;
}
.section-category-listing .main_row.row>*{
    padding-left: 30px;
    padding-right: 30px;
}
.section-category-listing .category_listing .form_block .input_field_div input{
    padding: 12px 28px 10px 50px;
    max-width: 270px;
}
.section-category-listing .category_listing .form_block .input_field_div.icon_img img{
    left: 20px;
}
.section-category-listing .sub_category_item .image_block{
    background: var(--light-500);
    padding: 10px;
    height: 305px;
}
.section-category-listing .sub_category_item .content span{
    color: var(--grey-800);
}
.section-category-listing .right_side_content{
    border-left: 1px solid var(--grey-600);
}
.section-category-listing .sub_category_item .image_block img{
    max-height: 285px;
    border-radius: 20px;
}
/* ================ category listing page css end ================  */

/* ============ product listing page css start ============ */
.section-productlisting-banner{
    padding-block: 20px;
}
.section-productlisting-banner h1{
    font-size: 30px;
    line-height: 42px;
}
.section-product-listing .product_change_link .arrow{
    max-width: 9px;
    margin-top: -4px;
}
.section-product-listing .price_filter_drop .dropdown_btn{
    padding: 13.5px 20px;
    background: var(--light-700);
    border: 1px solid var(--light-400);
}
.section-product-listing .price_filter_drop .dropdown-menu{
    min-width: 215px;
    inset: 20px 0 auto auto !important;
}
.section-product-listing .price_filter_drop .dropdown-menu::before{
    content: "";
    background: url('../images/dropdown-content-arrow.png');
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: -19px;
    right: 33px;
}
.section-product-listing .price_filter_drop .dropdown-menu input[type="radio"] {
    margin-right: 12px;
    margin-top: -4px;
}
.section-product-listing .price_filter_drop .dropdown-menu label{
    cursor: pointer;
}
.section-product-listing .price_filter_drop .dropdown-menu input[type="radio"]:checked + label{
    color: var(--dark-600);
}
.section-product-listing .main_row.row>* {
    padding-left: 30px;
    padding-right: 30px;
}
.section-product-listing .main_row.row {
    margin-left: -30px;
    margin-right: -30px;
}
.section-product-listing .right_side_content {
    border-left: 1px solid var(--grey-600);
}
.section-product-listing .search_feild .input_field_div input {
    padding: 12px 28px 10px 50px;
}
/* .section-product-listing .product_list_sidebar .search_feild{
    border-top: 1px solid var(--light-400);
    margin-top: 20px;
} */
.section-product-listing .product_list_sidebar .filter_heading {
    border-bottom: 1px solid var(--light-400);
    padding-bottom: 20px;
}
.section-product-listing .product_list_sidebar .filter_list{
    gap: 12px;
}
.section-product-listing .product_list_sidebar .accordion_item .accordion_btn.collapsed img{
    transform: rotate(0deg);
}
.section-product-listing .product_list_sidebar .accordion_item .accordion_btn{
    padding: 12px 0px;
}
.section-product-listing .product_list_sidebar .accordion_item .accordion_btn img{
    max-width: 7px;
    transform:rotate(90deg);
}
.section-product-listing .product_list_sidebar .filter_list label{
    background: var(--light-600);
    padding: 9px 21px 8px;
    color: var(--black-500);
    line-height: 18px;
    cursor: pointer;
}
.section-product-listing .product_list_sidebar .filter_list input:checked + label{
    background: var(--green);
    color: var(--white);
}
.section-product-listing .product_list_sidebar .filter_list .more_option .dropdown_btn{
    padding: 9px 18px 8px;
    background: var(--light-700);
}
.section-product-listing .product_list_sidebar .color_list{
    gap:10px;
}
.section-product-listing .product_list_sidebar .color_list label{
    width:31px;
    height:31px;
    border:2px solid transparent;
    cursor: pointer;
}
.section-product-listing .product_list_sidebar .color_list input:checked + label{
    border: 2px solid var(--green);
}
.section-product-listing .product_list_sidebar .color_list .orange_color_lable{
    background-color: #FF8228;
}
.section-product-listing .product_list_sidebar .color_list .yellow_color_lable{
    background-color: #FACD23;
}
.section-product-listing .product_list_sidebar .color_list .purple_color_lable{
    background-color: var(--blue);
}
.section-product-listing .product_list_sidebar .color_list .black_color_lable{
    background-color: #282828;
}
.section-product-listing .product_list_sidebar .more_option .dropdown-menu{
    min-width: 500px;
}
.section-product-listing  .emty_screen_product{
    height: calc(100% - 48px);
}
.section-product-listing  .emty_screen_product img{
    max-width: 157px;
}
.section-product-listing  .emty_screen_product p{
    max-width: 526px;
}
/* ============ product listing page css end ============ */

/* ============ product detail page css start ============ */
.section-product-detail .product_detailing .product_change_link .arrow,
.section-donation-detail .product_detailing .product_change_link .arrow {
    max-width: 6px;
    margin-top: -2px;
}
.section-product-detail .product_detailing .global_cotwo button{
    padding: 12px;
    background-color: var(--green-500);
}
.section-product-detail .product_detailing .filter_text .all_filter span{
    background-color: var(--light-700);
    color: var(--grey-800);
    padding: 8px 12px 6px;
}
.section-product-detail .product_detailing .product_discription .price{
    font-size: 12px;
}
.section-product-detail .product_detailing .product_discription .save_perc{
    background-color: var(--orange);
    border-radius: 4px;
    font-size: 10px;
    line-height: 9px;
}
.section-product-detail .product_detailing .description_paragraph{
    border-bottom: 1px solid var(--grey-600);
}
.section-product-detail .product_detailing .description_paragraph p,
.section-donation-detail .product_detailing .description_paragraph p{
    color: var(--black-500);
    line-height: 22px;
}
.more_content_btn{
    font-size: 16px;
}
.more_content{
    display: none;
}
.more_content.active{
    display: inline;
}
.section-product-detail .product_detailing .product_qty{
    background-color: var(--light-700);
    border-radius: 12px;
    max-width: 195px;
}
.product_qty input:focus-visible{
    outline: none;
}
.product_qty button{
    top: 50%;
    transform: translateY(-50%);
    height: 38px;
    width: 38px;
    font-size: 25px;
}
.product_qty .minus_btn{
    left: 4px;
}
.product_qty .plus_btn{
    right: 4px;
}
.section-product-detail .product_detailing .product_color label{
    width: 40px;
    aspect-ratio: 1 / 1;
    cursor: pointer;
}
.section-product-detail .product_detailing .product_color .orange_color_lable{
    background-color: #FF8228;
}
.section-product-detail .product_detailing .product_color .yellow_color_lable{
    background-color: #FACD23;
}
.section-product-detail .product_detailing .product_color .black_color_lable{
    background-color: #282828;
}
.section-product-detail .product_detailing .product_color .purple_color_lable{
    background-color: var(--blue);
}
.section-product-detail .product_detailing .product_color .product_color_item input[disabled] + label:after{
    content:"";
    position:absolute;
    top:-8px;
    left:50%;
    width:1.22px;
    height:140%;
    background-color: var(--dark-600);
    transform:rotate(44deg)
}
.section-product-detail .product_detailing .product_color .product_color_item input:checked + label{
    width: 39px;
    border: 2px solid var(--white);
    outline: 1px solid var(--dark-600);
}
.section-product-detail .product_detailing .option_list label{
    border: 1px solid var(--grey-600);
    color: var(--black-500);
    padding-block: 7px;
    cursor: pointer;
}
.section-product-detail .product_detailing .option_list input:checked + label{
    background-color: var(--green);
    color: var(--white);
    border: 1px solid var(--green);
}
.section-product-detail .product_detailing .product_discription .product_dimention{
    border-top: 1px solid var(--grey-600);
}
.section-product-detail .product_detailing .product_dimention .length_block p,
.section-donation-detail .product_detailing .product_dimention .length_block p{
    color: var(--black-500);
}
.section-product-detail .product_detailing .product_dimention .dimention_block,
.section-donation-detail .product_detailing .product_dimention .dimention_block{
    border: 1px solid var(--light-700);
    border-radius: 4px;
}
.section-product-detail .product_detailing .product_dimention table,
.section-donation-detail .product_detailing .product_dimention table{
    outline:1px solid var(--light-700);
    border-radius:4px;
    min-width: 450px;
}
.section-product-detail .product_detailing .product_dimention table th,
.section-product-detail .product_detailing .product_dimention table td,
.section-donation-detail .product_detailing .product_dimention table th,
.section-donation-detail .product_detailing .product_dimention table td{
    border-bottom: 0.5px solid var(--light-300);
    padding-block: 10px;
}
.section-product-detail .product_detailing .product_dimention table tr:last-child td,
.section-product-detail .product_detailing .product_dimention table tr:last-child th,
.section-donation-detail .product_detailing .product_dimention table tr:last-child td,
.section-donation-detail .product_detailing .product_dimention table tr:last-child th{
    border-bottom: 0px;
}
.section-product-detail .product_detailing .shop_confidence .confidence_block,
.section-donation-detail .product_detailing .shop_confidence .confidence_block{
    background-color: var(--green-500);
    padding: 13.5px;
}
.section-product-detail .product_detailing .shop_confidence small{
    font-size: 12px;
}
.section-product-detail .product_detailing .shop_confidence img{
    max-width: 36px;
}
.section-product-detail .product_detailing .product_btn{
    gap: 20px;
}
.section-similar-product{
    padding-block: 80px;
}
.section-product-detail .product_thumbnail .thumbnail_item img,
.section-donation-detail .product_thumbnail .thumbnail_item img{
    aspect-ratio: 1 / 1;
}
.section-product-detail .product_thumbnail .thumbnail_item,
.section-donation-detail .product_thumbnail .thumbnail_item{
    width: 100%;
    background: var(--light-500);
    aspect-ratio: 1 / 1;
    margin-bottom: 14px;
    cursor: pointer;
    border: 2px solid transparent;
}
.section-product-detail .product_thumbnail .thumbnail_item.prev_active,
.section-donation-detail .product_thumbnail .thumbnail_item.prev_active{
    border: 2px solid var(--orange);
}
.section-product-detail .product_thumbnail .video_thumbnail_item .play_icon_btn,
.section-donation-detail .product_thumbnail .video_thumbnail_item .play_icon_btn{
    background-color: var(--black-500);
}
.section-product-detail .pruduct_img_preview .favorite_btn,
.section-donation-detail .pruduct_img_preview .favorite_btn{
    border: 1.33px solid #C4C4C4;
    width: 40px;
    height: 40px;
    top: 30px;
    right: 30px;
    z-index: 10;
}
.section-product-detail .pruduct_img_preview,
.section-donation-detail .pruduct_img_preview{
    background: var(--light-500);
    height: 710px;
    overflow: hidden;
    cursor: zoom-in;
}
.section-product-detail .pruduct_img_preview .zoom,
.section-donation-detail .pruduct_img_preview .zoom{
    background-color: var(--light-500);
    opacity: 0;
}
.section-product-detail .pruduct_img_preview img.zoom,
.section-donation-detail .pruduct_img_preview img.zoom{
  position: absolute;
  transition: width 0.2s ease-out, opacity 0.2s ease-out 0.2s;
}
.section-product-detail .pruduct_img_preview .display_img,
.section-donation-detail .pruduct_img_preview .display_img{
  width: 100%;
  max-height: 100%;
}
.section-product-detail .pruduct_img_preview .display_video,
.section-donation-detail .pruduct_img_preview .display_video{
    height: fit-content;
}
.globalcotwo_popup .modal-dialog{
    max-width: 674px;
}
.globalcotwo_popup .modal-body p{
    line-height: 19.5px;
}
.globalcotwo_popup .modal-body .chart_block{
    background-color: var(--light-700);
    padding-block: 20px;
    padding-inline: 10px;
}
.globalcotwo_popup .modal-body .chart_color_name{
    font-size: 10px;
    line-height: 10px;
    opacity: 0.70;
}
.globalcotwo_popup .modal-body .chart_color_name span{
    width: 10px;
    min-width: 10px;
    height: 10px;
    border-radius: 2px;
    margin-top: -1px;
    background-color: #000000;
}
/* ============ product detail page css end ============ */

/* ============ shopping cart page css start ============ */
.section-shopping-cart .cart_product .cart_adress_block{
    background-color: var(--green-500);
    border-radius: 10px;
    padding-inline: 12px 20px;
}
.section-shopping-cart .cart_product button{
    font-size: 16px;
}
.section-shopping-cart .cart_product .cart_adress_block img{
    max-width: 42px;
}
.section-shopping-cart .cart_product .cart_adress_block .adress_text{
    margin-left: 11px;
    padding-left: 11px;
}
.section-shopping-cart .cart_product .cart_adress_block .adress_text:before{
    content:"";
    display: inline-block;
    background: var(--dark-600);
    width:1px;
    height:83%;
    position:absolute;
    top:50%;
    left:0;
    transform: translateY(-42%);
}
.section-shopping-cart .product_detail .cotwo_icon_block{
    font-size: 12px;
    padding: 3px 6px;
}
.section-shopping-cart .product_detail .cotwo_icon_block img{
    max-width: 20px;
}
.section-shopping-cart .cart_product .cart_product_list .delivery_status .estimat_time,
.section-shopping-cart .cart_product .cart_adress_block .adress_text .adress_line{
    border-left: 1px solid var(--grey-400);
}
.section-shopping-cart .cart_product .cart_adress_block .adress_text .title_home{
    border-radius:4px;
    padding-block: 6px;
}
.section-shopping-cart .cart_product .cart_product_list .row {
    margin-left: -5px;
    margin-right: -5px;
}
.section-shopping-cart .cart_product .cart_product_list .row>* {
    padding-left: 5px;
    padding-right: 5px;
}
.section-shopping-cart .cart_product .cart_product_list{
    border: 1px solid var(--light-400);
    padding: 12px;
}
.section-shopping-cart .cart_product .cart_product_list .items:not(:last-child){
    border-bottom: 1px solid var(--light-300);
}
.section-shopping-cart .cart_product .cart_product_list .product_detail{
    padding-inline:5px;
}
.section-shopping-cart .cart_product .cart_product_list .image_block{
    padding-right:5px;
    max-width: 110px;
    aspect-ratio: 1 / 1;
}
.section-shopping-cart .cart_product .cart_product_list .image_block img{
    max-height: 100%;
}
.section-shopping-cart .cart_product .cart_product_list .variant_detail .detail_list{
    background-color: var(--light-700);
    padding: 5px 6px;
}
.section-shopping-cart .cart_product .cart_product_list .variant_detail .list_title{
    color: var(--grey-800);
}
.section-shopping-cart .cart_product .cart_product_list .delivery_status{
    color: #28282880;
}
.section-shopping-cart .cart_product .cart_product_list .delivery_status_title{
    border-radius: 4px;
    font-size: 12px;
}
.section-shopping-cart .cart_product .cart_product_list .delivery_status_title.refundable{
    background-color: var(--green-500);
}
.section-shopping-cart .cart_product .cart_product_list .delivery_status_title.non_refundable{
    background-color: #FDEFEF;
    color: var(--red);
}
.section-shopping-cart .cart_product .product_qty {
    background-color: var(--light-700);
    border-radius: 12px;
    max-width: 154px;
}
.section-shopping-cart .cart_product .product_qty .minus_btn {
    left: 4px;
}
.section-shopping-cart .cart_product .product_qty input:focus-visible {
    outline: none;
}
.section-shopping-cart .cart_product .product_qty button {
    top: 50%;
    transform: translateY(-50%);
    height: 38px;
    width: 38px;
    font-size: 25px;
}
.section-shopping-cart .cart_product .product_qty .plus_btn {
    right: 4px;
}
.section-shopping-cart .form_block .apply_promocode input{
    padding: 8px 67px 8px 12px;
}
.section-shopping-cart .form_block .apply_promocode button{
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
}
.section-shopping-cart .product_total_bill .save_money,
.section-shopping-cart .product_total_bill .apply_all{
    background-color: var(--light-700);
    padding: 11px;
}
.section-shopping-cart .product_total_bill .save_money small{
    font-size: 12px;
}
.section-shopping-cart .product_total_bill .save_money img{
    max-width: 24px;
}
.section-shopping-cart .product_total_bill .save_money button{
    border-radius: 4px;
    padding: 7px 15px;
}
.section-shopping-cart .product_total_bill .total_bill_content,
.section-payment .product_total_bill .total_bill_content,
.section-order-detail .product_total_bill .total_bill_content{
    border: 1px solid var(--light-300);
    padding-inline: 12px;
}
.section-shopping-cart .product_total_bill .total_bill_content th,
.section-shopping-cart .product_total_bill .total_bill_content td,
.section-payment .product_total_bill .total_bill_content th,
.section-payment .product_total_bill .total_bill_content td,
.section-order-detail .product_total_bill .total_bill_content th,
.section-order-detail .product_total_bill .total_bill_content td{
    border-bottom: 1px solid var(--light-300);
    height: 51px;
    padding-top: 17px;
}
.section-shopping-cart .product_total_bill .total_bill_content table tr:last-child th,
.section-payment .product_total_bill .total_bill_content table tr:last-child th,
.section-order-detail .product_total_bill .total_bill_content table tr:last-child th{
    font-size: 16px;
    border-bottom: 0;
    padding-top: 8px;
}
.section-shopping-cart .product_total_bill .total_bill_content table .dark_border,
.section-payment .product_total_bill .total_bill_content table .dark_border,
.section-order-detail .product_total_bill .total_bill_content table .dark_border{
    border-bottom: 1px solid var(--dark-600);
}
.section-shopping-cart .form_block input[type="checkbox"]:after{
    top:-5px
}
.section-shopping-cart .product_total_bill{
    top: 120px;
}
/* ============ shopping cart page css end ============ */

/* ============ checkout page css start ============ */
.section-checkout{
    padding-bottom: 80px;
}
.section-checkout .cart_product .cart_product_list .variant_detail .detail_list{
    padding: 5px 8px;
}
.section-checkout .cart_product .cart_product_list .delivery_status .estimat_time{
    border-left: 0;
}
/* ============ checkout page css end ============ */

/* ============ payment page css start ============ */
.section-payment .payment_block{
    max-width: 1170px;
}
.section-payment .payment_row{
    margin-inline: -15px;
}
.section-payment .total_payment_block,
.section-payment .payment_method_block{
    padding-inline: 15px;
}
.section-payment .total_payment_block{
    width: 37.5%;
}
.section-payment .payment_method_block{
    width: 62.5%;
}
.section-payment .pyment_list,
.gc_payment_option .pyment_list{
    border: 1px solid var(--light-300);
    padding: 0px 12px;
}
.section-payment .pyment_list.payment_online .payment_option:not(:last-child),
.gc_payment_option .pyment_list.payment_online .payment_option:not(:last-child){
    border-bottom: 1px solid var(--light-300);
}
.section-payment .pyment_list label img,
.gc_payment_option .pyment_list label img{
    max-width: 20px;
}
.tamara_popup .modal-dialog {
    max-width: 618px;
}
.tamara_popup .modal-header h5 img{
    width: 23px;
}
.tamara_popup .modal-dialog .modal-content{
    background: url(../images/tamara-popup-bg.png) no-repeat center center, var(--white);
    background-size: 100% 100%;
}
.tamara_popup .modal-dialog .border_line{
    background-color: rgba(0, 0, 0, .05);
    height: 1px;
}
.tamara_popup .modal-dialog .tamara_popup__payment_type:hover{
    box-shadow: 0 -6px 12px 4px hsla(0, 0%, 40%, .15);
    transition: all .3s linear;
}
.tamara_popup .modal-dialog  .tamara_popup__payment_type .icon{
    width: 32px;
    aspect-ratio: 1 / 1;
    background-color: var(--orange-700);
}
.tamara_popup .modal-dialog  .tamara_popup__payment_type .icon .number{
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 6px;
    color: var(--white);
}
.tamara_popup.site_all_popup .btn-close {
    margin-right: -18px;
}
/* ============ payment page css end ============ */

/* =========== order detail page css start =========== */
.section-order-detail .redirect_flow_link .arrow {
    max-width: 6px;
    margin-top: -2px;
}
/* .section-order-detail .order_status{
    color: var(--blue);
    background-color: #F1F8FF;
    border: 1px solid var(--blue-500);
    border-radius: 4px;
    font-size: 12px;
    padding-inline: 10px;
} */
.order_status{
    border-radius: 4px;
    font-size: 12px;
    padding-inline: 10px;
}
.section-order-detail .order_status.order_status_delivery{
    color: var(--green);
    background-color: var(--green-500);
    border: 2px solid var(--green-400);
}
.status-pending{
    border-color: #FF822880;
    background-color: #FEF3EB;
    color: var(--orange);
}
.status-shipped{
    border-color: #e4ff2880;
    background-color: #fdfeeb;
    color: #e3e300;
}
.status-inprocess{
    border-color: var(--blue-500);
    background-color: #F1F8FF;
    color: var(--blue);
}
.status-confirmed{
    color: var(--black);
    background-color: #F1F8FF;
    border: 2px solid var(--black-500);
}
.status-cancelled{
    border-color: #EC1A1A80;
    background-color: #FCECEC;
    color: var(--red);
}
.status-delivered{
    border-color: var(--green-400);
    background-color: #EEFBF2;
    color: var(--green);
}
.section-order-detail .order_all_product .rate_this_product{
    border: 1px solid var(--green-400);
    border-radius: 4px;
    font-size: 12px;
    padding: 5px 10px 4px;
}
.section-order-detail .order_all_product .image_block {
    padding-right: 10px;
    max-width: 90px;
    min-width: 90px;
    aspect-ratio: 1 / 1;
}
.section-order-detail .order_all_product .image_block img{
    max-height: 100%;
}
.section-order-detail .order_id_detail .order_head{
    padding-bottom: 10px;
    border-bottom: 1px solid var(--light-300);
}
.section-order-detail .order_tracking_detail .tracking_status small{
    font-size: 12px;
}
.section-order-detail .order_tracking_detail .tracking_line{
    height: 2px;
    width: calc(100% - 58px);
    background-color: var(--light-200);
    margin-bottom: -14px;
}
.section-order-detail .order_tracking_detail .tracking_status .square{
    width: 12px;
    height: 12px;
    border-radius: 2px;
    display: inline-block;
    background-color: var(--light-200);
}
.section-order-detail .order_tracking_detail .tracking_status{
    width: 33%;
}
.section-order-detail .order_tracking_detail .tracking_status:last-child{
    width: auto;
}
.section-order-detail .order_tracking_detail .tracking_status:not(:last-child)::after{
    content: "";
    height: 2px;
    width: 100%;
    background: var(--light-200);
    display: block;
    position: absolute;
    top: 12px;
    z-index: 1;
}
.section-order-detail .order_tracking_detail .tracking_status:not(:last-child)::before{
    content:"";
    height:2px;
    width: 100%;
    background: transparent;
    display:block;
    position: absolute;
    top: 12px;
    z-index: 2;
}
.section-order-detail .order_tracking_detail .tracking_status.status_change::before{
    background-color: var(--green);
}
.section-order-detail .order_tracking_detail .tracking_status.status_inprocess .square,
.section-order-detail .order_tracking_detail .tracking_status.status_change .square{
    background-color: var(--green);
}
.section-order-detail .order_tracking_detail .tracking_status.order_return_status_change::before{
    background-color: var(--orange);
}
.section-order-detail .order_tracking_detail .tracking_status.order_return_inprocess .square,
.section-order-detail .order_tracking_detail .tracking_status.order_return_status_change .square{
    background-color: var(--orange);
}
.section-order-detail .order_tracking_detail .tracking_status.order_return_inprocess::before{
    background-color: var(--orange);
    width:50%;
}
.section-order-detail .delivery_block .delivery_adress{
    background-color: var(--light-700);
}
.section-order-detail .delivery_block .delivery_adress .home_text{
    border-radius: 4px;
    padding-block: 5px;
    font-size: 12px;
}
.section-order-detail .delivery_block .delivery_help .chat_redirect_btn{
    border: 1px solid var(--green);
    padding-inline: 11px;
}
.section-order-detail .product_total_bill .total_bill_content .price_head small{
    font-size: 12px;
}
.section-order-detail .product_total_bill .total_bill_content .price_head img{
    max-width: 28px;
}
.section-order-detail .product_total_bill .total_bill_content .price_foot small{
    font-size: 10px;
    padding: 2px;
}
.section-order-detail .product_total_bill .total_bill_content .price_foot{
    margin-inline:-12px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}
.section-order-detail .product_total_bill .order_detail_btn button{
    font-size:16px;
}
.section-order-detail .product_total_bill .order_detail_btn .view_receipt_btn{
    color: var(--dark-600);
}
.section-order-detail .product_total_bill .order_detail_btn .cancel_order_btn{
    border-color: var(--red);
    color: var(--red);
}
.section-order-detail .product_total_bill .order_detail_btn .return_refund{
    border: 2px solid #FF822880;
    color: var(--orange);
    padding: 12px 30px;
}
.section-order-detail .cotwo_icon_block img{
    max-width: 20px;
}
.order_cancel_popup .modal-dialog{
    max-width: 509px;
}
.order_cancel_popup .modal-content{
    background:url('../images/refferal-layer-green-left.png') no-repeat top left, var(--white);
    background-size: 110%;
}
.order_cancel_popup .modal-content .button_div button{
    font-size: 16px;
}
.order_cancel_popup .modal-content .button_div button.no_cancel{
    background-color: transparent;
    color: var(--dark-600);
}
.order_cancel_popup .modal-content .button_div button.no_cancel:hover{
    background-color: var(--dark-600);
    color: var(--white);
    border-color: var(--dark-600);
}
.section-order-detail .order_return_notification{
    background-color: var(--yellow-500);
}
/* order datail sidebar  */
.section-order-detail .rating_review_modal .rating_review_product .image_block,
.my_accou_rating_review_modal .rating_review_product .image_block{
    max-width: 80px;
}
.section-order-detail .rating_review_modal .rating_review_product .product_block,
.my_accou_rating_review_modal .rating_review_product .product_block{
    max-width: 350px;
    border-radius: 12px;
}
.section-order-detail .rating_review_modal .rating_review_product .rating_review_block,
.my_accou_rating_review_modal .rating_review_product .rating_review_block{
    cursor: pointer;
}
.section-order-detail .rating_review_modal .rating_review_product .rating_review_block.active svg,
.my_accou_rating_review_modal .rating_review_product .rating_review_block.active svg{
    fill: #FACD23;
}
.section-order-detail .rating_review_modal .rating_review_product .rating_review_block.active svg path,
.my_accou_rating_review_modal .rating_review_product .rating_review_block.active svg path{
    stroke: #FACD23;
}
.section-order-detail .sidebar_modal .image_upload,
.my_accou_rating_review_modal .image_upload{
    margin-inline: -9px;
}
.section-order-detail .sidebar_modal .image_upload .upload_image_block,
.section-order-detail .sidebar_modal .image_upload .image_item,
.my_accou_rating_review_modal .image_upload .upload_image_block,
.my_accou_rating_review_modal .image_upload .image_item{
    width: 19.66%;
    padding-inline: 9px;
}
.my_accou_rating_review_modal .image_upload .image_item .image_item_block{
    aspect-ratio: 1 / 1;
}
.my_accou_rating_review_modal .image_upload .image_item .image_item_block img{
    max-height: 100%;
}
.section-order-detail .sidebar_modal .image_upload .image_item .image_item_block{
    aspect-ratio: 1 / 1;
}
.section-order-detail .sidebar_modal .image_upload .image_item .image_item_block img{
    max-height: 100%;
}
.section-order-detail .sidebar_modal .image_upload .upload_image,
.my_accou_rating_review_modal .image_upload .upload_image{
    border: 1px dashed var(--light-200);
    aspect-ratio:  1 / 1;
}
.section-order-detail .sidebar_modal .image_upload .upload_image label img,
.my_accou_rating_review_modal .image_upload .upload_image label img{
    max-height: 100%;
}
.section-order-detail .sidebar_modal .image_upload .image_item .cancel_product,
.section-order-detail .sidebar_modal .upload_image_block .cancel_product,
.pickup_image_upload .cancel_product,
.my_accou_rating_review_modal .image_item .cancel_product{
    border: 1px solid var(--grey-400);
    width: 20px;
    height: 20px;
    top: -5px;
    right: -5px;
}
.cancel_order_modal .upload_image_block .cancel_product{
    display: none !important;
}
.cancel_order_modal .upload_image_block.uploaded .cancel_product{
    display: flex !important;
}


.rating_review_modal .upload_image_block .cancel_product{
    display: none !important;
}
.rating_review_modal .upload_image_block.uploaded .cancel_product{
    display: flex !important;
}

.return_order_model .upload_image_block .cancel_product{
    display: none !important;
}
.return_order_model .upload_image_block.uploaded .cancel_product{
    display: flex !important;
}
.section-order-detail .sidebar_modal .vedeo_upload{
    height:100px;
    border:1px dashed var(--light-200);
}
.section-order-detail .view_order_history_modal .order_track{
    row-gap: 25px;
}
.section-order-detail .view_order_history_modal .order_track .order_status_sidebar{
    width: 2px;
    position: absolute;
    top: 42%;
    height: calc(100% + 35px);
}
.section-order-detail .view_order_history_modal .order_track .order_status_sidebar span{
    background-color: var(--light-200);
    width: 12px;
    height: 12px;
    border-radius: 2px;
    left: -5px;
}
.section-order-detail .view_order_history_modal .order_track .order_track_step:last-child .order_status_sidebar{
    background:var(--white);
}
.section-order-detail .view_order_history_modal .order_track .order_status_sidebar.status_inprocess span,
.section-order-detail .view_order_history_modal .order_track .order_status_sidebar.status_change span{
    background-color: var(--green);
}
.section-order-detail .view_order_history_modal .order_track .order_track_step:not(:last-child) .order_status_sidebar.status_change{
    background-color: var(--green);
}
.section-order-detail .view_order_history_modal .order_track .order_track_step.delivery_return_step .status_change,
.section-order-detail .view_order_history_modal .order_track .order_track_step.delivery_return_step .status_change span,
.section-order-detail .view_order_history_modal .order_track .order_track_step.delivery_return_step .status_inprocess span{
    background-color: var(--orange) !important;
}
.section-order-detail .view_order_history_modal .order_track .order_track_step:not(:last-child) .order_status_sidebar{
    background-color: var(--light-200);
}
.section-order-detail .view_order_history_modal .order_track .order_track_text{
    padding-left: 20px;
}
.section-order-detail .return_order_modal .return_refund_product .item_block{
    border: 1px solid var(--light-700);
    padding: 12px 12px 0px 12px;
}
.section-order-detail .return_order_modal .order_status_delivery{
    font-size: 10px;
    padding: 2px 8px;
}
.section-order-detail .return_order_modal .return_refund_product .item_head{
    border-bottom: 1px solid var(--light-200);
    padding-bottom: 10px;
}
.section-order-detail .return_order_modal .return_refund_product .image_block{
    width: 80px;
    aspect-ratio:  1 / 1;
}
.section-order-detail .return_order_modal .return_refund_product .return_date{
    margin-inline: -12px;
}
.section-order-detail .return_order_modal .product_return_issue_block li:not(:last-child),
.section-order-detail .cancel_order_modal .product_return_issue_block li:not(:last-child){
    border-bottom: 1px solid var(--light-300);
}
.download_invoice_popup .modal-dialog{
    max-width: 860px;
}
.download_invoice_popup .modal-content .invoice_template table tbody tr:first-child td{
    border-bottom: 0.5px solid var(--light-300);
    border-top: 0.5px solid var(--light-300);
    overflow: hidden;
}
.download_invoice_popup .modal-content .invoice_template table tbody tr td{
    border-bottom: 1px solid var(--light-700);
}
.download_invoice_popup .modal-content .invoice_template table tbody tr:first-child td:first-child{
    border-top-left-radius: 3px;
    border-left: 0..5px solid var(--light-300);
}
.download_invoice_popup .modal-content .invoice_template table tbody tr:first-child td:last-child{
    border-top-right-radius: 3px;
    border-right: 0..5px solid var(--light-300);
}
.download_invoice_popup .modal-content .invoice_template table thead img{
    max-width: 200px;
}
.download_invoice_popup .modal-content .invoice_template table thead th{
    color: #111111;
}
.download_invoice_popup .modal-content .invoice_template table thead th.adress_text,
.download_invoice_popup .modal-content .invoice_template table thead th.date_th{
    color: #777777;
}
.download_invoice_popup .modal-content .invoice_template table thead th.adress_text{
    line-height: 21px;
}
.download_invoice_popup .modal-content .invoice_template table .fontsize-12{
    line-height: 18px;
}
.download_invoice_popup .modal-content .invoice_template .tamara_icon{
    max-width: 48px;
}
.download_invoice_popup .modal-content .total_ammount_table .pay_ammount tr:nth-last-of-type(2) td{
    border-bottom-color: var(--dark-600);
}
.download_invoice_popup .modal-content .invoice_template table .total_ammount_table{
    border-bottom: 1px solid var(--black);
}
.download_invoice_popup .modal-content .invoice_template table tfoot td.term_title{
    font-size: 12px;
}
.download_invoice_popup .modal-content .invoice_template table tfoot{
    color: var(--dark-700);
}
.download_invoice_popup .modal-content .invoice_template table tfoot td ul,
.download_invoice_popup .modal-content .invoice_template table tfoot td p{
    font-size: 10px;
    line-height: 13px;
}
.download_invoice_popup .modal-content .invoice_template table tfoot td.condition_text{
    border-bottom: 1px solid var(--black);
}
.download_invoice_popup .modal-content .invoice_template table .invoice_btn{
    border-top: 1px solid var(--black);
}
.download_invoice_popup .modal-content .invoice_template table .invoice_btn .primary_btn{
    font-size: 14px;
    padding-inline: 5px;
    max-width: 154px;
    width: 100%;
}
.download_invoice_popup .modal-content .invoice_template table .invoice_btn .print_btn{
    color: #111111;
    background-color: transparent;
}
.section-order-detail .sidebar_modal.return_order_modal .image_upload .upload_image_block,
.section-order-detail .sidebar_modal.return_order_modal .image_upload .image_item,
.section-order-detail .sidebar_modal.cancel_order_modal .image_upload .upload_image_block,
.section-order-detail .sidebar_modal.cancel_order_modal .image_upload .image_item{
    width: 19.66%;
    padding-inline: 6px;
}
.section-order-detail .sidebar_modal .image_upload_note{
    font-size: 10px;
    color: #28282880;
}
.section-order-detail .sidebar_modal .form_block .input_field_div textarea{
    border-color: var(--light-300);
}
/* =========== order detail page css end =========== */

/* =========== my account page css start =========== */
/* Carbon copy css start  */
#my_profile .border-wrapper{
    padding-block: 10px;
}
#my_profile .pdf-container figure{
    margin:0px !important;
}
#my_profile .pdf-container .img-logo{
    max-width:50px;
    margin:0px !important
}
#my_profile .img-carbon{
    max-width: 44px;
    margin: 8px 0px !important;
}
#my_profile .pdf-container h3{
    font-size:11px;
    line-height: 15px !important;
    margin: 0px !important
}
#my_profile .pdf-container div{
    margin:0px !important;
}
#my_profile .pdf-container p{
    margin: 4px !important;
    line-height: 16px;
}
#my_profile .pdf-container .icon-table img{
    max-width:17px;
    height:17px;
}
#my_profile .pdf-container .signature-table{
    margin-top:10px;
}
#my_profile .pdf-container .signature-table img[alt="CO2"]{
    max-width:24px;
    margin-top: 0px !important;
}
#my_profile .pdf-container .offset-text{
    margin-top: 10px !important;
}
#my_profile .pdf-container .signature-table p{
    font-size: 11px !important;
    line-height: 14px !important;
}
/* Carbon copy css end  */

/* sidebar css  */
.section-myaccount .more_content_btn{
    font-size: 14px;
}
.section-myaccount .sidebar_tabing .right_arrow{
    max-width: 8px !important;
}
.section-myaccount .sidebar_tabing .accordion_btn.collapsed .right_arrow{
    transform: rotate(90deg);
}
.section-myaccount .sidebar_tabing .accordion_btn .right_arrow{
    transform: rotate(-90deg);
}
.section-myaccount .sidebar_tabing .tab_btn{
    min-height: 52px;
}
.section-myaccount .sidebar_tabing .tab_btn .icon_img{
    max-width: 24px;
    max-height: 24px;
}
.section-myaccount .sidebar_tabing .tab_btn.chat_icon .icon_img{
    width: 24px;
}
.section-myaccount .sidebar_tabing .tab_btn{
    padding-inline: 20px;
}
.section-myaccount .sidebar_tabing .tab_btn.active,
.section-myaccount .sidebar_tabing .tab_btn:hover{
    background-color: var(--green-500) !important;
    color: var(--green);
}
.section-myaccount .sidebar_tabing .tab_btn:focus{
    color: var(--green) !important;
    background-color: var(--green-500) !important;
}
.section-myaccount .sidebar_tabing .tab_btn:focus img{
    filter: brightness(0) saturate(100%) invert(74%) sepia(32%) saturate(656%) hue-rotate(120deg) brightness(83%) contrast(91%);
}
.section-myaccount .sidebar_tabing .tab_btn.active img,
.section-myaccount .sidebar_tabing .tab_btn:hover img{
    filter: brightness(0) saturate(100%) invert(74%) sepia(32%) saturate(656%) hue-rotate(120deg) brightness(83%) contrast(91%);
}
.section-myaccount .sidebar_tabing .sub_accordion .accordion_btn img{
    max-width: 24px;
    max-height: 24px;
}
.section-myaccount .sidebar_tabing .sub_accordion ul{
    padding-left: 20px;
}
.section-myaccount .sidebar_tabing .sub_accordion ul .tab_btn{
    min-height:44px;
}
.section-myaccount .category_sidebar .green_box{
    background: linear-gradient(90deg, #00880D 0%, #015708 100%);
    padding: 13px 12px;
}
.section-myaccount .category_sidebar .green_box img{
    max-width: 77px;
}
.section-myaccount .category_sidebar .green_box span{
    color: #FFFFFFE5;
}
.section-myaccount .category_sidebar .green_box a img{
    max-width: 5px;
}
.section-myaccount .category_sidebar .green_box h5{
    font-size: 22px;
}
.section-myaccount .main_row.row>* {
    padding-left: 30px;
    padding-right: 30px;
}
.section-myaccount .main_row.row{
    margin-left: -30px;
    margin-right: -30px;
}
.section-myaccount .right_side_content{
    border-right: 1px solid var(--grey-600);
}
.section-myaccount .myaccount_tab_content .form_block .title .input_field_div input {
    padding: 12px 28px 10px 50px;
}
.section-myaccount .myaccount_tab_content .form_block .input_field_div.icon_img img {
    left: 20px;
}
.section-myaccount .sidebar_tabing .logout_btn{
    background-color: #FEF3F3;
    border: 1.5px solid #EC1A1A80;
    color: var(--red);
    min-height: auto;
    padding: 8px;
}
.section-myaccount .sidebar_tabing .logout_btn:focus,
.section-myaccount .sidebar_tabing .logout_btn:hover{
    background-color: var(--red) !important;
    border: 1.5px solid var(--red);
    color: var(--white);
}
.section-myaccount .sidebar_tabing .logout_btn:focus{
    color: var(--white) !important;
}
.section-myaccount .sidebar_tabing .logout_btn:focus img,
.section-myaccount .sidebar_tabing .logout_btn:hover img{
    transition: all 0.3s;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(22%) hue-rotate(282deg) brightness(105%) contrast(104%);
}
.section-myaccount .filter_dropdown .dropdown_btn,
.export-btn-wrapper button{
    padding: 11px 20px;
    border: 1px solid var(--grey-600);
    border-radius: 6px;
    width: 116px;
}
.section-myaccount .filter_dropdown .dropdown_btn.show img {
    transform: rotate(0deg);
}
/* my order tab  */
.section-myaccount .tab_product_list_search .order_item{
    border: 1px solid var(--light-200);
    margin-bottom: 16px;
}
.section-myaccount .tab_product_list_search .order_item .product_img_content_block{
    width:33%;
}
.section-myaccount .tab_product_list_search .order_item .image_block{
    max-width: 100px;
    aspect-ratio: 1 / 1;
}
.section-myaccount .tab_product_list_search .order_item .image_block img{
    max-height: 100%;
}
.section-myaccount .tab_product_list_search .order_item .order_status{
    border-radius: 4px;
    border-style: solid;
    width: 120px;
}
.section-myaccount .tab_product_list_search .order_item .order_status.in_process,
.status-inProcess{
    border-color: var(--blue-500);
    background-color: #F1F8FF;
    color: var(--blue);
}
.section-myaccount .tab_product_list_search .order_item .order_status.delivery,
.status-approved{
    border-color: var(--green-400);
    background-color: #EEFBF2;
    color: var(--green);
}
.section-myaccount .tab_product_list_search .order_item .order_status.cancelled,
.status-cancelled{
    border-color: #EC1A1A80;
    background-color: #FCECEC;
    color: var(--red);
}
.section-myaccount .tab_product_list_search .order_item .order_status.returned,
.status-pending{
    border-color:  #FF822880;
    background-color: #FEF3EB;
    color: var(--orange);
}
.status-inTransit{
    border-color: rgba(64, 88, 207, 0.3);
    background-color: var(--blue-400);
    color: var(--blue-600);
}
.status-rejected{
    border-color: #EC1A1A80;
    background-color: #EC1A1A1A;
    color: var(--red);
}
.status-return{
    border-color: #EC1A1A80;
    background-color: #EC1A1A1A;
    color: var(--red);
}
.status-draft{
    border-color: #2828284D;
    background-color: var(--light-700);
    color: var(--dark-600);
}
.status-refund{
    border-color: #EC1A1A80;
    background-color: #EC1A1A1A;
    color: var(--red);
}
.status-negotiation{
    border-color: #6F42C1;
    background-color: #F8F5FF;
    color: #6F42C1;
}
.status-withdrawn{
    border-color: #2828284D;
    background-color: var(--light-700);
    color: var(--dark-600);
}
.status-returned{
    border-color: #47BFAB80;
    background-color: #EEFBF2;
    color: var(--green);
}
.section-myaccount .tab_product_list_search .filter_dropdown .dropdown-menu,
.sold_item_tab .filter_dropdown .dropdown-menu,
.request_tab .filter_dropdown .dropdown-menu{
    min-width: 215px;
    inset: 20px 0 auto auto !important;
}
.section-myaccount .tab_product_list_search .filter_dropdown .dropdown-menu::before,
.sold_item_tab .filter_dropdown .dropdown-menu::before,
.request_tab .filter_dropdown .dropdown-menu::before{
    content: "";
    background: url(../images/dropdown-content-arrow.png);
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: -19px;
    right: 33px;
}
.section-myaccount .tab_product_list_search .filter_dropdown .dropdown-menu input[type="radio"],
.sold_item_tab .filter_dropdown .dropdown-menu input[type="radio"],
.request_tab .filter_dropdown .dropdown-menu input[type="radio"]{
    margin-right: 12px;
    margin-top: -4px;
}
.section-myaccount .tab_product_list_search .cotwo_icon_block{
    padding: 2.4px 6px;
}
.section-myaccount .tab_product_list_search .cotwo_icon_block img{
    max-width: 20px;
}

/* whishlist tab  */
.section-myaccount .wishlist_tab .cotwo_icon_block{
    padding: 3px 6px;
}

/* my profile tab  */
.section-myaccount .my_profile_tab .edit_btn{
    max-width: 100px;
    width: 100%;
}
.section-myaccount .my_profile_tab .user_profile{
    max-width: 100px;
    width: 100%;
    aspect-ratio: 1 / 1;
}
.section-myaccount .my_profile_tab .user_profile img{
    object-position: top;
    height: 100%;
}
.section-myaccount .my_profile_tab label{
    color: var(--gray-300);
}
.section-myaccount .my_profile_tab .row.form_row {
    margin-left: -10px;
    margin-right: -10px;
}
.section-myaccount .my_profile_tab .row.form_row>* {
    padding-left: 10px;
    padding-right: 10px;
}
.section-myaccount .my_profile_tab .edit_profile_form .gender_option label{
    color: #888888;
    padding: 8px 30px;
    border: 1px solid #EDF1F3;
}
.section-myaccount .my_profile_tab .edit_profile_form .gender_option input:checked + label{
    border: 1px solid var(--green);
    background-color: var(--green-500);
    color: var(--green);
}
.section-myaccount .my_profile_tab .my_profile_btn{
    min-width: 222px;
    padding: 14px 5px;
    border-radius: 4px;
    border-style: solid;
}
.section-myaccount .my_profile_tab .my_profile_btn.change_pass{
    border-color: var(--green);
    background-color: var(--green-500);
    color: var(--dark-600);
}
.section-myaccount .my_profile_tab .my_profile_btn.delete_account{
    color: var(--red);
    border-color: #EC1A1A80;
    background-color: #FEF3F3;
    padding-block: 9.5px;
}
.section-myaccount .my_profile_tab .certificate_block{
    max-width: 420px;
    border: 1px solid var(--light-200);
    padding: 40px 20px 20px;
}
.section-myaccount .my_profile_tab .certificate_block .cirtificate_img{
    max-width: 210px;
}
.section-myaccount .my_profile_tab .certificate_btn .primary_btn{
    color: var(--dark-600);
    border-color: var(--grey-600);
    font-size: 16px;
}
.section-myaccount .my_profile_tab .certificate_btn .primary_btn:focus{
    color: var(--dark-600) !important;
}

/* manage refferal tab  */
.section-myaccount .manage_refferrals_tab .my_refferral{
    border: 1px solid var(--light-200);
    background: url('../images/refferal-layer-green-right.png') no-repeat;
    background-position: top right;
}
.section-myaccount .manage_refferrals_tab .my_refferral::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background: url('../images/refferal-layer-green-left.png') no-repeat;
    background-position: top left;
}
.section-myaccount .manage_refferrals_tab .refferals_content{
    max-width: 660px;
}
.section-myaccount .manage_refferrals_tab .refferral_work p{
    font-size: 12px;
    line-height: 16px;
}
.section-myaccount .manage_refferrals_tab .square{
    border-radius: 2px;
    width: 12px;
    height: 12px;
}
.section-myaccount .manage_refferrals_tab .refferrals_work_line::before{
    content: "";
    display: block;
    width: 67%;
    height: 2px;
    background-color: var(--green);
    position: absolute;
    top: 11.9px;
    left: 50%;
    transform: translateX(-50%);
}
.section-myaccount .manage_refferrals_tab .refferral_btn button{
    color: var(--dark-600);
    font-size: 14px;
}
.section-myaccount .manage_refferrals_tab .refferral_btn .invite_whatsapp:hover img{
    filter: none;
}
.section-myaccount .manage_refferrals_tab .orange_block{
    margin-top: 33px;
}
.section-myaccount .manage_refferrals_tab .total_refferal_balance small{
    font-size: 12px;
    line-height: 16px;
    color: #FFFFFFE5;
}
.section-myaccount .manage_refferrals_tab .total_refferal_balance h3{
    font-size: 40px;
}
.section-myaccount .manage_refferrals_tab .refferal_point  .refferal_point_block{
    border-bottom: 1px solid var(--light-200);
}
.section-myaccount .manage_refferrals_tab .orange_block .second_img{
    top: 13px;
    right: 13px;
}
.section-myaccount .manage_refferrals_tab .orange_block .first_img{
    bottom: 13px;
    left: 13px;
}

/* refund tab  */
.section-myaccount .refund_tab .total_refferal_balance .green_block{
    border: 1px solid var(--light-200);
    background: url('../images/refferal-layer-green-left.png') no-repeat top left, var(--white);
    background-size: 180%;
}
.section-myaccount .refund_tab .total_refferal_balance .green_block h3{
    font-size: 40px;
}
.section-myaccount .refund_tab .total_refferal_balance .green_block .first_img{
    bottom: 13px;
    left: 13px;
}
.section-myaccount .refund_tab .total_refferal_balance .green_block .second_img{
    top: 16px;
    right: 16px;
}
.section-myaccount .refund_tab .transaction_bag_content .nav-link{
    border-radius: 4px;
    width: 107px;
    padding-block: 7px !important;
}
.section-myaccount .refund_tab .transaction_bag_content .nav-link.active{
    color: var(--green) !important;
    border-color: var(--green) !important;
    background-color: var(--green-500) !important;
}
.section-myaccount .refund_tab .product_refund_point .refund_point_item{
    border-bottom: 1px solid var(--light-200);
}
.section-myaccount .refund_tab .refund_point_item .img_block{
    max-width: 70px;
    aspect-ratio: 1 / 1;
}
.section-myaccount .refund_tab .refund_point_item .img_block img{
    max-height: 100%;
}
.section-myaccount .refund_tab .refund_point_item .refund_point_green{
    border: 1px solid var(--green);
    color: var(--green);
}
.section-myaccount .refund_tab .refund_point_item .refund_point img{
    max-width: 20px;
    margin-top: -1px;
}
.section-myaccount .refund_tab .refund_point_item .refund_point_red{
    border: 1px solid var(--red);
    color: var(--red);
}


/* faq tab  */
.section-myaccount .faqs_tab .accordion_title{
    display: none;
}
.section-myaccount .faqs_tab .accordion_title.active{
    display: block;
}
.section-myaccount .faqs_tab .accordion_tab .accordion_btn .right_arrow {
    max-width: 8px;
}
.section-myaccount .faqs_tab .accordion_tab .accordion_btn{
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 1px solid var(--light-200);
    min-height: 90px;
}
.section-myaccount .faqs_tab .accordion_content .redirect_flow_link .arrow {
    max-width: 6px;
    margin-top: -2px;
}
.section-myaccount .faqs_tab .accordion_content .back_faqs:hover{
    color: var(--orange);
}
.section-myaccount .faqs_tab .accordion_content .redirect_flow_link,
.section-myaccount .faqs_tab .accordion_content .accordion_text_item:not(:last-child){
    border-bottom: 1px solid var(--light-200);
}
.section-myaccount .faqs_tab .accordion_content .accordion_text_item:first-child{
    border-top: 1px solid var(--light-200);
}
.section-myaccount .faqs_tab .accordion_content .accordion_text_item{
    padding-top: 30px;
}
.section-myaccount .faqs_tab .accordion_content .accordion_text_item ul{
    font-size: 16px;
    line-height: 22px;
    list-style: disc;
}
.section-myaccount .faqs_tab .accordion_content .chat_with_btn{
    color: var(--dark-600);
    max-width: 200px;
}
.section-myaccount .faqs_tab .accordion_content .chat_with_btn img{
    max-width: 24px;
}
/* .section-myaccount .faqs_tab #faq_tab_btn{
    margin-inline: -5px;
} */
.section-myaccount .faqs_tab #faq_tab_btn .nav-item {
    width: 16.66%;
    padding-inline: 5px;
}
.section-myaccount .faqs_tab #faq_tab_btn{
    margin-inline: -5px;
}
.section-myaccount .faqs_tab #faq_tab_btn .nav-item .nav-link{
    border: 1px solid var(--light-200);
    height: 122px;
}
.section-myaccount .faqs_tab #faq_tab_btn .nav-item .nav-link:hover,
.section-myaccount .faqs_tab #faq_tab_btn .nav-item .nav-link.active{
    background-color: var(--green);
    border-color: var(--green);
    color: var(--white);
}
.section-myaccount .faqs_tab #faq_tab_btn .nav-item .nav-link img{
    transition: all 0.3s;
    max-width: 30px;
}
.section-myaccount .faqs_tab #faq_tab_btn .nav-item .nav-link:hover img,
.section-myaccount .faqs_tab #faq_tab_btn .nav-item .nav-link.active img{
    filter: brightness(0) saturate(100%) invert(96%) sepia(4%) saturate(15%) hue-rotate(170deg) brightness(105%) contrast(104%);
}

/* My donation tab  */
.section-myaccount .my_donation_tab .order_item .donation_date_schedule{
    width: 50%;
}
.section-myaccount .my_donation_tab .order_item .product_img_content_block{
    width: 48%;
}

/* Address tab  */
.section-myaccount .address_tab .title .primary_btn{
    font-size: 14px;
    background-color: transparent;
    color: var(--dark-600);
    width: 270px;
}
.section-myaccount .address_tab .address_block{
    border: 1px solid var(--light-200);
    padding-right: 35px;
}
.section-myaccount .address_tab .address_block p{
    line-height: 22px;
}
.section-myaccount .address_tab .address_block .default_green_block{
    border-radius: 4px;
    padding: 2px 5px 0;
}
.section-myaccount .address_tab .address_block .more_option_block{
    top: 10px;
    right: 16px;
}
.section-myaccount .address_tab .address_row.row {
    margin-left: -10px;
    margin-right: -10px;
}
.section-myaccount .address_tab .address_row.row>* {
    padding-left: 10px;
    padding-right: 10px;
}

/* sold-item tab  */
.sold_item_tab .search_bar,
.request_tab .search_bar{
    max-width: 300px;
}
.sold-item-table .table>:not(caption)>*>*{
    color: var(--dark-600);
    padding-inline: 4px;
    padding-top: 10px;
    border-color: var(--light-200);
}
.sold-item-table .table th {
    background-color: var(--light-700);
    padding-inline: 4px;
    padding-top: 8px;
    border-bottom: 0px;
}
.sold-item-table .table th:first-child{
    border-radius: 4px 0 0 4px;
    padding-left: 8px;
}
.sold-item-table .table th:last-child{
    border-radius: 0px 4px 4px 0px;
    padding-right: 8px;
}
.sold-item-table .sold-product-img{
    width: 50px;
    height: 50px;
    min-width: 50px;
    background-color: var(--light-600);
    display:flex;
    align-items:center;
    justify-content:center;
}
.sold-item-table .sold-product-img img{
    max-height:100%;
}
.sold-status{
    padding: 3px 10px;
    border-radius: 4px;
    border-style: solid;
    min-width: 100px;
}
.sold-item-table .dropdown-toggle::after,
.sold_item_tab .filter_dropdown .dropdown-toggle::after,
.request_tab .filter_dropdown .dropdown-toggle::after,
.bank_account_management_tab .dropdown-toggle::after{
    display: none;
}
.sold-item-table .sold-item-name{
    max-width: 143px;
}
.sold-item-table .table> tbody tr:last-child td{border-bottom: 0px;}
.export-btn-wrapper button,
.sold_item_tab .filter_dropdown .dropdown_btn,
.request_tab .filter_dropdown .dropdown_btn{
    width: auto;
    border-color: var(--green);
    padding: 12px 20px !important;
}
.export-btn-wrapper button img,
.sold_item_tab .filter_dropdown .dropdown_btn img,
.request_tab .filter_dropdown .dropdown_btn img,
.addproduct_wrapper .addProduct {
    height: 22px;
}
.sold_item_empty{
    height: 100%;
}
.sold_item_empty p{
    max-width: 385px;
}
.si_orderDetails_list li{padding-block: 20px;}
.si_orderDetails_list li:last-child{padding-bottom: 0px;}
.si_orderDetails_list li:not(:last-child)
{
    border-bottom: 1px solid var(--light-200);
}
.sold_item_prodcut_status .sold-status
{
    padding: 4px 10px;
}
.emty_screen_product,
.sold_item_empty_tab{
    height: calc(100% - 80px);
}
/* warning box */
.warning_box
{
    padding: 16px 12px 12px;
}
.pickup_initiated .btn_wrapper button
{
    font-size: 16px !important;
}
.package_proof .package_proof_img
{
    width: 145px;
    height: 145px;
    background-color: var(--light-700);
    border-radius: 10px;
}
.si_shipping_details .sold-status,
.si_payment_details .sold-status
{
    max-width: 86px;
    min-width: auto;
    padding-block: 5px;
    width: fit-content;
}
.si_order_action_butns .text-red
{
    color: var(--red);
}
.si_order_action_butns .cancel_order:hover
{
    background-color: var(--red);
    color: var(--white);
    border-color: transparent;
}
.si_order_action_butns .border_btn
{
    padding: 14px 15px;
}

/* Pickup Sidebar */
.pickup_image_upload li
{
    width: 102px;
    height: 100px;
}
.pickup_image_upload .cancel_product
{
    top: 3px;
    right: 3px;
}
.pickup_note
{
    letter-spacing: -0.32px;
}
.pickupSBar_modal
{
    max-width: 460px;
}
.pickup_img_upload label
{
    color: rgba(40, 40, 40, 0.5);
}
.pickupSBar_modal .modal_footer_block .border_btn
{
    padding: 13px 30px;
}

.pickupImage_upload_confirm_modal .modal-dialog
{
    max-width: 380px;
}
.p-20{padding: 20px;}
.pickupImage_upload_confirm_modal .modal-header
{
    border-bottom: 1px solid var(--grey-600) !important;
}
.pickupImage_upload_confirm_modal .btn-close
{
    font-size: 15px;opacity: 1;
}

/* sold item details page */
.sold_item_details_page .head{
    margin-bottom: 30px;
}
.sold_item_prodcut .divider{
    margin: 29px 0px 32px;
}
.sold_item_prodcut_statusSoldBy{
    padding: 7px 14px;
}
.sold_item_prodcut_details_info .product_figure{
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sold_item_prodcut_details_info .product_figure img{
    max-height: 100%;
}

/* Dashboard tab  */
.section-myaccount .dashboard_tab .form_block .input_field_div.icon_img input {
    padding-left: 50px;
}
.section-myaccount .dashboard_tab .row{
    margin-inline: -8px;
}
.section-myaccount .dashboard_tab .row>*{
    padding-inline: 8px;
}
.section-myaccount .dashboard_tab .filters label{
    border: 1px solid var(--grey-600);
    padding: 14px 20px;
}
.section-myaccount .dashboard_tab .filters input:checked + label{
    background: var(--green);
    color: var(--white);
    border-color: var(--green);
}
.section-myaccount .dashboard_tab .border-bottom-1{
    border-bottom: 1px solid var(--light-200);
}
.section-myaccount .dashboard_tab .sky_blue{
    background-color: #F1F8FF;
}
.section-myaccount .dashboard_tab .orange_tint{
    background-color: #FEF3EB;
}
.section-myaccount .dashboard_tab .yellow_tint{
    background-color: var(--yellow-500);
}
.section-myaccount .dashboard_tab .addproduct_btn{
    padding-block: 6px 4px;
}
.section-myaccount .dashboard_tab .tab_block .tab_btn{
    font-size: 16px;
    color: var(--dark-600);
    margin-bottom: -1.1px;
}
.section-myaccount .dashboard_tab .tab_block .tab_btn:hover,
.section-myaccount .dashboard_tab .tab_block .tab_btn.active{
    color: var(--green);
}
.section-myaccount .dashboard_tab .chart_parent::before{
    content: "Total";
    display:inline-block;
    position: absolute;
    top: 38%;
    left: 50%;
    transform:translateX(-50%);
    font-size:19px;
    font-weight:500;
    color: #28282880;
}
.dashboard_tab .recent_request_all_data{
    display: none;
}

/* Request tab  */
.addproduct_wrapper .addProduct{
    padding: 11px 20px;
    min-height: 48px;
    line-height: 16px;
}
.add_product_modal .modal-body label{
    padding-block: 14px;
}
.add_product_modal .modal-body input:checked + label{
    border-color: var(--green);
    background-color: var(--green-500);
    color: var(--green);
}
.dashboard_tab .form_block .input_field_div.caleder_icon_input input{
    height:48px;
    width:113px;
}
.earning_tab .form_block .input_field_div.caleder_icon_input input{
    height: 40px;
    width: 103px;
}
.dashboard_tab .form_block .input_field_div.caleder_icon_input input,
.earning_tab .form_block .input_field_div.caleder_icon_input input{
    padding:5px;
    display: inline-block;
    background: none;
    text-align: center;
}
.dashboard_tab .form_block .input_field_div.caleder_icon_input input::placeholder,
.earning_tab .form_block .input_field_div.caleder_icon_input input::placeholder{
    color: var(--dark-600);
}
.request_tab .product_qty{
    border:1px solid #EDF1F3;
}
.request_tab .product_qty input{
    padding-block: 9px;
}
.request_tab .product_qty button{
    border-radius: 4px;
    width: 40px;
    aspect-ratio: 1 / 1;
}
.request_tab .actual_price.input_field_div span{
    top: 50%;
    transform: translateY(-50%);
    left: 14px;
}
.request_tab .actual_price.input_field_div input{
    padding-left: 60px;
}
.request_tab .form_row.row{
    margin-inline: -8px;
}
.request_tab .form_row.row>*{
    padding-inline: 8px;
}
.request_tab .admin_offered_product .yellow_box button{
    height: 40px;
    padding: 5px;
}
.request_tab .product_detailing .product_dimention table{
    outline-color: var(--light-200);
}
.request_tab .section-donation-detail .pruduct_img_preview{
    height: auto;
    aspect-ratio: 1 / 1;
}
.request_tab .section-donation-detail .product_thumbnail .thumbnail_item{
    margin-bottom: 0;
}
.request_tab .section-donation-detail .product_detailing .description_paragraph ul{
    list-style: none;
}
.request_tab .section-donation-detail .product_detailing .stock_detail .stock_detail_item{
    width: 33.33%;
}
.request_tab .section-donation-detail .product_detailing .stock_detail .stock_detail_item:not(:last-child){
    border-right: 1px solid var(--light-200);
}
.request_tab .section-donation-detail .product_detailing .description_paragraph .more_content_btn {
    font-size: 14px;
}
.request_tab .section-donation-detail .pruduct_img_preview .display_img {
    height: 100%;
    object-fit: contain;
}
.request_tab .yellow_box .primary_btn.height-32{
    height: 32px;
}
.request_tab .accordion_btn img{
    transform: rotate(-180deg);
}
.request_tab .accordion_btn.collapsed img{
    transform: rotate(-0deg);
}
.request_tab .rejected_offer_block{
    background-color: #FEE9E9;
}
.request_tab .title .ask_admin_btn{
    padding-block: 6px;
}
.request_tab .yellow_box .pay_btn{
    width: 170px;
}
.request_tab .product_detailing .description_paragraph{
    border-top: 1px solid var(--grey-600);
}
.sidebar_modal.order_summery_modal{
    max-width: 500px;
}
.ask_admin_modal .product_withdrawal_issue_block li:not(:last-child){
    border-bottom: 1px solid var(--light-300);
}
.order_summery_modal .order_summery_block .green_box{
    background: url(../images/refferal-layer-green-left.png) no-repeat top left, var(--white);
    background-size: 180%;
}
.order_summery_modal .date_block{
    height: 1px;
    margin-top: 14px;
    margin-bottom: 14px;
    background: rgb(108, 114, 120);
    background: radial-gradient(circle, rgba(108, 114, 120, 0.7) 12%, rgba(255, 255, 255, 0.6530987394957983) 100%, rgba(255, 255, 255, 1) 100%);
}
.order_summery_modal .history .date_block span{
    top:50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.order_summery_modal .history .user_content{
    max-width: calc(100% - 43px)
}
.order_summery_modal .history .user_img{
    border: 0.85px solid #949494;
    max-width: 34px;
    min-width: 34px;
    height: 34px;
}
.order_summery_modal .history .received_massage{
    padding-right: 43px;
}
.order_summery_modal .history .send_massage{
    padding-left: 43px;
}
.order_summery_modal .history .send_massage .user_content{
    background-color: var(--green-500);
}
.order_summery_modal .history .received_massage .time_span{
    padding-left: 43px;
}
.order_summery_modal .history .send_massage .time_span{
    padding-right: 43px;
}
.order_summery_modal .history .received_massage .user_content{
    border-radius: 6px 6px 6px 0px;
}
.order_summery_modal .history .send_massage .user_content{
    border-radius: 6px 6px 0px 6px;
}
.order_summery_modal .history .history_btn{
    font-size: 14px;
    height: 30px;
    padding-block: 5px;
}
.order_summery_modal .modal_footer_block .btn_block{
    width: 40%;
}

/* Earning tab  */
.earning_tab .erning_block h3{
    font-size: 32px;
}
.earning_tab .earning_block .chart_select{
    padding-block: 5.5px !important;
    height: 40px;
}
.earning_tab .earning_block .addnew_Iban{
    height: 48px;
}
.earning_tab .earning_block .dropdown-toggle::after{
    display: none;
}
.earning_tab .trasition_history .tra_his_btn img{
    height: 20px;
}
.earning_tab .trasition_history .tra_his_btn{
    padding: 8px !important;
    font-size: 14px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.earning_tab .form_block .input_field_div input,
.earning_tab .form_block .input_field_div select,
.earning_tab .form_block .input_field_div textarea{
    border-color: #EDF1F3;
}
.earning_tab .bank_add_row{
    margin-inline: -6px;
}
.earning_tab .bank_detail_col{
    padding-inline: 6px;
    width: 50%;
}
.sidebar_modal.earning_bank_detail_modal{
    max-width: 460px;
}

/* Become B2B vendor  */
.become_vendor_tab .form_row{
    margin-inline: -10px;
}
.become_vendor_tab .form_row.row>* {
    padding-left: 10px;
    padding-right: 10px;
}
.section-myaccount .sidebar_tabing .tab_btn.chat_icon.tab_btn:hover .icon_img,
.section-myaccount .sidebar_tabing .tab_btn.chat_icon.active .icon_img,
.section-myaccount .chat_with_btn:hover img{
    filter: none;
}
/* =========== my account page css end =========== */

/* =========== Carbon offset certificate page css start =========== */
.section-carbon-certificate .certificate_block {
    border: 1px solid var(--light-200);
    padding: 40px 20px 20px;
}
.section-carbon-certificate .certificate_block .cirtificate_img{
    max-width: 342px;
    width: 100%;
}
.section-carbon-certificate .certificate_btn .primary_btn {
    color: var(--dark-600);
    border-color: var(--grey-600);
    font-size: 16px;
}
.section-carbon-certificate .carbon_certificate_data_block .primary_btn{
    font-size: 16px;
}
.section-carbon-certificate .carbon_certificate_data_block.form_block .tab_block .input_field_div.icon_img img {
    left: 20px;
}
.section-carbon-certificate .carbon_certificate_data_block.form_block .tab_block .input_field_div{
    max-width: 284px;
}
.section-carbon-certificate .tab_block .tab_btn{
    font-size: 18px;
    width: 180px;
}
.section-carbon-certificate .carbon_certificate_data_block .product_list .item {
    border: 1px solid var(--light-200);
}
.section-carbon-certificate .carbon_certificate_data_block .product_list .item:not(:last-child){
    margin-bottom: 16px;
}
.section-carbon-certificate .carbon_certificate_data_block .item .image_block {
    max-width: 100px;
}
/* =========== Carbon offset certificate page css end =========== */

/* =========== donate page css start =========== */
.section-donate .main_row{
    margin-inline: -15px;
}
.section-donate .main_row .right_side_block,
.section-donate .main_row .left_side_block{
    padding-inline: 15px;
}
.section-donate .main_row .left_side_block{
    width: 16.7%;
}
.section-donate .main_row .right_side_block{
    width: 83.3%;
}
/* .section-donate .donate_block{
    max-width: 1470px;
} */
.section-donate .orange_block p{
    line-height: 23px;
    color: #FFFFFFE5;
}
.section-donate .orange_block .orange_block_img{
    max-width: 111%;
    min-width: 111%;
    margin-left: -16px;
}
.section-donate .orange_block .first_img{
    top: 20%;
    left:0;
}
.section-donate .orange_block .second_img{
    top: 0px;
    right: 0px;
}
.section-donate .orange_block .third_img {
    top: 4%;
    right: 13%;
}
.section-donate .orange_block .fourth_img {
    top: 15%;
    left: 6%;
}
.section-donate .donate_form label{
    color: var(--gray-300);
}
.section-donate .donate_form label small{
    font-size: 10px;
    color: #6C727880;
}
.section-donate .donate_form .form_row.row {
    margin-left: -10px;
    margin-right: -10px;
}
.section-donate .donate_form .form_row.row>* {
    padding-left: 10px;
    padding-right: 10px;
}
.section-donate  .proress_step_block .heading{
    width: 30%;
}
.section-donate .progress_step{
    width: 70%;
}
.section-donate .proress_step_block{
    border-bottom: 1px solid var(--light-200);
}
.section-donate .form_block .input_field_div input,
.section-donate .form_block .input_field_div select,
.section-donate .form_block .input_field_div textarea{
    border-color: #EDF1F3;
}
.request_tab .form_block .input_field_div input,
.request_tab .form_block .input_field_div select,
.request_tab .form_block .input_field_div textarea{
    border-color: #EDF1F3;
}


/* step css  */
.section-donate .progress_step .step_icon,
.request_tab .progress_step .step_icon{
    border: 1px solid #C4C4C4;
    width: 44px;
    aspect-ratio: 1 / 1;
}
.section-donate .progress_step ul,
.request_tab .progress_step ul{
    margin-inline: -15px;
}
.section-donate .progress_step .step_block,
.request_tab .progress_step .step_block{
    padding-inline: 15px;
}
.section-donate .form_block fieldset:not(:first-of-type),
.request_tab .form_block fieldset:not(:first-of-type){
    display: none;
}
.section-donate .progress_step li:not(:last-child):after,
.request_tab .progress_step li:not(:last-child):after{
    content: "";
    width: 100%;
    height: 2px;
    background: #D9D9D9;
    position: absolute;
    left: 50%;
    top: 22px;
    z-index: -1;
}
.section-donate .progress_step li.active:after,
.request_tab .progress_step li.active:after {
    background: var(--green);
}
.section-donate .progress_step li.step_in_process svg path,
.section-donate .progress_step li.active svg path,
.request_tab .progress_step li.step_in_process svg path,
.request_tab .progress_step li.active svg path{
    stroke: var(--dark-600);
    stroke-opacity: 1;
}
.section-donate .progress_step .step_in_process .fill_svg svg path,
.request_tab .add_product_flow .progress_step .step_in_process .fill_svg svg path {
    fill: var(--dark-600);
}
.section-donate .progress_step .active .fill_svg svg path,
.request_tab .add_product_flow .progress_step .active .fill_svg svg path{
    fill: var(--white);
}
.section-donate .progress_step li.step_in_process span.opacity-50,
.section-donate .progress_step li.active span.opacity-50,
.request_tab .progress_step li.step_in_process span.opacity-50,
.request_tab .progress_step li.active span.opacity-50{
    opacity: 1 !important;
}
.section-donate .progress_step li.active .step_icon,
.request_tab .progress_step li.active .step_icon{
    background-color: var(--green) !important;
    border: 1px solid var(--green);
}
.section-donate .progress_step li.active svg path,
.request_tab .progress_step li.active svg path{
    stroke: var(--white);
}
.section-donate .select_category_block .category_item label img,
.request_tab .select_category_block .category_item label img{
    height: 36px;
    margin-bottom: 10px;
}
.section-donate .select_category_block .category_item label,
.request_tab .select_category_block .category_item label{
    width: 117px;
    color: var(--dark-600);
    border-radius: 12px;
    padding-block: 14px;
}
.section-donate .select_category_block .category_item input:checked + label,
.request_tab .select_category_block .category_item input:checked + label{
    background-color: var(--green-500) !important;
    color: var(--green);
}
.section-donate .size_option_block .size_option,
.request_tab .size_option_block .size_option{
    width: 24%;
}
.section-donate .product_option_block label,
.section-donate .size_option_block .size_option label,
.request_tab .product_option_block label,
.request_tab .size_option_block .size_option input{
    color: #888888;
    padding: 8px 15px;
    border: 1px solid #EDF1F3;
}
.request_tab .size_option_block .size_option input{
    color: var(--dark-600);
}
.section-donate .product_option_block input:checked + label,
.request_tab .product_option_block input:checked + label{
    background-color: var(--green-500);
    color: var(--green);
    border-color: var(--green);
}
.section-donate .product_option_block label,
.request_tab .product_option_block label{
    min-width: 97px;
}
.section-donate .data_block,
.request_tab .data_block,
.become_vendor_tab .form_data{
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid var(--light-200);
}
.section-donate .next_preview_btn,
.request_tab .next_preview_btn{
    color: var(--light-800);
    background-color: var(--green);
    border: 1px solid var(--green);
    max-width: 250px;
    width: 100%;
}
.section-donate .next_preview_btn.action-button-previous,
.request_tab .next_preview_btn.action-button-previous{
    background-color: transparent;
    color: var(--dark-600);
}
.section-donate .image_fieldset .upload_img,
.request_tab .image_fieldset .upload_img{
    width: 120px;
    aspect-ratio: 1 / 1;
    border: 1px dashed var(--light-200);
    line-break: anywhere;
}
.section-donate .image_fieldset .upload_img img,
.request_tab .image_fieldset .upload_img img{
    height: 56px;
}
.section-donate .image_fieldset .img_upload_btn,
.request_tab .image_fieldset .img_upload_btn{
    border: 1px solid var(--green);
    padding-block: 10px;
    color: var(--dark-600);
}
.section-donate .added_product_fieldset .add_product_label,
.section-donate .image_fieldset .video_upload_btn,
.request_tab .added_product_fieldset .add_product_label,
.request_tab .image_fieldset .video_upload_btn{
    color: var(--dark-600);
}
.section-donate .image_fieldset .video_upl,
.request_tab .image_fieldset .video_upl{
    height: 184px;
    border: 1px dashed var(--light-200);
}
.section-donate .added_product_fieldset .product_block,
.request_tab .added_product_fieldset .product_block{
    border: 1px solid var(--light-200);
    padding: 12px 30px 12px 12px;
}
.cancel_order_video_upl{
    border: 1px solid var(--light-200);
    padding: 12px 30px 12px 12px;
}
.section-donate .added_product_fieldset .product_block .img_block,
.request_tab .added_product_fieldset .product_block .img_block{
    max-width: 80px;
    aspect-ratio: 1/ 1;
}
.section-donate .added_product_fieldset .product_block .filter_text_img img,
.request_tab .added_product_fieldset .product_block .filter_text_img img{
    height: 12px;
}
.section-donate .added_product_fieldset .add_product_label,
.request_tab .added_product_fieldset .add_product_label{
    border: 1px solid var(--green);
    padding-block: 13px;
    width: 220px;
}
.section-donate .added_product_fieldset .product_block .more_option_block,
.request_tab .added_product_fieldset .product_block .more_option_block{
    right: 12px;
    top: 10px;
}
.section-donate .location_address_fieldset .form_row,
.request_tab .location_address_fieldset .form_row{
    margin-inline: -10px;
    row-gap: 20px;
}
.section-donate .location_address_fieldset .form_row>*,
.request_tab .location_address_fieldset .form_row>*{
    padding-left: 10px;
    padding-right: 10px;
}
.donation_modal_thank .modal-dialog{
    max-width: 445px;
}
.donation_modal_thank .modal-content{
    background: url('../images/refferal-layer-green-left.png') no-repeat top left , var(--white);
    background-size: 129%;
}

/* donation detail  */
.section-donation-detail .product_detailing .description_paragraph ul{
    color: var(--black-500);
    line-height: 22px;
    list-style-type: disc;
}
.section-donation-detail .product_detailing .shedule_pickup_block small{
    background-color: var(--yellow-500);
}
.section-donation-detail .product_detailing .description_paragraph{
    border-top: 1px solid var(--grey-600);
}
.section-donation-detail .product_detailing .order_status.scheduled {
    border-color: var(--blue-500);
    background-color: #F1F8FF;
    color: var(--blue);
    border-radius: 4px;
    border-style: solid;
    width: 120px;
}
.section-donation-detail .product_detailing .all_filter span{
    padding-block: 7px;
}
.section-donation-detail .product_detailing .all_filter span img{
    height: 12px;
}
/* =========== donate page css end =========== */

/* =========== contact us page css start =========== */
.section-contact-us{
    padding-block: 80px 100px;
}
.section-contact-us .contact_us_block{
    max-width: 1470px;
}
.section-contact-us .contact_form_block p{
    color: #282828CC;
    line-height: 25px;
}
.section-contact-us .contact_form_block label{
    color: var(--gray-300);
}
.section-contact-us .form_block .input_field_div input,
.section-contact-us .form_block .input_field_div select,
.section-contact-us .form_block .input_field_div textarea{
    padding: 14px 14px;
    border-color: var(--light-200);
}
.section-contact-us .contact_form_block .submit_btn{
    height: 54px;
    margin-top: 36px;
}
/* =========== contact us page css end =========== */

/* =========== term condition and privacy policy page css start =========== */
.section-termcondition-banner{
    background-color: var(--green);
    height: 382px;
}
.section-termcondition-banner .breadcrumb_link img{
    max-width: 9px;
}
.section-termcondition-text h2,
.section-termcondition-banner h2{
    font-size: 40px;
    line-height: 41px;
}
.section-termcondition-text{
    padding-block: 80px 64px;
}
.section-termcondition-text {
    padding-block: 80px 80px;
}
.section-termcondition-text h2,
.section-termcondition-text h3{
    color: #27282C;
}
.section-termcondition-text .term_condition_block{
    max-width: 1170px;
}
.section-termcondition-text .content_div{
    counter-reset: countheading;
}
.section-termcondition-text .content_div h3::before {
    counter-increment: countheading;
  content: counter(countheading)". ";
}
.section-privacy-policy-content .privacy_policy_content{
    border-bottom: 1px solid var(--light-200);
}
.section-privacy-policy-content .privacy_policy_content ul{
    list-style: disc;
}
.section-privacy-policy-content .chat_with_btn img {
    max-width: 24px;
}
.section-privacy-policy-content .chat_with_btn {
    color: var(--dark-600);
    max-width: 200px;
}
/* =========== term condition and privacy policy page css end =========== */

/* =========== About us page css start =========== */
.section-banner-about{
    background: url(../images/about-bg.webp) no-repeat top center, #28282866;
    background-size: cover;
    background-position: 0px -204px;
    height: 685px;
}
.section-banner-about::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #28282866;
}
.section-banner-about h1{
    font-size: 40px;
    line-height: 41px;
}
.section-banner-about .breadcrumb_link img {
    max-width: 9px;
}
.section-design-functionality{
    padding-block: 80px;
}
.section-design-functionality .container{
    padding-inline: 70px;
}
.section-design-functionality h2{
    font-size: 50px;
}
.section-design-functionality .count_block h3{
    font-size: 40px;
}
.section-design-functionality .count_block{
    background-color: #FEF3EB;
}
.section-design-functionality .design_functionality_block{
    margin-right: -15px;
    margin-left: -15px;
}
.section-design-functionality .design_functionality_block .block{
    padding-left: 15px;
    padding-right: 15px;
}
.section-design-functionality .design_functionality_block .image_block{
    width: 45%;
}
.section-design-functionality .design_functionality_block .content_block{
    width: 55%;
}
.section-design-functionality .functionality_img{
    border-top-right-radius: 100px;
}
.section-design-functionality .functionality_img img{
    height: 580px;
    object-fit: cover;
    width: 100%;
}
.section-logo-video .video_block{
    margin-bottom: -10px;
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
}
.section-logo-video .video_block video{
    object-fit: cover;
    height: 714px;
}
.section-logo-video  .video_play_btn{
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.section-logo-video .logo_block{
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
}
.section-about-testimonial{
    padding-block: 80px;
}
.section-about-testimonial .container{
    /* padding-inline: 25px; */
}
.section-about-testimonial h2{
    font-size: 40px;
    line-height: 41px;
    color: var(--dark-800);
}
.section-about-testimonial .slick-dots {
    width: 100%;
    text-align: center;
}
/* =========== About us page css end =========== */

/* ========== Sign-in Sign-up flow start ========== */
.sign_in_sign_up_wrapper header,
.sign_in_sign_up_wrapper footer{
    display: none;
}
.section-signin-signup .right_block{
    background: url('../images/sign-flow-bg-layer-two.png') no-repeat top right, var(--white);
}
.section-signin-signup .right_block::before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url('../images/sign-flow-bg-layer-one.png') no-repeat bottom left;
    z-index: 1;
}
.section-signin-signup .sign_in_block{
    height: 100vh;
}
.section-signin-signup .sign_flow{
    max-width: 514px;
}
.section-signin-signup .sign_flow .form_main_block{
    max-height: 90%;
}
.section-signin-signup .sign_flow .site_logo{
    max-width: 241px;
}
.section-signin-signup .sign_flow h3{
    color: #1A1C1E;
}
.section-signin-signup .sign_flow p{
    color: var(--gray-300);
    line-height: 22.5px;
}
.section-signin-signup .tab_block .tab_btn{
    font-size: 18px;
    margin-bottom: -1px;
}
.section-signin-signup .tab_block{
    border-bottom: 1px solid #EDF1F3;
    margin-bottom: -1px;
}
.section-signin-signup .tab_block .tab_btn::after{
    height: 1px;
}
.section-signin-signup .sign_up_redirect,
.section-signin-signup .sign_flow label{
    color: var(--gray-300);
}
.section-signin-signup .form_block input[type="checkbox"]:after{
    top: -3px;
}
.section-signin-signup .continue_link_devider p{
    background: rgb(74,119,128);
    background: radial-gradient(circle, rgba(74, 119, 128, 1) 33%, rgba(108, 114, 120, 0.3785889355742297) 83%, rgba(255, 255, 255, 1) 101%);
    height:1px;
}
.section-signin-signup .continue_link_devider p span{
    color: var(--gray-300);
    left: 50%;
    top: 50%;
    text-wrap: nowrap;
    transform: translate(-50%, -50%);
}
.section-signin-signup .other_link a{
    height: 48px;
    border: 1px solid var(--light-200);
}
.section-signin-signup .other_link a:hover{
    color: var(--dark-600);
}
.section-signin-signup .other_link.row {
    margin-left: -8px;
    margin-right: -8px;
}
.section-signin-signup .other_link.row>* {
    padding-left: 8px;
    padding-right: 8px;
}
.section-signin-signup #forgot_pass_btn{
    font-size: 16px;
}
.section-signin-signup .form_block .input_field_div.icon_img input {
    padding-right: 44px;
    padding-left: 14px;
}
.section-signin-signup .form_block .input_field_div.icon_img .input_icon_button{
    right: 14px;
    left: auto;
}
.section-signin-signup .form_block .input_field_div.icon_img img{
    right: 14px;
    left: auto;
}
.section-signin-signup .allform_content{
    display: none;
}
.section-signin-signup .allform_content.active{
    display: block;
}
.section-signin-signup .sign_flow .otp_verification input,
#change_mobile_num_show .otp_verification input{
    aspect-ratio: 1 / 1 !important;
    border: 1px solid var(--green) !important;
    text-align:center !important;
}
.section-sign-up .sign_with_mobile_email .red_line_block span,
.section-signin-signup .reset_password .red_line_block span,
.password_change_modal .red_line_block span{
    height:2px;
    background-color: var(--grey-600);
}
.section-sign-up .sign_with_mobile_email .red_line_block span.active,
.section-signin-signup .reset_password .red_line_block span.active,
.password_change_modal span.active{
    background-color: var(--red);
}
.section-sign-up .sign_with_mobile_email .pass_status .pass_weak,
.section-signin-signup .reset_password .pass_status .pass_weak,
.password_change_modal .pass_status .pass_weak{
    color: var(--red);
}
/* ========== Sign-in Sign-up flow end ========== */

/* ========== password change css ==========  */
.password_change_modal .pass_show_hide{
    max-width: 20px;
    top: 50%;
    transform: translateY(-50%);
    right: 14px;
}
.password_change_modal .form_block .input_field_div input{
    padding-right: 40px;
}

/* ================ all common css start ================ */
/* prduct common css */
.product_item .image_block{
    background: var(--light-500);
    border-radius: 20px;
    padding: 18px;
    height: 403px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.product_item .image_block img{
    max-height: 367px;
    border-radius: 20px;
}
.product_item .product_detail{
    padding-block: 16px 0px;
}
.product_item .product_category{
    background: var(--light-700);
    padding: 8px 12px 6px;
    color: var(--grey-800);
    display: inline-block;
    margin-bottom: -4px;
    font-weight: 500;
    border-radius: 6px !important;
}
.product_item .product_detail .price{
    opacity: 0.5;
    text-decoration: line-through;
}
.product_item .buy_btn,
.product_item .add_cart_btn,
.product_item .wishlist_remove_btn{
    max-width:222px;
    width:100%;
    padding: 11px 10px 9px;
    color: var(--white);
}
.product_item .wishlist_remove_btn{
    max-width: 100%;
    background-color: var(--red);
    border-color: var(--red);
}
.product_item .wishlist_remove_btn:hover{
    color: var(--white) !important;
}
.product_item .product_btn{
    opacity: 0;
}
.product_item .off_price_perc{
    background: var(--orange);
    color: var(--white);
    border-radius: 4px;
    font-size: 16px;
    padding: 6px 6px 4px;
    top: 30px;
    left: 30px;
}
.product_item .share_like_btn{
    top: 30px;
    right: 30px;
    opacity: 1;
}
.product_item .share_like_btn .share_btn,
.product_item .share_like_btn .favorite_btn{
    border:1px solid var(--black);
    width: 34px;
    height:34px;
    margin-bottom: 10px;
}
.product_item .share_like_btn .favorite_btn.active svg{
    fill: var(--orange);
}
.product_item .share_like_btn .favorite_btn.active{
    border: 1px solid var(--orange);
    opacity: 1;
}
.product_item .favorite_btn.active svg path{
    stroke: var(--orange) !important;
}
.cotwo_icon_block{
    border: 0.5px solid #00A875;
    padding: 2px 5px;
    text-transform: lowercase;
}
.cotwo_icon_block img{
    max-width: 24px;
}
.product_item a:hover .product_btn,
.product_item a:hover .share_like_btn{
    opacity: 1;
}
.product_list .slick-list{
    margin: 0 -15px;
}
.product_list .slick-slide {
    margin: 0 15px;
}
.product_list .slick-arrow.slick-prev{
    left: -20px;
}
.product_list .slick-arrow.slick-next{
    right: -20px;
}
.product_slider_css .slick-slider .slick-arrow{
    top: 200px;
}

/* tabing common css  */
.tab_block .tab_btn{
    border: 0px;
    background: transparent;
    font-size: 20px;
    min-width: 70px;
    padding: 5px 10px;
    transition: all 0.3s;
    color: var(--black);
    font-weight: 500;
    position: relative;
}
.tab_block .tab_btn:hover,
.tab_block .tab_btn.active{
    color: var(--green);
}
.tab_block .tab_btn::after{
    content: "";
    background: var(--green);
    height: 2px;
    width: 0%;
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.3s;
}
.tab_block .tab_btn.active::after,
.tab_block .tab_btn:hover::after{
    width: 100%;
}
.tab_block ul{
    gap: 13px;
}

/* slick common css  */
.slick_arrow_css .slick-slider .slick-arrow{
    background: var(--green);
    border-radius: 8px;
    width: 39.33px;
    height: 40px;
    z-index: 12;
}
.slick_arrow_css .slick-slider .slick-arrow.slick-next:before,
.slick_arrow_css .slick-slider .slick-arrow.slick-prev:before{
    content: "";
    width: 11px;
    height: 21px;
    display: inline-block;

}
.slick_arrow_css .slick-slider .slick-arrow.slick-prev:before{
    background: url('../images/left-arrow-white.png') no-repeat center center;
    background-size: 100% 100%;
}
.slick_arrow_css .slick-slider .slick-arrow.slick-next:before{
    background: url('../images/right-arrow-white.png.png') no-repeat center center;
    background-size: 100% 100%;
}

/* form common css  */
.form_block .input_field_div{
    border-radius: 6px;
    position: relative ;
}
.form_block .input_field_div input,
.form_block .input_field_div select,
.form_block .input_field_div textarea{
    width: 100%;
    border: 1px solid var(--grey-600);
    border-radius: 6px;
    color: var(--dark-600);
    font-weight: 500;
    padding: 11px 14px;
    text-align: left;
}
.form_block .input_field_div input:focus,
.form_block .input_field_div select:focus,
.form_block .input_field_div textarea:focus{
    outline: none;
    border: 1px solid var(--dark-600);
    box-shadow: none;
}
.form_block .input_field_div input::placeholder,
.form_block .input_field_div select::placeholder,
.form_block .input_field_div textarea::placeholder{
    color: var(--grey-800);
    opacity: 1; /* Firefox */
  }
.form_block .input_field_div input::-ms-input-placeholder,
.form_block .input_field_div select::-ms-input-placeholder,
.form_block .input_field_div textarea::-ms-input-placeholder{ /* Edge 12 -18 */
    color: var(--grey-800);
}
.form_block .input_field_div select{
    background: url('../images/dropdown-icon-1.png') no-repeat center right 19px;
}
.form_block .input_field_div.icon_img input{
    padding-left: 40px;
    font-size: 14px;
}
.form_block .input_field_div.icon_img img,
.form_block .input_field_div.icon_img .input_icon_button{
    width: 24px;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.form_block .input_field_div.icon_img .input_icon_button{
    transform: translateY(-50%) !important;
}
.form_block .input_field_div.caleder_icon_input input{
    padding-right: 36px;
    background: url(../images/calender-icon-grey.png) no-repeat center right 14px;
    background-size: 20px;
}
.form_block .input_field_div.time_icon_input input[type="time"]::-webkit-calendar-picker-indicator{
    filter: brightness(0) saturate(100%) invert(47%) sepia(7%) saturate(421%) hue-rotate(169deg) brightness(92%) contrast(90%);
  }
/* .form_block .input_field_div.time_icon_input input{
    padding-right: 36px;
    background: url(../images/calender-icon-grey.png) no-repeat center right 14px;
    background-size: 20px;
} */
.form_block .input_field_div.phone_number_field input{
    padding-right: 90px;
}
.form_block .input_field_div.phone_number_field button{
    top: 50%;
    right: 14px;
    transform:translateY(-50%);
}

.form_block input[type="checkbox"]{
    position:relative;
    width:0;
    padding: 0px;
    height: 12px;
    -moz-appearance: initial;
}
.form_block input[type="checkbox"]:after{
    content:"";
    display:inline-block;
    border: 1.5px solid #28282833;
    width:19px;
    height:19px;
    position:absolute;
    border-radius:4px;
    top: -4px;
    left:0;
}
.form_block input[type="checkbox"]:checked::after{
    border-color: var(--green);
    background: url(../images/white-check.png) no-repeat center center, var(--green);
    background-size: 12px;
}
.form_block input[type="radio"] {
    appearance: none;
    width: 9px;
    min-width: 9px;
    height: 9px;
    border: none;
    border-radius: 50%;
    outline: 1.5px solid #C4C4C4;
    outline-offset: 2px;
    cursor: pointer;
    margin-right: 1px;
    margin-top: -4px;
}
.form_block input[type="radio"]:checked {
    background: var(--green);
    outline-color: var(--green);
}
.form_block .input_field_div.price_tag input{
    padding-right: 55px;
}
.form_block .input_field_div.price_tag span{
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
}

/* scrollbar css  */
.horizontal_scrollbar::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: var(--light-600);
}
.horizontal_scrollbar::-webkit-scrollbar{
	height: 6px;
	background-color: var(--light-600);
}
.horizontal_scrollbar::-webkit-scrollbar-thumb{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: var(--dark-700);
}

.verticle_scrollbar::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: var(--light-600);
}

.verticle_scrollbar::-webkit-scrollbar{
	width: 6px;
	background-color: var(--light-600);
}
.verticle_scrollbar::-webkit-scrollbar-thumb{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: var(--dark-700);
}

/* sidebar tabing common css  */
.sidebar_tabing .tab_btn{
    padding: 10px 22.5px;
    border-radius: 8px;
    transition: all 0s;
    min-height: 70px;
}
.sidebar_tabing .tab_btn .icon_img{
    max-width: 30px;
    max-height: 30px;
    margin-top: -4px;
}
.sidebar_tabing .tab_btn .right_arrow{
    max-width: 8px;
}
.sidebar_tabing .tab_btn.active img{
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(22%) hue-rotate(282deg) brightness(105%) contrast(104%);
}
.sidebar_tabing .tab_btn.active{
    background: var(--green) !important;
    color: var(--white);
}
.sidebar_tabing .tab_btn:hover img,
.sidebar_tabing .tab_btn:focus img{
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(22%) hue-rotate(282deg) brightness(105%) contrast(104%);
}
.sidebar_tabing .tab_btn:hover{
    background: var(--green) !important;
    color: var(--white);
}
.sidebar_tabing .tab_btn:focus{
    background: var(--green) !important;
    color: var(--white) !important;
}

/* pagination common css  */
.breadcrumb_link img{
    max-width: 5px;
    margin-top: -2px;
    margin-inline: 10px;
}
.pagination_block .pagination .page-item a{
    width: 40px;
    height: 40px;
    background: transparent;
    border-radius: 4px;
}
.pagination_block .pagination .page-item.active a{
    background: var(--green);
    color: var(--white) !important;
}
.pagination_block .pagination .arrow a{
    border: 1px solid var(--green) ;
}
.pagination_block .pagination .arrow a:hover{
    background: var(--green);
}
.pagination_block .pagination .arrow a:hover svg path{
    stroke: var(--white);
}

/* dropdown menu common css  */
.dropdown_btn.show img{
    transform:rotate(180deg);
}
.dropdown .dropdown-menu {
    color: var(--grey-800);
    border: 1px solid var(--light-400);
    box-shadow: var(--box-shadow-two);
}
.dropdown .dropdown-item img{
    margin-top: -1px;
    max-width: 20px;
}
.dropdown .dropdown-item{
    color: var(--dark-600);
    font-weight: 500;
    font-size: 16px;
}
.dropdown .dropdown-item.active,
.dropdown .dropdown-item:active{
    background-color: var(--green-500);
    color: var(--green);
}
.dropdown .dropdown-item:focus,
.dropdown .dropdown-item:hover{
    background-color: var(--green-500);
    color: var(--green);
}
/* double range slider css  */
.double_range_slider .slider-tooltip {
    top: 15px;
    left: 0;
    width: fit-content;
    color: var(--black-500);
    translate: -50% 0;
    line-height: 16px;
}
.double_range_slider input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    pointer-events: all;
    width: 16px;
    height: 16px;
    border: 2px solid var(--white);
    background-color: var(--black);
    border-radius: 50%;
    box-shadow: 0px 4px 4px 0px #00000014;
    cursor: pointer;
}
.double_range_slider input[type=range]::-moz-range-thumb {
    -webkit-appearance: none;
    pointer-events: all;
    width: 16px;
    height: 16px;
    border: 2px solid var(--white);
    background-color: var(--black);
    border-radius: 50%;
    box-shadow: 0px 4px 4px 0px #00000014;
    cursor: pointer;
}
.double_range_slider input[type=range]::-webkit-slider-thumb:hover {
    background: var(--orange);
}
.double_range_slider input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    height: 4px;
    width: 100%;
    position: absolute;
    background-color: var(--black);
    pointer-events: none;
    border-radius: 16px;
}
.double_range_slider #fromSlider,
.double_range_slider #fromSliderTwo {
    z-index: 1;
    background: transparent;
}

/* sidebar modal common css */
.sidebar_modal{
    position: fixed;
    top: 0;
    right: -100%;
    bottom: 0;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    padding: 27px 20px 20px;
    max-width: 586px;
    z-index: 1010;
    transition: all 0.3s ease-in-out;
}
.sidebar_modal.active{
    right: 0;
}
.sidebar_modal .sidebar_head{
    border-bottom: 1px solid var(--grey-600);
    padding-bottom: 12px;
}
.sidebar_modal .sidebar_head .side_modal_close{
    max-width: 16px;
}
/* calender css  */
.ui-datepicker {
    border:1px solid var(--grey-600) !important;
    border-radius:8px;
    background:#f5f5f5;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{
     cursor:pointer;
     background:url(../images/right-black-arrow.png) no-repeat center center, var(--light-600);
     background-size: 30%;
     border: 1px solid transparent;
     top: 3px;
}
.ui-datepicker .ui-datepicker-next:hover,
.ui-datepicker .ui-datepicker-prev:hover{
     cursor:pointer;
     background:url(../images/right-black-arrow.png) no-repeat center center, var(--light-600);
     background-size: 30%;
     top: 3px;
}
.ui-datepicker .ui-datepicker-prev{
    background:url(../images/right-black-arrow.png) no-repeat center center, var(--light-600);
    background-size: 30%;
    transform: rotate(-180deg);
}
.ui-datepicker .ui-state-default, .ui-widget-content .ui-state-default{
    text-align: center;
    border: 1px solid var(--grey-600);
    border-radius: 4px;
    font-weight: 500;
}

/* breadcrumb css  */
.breadcrumb .arrow_icon{
    max-width: 8px;
    margin-top: -5px;
}
.breadcrumb span{
    font-size: 18px;
    font-weight: 500;
}
.breadcrumb .breadcrumb_btn:hover{
    color: var(--orange);
}

/* ================ Guest Checkout css ================ */
.guest_checkout_wrapper .guest_checkout_row
{
    max-width: 1320px;
}
.guest_checkout_wrapper .gc_steps_wrapper
{
    min-height: 890px;
}


.section-donate.guest_checkout_wrapper .progress_step li:not(:last-child):after
{
    width: 2px;
    height: 100%;
    left: 36px;
    top: 40px;
    background:var(--light-200);
}
.section-donate.guest_checkout_wrapper .progress_step li.active:after
{
    background: var(--green);
}
.guest_checkout_wrapper .progress_step
{
    margin-top: 28px;
}
.gc_order_details .gc_order figure
{
    width: 80px;height: 80px;
}
.gc_deliverTo .gc_address_badge{line-height: normal;}
.gc_reviewPaymentDetails .gc_reviewPayment_method figure
{
    width: 46px;height: 46px;
}
.gc_reviewPaymentDetails .review_total_payment li{
    padding: 16px 12px;
}
.gc_reviewPaymentDetails .review_total_payment li:not(:last-child)
{
    border-bottom: 1px solid var(--light-200);
}
.gc_reviewPaymentDetails .highlight_saved_amount
{
    border-radius: 0px 0px 8px 8px;
}

/* bootstrap modal css  */
.site_all_popup .modal{
    background: #00000066;
}
.site_all_popup .btn-close{
    opacity: 0.8;
}
.site_all_popup  .modal-header{
    border-bottom-color: var(--grey-600);
}
.site_all_popup .btn-close{
    background-size: 12px;
}
.site_all_popup .modal-body .row {
    margin-inline: -10px;
}
.site_all_popup .modal-body .row>* {
    padding-inline: 10px;
}
.site_all_popup .bg-shap-green{
    background: url(../images/refferal-layer-green-left.png) no-repeat top left, var(--white);
    background-size: 110%;
}
/* ================ all common css end ================ */

/* ================ footer css start ================ */
.site-footer .footer_logo {
    max-width: 300px;
}
.site-footer p.footer_text {
    text-transform: capitalize;
    margin-block: 30px 25px;
    max-width: 384px;
}
.site-footer .footer_sec {
    background-color: var(--light-500);
    border-radius: 20px;
    padding: 50px 66px;
}
.site-footer ul.social_icon li:not(:last-child) {
    margin-right: 25px;
}
.site-footer .footer_nav ul.footer-menu-list.footer-contact {
    max-width: 230px;
    width: 100%;
}
.site-footer .footer_nav ul.footer-menu-list li span.contact-icon {
    margin-right: 10px;
    margin-top: 3px;
    min-width: 17px;
    text-align: center;
}
.site-footer .footer_nav ul.footer-menu-list li:not(:last-child) {
    margin-bottom: 10px;
}
.site-footer .footer_nav ul.footer-menu-list.footer-contact li span:last-child {
    line-height: 30px;
}
.site-footer .copywrite-bar{
    padding-block: 20px;
}
.site-footer .copywrite-bar span{
    font-size: 16px;
    line-height: 26px;
}
.social_icon svg:hover path{
    stroke: var(--orange);
    fill: var(--orange);
}
.site-footer .contact_column .contact_detail{
    padding-left: 35%;
}
/* ================ footer css end ================ */
/* ================ Parsley css start ================ */
.parsley-errors-list {
    margin: 0;
    padding: 0;
}

.parsley-errors-list>li {
    list-style: none;
    color: #f1556c;
    margin-top: 5px;
    padding-left: 14px;
    position: relative;
    text-align: left;
}

.parsley-error {
    border-color: #f1556c;
}

.parsley-success {
    border-color: #1abc9c;
}

.section-sign-up .sign_with_mobile_email .red_line_block span.medium, .section-signin-signup .reset_password .red_line_block span.medium {
    background-color: orange;
}

#password_change_show span.medium {
    background-color: orange;
}

.section-sign-up .sign_with_mobile_email .red_line_block span.strong, .section-signin-signup .reset_password .red_line_block span.strong {
    background-color: blue;
}
#password_change_show span.strong {
    background-color: blue;
}

.section-sign-up .sign_with_mobile_email .red_line_block span.very_strong, .section-signin-signup .reset_password .red_line_block span.very_strong {
    background-color: green;
}

#password_change_show span.very_strong {
    background-color: green;
}

/* ================ Parsley css end ================ */
.error_css{color:#f1556c;}
/* ================ Ratting css start ================ */

.rate {
    float: left;
    height: 46px;
    padding: 0 10px;
}
.rate:not(:checked) > input {
    position:absolute;
    top:-9999px;
}
.rate:not(:checked) > label {
    float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:40px;
    color:#ccc;
}
.rate:not(:checked) > label:before {
    content: '★ ';
}
.rate > input:checked ~ label {
    color: #ffc700;
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
    color: #deb217;
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
    color: #c59b08;
}
/* ================ Ratting css end ================ */



.section-order-detail .sidebar_modal.rating_review_modal .image_upload .upload_image_block{
        width: 19.66%;
}

.section-order-detail .sidebar_modal .return_order_modal .image_upload .upload_image_block{
        width: 19.66%!important;
}

.section-order-detail .return_order_model .return_order_product .product_block, .my_accou_rating_review_modal .return_order_product .product_block{
    max-width: 350px!important;
}


.chart_parent {
    position: relative;
}
.chart_parent.no-chart::before {
    content: none!important;
}


/* Date picker css  */
.caleder_icon_input input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

.suggestions-box {
    position: absolute;
    background-color: white;
    /* border: 1px solid #ccc; */
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
    z-index: 999;
}
.suggestions-box div {
    padding: 10px;
    cursor: pointer;
}
.suggestions-box div:hover {
    background-color: #f0f0f0;
}

#langOverlay{
  display: none;
  position: fixed;
  top: 0; left: 0;
  bottom: 0;
  right: 0;
  background: #fff;
  z-index: 9999;
}
#langOverlay .loader_img{
    max-width: 200px;
}
.slick_dots .slick-dots li button::before{
    opacity: 1;
    color: transparent;
    border: 1px solid var(--black);
    background: var(--black);
    border-radius:50%;
    width:9px;
    height:9px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.slick_dots .slick-dots  li.slick-active button::before{
    background: transparent;
}

.delivery_slider_item .delivery_slider_item_block{
    background: url('../images/refferal-layer-green-left.png') no-repeat center left, url('../images/refferal-layer-green-right.png') no-repeat center right;
    background-size: 300px;
}
p.add-address-error {
    color: red;
}

/* Image crop css modal  */
.cropper_modal{
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    background-color:rgba(0,0,0,0.7);
    z-index:9999;
}
.cropper_modal .cropper_modal_inner{
    width:800px;
    max-width: 95%;
    max-height:90vh;
    overflow:auto;
}
.cropper_modal #cropper_image{
    max-width: 100%;
    height: 60vh;
}

/* Voucher modal */
.voucher_modal .modal-dialog{
    max-width: 707px;
}
.voucher_modal hr{
    border-color: var(--light-600);
}
.voucher_modal .voucher_img_block{
    height: 250px;
}
.voucher_modal .voucher_label{
    padding: 10px 12px;
    top: 20px;
    left: 20px;
}
.voucher_modal ul li::before{
    content: "";
    position: absolute;
    left: -14px;
    top: 5px;
    background-color: var(--black-500);
    width: 4px;
    height: 4px;
    border-radius: 50%;
}