.p1-sec-one {
    margin: 5% 5%;
}

.p1-sec-one div {
    width: 50%;
}

.p1-hero-text-span {
    color: #00b899;
}

.p1-sec-one button, .p1-sec-4 button{
    border: none;
    border-radius: 5px;
    color: #333;
    background-color: #00b899;
    padding: 1% 2%;
    margin: 2% 0;
    font-size: 1.5vw;
}

.preview-size {
    width: 100%;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.p1-sec-two {
    margin: 7.5% 0%;
    padding: 2% 0%;
    background-color: #F3F8FF;
}

.p1-sec-two h2{
    margin: 0 0 !important;
}
@media screen and (max-width:576px) {
    .p1-sec-one {
        margin: 10% 5%;
        display: flex;
        flex-direction: column !important;
        text-align: center;
    }

    .p1-sec-one div {
        margin: 10% 0;
        width: 100%;
    }

    .Ul-info li {
        margin: 5% 0;
        list-style: none;
        text-align: left;
    
    }
    
    .Ul-info li:before {
        margin: 2.5%;
        content: '✓';
    }

    .p1-sec-4 div{
        margin: 10% 0% 10% 0% !important;
        width: 100% !important;
    }
    

    .p1-sec-one h2{
        width: 80%;
        margin: 5% auto !important;
    }
    

}

.Ul-info li {
    margin: 5% 0;
    list-style: none;

}

.Ul-info li:before {
    margin: 5%;
    content: '✓';
}

.p1-sec-4{
    margin: 5%;
}
.p1-sec-4 div{
    width: 70%;
    margin: 0 auto;
    text-align: justify;
}


.p1-sec-one-1{
    flex-direction: row-reverse;
}