.main {

    background-color: #6d0b0c;

    /* golden shade */

}







.hero-banner-wrapper {

    width: 100%;

    /* height: 300px; */

    /* mobile default height */

    overflow: hidden;

    display: flex;

    align-items: center;

    justify-content: center;

}



.hero-banner {

    max-width: 100%;

    /* min-height: 100%; */

    object-fit: fill;

    object-position: center;

}

.swal2-modal {
    background-color: #5b0000;
    color: #fff;
}
 

.swal2-confirm
{
    display:none !important;
}
div:where(.swal2-container) button:where(.swal2-close):focus-visible
{
    box-shadow: none !important;
}



/* Desktop & tablet screens */

@media (min-width: 768px) {

    .hero-banner-wrapper {

        /* height: 500px; */

        /* bigger height on desktop */

    }

}



.history-section {

    background-color: #fff;

    /* golden shade */

    /* border-top: 4px solid #5b0000;  */

    /* border-bottom: 4px solid #5b0000; */

    color: #000;

    /* black text */

    font-size: 1rem;

    line-height: 1.7;

}



.history-section p {

    margin-bottom: 1.5rem;

}


.PrayerSection p
{
    font-size: 19px !important;
}

.rentalSection p
{
  color:#000;
  font-size: 19px;
}












/* .section-title {

            font-weight: bold;

            font-size: 1.3rem;

        } */



.section h4 {



    color: #6d0b0c !important;



}



.section p {

    font-size: 18px !important;

}



.form-label {

    font-weight: normal;

}



.asterisk {

    color: red;

    margin-left: 2px;

}



.input-group-text {

    background-color: #fff9e5;

}



.security-img {

    width: 24px;

    height: 24px;

    object-fit: contain;

    margin-left: 8px;

    vertical-align: middle;

}



@media (max-width: 767.98px) {

    .prayer-section {

        padding: 15px 5px;

    }

}























/* prayer req */



    /* Overall form wrapper */

    .form_box {

        background: #ffffff;

        padding: 35px;

        border-radius: 16px;

        box-shadow: 0 6px 24px rgba(0,0,0,0.08);

        margin-bottom: 25px;

        transition: 0.3s ease;

    }



    .form_box:hover {

        box-shadow: 0 10px 28px rgba(0,0,0,0.12);

    }



    /* Section titles */

    .pray_center_text h4 {

        font-size: 22px;

        font-weight: 700;

        color: #222;

        text-align: left;

        border-left: 5px solid #f7d982;

        padding-left: 12px;

        margin-bottom: 18px;

    }



    /* Labels */

    label {

        font-weight: 600;

        color: #333;

        margin-bottom: 6px;

        display: inline-block;

    }



    /* Input Fields */

    .form-control {

        border-radius: 10px;

        border: 1px solid #ddd;

        transition: all 0.3s;

        /* padding: 12px 14px; */

        font-size: 15px;

        background: #fafafa;

    }



    .form-control:focus {

        border-color: #f7d982;

        background: #fff;

        box-shadow: 0 0 10px rgba(247, 217, 130, 0.5);

    }



    /* Textarea */

    textarea.form-control {

        resize: none;

        min-height: 120px;

    }



    /* Radio buttons & checkboxes */

    input[type="radio"] {

        margin-right: 6px;

        accent-color: #f7d982;

    }



    /* Error messages */

    .error {

        font-size: 13px;

        color: #e74c3c !important;

        margin-top: 3px;

        display: block;

    }



    /* Submit button */

    .submit_button {

        background: linear-gradient(135deg, #f7d982, #f4c95d);

        color: #222;

        font-weight: 700;

        /* border: none; */

        padding: 14px 32px;

        /* border-radius: 12px; */

        transition: all 0.3s ease;

        cursor: pointer;

        font-size: 16px;

        letter-spacing: 0.5px;

    }



    .submit_button:hover {

        background: linear-gradient(135deg, #f4c95d, #e0b74a);

        transform: translateY(-3px);

        box-shadow: 0px 6px 16px rgba(0,0,0,0.2);

    }



    /* Form spacing */

    .top_spas {

        margin-top: 18px;

    }



    /* Responsive form layout */

    @media (max-width: 768px) {

        .form_box {

            padding: 20px;

        }

        .submit_button {

            width: 100%;

            text-align: center;

        }

    }