/*.framer-1v6hf6w, .framer-1cy2b18, .framer-aif5to, .framer-1qp0jiz, .framer-12ad4y5 {*/
    .nav-link {
        cursor: pointer;
        text-decoration: none;
    }
    


            /* Ensure the entire layout behaves responsively */
            * {
                box-sizing: border-box;
                margin: 0;
                padding: 0;
            }

            /* Ensure both images take up full width without overflow */
            img {
                width: 100%;
                height: auto; /* Maintain aspect ratio */
            }

            /* Hide mobile/tablet image by default */
            .mobile-image {
                display: none;
            }

            /* Button styles */
            .btns {
                display: inline-block;
                padding: 10px 20px;
                font-size: 16px;
                color: #1C1C1E;
                background-color: #fff;
                border: 2px solid #1C1C1E;
                border-radius: 30px;
                text-align: center;
                text-decoration: none;
                font-weight: bold;
                cursor: pointer;
                width: 250px;
                font-family: sans-serif;
            }

            .designation {
                font-weight:100; font-size:12px; color: #676767;
            }

            /* Change button color on hover */
            .btns:hover {
                background-color: #1C1C1E;
                color: #fff;
                border: 2px solid #fff;
            }

            .other-links {            
                color: #fbfcfd;
                text-align: center;
                font-family: sans-serif;
            }

            /* Form title styles */
            .form-title {
                color: #fbfcfd;
                text-align: center;
                margin-bottom: 20px;
                font-family: sans-serif;
            }

            .transparent-link {
                position: absolute;
                top: 0;
                left: 0;            
                z-index: 10000; /* Ensure it's on top of other elements */
                background-color: transparent; /* Transparent background */
                display: block;
            }

            .grev-desk-btns {
                position: absolute;
                top: 0;
                left: c;
                z-index: 999;
                /*transform: translateX(100%);*/
                left: calc(50% - 250px);
            }

            .grev-mob-btns {
                position: absolute;
                top: 0;
                left: c;
                z-index: 999;
                /*transform: translateX(100%);*/
                left: calc(50% - 0px);
            }

            /* Media query for mobile and tablet views */
            @media (max-width: 1024px) {
                .desktop-image {
                    display: none;
                }
                .mobile-image {
                    display: block;
                }

                .button-div {
                    display: flex;
                    flex-direction: column; /* Stack buttons vertically */
                    align-items: center; /* Center buttons horizontally */
                    gap: 18px;
                    margin: 20px 0px;
                }
                fieldset {
                    padding: 15px 10px;
                    border-radius: 15px;
                }
                .other-links {
                    margin-top: 40px;
                    font-size: 24px;
                }
                .form-title {
                    font-size: 24px;
                }

                .transparent-link {
                    width: 150px; /* Set the desired width */
                    height: 100px; /* Set the desired height */
                }
            }

            @media (min-width: 1025px) {
                .button-div {
                    display: flex;
                    flex-direction: row; /* Align buttons in a row */
                    justify-content: center; /* Center buttons horizontally */
                    gap: 20px; /* Space between buttons */
                    margin-top: 20px;
                    margin-bottom: 40px;
                }

                fieldset {
                    padding: 20px 50px;
                    border-radius: 15px;
                }
                .other-links {
                    margin-top: 80px;
                    font-size: 32px;
                }
                .form-title {
                    font-size: 32px;
                }

                .transparent-link {
                    width: 200px; /* Set the desired width */
                    height: 150px; /* Set the desired height */
                }
            }

            /* Hide scrollbar but allow scrolling */
            body {
                overflow-y: scroll;
                scrollbar-width: none; /* Hide scrollbar for Firefox */
                -webkit-overflow-scrolling: touch; /* Enable smooth scrolling for mobile */
                margin: 0;
                background-color: #1C1C1E;
            }

            /* For WebKit-based browsers (Chrome, Safari, Edge) */
            body::-webkit-scrollbar {
                display: none; /* Hide scrollbar */
            }

            /* Form Styles */
            .form-group {
                margin-bottom: 15px;
            }

            .form-control {
                width: 100%;
                padding: 10px;
                border: 1px solid #ddd;
                border-radius: 5px;
                font-size: 16px;
            }

            .form-check-label {
                font-size: 14px;
                color: #fff;
            }

            .submit-btn {
                background-color: #fff;
                color: #1C1C1E;
                border: 2px solid #1C1C1E;
                border-radius: 30px;
                padding: 10px 20px;
                font-size: 16px;
                font-weight: bold;
                cursor: pointer;
                width: 250px;
                display: inline-block;
            }

            .submit-btn:hover {
                background-color: #1C1C1E;
                color: #fff;
                border: 2px solid #fff;
            }

            /* Form container */
            .form-container {
                display: flex;
                flex-direction: column;
                align-items: center;
                margin-top: 20px;
                width: 100%;
                margin-bottom: 30px;
            }

            .form-group-submit {
                text-align: center; /* Center the button */
            }

                    
            .btns-read {
                /*display: inline-block;*/
                padding: 8px 16px;
                font-size: 13px;
                color: #1C1C1E;
                background-color: #fff;
                border: 2px solid #1C1C1E;
                border-radius: 24px;
                text-align: center;
                text-decoration: none;
                font-weight: bold;
                cursor: pointer;
                width: 200px;
                font-family: sans-serif;
            }

            #loader-container {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(0, 0, 0, 0.8);
                z-index: 9999;
                display: flex;
                justify-content: center;
                align-items: center;
            }

            #loader {
                width: 300px;
                height: 300px;
            }

            .hidden {
                display: none !important;
            }

            .agree {
                font-family: sans-serif;
            }

            .image-wrapper {
                position: relative;
                display: inline-block;
                width: 100%;            
            }

            .grev-desk {
                margin-top: -22px;
            }

            .complaints-button {
                /*position: absolute;*/
                top: 0%; /* Center vertically */
                left: 50%; /* Center horizontally */
                transform: translate(-50%, -50%); /* Adjust to perfectly center */
                padding: 6px 12px;
                background-color: #fff;
                color: #1C1C1E;
                border: 2px solid #1C1C1E;
                border-radius: 18px;
                font-size: 10px;
                font-weight: bold;
                text-align: center;
                text-decoration: none;
                font-family: sans-serif;
                cursor: pointer;
                margin-bottom: 10px;
                /*z-index: 10;*/
            }

            .complaints-button:hover {
                background-color: #1C1C1E;
                color: #fff;
                border-color: #fff;
            }

            
        
    
        /* Existing styles (from your code)... */
        /* Include your full CSS here from your original code (already well-structured). */

        /* Additional popup modal styles */
        .modal {
            display: none; /* Hidden by default */
            position: fixed;
            z-index: 10001;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: rgba(0, 0, 0, 0.85);
        }

        .modal-content {
            background-color: #1C1C1E;
            margin: 5% auto;
            padding: 20px;
            border-radius: 10px;
            /*width: 90%;*/
            width: 40%;
            /*max-width: 400px;*/
        }

        .close {
            color: #aaa;
            float: right;
            font-size: 30px;
            font-weight: bold;
            cursor: pointer;
        }

        .close:hover,
        .close:focus {
            color: #fff;
            text-decoration: none;
        }
        .no-scroll {
		    overflow: hidden;
		}

		.contactModalTrigger {
			cursor: pointer;
		}

    
    <style type="text/css">
        /* Ensure full width for Mobile Number field */
        .form-group input[name="mobile"] {
            width: 100%;
        }

        /* OTP section styles */
        .otp-row {
            display: flex;
            flex-direction: row;
            gap: 10px;
            flex-wrap: nowrap;
        }

        /* Ensure Get OTP and Enter OTP align well */
        .otp-row .submit-btn {
            flex: 1;
            padding: 10px 10px;
            font-size: 14px;
        }

        .otp-row input[name="otp"] {
            flex: 2;
        }

        /* Responsive popup styling */
        @media (max-width: 768px) {
            .modal-content {
                width: calc(100% - 30px); /* 15px margin on each side */
                margin: 20px auto; /* Top and bottom margin */
                padding: 20px 15px;
                border-radius: 10px;
            }

            fieldset {
                padding: 10px;
            }
        }

.tooltip-box {
      position: absolute;
      max-width: 250px;
      padding: 10px;
      background-color: #333;
      color: #fff;
      border-radius: 6px;
      font-size: 14px;
      z-index: 1000;
      display: none;
      box-shadow: 0 2px 8px rgba(0,0,0,0.2);
    }
    
    
.framer-1r0aulj {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    /*justify-content: space-between;*/
}

.content-card {
    /* background-color: #fff; */
    /* border: 1px solid #ddd; */
    /* border-radius: 8px; */
    /* padding: 16px; */
    /* box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); */
    flex: 1 1 calc(33.333% - 20px); /* 3 per row with gap */
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    max-width: 455px;
    cursor: pointer;
}

.content-card img {
    max-width: 455px;
    height: 246px;
    /* height: auto; */
    border-radius: 30px;
    margin-bottom: 10px;
}

.content-card h3 {
    font-size: 1.5rem;
    /* margin-bottom: 8px; */
    color: rgb(28, 28, 30);
    margin: 18px auto;
}

.content-card p {
    font-size: 0.95rem;
    color: #555;
    margin-bottom: 12px;
}

.content-card a {
    text-decoration: none;
    color: #fff;
    /* background-color: #007bff; */
    padding: 8px 0px;
    border-radius: 4px;
    text-align: center;
}

.pagination-wrapper {
    margin-top: 30px;
    text-align: center;
    margin: 25px auto;
    font-size: 1.3rem;
    display: block;
    width: 100%;
}

.pagination-wrapper nav > div:first-of-type {
    display: flex;
    justify-content: space-between;
}

.ui-tooltip {
    font-family: 'Poppins', sans-serif; /* or any font you prefer */
    font-size: 14px; /* adjust size if needed */
    color: #333; /* font color */
    padding: 10px;
}
.stack_s1n8l1x5.row_rr3s3mz {
    display: none !important;
}

@media (max-width: 768px) {
    .content-card {
        flex: 1 1 100%;
    }
}