@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/* Show dropdown on hover */

@font-face {
  font-family: 'centurygothic';
  src: url('../web/fonts/centurygothic.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.home_accordian {
    width: 100%;
    max-width: 70%;
    margin: 30px auto;
}

.home_accordian .accordion-button::after {
    transition: transform 0.3s;
    transform: rotate(181deg);
    content: "\f078"; /* Font Awesome down arrow */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    transition: transform 0.3s;
    background-image: none;
}

.home_accordian .accordion-button:not(.collapsed)::after {
    transform: rotate(356deg);
}

.home_accordian .accordion-button[aria-expanded="false"] {
    background: #fff!important;
    color: #000!important;
}

body .home_accordian .accordion-button[aria-expanded="true"] {
    background-color: #8bc34a42 !important;
    color: #000!important;
}

.home_accordian .accordion-button:not(.collapsed){
   background-color:#fff!important;
   color: #000!important;
}

.home_accordian .accordion-button:focus{
    box-shadow: unset;
}

.anniversary_gift a:hover {
    text-decoration: underline;
}

svg.custom_paint_svg {
    margin-right: 5px;
}

svg.diyexpress_svg {
    margin-right: 5px;
}

.three_destently .thankspage .inbox .bluebtn:active {
    background: #85B726;
}

.three_destently .thankspage .inbox btn-custom:active {
    background: #85B726;
}

.anniversary_gift ul li {
    margin-bottom: 10px;
}

.anniversary_gift a {
    color: #27abbc;
    font-weight: 400;
}

.anniversary_gift p {
    margin: 10px 0px;
}

.trand_inner ul li a:hover {
    color: #27abbc;
}

.OCCASION .card_dropdown_0 .text-card {
    width: 100%;
}

.included_selection_items .tab-slider #tabSteps li button {
    min-width: 290px;
}

.included_selection_items .included_selection .tab-slider #tabSteps li {
    margin: 0px 8px;
}

.tab-slider ul#tabSteps li.nav-item {
    margin-right: 10px;
}

p.orab {
    width: 50px;
    height: 50px;
    background: #96c55a;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: bold;
    border-radius: 50px;
    position: absolute;
    right: -27px;
    top: 50%;
}

.white-outerglow-txt {
  color: #000000;
  text-shadow:
    0 0 6px rgba(255, 255, 255, 0.9),
    0 0 9px rgba(255, 255, 255, 0.7),
    0 0 12px rgba(255, 255, 255, 0.5),
    0 0 15px rgba(255, 255, 255, 0.3);
}

.black-outerglow-txt {
  color: #ffffff; 
  text-shadow:
    0 0 6px rgba(0, 0, 0, 0.9),
    0 0 9px rgba(0, 0, 0, 0.7),
    0 0 12px rgba(0, 0, 0, 0.5),
    0 0 15px rgba(0, 0, 0, 0.3);
}

ul.winelist {
    list-style-type: auto;
}

.forget_div h3 sub a:hover {
    text-decoration: underline;
}

.forget_div h3 sub a {
    color: #8BC34A!important;
}

span.or {
    font-size: 17px;
}

.guest_login_div h3 a:hover, .guest_login_register h3 a:hover{
    text-decoration: underline;
}

.waiting_delivery_date {
    cursor: wait !important;
    pointer-events: none !important;
    opacity: 0.6; /* optional */
}

.guest_login_div h3 a,.guest_login_register h3 a {
    font-size: 16px;
    color: #8BC34A!important;
    letter-spacing: 0px;
}

.guest_login_div, .guest_login_register {
    width: 80%;
    margin: 0px auto;
}

.page_ln {
    width: 80%;
    margin: 0px auto;
}

.new_design_hder .hd_logo img {
    width: 100%;
    max-width: 218px;
    height: 80px;
}


.brownbtn{
    background: #4A2F0A;
    font-size: 20px;
    font-family: "Montserrat", sans-serif;
    color: #fff!important;
    border-radius: 6px;
    height:auto;
    font-weight: 700;
}
 
 
.brownbtn:hover{
    background: #F4FD0B;
}
 
.brownbtn{
    /*font-size: 15px;
    height: 47px;
    color: #fff;*/
}



.ltbluebtn{
    background: #93CDD5;
    font-size: 20px;
    font-family: "Montserrat", sans-serif;
    color: #000!important;
    border-radius: 6px;
    height: 57px;
    font-weight: 700;
}
 
 
.ltbluebtn:hover{
    background: #F4FD0B;
}
 
.ltbluebtn{
    /*font-size: 15px;
    height: 47px;
    color: #fff;*/
}


.whitebtnbg{
    background: #ffffff;
    font-size: 20px;
    font-family: "Montserrat", sans-serif;
    color: #000!important;
    border-radius: 6px;
    height: 57px;
    font-weight: 700;
}

 
.whitebtnbg:hover{
    background: #F4FD0B;
}
 
.whitebtnbg{
    /*font-size: 15px;
    height: 47px;
    color: #fff;*/
}


.redbtn{
    background: #ff0000;
    font-size: 20px;
    font-family: "Montserrat", sans-serif;
    color: #fff!important;
    border-radius: 6px;
    height: 57px;
    font-weight: 700;
}
 
 
.redbtn:hover{
    background: #F4FD0B;
}
 
.redbtn{
    /*font-size: 15px;
    height: 47px;
    color: #fff;*/
}

.burgundybtn{
    background: #841c1c;
    font-size: 20px;
    font-family: "Montserrat", sans-serif;
    color: #fff!important;
    border-radius: 6px;
    height: 57px;
    font-weight: 700;
}
 
 
.burgundybtn:hover{
    background: #F4FD0B;
}
 
.burgundybtn{
    /*font-size: 15px;
    height: 47px;
    color: #fff;*/
}


.blackbtn{
    background: #000000;
    font-size: 20px;
    font-family: "Montserrat", sans-serif;
    color: #fff!important;
    border-radius: 6px;
    height: 57px;
    font-weight: 700;
}
 
 
.blackbtn:hover{
    background: #000000;
}
 
.blackbtn{
    /*font-size: 15px;
    height: 47px;
    color: #fff;*/
}


.cartbtn:hover{
    background: #A1001A!important;
    border-color: #A1001A!important;
}


.fcustmize tr td {
    width: 50%;
}

.dekivery_listing {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.modal-dialog-centered img#product_image {
    width: 250px;
    height: auto;
}

.fcustmize{
    width: 100%;
}

table.fcustmize tr td ul li {
    text-align: left;
}

ul.leftlisting {
    text-align: left;
}

table.ccg tr td img {
    width: 300px;
    height: auto;
}

button.next-btn.customize_add_to_cart {
    background: #A1001A;
    border-color: #A1001A;
    width: 350px;
    height: 60px;
}

button.next-btn.customize_add_to_cart:hover {
    background: #A1001A!important;
    border-color: #A1001A!important;
}

.cart_item_div > .row {
    display: flex;
    align-items: center;
}

#navbarMegaMenu .grid_cloumn_count_2 .grid_column_2
 {
    width: 50%;
    text-align: left;
  }

#navbarMegaMenu .grid_cloumn_count_2 .grid_column_1 {
        width: 50%;
        text-align: left;
    }


.grid_cloumn_count_3 .grid_column_1,
.grid_cloumn_count_3 .grid_column_2,
.grid_cloumn_count_3 .grid_column_3{
    width: 33.33%;
}

.billing_button_div {
    text-align: right;
}

.billing_button_div button.green-button {
    background: #A1001A!important;
    border-color: #A1001A!important;
    font-weight: bold;
}

.billing_button_div button.green-button:focus-visible{
    background: #A1001A!important;
    border-color: #A1001A;
    font-weight: bold;
}

.inc_deli_btn {
    text-align: right;
}

body .inc_delivery.btn-confirm{
    background-color: #A1001A;
    color: #fff;
    font-weight: bold;
    width: 100% !important;
    max-width: 250px;
}

body .inc_delivery.btn-confirm:hover {
    background-color: #A1001A;
}


.dropdown-menu .row .col-md-4:last-child {
    border-right: none;
}


.boxinner.userss ul.userdwon li a {
    align-items: center;
    justify-content: flex-start;
}

.restele_height label {
    min-height: 36px;
}

.wow .rightbig h5 {
    font-size: 16px;
}

.wow .leftbig h3 {
    font-size: 25px;
}

.boxinner.userss .dropdown-item.active, .boxinner.userss .dropdown-item:active{
    background-color: #8BC34A;
}

.carts img {
    height: 24px;
}

.boxinner.userss > a {
    padding: 11px 0px;
}

.boxinner.userss ul.userdwon{
    top:40px;
    right: 0;
    min-width: 260px;
}

h2.swal2-title {
    font-size:24px;
}

li.profile_user {
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px !important;
    padding: 10px 5px;
    line-height: 19px;
    background: #8bc34a4d;
}


body{
    font-family: "Montserrat", sans-serif;
    background-image: url('../images/snowflakes.gif');
}

.playball{
    font-family: "Playfair Display", serif;
}

.monister{
    font-family: "Montserrat", sans-serif;
}

.mega-hover:hover .dropdown-menu {
    display: block;
    left: 0;
}

.col-md-2-4 {
    width: 100%;
    max-width: 20%;
}

section.menu {
    background-color: #93cdd5;
    /*padding: 11px 0px;*/
}

ul.navbar-nav li > ul li a {
    color: #000;
    font-size: 15px;
    font-weight: 500;
}

.menu .menu-grid a {
    align-self: flex-start; /* Stop stretching full width */
    display: inline-block;  /* Only as wide as the text */
    width: auto;            /* Ignore parent's width */
    padding: 0px 5px;
    font-size: 15px !important;
    color: #000 !important;
    font-weight: 500 !important;
}

.Specials .imagebox {
    height: auto;
    border:0px;
}

.menu .dropdown-menu .row .col-md-4,.menu .dropdown-menu .row .col-md-3,
.dropdown-menu .row .col-md-6,.dropdown-menu .row .col-md-2-4 {
    position: relative!important;
}

.menu .dropdown-menu .row .col-md-6:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    background: #e6e6e6;
    top: 0;
    right: 0;
}

.menu .dropdown-menu .row .col-md-4:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    background: #e6e6e6;
    top: 0;
    right: 0;
}

.menu .dropdown-menu .row .col-md-3:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    background: #e6e6e6;
    top: 0;
    right: 0;
}

.menu .dropdown-menu .row .col-md-2-4:after{
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    background: #e6e6e6;
    top: 0;
    right: 0;

} 

.menu .dropdown-menu .row .col-md-2-4:last-child:after{
    display:none;
}


.menu .dropdown-menu .row .col-md-3:last-child:after{
    display:none ;
}

.menu .dropdown-menu .row .col-md-6:last-child:after{
    display:none ;
}

.menu .dropdown-menu .row .col-md-4:last-child:after{
    display:none ;
}

.menu .mega-hover .dropdown-menu a:hover{
    background-color:#fff;
}

.menu ul.navbar-nav > li:hover > a:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background: #000;
    /*background: #8BC34A;*/
    bottom: 6px;
}

.menu ul.navbar-nav > li:hover > a {
    /*border-bottom: 2px solid #000!important;*/
    position: relative;
}

.menu ul.navbar-nav > li.dropdown > a {
    border-bottom: 2px solid transparent;
}

.menu ul.navbar-nav > li.nav-item > a {
    min-height: 50px;
    cursor: pointer;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px;
    display: flex;
    flex-direction: row;
    justify-content:center;
    align-items: center;
}

.box .boxinner a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.blacklight{
    color: #3B3B3B;
}

.blacksmoth{
   color: #3D3D3D;
}

.red{
    color: red/*#F36021;*/
}

.black{
    color: #000;
}

.sky{
   color:#36AEC6;
}

.black-d{
    color:#333333;
}

.ocian-gray{
  color:#535353;
}

.text-g{
color: #555555;
}

.text-white{
    color:#fff;
}

.green-text{
 color:#85B726;
}

.stepgray{
  background:#F0F0F0;
  padding: 10px 0px!important;
}

.lightgreen{
    background: #D5F0C0;
}

.darkgreen{
   background: #8BC34A;
}

.graybg{
  background: #F2F2F2;
}

/*font size css*/

.fsize-50{
  font-size:50px;
}

.fsize-30{
  font-size:30px!important;
}

.fsize-18{
  font-size: 18px!important;
}

.fsize-16{
  font-size: 16px!important;
}

.new_blue{
    color:#203043;
}

.new_gn{
 color:#739D30;
}

.new_ck{
   color: #3B4847;
}

h1{
    font-size:44px;
}

h2{
    font-size:40px;
}

h3{
   font-size: 1.75rem;
   /*36*/
}

h4{
    font-size: 1.2rem!important;
      /* 24 */
}

h5{
    font-size: 20px; 
}
h6{
    font-size: 18px;
}

p,.p{
    font-size: 16px;
    margin-bottom: 0px;
}

.fw-700{
    font-weight: 700;
}

.fw-600{
    font-weight: 600;
}

.fw-500{
    font-weight: 500;
}

.fw-400{
    font-weight: 400;
}

.fw-300{
    font-weight: 300;
}

.fw-200{
    font-weight: 200;
}

.fw-100{
    font-weight: 100;
}

.p2{
    font-size: 15px;
}

.p3{
    font-size: 14px;
}

.p4{
    font-size: 13px;
}

.lightblack{
    color: #3B3B3B;
}

.black-new{
  color: #150808;  
}


.w-full{
    width: 100%;
}

.form-control:focus{
    box-shadow: unset;
    border:1px solid #B4B4B4;
}

/*end*/

img{
    max-width: 100%;
}

a{
    text-decoration: none;
}

a:hover{
    text-decoration: none;
}

button{
    cursor: pointer;
}

.greenbtn{
    background: #85B726;
    font-size: 20px;
    font-family: "Montserrat", sans-serif;
    color: #fff!important;
    border-radius: 6px;
    height: 57px;
    font-weight: 700;
}

.planbtn{
    font-size: 14px;
    font-weight: 500;
    background: transparent;
    font-family: "Montserrat", sans-serif;
    color: #000;
    border: 0px;
    outline: 0px;
    box-shadow: 0px;
}

.greenmodal{
    background: #91C30C;
    color: #fff;
    font-size: 13px;
    font-family: "Montserrat", sans-serif;
    height: 29px;
    width: 100%;
    max-width: 100px;
    border-radius: 4px;
    border:0px;
    cursor: pointer;
    border: 1px solid #91C30C;
}

.greensmall{
    background: #EAF4D1;
    font-size: 13px;
    font-family: "Montserrat", sans-serif;
    height: 29px;
    width: 100%;
    max-width: 100px;
    border-radius: 4px;
    border:0px;
    cursor: pointer;
    border: 1px solid #91C30C;
    color: #3B4847;
}

.greensmall:hover {
    background: #91C30C;
    color: #fff;
}

.bigbtn{
   width: 100%;
   max-width: 381px;
}

.whitebtn{
   box-shadow: 0px 0px 6px 0px #00000040;
   border-radius: 4px;
   background: #fff;
   color: #000;
   height: 41px;

}

.whitebtn:hover{
    background:#fff!important;
}

.greenbtn:hover{
    background: #85B726;
}

.green-button:active {
    color: #fff !important;
    background: #739D2F !important;
}

.green-button:focus-visible {
    color: #fff !important;
    background: #739D2F !important;
}

.btn:hover{
    background: #85B726;
}

.btn:first-child:active{
     background: #85B726;
     border-color:#85B726;
     color: #fff!important;
}

.banner-image {
    background-image: url('../web/images/banner.png');
    background-size: cover;
    background-repeat: no-repeat;
    height: 491px;
    background-position: top center;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0px 7%;
}

.banner_ltblue {
    color: #93CDD5;
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing:0px;
    font-size: 77px;
    font-style: italic;
}

.banner_burgundy {
    color: #841c1c;
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing:0px;
    font-size: 70px;
    font-style: italic;
}

.banner_red {
    color: #ff0000;
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing:0px;
    font-size: 77px;
    font-style: italic;
}

.banner_black {
    color: #000000;
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing:0px;
    font-size: 77px;
    font-style: italic;
}

.banner_white {
    color: #ffffff;
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing:0px;
    font-size: 70px;
    font-style: italic;
}

.xwhite-overlay {
  position: absolute;
  top: 20%; /* adjust placement */
  left: 50%;
  transform: translate(-50%, -50%); 
  background: rgba(255, 255, 255, 0.85); /* 85% white with transparency */
  padding: 20px 40px;
  border-radius: 10px; 
  box-shadow: 0 2px 6px rgba(0,0,0,0.2); 
}


.white-overlay {
 /* position: absolute;
  top: 25%;
  left: 50%;
  transform: translate(-50%, -50%);*/
  background: rgba(255, 255, 255, 0.85);
  padding: 20px 40px; /* spacing around the text */
  border-radius: 8px;
  display: inline-block; /* ensures the box wraps tight to content */
  box-shadow: 0 4px 12px rgba(0,0,0,0.25);
}


span.bannrt_perfect {
    letter-spacing: 0px;
    color: #85B726;
    font-weight: 700;
    font-style: italic;
}


.section_pd{
    padding: 40px 0px;
}

section.second_top {
    height: auto;
    padding: 10px 0px;
    border-bottom: 1px solid #E2E2E2
}

.second_top .row {
    align-items: center;
}

.w-195{
    width: 195px;
}

.searchbar {
    height: 45px;
    padding: 0px 0px;
    display: grid;
    grid-template-columns: 85% 15%;
    gap:0px;
}

input.searchfiled::placeholder{
    font-size: 14px;
    color: #000;
    font-weight: 400;
    font-family: "Montserrat", sans-serif;
}

input.searchfiled {
    border: 0px;
    outline: 0px;
    background: transparent;
    width: 93%;
    height: 45px;
    padding: 3px 0px;
}

.box .boxinner:last-child {
    margin-right: 0px;
}

button.seahaction {
    border: 0px;
    outline: 0px;
    background: #8BC34A;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 0px 4px 4px 0px;
}

input.searchfiled {
    border: 0px;
    outline: 0px;
    background: transparent;
    width: 100%;
    padding: 3px 10px;
    border: 1px solid #B4B4B4;
    border-radius: 4px 0px 0px 4px;
    width: 100%;
    border-right: 0px;
    background-image: url(../web/images/sarch.svg);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: 2% 51%;
    text-indent: 20px;
}

.box {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    text-align: center;
}

a#viewCartDropdown {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.box .boxinner {
    margin: 0px 0px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.boxinner {
    position: relative;
    text-align: center;
    cursor: pointer;
}

.boxinner img {
    display: block;
    /*margin: 0 auto 4px;*/
}

.boxinner p {
    font-size: 15px;
    margin-left: 10px;
}

.boxinner .dropdown-menu {
    min-width: 350px;
}

.boxinner .dropdown-item {
    font-size: 14px;
}

ul.navbar-nav li a {
    color: #434242;
    font-size: 16px;
    font-weight: 600;
    /*font-family: 'centurygothic';*/
    text-transform: capitalize;
    /*text-transform: uppercase;
    font-family: "Montserrat", sans-serif;*/
    /*letter-spacing: 0.64px;*/
    letter-spacing: 0px;
    transition: all 0.3s ease;
    text-shadow: none;
    text-align: left;
}

ul.navbar-nav > li > a{
  text-align: center;
}

.menu .dropdown-toggle{
    white-space: wrap!important;
}

.menu .dropdown-toggle::after {
    display: inline;
    vertical-align: -0.745em;
 }

nav.navbar {
    border-bottom: 1px solid #86ced4;
}

ul.navbar-nav li.nav-item.dropdown{
    position: unset;
}

.menu-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;
}

ul.submenu li a {
    text-transform: capitalize;
    font-size: 14px;
    line-height: 15px;
}

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

ul.submenu li {
    line-height: 24px;
}

ul.navbar-nav li.nav-item.dropdown .dropdown-menu{
    background: #fff; /*#EBEBEB;*/
    border: 0px;
    padding: 30px 0px;
}

#viewCartDropdown p {
    margin-right: 10px;
    margin-left: 0px;
}

p.count {
    width: 20px;
    height: 20px;
    background: #82c356;
    color: #fff;
    border-radius: 50px;
    font-size: 10px;
    position: absolute;
    left: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    top: -10px;
}

h2 {
    color: #343a40;
    margin-bottom: 10px;
}

.top-section {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 30px;
    padding: 0 15px;
}

.top-section .left-content {
    display: flex;
    flex-direction: column;
}

.btn-view-all {
    background-color: #fff;
    color: #333;
    border-radius: 8px;
    box-shadow: 0px 0px 6px 0px #00000040;
    padding: 8px 20px;
    font-weight: 500;
    transition: all 0.3s ease;
}

input.search_ft {
    background: transparent;
    outline: 0px;
    box-shadow: unset;
    border: 0px;
    width: 290px;
    text-indent: 30px;
    color: #fff;
}

button.ft-btn:hover {
    color: #fff;
}

.banner-image h2 {
    font-size: 47px;
    margin: 0px;
}

.banner-image h2.perfect_text {
    font-size: 39px;
}

.three_destently h3 span {
    font-size: 28px;
    font-weight: normal;
}

.gift-slider {
  margin: 40px auto;
  overflow: hidden;
}

.gift-card {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

.gift-content {
  background-color: #fff;
  padding: 20px 0px;
  text-align: center;
}

.gift-content h5 {
  font-weight: bold;
  margin-bottom: 10px;
}

.gift-content a {
  text-decoration: none;
}

.gift-image img {
    width: 100%;
}

.banner_ribbin {
    align-items: center;
    justify-content: center;
}

 .occasion-slider img {
    width: 100%;
    max-width: 290px;
    margin: 0 auto;
}

.occasion-slider div {
    text-align: center;
}

.wowshadow {
    box-shadow: 0px 4px 6px 0px #0000001A;
}

.leftbig .cf {
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;
    height: 100%;
    padding-bottom:20px;
}

.inner-cf {
    background:  #ffffffcc;
    border-radius: 13px;
    padding: 15px 40px;
}

.inner-cf h3 {
    color: #000;
    margin-bottom:0px;
}

.inner-cf h5 {
    margin-bottom: 0px;
}

.leftbig img {
    height: 583px;
    object-fit: fill;
}

.rightbig img {
    height: 220px;
    width: 220px;
    object-fit: cover;
}

.cs-border {
    border: 2px solid #D3D3D3;
    align-items: center;
    justify-content: center;
    display: flex;
}

.cs-border img {
    object-fit: contain;
    width: 100%;
    min-height: 326px;
    height: 326px;
}

.testimonial-text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4; /* Show only 3 lines */
    -webkit-box-orient: vertical;
  }

  .testimonial-text.expanded {
    -webkit-line-clamp: unset;
  }

 .testimonial-box {
  background: #fff;
  border: 1px solid #eee;
  padding: 20px;
  margin: 10px;
  border-radius: 8px;
  min-height: 200px;
}

.testimonial-box{
    box-shadow: 0px 0px 5px 0px #00000040;
    padding: 30px;
    border-radius: 10px;
}

section.bread {
    box-shadow: 6px 2px 4px 0px #0000001A;
}

.breadcrumb-container {
      padding: 0.75rem 1rem;
      background-color: #fff;
    }

    .breadcrumb {
      margin-bottom: 0;
      font-size: 14px;
    }

    .breadcrumb-item + .breadcrumb-item::before {
      content: '>';
      color: #3B4847;
      padding: 0 0.5rem;
    }

    .breadcrumb a {
      text-decoration: none;
      color: #3B4847;
    }

    .breadcrumb-item.active {
      font-weight: bold;
      color: #3B4847;
    }


  /*step css*/
  
  .step-container {
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: relative;
      flex-wrap: wrap;
      width: 100%;
      max-width: 924px;
      margin: 0px auto;
    }

    .step {
      position: relative;
      flex: 1;
      text-align: center;
      min-width: 100px;
    }

    .circle {
      width: 24px;
      height: 24px;
      border-radius: 50%;
      background-color: #fff;
      border: 3px solid #ccc;
      margin: 0 auto;
      z-index: 2;
      position: relative;
    }

    .step-label {
        font-size: 14px;
        margin-top: 8px;
        color: #3B4847;
        font-weight: 600;
    }

    /* Step status */
    .completed .circle {
      background-color: #88b051;
      border-color: #88b051;
    }

    .processing .circle {
      background-color: #fff;
      border-color: #1ca3d7;
    }

    .default .circle {
      background-color: #fff;
      border-color: #ccc;
    }

    /* Connector lines before and after */
    .line-before,
    .line-after {
      content: "";
      position: absolute;
      top: 10px;
      height: 4px;
      width: 50%;
      z-index: 1;
      margin: 0px 0px;
    }

    .step.completed .line-before {
          background-color: #88b051;
      }

    .line-before {
      left: 0;
    }

    .line-after {
      right: 0;
    }

    .step.completed .line-after {
      background-color: #88b051;
    }

    .step.processing .line-before {
      background-color: #00a5d4;
    }

    .step.processing .line-after {
      background-color: #1ca3d7;
    }

    .step.default .line-after {
        background-color: #9F9F9F;
    }

    .step.default .line-before {
      background-color: #9F9F9F;
    }
  /*end*/ 

   .soft-alert {
      background-color:#FFE4E4;  /* soft pink */
      border-radius:4px;
      padding: 0.75rem 1rem;
    } 

/*checkbox select */

.select-checkbox {
    position: absolute;
    width: 100%;
    text-align: center;
    top: -15px;
    left: 0;
}

.basket-card:has(input[type="checkbox"]:checked) {
    border: 3px solid #9CC54F;
}

.basket-card:has(input[type="checkbox"]:checked) .imagebox {
    border-bottom: 3px solid #9CC54F;
}

/*.basket-card.selected .imagebox {
    border-bottom: 3px solid #9CC54F;
}*/

.imagebox.product img {
    height: 100%;
}

 /* Hide default checkbox */
    .select-checkbox input[type="checkbox"] {
      display: none;
    }

    /* Base pill style */
    .select-checkbox label {
      display: inline-flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.5rem;
      padding: 5px 10px;
      box-shadow: 0px 0px 4px 0px #00000040;
      border-radius: 50px;
      font-size: 0.85rem;
      font-weight: 500;
      color: #333;
      background: #fff;
      cursor: pointer;
      transition: 0.3s ease;
      min-width: 112px;
    }

    /* Circle icon on right */
    .select-checkbox label::after {
      content: "";
      width: 12px;
      height: 12px;
      border: 2px solid #999;
      border-radius: 50%;
      display: inline-block;
      transition: 0.3s ease;
    }

   
    /* When checked -> green background */
    .select-checkbox input[type="checkbox"]:checked + label {
      background: #8cc63f;
      color: white;
      border-color: #78b636;
      font-weight: bold;
    }

    .select-checkbox label span::before {
      content: "SELECT";
    }

    .select-checkbox input[type="checkbox"]:checked + label span::before {
      content: "SELECTED";
    }

    /* When checked -> green filled circle with checkmark */
    .select-checkbox input[type="checkbox"]:checked + label::after {
         background: #9CC54F;
        border: 3px solid #fff;
        box-shadow: 0 0 0 3px #9CC54F;
    }

    button.next-btn,.next-btn {
        background: #739D2F;
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        border-radius: 4px;
        border-color: #739D2F;
    }

    a.back_top,button.back_top {
        background: #4a4949;
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        border-radius: 4px;
        padding: 6px 20px;
    }

    button.back_top:hover,button.back_top:active{
        color: #fff!important;
        background: #739D2F!important;
        border-color: #739D2F!important;
    }

    a.back_top:hover,a.back_top:active {
        color: #fff!important;
        background: #739D2F!important;
        border-color: #739D2F!important;
    }

    .next-btn:hover,.next-btn:active{
        color: #fff!important;
        background: #739D2F!important;
        border-color: #739D2F!important;
    }

    button.next-btn:hover,button.next-btn:active{
        color: #fff!important;
        background: #739D2F!important;
        border-color: #739D2F!important;
    }

    button.btn.back-btn {
        background: #F0F0F0;
        border-radius: 50px;
        font-size: 16px;
        font-weight: 700;
        color: #3B4847;
        border: 1px solid #C7C7C7;
        width: 100%;
        max-width: 103px;
        height: 40px;
    }

    p.custom_count {
        width: 25px;
        height: 25px;
        background: #C2E6EE;
        border-radius: 40px;
        color: #3AB5D0;
        font-size: 13px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 600;
    }

    .nav-pills .nav-link {
        border: 1px solid #3AB5D0;
        color: #1F1F1B;
        margin-right: 10px;
        border-radius: 50px;
        transition: all 0.3s ease;
        width: 100%;
        height: 47px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 16px;
        font-weight: 600;
    }

    .nav-pills .nav-link.active p.custom_count {
        background: #fff;
    }

    .nav-pills .nav-link.active {
      background-color: #3AB5D0;
      color: #fff;
    }

    .nav-pills .nav-link.complete {
      background-color: #28a745;
      color: #fff;
      border-color: #28a745;
    }

    .tab-content {
      margin-top: 20px;
    }

    .tab-slider .slick-slide {
        margin-right: 10px;
      }

 
  .custom_count {
    font-size: 12px;
    margin: 0;
  }

  .tab-slider .slick-slide {
    margin-right: 10px;
  }

  .custom_count {
    font-size: 11px;
    margin: 0;
    display: block;
  }

/*end*/

/* select radio grid */

   .basket-grid {
      display: grid;
      gap: 1.5rem;
      grid-template-columns: repeat(4, 1fr);
      margin-top: 2rem;
    }

    .imagebox {
        border-bottom: 1px solid #D9D9D9;
    }

    .basket-card {
        border: 1px solid #D9D9D9;
    }

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

    .select-radio label {
      display: inline-flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.5rem;
      padding: 5px 10px;
      box-shadow: 0px 0px 4px 0px #00000040;
      border-radius: 50px;
      font-size: 0.85rem;
      font-weight: 500;
      color: #333;
      background: #fff;
      cursor: pointer;
      transition: 0.3s ease;
      min-width: 112px;
      position: relative;
    }

    .select-radio label::after {
      content: "";
      width: 12px;
      height: 12px;
      border: 2px solid #999;
      border-radius: 50%;
      display: inline-block;
      transition: 0.3s ease;
    }

 
    .select-radio label span::before {
      content: "SELECT";
    }

    .select-radio input[type="radio"]:checked + label {
      background: #9CC54F;
      color: white;
      border-color: #9CC54F;
      font-weight: bold;
    }

  
    .select-radio input[type="radio"]:checked + label::after {
      background: #9CC54F;
      border: 3px solid #fff;
      box-shadow: 0 0 0 3px #9CC54F;
    }


    .textbox {
        position: relative;
    }

    .select-radio {
        position: absolute;
        width: 100%;
        text-align: center;
        top: -15px;
        left: 0;
    }

    .imagebox img {
        height: 180px;
    }

    .select-radio input[type="radio"]:checked + label span::before {
      content: "SELECTED";
    }

    .modal-footer{
        border: 0px;
        justify-content: center;
    }

   .modal-dialog.modal-small {
      max-width: 420px;
      width: 100%;
      margin:0px auto;
    }

    .modal-dialog-centered div#product_image_div {
        margin-bottom: 20px;
    }

    p.left_poptext {
        text-align: left;
    }

    section.how_it_work {
        box-shadow: 0px 2px 10px 0px #00000026;
    }

    .footer_logo img {
        width: 255px;
        height: 95px;
    }


/*end*/

.callback {
    width: 100%;
    max-width: 513px;
    margin: 0px auto;
    text-align: left;
    padding: 15px;
    margin-top: 50px;
    box-shadow: 0px 0px 4px 0px #00000040;
    border-radius: 5px;
    position: relative;
}

.callback img.toparrow {
    position: absolute;
    top: 15px;
    right: 16px;
    width: 13px;
    height: auto;
}

.theme-slider .slick-slide {
  padding: 10px 10px; 
}

.theme-slider .slick-list {
  margin: 10px -10px; 
}

.dshadow {
   /* box-shadow: 0px 4px 4px 0px #00000026;*/
    position: relative;
}

.three_destently .text-center h3 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

 button.slick-arrow {
    width: 35px;
    height: 35px;
    font-size: 0px;
    border-radius: 50px;
    border: 0px;
    z-index: 1;
    top: 20%;
    transform: translateY(50px);
    position: absolute;
}

.slick-prev::before,
.slick-next::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 20px;
  color: #000;
}

button.slick-next {
    right: 0;
}

button.slick-prev {
    left: 0;
}

.slick-prev::before {
  content: "\f104"; /* ← Left Arrow */
}

.slick-next::before {
  content: "\f105"; /* → Right Arrow */
}

button.slick-arrow:hover{
  background-color: #85B726;
}

button.slick-arrow:hover::before{
    color: #fff;
}

.product_title {
    padding: 0px 15%;
    min-height: 80px;
}

.tab-slider.addon_tab ul li button:hover,
.tab-slider.addon_tab ul li button.active {
    color: #fff;
    background: #739D2F;
    border-color: #739D2F;
}

.tab-slider.addon_tab ul li button.nav-link{
    justify-content: flex-start;
}

.tab-slider.addon_tab ul li button.nav-link img {
    margin-right: 10px;
}


.tab-slider.addon_tab ul li button img.hover {
    display: none;
}

.tab-slider.addon_tab ul li button:hover img.nonhover {
    display: none;
}


.tab-slider.addon_tab ul li button:hover img.hover {
    display: block;
}

.tab-slider.addon_tab ul li button.active img.hover {
    display: block;
}

.tab-slider.addon_tab ul li button.active img.nonhover {
    display: none;
}

.tab-slider.addon_tab ul li button:hover img.nonhover {
    display: none;
}

.textarea_inner textarea {
    border: 1px solid #C7C7C7;
    height: 116px;
    border-radius: 0px;
    margin-top: 10px;
}

.cart_text input.form-control {
    border: 1px solid #C7C7C7;
    border-radius: 0px;
    height: 48px;
}

.cart_text span {
    width: 100%;
    display: inline-block;
    text-align: right;
    padding: 5px 0px;
    font-size: 13px;
    font-weight: 400;
}

.custom-select-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-top:20px;
}

.custom-gradient-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: linear-gradient(0deg, #EBEBEB 0%, #FFFFFF 100%);
  padding: 0.5rem 1rem;
  padding-right: 2.5rem;
  color: #333;
  border: 1px solid transparent;
  border-image-slice: 1;
  border-image-source: linear-gradient(90deg, #BDBDBD 0%, #BDBDBD 100%);
  border-radius: 0px;
  font-weight: 500;
  height:48px
}

/* Arrow */
.custom-select-wrapper::after {
  content: '';
    position: absolute;
    right: 25px;
    top: 21%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 0.8rem;
    color: #555;
    width: 12px;
    height: 12px;
    background: transparent;
    border: 2px solid #3AB5D0;
    border-top: 0px;
    border-left: 0px;
    transform: rotate(43deg);
}

.greenbox {
    background: #EBFFDB;
    border-radius: 5px;
    width: 100%;
    max-width: 80%;
    margin: 8px auto;
    padding: 20px;
}

.filtergray{
    filter: grayscale(1);
}

.border-bt{
    border-bottom: 1px solid #EAEAEA;
}

.border-top{
    border-bottom: 1px solid #EAEAEA;
}

.border-left{
    border-right: 1px solid #EAEAEA;
}

.darkhara{
  background-color: #739D30;
}

.darkhara:hover{
    background-color: #739D30!important;
}

.themebtn{
   background-color: #739D30;
   border-radius: 4px;
   height: 48px;
   /*width: 100%;
   max-width: 98px;*/
    padding: 12px 20px;
}

i.heart {
    color: #D2D2D2;
    font-size: 20px;
}

.sgicon {
    margin-right: 10px;
}

ul.product-list li span.count {
    background: #8BC34A;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 50px;
    font-weight: bold;
    padding: 7px;
    color: #fff !important;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 11px;
}

ul.product-list li {
    display: flex;
    font-size: 15px;
    color: #3B4847;
    font-weight: 400;
    margin-bottom: 10px;
    position: relative;
    padding: 0px 20px;
    line-height: 20px;
    padding-right: 0px;
}

ul.product-list li i{
    margin-right: 10px;
    position: absolute;
    left: -5px;
    top: 4px;
    font-size: 18px;
    color: #9DC8D2;
}

button.edit-btn {
    border: 1px solid #C7C7C7;
    border-radius: 50px;
}

button.edit-btn:hover {
    border: 1px solid #C7C7C7;
}

.text-card {
    width: 70%;
}

.imk {
    width: 30%;
    position: absolute;
    top: -59px;
    right: 0;
    margin-bottom: 10px;
}

ul.product-list li span {
    color: #91C30C;
    margin-left: 6px;
}

.cartbtn:hover {
    color: #fff;
}

button.btn.cartbtn,.cartbtn {
    /*background: #739D2F;*/
    background: #A1001A;
    border-color: #A1001A;
    border-radius: 4px;
    width: 100%;
    /*max-width: 189px;*/
    width: 350px;
    height: 60px!important;
    /*height: 53px;*/
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.custom-tt {
    text-align: left;
}

.tab-slider .slick-track {
    /*width: 100% !important;*/
}

button.btn.minbtn {
    width: 36px;
    height: 36px;
    background: #739D30;
    border-radius: 50px;
    color: #fff;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}

button.btn.minbtn i {
    margin: 0px!important;
    font-weight: bold;
}

.basket-card > label {
    width: 100%;
}


.basket-card:has(input[type="radio"]:checked) {
    border: 3px solid #9CC54F;
}
 

.basket-card:has(input[type="radio"]:checked) .imagebox {
    border-bottom: 3px solid #9CC54F;
}

/*cart table*/

.blueborer{
    border: 1px solid #2CBCD7 !important;
}

.price_border {
    border-top: 1px solid #C7C7C7;
    margin-top: 10px;
    padding-top: 10px;
}

.save {
    background: #DBF9FF;
    text-align: center;
    padding: 10px 0px;
    color: #2CBCD7;
    font-weight: bold;
    border: 2px dotted #0dcaf0;
}

.product_items {
    padding: 1rem;
}

.bs {
    /*border-top: 1px solid #C7C7C7;*/
}

.boxcart {
    border: 1px solid #C7C7C7;
    position: sticky;
    top: 10px;
}

.bgn {
    background: #F6F6F6;
    padding: 12px 15px;
}


ul.cat_lk {
    padding: 0px;
    list-style-type: none;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-bottom:0px;
}

ul.cat_lk li {
    margin-right: 20px;
}

.btn-group {
    border: 1px solid #979797;
    /*width: 140px;*/
    width: auto;
    height: 36px;
}

 .imagebox {
    overflow: hidden;
    height: 250px;
}

.imagebox img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.theme-image{}

.container-image{}

.item-image{}

.middle_green{
     background: #9CC54F;
    color: #fff;
    border-color: #9CC54F;
    outline: 0px;
    box-shadow: umset;
    border-radius: 4px; 
}

.middle_green:focus-visible{
    background: #9CC54F;
    color: #fff;
    border-color: #9CC54F;
}

.middle_green:hover{
    color: #fff; 
}

.green-button{
    background: #739D2F;
    color: #fff;
    border-color: #739D2F;
    outline: 0px;
    box-shadow: umset;
}

.green-button:hover{
    background: #739D2F;
    color: #fff;
    border-color: #739D2F;
}

.fixed_btn {
    position: fixed;
    top:10px;
    padding: 8px 16px;
    font-weight: bold;
    right: 0;
    z-index: 11;
}

.bluebtn{
  background:#2CBCD7;
}

.bluebtn:hover{
  background:#2CBCD7;
}

.bluebtn:focus-visible{
  background:#2CBCD7;
}

.outlinebtn{
  border: 1px solid #9CC54F;
  background: #fff;
  border-radius: 4px;
}

.outlinebtn:hover{
    background: #9CC54F;
    color: #fff!important;
    font-weight: bold;
}

body {
    position: relative;
}

.cart_masonry {
    column-count: 3;
    column-gap: 1rem;
}

.masonry-item {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}

/*end*/
 
.checkout_form {
    border: 1px solid #C7C7C7;
    padding: 50px;
}

.popat{
    background:#9CC54F;
    border-color: #9CC54F;
    height: 50px;
}

.ac_button:hover{
    background:#3B4847;
    border-color: #3B4847;

}

.ac_button{
  background:#3B4847;
  border-color: #3B4847;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.checkgest{
    background: #42B4C1;
    border-color: #42B4C1;
    width: 100%;
    max-width: 196px;
    height: 35px;
}

.checkgest:hover{
 background: #42B4C1;
 border-color: #42B4C1;
}

section.loginbox {
    /*background-size: 110%;*/
    height: 100%;
    background-position: bottom center;
}

 .login-container {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100%;
    }

    .loginbox .card {
        width: 100%;
        max-width: 600px;
        background-color: #ffffffcf;
        border: none;
        border-radius: 10px;
        padding: 4rem;
        border: 1px solid #C7C7C7;
    }


.loginbox.creataccount .card {
    max-width: 1004px;
}

.loginbox.creataccount{
    height: 100%;
}

/* banner slider */

.carousel-caption {
      top: 50%;
      transform: translateY(-50%);
      bottom: auto;
      /*text-align: left;*/
      left: 5%;
      right: auto;
    }

    .carousel-caption h2 {
        font-size: 47px;
    }

    .carousel-caption h2.perfect_text {
        font-size: 39px;
        margin: 0px;
    }

    .carousel-item img{
        height: 491px;
        object-fit: cover;
    }

.carousel-control-next-icon{
    background-image: unset;
    width: 30px;
    height: 30px;
    background: transparent;
    border: 6px solid #7db73a;
    border-top: 0px;
    border-left: 0px;
    transform: rotate(-45deg);
}

.carousel-control-prev-icon{
    background-image: unset;
    width: 30px;
    height: 30px;
    background: transparent;
    border: 6px solid #7db73a;
     border-top: 0px;
    border-left: 0px;
    border-left: 0px;
    transform: rotate(-226deg);
}

.carousel-control-next,.carousel-control-prev{
    width: 5%;
}

/*end*/


/*search bar*/

a{
    color: #000;
}

.searchbar {
      position: relative;
      width: 100%;
    }

    .searchfiled {
      width: 100%;
      padding-right: 45px;
    }

    .search-dropdown {
      position: absolute;
      top: 100%;
      left: 0;
      z-index: 999;
      width: 100%;
      background: #fff;
      border: 1px solid #ccc;
      display: flex;
      max-height: 400px;
      /*overflow-y: auto;*/
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    }

    .search-suggestions {
      width: 40%;
      overflow-y: auto;
      border-right: 1px solid #eee;
    }

    .search-suggestions p {
        cursor: pointer;
        padding: 0.7rem 20px;
        text-transform: capitalize;
    }

    .search-suggestions p:hover {
        background: #eee;
    }

    .search-suggestions b {
      font-weight: 600;
    }

    .search-results {
      width: 60%;
    }

    .search-item {
      display: flex;
      align-items: center;
      gap: 1rem;
      padding: 1rem;
      border-bottom: 1px solid #eee;
    }

    .search-item:hover{
        background: linear-gradient(to right, #82c35694, #fff);
    }

    .search-item img {
        width: 60px;
        height: auto;
        object-fit: cover;
        border-radius: 4px;
    }

    .search-item-title {
      font-size: 0.95rem;
      font-weight: 400;
    }

    .search-item-price {
      font-weight: 600;
      color: #000;
    }

    .search-results {
      max-height: 400px; /* Adjust height as needed */
      overflow-y: auto;
      scrollbar-width: thin;               /* Firefox */
      scrollbar-color: #82c356 #f1f1f1;      /* Firefox */
    }

/* Chrome, Edge, Safari */
.search-results::-webkit-scrollbar {
  width: 8px;
}

.search-results::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}

.search-results::-webkit-scrollbar-thumb {
  background-color: #82c356;
  border-radius: 4px;
  border: 1px solid #fff;
}

.search-results::-webkit-scrollbar-thumb:hover {
  background-color: #0f0; /* lighter green on hover */
}

/*end*/


/*contact us*/

.cn_form input.form-control {
    height: 60px;
}

.boxes {
    margin-bottom: 22px;
    border: 2px solid #eee;
    padding: 15px;
    width: 100%;
    max-width: 94%;
    border-radius: 10px;
}

 .bod {
    padding: 0px 20px;
  }

  .boxes {
    background: white;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  }

  .boxes i {
    color: #7db73a;
    margin-right: 5px;
  }

  .boxes a {
    text-decoration: none;
    color: #000;
    font-weight: 500;
    word-break: break-all;
}

  .boxes a:hover {
    color: #73b747;
 }

  .boxes a:hover {
    text-decoration: underline;
  }

/*ebd*/

.cat_promo_footer h2 {
    font-weight: 600;
    font-size: 22px;
}

.cat_promo_footer h3 {
    font-weight: 600;
    font-size: 22px;
}

.cat_promo_footer b {
    display: inline-block;
    margin-bottom: 7px;
    font-weight: 600;
    font-size: 18px;
}

.cat_description {
    font-size: 14px;
    width: 72%;
    margin: 20px auto;
    text-align: center;
}

/*dyanmic page css*/
.page_text a:hover {
    text-decoration: underline;
}

.page_text a {
    color: #00b5c1;
}

.page_text p {
    margin: 20px 0px;
}

.page_text b,.page_text h1,.page_text h2,.page_text h3 {
    font-weight: 600;
    font-size: 20px;
 }

.page_text {
    width: 90%;
    margin: 4px auto!important;
    box-shadow: 0px 0px 4px 3px #eee;
    padding: 30px;
}

.page_text p,.page_text {
    margin: 20px 0px;
    line-height: 25px;
    font-size: 16px;
    font-weight: 400;
}

.page_text span{
    color: red;
}

.page_text ul li b {
    font-size: 14px;
}

.page_text ul li {
    margin-bottom: 3px;
    font-size: 14px;
}

 .page_text img {
   /* height: 440px;
    object-fit: cover;*/
}

.custom-scroll {
    max-height: 800px;
    overflow-y: auto;
}

.custom-table tbody tr.blank td {
    background: #fff!important;
    height: 40px;
}

.custom-table tbody tr:nth-child(even) td {
    background-color: #8bc34a3b;
}

.custom-table tbody tr:nth-child(odd) td {
    background-color: #00968821;
}

.custom-table tbody tr:hover td {
    background-color: #FFF; 
}

/*end*/
.products_item label {
    font-size: 13px;
    margin-bottom: 4px;
}

.cart_data .accordion-button {
    background: #eee;
    color: #000;
    font-weight: bold;
    box-shadow: unset;
}

.cart_data .accordion-button:not(.collapsed){
     background: #82c356;
    margin-bottom: 12px;
    color: #fff;
    font-weight: bold;
    box-shadow: unset;
}

.cart_data .accordion-item
 {
    margin-bottom: 10px;
}

.products_item{
    padding:1rem;
}

.delivery_date .datepicker {
    width: 100%;
    padding: 25px;
    border-radius: 10px;
}

.dd_title
 {
    margin-bottom: 20px;
    font-size: 21px;
    font-weight: 600;
}

.delivery_date .datepicker.datepicker-inline td{
      padding: 10px 5px!important;
}

.delivery_date table.table-condensed {
    width: 100%;
}

.delivery_date .active.day {
    font-weight: bold;
    border-radius: 50px;
}

.grid_cart {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.grid_cart.grid_cart_count_2 {
    grid-template-columns: repeat(2, 1fr) !important;
}

.grid_cart.grid_cart_count_1{
    grid-template-columns: repeat(1, 1fr) !important;
}

.grid_cart.grid_cart_count_2 .cart_masonry {
    column-count: 1;
}

.grid_cart.grid_cart_count_1 .cart_masonry {
    column-count: 3;
}

.grid_cart .cart_masonry {
    column-count: 1;
}

.border-lr {
    border-right: 1px solid #9e9e9ebd;
}

.products_item.border-lr:last-child {
    border: 0px;
}

.input_inbox .form-check-input {
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid #76c45f;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
  margin-right: 10px;
  vertical-align: middle;
  background-color: white;
  transition: all 0.2s ease;
}

/* Checkbox checked style */
.input_inbox .form-check-input:checked {
  background-color: #76c45f;
  border-color: #76c45f;
}

/* Checkmark (white arrow) */
.input_inbox .form-check-input:checked::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 6px;
  width: 6px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.delivery-card {
      max-width: 100%;
      margin: 50px auto;
      border: 1px solid #00000040;
      border-radius: 10px;
      padding: 25px 30px;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
      margin-bottom: 0px;
    }

    .btn-confirm:hover{
        color: #fff!important;
    }

/*shipping box*/

.selected_address .main-card {
    background: #fff;
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 6px 30px rgba(0,0,0,0.08);
    max-width: 1000px;
    margin: auto;
    position: relative;
  }

/* Profile */
.selected_address .profile-card {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
}

.selected_address .profile-card img {
  border-radius: 50%;
  border: 3px solid #82c356;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.selected_address .profile-card h5 {
  font-weight: 700;
}
.selected_address .profile-card small {
  font-size: 0.9rem;
}

/* Section Title */
.selected_address .section-title {
  font-weight: 600;
  font-size: 1.1rem;
  margin-bottom: 10px;
  color: #2f5e2e;
}

/* Gradient Box */
.selected_address .gradient-box {
  background: linear-gradient(135deg, #f7fff1, #eaf8e4);
  padding: 16px;
  border-radius: 12px;
  box-shadow: 0 3px 15px rgba(0,0,0,0.04);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.selected_address .gradient-box:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}

.selected_address .info-text {
  font-size: 0.95rem;
  margin-bottom: 6px;
}


.selected_address .progress-bar {
  background: linear-gradient(90deg, #82c356, #4aa04a);
}

/* Timeline */
.selected_address .timeline {
  position: relative;
  padding-left: 20px;
  margin-top: 10px;
}
.selected_address .timeline::before {
  content: '';
  position: absolute;
  left: 8px;
  top: 0;
  bottom: 0;
  width: 3px;
  background: #82c356;
}
.selected_address .timeline-item {
  position: relative;
  padding-left: 20px;
  margin-bottom: 12px;
}
.selected_address .timeline-item .dot {
  position: absolute;
  left: -2px;
  top: 4px;
  width: 12px;
  height: 12px;
  background: #82c356;
  border-radius: 50%;
  box-shadow: 0 0 0 3px #d9f2d0;
}

/* Footer Edit Button */
.selected_address .footer-edit {
  position: absolute;
  top: 9px;
  right: 12px;
  background: #82c356;
  color: #fff;
  padding: 3px 6px;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.2s ease;
}
.selected_address .footer-edit:hover {
  background: #4aa04a;
}

.selected_address .footer-edit i {
  font-size: 1.1rem;
}

.selected_address .grid_ship {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.selected_address .delivery_data{
    padding: 20px 10px;
    border-top: 1px solid #4CAF50;
    background: #eaf9e7;
  }

  .custom_tab .accordion .accordion-item button.accordion-button.collapsed {
    background: transparent;
    color: #000;
    font-weight: 600;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    position: relative;
}

  .custom_tab .accordion .accordion-item button.accordion-button {
    background: transparent;;
    color: #000;
    font-weight: 600;
    width: 100%;
    border-bottom: 1px solid #8BC34A;
    padding: 20px 0px;
}

.custom_tab .accordion .accordion-item {
    margin-bottom: 15px;
    border: 0px;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.custom_tab .accordion .accordion-item button.accordion-button:focus{
    box-shadow: unset;
}

.custom_tab .collespselect {
    margin-top: 40px;
    width: 100%;
    max-width: 50%;
}

 .custom_tab .accordion-button.collapsed .plus_icon {
    position: absolute;
    right: 0px;
    background: #9E9E9E;
    color: #fff;
    width: 36px;
    height: 36px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.custom_tab .accordion-button.collapsed .plus_icon i {
    margin: 0px!important;
    font-size: 17px;
}

.custom_tab .accordion-button .plus_icon i {
    margin: 0px!important;
    font-size: 17px;
}

.custom_tab .accordion-button::after{
    display: none;
}

.custom_tab .accordion-button .plus_icon {
    position: absolute;
    right: 0px;
    background: #739D30;
    color: #fff;
    width: 36px;
    height: 36px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.custom_tab .collespselect option {
    font-size: 14px;
}

.custom_px .green-check {
    width: 20px;
    height: 20px;
    border: 2px solid #76c45f; /* green border */
    border-radius: 4px; /* optional, rounded edges */
    appearance: none; /* remove default browser checkbox */
    -webkit-appearance: none;
    background-color: white;
    cursor: pointer;
    position: relative;
}

.custom_px .green-check:checked {
    background-color: #76c45f;
    border-color: #76c45f;
}

.custom_px .form-check-input[type="radio"].green-check{
    border-radius: 50px;
}

.custom_px .form-check-input[type="radio"].green-check:checked::after{
  display: none;
}

.custom_px .form-check-input[type="checkbox"].green-check:checked::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 1px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.collespselect {
    background-image: url(/web/images/btarrow.png);
    background-repeat: no-repeat;
    background-position: right center;
}

.inborder {
    border: 1px solid #C7C7C7;
    border-radius: 10px;
    padding: 30px;
}

.zoom-container {
      width: 100%;
      max-width: 100%;
      height: auto;
      overflow: hidden;
      position: relative;
      cursor: zoom-in;
    }
    .zoom-container img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.3s ease;
    }
    .zoom-container.zoomed img {
      transform: scale(2); /* zoom level */
      cursor: zoom-out;
    }

    /*end*/

    .locked.accordion-button {
        background-color: #f8d7daa6; /* light red to indicate locked */
        /*cursor: not-allowed;
        pointer-events: none;*/
    }

    label.error {
        width: 100%;
        text-align: left;
        color: red;
        font-size: 13px;
    }

    .new_theme .text-box.expanded {
      -webkit-line-clamp: unset; /* show all lines */
      overflow: visible;
    }

    .new_theme .dshadow .show-toggle {
      display: inline-block;
      margin: 8px 0px;
      font-size: 15px;
      color: #8BC34A !important;
      cursor: pointer;
      font-weight: 600;
    }

    .new_theme .show-toggle:hover {
      text-decoration: underline;
    }

    .new_theme .text-box.expanded a {
        cursor: pointer;
    }

    select.update_quantity option{
        color: #000;
    }

    .outlogo .nav-pills .nav-link {
        justify-content: center;
    }


    .update_quantity {
        width: 100%;
        max-width: 113px;
        height: 30px;
        border-radius: 50px;
        background: #fff;
        color: #8cc63f;
        border-color: #8cc63f;
        padding: 0px 37px;
        font-weight: bold;
        outline: 0px;
        border-width: 2px;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-color: white;
        background-repeat: no-repeat;
        background-position: right 10px center;
        background-size: 12px;
        background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23000' stroke-width='2' fill='none'/%3E%3C/svg%3E");
}




.nav-pills .nav-link.green-category {
    background: #8BC34A!important;
    border-color: #8BC34A!important;
    color: #fff;
 }

 .nav-pills .nav-link.green-category p.custom_count {
    background: #fff;
}

/*new theme section*/

 .new_theme .col {
    position: relative;
    border-radius: 10px !important;

    }

.new_theme .col img {
      width: 100%;
      display: block;
      transition: transform 0.3s ease;
    }

    /* dshadow (text box) */
.new_theme .dshadow {
      /*position: absolute;
      bottom: 0;
      left: 3%;
      width: 94%;
      max-height: 160px; 
      background: #fff;
      color: #fff;
      transition: max-height 0.5s ease;
      border-radius: 0px 0px 10px 10px;*/
    }

    /* Expanded state */
.new_theme .dshadow.expanded {
      max-height: 100%;
    }

    /* Text styles */
.new_theme .dshadow h4, 
.new_theme .dshadow p, 
.new_theme .dshadow span {
      color: #000 !important;
    }

.new_theme .text-box {
      font-size: 14px;
      margin-bottom: 5px;
    }

    /* Show full text when expanded */
.new_theme  .dshadow.expanded .text-box {
      -webkit-line-clamp: unset;
      overflow: visible;
    }

.new_theme .show-toggle {
      display: block;
      font-size: 14px;
      font-weight: bold;
      cursor: pointer;
      margin-top: 5px;
      text-decoration: underline;
    }

.new_theme .col.text-center.active-card a img {
    opacity: 0.8;
}

.grid_cart_count_3 span.count {
    background: #8BC34A;
    color: #fff;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    border-radius: 50px;
    font-weight: bold;
    margin: 0px 2px;
}

.boxcart a.disabled {
    background: #eee !important;
    border-color: #eee;
}

.rules_single:hover {
    color: #6d9d3c;
}

span.lock-information {
    display: none;
}

.locked span.lock-information {
    display: block;
    position: absolute;
    right: 36px;
}

.quantity_updation button.disabled {
    background: #e9dede;
    border: 0px;
}
/*end*/

.tablebox {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
    padding: 15px;
}

.boxer {
    border: 1px solid #8BC34A;
    padding: 5px 10px;
    margin-bottom: 7px;
    border-radius: 5px;
}

.resposbive-scroll {
    overflow-y: scroll;
    max-height: 250px;
}

.smaill_images img {
    width: 124px;
    height: auto;
}

.Title_wifth.cate h4 {
    color: #000;
    font-weight: 600;
    font-size: 16px!important;
    margin-bottom: 18px;

}

.boxer ul {
    font-size: 13px;
    padding: 0px 8px;
    list-style-type: none;
    margin-bottom:0px;
}

.boxer ul li {
    margin-bottom: 4px;
}

.boxer p {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 2px;
}


.cart_masonry .masonry-item p span {
    background: #8BC34A;
    color: #fff;
    padding: 1px 5px;
    border-radius: 50px;
}

.checkerout_checker .card.order_nn .card-body {
    padding: 0px;
}

.checkerout_checker .card-body .resposbive-scroll .tablebox:nth-child(odd) {
    background: #9e9e9e40;
}

.checkerout_checker .card-body .resposbive-scroll .tablebox:nth-child(even) {
    background: #eeeeeec4;
}

.tablebox .boxer {
    background: #fff;
}

.iner_cat_box select {
    /*border: 1px solid #8BC34A !important;
    border-radius: 50px;
    max-width: 65%!important;*/
}

.iner_cat_box select{
    background-position: 96% center;
    background-size: 5%!important;
}

.bg_gray select:focus{
    box-shadow:unset;
}

.bg_gray select {
    color: #000;
    font-weight: 500;
}
.bg_gray {
    background: #00968836;
    padding: 15px;
    border-radius: 5px;
}

.resposbive-scroll {
  max-height: 400px;     
  overflow-y: auto;      
  padding-right: 10px;
}


.resposbive-scroll::-webkit-scrollbar {
  width: 8px;             
}

.resposbive-scroll::-webkit-scrollbar-track {
  background: #f1f1f1;    
  border-radius: 10px;
}

.resposbive-scroll::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, #16a34a, #22c55e);
  border-radius: 10px;
}

.resposbive-scroll::-webkit-scrollbar-thumb:hover {
  background: #15803d;   
}

.resposbive-scroll {
  scrollbar-width: thin;
  scrollbar-color: #8BC34A #f1f1f1; 
}

.nuninfo {
    background-color: #6c757d29 !important;
    color: #ff00008f;
}

/* new theme new css*/

.new_theme .col {
  position: relative;
  overflow: visible; /* allow hover box to overlap outside */
}

section.section_pd.ready_theme.new_theme {
    margin-bottom: 10%;
}

.new_theme .margin150{
 margin-top: 166px;
}

/* image fixed */
.new_theme .col img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}

.fullborder {
    border: 2px solid #ccc;
    border-radius: 5px 5px 0px 0px;
    padding: 10px;
    border-bottom: 0px;
}

.new_theme .select-radio {
    top:-22px;
}


/* description box (absolute overlay under image) */
.new_theme .dshadow {
    position: absolute;
    top: 98%;
    left: 12px;
    /*width: 92.1%;*/
    /*width: 93.8%;*/
    width: 92.4%;
    background: #fff;
    padding: 20px 15px !important;
    max-height: 150px;
    transition: max-height 0.4s ease;
    z-index: 10;
    /*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);*/
    border: 2px solid #ccc;
    border-top: 0px;
    border-radius: 0px 0px 5px 5px;
}

/* clamp to 2 lines */
.new_theme .text-box {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: all 0.4s ease;
}

.new_theme .row .col:nth-child(1),
.new_theme .row .col:nth-child(2),
.new_theme .row .col:nth-child(3),
.new_theme .row .col:nth-child(4) {
    margin-top: 20px!important;
}

/* hover expand → overlaps next card without moving it */
.new_theme .col:hover .dshadow {
  max-height: 450px;
}

.new_theme .col:hover .dshadow .text-box{
    height:auto;
}

.new_theme .text-box{
    background: transparent!important;
    height: 85px;
}

.col:hover .text-box {
  -webkit-line-clamp: unset; /* show full text */
}

.card_dropdown_0 {
    background: #8bc34a54;
    padding: 21px;
    
}

.card_dropdown_2 {
    background: #b3b3b33d;
    padding: 21px;
   
    margin-top:20px;
}

.card_input_text_1 {
    background: #00968821;
    padding: 21px;
    
}

.card_input_text_3 {
    background: #b3b3b33d;
    padding: 21px;
    margin-top:20px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.iner_cat_box {
    background: #0096882e;
    padding: 21px;
    border-radius: 8px;
}

.RIBBONCOLOR {
    padding-right: 0px;
}

.RIBBONMSG {
    padding-left: 0px;
}

.summery_shp {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    padding: 3px 0px;
}



.boxer ul li span {
    background: #8BC34A;
    width: auto;
    height: auto;
    display: inline-flex;
    align-items: center;
    border-radius: 50px;
    padding: 0px 6px;
    justify-content: center;
    color: #fff;
    font-weight: 600;
}

.optional_blue select#wine_state_id {
    margin: 0px;
    max-width: 100%;
}

.optional_blue {
    background: #00968836;
    padding: 20px;
    border-radius: 8px;
}

.optional_green {
    background: #8bc34a40;
    padding: 30px;
    border-radius: 8px;
}

.multi_checkbox.DIYEXPRESSTHEME {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    margin-top:20px;
}

.multi_checkbox.DIYEXPRESSTHEME .form-check {
    width: 50%;
    margin-bottom: 12px;
}

.included_selection_items {
    box-shadow: 0px 0px 4px 2px #eee;
}
 
.included_selection {
    padding: 20px;
    background: #739d2f17;
}
 
 
.included_selection_items .tab-content {
    padding: 20px;
}

.custom-select-wrapper.DIYEXPRESSBUDGET::after {
    top:34%;
}

.custom-select-wrapper.GENDER::after {
    top: 30%;
}

.custom-select-wrapper.wine_bottom_state::after {
    top: 30%;
}

.custom-select-wrapper.wine_state::after {
    top: 30%;
}

.delivery_data.qutdetails {
    border-top: 0px !important;
    margin-top: 0px !important;
    padding-top: 0px;
}

.delivery_data {
    /*border-top: 1px solid #9e9e9ebd;*/
    border-bottom: 1px solid #9e9e9e45;
    padding: 5px 0px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.product_list_border {
    border: 2px solid #8BC34A;
}

.product_list_border .card-header {
    border-bottom: 2px solid #8BC34A;
}

.category-btn.active.green-category{
    background :#739D2F !important;
}

.saddress .new_ck {
    color: #2f5e2e;
}

.saddress {
    background: linear-gradient(135deg, #f7fff1, #eaf8e4);
    padding: 16px;
    border-radius: 12px;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.04);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    margin-bottom: 20px;
}

.RIBBONCOLOR .card_dropdown_2 {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height:100%;
}

.RIBBONCOLOR .card_dropdown_2 .text-card {
    width: 100%;
}

.RIBBONMSG .textarea_inner textarea {
    height: 177px;
}

ul.cat_lk.total_t {
    justify-content: flex-end;
}

.scrlling_cart {
    max-height: 250px;
    overflow-y: auto;
}

.scrlling_cart .dropdown-item.active {
    background-color:#8bc34a!important;
}

 .scrlling_cart .dropdown-item:active{
    background-color:#8bc34a!important;
}

.scrlling_cart img {
    padding: 5px;
}

span.alerinfo {
    margin-left: auto;
    background: #f443362e;
    color: #000 !important;
    padding: 5px 16px;
    border-radius: 50px;
    text-align: right;
    position: absolute;
    right: 31px;
}

button.shipping_address_button[aria-expanded="true"] .alerinfo {
    background: #fff;
    color: red !important;
}

.swal2-html-container ul.error_popup_list li {
    text-align: left;
    margin-bottom: 10px;
    font-size: 14px;
    color: #000;
}

.search-results a.view-more {
    background: #91C30C;
    font-size: 13px;
    font-family: "Montserrat", sans-serif;
    height: 29px;
    width: 100%;
    max-width: 100px;
    border-radius: 4px;
    border: 1px solid #91C30C;
    color: #fff;
    padding: 5px 18px;
}

ul.pagination  .active>.page-link, ul.pagination  .page-link.active {
    background: #8BC34A;
    border-color: #8BC34A;
}

ul.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 60px;
}

.form-control.searchfiled.error{
     border: 1px solid #ec4274;
}

ul.pagination a.page-link {
    color: #000;
    border: 1px solid #009688;
}

ul.pagination a.page-link:hover {
    background: #8BC34A;
    color: #fff;
    border-color: #8BC34A;
}

.modal-dialog ul {
    text-align: left;
    margin-top: 10px;
}

#bannerCarousel .carousel-caption{
    left: 0!important;
    right: auto;
    width: 100%!important;
    padding: 80px!important;
}

.cat_description h2 {
    font-size: 25px;
    font-weight: 700;
    margin: 10px 0px;
}

.cat_description b font {
    font-size: 21px;
}

.cat_description table {
    margin-top: 20px;
}

.cat_description table tr td a font {
    font-size: 14px;
    font-weight: 600;
}

/*end*/


/* categoreis pages css*/

.cat_bg_image_after {
    background-size: cover;
    background-repeat: no-repeat;
    padding: 55px 40px;
    position: relative;
    color: white;
}

.cat_bg_image_after:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: #000000a8;
    top: 0;
    left: 0;
}

.cat_bg_image_after .cat_description
 {
    width: 75%;
    margin: 0px auto;
}

.cat_bg_image_after h3{
    z-index: 9;
    position: relative;
}

.cat_bg_image_after .cat_description {
    z-index: 9;
    position: relative;
    color: #000;
    width: 80%;
    font-weight: 500;
}

.cat_bg_image {
    background-size: cover;
    background-repeat: no-repeat;
    padding: 55px 40px;
    position: relative;

}

.box_transpent {
    background: #ffffffbd;
    padding: 20px 20px;
    width: 100%;
    max-width: 680px;
    margin: 0px auto;
    border-radius: 6px;
}

.cat_bg_image h3{
    z-index: 9;
    position: relative;
}

.cat_bg_image .cat_description {
    z-index: 9;
    position: relative;
    color: #000;
    width: 100%;
    font-weight: 500;
}

.cat_bg_image_after .black-d {
    color: #fff;
    z-index: 9;
    position: relative;
}

.box_box {
    background: #fff;
    width: 100%;
    text-align: left;
    padding: 20px;
    border-radius: 10px;
    max-width: 680px;
}

.box_box .cat_description {
    width: 100%;
    text-align: left;
}

.category_image {
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    padding: 55px 32px;
}

button.outofstock {
    /*background: #727070;*/
    color: #fff;
    height: 48px;
    padding: 12px 20px;
}

button.outofstock:hover {
    background: #dc3545;/* #727070;*/
}

button.disabled {
    background: #9E9E9E!important;
    border-color: #9E9E9E!important;
}

.thankspage{
      padding: 30px 0px;
      /*background: linear-gradient(135deg, #8bc34ab5, #ffffff);*/
    }

    .thank-card {
      max-width: 500px;
      background: #fff;
      border-radius: 20px;
      padding: 50px 35px;
      text-align: center;
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    }

    /* Success Icon */
    .thank-icon {
      font-size: 90px;
      color: #85B726;
      margin-bottom: 20px;
      animation: bounce 2s infinite;
    }

    @keyframes bounce {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-10px); }
    }

    /* Heading */
    .thank-card h2 {
      font-weight: bold;
      color: #333;
    }

    .thank-card p {
      color: #666;
    }

    /* Order ID */
    .order-id {
      background: #f0f8e6;
      color: #333;
      display: inline-block;
      padding: 8px 18px;
      border-radius: 12px;
      font-weight: 600;
      margin-bottom: 25px;
      border: 1px solid #85B726;
    }

    /* Buttons */
    .thankspage .btn-custom {
      border-radius: 5px;
      padding: 10px 30px;
      font-size: 18px;
      transition: all 0.3s ease;
    }

    .thankspage .btn-green {
      background: #85B726;
      color: #fff;
      border: none;
    }

    .thankspage .btn-green:hover {
      background: #6b911d;
    }

    .mobile_banner_image {
        display: none !important;
    }

    .cart_green{
        background: #8bc34a40;
        padding: 15px;
        border-radius: 5px;
        font-size: 13px;
        display: flex;
        font-weight: 500;
    }

    .cart_green .copy_address_button button.btn {
        box-shadow: unset;
        width: 100%;
        max-width: 130px;
        padding: 0px!important;
        color: #000;
        font-weight: 600;
        border: 1px solid #8BC34A;
        height: auto;
    }

    .cart_green .copy_address_button {
        display: flex;
        flex-direction: row;
        justify-content: center;
        line-height: 24px;
        font-weight: 500;
    }

    .cart_green .copy_address_button button.btn:hover {
        background: #8BC34A!important;
        color: #fff;
    }

/*end*/


 .step-container-new {
      display: flex;
      flex-wrap: wrap;
      list-style: none;
      padding: 0;
      margin: 10px auto;
      max-width: 1300px;
      justify-content: center;
    }

    .step-container-new .step {
      position: relative;
      flex:unset;
      padding: 12px 30px;
      background: #e0e0e0;
      color: #0099b0;
      font-size: 14px;
      font-weight: 600;
      text-align: center;
      margin-right: -4px;
      margin-bottom:10px;
      clip-path: polygon(0 0, 90% 0, 100% 50%, 90% 100%, 0 100%, 10% 50%);
    }

    /* Completed step */
    .step-container-new .step.completed {
      background: #6ca035;
      color: #fff;
      font-weight: bold;
    }

    /* Current step */
    .step-container-new .step.processing {
      background: #3695a9;
      color: #fff;
      font-weight: bold;
    }

    .step-container-new .step i{
      opacity: 0;
      font-size: 18px;
      position: relative;
      top: 2px;
    }

    .step-container-new .step.completed i {
      opacity: 1;
  }

  .cart_green label {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    line-height: 20px;
}

.suscribe:has(.error) {
  border: 1px solid red;
}

div#format_discount_message {
    position: relative;
}
 
div#format_discount_message button#remove_coupon {
    position: absolute;
    top: -7px;
    right: 6px;
    font-size: 11px;
    font-weight: bold;
}

.discount_item_div {
    background: #4CAF50;
    color: #fff;
    font-weight: bold;
    padding: 3px 15px;
    border-radius: 20px 0px 20px 0px;
    width: 100%;
    max-width: 180px;
    margin-left: auto;
    margin-bottom: 6px;
}

.discount_item_div .new_ck.fw-bold {
    color: #fff;
}

.checkoutnew .products_item,
.grid_cart .products_item {
    max-height: 550px;
    overflow-y: auto;
}

.checkoutnew .products_item::-webkit-scrollbar,
.grid_cart .products_item::-webkit-scrollbar{
    width: 4px;  
}

.checkoutnew .products_item::-webkit-scrollbar-track,
.grid_cart .products_item::-webkit-scrollbar-track {
    background: #f1f1f1; 
    border-radius: 10px;
}

.checkoutnew .products_item::-webkit-scrollbar-thumb,
.grid_cart .products_item::-webkit-scrollbar-thumb {
    background-color: #8BC34A;
    border-radius: 10px;
}


.checkoutnew .products_item,
.grid_cart .products_item{
    scrollbar-width: thin;          
    scrollbar-color: #8BC34A #f1f1f1; 
}

.mobile_header i.fa-truck-fast {
    font-size: 26px;
}

.credit_card_box #cardNumber:focus{
    border: 1px solid #dde2e6!important;
    border-right: 0px!important;
}

.credit_card_box span#cardIcon {
    background: #fff;
}

.credit_card_box input#cardNumber {
    border-right: 0px!important;
}

.reviewinner {
    padding-bottom:0px!important;
}

/*footer css*/
.footer_dark{
    background: #3B3B3B;
}

button.gestbtn {
    outline: 0px;
    box-shadow: unset;
    padding: 8px 20px !important;
}

input#guestEmail {
    width: 80%;
    margin: 20px auto;
    margin-bottom: 0px;
}

.footer_bt_dark{
    background: #373737;
}

footer h6 {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.16px;
}

footer ul.list-unstyled li a {
    color: #E2E2E2;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0px;
    margin-bottom: 12px;
    display: block;
}

footer .suscribe {
    border: 1.01px solid #FFFFFF1F;
    border-radius: 50px;
    width: 100%;
    max-width: 400px;
}

footer .suscribe input.form-control {
    background: transparent;
}

footer .suscribe input.form-control::placeholder {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.16px;
}

footer .suscribe input.form-control {
    background: transparent;
    background-image: url(../web/images/mail.png);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 6% 50%;
    text-indent: 29px;
    color: #fff;
}

footer .suscribe button.btn {
    background: #85B726;
    font-size: 13px;
    height: 32px;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 50px;
}

ul.navbar-nav li a:hover {
    /*text-shadow: 0 0 0.5px #000, 0 0 0.5px #000;*/
    background-color: transparent;
   }

.menu-grid a:hover,.dropdown-menu li a:hover{
    color: #27abbc!important;
    font-weight: 500;
    text-decoration: underline;
}

.mobile{
 display: none;
}

.anniversary_gift .cs-border img{
    min-height: auto;
    height: 326px;
}

p.anni_heading {
    min-height: 65px;
    padding-bottom: 0px !important;
}

.anniversary p {
    margin-bottom: 20px;
    line-height: 26px;
}

.anniversary {
    width: 80%;
    margin: 45px auto;
    box-shadow: 0px 0px 4px 3px #eee;
    padding: 21px;
    border-radius: 5px;
}

ul.anni li {
    margin-bottom: 9px;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
}

/*end*/

@media (max-width: 1480px) {

    .second_top .row .col-md-6{
        width: 40%!important;
    }

    .second_top .row .col-md-4{
        width: 43%!important;
    }

    .anniversary_gift .cs-border img{
        height: auto;
    }
}


/* Responsive adjustments */

@media (max-width: 1396px) and (min-width: 1194px) {

    .wow .rightbig h5 {
        font-size: 13px;
    }


.menu ul.navbar-nav > li.nav-item > a {
    /*min-height: 15px;*/
}

.menu ul.navbar-nav > li:hover > a:before {
    height: 2px;
    bottom: 7px;
}


    .wow .leftbig h3 {
        font-size: 20px;
    }


  ul.navbar-nav li a {
    font-size: 12px;
  }

   .cs-border img {
        min-height: auto;
        height: auto;
    }

    .three_destently button.greenbtn {
        height: auto;
        font-size: 18px;
    }

    .new_theme .dshadow{
        width: 91.8%;
    }

    .discount_item_div .discount_item_inner {
        display: flex;
        flex-direction: column;
        text-align: center;
    }

}

@media (min-width: 1501px) {

    .container {
        max-width: 1600px;
        padding: 0 2rem;
    }

    h3{
        font-size:36px;
    }

    h4{
      font-size: 24px;
    }

    section.loginbox {
        /*background-size: 110%;*/
        background-size: cover;
    }

    section.loginbox.creataccount {
        background-size:cover!important;
    }

}


@media (max-width: 1194px) {
  ul.navbar-nav li a {
    font-size: 10px;
  }

  .searchbar{
    grid-template-columns: 75% 25%;
  }
}

@media (min-width: 992px) {


/*new demo*/

.tab-slider #tabSteps button.slick-arrow {
      top: -21%;
}

.custom_tab .tab-pane.show.active {
    background: #fff;
    padding: 29px;
    border-radius: 20px;
    box-shadow: 0px 0px 12px 11px #eee;
}

.custom_tab .nav-link.active {
    position: relative;
}

.custom_tab .nav-link.active::after {
    content: "";
    position: absolute;
    top: 47px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 20px solid #00b7ce;
    /*border-bottom: 20px solid #fff;*/
    opacity: 0;
    /*transition: 0.3s ease;*/
    /*filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.5)) drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));*/
}

.custom_tab .nav-pills .nav-link.active {
    background-color: #3AB5D0;
    color: #fff;
    box-shadow: unset;
}

    .custom_tab .tab-slider .nav-link {
        min-width: 170px;
        padding: 6px 12px;
        white-space: nowrap;
        box-shadow: 3px 3px 8px 0px #212529;
        border: 0px!important;
        margin: 25px 0px;
        background: #fff;
    }

.custom_tab .nav-link.active::after {
    opacity: 1;
}

.custom_tab .tab-slider .slick-list{
    /*overflow: unset;*/
}

.custom_tab .nav-link.active.active.green-category::after {
    border-top: 20px solid #739D2F !important;
}

/*end*/


    .customss {
        padding: 0px 15.5%;
    }

    .step-container {
        display: none;
    }

    .boxinner.userss:hover .dropdown-menu {
      display: block;
    }


    span.cat_mob {
        display: none;
    }

    .tab-slider .slick-track
     {
        display: flex!important;
        flex-direction: row!important;
        justify-content: center;
    }


    ul.navbar-nav {
        justify-content: space-between;
        width: 100%;
        align-items: flex-start;
    }

     .tab-slider .nav-item {
        /*width: auto !important;*/
        white-space: nowrap;
      }

    .tab-slider .nav-link {
       /* min-width: 170px;*/
        padding: 6px 12px;
        white-space: nowrap;
      }

      .tab-slider.addon_tab ul li button.nav-link{
        min-width: auto;
      }

      .mobile_header{
        display: none!important;
      }

}

@media (max-width:1200px) {


.menu ul.navbar-nav > li.nav-item > a {
    /*min-height: 15px;*/
}

.menu ul.navbar-nav > li:hover > a:before {
    height: 2px;
    bottom: 7px;
}


     /*header*/
    .second_top .row .col-md-6{
       width: 30%!important;
    }

    .second_top .row .col-md-4{
       width: 52%!important;
    }

    .darkhara {
        font-size: 15px;
    }

    .discount_item_div .discount_item_inner {
        display: flex;
        flex-direction: column;
        text-align: center;
    }


    /*end*/

    .new_theme .dshadow{
        border:0px;
        border-radius: 5px;
    }

    .new_theme .select-radio {
        top: -12px;
    }

    .fullborder {
        border-bottom: 2px solid #ccc;
    }

     .basket-grid {
        display: grid;
        gap: 1.5rem;
        grid-template-columns: repeat(3, 1fr);
        margin-top: 0rem;
    }

    .single_edit_pj .row .col-lg-5 {
        width: 100% !important;
    }

    .single_edit_pj .row .col-lg-7 {
        width: 100% !important;
    }

    .new_theme .text-box{
       /* line-height: 1.2!important;*/
    }

    .product_title {
        padding: 0px 8%;
    }

     body .new_theme .dshadow {
        position:relative;
        top: 0;
        left: 0;
        width: 100%;
        max-height: fit-content!important;
    }

    .new_theme .text-box {
        line-height: auto!important;
    }

    .new_theme .text-box{
        height: auto;
    }

    .new_theme .margin150{
      margin-top: 20px!important;
    }

    .new_theme .text-box {
     display: -webkit-box; 
     -webkit-line-clamp: unset!important;
    -webkit-box-orient: vertical!important; 
     overflow: visible!important; 
    }

     .cs-border img {
        min-height: auto;
        height: auto;
    }

    .leftbig img{
        height: 470px;
    }

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

    .three_destently button.greenbtn {
        height: auto;
        font-size: 18px;
    }

    img.ribboncolor_img {
        width: 40%;
    }

}

@media (max-width:991px) {

    .home_accordian {
        width: 100%;
        max-width: 100%;
        margin: 20px auto;
    }

    .delivery_date .datepicker {
        padding: 10px 10px;
    }

    .included_selection_items .tab-slider #tabSteps li button {
        min-width: auto;
    }

    .guest_login_register h3,.guest_login_div h3{
        font-size: 20px!important;
    }

    .Specials h6.text-danger {
        font-size: 14px;
    }

    .RIBBONCOLOR {
        padding-right: calc(var(--bs-gutter-x) * .5);
    }


    .mobile-menu ul.highlighted li a:hover {
        text-decoration: underline;
    }

    .mobile-menu h6 a:hover {
        border-bottom: 2px solid #000;
        padding-bottom: 10px;
    }

    .step-container-new{
        display: none;
      }

    .guest_login_div h3 a, .guest_login_register h3 a{
        font-size: 14px;
      }

    .guest_login_div, .guest_login_register {
        width: 100%;
        margin: 0px auto;
    }

    .page_ln {
        width: 100%;
        margin: 0px auto;
    }


    .billing_button_div button.green-button{
        width:100%;
      }

    .fcustmize tr {
        display: flex;
        flex-direction: column;
    }

    table.ccg tr {
        display: flex;
        flex-direction: column;
    }

    .fcustmize tr td {
        width: 100%;
     }  

      .grid_cart.grid_cart_count_2 {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .mobile_highlight_nested_child{
        padding: 5px 0px;
    }

    .mobile-menu ul li a:hover{
        color:#27abbc!important;
        font-weight: bold;
    }

      a.mobile_highlight {
        color: #000;
        font-weight: 600 !important;
        display: block;
        margin-bottom: 13px;
    }

.mobile_header span.dropdown-icon {
    position: absolute;
    right: 20px;
}

.anniversary_gift .cs-border img{
    height: auto;
}

img.mobile_banner_image{
    display: block!important;
}

img.desktop_banner_image {
    display: none !important;
}

.boxinner.userss p i.fa-user {
    font-size: 26px !important;
    width: 26px;
}

.boxinner.userss p{
    margin-left:0px!important;
}

.cat_bg_image_after .cat_description{
    width: 100%;
}

.cat_bg_image_after {
  padding: 20px 20px;
}

.category_image{
    padding: 20px 15px;
}

.cart-icon img {
    height: 26px;
    position: relative;
    top: -3px;
}

.mobile_header button#menuClose {
    font-size: 44px;
    line-height: 50px;
}

.mbbsearch {
    position: absolute;
    top: 75px;
    width: 100%;
    left: 50%;
    background: #ffff;
    margin: 0px auto;
    transform: translateX(-50%);
    z-index: 9;
    padding: 10px 10px;
    padding-top: 0px;
    display: none;
}

.mobile_header{
   position: relative;
}

h6.highlight-blue.active a {
    color: #00bff3 !important;
}

.mobile-menu ul.highlighted li a {
    text-transform: capitalize;
    font-weight: 500;
    font-size: 14px;
    
}


.new_theme .dshadow{
    border:0px;
    border-radius: 5px;
}

.new_theme .select-radio {
    top: -12px;
}

.fullborder {
    border-bottom: 2px solid #ccc;
}

.checkerout_checker .row > .col-md-8,
.checkerout_checker .row > .col-md-4 {
    width: 100%;
}

 .basket-grid {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 2rem;
}

.product_title {
    padding: 0px 10%;
}

section.second_top,.menu{
    display: none;
}

.carousel-control-next, .carousel-control-prev{
    width: auto;
}

/*mobile menu*/

body.offcanvas-open {
      overflow: hidden;
    }

    .mobile-menu {
      position: fixed;
      top: 0;
      height: 100vh;
      width: 80%; /* adjust to 50% or 60% if needed */
      max-width: 360px;
      background-color: #fff;
      z-index: 1055;
      padding: 1.5rem 0rem;
      overflow-y: auto;
      overflow-x: hidden;
      transition: transform 0.3s ease-in-out;
      box-shadow: -2px 0 10px rgba(0, 0, 0, 0.2);
    }

    .mobile-menu {
      left: 0;
      right: auto;
      transform: translateX(-100%);
    }

    .mobile-menu.active {
      transform: translateX(0);
    }

    .mobile-menu h6 {
      font-weight: 600;
      text-transform: uppercase;
      margin-top: 1rem;
      margin-bottom: 0.75rem;
      font-size: 15px;
      padding: 10px 1rem;
    }

    .mobile-menu ul {
      list-style: none;
      padding: 10px 1rem;
      margin-bottom: 1rem;
    }

    .mobile-menu ul li {
      padding: 0.4rem 0;
      font-size: 0.93rem;
    }

    .mobile-menu ul li a {
      text-decoration: none;
      color: #000;
    }

    .mobile-menu ul li a:hover {
      color: #007bff;
    }

    .highlighted {
      background-color: #f2f2f2;
      padding: 0.5rem;
    }

    .highlighted li {
      font-weight: 500;
    }

    .highlighted li strong {
      font-weight: 700;
    }

    .highlight-blue {
      color: #00bff3;
    }

    .header-icons {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 1rem;
    }

    .cart-icon {
      position: relative;
      font-size: 1.3rem;
    }

    .cart-badge {
      position: absolute;
      top: -5px;
      right: -10px;
      background-color: #8bc53f;
      color: white;
      border-radius: 50%;
      padding: 2px 6px;
      font-size: 11px;
      font-weight: bold;
    }

    .menu-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-bottom: 1rem;
      border-bottom: 1px solid #ddd;
    }

    .menu-toggle-btn {
      font-size: 1.8rem;
      border: none;
      background: transparent;
    }

    .mobile-topbar {
      padding: 0.6rem 1rem;
      border-bottom: 1px solid #ddd;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

/*end*/

.selected_address .grid_ship{
    grid-template-columns: repeat(1, 1fr);
 }

  .grid_cart{
        grid-template-columns: repeat(1, 1fr);
    }

}



@media only screen and (min-width: 992px) and (max-width: 1024px){ 

.blueborer .row div {
    width: 100%;
}



.wow .leftbig h3 {
    font-size: 20px;
}

.checkerout_checker .row > .col-md-8,
.checkerout_checker .row > .col-md-4 {
    width: 100%;
}

.leftbig img {
    height: 430px;
}

.anniversary_gift .cs-border img{
    height: auto;
}

}

@media only screen and (min-width: 768px) and (max-width: 991px){ 

    .custom_tab .tab-slider .nav-link {
        min-width: 170px;
        padding: 6px 12px;
        white-space: nowrap;
        box-shadow: 3px 3px 8px 0px #212529;
        border: 0px !important;
        margin: 25px 0px;
        background: #fff;
    }

    .custom_tab .nav-link.active {
        position: relative;
        background:#3AB5D0;
    }

    .custom_tab.outlogo .tab-slider #tabSteps button.slick-arrow { 
        top:-30px;
    }

    .custom_tab.outlogo .nav-link.active::after{
        top:34px;
    }

    .custom_tab .nav-link.active.active.green-category::after {
        border-top: 20px solid #739D2F!important;
    }

    .custom_tab .nav-link.active::after {
        content: "";
        position: absolute;
        top: 45px;
        left: 50%;
        transform: translateX(-50%);
        border-left: 14px solid transparent;
        border-right: 14px solid transparent;
        border-top: 20px solid #00b7ce;
        /* border-bottom: 20px solid #fff; */
        opacity: 0;
        transition: 0.3s 
    ease;
            /* filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.5)) drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2)); */
        }

        .custom_tab .tab-slider #tabSteps button.slick-arrow {
           top:-20%;
        }

    .custom_tab .tab-pane.show.active {
        background: #fff;
        padding: 29px;
        border-radius: 20px;
        box-shadow: 0px 0px 12px 11px #eee;
    }

    .custom_tab .nav-link.active::after {
        opacity: 1;
    }

    .new_theme .col img{
        /*height: 280px;
        object-fit: cover;*/
    }

    .delivery-card{
        margin: 30px auto;
    }

    .keepshp a.new_ck {
        margin: 0px !important;
    }

    .carousel-item img{
        height: 580px!important;
    }

    .cat_description{
        width: 100%;
    }

    #bannerCarousel .carousel-caption{
        padding: 80px 25px!important;
    }

    .col-md-6.CARDMESSAGE {
        margin-top: 20px;
    }

    .card_msg .rbex .col-md-6 {
        width: 100%;
        max-width: 100%;
    }


    .custom_tab.outlogo .nav-pills .nav-link{
        font-size: 10px;
        line-height: 15px;
        padding: 0px 10px;
        height: 35px;
    }

    .new_theme .text-box {
        font-size: 13px;
        line-height: 1.2;
    }

    .steps .step-label {
        font-size: 11px;
    }

    .basket-grid{
        margin-top:0px!important;
    }

    .banner_ribbin h4 {
        font-size:15px!important;
    }

    span.cat_desk {
        display: none;
    }

    .tab-slider .slick-track
     {
        display: flex!important;
        flex-direction: row!important;
    }

    .fticon img {
        width: 180px;
    }
}


@media (max-width: 767px) {


    p.orab{
        display: none;
    }

/*new tab */

    .custom_tab .tab-pane.show.active {
        background: #fff;
        padding: 10px;
        border-radius: 20px;
        box-shadow: 0px 0px 12px 11px #eee;
    }

    .custom_tab .tab-slider .nav-link {
        white-space: nowrap;
        box-shadow: 3px 3px 8px 0px #212529;
        border: 0px !important;
    }

    .custom_tab .tab-slider .slick-list {
        padding-bottom: 20px;
    }

    .custom_tab .nav-link.active::after {
        opacity: 1!important;
    }

    .custom_tab .nav-link.active::after {
        content: "";
        position: absolute;
        top: 39px;
        left: 50%;
        transform: translateX(-50%);
        border-left: 14px solid transparent;
        border-right: 14px solid transparent;
        border-top: 20px solid #00b7ce;
        opacity: 0;
        transition: 0.3s ease;
    }

    .custom_tab .tab-slider button.slick-arrow {
        top: -79% !important;
    }

    .custom_tab .tab-slider .category-btn.active.green-category::after {
        border-top: 20px solid #739D2F;
    }

    .custom_tab .nav-link.active {
        position: relative;
    }

/*end*/


.promo-item h4 {
    width: 100%;
    font-size: 9px!important;
}

.promo-item .sky{
  font-size: 10px!important;
}

h1 {
    font-size: 25px;
}

button.next-btn.customize_add_to_cart {
    width: 100%;
    height: auto;
}

.modal-dialog.modal-small {
    max-width: 340px;
}

.chekprodt {
    margin-bottom: 20px;
}

.selected_address .main-card {
    padding: 10px;
}

.selected_address .gradient-box {
    padding:5px;
}

.how_it_work h1 {
    font-size: 28px;
}

.how_it_work h6.text-left {
    line-height: 23px;
    font-size: 15px;
}

.cart_item_div .new_ck {
    margin-bottom: 2px;
}

.cart_item_div ul.cat_lk {
    margin-top: 5px !important;
    margin-bottom: 5px;
}

.cart_item_div > .row img.img-fluid {
    margin-bottom: 25px;
}

.inner-cf{
    padding: 15px 20px;
}

.thank-card{
    max-width: 340px;
    padding: 20px 15px;
}

.thankspage .btn-custom{
    padding: 12px 25px;
}

.wow .leftbig h3 {
    font-size: 17px;
    line-height: 25px;
}

.breadcrumb {
    font-size: 11px;
}

.fixed_btn{
    top: 108px;
}

.cat_promo_footer h3 {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
}

.bod {
    padding: 12px 0px;
}

.boxes{
    max-width:100%;
}

.boxes a{
    display:flex;
}

.promo-item
 {
    flex-direction: column;
}


.fsize-50{
    font-size:35px;
}

.fsize-18 {
    font-size: 14px !important;
}

 h3{
    font-size: 30px;
 } 

 .mob_container h3.ninity {
    font-size: 19px;
}

 h2{
    font-size: 24px;
 }  

h4,h5{
    font-size: 16px!important;
}

p,.p3{
    font-size: 13px;
}

.w-195{
    width: 174px;
}

.new_theme h3{
    font-size: 26px;
}

.basket-card:has(input[type="checkbox"]:checked) .product_title {
    padding-top: 18%;
    line-height: 17px;
}

.go_to_optional_tab {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

button.next-btn, .next-btn{
    font-size: 12px;
}

a.back_top, button.back_top{
     font-size: 12px;
}

.cat_promo_footer table tr td img {
    height: auto;
}

.banner_section .carousel-control-next {
    right: 7px;
}

.cat_promo_footer img{
    height: auto;
}

.cat_promo_footer table tr {
    text-align: center;
}

.cat_promo_footer table tr td {
    margin-bottom: 20px;
}

.cat_promo_footer table{
    width: 100%!important;
}

.cat_promo_footer table tr {
    display: flex;
    flex-direction: column;
}

select.orderBy {
    width: 100% !important;
}

.update_quantity {
    margin-top: 5px;
}

.mob_container h3 {
    font-size: 24px;
}

.select-radio label{
    font-size: 13px!important;
}

.custom_basket {
    padding-top: 0px!important;
}

.iner_cat_box select{
    max-width: 100%!important;
}

.custom_tab .collespselect{
    max-width: 100%!important;
}

span.cat_desk {
    display: none;
}

span.cat_mob{
    display: block;
}

.mob_container {
    text-align: center;
}

.mob_container {
    padding-bottom: 0px!important;
}

.section_pd{
    padding: 20px 0px;
}

.imagebox{
    height: auto;
}

.banner-image {
    background-image: url(../web/images/mobilebanner.png) !important;
    padding: 10% 4%;
    align-items: flex-start;
}

.banner_gift{
    font-size: 35px;
}

.banner_section .container{
  padding: 0px;
}

#bannerCarousel .carousel-caption{
    padding: 10px!important;
}

.banner-image h2.perfect_text {
    font-size: 25px;
    line-height: 36px;
}

.banner-image h2 {
    font-size: 26px;
    margin: 0px;
}

.greenbtn{
    font-size: 15px;
    height: 47px;
}

.cart_green .copy_address_button button.btn{
    height: 41px;
}

#tabSteps button.slick-arrow {
    top: -126%;
}

.bigbtn{
    max-width: 288px;
}

.banner_ribbin {
    flex-direction: column;
}

.three_destently h3 span{
    font-size: 18px;
    line-height: 30px;
}

.three_destently .text-center h3 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.page_text b, .page_text h1, .page_text h2, .page_text h3{
    font-size: 16px;
}

 button.slick-arrow {
    width: 35px;
    height: 35px;
    font-size: 0px;
    border-radius: 50px;
    border: 0px;
    z-index: 1;
    top: 20%;
    transform: translateY(50px);
    position: absolute;
}

.slick-prev::before,
.slick-next::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 20px;
  color: #000;
}

button.slick-next {
    right: 0;
}

button.slick-prev {
    left: 0;
}

.nav-pills .nav-link{
    height: 40px;
}

.slick-prev::before {
  content: "\f104"; /* ← Left Arrow */
}

.slick-next::before {
  content: "\f105"; /* → Right Arrow */
}

button.slick-arrow:hover{
  background-color: #85B726;
}

button.slick-arrow:hover::before{
    color: #fff;
}

.gift-content a {
    text-decoration: none;
    font-size: 13px;
    margin-top: 9px;
    display: block;
}

.page_text ul {
    padding: 0px 18px;
}

.page_text{
  width: 100%;
  padding: 15px;
}

.ocians h3{
    font-size: 25px;
}

.leftbig img{
    height: auto;
}

.rightbig img {
    height: auto;
    object-fit: cover;
}

.cs-border img {
    min-height: auto;
    height: auto;
}

.Specials .cs-border .imagebox img {
    height: auto!important;
}

.leftbig .cf{
    width:90%;
    margin:0px auto;
    text-align: center;
    left: 6%;
}

.leftbig h3 {
    font-size: 22px;
}

.rightbig h5{
    font-size: 15px;
}

.payment_icon img {
    width: 14%;
    height: auto;
}

.payment_icon {
    align-items: center;
    justify-content: center;
}

.desktop {
    display: none;
}

.mobile{
  display: block;
}

.delivery-card {
    margin-bottom: 0px !important;
    margin: 30px auto;
}

.menu-header {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding: 0px 11px;
}



footer .accordion-button {
    background-color: transparent;
    color: #fff;
    position: relative;
    padding-right: 3rem;
}

footer .accordion-button::after {
    display: none;
}

    footer .accordion-button::before {
      content: '–';
      font-size: 1.5rem;
      color: #fff;
      position: absolute;
      right:0;
      top: 50%;
      transform: translateY(-50%);
      transition: all 0.2s;
    }

    footer .accordion-button.collapsed::before {
      content: '+';
    }

    footer .accordion-button:not(.collapsed) {
      background-color: transparent;
      box-shadow: unset!important;
    }

    footer .accordion {
        width: 100%;
    }

    footer .accordion-button:focus{
        box-shadow: unset;
    }

    footer .accordion-item {
      background-color: transparent;
      border: none;
    }

    .accordion-button:not(.collapsed){
        color: #fff!important;
    }

    footer .accordion-body{
        padding: 0px;
    }

    footer button.accordion-button {
        padding: 0px;
        margin-bottom: 14px;
        font-weight: bold;
        font-size: 16px;
        text-transform: uppercase;
        border-bottom: 1px solid #fff;
        padding-bottom: 9px;
    }

    footer .accordion-collapse {
        margin-bottom: 15px;
    }

    footer .accordion-body a {
      color: #E2E2E2;
      text-decoration: none;
      display: block;
      margin-bottom: 5px;
      font-size: 15px;
      font-weight: 400;
    }

    footer .accordion-body a:hover {
        text-decoration: underline !important;
        color: #27abbc !important;
    }

    .step-label {
        font-size: 0.6rem;
        line-height: 12px;
        padding: 0px 6px;
        min-height: 25px;
      }


.imagebox img {
    height: 90px!important;
    object-fit: contain;
}

.select-radio label{
    padding: 1px 10px;
}

.tab-slider .nav-link {
    min-width: 80px;
    font-size: 12px;
    padding: 5px 8px;
    background: #fff;
}

p.custom_count {
    width: 18px;
    height: 18px;
    background: #C2E6EE;
    border-radius: 40px;
    color: #3AB5D0;
    font-size: 10px;
     display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
}

.product_title {
    padding: 0px 6%;
    min-height: 84px;
}

.text-card{
    width: 100%;
}

.imk{
    position: unset;
    width: 100%;
}

    .tab-slider .slick-track{
        width: 1565px!important;
    }

    .tab-slider .slick-slide{
        width: auto!important;
    }

    .anniversary {
        width: 100%!important;
        margin: 10px auto!important;
        padding: 20px;
    }

    .loginbox .card,.loginbox.creataccount .card {
        max-width: 350px;
        padding: 1rem; 
       /* margin-bottom: 35%;*/
    }

    section.loginbox {
       /* background-image: url(../web/images/login/mobilebg.png);
        height: 100%;*/
    }

    /*banner slider*/
    .carousel-caption {
        position: static;
        transform: none;
        padding: 1rem;
      }

    .carousel-caption h2 {
        font-size: 1.4rem;
      }

    .carousel-caption p {
        font-size: 1rem;
      }

    /*end*/

    .step{
        min-width:49px!important;
    }

    .back_top_btn {
        text-align: left;
    }

    .col-md-6.CARDMESSAGE {
        margin-top: 15px;
    }

    /*home slider*/

    #bannerCarousel .carousel-caption {
        position: absolute !important;
        top: 112px;
        text-align: center;
        width: 100%;
        left: 0;
    }

    .carousel-caption h2.perfect_text{
        font-size: 1.4rem!important;
    }

    .RIBBONCOLOR .card_dropdown_2{
        flex-direction: column;
    }

    .RIBBONMSG .textarea_inner textarea {
        height: 120px;
    }

    .opt_mobile {
        text-align: center;
    }

    section.custom_tab.outlogo{
        padding-top:0px;
    }

    .card_msg h3 {
        text-align: center;
        font-size: 24px;
        text-transform: capitalize !important;
        margin-top: 15px;
    }

    .tab-content .tab-pane h5 {
        text-align: center;
    }

    .opt_mobile h3 {
        font-size: 22px;
        text-transform: capitalize!important;
    }

    button.btn.cartbtn, .cartbtn{
        max-width: 100%;
        width: 100%;
        height: auto;
    }

    button.next-btn, .next-btn{
        /*width: 100%;*/
        padding: 6px 20px!important;
    }

    .products_item{
        padding-top:20px;
        padding-bottom: 20px;
        border-right: 0px !important;
    }

    .keepshp a {
        width: 49%;
        margin: 0px !important;
    }

    .cat_description{
        width: 95%;
    }

    .multi_checkbox.DIYEXPRESSTHEME .form-check{
        width: 100%;
    }

    .fticon img {
        width: 124px;
        height: auto;
    }

    .custom_px.WINEBUYERTX label {
        text-align: left;
    }

    .search-suggestions p{
        padding: 0.4rem 8px;
    }

    .search-item img {
        width: 40px;
    }

    .search-item {
        padding: 0.5rem;
        gap: 0.7rem;
    }

    .search-item-title {
        font-size: 0.8rem;
    }

    .search-item-price{
        font-size: 12px;
    }

    ul.pagination{
        overflow-y: scroll;
    }

    .header-icons{
        gap: 0.6rem!important;
    }

    .discount_item_div{
        max-width:160px;
    }

    .discount_item_div .discount_item_inner{
        display: flex!important;
        flex-direction: row!important;
    }

    section.section_pd.ready_theme.new_theme {
        margin-bottom: 5%;
    }

    .three_destently .slick-initialized .slick-slide {
        display: block;
        margin: 0px 15px;
    }

    .spinner {
        padding-bottom: 0px!important;
    }

    section.Specials {
        padding-bottom: 0px;
    }

    .reviewinner {
        padding-bottom: 0px !important;
    }

    section.review {
        padding-top: 0px;
    }

}


/*promp footer*/

.cat_promo_footer h2,.cat_promo_footer h3{
    color: #27abbc;
}

.cat_promo_footer {
    margin-top: 30px;
    margin-bottom: 30px;
}

footer ul.list-unstyled li a:hover {
    text-decoration: underline !important;
    color: #27abbc !important;
}

.footer_dark a:hover i {
    color: #27abbc !important;
}

.inner-cf h5 a:hover {
    color: #27abbc;
}

.form-text-link a:hover {
    color: #27abbc;
    text-decoration: underline;
}

.getmeet a:hover {
    color: #27abbc;
}

/*end*/