.sl-blog img {
    height: 260px;
    width: 370px;
    min-height: 260px;
    min-width: 370px;
    max-height: 260px;
    max-width: 370px;
    object-fit: cover;
}

.l-blog img {
    height: 356px;
    width: 767px;
    min-height: 356px;
    min-width: 767px;
    max-height: 356px;
    max-width: 767px;
    object-fit: cover;
}

.p-blog img {
    height: 714px;
    width: 370px;
    min-height: 714px;
    min-width: 370px;
    max-height: 714px;
    max-width: 370px;
    object-fit: cover;
}

.testimonils-image img {
    height: 438px !important;
    width: 374px !important;
    min-height: 438px !important;
    min-width: 374px !important;
    max-height: 438px !important;
    max-width: 374px !important;
    object-fit: cover;
}

/* Change all pagination links to your color */
.pagination .page-link {
    color: #b56d94;
    /* text color */
}

/* Active page background + border */
.pagination .active .page-link {
    background-color: #b56d94;
    border-color: #b56d94;
    color: #fff;
    /* white text for contrast */
}

/* Hover effect */
.pagination .page-link:hover {
    color: #fff;
    background-color: #b56d94;
    border-color: #b56d94;
}

.service-section-2 .service-box-items .icon::before {
    background-image: url(../../assets/img/service/01.webp);
}

/* Base modal styling */
.base-modal {
    background-color: #fff;
    border-radius: #b56d94;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* Custom wedding modal overrides */
.custom-modal {
    border: 2px solid v#b56d94;
    border-radius: 20px;
}

.modal-title {
    font-size: 3.75rem;
    color: #000000;
}

.thank-you-message {
    font-size: 1.2rem;
    color: #444;
}


/* === Base Modal Styling === */
.base-modal {
    border-radius: 15px;
    border: none;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

/* === Form Base Styling === */
.base-form input,
.base-form textarea {
    border-radius: var(--form-radius);
    border: 1px solid #ccc;
    padding: 12px 15px;
    width: 100%;
    font-family: var(--font-family);
    font-size: 1rem;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.base-form input:focus,
.base-form textarea:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 5px rgba(181, 109, 148, 0.3);
    outline: none;
}

/* === Wedding-Themed Overrides === */
.wedding-modal .modal-title {
    color: #000000;
    font-size: 1.8rem;
}


@media (min-width: 1200px) {
    .modal-xl {
        --bs-modal-width: 800px;
    }
}

/* Mobile screens */
@media (max-width: 768px) {

    .sl-blog img,
    .l-blog img,
    .p-blog img {
        height: 260px;
        max-height: 260px;
        min-height: 260px;
        width: 100%;
        max-width: 100%;
        /* no overflow */
        object-fit: cover;
    }

    .blog-image-4 {
        height: 260px;
        max-height: 260px;
        min-height: 260px;
        width: 100%;
        max-width: 100%;
    }

    .blog-section-2 .single-blog-items-2 .single-blog-widget.style {
        bottom: -12%;
        margin: 6px 0px;
        position: absolute;
    }
}