.active3 {color: var(--color1);}
.x4f1 {flex-basis: 50%; margin: 0 auto; }
.x4d3 { margin-bottom: 15px;}
input, .x4t1 { padding: 10px; border: none; background-color: var(--color7); box-sizing: border-box;}
input[type="email"], .x4t1 { width: 100%; margin-right: 0;}
.x4t1 { height: 100px; resize: none;}
.x4bt1 { display: block; width: 100%; padding: 5px; background-color: var(--color1); color: white; border: none; border-radius: 50px; cursor: pointer;}
.x4in1 {width: 47%;}
.x4hh1 {    line-height: 50px;
    padding: 20px 0;
    font-size: 48px;}
#x4d2 { margin-top: 60px; margin-bottom: 60px;}
#x4if1 {width: 100%;}
#x4d4 {display: flex; flex-direction: column; position: absolute; top: 32%; right: 6%;}
.x4i2 {width: 25px; padding: 13px 0;}
#x4i3 {width: 17px;}

#d1 { padding: 15px 0;}

 /* benefit section*/
 .x4d8 {flex-basis: 50%;}
    .x4h1 {line-height: 50px; padding: 20px 0;}
    .x4li1 {font-family: var(--font2); font-size: 24px;}
    #x4u1 { list-style-type: none; margin-left: 25px;}
    .x4li1 { padding: 10px 20px;  position: relative;  color:var(--color5); font-size: 20px; line-height: 30px;}
    .x4li1::before { content: '✓';  position: absolute;  left: -20px;   color:var(--color1);  
        font-size: 23px; }

 @media screen and (max-width: 1200px) {
.x4h1{
    font-size: 40px;
    line-height: 40px;
    padding-inline: 13px;
}
.x4hh1{
    font-size: 40px;
    line-height: 40px;
}
 }


/* Responsive styles */
@media (max-width: 768px) {
    #x4d2 {
        flex-direction: column; /* Stack elements vertically */
        align-items: center;
        text-align: center; /* Center-align content */

    }

    .x4d3 {
        flex-basis: 100%; /* Make divs take full width */
        margin-bottom: 10px;
        text-align: start;
    }

    .x4h1 {
        font-size: 40px; /* Adjust font size for smaller screens */
        line-height: 45px;
        padding: 10px 0;
        margin-bottom: 15px;
        text-align: left;
    }

    #x4u1 {
        margin: 0; /* Adjust margins for list */
        padding: 0;
        text-align: left;
    }

    .x4li1 {
        font-size: px; /* Reduce font size for list items */
        padding: 12px 26px;
    }

    .x4li1::before {

        left: 0px; /* Reduce left spacing */
    }

    .x4f1 {
        padding: 10px; /* Reduce form padding */
        margin: 0 auto; /* Center-align form */
        width: 96%; /* Ensure form takes full width */
        margin-top: 50px;
    }

    .x4in1 {
        width: 100%; /* Inputs span full width on small screens */
    }
    #z1p100 {
        justify-content: center;
    }

    input[type="email"], .x4t1 {
        width: 100%; /* Full width for email and textarea */
    }

    .x4t1 {
        height: 80px; /* Adjust height of the textarea */
    }

    .x4bt1 {
        padding: 10px; /* Adjust button size */
        font-size: 16px; /* Adjust button text size */
        border-radius: 30px; /* Keep rounded corners */
    }

    .x4hh1 {
        font-size: 40px; /* Adjust subheading font size */
        line-height: 45px;
        padding: 10px 0;
        margin-bottom: 30px;
        text-align: left;
    }
}

/* Additional responsive styles for very small screens */
@media (max-width: 480px) {
    .x4d3 {
        flex-direction: column;
        margin-bottom: 0px;
    }
    .z1dd33 , .x4in1 {
    width: 100% !important;
   }
   .z1in1 {
    margin-bottom: 10px;
   }
}