.sub-banner {
position: relative;
text-align: center;
color: #fff;
overflow: hidden;

}

/* Background image */
.sub-banner-img {
width: 100%;
height: 400px;
object-fit: cover; 
filter: brightness(80%);
margin-top: 15px;
}

/* Text on top of image */
.sub-banner .container {
position: absolute;
top: 60%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
}

.sub-banner h1 {
font-size: 48px;
font-weight: 700;
margin-bottom: 10px;
color: #FFF;
}

.sub-banner p {
font-size: 19px;
opacity: 0.9;
text-align: center;
}

@media (max-width: 768px) {
.sub-banner-img {
height: 160px;
margin-top: 0;
}
.sub-banner h1 {
font-size: 32px;
}
}

/* Left right Combo */

.secspacing {
margin-top: 50px;
}

.sec-title__title {
font-size: 40px;
font-weight: 600;
color: #000;
margin-bottom: 25px;
}

.sec-title p {
font-size: 19px;
color: #000;
margin-bottom: 2px;
text-align: justify;
}

.seclist { 
font-size: 19px;
color: #000;
margin-bottom: 2px;
text-align: justify;    
font-family: 'MyFontlight';
}


/* Vision Mission  */
.mv-section {
margin-top: 50px;    /* soft cream */
}

.exclusive-title1 {
font-size: 40px;
font-weight: 600;
color: #000;
margin-bottom: 25px;
text-align: center;
}

.exclusive-subtitle1 {
max-width: 650px;
margin: 0 auto;
font-size: 18px;
line-height: 1.8;
color: #463F3A;
margin-bottom: 10px;
}

/* Card wrapper (mostly for spacing) */
.mv-card {
padding: 0 10px 10px;
}

/* Rounded top image block */
.mv-image-wrap {
border-radius: 26px;
overflow: hidden;
box-shadow: 0 18px 35px rgba(0,0,0,0.10);
}

.mv-image-wrap img {
width: 100%;
height: 320px;              /* makes both images same height */
object-fit: cover;
display: block;
}

/* Titles */
.mv-title {
font-size: 30px;
font-weight: 600;
color: #000;             /* deep brown */
margin-bottom: 10px;
}

/* Paragraph text */
.mv-text {
font-size: 19px;
line-height: 1.9;
color: #000;
max-width: 560px;
margin: 0 auto;
}

/* Responsive tweaks */
@media (max-width: 767.98px) {
.mv-image-wrap img {
height: 260px;
}
}



/* Center image  */

.why-choose-section {
margin-top: 50px;
}

/* Tag + title */
.why-tag {
font-size: 12px;
letter-spacing: 2px;
text-transform: uppercase;
color: #f14a45;
display: block;
margin-bottom: 8px;
}

.why-title {
font-size: 38px;
font-weight: 700;
color: #ffffff;
margin-bottom: 8px;
}

.why-title span {
color: #f14a45;
}

.why-divider {
width: 70px;
height: 3px;
border-radius: 999px;
background: #f14a45;
margin: 10px auto 0;
}

/* Center image */
.why-image-wrap {
max-width: 380px;
margin: 0 auto;
}

.why-image-wrap img {
display: block;
width: 100%;
height: auto;
border-radius: 10px;
}

/* Left / right lists */
.why-list {
max-width: 320px;
}

.why-list-left {
margin-left: auto;
text-align: left;
}

.why-list-right {
margin-right: auto;
text-align: left;
}

/* Individual point */
.why-item {
margin-bottom: 35px;
}

.why-icon {
font-size: 30px;
color: #463F3A;
margin-bottom: 10px;
}

.why-heading {
font-size: 19px;
font-weight: 600;
margin-bottom: 6px;
}

.why-text {
font-size: 13px;
line-height: 1.7;
color: #c3bcbc;
}

/* Responsive tweaks */
@media (max-width: 991.98px) {
.why-list,
.why-list-left,
.why-list-right {
margin: 0 auto;
text-align: center;
}

.why-item {
margin-bottom: 0px !important;
}
}

@media (max-width: 575.98px) {
.why-title {
font-size: 30px;
}
}


/* Enquiry */

.text-anime-style-2 {
font-size: 40px;
font-weight: 600;
color: #000;
margin-bottom: 25px;
}



.contact-info-list{
background-color: var(--secondary-color);
border-radius: 20px;
display: flex;
flex-wrap: wrap;
gap: 30px 50px;
padding: 30px;
margin-bottom: 30px;
}

.contact-info-item{
position: relative;
width: calc(50% - 25px);
}

.contact-info-item::after{
content: '';
position: absolute;
top: 0;
right: -25px;
height: 100%;
width: 1px;
background-color: var(--divider-color);
}

.contact-info-item:nth-child(2n + 2):after{
display: none;
}

.contact-info-header{
display: flex;
align-items: center;
margin-bottom: 15px;
}

.contact-info-header .icon-box{
margin-right: 10px;
}

.contact-info-header .icon-box img{
width: 100%;
max-width: 24px;
}

.contact-info-title{
width: calc(100% - 34px);
}

.contact-info-title h3{
font-size: 20px;
text-transform: capitalize;
}

.contact-info-body p{
margin: 0;
}

.contact-info-body p a{
color: inherit;
transition: all 0.3s;
}

.contact-info-body p a:hover{
color: var(--primary-color);
}

.location-info-list{
display: flex;
flex-wrap: wrap;
gap: 30px;
}

.location-info-list .contact-info-item{
width: calc(50% - 15px);
background-color: var(--secondary-color);
border-radius: 20px;
padding: 30px;
}

.location-info-list .contact-info-item::after{
display: none;
}

.contact-us-form{
background-color: var(--secondary-color);
border-radius: 20px;
margin-left: 15px;
padding: 40px;
}

.contact-us-form .form-control{
font-size: 16px;
font-weight: 400;
line-height: 1.5em;
color: #000;
background: #8b5e3c0d;
border: none;
border-radius: 12px;
box-shadow: none;
outline: none;
}

.contact-us-form .form-control::placeholder{
color: #000;
}

.google-map .container-fluid{
padding: 0;
}

.google-map-iframe,
.google-map-iframe iframe{
width: 100%;
height: 700px;
border-radius: 20px;
}

.contact-form .form-control {
border: 0;
}
.contact-form .btn {
min-width: 150px;
}
@media only screen and (min-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1599px) {
.contact-form .btn {
min-width: 190px;
font-size: 18px;
}
}
.contact-us-form{
border-radius: 20px;
margin-left: 15px;
padding: 40px;
}

.contact-us-form .form-control {
font-size: 19px;
line-height: 1.5em;
border: none;
border-radius: 12px;
box-shadow: none;
outline: none;
font-family: 'MyFontlight';
color: #000;
border: 1px solid #463F3A;
}

.contact-us-form .form-control::placeholder{
color: #463F3A;
}

.contact-us-form{
padding: 30px;
margin-left: 0;
}

.contact-us-form .form-control{
padding: 14px 15px;
}

.contact-us-form {
text-align: center;
padding: 0px 0;
margin-top: 50px;
}

.google-map {
background-color: transparent;
}

/* Bakery image styling */
.contact-bakery-img {
width: 100%;
max-width: 700px;   /* adjust width as needed */
height: auto;
border-radius: 20px;
box-shadow: 0 4px 15px rgba(0,0,0,0.15);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Hover effect */
.contact-bakery-img:hover {
transform: scale(1.03);
box-shadow: 0 6px 20px rgba(0,0,0,0.2);
}

/* Responsive */
@media (max-width: 768px) {
.contact-bakery-img {
max-width: 90%;
border-radius: 14px;
}
}

.address-align {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .address-align .col-md-6 {
        width: 100%;
    }
.btn-default {
    position: relative;
    display: inline-block;
    background: linear-gradient(135deg, #000000, #888383, #000000);
    border-radius: 10px;
    font-size: 19px;
    font-weight: 500;
    line-height: 1.25em;
    text-transform: capitalize;
    color: #fff;
    padding: 15px 52px 15px 30px;
    overflow: hidden;
    border: none;
    transition: all 0.4s ease-in-out;
    z-index: 0;
    font-family: 'MyFontlight';
}

/* Full-width lighthouse shine */
.btn-default::after {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;        /* start far left */
    width: 150%;        /* wide diagonal beam */
    height: 100%;
    background: linear-gradient(
        110deg,
        transparent 0%,
        rgba(255, 255, 255, 0.55) 50%,
        transparent 100%
    );
    animation: lighthouseFull 2.6s infinite linear;
    z-index: 1;
    pointer-events: none;
}

/* Arrow — unchanged */
.btn-default::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 30px;
    width: 12px;
    height: 12px;
    background: url('../images/arrow-white.svg') no-repeat center center / cover;
    transform: translateY(-50%);
    transition: 0.4s ease;
    z-index: 2;
}

/* Animation for full-width sweep */
@keyframes lighthouseFull {
    0% {
        left: -150%;
    }
    100% {
        left: 150%;
    }
}


/* Contact */
.contact-outer {
background: #ffffff;
border-radius: 28px;
padding: 40px 40px 32px;
}

/* Left text */
.contact-kicker {
font-size: 40px;
color: #000;
text-transform: uppercase;
margin-bottom: 25px !important;
font-weight: 600;
font-family: MyFontbold;
}
.contact-title {
font-size: 19px;
font-weight: 600;
color: #000;
font-family: MyFontlight;
margin-bottom: 25px !important;
}

.contact-title span {
font-style: italic;
}

.contact-subtitle {
font-size: 18px;
color: #6b5c54;
}

/* Info cards */
.contact-card {
background-color: #F4F3EE;
border-radius: 20px;
padding: 18px 20px;
display: flex;
gap: 14px;
align-items: flex-start;
}

.contact-card-icon {
font-size: 20px;
color: #b57a3f;
line-height: 1;
margin-top: 2px;
}

.contact-card-icon img {
width: 22px;
filter: brightness(0) saturate(100%) invert(19%) sepia(11%) saturate(324%) hue-rotate(343deg) brightness(96%) contrast(88%);
}

.contact-card-title {
font-size: 19px;
font-weight: 600;
margin-bottom: 4px;
color: #000;
}

.contact-card-text {
font-size: 19px !important;
color: #000;
margin-top: 10px;
text-align: left;
}

/* Right image styling */
.contact-image-wrap {
padding-left: 10px;
}

.contact-image {
width: 100%;
height: 100%;
border-radius: 26px;
object-fit: cover;
}

/* Map section */
.map-outer {
background: #ffffff;
border-radius: 28px;
overflow: hidden;
}

.map-outer iframe {
width: 100%;
height: 380px;
display: block;
}

/* Responsive tweaks */
@media (max-width: 991.98px) {
.contact-outer {
padding: 0px 22px;
}
.contact-image-wrap {
padding-left: 0;
}
.contact-image {
margin-top: 10px;
}
}

/* Testimonials */

.team-title {
    font-size: 40px;
font-weight: 600;
color: #000;
margin-bottom: 25px;
}

.testimonial-card {
position: relative;
overflow: hidden;
 border: 1px solid #463F3A !important; 
}

.testimonial-card h5 {
font-size: 19px;
color: #000;
font-weight: 600 !important;
margin-bottom: 25px !important;
}

..text-muted1 {
font-size: 15px;
color: #463F3A;
}

/* Top-left corner */
.testimonial-card::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 70px;
height: 70px;
background: radial-gradient(circle at top left, #463F3A, transparent 70%);
pointer-events: none;
}

/* Bottom-right corner */
.testimonial-card::after {
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 70px;
height: 70px;
background: radial-gradient(circle at bottom right, #463F3A, transparent 70%);
pointer-events: none;
}



.card {
transition: 0.3s;
}
.card:hover {
transform: translateY(-6px);
}

.testimonial-img {
width: 100px;
height: 100px;
object-fit: cover;
}

@media (min-width: 992px) and (max-width: 1300px) {
.sec-title__title, .exclusive-title1, .team-title, .text-anime-style-2, .contact-text  {
font-size: 25px;
}
.mv-title {
  font-size: 25px;
}  
.sec-title p, .seclist, .mv-text, p, .contact-us-form .form-control,  .contact-title  {
    font-size: 16px !important;
}
.contact-card-text  {
    font-size: 16px !important;
    margin-top: 0;
}
.testimonial-card h5,  .contact-kicker  {
    font-size: 25px !important;
}
.btn-default {
    font-size: 18px;
    font-weight: 500;
}
.contact-card-title  {
    font-size: 18px !important;
}

    .address-align {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .address-align .col-md-6 {
        width: 100%;
    }

}

/* Responsive  */
@media (max-width: 991.98px) {
    .contact-kicker {
    font-size: 25px !important;
    text-align: center !important;
    margin-bottom: 10px !important;
}
        .secspacing {
        margin-top: 20px;
    }
    .mv-image-wrap {
        overflow: visible;
    }
.sub-banner h1 {
font-size: 25px;
}
.sub-banner p {
font-size: 16px;
}
.mv-section .col-md-6 {
width: 100%;
max-width: 100%;
flex: 0 0 100%;
}
.mv-card {
text-align: center;
margin-bottom: 0px;
padding: 0;
}
.mv-image-wrap img {
width: 100%;
height: 220px;
margin: 0 auto;
display: block;
object-fit: cover;
}
.mv-title {
text-align: center;
font-size: 25px;
margin-top: 15px;
}
.mv-text {
text-align: center;
font-size: 16px;
padding: 0 12px;
max-width: 100%;
}

.why-list {
max-width: 100% !important;
width: 100% !important;
}
.why-list-left,
.why-list-right {
max-width: 100% !important;
width: 100% !important;
text-align: center;
}
.why-text {
font-size: 15px;
line-height: 1.8;
padding: 0 10px;
}
.why-image-wrap {
max-width: 100%;
}
.why-image-wrap img {
width: 90%;
margin: 0 auto;
    max-width: 700px;
}
.exclusive-title1 {
font-size: 25px;
margin-bottom: 10px;
}
.why-icon {
font-size: 30px;
}
.text-anime-style-2 {
font-size: 25px;
margin-bottom: 10px;
}
.contact-us-form .form-control {
font-size: 16px;
}
.btn-default {
font-size: 16px;
}
.btn-default::before {
width:15px;
height: 15px;
}

.contact-title {
font-size: 16px;
text-align: center;
margin-bottom: 10px !important;
}
.contact-card-icon img {
width: 20px !important;
}
.contact-card-title {
font-size: 18px;
text-align: left;
}

.contact-card-text {
font-size: 16px !important;
}
.secspacing .col-md-6 {
width: 100% !important;
max-width: 100% !important;
flex: 0 0 100% !important;
text-align: center !important;
}

/* Center heading */
.secspacing .sec-title__title {
font-size: 25px;
margin-bottom: 10px !important;
}

/* Center paragraph */
.secspacing p {
font-size: 16px;
text-align: left;
}

/* Center bullet list and widen */
.secspacing .seclist {
text-align: justify !important;
padding: 0 10px;
font-size: 16px;
}

/* Image full width + centered */
.secspacing img {
width: 100%;
height: auto;
display: block;
margin: 0 auto 20px;
    max-width: 700px;
}
.contact-card-icon {
font-size: 25px;
}
.secspacing .col-md-4 {
width: 100% !important;
max-width: 100% !important;
flex: 0 0 100% !important;
}

/* Extra spacing between cards */
.testimonial-card {
margin-bottom: 25px;
}

.testimonial-card img{
width: 20%;
height: auto;
}

/* Center everything inside */
.testimonial-card h5,
.testimonial-card .text-warning {
text-align: center !important;
font-size: 30px;
}

.testimonial-card p {
font-size: 25px;
}

.testimonial-img {
margin: 0 auto 15px !important;
display: block;
}
.team-title {
font-size: 40px;
margin-bottom: 25px;
}
.spec-tabs .nav-link.active {
font-size: 30px;
}
.reverse {
    display: flex;
    flex-direction: column-reverse;
}
.contact-us-form {
    margin-top: 0;
}

}