/*html, body {
        /*height: 107%; */
        /*margin: 0; 
        padding: 0;
        overflow-x: hidden; 
        overflow-y: auto; 
        font-family: Arial, sans-serif;
        background-color: #f9f9f9;
        display: flex;
        flex-direction: column;
    }
    */
        
    .container {
        max-width: 100%; 
        overflow-x: auto;
    }
    
    section {
        background-color: #FFFFFF;
        padding: 1.5em;
        border-radius: 10px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        width: 100%;
        max-width: 400px;
        box-sizing: border-box;
        margin-top: -110px;
        box-shadow: 0 8px 24px rgba(78, 164, 218, 0.99) !important; /* Subtle but deep shadow for elevation */
    }
    
    main {
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 1em;
        padding-top: calc(1em + 10px); 
        margin-top: -10px; 
        width: 100%;
        box-sizing: border-box;
        position: relative; /* Ensure parent is positioned */

/*added changed//////////*/
        /*margin-bottom: 118.5vh;*/
        /*margin-bottom: 708px;*/
        /*margin-bottom: 1040px;*/
        /*margin-bottom: 989px;*/
        margin-bottom: 989px;
        /*added changed//////////*/
        
    }
    
    .is-smartphone main {
margin-bottom: 1475px; /*changed when logo added*/
    }

    section {
        background-color: #FFFFFF;
        padding: calc(1.5em - 0.9em) 1.5em; 
        border-radius: 10px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        width: 100%;
        max-width: 420px;
        box-sizing: border-box;
        transition: margin-top 0.3s ease-in-out; 
        position: absolute;
        top: 15px; 
        left: 50%;
        transform: translateX(-50%); 
        height: auto;
        min-height: 500px; 
        overflow: hidden; 
        margin: 0; 
    }

    h2 {
        text-align: center;
    }

            .form-group {
                margin-bottom: 1em;
            }
    
            label {
                display: block;
                margin-bottom: 0.5em;
                color: #333;
            }
    
            input[type="text"],
            input[type="email"],
            input[type="tel"],
            input[type="password"] {
                width: 100%;
                padding: 0.5em;
                border: 1px solid #ccc;
                border-radius: 5px;
                box-sizing: border-box;
                font-size: 1em;
            }
    
            .checkbox-group {
                margin-bottom: 1em;
            }
    
            .checkbox-group label {
                display: inline;
            }
    
            .checkbox-group input[type="checkbox"] {
                margin-right: 0.5em;
            }
    
            .register_form-button {
                width: 100%;
                padding: 0.75em;
                background-color: #B0E57C;
                color: #333;
                border: none;
                border-radius: 5px;
                cursor: pointer;
                transition: background-color 0.3s, transform 0.3s;
                font-size: 1em;

                font-size: 15px;
                font-weight: 600; /* Slightly bolder text */
            }


            .register_form-button:hover {
                background-color: #9ACD32;
                transform: scale(1.05);
            }
    
            p {
                text-align: center;
                margin-top: 1em;
            }
    
            #error, #register {
                display: none; /* Initially hide the element */
                opacity: 0; /* Set initial opacity to 0 */
                transition: opacity 0.150s ease-in-out; /* Smooth transition for opacity */
            }
            
            #error.show, #register.show {
                display: block; /* Show the element */
                opacity: 1; /* Fade in the element */
                padding: 1em;
                margin-bottom: 1em;
                border-radius: 5px;
            }
            
            #error {
                background-color: #f8d7da; /* Light red background */
                color: #721c24; /* Dark red text */
                border: 1px solid #f5c6cb; /* Red border */
            }
            
            #register {
                background-color: #d4edda; /* Light green background */
                color: #155724; /* Dark green text */
                border: 1px solid #c3e6cb; /* Green border */
            }
            
/*11111111111111111*/
.is-computer #logo-container-wrapper {
    display: none;
}

.is-computer #logo2-smartphone {
    display: none;
}

.is-computer #logo-container-a {
    display: none;
}

.is-smartphone #logo-container-a {
    display: inline-block; /* or block */
    text-decoration: none;
}

.is-smartphone #logo2-smartphone {
    display: block;
    width: 150px;
    height: auto;
    margin: 0 auto; /* Centers the image inside its container */
}
/*11111111111111111*/

            /*///////////////////////////////////////////// Media  queries starting /////////////////////////////////////////////*/


/*points for future*/
/*actual :  used for media queries (chrome and checked from whatismyip.com)     */


/*           Smartphone    device # = (1)    tested on = 319px    (max-width:	320	px) { }    starting              */

@media only screen and (max-width: 320px) {

    html, body.is-smartphone {
        overflow-x: hidden; /* Prevent horizontal overflow */
   /*     background-color: rgb(202, 191, 212);*/
    }
    
    body.is-smartphone {
/*height: 930px; */
height: 1330px; 

    }
    

    .is-smartphone main {
        padding: 1em; /* Adjust padding for better spacing */
    }

    .is-smartphone section {
        width: 90%; /* Use more of the screen width */
        /*margin: 18.5% auto 5%;*/ /* Increased margin-top by 5px to move it down */
        margin-top: 200px;
        max-width: 90%; /* Ensure it doesn't exceed this width */
    }

    .is-smartphone h2 {
        font-size: 1.65em; /* Larger heading for better visibility */
    }

    .is-smartphone input[type="text"],
    .is-smartphone input[type="email"],
    .is-smartphone input[type="tel"],
    .is-smartphone input[type="password"] {
        padding: 0.8em; /* Increase input padding for easier tapping */
    }
    
}

/*           Smartphone    device # = (1)    tested on = 319px    (max-width:	320	px) { }    ending              */


/*           Smartphone    device # = (2)    tested on = 335px    (min-width: 321px) and (max-width: 350px) { }   starting        */

@media only screen and (min-width: 321px) and (max-width: 350px) {

    html, body.is-smartphone {
        overflow-x: hidden; /* Prevent horizontal overflow */
   /*     background-color: rgb(202, 191, 212);*/
   /*background-color: red;*/
    }
    
    body.is-smartphone {
        /*height: 930px; */
        height: 1330px; 

    }
    

    .is-smartphone main {
        padding: 1em; /* Adjust padding for better spacing */
    }

    .is-smartphone section {
        width: 90%; /* Use more of the screen width */
        /*margin: 18.5% auto 5%;*/ /* Increased margin-top by 5px to move it down */
        margin-top: 200px;
        max-width: 90%; /* Ensure it doesn't exceed this width */
    }

    .is-smartphone h2 {
        font-size: 1.65em; /* Larger heading for better visibility */
    }

    .is-smartphone input[type="text"],
    .is-smartphone input[type="email"],
    .is-smartphone input[type="tel"],
    .is-smartphone input[type="password"] {
        padding: 0.8em; /* Increase input padding for easier tapping */
    }
    
}

/*           Smartphone    device # = (2)    tested on = 335px    (min-width: 321px) and (max-width: 350px) { }   ending        */


/*           Smartphone    device # = (3)    tested on = 375px    (min-width: 351px) and (max-width: 400px) { }   starting        */

@media only screen and (min-width: 351px) and (max-width: 400px) {

    html, body.is-smartphone {
        overflow-x: hidden; /* Prevent horizontal overflow */
   /*     background-color: rgb(202, 191, 212);*/
   /*background-color: blue;*/
    }
    
    body.is-smartphone {
        /*height: 930px; */
        height: 1330px; 

    }
    

    .is-smartphone main {
        padding: 1em; /* Adjust padding for better spacing */
    }

    .is-smartphone section {
        width: 90%; /* Use more of the screen width */
        /*margin: 18.5% auto 5%;*/ /* Increased margin-top by 5px to move it down */
        margin-top: 200px;
        max-width: 90%; /* Ensure it doesn't exceed this width */
    }

    .is-smartphone h2 {
        font-size: 1.65em; /* Larger heading for better visibility */
    }

    .is-smartphone input[type="text"],
    .is-smartphone input[type="email"],
    .is-smartphone input[type="tel"],
    .is-smartphone input[type="password"] {
        padding: 0.8em; /* Increase input padding for easier tapping */
    }
    
}

/*           Smartphone    device # = (3)    tested on = 375px    (min-width: 351px) and (max-width: 400px) { }   ending        */


/*           Smartphone    device # = (4)    tested on = 425px    (min-width: 401px) and (max-width: 480px) { }   starting        */

@media only screen and (min-width: 401px) and (max-width: 450px) {

    html, body.is-smartphone {
        overflow-x: hidden; /* Prevent horizontal overflow */
   /*     background-color: rgb(202, 191, 212);*/
   /*background-color: yellow;*/
    }
    
    body.is-smartphone {
        /*height: 930px; */
        height: 1330px; 

    }
    

    .is-smartphone main {
        padding: 1em; /* Adjust padding for better spacing */
    }

    .is-smartphone section {
        width: 90%; /* Use more of the screen width */
        /*margin: 18.5% auto 5%;*/ /* Increased margin-top by 5px to move it down */
        margin-top: 200px;
        max-width: 90%; /* Ensure it doesn't exceed this width */
    }

    .is-smartphone h2 {
        font-size: 1.65em; /* Larger heading for better visibility */
    }

    .is-smartphone input[type="text"],
    .is-smartphone input[type="email"],
    .is-smartphone input[type="tel"],
    .is-smartphone input[type="password"] {
        padding: 0.8em; /* Increase input padding for easier tapping */
    }
    
}

/*           Smartphone    device # = (4)    tested on = 425px    (min-width: 401px) and (max-width: 480px) { }   ending        */


/*           Smartphone    device # = (5)    tested on = 475px    (min-width: 451px) and (max-width: 500px) { }   starting        */

@media only screen and (min-width: 451px) and (max-width: 500px) {

    html, body.is-smartphone {
        overflow-x: hidden; /* Prevent horizontal overflow */
   /*     background-color: rgb(202, 191, 212);*/
    }
    
    body.is-smartphone {
        /*height: 930px; */
        height: 1330px; 
/*background-color: #f8d7da;*/
    }
    

    .is-smartphone main {
        padding: 1em; /* Adjust padding for better spacing */
    }

    .is-smartphone section {
        width: 90%; /* Use more of the screen width */
        /*margin: 18.5% auto 5%;*/ /* Increased margin-top by 5px to move it down */
        margin-top: 200px;
        max-width: 90%; /* Ensure it doesn't exceed this width */
    }

    .is-smartphone h2 {
        font-size: 1.65em; /* Larger heading for better visibility */
    }

    .is-smartphone input[type="text"],
    .is-smartphone input[type="email"],
    .is-smartphone input[type="tel"],
    .is-smartphone input[type="password"] {
        padding: 0.8em; /* Increase input padding for easier tapping */
    }
    
}

/*           Smartphone    device # = (5)    tested on = 475px    (min-width: 451px) and (max-width: 500px) { }   ending        */


/*           Smartphone    device # = (6)    tested on = 525px    (min-width: 501px) and (max-width: 550px) { }   starting        */

@media only screen and (min-width: 501px) and (max-width: 550px) {

    html, body.is-smartphone {
        overflow-x: hidden; /* Prevent horizontal overflow */
   /*     background-color: rgb(202, 191, 212);*/
   /*background-color: orange;*/
    }
    
    body.is-smartphone {
        /*height: 930px; */
        height: 1330px; 

    }
    

    .is-smartphone main {
        padding: 1em; /* Adjust padding for better spacing */
    }

    .is-smartphone section {
        width: 90%; /* Use more of the screen width */
        /*margin: 18.5% auto 5%;*/ /* Increased margin-top by 5px to move it down */
        margin-top: 200px;
        max-width: 90%; /* Ensure it doesn't exceed this width */
    }

    .is-smartphone h2 {
        font-size: 1.65em; /* Larger heading for better visibility */
    }

    .is-smartphone input[type="text"],
    .is-smartphone input[type="email"],
    .is-smartphone input[type="tel"],
    .is-smartphone input[type="password"] {
        padding: 0.8em; /* Increase input padding for easier tapping */
    }
    
}

/*           Smartphone    device # = (6)    tested on = 525px    (min-width: 501px) and (max-width: 550px) { }   ending        */


/*           Smartphone    device # = (7)    tested on = 575px    (min-width: 551px) and (max-width: 600px) { }   starting        */

@media only screen and (min-width: 551px) and (max-width: 600px) {

    html, body.is-smartphone {
        overflow-x: hidden; /* Prevent horizontal overflow */
   /*     background-color: rgb(202, 191, 212);*/
   /*background-color: aqua;*/
    }
    
    body.is-smartphone {
        /*height: 930px; */
        height: 1330px; 

    }
    

    .is-smartphone main {
        padding: 1em; /* Adjust padding for better spacing */
    }

    .is-smartphone section {
        width: 90%; /* Use more of the screen width */
        /*margin: 18.5% auto 5%;*/ /* Increased margin-top by 5px to move it down */
        margin-top: 200px;
        max-width: 90%; /* Ensure it doesn't exceed this width */
    }

    .is-smartphone h2 {
        font-size: 1.65em; /* Larger heading for better visibility */
    }

    .is-smartphone input[type="text"],
    .is-smartphone input[type="email"],
    .is-smartphone input[type="tel"],
    .is-smartphone input[type="password"] {
        padding: 0.8em; /* Increase input padding for easier tapping */
    }
    
}

/*           Smartphone    device # = (7)    tested on = 575px    (min-width: 551px) and (max-width: 600px) { }   ending        */


/*           Smartphone    device # = (8)    tested on = 625px    (min-width: 601px) and (max-width: 650px) { }   starting        */

@media only screen and (min-width: 601px) and (max-width: 650px) {

    html, body.is-smartphone {
        overflow-x: hidden; /* Prevent horizontal overflow */
   /*     background-color: rgb(202, 191, 212);*/
   /*background-color: pink;*/
    }
    
    body.is-smartphone {
        /*height: 930px; */
        height: 1330px; 

    }
    

    .is-smartphone main {
        padding: 1em; /* Adjust padding for better spacing */
    }

    .is-smartphone section {
        width: 90%; /* Use more of the screen width */
        /*margin: 18.5% auto 5%;*/ /* Increased margin-top by 5px to move it down */
        margin-top: 200px;
        max-width: 90%; /* Ensure it doesn't exceed this width */
    }

    .is-smartphone h2 {
        font-size: 1.65em; /* Larger heading for better visibility */
    }

    .is-smartphone input[type="text"],
    .is-smartphone input[type="email"],
    .is-smartphone input[type="tel"],
    .is-smartphone input[type="password"] {
        padding: 0.8em; /* Increase input padding for easier tapping */
    }
    
}

/*           Smartphone    device # = (8)    tested on = 625px    (min-width: 601px) and (max-width: 650px) { }   ending        */


/*           Smartphone    device # = (9)    tested on = 675px    (min-width: 651px) and (max-width: 700px) { }   starting        */

@media only screen and (min-width: 651px) and (max-width: 700px) {

    html, body.is-smartphone {
        overflow-x: hidden; /* Prevent horizontal overflow */
   /*     background-color: rgb(202, 191, 212);*/
   /*background-color: purple;*/
    }
    
    body.is-smartphone {
        /*height: 930px; */
        height: 1330px; 

    }
    

    .is-smartphone main {
        padding: 1em; /* Adjust padding for better spacing */
    }

    .is-smartphone section {
        width: 90%; /* Use more of the screen width */
        /*margin: 18.5% auto 5%;*/ /* Increased margin-top by 5px to move it down */
        margin-top: 200px;
        max-width: 90%; /* Ensure it doesn't exceed this width */
    }

    .is-smartphone h2 {
        font-size: 1.65em; /* Larger heading for better visibility */
    }

    .is-smartphone input[type="text"],
    .is-smartphone input[type="email"],
    .is-smartphone input[type="tel"],
    .is-smartphone input[type="password"] {
        padding: 0.8em; /* Increase input padding for easier tapping */
    }
    
}

/*           Smartphone    device # = (9)    tested on = 675px    (min-width: 651px) and (max-width: 700px) { }   ending        */


/*           Smartphone    device # = (10)    tested on = 725px    (min-width: 701px) and (max-width: 750px) { }   starting        */

@media only screen and (min-width: 701px) and (max-width: 750px) {

    html, body.is-smartphone {
        overflow-x: hidden; /* Prevent horizontal overflow */
   /*     background-color: rgb(202, 191, 212);*/
   /*background-color: green;*/
    }
    
    body.is-smartphone {
        /*height: 930px; */
        height: 1330px; 

    }
    

    .is-smartphone main {
        padding: 1em; /* Adjust padding for better spacing */
    }

    .is-smartphone section {
        width: 90%; /* Use more of the screen width */
        /*margin: 18.5% auto 5%;*/ /* Increased margin-top by 5px to move it down */
        margin-top: 200px;
        max-width: 90%; /* Ensure it doesn't exceed this width */
    }

    .is-smartphone h2 {
        font-size: 1.65em; /* Larger heading for better visibility */
    }

    .is-smartphone input[type="text"],
    .is-smartphone input[type="email"],
    .is-smartphone input[type="tel"],
    .is-smartphone input[type="password"] {
        padding: 0.8em; /* Increase input padding for easier tapping */
    }
    
}

/*           Smartphone    device # = (10)    tested on = 725px    (min-width: 701px) and (max-width: 750px) { }   ending        */


/*           Smartphone    device # = (11)    tested on = 775px    (min-width: 751px) and (max-width: 800px) { }   starting        */

@media only screen and (min-width: 751px) and (max-width: 800px) {

    html, body.is-smartphone {
        overflow-x: hidden; /* Prevent horizontal overflow */
   /*     background-color: rgb(202, 191, 212);*/
   /*background-color: magenta;*/
    }
    
    body.is-smartphone {
        /*height: 930px; */
        height: 1330px; 

    }
    

    .is-smartphone main {
        padding: 1em; /* Adjust padding for better spacing */
    }

    .is-smartphone section {
        width: 90%; /* Use more of the screen width */
        /*margin: 18.5% auto 5%;*/ /* Increased margin-top by 5px to move it down */
        margin-top: 200px;
        max-width: 90%; /* Ensure it doesn't exceed this width */
    }

    .is-smartphone h2 {
        font-size: 1.65em; /* Larger heading for better visibility */
    }

    .is-smartphone input[type="text"],
    .is-smartphone input[type="email"],
    .is-smartphone input[type="tel"],
    .is-smartphone input[type="password"] {
        padding: 0.8em; /* Increase input padding for easier tapping */
    }
    
}

/*           Smartphone    device # = (11)    tested on = 775px    (min-width: 751px) and (max-width: 800px) { }   ending        */


/*           Smartphone    device # = (12)    tested on = 825px    (min-width: 801px) and (max-width: 850px) { }   starting        */

@media only screen and (min-width: 801px) and (max-width: 850px) {

    html, body.is-smartphone {
        overflow-x: hidden; /* Prevent horizontal overflow */
   /*     background-color: rgb(202, 191, 212);*/
   /*background-color: orangered;*/
    }
    
    body.is-smartphone {
        /*height: 930px; */
        height: 1330px; 

    }
    

    .is-smartphone main {
        padding: 1em; /* Adjust padding for better spacing */
    }

    .is-smartphone section {
        width: 90%; /* Use more of the screen width */
        /*margin: 18.5% auto 5%;*/ /* Increased margin-top by 5px to move it down */
        margin-top: 200px;
        max-width: 90%; /* Ensure it doesn't exceed this width */
    }

    .is-smartphone h2 {
        font-size: 1.65em; /* Larger heading for better visibility */
    }

    .is-smartphone input[type="text"],
    .is-smartphone input[type="email"],
    .is-smartphone input[type="tel"],
    .is-smartphone input[type="password"] {
        padding: 0.8em; /* Increase input padding for easier tapping */
    }
    
}

/*           Smartphone    device # = (12)    tested on = 825px    (min-width: 801px) and (max-width: 850px) { }   ending        */


/*           Smartphone    device # = (13)    tested on = 875px    (min-width: 851px) and (max-width: 900px) { }   starting        */

@media only screen and (min-width: 851px) and (max-width: 900px) {

    html, body.is-smartphone {
        overflow-x: hidden; /* Prevent horizontal overflow */
   /*     background-color: rgb(202, 191, 212);*/
   /*background-color: purple;*/
    }
    
    body.is-smartphone {
        /*height: 930px; */
        height: 1330px; 

    }
    

    .is-smartphone main {
        padding: 1em; /* Adjust padding for better spacing */
    }

    .is-smartphone section {
        width: 90%; /* Use more of the screen width */
        /*margin: 18.5% auto 5%;*/ /* Increased margin-top by 5px to move it down */
        margin-top: 200px;
        max-width: 90%; /* Ensure it doesn't exceed this width */
    }

    .is-smartphone h2 {
        font-size: 1.65em; /* Larger heading for better visibility */
    }

    .is-smartphone input[type="text"],
    .is-smartphone input[type="email"],
    .is-smartphone input[type="tel"],
    .is-smartphone input[type="password"] {
        padding: 0.8em; /* Increase input padding for easier tapping */
    }
    
}

/*           Smartphone    device # = (13)    tested on = 875px    (min-width: 851px) and (max-width: 900px) { }   ending        */


/*           Smartphone    device # = (14)    tested on = 925px    (min-width: 901px) and (max-width: 950px) { }   starting        */

@media only screen and (min-width: 901px) and (max-width: 950px) {

    html, body.is-smartphone {
        overflow-x: hidden; /* Prevent horizontal overflow */
   /*     background-color: rgb(202, 191, 212);*/
   /*background-color: bisque;*/
    }
    
    body.is-smartphone {
        /*height: 930px; */
        height: 1360px; 

    }
    

    .is-smartphone main {
        padding: 1em; /* Adjust padding for better spacing */
    }

    .is-smartphone section {
        width: 90%; /* Use more of the screen width */
        /*margin: 18.5% auto 5%;*/ /* Increased margin-top by 5px to move it down */
        margin-top: 200px;
        max-width: 90%; /* Ensure it doesn't exceed this width */
    }

    .is-smartphone h2 {
        font-size: 1.65em; /* Larger heading for better visibility */
    }

    .is-smartphone input[type="text"],
    .is-smartphone input[type="email"],
    .is-smartphone input[type="tel"],
    .is-smartphone input[type="password"] {
        padding: 0.8em; /* Increase input padding for easier tapping */
    }
    
}

/*           Smartphone    device # = (14)    tested on = 925px    (min-width: 901px) and (max-width: 950px) { }   ending        */


/*           Smartphone    device # = (15)    tested on = 975px    (min-width: 951px) and (max-width: 1000px) { }   starting        */

@media only screen and (min-width: 951px) and (max-width: 1000px) {

    html, body.is-smartphone {
        overflow-x: hidden; /* Prevent horizontal overflow */
   /*     background-color: rgb(202, 191, 212);*/
   /*background-color: blue;*/
    }
    
    body.is-smartphone {
        /*height: 930px; */
        height: 1360px; 

    }
    

    .is-smartphone main {
        padding: 1em; /* Adjust padding for better spacing */
    }

    .is-smartphone section {
        width: 90%; /* Use more of the screen width */
        /*margin: 18.5% auto 5%;*/ /* Increased margin-top by 5px to move it down */
        margin-top: 200px;
        max-width: 90%; /* Ensure it doesn't exceed this width */
    }

    .is-smartphone h2 {
        font-size: 1.65em; /* Larger heading for better visibility */
    }

    .is-smartphone input[type="text"],
    .is-smartphone input[type="email"],
    .is-smartphone input[type="tel"],
    .is-smartphone input[type="password"] {
        padding: 0.8em; /* Increase input padding for easier tapping */
    }
    
}

/*           Smartphone    device # = (15)    tested on = 975px    (min-width: 951px) and (max-width: 1000px) { }   ending        */


/*           Smartphone    device # = (16)    tested on = 1025px    (min-width: 1001px) and (max-width: 1050px) { }   starting        */

@media only screen and (min-width: 1001px) and (max-width: 1050px) {

    html, body.is-smartphone {
        overflow-x: hidden; /* Prevent horizontal overflow */
   /*     background-color: rgb(202, 191, 212);*/
   /*background-color: orange;*/
    }
    
    body.is-smartphone {
        /*height: 930px; */
        height: 1360px; 

    }
    

    .is-smartphone main {
        padding: 1em; /* Adjust padding for better spacing */
    }

    .is-smartphone section {
        width: 90%; /* Use more of the screen width */
        /*margin: 18.5% auto 5%;*/ /* Increased margin-top by 5px to move it down */
        margin-top: 200px;
        max-width: 90%; /* Ensure it doesn't exceed this width */
    }

    .is-smartphone h2 {
        font-size: 1.65em; /* Larger heading for better visibility */
    }

    .is-smartphone input[type="text"],
    .is-smartphone input[type="email"],
    .is-smartphone input[type="tel"],
    .is-smartphone input[type="password"] {
        padding: 0.8em; /* Increase input padding for easier tapping */
    }
    
}

/*           Smartphone    device # = (16)    tested on = 1025px    (min-width: 1001px) and (max-width: 1050px) { }   ending        */


/*           Smartphone    device # = (17)    tested on = 1075px    (min-width: 1051px) and (max-width: 1100px) { }   starting        */

@media only screen and (min-width: 1051px) and (max-width: 1100px) {

    html, body.is-smartphone {
        overflow-x: hidden; /* Prevent horizontal overflow */
   /*     background-color: rgb(202, 191, 212);*/
   /*background-color: aquamarine;*/
    }
    
    body.is-smartphone {
/*height: 930px; */
height: 1360px; 

    }
    

    .is-smartphone main {
        padding: 1em; /* Adjust padding for better spacing */
    }

    .is-smartphone section {
        width: 90%; /* Use more of the screen width */
        /*margin: 18.5% auto 5%;*/ /* Increased margin-top by 5px to move it down */
        margin-top: 200px;
        max-width: 90%; /* Ensure it doesn't exceed this width */
    }

    .is-smartphone h2 {
        font-size: 1.65em; /* Larger heading for better visibility */
    }

    .is-smartphone input[type="text"],
    .is-smartphone input[type="email"],
    .is-smartphone input[type="tel"],
    .is-smartphone input[type="password"] {
        padding: 0.8em; /* Increase input padding for easier tapping */
    }
    
}

/*           Smartphone    device # = (17)    tested on = 1075px    (min-width: 1051px) and (max-width: 1100px) { }   ending        */


/*           Smartphone    device # = (18)    tested on = 1125px    (min-width: 1101px) and (max-width: 1150px) { }   starting        */

@media only screen and (min-width: 1101px) and (max-width: 1150px) {

    html, body.is-smartphone {
        overflow-x: hidden; /* Prevent horizontal overflow */
   /*     background-color: rgb(202, 191, 212);*/
   /*background-color: brown;*/
    }
    
    body.is-smartphone {
/*height: 930px; */
height: 1380px; 

    }
    

    .is-smartphone main {
        padding: 1em; /* Adjust padding for better spacing */
    }

    .is-smartphone section {
        width: 90%; /* Use more of the screen width */
        /*margin: 18.5% auto 5%;*/ /* Increased margin-top by 5px to move it down */
        margin-top: 200px;
        max-width: 90%; /* Ensure it doesn't exceed this width */
    }

    .is-smartphone h2 {
        font-size: 1.65em; /* Larger heading for better visibility */
    }

    .is-smartphone input[type="text"],
    .is-smartphone input[type="email"],
    .is-smartphone input[type="tel"],
    .is-smartphone input[type="password"] {
        padding: 0.8em; /* Increase input padding for easier tapping */
    }
    
}

/*           Smartphone    device # = (18)    tested on = 1125px    (min-width: 1101px) and (max-width: 1150px) { }   ending        */


/*           Smartphone    device # = (19)    tested on = 1175px    (min-width: 1151px) and (max-width: 1200px) { }   starting        */

@media only screen and (min-width: 1151px) and (max-width: 1200px) {

    html, body.is-smartphone {
        overflow-x: hidden; /* Prevent horizontal overflow */
   /*     background-color: rgb(202, 191, 212);*/
   /*background-color: paleturquoise;*/
    }
    
    body.is-smartphone {
        /*height: 930px; */
height: 1380px; 

    }
    

    .is-smartphone main {
        padding: 1em; /* Adjust padding for better spacing */
    }

    .is-smartphone section {
        width: 90%; /* Use more of the screen width */
        /*margin: 18.5% auto 5%;*/ /* Increased margin-top by 5px to move it down */
        margin-top: 200px;
        max-width: 90%; /* Ensure it doesn't exceed this width */
    }

    .is-smartphone h2 {
        font-size: 1.65em; /* Larger heading for better visibility */
    }

    .is-smartphone input[type="text"],
    .is-smartphone input[type="email"],
    .is-smartphone input[type="tel"],
    .is-smartphone input[type="password"] {
        padding: 0.8em; /* Increase input padding for easier tapping */
    }
    
}

/*           Smartphone    device # = (19)    tested on = 1175px    (min-width: 1151px) and (max-width: 1200px) { }   ending        */


/*           Smartphone    device # = (20)    tested on = 1225px    (min-width: 1201px) and (max-width: 1250px) { }   starting        */

@media only screen and (min-width: 1201px) and (max-width: 1250px) {

    html, body.is-smartphone {
        overflow-x: hidden; /* Prevent horizontal overflow */
   /*     background-color: rgb(202, 191, 212);*/
   /*background-color: yellowgreen;*/
    }
    
    body.is-smartphone {
        /*height: 930px; */
height: 1380px; 

    }
    

    .is-smartphone main {
        padding: 1em; /* Adjust padding for better spacing */
    }

    .is-smartphone section {
        width: 90%; /* Use more of the screen width */
        /*margin: 18.5% auto 5%;*/ /* Increased margin-top by 5px to move it down */
        margin-top: 200px;
        max-width: 90%; /* Ensure it doesn't exceed this width */
    }

    .is-smartphone h2 {
        font-size: 1.65em; /* Larger heading for better visibility */
    }

    .is-smartphone input[type="text"],
    .is-smartphone input[type="email"],
    .is-smartphone input[type="tel"],
    .is-smartphone input[type="password"] {
        padding: 0.8em; /* Increase input padding for easier tapping */
    }
    
}

/*           Smartphone    device # = (20)    tested on = 1225px    (min-width: 1201px) and (max-width: 1250px) { }   ending        */


/*           Smartphone    device # = (21)    tested on = 1275px    (min-width: 1251px) and (max-width: 1300px) { }   starting        */

@media only screen and (min-width: 1251px) and (max-width: 1300px) {

    html, body.is-smartphone {
        overflow-x: hidden; /* Prevent horizontal overflow */
   /*     background-color: rgb(202, 191, 212);*/
   /*background-color: rgb(162, 74, 74);*/
    }
    
    body.is-smartphone {
        /*height: 930px; */
height: 1400px; 

    }
    

    .is-smartphone main {
        padding: 1em; /* Adjust padding for better spacing */
    }

    .is-smartphone section {
        width: 90%; /* Use more of the screen width */
        /*margin: 18.5% auto 5%;*/ /* Increased margin-top by 5px to move it down */
        margin-top: 200px;
        max-width: 90%; /* Ensure it doesn't exceed this width */
    }

    .is-smartphone h2 {
        font-size: 1.65em; /* Larger heading for better visibility */
    }

    .is-smartphone input[type="text"],
    .is-smartphone input[type="email"],
    .is-smartphone input[type="tel"],
    .is-smartphone input[type="password"] {
        padding: 0.8em; /* Increase input padding for easier tapping */
    }
    
}

/*           Smartphone    device # = (21)    tested on = 1275px    (min-width: 1251px) and (max-width: 1300px) { }   ending        */


/*           Smartphone    device # = (22)    tested on = 1325px    (min-width: 1301px) and (max-width: 1350px) { }   starting        */

@media only screen and (min-width: 1301px) and (max-width: 1350px) {

    html, body.is-smartphone {
        overflow-x: hidden; /* Prevent horizontal overflow */
   /*     background-color: rgb(202, 191, 212);*/
   /*background-color: azure;*/
    }
    
    body.is-smartphone {
        /*height: 930px; */
height: 1400px; 

    }
    

    .is-smartphone main {
        padding: 1em; /* Adjust padding for better spacing */
    }

    .is-smartphone section {
        width: 90%; /* Use more of the screen width */
        /*margin: 18.5% auto 5%;*/ /* Increased margin-top by 5px to move it down */
        margin-top: 200px;
        max-width: 90%; /* Ensure it doesn't exceed this width */
    }

    .is-smartphone h2 {
        font-size: 1.65em; /* Larger heading for better visibility */
    }

    .is-smartphone input[type="text"],
    .is-smartphone input[type="email"],
    .is-smartphone input[type="tel"],
    .is-smartphone input[type="password"] {
        padding: 0.8em; /* Increase input padding for easier tapping */
    }
    
}

/*           Smartphone    device # = (22)    tested on = 1325px    (min-width: 1301px) and (max-width: 1350px) { }   ending        */

/*           Smartphone    device # = (23)    (min-width: 1351px) { }   starting        */

@media only screen and (min-width: 1351px) {
    /* Your styles for screens wider than 1350px go here */

    html, body.is-smartphone {
        overflow-x: hidden; /* Prevent horizontal overflow */
   /*     background-color: rgb(202, 191, 212);*/
   /*background-color: azure;*/
    }
    
    body.is-smartphone {
        /*height: 930px; */
height: 1400px; 

    }
    

    .is-smartphone main {
        padding: 1em; /* Adjust padding for better spacing */
    }

    .is-smartphone section {
        width: 90%; /* Use more of the screen width */
        /*margin: 18.5% auto 5%;*/ /* Increased margin-top by 5px to move it down */
        margin-top: 200px;
        max-width: 90%; /* Ensure it doesn't exceed this width */
    }

    .is-smartphone h2 {
        font-size: 1.65em; /* Larger heading for better visibility */
    }

    .is-smartphone input[type="text"],
    .is-smartphone input[type="email"],
    .is-smartphone input[type="tel"],
    .is-smartphone input[type="password"] {
        padding: 0.8em; /* Increase input padding for easier tapping */
    }

}

/*           Smartphone    device # = (23)    (min-width: 1351px) { }   ending        */