/* Show dropdown on hover */
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
--bs-gutter-x: 2.5rem; /* increase space (default 1.5rem) */
}

:root{

    /* bran color */
    --clr-primary:  #F49721;       /* Orange */
    --clr-secondary: #0190D6;      /* Blue */
    --clr-accent: #FDD62D;         /* Light Yellow */
    --clr-primary-light: #f4972129; /*transpernt bg*/
    --clr-header-bg: #F2F2F2; /*header bg*/
    --clr-promo-bg:#112B3C;  /* promo bg*/
    --clr-footer-bg:#0B1F3A; /*footer bg*/

    /*basic color*/
    --clr-black: #000000;
    --clr-white: #ffffff;
    --clr-dark: #333333;
    --clr-gray: #555555;
    --clr-gray-dark: #535353;
    --clr-gray-midum:#364856;
    --clr-blue-text:#0B1F3A; 
    --clr-blue-light:#008ED4;
    --clr-bradcum-text:#3B4847;
    --clr-body-text:#212529;
    --clr-pt-orange:#e5700d; /*text-color*/

    /*button color*/
    --color-primary-button:var(--clr-primary);
    --color-secondary-button:var(--clr-secondary);
    --color-primary-transperent:var(--clr-primary-light);
    --color-primary-light-yellow:var(--clr-accent);

    /*header color and bgcolor */
    --color-primary-header-text: var(--clr-gray-midum);
    --color-primary-header-menu-text:var(--clr-gray-midum);
    --color-primary-header: var(--clr-header-bg);
    --color-primary-header-text-icon:var(--clr-blue-text);
    --color-card-button:var(--clr-accent);

    /*banner slider text color */
    --color-primary-carousel-icons:var(--clr-primary);
    --color-primary-banner-text: var(--clr-white);
    --color-primary-bannerbtn: var(--clr-primary);
    --color-primary-sm-text: var(--clr-primary);

    /*promo slider*/
    --color-primary-promo: var(--clr-promo-bg);
    --color-primary-promo-heading: var(--clr-white);

    /*footer text color and bgcolor*/
    --color-primary-footer: var(--clr-footer-bg);
    --color-primary-footer-heading: var(--clr-blue-light);
    --color-primary-footer-text: var(--clr-white);
    --color-primary-socalicon-text: var(--clr-white);
    --color-primary-footer-bt-text: var(--clr-black);
    --color-primary-footer-bt:var(--clr-white);

    /*shop by category*/
    --color-primary-shop_cat-descpt:var(--clr-gray);
    --color-primary-shop_cat-img-heading:var(--clr-gray-dark);

    /*popular categories*/
    --color-primary-cat-btn: var(--clr-blue-text);
    --color-primary-cat-text:var(--clr-blue-text);

    /*all productlist*/
    --color-primary-productlist:var(--clr-blue-text);
    --color-primary-perducthover:var(--clr-primary);
  
    /* all heading and text color */
    --color-primary-text: var(--clr-primary);
    --color-secondary-text: var(--clr-secondary);
    --color-primary-sc-heading-text:var(--clr-dark);
    --color-primary-white: var(--clr-white);
    --color-primary-black: var(--clr-black);
    --color-primary-site-text:var(--clr-bradcum-text);
    --color-primary-static-heading:var(--clr-dark);
    --color-primary-white-transparent: var(--clr-white);
    --color-body-text:var(--clr-body-text);
    --color-orange-pt:var(--clr-pt-orange);
}

@font-face {
  font-family: 'Inter';
  src: url('../web/fonts/Inter-Italic-Variable.woff2') format('woff2');
  font-weight: 100 900;
  font-stretch: 75% 125%;
  font-style: normal;
  font-display: swap;
}

body,h1,h2,h3,h4,h5,h6,p,span,a,.form-control{
     font-family: "Inter", sans-serif!important;
 }
     
.app-primary-btn-color
{
    background: var(--color-primary-button);
    border-color:var(--color-primary-button);
    color:var(--color-primary-white);
     transition: 0.3s ease;
}

.app-secondary-btn-color{
    background: var(--color-secondary-button);
    border-color:var(--color-secondary-button);
    color: var(--color-primary-white);
     transition: 0.3s ease;
}

.app-primary-btn-color:hover,.app-primary-btn-color:active{
    background: var(--color-primary-button);
    border-color:var(--color-primary-button);
    color: var(--color-primary-white)!important;
    filter: brightness(110%);
}

.app-secondary-btn-color:hover,.app-secondary-btn-color:active{
    background: var(--color-secondary-button)!important;
    border-color:var(--color-secondary-button);
    color: var(--color-primary-white)!important;
    filter: brightness(110%);
}

.app-secondary-btn-color.btn:first-child:active {
    border-color: var(--color-secondary-button);
}

.app-outer-btn{
    background : var(--color-primary-white-transparent);
    border-color : var(--color-primary-button);
    color: var(--color-primary-static-heading);
}

.app-outer-btn:hover{
    background : var(--color-primary-white-transparent);
    border-color : var(--color-primary-button);
    color:var(--color-primary-white)!important;
}

.app-primary-transpernt-color{
    background: var(--color-primary-transperent);
}

.app-outer-btn:hover{
    background: var(--color-primary-button);
    border-color:var(--color-primary-button);
}

.app-yellow-btn{
    background: var(--color-primary-light-yellow);
    color: var(--color-primary-black);
}

.orangebtn a:hover{
    color: var(--color-primary-white)!important;
}

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{
    background: var(--color-primary-button);
    border-color:var(--color-primary-button);
    color: var(--color-primary-white)!important;
}

.cart_data .accordion-button.second-prm:not(.collapsed) {
    background: var(--color-secondary-button);
}

.selected_address.selected_billing .footer-edit{
    background:var(--color-secondary-button);
}

.selected_address.selected_billing .footer-edit:hover {
    background: var(--color-secondary-button);
}

/*text color*/

.app-primary-text-color {
    color: var(--color-primary-text);
}

.pt-ornage{
    color: var(--color-orange-pt);
}

.app-secondary-text-color {
    color: var(--color-secondary-text);
}

a:hover{
    color:var(--color-primary-text)!important;
}

.userss a:hover i {
    color: #000;
}

.app-primary-footer_bt small{
    color: var(--color-primary-footer-bt-text);
    font-weight:500;
}

.anniversary_gift ul li {
    list-style-type: none;
}

.banner-text{
    color: var(--color-primary-banner-text);
}

.banner-sm-text{
    color:var(--color-primary-sm-text);
}

.header-text-icon{
    color:var(--color-primary-header-text-icon);
}

.footer_descrption{
  color: var(--color-primary-footer-text);
}

.promoheading{
  color:var(--color-primary-promo-heading);
}

a.no-effectlink:hover p {
    color: var(--color-primary-perducthover)!important;
}
a.no-effectlink p {
    color: var(--color-primary-productlist);
}

h6.product_price_list{
    color: var(--color-primary-productlist);
}

.brand-grid{
    display:grid;
    grid-template-columns: repeat(5, 1fr); /* 5 columns */
    gap:20px;
}

.brand_home{
  background-color: #EAEAEA;
}

.brand-box img:hover {
    box-shadow: 0 0 30px 0 #0003;
}

.occasion-slider .image-container:hover {
    border-bottom: 2px solid var(--color-primary-text);
}

.plumbing-main {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

.newsdata {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.btom{
    border-bottom: 1px solid #16355E;
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 50px;
    margin-bottom: 50px;
}

.footer_blue h2{
    color: var(--color-primary-footer-text);
    font-size: 28px;
}

.newsdata form {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.bf-half {
    text-align: left;
}

.bf-half {
    text-align: left;
}

.payment_icon {
    display: flex;
    justify-content: flex-end;
}

.app-primary-footer_bt .row {
    align-items: center;
}

.boxinner.userss{
    padding: 11px 0px!important;
}

.bannerlogin img {
    height:200px;
}

.page-data h4 {
    font-size: 24px !important;
    font-weight: bold;
    color: #333333;
}

.page-data p {
    font-size: 18px;
    font-weight: 500;
    color: var(--color-primary-sc-heading-text);
}

.page-data ul li {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-primary-sc-heading-text);
    display: flex;
}

.page-data ul li i {
    color: #F49721;
    margin-right: 8px;
}
.page-servcie .service-card {
    text-align: center;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
}

.page-data ul {
    padding: 0px;
    margin-top:10px;
}

.contact_us .circal {
    background: #fff;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contact_us .circal i {
    color: var(--color-secondary-text);
}

.contact_us .form-control{
    height: 57px;
}

.contact_us .btn{
    height: 57px;
}

.contact-card {
    box-shadow: 0px 0px 10px 0px #00000040;
    border-radius: 10px;
    margin-top: 20px;
    padding: 20px;
}

.service-text{
  flex-grow: 1;
}

.contact-btn {
    width: 100%;
}

.contact-btn a {
    font-weight: 700;
    font-size: 20px;
    display: block;
    color: var(--color-primary-white);
    height: 57px;
    text-align: center;
    padding: 11px 0px;
}

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

.cat_promo_footer{
  color: var(--color-body-text);
}

.page-servcie .service-card h4 {
    min-height: 75px;
}

.shipinfonew ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.shipinfonew ul li img {
    width: 15px;
    height: auto;
    margin-right: 4px;
}

.shipinfonew ul li {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 4px;
    font-size: 16px;
    color:var(--color-body-text);
}

.shipinfonew ul li.copname {
    font-size: 13px;
    display: flex;
    gap:4px;
}

.accordion-button:not(.collapsed)::after{
    filter: invert(1)!important;
}

.cart_item_divv > .row {
    align-items: center;
}

.cont_box i.fas.fa-phone-alt {
    transform: rotate(94deg);
}

ul.navbar-nav li.nav-item.active > a {
    color:var(--color-primary-text)!important;
}

.garybox .card-header p {
    color: var(--color-primary-black);
}

.garybox .card-header {
    background: #fff;
    padding: 16px 20px;
}

section.tab_single {
    padding: 40px 0px;
}

.tab_single #myTabContent ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    list-style: none;
    padding: 0;
}

.tab_single ul.nav li.nav-item button.active {
    color: var(--color-primary-button);
    font-weight: bold;
    border: 0px;
    border-bottom: 2px solid #000!important;
}

.tab_single ul.nav li button{
    padding-left: 0px;
    padding-right: 0px;
    color:#3B4847;
}

.tab_single ul.nav li {
    gap: 10px;
    width: 130px;
}

.tab_single ul.nav li button,.tab_single ul.nav li{
    border:0px!important;
}

.tab_single ul.nav li button:hover {
    border: 0px;
}

.tab_single ul.nav li button:focus-visible {
    border: 0px;
    outline: 0px;
    box-shadow: unset;
}

button.thumb-btn:hover {
    background: #ff9338;
}

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

/*top comman class*/

.scicon a i {
    font-size: 24px;
}

.scicon svg:hover path {
    color: #27abbc !important;
}

.promo-bar {
    overflow: hidden;
}

a.no-effectlink:hover p {
    text-decoration: underline!important;
}

/* tranding menu css new header css*/
/* --tranding mb*--*/

.mb_tranding .dropdown-btn {
    background: #fff;
    color: red;
    font-weight: 500;
    border: none;
    padding: 10px 22px;
    border-radius: 8px;
    transition: 0.3s ease;
    display: flex;
    align-items: center;
    gap: 8px;
}

.mb_tranding .dropdown-btn:hover {
    background: #fff;
    color: red!important;
}

/* Dropdown menu */
.mb_tranding .dropdown-menu {
    border-radius: 10px;
    border: none;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    padding: 8px 0;
}

.mb_tranding .dropdown-menu a {
    padding: 0px 10px;
    transition: 0.2s;
    color: #8BC34A;
    font-weight: 600;
    text-transform: capitalize;
}

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

/* Remove Bootstrap default caret */
.mb_tranding .dropdown-toggle::after {
    display: none;
}

.hd_logo {
    text-align: left;
}

.getmeet a {
    color: var(--color-primary-header-text-icon);
    font-weight: 500;
}

.getmeet a i {
    transform: rotate(99deg);
    margin-right: 4px;
}

.getmeet {
    width: 64%;
    margin-left: auto;
}

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

section.trandingmenu {
    padding: 40px 0px;
    padding-bottom: 15px;
}

.trand_inner ul {
    list-style-type: none;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 0px;
}

.trand_inner ul li a {
    padding: 0px 30px;
    color: #8BC34A;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: 0px;
    text-decoration: underline;
}

.trand_inner h4 {
    color: red;
    margin: 0px;
    letter-spacing: 0px;
    text-transform: uppercase;
    font-weight: 600;
    margin-right: 10px;
    font-size: 16px !important;
}

.new_design_hder{
    height: auto;
    padding: 20px 0px;
}

.new_design_hder .searchbar{
    width: 100%;
}

.new_design_hder .box {
    justify-content: flex-end;
    gap: 15px;
    flex-wrap: nowrap;
}

.new_design_hder .boxinner p{
    margin-left:0px;
}

.new_design_hder .box .boxinner {
    flex-direction: row;
}

.new_design_hder .box .boxinner > a {
    flex-direction: row;
    gap:10px;
}

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

.new_design_hder a#viewCartDropdown {
    flex-direction: row-reverse;
    gap: 5px;
    border-radius: 6px;
    padding: 6px 10px;
}

.trand_inner ul {
    padding: 0px;
}

.menu ul.navbar-nav > li.nav-item > a:after{
    display: none;
}

.footer_logo {
    margin-bottom: 25px;
}

/* end new header css */

.home_accordian .accordion-body a {
    color: #27abbc;
    font-weight: 500;
}

.home_accordian .accordion-body a:hover {
    text-decoration: underline;
}

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

.popupb .input-group-text {
    border: 0px;
}

.popupb .input-group-text {
    border: 0px;
}

.popupb .input-group span button {
    border: 0px;
    background: transparent;
}

.popupb {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top:20px;
}

.popupb .minusitemcount_button.disabled {
    background: #eee;
    border-radius: 0px;
}

.popupb input#itemCount:focus-visible {
    outline: 0;
}

.popupb .input-group{
    width: auto !important;
    border: 1px solid #eee;
}

.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: var(--color-primary-black);/*#27abbc;*/
    font-weight: 500;
}

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

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

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

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

p.orab {
    width: 50px;
    height: 50px;
    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 {

}

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: 14px;
    letter-spacing: 0px;
}

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

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

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

.brownbtn{
    background: #4A2F0A;
    font-size: 20px;
    color: #fff!important;
    border-radius: 6px;
    height:auto;
    font-weight: 700;
}

.brownbtn:hover{
    background: #F4FD0B;
}

.ltbluebtn{
    background: #93CDD5;
    font-size: 20px;
    color: #000!important;
    border-radius: 6px;
    height: 57px;
    font-weight: 700;
}

.ltbluebtn:hover{
    background: #F4FD0B;
}

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

.whitebtnbg:hover{
    background: #F4FD0B;
}

.redbtn{
    background: #ff0000;
    font-size: 20px;
    color: #fff!important;
    border-radius: 6px;
    height: 57px;
    font-weight: 700;
}

.redbtn:hover{
    background: #F4FD0B;
}

.burgundybtn{
    background: #841c1c;
    font-size: 20px;
    color: #fff!important;
    border-radius: 6px;
    height: 57px;
    font-weight: 700;
}

.burgundybtn:hover{
    background: #F4FD0B;
}

.blackbtn{
    background: #000000;
    font-size: 20px;
    color: #fff!important;
    border-radius: 6px;
    height: 57px;
    font-weight: 700;
}

.blackbtn:hover{
    background: #000000;
}

.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 {
    width: 350px;
    height: 60px;
}

button.next-btn.customize_add_to_cart:hover {

}

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

.wow .rightbig h5 {
    font-size: 16px;
    color: var(--color-primary-cat-text);
}

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

.boxinner.userss .dropdown-item.active, .boxinner.userss .dropdown-item:active{
    background-color: var(--color-primary-button);
    color: var(--color-primary-white)!important;
}

.carts img {
    height:auto;
}

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

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

li.profile_user {
    margin-bottom: 10px;
    padding-bottom: 10px !important;
    padding: 10px 5px;
    line-height: 19px;
}

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

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

section.menu {
    background-color: var(--color-primary-header);
}

ul.navbar-nav li > ul li a {
    color: var(--color-primary-header-menu-text);
    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;
    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:var(--color-primary-header-text);
    bottom: 6px;
}

.menu ul.navbar-nav > li:hover > a {
    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;
    color: var(--color-primary-header-text);
    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:var(--color-primary-black);
}

.sky{
    color:#36AEC6;
}

.black-d{
    color:var(--color-primary-sc-heading-text);
}

.ocian-gray{
    color:var(--color-primary-shop_cat-img-heading);
}

.text-g{
    color: var(--color-primary-shop_cat-descpt);
}

.text-white{
    color:#fff;
}

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

.orange-text {
    color: var(--color-primary-text);
}

.lightgreen{
    background: #D5F0C0;
}

.app-primary-promo-bg {
    background: var(--color-primary-promo);
}

.graybg{
    background: #E4EDF2;
}

/*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: var(--color-primary-site-text);
}

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-bold{
    font-weight: bold;
}
.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: var(--color-primary-text);
    font-size: 20px;
    color: #fff!important;
    border-radius: 6px;
    height: 57px;
    font-weight: 700;
}

.orangebtn{
    background: var(--color-primary-bannerbtn);
    font-size: 20px;
    color: var(--color-primary-white)!important;
    border-radius: 6px;
    height: 57px;
    font-weight: 700;
    transition: 0.3s ease;
}

.app-primary-carousal-button{
    background: var(--color-primary-button);
    font-size: 20px;
    color: #fff!important;
    border-radius: 6px;
    height: 57px;
    font-weight: 700;
}

.planbtn{
    font-size: 14px;
    font-weight: 500;
    background: transparent;
    color: #000;
    border: 0px;
    outline: 0px;
    box-shadow: 0px;
}

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

.greensmall{
    font-size: 13px;
    height: 29px;
    width: 100%;
    max-width: 100px;
    border-radius: 4px;
    border:0px;
    cursor: pointer;
    color: #3B4847;
}

.greensmall:hover {
    color: #fff;
}

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

.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;
}
.orangebtn:hover{
    background: var(--color-primary-text);
    filter: brightness(110%);
}

.app-primary-carousal-button:hover {
    background: var(--color-primary-button);

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

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

.btn:hover{
    background: var(--color-primary-button);
}

.btn:first-child:active{
    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 {
    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: 500;
}

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;
    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: 4% 51%;
    text-indent: 25px;
}

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

.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: var(--color-primary-header-menu-text);
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    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 var(--color-primary-header);
}

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: 0px;
    margin-left: 0px;
}

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

h2 {
    color: var(--color-primary-static-heading);/*#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%;
    height: 242px;
    object-fit: contain;
    padding: 10px;
    border-radius: 50%;
    transition: transform 0.3s ease;
}

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

}

.occasion-slider .image-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0px 0px 4.95px 0px rgba(0, 0, 0, 0.2);
    border-bottom: 2px solid transparent;
}

.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 19px;
    width: 95%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.inner-cf h3 {
    color: var(--color-primary-cat-btn);
    margin-bottom:0px;
}

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

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

.rightbig img {
    height: 220px;
    width: 100%;
    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: auto;
    height: auto;
}

.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: var(--color-primary-site-text);
    padding: 0 0.5rem;
}

.breadcrumb a {
    text-decoration: none;
    color: var(--color-primary-site-text);
}

.breadcrumb-item.active {
    font-weight: bold;
    color: var(--color-primary-site-text);
}

/*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*/ 

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

/* Hide default checkbox */

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

a.back_top,button.back_top {
    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;
}

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

button.next-btn:hover,button.next-btn:active{
    color: #fff!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;
}

.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 {
    background-color: #3AB5D0;
    color: #fff;
}

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

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

/*end*/

/* select radio grid */

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

.textbox {
    position: relative;
}

.imagebox img {
    height: 180px;
}

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

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

/*end*/

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

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

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

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: 500;
}


.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{
    border-radius: 4px;
    height: 48px;
    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:var(--color-primary-site-text);
    font-weight: 500;
    margin-bottom: 10px;
    position: relative;
    padding: 0px 22px;
    line-height: 20px;
    padding-right: 0px;
}

ul.product-list li i{
    margin-right: 10px;
    position: absolute;
    left: -5px;
    top: 4px;
    font-size: 18px;
    color: var(--color-primary-button);
}

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

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

.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: #A1001A;
    border-color: #A1001A;
    border-radius: 4px;
    width: 100%;
    width: 350px;
    height: 60px!important;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}

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

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

/*cart table*/

.blueborer{
    border: 1px solid var(--color-secondary-text)!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;
}

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

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

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

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

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

.middle_green{
    color: #fff;
    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{
    color: #fff;
    outline: 0px;
    box-shadow: umset;
}

.green-button:hover{
    color: #fff;
}

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

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

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

.outlinebtn{
    border-radius: 4px;
}

.outlinebtn:hover{
    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{
    border-color:  var(--color-primary-button); /*#9CC54F;*/
    height: 50px;
}

.ac_button{
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.checkgest{
    width: 100%;
    max-width: 196px;
    height: 35px;
}

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

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

.loginbox .card {
    width: 100%;
    max-width: 600px;
    background-color: #fff;
    border: none;
    border-radius: 10px;
    padding: 2rem;
    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;
}

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

.carousel-control-next-icon{
    background-image: unset;
    width: 30px;
    height: 30px;
    background: transparent;
    border: 6px solid var(--color-primary-carousel-icons);
    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 var(--color-primary-carousel-icons);
    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: var(--color-primary-black);
}

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

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

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

.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: var(--color-primary-button) #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 {
    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;
    color: var(--color-body-text);
}

/*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: 500;
    color:var(--color-primary-black);
}

.page_text span{
    color: red;
}

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

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


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

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

.cart_data .accordion-button:not(.collapsed){
    background: var(--color-primary-button);
    margin-bottom: 0px;
    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 var(--color-primary-button);
    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: var(--color-primary-button);
    border-color: var(--color-primary-button);
}

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

/* Gradient Box */
.selected_address .gradient-box {
    /*background: linear-gradient(135deg, var(--color-primary-transperent), var(--color-primary-button));*/
    padding: 0px;
    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;
    color:var(--color-body-text);
}

.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: 24px;
    right: 20px;
    background: var(--color-primary-button);
    color: #fff;
    padding: 3px 6px;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.2s ease;
}
.selected_address .footer-edit:hover {
    background: var(--color-primary-button);
}

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


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



/*new theme section*/

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

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 {
    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 */
}

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

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

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

.card_dropdown_2 {
    background: #b3b3b33d;
    padding: 21px;

    margin-top:20px;
}

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

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

.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 var(--color-primary-button);
}

.product_list_border .card-header {
    border-bottom: 2px solid var(--color-primary-button);
}

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

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

.saddress {
    background: linear-gradient(135deg, #f7fff1, #eaf8e4);
    padding: 16px;
    padding-bottom: 0px;
    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: 0px;
}

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

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

.scrlling_cart .dropdown-item.active {
    background-color: var(--color-primary-button)!important;
}

.scrlling_cart .dropdown-item:active{
    background-color: var(--color-primary-button) !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 {

    font-size: 13px;
    height: 29px;
    width: 100%;
    max-width: 100px;
    border-radius: 4px;
    color: #fff;
    padding: 5px 18px;
}

ul.pagination  .active>.page-link, ul.pagination  .page-link.active {
    background: var(--color-primary-button);
    border-color: var(--color-primary-button);
}

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 var(--color-primary-button);
}

ul.pagination a.page-link:hover {
    background: var(--color-primary-button);
    color: var(--color-primary-white)!important;
    border-color: var(--color-primary-button);
}

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

#bannerCarousel .carousel-caption{
    left: 0!important;
    right: auto;
    width: 100%;
    /*width: 530px !important;
    margin-left: 6rem;*/
}

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

.box_box .cat_description {
    width: 100%;
    text-align: left;
    color:var(--color-body-text);
}

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

button.outofstock {
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: var(--color-primary-transperent);
    color: #333;
    display: inline-block;
    padding: 8px 18px;
    border-radius: 12px;
    font-weight: 600;
    margin-bottom: 25px;
    border: 1px solid var(--color-primary-button);
}

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

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

.mobile_banner_image {
    display: none !important;
}

.cart_green{
    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*/

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


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

.footer_blue{
    background: var(--color-primary-footer);
    color:var(--color-primary-white);
}

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

.app-primary-footer_bt{
    background: var(--color-primary-footer-bt);
}

footer h6 {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.16px;
    color: var(--color-primary-footer-heading);
}

footer ul.list-unstyled li a {
    color: var(--color-primary-footer-text);
    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: 528px;
}

.scicon a i {
    color: var(--color-primary-socalicon-text);
}

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: 35px;
    color: #fff;
}

footer .suscribe button.btn {

    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: auto;
}

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

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

/* new header css*/

@media (max-width:1399px) {

    .trand_inner ul li a{
        font-size: 15px;
    }
}

/*End new header css*/

/* Responsive adjustments */

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

    .category_image{
      padding: 30px 32px;
    }

    .zoom-container img{
        min-height: auto;
    }

    .zoom-container img {
       height: auto;
    }

    .wow .rightbig h5 {
        font-size: 13px;
    }
    /*new css*/

    .boxinner p {
        font-size:12px!important;
    }

    .new_design_hder .box {
        gap: 15px!important;
    }

    .new_design_hder .box .boxinner > a {
        gap: 5px!important;
    }
   /*end*/

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

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

.three_destently button.greenbtn {
    height: auto;
    font-size: 18px;
}
.three_destently button.orangebtn {
    height: auto;
    font-size: 18px;
}
.three_destently button.app-primary-carousal-button {
    height: auto;
    font-size: 18px;
}


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

}

@media (min-width: 1501px) {

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

    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: 1199px) {
    body .boxinner p {
        font-size: 10px!important;
    }

   

    #bannerCarousel .carousel-caption {
       /*width: 427px !important;
       margin-left: 2rem!important;*/
    }

    .ocian-gray{
     font-size: 14px;
    }

    .iner-suscrbtion h2 {
        font-size: 1.75rem !important;
    }

    .new_design_hder .box {
        gap: 10px!important;
    }

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

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


@media (min-width: 992px) {

    .custom_tab.outlogo .tab_data h5 span i {
        display: none;
    }

        button#place_order_btn,#card_button {
        width: 100%;
        max-width: 290px;
    }

    div#paypal-button-container {
        width: 100%;
        max-width: 280px;
        margin: 0px auto;
    }

    .none-ipad{
        display: none;
    }

    .brand_home{
        padding: 60px 0px!important;
    }

    .occasion-slider .slick-track {
        gap: 20px;
        display: flex;
        margin: 7px 0px;
    }

    .plumberimg img {
        height: 252px;
        object-fit: cover;
    }

/*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 .tab-slider .slick-list{
/*overflow: unset;*/
}



/*end*/

/* 
.customss {
padding: 0px 15.5%;
} */

.customss {
    padding: 0px 0px;
}

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

span.cat_mob {
    display: none;
}

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


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

.mobile_header{
    display: none!important;
}

}


@media (max-width:1200px) {

/*new header css*/

.occasion-slider img{
    height: auto;
}

.trand_inner ul {
    padding: 0px;
}

.trand_inner ul li a {
    padding: 0px 10px;
}

.new_design_hder .boxinner p {
    font-size: 12px;
}

.new_design_hder .searchbar {
    width: 100%;
}

.new_design_hder .box {
    gap: 20px;
}

.getmeet {
    width: 100%!important;
    margin-left: auto;
}

/*end new header css*/


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

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


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

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


.product_title {
    padding: 0px 8%;
}


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

.leftbig img{
    height: 370px;
}

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

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

.three_destently button.orangebtn {
    height: auto;
    font-size: 18px;
}
.three_destently button.app-primary-carousal-button {
    height: auto;
    font-size: 18px;
}


}

@media (max-width:991px) {

/*new header css*/
.mb_search{
    padding: 0px;
}

.mb_search img {
    width: 24px;
    height: 22px;
}

  .header-icons a img {
        height: 22px;
    }

     .btom {
      flex-direction: column;
      text-align: center;
    }

    .boxinner.userss p img {
        height: 22px;
    }

 .bf-half {
        text-align: revert;
        margin-bottom: 9px;
    }

.payment_icon {
    display: flex;
    justify-content: center;
}

.occasion-slider .image-container{
    margin: 10px 10px;
}

.occasion-slider img{
    height: auto;
}

.new_design_hder,.trandingmenu{
    display: none;
}

.mb_tranding .btn:active {
    background-color: unset;
    color: red !important;
    border-color: unset;
}

.holidays\/christmas-gift-baskets table tbody tr {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
}

.holidays\/christmas-gift-baskets table tbody tr td {
    width: 45%;
    text-align: left;
    margin: 5px 7px;
}

.occasion-gift-baskets table tbody tr {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
}

.occasion-gift-baskets table tbody tr td {
    width: 45%;
    text-align: left;
    margin: 5px 7px;
}

.menu-header{
    justify-content: space-between!important;
}


.mb_tranding {
    width: 100%;
}

.menu-header {
    padding: 10px 11px;
}


.mb_tranding .dropdown-btn {
    display: flex;
    justify-content:space-between;
}

.mb_tranding .dropdown-btn{
    text-transform: uppercase;
    font-weight: bold;   
}

/*end new header css*/

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


.custom_tab.outlogo .tab-slider {
    display: none;
}

.custom_tab.outlogo .tab_data h5 {
    margin-bottom: 0px;
}

.custom_tab.outlogo .tab_data h5 span {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    padding: 0px 0px;
}


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

h6.scmb {
    background: var(--color-primary-button);
}

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

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

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


.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: var(--color-primary-text) !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: 15px 15px;
}

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

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

.mbbsearch {
    position: absolute;
    top: 64px;
    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;

}

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

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

.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;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    transition: transform 0.3s ease-in-out;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.2);
    overscroll-behavior: contain;
    padding-bottom: 200px!important;
    padding-top:0px!important;
}

.highlighted{
    overflow: visible !important;
}

.menu-header {
    flex-shrink: 0;
}

.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: -2px;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 10px;
    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: 1199px){ 
  
      .boxinner img {
        display: block;
        width: 15px;
        height: auto;
    }

    p.count {
    width: 16px;
    height: 16px;
   }
}


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

    .tab_single #myTabContent ul {
        grid-template-columns: repeat(2, 1fr);
    }

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

    ul.cat_lk li:last-child {
        margin-right: 0px;
    }

    .zoom-container img{
        min-height: auto;
    }

    .zoom-container img {
       height: auto;
    }

    .box_box{
        max-width: 590px;
    }

    .page-servcie .service-card h4 {
        font-size: 20px !important;
        min-height: 65px;
    }

    .box_box h1 {
        font-size: 30px;
    }

    .category_image{
        padding: 30px 32px;
    }

    .cat_description{

        margin: 10px auto;
    }


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

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

    .leftbig img {
        height: 370px;
    }

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

    .occasion-slider p.ocian-gray{
        font-size: 14px!important;
    }

    .iner-suscrbtion h2{
        font-size: 30px;
    }

}

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

    .rightbig img{
        height: auto;
    }

    .tab_single #myTabContent ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .plumbing-main h2{
       font-size: 25px!important;
    }

    .coupan-code h4{
        font-size: 1rem!important;
    }

    #bannerCarousel .carousel-control-prev{
      left: 20px!important;
    }

    #bannerCarousel .carousel-control-next{
        right: 20px!important;
    }

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

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

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

    .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 50px !important;
        width: 100% !important;
        margin-left: 0px!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;
    }


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

    .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 (min-width: 768px) {
    .container1 .promo-track {
        animation: none;
        justify-content: center;
        width: 100%;
    }
}

@media (max-width: 767px) {

    section.tab_single {
        padding-top: 0px;
    }

    ul.cat_lk{
        margin-top:0px!important;
        margin-bottom:10px!important;
    }

    .carousel-control-prev-icon,.carousel-control-next-icon{
        width: 20px;
        height: 20px;
        border:4px solid var(--color-primary-carousel-icons);
        border-top:0px;
        border-left: 0px;
    }

    .chekprodt img {
        width: 100%!important;
        height: auto;
    }

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

    ul.pagination{
        margin-top: 20px;
    }

    h3.price {
        font-size: 35px;
    }

    .rules_single {
        padding-bottom: 10px;
    }

    .tab_single #myTabContent ul {
        grid-template-columns: repeat(1, 1fr);
    }

   .leftbig .cf{
    padding-bottom:10px;
   }

   .occasion-slider .image-container p {
        padding: 0px 3px;
        line-height: 15px;
        margin-bottom: 0px !important;
        min-height: 37px;
    }


    .cat_description{
        margin: 0px auto;
    }

    #bannerCarousel .carousel-caption .text-div h4 br{
        display: none;
    }

    #bannerCarousel .carousel-caption .text-div h2 br{
        display: none;
    }

    #bannerCarousel .carousel-inner .carousel-item:nth-child(3) .carousel-caption {
        top: 30px;
    }

      #bannerCarousel .carousel-inner .carousel-item:nth-child(2) .carousel-caption {
        top: 30px;
    }

     #bannerCarousel .carousel-inner .carousel-item:nth-child(4) .carousel-caption {
        top: 30px;
    }


    #bannerCarousel .text-div{
        text-align: center !important;
        width: 80%!important;
        margin: 0px auto!important;
    }

    #bannerCarousel .text-div .textbtn {
        text-align: center !important;
    }

    #bannerCarousel .text-div h4 {
        text-align: center !important;
    }

    #bannerCarousel .text-div h2 {
        text-align: center !important;
    }

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

    .ocians p.text-g {
        padding: 0px 40px;
    }

    .page-servcie .service-card h4 {
        min-height: auto;
    }

    .page-servcie .service-card .service-text {
        margin: 0px;
        padding-top: 5px !important;
    }

    body .iner-suscrbtion h2{
        font-size: 20px!important;
    }

    .cont_box {
        padding: 20px !important;
    }

    .contact_us .form-control {
      font-weight: 500;     
    }

    .cont_text small {
        font-weight: 500;
    }

    .cont_text a,.cont_text {
        font-weight: 500;
    }

    .thumb-btn {
        width: 32px !important;
        height: 32px !important;
        display: flex !important;
        justify-content: center;
        align-items: center;
        font-size: 16px!important;
        padding: 0 !important;
        line-height: 32px; 
        text-align: center;
        box-sizing: border-box;
        -webkit-appearance: none;
        appearance: none;
    }

    .box_box .cat_description{
        font-weight: 500;
    }

    .page-servcie .service-card h4 {
        padding: 0px 10px !important;
    }

    .page-data p{
        font-weight: 500!important;
    }

    .page-data ul li{
        font-weight: 500!important;
        line-height:20px;
    }

    .zoom-container img{
        min-height: auto;
    }

    .page-data p {
        margin: 15px 0px;
    }

    .contact-card {
        text-align: center;
    }

    .page-data h4 {
    font-size: 22px!important;
    }

    .page-data .mb-5 {
        margin-bottom: 20px !important;
    }


    .occasion-slider {
        margin-top: 20px !important;
    }


    #bannerCarousel .carousel-control-prev {
        left: 10px;
    }

    .even {
        flex-direction: column-reverse;
    }

    .selected_address .gradient-box{
        padding: 16px!important;
    }

    .footer_blue h2 {
       font-size: 20px;
    }

    .btom h2 {
        text-align: center;
    }

    .btom p {
        text-align: center;
    }

    .newsdata{
        margin-top:20px;
    }

    .plumbing-main .iner-suscrbtion {
        text-align: left;
        width: 80%;
    }

    section.contact_us {
        margin: 0px 10px;
    }

    .contact-card > div {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .plumbing-main {
        flex-direction: row;
    }

    .plumberimg img {
        height: 180px;
    }

    #bannerCarousel .carousel-caption{
        width: 100%!important;
        margin-left: 0px!important;
    }

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

    .container1 .promo-marquee {
        width: 100%;
        overflow: hidden;
    }

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

    .container1 .promo-track {
        display: flex;
        width: max-content;
        animation: promo-scroll 30s linear infinite;
        will-change: transform;
        transform: translate3d(0,0,0);
    }

    .container1 .promo-item {
        white-space: nowrap;
        padding-right: 120px; /* 🔥 IMPORTANT for last text */
    }

    @keyframes promo-scroll {
        from {
            transform: translateX(0);
        }
        to {
            transform: translateX(-61%);
        }
    }

    .themebtn {
        height: auto;
        padding: 10px 10px;
    }

    button.outofstock{
        height: auto;
        padding: 10px 7px;
    }

    .cs-border{
        padding: 3px!important;
    }

    .inborder{
        padding:10px;
    }

    .product_label_badge{
        top:4px!important;
    }

    .product_label_badge span {
        display: none;
    }

    .product_label_badge span:first-child {
        display: inline-block;
    }


    p.anni_heading {
        margin-top: 0px;
        padding-top:5px!important;
        font-weight: 500;
    }

    p.orab{
        display: none;
    }

/*new tab */

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

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

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

/*end*/

.promo-item h4 {
    width: 100%;
    font-size:12px!important;
    line-height: 24px;
}

.ft-one h2 {
    padding: 0px 52px;
}

.ft-one p {
    padding: 0px 50px;
}

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

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

h2{
    font-size: 20px;
}  

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

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

.w-195{
    width: 174px;
}

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

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

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

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

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

.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 13px!important;
}

.btom {
    padding-bottom: 30px;
    margin-bottom: 30px;
}

footer .suscribe input.form-control{
    margin-bottom: 0px!important;
}

.Specials .spinner {
    padding-top: 20px !important;
}

.wow {
    padding-top: 0px;
}

#bannerCarousel .carousel-caption .text-div h4 {
    line-height: 24px;
}

.coupan-code .slick-track{
  display: flex;
  align-items: center;
}

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

.orangebtn{
    font-size: 15px;
    height: 47px;
}

.app-primary-carousal-button{
    font-size: 15px;
    height: 47px;
}

.cart_green .copy_address_button button.btn{
    height: 41px;
}

#tabSteps button.slick-arrow {
    top: -126%;
}

.bigbtn{
    max-width: 240px;
}

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

.tab_single ul.nav li{
    width: auto;
}

button.slick-prev {
    left: -10px;
}

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

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:100%;
    margin:0px auto;
    text-align: center;
    left: 0%;
}

.brand_home p {
    padding: 0px 20px;
}

.brand-grid {
  gap:10px;
  margin-bottom: 20px !important;
}

.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: var(--color-primary-footer-text);
    text-decoration: none;
    display: block;
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: 500;
}

footer .accordion-body a:hover {
    text-decoration: underline !important;
    color: var(--color-primary-text) !important;
}

.step-label {
    font-size: 0.6rem;
    line-height: 12px;
    padding: 0px 6px;
    min-height: 25px;
}


.imagebox img {
    height: 90px!important;
    object-fit: contain;
}


.product_title {
    padding: 0px 6%;
    min-height: 84px;
}

.text-card{
    width: 100%;
}

.imk{
    position: unset;
    width: 100%;
}

.anniversary {
    width: 100%!important;
    margin: 10px auto!important;
    padding: 20px;
}

.loginbox .card,.loginbox.creataccount .card {
    max-width: 350px;
    padding: 1rem; 
/* margin-bottom: 35%;*/
}


/*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: 200px;
    text-align: center;
    width: 100%;
    left: 0;
}

.carousel-caption h2.perfect_text{
    font-size: 1.4rem!important;
}

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

button.next-btn, .next-btn{
/*width: 100%;*/
padding: 8px 20px!important;
}

.products_item{
    padding-top:20px;
    padding-bottom: 20px;
    border-right: 0px !important;
}

.keepshp a {
    width: 100%;
    margin: 0px !important;
    margin-bottom: 5px!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: 20px!important;
}

.plumbing-main .iner-suscrbtion h2 {
    padding: 0px 0px;
    line-height: 24px;
}

.iner-suscrbtion h4 {
    padding: 0px 0px;
    line-height: 22px;
}

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

.Specials h3 {
    padding: 0px 30px;
}


.bannerlogin img {
    height: 140px;
    object-fit: cover;
}

.login-container {
   margin-top:-85px;
}


/*promp footer*/

.cat_promo_footer h2,.cat_promo_footer h3{
    color: #27abbc;
}

.cat_promo_footer {
    margin-top: 30px;
    margin-bottom: 10px;
    font-weight: 500;
}

footer ul.list-unstyled li a:hover {
    text-decoration: underline !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;
}

 p, .p3 {
        font-weight: 500;
    }

    .cat_description{
        font-weight: 500;
    }
}

/*end*/



@media (max-width: 340px) {

    h1 {
        font-size: 18px;
    }

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

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

    .dd_title {
        font-size: 16px;
    }

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

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

    h2 {
        font-size: 20px!important;
    }

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

    h3 {
        font-size: 22px;
    }

    p, .p3 {
        font-size: 12px;
        font-weight: 500;
    }

    .card_msg h3 {
        font-size: 20px;
    }

    .step-label {
        font-size: 0.5rem;
        line-height: 9px;
    }

    .masonry-item .p_name {
        margin-bottom: 10px;
    }

    .product_list_border .info-text {
        font-size: 14px;
    }

    body .chekprodt img {
        width: 130px;
        height: auto;
    }

    .keepshp a{
        font-size: 14px;
    }

    .header-icons{
        margin-left: 16px;
    }

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

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

    .datepicker.datepicker-inline td, .datepicker.datepicker-inline th, .datepicker.dropdown-menu td, .datepicker.dropdown-menu th {
        padding: 0 5px;
        font-size: 6px;
    }

    .datepicker table tr td, .datepicker table tr th {
        width: 15px!important;
        height: 15px!important;
    }

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

    .banner_burgundy {
        font-size: 40px;
        display: block;
    }

    .banner_white {
        font-size: 40px;
        display: block;
    }

    ul.product-list li {
        font-size: 14px;
    }

    .loginbox .card, .loginbox.creataccount .card{
        max-width: 300px!important;
    }

}

@media (min-width: 1700px) {

  #bannerCarousel .carousel-caption {
    /*margin-left: 16rem;*/
}

}


.no-effect-button{
    border:0px;
    background: transparent;
}