:root {
    --green-dark: #E61C1B;
    --gold: #F3C94D;
    --cream: #faf6ee;
    --cream-dark: #f0e8d6;
    --green-dark1: 7, 101, 93;
    --black: #000;
    --text-mid: #444;
    --white: #ffffff;
    --padding-50: 50px;
    --padding-60: 60px;
    --padding-70: 70px;
    --padding-80: 80px;
    --padding-90: 90px;
    --padding-40: 40px;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

p {
    font-family: "Epilogue", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #353535;
}

a {
    text-decoration: none;
}

li {
    list-style: none;

}

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

body {
    font-size: 16px;
    line-height: 25px;
    font-family: "Epilogue", sans-serif;
}

.heading_h2 h2 {
    /* font-family: "Syne", sans-serif; */
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 54px;
    letter-spacing: 0.02em;
    text-align: center;
    color: #E61C1B;
    margin-bottom: 40px;

}

.header-logo-box-style1 img {
    height: 70px;
    width: auto;
}

.box-search-style1 {
    border-bottom: 1px solid #000000;

}

.box-search-style1 span {
    border-right: 1px solid #000;
    padding-right: 10px;
    /* padding: 6px; */
    color: #000;
    font-size: 15px;
}

.box-search-style1 input::placeholder {
    color: #000;
}

.box-search-style1 input {
    background: transparent !important;
    border: 0px !important;
    padding-left: 5px !important;
    font-size: 14px !important
}

.search-bottom-right {
    display: flex;
    gap: 20px;
    align-items: center;
}

.box-search-style1 input:focus {
    background: transparent;
    border: 0px;
    outline: none;
}

.header-btn-style1 a {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #000000;
    background: #F4CA4E;
    font-family: "Epilogue", sans-serif;
    width: 100%;
    display: block;
    padding: 10px 18px 8px;
    transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18);
    border-radius: 10px;
    border: 1px solid var(--gold);
}

.header-btn-style1 a:hover {
    color: #fff;
    background: var(--green-dark);
}


.main-header-style1__content-inner {
    position: relative;
    display: block;
    border-radius: 20px;
    background: white;

    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);

    border: 1px solid rgba(255, 255, 255, 0.3);

}

.main-menu__list>li {
    position: relative;
    padding: 26px 0px;
}

.main-menu__list>li>ul>li>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}



.contat_pages .contact-box {

    background: #d1d1d163;
}


.contat_pages .bpa-contact-form p {
    margin: 0px;
}

.contat_pages .bpa-contact-form .wpcf7-spinner {

    bottom: 31px;
    position: absolute;
    right: 20px;
}



.bpa-contact-form p {

    margin: 0px !important;


}

.bpa-contact-form .wpcf7-spinner {

    position: absolute;
    right: 7px;
    bottom: 30px;

}


.bpa-contact-form .wpcf7-not-valid-tip {
    color: #f4ca4e;
    font-size: 12px;

}


.contct_list_unstyled li a {
    color: #222;
}

.contact_form__shape {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 360px;
    background-attachment: scroll;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    opacity: 0.15;
    z-index: -1;
}


.icon_informations {
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: var(--green-dark);
    border-radius: 100px;
    text-align: center;
}

.contat_pages {
    padding-top: 60px;
}

.icon_informations svg {
    width: 24px;
    height: 24px;
}



.icon_informations:hover {
    background: var(--gold);
}

.icon_informations:hover svg path {
    color: #fff;
    fill: #fff;
}


.contct_list_unstyled li {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 30px;
}


.main-menu .main-menu__list>li>a,
.stricky-header .main-menu__list>li>a {
    padding-right: 0px;
}

.main-menu .main-menu__list>li>ul,
.main-menu .main-menu__list>li>ul>li>ul,
.stricky-header .main-menu__list>li>ul,
.stricky-header .main-menu__list>li>ul>li>ul {
    position: absolute;
    top: 70%;
    left: 0;
    min-width: 270px;
    padding: 8px 0px 8px;
    background-color: var(--white);
    border-radius: 10px;
    -ms-flex-direction: column;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    transform: scale(1, 0);
    transform-origin: 0 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    box-shadow: none;
    z-index: 999;
}

.main-menu .main-menu__list>li+li,
.stricky-header .main-menu__list>li+li {
    margin-left: 5px;
}


.main-header {
    transition: all 0.4s ease;
    position: relative !important;
}

.main-header.scrolled {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    animation: headerSlideDown 0.5s ease forwards;
}

@keyframes headerSlideDown {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.main-menu .main-menu__list>li>a,
.stricky-header .main-menu__list>li>a {
    position: relative;
    display: inline-block;
    text-transform: capitalize;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    padding: 7px 10px;
    font-family: "Epilogue", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    color: var(--black);
    background: transparent;
    border-radius: 5px;
    border: 1px solid transparent;
}

.main-menu .main-menu__list>li.current>a,
.main-menu .main-menu__list>li:hover>a,
.stricky-header .main-menu__list>li.current>a,
.stricky-header .main-menu__list>li:hover>a {
    color: #FFFFFF;
    background: #E61C1B;
    border: 1px solid #F4CA4E;
}


.main-slider-style1__content p {
    font-family: "Epilogue", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    margin-bottom: 0px;
    color: black;
}

/* 
 .main-header-style1__content-inner::after {
     backdrop-filter: blur(20px);
     -webkit-backdrop-filter: blur(20px);
     content: '';
     position: absolute;
     z-index: -1;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     border-radius: 20px;
     border-radius: inherit;
     border: inherit;
     border-color: transparent;
 } */

.main-header-style1__content-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 45px;
    padding: 0px 0px;

}

.main-header {

    display: block;
    width: 100%;
    background: white;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 8;


}

.main-menu .main-menu__list>li.current.dropdown>a:after,
.main-menu .main-menu__list>li:hover.dropdown>a:after {
    color: #fff;
}

.main-menu .main-menu__list>li>ul>li,
.main-menu .main-menu__list>li>ul>li>ul>li,
.stricky-header .main-menu__list>li>ul>li,
.stricky-header .main-menu__list>li>ul>li>ul>li {
    position: relative;
    width: 100%;
    padding: 0 15px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.main-menu .main-menu__list>li>ul>li>a,
.main-menu .main-menu__list>li>ul>li>ul>li>a,
.stricky-header .main-menu__list>li>ul>li>a,
.stricky-header .main-menu__list>li>ul>li>ul>li>a {
    position: relative;
    display: block;
    color: var(--black);
    font-family: "Epilogue", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    font-style: normal;
    padding: 10px 0px;
    border-top: 1px solid rgba(0, 0, 0, 0.10);
    -webkit-transition: 500ms;
    transition: 500ms;

    text-transform: capitalize;
    z-index: 1;
}

.main-menu .main-menu__list>li.current>a,
.main-menu .main-menu__list>li:hover>a,
.stricky-header .main-menu__list>li.current>a,
.stricky-header .main-menu__list>li:hover>a {
    color: var(--white);
}

.main-menu .main-menu__list>li>ul>li:first-child>a,
.main-menu .main-menu__list>li>ul>li>ul>li:first-child>a,
.stricky-header .main-menu__list>li>ul>li:first-child>a,
.stricky-header .main-menu__list>li>ul>li>ul>li:first-child>a {
    border-top: none;
}

.main-menu .main-menu__list>li.dropdown>a:after {
    font-family: 'Font Awesome 6 Pro';
    content: "\f078" !important;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    transform: rotate(0deg);
    transition: all 200ms linear;
    transition-delay: 0.1s;
    z-index: 1;
    margin-left: 5px;
}

.main-menu .main-menu__list>li:hover>ul,
.main-menu .main-menu__list>li>ul>li:hover>ul,
.stricky-header .main-menu__list>li:hover>ul,
.stricky-header .main-menu__list>li>ul>li:hover>ul {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

.mobile-nav__wrapper.expanded {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    visibility: visible;
    -webkit-transition: visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
    transition: visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
    transition: transform 500ms ease 0ms, visibility 500ms ease 0ms;
    transition: transform 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
}


/*--------------------------------------------------------------
  # Mobile Nav
  --------------------------------------------------------------*/
.mobile-nav__wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
    transition: visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
    transition: transform 500ms ease 500ms, visibility 500ms ease 500ms;
    transition: transform 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
    visibility: hidden;
}

.mobile-nav__wrapper.expanded {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    visibility: visible;
    -webkit-transition: visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
    transition: visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
    transition: transform 500ms ease 0ms, visibility 500ms ease 0ms;
    transition: transform 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
}

.mobile-nav__wrapper .container {
    padding-left: 0;
    padding-right: 0;
}

.mobile-nav__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--black);
    opacity: 0.7;
    cursor: pointer;
}

.mobile-nav__content {
    position: relative;
    width: 300px;
    background-color: white;
    height: 100%;
    overflow-y: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
    transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
    transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms;
    transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms, -webkit-transform 500ms ease 0ms;
    z-index: 10;
}

.mobile-nav__wrapper.expanded .mobile-nav__content {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
    transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
    transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms;
    transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms, -webkit-transform 500ms ease 500ms;
}

.mobile-nav__close {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 20px;
    right: 15px;
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.3);
    color: #ffffff;
    font-size: 16px;
    cursor: pointer;
    transition: all 200ms linear;
    transition-delay: 0.1s;
}

.mobile-nav__close:hover {
    background-color: var(--gold);
}

.mobile-nav__close i:before {
    position: relative;
    display: inline-block;
    transform: rotate(0deg);
}

.mobile-nav__content .logo-box {
    margin-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}




.mobile-nav-search-box {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.mobile-nav-search-box form.search-form {
    position: relative;
    display: block;
    width: 100%;
}

.mobile-nav-search-box .search-form input[type="text"] {
    position: relative;
    display: block;
    width: 100%;
    height: 52px;
    background-color: #ffffff;
    border: 1px solid #dedede;
    color: #909090;
    font-size: 16px;
    font-weight: 500;
    padding-left: 20px;
    padding-right: 60px;
    border-radius: 0px;
    transition: all 500ms ease 0s;
}

.main-header .mobile-nav__toggler i {
    color: #000;
}

.mobile-nav-search-box .search-form button {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 0px !important;
    border-radius: 0px !important;
    bottom: 0px;
    width: 50px;
    height: 52px;
    color: #ffffff;
    font-size: 15px;
    background: var(--green-dark);
    text-align: center;
    border: 0px solid #e7e7e8;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    transition: all 500ms ease 0s;
}

.mobile-nav-search-box .search-form button i {
    position: relative;
    top: 0px;
}

.mobile-nav-search-box .search-form input[type="text"]:focus {
    color: var(--green-dark);
}

.mobile-nav-search-box .search-form input[type="text"]:focus+button,
.mobile-nav-search-box .search-form button:hover {
    color: #ffffff;
    background-color: var(--gold);
}

.mobile-nav-search-box .search-form input::-webkit-input-placeholder {
    color: rgba(var(--thm-black-rgb), .70);
}

.mobile-nav-search-box .search-form input:-moz-placeholder {
    color: rgba(var(--thm-black-rgb), .70);
}

.mobile-nav-search-box .search-form input::-moz-placeholder {
    color: rgba(var(--thm-black-rgb), .70);
}

.mobile-nav-search-box .search-form input:-ms-input-placeholder {
    color: rgba(var(--thm-black-rgb), .70);
}




.mobile-nav__container {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-nav__content .main-menu__list,
.mobile-nav__content .main-menu__list>li>ul,
.mobile-nav__content .main-menu__list>li>ul>li>ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.mobile-nav__content .main-menu__list>li>ul,
.mobile-nav__content .main-menu__list>li>ul>li>ul {
    display: none;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-left: 20px;
}

.mobile-nav__content .main-menu__list>li:not(:last-child),
.mobile-nav__content .main-menu__list>li>ul>li:not(:last-child),
.mobile-nav__content .main-menu__list>li>ul>li>ul>li:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-nav__content .main-menu__list>li>a,
.mobile-nav__content .main-menu__list>li>ul>li>a,
.mobile-nav__content .main-menu__list>li>ul>li>ul>li>a {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    line-height: 30px;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    height: 46px;
    transition: 500ms;
}

.mobile-nav__content .main-menu__list>li>ul>li>a {
    font-size: 15px;
    font-weight: 400;
}

.mobile-nav__content .main-menu__list>li>ul>li>ul>li>a {
    font-size: 14px;
    font-weight: 400;
}

.mobile-nav__content .main-menu__list>li>a.expanded,
.mobile-nav__content .main-menu__list>li>ul>li>a.expanded,
.mobile-nav__content .main-menu__list>li>ul>li>ul>li>a.expanded {
    color: var(--gold);
}

.mobile-nav__content .main-menu__list>li>a>button,
.mobile-nav__content .main-menu__list>li>ul>li>a>button,
.mobile-nav__content .main-menu__list>li>ul>li>ul>li>a>button {
    width: 30px;
    height: 30px;
    background: var(--gold);
    border: none;
    outline: none;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: -webkit-transform 500ms ease;
    transition: -webkit-transform 500ms ease;
    transition: transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease;
    padding: 0;
}

.mobile-nav__content .main-menu__list>li>a>button.expanded,
.mobile-nav__content .main-menu__list>li>ul>li>a>button.expanded,
.mobile-nav__content .main-menu__list>li>ul>li>ul>li>a>button.expanded {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    color: #000;
}

.mobile-nav__content .home-showcase__title {
    background-color: rgba(255, 255, 255, 0.1);
    margin-top: 0px;
}

.logo-box img {
    height: 70px;
}

body.locked {
    overflow: hidden;
}


/* 
////////////////////////////
Mobile Nav Megamenu Css 
///////////////////////////
*/
.mobile-nav__wrapper .megamenu-content-box__inner {
    padding: 0px 0px;
    background-color: transparent;
    box-shadow: none;
}

.mobile-nav__wrapper .megamenu-content-box__inner::before {
    display: none;
}

.mobile-nav__wrapper .megamenu-box__inner {
    padding: 0px 0px;
    background-color: transparent;
    box-shadow: none;
}

.mobile-nav__wrapper .megamenu-content-box .row ul {
    margin-left: 0px;
}

.mobile-nav__wrapper .megamenu-content-box .row ul li {
    padding: 0 0px;
}

.mobile-nav__wrapper .megamenu-content-box .row ul li:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 0 0px;
}

.mobile-nav__wrapper .megamenu-content-box .row ul li a {
    position: relative;
    display: block;
    height: 46px;
    font-size: 14px;
    font-weight: 400;
    line-height: 46px;
    color: var(--white);
    padding: 0 0px;
    border-top: 0px solid var(--thm-border-color);
}

.mobile-nav__wrapper .megamenu-box .row {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 0px;
}

.mobile-nav__wrapper .megamenu-box__inner .row [class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}





.mobile-nav__contact {
    position: relative;
    display: block;
    margin-top: 40px;
    margin-bottom: 30px;
}

.mobile-nav__contact li {
    position: relative;
    display: flex;
    align-items: center;
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
}

.mobile-nav__contact li+li {
    margin-top: 15px;
}

.mobile-nav__contact li a {
    color: #ffffff;
    -webkit-transition: 500ms;
    transition: 500ms;
}

.mobile-nav__contact li a:hover {
    color: var(--gold);
}

.mobile-nav__contact li>i {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 0%;
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
    font-size: 12px;
    margin-right: 10px;
}


.mobile-nav__top {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.mobile-nav__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mobile-nav__social a {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    transition: 500ms;
}

.mobile-nav__social a+a {
    margin-left: 10px;
}

.mobile-nav__social a:hover {
    color: var(--gold);
    background-color: #ffffff;
}


/* no menu after 2rd level dropdown */
.mobile-nav__content .main-menu__list>li>ul>li>ul>li>a>button,
.mobile-nav__content .main-menu__list>li>ul>li>ul>li>ul {
    display: none !important;
}

/* HERO */

.main-slider-style1 {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 0;
}

.main-slider-style1__inner {
    position: relative;
    display: block;
}

/* .main-slider-style1 .swiper-slide-active .image-layer {
    animation: scale5 5s ease forwards;
} */



@keyframes scale5 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.1);
    }
}

.main-slider-style1__content {
    position: relative;
    display: block;
    max-width: 620px;
    width: 100%;
    padding: 101px 0px;
}



/** Main Slider Style3 Nav**/
.main-slider-style3__nav {
    position: absolute;
    bottom: 20px;
    left: 5px;
    width: 40px;
    transform: translateY(-50%);
    z-index: 999999;
}

.main-slider-style3__nav-control {
    position: relative;
    display: inline-block;
    background: transparent;
    width: 40px;
    height: 40px;
    border-radius: 0px;
    color: var(--black);
    font-size: 20px;
    line-height: 40px;
    border: 1px solid var(--white);
    text-align: center;
    cursor: pointer;
    margin: 5px 0;
    transition: all 200ms linear;
    transition-delay: 0.1s;
    z-index: 1;
    background: var(--white);
}

.main-slider-style3__nav-control:hover {
    color: var(--white);
    background-color: var(--gold);
}

.main-slider-style3__nav-control:before {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0;
    width: 100%;
    border-radius: 0px;
    content: '';
    background: var(--green-dark);
    transition: background-color 0.5s ease;
    transition: all 0.5s ease;
    z-index: -1;
}

.main-slider-style3__nav-control:hover:before {
    height: 100%;
}

.main-slider-style3__nav-control i {
    transition: all 200ms linear;
    transition-delay: 0.1s;
}




/** Main Slider Pagination Css**/
#main-slider-pagination {
    position: absolute;
    top: 0;
    right: 50px;
    bottom: 0px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 0;
    margin: 0;
    z-index: 100;
    width: 40px;
    counter-reset: count;
}

#main-slider-pagination .swiper-pagination-bullet {
    position: relative;
    display: block;
    width: 40px;
    height: 35px;
    margin: 0;
    background: transparent;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 100ms linear;
    transition-delay: 0.1s;
    opacity: .8;
}

#main-slider-pagination .swiper-pagination-bullet:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #a29f98;
    font-size: 18px;
    line-height: 1em;
    font-weight: 600;
    counter-increment: count;
    content: "0" counter(count);
    transition: all 100ms linear;
    transition-delay: 0.1s;

}

#main-slider-pagination .swiper-pagination-bullet+.swiper-pagination-bullet {
    margin-top: 20px;
}


#main-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: transparent;
}

#main-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    color: var(--green-dark);
}





/** Main Slider Nav***/
.main-slider-nav {
    position: absolute;
    top: 50%;
    left: 50px;
    right: 50px;
    bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transform: translateY(-50%);
    height: 0;
    z-index: 999999;
}

.main-slider-nav__control {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    overflow: hidden;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid rgb(255, 255, 255, .5);
    color: var(--white);
    font-size: 24px;
    line-height: 0px;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.5s ease;
    transition: all 0.5s ease;
    margin: 10px 0;
    z-index: 1;
}

.main-slider-nav__control:hover {
    color: var(--black);
    border-color: transparent;
}

.main-slider-nav__control:before {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0;
    width: 100%;
    border-radius: 50%;
    content: '';
    background: var(--white);
    transition: background-color 0.5s ease;
    transition: all 0.5s ease;
    z-index: -1;
}

.main-slider-nav__control:hover:before {
    height: 100%;
}

.main-slider-nav__control i {
    transition: background-color 0.5s ease;
    transition: all 0.5s ease;
}




/*** End Css  **/

.main-slider-style1__content-left {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 400px;
    height: 400px;
    padding: 20px;
    border-radius: 50%;
    background-color: rgb(230 28 27 / 46%);
    text-align: center;
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(-120px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(-120px);
    transform: perspective(400px) rotateY(0deg) translateY(-120px);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
    z-index: 4;
}

.main-slider-style1__content-left-shape1 img {
    width: 300px;
}

.main-slider-style1 .swiper-slide-active .main-slider-style1__content-left {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg) translateY(0px);
    -ms-transform: perspective(400px) rotateY(0deg) translateY(0px);
    transform: perspective(400px) rotateY(0deg) translateY(0px);
    -webkit-transition-delay: 1000ms;
    -moz-transition-delay: 1000ms;
    -ms-transition-delay: 1000ms;
    -o-transition-delay: 1000ms;
    transition-delay: 1000ms;
}

.main-slider-style1 .swiper-slide-active .main-slider-style1__content-right {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg) translateX(0px);
    -ms-transform: perspective(400px) rotateX(0deg) translateX(0px);
    transform: perspective(400px) rotateX(0deg) translateX(0px);
    -webkit-transition-delay: 1000ms;
    -moz-transition-delay: 1000ms;
    -ms-transition-delay: 1000ms;
    -o-transition-delay: 1000ms;
    transition-delay: 1000ms;
}

.main-slider-style1__content-right {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 250px;
    text-align: center;
    height: 250px;
    padding-left: 40px;
    padding-right: 40px;
    overflow: hidden;
    border-radius: 50%;
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(0deg) translateX(120px);
    -ms-transform: perspective(400px) rotateX(0deg) translateX(120px);
    transform: perspective(400px) rotateX(0deg) translateX(120px);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
    z-index: 5;
    /* Ellipse 8 */
    background: linear-gradient(0deg, rgba(244, 202, 78, 0.94), rgba(244, 202, 78, 0.94));
    box-shadow: inset 0 0 0 6px #E61C1B24;

}

.main-slider-style1__content-right-shape {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    text-align: center;
    justify-self: center;
    opacity: .1;
    width: 100%;
    height: 100%;
}

.main-slider-style1__content-right-shape img {
    width: 100%;
}

.main-slider-style1__content-left-shape1 {
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    text-align: center;
}

.main-slider-style1__content-left-shape1 img {
    width: 300px;
}

.main-slider-style1__content-left-shape2 {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    text-align: center;
}

.main-slider-style1__content-left-shape2 img {
    width: 300px;
}

.main-slider-style1__content-left-shape3 {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    text-align: center;
}

.main-slider-style1__content-left-shape3 img {
    width: auto;
}

.main-slider-style1__content-left-shape4 {
    position: absolute;
    bottom: 92px;
    left: 0;
    right: 0;
    text-align: center;
}

.main-slider-style1__content-left-shape4 img {
    width: auto;
}

.main-slider-style1__content-left-inner {
    position: relative;
    display: block;
    text-align: center;
}

.main-slider-style1__content-left-sub-title .welcomens_msg {
    font-family: 'Lumanosimo';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: #FFF3A3;
}

.main-slider-style1__content-left-big-title {
    position: relative;
    display: block;
    margin-top: 5px;
}

.main-slider-style1__content-left-big-title h1 {
    /* font-family: 'Syne'; */
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 42px;
    text-align: center;
    color: #FFFFFF;
}

.main-slider-style1 .image-layer {
    width: 100%;
}

.main-slider-style1 .image-layer img {

    width: 100%
}

/* TRUST SECTION */

.trust-section h2 {
    /* font-family: "Syne", sans-serif; */
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    /* identical to box height */
    text-align: center;
    /*background-image: url('../img/trust.webp');*/
    background-position: center;
    background-size: cover;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    margin-bottom: 40px;
    background-image: linear-gradient(90deg, #b11116, #e12822);
}

.trust-section {
    padding: var(--padding-60) 0px var(--padding-70);
}

.trust_section_inner {
    background: white;
    border-radius: 20px;
    padding: 60px 30px 30px;
}

.partnet_boxes h3 {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    /* font-family: "Syne", sans-serif; */
    text-align: center;
    color: black;
    margin-bottom: 0px;
    transition: all 300ms linear;
    transition-delay: 0.1s;
}

.trust-section .col-lg-3 {
    padding-left: 8px;
    padding-right: 8px;
}

.trust-section .row {
    margin-left: -8px;
    margin-right: -8px;
}

.icon_add {
    background: #fff;
    width: 60px;
    height: 60px;
    border-radius: 100px;
    text-align: center;
    line-height: 60px;
    position: relative;
    z-index: 1;
    margin: -40px auto 10px;
    transition: all 0.5s ease;
    border: 1px solid transparent;
}

.icon_add img {
    transition: all 300ms linear;
    transition-delay: 0.1s;
}

.partnet_boxes:hover .icon_add img {}

.partnet_boxes:hover {
    transform: scale(1.1);
}

.partnet_boxes:hover .icon_add {}

.partnet_boxes:hover h3 {
    color: var(--green-dark);
}

.partnet_boxes {
    position: relative;
    padding: 10px 5px;
    text-align: center;
    transition: .6s;
    height: 100%;
}

.partnet_boxes:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 10px solid transparent;
    border-image: url('../img/border-ss.png') 30 stretch;
    border-radius: 30px;
    pointer-events: none;
}

.icon_add img {
    height: 70px;
    width: 70px;
    object-fit: contain;
}

/* CATEGORIES */

.categories_main {
    padding: var(--padding-60) 0px var(--padding-70);
    background: #f9f9f9;

}


.categories_main .categorySwiper {

    position: relative;
    overflow: hidden;
}

.categories_main .col-lg-2 {
    padding-left: 5px;
    padding-right: 5px;
}

.categories_main .row {
    margin-left: -5px;
    margin-right: -5px;
}

.cat_boxes {
    overflow: hidden;
}

.cat_boxes:hover .catimg_add span {
    left: 120%;
}

.catimg_add span {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: -120%;
    background-color: rgba(255, 255, 255, .3);
    transition: .4s;
    transform: skewX(10deg);
    z-index: 2;
}

.cat_boxes .catimg_add img {
    width: 100%;
    aspect-ratio: 1 /1;
    object-fit: cover;
    transition: all .3s ease-in-out;

}

.cat_boxes .catimg_add {
    border: 1px solid var(--green-dark);
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    transition: all .3s ease-in-out;
}

.cat_boxes {
    position: relative;
}

.cat_boxes:hover img {
    transform: scale(1.1);
}

.cat_boxes h3 {
    /* font-family: 'Syne'; */
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #000000;
    margin-top: 10px;
    margin-bottom: 0px;
}

.cat_boxes:hover h3 {
    color: var(--green-dark);
}


/* ABOUT */
.about_section {
    padding: var(--padding-70) 0px var(--padding-70);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 60px;
}

.about-left {
    max-width: 200px;
    position: relative;
}

.about-img-main {
    width: 180px;
    height: 220px;
    border-radius: 12px;
    background: linear-gradient(135deg, #2d7a4f, #1a5c3a);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 4rem;
    color: rgba(255, 255, 255, 0.5);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
}

.about_section_content {
    padding: 0px 50px;
    text-align: center;
}

.about_tag {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    font-family: "Lumanosimo", cursive;
    color: #E61C1B;
    margin-bottom: 5px;
    gap: 5px;
}

.about_section_content p {
    margin-bottom: 0px;
}

.about_section_content h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    /* font-family: 'Syne'; */
    line-height: 38px;
    text-align: center;
    color: #000000;
    margin-bottom: 20px;
}

.img_left_abouts {
    border-radius: 10px;
    transform: rotate(-15deg);
    width: 100%;

}

.img_right_abouts {
    width: 100%;
    border-radius: 10px;
    transform: rotate(15deg);

}

.about-content {
    max-width: 480px;
}

.about-tag {
    color: var(--green-dark);
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.about-content h2 {
    font-family: 'Playfair Display', serif;
    font-size: 1.9rem;
    color: var(--black);
    margin-bottom: 18px;
    font-weight: 700;
}

.about-content p {
    color: var(--text-mid);
    line-height: 1.75;
    font-size: 0.9rem;
}

.about-right {
    width: 180px;
    height: 180px;
    border-radius: 12px;
    background: linear-gradient(135deg, #4a9e68, #2d7a4f);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    color: rgba(255, 255, 255, 0.4);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
    flex-shrink: 0;
}

/* PRODUCTS */
.products_section {
    padding: var(--padding-40) 0px var(--padding-40);
    background: #f9f9f9;
}

.products_section h2 {
    /* font-family: "Syne", sans-serif; */
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 54px;
    letter-spacing: 0.02em;
    text-align: center;
    color: #E61C1B;
    margin-bottom: 40px;
}

.products_add {
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    transition: all .3s ease-in-out;
}

.products_add:hover img {
    transform: scale(1.1);
}

.products_add img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .3s ease-in-out;
}

.product-grid-item .hover-img>a {
    display: block;
    flex: 1 1 100%;
    max-width: 100%;
    width: 100%;
}

.product-grid-item :is(.product-image-link, .hover-img) img {
    width: 100%;
}

.product-element-top:hover .hover-img {
    opacity: 1;
    transform: scale(1.09);
}

.product-grid-item .hover-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--bgcolor-white);
    opacity: 0;
    transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18);
}

.product-element-top:hover .hover-img {
    opacity: 1;
    transform: scale(1.09);
}

.product-element-top {
    position: relative;
    overflow: hidden;
    border: 1px solid #e2e2e2;
}

.product-element-top img {
    width: 100%;
    transition: all 0.4s ease;
    display: block;
    height: 100%;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    background-color: white;
}

.product-element-top {
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    transition: all .3s ease-in-out;
}

/* Hover image */
.product-element-top .hover-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18);
    object-fit: cover;
}

.bpa-wholesale-category-card {
    height: 100%;
}

.bpa-wholesale-category-link {
    display: block;
    color: inherit;
    height: 100%;
}

.bpa-wholesale-category-card__image-wrap {
    position: relative;
    min-height: 280px;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 10px;
}

.bpa-wholesale-category-card__image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.bpa-wholesale-category-card__image-wrap::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.45) 100%);
}

.bpa-wholesale-category-card__title {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    text-align: center;
    color: #fff;
    font-family: 'Syne', sans-serif;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 700;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
}

.bpa-wholesale-products-content .bpa-wholesale-categories.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
}

.bpa-wholesale-products-content .pro_boxes {
    height: 100%;
}

@media (max-width: 575.98px) {
    .bpa-wholesale-category-card__image-wrap {
        min-height: 240px;
    }

    .bpa-wholesale-category-card__title {
        font-size: 18px;
    }
}

.Enquire_Now {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    background: rgb(230 28 27 / 70%);
    font-family: "Epilogue", sans-serif;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0px;
    padding: 10px 10px;
    opacity: 0;
    transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18);
}

.product-element-top:hover .Enquire_Now {
    opacity: 1;
    transform: scale(1.09);
}

.pro_boxes h3 a {
    color: #000;
}

.pro_boxes h3 {
    margin-top: 15px;
    /* font-family: 'Syne'; */
    /* font-style: normal; */
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #000000;
    margin-bottom: 0px;
    text-transform: capitalize;
}

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


/* Hover effect */
.product-element-top:hover .hover-img {
    opacity: 1;
    object-fit: cover;
    width: 100%;
    height: 100%;

}

/* Optional zoom effect */
.product-element-top:hover img {
    transform: scale(1.05);
}

/* WHY CHOOSE */
.why_section {
    background: var(--white);
    padding: var(--padding-60) 0px var(--padding-40);
    text-align: center;
}

.why_section h2 {
    /* font-family: "Syne", sans-serif; */
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 54px;
    letter-spacing: 0.02em;
    text-align: center;
    color: #E61C1B;
    margin-bottom: 50px;
}

.why-icon {
    border-bottom: 1px solid #A5E7E2;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.why-icon img {
    height: 60px;
    width: auto;
}

.why-card {
    text-align: left;
}

.why-card h3 {
    margin-top: 15px;
    /* font-family: 'Syne'; */
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: var(--green-dark);
    margin-bottom: 10px;
}

.why-card p {
    text-align: left;
}

/* INSTAGRAM */
.instagram-section {
    padding: 0px 0px var(--padding-70);
    text-align: center;
}

.instagram-section .col-lg-3 {
    padding-left: 8px;
    padding-right: 8px;
}

.instagram-section .row {
    margin-left: -8px;
    margin-right: -8px;
}

.instagram-section h2 {
    /* font-family: "Syne", sans-serif; */
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 54px;
    letter-spacing: 0.02em;
    text-align: center;
    color: #E61C1B;
    margin-bottom: 50px;
}

.why-card .why-icon img {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.why-card:hover .why-icon img {
    transform: rotate(-30deg);
}

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

.instagram_feed img {
    width: 100%;
    display: block;
}

.insta_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: 0.4s ease;
}

.insta_overlay i {
    color: #fff;
    font-size: 32px;
}

.instagram_feed:hover .insta_overlay {
    opacity: 1;
}

/* FOOTER */
.footer-section::after {
    background-color: #000;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    left: 0px;
    opacity: .80;
    top: 0px;
}

.footer-section {
    background: url('../img/footer-bg-1.png') center/cover no-repeat;
    padding: 0px 0;
    color: #fff;
    position: relative;
}

.footer-section .container {
    position: relative;
    z-index: 1;
}

.contact-box {
    background: #e61c1b63;
    border-radius: 0px 0px 10px 10px;
    padding: 22px 20px 20px;
    position: relative;
    overflow: hidden;
}


.heading_parts h2 {
    font-weight: 600;
}


.contat_pages .wpcf7 form .wpcf7-response-output {
    margin: 1em 0.5em 0em;
}

.contat_pages .contact-box .btn_contacts:hover {
    border-color: var(--green-dark);
    color: var(--green-dark);
}

.contact-box i {
    position: absolute;
    /* left: 50%; */
    font-size: 199px;
    display: block;
    color: #FFFFFF12;
    border-color: #FFFFFF12;
    right: -80px;
    top: -72px;

}

.contact-box .about_tag {
    color: #fff;
    justify-content: start;
}

.contact-box h3 {
    font-family: "Epilogue", sans-serif;
    font-weight: 700;
    font-size: 25px;
    line-height: 33px;
    color: #FFFFFF;
}


.scroll-to-top {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: 40px;
    background: var(--green-dark);
    color: var(--gold);
    font-size: 18px;
    cursor: pointer;
    transition: all 500ms ease;
    position: fixed;
    right: 20px;
    bottom: 20px;
    transform: rotate(0deg);
    z-index: 9;
}

.btn_contacts {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #000000;
    background: #F4CA4E;
    font-family: "Epilogue", sans-serif;
    display: block;
    padding: 8px 30px;
    transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18);
    border-radius: 10px;
    display: inline-block;
    border: 1px solid var(--gold);
}

.btn_contacts:hover {
    color: #fff;
    background: transparent;
}

.contact-box .form-control::placeholder {
    color: #505050;
}

.contact-box .form-control {
    font-size: 14px;
    box-sizing: border-box;
    padding: 10px 15px;
    background: #FFFFFF;
    border-radius: 8px;
    border: 1px solid #fff;
}

.contact-box .form-control:focus {
    border: 1px solid var(--gold);
    box-shadow: none;
}

.gerneral_inquries p {
    /* font-family: "Syne", Sans-serif; */
    font-size: 18px;
    font-weight: 600;
    text-transform: none;
    line-height: 24px;
    text-align: left;
    color: var(--white);

    margin-bottom: 0px;
}

.gerneral_inquries .inquriess_now {
    /* font-family: "Syne", Sans-serif; */
    font-size: 16px;
    font-weight: 600;
    text-transform: none;
    line-height: 24px;
    color: var(--gold);
    text-align: left;
    margin: 0px 0 4px;
}

.contact_informatiosns {
    padding-top: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #ffffff2e;
    margin-bottom: 40px;
}

.contact_informatiosns i {
    color: #fff;
}

.footer-section h4 {
    font-weight: 700;
    /* font-family: "Syne", Sans-serif; */
    font-size: 20px;
    text-transform: none;
    line-height: 24px;
    color: #ffffff;
    text-align: left;
    margin-bottom: 25px;
}

.footer-section .quick_links_logo p {
    font-size: 16px;
    /* font-family: "Syne", Sans-serif; */
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    text-align: left;
    color: #fff;
}

.quick_links li {
    margin-bottom: 8px;

}

.quick_links li a {
    color: #fff;
    font-size: 16px;
    transition: .6s;
}

.quick_links li a:hover {
    color: var(--gold);
    font-weight: 700;
    margin-left: 6px;
    transition: .6s;
}

.bottom_copyright p {
    margin-bottom: 0px;
}

.bottom_copyright {
    padding-top: 110px;
    padding-bottom: 50px;
    text-align: center;
}

.social-icons a {
    transition: .6s;
    font-size: 20px;
    color: #fff;
}

.social-icons a:hover {
    color: var(--gold);
    font-weight: 700;
    transition: .6s;
}

.quick_links_logo img {
    margin-bottom: 30px;
    height: 85px;
    width: auto;
}

.social-icons {
    display: flex;
    gap: 30px;
    margin-top: 30px;
}

/*** 
=============================================
    Breadcrumb style1
=============================================
***/
.breadcrumb-style1 {
    position: relative;
    display: block;
    z-index: -1;
}

.status-publish {

    position: relative;


}

.main-menu .main-menu__list>li>ul>li>a:hover {


    color: #E61C1B !important;
}

.breadcrumb-style1--style2::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 50%;
    width: 100%;
    background-color: var(--thm-gray-bg);
}

.breadcrumb-style1__inner {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: var(--thm-border-radius);
    clip-path: polygon(100% 0, 100% 85%, 96% 100%, 0 100%, 0 0);
    margin: 0px 80px 0px;
    z-index: 10;
}

.breadcrumb-style1-bg {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-attachment: scroll;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
    border-radius: 0px 0px 50px 50px;

}

.breadcrumb-style1-bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 0px 0px 50px 50px;
}

.breadcrumb-style1 .inner-content {
    position: relative;
    display: block;
    padding: 145px 0px 145px;

}

.breadcrumb-style1 .title {
    position: relative;
    display: block;
    text-align: center;
    margin-bottom: 0px;
    z-index: 1;
}

.breadcrumb-style1 .title h1 {
    /* font-family: 'Syne'; */
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 55px;
    text-align: center;
    color: #FFFFFF;
    display: inline-block;
    background-color: #000000ab;
    padding: 0px 15px;
    border-radius: 5px;
}

.about_section_inners {

    background: #E61C1B;
    border: 8px solid #F4CA4E;
    border-radius: 15px;
    padding: 40px 30px;
    margin-bottom: 0px;

}

.about_section_inners img {


    margin-bottom: 10px;

}


.details-card {

    box-shadow: none !important;
    border-radius: unset !important;

}

.about_section_inners h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    /* font-family: 'Syne'; */
    line-height: 38px;
    text-align: center;
    color: #fff;
    margin-bottom: 10px;
}

.about_section_inners h2,
.about_section_inners p {
    text-align: center;
    color: #fff;
}

.about_section_inners .about_tag {
    color: var(--gold);
}

.core-values-section {
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
    padding: 20px 0px 80px;
}

.core-values-section ul {
    padding-left: 15px;
}

.core-values-section li {
    list-style: disc;
    font-family: "Epilogue", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
    color: #353535;
}

.core-values-section h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    /* font-family: 'Syne'; */
    line-height: 38px;
    color: #000;
    margin-bottom: 20px;
}

.core-values-img img {
    width: 100%;
    border-radius: 10px;
    position: relative;
    z-index: 1;

}

.core-values-img {

    position: relative;
    padding-right: 15px;
    padding-top: 15px;

}

.core-values-img::after {
    content: "";
    background: var(--gold);
    width: calc(100% - 15px);
    height: calc(100% - 15px);
    right: 0px;
    position: absolute;
    border-radius: 10px;
    top: 0px;
}

.connect_banner {
    background: #E61C1B;
    border-radius: 20px;
    padding: 40px;
}

.connect_banner h2 {
    /* font-family: "Syne", sans-serif; */
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 54px;
    letter-spacing: 0.02em;
    text-align: center;
    color: white;
    margin-bottom: 50px;

}

.connect_With_us {
    padding-top: var(--padding-70);
}

.inne_prodcut_listing {
    border-radius: 50px 50px 0px 0px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.inne_prodcut_listing h2 {
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 0px;
}

.category-desc {
    font-size: 14px;
}

.category-tabs button,
.detail-tabs li button {
    /* font-family: 'Syne'; */
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 24px;
    width: 100%;
    text-align: center;
    color: #000000;
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    padding: 5px 10px;
    border: 1px solid #f9f9f9;
    background: #ffffff;
    border-radius: 10px;
    transition: all .5s ease;
    position: relative;
    z-index: 1;
}



.category-tabs,
.detail-tabs {
    position: relative;
    display: flex;
    align-items: center;
    gap: 5px;
    overflow-x: auto;
    padding-bottom: 10px;
    justify-content: start;
    flex-wrap: wrap;

    background-color: white;
    border-radius: 15px;


}


.page-template-shop-template .category-tabs {
    padding: 10px;
    height: 80vh;
    border: 1px solid #e2e2e2;
}

.detail-tabs::-webkit-scrollbar,
.category-tabs::-webkit-scrollbar {
    display: none;
}

.category-tabs button {
    flex: 0 0 auto;
}

.detail-tabs li button.active,
.category-tabs button:hover,
.detail-tabs li button:hover {
    color: #fff;
    background: linear-gradient(0deg, #E61C1B, #E61C1B), url(thm-pattern2.png);
}

.products_section .tab-content p,
.detail-tabs+.tab-content p {
    text-align: left;
}

.products_section .tab-content .table,
.detail-tabs+.tab-content .table {
    border-radius: 10px;
}

.products_section .tab-content tr td,
.detail-tabs+.tab-content tr td {
    padding: 10px 15px;
}

.products_section .tab-content li,
.detail-tabs+.tab-content li {
    list-style: disc;
    font-family: "Epilogue", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
    color: #353535;
}

.products_section .tab-content ul,
.detail-tabs+.tab-content ul {
    padding-left: 15px;
}


.product-gallery {
    display: flex;
    gap: 15px;
}

.thumb-slider {
    width: 90px;
    height: 420px;
}

.thumb-slider .swiper-slide {
    height: 80px;
    cursor: pointer;
    opacity: .6;
}

.thumb-slider .swiper-slide-thumb-active {
    opacity: 1;
}

.thumb-slider img {
    width: 100%;
    border-radius: 6px;
}

.main-slider {
    width: 100%;
    height: 420px;
}

.main-slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
}

.enquire_btn {
    display: inline-block;
    padding: 12px 30px;
    background: #F4CA4E;
    border-radius: 8px;
    margin-top: 20px;
    color: #000;
    font-weight: 600;
    text-decoration: none;
}


/* ─── WRAPPER ─────────────────────────────────── */
.product_section_details {
    padding: var(--padding-70) 0px;
}

.product-card {
    background: transparent;
    width: 100%;
    position: relative;
}

/* ─── LEFT COLUMN  (thumbnail + main swiper) ─── */
.gallery-col {
    display: flex;
    gap: 14px;
    align-items: flex-start;
}



.thumb-swiper-wrap {
    height: 100%;
    overflow: hidden;
}

.swiper-thumb .swiper-slide {
    height: auto !important;
    cursor: pointer;
}

.thumb-img {
    width: 76px;
    height: 76px;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid var(--gold);
    background: #fff;
    display: block;
    transition: border-color .25s, box-shadow .25s;
}

.swiper-thumb .swiper-slide-thumb-active .thumb-img,
.swiper-thumb .swiper-slide:hover .thumb-img {
    border-color: var(--green-dark);
}

/* Main swiper */
.main-swiper-wrap {
    flex: 1;
    min-width: 0;
}

.product_section_details .swiper-main {
    border-radius: var(--radius);
    overflow: hidden;
    background: #fff;
}

.product_section_details .swiper-main .swiper-slide {
    width: 100% !important;
    height: 450px;
    object-fit: cover;
    display: block;
    border-radius: 10px;
    overflow: hidden;

}

/* .product_section_details .swiper-main .swiper-slide img:hover {
    transform: scale(1.05);

} */

.product_section_details .swiper-main .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border: 1px solid #e2e2e2;
    /* background-color: #ededed; */
    border-radius: 15px;
    transition: all 0.4s ease;
}

/* Swiper pagination dots */
.product_section_details .swiper-main .swiper-pagination-bullet {
    background: var(--amber);
    opacity: .5;
}

.product_section_details .swiper-main .swiper-pagination-bullet-active {
    opacity: 1;
}

.products_info_col .btn_contacts:hover {
    color: #fff;
    background: var(--green-dark);
}

.products_info_col h2 {
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    /* font-family: 'Syne'; */
    line-height: 38px;
    color: #000000;
    margin-bottom: 10px;
}

.product_weight {
    font-family: "Epilogue", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #353535;
}

.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    z-index: 9;
}

.modal-overlay.active {
    opacity: 1;
    visibility: visible;
}

.enquiry-modal-panel {
    position: fixed;
    top: 0;
    right: -450px;
    width: 450px;
    height: 100%;
    background: #fff;
    padding: 10px 15px 15px;
    overflow-y: auto;
    transition: 0.4s;
    z-index: 10;
    box-shadow: -5px 0 20px rgba(0, 0, 0, 0.15);
}

.enquiry-modal-panel.active {
    right: 0;
}

.enquiry-modal-panel .close-btn {
    position: absolute;
    top: 0px;
    right: 0px;
    border: none;
    background: none;
    font-size: 22px;
    cursor: pointer;
}

.enquiry-modal-panel h4 {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    /* font-family: 'Syne'; */
    line-height: normal;
    color: #000000;
    margin-bottom: 20px;
}

.enquiry-modal-panel img {
    width: 50%;
    border-radius: 8px;
    display: block;
    margin: 10px auto 20px;
    height: 130px;
    object-fit: cover;
}

.enquiry-modal-panel .form-control {
    font-size: 14px;
    border: 1.5px solid #E9E9E9;
    padding: 8px 15px;
    background: #FFFFFF;
    border-radius: 8px;
}

.enquiry-modal-panel .form-control:focus {
    border: 1.5px solid var(--green-dark);
    box-shadow: none;
}

.enquiry-modal-panel label {
    /* font-family: 'Syne'; */
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    color: rgba(36, 36, 36, 0.8);
}

.enquiry-modal-panel textarea.form-control {
    height: 55px;
}

.enquiry-modal-panel .close-btn svg {
    width: 60px;
    height: auto;
}

.enquiry-modal-panel .btn_contacts:hover {
    color: #fff;
    background: var(--green-dark);
}




.about_section {
    overflow: hidden;
}

.index_sec .main-slider-style1__content-right {
    background: white;
}







/* -----------------------------------woocomercecss------------------------------------------ */


/* =========================================
   WOOCOMMERCE MY ACCOUNT PAGE DESIGN
   Target: .woocommerce-dashboard
========================================= */

.woocommerce-account .woocommerce {
    display: flex;
    gap: 15px;
    align-items: flex-start;
    flex-wrap: wrap;
}


.entry-header .entry-title {
    margin-top: 25px !important;
    font-size: 24px;
    font-weight: 600;
}

/* =========================
   SIDEBAR MENU
========================= */

.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 280px;
    background: #ffffff;
    border-radius: 24px;
    padding: 25px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06);
    position: sticky;
    top: 30px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    margin-bottom: 12px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 18px;
    border-radius: 16px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    color: #222;
    background: #f9f9f9;
    transition: all 0.3s ease;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
    background: #E61C1B;
    color: #fff;
    transform: translateX(5px);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
    background: #E61C1B;
    color: #fff;
    box-shadow: 0 10px 25px rgba(255, 107, 107, 0.25);
}

/* =========================
   CONTENT AREA
========================= */

.woocommerce-account .woocommerce-MyAccount-content {
    flex: 1;
    background: #ffffff;
    border-radius: 25px;
    padding: 20px;
    min-height: 500px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06);
}

/* Dashboard wrapper */

.woocommerce-dashboard {
    width: 100%;
}

/* =========================
   HEADINGS
========================= */

.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3 {
    font-size: 20px;
    font-weight: 600;
    color: #111;
    margin-bottom: 10px;
}

.woocommerce-account .addresses .title .edit {
    background-color: #ffffff;
    color: #fff;
    border: 1px solid #e61c1b !important;
    font-size: 14px;
    padding: 5px 11px;
    text-decoration: none !important;
    display: inline-block;
    margin-bottom: 0px !important;
    float: unset !important;
    position: relative;
    border: 1px solid transparent;
    font-weight: 600;
}


.woocommerce-account .addresses .title .edit:hover {

    background-color: #e61c1b !important;
    color: white !important;
}

.woocommerce-MyAccount-content address {
    margin: 0px !important;
}

.woocommerce-account .addresses .title .edit::before {
    content: "\2b";
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    margin-right: 6px;
}

.woocommerce-account .woocommerce-MyAccount-content p {
    color: #666;
    line-height: 1.8;
    font-size: 15px;
}

/* =========================
   BUTTONS
========================= */

.woocommerce-account .button,
.woocommerce-account button,
.woocommerce-account input.button {
    background: #E61C1B;
    color: #fff;
    border: none;
    border-radius: 14px;
    padding: 14px 26px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button {

    background-color: #ffffff;

}

.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th {
    font-weight: 700;
    border-top: none !important;
}

/* =========================
   TABLE DESIGN
========================= */

.woocommerce-account table.shop_table {
    width: 100%;
    border: none;
    border-collapse: separate;
    border-spacing: 0 12px;
    margin: 0 -1px 5px 0;
}

.woocommerce-account table.shop_table thead th {
    background: #f9f9f9;
    padding: 16px;
    border: none;
    color: #222;
    font-size: 14px;
    font-weight: 700;
}


#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {

    background-color: #e61c1b0a !important;
}

#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
    padding: 0px !important;
}

#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
    content: unset !important;
}


.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:hover {
    background-color: #f9f9f9;
}

.woocommerce-account table.shop_table tbody tr {
    background: #fff;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04);
}

.woocommerce-account table.shop_table tbody td {
    padding: 8px 15px;
    border-top: none;
    border-bottom: none;
    color: #555;
}

.woocommerce .woocommerce-customer-details,
.woocommerce .woocommerce-order-details,
.woocommerce .woocommerce-order-downloads {
    margin-bottom: 5px;
}

/* =========================
   FORMS
========================= */


.woocommerce-account textarea {
    height: 140px;
    padding-top: 18px;
}

.woocommerce-account input:focus,
.woocommerce-account textarea:focus,
.woocommerce-account select:focus {
    border-color: #ff6b6b;
    background: #fff;
    outline: none;
    box-shadow: 0 0 0 4px rgba(255, 107, 107, 0.1);
}


#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
    background: white;
    border-radius: 5px;
}


.woocommerce-Button.button {

    background-color: #E61C1B !important;
    color: white !important;
    display: block;
    padding: 8px 30px;
    border-radius: 10px;
    font-weight: 500 !important;
    margin-left: auto !important;
    float: inline-end;
    border: 1px solid transparent !important;

}

.woocommerce-Button.button:hover {
    border: 1px solid #E61C1B !important;
    background-color: white !important;
    color: #E61C1B !important;

}

/* =========================
   ADDRESS BOX
========================= */

.woocommerce-Address {
    background: #f9f9f9;
    padding: 30px;
    border-radius: 24px;
    margin-bottom: 25px;
}

.woocommerce-account .addresses .title .edit {
    float: unset !important;
}

.woocommerce-Address-title {
    margin-bottom: 15px;
}

.woocommerce-Address-title h3 {
    margin: 0;
}

/* =========================
   ORDER STATUS
========================= */

.woocommerce-orders-table__cell-order-status {
    font-weight: 700;
}

.woocommerce-orders-table__cell-order-status .status-completed {
    color: #16a34a;
}

.woocommerce-orders-table__cell-order-status .status-processing {
    color: #f59e0b;
}

/* =========================
   LOGIN / REGISTER
========================= */

.woocommerce-form-login,
.woocommerce-form-register {
    background: #fff;
    padding: 40px;
    border-radius: 30px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06);
}

/* =========================
   NOTICES
========================= */

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    border: none;
    border-radius: 18px;
    margin-bottom: 0px;

}

.woocommerce-message {
    background: #ecfdf3;
    color: #15803d;
}

.woocommerce-error {
    background: #fef2f2;
    color: #dc2626;
}

.woocommerce-info .wc-forward {

    background-color: #e61c1b1f !important;

}

.woocommerce form .show-password-input::before,
.woocommerce-page form .show-password-input::before {
    opacity: .4 !important;
}


.woocommerce-account .woocommerce-MyAccount-content fieldset legend {
    font-weight: 600;
    font-size: 20px;
    margin-top: 20px;
}

.woocommerce form .form-row .input-text:focus,
.woocommerce form .form-row select:focus {
    box-shadow: none !important;
    border-color: #dc2626 !important;
}


.woocommerce form .form-row .input-text,
.woocommerce form .form-row select {


    padding: 12px !important;
    border-radius: 15px !important;
    border-color: #d4d4d4 !important;

}

.woocommerce-info {
    background: #f9f9f9;
    color: black;
    font-weight: 500;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.woocommerce-info::after {

    content: unset !important;

}

.woocommerce-info::before {
    color: #e61c1b;
}

.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {

    top: 20px;

}

/* =========================
   RESPONSIVE
========================= */

@media (max-width: 991px) {
    .woocommerce-account .woocommerce {
        flex-direction: column;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation {
        width: 100%;
        position: relative;
        top: 0;
    }

    .woocommerce-account .woocommerce-MyAccount-content {
        width: 100%;
        padding: 25px;
    }
}

@media (max-width: 576px) {
    .woocommerce-account .woocommerce-MyAccount-content {
        border-radius: 20px;
        padding: 20px;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation {
        border-radius: 20px;
        padding: 20px;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation ul li a {
        font-size: 14px;
        padding: 12px 14px;
    }

    .woocommerce-account table.shop_table tbody td,
    .woocommerce-account table.shop_table thead th {
        padding: 12px;
        font-size: 13px;
    }
}



.woocommerce-account .woocommerce::after,
.woocommerce-account .woocommerce::before {
    content: unset !important;

}





.account-box {
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    padding: 40px 20px;
    text-align: center;
    background: #fff;
    transition: 0.3s;
    cursor: pointer;
    height: 100%;
}

.account-box i {
    font-size: 40px;
    color: #999;
    margin-bottom: 15px;
}

.account-box h6 {
    font-weight: 500;
    color: #333;
    margin: 0;
}

.account-box:hover {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    transform: translateY(-5px);
}

.account-box:hover i {
    color: #E61C1B;
}


.woocommerce-account .woocommerce .woocommerce-MyAccount-content a {

    color: #E61C1B !important;
    font-weight: 500;

}




@media (max-width: 576px) {



    .woocommerce-info {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

}





/* ================================
   WooCommerce Checkout Page Design
   Primary Color: #E61C1B
================================ */

/* Main Wrapper */
.wc-block-checkout__form input {


    border: 1px solid #d4d4d4 !important;

}


.wp-block-woocommerce-checkout-order-summary-block input {


    border: 1px solid #d4d4d4 !important;

}

.wp-block-woocommerce-checkout-order-summary-block input:focus {

    border-color: var(--green-dark) !important;
    box-shadow: none !important;
    outline: none !important;

}


.wc-block-checkout__form input:focus {

    border-color: var(--green-dark) !important;
    box-shadow: none !important;
    outline: none !important;

}


.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted,
.wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
    border-radius: 4px;
    box-shadow: unset !important;
    border: 1px solid #d4d4d4;
}

.wc-block-components-radio-control--highlight-checked:after {

    border: unset !important;

}


.wc-block-components-checkout-return-to-cart-button {

    white-space: nowrap;
}

.wc-block-checkout__form select:focus {

    border-color: var(--green-dark) !important;
    box-shadow: none !important;
    outline: none !important;

}

.wc-block-checkout__form select {


    border: 1px solid #d4d4d4 !important;

}

/* Container */
.woocommerce-checkout .woocommerce {
    max-width: 1300px;
    margin: auto;
}

/* Two Column Layout */
.woocommerce-checkout .col2-set {
    display: grid;
    grid-template-columns: 1fr 420px;
    gap: 30px;
    align-items: start;
}

@media (max-width: 991px) {
    .woocommerce-checkout .col2-set {
        grid-template-columns: 1fr;
    }
}

/* Left Form Area */
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-shipping-fields,
.woocommerce-checkout .woocommerce-additional-fields {
    background: #fff;
    padding: 35px;
    border-radius: 24px;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.06);
    margin-bottom: 25px;
}





/* Form Rows */
.woocommerce-checkout .form-row {
    margin-bottom: 18px;
}

/* Inputs */
.woocommerce-checkout input.input-text,
.woocommerce-checkout textarea,
.woocommerce-checkout select {
    width: 100%;
    border: 2px solid #ececec;
    background: #fff;
    border-radius: 14px;
    padding: 15px 18px;
    font-size: 15px;
    transition: all 0.3s ease;
    min-height: 56px;
}

/* Focus */
.woocommerce-checkout input.input-text:focus,
.woocommerce-checkout textarea:focus,
.woocommerce-checkout select:focus {
    border-color: #E61C1B;
    box-shadow: 0 0 0 4px rgba(230, 28, 27, 0.12);
    outline: none;
}

/* Labels */
.woocommerce-checkout label {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #222;
}

/* Order Review Box */
.woocommerce-checkout #order_review {
    background: #fff;
    border-radius: 24px;
    padding: 35px;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.06);
    position: sticky;
    top: 30px;
}

/* Order Review Title */
.woocommerce-checkout #order_review_heading {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 25px;
    color: #111;
}

/* Table */
.woocommerce-checkout table.shop_table {
    border: none;
    margin-bottom: 25px;
}

.woocommerce-checkout table.shop_table th {
    background: #fafafa;
    padding: 16px;
    font-size: 15px;
    font-weight: 700;
    border: none;
}

.woocommerce-checkout table.shop_table td {
    padding: 16px;
    border-top: 1px solid #eee;
    font-size: 15px;
}

/* Product Name */
.woocommerce-checkout .product-name {
    font-weight: 600;
    color: #222;
}

/* Totals */
.woocommerce-checkout .order-total td,
.woocommerce-checkout .order-total th {
    color: #E61C1B;
    font-size: 20px;
    font-weight: 700;
}

/* Coupon Box */
.woocommerce-checkout .checkout_coupon {
    background: #fff;
    border-radius: 18px;
    padding: 25px;
    margin-bottom: 25px;
    border: 2px dashed #E61C1B;
}

/* Buttons */

.woocommerce-checkout .button,
.woocommerce-checkout #place_order {
    border: none !important;
    border-radius: 14px !important;
    padding: 16px 0px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    transition: all 0.3s ease;
    width: 100%;
    min-height: 58px;
}


.wc-block-components-radio-control--highlight-checked a {
    color: var(--green-dark);
}


@container (min-width: 700px) {
    .wc-block-checkout__sidebar {
        align-self: flex-start;
        top: 120px !important;
    }
}


.woocommerce-checkout button {

    background-color: var(--green-dark);
    padding: 12px 30px 10px;
    border: none;
    color: white;
    font-weight: 600;
    border-radius: 10px;
}


.woocommerce-checkout button:hover {

    background-color: #F3C94D;
    color: black;
    align-items: center;

}

/* Hover */


/* Payment Methods */
.woocommerce-checkout #payment {
    background: #fff;
    border-radius: 18px;
    border: 1px solid #eee;
    overflow: hidden;
}

.woocommerce-checkout #payment ul.payment_methods {
    padding: 20px;
}

.woocommerce-checkout #payment ul.payment_methods li {
    margin-bottom: 12px;
}

/* Radio Buttons */
.woocommerce-checkout input[type="radio"] {
    accent-color: #E61C1B;
}

/* Notices */
.woocommerce-checkout .woocommerce-info,
.woocommerce-checkout .woocommerce-message {
    border-top-color: #E61C1B;
    background: #fff;
    border-radius: 14px;
    padding: 18px 20px;
    margin-bottom: 25px;
}

/* Required Mark */
.woocommerce-checkout .required {
    color: #E61C1B;
}

/* Mobile */
@media (max-width: 767px) {

    /* .woocommerce-checkout {
        padding: 30px 15px;
    } */

    .woocommerce-checkout .woocommerce-billing-fields,
    .woocommerce-checkout .woocommerce-shipping-fields,
    .woocommerce-checkout .woocommerce-additional-fields,
    .woocommerce-checkout #order_review {
        padding: 22px;
        border-radius: 18px;
    }



    .woocommerce-checkout input.input-text,
    .woocommerce-checkout textarea,
    .woocommerce-checkout select {
        min-height: 52px;
        font-size: 14px;
    }

    .woocommerce-checkout button,
    .woocommerce-checkout .button,
    .woocommerce-checkout #place_order {
        min-height: 54px;
        font-size: 15px !important;
    }
}


.wp-block-woocommerce-checkout-order-summary-block {

    background-color: white;

}



.wc-block-components-product-name {

    color: var(--green-dark) !important;
}

.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button {
    background-color: var(--green-dark) !important;
    width: 25px !important;
    height: 25px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: unset !important;
    color: white !important;
    border: none !important;
    opacity: 1 !important;
}


.wc-block-components-quantity-selector {
    padding: 4px !important;
    border-radius: 10px !important;
}



.wc-block-components-totals-coupon__content input {

    border: 1px solid #d4d4d4 !important;

}


.wc-block-components-totals-coupon__content input:focus {

    border-color: var(--green-dark) !important;
    box-shadow: none !important;
    outline: none !important;

}


.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button {


    background-color: var(--green-dark);
    padding: 12px 30px;
    border: none;
    color: white;
    font-weight: 600;
    border-radius: 10px;


}


.wc-block-cart__submit-button {

    background-color: var(--green-dark);
    padding: 12px 30px 10px;
    border: none;
    color: white;
    font-weight: 500;
    border-radius: 10px;

}


.wc-block-cart__submit-button:focus {

    box-shadow: none;
}


.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button:hover {

    background-color: #F4CA4E !important;
    color: black !important;

}




/* =============================================
   WooCommerce Order Received Page - Custom CSS
   Class: .woocommerce-order-received
   ============================================= */

/* ---------- Success Banner ---------- */

.header-cart {
    position: relative;
}

.cart-count {

    position: absolute;
    top: -8px;
    right: -2px;
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e61c1b;
    color: white;
    border-radius: 100%;
    font-size: 11px;
}

.woocommerce-order-received .entry-header .entry-title {
    display: none !important;
}

.woocommerce-order-received .woocommerce-thankyou-order-received-wrapper,
.woocommerce-order-received .woocommerce-order {
    max-width: 720px;
    margin: 0 auto;
    padding: 2rem 1rem 0rem;
    font-family: 'DM Sans', sans-serif;
}

.woocommerce-order-received .woocommerce-notice--success,
.woocommerce-order-received p.woocommerce-thankyou-order-received {
    background: linear-gradient(135deg, #0F6E56 0%, #1D9E75 100%);
    border-radius: 20px;
    padding: 2.5rem 2rem;
    text-align: center;
    margin-bottom: 1rem;
    position: relative;
    overflow: hidden;
    border: none;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
}

.woocommerce-order-received p.woocommerce-thankyou-order-received::before {
    content: '\2713';
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.18);
    border: 2px solid rgba(255, 255, 255, 0.4);
    margin: 0 auto 1.25rem;
    font-size: 28px;
    color: #fff;
}

/* ---------- Order Meta Details (ul.woocommerce-order-overview) ---------- */
.woocommerce-order-received ul.woocommerce-order-overview {
    display: grid;
    gap: 12px;
    list-style: none;
    padding: 0;
    margin: 0 0 1.75rem;
}

.woocommerce-order-received ul.woocommerce-order-overview li {
    background: #fff;
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    padding: 5px;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #888;
    margin: 0;
}

.woocommerce-order-received ul.woocommerce-order-overview li strong {
    display: block;
    font-size: 15px;
    font-weight: 500;
    color: #1a1a1a;
    text-transform: none;
    letter-spacing: 0;
    margin-top: 6px;
    overflow-wrap: break-word;
    word-break: break-word;
    white-space: normal;
}

.woocommerce ul.order_details li:last-of-type {
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.1) !important;
    padding: 5px !important;
}

.woocommerce-order-received ul.woocommerce-order-overview li.woocommerce-order-overview__status strong {
    color: #0F6E56;
}

/* ---------- Section Cards (billing, shipping, order details) ---------- */
.woocommerce-order-received .woocommerce-order-details,
.woocommerce-order-received .woocommerce-customer-details {
    background: #fff;
    border: 0.5px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    margin-bottom: 1.25rem;
    overflow: hidden;
}

/* Section headings */
.woocommerce-order-received .woocommerce-order-details__title,
.woocommerce-order-received .woocommerce-column__title {
    font-size: 14px;
    font-weight: 500;
    color: #1a1a1a;
    padding: 1rem 1.25rem;
    margin: 0;
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.08);
    background: transparent;
}

/* ---------- Order Items Table ---------- */
.woocommerce-order-received table.woocommerce-table--order-details {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.woocommerce-order-received table.woocommerce-table--order-details thead th {
    padding: 0.75rem 1.25rem;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #888;
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.08);
    text-align: left;
    background: transparent;
}

.woocommerce-order-received table.woocommerce-table--order-details thead th:last-child {
    text-align: right;
}

.woocommerce-order-received table.woocommerce-table--order-details tbody tr {
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.06);
    transition: background 0.15s;
}

.woocommerce-order-received table.woocommerce-table--order-details tbody tr:last-child {
    border-bottom: none;
}

.woocommerce-order-received table.woocommerce-table--order-details tbody tr:hover {
    background: #f9f9f9;
}

.woocommerce-order-received table.woocommerce-table--order-details tbody td {
    padding: 0.875rem 1.25rem;
    color: #1a1a1a;
    vertical-align: middle;
}

.woocommerce-order-received table.woocommerce-table--order-details tbody td.product-name {
    font-weight: 500;
}

.woocommerce-order-received table.woocommerce-table--order-details tbody td.product-name a {
    color: #1a1a1a;
    text-decoration: none;
}

.woocommerce-order-received table.woocommerce-table--order-details tbody td.product-name a:hover {
    color: #1D9E75;
}

.woocommerce-order-received table.woocommerce-table--order-details tbody td.product-total {
    text-align: right;
    font-weight: 500;
}

/* Quantity */
.woocommerce-order-received table.woocommerce-table--order-details .product-quantity {
    display: inline-flex;
    align-items: center;
    background: #f3f3f3;
    border: 0.5px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    padding: 2px 7px;
    font-size: 11px;
    font-weight: 500;
    color: #555;
    margin-left: 6px;
}

/* ---------- Order Totals ---------- */
.woocommerce-order-received table.woocommerce-table--order-details tfoot tr {
    border-top: 0.5px solid rgba(0, 0, 0, 0.08);
}

.woocommerce-order-received table.woocommerce-table--order-details tfoot td,
.woocommerce-order-received table.woocommerce-table--order-details tfoot th {
    padding: 0.6rem 1.25rem;
    font-size: 13px;
    color: #555;
}

.woocommerce-order-received table.woocommerce-table--order-details tfoot th {
    font-weight: 400;
    text-align: left;
}

.woocommerce-order-received table.woocommerce-table--order-details tfoot td {
    text-align: right;
}

/* Grand Total row */
.woocommerce-order-received table.woocommerce-table--order-details tfoot tr.order-total th,
.woocommerce-order-received table.woocommerce-table--order-details tfoot tr.order-total td {
    font-size: 16px;
    font-weight: 500;
    color: #1a1a1a;
    padding-top: 1rem;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.woocommerce-order-received table.woocommerce-table--order-details tfoot tr.order-total td {
    color: #0F6E56;
}

/* ---------- Billing & Shipping Address columns ---------- */
.woocommerce-order-received .woocommerce-customer-details .col2-set {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
}

.woocommerce-order-received .woocommerce-customer-details .col-1 {
    border-right: 0.5px solid rgba(0, 0, 0, 0.08);
}

.woocommerce-order-received .woocommerce-customer-details .woocommerce-column {
    padding: 1rem 1.25rem;
}

.woocommerce-order-received .woocommerce-customer-details address {
    font-size: 13px;
    color: #555;
    line-height: 1.7;
    font-style: normal;
}

/* ---------- Buttons ---------- */
.woocommerce-order-received .button,
.woocommerce-order-received a.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0.75rem 1.5rem;
    background: #1D9E75;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.2s;
    margin-top: 1.5rem;
}

.woocommerce-order-received .button:hover,
.woocommerce-order-received a.button:hover {
    background: #0F6E56;
    color: #fff;
}

/* ---------- Responsive ---------- */
@media (max-width: 600px) {
    .woocommerce-order-received ul.woocommerce-order-overview {
        grid-template-columns: 1fr 1fr;
    }

    .woocommerce-order-received .woocommerce-customer-details .col2-set {
        grid-template-columns: 1fr;
    }

    .woocommerce-order-received .woocommerce-customer-details .col-1 {
        border-right: none;
        border-bottom: 0.5px solid rgba(0, 0, 0, 0.08);
    }

    .woocommerce-order-received table.woocommerce-table--order-details thead {
        display: none;
    }

    .woocommerce-order-received table.woocommerce-table--order-details tbody td {
        display: block;
        padding: 0.5rem 1.25rem;
    }

    .woocommerce-order-received table.woocommerce-table--order-details tbody td.product-total {
        text-align: left;
        padding-bottom: 1rem;
        color: #1D9E75;
    }
}


.woocommerce ul.order_details::after,
.woocommerce ul.order_details::before {
    content: unset !important;

}



.custom-woo-login-page .entry-header {


    display: none !important;

}




.custom-woo-login-page #main-content .container {

       padding: 50px 0 30px !important;
}


.custom-woo-login-page .woocommerce {
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


.custom-woo-login-page .woocommerce-form-login {
    width: 100%;
    margin: 0px !important;
}


#customer_login {

    font-size: 24px;
    font-weight: 600;

}


.custom-woo-login-page .woocommerce-form-login .woocommerce-form-login__submit {
    background-color: #E61C1B !important;
    color: white;
    display: block;
    width: 100%;
    margin-top: 5px;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    font-family: "Epilogue", sans-serif;
    display: block;
    padding: 8px 30px;
    transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18);
    border-radius: 10px;
    display: inline-block;
    border: 1px solid transparent;
}


.custom-woo-login-page .woocommerce-form-login .woocommerce-form-login__submit:hover {

    background-color: white !important;
    color: black;
    border: 1px solid #E61C1B;
}

.lost_password {
    text-align: center !important;
    margin-top: 20px;
}

.lost_password a {
    color: black !important;
}



.custom-woo-login-page .woocommerce-form-login,
.woocommerce-form-register {
    border: none !important;
}



.wc-block-components-sidebar-layout.wc-block-cart {
    margin: 0px !important;
}



/* ===== Swiper Navigation Buttons ===== */

.categorySwiper {
    position: relative;
}

.categorySwiper .swiper-button-prev,
.categorySwiper .swiper-button-next {
    width: 35px;
    height: 35px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.12);
    transition: all 0.3s ease;
    top: 50%;
    transform: translateY(-50%);
}

.categorySwiper .swiper-button-prev:hover,
.categorySwiper .swiper-button-next:hover {
    background: #000;
}

.categorySwiper .swiper-button-prev::after,
.categorySwiper .swiper-button-next::after {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    transition: all 0.3s ease;
}

.categorySwiper .swiper-button-prev:hover::after,
.categorySwiper .swiper-button-next:hover::after {
    color: #fff;
}

/* Left Button */
.categorySwiper .swiper-button-prev {
    left: 10px;
}

/* Right Button */
.categorySwiper .swiper-button-next {
    right: 10px;
}

/* Mobile */
@media (max-width: 767px) {

    .categorySwiper .swiper-button-prev,
    .categorySwiper .swiper-button-next {
        width: 38px;
        height: 38px;
    }


}



.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {
    padding: 0px !important;
}


.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {


    left: 0px !important;
    top: 13px !important;
    min-height: 16px;
    min-width: 13px;
    height: 13px;
    width: 33px;
    border-radius: 0px !important;
    border-right: 1px solid #000;
}


.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {

    padding-left: 22px !important;
    padding: 9px 24px 9px 48px !important;
}


.dgwt-wcas-style-pirx .dgwt-wcas-preloader {
    margin-right: 0px !important;
}


.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit svg {
    max-width: 15px !important;
}



.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
    border-radius: 5px !important;
}


/*Custom first time show popup css*/
.cop-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cop-modal {
    background: #fff;
    border-radius: 16px;
    padding: 40px 32px 32px;
    width: 90%;
    max-width: 420px;
    position: relative;
    text-align: center;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
}

.cop-close {
    position: absolute;
    top: 14px;
    right: 18px;
    background: none;
    border: none;
    font-size: 22px;
    cursor: pointer;
    color: #555;
}

.cop-title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 8px;
    line-height: 1.3;
}

.cop-sub {
    font-size: 14px;
    color: #666;
    margin-bottom: 20px;
}

.cop-btn-outline {
    display: block;
    width: 100%;
    padding: 13px;
    background: #E61C1B;
    color: #fff;
    border-radius: 8px;
    font-weight: 600;
    text-decoration: none;
    margin-bottom: 16px;
    font-size: 15px;
}

.cop-divider {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 12px 0;
    color: #aaa;
    font-size: 13px;
}

.cop-divider::before,
.cop-divider::after {
    content: '';
    flex: 1;
    height: 1px;
    background: #e0e0e0;
}

.cop-phone-row {
    display: flex;
    gap: 8px;
    margin-bottom: 10px;
}

.cop-input {
    flex: 1;
    width: 100%;
    padding: 12px 14px;
    border: 1.5px solid #ddd;
    border-radius: 8px;
    font-size: 14px;
    margin-bottom: 10px;
    box-sizing: border-box;
    outline: none;
    transition: border 0.2s;
}

.cop-input:focus {
    border-color: #ff6b9d;
}

.cop-btn-dark {
    display: block;
    width: 100%;
    padding: 13px;
    background: #111;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    margin-top: 6px;
    text-decoration: none;
}

.cop-btn-dark:hover {
    background: #333;
}

.cop-terms {
    font-size: 11px;
    color: #aaa;
    margin-top: 12px;
    line-height: 1.5;
}

.cop-msg {
    margin-top: 10px;
    font-size: 13px;
    font-weight: 500;
}

.cop-resend {
    margin-top: 12px;
    font-size: 13px;
    color: #666;
}

.cop-resend a {
    color: #ff6b9d;
}

.cop-success-icon {
    font-size: 50px;
    margin-bottom: 16px;
}

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

@media (max-width: 767.98px) {
    .cop-modal {
        padding: 24px 18px 20px !important;
        max-width: 360px !important;
        border-radius: 14px !important;
    }
    .cop-title {
        font-size: 19px !important;
        margin-bottom: 6px !important;
    }
    .cop-sub {
        font-size: 12.5px !important;
        margin-bottom: 14px !important;
    }
    .cop-btn-outline,
    .cop-btn-dark {
        padding: 10px !important;
        font-size: 13.5px !important;
    }
}

/* ✅ Country Wrap */
.cop-phone-row {
    display: flex;
    gap: 8px;
    margin-bottom: 10px;
}




.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone::before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: "\f095";
    /* phone icon */

    position: absolute;
    margin-left: -1.5em;
    line-height: 1.75;

    -webkit-font-smoothing: antialiased;
}

.woocommerce-customer-details--phone {
    margin: 0px !important;
}



.blog-page-heading a {
    color: black !important;
    font-size: 22px;
}


.blog-date {
    background-color: transparent !important;
    padding: 0px !important;
}


.blog-content {
    padding: 10px !important;
}


.blog-content p {

    margin-bottom: 5px !important;
}


.blog-content h3 {

    margin-bottom: 5px !important;

}


.blog-date {
    margin-bottom: 5px !important;

}


.blog-details {

    padding: 35px 0 0px !important;

}


.details-content {
    padding: 20px 0 0 !important;
}


.details-content p {

    margin-bottom: 5px !important;

}


.blog-section {
    padding: 60px 0 30px !important;
}



.woocommerce-cart .wc-block-grid__product-title {

    margin-top: 15px;
    /* font-family: 'Syne'; */
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #000000;
    margin-bottom: 0px;
}



.woocommerce-cart .woocommerce-Price-amount {

    font-size: 16px;

}




.woocommerce-cart .wc-block-grid__products .wc-block-grid__product-image img {
    height: auto;
    max-width: 100%;
    width: 100%;
    width: 100%;
    transition: all 0.4s ease;
    display: block;
    height: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    height: 295px;
}


.woocommerce-cart .wp-block-button__link {


    font-size: 14px !important;
    background-color: #e61c1b !important;

}


.terms_condition_section h3 {

    font-size: 22px;
    font-weight: 600;
}


.woocommerce-cart .wc-block-grid__product-onsale {

    display: none !important;
}


.terms_condition_section a {
    color: var(--green-dark);
}


body.woocommerce-cart .wp-block-separator+h2.wp-block-heading.has-text-align-center {
    display: none !important;
}


body.woocommerce-cart .why_section {


    padding-top: 30px;
}

.main-slider-style1__content {
    display: none !important;
}


.delivery-info {
    padding: 40px 0px 0px !important;
}

.header-action-icons svg fill {
    color: black
}


.product_listing {

    padding-top: 80px !important;

}


.bpa-wholesale-categories {

    justify-content: center;

}



.tax-wholesale_category h1 {

    font-size: 26px;
    font-weight: 600;
    margin-top: 40px !important;

}



.wholesale-login-content h1 {

    font-size: 26px;
    font-weight: 600;
    margin-top: 40px !important;

}


.woocommerce .products ul,
.woocommerce ul.products {

    margin-bottom: 0px !important;

}


.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {


    margin-bottom: 12px !important;
}



.page-template-wholesale-login .btn_contacts:hover {
    color: #e61c1b;
    border-color: #e61c1b;

}


.wholesale-register-form input {

    font-size: 14px;
    box-sizing: border-box;
    padding: 10px 15px;
    background: #FFFFFF;
    border-radius: 8px;
    border-color: #dadada;

}


.wholesale-register-form select {
    font-size: 14px;
    box-sizing: border-box;
    padding: 10px 15px;
    background: #FFFFFF;
    border-radius: 8px;
    border-color: #dadada;


}


.wholesale-register-form p {
    margin: 0px;
}

.wholesale-register-form .form-label {

    font-size: 14px !important;
    font-weight: 500;
    margin: 0px;

}

.wholesale-register-form textarea {

    border-color: #dadada;
    height: 130px !important;

}


.wholesale-register-form textarea:focus {

    border: 1px solid var(--gold);
    box-shadow: none;

}


.wholesale-register-form select:focus {

    border: 1px solid var(--gold);
    box-shadow: none;

}

.wholesale-register-form input:focus {

    border: 1px solid var(--gold);
    box-shadow: none;

}


.wholesale-submit-btn {

    text-align: end !important;
    position: relative !important;

}


.wholesale-submit-btn input {

    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #000000;
    background: #F4CA4E;
    font-family: "Epilogue", sans-serif;
    display: block;
    padding: 8px 30px;
    transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18);
    border-radius: 10px;
    display: inline-block;
    border: 1px solid var(--gold);
}


.wholesale-submit-btn input:hover {

    border-color: var(--green-dark);
    color: var(--green-dark);
    background-color: transparent !important;

}


.wholesale-submit-btn .wpcf7-spinner {

    bottom: -33px;
    right: 0px;
    position: absolute !important;

}



.wholesale-login-section .woocommerce {


    display: flex;
    flex-direction: column;
    align-items: center !important;
    gap: 15px;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: center;

}


.wholesale-login-section {
    padding-top: 40px;
}

.wholesale-login-card .woocommerce form.login {

    margin: 1em 0 !important;

}

.wholesale-login-link {
    color: var(--green-dark);
}


/* .woocommerce-form-login {

    margin-top: 0px !important;
    width: 40%;

} */


.wholesale-register-form h3 {

    font-size: 26px;
    font-weight: 600;
    position: relative;

}



.wholesale-login-card .woocommerce-form-login__submit {

    background-color: #e61c1b !important;
    color: white !important;
    width: 100% !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    margin-top: 5px !important;
    padding: 12px !important;
    border-radius: 12px !important;
    border: 1px solid transparent !important;
}


.wholesale-login-card .woocommerce-form-login__submit:hover {

    border: 1px solid #e61c1b !important;
    background-color: transparent !important;
    color: #e61c1b !important;

}



.wholesale-login-card h2 {

    font-size: 26px;
    font-weight: 600;
    position: relative;

}


.wholesale-login-card h2::before {
    content: "";
    position: absolute;
    left: -5px;
    top: 50%;
    transform: translateY(-50%);
    width: 41px;
    height: 33px;
    background: #e61c1b2b;
    border-radius: 2px;
    z-index: -1;
}


.sbi_feedtheme_header_text h3 {

    color: #E61C1B !important;

}


.sbi_follow_btn a {

    background: rgb(230 28 27) !important;

}

.sbi_follow_btn a:hover {

    background-color: rgb(174 12 12) !important;

}

.cht-in-desktop .entry-header .entry-title {
    margin-top: 0px !important;

}

/* delivery info page */

.delivery-info-sec {
    padding: var(--padding-80) 0;
    background: var(--cream);
}

.delivery-subtitle {
    text-align: center;
    max-width: 650px;
    margin: -20px auto 50px;
    color: var(--text-mid);
}

.delivery-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
    gap: 30px;
}

.delivery-card {
    background: var(--white);
    border: 1px solid #ececec;
    border-radius: 18px;
    padding: 35px 25px;
    text-align: center;
    transition: .35s ease;
    position: relative;
    overflow: hidden;
}

.delivery-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: var(--gold);
}

.delivery-card:hover {
    transform: translateY(-8px);
    border-color: var(--green-dark);
    box-shadow: 0 18px 35px rgba(var(--green-dark1), .15);
}

.delivery-card h3 {
    /* font-family: "Syne", sans-serif; */
    font-size: 22px;
    color: var(--green-dark);
    margin-bottom: 12px;
}

.delivery-card span {
    display: block;
    color: var(--text-mid);
    margin-bottom: 20px;
    font-size: 15px;
}

.delivery-card strong {
    display: inline-block;
    font-size: 30px;
    font-weight: 700;
    color: var(--black);
    /* font-family: "Syne", sans-serif; */
}

.delivery-card.free strong {
    color: var(--green-dark);
}

.delivery-card.free::before {
    background: var(--green-dark);
}

@media(max-width:767px) {

    .delivery-info-sec {
        padding: var(--padding-50) 0;
    }

    .delivery-grid {
        gap: 20px;
    }

    .delivery-card {
        padding: 28px 20px;
    }

    .delivery-card h3 {
        font-size: 20px;
    }

    .delivery-card strong {
        font-size: 26px;
    }

}

.delivery-terms {
    margin-top: var(--padding-80);
    background: var(--white);
    border-left: 5px solid var(--green-dark);
    border-radius: 15px;
    padding: 35px;
    box-shadow: 0 10px 25px rgba(var(--green-dark1), .08);
}

.delivery-terms h3 {
    /* font-family: "Syne", sans-serif; */
    font-size: 28px;
    color: var(--green-dark);
    margin-bottom: 25px;
}

.delivery-terms ul {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.delivery-terms li {
    position: relative;
    padding-left: 32px;
    color: var(--text-mid);
    line-height: 28px;
}

.delivery-terms li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--gold);
    color: var(--black);
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.delivery-terms strong {
    color: var(--green-dark);
}

@media (max-width: 767px) {

    .delivery-terms {
        padding: 25px;
        margin-top: var(--padding-50);
    }

    .delivery-terms h3 {
        font-size: 22px;
    }

    .delivery-terms li {
        padding-left: 28px;
        line-height: 26px;
    }

}




.order-process img {

    border-radius: 20px;

}

.veg-swiper {
    overflow: hidden;
}




/* =============================================
   HEADER TOP BAR
   ============================================= */
.header-top-bar {
    background-color: var(--green-dark);
    /* Theme Red */
    color: var(--white);
    font-family: "Epilogue", sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
    z-index: 10;
    text-align: center;
}

.header-top-bar__inner {
    display: flex;
    justify-content: center;
    align-items: center;
}

.top-bar-text {
    color: var(--white);
    letter-spacing: 0.5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}


/* Shop All Button Styling */
.shop-all-btn-wrap {
    text-align: end;
    margin-top: 40px;
    margin-bottom: 20px;
}

.shop-all-btn {
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: #000000;
    background: #F4CA4E;
    font-family: "Epilogue", sans-serif;
    display: inline-block;
    padding: 8px 24px;
    border-radius: 10px;
    border: 1px solid var(--gold);
    transition: all 0.3s ease;
    /* text-transform: uppercase; */
    letter-spacing: 0.5px;
}

.shop-all-btn:hover {
    color: #fff;
    background: var(--green-dark);
    border-color: var(--green-dark);
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(230, 28, 27, 0.3);
}

/* Responsive styles */
@media (max-width: 768px) {
    .header-top-bar {
        display: none;
        /* Hide top bar on mobile/tablet to keep header clean */
    }

    .shop-all-btn {
        font-weight: 500;
        font-size: 10px;
        padding: 4px 14px;

    }

    .header-top-bar {

        font-size: 8px;

    }
}

/*temprory css for login popup*/
#customOfferPopup {
    display: none !important;
}

.wholesale-login-card .u-column2.col-2 {
    display: none;
}

.wholesale-login-card .u-column1.col-1 {
    width: 100%;
}



/* =========================================
   BPAA CATEGORY NAVIGATION
========================================= */

.bpaa-category-section {
    background: #e61c1b0d;
    border-bottom: 1px solid #eee6dc;
    position: relative;
    z-index: 5;
    overflow: hidden;
}

.bpaa-category-wrap {
    width: 100%;
    margin: 0 auto;
    padding: 8px 0 0;
}

/* Swiper */

.bpaaCategorySwiper {
    width: 100%;
    overflow: hidden;
}

.bpaaCategorySwiper .swiper-wrapper {
    align-items: stretch;
}

.bpaaCategorySwiper .swiper-slide {
    width: auto;
    height: auto;
}


/* Category Item */

.bpaa-category-item {
    position: relative;

    min-width: 120px;
    height: 105px;

    padding: 8px 18px 13px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    gap: 7px;

    text-decoration: none;
    color: #111;

    transition:
        color .25s ease,
        background .25s ease,
        transform .25s ease;
}


/* Icon Circle */

.bpaa-category-icon {
    width: 58px;
    height: 58px;

    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #fff;

    border: 1px solid #e5ddd3;

    color: #111;

    box-shadow:
        0 2px 7px rgba(0, 0, 0, .04);

    transition:
        all .25s ease;
}

.bpaa-category-icon svg {
    width: 30px;
    height: 30px;
}


/* Category Text */

.bpaa-category-name {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;

    white-space: nowrap;

    color: #161616;

    transition: color .25s ease;
}


/* Hover */

.bpaa-category-item:hover {
    color: #ed1c24;
}

.bpaa-category-item:hover .bpaa-category-icon {
    color: #ed1c24;
    border-color: #ed1c24;

    transform: translateY(-2px);

    box-shadow:
        0 5px 15px rgba(237, 28, 36, .12);
}

.bpaa-category-item:hover .bpaa-category-name {
    color: #ed1c24;
}


/* Active */

.bpaa-category-item.active {
    color: #ed1c24;
}

.bpaa-category-item.active .bpaa-category-icon {
    color: #ed1c24;

    border-color: #ed1c24;

    background: #fff5f5;
}

.bpaa-category-item.active .bpaa-category-name {
    color: #ed1c24;
}


/* Active Bottom Line */

.bpaa-category-item.active::after {
    content: "";

    position: absolute;

    left: 15px;
    right: 15px;

    bottom: 0;

    height: 3px;

    background: #ed1c24;

    border-radius: 3px 3px 0 0;
}


/* Offers */

.bpaa-offer-item {
    min-width: 145px;

    margin: 7px 5px;

    height: 91px;

    flex-direction: row;

    gap: 10px;

    padding: 10px 17px;

    border: 1px solid #ddd4ca;

    border-radius: 7px;

    background: #fff;

    transition: all .25s ease;
}

.bpaa-offer-item .bpaa-category-icon {
    width: 48px;
    height: 48px;

    border: 0;

    background: #fff3f3;

    box-shadow: none;
}

.bpaa-offer-item .bpaa-category-icon svg {
    width: 27px;
    height: 27px;
}

.bpaa-offer-item .bpaa-category-name {
    color: #111;
    font-size: 14px;
}

.bpaa-offer-item:hover {
    border-color: #ed1c24;
    background: #fffafa;

    transform: translateY(-1px);
}

.bpaa-offer-item:hover .bpaa-category-name {
    color: #ed1c24;
}


/* =========================================
   DESKTOP
========================================= */

@media (min-width: 1200px) {

    .bpaaCategorySwiper .swiper-wrapper {
        justify-content: center;
    }

    .bpaaCategorySwiper .swiper-slide {
        flex: 0 0 auto;
    }
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1199px) {

    .bpaa-category-wrap {
        padding-left: 15px;
        padding-right: 15px;
    }

    .bpaa-category-item {
        min-width: 115px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .bpaa-category-section {
        border-bottom: 1px solid #eee;
    }

    .bpaa-category-wrap {
        padding: 5px 10px 0;
    }

    .bpaa-category-item {
        min-width: 90px;
        height: 88px;

        padding: 5px 10px 11px;

        gap: 5px;
    }

    .bpaa-category-icon {
        width: 46px;
        height: 46px;
    }

    .bpaa-category-icon svg {
        width: 24px;
        height: 24px;
    }

    .bpaa-category-name {
        font-size: 11px;
    }

    .bpaa-category-item.active::after {
        left: 8px;
        right: 8px;
    }

    .bpaa-offer-item {
        min-width: 130px;
        height: 76px;

        margin: 5px 3px;

        padding: 7px 10px;
    }

    .bpaa-offer-item .bpaa-category-icon {
        width: 40px;
        height: 40px;
    }

    .bpaa-offer-item .bpaa-category-name {
        font-size: 11px;
        white-space: normal;
    }
}



/* Legacy modal styles migrated to assets/css/bpa-welcome-modal.css */


.bpaa-category-icon img {

    object-fit: cover;
    width: 100%;
    border-radius: 100%;
    width: 58px;
    height: 58px;

}


.whySwiper {
    padding: 10px 5px 10px;
    position: relative;
}

.whySwiper .swiper-slide {
    height: auto;
}

.why-card {
    height: 100%;
}

.whySwiper .swiper-button-prev,
.whySwiper .swiper-button-next {
    width: 42px;
    height: 42px;
    background: var(--green-dark);
    border-radius: 50%;
    top: auto;
    bottom: 0;
}

.whySwiper .swiper-button-prev {
    left: calc(50% - 50px);
}

.whySwiper .swiper-button-next {
    right: calc(50% - 50px);
}

.whySwiper .swiper-button-prev::after,
.whySwiper .swiper-button-next::after {
    font-size: 16px;
    color: #fff;
    font-weight: 700;
}

.whySwiper .swiper-pagination {
    bottom: 13px;
}

.whySwiper .swiper-pagination-bullet-active {
    background: var(--green-dark);
}

/* ==========================================================================
   WOOCOMMERCE GRID OVERRIDES (Restores Bootstrap Grid Structure)
   ========================================================================== */
.woocommerce ul.products,
.woocommerce-page ul.products {
    display: flex !important;
    flex-wrap: wrap !important;
    padding: 0 !important;
    margin-left: -15px !important;
    margin-right: -15px !important;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.woocommerce ul.products[class*="columns-"] li.product,
.woocommerce-page ul.products[class*="columns-"] li.product {
    float: none !important;
    margin: 0 0 30px 0 !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
}

/* Responsive columns layout matching Bootstrap breakpoints */
@media (min-width: 992px) {

    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product,
    .woocommerce ul.products[class*="columns-"] li.product,
    .woocommerce-page ul.products[class*="columns-"] li.product {
        width: 25% !important;
        /* 4 columns on desktop */
    }
}

@media (min-width: 576px) and (max-width: 991.98px) {

    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product,
    .woocommerce ul.products[class*="columns-"] li.product,
    .woocommerce-page ul.products[class*="columns-"] li.product {
        width: 50% !important;
        /* 2 columns on tablet */
    }
}

@media (max-width: 575.98px) {

    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product,
    .woocommerce ul.products[class*="columns-"] li.product,
    .woocommerce-page ul.products[class*="columns-"] li.product {
        width: 100% !important;
        /* 1 column on mobile */
    }
}




#productTabs {
    justify-content: start;
    gap: 10px;
}

.products_info_col .tab-content {
    padding-top: 0px !important;
}

.products_info_col .tab-content p {
    font-size: 14px !important;
}


.product_section_details .product_add_to_cart .quantity {

    margin: 0 0px 0px 0 !important;

    padding: 8px !important;

}

.products_info_col .tab-content ul li {
    font-size: 14px !important;
}



.product_add_to_cart form.cart {

    display: flex;
    gap: 15px;
    align-items: start;
    flex-direction: column;


}


.product_add_to_cart .btn_contacts {
    width: 100% !important;
}



.woocommerce span.onsale {
    min-height: 5px !important;
    min-width: 9px !important;
    padding: 3px 6px 0px !important;
    font-size: 1em !important;
    font-weight: 500 !important;
    position: absolute !important;
    text-align: center !important;
    line-height: 19px !important;
    top: -.5em !important;
    left: -.5em !important;
    margin: 0 !important;
    border-radius: unset !important;
    background-color: #e61c1b !important;
    color: #fff !important;
    font-size: 12px !important;
    z-index: 9 !important;
    display: flex;
    align-items: center;
}

.variations_button {

    width: 100%;
    display: flex;
    gap: 10px;
}

.single_variation_wrap {

    width: 100%;
}

.variations_button .single_add_to_cart_button {
    margin: 0px !important;
    width: 100% !important;
}

.product_add_to_cart table.variations {

    width: 100%;
}


#main-content .container {
    padding: 50px 15px 50px !important;
}


.wp-block-woocommerce-checkout {
    padding-top: 0px !important;
}

.wc-block-components-checkbox__label a {
    color: var(--green-dark);
}

.dgwt-wcas-search-wrapp {
    width: 100% !important;
    max-width: 100% !important;
}


.fresh-vegetables-section {
    padding: 60px 0 0;
    background: #fff;
    font-family: Arial, sans-serif;
}

.veg-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 40px;
    margin-bottom: 20px;
}

.veg-eyebrow {
    display: inline-block;
    margin-bottom: 12px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: #e54b35;
}



.veg-header p {
    max-width: 560px;
    margin: 0;
    font-size: 16px;
    line-height: 1.7;
    color: #68716a;
}

.veg-main-btn {
    display: inline-flex;
    align-items: center;
    gap: 18px;
    padding: 15px 22px;
    border-radius: 50px;
    background: #e54b35;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    transition: .25s ease;
}

.veg-main-btn span {
    font-size: 20px;
    line-height: 0;
}

.veg-main-btn:hover {
    background: #c93c29;
    color: #fff;
    transform: translateY(-2px);
}

.veg-categories {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

.veg-card {
    position: relative;
    display: block;
    overflow: hidden;
    min-height: 330px;
    border-radius: 22px;
    background: #fff;
    text-decoration: none;
    box-shadow: 0 10px 30px rgba(24, 37, 29, .06);
}

.veg-image {
    height: 250px;
    overflow: hidden;
}

.veg-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}

.veg-card:hover .veg-image img {
    transform: scale(1.07);
}

.veg-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 20px;
}

.veg-info h3 {
    margin: 0;
    color: #18251d;
    font-size: 18px;
    font-weight: 700;
}

.veg-info span {
    color: #e54b35;
    font-size: 13px;
    font-weight: 600;
}

.veg-bottom {
    display: grid;
    grid-template-columns: 1fr 330px;
    gap: 25px;
    align-items: stretch;
    margin-top: 25px;
}

.veg-benefits {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    padding: 25px;
    background: #fff;
    border-radius: 20px;
    align-items: center;
}

.benefit {
    display: flex;
    gap: 13px;
    align-items: flex-start;
}

.benefit-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fce9e5;
    color: #e54b35;
    font-size: 17px;
    font-weight: 700;
}

.benefit h4 {
    margin: 2px 0 5px;
    font-size: 14px;
    color: #18251d;
}

.benefit p {
    margin: 0;
    font-size: 12px;
    line-height: 1.5;
    color: #7a827c;
}

.delivery-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 25px;
    border-radius: 20px;
    background: #18251d;
    color: #fff;
}

.delivery-small {
    margin-bottom: 8px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.4px;
    opacity: .65;
}

.delivery-box strong {
    margin-bottom: 6px;
    font-size: 20px;
    line-height: 1.25;
}

.delivery-box>span:last-child {
    font-size: 12px;
    opacity: .65;
}


/* Tablet */
@media (max-width: 991px) {

    .fresh-vegetables-section {
        padding: 65px 0;
    }

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

    .veg-bottom {
        grid-template-columns: 1fr;
    }

    .veg-benefits {
        grid-template-columns: repeat(3, 1fr);
    }
}


/* Mobile */
@media (max-width: 767px) {

    .fresh-vegetables-section {
        padding: 50px 15px;
    }

    .veg-header {
        display: block;
        margin-bottom: 30px;
    }



    .veg-header p {
        font-size: 14px;
    }

    .veg-main-btn {
        margin-top: 22px;
    }

    .veg-categories {
        display: flex;
        overflow-x: auto;
        gap: 14px;
        padding-bottom: 8px;
        scroll-snap-type: x mandatory;
    }

    .veg-card {
        flex: 0 0 72%;
        min-height: 285px;
        scroll-snap-align: start;
        border-radius: 18px;
    }

    .veg-image {
        height: 210px;
    }

    .veg-info {
        padding: 15px;
    }

    .veg-info h3 {
        font-size: 16px;
    }

    .veg-bottom {
        margin-top: 18px;
    }

    .veg-benefits {
        grid-template-columns: 1fr;
        gap: 18px;
        padding: 20px;
    }

    .delivery-box {
        padding: 22px;
    }
}

/* ==========================================================================
   WooCommerce Login/Register Tabs Redesign
   ========================================================================== */
.bpa-login-register-tabs {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0 auto 40px auto;
    border-bottom: 2px solid #eaeaea;
    max-width: 500px;
}

.bpa-login-register-tabs li {
    margin: 0;
    flex: 1;
    text-align: center;
}

.bpa-login-register-tabs li a {
    display: block;
    padding: 15px 20px;
    font-size: 22px;
    font-weight: 600;
    color: #999;
    text-transform: capitalize;
    text-decoration: none;
    border-bottom: 3px solid transparent;
    transition: all 0.3s ease;
    margin-bottom: -2px;
    font-family: "Epilogue", sans-serif;
}

.bpa-login-register-tabs li.active a,
.bpa-login-register-tabs li a:hover {
    color: #E61C1B;
    border-bottom-color: #E61C1B;
}

.woocommerce-account .woocommerce {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
}

#customer_login {
    display: block !important;
    max-width: 500px;
    margin: 0 auto;
}

#customer_login::before, #customer_login::after {
    display: none !important;
}

#customer_login .u-column1,
#customer_login .u-column2 {
    width: 100% !important;
    float: none !important;
    padding: 0 !important;
}

#customer_login .u-column1 h2,
#customer_login .u-column2 h2 {
    display: none; /* Hide default headings since we use tabs */
}

/* Enhancing the forms visually */
#customer_login form {
    background: #fff;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    border: 1px solid #f0f0f0;
}

#customer_login form .woocommerce-form-row {
    margin-bottom: 20px;
}

#customer_login form label {
    font-weight: 500;
    color: #333;
    margin-bottom: 8px;
    display: inline-block;
}

#customer_login form .woocommerce-Input {
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    padding: 12px 15px;
    width: 100%;
    background: #f9f9f9;
    transition: all 0.3s;
}

#customer_login form .woocommerce-Input:focus {
    background: #fff;
    border-color: #E61C1B;
    outline: none;
    box-shadow: 0 0 0 3px rgba(230, 28, 27, 0.1);
}

#customer_login form .woocommerce-Button {
    background: #E61C1B;
    color: #fff;
    border: none;
    padding: 12px 30px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 5px;
    cursor: pointer;
    width: 100%;
    transition: all 0.3s;
    margin-top: 10px;
}

#customer_login form .woocommerce-Button:hover {
    background: #c21514;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(230, 28, 27, 0.2);
}

#customer_login form .woocommerce-LostPassword {
    text-align: center;
    margin-top: 20px;
    display: block;
}

#customer_login form .woocommerce-LostPassword a {
    color: #666;
    font-size: 14px;
    text-decoration: underline;
}

#customer_login form .woocommerce-LostPassword a:hover {
    color: #E61C1B;
}

#customer_login form p:not(.woocommerce-form-row) {
    margin-bottom: 20px;
}

/* Privacy policy text in register */
.woocommerce-privacy-policy-text {
    font-size: 13px;
    color: #777;
    line-height: 1.6;
    margin-bottom: 20px;
    text-align: center;
}
#post-23 .woocommerce {
    max-width: 100%;
    margin: 0 auto;
    padding: 20px;
}