.main-color {
  color: #01492D;
}

@font-face {
  font-family: crimsontext;
  src: url(../../Fonts/Crimson/Crimson_Text/CrimsonText-Regular.ttf);
}
@font-face {
  font-family: crimsontext;
  src: url(../../Fonts/Crimson/Crimson_Text/CrimsonText-Italic.ttf);
  font-style: italic;
}
@font-face {
  font-family: crimsontext;
  src: url(../../Fonts/Crimson/Crimson_Text/CrimsonText-SemiBold.ttf);
}
@font-face {
  font-family: Poppins;
  src: url(../../Fonts/Poppins/Poppins-Regular.ttf);
}
@font-face {
  font-family: PoppinsBold;
  src: url(../../Fonts/Poppins/Poppins-Bold.ttf);
}
.title-font {
  font-family: Poppins;
}

h1 {
  font-family: crimsontext !important;
  letter-spacing: 0.03em;
  color: #14171a;
  font-weight: 600;
}

html {
  scroll-behavior: smooth;
}

* {
  box-sizing: border-box;
}

body {
  font-family: Poppins !important;
  overflow-x: hidden;
  background-color: #FCFBFA !important;
  color: #22252a;
}
body img {
  max-width: 100%;
}

img {
  max-width: 100%;
}

p {
  color: #6c6f74;
  line-height: 1.7;
}

a {
  text-decoration: none;
  color: inherit;
}

.section-padding {
  padding-top: 5.5rem;
  padding-bottom: 5.5rem;
}
@media (max-width: 767.98px) {
  .section-padding {
    padding-top: 3.25rem;
    padding-bottom: 3.25rem;
  }
}

.eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 0.75rem;
  font-weight: 700;
  color: #01492D;
  font-family: Poppins;
}

.btn {
  font-family: Poppins;
  font-weight: 600;
  font-size: 0.95rem;
  padding: 0.75rem 1.75rem;
  border-radius: 50px;
  border: 2px solid transparent;
  transition: all 0.25s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.btn-brand {
  background-color: #01492D;
  color: #fff;
}
.btn-brand:hover {
  background-color: rgb(1.6891891892, 123.3108108108, 76.0135135135);
  color: #fff;
}

.btn-outline-light {
  background-color: transparent;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.7);
}
.btn-outline-light:hover {
  background-color: #fff;
  color: #14171a;
}

.btn-outline-dark {
  background-color: transparent;
  color: #14171a;
  border-color: #14171a;
}
.btn-outline-dark:hover {
  background-color: #14171a;
  color: #fff;
}

.btn-sm-pill {
  padding: 0.5rem 1.25rem;
  font-size: 0.8rem;
}

.stars {
  color: #f0a53d;
  font-size: 0.85rem;
  letter-spacing: 2px;
  margin-bottom: 0.75rem;
}
.stars .fa {
  margin-right: 2px;
}

.reveal {
  position: relative;
  opacity: 0;
}

.reveal.active {
  opacity: 1;
}
.reveal.active .fade-left {
  animation: fade-left 1s ease-in;
}
.reveal.active .fade-right {
  animation: fade-right 1s ease-in;
}
.reveal.active .fade-bottom {
  animation: fade-bottom 1s ease-in;
}

@keyframes fade-left {
  0% {
    transform: translateX(-150px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-right {
  0% {
    transform: translateX(150px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-bottom {
  0% {
    transform: translateY(150px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.dlApp {
  margin: 0 auto;
}

/* header */
.openmenuu {
  width: 100% !important;
}

.displayy {
  display: flex !important;
}

.valentine-section {
  background-color: rgb(99, 0, 0);
  background-image: url(https://www.mealzoforbusiness.co.uk/1/heart-background.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.valentine-section img {
  max-width: 55px;
}
@media (max-width: 480px) {
  .valentine-section img {
    max-width: 35px;
  }
}
.valentine-section marquee {
  color: #fff;
  font-size: 17px;
}
@media (max-width: 480px) {
  .valentine-section marquee {
    font-size: 15px;
  }
}

.valentine-gif {
  max-width: 100px;
}
@media (max-width: 480px) {
  .valentine-gif {
    max-width: 60px;
  }
}

header {
  width: 100vw;
  display: flex;
  padding: 0px;
  margin: 0px;
  justify-content: center;
  align-items: center;
  gap: 32px;
  background: var(--Cream-50, #FCFBFA);
  backdrop-filter: blur(25px);
  transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
}
@media (max-width: 1200px) {
  header {
    margin: 10px 16px;
    padding: 0;
  }
}
@media (max-width: 991px) {
  header {
    margin: 0px;
    padding: 0;
  }
}
header .shop-logo {
  width: 80px;
}
@media (max-width: 1200px) {
  header .shop-logo {
    max-width: 150px;
  }
}
@media (max-width: 991px) {
  header .shop-logo {
    max-width: 80px;
  }
}
@media (max-width: 480px) {
  header .shop-logo {
    max-width: 60px;
  }
}
@media (max-width: 991px) {
  header .contact-button {
    display: none;
  }
}
header .nav-link.contact-btn {
  background-color: transparent !important;
}
header section.menu-section {
  width: 100%;
  padding: 2px 120px;
}
@media (max-width: 991px) {
  header section.menu-section {
    padding: 0;
  }
}
header section.menu-section .navbar-nav {
  align-items: left;
}
header section.menu-section .navbar .navbar-brand {
  padding: 0;
}
header section.menu-section nav {
  padding: 5px 0;
}
header section.menu-section nav .navbar-toggler-icon {
  background-image: unset !important;
}
header section.menu-section nav .navbar-toggler {
  color: #1A1A1A;
  border-color: transparent;
  line-height: 2;
}
header section.menu-section nav .navbar-toggler-icon {
  background-image: unset !important;
}
header section.menu-section nav .navbar-toggler-icon .line {
  background-color: #1A1A1A;
  width: 24px;
  height: 3px;
  margin-bottom: 6px;
  border-radius: 3px;
  transition: ease-in-out 0.2s;
}
header section.menu-section nav .navbar-toggler[aria-expanded=true] .navbar-toggler-icon .line:nth-child(1) {
  transform: rotate(45deg);
  margin-left: 9px;
}
header section.menu-section nav .navbar-toggler[aria-expanded=true] .navbar-toggler-icon .line:nth-child(2) {
  display: none;
}
header section.menu-section nav .navbar-toggler[aria-expanded=true] .navbar-toggler-icon .line:nth-child(3) {
  transform: rotate(-45deg);
  margin-left: 9px;
  margin-top: -9px;
}
header section.menu-section nav .nav-item {
  color: #fff !important;
  font-size: 16px;
  font-weight: 500;
  transition: ease-in-out;
}
@media (min-width: 768px) {
  header section.menu-section nav .nav-item {
    margin-right: 15px;
  }
}
@media (min-width: 992px) {
  header section.menu-section nav .nav-item {
    margin-right: 10px;
  }
}
@media (max-width: 992px) {
  header section.menu-section nav .nav-item {
    margin-right: 15px;
  }
}
header section.menu-section nav .nav-item a.nav-link {
  padding: 8px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  align-self: stretch;
  color: #1A1A1A !important;
  font-family: Poppins;
  font-size: var(--Font-Sizes-B-3, 16px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
header section.menu-section nav .nav-item a.nav-link:hover {
  color: #01492D;
  transition: ease-in-out 0.5s;
}
header section.menu-section nav .nav-item a.nav-link:focus .dropdown-menu {
  display: block;
  margin-top: 0;
}
header section.menu-section nav .nav-item a.nav-link img {
  width: 16px;
  transition: ease-in-out 0.7s;
}
header section.menu-section nav .nav-item .dropdown-menu {
  background-color: rgba(38, 33, 34, 0.831372549) !important;
  border-radius: 16px;
  padding: 0;
  top: 100%;
  transition: ease-in-out;
}
header section.menu-section nav .nav-item .dropdown-menu .dropdown-item {
  color: #fff;
  padding: 8px;
  font-size: 18px;
  font-weight: 500;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.04);
  justify-content: center;
  margin: auto;
}
header section.menu-section nav .nav-item .dropdown-menu .dropdown-item:nth-child(1) {
  border-radius: 16px 16px 0 0;
}
header section.menu-section nav .nav-item .dropdown-menu .dropdown-item:nth-child(3) {
  border-radius: 0 0 16px 16px;
}
header section.menu-section nav .nav-item .dropdown-menu .dropdown-item:focus,
header section.menu-section nav .nav-item .dropdown-menu .dropdown-item:hover {
  transition: ease-in-out 0.5s;
  color: #000;
}
header section.menu-section nav .nav-item .dropdown-menu .dropdown-item:focus svg,
header section.menu-section nav .nav-item .dropdown-menu .dropdown-item:hover svg {
  visibility: visible;
}
header section.menu-section nav .nav-item .dropdown-menu .dropdown-item:focus,
header section.menu-section nav .nav-item .dropdown-menu .dropdown-item:hover {
  background-color: #01492D;
}
header section.menu-section nav .nav-item a.login-btn {
  background-color: #01492D;
  border-radius: 1px;
  padding: 15px 35px;
  color: #000 !important;
}
header section.menu-section nav .nav-item a.login-btn:hover {
  background-color: #fff;
  transition: ease-in-out 0.5s;
}
header section.menu-section nav .nav-item.active {
  display: flex;
  height: 56px;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  align-self: stretch;
  border-radius: 12px;
  background: var(--fish-and-chip-company-secondary-500, #01492D);
}
header section.menu-section nav .nav-item.active a.nav-link {
  color: #fff !important;
  transition: none;
}
header section.menu-section nav .nav-item.active a.nav-link svg {
  fill: none;
  stroke-width: 2px;
  stroke: var(--Gray-Gray-950, #fff);
}
header section.menu-section nav a.btn {
  background-color: #01492D;
  color: black;
}
header section.menu-section .menu-btn {
  display: flex;
  text-align: center;
  flex-direction: row;
  align-items: center;
  list-style: none;
  padding: 12px 24px;
  background-color: #01492D;
  margin-bottom: 0;
  border-radius: 8px;
  margin-right: 56px;
}
@media (max-width: 991px) {
  header section.menu-section .menu-btn .nav-item {
    margin-right: 0px !important;
  }
  header section.menu-section .menu-btn {
    padding: 8px 12px;
    margin-right: 12px;
  }
}
@media (max-width: 756px) {
  header section.menu-section .menu-btn {
    padding: 6px 9px;
  }
}
@media (max-width: 576px) {
  header section.menu-section .menu-btn {
    padding: 4px 6px;
  }
}
@media (max-width: 488px) {
  header section.menu-section .menu-btn {
    padding: 4px;
  }
}
header section.menu-section .menu-btn li.nav-item {
  line-height: 30px;
  align-items: center;
}
header section.menu-section .menu-btn li.nav-item a.nav-link {
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  padding: 0 10px;
  color: #fff !important;
}
header section.menu-section .menu-btn:hover {
  background-color: #1A1A1A;
}
header .dropdown-toggle::after {
  display: none;
}
header .navbar-brand {
  font-size: 1rem !important;
}
header .order-btn {
  border: 2px solid #000;
  color: #000;
  background-color: #ffe700;
  padding: 5px 10px;
  border-radius: 20px;
  font-weight: bolder;
  font-size: 13px;
}
@media (max-width: 576px) {
  header .order-btn {
    display: none;
  }
}
header .dropdown.show img {
  transform: rotate(180deg);
}
header .header-links {
  justify-content: start;
  align-items: start;
  padding: 0;
}
header .header-links .navbar-nav {
  padding: 30px 0;
}
header .header-links .nav-item {
  min-width: 200px;
}
header .header-links .nav-item a {
  text-align: left;
}
header .header-links .nav-item a svg {
  fill: none;
  stroke-width: 2px;
  stroke: var(--Gray-Gray-950, #1A1A1A);
}

/* section hero */
.hero-section {
  padding: 80px 0 180px 0;
  min-height: 100vh;
  position: relative;
}
@media (max-width: 991px) {
  .hero-section {
    padding: 60px 0 180px 0;
    min-height: unset;
    max-height: 50vh;
  }
}
@media (max-width: 768px) {
  .hero-section {
    padding: 20px 0 20px 0;
  }
}
.hero-section div.inner-content h2 {
  font-size: 1.2rem;
  margin-bottom: 20px;
  color: rgb(0, 0, 0);
}
@media (min-width: 768px) {
  .hero-section div.inner-content h2 {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  .hero-section div.inner-content h2 {
    font-size: 2rem;
  }
}
.hero-section div.inner-content h2 span.ten-off {
  text-decoration: underline;
  text-decoration-color: #01492D;
}
.hero-section div.inner-content p.hero-main-text {
  font-size: 0.8rem;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}
@media (min-width: 768px) {
  .hero-section div.inner-content p.hero-main-text {
    font-size: 0.9rem;
  }
}
@media (min-width: 992px) {
  .hero-section div.inner-content p.hero-main-text {
    font-size: 1rem;
  }
}
.hero-section h1 {
  margin-bottom: 60px;
  color: #fff;
  letter-spacing: 0.03em;
  text-shadow: 0 0 2px #000;
  font-size: 96px;
  font-weight: 700;
}
@media (max-width: 991px) {
  .hero-section h1 {
    padding-top: 40px;
    font-size: 32px;
    margin-bottom: 120px;
  }
}
@media (max-width: 768px) {
  .hero-section h1 {
    margin-bottom: 80px;
  }
}
@media (max-width: 576px) {
  .hero-section h1 {
    margin-bottom: 20px;
  }
}
.hero-section .hero-card {
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.hero-section .hero_logo {
  filter: drop-shadow(0 0 1px #000);
  max-width: 250px;
  display: flex;
  margin: 30px auto;
  justify-content: center;
}

.index-hero {
  min-height: 120vh;
  background: url(../../imgs/hero/The-Fish-Chip-Company-Perth-hero-bg.png);
  background-size: contain;
  background-position: top;
  min-height: unset;
}
@media (max-width: 991px) {
  .index-hero {
    min-height: 60vh;
    background: url(../../imgs/hero/Fish-and-Chip-Co-Responsive-mob.png);
    background-size: contain;
    background-position: top;
  }
}
@media (max-width: 768px) {
  .index-hero {
    min-height: unset;
  }
}
.index-hero {
  background-repeat: no-repeat;
  position: relative;
  color: #fff;
}

.buttons {
  padding: 24px;
  border-radius: 80px 0 0 0;
}
@media (max-width: 991px) {
  .buttons {
    background-color: transparent;
    padding: 0 0 60px 0;
    justify-content: center;
  }
}
.buttons a {
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  font-weight: 700;
  border-radius: 8px;
  padding: 16px;
  font-size: 24px;
  min-width: 160px;
  margin-top: 20px;
  margin: 20px 8px 8px 8px;
  width: 250px;
}
@media (max-width: 991px) {
  .buttons a {
    display: flex;
    width: 90px;
    height: 32px;
    padding: var(--2, 8px) var(--3, 12px);
    justify-content: center;
    align-items: center;
    gap: var(--2, 8px);
    font-size: 12px;
    padding: var(--2, 8px) var(--3, 12px);
  }
}
.buttons a:hover {
  box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px;
}
.buttons a:hover .fa {
  color: #01492D;
}
@media (max-width: 480px) {
  .buttons a {
    max-width: -moz-max-content;
    max-width: max-content;
  }
}
.buttons a .fa {
  color: #000000;
}
.buttons a.main-btn.order-now {
  color: #fff;
  background-color: #01492D !important;
}
.buttons a.main-btn.order-now:hover {
  background-color: #1A1A1A !important;
}
.buttons a.main-btn.deals {
  color: #D60046;
  border-color: #D60046;
  background-color: transparent;
  border: 1px solid;
}
.buttons a.main-btn.deals:hover {
  background-color: #D60046;
  color: #fff;
  border-color: #D60046;
}

.highlight {
  color: #01492D;
}

/* ===================== Menu section ("special") ===================== */
.special-section {
  padding-top: 5.5rem;
  padding-inline: 80px;
}
@media (max-width: 991px) {
  .special-section {
    padding-inline: 10px;
  }
}
@media (max-width: 767.98px) {
  .special-section {
    padding-top: 3.25rem;
  }
}
.special-section {
  background-color: #FCFBFA;
}
.special-section .section-title {
  font-size: var(--Font-Sizes-H3, 40px);
  font-weight: 700;
  margin-bottom: 2.75rem;
  font-family: PoppinsBold;
}
@media (max-width: 991px) {
  .special-section .section-title {
    font-size: var(--Font-Sizes-B-1, 24px);
    font-weight: var(--Font-Weights-Bold, 700);
    line-height: normal;
    font-size: var(--Font-Sizes-B-1, 24px);
  }
}
.special-section .swiper {
  padding-bottom: 5.5rem;
}
@media (max-width: 767.98px) {
  .special-section .swiper {
    padding-bottom: 3.25rem;
  }
}
.special-section .menu-card {
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 8px 20px -6px rgba(0, 0, 0, 0.08);
  min-height: 340px;
  display: flex;
  flex-direction: column;
}
.special-section .menu-card h4.title-font {
  overflow: hidden;
  color: var(--Gray-Gray-950, #1A1A1A);
  text-align: center;
  text-overflow: ellipsis;
  font-family: PoppinsBold;
  font-style: normal;
  line-height: 120%; /* 28.8px */
  font-weight: 700;
  font-size: var(--Font-Sizes-B-3, 18px);
}
@media (max-width: 991px) {
  .special-section .menu-card h4.title-font {
    font-size: var(--Font-Sizes-B-3, 18px);
  }
}
.special-section .menu-card p {
  font-weight: 400;
  font-size: 14px;
}
@media (max-width: 991px) {
  .special-section .menu-card p {
    font-size: var(--Font-Sizes-P-2, 12px);
  }
}
.special-section .menu-card .menu-card-img {
  height: 170px;
  overflow: hidden;
}
.special-section .menu-card .menu-card-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s ease;
}
.special-section .menu-card .menu-card-body {
  text-align: center;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.special-section .menu-card .menu-card-body h2 {
  color: #1A1A1A;
  font-size: 1.05rem;
  margin-bottom: 0.5rem;
  font-family: Poppins !important;
}
.special-section .menu-card .menu-card-body p {
  font-family: Poppins;
  font-size: 0.85rem;
  margin-bottom: 1.25rem;
  flex: 1;
}
.special-section .menu-card .menu-card-body .btn {
  border-radius: var(--rounded-lg, 8px);
  align-self: flex-start;
}
.special-section .menu-card .menu-card-body .btn:hover {
  background-color: #1A1A1A;
}
.special-section .swiper-button-prev, .special-section .swiper-button-next {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

/* Custom Controls Container */
.swiper-controls-wrapper {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 16px;
}

/* Reset default absolute positioning on Swiper buttons */
.swiper-controls-wrapper .swiper-button-prev,
.swiper-controls-wrapper .swiper-button-next {
  position: static;
  margin-top: 0;
  display: flex;
  width: 32px;
  height: 32px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  border-radius: var(--numbers-redius-md-8, 8px);
  color: #fff;
  box-shadow: 2px 3px 10px 0 var(--Shadow-Raised, rgba(0, 0, 0, 0.1));
  transition: all 0.2s ease;
}

/* Hover State */
.swiper-controls-wrapper .swiper-button-prev:hover,
.swiper-controls-wrapper .swiper-button-next:hover {
  background-color: #000;
  color: #fff;
}

/* Adjust Arrow Icon Size */
.swiper-controls-wrapper .swiper-button-prev::after,
.swiper-controls-wrapper .swiper-button-next::after {
  font-size: 14px;
  font-weight: bold;
}

/* Navigation Grouping */
.swiper-navigation {
  display: flex;
  gap: 8px;
}

/* Pagination Styling */
.swiper-controls-wrapper .swiper-pagination {
  position: static;
  width: auto;
}

.swiper-controls-wrapper .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: #ccc;
  opacity: 1;
}

.swiper-controls-wrapper .swiper-pagination-bullet-active {
  background: #000;
  width: 20px;
  border-radius: 4px;
}

.swiper-button-prev {
  background: rgba(2, 174, 107, 0.3);
}

.swiper-button-next {
  background: #01492D;
}

/* ===================== About / Award section ===================== */
.about-section {
  position: relative;
  background-color: #FCFBFA;
}
.about-section .about-text {
  z-index: 1;
  position: relative;
  border-radius: 24px;
  background: rgba(235, 232, 227, 0.7);
  backdrop-filter: blur(4px);
  display: flex;
  width: 660px;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 0px;
}
@media (max-width: 991px) {
  .about-section .about-text {
    width: auto;
    background: unset;
    backdrop-filter: unset;
  }
}
.about-section .about-text h2 {
  font-family: PoppinsBold;
  margin-bottom: 1.25rem;
  max-width: 480px;
  font-size: var(--Font-Sizes-H3, 40px);
  font-weight: 700;
}
@media (max-width: 991px) {
  .about-section .about-text h2 {
    font-size: var(--Font-Sizes-B-1, 24px);
    font-weight: var(--Font-Weights-Bold, 700);
  }
}
.about-section .about-text p {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  padding-bottom: 0px;
  margin-bottom: 0px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5em;
  font-family: Poppins;
}
@media (max-width: 991px) {
  .about-section .about-text p {
    font-size: var(--Font-Sizes-P-1, 14px);
    line-height: 150%;
    font-weight: 400;
  }
}
.about-section .about-image {
  z-index: 0;
  position: relative;
  border-radius: 18px;
  /* Remove overflow: hidden if pseudo-elements need to extend outside this box */
  /* overflow: hidden; */
  box-shadow: 0 10px 30px rgba(20, 23, 26, 0.08);
}
.about-section .about-image img {
  width: 615px;
  aspect-ratio: 187/239;
  -o-object-fit: cover;
     object-fit: cover;
  min-height: 320px;
  aspect-ratio: 1/1;
  /* Apply border-radius directly to the image if overflow: hidden is removed from parent */
  border-radius: 0px;
}
@media (max-width: 991px) {
  .about-section .about-image img {
    width: 100%;
    height: auto;
    min-height: unset;
    aspect-ratio: 3/2;
    border-radius: 16px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center bottom;
       object-position: center bottom;
  }
}
.about-section .about-image .about-badge {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  width: 92px;
  height: 92px;
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid rgba(255, 255, 255, 0.85);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
}
.about-section .about-image .about-badge img {
  min-height: 0;
}
.about-section .about-image::before,
.about-section .about-image::after {
  content: ""; /* Required for pseudo-elements to render */
  position: absolute;
  border-radius: 24px;
  background: var(--Cream-200, #EBE8E3);
  box-shadow: 2px 4px 6px 0 var(--Shadow-Changing, rgba(0, 0, 0, 0.1));
  z-index: -1; /* Places background shapes behind the main image */
}
@media (max-width: 991px) {
  .about-section .about-image::before,
  .about-section .about-image::after {
    display: none;
  }
}
.about-section .about-image::before {
  bottom: -30px;
  left: 4%;
  width: 92%;
  height: 337px;
}
.about-section .about-image::after {
  width: 288px;
  height: 280px;
  top: -30px;
  left: 4%;
}
@media (max-width: 991.98px) {
  .about-section .about-image {
    margin-top: 2.5rem;
  }
}

/* ===================== App download section ===================== */
.app-section .app-text .title-font {
  font-family: PoppinsBold;
  color: var(--Gray-Gray-950, #1A1A1A);
  font-size: var(--Font-Sizes-H3, 40px);
  font-style: normal;
  font-weight: var(--Font-Weights-Bold, 700);
  line-height: 105%; /* 42px */
  margin-bottom: 1.1rem;
}
@media (max-width: 991px) {
  .app-section .app-text .title-font {
    font-size: var(--Font-Sizes-B-1, 24px);
    font-weight: var(--Font-Weights-Bold, 700);
    line-height: 130%; /* 31.2px */
  }
}
.app-section .app-text .subtitle {
  font-family: PoppinsBold;
  color: var(--Gray-Gray-900, #2B2B2B);
  font-size: var(--Font-Sizes-B-1, 22px);
  font-style: normal;
  font-weight: var(--Font-Weights-SemiBold, 500);
  line-height: normal;
}
@media (max-width: 991px) {
  .app-section .app-text .subtitle {
    color: var(--fish-and-chip-company-secondary-500, #01492D);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 16.8px */
  }
}
.app-section .app-text p {
  font-family: Poppins;
  margin-bottom: 1.75rem;
}
.app-section .store-badges {
  display: flex;
  gap: 0.9rem;
  flex-wrap: wrap;
}
.app-section .store-badges a {
  display: block;
  height: 46px;
}
.app-section .store-badges a img {
  height: auto;
  width: 160px;
  max-width: none;
}
.app-section .app-visual {
  display: flex;
  justify-content: center;
  align-items: center;
}
.app-section .app-visual .app-visual-card {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.app-section .app-visual .app-visual-card img {
  width: 100%;
  display: block;
}
@media (max-width: 991.98px) {
  .app-section .app-visual {
    margin-top: 2.5rem;
  }
}
@media (max-width: 767.98px) {
  .app-section .store-badges {
    justify-content: center;
  }
  .app-section .app-text {
    text-align: center;
  }
  .app-section .app-text h2, .app-section .app-text p {
    margin-left: auto;
    margin-right: auto;
  }
}

/* ===================== Testimonials ===================== */
.reviews-section {
  background-color: #FCFBFA;
  text-align: center;
}
.reviews-section .section-title {
  font-size: clamp(1.5rem, 3vw, 2.1rem);
  margin-bottom: 0.5rem;
  color: var(--Gray-Gray-950, #1A1A1A);
  text-align: center;
  font-family: PoppinsBold;
  font-size: var(--Font-Sizes-H2, 48px);
  font-style: normal;
  font-weight: var(--Font-Weights-Bold, 600);
  line-height: 120%;
}
@media (max-width: 991px) {
  .reviews-section .section-title {
    font-size: var(--Font-Sizes-B-1, 24px);
  }
}
.reviews-section .section-subtitle {
  font-family: Poppins;
  margin-bottom: 3rem;
  color: var(--fish-and-chip-company-secondary-500, #01492D);
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 36px;
}
.reviews-section .review-card {
  border-radius: 12px;
  border: 1px solid var(--Cream-500, #D1CBBF);
  background: var(--Cream-50, #FCFBFA);
  box-shadow: 0 4px 12px -6px rgba(0, 0, 0, 0.05);
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="166" height="134" viewBox="0 0 166 134" fill="none"><path d="M77.1204 -10.7491C76.6189 -13.0796 75.0038 -15.0119 72.8134 -15.9411C71.7883 -16.3689 47.4139 -26.4062 15.6055 -15.5281C13.9166 -14.9455 12.4933 -13.7729 11.6083 -12.2167C10.62 -10.4836 7.38977 -3.18237 7.38977 17.9839C7.38977 38.1029 10.3693 45.0059 12.1466 47.3364C12.6629 48.0075 13.2824 48.5901 13.9978 49.0474C15.4875 50.0061 24.0278 54.7999 46.3814 54.7999C51.5439 54.7999 55.9468 54.5639 59.6933 54.1804C59.4941 57.7868 59.1918 61.4226 58.7935 65.0511C57.3849 77.9574 47.7679 88.0169 35.4 89.5287C29.3378 90.2736 25.0234 95.7901 25.7609 101.86C26.4468 107.465 31.2184 111.573 36.7275 111.573C37.1774 111.573 37.6273 111.543 38.0845 111.491C60.6963 108.726 78.2561 90.6129 80.7858 67.448C81.6781 59.2765 82.128 51.0755 82.128 43.081C82.128 42.8524 82.1207 42.6311 82.1059 42.4099C82.0543 12.2904 77.3269 -9.81987 77.1204 -10.7491Z" fill="%230B7A54" fill-opacity="0.3"/><path d="M169.588 42.3951C169.537 12.2904 164.802 -9.81249 164.595 -10.7491C164.094 -13.0796 162.479 -15.0119 160.288 -15.9411C159.263 -16.3689 134.889 -26.4062 103.08 -15.5281C101.392 -14.9455 99.9681 -13.7729 99.0831 -12.2167C98.0949 -10.4836 94.8646 -3.18237 94.8646 17.9839C94.8646 38.1029 97.8441 45.0059 99.6215 47.3364C100.13 48.0075 100.757 48.5901 101.473 49.0474C102.962 50.0061 111.503 54.7999 133.856 54.7999C139.019 54.7999 143.422 54.5639 147.168 54.1804C146.962 57.7941 146.667 61.4226 146.268 65.0511C144.86 77.9574 135.243 88.0169 122.875 89.5287C116.813 90.2736 112.498 95.7901 113.236 101.852C113.922 107.465 118.693 111.573 124.202 111.573C124.652 111.573 125.102 111.543 125.559 111.491C148.171 108.726 165.731 90.6129 168.261 67.448C169.153 59.2913 169.61 51.0902 169.61 43.081C169.61 42.845 169.603 42.6164 169.588 42.3878V42.3951Z" fill="%230B7A54" fill-opacity="0.3"/></svg>');
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 100px;
  padding: 1.75rem;
  height: 100%;
  min-height: 180px; /* Ensures all cards match minimum vertical size */
  text-align: left;
  position: relative;
}
.reviews-section .review-card h4 {
  color: var(--Gray-Gray-900, #2B2B2B);
  font-family: PoppinsBold;
  line-height: 120%;
  margin-bottom: 0.3rem;
  color: var(--Gray-Gray-900, #2B2B2B);
  font-family: Poppins;
  font-size: var(--Font-Sizes-B-1, 24px);
  font-style: normal;
  font-weight: var(--Font-Weights-Bold, 700);
  line-height: 120%; /* 28.8px */
}
@media (max-width: 991px) {
  .reviews-section .review-card h4 {
    color: var(--Gray-Gray-900, #2B2B2B);
    font-family: Poppins;
    font-size: var(--Font-Sizes-B-2, 20px);
    font-style: normal;
    font-weight: var(--Font-Weights-Bold, 700);
    line-height: 120%; /* 24px */
  }
}
.reviews-section .review-card p {
  font-family: Poppins;
  color: #6c6f74;
  color: var(--Gray-Gray-800, #3F3F3F);
  font-family: Poppins;
  font-size: var(--Font-Sizes-B-4, 16px);
  font-style: normal;
  font-weight: var(--Font-Weights-Regular, 400);
  line-height: normal;
}
@media (max-width: 991px) {
  .reviews-section .review-card p {
    color: var(--Gray-Gray-800, #3F3F3F);
    font-family: Poppins;
    font-size: var(--Font-Sizes-P-1, 14px);
    font-style: normal;
    font-weight: var(--Font-Weights-Regular, 400);
    line-height: normal;
  }
}
@media (max-width: 991px) {
  .reviews-section .show-more-col {
    margin-top: -100px;
    z-index: 1;
    background-color: #FCFBFA;
  }
}
.reviews-section .show-more-btn {
  border-radius: 8px;
  background: rgba(1, 73, 45, 0.5);
  backdrop-filter: blur(2px);
}

/* ===================== Mobile Hide/Show Smooth Logic ===================== */
/* Desktop view: Everything is visible, button is hidden */
@media (min-width: 991px) {
  .show-more-btn {
    display: none !important;
  }
  .more-reviews-wrapper {
    display: block !important;
  }
}
/* Mobile view: Smooth expandable accordion */
@media (max-width: 991px) {
  .more-reviews-wrapper {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    transition: grid-template-rows 0.4s ease-out, opacity 0.4s ease-out;
  }
  .hidden-content {
    overflow: hidden;
  }
  .more-reviews-wrapper.is-visible {
    grid-template-rows: 1fr;
    opacity: 1;
  }
}
.show-more-btn {
  border-radius: 8px !important;
  background: rgba(1, 73, 45, 0.5) !important;
  backdrop-filter: blur(2px);
  border: none !important;
  color: #ffffff !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 16px;
  transition: background 0.3s ease;
  overflow: hidden; /* Prevents inner element clicks from clipping rounded corners */
}
.show-more-btn .btn-text {
  color: #ffffff !important;
  display: inline-block;
}
.show-more-btn {
  /* Locks down rounded corners and white text during click/active/focus states */
}
.show-more-btn:hover, .show-more-btn:focus, .show-more-btn:active, .show-more-btn:focus-visible, .show-more-btn:active:focus, .show-more-btn.is-expanded {
  border-radius: 8px !important;
  background: rgba(1, 73, 45, 0.75) !important;
  box-shadow: none !important;
  outline: none !important;
  color: #ffffff !important;
}
.show-more-btn .btn-icon {
  transition: transform 0.3s ease;
}
.show-more-btn.is-expanded .btn-icon {
  transform: rotate(180deg);
}

/* ===================== Location / opening hours ===================== */
.location-section {
  background-color: #FCFBFA;
  padding: 0 120px;
  margin: 4rem 0;
}
@media (max-width: 991px) {
  .location-section {
    padding: 0px;
    margin: 1rem 0;
  }
}
.location-section .location-card .title-font, .location-section .openinghour-card .title-font {
  text-align: center;
  font-family: PoppinsBold;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 20px;
  font-size: 32px;
  font-weight: 700;
  color: var(--fish-and-chip-company-secondary-500, #01492D);
}
@media (max-width: 991px) {
  .location-section .location-card .title-font, .location-section .openinghour-card .title-font {
    color: var(--fish-and-chip-company-secondary-500, #01492D);
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
  }
}
.location-section .location-card, .location-section .openinghour-card {
  padding: 24px;
  border-radius: 24px;
  background: var(--Cream-50, #FCFBFA);
  box-shadow: 0 8px 24px 0 rgba(1, 73, 45, 0.12);
  backdrop-filter: blur(8px);
  min-height: 530px;
  font-size: 20px;
}
@media (max-width: 991px) {
  .location-section .location-card, .location-section .openinghour-card {
    padding: 10px;
    background: transparent;
    box-shadow: unset;
    backdrop-filter: unset;
    min-height: unset;
  }
}
.location-section svg {
  width: 25px;
  height: 25px;
  flex-shrink: 0;
  aspect-ratio: 1/1;
}
.location-section .location-map {
  border-radius: 10px;
  overflow: hidden;
  height: 330px;
}
.location-section .location-map iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
.location-section .location-meta {
  margin-top: 1.25rem;
  font-family: Poppins;
  font-size: 0.9rem;
  color: #22252a;
}
.location-section .location-meta div {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin-bottom: 0.5rem;
}
.location-section .location-meta .fa {
  color: #01492D;
  width: 16px;
}
@media (max-width: 991px) {
  .location-section .hours-card {
    display: flex;
    padding: 16px;
    flex-direction: column;
    gap: 12px;
    align-self: stretch;
    border-radius: 16px;
    border: 1px solid var(--Cream-600, #C8C1B3);
    background: var(--Cream-50, #FCFBFA);
  }
}
@media (max-width: 991px) {
  .location-section .hours-card .openinghour-row {
    border-bottom: 1px solid #e3ddcc;
  }
}
@media (max-width: 991px) {
  .location-section .hours-card .openinghour-row:last-child {
    border-bottom: none;
  }
}
.location-section .hours-card .hours-row {
  display: flex;
  justify-content: space-between;
  padding: 0.6rem 0;
  border-bottom: 1px solid #e3ddcc;
  font-family: Poppins;
  font-size: 0.9rem;
}
.location-section .hours-card .hours-row:last-child {
  border-bottom: none;
}
.location-section .hours-card .hours-row .day {
  font-weight: 600;
  color: #14171a;
}
.location-section .hours-card .hours-row .time {
  color: #6c6f74;
  text-align: right;
}
.location-section .hours-card .date-name {
  color: var(--fish-and-chip-company-secondary-600, #013521);
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media (max-width: 991px) {
  .location-section .hours-card .date-name {
    color: var(--fish-and-chip-company-secondary-600, #013521);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }
}
.location-section .hours-card .hours {
  color: var(--fish-and-chip-company-secondary-300, #027146);
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 991px) {
  .location-section .hours-card .hours {
    color: var(--fish-and-chip-company-secondary-300, #027146);
    font-family: Poppins;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
}

/* ===================== Footer ===================== */
section.copyright {
  border: 1px solid var(--Cream-700, #C0B8A7);
  display: flex;
  padding: 40px 120px;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}
@media (max-width: 991px) {
  section.copyright {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
    padding: 0;
  }
}
section.copyright p {
  font-family: Poppins;
  margin: 0;
  color: var(--Gray-Gray-950, #1A1A1A);
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 30px */
}
@media (max-width: 991px) {
  section.copyright p {
    font-size: 16px;
  }
}
section.copyright .powered-by {
  display: flex;
  align-items: center;
  font-family: Poppins;
  font-size: 20px;
}
@media (max-width: 991px) {
  section.copyright .powered-by {
    font-size: 16px;
  }
}
section.copyright .powered-by img {
  height: 20px;
  width: auto;
  max-width: none;
}
@media (max-width: 991px) {
  section.copyright .powered-by img {
    height: 16px;
  }
}
section.copyright .footer-links {
  display: flex;
  gap: 1.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
section.copyright .footer-links a {
  font-family: Poppins;
  transition: color 0.2s ease;
}
@media (max-width: 991px) {
  section.copyright .footer-links a {
    font-size: 16px;
  }
}
section.copyright .footer-links a:hover {
  text-decoration: underline;
}
@media (max-width: 991px) {
  section.copyright {
    text-align: center;
  }
  section.copyright .footer-links {
    justify-content: center;
  }
  section.copyright .powered-by {
    justify-content: center;
  }
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 59px;
  left: 25px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #01492D;
  color: white;
  cursor: pointer;
  padding: 6px 11px 6px 11px;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
#myBtn:hover {
  color: #01492D;
  border: 1px dashed #01492D;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 7px 29px 0px;
}

.modal-dialog {
  width: auto;
  max-width: calc(100% - 30px);
  margin: 1.75rem auto;
}

.modal-header {
  display: flex;
  align-items: center;
  gap: 15px;
}
.modal-header .modal-title-container {
  min-width: 0;
  flex: 1;
}
.modal-header .modal-title-container .modal-title {
  overflow-wrap: break-word;
}
.modal-header .modal-title-container p {
  font-size: 14px;
  margin-bottom: 0;
}
@media (max-width: 380px) {
  .modal-header .modal-title-container p {
    font-size: 12px;
    margin-bottom: 10px;
  }
}

.Modal-btn {
  flex-shrink: 0;
  white-space: nowrap;
  background-color: #01492D;
  color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
}

@media (max-width: 340px) {
  .modal-header {
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
  }
  .modal-header .modal-title-container {
    text-align: center;
  }
}
/* Customize  Color Of Selection  */
::-moz-selection {
  background-color: #01492D;
  color: white;
}
::selection {
  background-color: #01492D;
  color: white;
}

::-moz-selection {
  background-color: #01492D;
  color: white;
}

/* Customize  Scrollbar  */
::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-thumb {
  background: #01492D;
  border-radius: 10px;
}/*# sourceMappingURL=style2.css.map */