/* Styles for mobile devices (e.g., smartphones) */
            @media screen and (min-width: 769px) {
                body {
                    /*display:none;*/
                }
            }
        /* Reset some default styles */
        body, h1, h2, p, ul, li {
            margin: 0;
            padding: 0;
        }

        /* Define overall styles for the website */
        body {
            font-family: Arial, sans-serif;
            background-color: #fff;
        }

        /* Header section */
        header {
            text-align: center;
            color: #fff;
            padding: 20px 0;
        }

        /* Center the logo in the header */
        header img.logo {
            display: block;
            margin: 0 auto;
        }

        /* Main content section for number input and submit button */
        main {
            text-align: center;
            padding: 20px;
        }

        /* Input and button styles */
        input[type="number"] {
            width: 50%;
            padding: 10px;
            margin: 10px;
        }

        button[type="submit"] {
            width: 50%;
            padding: 10px;
            background-color: #FF0000;
            color: #fff;
            border: none;
            cursor: pointer;
        }

        /* Centered logo section */
        .centered-logo {
            text-align: center;
            padding: 20px;
        }

        /* Footer section */
        footer {
            text-align: center;
            position: absolute;
            bottom: 0;
            width: 100%;
        }

        /* Adjust spacing in mobile view */
        @media (max-width: 5000px) {
            input[type="tel"]{
                border-color: #A1C986;
                padding: 10px;
                margin: 10px;
                border-radius: 10px; /* Adjust the value for the desired roundness */
                width: 50%;
            }
            
            button[type="submit"] {
                padding: 10px;
                margin: 10px;
                border-radius: 10px; /* Adjust the value for the desired roundness */
                width: 50%;
            }
        }
        
        .circular-image {
            width: 150px;
            height: 150px;
            border-radius: 50%;
            overflow: hidden;
            display: inline-block;
        }
        .circular-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }