/* colors-Variables */
:root {
   /* --orange: #e89247; */
   /* --blue:#6389c6; */
   --orange: #AD7D4C;
   --blue: #002147;
   /* --blue: #172C69; */
   --gray: #999999;
   --light-orange: #ad7d4c61;
   --white: #fff;
   --dark: #414141;
   --light-blue: #cfd5dc;
   --light-black: #444444;
   --light-gray: #F1E8DA;
}

/* custome-font */
@font-face {
   font-family: 'Lithos Pro';
   src: url(../font/lithos-pro/LithosPro-Light.ttf);
}
@font-face {
   font-family: 'Poppins';
   src: url(../font/Poppins/Poppins-Regular.ttf);
}
.archivo_white {
  font-family: "Archivo Black", "Open Sans", sans-serif;
   color: var(--white);
}

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

.body_wraper {
   /* max-width: 1366px; */
   min-height: 100vh;
   display: flex;
   flex-direction: column;
   margin: auto;
}

/* header-css */
.home_top-header .hl_link img,
.home_top-header .header_center-link img{
     /* filter: brightness(0) invert(1); */
}
.home_top-header .item_counter{
   color: var(--white) !important;
}
.home_top-header.is-sticky .item_counter{
   color: var(--blue) !important;
}
.aow_popup-toggle{
   margin-top: 2px;
}
.top_header {
   position: absolute;
   top: 0;
   left: 50%;
   z-index: 9;
   width: 100%;
   /* max-width: 1366px; */
   transform: translateX(-50%);
   /* padding: 28px 51px; */
   padding: 20px 22px 28px;
   display: flex;

   align-items: center;
   justify-content: space-between;
}
.stick_hl-link .item_counter {
   color: var(--blue);
}
.stick_logo,
.stick_hl-link {
   display: none !important;
}

.top_header.is-sticky .stick_logo,
.top_header.is-sticky .stick_hl-link {
   display: flex !important;
}

.top_header.is-sticky .static_logo,
.top_header.is-sticky .static_hl-link  {
   display: none;
}

.top_header.is-sticky {
   position: fixed;
   padding: 20px;
   z-index: 999;
   transform: unset;
   left: 0;
   /* backdrop-filter: blur(17px); */
   background-color: var(--white);
   box-shadow: 0px 3px 6px #00000029;

   animation: slideDown 0.35s ease-out;
}

@keyframes slideDown {
   from {
      transform: translateY(-100%);
   }

   to {
      transform: translateY(0);
   }
}

.hl_link {
   cursor: pointer;
   width: 23px;
   position: relative;
   display: flex;
}
.search_filter-toggle{
   width: 25px;
}
.item_counter {
   font-size: 10px;
   color: var(--orange);
 font-family: "Josefin Sans","Open Sans", sans-serif;
   text-decoration: none;
   position: absolute;
   width: 100%;
   text-align: center;
   font-weight: 400;
   /* right: 9px; */
   height: 54%;
   bottom: 0px;
}

.header_left-link,
.header_right-link {
   display: flex;
   align-items: center;
   width: 10%;
}
.header_right-link{
   justify-content: end;
}
.header_center-link {
   max-width: 185px;
   width: 30%;
}
.header_center-link a{
   display: flex;
}
/* banner-section-css */

#main_grid-content {
   background-color: #F5F5F5;
}

.banner_sec-wrap {
   height: 100vh;
}  
.category_banner_wrap{
   height: 75vh;
}
.category_banner_wrap .banner_categort img{
   height: 75vh;
}
.banner_sec-wrap .slick-dots{
   position: absolute;
   transform: translate(-50%, -50%);
   bottom: 43px;
   align-items: center;
   margin: 0;
   padding: 0;
   display: flex !important;
   gap: 5px;
   left: 50%;
   text-decoration: none;
}
.banner_sec-wrap .slick-dots li{
      list-style: none;
    position: relative;
    margin: 0 1.5px;
    /* border: 1px solid var(--white); */
    width: 44px;
    height: 2px;
    border-radius: 50%;
    background-color: #969696;
    /* border: 2px solid var(--white); */
    font-size: 0;
    transition: all 0.3s;

}
 .slick-dots ul{
   margin: 0;
   padding: 0;
   display: flex;
}
 .slick-dots li.slick-active {
   background-color: var(--white);
   width: 69px;
}
.banner_sec-wrap .slick-arrow{
   border: 1px solid var(--white);
   border-radius: 50%;
   width: 18px;
   height: 18px;
   background-color: transparent;
   position: absolute;
}
.banner_sec-wrap .slick-prev{
   left: 50%;
   bottom: 56px;
}
.banner_sec-wrap .slick-dots button{
  position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    border-radius: 50%;
    opacity: 0;
    background-color: transparent;
    border: 2px solid var(--white);
    font-size: 0;
}
.banner_sec-wrap .slick-dots button img{
      transform: translate(-50%, -50%) !important;
    top: 50%;
    left: 50%;
    position: absolute;
    max-width: 60%;
}

.banner_categort {
   position: relative;
}

.banner_src img,
.banner_categort img {
   width: 100%;
   height: 100vh;
   object-fit: cover;
}

.banner_sec-wrap .slick-track {
   height: 100vh;
}

.banner_src {
   /* background-image: url(../images/main-banner-1.png);
    background-size: cover;
    height: 100%; */

   position: relative;
}

.banner_categort {
   /* background-image: url(../images/category-banner.png);
   background-size: cover;
   height: 100%; */
   position: relative;
}

.banner_content {
   position: absolute;
   transform: translate(-50%, -50%) !important;
   left: 50%;
   top: 50%;
   /* left: 51px; */
   width: 380px;
   text-align: center;
   /* bottom: 43px; */
}

.banner_content h1 {
   line-height: 25px;
   text-transform: uppercase;
   text-shadow: 0px 3px 8px #00000029;
   font-size: 25px;
   font-weight: 400;
   letter-spacing: 1.60px;
   color: var(--white);
   /*font-family: "Archivo Black", "Open Sans", sans-serif; */
     font-family: "Josefin Sans","Open Sans", sans-serif;
}

.banner_content a.com_btn {
   text-transform: uppercase;
   /* background-color: rgba(8, 28, 51, 0.61); */
   background-color: transparent;
   border: 1px solid #ffffff80;
   padding: 9px 13px;
   margin: 37px auto 0;
font-size: 15px;
}
.banner_content a.com_btn:hover{
   background-color: rgba(8, 28, 51, 0.61);
}

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

.banner_content p {
   font-size: 15px;
   color: var(--light-gray);
   font-family: "Fira Sans","Roboto", sans-serif;
   line-height: 21px;
   display: none;
   font-weight: 300;
   /* padding-right: 80px; */
   margin: 26px 0 15px;
   text-align: center;
}

.static_logo {
   display: flex;
}

.com_btn {
   height: 33px;
   background-color: rgba(173, 125, 76, 0.61);
   font-size: 17px;
   line-height: 18px;
   display: block;
   position: relative;
   color: var(--white);
   font-weight: 400;
   font-family: "Josefin Sans","Open Sans", sans-serif;
   text-decoration: none;
   transition: 0.3s ease-out;
   width: fit-content;
   padding: 13px 8px;
}

.main_grid-con {
   padding: 60px 56px;
   background-color: #f5f5f5;
}

.sec_head-lable {
  font-family: "Archivo Black", "Open Sans", sans-serif;
   color: var(--blue);
   font-size: 40px;
   margin-bottom: 20px;
   line-height: 43px;
   /* min-height: 77px; */
   letter-spacing: 2.2px;
}

.option_select-value-bar {
   display: flex;
   align-items: center;
   padding: 10px 15px;
   max-width: 400px;
   justify-content: space-between;
   margin: 0 auto;
   border-bottom: 1px solid var(--blue);
}

.option_list-wrap {
   position: absolute;
   top: 80px;
   left: 0;
   display: none;
   z-index: 9;
   width: 100%;
   background-color: var(--white);
}

.option_select {
   position: relative;
   margin: auto;
   width: 400px;
}

.osv_lable-box {
   padding: 5px 15px;
   display: block;
   border-bottom: 1px solid var(--blue);
}

.osv_lable-box:nth-last-child(1) {
   border: none;
}

.option_list .osv_lable {
   text-align: center;
   cursor: pointer;
   border-radius: 8px;
   display: block;
   padding: 10px 0 5px;

}

.option_list {
   max-height: 350px;
   overflow: auto;
}

#footer_wrap {
   margin-top: auto;
}

.option_list-footer .com_btn {
   background-color: var(--orange);
   border: none;
   margin: 20px 44px;
   width: -webkit-fill-available;
}

.option_list .osv_lable:hover {
   background-color: var(--light-blue);
}

.osv_arrow {
   max-width: 20px;
}

.osv_lable {
   font-size: 17px;
   text-transform: uppercase;
   color: var(--blue);
   font-family: "Josefin Sans","Open Sans", sans-serif;
}

.option_list-wrap {
   border: 1px solid var(--blue);
   border-radius: 8px;
}

.grid_con-wrap {
   /* margin-top: 60px; */
   display: grid;
   gap: 23px;
   grid-template-columns: repeat(auto-fill, minmax(40%, 1fr));
}

.con_product-box {
   position: relative;
   aspect-ratio: 1 / 1;
   /* Makes it a perfect square */
   width: 100%;
   /* or any fixed width like 300px */
   position: relative;
   overflow: hidden;

   /* border: 1px solid var(--orange); */
}

.con_product-box img {
   width: 100%;
}

.con_pro-lable {
   font-size: 25px;
   line-height: 21px;
   letter-spacing: 1.30px;
   text-transform: uppercase;
   font-weight: 600;
       text-shadow: 0px 3px 8px #00000029;
   font-family: 'Poppins', sans-serif;
   /*font-family: "Archivo Black", "Open Sans", sans-serif; */
   color: var(--white);
   transform: translate(-50%, -50%);
   left: 50%;
   text-align: center;
   top: 50%;
   position: absolute;
}

.con_pro-link {
   font-size: 15px;
   color: var(--white);
   font-family: "Josefin Sans","Open Sans", sans-serif;
   font-weight: 600;
   position: absolute;
   transform: translate(-50%, -50%);
   width: max-content;
   top: 50%;
   text-transform: uppercase;
   text-decoration: none;
   left: 50%;
   height: 33px;
       background-color: transparent;
    border: 1px solid #ffffff80;
    padding: 9px 13px;
    line-height: 18px;
       transition: all 0.2s;


}
.con_pro-link:hover{
   background-color: rgba(8, 28, 51, 0.61);
}

.con_pro-link:hover {
   color: var(--white);
}


.oos_bc-box .size_btn {
   color: var(--white);
   background-color: #6F6F6F;
}

.oos_bc-box .size_btn:hover {
   background-color: #6F6F6F;
}

/* blue_grid-section */

#blue_grid-content {
   /* background-color: var(--blue); */
   /* background-color: #002147; */
   /* background-color: #081C33; */
   padding: 0px 56px;

}

.blue_grid {
   gap: 24px;
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.blue_con-box {
   width: 397px;
   height: 397px;
   border: 1px solid #2C3638;
   /* border-radius: 8px; */
   background-color: #2C3638;
   padding: 25px;
   display: flex;
   text-align: center;
   flex-direction: column;
   justify-content: center;
}

.blue_con-box h3 {
   font-size: 20px;
   /*font-family: "Archivo Black", "Open Sans", sans-serif; */
   font-family: "Josefin Sans","Open Sans", sans-serif;
   color: var(--white);
   font-weight: 400;
   line-height: 24px;
   margin-bottom: 33px;
   margin-top: 30px;
}

.blue_con-box p {
   font-size: 12px;
   /* font-family: "Fira Sans","Roboto", sans-serif; */
      font-family: 'Poppins', sans-serif;
   color: var(--white);
   text-align: center;
   margin: 0;
   line-height: 18px;
   display: -webkit-box;
   -webkit-line-clamp: 6;
   -webkit-box-orient: vertical;
   text-overflow: ellipsis;
   overflow: hidden;
   /* max-width: 15em; */
   line-height: 1.5;
}

.blue_con-box img {
   width: 45%;
   margin: 0 auto;
}

/* start-shoping--section-css */
#start_shoppsing {
   /* margin-top: 45px; */
}

.start_shopping-box {
   position: relative;
}

.start_shop-content {
   position: absolute;
   transform: translateY(-50%);
   left: 56px;
   letter-spacing: 1.38px;
   bottom: 90px;
   line-height: 26px;
   font-size: 30px;
   color: var(--white);
   font-family: 'Poppins', sans-serif;
   max-width: 320px;
   font-weight: 600;
   margin: 0;
}

.start_shop-link {
   font-size: 17px;
   color: var(--white);
   font-family: "Josefin Sans","Open Sans", sans-serif;
   font-weight: 400;
   position: absolute;
   left: 56px;
   bottom: 37px;
   text-decoration: none;
}

.start_shop-link:hover {
   color: var(--white);
}

/* pospuler-item-section-css */

#populer_item-section {
   padding: 49px 56px 40px;
}

.populer_lable {
   font-size: 19px;
   line-height: 24px;
   color: var(--blue);
   /*font-family: "Archivo Black", "Open Sans", sans-serif; */
    font-family: "Josefin Sans","Open Sans", sans-serif;
  
   font-weight: 400;
   margin-bottom: 16px;
}

.populer_item-grid {
   display: grid;
   gap: 17px;
   grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
   /* grid-template-columns: repeat(auto-fill, minmax(240px, max-content)); */
}

.populer_item-lable {

   font-size: 17px;
   color: #000000;
   line-height: 20px;
   display: block;
   font-family: "Josefin Sans","Open Sans", sans-serif;
   padding: 0 10px;
   display: inline-block;
   max-width: 14em;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.populer_item-prise {
   color: var(--orange);
   margin-bottom: 5px;
}

.populer_item-box {
   position: relative;
}

.populer_item-box-img {
   aspect-ratio: 240 / 375;
   width: 100%;
   position: relative;
   overflow: hidden;
}

.populer_item-box-img img {
   width: 240px;
   height: 100%;
   object-fit: cover;
   object-position: top;
}

.bottom_bars {
   display: flex;
   align-items: center;
   margin-top: 13px;
}

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

/* footer_css */
.footer_content {
   /* background-color: #1A1A1A; */
   background-color: #03111F;
   padding: 31px 25px 34px;
   position: relative;
}

.footer_logo {
   max-width: 182px;
   width: 30%;
   display: block;
   margin-bottom: 32px;
}

.footer_con-lable:hover {
   color: var(--orange);
}

.footer_con-lable,
.get_footer_con-lable {
   font-size: 12px;
   display: block;
   line-height: 18px;
   color: var(--white);
  font-family: 'Poppins', sans-serif;
   font-weight: 400;
   text-decoration: none;
   margin-bottom: 18px;
}

.footer_input-bar {
   display: flex;
   align-items: center;
   max-width: 453px;
   height: 30px;
   border: 1px solid var(--white);
}

.footer_direct-link-bar .footer_con-lable {
   margin-top: 25px;
}

.footer_direct-link-bar .footer_con-lable:hover {
   color: var(--white);
}

.region_select-btn {
   position: absolute;
   bottom: 34px;
   left: 25px;
   z-index: 9;
}

.footer_input-bar input {
   width: 100%;
   border: none;
   font-size: 12px;
   line-height: 18px;
   color: var(--white);
    font-family: 'Poppins', sans-serif;
   font-style: italic;
   /* height: 40px; */
   background-color: transparent;
   padding:0px 10px 0px 15px;
   font-weight: 200;
}

.contect_details-wrap h2,
.contect_details-wrap h3 {
   color: var(--blue);
   font-size: 20px;
   font-family: "Fira Sans","Roboto", sans-serif;
}

.contect_details-wrap p {
   color: var(--blue);
   font-family: "Fira Sans","Roboto", sans-serif;
}

.footer_input-bar input:-webkit-autofill {
   -webkit-box-shadow: 0 0 0px 1000px #03111F inset !important;
   color: var(--blue);
   -webkit-text-fill-color: var(--white) !important;
}

.footer_input-bar input:focus-visible {
   outline: none;
}

.cs_content {
   position: absolute;
   transform: translate(-50%, -50%) !important;
   left: 50%;
   top: 45%;
   text-align: center;
}

.footer_bar-dw .footer_bottom {
   margin-top: 40px;
}

.footer_input-bar input::placeholder {
   color: #F1E8DA;
}

.footer_input-btn {
   font-size: 12px;
   padding: 0 10px;
   color: var(--white);
    font-family: "Josefin Sans","Open Sans", sans-serif;
   background-color: transparent;
   line-height: 33px;
   font-weight: 400;
   border: none;
   height: 30px;
}

.footer_bottom {
   /* margin-top: 13px; */
   position: relative;
}

.botom_link {
   font-size: 15px;
   color: var(--orange);
   text-decoration: none;
   margin: 0 10px;
   line-height: 27px;
  font-family: "Archivo Black", "Open Sans", sans-serif;
}

.footer_direct-link-bar {
   max-width: 570px;
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
}

.region_select-btn .dropdown {}

.region_select-btn .btn {
   color: var(--white);
   padding: 0 14px;
   width: 100%;
   text-align: start;
   font-weight: 300;
    display: inline-block;
 
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
   font-size: 12px;
   /* display: flex; */
   position: relative;
   align-items: center;
  font-family: 'Poppins', sans-serif;
   margin: 25px 0 0;
   border: 1px solid var(--white);
   border-radius: 00px;
   background-color: transparent;
   height: 26px;
   width: 95px;
}

.region_select-btn .dropdown-toggle:focus {
   box-shadow: none;
}

.region_select-btn .dropdown-menu {
   border: 1px solid var(--white);
   border-radius: 0px;
   background-color: #03111F;
   padding: 0;
   overflow: hidden;
   min-width: 95px;
   width: 95px;
}

.region_select-btn .dropdown-item {
   font-size: 12px;
   cursor: pointer;
   text-align: center;
   font-family: 'Poppins', sans-serif;
   color: var(--white);
   padding: 3px 7px;
   font-weight: 300;
}

.region_select-btn .dropdown-item:hover {
   background-color: transparent;
   color: var(--orange);
}

.region_select-btn li {
   width:100%;
}

.region_select-btn .dropdown-toggle::before {
   content: '';
   position: absolute;
   top: 7px;
   right: 15px;
   display: block;
   float: right;
   margin-top: .25em;
   transform: rotate(180deg);
   border-color: transparent;
   border-top-color: #D00;
   border-style: solid;
   /* border-width: .5em .31em 0; */
   width: 0;
   height: 0;
   line-height: 0;
   border-width: 0px .44em .45em;
   border-top-color: transparent;
   border-bottom-color: var(--white);
}

.region_select-btn .dropdown-toggle::after {
   display: none;
}

.botom_link:hover {
   color: var(--white);
}

.footer_link-grid {
   display: flex;
   gap: 104px;
   margin-top: 33px;
   margin-bottom: 80px;
}

.footer_lg-box h4 {
   color: var(--white);
   font-family: "Josefin Sans","Open Sans", sans-serif;
   font-size: 17px;
   font-weight: 600;
   margin-bottom: 5px;
}

.footer_lg-box .footer_con-lable {
   margin-bottom: 10px;
}

.footer_direct-link-bar .footer_con-lable:hover {
   color: var(--orange);
}

.footer_link-bar {
   display: flex;
   align-items: center;
   justify-content: center;
}

.bottom_soc-link-bar {
   position: absolute;
   bottom: -5px;
   right: 0;
   display: flex;
   /* max-width: 148px; */
}

.bottom_soc-link-bar a {
   width: 25px;
   margin: 0 3px;
}

.bottom_soc-link-bar img {
   padding: 5px;
     filter: brightness(0) invert(1);
}

/* side_bar-css */
.side_bar-cs,
.forget_password-popup,
.user_loged_in-popup,
.password-reset-popup {
   background-color: #f5f5f5;
   border: 1px solid #707070;
   padding: 74px 21px 0;
   position: fixed;
   left: -100%;
   max-width: 393px;
   width: 100%;
   z-index: 999;
   min-height: 100vh;
   transition: all 0.5s;
   top: 0;
   display: flex;
   flex-direction: column;
   justify-content: space-between;

}

.forger_pass-cnf-popup .com_btn {
   border: 1px solid var(--blue);
   background-color: transparent;
   color: var(--blue);
   height: 30px;
   font-size: 12px;
   margin-left: 0;
   padding: 6px;
   font-weight: 500;
}

.welcome_popup.comein,
.forger_pass-cnf-popup.comein {
   right: 0;
   left: unset;
}

.return_request.comein {
   right: 0;
   left: unset;
}

.search_side-bar.comein,
.filter_con-popup.comein {
   left: 0;
   transition: all 0.5s;
}

.filter_con-popup {
   padding: 75px 13px 0 13px;
   max-width: 258px;
}

.filter_con-head {
   color: var(--orange);
   font-size: 20px;
   font-family: "Josefin Sans","Open Sans", sans-serif;
   text-transform: uppercase;
   margin-bottom: 40px;
   display: block;
}

.filter_dropdown-lable {
   cursor: pointer;
   line-height: 19px;
   font-size: 12px;
 font-family: 'Poppins', sans-serif;
   text-transform: uppercase;
   font-weight: 400;
   color: #03111F;
   padding-left: 5px;
   display: flex;
   align-items: center;
   justify-content: space-between;


}
.img-data-wrap {
  scroll-behavior: smooth; /* ✅ smooth scroll effect */
}

.filter_dropdown.active .down_arrow {
   transform: rotate(-180deg);
   transition: transform 0.2s ease;
}

.filter_dropdown-list,
.ex_ps-size {
   display: grid;
   gap: 5px 13px;
   max-width: 90%;
   /* grid-template-columns: repeat(auto-fill, minmax(66px, 1fr)); */
   margin: 6px 0 34px 5px;
}
.filter-colour,
.filter-size{
  grid-template-columns: repeat(auto-fill, 66px);
}
.filter-fabric,
.ex_ps-size,
.filter-fit{
   gap: 9px 14px;
    grid-template-columns: repeat(auto-fill, 100px);
}
.filter_dropdown .ss_bc-box .size_btn{
   border: none;
       overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}
.filter_dropdown .ss_bc-box{
   height: unset;
}
.filter_dropdown-item,
.filter_con-wrap .pro_select-size .size_btn ,
.filter_dropdown .pro_select-size .size_btn,
.filter_dropdown .ss_bc-box .size_btn{
      border-radius: 00px;
    border: 1px solid #031120;
    height: 23px;
    text-transform: capitalize;
    padding: 4px 4px 4px 4px;
    cursor: pointer;
    justify-content: center;
    display: flex;
    font-weight: 400;
  font-family: 'Poppins', sans-serif;
    position: relative;
    align-items: center;
}

.filter_con-wrap {
   display: flex;
   flex-direction: column;
   overflow: auto;
}

.filter_con-popup {
   display: flex;
   flex-direction: column;
   overflow: auto;
   height: 100%;
}

.filter_con-wrap {
   padding-right: 0px;
   display: flex;
   flex-direction: column;
   overflow: auto;
   height: 100%;
}
.filter_con-wrap select{
   height: 26px;
    background-color: transparent;
    border-radius: 0;
    border: 1px solid #031120;
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    padding: 2px 5px;
    font-size: 12px;
    color: #03111F;
}
.filter_dropdown .pro_select-size {
   gap: 9px 14px;
   margin: 6px 0 34px 5px;
  
}

.filter_dropdown .pro_select-size .ss_bc-box {
   margin: 0 10px 10px 0;
   height: 32px;
   float: left;
}



.filter_dropdown-item.select {
   background-color: var(--blue);
}

.filter_dropdown-item.select .fd_r-right::before {
   border: solid var(--blue);
   border-width: 0 1.5px 1.5px 0;
}

.filter_dropdown-item.select .fd_r-lable {
   color: var(--white);
}

.filter_dropdown-item .fd_r-checkbox {
   background-color: transparent;
   opacity: 0;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   cursor: pointer;
}

.filter_dropdown-item:hover {
   background-color: var(--blue);
}

.filter_dropdown-item:hover .fd_r-lable {
   color: var(--white);
}

.filter_dropdown-item:hover .fd_r-right::before,
.filter_dropdown .pro_select-size .size_btn:hover .fd_r-right::before,
.filter_dropdown .pro_select-size .size_btn.select .fd_r-right::before {
   border: solid var(--blue);
   border-width: 0 1.5px 1.5px 0;
}
.filter_con-wrap .pro_select-size .fd_r-right{
   margin-left: 15px;
}
.filter_con-wrap select:focus{
   box-shadow: none;
}
.filter_con-wrap .pro_select-size .size_btn{

}
.fd_r-right {
   position: relative;
   margin-left: auto;
   width: 26px;
   background-color: #f5f5f5;
   min-width: 26px;
   z-index: 9;
   height: 26px;
   border: 1px solid #707070;
   border-radius: 50%;
}

.fd_r-right::before {

   content: '';
   position: absolute;
   right: 50%;
   top: 55%;
   opacity: 0;
   left: 26%;
   width: 8px;
   height: 15px;
   border: solid var(--white);
   margin: -1px -1px 0 -1px;
   transform: rotate(45deg) translate(-50%, -50%);
   z-index: 2;
   border: solid #707070;
   border-width: 0 1.5px 1.5px 0;
   right: 55%;
   opacity: 1;

}

.fd_r-lable {
   color: #03111F;
   font-size: 12px;
   text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
   display: inline-block;
   font-weight: 400;
   /* max-width: 14em; */
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.filter_dropdown {
   margin-bottom: 23px;
}
.filter_dropdown.active{
   margin-bottom: 0;
}
.filter_dropdown-lable .down_arrow {
     width: 9px;
    height: 15px;
    margin-right: 16px;
    transition: transform 0.2s ease;
}

.search_side-bar {
   display: flex;
   transition: all 0.5s;
   flex-direction: column;
   justify-content: space-between;
}

.side_bar-close-btn,
.incorrect-side_bar-close-btn {
   position: absolute;
   top: 23px;
   width: 9px;
   border: none;
   background-color: transparent;
   right: 27px;
}
.search_con-wrap .light_con_bar{
   background-color: transparent;
   border:  1px solid #0021476e;
}
.light_con_bar {
   background-color: #0021476E;
   border-radius: 0px;
   margin-bottom: 6px;
   position: relative;
   min-height: 40px;
   display: flex;
   align-items: center;
   height: 40px;
}

.light_con_bar img {
   width: 20px;
   margin-left: 10px;
   margin-bottom: 4px;
}

.light_con_bar input {
   width: 100%;
   border: none;
   background-color: transparent;
   height: 17px;
   padding: 0 10px;
   line-height: 15px;
   font-size: 16px;
   margin-top: 0px;
   font-family: "Josefin Sans","Open Sans", sans-serif;
   font-weight: 400;
   color: var(--white);
}

.light_con_bar input::placeholder {
   color: var(--white);
   font-size: 16px;
}

.light_con_bar input:focus-visible {
   outline: none;

}

.search_filter-content {
   margin: 20px 0;

}

.side_link {
   font-size: 16px;
   color: var(--blue);
   font-family: "Josefin Sans","Open Sans", sans-serif;
   margin-bottom: 22px;
   text-transform: uppercase;
   display: block;
   line-height: 19px;
   background: transparent;
   text-decoration: none;
   border: none;
   text-align: start;
}

.sub_link {
   font-size: 14px;
   background-color: transparent;
   border: none;
   width: 100%;
   text-transform: uppercase;
   text-align: start;
   color: var(--blue);
   font-family: "Josefin Sans","Open Sans", sans-serif;
}

.sub_menu-level2,
.sub_menu {
   margin-left: 10px;
}

.search_filter-content {
   width: 250px;
   font-family: Arial;
}

.menu_item {
   margin-bottom: 10px;
}

/* .side_link,
.sub_link {
  width: 100%;
  padding: 10px;
  background: #f0f0f0;
  border: none;
  text-align: left;
  cursor: pointer;
  font-weight: bold;
} */

/* .sub_menu,
.sub_menu-level2 {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
  background: #e9e9e9;
  padding-left: 10px;
}

.sub_menu a,
.sub_menu-level2 a {
  display: block;
  padding: 8px;
  text-decoration: none;
  color: #333;
}

.sub_menu.open,
.sub_menu-level2.open {

} */
.search_filter_side-bar {
   display: flex;
   flex-direction: column;
}

.side_link:hover {
   color: var(--orange);
}

.side_bar-direct-link {
   margin-top: 110px;
}

.side_bar-footer {
   display: flex;
   align-items: center;
   margin-bottom: 26px;
}

.side_bar-footer input[type="checkbox"] {

   background-color: transparent;
   /* No background */
   border: 1px solid var(--blue);
   /* Add your own border */
   width: 15px;
   appearance: none;
   height: 15px;
   cursor: pointer;
}

.side_bar-footer input[type="checkbox"]:checked {
   background-color: unset;
   appearance: auto;
}

.side_bar-footer a {
   font-size: 10px;
   letter-spacing: 0.5px;
   color: var(--blue);
   font-family: "Josefin Sans","Open Sans", sans-serif;
   text-decoration: none;
   text-transform: uppercase;
   position: relative;
   margin-right: 5px;
   padding-right: 5px;
}
.side_bar-footer a:nth-child(1)::after{
      content: '';
    position: absolute;
    width: 1px;
    display: block;
    height: 10px;
    background-color: #002147a8;
    top: 2px;
    right: -3px;
   /* border-radius: 1px solid var(--blue); */
}
/* .side_bar-footer a:nth-child(1)::after{
   position: absolute;
   width: 1px;
   hyphenate-character: 10px;
   background-color: var(--blue);
   right: 0;
   top: 0;
} */
.side_bar-footer a:hover {
   color: var(--orange);
}

.small_note {
   font-size: 10px;
   color: var(--blue);
   line-height: 12px;
   font-family: "Fira Sans","Roboto", sans-serif;
   font-weight: 500;
   display: block;
}

.google_btn {
   position: relative;
   overflow: hidden;
}

.signup_side-bar,
.create_account_side-bar {
   padding: 115px 22px 0;
}

.signup_side-bar,
.create_account_side-bar,
.forget_password-popup,
.user_loged_in-popup,
.password-reset-popup,
.aow_popup,
.password_reset-form {
   right: -100%;
   left: unset;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}

.aow_popup {
   z-index: 999;
}

.drc_link {
   height: 40px;
   border-radius: 8px;
   margin-bottom: 15px;
   background-color: #8b99aa;
   border: 1px solid #8b99aa;
   display: block;
   display: flex;
   font-family: 'Poppins', sans-serif;
   font-size: 12px;
   color: var(--blue);
   align-items: center;
   justify-content: center;
   text-decoration: none;
}

.drc_footer .com_btn {
   max-width: 190px;
   width: 190px;
   height: 31px;
   padding: 7px;
   font-weight: 500;
   color: var(--blue);
   font-size: 12px;
   margin: 40px auto;
   border: 1px solid var(--blue);
   text-align: center;
   background-color: transparent;
   font-family: "Josefin Sans","Open Sans", sans-serif;
}

.drc_link:hover {
   color: var(--blue);
   border: 1px solid var(--blue);
}

.drc_link-wrap {
   margin: 70px 0;
}

.signup_side-bar.comein,
.create_account_side-bar.comein,
.aow_popup.comein,
.password_reset-form.comein {
   right: 0;
}

.create_account_side-bar {
   height: 100%;
}

.create_account_side-bar .signing_content {
   display: flex;
   flex-direction: column;
   overflow: auto;
   height: 100%;
}

.create_account_side-bar .google_btn {
   display: flex;
   flex-direction: column;
   overflow: auto;
   height: 100%;
}

.signing_content-wrap {
   margin-top: 28px;
}

.signing_content-wrap .light_con_bar input {
   font-size: 12px;
   color: var(--blue);
   font-family: "Fira Sans","Roboto", sans-serif;
   font-style: italic;
   font-weight: 400;
}

.signing_content-wrap .light_con_bar input::placeholder {
   font-size: 12px;
   color: var(--blue);
}

.forget_pass-btns {
   position: absolute;
   right: 10px;
   color: var(--blue);
   font-family: "Fira Sans","Roboto", sans-serif;
   font-style: italic;
   font-weight: 400;
   bottom: 10px;
   cursor: pointer;
   font-size: 10px;
   padding-left: 7px;
   background: #8b99aa;
}

.signing_content-wrap .small_note,
.signing_content-wrap .small_note a {
   font-size: 10px;
   color: var(--blue);
}

.signing_content-action {
   margin: 20px auto;
   text-align: center;
}

.signing_content-action .com_btn {
   padding: 6px;
   line-height: 20px;
   height: 31px;
   max-width: 190px;
   width: 100%;
   font-size: 12px;
   text-align: center;
   margin: 0 auto;
   font-weight: 500;
   cursor: pointer;
}

.dark_btn {
   /* background-color: var(--orange);
   border: 1px solid var(--orange); */
   background-color: var(--blue);
   border: 1px solid var(--blue);
}

.dark_btn:hover {
   color: var(--white);
}

.light_btn {
   border: 1px solid var(--blue);
   color: var(--blue);
   background-color: transparent;
}

.or_divider {
   display: block;
   color: var(--blue);
   font-size: 16px;
  font-family: "Archivo Black", "Open Sans", sans-serif;
   margin: 28px 0;
}

.signing_content {
   position: relative;
}

.t_c-inner-popup {
   position: absolute;
   transform: translate(-50%, -50%);
   left: 50%;
   top: 39%;
   width: 240px;
   height: 280px;
   display: none;
   background-color: var(--white);
   border: 1px solid var(--blue);
   border-radius: 8px;
   padding: 13px 13px 20px;
}

.t_c-inner-popup .t_c-close-btn {
   width: 19px;
   cursor: pointer;
   display: block;
   margin-top: -12px;
   margin-bottom: -12px;
   margin-left: auto;
}

.t_c-inner-popup .side_link {
   font-size: 12px;
   margin-bottom: 6px;
}

.t_c-content .small_note {
   font-weight: 400;
}

.t_c-content h2 {
   font-size: 12px;
}

.t_c-content {
   height: 190px;
   overflow: auto;
}

.google_btn .light_con_bar {
   cursor: pointer;
}

.welcome_content {
   font-size: 12px;
   font-family: "Fira Sans","Roboto", sans-serif;
   color: var(--blue);
   line-height: 14px;
   display: block;
}

.welcome_content a {
   color: var(--blue);
}

.resend_link {
   color: var(--blue);
   display: block;
   font-size: 12px;
   font-family: "Josefin Sans","Open Sans", sans-serif;
}

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

/* your-bag-css */
.bag_con-delete,
.bag_con-share {
   border: none;
   background-color: transparent;
   margin-top: -5px;
   width: 19px;
   margin-left: 5px;
}

.bag_con-share {
   padding: 2px;
}

.fav_icon-toggle {
   position: relative;
   cursor: pointer;
   height: 19px;
   margin-right: 15px;
   width: 19px;
   /* margin-top: -5px; */
}

.fav_icon-toggle .fav_icon-check {
   position: absolute;
   width: 100%;
   height: 100%;
   cursor: pointer;
   z-index: 1;
   opacity: 0;
   left: 0;
   top: 0;
}

.fav_none,
.fav_done {
   display: none;
}

.fav_icon-toggle img {
   width: 25px;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;

}

.your_bag-content-wrap .bcp_value {
   text-decoration: none;
}

.your_bag-content-wrap {
   padding: 76px 45px 32px;
}
.your_bag-content-wrap .bag_con-pro-bar{
   border: none;
}
.your_bag-content-wrap .con_head-lable{
   margin-bottom: 59px;
}
.con_head-lable {
   color: var(--blue);
font-family: "Josefin Sans","Open Sans", sans-serif;
   /*font-family: "Archivo Black", "Open Sans", sans-serif; */
   font-size: 20px;
   margin-bottom: 55px;
   font-weight: 400;
   letter-spacing: 1.1px;
   text-align: center;
   text-transform: uppercase;
   line-height: 17px;
}

.you_bag-popup .con_head-lable {
   font-size: 17px;
   margin-bottom: 5px;
}

.you_bag-popup .sale_bar {
   line-height: 14px;
   height: 37px;
   font-size: 12px;
   padding: 13px 11px;
}

.you_bag-popup .bag_con-pro-bar-wrap {
   margin: 30px 0;
}

.you_bag-popup .bag_con-pro-bar {
   padding-bottom: 0px;
}

.you_bag-popup .bag_con-left {
   width: 100%;
}

.you_bag-popup .you_bag-popup-footer .josefin-blue {
   font-size: 14px;
}

.you_bag-popup .bag_con-item-dop .josefin-blue {
   font-size: 12px;
   font-weight: 700;
   line-height: 11px;
   max-width: 89%;
}

.you_bag-popup .qty_input-lable,
.you_bag-popup .qty_input {
   font-size: 12px;
   height: 19px;
}

.you_bag-popup .qty_inut-box .qty_input {
   padding-top: 2px;
}

.you_bag-popup .bag_right-checkout-btn .com_btn {
   height: 30px;
   padding: 6px;
   font-size: 12px;
}

.you_bag-popup .bag_con-img {
   width: 109px;
   aspect-ratio: 109 / 169;
   min-width: 109px;
   margin: 0 20px 0 18px;
}

.you_bag-popup .bag_con-select {
   font-size: 10px;
   margin: 10px 0 18px;
   line-height: 12px;
}

.you_bag-popup .bag_con-prise-lable {
   font-size: 10px;
   line-height: 11px;
   display: block;
}

.you_bag-popup .bad_con-qty-box {
   margin-top: 18px;
}

.od_content-wrap {
   margin-top: 20px;
   display: flex;
}

.bag_con-left {
   width: 50%;
   padding-right: 20px;
}
.shipping_con-main-wrap .bag_con-right{
   padding: 24px 20px;
}
.shipping_con-main-wrap .com_form .light_con_bar{
   margin-bottom: 12px;

}
.shipping_con-main-wrap .ere_text-sm-form{
   margin-top: -13px;
}
.shipping_con-main-wrap .ed_form-text-wrap{
   padding: 22px 20px 0 20px;
   margin: 0;
}
.bag_con-right {
   width: 50%;
   /* max-height: 850px;
   overflow: auto; */
   padding: 21px 30px;
   position: relative;
   background-color: #F5F5F5;
}

.bag_con-right .form_field {
   padding: 10px 0 36px 0;
   border-top: 1px solid var(--blue);
   /* padding-top: 20px; */
   margin: 0;
}

.bag_con-right .form_field:nth-child(2) {
   border: none;
}

.bag_con-right .bag_con-r-heading {
   display: flex !important;
   max-width: 100%;
   align-items: center;
   font-size: 15px;
   margin-bottom: 54px;

}

.sale_bar {
   font-family: "Josefin Sans","Open Sans", sans-serif;
   color: var(--white);
   background-color: var(--blue);
   padding: 20px 24px;
   font-size: 20px;
   display: block;
   height: 60px;
   text-transform: uppercase;
   line-height: 24px;
}

.not-find-data-text {
   max-width: 550px;
   margin: 0 auto;
}

.not-find-data-text span {
   color: var(--blue);
   font-family: "Josefin Sans","Open Sans", sans-serif;
   padding-bottom: 20px;
   font-size: 15px;
   display: block;
   text-align: center;
}

.filter_item-head {
   margin-top: 20px;
}

.filter_category-bar {
   font-family: "Josefin Sans","Open Sans", sans-serif;
   color: var(--white);
   background-color: var(--orange);
   padding: 20px 24px;
   font-size: 20px;
   display: block;
   height: 60px;
   text-transform: uppercase;
   line-height: 24px;
}

.bag_con-pro-bar {
   display: flex;
}

.thank_u-wrap {
   text-align: center;
   margin: 200px 0;
}

.thank_u-wrap h1 {
   font-size: 70px;
   font-family: "Josefin Sans","Open Sans", sans-serif;
   color: var(--blue);
   font-weight: 700;
}

.thank_u-wrap .thank_content {
   /*font-family: "Archivo Black", "Open Sans", sans-serif; */
   line-height: 21px;
   font-size: 19px;
   color: var(--blue);
   text-transform: uppercase;
}

.bag_con-img {
   margin: 0 15px;
   max-width: 130px;
   position: relative;
   aspect-ratio: 130 / 206;
   height: fit-content;
   overflow: hidden;
   /* border-radius: 10px; */
   /* border: 1px solid var(--blue); */
}

.bag_con-img img {
   height: -webkit-fill-available;
   width: 100%;
   object-fit: cover;
}

.bag_con-check {
   display: flex;
}

.bag_con-check input {
   margin: auto;
}

.blue_check[type=checkbox] {
   position: relative;
   border: 1px solid var(--blue);
   border-radius: 2px;
   background: none;
   cursor: pointer;
   line-height: 0;
   /* margin: 0 .6em 0 0; */
   outline: 0;
   padding: 0 !important;
   vertical-align: text-top;
   height: 19px;
   width: 19px;
   -webkit-appearance: none;
   opacity: 1;
}

.blue_check[type=checkbox]:checked {

   opacity: 1;

}

.blue_check[type=checkbox]:checked::before {
   border: solid var(--blue);
   border-width: 0 1.5px 1.5px 0;
   right: 55%;
   opacity: 1;
}

.pro_d-right .bcp_value,
.bag_con-prise-lable .bcp_value {
   text-decoration: none;
   display: flex;
   color: #002147BF !important;
   position: relative;
}

.pro_d-right .bcp_value::after,
.bag_con-prise-lable .bcp_value::after {
   content: '';
   position: absolute;
   left: 0;
   top: 41%;
   width: 100%;
   height: 1.5px;
   background-color: #002147BF;
}

.pro_d-right .bcp_value {
   color: #002147BF !important;
}

.pro_d-right .bcp_ctt-value,
.bag_con-prise-lable .bcp_ctt-value {
   /* text-decoration: line-through; */
}

.bag_con-text .bcp_ctt-value {
   color: #002147BF;
}

.bcp_value {
   color: var(--blue) !important;
   margin-right: 10px;

   text-decoration: line-through;
}

.ere_text {
   font-size: 12px;
   display: block;
   font-family: "Fira Sans","Roboto", sans-serif;
}

.bag_con-select,
.qty_input-lable,
.qty_input {
  font-family: 'Poppins', sans-serif;
   font-size: 10px;
   color: var(--blue);
   font-weight: 400;
   display: block;
   line-height: 21px;
   margin: 5px 0 15px;
   text-transform: uppercase;
}

.bag_con-select {
   display: flex;
}

.bc_select-edit {
   color: var(--blue);
   margin-left: auto;
   text-decoration: underline;
}

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

.qty_input-lable,
.qty_input {
   margin: 0;
}

.qty_input {
   text-align: center;
}

.blue_check[type=checkbox]:before {
   content: '';
   position: absolute;
   right: 50%;
   top: 50%;
   opacity: 0;
width: 4px;
    height: 9px;
   border: solid var(--white);

   margin: -1px -1px 0 -1px;
   transform: rotate(45deg) translate(-50%, -50%);
   z-index: 2;
}

.bag_con-item-dop {
   margin-top: 13px;
   display: flex;
   align-items: start;
   justify-content: space-between;
}

.bag_con-item-dop a {
   width: 100%;
}

.bag_con-item-dop span {
   font-weight: 400;
   font-size: 13px;
   line-height: 15px;
}

.bag_con-divider {
   height: 3px;
   width: 100%;
   background-color: var(--blue);
}

.undo_bar {
   margin: 15px 50px;
   text-transform: uppercase;
   cursor: pointer;
   padding: 50px 15px;
   font-weight: 500;
   color: #fff;
   background: #8c9bac;
   display: flex;
   align-items: center;
   justify-content: space-between;
   border-radius: 8px;
}

.ubdo_bar-back {
   width: 20px;
   border: none;
   background-color: transparent;
}

.bag_con-r-heading {
   font-size: 20px;
   margin-bottom: 20px;
   display: block;
}

.undo_bar span {
   font-size: 17px;
   line-height: 20px;
   text-align: center;
   width: 100%;
   display: block;
}

.bag_con-text {
   width: 100%;
   display: flex;
   flex-direction: column;

}

.bag_con-text .bag_con-prise-lable {
   font-size: 12px;
}

.bag_con-text .bag_con-prise-lable .bcp_name {
   margin-left: 5px;
   font-size: 7px;
   margin-top: 1px;
}

.od_ac-dcpt {
   font-family: "Fira Sans","Roboto", sans-serif;
   font-size: 17px;
   color: var(--blue);
   display: block;
   line-height: 21px;
   margin: 8px 0;
}
.top_total-bar .josefin-blue{
   font-size: 12px;
}
.josefin-blue {
   line-height: 20px;
   text-decoration: none;
   font-weight: 400;
   color: var(--blue);
   max-width: 70%;
   text-transform: uppercase;
   font-family: "Josefin Sans","Open Sans", sans-serif;

}

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

.sub_total-bar span {
   font-size: 12px;
   line-height: 20px;
}

.st_cal-lable {
   /* color: #002147; */
   color: var(--blue);
   font-family: "Josefin Sans","Open Sans", sans-serif;
   font-style: italic;
}

.sub_total-bar .blue_check[type=checkbox] {
   border: 1px solid var(--blue);
   margin: -2px 7px 2px 0;
   width: 15px;
   height: 15px;
}
.com_form .sub_total-bar{
   margin-top: 6px;
}
.sub_total-bar .blue_check[type=checkbox]:before {
   border: solid #F5F5F5;
}

.central_total-bar .bcp_ctt-value {
   font-size: 15px;
}

.central_total-bar .josefin-blue {
   max-width: unset;
}
.central_total-bar .bcp_name{
   font-size: 9px;
}
.bag_right-checkout-btn .com_btn{
   height: 40px;
   padding: 12px;
   font-size: 15px ;
}
.central_total-bar {
   margin: 40px auto 22px;
   border: 1px solid #031120;
   padding: 0 12px;
   height: 33px;
   font-size: 15px;
   display: flex;
   align-items: center;
   width: fit-content;

}

.sub_total-bar .blue_check[type=checkbox]:checked::before {
   border: solid var(--blue);
   border-width: 0 1.5px 1.5px 0;
   right: 51%;
}

.your_bag-also-wrap {
   padding: 0 0 50px !important;
}

.josefin-orange {
   color: var(--blue);
   text-transform: uppercase;
   font-family: "Josefin Sans","Open Sans", sans-serif;
   font-weight: 400;
}

.change_pass-wrap select {
   height: 40px;
   border: 1px solid var(--blue);
   font-size: 12px;
   color: var(--blue);
   font-family: 'Poppins', sans-serif;
  
}

.ss_bar-lable {
   color: var(--blue);
  font-family: "Josefin Sans","Open Sans", sans-serif;
   margin: 0;
   font-size: 12px;
   font-weight: 400;
   line-height: 14px;
   text-transform: uppercase;
}

.pl_list-wrap {
   /* min-width: 230px; */
   /* margin: 20px 0 0; */
   /* width: fit-content; */
   max-width: 580px;
   margin-bottom: 18px;
}

.plp_start-wrap {
   padding: 0 0;
   /* padding-bottom: 15px; */

}

.plp_start-wrap:nth-last-child(1) {
   /* border-top: 1px solid var(--blue); */
}

.sz_text {
   font-size: 13px;
   font-family: "Josefin Sans","Open Sans", sans-serif;
   text-transform: uppercase;
   color: var(--blue);
   width: fit-content;
   display: block;
   line-height: 16px;
   margin: 20px 0 15px;

}

.pro_con-all-composite:nth-child(1) .pro_d-more-content {
   border-bottom: 1px solid #707070;
   margin-bottom: 10px;
   padding-bottom: 10px;
}

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

.pro_con-all-wrap:nth-child(2) {
   /* border-bottom: 1px solid #002147BF;
margin-bottom: 10px; */
}

.pro_details {
   max-width: 580px;
   margin-bottom: 5px;
}

.pl_list-select {
   border: 1px solid var(--blue);
   /* border-radius: 20px; */
   margin: 0;
   color: var(--blue);
   text-transform: uppercase;
   position: relative;
   font-weight: 400;
   font-size: 13px;
   cursor: pointer;
   padding: 10px 30px 5px 15px;
   height: 36px;
   font-family: "Josefin Sans","Open Sans", sans-serif;
}

.pl_list-select.active::after {
   transform: rotate(0deg);
}

.pl_list-select::after {
   content: '';
   position: absolute;
   top: 12px;
   right: 14px;
   display: block;
   transition: all 0.3s;
   float: right;
   margin-top: .25em;
   border-color: transparent;
   transform: rotate(180deg);
   border-top-color: #D00;
   border-style: solid;
   border-width: .5em .31em 0;
   width: 0;
   height: 0;
   line-height: 0;
   border-width: 0 .41em .35em;
   border-top-color: transparent;
   border-bottom-color: var(--blue);
}

.wishlist_bag_con-pro-bar .bcp_value,
.shipping_con-main-wrap .bcp_value {
   text-decoration: none;
}

.product_code {
display: block;
    font-size: 9px;
    padding-top: 5px;
    font-style: italic;
    font-family: 'Poppins', sans-serif;
}

.change_pass-wrap select:focus {
   box-shadow: none;
}

.filter_lable {
   color: var(--blue);
   /* font-family: "Fira Sans","Roboto", sans-serif; */
    font-family: 'Poppins', sans-serif;
   text-transform: uppercase;
}

.filter_lable:nth-child(1) {
   font-size: 12px;
    line-height: 18px;
    border: 1px solid var(--blue);
    width: 113px;
    height: 33px;
    align-items: center;
    text-align: center;
    cursor: pointer;
    padding: 7px 0;
}

.filter_lable:nth-child(2) {
   font-size: 12px;
   text-transform: capitalize;
   
}

.filter_lable img {
   width: 20px;
   margin-right: 10px;
}

.bad_con-qty-box {
   display: flex;
   align-items: center;
   margin-top: 30px;
   margin-bottom: 20px;
}

.qty_inut-box {
   margin: 0 0 0 5px;
   display: flex;
   align-items: center;
}

.qty_btn {
   width: 17px;
   border: 1px solid var(--blue);
   height: 17px;
   position: relative;
   background-color: transparent;
}

.qty_add-btn::after {
   content: '';
   position: absolute;
   left: 50%;
   bottom: -11%;
   width: 1px;
   border-right: 1px solid var(--blue);
   transform: translate(-50%, -50%) !important;
   height: 58%;
   background-color: var(--blue);
}

.qty_add-btn::before,
.qty_minus-btn::before {
   content: '';
   position: absolute;
   left: 50%;
   bottom: 41%;
   width: 50%;
   border-bottom: 1px solid var(--blue);
   transform: translate(-50%, -50%) !important;
   height: 1px;
   background-color: var(--blue);
}

.qty_inut-box .qty_input {
   border: none;
   background-color: transparent;
   width: 20px;
}

.qty_inut-box .qty_input:focus-visible {
   outline: none;
}

.bag_con-pro-bar {
   padding-bottom: 15px;
   margin-top: 10px;
   margin-bottom: 15px;
   border-bottom: 1px dashed #002147BF;
}

.bag_con-pro-bar-wrap {
   margin: 25px 15px 15px;
}

.od_also-con-wrap {
   additive-symbols: 0 50px 50px;
}

.od_ac-box-img {
   position: relative;
}

.update_wishlist .offer_tag {

   border-radius: 0 0 8px 0 !important;
   z-index: 9;
}

.offer_tag {
   position: absolute;
   left: 0;
   top: 0;
   z-index: 1;
   min-width: 93px;
   border-radius: 0 0 8px 0;
   background-color: rgba(8, 28, 51, 0.62);
   height: 25px;
   text-align: center;
   font-family: 'Poppins', sans-serif;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 16px;
   color: var(--white);
   line-height: 25px;
   font-weight: 400;
}

.od_ac-box .toggle_r-bar,
.populer_item-box .toggle_r-bar {
   display: inline-block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   padding: 2px 0 0 0;
   margin: 0;
}

.od_ac-box .toggle_r-bar .round_blue.select,
.populer_item-box .toggle_r-bar .round_blue.select {
   margin-left: 2px;
}
.populer_item-box .toggle_r-bar {
   margin: 0 !important;
}
.populer_item-box .toggle_r-bar .round_blue{
    min-width: 23px;
    width: 23px;
    height: 13px;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}
.od_ac-box .toggle_r-bar .round_blue {
   min-width: 33px;
   height: 15px;
   width: 33px;
   margin-bottom: 6px;
   margin-right: 6px;
   float: left;
}
.od_ac-box-img:hover .od_ac-hover-img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
    height: 100%;
}
.od_ac-box-img .od_ac-hover-img img{
   width: 100%;
    height: 100%;
    object-fit: cover;
}
.od_ac-box .od_ac-box-img {
   width: 100%;
   /* or fixed width like 300px */
   aspect-ratio: 403 / 603;
   overflow: hidden;
   position: relative;
}
.od_ac-box .od_ac-box-img:hover .od_ac-hover-img{
   opacity: 1;
   z-index: 0;
}

.od_ac-box .od_ac-box-img img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.update_wishlist .od_ac-box-wrap{
   gap: 55px 21px;
}
.update_wishlist .bag_con-item-dop span{
   font-size: 15px;
}
.update_wishlist .fav_icon-toggle{
   width: 29px;
   height: 29px;
}
.od_ac-box-wrap {
   display: grid;
   gap: 55px 28px;
   /* grid-template-columns: repeat(auto-fill, minmax(30%, 1fr)); */
   grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

.od_ac-box-wrap .bag_p-qty-tag {
   margin-right: 0 !important;
   width: 100%;
   display: block;
   grid-column: 1 / -1;
   text-align: center;
}

.od_ac-img {
   /* aspect-ratio: 295 / 459;
   overflow: hidden;
   width: 295px; */
   position: relative;
   cursor: pointer;
   width: 100%;
   aspect-ratio: 295 / 459;
   /* or any ratio like 2 / 3 or 3 / 4 etc */
   overflow: hidden;
}

.od_ac-img img {
   position: absolute;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.bag_con-prise-lable,
.ds_d-value {
   /*font-family: "Archivo Black", "Open Sans", sans-serif; */
   font-family: "Josefin Sans","Open Sans", sans-serif;
   line-height: 22px;
   font-size: 18px;
   /* color: var(--orange); */
   position: relative;
   color: var(--blue);
   text-transform: uppercase;
}

.ds_d-value {
   color: var(--blue);
   text-decoration: overline;
}

.toggle_r-bar {
   margin-top: 10px;
}

.pro_d-right .toggle_r-bar,
.product_pair-t-right .toggle_r-bar {
   display: inline-block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   margin-bottom: 20px;
   max-width: 580px;
   margin-top: 14px;
   padding: 2px 0 0 0;
}

.pro_d-right .round_blue.select {
   margin-left: 2px;
}

.round_blue {
   width: 38px;
   height: 22px;
   overflow: hidden;
   /* border-radius: 10px; */
   cursor: pointer;
   border: 1px solid var(--blue);
   background-color: transparent;
   margin-right: 10px;
}

.round_blue img {
   width: 100%;
}

.round_blue.active {
   background-color: var(--blue);

}

.af_filter-list {
   margin: 28px 4px;
}
.contect_details-main-wrap{
   padding: 76px 45px 52px;
}
.af_lable {
   display: block;
   color: var(--blue);
 line-height: 18px;
   padding-bottom: 11px;
   font-size: 12px;
   text-decoration: none;
   font-size: 12px;
    font-family: 'Poppins', sans-serif;
}

.od_ac-img:hover .od_ac-hover-img {

   opacity: 1;
   transition: all 0.7s;
}

.od_ac-hover-img {

   opacity: 0;
   transition: all 0.7s;
}

.af_lable:hover {
   color: var(--orange);
}

.round_blue.select {
   /* outline: 1px solid var(--blue);
   outline-offset: 1px; */
      border: 1px solid var(--white) !important;
    position: relative !important;
    box-shadow: 0 0 0 1px var(--blue);

}
.round_blue.select::after{
   /* content: "";
  position: absolute;
  inset: -2px; /* like outline-offset */
  /* border: 1px solid var(--blue);
  pointer-events: none;
  border-radius: inherit;   */

  
}
/* catgeory-css */
.category_content {
   padding: 30px 52px 55px;
}

.category_content-footer {
   text-align: center;
   margin: 80px 0 20px;
}

.category_content-footer .com_btn {
   width: 280px;
   background-color: var(--blue);
   border: 1px solid var(--blue);
}

.cat_filter-bar {
   margin-bottom: 25px;
}

/* prosduct-page-css */
.product_details-wrap {
   display: flex;
   padding-top: 68px;
   margin-bottom: 40px;
}
.pro_d-left {
  flex: 1 1 0;        /* allow it to shrink/grow */
  max-width: 792px;   /* limit it to 792px on big screens */
  min-width: 0;       /* important: allows shrinking in flex */
  position: relative;
}

.pro_d-right {
  flex: 1 1 0;        /* allow shrinking */
  max-width: 574px;   /* limit */
  min-width: 0;       /* allow shrinking */
  width: 100%;        /* responsive */
  padding: 131px 60px 0 41px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}


.populer_item-box .bcp_value::after {
   display: none;
}

.populer_item-box .bcp_ctt-value::after {
   content: '';
   position: absolute;
   top: 45%;
   left: 0;
   width: 100%;
   height: 1px;
   background-color: #002147BF !important;
}
.product_details-wrap .slick-dots ul{
   margin: 0;
   padding: 0;
}
.product_details-wrap .slick-dots {
   position: absolute;
   transform: translate(-50%, -50%) !important;
   bottom: 59px;
   left: 50%;
   justify-content: center;
   padding: 0;
   margin: 0;
   width: 80%;
   display: flex !important;
   list-style: none;
}

.product_details-wrap .slick-dots button {
   width: 100%;
   height: 2px;
   /* border-radius: 50%; */
   position: absolute;
   background-color: #969696;
   overflow: hidden;
   border: none;
   transition: all 0.2s;
}

.product_details-wrap .slick-dots li {
 height: 2px;
    max-width: 10%;
    width: 44px;
    margin-right: 4px;
    position: relative;
    display: block;
}

.product_details-wrap .slick-slide img {
   width: 100%;
}
.product_details-wrap .slick-dots li.slick-active{
   background-color: unset !important;
   transition: all 0.2s;
}
.product_details-wrap .slick-dots li.slick-active {
   width: 15%;
   max-width: 69px;
}
.product_details-wrap .slick-dots li.slick-active button {
   background-color: var(--white);
   height: 2px;
   /* width: 69px; */
   transition: all 0.2s;
}

.pro_d-left .fav_icon-toggle {
      position: absolute;
    right: 14px;
    height: 30px;
    bottom: 45px;
    width: 29px;
}

.pro_d-slider {
   position: relative;
}

.pd_zoom-wrap {
    position: absolute;
    right: 18px;
    top: 10px;
    height: 20px;
    width: 20px;
    cursor: pointer;
}

.update_wishlist .od_ac-dcpt {
   display: -webkit-box;
   -webkit-line-clamp: 2;
   min-width: 100%;
   -webkit-box-orient: vertical;
   text-overflow: ellipsis;
   overflow: hidden;
   max-width: 15em;
   line-height: 1.5;
}

.pd_wishlist-wrap {
   position: absolute;
   right: 25px;
   bottom: 25px;
}



.ss_bc-box {
   /* height: 41px; */
}

.pro_d-right .round_blue,
.product_pair-t-right .round_blue {
   width: 47px;
    min-width: 47px;
    float: left;
    height: 21px;
    min-width: 47px;
    cursor: pointer;
    margin-bottom: 10px;
    border-radius: 0px;
}

.bag_p-qty-tag {
   width: 100%;
   padding: 100px;
   background-color: #dddddd;
   /* border: 1px solid var(--blue); */
   text-align: center;
   display: block;
   color: var(--blue);
   font-family: 'Poppins', sans-serif;
   /*font-family: "Archivo Black", "Open Sans", sans-serif; */
}

.pro_con-all-wrap {
   display: flex;
   max-width: 580px;
   position: relative;
   flex-direction: column;
   /* height: 100%; */
   overflow: auto;
   /* margin-top: 5px; */
}

.pro_lables {
   color: var(--blue);
   font-family: "Josefin Sans","Open Sans", sans-serif;
   text-transform: uppercase;
   font-size: 18px;
   line-height: 21px;
   margin: 0;
   font-weight: 700;
}

.bcp_name {
   font-size: 13px;
   font-weight: 700;
}
.top_pad-custome{
   /* margin-top: 38px; */
}
.pro_rate {
   font-family: "Josefin Sans","Open Sans", sans-serif;
   /* color: var(--orange); */
   color: var(--blue);
   font-size: 21px;
   line-height: 19px;
}

.pro_select-size-list {
   margin-top: 8px;
   max-width: 580px;
   margin-bottom: 10px;
   gap: 10px 20px;
   display: inline-block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   /* display: grid;
   grid-template-columns: repeat(auto-fill, minmax(23%, 1fr)); */
}

.pro_select-size-list .ss_bc-box {
   margin-right: 16px;
   margin-bottom: 9px;
   float: left;
   height: 31px;
}

.pro_select-size-list .ss_bc-box .size_btn {
   padding: 0 20px;
}

.product_pair .oos_notify-btn {
   max-width: 100%;
}

.product_pair .pro_select-size-list {
   max-width: 100%;
   margin-top: 10px !important;
   margin-bottom: 0 !important;
}

.product_pair .pro_select-size {
   margin-top: 10px ;
}

.pro_select-size {
   margin-top: 10px;
   margin-bottom: 10px;
   max-width: 580px;
   gap: 9px 16px;
   grid-template-columns: repeat(5, 1fr);
   display: grid;
}

#filter_content {
   padding: 80px 0;
}

.size_btn.select {
   background-color: var(--blue);
   color: var(--white);
}

.paypal-button-container {
   min-width: 100% !important;
   max-width: 100% !important;
}

.size_btn {
   border: 1px solid var(--blue);
   color: var(--blue);
   display: flex;
   cursor: pointer;
   height: 100%;
   font-size: 12px;
   align-items: center;
   justify-content: center;
   height: 31px;
   text-align: center;
   /* padding: 10px; */
   text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
}

.pro_d-right .dark_btn,
.product_pair-bottom .dark_btn {
   background-color: var(--blue);
   border: 1px solid var(--blue);
   font-size: 12px;
   padding: 8px;
}

.pro_d-right .com_btn {
   font-size: 12px;
   text-transform: uppercase;
   height: 36px;
   max-width: 580px;
   padding: 10px;
}

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

.pro_d-right .ff_gray {
   border: 1px solid #919fb0;
}

.pro_d-more-content span {
   font-size: 12px;
   line-height: 21px;
   color: var(--blue);
   margin-bottom: 20px;
     font-family: "Josefin Sans","Open Sans", sans-serif;
}

.pro_details p,
.pro_d-more-content p {
   font-size: 17px;
   line-height: 21px;
   color: var(--blue);
   margin-bottom: 20px;
   font-family: "Fira Sans","Roboto", sans-serif;
}

.pro_details p {
   font-size: 12px;
   text-align: justify;
   line-height: 18px;
   margin-bottom: 10px;
   margin-top: 20px;
   color: #002147;
     font-family: 'Poppins', sans-serif;
}

.pro_d-con-inner {
   display: none;
   border-top: 1px solid var(--blue);
   padding-top: 15px;
}

.od_also-con-wrap {
   padding: 87px 3.75% 45px;
}

.od_ac-box-load-more {
   margin-top: 100px;
}

.od_ac-box-load-more .com_btn {
   margin: auto;
   width: 280px;
}

.od_also-con-head {
   font-family: "Josefin Sans","Open Sans", sans-serif;
   color: var(--blue);
   margin-bottom: 55px;
   font-size: 20px;
   font-weight: 600;
}

.pro_d-more-content {
   margin:25px 0 0 0;
}
.toggle_head img{
   transform: rotate(-180deg);
}
.pro_d-more-content span {
 cursor: pointer;
    justify-content: space-between;
    display: flex;
    margin: 0;
    text-transform: uppercase;
    align-items: center;
}

.pro_d-more-content span img {
   width: 10px;
   height: 4px;
   margin-left: 5px;
   margin-right: 16px;
   transition: all 0.2s;

}

.pro_d-text li {
   font-size: 15px;
   color: var(--blue);
   line-height: 18px;
   font-family: "Fira Sans","Roboto", sans-serif;
}

.pro_d-text h5 {
   font-family: "Fira Sans","Roboto", sans-serif;
   font-size: 15px;
   color: var(--blue);
   margin: 0;
   padding-left: 15px;
   font-weight: 700;
}

.pro_d-text ul {
   padding-left: 15px;
   list-style: none;
}

.pro_d-text li {
   position: relative;
}

.pro_d-con-inner p {
   font-size: 12px;
   font-family: 'Poppins', sans-serif;
   line-height: 18px;
}
.pro_d-con-inner p ul{
   padding: 0;
}
.pro_d-con-inner p ul li{
   list-style: none;
}
.pro_d-text li::after {
   content: '';
   position: absolute;
   left: -11px;
   top: 10px;
   width: 2px;
   height: 2px;
   background-color: var(--blue);
   border-radius: 50%;
}

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



/* shipping-css */
.com_form .light_con_bar {
   height: 40px;
}

.com_form .light_con_bar input {
   padding: 0 10px;
   /* text-transform: uppercase; */
   font-size: 12px;
   color: var(--blue);
  font-family: 'Poppins', sans-serif;
}

.com_form .light_con_bar input::placeholder {
   color: var(--blue);
   font-size: 12px;
}

.edit_form-btn {
   font-family: "Fira Sans","Roboto", sans-serif;
   text-decoration: underline;
   font-size: 15px;
   line-height: 18px;
   display: block;
   cursor: pointer;
   text-align: end;
   color: var(--blue);
}


.conten_form {
   margin-top: 40px;
}

.light_con_bar-btn {
   cursor: pointer;
   height: 50px;
   border-radius: 8px;
   border: 1px solid var(--blue);
   padding: 10px 15px;
   justify-content: space-between;
   display: flex;
   align-items: center;
}

.light_con_bar-select {
   color: var(--blue);
   font-size: 15px;
   font-family: "Fira Sans","Roboto", sans-serif;
   text-decoration: underline;
   margin-right: 10px;
   background-color: transparent;
   border: none;
   text-transform: uppercase;
}

.pro_amount-lable {
   font-size: 15px;
   font-family: "Fira Sans","Roboto", sans-serif;
   color: var(--blue);
   text-transform: uppercase;
}

.promocode_bar {
   display: flex;
   /* margin-top: 130px; */
   align-items: center;
}

.promocode_bar .promocode_bar-input {
   height: 29px;
   margin-left: 15px;
   border-left: 1px solid var(--blue);
   border-top: 1px solid var(--blue);
   border-right: 0;
   border-bottom: 1px solid var(--blue);
   background-color: transparent;
   padding: 10px 10px 10px 19px;
   border-radius: 0 !important;
  font-family: 'Poppins', sans-serif;
   color: var(--blue);
   width: 100%;
   font-size: 12px;
}

.sub_con-total-bar {
   margin-top: 33px;
}

.payment_central-bar .central_total-bar {
   margin: 22px 0 18px;
}

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

.promocode_bar .promocode_bar-input::placeholder {
   color: var(--blue);
}
.shipping_con-main-wrap .sub_con-total-bar{
   margin-top: 19px;
}
.promocode_bar .dark_btn {
   background-color: transparent;
   border-left: 0;
   padding: 5px 10px;
   font-size: 12px;
   height: 29px;
   margin-left: -2px;
   text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
   color: var(--blue);
   border-right: 1px solid var(--blue);
   border-top: 1px solid var(--blue);
   border-bottom: 1px solid var(--blue);
}

.promocode_bar .josefin-blue {
   white-space: nowrap;
   min-width: 135px;
   font-size: 12px;
}

.lc_bar-btn {
   background-color: transparent;
   border: none;
   margin-bottom: 4px;
   width: 35px;
   min-width: 35px;
   margin-right: 5px;
   /* transform: rotate(270deg); */
}

.lcbr_lable {

   text-transform: uppercase;
   line-height: 19px;
   font-size: 17px;
   color: var(--blue);
   font-family: "Fira Sans","Roboto", sans-serif;
   font-style: italic;
}

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

.payment_method-bar {
   margin: 37px 0 48px;
}

.payment_dropdown {
   /* height: 60px; */
   border-radius: 8px;
   background-color: #8b99aa;
   cursor: pointer;
   display: flex;
   flex-direction: column;
   position: relative;
   align-items: center;
}

.payment_drop-lable {
   font-size: 17px;
   color: var(--blue);
   font-family: "Fira Sans","Roboto", sans-serif;
   font-style: italic;
   display: block;
   text-transform: uppercase;
   padding: 10px 20px;
   width: 100%;
}

.payment_drop-lable::after {
   content: '';
   right: 0px;
   top: 6px;
   display: block;
   float: right;
   margin-top: .25em;
   border-color: transparent;
   border-top-color: var(--blue);
   border-style: solid;
   border-width: .3em .31em 0;
   width: 0;
   height: 0;
   position: relative;
   line-height: 0;
}

.payment_dropdown-item-list {
   border: 1px solid var(--blue);
   border-radius: 8px;
   /* position: absolute; */
   display: none;
   width: 100%;
   top: 100%;
   z-index: 9;
   background-color: #F5F5F5;
   left: 0;

}

.pdil_link:hover {
   background-color: var(--light-gray);
}

.pdil_link:nth-child(1) {
   border-radius: 8px 8px 0 0;
}

.pdil_link:nth-last-child(1) {
   border-radius: 0 0 8px 8px;
}

.pdil_link {
   display: flex;
   align-items: center;
   height: 60px;
   justify-content: center;
   border-bottom: 1px solid var(--blue);
}

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

.lop_drop-value {
   height: 36px;
   cursor: pointer;
   width: 100%;
   position: relative;
   border: 1px solid var(--blue);
   display: flex;
   padding: 5px 25px 5px 15px;
   align-items: center;
}

.lop_drop-value.active::after {
   transform: rotate(0deg);
}

.lop_drop-value::after {
   content: '';
   position: absolute;
   top: 11px;
   right: 15px;
   display: block;
   transform: rotate(180deg);
   float: right;
   margin-top: .25em;
   transition: all 0.3s;
   border-color: transparent;
   border-top-color: #D00;
   border-style: solid;
   width: 0;
   height: 0;
   line-height: 0;
   border-width: 0 .35em .31em;
   border-top-color: transparent;
   border-bottom-color: var(--blue);
}

.lop-list-bar .blue_check {
   margin-right: 10px;
}

.lop_l-link {
   color: var(--blue);
       font-weight: 400;
    font-family: "Josefin Sans", "Open Sans", sans-serif;
   font-size: 12px;
   text-transform: uppercase;
}

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

.lop_drop-wrap {
   width: 100%;
   max-width: 580px;
   margin-top: 20px;
}

.lop_drop-value-list {
   margin: 10px 0;
}

.lop-list-bar {
   cursor: pointer;
   display: flex;
   align-items: center;
   margin: 5px 0;
}

.oos_notify-btn {
   max-width: 580px;
}

.pro-top-hd-wrap {
   max-width: 580px
}

.lop_drop-wrap .ldvl-item {
   font-size: 13px;
   padding-top: 2px;
   display: block;
   text-transform: uppercase;
   color: var(--blue);
   font-family: "Josefin Sans","Open Sans", sans-serif;
}

.ex_ps-size {
   /* gap: 10px 10px;
    grid-template-columns: repeat(7, 1fr); */
}

.pdil_link img {
   width: 70px;
}

.password-reset-popup .google_btn {
   overflow: unset;
}

.add_con-bar {
   cursor: pointer;
   margin: 32px 0;
   display: flex;
   align-items: start;
   justify-content: space-between;
}

.add_con,
.add_con-link {
   font-size: 17px;
   color: var(--blue);
   font-family: "Fira Sans","Roboto", sans-serif;
   font-style: italic;
}

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

.add_con-link {
   font-style: unset;
   text-decoration: underline;
   text-transform: uppercase;
}

.bg_con-footer {
   padding: 43px;
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
}

.bg_con-footer .com_btn {
   width: 100%;
}

.add_new-content-wrap {
   margin-top: 35px;
}

.add_light_con_bar {
   background-color: #d7d7d7;
}

.add_new-content-wrap .com_btn {
   background-color: #4a4a4a;
   border: 1px solid #4a4a4a;
   margin-top: 35px;
}
.gift_card-details{
   padding: 76px 45px 52px;
}

/* dashboard-css */
.dashboard_con-wrap{
   padding: 76px 49px 40px;
}
.change_pass-wrap{
   padding: 76px 45px 52px;
}
.change_pass-wrap .tab_com-wrap .con_head-lable{
   margin-bottom: 64px !important;
}
.tab_com-wrap {
   /* padding: 130px 3.75% 85px; */
}

.dash_com-grid {
   display: grid;
   gap: 21px;
   grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
}

.dash_com-box {
   display: flex;
   width: 100%;
   height: 150px;
   border: 1px solid #0021476e;
   border-radius: 0px;
   padding: 21px;
   transition: all 0.3s;
   cursor: pointer;
   position: relative;
}

.dashboard_con-wrap .con_head-lable {
   margin-bottom: 49px;
}

.dash_com-box:hover {
   background-color: #00214730;
   transition: all 0.3s;
   border: 1px solid #00214730;
}

.dash_com-box:hover .dash_com-img {
   background-color: var(--white);
}

.dash_com-img {
   width: 96px;
   min-width: 96px;
   height: 96px;
   margin: auto 20px auto 0;
   border-radius: 50%;
   display: flex;
   background-color: #081C33;
}
.dash_com-box:hover .dash_com-img img{
   filter: unset;
}
.dash_com-img img {
   margin: auto;
   width: 50%;
  filter: brightness(0) invert(1);
}

#category_wrap .bag_con-item-dop .josefin-blue {
   font-size: 15px;
}

.dash_com-content {
   width: 100%;
}

.dash_com-lable {
   margin-bottom: 16px;
   display: flex;
   font-weight: 400;
   max-width: 100%;
   align-items: center;
   justify-content: space-between;
   font-size: 17px;
}

.right_arrow {
   width: 5px;
}

.dash_com-details {
   font-size: 12px;
  font-family: 'Poppins', sans-serif;
   color: var(--blue);
   font-weight: 400;
   line-height: 18px;
   display: block;
}

.dsdsd {
   background-color: #cfd5dc;
}

/* tab_com-wrap-css */
.tab_com-wrap .con_head-lable {
   margin-bottom: 64px;
}

.tab_com-container {
   display: flex;
}

.tab_com-left {
   max-width: 262px;
   width: 100%;
   background-color: #F5F5F5;
   padding: 33px 30px;
}

.tab_com-link {
   /* color: var(--orange); */
   color: #081C33B3;
   font-family: "Josefin Sans","Open Sans", sans-serif;
   font-size: 15px;
   line-height: 18px;
   text-decoration: none;
   margin-bottom: 38px;
   display: block;
}

.tab_com-link.active,
.tab_com-link:hover {
   color: #081C33;
}

.change_pass-right {
   display: flex;
}

.change_pass-left,
.change_pass-right {
   width: 50%;
}
.change_pass-footer{
   margin-top: 32px;
}
.change_pass-footer .com_btn,
.pd_left-bar .com_btn{
   width: 279px !important;
   color: #03111F;
   height: 46px !important;
   font-size: 15px !important;
   padding: 15px 8px !important;
   background-color: transparent;
   border: 1px solid #031120;
   margin: 0 auto;
   transition: all 0.3s;
}
.change_pass-footer .com_btn:hover,
.pd_left-bar .com_btn:hover{
   background-color:#031120 ;
   color: var(--white);
}
.tab_com-lable {
   color: var(--blue);
   font-size: 15px;
   display: block;
   margin-bottom: 12px;
   line-height: 18px;
   font-weight: 400;
   font-family: "Josefin Sans","Open Sans", sans-serif;
}

.tab_com-input {
   height: 40px;
   border-radius: 0px;
   font-size: 12px;
   line-height: 21px;
   width: 100%;
   font-weight: 400;
   color: var(--blue);
      font-family: 'Poppins', sans-serif;
   /* font-style: italic; */
   background-color: #B0B0B06E;
   padding: 2px 14px 0 14px;
   /* text-transform: uppercase; */

   border: none;
}

.bag_con-right .tab_com-text::before {
   content: '';
   position: absolute;
   right: 0;
   top: 0;
   width: 50px;
   height: 100%;
   background-color: #dddddd;
}

.bag_con-right .tab_com-text::after,
.btn_arrow::after,
.bct_model-btn::after,
.asw_arrow {
   content: '';
   position: absolute;
   top: 18px;
   right: 25px;
   display: block;
   float: right;
   margin-top: .25em;
   border-color: transparent;
   border-top-color: #D00;
   border-style: solid;
   border-width: .5em .31em 0;
   width: 0;
   transform: rotate(180deg);
   height: 0;
   line-height: 0;
   border-width: 0 .51em .55em;
   border-top-color: transparent;
   border-bottom-color: var(--blue);
}

.tab_com_list-text::after {
   content: '';
   position: absolute;
   top: 18px;
   right: 25px;
   display: block;
   float: right;
   margin-top: .25em;
   border-color: transparent;
   border-top-color: #D00;
   border-style: solid;
   border-width: .5em .31em 0;
   width: 0;
   transform: rotate(180deg);
   height: 0;
   line-height: 0;
   border-width: 0 .51em .55em;
   border-top-color: transparent;
}

.ed_form-text-wrap .light_con_bar {
   background-color: transparent;
   border: 1px solid #0021476E;
}

.add_drop-data-wrap select {
   position: relative;
   padding: 10px 15px !important;
   margin-bottom: 20px !important;
}

.add_select-wrap {
   position: relative;
}

.asw_arrow {
   z-index: 9;
}

.add_select-wrap .asw_arrow {
   display: none;
}

.form-select {
   width: 100%;
   max-width: 100%;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.add_select-wrap select {
   overflow: hidden;
}

.add_select-wrap::before {
   /* position: absolute;
    content: '';
    width: 50px;
    height: 50px;
    z-index: 1;
    
    right: 0;
    top: 0;
    background-color: #dddddd;
    border-radius: 10px; */
}

.add_drop-data-wrap select:focus {
   box-shadow: none;
}

.add_drop-data-wrap {
   position: relative;
}

.add_drop-data-wrap .btn:focus {
   box-shadow: none;
   color: var(--blue);
   background-color: #dddddd;
}

.add_drop-data-wrap .btn:hover {
   color: var(--blue);
   background-color: #dddddd;
}

.add_drop-data-wrap .dropdown-item:active {
   background-color: #dddddd;
}

.add_drop-data-wrap .dropdown-menu {
   width: 100%;
   border-radius: 8px;
   background-color: #F5F5F5;
   z-index: 9;
   overflow: hidden;
   padding: 0;
   border: 1px solid var(--blue);
}

.add_drop-data-wrap .dropdown-item {
   cursor: pointer;
   color: var(--blue);
   font-style: italic;
   font-family: "Fira Sans","Roboto", sans-serif;
   font-size: 15px;
   border-bottom: 1px solid var(--blue);
   margin: 0;
   /* display: inline-block; */
   max-width: 100%;
   overflow: hidden;
   padding: 0;
   text-overflow: ellipsis;
   white-space: nowrap;
   padding: 8px 15px;
}

.add_drop-data-wrap li:nth-last-child(1) .dropdown-item {
   border-bottom: none;
}

.add_drop-data-wrap .tab_com-text {
   text-transform: capitalize;
}

.add_drop-data-wrap .btn::after,
.add_drop-data-wrap .btn::before {
   display: none;
}

.btn_arrow {
   position: absolute;
   right: 0;
   top: 0;
   width: 50px;
   height: 100%;
}

.add_drop-list {
   position: absolute;
   top: 50px;
   left: 0;
   width: 100%;
   border-radius: 8px;
   background-color: #F5F5F5;
   z-index: 9;
   overflow: hidden;
   border: 1px solid var(--blue);
}

.drop_item {
   cursor: pointer;
   color: var(--blue);
   font-style: italic;
   font-family: "Fira Sans","Roboto", sans-serif;
   font-size: 15px;
   border-bottom: 1px solid var(--blue);
   margin: 0;
   /* display: inline-block; */
   max-width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   padding: 8px 15px;

}

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

.drop_item:hover {
   background-color: #dddddd;
}

.ed_form-text-wrap .light_con_bar input:-webkit-autofill {
   -webkit-box-shadow: 0 0 0px 1000px #F5F5F5 inset !important;
   color: var(--blue) !important;
   -webkit-text-fill-color: var(--blue) !important;
}

.ed_form-text-wrap {
   margin: 0 0 19px 0;
}

.edf_heading {
   font-size: 11px;
   /* padding: 0 0 5px 20px; */
   text-align: center;
   color: var(--blue);
    font-family: 'Poppins', sans-serif;
   display: block;
   line-height: 17px;
   margin: 0 0 19px;
}

.ed_form-text-wrap select {
   font-size: 12px;
   color: var(--blue);
   font-family: 'Poppins', sans-serif;
   border: none;
   height: 100%;
   border-radius: 0;
   background-color: transparent;
}

.ed_form-text-wrap option:hover {}

.edf_form-d-btn {
   font-family: "Fira Sans","Roboto", sans-serif;
   color: var(--blue);
   font-size: 14px;
   text-decoration: underline;
   background-color: transparent;
   border: none;
}

.ed_form-text-wrap .com_btn {
   /* font-size: 17px !important;
   height: 42px !important;
   max-width: 360px;
   width: 100%; */
}

.ed_form-text-wrap .cancle_btn {
   /* font-size: 17px !important; */
}

.ed_form-text-wrap .sub_total-bar span {
   font-size: 12px;
   font-weight: 400;
}

.ed_form-text-wrap select:focus-within {
   box-shadow: none;
}


/* For Chrome, Safari, Edge (WebKit browsers) */
.ed_form-text-wrap select:-webkit-autofill {
  background-color: #F5F5F5 !important; /* your custom color */
  color: var(--blue) !important; /* optional text color */
}

/* Firefox */
.ed_form-text-wrap select:-moz-autofill {
  background-color: #F5F5F5 !important;
  color: var(--blue) !important;
}
.add_drop-data-wrap select {
   margin: 0 !important;
}

.tab_com_list-text,
.tab_com-text,
.add_drop-data-wrap select {
   height: 40px;
   border-radius: 0px;
   font-size: 12px;
   line-height: 20px;
   width: 100%;
   cursor: pointer;
   position: relative;
   color: var(--blue);
  font-family: 'Poppins', sans-serif;
  
   background-color: #dddddd;
   padding: 15px 14px 0 14px;
   margin: 0;
   text-transform: uppercase;
   border: none;
   align-items: center;
   display: inline-block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.shipping_con-main-wrap .add_drop-data-wrap select{
   border: 1px solid #002147;
   background-color: transparent;
}
.tab_com-text.select {
   border: 1px solid var(--blue);
}

.tab_com-right {
   width: 100%;
}

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

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

.form_field {
   margin-bottom: 19px;
   position: relative;
}

.tab_com-eye-btn {
   width: 37px;
   right: 2px;
   top: 37px;
   border: none;
   padding: 0 10px;
   position: absolute;
   /* background-color: #dddddd !important; */
}

.change_pass-inner {
   padding-left: 49px;
   display: flex;
   height: fit-content;
}

.change_pass-footer-rp {
   margin-top: 30px;
   width: 100%;
}

.change_pass-footer-rp .com_btn {
   height: 30px;
   font-size: 20px;
   padding: 6px;
   width: 100%;
}

.change_pass-cancle-lable,
.ed_form-text-wrap .cancle_btn {
   color: var(--blue) !important;
   font-size: 15px !important;
   font-family: "Josefin Sans","Open Sans", sans-serif;
   text-align: center;
   display: block;
   margin-top: 17px;
}

.change_pass-cancle-lable:hover {
   color: var(--blue);
}

.password_validetion {
  width: 100%;
    max-width: 350px;
    height: 113px;
    margin: 80px 0 auto 73px;
    background-color: #919fb0;
    /* border-radius: 8px; */
    padding: 13px 18px 18px;
}

.ruls_heading {
   color: var(--blue);
   font-size: 12px;
   font-weight: 400;
   line-height: 18px;
   display: block;
   margin-bottom: 5px;
      font-family: 'Poppins', sans-serif;
}

.ruls_line {
   font-size: 12px;
   line-height: 14px;
   display: block;
   color: var(--blue);
   margin-bottom: 2px;
   font-family: "Fira Sans","Roboto", sans-serif;
}

.personal_details-wrap .add_select-wrap::before {
   height: 40px;
}

.personal_details-wrap .asw_arrow {
   top: 13px;
   right: 14px;
}

.personal_details-wrap {
   width: 100%;
   display: flex;
}

.personal_details-wrap .form_field select {
  font-size: 12px;
    height: 40px;
    border: 0;
    margin: 0 !important;
    border-radius: 0;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-style: normal;
}

.pd_left-bar,
.pd_right-bar {
   width: 50%;
   padding-left: 36px;
}

.pd_left-bar .form_field {
   /* margin-bottom: 34px; */
}

.pd_edit-link {
   font-size: 17px;
   line-height: 21px;
   display: block;
   color: var(--blue);
   display: block;
   text-align: end;
   margin-top: 16px;
   font-family: "Fira Sans","Roboto", sans-serif;
}

.personal_details-wrap .tab_com-input {
   /* height: 62px; */
   padding: 13px;
}
.email_tab_com-input{
   background-color: #c3c1c1;
}
.form_field-action {
   margin: 13px 0 0;
   display: flex;
   gap: 16px;
}
.shipping_con-main-wrap .form_field-action button{
   min-height: 29px;
   height: 29px;
   font-size: 10px;
}
.shipping_con-main-wrap .form_field-action .ff_btn{
   min-width: 176px;
   max-width: 176px;
}
.form_field-action .ff_btn {
   max-width:97px;
   min-width:97px;
}
.form_field-action button{
   font-size: 12px;
   height: 32px;
      font-family: 'Poppins', sans-serif;
      font-weight: 400;
border-radius: 0;
}
.add_n-ad_btn {
   background-color: var(--blue);
   width: 100%;
   text-align: center;
   color: var(--white);
   border: 1px solid var(--blue);
}

.add_n-ad_btn.ff_gray {
   background-color: #767370;
   border: 1px solid #767370;
}

.ff_btn {
   height: 46px;
   border-radius: 8px;
   font-size: 17px;
   display: flex;
   align-items: center;
   justify-content: center;
   color: var(--blue);
   font-family: "Fira Sans","Roboto", sans-serif;
   border: none;
   width: 33%;
   text-align: center;
   background-color: #dddddd;
}

.ff_btn:hover {
   border: 1px solid var(--blue);
}

.ff_gray {
   background-color: #919fb0;
   color: var(--white);
}

.pd_right-bar .form_field {
   padding-bottom: 19px;
   /* border-bottom: 1px solid var(--blue); */
}

.pd_right-bar .form_field:nth-last-child(2) {
   border: none;
}

.your_order-wrap {
   padding-left: 19px;
   width: 100%;
}

.yo_con-wrap:nth-last-child(1) {
   border: none;
}

.yo_con-head {
   background-color: #dddddd;
   border-radius: 0px;
   padding: 10px 15px;
   cursor: pointer;
   height: 48px;
   margin-bottom: 15px;
   position: relative;
   margin-top: 10px;
   display: flex;
   align-items: center;
}

.yo_con-head-text {
   width: 13%;
   text-align: start;
   line-height: 17px;
}

.yca_toggle-arrow {
    max-width: 70px;
    width: 8%;
    background: #dddddd;
    display: flex;
    /* background: #919fb040; */
    margin: -15px -15px -15px auto;
    height: 48px;
    border-radius: 0 10px 10px 0;
}

.yca_toggle-arrow img {
   margin: auto;
   width: 13px;
   height: 13px;
}

.yo_con-action {
   width: 50%;
   border: 1px solid #0021476E;
   border-radius: 0px;
   height: 29px;
   display: flex;
   align-items: center;
   justify-content: center;
   color: var(--blue);
   font-size: 12px;
   font-family: "Fira Sans","Roboto", sans-serif;
}
.yo_con-wrap.active .yo_con-head{
   margin-bottom: 0;
}
.ycl_con-wrap{
   margin: 12px 12px 0;
}
.yo_con-gray {
   background-color: transparent;
   margin-right: 10px;
   max-width: 187px;
   font-family: 'Poppins', sans-serif;
}

.ych_lable {
   font-size: 12px;
   line-height: 14px;
font-family: 'Poppins', sans-serif;
   color: var(--blue);
}

.ych_data,
.ych_data-status {
   color: var(--blue);
   font-size: 12px;
   display: block;
   line-height: 14px;
   font-family: "Josefin Sans","Open Sans", sans-serif;
}

.ych_data-status {
   color: #0B7243;
   text-transform: uppercase;
}

.yo_con-light {
   background-color: transparent;
}

.ycl_lable {
   color: var(--blue);
   font-family: "Josefin Sans","Open Sans", sans-serif;
   font-size: 17px;
   line-height: 20px;
   margin-bottom: 10px;
   display: block;
}

.yo_con-l-bar {
    margin-bottom: 10px;
    padding-bottom: 10px;
    /* border-bottom: 1px dashed #707070; */
    border-bottom: 2px dashed transparent;
    border-image: repeating-linear-gradient(to right, #7070707a 0, #7070707a 10px, transparent 10px, transparent 20px) 1;
    padding-right: 0px;
    display: flex;
}

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

.yo_con-l-img {
   width: 105px;
   min-width: 105px;
   margin-right: 42px;
   overflow: hidden;
   aspect-ratio: 105 / 165;
   max-height: 165px;
   /* border-radius: 6px;
   border: 1px solid var(--blue); */
}

.yo_con-l-img img {
   object-fit: cover;
   width: 100%;
   height: -webkit-fill-available;
   object-position: top;
}

.yo_con-l-details {
   width: 100%;
   display: flex;
}

.ycld_left {
   width: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
}

.ycld_lable {
   color: var(--blue);
   font-family: "Josefin Sans","Open Sans", sans-serif;
   font-size: 12px;
   text-transform: uppercase;
   line-height: 18px;
   font-weight: 600;
   margin-bottom: 6px;
   display: block;
   max-width: 198px;
}

.ycld_right {
   display: flex;
   min-width: 120px;
   flex-direction: column;
   justify-content: end;
   text-align: center;
   align-items: center;
}

.ycld_r-inner {
   height: 100%;
   min-width: 91px;
   justify-content: space-between;
   text-align: end   ;
   margin-left: auto;
}
.ycld_right .pro_rate{
   font-size: 15px;
}
.ycld_r-inner .bcp_ctt-value{
   justify-content: end;
}
.ycld_right .pro_rate .bcp_name{
   font-size: 10px;
}
.yo_con-wrap.active .yo_con-list-wrap {
   display: block;
}

.yca_wrap {
   width: 40%;
   display: none;
}

.yo_con-wrap.active .yca_wrap {
   justify-content: end;
   display: flex;
}

.yo_con-wrap.active {
   border: none;
}

.yo_con-head::after {
   display: none;
}

.yo_con-wrap .yo_con-head::after {
   content: '';
   position: absolute;
   right: 25px;
   top: 23px;
   width: 7px;
   height: 8px;
   border-top: solid 7px var(--blue);
   border-left: solid 7px transparent;
   border-right: solid 7px transparent;
}

/* .yo_con-wrap.active .yo_con-head::after{
   display: none;
} */
.yo_con-wrap.active .yo_con-list-wrap {
   border: none;
}

.yo_con-list-wrap {
   /* border-bottom: 1px solid var(--blue); */
   border-bottom: 1px solid #707070;
   margin-bottom: 45px;
   display: none;
}

.yo_con-rate {
   font-size: 21px;
   color: var(--blue);
   line-height: 19px;
   /*font-family: "Archivo Black", "Open Sans", sans-serif; */
       font-family: "Josefin Sans","Open Sans", sans-serif;
   margin-bottom: 27px;
   display: block;
}

.ycld_r-inner .com_btn {
   margin-bottom: 27px;
   font-size: 12px;
   height: 30px;
   margin-left: auto;
   width: 91px;
   padding: 5px;
   /* width: 100%; */
}

.wl_main-wrap .undo_bar {
   margin: 15px 0 20px auto;
   max-width: 500px;
}

.ycld_cancel-link {
   color: var(--blue);
   font-family: "Fira Sans","Roboto", sans-serif;
   font-size: 12px;
   background-color: transparent;
   border: none;
   text-decoration: underline;
}

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

.ycld_size,
.ycld_qty {
   font-size: 12px;
  font-family: "Poppins","Open Sans", sans-serif;
   color: var(--blue);
   text-transform: uppercase;
   margin-bottom: 12px;
   display: block;

}

.ycd_lable {
   font-size: 15px;
   line-height: 18px;
   font-family: "Josefin Sans","Open Sans", sans-serif;
   margin: 0 0 10px;
   display: flex;
   color: var(--blue);
   align-items: center;
   justify-content: space-between;
}

.ycd_lable img {
   width: 7px;
   margin-right: 20px;
}

.yo_con-total-bar {
   border-bottom: 1px solid var(--blue) !important;
   margin-bottom: 30px !important;
   padding-bottom: 30px !important;
}

.yo_con-d-bar {
   margin-bottom: 15px;
   padding-bottom: 10px;
   border-bottom: 1px dashed var(--blue);
}
.yo_con-total-bar .ycd_bar-lable{
   font-size: 15px !important;
}
.yo_con-total-bar .ycd_bar-lable .bcp_name{
   margin-bottom: 1px;
}
.yo_con-d-bar .pro_rate{
   font-size: 15px;
}
.ycd_bar-lable {
   font-size: 12px;
   margin-bottom: 5px;
   align-items: center;
   color: var(--blue);
   font-weight: 400;
   text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
   line-height: 20px;
}
.ycd_bar-lable .bcp_name{
   font-size: 10px;
}

.yo_con-details {
   width: 480px;
   margin-left: auto;
   /* margin-top: 30px; */
}

.yo_con-wrap {
   border-bottom: 23px;
   border-bottom: 1px solid #707070;
}

.yo_con-details-wrap {
   /* display: none; */
   /* margin-top: 20px;
   border-top: 1px solid #707070; */
}

.return_info-wrap .yo_con-l-bar {
   padding-right: 0;

}

.yo_con-return-option {
   margin-bottom: 55px;
}

.yo_con-return-option input {
   width: 17px;
   height: 17px;
   margin-right: 10px;
   background-color: #fff;
   border: 1px solid var(--blue);
}

.yo_con-return-option input[type="checkbox"] {

   background-color: transparent;
   /* No background */
   border: 1px solid var(--blue);
   /* Add your own border */
   width: 17px;
   appearance: none;
   height: 17px;
   cursor: pointer;
}

.drop_Pay-list {
   width: 100%;
   background-color: #8b99aa;
   border-radius: 8px !important;
   height: 60px;
   border: none;
   font-size: 17px;
   color: var(--blue) !important;
   font-family: "Fira Sans","Roboto", sans-serif;
   font-style: italic;
   margin: 5px 0;
   text-align: start;
}

.drop_Pay-list-data {
   border: 1px solid var(--blue);
   border-radius: 8px;
}

.drop_Pay-list-data ul {
   list-style: none;
   padding: 0;
   margin: 0;
   overflow: hidden;
}

.drop_Pay-list-data li {
   font-size: 17px;
   color: var(--blue);
   font-family: "Fira Sans","Roboto", sans-serif;
   font-style: italic;
   cursor: pointer;
   text-align: center;
   border-bottom: 1px solid var(--blue);
}

.drop_Pay-list-data li:nth-child(1) {
   border-radius: 8px 8px 0 0;
}

.drop_Pay-list-data li:nth-last-child(1) {
   border: none;
   border-radius: 0 0 8px 8px;
}

.drop_Pay-list-data li:hover {
   background-color: #dddddd;
}

.gift_card-wrap .drop_Pay-list {
   height: 40px;
   position: relative;
}

.gift_card-wrap .drop_Pay-list::after {
   content: '';
   position: absolute;
   transform: translateY(-50%) !important;
   top: 50%;
   width: 4px;
   height: 8px;
   border-bottom: solid 6px var(--blue);
   border-left: solid 4px transparent;
   border-right: solid 4px transparent;
   right: 15px;

}

.yo_con-return-option input[type="checkbox"]:checked {
   /* background-color: unset; 
       appearance: auto;    */
}

.spinner {
   margin: 0 auto;
   width: 70px;
   text-align: center;
}

.spinner>div {
   width: 15px;
   height: 15px;
   background-color: #3196ff;
   border-radius: 100%;
   display: inline-block;
   animation: sk-bouncedelay 1.2s infinite ease-in-out both;
}

.spinner .bounce1 {
   animation-delay: -0.32s;
}

.spinner .bounce2 {
   animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {

   0%,
   80%,
   100% {
      transform: scale(0);
   }

   40% {
      transform: scale(1);
   }
}

@keyframes sk-bouncedelay {

   0%,
   80%,
   100% {
      transform: scale(0);
   }

   40% {
      transform: scale(1);
   }
}


.yo_con-return-option input[type=checkbox]:checked {
   /* background-color: var(--blue);
   opacity: 1; */
}

.retun_lable {
   display: block;
   color: var(--blue);
   font-size: 17px;
   font-family: "Fira Sans","Roboto", sans-serif;
   line-height: 21px;
}

.ycr_bar {
   margin-bottom: 8px;
}

.yo_con-return-wrap {
   width: 50%;
   display: none;
}

.yo_con-return textarea:focus-visible,
.gc_right textarea:focus-visible {
   outline: none;
}

.gc_action {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 20px;
}

.gc_action .yo_con-action {
   width: 38%;
   font-size: 17px;

}

.gc_form-footer .com_btn {
   height: 30px;
   padding: 6px;
   width: 100%;
}

.ycd_lable-small {
   font-size: 17px;
   color: var(--blue);
   font-family: "Josefin Sans","Open Sans", sans-serif;
}

.yo_con-return textarea {
   border: 1px solid var(--blue);
   padding: 20px 15px;
   width: 100%;
   background-color: transparent;
   height: 170px;
   font-size: 17px;
   font-family: "Fira Sans","Roboto", sans-serif;
   color: var(--blue);
   border-radius: 8px;
   font-style: italic;
}

.redeem_gift-card .gc_form-footer {
   margin-top: 15px;
}

.redeem_gift-card .gc_left {
   width: 40%;
}

.yo_con-return textarea::placeholder {
   font-style: italic;
   color: var(--blue);
}

.yo_con-btn {
   margin: 40px 20px 0;
}

.yo_con-btn .com_btn {
   height: 30px;
   padding: 6px;
   width: 100%;
}

.gc_left,
.gc_right {
   padding-left: 25px;
   width: 50%;
}

.gift_card-wrap {
   width: 100%;
   display: flex;
}

.amount_bar-text {
   display: flex;
   width: 100%;
   align-items: center;
   justify-content: space-between;
}

.amount_bar-text img {
   width: 5px;
   transform: rotate(90deg);
}

.amount_bar,
.gc_input {
   background-color: #919fb0;
   border: none;
   width: 100%;
   height: 40px;
   border-radius: 8px;
   font-size: 15px;
   font-style: italic;
   color: var(--blue);
   font-family: "Fira Sans","Roboto", sans-serif;
   display: flex;
   align-items: center;
   padding: 10px 13px;
}

.gift_card-for-wrap {
   position: relative;
}

.card_for-wrap {
   border: 1px solid var(--blue);
   border-radius: 8px;
   position: absolute;
   padding: 26px 14px 20px;
   width: 100%;
   background: var(--white);
   top: 20px;
}

.card_for-text {
   height: 30px;
   border-radius: 8px;
   display: flex;
   align-items: center;
   font-family: "Fira Sans","Roboto", sans-serif;
   color: var(--blue);
   margin-bottom: 15px;
   justify-content: center;
   border: 1px solid #919fb0;
   font-size: 10px;
}

.card_for-text.select {
   background-color: #dddddd;
}

.card_for-wrap .com_btn {
   height: 30px;
   font-size: 12px;
   padding: 4px;
   width: 100%;
}

.gc_input:focus-visible {
   outline: none;
}

.gc_right form .ycd_lable {
   margin-bottom: 5px;
   margin-top: 15px;
}

input:-webkit-autofill {
   -webkit-box-shadow: 0 0 0px 1000px #8b99aa inset !important;
   /* light gray */
   color: var(--blue);
   -webkit-text-fill-color: var(--blue) !important;
   /* Set to black or desired color */
}

.bag_con-share img {
   /* padding: 2px; */
}

.share_wishlist-modal {
   max-width: 430px !important;
   width: 100%;
}

.payment_bag-content-wrap .onsale_bar-wrap {
   display: block !important;
}

.bl_modal input:-webkit-autofill {
   -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
   /* light gray */
   color: var(--blue);
   -webkit-text-fill-color: var(--blue) !important;
   /* Set to black or desired color */
}

.bl_modal .form-select {
   border-radius: 8px;
   font-size: 12px;
   color: var(--blue);
   font-family: "Fira Sans","Roboto", sans-serif;
   font-style: italic;
   height: 40px;
   border: 1px solid #00214759;
}

.add_list-con-wrap {
   border: 1px solid var(--blue);
   border-radius: 8px;
   /* padding: 15px; */
}

.alc_list {
   color: var(--blue);
   font-family: "Fira Sans","Roboto", sans-serif;
   font-style: italic;
   font-size: 14px;
   margin-bottom: 0;
   display: -webkit-box;
   line-height: 18px;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   text-overflow: ellipsis;
   overflow: hidden;
   cursor: pointer;
   margin: 10px;

}

.alc_list:hover {
   color: var(--orange);
}

.ere_text-sm-form {
   margin-top: -8px;
}

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

.gc_right textarea {
   height: 132px;
   border: 1px solid #919fb0;
   border-radius: 8px;
   background-color: #919fb0;
   padding: 15px;
   font-size: 15px;
   color: var(--blue);
   font-family: "Fira Sans","Roboto", sans-serif;
   width: 100%;
   font-style: italic;
}

.gc_right textarea::placeholder {
   color: var(--blue);
}

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

.amount_list-text {
   height: 40px;
   text-align: center;
   display: block;
   font-size: 20px;
   display: flex;
   align-items: center;
   padding: 10px 13px;
   justify-content: center;
   cursor: pointer;
   border-bottom: 1px solid var(--blue);
   font-style: italic;
   color: var(--blue);
   font-family: "Fira Sans","Roboto", sans-serif;
}

.amount_list-text:nth-last-child(1) {
   border: none;
}

.pro_d-bar {
   position: relative;
   aspect-ratio: 627 / 897;
   overflow: hidden;
   width: 100%;
}

.pro_d-bar img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   /* or contain, based on your need */
}

.amount_list {
   border-radius: 8px;
   border: 1px solid var(--blue);
   margin-top: 5px;
}

.order_return-wrap {
   /* border-top: 1px solid var(--blue); */
}

.order_return-wrap {
   width: 100%;
   padding-top: 30px;
}

.order_return-wrap .yo_con-return {
   width: 50%;
}

.return_info-wrap .yo_con-list-wrap {
   margin-bottom: 30px;
}

.od_action-bar {
   height: 40px;
   display: flex;
   align-items: center;
}

.od_action-bar .yo_con-action {
   position: unset;
}

@media only screen and (max-width: 1024px) {
   .yo_con-action{
      width: 100%;
   }
   .yo_con-wrap .yo_con-head::after {
      right: 15px;
   }

   .yo_con-details {
      width: 100%;
   }

   .yo_details-wrap .ycld_lable {
      width: 100%;
   }

   .order_return-wrap .yo_con-return {
      width: 100%;
   }

   .od_content-wrap {
      display: block;
   }

   .redeem_gift-card .gc_left {
      width: 100%;
   }

   .change_pass-inner,
   .personal_details-wrap,
   .gift_card-wrap {
      display: block;
   }

   .change_pass-left,
   .change_pass-right,
   .pd_left-bar,
   .pd_right-bar,
   .gc_left,
   .gc_right {
      width: 100%;
   }

   .change_pass-right .password_validetion {
      margin: 15px auto;
   }

   .gc_action .yo_con-action {
      width: 50%;
      font-size: 14px;
   }

   .bag_con-left {
      width: 100%;
      padding: 0;
   }

   .bag_con-right {
      width: 100%;
      max-height: unset;
   }
}

@media only screen and (max-width: 1200px) {
   .gc_form {
      display: block !important;
   }

   .gc_form-grid:nth-child(1) {
      padding-right: 0 !important;
   }

   .gc_form-grid {
      width: 100% !important;
   }

   .ot_btn-grp .ff_gray {
      width: 40% !important;
   }
}
@media only screen and (min-width: 768px) and (max-width: 880px){
   .item_counter{
      /* height: 66%; */
   }
}
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
   .pro_select-size-list {
      grid-template-columns: repeat(auto-fill, minmax(22%, 1fr));
   }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
   .pro_select-size-list {
      grid-template-columns: repeat(auto-fill, minmax(40%, 1fr));
   }
}
@media only screen and (min-width: 431px) and (max-width: 990px) {
.dash_com-grid{
   grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
}
}
@media only screen and (min-width: 431px) and (max-width: 769px) {
   .pro_select-size-list {
      grid-template-columns: repeat(auto-fill, minmax(40%, 1fr));
   }

   /* .learn-more-about-popup{
   min-width: 400px !important;
   max-width: 400px !important;
} */
}

@media only screen and (max-width: 990px) {
   .yca_toggle-arrow img{
      width: 8px;
      height: 9px;
   }
     .category_banner_wrap{
   height: 68vh !important;
   min-height: 68vh !important;
}
.category_banner_wrap .banner_categort img{
   height: 68vh !important;
}
   .ycld_r-inner .bcp_ctt-value {
      text-align: start;
      justify-content: start;
      font-size: 14px !important;
   }
   .ycld_r-inner .bcp_name{
      font-size: 8px !important;
   line-height: 20px;
   }
    .bct_model-btn {
      font-size: 11px !important;
   }
 .yo_con-d-bar .pro_rate{
   font-size: 15px !important;
   margin-top: 0 !important;
   
 }
 .yo_con-total-bar .pro_rate{
   margin-top: 3px !important;
 }
 .ycd_bar-lable .bcp_name{
   margin-bottom: 2px;
 }
 .yo_con-total-bar{
   padding-bottom: 15px !important;
   margin-bottom: 15px !important;
 }
.yo_con-d-bar .ycd_bar-lable{

   font-size: 12px !important;
}
   .yo_con-head {
      padding: 8px 12px;
      margin-bottom: 15px;
      position: relative;
   }

   .yca_toggle-arrow {
      margin: -14px -12px -13px auto;
   }

   .yo_con-wrap .yo_con-head::after {
      right: 22px;
      top: 23px;
      width: 4px;
      height: 6px;
      border-top: solid 5px var(--blue);
      border-left: solid 4px transparent;
      border-right: solid 4px transparent;
   }

   .ych_lable,
   .ych_data,
   .ych_data-status {
      font-size: 10px;
      margin-top: 3px;
   }

   .ych_lable {
      margin-bottom: 8px;
      display: block;
   }

   .yo_con-head-text {
      width: 25%;
   }

   .yca_toggle-arrow {
      width: 15%;
   }

   .yo_con-action {
            position: absolute;
        top: 10px;
        transform: translate(-50%, -50%) !important;
        width: 49%;
        line-height: 16px;
        left: 50%;
        /* padding: 10px; */
        text-decoration: none;
        font-size: 10px;
   }

  

   .yo_con-light {
      right: 0
   }


   .yo_con-rate {
      font-size: 10px;
      margin-bottom: 27px;
   }

   .ycld_right {
      align-items: start;
      text-align: start;
      position: relative;
      height: 100%;
   }
   .yo_con-rate .bcp_ctt-value{
      font-size: 14px !important;
   }
     .yo_con-rate  .bcp_name{
      font-size: 8px !important;
      padding-top: 1px;
     }
   .ycld_r-inner{
      padding-top: 5px;
      height: 100%;
          justify-content: space-between;
          min-width: 100% !important;
   }

   .ycld_r-inner .com_btn {
      margin: 0;
   }
.yo_con-l-img{
   margin-right: 109px;
   width: 109px;
    min-width: 109px;
    margin-right: 10px;
    overflow: hidden;
    aspect-ratio: 109 / 173;
    max-height: 173px;
}
   .ycld_cancel-link {
      position: absolute;
      right: 0;
      font-size: 10px;
      bottom: 0;
      line-height: 10px;
   }

   .yo_con-l-bar {
      padding: 0 0 14px;
      border-bottom: 0;
   }
   .yo_con-l-bar:nth-last-child(1){
      margin-bottom: 0 !important;
   }
.yo_con-details-wrap{
   padding-top: 15px !important;
   border-top: 1px solid #707070;
}
   .yo_con-list-wrap {
      margin-bottom: 14px;
      border-bottom: 1px solid var(--blue);
   }

   .yo_con-wrap.active .yca_wrap {
      display: flex;
      position: absolute;
      top: 65px;
      left: 0;
      width: 100%;
   }

   .w_yo_con-light {
      /* display: none; */
   }

   .yo_con-wrap.active .yo_con-head {
      margin-bottom: 55px;
   }
   
   .ycl_lable {
      font-size: 12px;
      font-weight: 600;
   }

   .ycld_lable {
      font-size: 11px;
      line-height: 11px;
      text-transform: uppercase;
      width: 70%;
   }

   .ycld_size,
   .ycld_qty {
      font-size: 10px;
   }

  
    .yo_con-gray {
      right: 0;
   }
 .yo_con-l-details {
      display: flex;
        flex-direction: column;
        justify-content: space-between;
   }
   .gc_history-wrap .tr_btn {
      height: 26px !important;
      width: 176px !important;
   }

   .gc_history-wrap #button-1 .knob:before {
      font-size: 9px !important;
      height: 20px !important;
      margin: 2px 3px !important;
   }

   .gc_history-wrap .tag_bar {
      top: 1px !important;
   }

   .gc_history-wrap .tag_bar span {
      font-size: 9px !important;
   }

   .balance_bar {
      height: 34px !important;
      padding: 7px 14px !important;
   }

   .fotter_rc_com-btn {
      text-align: center;
   }

   .fotter_rc_com-btn .rc_com-btn {
      min-width: 200px !important;
   }

   .ot_btn-grp {
      margin-bottom: 22px !important;
   }

   .gc_select-amount-btn {
      gap: 13px !important;
   }

   .gc_sa-btn {
      height: 34px !important;
   }

   .gc_form-grid textarea {
      height: 97px !important;
   }

   .gc_sa-btn .bcp_value,
   .balance_bar .bcp_value {
      font-size: 13px !important;
   }

   .gc_sa-btn .bcp_name,
   .balance_bar .bcp_name {
      font-size: 10px !important;
   }

   .ot_btn-grp .rc_com-btn,
   .ff_gray {
      font-size: 15px !important;
   }


   .gc_con-input {
      height: 34px !important;
   }

   .gc_sa-btn .bag_con-prise-lable {
      padding: 0 !important;
   }

   .rc_com-btn {
      height: 32px !important;
      font-size: 13px !important;
      padding: 6px 0 !important;
   }

   .gc_head-wrap {
      padding-left: 0 !important;
   }

   .rc_com-btn {
      flex: 1 !important;
      min-width: auto !important;
   }

   .blue_grid {
      flex-direction: column;
   }

   .footer_link-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(40%, 1fr));
   }

   .region_select-btn {
      position: absolute;
      bottom: 80px;
      left: 50%;
      z-index: 9;
      transform: translate(-50%, -50%) !important;
   }

   .bottom_soc-link-bar {
      margin: 40px auto -5px;
      justify-content: center;
      position: unset;
   }

   .product_pair:nth-child(1) {
      padding-right: 0 !important;
      /* border-bottom: 1px solid var(--blue); */
   }

   .product_pair {
      width: 100% !important;
   }
}

@media only screen and (min-width: 431px) {
   .need_link {
      display: none;
   }

   .update_wishlist .offer_tag {
      min-width: 126px !important;
      width: 126px !important;

   }
}

@media only screen and (max-width: 430px) {
   .cookie-popup{
          flex-direction: column;
    justify-content: center;
    text-align: center;
   }
   .cookie-popup .com_btn{
      margin: 10px 0 0 0;
      margin-left: 0  !important;
   }
   .img_dw-list{
      height: 100vh;
   }
   .img_dw-list img{
      height: 100vh;
      width: 100%;
      object-fit: cover;
   }
   .filter_con-popup .side_bar-close-btn{
      top: 7px !important;
      right: 14px !important;
   }
   #main_grid-content{
      background-color: transparent !important;
   }
   .shipping_con-main-wrap .bag_con-right .form_field{
      padding: 10px 0 13px 0;
      margin-bottom: 13px;
   }
   .shipping_con-main-wrap .form_field-action .ff_btn{
      min-width: 121px;
      max-width: 121px;
   }
   .billing_item{
      /* border-bottom: 1px solid var(--blue) !important; */
   }

   .pt_check-tax{
      font-size: 12px;
      font-family: 'Poppins', sans-serif;
      color: var(--blue);
      text-align: center;
      padding-top: 5px;
      margin-bottom: 10px;
      display: block;
   }
   .data_f-table-wrap{
      margin-top: 14px !important;
   }
   .ycld_r-inner .bcp_name{
      margin-top: -2px !important;
   }
   .ycl_con-wrap{
      margin: 12px 0 0 !important;
      /* border-bottom: 1px solid #707070; */
   }
   .filter_con-popup{
      padding: 47px 13px 0 13px;
   }
   .filter_con-wrap .form_field{
      margin-bottom: 19px;
   }
   .filter_dropdown-list, .ex_ps-size{
      margin: 6px 0 21px 5px;
   }
   .filter-colour, .filter-size{
          grid-template-columns: repeat(4, 66px);
   }
   .filter-fabric, .ex_ps-size, .filter-fit{
      grid-template-columns: repeat(2, 100px);
   }
   .mb_divider{
      height: 4px;
      background-color: #031120;
      width: 80%;
      margin: 0 auto;
   }
   .top_pad-custome{
      margin-top: 0px;
   }
   .populer_item-box .toggle_r-bar .round_blue{
      height: 11px !important;
      min-width: 18px !important;
      width: 18px !important;
   }
   .populer_item-box .toggle_r-bar {
      margin-top: 10px !important;
   }
   .close_zoom {
      top: 20px !important;
      right: 15px !important;
   }
  .your_order-wrap {
      padding: 0;
   }
   .carousel-item img {
      height: 100%;
      object-fit: cover;
      object-position: bottom;
   }

   .update_wishlist .bag_con-item-dop .josefin-blue {
      font-size: 10px !important;
   }

   .gc_history-wrap #button-1 .knob:before {
      width: 50% !important;
   }

   .gc_history-wrap #button-1 .checkbox:checked+.knob:before {
      left: 47% !important;
   }

   .gc_history-wrap .tag_bar span:nth-child(2) {
      width: 50% !important;
   }

   .gc_con-wrap .toggle-button {
      margin: 40px 27% 25px !important;
   }

   .balance_bar {

      padding: 12px 14px !important;
   }

   .gc_con-wrap {
      padding-left: 0 !important;
   }

   .bag_con-text .bag_con-delete {
      margin-left: 8px !important;
   }

   .populer_item-box .bcp_ctt-value::after {
      top: 42% !important;
   }

   .pro_d-right .bcp_value::after,
   .bag_con-prise-lable .bcp_value::after {
      top: 34% !important;
   }

   .populer_item-box .bag_con-item-dop .josefin-blue {
      font-size: 10px !important;
      line-height: 11px;
   }

   .populer_item-box .bag_con-prise-lable {
      margin-top: 8px !important;
   }

   #populer_item-section .bcp_ctt-value {
      font-size: 12px;
      font-weight: 600;
   }
   .blue_grid {
       gap: 8px;
    }
   .payment_bag-content-wrap .top_total-bar .bcp_name,
   .payment_bag-content-wrap .sub_total-bar .bcp_name {
      font-size: 10px !important;
   }

   .payment_bag-content-wrap .bag_con-left .bcp_ctt-value::after {
      top: 35% !important;
   }

   .payment_bag-content-wrap .bag_con-prise span {
      font-size: 12px !important;
   }

   .shipping_con-main-wrap .top_total-bar .bcp_name {
      font-size: 10px;
   }

   .bag_con-right-wrap .bag_con-r-heading .bcp_name,
   .bag_con-right-wrap .top_total-bar .bcp_name,
   .bag_con-right-wrap .sub_total-bar .bcp_name,
   .bag_con-right .central_total-bar .bcp_name {
      font-size: 10px !important;
   }

   .bag_con-text .bcp_name {
      font-size: 10px !important;
   }

   .bag_con-prise-lable .bcp_name {
      font-size: 10px !important;
      margin-left: 5px !important;
   }

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

   .footer_link-grid {
      display: grid !important;
      gap: 5px !important;
      grid-template-columns: repeat(auto-fill, minmax(90%, 1fr));
      margin-bottom: 30px !important;
      margin-top: 17px;
   }

   .size_chart-wrap h2 {
      font-size: 14px !important;
   }

   .size_chart-wrap h3 {
      font-size: 12px !important;
   }

   .your_bag-content-wrap .add_select-wrap::before {
      height: 40px;
   }

   .your_bag-content-wrap .asw_arrow {
      border-width: 0 .31em .35em !important;
      top: 13px;
      right: 14px
   }

   .add_drop-data-wrap select {
      height: 40px;
      font-size: 12px;
   }

   .footer_direct-link-bar {
      grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
   }

   .ntm_modal-custum .pro_select-size {
      grid-template-columns: repeat(5, 1fr) !important;
   }

   .ntm_modal-custum .sus_heading,
   .glt-modal .bl_modal-head {
      font-size: 16px !important;
   }

   .ntm_modal-custum .bl_modal-content {
      font-size: 10px !important;
   }

   .side_bar-cs,
   .forget_password-popup,
   .user_loged_in-popup,
   .password-reset-popup {
      max-width: 100%;
   }

   .region_select-btn .dropdown {

      margin: 10px 0 35px !important;
   }

   .region_select-btn .btn {
   height: 19px !important;
        width: 72px !important;
   }

   .region_select-btn li {
      width: auto !important;
   }

   .region_select-btn .dropdown-toggle::before {
           top: 4px !important;
        right: 6px !important;
   }

   .region_select-btn .btn,
   .region_select-btn .dropdown-item {
      font-size: 11px !important;
      padding: 1px 6px !important;
   }
.forget_pass-btns{
   bottom: 11px !important;
}
   .region_select-btn .dropdown-menu {
     min-width: 72px !important;
        width: 72px;
   }

   .page_not-found-wrap h1 {
      font-size: 170px !important;
      line-height: 140px !important;
   }

   .page_not-found-wrap p {
      font-size: 12px !important;
   }

   .page_not-found-wrap .com_btn {
      padding: 5px 30px !important;
   }

   .add_drop-data-wrap .dropdown-item {
      font-size: 12px !important;
      height: 35px !important;
   }

   .learn-more-about-popup {
      max-width: 90% !important;
      min-width: 90% !important;
   }

   /* .learn-more-about-popup .text_wrap-body{
      max-height: 380px !important;
   } */
   .toggle-button {
      margin: 20px 0 !important;
   }

   #button-1 .knob:before {
      width: 40px !important;
      font-size: 10px !important;
      padding: 8px 10px !important;
   }

   #button-1 .checkbox:checked+.knob:before {
      left: 40px !important;

   }

   .sc_data-table-footer span {
      font-size: 9px !important;
   }
.sc_data-table-footer{
   margin: 15px 0 !important;
}
   .sc_data-table thead tr th {
      font-size: 12px !important;
      line-height: 12px !important;
      padding: 15px 7px !important;
   }

   .sc_data-table tbody tr td {
      font-size: 12px !important;
      padding: .3rem !important;
   }

   .tag_bar span:nth-child(2) {
      width: 40px !important;
   }

   .data_f-table-wrap .pl_list-select {
      height: 22px !important;
      padding: 5px 10px !important;
      font-size: 12px !important;
   }

   .tag_bar span {
      font-size: 10px !important;
   }

   .tr_btn {
      height: 25px !important;
      width: 80px !important;
   }

   .pro_select-size-list .ss_bc-box {
      margin-right: 10px !important;
   }

   .product_pair-t-left {
      aspect-ratio: 114 / 200 !important;
      margin-right: 15px !important;
      min-width: 114px !important;
      max-height: 200px;
      max-width: 114px !important;
   }

   .product_pair .pro_lables {
      font-size: 13px !important;
   }

   .product_pair-wrap {
      margin: 0 0 30px;
   }

   .pp_heading {
      font-size: 16px !important;
      text-align: start !important;
      margin: 0 !important;
      font-weight: 700;
      padding: 0 3.75%;
   }

   .add_drop-list {
      top: 40px;
   }

   .edf_heading {
      font-size: 10px;
      margin: 0 0 10px !important;
   }

   .ed_form-text-wrap {
      margin: 10px 15px 0;
   }
.shipping_con-main-wrap .ed_form-text-wrap{
   padding: 22px 15px 0 15px !important;
}
.billing_item .ed_form-text-wrap{
   padding-bottom: 20px !important;
   border-bottom: 1px solid var(--blue);
}
   .add_n-ad_btn,
   .edf_form-d-btn,
   .ed_form-text-wrap select,
   .ed_form-text-wrap .cancle_btn,
   .drop_item {
      font-size: 12px !important;
   }
 .ed_form-text-wrap .sub_total-bar span{
   font-size: 8px !important;
 }
   .ed_form-text-wrap .com_btn {
      height: 29px !important;
      font-size: 12px !important;
   }

   .bag_con-right .tab_com-text::after,
   .btn_arrow::after {
      top: 15px;
      right: 15px;
      border-width: 0 .41em .45em;

   }

   .sz_text {
      margin: 5px 0 0 !important;
      font-size: 10px;
   }
   .pro_con-all-composite .sz_text{
      margin: 0 0 10px 0 !important;
   }
   .lop_drop-wrap {
      margin-top: 10px !important;
   }

   .pro_select-size-list {
      margin-bottom: 0 !important;
   }

   .pl_list-select {
            font-size: 12px;
        padding: 5px 25px 5px 10px;
        height: 24px;
   }

   .thank_u-upwrap {
      top: 148px !important;
      max-width: 315px !important;
      left: 26px !important;
   }
.data_f-table-wrap .pl_list-select::after{
   top: 6px !important;
}
   .pl_list-select::after {
      top: 6px;
      right: 10px;
   }

   .lop_drop-wrap .ldvl-item {
      font-size: 10px;
   }

   #filter_content .filter_item-head {
      margin-top: 10px;
   }

   .footer_bar {
      height: 31px;
   }

   #filter_content {
      padding: 70px 0 0;
   }

   .drop_Pay-list-data li {
      font-size: 12px;
   }

   .product_share-modal.comein {
      top: unset !important;
      bottom: 0;
   }

   .product_share-modal {
      width: 100%;
   }

   .tab_com-text {
      height: 40px;
      font-size: 12px;
      padding: 11px 14px 0 14px;
   }

   .address_till-wrap {
      margin: 0 20px;
   }

   .address_text,
   .change_add-test {
      font-size: 12px !important;
   }

 

   .not-find-data-text span {
      font-size: 12px;
      padding: 0 15px 15px;
   }

   .pro_d-right {
      max-height: unset;
   }

   .pro_select-size-list {
      gap: 10px 15px;
      grid-template-columns: repeat(auto-fill, minmax(23%, 1fr));
   }

   .lop_drop-wrap span {
      font-size: 12px;
   }

   .lop_drop-value-list {
      margin: 10px 20px;
   }

   .lop_l-link {
      font-size: 10px;
   }

   .lop_drop-value::after {
      top: 5px !important;
      right: 10px !important;
      border-width: 0 4px 4px;
   }
.pro_d-more-content span img{
   width: 8px;
    height: 4px;
    margin-left: 5px;
    margin-right: 11px;
}
   .lop_drop-value {
padding: 5px 10px 5px;
        height: 24px;
   }

   .bc_select-edit {
      font-size: 10px;
   }
.your_bag-content-wrap .bag_con-prise-lable .bcp_name{
   font-size: 8px !important;
}
   .bag_con-prise {
      display: flex;
      margin-top: 11px !important;
   }

   .wl_main-wrap .undo_bar {
      max-width: 100%;
      margin: 10px 0 20px 20px;
   }

   .change_pass-wrap select {
      height: 40px;
      font-size: 12px;
   }

   .bl_modal {
      padding: 30px 10px 15px;
   }

   .code_ex-modal.comein {
      /* top: 35% !important; */
      width: 241px;
   }

 

   .src_w-slider {
      display: none !important;
   }

   .i_btn {
      width: 15px !important;
      top: 5px !important;
      right: 8px !important;
   }

   .payment_card_details-wraps .light_con_bar {
      height: 38px !important;
   }

   .payment_card_details-wraps .light_con_bar input,
   .payment_card_details-wraps .light_con_bar input::placeholder {
      font-size: 12px !important;
   }

   .payment_bag-content-wrap .bag_con-left .sale_bar {
      display: none;
   }

   .banner_src {
      background-image: url(../images/main-banner-1-mobile.png);
      background-size: cover;
   }

   /* .banner_src img{
      display: none !important;
   } */
   .w_edit_form-btn {
      display: none;
   }

   .share_wishlist-modal {
      width: 100% !important;
   }

   .category_banner_wrap {
      /* height: 650px; */
          /* height: 100%;
    min-height: 100vh; */
   }

   .banner_categort {
      /* background-image: url(../images/category-baner-mobible.png); */
   }

   

   .banner_content .com_btn {
      height: 33px !important;
      padding: 9px !important;
   }

   .banner_content h1 {
      font-size: 20px;
      font-weight: 600;
      text-transform: uppercase;
      line-height: 21px;
      margin-bottom: 16px !important;
   }

   .com_btn {
      font-size: 12px;
      height: 30px;
      padding: 6px;
   }

   .banner_content p {
      font-size: 13px;
      padding: 0 10px;
      line-height: 14px;
      /* margin-bottom: 0; */
      margin: 16px 0 !important;
   }

   .header_center-link {
      max-width: 163px;
      width: 45%;
   }
   .bl_header{
      padding: 10px 16px !important;
   }
   .dash_com-box{
      height: 136px;
      padding: 19px;
   }
   .bl_header .header_center-link a{
      display: flex;
      align-items: center;
   }
   .bl_header .header_center-link{
      max-width: 130px;
   }
   .top_header {
      padding: 20px 13px;
   }

   .top_header.is-sticky {
      padding: 15px;
   }

   .top_header.is-sticky .hl_link {
      /* display: flex;
      align-items: center; */
   }

   

   .sec_head-lable {
      font-size: 20px;
      line-height: 22px;
   }

   .main_grid-con {
      padding: 12px 14px 50px;
      background-color: transparent !important;
   }

   #blue_grid-content {
      padding: 50px 14px 33px;
   }
   .blue_con-box {
  aspect-ratio: 1 / 1;
  width: 100%;        
  max-width: 400px;     
  overflow: hidden; 
  height: unset;
   }

   .option_select {
      width: 200px;
   }

   .osv_lable {
      font-size: 12px;
      height: 23px;
      padding: 5px !important;
   }

   .option_list {
      height: 210px;
   }

   .option_list-footer .com_btn {
      margin: 17px 30px;
      padding: 7px;
      height: 30px;
   }

   .osv_arrow {
      max-width: 7px;
   }

   .option_select-value-bar {
      padding: 0 5px;
   }

   .option_list-wrap {
      top: 50px;
      width: 240px;
      left: -11%;
   }

   .osv_lable-box {
      padding: 4px 12px;
   }

   .con_pro-lable {
      font-size: 23px;
      line-height: 21px;
      width: 100%;
      text-align: center;
   }

   .grid_con-wrap {
      grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
      gap: 14px;
      /* margin-top: 22px; */
   }

   .con_pro-link {
      font-size: 13px;
        height: 29px !important;
        letter-spacing: 0.71px;
        padding: 5px;
   }

   #start_shoppsing {
      margin: 14px;
   }

   .start_shopping-box {
      height: 580px !important;
   }

   .w_shopping-banne-img {
      display: none;
   }

   .start_shop-content {
      bottom: 0;
      margin: 0;
      font-size: 23px;
      line-height: 21px;
      transform: translate(-50%, -50%);
      left: 50%;
      top: 52%;
      height: fit-content;
      max-width: 63%;
      width: 100%;
      text-align: center;
   }

   .start_shop-link {
      transform: translate(-50%, -50%);
      left: 50%;
      width: 100%;
      text-align: center;
      font-size: 12px;
      bottom: 50px;
   }

   #populer_item-section {
      padding: 0px 22px 46px;
   }

   .populer_lable {
   font-size: 19px;
        line-height: 24px;
        text-align: center;
        margin-bottom: 16px;
   }

   .populer_item-lable {
      font-size: 12px;
      margin-top: 12px;
      line-height: 13px;
      text-align: center;
   }

   .bottom_bars {
      justify-content: center;
      margin-top: 10px;
   }

   .populer_item-prise {
      font-size: 7px;
      margin-bottom: 2px;
   }

   .footer_bottom {
      margin-top: 8px;
   }

   .populer_item-grid {
      display: grid;
      gap: 23px 14px;
      grid-template-columns: repeat(auto-fill, minmax(48%, 1fr));
   }

   .footer_logo {
      max-width: 163px;
   }

   .footer_logo {
      margin-bottom: 17px;
   }
.footer_con-lable,
.get_footer_con-lable{
   line-height: 16px !important;
   font-size: 10px !important;
   margin-bottom: 10px !important;

}
   .footer_lg-box h4 {
      font-size: 12px;
      margin-bottom: 5px !important;
   }
.footer_lg-box{
   margin-bottom: 7px !important;
}
 .footer_input-bar input{
   height: 25px;
   font-size: 10px;
 }
  
   .footer_input-btn {
      height: 30px;
      font-size: 10px;
   }

   .footer_direct-link-bar .footer_con-lable {
      margin-top: 12px;
   }

   .botom_link {
      font-size: 10px;
      margin: 0 3px;
   }

   .footer_content {
      padding: 16px 15px 35px;
   }

/* .product_details-wrap .slick-dots button{
   width: 30px;
}
.product_details-wrap .slick-dots li.slick-active button{
   width: 47px;
} */

   .product_details-wrap {
      display: block;
      padding-top: 42px;
      margin-bottom: 10px;
   }

   .pro_d-left,
   .pro_d-right {
      width: 100%;
   }

   .pro_d-left {
      padding: 0;
   }

   .pro_d-right {
      padding: 28px 20px;
      margin: 0 !important;
   }
.pro_d-right .pro_rate{
   font-size: 17px !important;
}
.pro_d-right .pro_rate .bcp_name{
   font-size: 10px !important;
}
   .pro_lables {
      font-size: 14px;
      line-height: 15px;
      margin-bottom: 14px;
   }

   .pro_rate {
      font-size: 16px;
      line-height: 18px;
      margin-top: 5px !important;
   }
   .ycld_left .bct_model-btn::after{
      top: 3px !important;
   }
   .size_btn {
        font-size: 11px !important;
        padding: 7px;
        height: 31px;
   }

   .product_pair .size_btn {
      /* height: 26px ; */
   }

   .product_pair-bottom {
      padding-top: 30px !important;
   }

   .product_pair .pro_top-wrap {
      padding: 0 10px;
   }

   .product_pair {
      margin: 10px 0 10px !important;
      padding-bottom: 10px !important;
   }

.pro_details p{
       font-size: 12px;
      line-height: 18px;
}
   .pro_d-more-content span,
   .pro_d-more-content p {
      font-size: 12px;
      line-height: 14px;
   }

   .pro_d-right .com_btn {
      font-size: 10px;
      padding: 5px;
      /* height: 30px; */
   }

   .od_also-con-wrap {
      padding: 25px 15px 30px;
   }

   .od_also-con-head {
      margin-bottom: 9px;
      font-size: 12px;
      line-height: 14px;
   }

   .offer_tag {
      min-width: 68px !important;
      font-weight: 300;
      font-size: 12px;
      padding-top: 1px;
      width: 68px !important;
      height: 18px;
   }

   .category_content .fav_icon-toggle {
      margin-top: -4px;
   }

   .category_content .bag_con-prise-lable {
      font-size: 12px !important;
      margin: 10px 0 !important;
   }

   .category_content .bag_con-prise-lable .bcp_name {
      font-size: 9px !important;
   }

   .od_ac-box-wrap {
      gap: 25px 15px;
      grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
   }

   .bag_con-item-dop .josefin-blue {
      font-size: 11px !important;
      font-weight: 500;
      display: block;
      line-height: 11px;
      max-width: 95%;
   }

   .bag_con-select {
      font-size: 10px;
      margin: 10px 0 18px;
      line-height: 12px;
   }

   .bag_con-pro-bar-wrap {
      margin: 30px 0;
   }

   .bag_con-left .fav_icon-toggle {
      width: 20px !important;
      margin-top: 0;
      height: 20px !important;
   }

   #populer_item-section .fav_icon-toggle {
      margin-top: -2px !important;
   }

   .bag_con-item-dop {
      margin-top: 10px;
   }
.populer_item-grid .bag_con-item-dop{
   margin-top: 8px;
}
   .fav_icon-toggle {
      width: 15px !important;
      height: 15px !important;
   }
.product_details-wrap .slick-dots li{
   width: 30px;
}
   .product_details-wrap .slick-dots {
      bottom: 17px !important;
      width: 75% !important;
   }

   .pro_d-left .fav_icon-toggle {
      right: 20px;
      bottom: 14px;
      width: 25px !important;
      height: 25px !important;
   }

   .pd_zoom-wrap {
     width: 20px;
        top: 11px;
        right: 15px;
        bottom: 20px;
   }

   .pro_box-wrap .od_ac-box-load-more {
      display: none;
   }

   .pro_box-wrap .od_ac-dcpt {
      display: none;
   }

   .pro_box-wrap .bag_con-prise-lable,
   .pro_box-wrap .toggle_r-bar {
      display: none !important;
   }

   .od_ac-dcpt {
      font-size: 10px;
      margin: 0;
      line-height: 12px;
      margin: 4px 0;
   }

   .filter_item-data-wrap .bcp_name {
      font-size: 9px !important;
   }

   .bag_con-prise-lable {
      font-size: 12px;
      line-height: 11px;
      display: block;
   }

   .category_content-footer {
      margin: 29px 0 0;
   }

   .toggle_r-bar {
      margin-top: 4px;
   }

   .category_content .round_blue {
      min-width: 19px !important;
      margin-bottom: 4px !important;
      width: 19px !important;
      height: 11px !important;
      margin-right: 4px !important;
   }

 

   .category_content {
      padding: 10px 12px 45px;
   }

   .filter_lable:nth-child(1) {
      font-size: 7px;
      width: 68px;
      height: 20px;
      padding: 1px 0;
   }

   .filter_lable:nth-child(2) {
      font-size: 10px;
   }

   .filter_lable img {
      width: 10px;
      margin-right: 5px;
   }

   .cat_filter-bar {
      margin-bottom: 14px;
   }

   .category_content-footer .com_btn {
      width: 190px;
      height: 30px;
      font-size: 12px;
      padding: 5px;
   }
.update_wishlist{
   padding: 55px 10px 53px !important;
}
   .your_bag-content-wrap {
      padding: 48px 15px 38px;
      background-color: #F5F5F5;
   }
.your_bag-content-wrap .con_head-lable{
     font-family: 'Poppins', sans-serif;
     font-weight: 600;
     font-size: 12px;
}
.your_bag-content-wrap .con_head-lable{
   margin-bottom: 21px;
}
   .con_head-lable {
      font-size: 15px;
      padding: 0 20px;
      margin-bottom: 27px;
   }

   .od_content-wrap {
      display: block;
   }



   .sale_bar,
   .filter_category-bar {
      line-height: 14px;
      height: 37px;
      font-size: 12px;
      padding: 13px 11px;
   }

   .shipping_con-wrap span.josefin-orange {
      font-size: 12px;
   }

   .bag_con-pro-bar {
      padding-bottom: 13px;
      margin-top: 8px;
   }

  .your_bag-content-wrap .bag_con-pro-bar{
   border: 0;
  }
   .bag_con-text .bag_con-prise-lable {
      font-size: 14px;
   }

   .blue_check[type=checkbox] {
      width: 15px;
      height: 15px;
   }

   .bag_con-img {
      width: 109px;
      min-width: 109px;
      margin: 0 12px 0 18px;
   }

   .qty_input-lable,
   .qty_input {
      font-size: 12px;
   }

   .qty_inut-box {
      /* margin: 0 9px; */
   }

   .qty_btn {
      width: 15px;
      height: 15px;
   }

   .bad_con-qty-box {
      margin-top: 31px;
   }

   .qty_input-lable,
   .qty_input {
      height: 19px;
   }

   .bag_con-pro-bar .qty_input-lable {
      height: fit-content !important;
      line-height: 12px;
   }

   .qty_inut-box .qty_input {
      padding-top: 0px;
   }

   .undo_bar span {
      font-size: 12px;
      line-height: 14px;
   }

   .undo_bar {
      height: 122px;
      margin: 15px 0 15px 35px;
   }

   .shipping_con-main-wrap .bag_con-left {
      display: none;
   }

   .bag_con-r-heading {
      padding: 0 10px;
      font-size: 16px;
      line-height: 21px;
      margin-bottom: 12px;
   }

   .com_form .light_con_bar {
      height: 40px;
   }

   .com_form .light_con_bar input {
      font-size: 12px;
   }

   .com_form .light_con_bar input::placeholder {
      font-size: 12px;
   }

   .edit_form-btn {
      font-size: 12px;
      margin-top: 10px;
      margin-right: 10px;
   }

   .shipping_con-main-wrap .com_btn {
      height: 29px;
      padding: 6px;
   }

   .light_con_bar-select {
      font-size: 10px;
   }

   .light_con_bar-btn {
      height: 40px;

   }

   .conten_form {
      margin-top: 30px;
   }

   .lcbr_lable {
      font-size: 12px;
   }

   .promocode_bar .josefin-blue {
      font-size: 12px;
      min-width: 100px !important;
   }

   .promocode_bar .promocode_bar-input {
      height: 29px;
      padding: 10px;
      font-size: 12px;
   }

   .promocode_bar {
      /* margin-top: 110px; */
   }

   .shipping_con-main-wrap {
      padding: 0 10px;
      margin-top: 39px;
   }
   .shipping_con-main-wrap .bag_con-right .bag_con-r-heading{
      font-size: 13px;
      padding: 0;
   }
   .sub_con-total-bar .josefin-blue {
      font-size: 12px;
      line-height: 14px
   }

   .payment_central-bar .central_total-bar {
      margin: 18px 0 13px;
      font-size: 12px;
      height: 30px !important;
   }

   .your_bag-also-wrap {
      display: none;
   }

   .next_bar {
      height: 43px;
      text-align: end;
      margin: 30px -25px -20px;
      align-items: center;
      display: flex;
      justify-content: space-between;
      padding: 8px 15px;
      background-color: var(--blue);
   }
.shipping_con-main-wrap .next_bar{
   margin: 45px -25px -38px;
}
   .next_bar a {
      /* margin-left: auto; */
   }

   .next_btn {
      font-size: 12px;
      font-family: "Josefin Sans","Open Sans", sans-serif;
      min-width: 50px;
      color: var(--white);
      line-height: 14px;
      padding: 3px 5px;
      background-color: var(--blue);
      border: 1px solid var(--white);
      height: 20px;
   }

   .checkout_con-main-wrap .promocode_bar {
      margin-top: 40px;
   }

   .sub_con-total-bar {
      margin-top: 27px;
   }
.shipping_con-main-wrap .bag_right-checkout-btn .com_btn{
   margin: 34px auto 45px !important;
}
   .bag_right-checkout-btn .com_btn {
      height: 31px;
      padding: 2px;
      font-size: 12px;
      max-width: 259px;
      margin: 0 auto;
      border: 1px solid #03111F;
      color: #03111F;
      background-color: transparent;
      transition: all 0.2s;
   }
    .bag_right-checkout-btn .com_btn:hover{
      background-color: #03111F;
      color: var(--white) !important;
    }

   .add_new-content-wrap {
      margin-top: 30px;
   }

   .payment_bag-content-wrap .od_content-wrap {
      display: flex;
      margin-top: 45px;
      flex-direction: column;
   }

   .payment_bag-content-wrap .bag_con-left {
      order: 1;
   }

   .payment_bag-content-wrap .bag_con-right {
      order: 0;
   }

   .top_total-bar,
   .sub_total-bar {
      padding: 0 10px;
   }
.com_form .sub_total-bar{
   margin-top: 12px;
}
   .shipping_con-main-wrap .top_total-bar,
   .shipping_con-main-wrap .sub_total-bar {
      padding: 0 !important;
   }

   .shipping_con-main-wrap .bag_con-prise span {
      font-size: 10px !important;
   }

   .top_total-bar .josefin-blue,
   .sub_total-bar span {
      font-size: 12px;
      line-height: 12px;
   }

   .payment_bag-content-wrap .central_total-bar {
      margin: 25px 0 8px;
   }

   .payment_bag-content-wrap .bg_con-footer {
      display: none;
   }

   .payment_method-bar {
      margin: 40px 0 30px;
   }

   .payment_dropdown {
      /* height: 40px; */
      margin: 0 10px;

   }

   .add_con-link {
      font-size: 10px;
   }

   .add_con {
      font-size: 12px;
   }

   .add_con-bar {
      margin: 20px;
   }

   .payment_drop-lable {
      font-size: 12px;
   }

   .pdil_link {
      height: 40px;
   }

   .pdil_link img {
      width: 55px;
   }

   .onsale_bar-wrap {
      display: none;
   }

   .on_sale-divider {
      display: none;
   }

   .on_sale-undo-bar {
      display: none;
   }

   .sale_bar {
      /* display: none; */
   }

   .pay_bcpb-wrap {
      margin: 5px 0;
   }

   .pay_bcpb-wrap .bag_con-check {
      display: none;
   }

   .pay_bcpb-wrap .bag_con-prise {
      display: none !important;
   }

   .pay_bcpb-wrap .bad_con-qty-box {
      display: none;
   }

   .pay_bcpb-wrap .fav_icon-toggle {
      display: none;
   }

   .mobile_place-content {
      margin: 14px 0;
   }

   .mobile_place-content .com_btn {
      width: 100%;
   }

   .payment_bag-content-wrap {
      padding: 83px 15px 0;
   }

   .payment_bag-content-wrap .next_bar {
      margin: 30px -15px -30px;
   }

   .card_bar {
      display: flex;
      align-items: center;
      margin: 35px 0 20px;
      justify-content: center;

   }

   .card_bar .card_btn {
      width: 50px;
      margin: 0 5px;
      background-color: transparent;
      border: none;
   }

   .full_link {
      height: 141px;
   }
.dashboard_con-wrap{
   padding: 55px 30px 30px !important;
}
   .change_pass-wrap,
   .gift_card-details{
      padding: 55px 21px 33px !important;
   }
   .tab_com-wrap {
      padding: 83px 20px 37px;
   }
.size_chart-wrap{
   padding: 55px 15px 15px !important;
}
   .dash_com-grid {
      display: flex;
      flex-direction: column;
      gap: 16px;
   }

   .dashboard_con-wrap .con_head-lable {
      margin-bottom: 37px;
      margin-top: 0px;
   }

   .dash_com-img {
      width: 87px;
      height: 87px;
      min-width: 87px;
      margin: auto 17px auto 0;
   }

   .dash_com-lable {
      font-size: 15x;
      margin-bottom: 13px;
   }

   .dash_com-details {
      font-size: 12px;
   }

   .tab_com-left {
      display: none;
   }

   .change_pass-inner {
      padding: 0;
   }

   .change_pass-inner {
      display: block;
   }

   .change_pass-left,
   .change_pass-right {
      width: 100%;
   }
   .change_pass-inner .tab_com-lable{
      margin-bottom: 10px;
      font-size: 15px !important;
   }
.change_pass-footer .com_btn{
   width: 204px !important;
   height: 46px !important;
   font-size: 11px !important;
}
   .tab_com-lable {
      font-size: 15px ;
   }

   .tab_com-input {
      font-size: 12px;
      padding: 13px;
   }

   .change_pass-footer-rp {
      margin-top: 40px;
      padding: 0 20px;
   }

   .change_pass-footer-rp .com_btn {
      font-size: 12px;

   }

   .change_pass-cancle-lable {
      font-size: 11px !important;
      margin-top: 12px;
      margin-bottom: 34px;
   }
   .change_pass-right .password_validetion{
      max-width: 257px !important;
      height: 113px !important;
      margin: 0 auto !important;
   }

   .password_validetion {
      width: 100%;
      min-width: 100%;
   }

   .change_pass-right {
      padding: 0 20px;
   }

   .con_head {
      position: relative;
   }

   .pg_back-btn {
      position: absolute;
      left: -8px;
      top: -7px;
      width: 24px;
      background-color: transparent;
      border: none;
   }

   .personal_details-wrap {
      display: block;
   }

   .pd_left-bar,
   .pd_right-bar {
      width: 100%;
      padding: 0;
   }

   .personal_details-wrap .tab_com-input {
      height: 40px;
   }

   .personal_details-wrap .form_field select {
      font-size: 12px;
   }

   .pd_left-bar .form_field {
      /* margin-bottom: 22px; */
   }

   .pd_edit-link {
      margin-top: 10px;
      font-size: 10px;
   }
.pd_left-bar .change_pass-cancle-lable{
   margin-bottom: 0 !important;
}
   .pd_left-bar .com_btn {
      /* display: none; */
      width: 238px !important;
      height: 46px !important;
      margin-top: 29px !important;
       font-size: 12px !important;
   }

   .form_field-action {
      margin: 10px 0 0;
      gap: 10px;
   }

   .ff_btn {
      font-size: 12px;
      height: 30px;

   }

   .form_field {
      margin-bottom: 13px;
   }

   .pd_right-bar .form_field:nth-last-child(2) {
      margin-bottom: 68px;
   }

   .pd_right-bar .form_field {
      padding-bottom: 13px;
   }

   .pd_right-bar-footer {
      padding: 0 20px;
   }
.change_pass-wrap .con_head-lable{
   margin-bottom: 33px !important;
}
   .tab_com-wrap .con_head-lable {
      /* margin-bottom: 39px; */
   }

.size_chart-wrap .con_head-lable{
   margin-bottom: 22px !important;
}
   /* .yo_con-wrap.active .yo_con-head::after{
      display: none;
   } */
   .m_yo_con-light:hover {
      color: var(--blue);
   }

   .od_counter-bar {
      margin: 10px 0 20px;
      height: 30px;
      border-radius: 8px;
      padding: 7px 12px;
      background-color: #dddddd;
   }

   .odc_lable {
      color: var(--blue);
      font-family: "Fira Sans","Roboto", sans-serif;
      font-size: 12px;
      display: block;
      font-weight: 400;
   }

   .order_details-wrap .con_head-lable {
      margin-bottom: 12px;
   }

   .order_details-wrap .ycld_cancel-link {
      display: none;
   }

   .yo_con-details {
      width: 100%;
      margin: 0;
   }

   .ycd_lable {
      font-size: 15px;
      line-height: 18px;
      margin-bottom: 10px;
   }

   .yo_con-d-bar {}

   .yo_con-total-bar .ycd_bar-lable {
      font-size: 14px;
   }

   .ycd_bar-lable {
      font-size: 12px;
      line-height: 14px;
   }

   .return_info-wrap .yo_con-list-wrap {
      margin-bottom: 0;
   }

   .order_return-wrap {
      padding-top: 14px;
   }

   .order_return-wrap .yo_con-return {
      width: 100%;
   }

   .retun_lable {
      font-size: 12px;
   }

   .ycr_bar {
      margin-left: 5px;
   }

   .yo_con-return-option {
      margin-bottom: 26px;
   }

   .yo_con-return textarea {
      padding: 8px;
      font-size: 12px;
      border-radius: 0;
   }

   .yo_con-btn {
      margin: 38px 20px 0;
   }

   .return_info-wrap .yo_con-head {
      display: none;
   }

   .return_info-wrap .con_head-lable {
      margin-bottom: 12px;
   }

   .gift_card-details .con_head-lable {
      margin-bottom: 50px;
   }

   .gift_card-wrap {
      display: block;
   }

   .gc_left,
   .gc_right {
      width: 100%;
      padding: 0;
   }

   .gift_card-wrap .ycd_lable {
      font-size: 12px;
   }

   .gc_left {
      margin-bottom: 20px;
   }

   .gc_right .ycd_lable {
      margin: 0;
   }

   .amount_bar,
   .gc_input {
      font-size: 12px;
   }

   .amount_list-text {
      font-size: 12px;
   }

   .amount_list {
      margin-bottom: 28px;
      display: none;
   }

   .gc_right .gc_action {
      margin-top: 15px;
   }

   .gc_right .yo_con-action {
      position: unset;
      font-size: 10px;
      width: 50%;
   }

   .gc_form-footer {
      padding: 0 20px;
   }

   .redeem_gift-card .gc_left {
      width: 100%;
   }

   .gift_card-details-last .ycd_lable {
      font-size: 16px;
      margin-bottom: 34px;
   }

   .ycd_lable-small {
      font-size: 12px;
   }

   .redeem_gift-card .gc_form-footer {
      margin-top: 25px;
   }

   .bag_con-right-wrap .bag_con-r-heading,
   .bag_con-right-wrap .top_total-bar,
   .bag_con-right-wrap .sub_total-bar {
      display: none !important;
   }

   .central_total-bar {
      /* margin: 17px 0 13px;
      flex-direction: column; */
      height: 33px;
   }

   .final-sale-note-bar {
      font-size: 10px !important;
   }

   .bl_modal-top .josefin-blue {
      font-size: 14px !important;
   }

   .product_details-popup {
      min-width: 90% !important;
   }

   .central_total-bar .bcp_ctt-value {
      font-size: 14px !important;
   }

   .view_bag-link {
      display: none;
      text-align: center;
      color: var(--blue);
      margin-bottom: 17px;
      font-size: 12px;
      font-family: "Josefin Sans","Open Sans", sans-serif;
   }
.bag_con-right .central_total-bar .josefin-blue span{
   font-size: 14px !important;
}
.your_bag-content-wrap .bag_con-right .central_total-bar .bcp_name{
   font-size: 8px !important;
}
   .bag_con-right-wrap .central_total-bar {
      font-size: 12px;
      margin: 23px auto 22px !important;
      border: 1px solid #031120;
   }

   .bag_con-right .central_total-bar .josefin-blue {
      font-size: 12px;
   }

   .gc_right textarea {
      padding: 14px;
      font-size: 12px;
   }

   .bag_con-delete,
   .bag_con-share {
              width: 18px !important;
        margin-top: -1px;
   }

   .top_total-bar .bcp_ctt-value {
      font-size: 14px !important;
   }

   .top_total-bar .cac_lable {
      font-size: 9px !important;
   }

   .footer_input-bar {
      margin-top: 5px !important;
   }

   .w_hl_link {
      display: none;
   }
}

@media only screen and (min-width: 431px) {
    .pt_check-tax{
      display: none;
    }
   .src_m-slider {
      display: none !important;
   }

   .m_hl_link {
      display: none;
   }

   .m_edit_form-btn {
      display: none;
   }

   .m_shopping-banne-img,
   .mobile_place-content {
      display: none;
   }

   .pg_back-btn {
      display: none;
   }

   .m_yo_con-light {
      display: none;
   }

   .return_info-wrap .od_counter-bar {
      display: none;
   }

   .card_for-wrap {
      display: none;
   }

   .view_bag-link {
      display: none;
   }

   .next_bar {
      display: none;
   }

   /* .pro_d-left .fav_icon-toggle {
      display: none !important;
   } */

   /* .return_request{
   right: 0;
   display: flex;
} */
}
@media only screen and (min-width: 1366px){
   .gc_table-scroll{
      border-radius: 8px !important;
   }
   .product_details-wrap{
      justify-content: center;
   }
   .pro_d-right{
     
      /* margin-right: 51px;
    flex: 0 0 580px; */
   }
   .pro_d-left{
       /* flex: 1; 
  min-width: 0; */
   }
}
@media only screen and (max-width: 768px) {
   .thumb_wrap.collapsed{
   bottom: -68px !important;
}
   .thumb_wrap .thumb_wrap-toggle{
      font-size: 12px !important;
   }
   .thumb_wrap::after{
      width: 8px !important;
    height: 7px !important;
    border-top: solid 7px var(--white) !important;
    border-left: solid 4px transparent !important;
    border-right: solid 4px transparent !important;
   }
   .thumb_wrap a {
    width: 49px !important;
    min-width: 49px !important;
    height: 74px !important;
    margin: 7px 4px !important;
}
   .thumb_wrap.collapsed::before{
      top: -7px !important;
    width: 8px !important;
    height: 6px  !important;
    border-bottom: solid 7px var(--white) !important;
    border-left: solid 4px transparent !important;
    border-right: solid 4px transparent !important;
   }
   .thumb_wrap{
      height: 88px !important;
      padding: 0 !important;
      bottom: 0 !important;
   }
   .img_zoom-effect  .close_zoom{
      top: 14px ;
      right: 21px ;
      width: 10px;
   }
   .img_zoom-effect{
      padding: 0 !important;
   }
   .top_pad-custome{
      margin-top: 24px !important;
   }
   .pro-top-hd-wrap,
   .pro_details,
   .pro_con-all-wrap{
      /* max-width: 100%; */
   }
   .pro_d-left,
   .pro_d-right{
      width: 100%;
   }
   .pro_d-right{
      margin: 0 !important;
      padding: 28px 18px;
   }
   .product_details-wrap{
      display: block;
   }
   .banner_sec-wrap,
   .banner_sec-wrap .slick-track,
   .banner_src img, .banner_categort img{
    height: 100vh;
}
.banner_sec-wrap .slick-dots li{
   width: 30px;
}
.slick-dots li.slick-active{
   width: 47px;
}
 
   .footer_logo{
      width: 45% !important;
      max-width: 163px !important;
   }
 
   .banner_sec-wrap .slick-dots{
      bottom: 37px;
   }
     .cartno,
   .cartno2 {
      font-size: 12px;
      /* top: 5px; */
   }
     .item_counter {
      height: 60%;
      bottom: 1px;
      font-size: 10px;
   }
   .header_left-link, .header_right-link{
      width: unset;
   }
   .hl_link {
      width: 16px;
   }
   .fl_how-to-wrap .com_btn {
      height: 25px !important;
      font-weight: 300 !important;
      font-size: 12px !important;
      line-height: 11px !important;
      padding: 3px 15px 0 !important;
   }

   /* .sc_how-to-wrap {
      gap: unset !important;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: flex;
      justify-content: center;
      align-items: center;
      border-bottom: 1px solid #707070;
      text-align: center;
      flex-wrap: wrap;
   } */

   .sc_how-to-wrap .com_btn {
      min-height: 31px !important;
      height: 31px !important;
      font-size: 12px !important;
      padding: 0px 15px !important;
      margin: 0 10px 10px 0;
      max-width: 100% !important;
      float: left;
      line-height: 12px !important;
   }

   .sc_how-to-wrap,
   .fl_how-to-wrap {
      padding: 20px 0 10px !important;
   }

   .carousel-indicators button.thumbnail {
      min-width: 15% !important;
      width: 15% !important;
   }

   .carousel-indicators {
      margin-left: 0 !important;
      margin-right: 0 !important;
      justify-content: unset !important;
   }

   .ntm_modal-custum {
      max-width: 90% !important;
      min-width: 90% !important;
   }

   .bag_con-right {
      padding: 0 !important;
      background-color: transparent;
   }

   .drop_link-box {
      margin: 9px 14px;
   }

   .drop_Pay-list {
      height: 38px;
      font-size: 12px;
   }

   .pro_select-size {
      margin: 8px 0;
      gap: 13px 15px;
      grid-template-columns: repeat(auto-fill, minmax(16%, 1fr));
   }

   .ss_bc-box {
      height: 31px;
   }
.product_code{
   font-size: 9px !important;
}
   .ss_bar-lable {
      font-size: 12px;
   }

   .pro_d-right .round_blue ,
    .product_pair-t-right .round_blue{
      width: 39px;
      min-width: 39px;
      height: 21px;
      margin-bottom: 5px;
      margin-right: 7px;
   }

   .pro_d-right .toggle_r-bar {
      margin-top: 14px;
      max-width: 100%;
      margin-bottom: 0 !important;
   }
}

@media only screen and (min-width: 1366px) {
   /* .yo_con-l-img{
      min-width: 200px;
      width: 200px;
   } */
}

@media only screen and (min-width: 1440px) {
   .banner_content {}
}


/* bl_modal-css */

.bl_modal {
   border: 1px solid #002147;
   /* border-radius: 8px; */
   background-color: #fff;
   padding: 30px 15px 15px;
   z-index: 9;
}

.bl_modal-head {
   font-size: 12px;
   margin-bottom: 30px;
   padding-right: 10px;
   line-height: 14px;
   color: #002147;
   font-family: "Josefin Sans","Open Sans", sans-serif;
   text-transform: uppercase;
}
.logout_modal_open{

}
.bl_modal-content {
   font-size: 10px;
   color: #002147;
   line-height: 16px;
    font-family: 'Poppins', sans-serif;
}

.code_ex-modal.comein,
.product_share-modal.comein {
   z-index: 9999;
   top: 50%;
   transform: translate(-50%, -50%) !important;
}

.alteration_t-popup.comein,
.more_about-p-popup.comein {
   top: 50%;
   transform: translate(-50%, -50%) !important;
}

.oos_code_ex-modal.comein {
   top: 30%;
}

.edit_ship-address.comein,
.new_ship-address.comein,
.new_bill-address.comein {
   left: 50%;
}

.wishlist_popup.comein {
   top: 50%;
   transform: translate(-50%, -50%) !important;
}

.learn-more-about-popup .bl_modal-head {
   font-size: 20px;
   line-height: 20px;
}

.glt-modal.comein {
   top: 50% !important;
   transform: translate(-50%, -50%) !important;
}

.glt-modal .bl_modal-content,
.oos_code_ex-modal .bl_modal-content {
   text-align: justify;
}

.oos_code_ex-modal .light_con_bar {
   background-color: #8b99aa !important;
}

.glt-modal .checked_text {
   font-size: 9px
}
.select_noify-size-popup{
   display: none;
   z-index: 99999;
}
.select_noify-size-popup.comein{
   display: block;
}
.code_ex-modal,
.product_share-modal,
.alteration_t-popup,
.more_about-p-popup,
.glt-modal {
   max-width: 277px;
   width: 277px;
   margin: 0 auto;
   position: fixed;
   transform: translate(-50%) !important;

   left: 50% !important;
   transition: all 0.5s;
   top: 100%;
   display: block;
}

/* Custom wrapper */
.react-datepicker {
  font-family: "Poppins", sans-serif;
  /* border: 2px solid #002147; */
  border-radius: 12px;
  /* box-shadow: 0 4px 12px rgba(0,0,0,0.15); */
}

/* Header */
.react-datepicker__navigation{
   top: 8px !important;
}
.react-datepicker__header {
  /* background-color: #002147; */
  color: white;
  border-bottom: none;
  height: 38px;
  border-radius: 12px 0 0 0;
  padding: 10px;
}
.react-datepicker__day:not([aria-disabled="true"]):hover, 
.react-datepicker__month-text:not([aria-disabled="true"]):hover, 
.react-datepicker__quarter-text:not([aria-disabled="true"]):hover, 
.react-datepicker__year-text:not([aria-disabled="true"]):hover,
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{
   background-color: var(--blue) !important;
   color: var(--white) !important;
}
.react-datepicker__current-month, .react-datepicker-time__header, .react-datepicker-year-header{
   color: var(--blue) !important;
}
/* Day cells */
.react-datepicker__day {
  font-size: 14px;
  border-radius: 8px;
  transition: 0.3s;
}

.react-datepicker__day:hover {
  background-color: #002147;
  color: white;
}

/* Selected date */
.react-datepicker__day--selected,
.react-datepicker__day--keyboard-selected {
  background-color: var(--blue) !important;
  color: white !important;
}

/* Time select dropdown */
.react-datepicker__time-container {
  border-left: 2px solid #eee;
  width: 20%;
}

.react-datepicker__time-list-item--selected {
  background-color: var(--blue) !important;
  color: white !important;
  font-weight: bold;
}


.react-datepicker__month-container{
   width: 80%;
}
.react-datepicker__day-names{
   text-align: center;
}
.datepicker-popup{
   width: 100%;
   left: 0;
}
.react-datepicker{
    position: absolute;
    z-index: 9;
    display: flex;
    overflow: hidden;
    width: 100%;
    top: 0px;
}
.alteration_t-popup {}

.alteration_t-popup .sub_total-bar span {
   font-size: 9px;
   line-height: 12px;
}

.bl_social_link-wrap {
   display: flex;
   margin: 25px 10px 10px;
}

.bl_soc-link {
   width: 30px;
   margin: 0 auto;
   display: block;
}

.product_share-modal {
   max-width: 430px;
}

.edit_ship-address,
.new_ship-address,
.new_bill-address {
   width: 295px;
   position: fixed;
   transform: translate(-50%, -50%) !important;
   left: 150%;
   transition: all 0.5s;
   top: 50%;
   display: block;
}

.bl_modal .com_btn {
   margin-top: 25px;
   height: 30px;
   width: 70%;
   font-size: 12px;
   text-transform: uppercase;
   padding: 5px;
}

.bl_modal-body-wrap {
   max-height: 278px;
   overflow: auto;
}
.bl_modal-body .side_bar-close-btn{
   top: 9px;
   right: 18px;
}
.bl_modal-body .light_con_bar,
.payment_card_details-wraps .light_con_bar {
   height: 40px;
   border-radius: 8px;
   position: relative;
   background-color: #fff;
   border: 1px solid #00214759;
}

.payment_card_details-wraps .light_con_bar {
   height: 60px;
}

.payment_card_details-wraps .light_con_bar input {
   font-size: 16px;
}

/* .bl_modal-body-wrap {
  scrollbar-width: none; 
  -ms-overflow-style: none; 
} */
/* .bl_modal-body-wrap::-webkit-scrollbar {
  display: none;
} */

::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px #dddddd;
   border-radius: 5px;
   background-color: #F5F5F5;
}

::-webkit-scrollbar {
   width: 12px;
   background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
   border-radius: 5px;
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
   background-color: #dddddd;
}

.bl_modal-body .light_con_bar input {
   color: #002147;
   font-size: 12px;
}

.bl_modal .blue_check[type=checkbox] {
   width: 15px;
   margin: 1px 7px 2px 0px;
   height: 15px;
   min-width: 15px;
}

.bl_modal .sub_total-bar span {
   font-size: 12px;
}

.payment_card_details-wraps .light_con_bar input::placeholder {
   font-size: 16px;
   color: #002147;
}

.bl_modal-body .light_con_bar input::placeholder {
   font-size: 12px;
   color: #002147;
   text-transform: capitalize !important;
}

.payment_card_details-wraps {
   margin: 10px;
}

.bl_modal .cancle_btn {
   font-size: 12px;
   color: #002147;
   font-family: "Josefin Sans","Open Sans", sans-serif;
   text-transform: uppercase;
   background-color: transparent;
   border: none;
   width: 100%;
   text-align: center;
   text-decoration: underline;
   width: fit-content;
   margin: auto;
   margin-top: 15px;
   display: block;
}

.promo_cod-bar span {
   color: #00214799;
}

.cac_lable {
   font-size: 14px;
}

.item_no-longer .bag_con-img,
.item_no-longer .bag_con-item-dop,
.item_no-longer .bag_con-select,
.item_no-longer .bag_con-prise,
.item_no-longer .bad_con-qty-box {
   opacity: 0.5;
}

.no_longer-text {
   font-size: 12px;
   color: #002147;
   font-family: "Fira Sans","Roboto", sans-serif;
   font-style: italic;
}

.you_bag-popup {
   position: fixed;
   top: 0;
   right: -100%;
   padding: 83px 15px 20px;
   z-index: 9;

   transition: all 0.5s;
   height: 100vh;
   width: 100%;
   max-width: 430px;
   background-color: #fff;
}

.you_bag-popup.comein {
   right: 0;
}

.you_bag-popup .your_bag-content-wrap {
   display: flex;
   padding: 0;
   height: 100%;
   flex-direction: column;
   justify-content: space-between;
}

.you_bag-popup .bag_con-left {
   height: 100%;
   flex: 1;
   overflow-y: auto;

}

.you_bag-popup .od_content-wrap {
   margin-bottom: auto;
   display: flex;
   flex-direction: column;
   flex: 1;
   overflow: hidden;
}

.i_btn {
   position: absolute;
   right: 12px;
   top: 15px;
   width: 20px;
   cursor: pointer;
}

.incorrect_field-popup,
.log-out-done-popup {
   width: 232px;
   margin: 0 auto;
   position: absolute;
   transform: translate(-50%) !important;
   left: 50% !important;
   transition: all 0.5s;
   top: 100%;
   display: none;
}

.address_till-wrap {
   display: flex;
   align-items: start;
   justify-content: space-between;
}

.address_text {
   color: var(--blue);
   font-size: 17px;
   font-family: "Fira Sans","Roboto", sans-serif;
   margin: 0;
   font-style: italic;
}

.change_add-test {
   color: var(--blue);
   font-size: 17px;
   font-family: "Fira Sans","Roboto", sans-serif;
   margin: 0;
   cursor: pointer;

}

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

.payment_select-method {
   width: 25px;
   margin: 0 20px;
}

.incorrect_field-popup.comein,
.log-out-done-popup.comein {
   top: 35%;
   display: block;
}

.incorrect_field-popup .incorrect-side_bar-close-btn,
.log-out-done-popup .incorrect-side_bar-close-btn {
   top: 0;
   right: 8px;
}

.forget_password-popup.comein,
.user_loged_in-popup.comein,
.password-reset-popup.comein {
   right: 0;
}

.user_loged_in-popup .light_con_bar span {
   color: #002147;
   font-size: 12px;
   font-family: "Josefin Sans","Open Sans", sans-serif;
}

.password_reset-form .tab_com-eye-btn {
   top: 30px;
}

.password_reset-form .signing_content {
   margin: 50px 0 0;
   display: flex;
   height: 100%;
   flex-direction: column;
   overflow: auto;
}

.password_reset-form {
   height: 100%;
}

.password_reset-form .google_btn {
   display: flex;
   flex-direction: column;
   height: 100%;
   overflow: auto;
}

.password_reset-form .dark_btn {
   width: 100%;
   font-size: 12px;
   height: 28px;
   padding: 5px;
   font-weight: 400;
}

.password_reset-form .change_pass-cancle-lable {
   font-size: 12px;
}

.password_reset-form .tab_com-lable {
   font-size: 16px;
   margin-bottom: 2px;
}

.password_reset-form .tab_com-input {
   height: 36px;
   font-size: 12px;
}

.signing_content-wrap .change_pass-right,
.password_reset-form .change_pass-right {
   width: 100%;
}

.pd_right-bar .tab_com-input.select {
   border: 1px solid var(--blue)
}

.signing_content-wrap .change_pass-right .password_validetion,
.password_reset-form .change_pass-right .password_validetion {
   min-width: 90%;
   margin: auto;
}

.user_loged_in-popup .signing_content-wrap {
   margin-top: 100px;
}

.user_loged_in-popup .signing_content-action {
   margin-top: 90px;
}

.signing_content-action .cancle_btn {
   color: #002147;
   border: none;
   font-size: 12px;
   text-decoration: underline;
}

.forget_password-popup .signing_content-wrap .dark_btn {
   font-size: 12px;
}

.password_condition-list {
   border-radius: 8px;
   background-color: #8b99aa;
   margin: 30px 0 50px;
   padding: 8px 15px;
   font-family: "Fira Sans","Roboto", sans-serif;

}

.main-head,
.text-list {
   display: block;
   color: #002147;
   text-align: start;
}

.main-head {
   font-size: 14px;
   margin-bottom: 7px;
}

.text-list {
   font-size: 10px;
   line-height: 13px;
}

.forget_password-popup .com_btn {
   padding: 5px;
   height: 30px;
}

.forget_password-popup .tab_com-lable {
   font-size: 16px;
}

.forget_password-popup .tab_com-input {
   font-size: 12px;
   padding: 2px 14px 0 10px;
   height: 35px;
}

.forget_password-popup .tab_com-eye-btn {
   bottom: 7px;
}

.forget_password-popup .signing_content {
   margin-top: 50px;
}

.password-reset-popup .signing_content {
   margin-top: 50px;
}

.welcome_popup .dark_btn {
   font-size: 12px;
   height: 30px;
   padding: 5px;
}

.search_filter_side-bar.comein {
   left: 0;

   transition: all 0.5s;
}
.search_filter_side-bar .light_con_bar input:-webkit-autofill{
   -webkit-box-shadow: 0 0 0px 1000px #f5f5f5 inset !important;
    color: var(--blue);
    -webkit-text-fill-color: var(--blue) !important;

}
.search_filter_side-bar .light_con_bar input,
.search_filter_side-bar .light_con_bar input::placeholder {
   color: #002147;
}

.pop_head {
   color: #002147;
   font-size: 12px;
  font-family: 'Poppins', sans-serif;
   display: block;
   line-height: 18px;
   margin: 28px 0 0;
}

.search_filter_side-bar .side_link {
   font-family: 'Poppins', sans-serif;
   font-style: italic;
   font-weight: 300;
   text-transform: capitalize;
   margin-bottom: 23px;
   font-size: 10px;
}

.product_pair-wrap {
   margin: 30px 0;
}

.product_pair {
   width: 50%;
   margin: 20px 0 30px;
   float: left;
}

.product_pair:nth-child(1) {
   padding-right: 30px;
}

.product_pair-t-left {
   aspect-ratio: 170 / 300;
   overflow: hidden;
   margin-right: 20px;
   min-width: 170px;
   display: inline-block;
   height: 300px;
   max-width: 170px;
   width: 100%;
}

.product_pair-t-left img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.sub_pro_rate {
   font-weight: 300;
}

.pp_heading {
   color: var(--blue);
   font-family: "Josefin Sans","Open Sans", sans-serif;
   font-size: 20px;
   text-align: center;
   margin: 0 0 30px;
}

.product_pair-data {
   padding: 0 3.75%;
}

.product_pair-data .pro_con-all-wrap,
.product_pair-data .pl_list-wrap {
   max-width: 100%;
}

.product_pair-top {
   display: flex;
}

.product_pair .ss_bc-box {
   /* height: 28px; */
}

.product_pair .ss_bar-lable {
   font-size: 8px;
}

.product_pair .size_btn {
   /* font-size: 13px; */
}

.product_pair .pro_select-size,
.product_pair .pro_select-size-list {
   max-width: 100%;
}

.product_pair-bottom {
   padding-top: 60px;
}

.product_pair .pl_list-select::after {
   border-width: 0 .41em .35em;
}

.size_chart-info {
   max-width: 830px;
   margin: 0 auto;
}

.sc_info-text {
   font-size: 12px;
   color: var(--blue);
   text-align: center;
  font-family: 'Poppins', sans-serif;
   margin-bottom: 15px;

}

.sc_how-to-wrap {
   display: flex;

   padding: 26px 0 15px;
   justify-content: center;
   border-bottom: 1px solid #707070;
    gap: unset !important;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: flex;
      justify-content: center;
      align-items: center;
      border-bottom: 1px solid #707070;
      text-align: center;
      flex-wrap: wrap;
}

.sc_how-to-wrap .com_btn {
   height: 41px;
   text-transform: uppercase;
   font-weight: 300;
   line-height: 18px;
   padding: 2px 10px 0 10px;
     margin: 0 10px 10px 0;
   display: flex;
   align-items: center;
   /* max-width: 170px; */
   font-size: 15px ;
}

.sc_how-to-wrap .dark_btn {
   border: 1px solid var(--blue);
}

.sc_how-to-wrap .ff_gray {
   border: 1px solid #002147B3 !important;
   background-color: #002147B3;
}

.data_f-table-wrap .pl_list-wrap {
   max-width: 100% !important;
}

.fl_how-to-wrap {
   display: flex;
   gap: 10px;
   padding: 26px 0;
   justify-content: center;

   overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex
;
    justify-content: center;
    align-items: center;
   
    text-align: center;
    flex-wrap: wrap;
}

.fl_how-to-wrap .com_btn {
   height: 34px;
   padding: 10px 8px;
   font-weight: 300;
   font-size: 15px;
   /* max-width: 30%; */
   text-transform: uppercase;
   line-height: 13px;
   padding: 4px 10px 0 10px;
   display: flex;
   align-items: center;
}

.fl_how-to-wrap .light_btn {
   font-weight: 400 !important;
}

.data_f-table-wrap .pl_list-select {
   height: 30px;
   padding: 7px 10px;
   font-size: 15px;
}

.data_f-table-wrap .pl_list-select::after {
   top: 9px;
}

.sc_top-data {
   display: flex;
   flex-direction: column;
   overflow: auto;
}

.sc_top-data .search_filter-content {
   display: flex;
   flex-direction: column;
   height: 100%;
   overflow: auto;
}

.sbc_son-wrap {
   height: 100%;
}

.text_wrap-body {
   /* max-height: 420px;
   overflow: auto; */
}

.sc_data-table thead tr th {
   font-size: 15px;
   color: var(--blue);
   vertical-align: middle;
   text-align: center;
   line-height: 15px;
   padding: 26px 5px;
   font-family: "Josefin Sans","Open Sans", sans-serif;
   font-weight: 400;
}

.pl_all-data-wrap {
   top: 22px !important;
}

.pl_ad-item {
   font-size: 12px !important;
   line-height: 12px !important;
   padding: 9px !important;
}

.pl_all-data-wrap {
   max-height: 320px !important;
}

.sc_data-table tbody tr td {
   color: var(--blue);
   line-height: 18px;
   font-size: 15px;
   font-family: "Josefin Sans","Open Sans", sans-serif;
   text-align: center;
}

.sc_data-table tbody tr {
   border-color: #172c6963;
   cursor: pointer;
}

.sc_data-table tbody tr:hover {
   background-color: #172c7c29;
}

.sc_data-table-footer {
   margin: 30px 0;
}

.sc_data-table-footer span {

   color: var(--blue);
   font-size: 12px;
   display: block;
   text-align: end;
   font-family: "Fira Sans","Roboto", sans-serif;

}

.sc_data-table tbody tr:nth-last-child(1) {
   border: none;
   border-color: transparent;
}

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

.toggle-button {
   position: relative;
   margin: 35px 0 29px;
}

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

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

.tr_btn {
   position: relative;
   top: 50%;
   font-family: "Josefin Sans","Open Sans", sans-serif;
   width: 80px;
   height: 30px;
   margin: -20px auto 0 0;
   border: 1px solid var(--blue);
   overflow: hidden;
}

.btn.btn-pill,
.btn.btn-pill>.btn-bg {
   /* border-radius: 100px; */
}

.btn.btn-rect {
   border-radius: 2px;
}

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

.knob {
   z-index: 2;
}

.btn-bg {
   width: 100%;
   background-color: transparent;
   /* border: 1px solid var(--orange); */
   transition: 0.3s ease all;
   z-index: 1;
}

/* Button 1 */
#button-1 .knob:before {
   content: "IN";
   position: absolute;
   top: 0;
   left: 0;
   width: 40px;
   height: 100%;
   color: #fff;
   font-size: 13px;
   text-align: center;
   font-weight: 400;
   line-height: 1;
   padding: 8px 10px;
   background-color: var(--blue);
   border-radius: 0;
   transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}

#button-1 .checkbox:checked+.knob:before {
   content: "CM";
   left: 40px;
   width: 40px;
   background-color: var(--blue);
}

#button-1 .checkbox:checked~.btn-bg {
   /* background-color: #fcebeb; */
}

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

.tag_bar {
   position: absolute;
   width: 100%;
   display: flex;
   top: 0;
   height: 100%;
   align-items: center;
}

.tag_bar span {
   display: block;
   color: var(--blue);
   font-size: 12px;
   z-index: 1;
   text-align: center;
}

.tag_bar span:nth-child(1) {
   width: 50%;
}

.tag_bar span:nth-child(2) {
   width: 50%;

}

.pl_all-data-wrap {
   position: absolute;
   top: 30px;
   left: 0;
   background-color: var(--white);
   max-height: 360px;
   overflow: auto;
   width: 100%;
   border: 1px solid #707070;
   z-index: 9;
   border-radius: 8px;
}

.pl_ad-item {
   color: var(--blue);
   margin: 0;
   font-size: 15px;
   line-height: 14px;
   padding: 11px;
   cursor: pointer;
   text-align: center;
   font-family: "Josefin Sans","Open Sans", sans-serif;
   border-bottom: 1px solid #707070;
}

.pl_ad-item:nth-last-child(1) {
   border: none;
}

.ntm_modal-custum {
   min-width: unset;
   width: 100%;
   padding: 20px 15px 15px;
   max-width: 650px;
}

.learn-more-about-popup {
   min-width: 70%;
   padding: 20px 15px 15px;
   max-width: 1000px;
}

.learn-more-about-popup {
   max-height: 100vh;
   overflow: auto;
}

.learn-more-about-popup .text_wrap-body {
   padding-right: 10px;
}

.blm_top-wrap {
   max-height: 300px;
   overflow: auto;
}

.page_not-found-wrap {
   text-align: center;
   margin: 30px 0;
}

.page_not-found-wrap h1 {
   font-size: 255px;
   color: var(--blue);
   line-height: 200px;
   font-family: "Josefin Sans","Open Sans", sans-serif;
}

.page_not-found-wrap .not_t-text {
   font-size: 17px;
   margin: 20px 0;
   color: var(--blue);
  font-family: "Archivo Black", "Open Sans", sans-serif;
   text-transform: uppercase;
}

.page_not-found-wrap .com_btn {
   background-color: var(--orange);
   border: 1px solid var(--orange);
   padding: 12px 30px;
   margin: 40px auto;
}

.page_not-found-wrap .com_btn:hover {
   color: var(--white);
}

.not_f-text {
   color: var(--blue);
   font-family: "Fira Sans","Roboto", sans-serif;
   font-size: 13px;
   line-height: 14px;
   margin: 30px auto;

}

.border-pm {
   border-bottom: 1px solid #808080c2;
}

.cs-height {
   /* max-height: 450px;
   overflow: auto;
   padding-right: 10px; */
}

.cs-height .dark_btn {
   background-color: var(--blue);
}

.fix-height {
   max-height: unset;
   padding: 0;
}

.ntm_modal-custum {
   padding: 0;
   max-height: 100vh;
   overflow: auto;
}

.ntm_modal-custum .cs-height {
   padding: 20px 20px 0;
}

.ntm_modal-custum .sus_heading {
   font-size: 24px;
}

.csc-height {
   /* height: 35px !important;
      max-width: 50% !important;
      font-size: 15px !important; */
   /* display: flex;
   align-items: center;
   justify-content: center; */
   border: 0;
   width: fit-content;
   margin: 0 auto;
       height: fit-content !important;
    text-decoration: underline;
}

.ntm_modal-custum .tab_com-input {
   padding: 2px 14px 4px 14px;
   border: 1px solid #dddddd;
}

.personal_details-wrap .light_con_bar input:-webkit-autofill {
   -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
   color: var(--blue) !important;
   -webkit-text-fill-color: var(--blue) !important;
}

.ntm_modal-custum .pro_select-size-list {
   max-width: 100%;
}

.ntm_modal-custum .pro_select-size {
   grid-template-columns: repeat(7, 1fr);
   max-width: 100%;
}

.size_chart-wrap h2 {
   font-size: 20px;
}

.size_chart-wrap h3 {
   font-size: 17px;
}

.size_chart-wrap ul {
   list-style: none;
}

.payment_bag-content-wrap .bcp_value {
   text-decoration: none;
}

#populer_item-section .bcp_value {
   font-family: "Josefin Sans","Open Sans", sans-serif;
   font-size: 12px;
   display: flex;
   font-weight: 400;
   align-items: center;
}

#populer_item-section .populer_item-box .josefin-blue {
   font-size: 12px;
   line-height: 13px;
   max-width: 100%;
}

#populer_item-section .bcp_value .bcp_name {
   font-size: 8px !important;
   font-weight: 700;
   margin-left: 12px;
}

#populer_item-section .bag_con-prise-lable {
   display: flex;
   align-items: center;
}

#populer_item-section .bcp_value-org {
   color: var(--blue) !important;
}

#populer_item-section .fav_icon-toggle {
   width: 20px;
   height: 20px;
   margin-top: -5px;
}

#populer_item-section .bag_con-item-dop a {
   display: flex;
}

.bag_con-prise-lable .bcp_name {
   margin-left: 7px;
   font-size: 12px;
}

/* .filter_item-data-wrap .bcp_value{
      text-decoration: line-through;
   }
   .filter_item-data-wrap   .bcp_name{
      text-decoration: none;
   } */
.round_blue a {
   display: flex;
}

.category_content .bag_con-prise-lable {
   font-size: 20px;
   color: var(--blue);
   margin: 10px 0;
}

.category_content-footer .bcp_name {
   margin-left: 6px;
}

.top_total-bar .bcp_ctt-value {
   font-size: 15px;
   display: flex;
}
.shipping_con-main-wrap .top_total-bar .bcp_ctt-value{
   font-size: 14px;
}
.shipping_con-main-wrap .top_total-bar .bcp_name{
   font-size: 8px;
}
.top_total-bar .bcp_name{
   font-size: 9px !important;
}
.bcp_ctt-value .bcp_name {
   font-size: 13px;
}

.your_bag-content-wrap .offer_tag {
   width: 100%;
   min-width: 100%;
   border-radius: 0;
}

.bct_model-btn {
   color: var(--blue);
   font-family: 'Poppins', sans-serif;
   font-size: 12px;
   display: block;
   margin-right: 20px;
   cursor: pointer;
   position: relative;
   width: fit-content;
}

.bct_model-btn::after {
   top: 4px;
   right: -15px;
   border-width: 0 .31em .45em;
}

.bag_con-text .fav_icon-toggle {
   width: 25px;
   height: 25px;
   margin-top: 0;
}

.bag_con-text .bag_con-delete {
   width: 23px;
   height: 23px;
}

.product_details-popup {
   min-width: 469px
}

.product_details-popup .bl_modal-body {
   padding: 15px 15px 10px;

}

.product_details-popup .bl_modal-body .bcp_ctt-value,
.product_details-popup .bl_modal-body .bcp_d-value {
   font-size: 14px;

}

.product_details-popup .bl_modal-body .bcp_name {
   font-size: 11px;
   margin-left: 5px;

}

.bl_modal-top {
   border-bottom: 1px solid var(--blue);
   padding: 15px 15px 7px;
}
.sku_fsnb {
    font-family: "Josefin Sans","Open Sans", sans-serif;
    font-size: 10px;
    font-weight: 400;
}
.sku_fsnb .final_sale-note{
   font-style: italic;
   font-family: 'Poppins', sans-serif;
   font-weight: 300;
}
.final-sale-note-bar {
   display: block;
   color: var(--blue);
  font-family: 'Poppins', sans-serif;
   font-size: 12px;
   
   font-weight: 400;
}

.final_sale-note {
   text-transform: uppercase;
      font-size: 9px;
   font-weight: 100;
   font-weight: 400;
}

.bl_modal-body .final-sale-note-bar .final_sale-note {
   font-size: 10px;
   font-style: italic;
   font-weight: 300;
   text-transform: capitalize;
}

.bl_modal-top .josefin-blue {
   max-width: 100%;
   font-size: 15px;
}

.fit_size-note {
   font-size: 12px;
   color: var(--blue);
   display: block;
   font-family: "Josefin Sans","Open Sans", sans-serif;
}

.offer_modal-tag {
   background-color: #081C339E;
   color: var(--white);
   min-width: 125px;
   height: 24px;
   font-family: 'Poppins', sans-serif;
   text-align: center;
   margin-left: auto;
   display: flex;
   align-items: center;
   justify-content: center;
   width: fit-content;
   margin-bottom: 0;
   font-size: 11px;
}

.bl_modal-body .bag_con-prise-lable {
   text-decoration: unset !important;
}

.pb_align-bar {
   width: 100%;
   display: flex;
   margin-left: auto;
   height: 29px;
}

.fn_sale-lable {
   color: #002147BF;
}

.bcpb_top-wrap:nth-last-child(1) .bag_con-pro-bar {
   border-bottom: none;
}

.bag_con-left .bcp_value .bcp_name {
   color: #002147BF;
}

.bag_con-left .bcp_ctt-value::after {
   content: '';
   position: absolute;
   top: 45%;
   left: 0;
   width: 100%;
   height: 1px;
   background-color: #002147BF !important;
}

.notify-me-popup .pro_con-all-wrap {
   max-width: 100% !important;
   border-bottom: none !important;
}

.notify-me-popup .com_btn {
   max-width: 100% !important;
}

.thank_u-mainwrap {
   min-height: 100vh;
   position: relative;
   overflow: hidden;
}

.thank_u-banner {
   min-height: 100vh;
   width: 100%;
   object-fit: cover;
   object-position: center;
   max-height: 100vh;
}

.thank_u-upwrap {
   position: absolute;
   top: 155px;
   left: 39px;
}

.thank_u-upwrap h1 {
   color: var(--white);
   font-size: 16px;
   font-family: "Josefin Sans","Open Sans", sans-serif;
   margin-bottom: 10px;
   line-height: 19px;
   font-weight: 400;
}

.thank_u-upwrap .thank_content {
   color: var(--white);
   font-size: 12px;
font-family: 'Poppins', sans-serif;
   line-height: 18px;
   margin-bottom: 10px;
}

.thank_u-upwrap {
   max-width: 420px;
}

.need_link {
   position: absolute;
   bottom: 30px;
   left: 26px;
   background-color: transparent;
}

.need_link a {
   font-family: 'Poppins', sans-serif;
   color: var(--white);
   font-size: 12px;
   text-decoration: none;
}

.thank_u-upwrap .thank_not-main {

   font-size: 12px;
   color: var(--white);
   font-family: "Josefin Sans","Open Sans", sans-serif;
}

.gc_con-wrap {
padding-left: 28px;
  /* padding-right: 51px; */
  width: 100%;
  overflow-x: hidden; /* make sure nothing leaks out */
}

.gc_head-wrap {
   padding-left: 63px;
   display: flex;
   align-items: center;
   margin-bottom: 35px;
}

.rc_com-btn {
   height: 40px;
   border: 1px solid var(--blue);
   border-radius: 8px;
   text-align: center;
   color: var(--blue);
   padding: 9px 5px;
   cursor: pointer;
   text-decoration: none;
   font-size: 15px;
   margin-right: 6px;
   min-width: 200px;
   font-family: "Josefin Sans","Open Sans", sans-serif;
}

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

.rc_com-btn.active {
   background-color: var(--blue);
   color: var(--white);
}

.gc_form {
   display: flex;
   width: 100%;
}

.gc_form-grid {
   width: 50%;
}

.gc_form-grid:nth-child(1) {
   padding-right: 45px;
}

.gc_form-lable {
   color: var(--blue);
   font-size: 15px;
   font-family: "Josefin Sans","Open Sans", sans-serif;
   margin-bottom: 5px;
   line-height: 18px;
   display: block;
}

.gc_form-grid .form_field {
   margin-bottom: 10px;
}

.gc_con-input {
   height: 40px;
   border-radius: 8px;
   border: 1px solid #0021476E;
   background-color: transparent;
   width: 100%;
   padding: 10px 14px;
   font-size: 15px;
   font-family: "Fira Sans","Roboto", sans-serif;
   font-style: italic;
   color: var(--blue);
}

.gc_con-input::placeholder {
   font-size: 15px;
   font-family: "Fira Sans","Roboto", sans-serif;
   font-style: italic;
   color: var(--blue);
}

.ot_btn-grp button {
   border-radius: 8px;
   width: 50%;
    height: 40px;
   border: 1px solid var(--blue);
   border-radius: 8px;
   text-align: center;
   color: var(--blue);
   padding: 9px 5px;
   cursor: pointer;
   color: var(--blue);
   background-color: transparent;
   text-decoration: none;
   font-size: 15px;
   margin-right: 6px;
   font-family: "Josefin Sans","Open Sans", sans-serif;
}

.ot_btn-grp .active {
   width: 50%;
   background-color: #6F6F6F;
   border: 1px solid #6F6F6F;
   margin-right: 10px;
   color: var(--white) !important;
}

.ot_btn-grp .rc_com-btn {
   background-color: transparent;
   /* width: 60%; */
}

.ot_btn-grp .rc_com-btn:hover {
   color: var(--blue);
}

.ot_btn-grp {
   margin-top: 10px;
   position: relative;
}

.gc_amount-note {
   font-size: 12px;
   color: var(--blue);
   font-family: "Fira Sans","Roboto", sans-serif;
   display: block;
}

.gc_select-amount-btn {
   display: flex;
   gap: 15px;
   align-items: center;
}
.gc_sa-btn.active{
   background-color: var(--blue);
   
}
.gc_sa-btn.active .bcp_value{
   color: var(--white) !important;
}
.gc_sa-btn {
   height: 40px;
   border: 1px solid #0021476E;
   flex: 1;
   border-radius: 8px;
   background-color: transparent;
}

.gc_select-amount-btn {
   margin-bottom: 13px;
}

.gc_sa-btn .bcp_value {
   margin: 0;
   color: var(--blue) !important;
}

.gc_sa-btn .bcp_value::after {
   display: none;
}

.gc_sa-btn .bag_con-prise-lable {
   justify-content: center;
   font-size: 17px;
   padding: 10px;
}

.gc_sa-btn .bag_con-prise-lable .bcp_name {
   font-size: 10px;
}

.gc_form-grid .rc_com-btn {
   background-color: transparent;
   width: 100%;
}

.fotter_rc_com-btn .rc_com-btn:hover {
   color: var(--blue);
}

.gc_form-grid textarea {
   width: 100%;
   padding: 10px 14px;
   border-radius: 8px;
   border: 1px solid #0021476E;
   background-color: transparent;
   font-size: 15px;
   font-family: "Fira Sans","Roboto", sans-serif;
   font-style: italic;
   color: var(--blue);
   height: 113px;

}

.gc_form-grid textarea:focus-visible,
.gc_form-grid .gc_con-input:focus-visible {
   border: 1px solid var(--blue);
}

.gc_form-grid textarea::placeholder {
   font-size: 15px;
   font-family: "Fira Sans","Roboto", sans-serif;
   font-style: italic;
   color: var(--blue);
}

.balance_bar {
   border-radius: 8px;
   border: 1px solid #0021476E;
   padding: 10px 14px;
   height: 40px;
}

.balance_bar .bcp_value::after {
   display: none;
}

.balance_bar .bcp_value {
   color: var(--blue) !important;
}

.gc_history-wrap .tr_btn {
   width: 216px;
   border-radius: 30px;
   background-color: var(--blue);
}

.gc_history-wrap #button-1 .knob:before {
   content: 'PURCHASED';
   background-color: var(--white);
   color: var(--blue);
   width: 50%;
   border-radius: 30px;
   height: 23px;
   /* margin: 4px; */
   font-weight: 500;
   margin:  3px;
   padding: 7px;
   font-size: 11px;
   border-radius: 30px;
   font-family: "Josefin Sans","Open Sans", sans-serif;
}

.gc_history-wrap .tag_bar span {
   color: var(--white);
   font-family: "Josefin Sans","Open Sans", sans-serif;
   width: 50%;
   font-weight: 300;
   font-size: 11px;
}

.gc_history-wrap .tag_bar {
   top: 1px;
}

.gc_history-wrap .tag_bar span:nth-child(1) {
   width: 50%;
}

.gc_history-wrap #button-1 .checkbox:checked+.knob:before {
   content: 'RECEIVED';
   left: 47%;
   width: 50%;
   background-color: var(--white);
}

.gc_history-wrap #button-1 .checkbox:checked~.btn-bg {
   background-color: var(--blue);
}

.gc_history-table .toggle-button {
   margin: 40px 0 10px;
}

.gc_history-table {
   border-radius: 8px;
   border: 1px solid #0021476E;
}

.gc_ht-head {
   display: flex;
}

.gc_ht-lable ,
.gc_table-scroll .table thead tr td{
   color: var(--blue);
   text-transform: uppercase;
   font-size: 13px;
   font-family: "Josefin Sans","Open Sans", sans-serif;
}
.gc_table-scroll .table thead tr,
.gc_table-scroll .table tbody tr{
   vertical-align: middle;
}
.gc_table-scroll .table tbody tr{
     border-bottom: 1px solid var(--blue);
     min-height: 36px;
}
.gc_table-scroll .table tbody tr:nth-child(odd){
   background-color: #081C332E;
}
.gc_table-scroll .table tbody tr:nth-last-child(1){
   border-bottom: #0021476E;
}
.gc_table-scroll .table thead{
   border-bottom: 1px solid var(--blue);
}
.gc_table-scroll {
  width: 100%;
    border: 1px solid #0021476E; 
  overflow-x: auto;                  /* enable horizontal scroll */
  -webkit-overflow-scrolling: touch; /* smooth on iOS */
  border-radius: 8px 8px 25px 25px;  
  border-bottom: 0;
}


.gc_table-scroll table {
  min-width: 1000px;    /* table won't shrink smaller */
  width: 100%;   
     /* but will respect container */
  border-collapse: collapse;
  margin: 0;
 
}


.gc_ht-lable,
.gc_ht-text {
   min-width: 200px
}

.gc_ht-text,
.gc_table-scroll .table tbody tr td {
   color: var(--blue);
   font-family: "Fira Sans","Roboto", sans-serif;
   font-size: 13px;
   /* line-height: 15px; */
}

.gc_ht-head {
   padding: 9px 20px 7px;
   border-bottom: 1px solid var(--blue);
}

.gc_ht-bar {
   display: flex;
   cursor: pointer;
   padding: 9px 20px 7px;
   border-bottom: 1px solid var(--blue);
}

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

.gc_ht-bar:nth-child(odd) {
   background-color: #081C332E;
}

.gc_history-table-wrap {

width: 100%;                  /* take full screen width */
  overflow-x: auto;              /* enable horizontal scroll */
  -webkit-overflow-scrolling: touch; /* smooth scroll on iOS */
}

.gc_history-table {
 display: inline-block;         /* shrink to fit */
  min-width: 1000px;             /* force wider than small screens */
  white-space: nowrap;           /* prevent text wrapping */
}

.carousel-indicators button.thumbnail {
   min-width: 97px;
   /* min-width: 7%; */
   height: auto;
}

.no_img-slider-wrap {
   height: 100vh;
   min-height: 100vh;
}

.no_img-slider-lable {
   width: 100%;
   display: block;
   font-family: "Josefin Sans","Open Sans", sans-serif;
   color: var(--blue);
   font-size: 24px;
   text-align: center;
   margin: auto;
}

.carousel-indicators button.thumbnail:not(.active) {
   opacity: 0.7;
}

.carousel-indicators {
position: fixed;
    height: 176px;
    bottom: 0;
    overflow: auto;
    margin: 0 !important;
    background-color: #FFFFFF7A;
}

@media screen and (min-width: 992px) {
   .carousel {
      /* max-width: 70%; */
      margin: 0 auto;
   }
}
.img_ze-big{
 
      align-items: start !important;
   justify-content: start !important;
}
.img_ze-big .carousel-control-next, .img_ze-big .carousel-control-prev{
    max-height:80vh;
   min-height:80vh;
}
.img_ze-big .carousel-indicators{
   height: 10vh;
}
.img_ze-big .carousel-inner{
   /* max-height:80vh;
   min-height:80vh; */
   height: 100vh;
   align-items: start;
   justify-content: start;
}
.carousel-inner {
   /* max-height: 85vh;
   min-height: 85vh; */
   height: 100vh;
   overflow-y: auto;
   /* padding: 23px 19px ; */
}

.carousel-control-next,
.carousel-control-prev {
   min-height: 85vh;
   height: 85vh;
   display: none;
}

.close_zoom {
   position: fixed;
    background-color: transparent;
    border: none;
    top: 36px;
    z-index: 999;
    right: 50px;
    width: 18px;
    cursor: pointer;
   
}
.thumb_wrap {
  transition: all 0.3s ease;
}

.thumb_wrap.is-sticky {
  bottom: 60px;  /* moves it up when sticky */
  background: rgba(255, 255, 255, 0.9);
}


.carousel-item {
   height: 85vh;

}
.img_zoom-effect{
   position: absolute;
   scroll-behavior: smooth;
   background-color: var(--white);
   width: 100%;
   height: 100vh;
   overflow: auto;
   padding: 23px 18px;
   z-index: 1050;
}
.img_zoom-effect::-webkit-scrollbar{
   width: 1px !important;
}
.thumb_bar::-webkit-scrollbar{
   width: 1px !important;
   height: 0px !important;
}
.thumb_wrap{
    display: flex;
    position: fixed;
    bottom: 23px;
    left: 0;
    background: #FFFFFF7A;
    height: 176px;
    width: 100%;
    padding: 14px 0;
    justify-content: center;
    transition: all 0.3s;
}
.thumb_bar{
   display: flex;
   justify-content: center;
   overflow: auto;
}
.thumb_wrap.collapsed{
   bottom: -145px;
    transition: all 0.3s;
}
.thumb_wrap .thumb_wrap-toggle{
       text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1);
    position: absolute;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    line-height: 21px;
    color: var(--white);
    transform: translateX(-50%) !important;
    left: 50%;
    top: -31px;
    border: none;
    background-color: transparent;
}
.thumb_wrap.collapsed::before{
   content: '';
   position: absolute;
   top: 0;
   transform: translateX(-50%)!important;
   left: 50%;
   top: -15px;
   width: 14px;
    height: 12px;
       border-bottom: solid 16px var(--white);
    border-left: solid 8px transparent;
    border-right: solid 8px transparent;
}
.thumb_wrap.collapsed .thumb_wrap-toggle{
top: -42px;
}
.thumb_wrap.collapsed a{
   opacity: 0;
}
.thumb_wrap.collapsed::after{
   display: none;
}
.thumb_wrap::after{
   content: '';
   position: absolute;
   top: 0;
   transform: translateX(-50%)!important;
   left: 50%;
   top: 0;
    width: 14px;
    height: 12px;
    border-top: solid 14px var(--white);
    border-left: solid 8px transparent;
    border-right: solid 8px transparent;
}
.thumb_wrap a{
   width: 97px;
   height: 148px;
   margin: 0 8.5px;
}
.thumb_wrap a img{
   height: 100%;
    object-fit: cover;
    object-position: top;
}
/* .img_zoom-effect {
   background-color: var(--white);
   position: fixed;
   z-index: 1050;
 
   inset: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   overflow: hidden;
   width: 100%;
   height: 100vh;
   min-height: 100vh;

} */

.img_zoom-effect .carousel {
   width: 100%;
}

/* html, body { overscroll-behavior: none; } */

.carousel-indicators [data-bs-target] {
   border-bottom: unset;
   /* width: unset; */
   width: 97px !important;
   margin: 14px 8.5px !important;
}

.carousel-indicators img {
   object-fit: cover;
   width: fit-content;
   height: -webkit-fill-available;
   object-position: top;
}
.size_chart-wrap{
   padding: 76px 56px 40px;
}

.size_chart-wrap .con_head-lable {
    margin-bottom: 31px;
}

.cookie-popup{
  position: fixed;
    bottom: 10px;
    left: 10px;
    right: 10px;
    width: fit-content;
    padding: 10px;
    background-color: var(--white);
    display: flex;
    align-items: center;
    box-shadow: 0 3px 10px;
}
.cookie-popup .cookie_text{
   color: var(--blue);
    font-family: "Josefin Sans","Open Sans", sans-serif;
    font-size: 12px;
    margin: 0;
}
.cookie-popup .com_btn{
   background-color: var(--blue);
   font-size: 12px;
   border: 1px solid var(--blue);
       padding: 5px 10px;
       height: 25px !important;
       margin-left: 10px;
}