.pro-main{
display: flex;
width:100%;

justify-content: space-evenly;
margin:auto;
gap:70px;
width:90%;
margin-top:55px;
margin-bottom: 300px;
}
.pro-content{
    display:flex;
    flex-direction: column;
    
}
.pro-text-image
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap:70px;

}
.pro-content p{
  padding: 10px 0;
  margin: 0;
}
.pro-content span{
    font-family: Lato;
font-size: 16px;
font-weight: 500;
line-height: 19.2px;
letter-spacing: 0.02em;
text-align: justify;
text-justify: inter-word;
color:#436067;

padding: 0px;
}
.pro-content button{
  

max-height:81px;
height:100%;

border: 2px solid #FFFFFF;
background: #24A982; color:#FFFFFF;
font-family: Lato;
font-size: 22px;
font-weight: 700;
line-height: 26.4px;
letter-spacing: 0.03em;
text-align: center;

justify-content: space-around;


}
.pro-content h1{
font-size: 30px;
text-align: left;

}

.pro-main {
    padding: 150px 0 70px;
}

        @media (max-width: 1400px) {
            .pro-main {
                flex-direction: column;
                align-items: center;
            }
            .pro-content {
                width: 100%;
                align-items: center;
                text-align: center;
            }
            .pro-content h1 {
                font-size: 36px;
            }
            .pro-content p, .pro-content span {
                font-size: 14px;
            }
            .pro-content button {
                width: 100%;
                height: 80px;
                font-size: 18px;
            }
            .pro-text-image img {
                width: 80%;
            }
            .pro-text-image img:nth-child(1) {
                display: none;
            }
            .pro-text-image img:nth-child(2) {
            margin-left: 0px;
            }
            .pro-text-image
            {
justify-content: center;
align-items: center;
            }
        }


@media (max-width:767px){
    .pro-main {
    padding: 90px 0 30px;
    gap: 20px;
}
.pro-text-image {
    width: 100% !important;
    max-width: 100% !important;
}
}
        @media (max-width: 480px) {
            .pro-content h1 {
                font-size: 28px;
            }
            .pro-content p, .pro-content span {
                font-size: 12px;
            }
            .pro-content button {
                height: 100%;
                font-size: 16px;
            }
            .pro-text-image img {
                width: 100%;
            }

        }