body {

  font-family: 'Poppins', sans-serif;

  color: #000000;

  background-color: #ffffff;

}



.layout_padding {

  padding: 75px 0;

}



.layout_padding2 {

  padding: 45px 0;

}



.layout_padding2-top {

  padding-top: 45px;

}





.layout_padding2-bottom {

  padding-bottom: 45px;

}



.layout_padding-top {

  padding-top: 75px;

}



.layout_padding-bottom {

  padding-bottom: 75px;

}





.custom_dark-btn,

.custom_orange-btn {

  display: inline-block;

  padding: 10px 0;

  text-align: center;

  width: 145px;

  outline: none;

  color: #f7f7f7;

  border: 1px solid transparent;

}



.custom_dark-btn {

  background-color: #000000;

}



.custom_dark-btn:hover {

  border: 1px solid #000000;

  color: #000000;

  background-color: transparent;

}



.custom_orange-btn {

  background-color: #d19b1d;

}



.custom_orange-btn:hover {

  border: 1px solid #d19b1d;

  color: #d19b1d;

  background-color: transparent;

}



.custom_heading {

  text-align: center;

  font-weight: bold;

}



.custom_heading-text {

  text-align: center;

}





/*header section*/

.hero_area {

  height: 98vh;

  background-color: #f7f7f7;

}



.hero_area.sub_pages {

  height: auto;

}



.header_section {}



.header_section .container-fluid {

  padding-right: 25px;

  padding-left: 25px;

}



.header_section .nav_container {

  margin: 0 auto;

}



.custom_nav-container.navbar-expand-lg .navbar-nav .nav-link {

  padding: 10px 30px;

  color: #343434;

  text-align: center
}



a,

a:hover,

a:focus {

  text-decoration: none;

}



a:hover,

a:focus {

  color: initial;

}



.btn,

.btn:focus {

  outline: none !important;

  box-shadow: none;

}







.navbar-brand,

.navbar-brand:hover {

  text-transform: uppercase;

  font-weight: bold;

  font-size: 24px;

  color: #fafcfd;

}



.custom_nav-container .nav_search-btn {

  background-image: url(../images/search-icon.png);



  background-size: 22px;

  background-repeat: no-repeat;

  background-position-y: 7px;

  width: 35px;

  height: 35px;

  padding: 0;

  border: none;

}



.navbar-brand {

  display: flex;

  align-items: center;

}



.navbar-brand img {

  width: 45px;

  margin-right: 5px;

}



.navbar-brand span {

  font-size: 20px;

  font-weight: 700;

  color: #2e2e2d;

  margin-top: 5px;

}



.custom_nav-container {

  z-index: 99999;

  padding: 15px 0;

}



.custom_nav-container .navbar-toggler {

  outline: none;

}



.custom_nav-container .navbar-toggler .navbar-toggler-icon {

  background-image: url(../images/menu.png);

  background-size: 55px;

}



.quote_btn-container a {

  display: inline-block;

  padding: 5px 15px;

  background-color: #d19b1d;

  color: #f7f7f7;

  font-size: 14px;

  text-transform: uppercase;

}



/*end header section*/



/* slider section */

.slider_section {

  padding-top: 8%;

}



.slider_item-box {

  width: 100%;

  height: 100%;

}



.slider_item-box .container {

  height: 100%;

}



.slider_img-box {

  width: 85%;

  margin: 0 auto;

}



.slider_img-box img {

  width: 100%;

}



.slider_item-container {

  display: flex;

  align-items: center;

  width: 100%;

  height: 100%;

  background-repeat: no-repeat;

}



.slider_item-container .slider_item-detail {}



.slider_item-detail h1 {

  font-weight: 700;

  font-size: 60px;

  width: 95%;

}



.slider_item-detail p {

  margin: 45px 0;

}



.slider_call-btn {

  display: inline-block;

  padding: 8px 20px;

  background-color: #edb040;

  color: #fefdfd;

  border-radius: 20px;

}



.slider_section #carouselExampleControls,

.carousel-inner,

.carousel-item {

  height: 100%;

}



.slider_section .custom_carousel-control {

  position: absolute;

  top: 50%;

  left: 2%;

  width: 105px;

  transform: translateY(-50%);

}



.slider_section .custom_carousel-control .carousel-control-prev,

.slider_section .custom_carousel-control .carousel-control-next {

  margin: 10px 0;

  position: relative;

  width: 45px;

  height: 45px;

  border: none;

  opacity: 1;

  background-repeat: no-repeat;

  background-size: 12px;

  background-position: center;

}



.slider_section .custom_carousel-control .carousel-control-prev {

  background-image: url(../images/prev.png);

  background-color: #d19b1d;

}



.slider_section .custom_carousel-control .carousel-control-next {

  background-image: url(../images/next.png);

  background-color: #000000;

}



/* end slider section */



/* Service Section */

.service_section {

  padding: 50px 0;

}



/* Header Text */

.service_section .custom_heading {

  text-align: center;

  font-size: 28px;

  font-weight: bold;

  margin-bottom: 10px;

}



.service_section .custom_heading-text {

  text-align: left;
  /* Subtle justification */

  max-width: 700px;

  margin: 0 auto 20px auto;

  font-size: 16px;

  color: #555;

  word-spacing: 1px;

  hyphens: auto;

  line-height: 1.6;

}



/* Card Deck to Keep Equal Heights */

.service_section .card-deck {

  display: flex;

  align-items: stretch;

  gap: 20px;

}



/* Individual Cards */

.service_section .card {

  text-align: center;

  box-sizing: border-box;

  position: relative;

  transition: box-shadow 0.3s ease, transform 0.3s ease;

  min-height: 100%;

  display: flex;

  flex-direction: column;

  height: 480px;
  /* Increased height */

}



.service_section .card-img-top {

  width: 50px;

  margin: 55px auto 5px auto;

}



.service_section .card-body {

  flex-grow: 1;

  display: flex;

  flex-direction: column;

}



.service_section .card-title {

  color: #d19b1d;

  font-size: 18px;

  font-weight: bold;

}



.service_section .card-text {

  text-align: left;
  /* Prevents full justify spacing issues */

  word-spacing: 1px;

  hyphens: auto;

  line-height: 1.6;

  flex-grow: 1;

}



/* Hover Effect without Pointer and Increased Height */

.service_section .card:hover {

  border: none;

  border-radius: 0;

  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);

  transform: scale(1.02);
  /* Slightly larger on hover */

  cursor: default;
  /* Removes pointer effect */

}



.service_section .card::after {

  content: "";

  position: absolute;

  width: 100%;

  height: 7px;

  background-color: transparent;

}



.service_section .card:hover::after {

  background-color: #d19b1d;

}



/* Responsive Design */

@media (max-width: 768px) {

  .service_section .card-deck {

    flex-direction: column;

  }



  .service_section .card {

    margin-bottom: 20px;

    height: auto;
    /* Adjust for mobile */

  }

}



/* tasty section */



.tasty_section {

  width: 100%;

  height: 500px;

  background-image: url(../images/wood.jpeg);

  background-repeat: no-repeat;

  background-size: cover;

  display: flex;

  justify-content: center;

  align-items: center;



}



.tasty_section h2 {

  font-size: 125px;

  text-align: center;

  font-weight: bold;

  color: #ffffff;

  text-transform: uppercase;

}



/* end tasty section */



/* client section */

.client_container {

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

}



.client_img-box {

  width: 350px;

}



.client_img-box img {

  width: 100%
}



.client_container h3 {

  text-align: center;

  margin-bottom: 25px;

}





.client_section .custom_carousel-control {

  position: absolute;

  top: 100%;

  left: 50%;

  width: 105px;

  transform: translateX(-50%);

}



.client_section .custom_carousel-control .carousel-control-prev,

.client_section .custom_carousel-control .carousel-control-next {

  width: 45px;

  height: 45px;

  border: none;

  border-radius: 100%;

  opacity: 1;

  background-repeat: no-repeat;

  background-size: 12px;

  background-position: center;

  background-color: #292727;

}



.client_section .custom_carousel-control .carousel-control-prev:hover,

.client_section .custom_carousel-control .carousel-control-next:hover {

  background-color: #d19b1d;

}



.client_section .custom_carousel-control .carousel-control-prev {

  background-image: url(../images/prev.png);

}



.client_section .custom_carousel-control .carousel-control-next {

  background-image: url(../images/next.png);

}



/* end client section */



/* contact section */



/*.contact_section {

  background-image: url(../images/Contact.png);

  background-repeat: no-repeat;

  background-size: 425px;

  background-position: right center;

} */



.contact_section input {

  border: none;

  outline: none;

  border-bottom: .8px solid #252525;

  width: 90%;

  margin: 10px 0;

}



.contact_form-container {

  padding: 15px 0 15px 0;



}



.contact_form-container button {

  border: none;

  background-color: #d19b1d;

  color: #fff;

  padding: 8px 40px;

  text-transform: uppercase;

  font-size: 14px;

}



/* map section */

.map_section {

  height: 500px;

}





/* end map section */



/* info section */

.info_section ul {

  padding: 0;

}



.info_section ul li {

  list-style-type: none;

  margin: 3px 0;



}



.info_section h5 {

  margin-bottom: 12px;

  font-size: 22px;

}



.info_section .social-box {

  margin: 25px 0;

}



.info_section .social-box img {

  width: 35px;

  margin-right: 5px;

}



.info_section .form_container input {

  width: 225px;

  height: 30px;

}



.info_section .form_container button {

  background-color: #d19b1d;

  border: none;

  outline: none;

  color: #fff;

  padding: 5px 30px;

  margin-top: 15px;

  font-size: 15px;

}



/* end info section */





/* footer section*/



.footer_section {

  background-color: #efeded;

  padding: 20px 0;

  font-family: "Roboto", sans-serif;

}



.footer_section p {

  color: #191818;

  margin: 0;

  text-align: center;

}



.footer_section a {

  color: #191818;

}



/* end footer section*/
.quantity-wrap {

  align-items: center;

  border: 1px solid #e6e6e6;

  display: flex;

  height: 50px;
  /* Increased height */

  overflow: hidden;

  position: relative;

  width: 160px;
  /* Slightly wider */

  border-radius: 6px;
  /* Smoother corners */

}



.quantity-wrap.disabled:before {

  background-color: hsla(0, 0%, 100%, 0.5);

  bottom: 0;

  content: "";

  left: 0;

  position: absolute;

  right: 0;

  top: 0;

  z-index: 1;

}



.quantity-wrap input {

  border: none;

  box-shadow: none !important;

  font-size: 20px;
  /* Slightly larger font */

  height: 100%;
  /* Matches button height */

  padding: 0;

  text-align: center;

  width: 60px;
  /* Adjusted width */

}



.quantity-wrap input::-webkit-inner-spin-button,

.quantity-wrap input::-webkit-outer-spin-button {

  -webkit-appearance: none;

  margin: 0;

}



.quantity-wrap div {

  align-items: center;

  color: #666;

  cursor: pointer;

  display: flex;

  flex: 0 0 50px;
  /* Adjusted button size */

  font-size: 22px;
  /* Larger icons */

  height: 100%;

  justify-content: center;

  width: 50px;

  transition: color 0.2s;

}



.quantity-wrap div:hover {

  color: #e91e63;

}



.tabs-plus {

  border-bottom: 1px solid #e4e4e4;

  margin-bottom: 24px;

  padding-bottom: 6px;

}



.tabs-plus .nav-item {

  margin-right: 10px;

}



@media (min-width: 768px) {

  .tabs-plus .nav-item {

    margin-right: 40px;

  }

}



.tabs-plus .nav-link {

  border: none !important;

  color: #888;

  cursor: pointer;

  font-size: 14px;

  padding-left: 2px;

  padding-right: 2px;

  position: relative;

}



@media (min-width: 768px) {

  .tabs-plus .nav-link {

    font-size: 18px;

  }

}



.tabs-plus .nav-link:after {

  background-color: #222;

  bottom: -6px;

  content: "";

  display: none;

  height: 2px;

  left: 0;

  position: absolute;

  transform: scaleX(0);

  transition: transform 0.3s;

  width: 100%;

}



.tabs-plus .nav-link.active {

  color: #222;

  font-weight: 700;

}



.tabs-plus .nav-link.active:after {

  display: block;

  transform: scaleX(1);

}



.contact_form-container input,

.contact_form-container textarea {

  width: 100%;
  /* Ensures all input fields and textarea take full width */

  padding: 10px;

  border: 1px solid #ccc;

  border-radius: 5px;

  font-size: 16px;

  box-sizing: border-box;
  /* Prevents width issues */

}



.contact_form-container textarea {

  resize: vertical;
  /* Allows vertical resizing */

  min-height: 100px;
  /* Adjusts the default height */

}



/* Custom styling for the paragraph container */

.pies-description {

  max-width: 700px;
  /* Set width similar to h2 */

  margin: 0 auto;
  /* Center it within the container */

  padding: 0 15px;
  /* Optional padding for spacing */

}



.pies-description .custom_heading-text {

  text-align: left;

  font-size: 16px;

  color: #555;

  line-height: 1.6;

}

/* Flexbox container for both content and image */

.pies-content {

  display: flex;

  justify-content: flex-start;
  /* Align the list to the left and image to the right */

  align-items: center;
  /* Centers the items vertically */

}



/* Style for the image */

.pies-image {

  margin-left: auto;

  margin-right: 25%;
  /* Adjust the value to move the image slightly to the left */

}



.pies-image img {

  max-width: 250px;
  /* Adjust the size of the image */

  height: auto;
  /* Maintain aspect ratio */

}







/* List styling */

.pies-flavors-list {

  list-style-type: disc;
  /* Re-enable bullet points */

  padding-left: 20px;
  /* Add padding to the left of the list */

  margin: 0;
  /* Remove default margin */

  font-size: 16px;
  /* Optional: font size adjustment */

}



/* Optional margin for the text */

.pies-detail-box p {

  margin-top: 20px;

}

/* Images */
/* ------------------------------------------------------- */

/* Position the image container (needed to position the left and right arrows) */
.g-container {
  position: relative;
}

/* Hide the images by default */
.mySlides {
  display: none;
  height: fit-content;
}

/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 40%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Container for image text */
.caption-container {
  text-align: center;
  background-color: #222;
  padding: 2px 16px;
  color: white;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Six columns side by side */
.column {
  float: left;
  width: 16.66%;
}

/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

.pies-flavors-container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.pies-flavor-box {
  width: 18%;
  padding: 20px;
  background-color: #f0f0f0;
  text-align: center;
  border: 2px solid #ddd;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.3s, transform 0.3s;
}

.pies-flavor-box:hover {
  background-color: #d19b1d;
  color: white;
  transform: scale(1.05);
}

.pies-flavor-box {
  cursor: default;
  /* Normal cursor instead of pointer */
}

/* Mobile responsiveness */
@media screen and (max-width: 768px) {
  .pies-flavor-box {
    width: 48%;
    /* Two items per row */
    background-color: #ffeeb0;
    /* Different background color for tablets */
    text-align: left;
    /* Align text to the left on tablet */
  }
}

@media screen and (max-width: 480px) {
  .pies-flavor-box {
    width: 100%;
    /* One item per row */
    background-color: #ffeeb0;
    /* Different background color for phones */
    text-align: left;
    /* Align text to the left on phone */
  }
}

.contact-info-container {
  max-width: 500px;
  /* Slightly narrower width for a more compact look */
  margin: 0 auto;
  /* Center the container */
  padding: 20px;
  background-color: #f9f9f9;
  /* Add a light background */
  border-radius: 8px;
  /* Rounded corners for a modern look */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  /* Subtle shadow for depth */
  font-family: Arial, sans-serif;
}

h2 {
  font-size: 1.8rem;
  margin-bottom: 20px;
  text-align: center;
  color: #333;
  /* Dark color for the heading */
}

.contact-info {
  display: flex;
  flex-direction: column;
  gap: 20px;
  /* Increased space between items */
}

.contact-item {
  display: flex;
  flex-direction: column;
  font-size: 1.1rem;
  color: #333;
  /* Text color for better readability */
}

.contact-item a {
  color: #007BFF;
  text-decoration: none;
  font-weight: bold;
  margin-top: 5px;
  /* Space between label and link */
  transition: color 0.3s ease;
}

.contact-item a:hover {
  color: #0056b3;
  /* Darker shade on hover */
}

.contact-item strong {
  margin-bottom: 5px;
  /* Space between label and text */
}

/* Wrapper for Contact Info and Map to align them vertically */
.contact-info-map-wrapper {
  display: flex;
  flex-wrap: wrap;
  /* Allow for stacking if the screen is small */
  justify-content: space-between;
  gap: 20px;
  /* Space between contact info and map */
  align-items: flex-start;
  /* Ensure vertical alignment */
}

/* Styling the contact info section */
.contact-info-container {
  max-width: 48%;
  /* Half the width of the container, allowing space for the map */
  background-color: #f9f9f9;
  /* Light background color */
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  /* Subtle shadow */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: auto;
  /* Allow content to take up necessary height */
}

.contact-info-container h2 {
  text-align: center;
  margin-bottom: 20px;
}

.contact-info {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.contact-item {
  font-size: 1.1rem;
}

.contact-item a {
  color: #007BFF;
  text-decoration: none;
  font-weight: bold;
  margin-top: 5px;
  transition: color 0.3s ease;
}

.contact-item a:hover {
  color: #0056b3;
}

/* Styling for the map container */
.map-container {
  flex: 1;
  /* Take up the remaining space */
  height: 260px;
  /* Make sure the height matches the contact info */
  min-width: 300px;
  /* Prevent the map from getting too small */
  border-radius: 8px;
  overflow: hidden;
  /* Hide any overflow */
}

/* Ensure the map iframe is stretched to fill the container */
.map-container iframe {
  width: 100%;
  height: 100%;
  border: none;
  /* Match the container height */
}

/* Responsive styling */
@media (max-width: 768px) {
  .contact-info-map-wrapper {
    flex-direction: column;
    /* Stack contact info and map vertically on smaller screens */
  }

  .contact-info-container {
    max-width: 100%;
    /* Make contact info take full width */
    margin-bottom: 20px;
    /* Add space between stacked elements */
  }

  .map-container {
    max-width: 100%;
    /* Make map full width */
    height: 300px;
    /* Limit map height on mobile */
  }
}