@charset "UTF-8";
/*!
Theme Name: Dessert Basket
Theme URI: 
Author: Next WPThemes
Author URI: 
Description: Elevate your bakery to new heights with our delectable bakery WordPress theme. Crafted with sweetness in mind, our theme offers a delightful design that perfectly showcases your mouthwatering creations. From artisanal pastries to custom cakes, every treat finds its place in the spotlight. The intuitive layout ensures easy navigation, while the gallery lets you flaunt your culinary masterpieces. Integrated contact and order forms streamline customer inquiries and orders. Whether you run a quaint café or a bustling bakery, our responsive and SEO-friendly theme ensures your confections entice customers both near and far. Embrace the aroma of success with our bakery WordPress theme.
Version: 1.0.1
Requires at least: 6.0
Tested up to: 6.3
Requires PHP: 7.2
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: dessertbasket
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, wide-blocks, block-styles, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, full-site-editing, block-patterns, sticky-post, threaded-comments, template-editing, blog, news, portfolio

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Dessert Basket is based on Twenty Twenty-Two WordPress Theme, (C) 2021 WordPress.org
Twenty Twenty-Two is distributed under the terms of the GNU GPL.

*/

*,
*::before,
*::after {
  box-sizing: inherit; }

html {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased; 
}

body{
  background: #fff;
  font-family: 'Poppins', sans-serif;
  overflow-x: hidden;
  line-height: 1.7;
  font-size: 14px;
}

header a,
footer a {
  text-decoration: none; }

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  line-height: 1.5; 
  font-weight: 700;
  font-family: 'Playfair Display', serif;
}

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 0; }

dt {
  font-weight: 700; }

dd {
  margin: 0 1.5em 1.5em; }

table {
  width: 100%;
  border-spacing: 0; }

th, td {
  padding: 5px;
  text-align: center; }

table td,
table tr,
table th {
  border: 1px solid #ddd; }

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%; }

img, .wp-block-image img {
  height: auto;
  max-width: 100%;
  vertical-align: middle; }

figure {
  margin: 1em 0; }

dfn,
cite,
em,
i {
  font-style: italic; }

blockquote {
  margin: 0 1.5em; }

address {
  margin: 0 0 1.5em; }

pre {
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em; }

code,
kbd,
tt,
var {
  font-family: 17px; }

abbr,
acronym {
  border-bottom: 1px dotted #ddd;
  cursor: help; }

mark,
ins {
  background: #ddd;
  text-decoration: none; }

big {
  font-size: 125%; }

select,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  border-radius: 0;
  box-sizing: border-box;
  display: block;
  font-size: 17px;
  width: 100%;
  background: #fff;
  border: 1px solid #ccc;
  line-height: 1.75;
  padding: 7px 15px;
  color: #1c1c1c; 
}

textarea {
  width: 100%;
  height: 120px;
  padding: 15px 20px; }

input[type="checkbox"] {
  display: inline; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #cacaca; }

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #c3c3c3; }

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #a3a2a2; }

hr {
  background-color: #999;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

a {
  color: #3957f5;
  outline: 0 !important; 
}
.widget a:not(.wp-block-button__link),
.entry-summery a:not(.wp-block-button__link),
.entry-content a:not(.wp-block-button__link) {
  text-underline-offset: 3px;
  text-decoration-skip-ink: all;
  text-decoration-thickness: 1px;
  text-decoration: underline; 
}
.widget a:not(.wp-block-button__link):hover,
.entry-summery a:not(.wp-block-button__link):hover,
.entry-content a:not(.wp-block-button__link):hover {
  color: #F17216; 
}
a:focus-visible, a:focus {
  outline: thin dotted !important; 
}
a:hover, a:active, a:hover {
  outline: 0;
  color: #F17216; 
}
.alignwide {
  margin-left  : -80px !important;
  margin-right : -80px !important;
}
.alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
.home .wp-site-blocks > * {
  margin-top: 0 !important;
}

/*---------------- Woocommerce CSS------------------ */
.woocommerce .select2-container--default .select2-selection--single{
  height: 40px;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered{
  padding: 5px 8px;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow{
  top: 8px;
}
.woocommerce form .form-row input.input-text {
  padding: 8px;
  border: 1px solid #bcbcbc;
}
.related.products h2 {
  text-align: left;
}
.woocommerce .star-rating span::before {
  color: #f3f321;
}
.woocommerce ul.products li.product .star-rating{
  margin: 0 auto 8px;
  font-size: 15px !important;
}
.woocommerce span.onsale{
  background: #F17216;
  padding: 0;
  color: #3957f5;
}
.products li {
  box-shadow: -2px -2px 5px #bbb;
  padding: 10px !important;
  text-align: center;
}
.woocommerce ul.products li.product a img{
  margin: 0;
}
h2.woocommerce-loop-product__title,
.woocommerce div.product li .product_title {
  color: #000;
  letter-spacing: 1px;
  font-weight: 600;
  text-align: center !important;
  font-size: 20px !important;
  padding: 5px 0 5px 0 !important;
}
.woocommerce ul.products li.product .button {
    margin-top: 5px;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price {
  color: #000;
}
.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{
  margin-bottom: 5px;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
  background: #F17216;
  color: #3957f5 ;
  border-radius: 30px;
  padding: 10px 20px !important;
  opacity: 1 !important;
  text-decoration: none;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
  background: #3957f5;
  color: #fff;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 7px;
  border-radius: 30px;
  border: solid 1px #000;
  color: #000;
  line-height: 1;
}
.woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2 {
   max-width: 100%;
}
nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding-left: 0;
}
nav.woocommerce-MyAccount-navigation ul li {
  background: #F17216;
  padding: 12px !important;
  margin-bottom: 10px;
}
nav.woocommerce-MyAccount-navigation ul li a{
  color: #3957f5;
  font-weight: 600;
}
nav.woocommerce-MyAccount-navigation ul li a:hover{
  color: #222 !important;
}
span.posted_in {
  display: block;
}
span.woocommerce-input-wrapper {
  width: 100%;
}
select.orderby {
  padding: 10px;
}
.woocommerce-product-gallery__image{
  padding: 2px;
}
.woocommerce .cart .button, .woocommerce .cart input.button{
  padding: 12px;
}
nav.woocommerce-MyAccount-navigation ul li a, .woocommerce-info a, .woocommerce-privacy-policy-text a, td.product-name a, a.shipping-calculator-button{
  text-decoration: none !important;
}
.woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a{
  margin-top: 20px;
}
.woocommerce input#password{
  border: 1px solid #bcbcbc;
}
.woocommerce-page form .password-input{
  width: 100%;
}
.woocommerce nav.woocommerce-pagination ul li a {
  display: block;
  padding: 12px 15px;
  text-decoration: none;
  width: auto;
  color: #fff;
  background: #F17216;
  transition: background .15s ease-in-out;
  font-weight: bold;
}
.woocommerce nav.woocommerce-pagination ul li a:hover{
  background: #000;
  color: #fff;
}
.woocommerce nav.woocommerce-pagination ul li span.current{
  padding: 12.5px 15px;
  background: #000;
  color: #fff;
  font-weight: normal;
}
.woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li{
  border: none;
  float: none;
  overflow: unset;
}
.woocommerce nav.woocommerce-pagination {
  text-align: center;
  margin-bottom: 20px;
} 
.woocommerce-cart table.cart td.actions .coupon .input-text{
  width: 110px !important;
  padding: 5px 5px 5px !important;
  margin: 0px 10px 0px 0 !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
  margin-bottom: 30px;
}
#payment{
  margin: 0 0 30px 0;
}

/* Header Section */
.header-section a, .theme-sidebar a, .banner-section a {
  text-decoration: none !important;
}
.header-section.wp-block-columns {
  border-bottom: 1px solid #eee;
}
.home .header-section {
  border-bottom: 0;
}
.header-section .wp-block-button__link {
  border: 0 !important;
}

/*Menu Section*/
.menu-section h3, .menu-section .wp-block-columns .menu-box:nth-child(2) {
  position: relative;
}
.menu-section h3:after {
  content: '';
  width: 60%;
  height: 15px;
  position: absolute;
  bottom: -15px;
  left: 0;
  background: url('./images/title-img.png') no-repeat left;
  background-size: 100%;
}
.menu-section .wp-block-columns .menu-box:nth-child(2):before, .menu-section .wp-block-columns .menu-box:nth-child(2):after {
  content: '';
  width: 1px;
  height: 100%;
  background: #BBBBBB;
  position: absolute;
  left: -12px;
  top: 0;
  opacity: 0.5;
}
.menu-section .wp-block-columns .menu-box:nth-child(2):after {
  left: auto;
  right: -12px;
}

/*Blog Section*/
.wp-block-latest-posts.latest-blog a.wp-block-latest-posts__post-title {
  text-decoration: none;
  font-size: 18px;
  font-weight: 600;
  color: #020202;
  text-transform: uppercase;
}
.wp-block-latest-posts.latest-blog img {
  width: 100%;
  height: auto;
  max-width: 100% !important;
  object-fit: cover;
  border-radius: 10px;
  margin-bottom: 15px;
}
.wp-block-latest-posts__post-excerpt {
  color: #858585;
  font-size: 14px;
  margin-top: 0;
}

/* Footer Section */
.footer-section .wp-block-columns {
  padding: 40px 0;
  margin-bottom: 0 !important;
}
.footer-section {
  padding: 0;
  min-height: auto !important;
}
.footer-section p.copyright-text {
  margin-bottom: 0!important;
  border-top: 1px solid #fff;
}

/* Media CSS */
@media screen and (max-width: 768px) and (min-width: 576px) {
  .header-section {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  main.wp-block-group {
    padding: 40px !important;
  }
  .footer-section .wp-block-columns, .banner-section, .menu-section .wp-block-columns {
    flex-wrap: nowrap !important;
  }
  .header-section.wp-block-columns:not(.is-not-stacked-on-mobile) .wp-block-column:first-child {
      flex-basis: 20% !important;
  }
  .header-section.wp-block-columns:not(.is-not-stacked-on-mobile) .wp-block-column:nth-child(2) {
      flex-basis: 50% !important;
  }
  .header-section.wp-block-columns:not(.is-not-stacked-on-mobile) .wp-block-column:nth-child(3) {
      flex-basis: 18% !important;
  }
}
@media screen and (max-width: 575px) {
  main.wp-block-group {
    padding: 40px !important;
  }
  .header-section, .footer-section .wp-block-columns {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .header-section.wp-block-columns:not(.is-not-stacked-on-mobile) .wp-block-column:first-child {
      flex-basis: 50% !important;
  }
  .header-section.wp-block-columns:not(.is-not-stacked-on-mobile) .wp-block-column:nth-child(2) {
      flex-basis: 40% !important;
  }
  .header-section .wp-block-buttons {
      justify-content: center;
  }
  .menu-section .wp-block-columns .menu-box:nth-child(2):before, .menu-section .wp-block-columns .menu-box:nth-child(2):after {
    display: none;
  }
  nav.wp-block-navigation {
      --navigation-layout-justification-setting: flex-start !important;
  }
}

/*404 Page CSS*/
.wp-block-search__button {
  border: 0;
  background: #F17216;
}

/*Archive Page*/
.archive-page {
  padding: 50px;
}
.comment-body .reply a {
  color: #fff;
  text-decoration: none;
  background: #F17216;
  padding: 5px 10px;
  border-radius: 30px;
  font-weight: 500;
}
.comment-body .reply a:hover, .wp-block-post-comments input[type=submit]:hover, .theme-button .wp-block-button__link:hover {
  background: #3957f5 !important;
  color: #fff !important;
}
.wp-block-post-comments input[type=submit] {
  background: #F17216;
  color: #fff;
  font-weight: 600;
}
.wp-block-post-author__content {
  align-self: center;
}

/*Sidebar CSS*/
.theme-sidebar .wp-block-group {
  padding: 15px ;
  border: 1px solid #eee;
  color: #6b6b6b;
  background: #fff;
}
.theme-sidebar .wp-block-group h3 {
  color: #222;
  padding-bottom: 5px;
  border-bottom: 3px double #222;
}
.theme-sidebar .wp-block-group ul {
  padding-left: 20px;
}
.theme-sidebar .wp-block-group ul li {
  line-height: 2;
  font-size: 14px;
  color: #6b6b6b;
  list-style: disc;
}
.theme-sidebar .wp-block-group ul li a {
  color: #6b6b6b;
}
.theme-sidebar ul.wp-block-social-links {
  padding: 0;
}
.theme-sidebar ul.wp-block-social-links a{
  padding: 10px !important;
}
.theme-sidebar ul.wp-block-social-links a svg {
  font-size: 18px;
}
.theme-sidebar .wp-block-tag-cloud a{
  background:#eeeeee; 
  color: #000; 
  font-size:15px !important;
  padding: 5px 18px;
  margin: 0 0 5px; 
  display:inline-block;
}
.theme-sidebar .wp-block-tag-cloud a:hover{
  background: #3957f5;
  color: #fff;
}
.theme-sidebar .wp-block-gallery {
  gap: 1em;
}

/*custom CSS */

.headertop-promo {
    background: #d6b88f;
    width: 100%;
    text-align: center;
    color: black;
}
.headertop-promo p {
  margin: 0;
  padding: 0;
 
}

.wp-block-columns.review-section {
    width: 100%;
    display: block;
    padding: 5px;
}
.review-header.is-layout-flow.wp-block-column-is-layout-flow{
    text-align: center;
}

 .review-details p {
    text-align: center;
    height:300px;
}

.review-details span {
    float: right;
    font-weight: 500;
}

.wp-block-columns.journey-section {
    width: 100%;
    text-align: center;
    display: block;
    padding: 5px;
}


.faq-drawer {
  margin-bottom: 30px;
}

.faq-drawer__content-wrapper {
  /*font-size: 1.25em; */
  line-height: 1.4em;
  max-height: 0px;
  overflow: hidden;
  transition: 0.25s ease-in-out;
}

.faq-drawer__title {
  border-top: #000 1px solid;
  cursor: pointer;
  display: block;
 /* font-size: 1.25em;
  font-weight: 700;
  padding: 30px 0 0 0; */
  position: relative;
  margin-bottom: 0;
  transition: all 0.25s ease-out;
}

.faq-drawer__title::after {
  border-style: solid;
  border-width: 1px 1px 0 0;
  content: " ";
  display: inline-block;
  float: right;
  height: 10px;
  left: 2px;
  position: relative;
  right: 20px;
  top: 2px;
  transform: rotate(135deg);
  transition: 0.35s ease-in-out;
  vertical-align: top;
  width: 10px;
}

/* OPTIONAL HOVER STATE */
.faq-drawer__title:hover { 
  color: #4E4B52  ;
}

.faq-drawer__trigger:checked
  + .faq-drawer__title
  + .faq-drawer__content-wrapper {
  max-height: 350px;
}

.faq-drawer__trigger:checked + .faq-drawer__title::after {
  transform: rotate(-45deg);
  transition: 0.25s ease-in-out;
}

input[type="checkbox"] {
  display: none;
}

/*OWL Carousel sider*/
.review-owl-carousel {
   display: block;
   width: 100%;
   z-index: 1;
   position: relative;
   -webkit-tap-highlight-color: transparent;
   overflow: hidden;
}

.review-owl-carousel .item {
    padding: 10px;
    background: #ccc;
}

.review-owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
  }
.review-owl-carousel .owl-nav {
    /* position: absolute;
    bottom: -40px; /* Position below the carousel * /
    width: 100%;
    display: flex;
    justify-content: space-between; */

    position: absolute; /* Position absolute to place it over the carousel */
    top: 50%; /* Center vertically */
    transform: translateY(-50%); /* Adjust for the height of the buttons */
    width: 100%; /* Full width to center buttons */
    display: flex; /* Use flexbox for alignment */
    justify-content: space-between; /* Space between buttons */
    pointer-events: none; /* Prevent pointer events on the container */
}

.review-owl-carousel .owl-dots { 
   display: none;
}

p.review-link {
    padding: 25px 0px 20px 0px;
    text-align: center;
    font-weight: 600;
}

.review-button {
    display: inline-block; /* Make the anchor behave like a block element */
    padding: 10px 20px; /* Add padding for size */
    font-size: 16px; /* Font size */
    color: #fff; /* Text color */
    background-color: #96400b; /* Background color */
    border: none; /* Remove border */
    border-radius: 5px; /* Rounded corners */
    text-decoration: none; /* Remove underline */
    text-align: center; /* Center text */
    transition: background-color 0.3s ease; /* Smooth transition for hover effect */
}


.review-button:active {
    background-color: #96400b; /* Even darker background when active */
}


.review-owl-carousel .owl-item {
    position: relative; /* Ensure the pseudo-element is positioned correctly */
}

.review-owl-carousel .owl-item::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    margins: 3px;
    width: 1px; /* Width of the gradient border */
    height: 100%;
    border-right: 1px solid #ccc; /* Optional: border for visual separation */
}

.review-owl-carousel .owl-nav button {
    /* background: #333;
    color: #fff;
    padding: 10px 15px;
    border-radius: 50%; */
    pointer-events: auto; /* Allow pointer events on buttons */
    background: #fff; /* Background color for buttons */
    border: 1px solid #ccc; /* Border for buttons */
    padding: 10px; /* Padding for buttons */
    cursor: pointer; /* Pointer cursor for buttons */
    border-radius: 5px; /* Rounded corners */

}

.review-owl-carousel .owl-item:hover::after {
      border-right: 1px solid #ccc; /* Optional: border for visual separation */
}

.review-owl-carousel .review-details{
  margin: 15px;
}


/*contact page css */
.contact-column {
  float: left;
  width: 50%;
  padding: 10px;
  height: 500px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.contact-row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .contact-column {
    width: 100%;
    height: 600px;
  }
}


/* CSS For Key Feture Section */

.keyfeature-section {
    margin-bottom: 10px;
    padding-bottom: 10px
}
.keyfeature-header {
    text-align: center;
}

.key-feature-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.key-feature-col {
  flex-basis: 18%; /* adjust the width of each column */
  margin: 10px;
}

.key-feature-col img {
  width: 100%; /* make images responsive */
  height: auto;
  margin: 0 auto; /* center images horizontally */
  transition: 1s ease;
}

.key-feature-col img:hover{
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    transition: 1s ease;
}

/* Media queries for different screen sizes */
@media only screen and (max-width: 768px) {
  .key-feature-col {
    flex-basis: 45%; /* adjust the width of each column for smaller screens */
    text-align:center;
  }
}

@media only screen and (max-width: 480px) {
  .key-feature-col {
    flex-basis: 100%; /* make each column full-width on very small screens */
    text-align:center;
  }
} 


/*product Pages design */

.product-details .product-column {
  float: left ;
  width: 50%;
  padding: 10px;
  min-height: 600px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.product-details:after {
  content: "";
  display: table;
  clear: both;
}

.product-row::after {
    content: "";                /* No content, just used for spacing */
    display: block;             /* Make it behave like a block element */
    height: 20px;               /* Adds 20px of space */
    margin-top: 10px;           /* Optional: space before the pseudo-element */
    clear: both;                /* Clears any floats inside the div */
}


.product-row button {
  position: absolute;
  padding: 10px;
  left: 50%;
  transform: translate(-50%, -50%);

}
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .product-details .product-column {
    width: 100%;
    min-height: 300px;
  }
}

/* .product-gallery img {
    max-width: 500px;
    max-height: 500px;
    border: 10px solid #121012; 
    background-size: cover;
    object-fit: cover;
} */


.product-gallery {
    display: flex;                 /* Use flexbox for layout */
    flex-wrap: wrap;               /* Allow images to wrap onto new lines */
    justify-content: space-around; /* Space the images evenly */
    gap: 20px;                     /* Set gap between images */
    padding: 20px;                 /* Add padding around the container */
}

.product-gallery img {
    width: 100%;                   /* Make image responsive */
    max-width: 300px;              /* Set a maximum width for each image */
    height: auto;                  /* Keep the aspect ratio */
    border-radius: 10px;           /* Add rounded corners to images */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Add a subtle shadow */
    transition: transform 0.3s ease; /* Add a hover effect */
    max-height : 300px
}

.product-gallery img:hover {
    transform: scale(1.05);        /* Slightly zoom in on hover */
}

/* Mobile-Friendly Version */
@media (hover: none) {
    .product-gallery img::active {
        transform: scale(1.05);    /* Zoom in on tap (for mobile) */
    }
}


/* CSS For menu section */

.menu-column-heading {
    display: flex; /* Use flexbox for layout */
    align-items: center; /* Center items vertically */
    justify-content: center; /* Center items horizontally */
    text-align: center; /* Center text within the heading */
}

.ms-block-column {
    display: flex; /* Use flexbox for the inner column */
    align-items: center; /* Center items vertically */
    justify-content: center; /* Center items horizontally */
}

.ms-block-column .wp-block-image {
    margin-right: 10px; /* Add some space between the image and the heading */
}

.ms-block-column h3 {
    margin: 0; /* Remove default margins */
    font-size: 30px; /* Ensure the font size is consistent */
    line-height: 1.2; /* Maintain line height */
}

.menu-column-layout {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; /* Adjusts spacing between columns */
}

.ms-column {
    flex: 1; /* Each column takes equal space */
    min-width: 150px; /* Minimum width for each column */
    box-sizing: border-box; /* Ensures padding and border are included in width */
    padding: 10px; /* Padding inside each column */
    border-right: 1px solid #ccc; /* Optional: border for visual separation */
    text-align: center; /* Center text */
}

.ms-hd-img {
   max-width: 70% !important;
}
.ms-column  img{
   max-height: 100px;
}

/* Responsive Styles */
@media (max-width: 1200px) {
    .ms-column {
        flex: 1 1 20%; /* 5 columns on large screens */
    }
}

@media (max-width: 992px) {
    .ms-column {
        flex: 1 1 25%; /* 4 columns on medium screens */
    }
}

@media (max-width: 768px) {
    .ms-column {
        flex: 1 1 33.33%; /* 3 columns on small screens */
    }
}

@media (max-width: 576px) {
    .ms-column {
        flex: 1 1 50%; /* 2 columns on extra small screens */
    }
}

@media (max-width: 400px) {
    .ms-column {
        flex: 1 1 100%; /* 1 column on very small screens */
    }
}

.ms-link {
    color: #fff;
    outline: 0 !important;
    text-decoration: non
}


#scrollToTop {
    position: fixed;
    bottom: 20px; /* Distance from the bottom */
    right: 80px; /* Distance from the right */
    background-color: #96400b; /* Button color */
    color: white; /* Text color */
    border: none; /* No border */
    border-radius: 5px; /* Rounded corners */
    padding: 10px 15px; /* Padding */
    font-size: 18px; /* Font size */
    cursor: pointer; /* Pointer cursor on hover */
    z-index: 1000; /* Ensure it is above other elements */
    display: none; /* Initially hidden */
}

#scrollToTop:hover {
    background-color: #96400b; /* Darker shade on hover */
}


.fssai-logo {
  max-width: 150px;
}

/* Mobile-specific Styles */
@media screen and (max-width: 768px) { /* Adjust max-width for your breakpoint */
 
   .review-details p {
    text-align: center;
    height:450px;
}
}

/* Mobile-specific Styles */
@media screen and (max-width: 850px) { /* Adjust max-width for your breakpoint */
 
   .review-details p {
    text-align: center;
    height:350px;
}
}
.wp-block-cover .wp-block-cover__inner-container, .wp-block-cover-image .wp-block-cover__inner-container {
	color:black !important;
}

.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:active, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:visited {
        color: black !important;
        fill: black !important;
}
}