.custom-heading-1 {
        font-family: 'Lora', serif; /* Ensure Lora font is imported */
        font-size: 26px;
        color: #7D1128 !important;
        text-transform: uppercase;
        font-weight: bold; /* Makes the font bold */
        text-align: center;
    }

    .custom-heading-2 {
        font-family: 'Lora', serif; /* Ensure Lora font is imported */
        font-size: 20px;
        color: #000000 !important;
        text-transform: uppercase;
        font-weight: bold; /* Makes the font bold */
    }

    .personaltion-heading-2 {
        font-family: 'Lora', serif; /* Ensure Lora font is imported */
        font-size: 26px;
        color: #7D1128 !important;
        text-transform: uppercase;
        font-weight: bold; /* Makes the font bold */
        text-align: center;
    }

    @media (max-width: 576px) { /* For mobile screens */
        .personaltion-heading-2 {
            font-size: 26px; /* Reduce font size on mobile */
        }
    }

    /* Custom description styles */
    .custom-description-1 {
        font-family: 'Lora', serif; /* Ensure Lora font is imported */
        font-size: 16px;
        color: #000000 !important;
        font-weight: 400; /* Fixed typo from 400px to 400 */
        text-align: justify;
    }

    .personalisation-description-1 {
        font-family: 'Lora', serif; /* Ensure Lora font is imported */
        font-size: 16px;
        color: #000000 !important;
        font-weight: 400; /* Fixed typo from 400px to 400 */
        text-align: justify;
    }

    @media (max-width: 576px) { /* For mobile screens */
        .personalisation-description-1 {
            font-size: 14px;
            text-align: center !important; /* Added !important */
        }
    }

.custom-description-2 {
    font-family: 'Lora', serif; /* Ensure Lora font is imported */
    font-size: 16px;
    color: #000000 !important;
    font-weight: 400; /* Fixed typo from 400px to 400 */
    text-align: center;
}

/* Responsive styles for mobile devices */
@media (max-width: 576px) {
    .custom-description-1,
    .custom-description-2 {
        font-size: 14px;
    }
}

.custom-price-title {
    font-family: "Playfair Display", serif; /* Ensure Lora font is imported */
    font-size: 40px;
    color: #7D1128 !important;
    text-align: center;
    font-weight: bold; /* Makes the font bold */
    margin-top: 10px; /* Adds space above the text */
    margin-bottom: 10px; /* Adds space below the text */
    line-height: 1.2; /* Adjusts the spacing between lines */
}

@media (max-width: 576px) { /* For mobile screens */
    .custom-price-title {
        font-size: 30px; /* Reduce font size on mobile */
        margin-top: 15px; /* Increase top space */
        margin-bottom: 15px; /* Increase bottom space */
    }
}


.custom-price-subtitle {
    font-family: 'Lora', serif; /* Ensure Lora font is imported */
    font-size: 14px;
    color: #7D1128 !important;
    text-align: center;
    font-weight: 400; /* Makes the font bold */
}

.custom-font {
    font-family: "Playfair Display", serif; /* Ensure Lora font is imported */
    color: #7D1128 !important;
    font-weight: 600 !important; /* Makes the font bold */
    font-size: 20px;
}

.custom-price-font {
    font-family: 'Lora', serif; /* Ensure Lora font is imported */
    color: #000000 !important;
    font-size: 20px;
}



.custom-service-title {
    font-family: "Playfair Display", serif; /* Ensure Lora font is imported */
    color: #ffffff !important;
    font-size: 30px;
    font-weight: 600 !important; /* Makes the font bold */
}

.custom-service-desc {
    font-family: 'Lora', serif; /* Ensure Lora font is imported */
    color: #ffffff !important;
}

 /* section gold saving */
.custom-gold-saving-title {
    font-family: "Playfair Display", serif; /* Ensure Lora font is imported */
    color: #ffffff !important;
    font-size: 45px;
    font-weight: 600 !important; /* Makes the font bold */
}

.custom-gold-saving-title-2 {
    font-family: "Playfair Display", serif; /* Ensure Lora font is imported */
    color: #7D1128 !important;
    font-size: 45px;
    font-weight: 600 !important; /* Makes the font bold */
}

@media (max-width: 576px) {
    .custom-gold-saving-title {
        font-size: 40px;
    }
}

.custom-gold-saving-desc {
    font-family: 'Lora', serif; /* Ensure Lora font is imported */
    color: #ffffff !important;
    padding-top: 20px;
    font-size: 16px;
}

/* Adding spacing between paragraphs within the container */
.custom-gold-saving-desc p {
    margin-bottom: 20px; /* Adjust spacing between paragraphs as needed */
}

/* Responsive styles for mobile devices */
@media (max-width: 576px) {
    .custom-gold-saving-desc {
        font-size: 14px; /* Adjust font size for mobile if needed */
        padding-top: 30px; /* Adjust top padding for mobile */
    }

    .custom-gold-saving-desc p {
        margin-bottom: 15px; /* Adjust spacing between paragraphs for mobile */
    }
}

/* end gold saving */

/* start short menu */
.custom-short-menu-title {
    font-family: 'Lora', serif; /* Ensure Lora font is imported */
    color: #7D1128 !important;
    font-size: 20px;
    font-weight: 600 !important;
    margin:0 0 0 4px;
}

@media (max-width: 576px) {
    .custom-short-menu-title {
        font-size: 18px;
    }
}

.custom-short-menu-desc {
    font-family: 'Lora', serif; /* Ensure Lora font is imported */
    color: #000000 !important;
    font-size: 16px;
    font-weight: 400;
}

@media (max-width: 576px) {
    .custom-short-menu-desc {
        font-size: 15px;
    }
}

.custom-short-menu-link {
    font-family: 'Lora', serif; /* Ensure Lora font is imported */
    color: #000000 !important;
    font-size: 15;
    text-decoration: underline;
    font-weight: 400;
}

@media (max-width: 576px) {
    .custom-short-menu-link {
        font-size: 15px;
    }
}


/* end short menu */

.custom-collab-title {
    font-family: "Playfair Display", serif; /* Ensure Lora font is imported */
    color: #7D1128 !important;
    font-size: 40px;
    font-weight: 500;
}


.custom-review-name {
    font-family: 'Lora', serif; /* Ensure Lora font is imported */
    color: #000000 !important;
    font-size: 18;
    font-weight: 600 !important;
}

.custom-review-name-2 {
    font-family: 'Lora', serif; /* Ensure Lora font is imported */
    color: #000000 !important;
    font-size: 25;
    font-weight: 400;
}

@media (max-width: 576px) {
    .custom-review-name {
        font-size: 16px;
    }
}

.custom-review-desc {
    font-family: 'Lora', serif; /* Ensure Lora font is imported */
    color: #000000 !important;
    font-size: 16px;
    font-weight: 400;
}

@media (max-width: 576px) {
    .custom-review-desc {
        font-size: 14px;
    }
}

.custom-review-customer {
    font-family: 'Lora', serif; /* Ensure Lora font is imported */
    color: #000000 !important;
    font-size: 14px;
    font-weight: 600 !important;
}

@media (max-width: 576px) {
    .custom-review-customer {
        font-size: 12px;
    }
}

.custom-table-header-price {
    font-family: "Playfair Display", serif; /* Ensure Lora font is imported */
    color: #000000 !important;
    font-size: 20px;
    font-weight: 600 !important;
}

.custom-table-header-white {
    font-family: "Playfair Display", serif; /* Ensure Lora font is imported */
    color: #ffffff !important;
    font-size: 20px;
    font-weight: 600 !important;
}

.custom-table-row-price {
    font-family: 'Lora', serif; /* Ensure Lora font is imported */
    color: #000000 !important;
    font-size: 20px;
    font-weight: 600 !important;
}


/* part overview gold saving */

h1.overview-saving-title, h3.overview-saving-title {
    font-family: 'Merriweather', serif; /* Ensure the font is imported */
    color: #ffffff !important;
    font-size: 20px; /* Adjust as necessary for each heading */
    font-weight: 400;
}

/* Optional: Specific size for h1 and h3 */
h1.overview-saving-title {
    font-size: 42px; /* Set a larger size for h1 */
}

h3.overview-saving-title {
    font-size: 20px; /* Set a slightly smaller size for h3 */
}


/* h2.overview-saving-desc, h4.overview-saving-desc {
    font-family: 'Vietnam Pro', serif;
    color: #000000 !important;
    font-size: 20px;
    font-weight: 400;
} */

/* Optional: Different font sizes for h2 and h4 */
h2.overview-saving-desc {
    font-size: 28px; /* Larger font size for h2 */
}

h3.overview-saving-desc {
    color:#333333;
    font-family: 'Merriweather', sans-serif; /* Ensure the font is imported */
    font-size: 32px; /* Slightly smaller font size for h4 */
}

h4.overview-saving-desc {
    font-family: "Lora", Sans-serif;
    font-size: 16px; /* Slightly smaller font size for h4 */
    color:#333333;
}

.overview-footer-title-1{
    color: #FFFFFF;
    font-family: "Lora", Sans-serif;
    font-size: 26px;
    font-weight: 600 !important;
    line-height: 1em;
}

.overview-footer-title-2{
    color: #FFFFFF;
    font-family: "Playfair Display", Sans-serif;
    font-size: 45px;
    font-weight: 600 !important;
    text-transform: capitalize;
    line-height: 1em;
}
.overview-footer-title-3{
    text-align: center;
    color: #FFFFFF;
    font-family: "Lora", Sans-serif;
}

h2.Lora {
    font-family: "Lora", Sans-serif;
    color: #7D1128 !important;
    font-size: 20px;
    font-weight: 500;
    line-height:20px !important;
}

.heading-title{
    color: #7D1128;
    font-family: "Playfair Display", Sans-serif;
    font-size: 45px;
    font-weight: 600 !important;
    text-transform: capitalize;
    line-height: 1em;
}

.playfair-color-26{
    color: #7D1128;
    font-family: "Playfair Display", Sans-serif;
    font-size: 26px; /* Set a larger size for h1 */

}

.playfair-color-28{
    color: #7D1128;
    font-family: "Playfair Display", Sans-serif;
    font-size: 28px; /* Set a larger size for h1 */

}

.playfair-color-45{
    color: #7D1128;
    font-family: "Playfair Display", Sans-serif;
    font-size: 45px; /* Set a larger size for h1 */
    font-weight: 600 !important;

}

h1.playfair-color,
h2.playfair-color,
h3.playfair-color,
h4.playfair-color {
    color: #7D1128;
    font-family: "Playfair Display", Sans-serif;
}

h1.playfair-color {
    font-size: 42px; /* Set a larger size for h1 */
}

h2.playfair-color {
    font-size: 36px; /* Adjust size for h2 */
}

h3.playfair-color {
    font-size: 30px; /* Adjust size for h3 */
}

h4.playfair-color {
    font-size: 24px; /* Adjust size for h4 */
}

.action-button {
    color: white;
    padding: 10px 20px;
    margin: 0 10px;
    border: 2px solid #ffffff; /* Add a light-colored outline */
    border-radius: 5px;
    background-color: transparent; /* Ensure background is removed */
    cursor: pointer;
    font-size: 0.8rem;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;

        &:hover {
            background-color: #ffffff; /* Optional: Add a background color on hover */
            color: black; /* Optional: Change text color on hover */
        }
    }

/* membership info section */


.our-story-title{
    font-family: "Playfair Display", serif; /* Ensure Lora font is imported */
    color: #7D1128 !important;
    font-size: 45px;
    font-weight: 600 !important; /* Makes the font bold */
}

@media (max-width: 576px) {
    .our-story-title {
        font-size: 34px;
        font-weight: 600 !important; /* Makes the font bold */
    }
}

.our-story-desc{
    font-family: "Lora", Sans-serif;
    color: #0D1023 !important;
    font-size: 16px;
    font-weight: 400; /* Makes the font bold */
}

@media (max-width: 576px) {
    .our-story-desc {
        font-size: 13px;
    }
}

.our-story-title-1{
    font-family: "Playfair Display", serif; /* Ensure Lora font is imported */
    color: #7D1128 !important;
    font-size: 45px;
    font-weight: 600 !important; /* Makes the font bold */
}

@media (max-width: 576px) {
    .our-story-title-1 {
        font-size: 40px;
        font-weight: 400; /* Makes the font bold */
    }
}


.our-story-title-2{
    font-family: "Playfair Display", serif; /* Ensure Lora font is imported */
    color: #7D1128 !important;
    font-size: 45px;
    font-weight: 600 !important; /* Makes the font bold */
}

@media (max-width: 576px) {
    .our-story-title-2 {
        font-size: 40px;
        font-weight: 600 !important; /* Makes the font bold */
    }
}

.our-story-desc-1{
    font-family: "Playfair Display", serif; /* Ensure Lora font is imported */
    color: #0D1023 !important;
    font-size: 16px;
    font-weight: 600 !important; /* Makes the font bold */
}

@media (max-width: 576px) {
    .our-story-desc-1 {
        font-size: 14px;
        font-weight: 600 !important; /* Makes the font bold */
    }
}


.bottom-banner-title-1{
    font-family: "Playfair Display", serif; /* Ensure Lora font is imported */
    color: #FFFFFF !important;
    font-size: 26px;
    font-weight: 600 !important; /* Makes the font bold */
}

@media (max-width: 576px) {
    .bottom-banner-title-1 {
        font-size: 22px;
        font-weight: 600 !important; /* Makes the font bold */
    }
}

.bottom-banner-title-2{
    font-family: "Playfair Display", serif; /* Ensure Lora font is imported */
    color: #FFFFFF !important;
    font-size: 45px;
    font-weight: 600 !important; /* Makes the font bold */
}

@media (max-width: 576px) {
    .bottom-banner-title-2 {
        font-size: 30px;
        font-weight: 600 !important; /* Makes the font bold */
        line-height: 1.2; /* Adjusts the spacing between lines */
    }
}

.bottom-banner-title-3{
    font-family: "Lora", Sans-serif;
    color: #FFFFFF !important;
    font-size: 16px;
    font-weight: 600 !important; /* Makes the font bold */
}

@media (max-width: 576px) {
    .bottom-banner-title-3 {
        font-size: 14px;
        font-weight: 600 !important; /* Makes the font bold */
    }
}

.faq-title-1 {
    font-family: "Playfair Display", serif; /* Ensure Lora font is imported */
    text-align: center;
    color: #7D1128 !important;
    font-size: 45px;
    font-weight: 600 !important; /* Correct font-weight */
}

@media (max-width: 576px) {
    .faq-title-1 {
        font-size: 40px;
        font-weight: 600 !important; /* Correct font-weight */
    }
}



.gallery-title-1{
    font-family: "Playfair Display", serif; /* Ensure Lora font is imported */
    color: #7D1128 !important;
    font-size: 45px;
    font-weight: 600 !important; /* Makes the font bold */
    line-height: 1.2; /* Adjusts the spacing between lines */
}

@media (max-width: 576px) {
    .gallery-title-1 {
        font-size: 40px;
        font-weight: 600 !important; /* Makes the font bold */
        line-height: 1.2; /* Adjusts the spacing between lines */
    }
}

.gallery-title-2{
    font-family: "Lora", Sans-serif;
    color: #0D1023 !important;
    font-size: 16px;
    font-weight: 600 !important; /* Makes the font bold */
}

@media (max-width: 576px) {
    .gallery-title-2 {
        font-size: 14px;
        font-weight: 600 !important; /* Makes the font bold */
    }
}


.contact-title-2{
    font-family: "Lora", Sans-serif;
    color: #7D1128 !important;
    font-size: 26px;
    font-weight: 600 !important; /* Makes the font bold */
}

@media (max-width: 576px) {
    .contact-title-2 {
        font-size: 22px;
        font-weight: 600 !important; /* Makes the font bold */
    }
}

.contact-title-4{
    font-family: "Lora", Sans-serif;
    color: #7D1128 !important;
    font-size: 26px;
    font-weight: 600 !important; /* Makes the font bold */
}

@media (max-width: 576px) {
    .contact-title-4 {
        font-size: 22px;
        font-weight: 600 !important; /* Makes the font bold */
    }
}


.gold-saving-footer-banner{
    font-family: "Lora", Sans-serif;
    color: #ffffff !important;
    font-size: 26px;
    font-weight: 400 !important; /* Makes the font bold */
}

@media (max-width: 576px) {
    .gold-saving-footer-banner {
        font-size: 22px;
        font-weight: 600 !important; /* Makes the font bold */
    }
}