/* section styles */

/* Firefox */
* {
    scrollbar-width: auto;
    scrollbar-color: #9f1f28 #f1f1f1;
}

/* WebKit browsers (Chrome, Safari, Edge) */
::-webkit-scrollbar {
    width: 20px;
    /* width of vertical scrollbar */
    height: 20px;
    /* height of horizontal scrollbar */
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
    /* color of the tracking area */
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #888;
    /* color of the scroll thumb */
    border-radius: 20px;
    /* roundness of the scroll thumb */
    border: 20px solid #f1f1f1;
    /* creates padding around scroll thumb */
}

/* Optional: Handle hover state */
::-webkit-scrollbar-thumb:hover {
    background: #555;
    /* darker shade when hovering */
}

.first_section .first_section_header h3 {
    font-size: 4em;
    font-family: "Playfair Display", "Cantora One", sans-serif;
    font-weight: 400;
}

.first_section_subheading {
    color: #9f1f28;
    font-weight: bold;
    font-family: "Montserrat", sans-serif;
    max-width: 150px;
    text-align: center;
}

@media screen and (max-width: 1000px) {
    .first_section_subheading {
        color: #9f1f28;
        font-weight: bold;
        font-family: "Montserrat", sans-serif;
        max-width: 100%;
        text-align: center;
    }
}

.first_section {
    background-image: url("/img/landing/jodi_handholding_section_first.webp");
    background-position-x: center;
    background-position-y: 50%;
    background-size: cover;
    padding-bottom: 15rem;
    width: 100%;
    background-repeat: no-repeat;
    position: relative;

    /* z-index: 9; */
}

.first_section::after {
    content: "";
    background-color: #ffffff88;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    /* z-index: 99; */
}

/* first section log  */
/* ==================================== */
.first_section_logo {
    min-width: 5rem;
    min-height: 5rem;
    max-width: 5rem;
    max-height: 5rem;
}

@media screen and (max-width: 767px) {
    .first_section_logo {
        min-width: 6rem;
        min-height: 6rem;
        max-width: 6rem;
        max-height: 6rem;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1270px) {
    .first_section_logo {
        min-width: 7rem;
        min-height: 7rem;
        max-width: 7rem;
        max-height: 7rem;
    }
}

@media screen and (min-width: 1270px) {
    .first_section_logo {
        min-width: 7rem;
        min-height: 7rem;
        max-width: 7rem;
        max-height: 7rem;
    }
}

/* ============================= */

/* first section form top logo  */
/* ==================================== */
.first_section_form_top_logo {
    min-width: 5rem;
    min-height: 5rem;
    max-width: 5rem;
    max-height: 5rem;
}

@media screen and (max-width: 767px) {
    .first_section_form_top_logo {
        min-width: 5rem;
        min-height: 5rem;
        max-width: 5rem;
        max-height: 5rem;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1270px) {
    .first_section_form_top_logo {
        min-width: 7rem;
        min-height: 7rem;
        max-width: 7rem;
        max-height: 7rem;
    }
}

@media screen and (min-width: 1270px) {
    .first_section_form_top_logo {
        min-width: 7rem;
        min-height: 7rem;
        max-width: 7rem;
        max-height: 7rem;
    }
}

/* =================================== */

/* first section form  */

/* =============================== */

.first_section_form {
    background-color: white;
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 4rem;
    padding-right: 4rem;
}

.first_section_form .btn {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    /* font-size: 1.3rem; */
}

@media screen and (max-width: 767px) {
    .first_section_form .btn {
        font-family: "Montserrat", sans-serif;
        font-weight: 500;
        /* font-size: 1rem; */
    }
}

.first_section_form form input {
    font-size: xx-large;
}

.first_section .d-flex {
    position: relative;
    z-index: 100;
}

@media (max-width: 600px) {
    .first_section_logo_with_form {
        max-width: 90%;
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* media query for first section */
@media (max-width: 767px) {

    /* CSS styles for screens smaller than medium-sized */
    .first_section .first_section_header h3 {
        font-size: 2.5em;
        font-family: "Playfair Display", "Cantora One", sans-serif;
        font-weight: 400;
        text-align: center;
    }

    .first_section_subheading {
        color: #9f1f28;
        font-weight: bold;
        font-family: "Montserrat", sans-serif;
        font-size: 1.3em !important;
    }

    .first_section_logo_with_form {
        max-width: 30rem;
    }
}

/* ================================ */

/* second section */

/* section two styles */
.second_section_header {
    padding-top: 15rem;
    padding-bottom: 6rem;
}

.second_section_header h3 {
    font-family: "Playfair Display", serif;
    font-size: 2.3rem;
    font-weight: lighter;
}

.section_two_padding_y {
    padding-top: 10rem;
    padding-bottom: 10rem;
}

.second_section_card_header {
    font-family: "Averia Serif Libre", sans-serif;
    color: #9f1f28;
    font-size: 1.8rem;
}

.second_section_card_content_container {
    padding: 1rem;
    padding: 1rem 2rem;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);

    min-height: 300px;
    max-width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.second_section_card_content {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 1.2rem;
    text-align: justify;
}

@media(max-width: 1280px) {
    .second_section_card_content {
        font-family: "Montserrat", sans-serif;
        font-weight: 500;
        font-size: 1rem;
    }
}

@media(max-width: 1024px) {
    .second_section_card_content_container {
        padding: 1rem;
        padding: 1rem 2rem;
        text-align: center;
        border-radius: 10px;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);

        min-height: 350px;
        margin-bottom: 1rem;

        max-width: 90%;
    }

}

/* media query for second section */
@media (max-width: 767px) {
    /* CSS styles for screens smaller than medium-sized */

    /* section two styles */
    .second_section_header {
        padding-top: 8rem;
        padding-bottom: 1rem;
    }

    .second_section_header h3 {
        font-family: "Playfair Display", serif;
        font-size: 2rem;
        font-weight: lighter;
    }

    .second_section_card_header {
        font-family: "Averia Serif Libre", sans-serif;
        color: #9f1f28;
        font-size: 1.5rem;
    }

    .second_section_card_content_container {
        padding: 1rem;
        padding: 1rem 2rem;
        text-align: center;
        border-radius: 10px;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);

        min-height: 100px;
        margin-bottom: 1rem;

        max-width: 90%;
    }

    .second_section_card_content {
        font-family: "Montserrat", sans-serif;
        font-weight: 500;
        font-size: 1.2rem;
    }

    .section_two_padding_y {
        padding-top: 10rem;
        padding-bottom: 5rem;
    }
}


/* third section */

.third_section_img {
    /* background-image: url('/img/landing/jodi_handshake.webp');
    width: 100%;
    height: 100%; */
    /* 
    object-fit: cover; */
    /* Centers the image */
    /* width: 100%; */
    /* Ensures it takes the full width */
    /* height: 100%; */
    /* Ensures it takes the full height */
}

.third_section_header {
    padding-top: 4rem;
    /* padding-bottom: 1rem; */
    padding-left: 40px;
}

.third_section_header h3 {
    font-family: "Playfair Display", serif;
    letter-spacing: 1px;
    color: #9f1f28;
    font-size: 2.3rem;
}

@media (max-width: 1200px) {
    .third_section_header h3 {
        font-family: "Playfair Display", serif;
        letter-spacing: 1px;
        color: #9f1f28;
        font-size: 1.8rem;
    }
}

.third_section li p {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 1.6rem;
}

.third_section_left {
    /* padding-bottom: 8rem; */
    padding: 0 40px;
}



.third_section_list_text {
    text-align: justify;
}

.third_section_list .tick-icon {
    min-width: 40px;
    min-height: 40px;
    max-width: 40px;
    max-height: 40px;
}

/* section three styles */

.third_section_left .orange_border {
    display: flex;
    flex: 1;
    width: 100%;
    padding: 1rem 0px;
}

.section_three_border_orange {
    width: 100%;
    border: 2px solid orange;
}



/* media query for third section */
@media (max-width: 767px) {

    /* CSS styles for screens smaller than medium-sized */
    .third_section_header {
        padding-top: 2rem;
        /* padding-bottom: 2rem; */
    }

    .third_section_header h3 {
        font-family: "Playfair Display", serif;
        letter-spacing: 1px;
        color: #9f1f28;
        font-size: 1.8rem;
    }

    .third_section li p {
        font-family: "Montserrat", sans-serif;
        font-weight: 500;
        font-size: 1rem;
    }
}

/* fourth section*/

.fourth_section {
    background-image: url("/img/landing/jodi_beach_1.webp");
    background-position-x: center;
    padding-bottom: 10rem;
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    position: relative;
}

.fourth_section::after {
    content: "";
    background-color: #ffffff88;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    /* z-index: 99; */
}

.fourth_section .d-flex {
    position: relative;
    z-index: 100;
}

.fourth_section_header {
    font-family: "Playfair Display", serif;
    letter-spacing: 1px;
    font-size: 2.3rem;
    font-weight: 100;
    text-align: center;
}

/* section four styles */
.fourth_section_padding_y {
    padding-top: 10rem;
    padding-bottom: 10rem;
}

/* section four styles */

/* media query for fourth section */
@media (max-width: 767px) {

    /* CSS styles for screens smaller than medium-sized */
    .fourth_section_header {
        font-family: "Playfair Display", serif;
        letter-spacing: 1px;
        font-size: 2rem;
        font-weight: 100;
        text-align: center;
    }
}

/* fifth section */

.fifth_section {
    padding-top: 10rem;
}

.fifth_section_header {
    font-family: "Playfair Display", serif;
    letter-spacing: 1px;
    font-size: 2.3rem;
    font-weight: 100;
}

.fifth_section_header+button {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 5rem;
    padding: 0.5rem 2rem;
    color: black !important;
}

.fifth_section_links {
    font-family: "Averia Serif Libre", sans-serif;
}

.fifth_section_links h3 a {
    color: #000;
    font-family: "Averia Serif Libre", sans-serif;
}

/* media query for fifth section */
@media (max-width: 767px) {

    /* CSS styles for screens smaller than medium-sized */
    .fifth_section_header {
        font-family: "Playfair Display", serif;
        letter-spacing: 1px;
        font-size: 2rem;
        font-weight: 100;
        text-align: center;
    }

    .fifth_section_links h3 {
        font-family: "Averia Serif Libre", sans-serif;
        font-size: 1.3rem;
    }
}

/* accordion related */
.custom_landing_accordion .accordion .accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' fill='white' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/%3E%3C/svg%3E");
    background-size: cover;
    width: 50px;
    height: 50px;
}

.custom_landing_accordion .accordion .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='white' class='bi bi-dash-lg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8'/%3E%3C/svg%3E");
    background-size: cover;
    width: 40px;
    height: 40px;
}

.custom_landing_accordion .accordion {
    --bs-accordion-btn-bg: #9f1f28;
    --bs-accordion-active-bg: #c42731;

    --bs-accordion-btn-color: white;
    --bs-accordion-active-color: white;
}

.custom_landing_accordion .accordion .accordion-button {
    height: 8rem;
    min-width: 100%;
    font-family: "Averia Serif Libre", sans-serif;
}

@media screen and (min-width: 1500px) {
    .custom_landing_accordion .accordion .accordion-button {
        font-size: 1.6rem;
    }
}

@media screen and (min-width: 1000px) and (max-width: 1500px) {
    .custom_landing_accordion .accordion .accordion-button {
        font-size: 1.4rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
    .custom_landing_accordion .accordion .accordion-button {
        font-size: 1rem;
    }
}

@media screen and (max-width: 767px) {
    .custom_landing_accordion .accordion .accordion-button {
        font-size: 1.2rem;
    }
}

/* ========================================= */

.facebook_icon {
    width: 50px;
    height: 50px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='white' class='bi bi-facebook' viewBox='0 0 16 16'%3E%3Cpath d='M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

.instagram_icon {
    width: 50px;
    height: 50px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='white' class='bi bi-instagram' viewBox='0 0 16 16'%3E%3Cpath d='M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.9 3.9 0 0 0-1.417.923A3.9 3.9 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.9 3.9 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.9 3.9 0 0 0-.923-1.417A3.9 3.9 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599s.453.546.598.92c.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.5 2.5 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.5 2.5 0 0 1-.92-.598 2.5 2.5 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233s.008-2.388.046-3.231c.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92s.546-.453.92-.598c.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92m-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217m0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
}

/* section footer styles */
.section_footer {
    padding-top: 5rem;
    padding-bottom: 5rem;
    color: white;
    background-color: black;
}

/* end section footer styles */

.section_footer_header {
    font-family: "Averia Serif Libre", sans-serif;
}

.section_footer_content {
    font-family: "Montserrat", sans-serif;
}