* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Poppins, Arial, sans-serif;
}

:root {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
}

.container,
.container-fluid {
    width: 100%;
    padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);
    margin-right: auto;
    margin-left: auto;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.row>* {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y);
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1240px;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1320px;
    }
}

.col-6 {
    flex: 0 0 auto;
    width: 50%;
}

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

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%;
    }

}

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

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%;
    }

}

img,
svg {
    vertical-align: middle;
}

.img-fluid {
    width: 100%;
    height: auto;
}

input {
    width: 100%;
}

input:focus,
button {
    border: none;
    outline: none;
}

input:focus,
textarea:focus {
    outline: none;
}

button {
    background: unset;
}

button,
[role=button],
[class*='btn'] {
    cursor: pointer;
}

figure {
    max-width: 100%;
}

[class~="ellipse"],
[class*="-title"] {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ellipse {
    -webkit-line-clamp: 3;
}

[class*="-title"] {
    -webkit-line-clamp: 2;
}

/* attr __________ selector ______  Starts */

[class*="flex"] {
    display: flex;
}

[class*="grid"] {
    display: grid;
}

[class*="flex"][class*="column"] {
    flex-direction: column;
    align-items: start;
}

:is([class*="flex"]:not([class*="flex"][class*="column"]), [class*="grid"]),
[class*="items-center"] {
    align-items: center !important;
}

[class*="-between"] {
    justify-content: space-between;
}

.justify-center {
    justify-content: center;
}

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

[class*="flex"][class*="wrap"] {
    flex-wrap: wrap;
}

[class*="row-gap"] {
    row-gap: 1.25rem;
}

.row-gap-3 {
    row-gap: 2rem;
}

.gap-20 {
    gap: 20px
}

.gap-10 {
    gap: 10px
}

:is(.mt-auto, footer, .footer) {
    margin-top: 80px;
}

.mt-5 {
    margin-top: 50px !important;
}

.mt-3 {
    margin-top: 30px !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mx-auto {
    margin-inline: auto;
}

.py-5 {
    padding-block: 50px;
}


/* ---------------site-btns-------------- */

.flex-grpBtn {
    gap: 15px;
    flex-wrap: wrap;
}

.flex-btn,
li.product a.add_to_cart_button,
.wp-block-woocommerce-proceed-to-checkout-block a,
.wc-block-components-totals-coupon__form button,
body.woocommerce-checkout .wc-block-checkout__actions_row .wc-block-components-checkout-return-to-cart-button,
body.woocommerce-checkout .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button,
.woocommerce-MyAccount-downloads-file, .order-again a, .woocommerce-orders-table :is(a.view, a.cancel, a.pay),
.sidebar-prod-card .single_add_to_cart_button{
    gap: 5px !important;
    padding: 10px 20px !important;
    width: fit-content !important;
}

.full-btn,
.wp-block-woocommerce-proceed-to-checkout-block a,
.sidebar-prod-card .single_add_to_cart_button{
    width: 100% !important;
    justify-content: center !important;
}

.img-placeholder {
    aspect-ratio: 16/9;
}

:is(.img-placeholder, .img-placeholder img) {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.sidebar-prod-card .img-placeholder img, .recipe-card img{
 	object-position: top center; 
}

.sticky-card {
    position: sticky !important;
    top: 100px;
}

/* ---------------site-form-------------- */

form :is(input, select, textarea),
.woocommerce form :is(input, select, textarea){
    padding: 8px 15px;
    width: 100%;
}

form textarea,
.woocommerce form textarea {
    height: 100px;
    resize: none;
}

input[type="checkbox"]{
    width: 18px !important;
    height: 18px !important; 
}

/* -----------site-pagination------------ */

.pagination .nav-links {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 40px
}

.pagination .nav-links :is(a, span) {
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-header {
    padding-block: 50px;
    overflow: hidden;
    border-bottom: 1px solid var(--border-color);
}

.page-header .container {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.page-header h1 {
    margin-bottom: 0 !important
}

/* ------------------------Header-start-**********----------------- */

header {
    position: relative;
    z-index: 1;
}

.sticky-header {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 999;
}

.bwe-service-logo img {
    height: 25px;
}

header .top-bar ul {
    list-style-type: disc !important;
    padding-left: 20px;
}

header .top-bar ul li::marker {
    color: var(--white);
}

header ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
}

:is(header, footer) ul {
    list-style-type: none;
}

:is(header, footer) ul li a {
    text-transform: capitalize;
}

nav ul {
    gap: 30px;
}

header .container,
.menu-search-form {
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.mob-search-btn {
    width: 40px;
    height: 40px;
}

/* search form _____ start */

.search-container{
    width: 100%;
    background: var(--white);
    position: fixed;
    padding: 10px 120px;
        top: -200%;
        left: 50%;
        transform: translateX(-50%);
      transition: all .3s ease-in-out; 
    }

.search-container#showSearchingBar{
   top: 45px;
   transition: all .3s ease-in-out; 
}

    .search-container form input{
        width: 70%;
    }

    .search-container form .select-wrapper{
        width: 20%;
    }

.search-container form .flex-closeSearch{
       position: absolute;
    right: 30px;
    top: -20px;
    background: var(--white);
    border-radius: 50%;
    height: 35px;
    width: 35px;
    justify-content: center;
   cursor:pointer
}

/* dropdown ______ start */
.dropdown {
    position: relative;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 5px;
}

.dropdown ul {
    display: block;
    visibility: hidden;
    position: absolute;
    left: 0px;
    top: 75px;
    padding: 10px;
    z-index: 99;
    transform-origin: top;
    transform: scale(0);
    min-width: 100%;
}

.dropdown ul {
    transition: all 0.3s ease-in-out;
}

.dropdown ul li {
    padding: 10px 15px;
}

.menu-search-form {
    position: absolute;
    right: 300px;
    width: 55%;
    height: 100%;
    transform: translateY(-100px);
}

.search-bar-show {
    transform: translateY(0px);
}


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

    header nav ul>li {
        padding-block: 25px;
    }

    .menu-toggle-btn,
    .cancel-btn {
        display: none;
    }

    .dropdown ul .dropdown ul {
        position: absolute;
        left: calc(100% + 20px);
        top: 10px;
    }

    header .dropdown:hover>ul {
        transform: scale(1);
        visibility: visible;
        opacity: 1;
    }

    footer .col-lg-8 .col-md-3 {
        display: flex;
        flex-direction: column;
        align-items: end;
    }
   
   .blog-bg-container .blog-card-content .blog-title{
      font-size: 28px;
   }
   
   .gallery-container img.lg-img{
    height: 450px !important;
    object-fit: cover;
}

.gallery-container img {
    height: 215px !important;
}
   
   #respond form :is(.comment-form-author, .comment-form-email){
      width:48% !important
   }

}

/* mobile navigation _____________ start */

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

    header .navigation {
        padding-block: 10px;
    }

    .menu-toggle-btn,
    .cancel-btn {
        display: block;
    }
   
   header .close-MenuBtn{
      display: none;
      position: absolute;
      z-index: 999;
      right: 20px;
      top:-20px
   }

    header .primary-btn {
        display: none;
    }
   
   header nav{
      position:absolute
   }

    header nav > ul {
        position: fixed;
        width: 100%;
      background:var(--white);
        height: 100vh;
        top: 0px;
        left: 0%;
        transition: all 0.2s;
        padding: 30px;
        z-index: 10;
        transform: translateX(-100%);
        display: block;
        box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
    }

    .show-ul {
        transform: translate(0%) !important;
        overflow-y: auto;
    }

    .back-drop {
        top: 0;
        bottom: 0;
        position: fixed;
        width: 100vw;
        height: 100vh;
        opacity: .5;
        z-index: 2;
    }

    .dropdown::after,
    .dropdown .dropdown::after {
        float: right;
        right: 0;
        top: 24px;
        position: absolute;
    }

    .cancel-btn {
        position: fixed;
        right: 8%;
        top: 10px;
    }

    .dropdown {
        display: block;
        position: relative;
    }

    header nav > ul > li {
        padding-top: 20px;
    }

    header nav:has(.flex gap) {
        position: absolute;
    }

    header ul li.showMenu>ul {
        display: block !important;
        visibility: visible;
        opacity: 1;
        transform: translateX(0);
        position: unset;
        margin-top: 5px;
        border-radius: var(--rad-sm);
    }

    header ul li a {
        white-space: normal;
    }
}

/* ------------------------homepage-hero-start-**********----------------- */

.homepage-hero {
    position: relative;
    background: var(--white);
    min-height: 550px;
    height: 100%;
    width: 100%;
    margin-bottom: 100px;
}

.homepage-hero .hero-img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.homepage-hero .hero-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.homepage-hero .hero-content {
    max-width: 800px;
    width: 100%;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 45%;
}

.flex-logo-container {
    gap: 10px;
}

.homepage-hero :is(.hero-left-img-wrapper, .hero-right-img-wrapper) {
    width: fit-content;
    position: absolute;
}

.homepage-hero .hero-left-img-wrapper {
    left: 0;
    top: 70px;
}

.homepage-hero .hero-right-img-wrapper {
    right: 0;
    top: 40px;
}

/* stats counter -- starts Here */

.stats-counter-wrapper {
    max-width: 850px;
    background: var(--white);
    padding: 30px 50px;
    position: absolute;
    bottom: -60px;
    left: 50%;
    transform: translateX(-50%);
}

/* --------------heading-seprator---------- */

[class*="flex-column-sec-hd"] {
    gap: 10px;
    margin-bottom: 30px;
}

[class*="flex-column-sec-hd"] :is(h2, .h2) {
    margin-bottom: 0;
}

.flex-column-sec-hd-center {
    align-items: center !important;
    text-align: center;
}

.flex-abt-col span {
    flex-shrink: 0;
}

/* -----------restaurant-cards---------- */

.restaurants-card {
    overflow: hidden;
    position: relative;
}

.restaurants-card .restaurants-content {
    padding: 15px 15px 7px 15px;
    gap: 10px;
    background-color: var(--white);
}

.restaurants-card .restaurants-content ul li {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 15px;
}

.restaurants-card .restaurants-content ul li span:last-child {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}

.restaurants-card .rest-placeholder img{
   height:200px;
   object-fit: cover;
}

.flex-rest-rating {
    position: absolute;
    right: 20px;
    top: 20px;
    padding: 6px 13px;
    gap: 5px;
}

/* ----------tabs--starts------------ */

.tabContainer .tabcontent {
    display: none;
    animation: fadeEffect 1s;
    margin-top: 40px;
}

.location-card {
    grid-template-columns: 30% 50% auto;
    gap: 15px;
   height:100%;
    align-items: start !important;
}

:is(.flex-rating, .flex-rating ul, ul.flex-rating-list) {
    gap: 5px;
    color: rgba(0, 0, 0, 80%);
    font-weight: var(--medium);
}

.location-card .location-card-content {
    gap: 5px
}

.flex-card-smry {
    margin-top: 5px;
    gap: 10px 30px;
}

/* ----------diet-card--starts------------ */

.diet-card {
    padding: 20px;
    align-items: center !important;
    gap: 5px;
}

.grid-35 {
    grid-template-columns: 32% auto;
}

/* ----------recipe-card--starts------------ */

.recipe-card, .recipe-card img {
    height: 100%;
}

.recipe-card .recipe-card-content {
    padding: 14px 30px;
}

.recipe-card .recipe-card-content .card-category {
    padding: 6px 15px;
    margin-bottom: 10px;
}

.recipe-card .recipe-card-content p {
    font-size: var(--fs-3);
    color: #677E73;
}

.recipe-card .recipe-card-content .flex-between {
    width: 100%;
}


.calc-card{
   align-items:center !important;
   gap:15px;
}

.calc-card span{
       height: 48px;
    width: 48px;
   justify-content:center;
}

.calc-card .read-link{
   width: 100%;
    gap: 8px;
}

/* ----------------------blog-card-start---------------- */

.blog-card{
   height:100%
}

.blog-card-content {
    gap: 15px;
   height:100%;
   flex:1
}

.blog-card-content .flex-meta-wrapper {
    gap: 10px 30px;
}

.blog-bg-container .blog-card-content .flex-meta-wrapper {
    margin-bottom: 10px;
}

.blog-card .img-placeholder{
   height:auto !important
}

/* ----------------------Single-blog-start---------------- */

.page-header .post-meta{
   gap: 15px 50px;
   margin-top: 10px;
}

.post-meta .author-p-i{
   gap: 10px;
}

.grid-blog-card {
    grid-template-columns: 40% auto;
}

.flex-col-blog-card {
    gap: 20px;
    height: 100%;
}

.flex-single-ath-profile{
  gap: 15px;
  margin-top: 20px;
}

.flex-single-ath-profile img{
  height: 50px;
  width: 50px;
  border-radius: 50%;
}

.auth-social-follow :is(ul, ul li){
	padding: 0 !important
}

/* ----------------------footer-start---------------- */

footer {
    padding-block: 50px;
    background: #0E1F17 url(https://realhealthio.batterseaconsultant.com/wp-content/uploads/2026/04/footer-bg.webp) left center / cover no-repeat;
}

footer .footer-card :is(p, a) {
    color: var(--white);
    margin-block: 25px 20px;
    text-align: center;
}

footer .footer-menu .menu-ttl {
    margin-bottom: 25px;
    position: relative;
}

footer .footer-menu ul li:last-child {
    margin-bottom: 0;
}

footer .footer-menu ul li {
    margin-bottom: 12px;
}

.newsletter-form {
    position: relative;
    overflow: hidden;
    border-radius: var(--rad-lg);
}

.newsletter-form input {
    width: 100%;
    padding: 12px 20px;
    border: 0 !important;
    min-width: 350px;
   font-size:14px;
}

.newsletter-form button {
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    border-radius: 0 var(--rad-lg) var(--rad-lg) 0;
}

/* -------homepage-form------- */

.form-container {
    background: url('https://realhealthio.batterseaconsultant.com/wp-content/uploads/2026/04/home-form-bg.webp') no-repeat center center / cover;
    padding: 50px 0;
    position: relative;
    z-index: 0;
    margin-top: 100px;
}

.i-card {
    display: flex;
    gap: 15px;
}

.form-wrapper {
    position: relative;
}

.form-wrapper .form-bg-container {
    position: absolute;
    top: -65px;
    right: 0;
    max-width: 600px;
    width: 100%;
    height: 100%;
    min-height: 600px;
    padding: 30px;
    z-index: 9;
}




/* ---------------------Single-prod.-pg.--------------------- */


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


/* ---------------------Single-rest.-pg.--------------------- */

.yoast-breadcrumbs > span, .woocommerce-breadcrumb{
    display: flex;
    align-items: center;
    gap: 8px;
}

.woocommerce-breadcrumb{
   margin-bottom:0 !important;
}

.yoast-breadcrumbs, .woocommerce-breadcrumb{
   flex-wrap:wrap;
   gap: 10px 28px;
}


.gallery-container .img-box {
    position: relative;
}

.gallery-container .img-box img{
   width:100%;
   object-fit:cover
}

.gallery-container .img-box img:not(img.lg-img){
   height:100px;
}

.gallery-container .img-box .flex-imgs-collection {
    position: absolute;
    top: 50%;
    left: 30%;
    transform: translate(-50%, -50%);
}

.gallery-container .img-box .flex-imgs-collection img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    position: absolute;
}

.gallery-container .img-box .flex-imgs-collection img:nth-child(1) {
    left: 0;
}

.gallery-container .img-box .flex-imgs-collection img:nth-child(2) {
    left: 20px;
}

.gallery-container .img-box .flex-imgs-collection img:nth-child(3) {
    left: 40px;
}

.gallery-container .img-box .flex-imgs-collection span {
    position: absolute;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gallery-container .img-box .flex-imgs-collection span:last-of-type {
    left: 60px;
}

:is(.overview-details, body.author main, body.single-blog main,  body.page main) p,
:is(body.author, body.single-blog, body.page) main :is(ul, ol){
    margin-bottom: 20px;
    width: 100%;
}

ol.commentlist li .comment-author {
    margin-bottom: 10px;
}

ol.commentlist {
    list-style: none;
}

ol.commentlist>li,
.overview-details .comment-respond {
    margin-top: 30px !important;
}

ol.commentlist>li .comment-date {
    display: inline-block;
}

ol.commentlist>li .restaurant-comment-meta-row {
    margin-bottom: 10px
}

ol.commentlist>li ul {
    float: left;
    line-height: 1.8;
    margin-right: 15px;
}

ol.commentlist>li ul li {
    line-height: 0;
}

ol.commentlist>li p {
    margin-bottom: 5px;
}

.overview-details .comment-respond .restaurant-comment-stars-inputs input {
    position: absolute;
    opacity: 0;
}

.comment-respond .comment-reply-title {
    display: none !important;
}

.comment-respond .comment-form-rating {
    padding: 60px 0 30px 0;
    position: relative;
    width: 100%;
}

.comment-respond .comment-form-rating legend {
    position: absolute;
    top: 25px;
    left: 50%;
    transform: translateX(-50%);
}

.comment-respond .comment-form-rating .restaurant-comment-stars-inputs {
    display: flex;
    justify-content: center;
    gap: 15px;
}

#respond form :is(.comment-form-author, .comment-form-email) {
    width: 100%;
}

#respond form p {
    margin: 0;
/*     line-height: 0; */
}

form#commentform {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 25px;
}

#respond form .comment-form-cookies-consent {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: start;
}

#respond form .form-submit {
    display: flex;
    justify-content: center;
}

.sidebar-map {
    gap: 10px;
}

.restaurant-single-content-inner {
    display: flex;
    gap: 8px;
}

.restaurant-single-content-inner svg {
    flex-shrink: 0;
}

:is(.overview-details) :is(ul, ol):not(.review-sec :is(ul, ol)),
ul.thumb-list,
:is(body.author, body.single-blog, body.page) main :is(ul, ol):not(body.single-product .overview-details .review-sec :is(ul, ol)){
    padding-left: 20px;
}

.overview-details :is(ul, ol) li:not(body.single-product .overview-details .review-sec :is(ul, ol) li),
ul.thumb-list li,
:is(body.author, body.single-blog, body.page, body.single-product .overview-details) main :is(ul, ol) li:not(body.single-product .overview-details .review-sec :is(ul, ol) li){
    padding-left: 10px;
    margin-bottom: 12px;
    position: relative;
}

.overview-details :is(ul, ol):not(.review-sec :is(ul, ol)){
   margin-bottom: 20px
}

/* -----------------Accordians-start-------------------- */

.wp-block-create-block-bwe-addons-faq .wp-block-create-block-bwe-addons-details details {
    padding: 12px 20px;
    margin-top: 25px;
    user-select: none;
}

/* -----------------blog-interal-css-start-------------------- */



/* -----------------custom-woocommerce-------------------- */

.wc-block-components-checkout-return-to-cart-button,
.wc-block-components-checkout-place-order-button{
   display: flex;
    align-items: center;
}

.wc-block-components-checkout-return-to-cart-button svg {
    transform:unset !important;
    position: unset !important;
}

input[type="checkbox"],
input[type="radio"]{
   padding: 0 !important;
}

.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce .woocommerce-order .woocommerce-order-overview,
header.woocommerce-Address-title{
   align-items: center;
    display: flex !important;
}

.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-info{
   justify-content: space-between;
}

.woocommerce-notices-wrapper .woocommerce-message{
   border-top-color: var(--sc);
}

.woocommerce-notices-wrapper .woocommerce-error{
   border-top-color: red;
}

.woocommerce-notices-wrapper .woocommerce-info{
   border-top-color: #1d85be;
}

.woocommerce-breadcrumb a:empty{
   display:none
}

.woocommerce .woocommerce-order .woocommerce-thankyou-order-received,
.woocommerce-MyAccount-content p{
   margin-bottom: 20px;
}

.woocommerce .woocommerce-order .woocommerce-order-overview li{
   padding: 12px;
    background: #cccccc17;
   margin: 0;
    border-radius: var(--rad-sm);
}

.woocommerce .woocommerce-order .woocommerce-order-overview li strong{
   margin-top:12px;
   font-size:14px !important
}

.woocommerce .woocommerce-order .woocommerce-order-overview,
header.woocommerce-Address-title{
   justify-content:space-between;
   flex-wrap:wrap;
   gap:15px
}

.woocommerce .woocommerce-order .woocommerce-order-overview:before,
.woocommerce .woocommerce-order .woocommerce-order-overview:after,
.woocommerce-MyAccount-content .woocommerce-Addresses:before,
.woocommerce-MyAccount-content .woocommerce-Addresses:after,
.woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address-title:after,
.woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address-title:before{
   content:unset !important
}

.woocommerce-customer-details address{
   display: flex;
    flex-direction: column;
    gap: 10px;
   padding: 20px !important;
}

.woocommerce .woocommerce-order h2,
header.woocommerce-Address-title h2{
   font-size:26px !important;
   margin:0 !important
}

nav.woocommerce-MyAccount-navigation{
   width:15% !important;
}

nav.woocommerce-MyAccount-navigation ul{
   padding: 20px;
    width: 100%;
    background: #cccccc1f;
    display: flex;
    flex-direction: column;
    gap: 15px;
   border-radius:var(--rad-md)
}

.woocommerce-account .woocommerce-MyAccount-content {
    width: 82% !important;
}

header.woocommerce-Address-title{
   box-shadow:unset !important;
}

.woocommerce-MyAccount-content .woocommerce-Address{
   display: flex !important;
    flex-direction: column;
    gap: 15px;
    justify-content: space-between;
    padding: 20px;
    border-radius: var(--rad-sm);
   box-shadow:0px 1px 4px rgba(0, 0, 0, 0.25)
}

.woocommerce-MyAccount-content fieldset{
   padding: 10px;
    border: 1px solid var(--border-color);
    margin-top: 20px;
}

.woocommerce-MyAccount-content form.woocommerce-EditAccountForm .woocommerce-Button{
   margin-top:20px
}

.products{
    clear: both !important;
}

/* ------------------------Team-Card-start-**********----------------- */

.team-card .team-img {
  width: 100%;
  position: relative;
}

.team-card img {
  height: 235px;
  width: 100%;
  object-fit: cover;
}

.team-card .team-img ul {
  position: absolute;
  bottom: 10px;
  right: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
  padding: 0;
  width: fit-content;
}

.flex-info-cols{
        gap: 10px;
        padding: 20px;
    }

    .flex-info-cols span{
        height: 35px;
        width: 35px;
        justify-content: center;
    }

    .flex-info-cols .flex-column{
        gap: 7px;
    }

.myCart{
	display: none;
}

.gallery-container{
	width: 100%
}

/* ------------------------**responsive-screens**---------------------------- */

@media (width <=1400px) {
    .flex-abt-col {
        padding-inline: 15px !important;
    }

    .restaurants-card .restaurants-content ul li {
        font-size: var(--fs-3);
    }
}


@media (width <=1024px) {
   
   .search-container{
      padding: 70px 20px 20px !important;
        border-bottom: 1px solid var(--border-color);
   }
   
   .search-container form .flex-closeSearch{
      top: 10px !important
   }
   
    .homepage-hero :is(.hero-left-img-wrapper, .hero-right-img-wrapper) {
        display: none;
    }

    .homepage-hero .hero-content{
        padding: 20px;
    }

    .homepage-hero {
        min-height: 400px !important;
    }

    .stats-counter-wrapper {
        padding: 20px !important;
    }

    .d-md-none {
        display: none !important;
    }

    .py-5,
   .page-header{
        padding-block: 30px !important;
    }

    .tabContainer .flex-tab-wrapper {
        overflow-x: scroll;
        width: 100%;
        flex-wrap: nowrap;
        white-space: nowrap;
        padding-bottom: 10px;
        justify-content: start;
        gap: 10px;
    }

    .location-card .location-card-content .flex-card-smry span:first-of-type {
        font-size: 14px;
    }

    .location-card .location-card-content .flex-card-smry span:last-of-type {
        font-size: 12px;
    }

    .location-card .flex-map-link {
        height: 30px !important;
        width: 30px !important;
    }

    .location-card .flex-map-link svg {
        height: 15px;
        width: 15px;
    }

    .row-gap-3 {
        row-gap: 1.25rem;
    }

    .grid-35, .grid-50{
        grid-template-columns: auto !important;
    }

    .recipe-card .recipe-card-content{
        padding: 15px !important;
    }
   
    .form-wrapper .form-bg-container {
        position: unset !important;
        padding: 20px !important;
    }
   
   .top-gradient-bg{
      padding-block : 30px 0 !important
   }
   
   .gradient-bg{
      padding-block : 0 30px !important
   }
   
   :is(.mt-auto, footer, .footer){
      margin-top:50px !important
   }
   
   .mt-5{
      margin-top:30px !important
   }
   
   .flex-goto-id{
      gap:30px !important;
   }
   
   form#commentform{
      gap:15px !important
   }
   
   .gallery-container .img-box .flex-imgs-collection img:nth-child(1) {
    left: -20px;
}

.gallery-container .img-box .flex-imgs-collection img:nth-child(2) {
    left: 0px;
}

.gallery-container .img-box .flex-imgs-collection img:nth-child(3) {
    left: 20px;
}

.gallery-container .img-box .flex-imgs-collection span:last-of-type {
    left: 40px;
}
   
	.myCart{
		display: block;
	}
   
   .wp-block-create-block-bwe-addons-faq .wp-block-create-block-bwe-addons-details details{
      padding: 12px 40px 12px 20px !important;
   }
   
   .wp-block-create-block-bwe-addons-faq .wp-block-create-block-bwe-addons-details details summary:after{
      right: -25px !important;
      top: 15px !important ;
   }
   
   .comments-area .no-reviews-yet{
      margin-top:15px
   }
   
   .blog-bg-container .col-lg-6:first-child{
      order:2
   }
}

@media (600px <=width <=1024px) {

    .homepage-hero {
        margin-bottom: 50px;
    }
   
   .search-container form :is(input, .select-wrapper){
      width:50% !important;
   }

    .stats-counter-wrapper {
        max-width: 730px !important;
    }
   
   .blog-bg-container {
      padding: 25px !important;
   }

}

@media (width <=600px) {
	
	ol.commentlist>li .comment-date {
		font-size: 14px
	}
   
   .search-container form{
      flex-wrap:wrap
   }
   
   .search-container form :is(input, .select-wrapper){
      width:100% !important;
   }

    .homepage-hero {
        margin-bottom: 250px;
    }

    .homepage-hero h1 {
        font-size: 25px !important;
        line-height: 40px !important;
        margin-bottom: 10px;
    }

    .homepage-hero .flex-logo-container {
        align-items: center;
        flex-direction: column;
        gap: 0;
    }

    .homepage-hero .flex-grpBtn {
        justify-content: center;
        margin-top: 20px !important;
    }

    .homepage-hero .flex-grpBtn span {
        display: none;
    }

    .homepage-hero .flex-grpBtn .flex-btn {
        font-size: 13px !important;
        padding: 9px 15px !important;
    }

    .stats-counter-wrapper {
        max-width: 340px !important;
        bottom: -220px !important;
    }

    .stats-counter-wrapper .col-lg-4:not(:first-child) .flex-stats-item:after {
        content: unset !important;
    }

    .flex-abt-col {
        gap: 10px !important;
        padding: 10px !important;
    }

    .flex-abt-col img {
        height: 40px;
        width: 100%;
    }

    .flex-abt-col p {
        font-size: 14px;
    }

    .fs-18 {
        font-size: 16px !important;
        line-height: 1.4 !important;
    }
   
   .location-card .location-card-content :is(.flex-rating, .flex-card-smry){
      font-size:12px
   }
   
   .location-card .img-placeholder img{
      height:100% !important;
   }
   
   .calc-card, .overview-details,
   .blog-bg-container, .overview-details .review-sec{
      padding:15px !important
   }
   
   .comment-respond .comment-form-rating .restaurant-comment-stars-inputs{
      margin-top:30px !important
         
   }
   
   .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering{
      float:left !important
   }

}

@media (width <=576px) {
    .d-sm-none {
        display: none !important;
    }
    .page-header:after,
    .center-hero:before {
        background-image: none !important;
    }
}

/* table */
.table-container {
    background: #fff;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.2);

    width: 100%;
    overflow: hidden;
    margin-top: 25px;
}
table {
    width: 100%;
  }
  
 table thead {
    height: 45px;
    padding: 15px;
    text-align: left;
  }
  
 table tr td,
 table tr th {
    padding: 15px;
  }

  /* table */
  table {
    border-radius: 4px;
    border-spacing: 0;
  }

  table thead {
    background:var(--pc);
  }

  table thead th {
    color: var(--white);
    font-weight: 600;
  }

  table tr td,
  table tr th {
    border: unset !important;
  }

  tbody tr:nth-child(even) {
    background-color: #f0f0f0 !important;
  }