.container-image1 {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:20px;
    max-width:1200px;
    margin:0 auto
    }
    
    .text-content {
    flex:1;
    padding-right:20px
    }
    
    .text-content h1 {
    font-size:45px
    }
    
    .text-content p {
    font-size:20px
    }
    
    .image-container {
    flex:1;
    display:flex;
    justify-content:center;
    align-items:center
    }
    
    .animated-image {
    max-width:100%;
    height:auto;
    transition:transform .5s ease
    }
    
    @media (max-width: 768px) {
    .container-image1 {
    flex-direction:column-reverse
    }
    
    .text-content,.image-container {
    width:100%;
    padding:10px 0
    }
    }
    
    .sub-btn button {
    background-color:#1662afe1;
    border:none;
    padding:10px 20px;
    border-radius:5px;
    cursor:pointer;
    text-decoration:none;
    color:#fff
    }
    
    .sub-btn button:hover {
    background-color:#be1800
    }
    
    .contact-container {
    display:flex;
    max-width:1200px;
    margin:2rem auto;
    padding:0 1rem
    }
    
    .contact-infoo {
    flex:1;
    padding-right:2rem
    }
    
    .contact-infoo h1 {
    font-size:2.5rem;
    margin-bottom:1.5rem
    }
    
    .contact-infoo p {
    margin-bottom:1rem
    }
    
    .form-containerr {
    flex:1;
    background-color:#fff;
    padding:2rem;
    border-radius:8px;
    box-shadow:0 0 10px rgba(0,0,0,0.208)
    }
    
    .form-containerr h2 {
    text-align:center;
    margin-bottom:1.5rem;
    color:#005081;
    font-weight:700;
    font-size:25px
    }
    
    .form-roww {
    display:flex;
    gap:1rem
    }
    
    .form-groupp {
    flex:1;
    position:relative
    }
    
    label {
    display:block;
    margin-bottom:.5rem
    }
    
    input,textarea {
    width:100%;
    padding:.5rem .5rem .5rem 2rem;
    background-color:#dddddd1e;
    border:1px solid #ddd;
    border-radius:4px;
    color:#000
    }
    
    textarea {
    height:100px
    }
    
    .form-groupp i {
    position:absolute;
    left:.5rem;
    top:2.7rem;
    color:#777
    }
    
    @media (max-width: 768px) {
    .contact-container {
    flex-direction:column
    }
    
    .contact-infoo,.form-containerr {
    padding:1rem
    }
    
    .form-roww {
    flex-direction:column;
    gap:0
    }
    
    .text-content h1 {
    font-size:30px
    }
    
    .text-content p {
    font-size:16px
    }
    }