.about-container {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:50px 20px;
    max-width:1200px;
    margin:0 auto
    }
    
    .text-content {
    flex:1;
    padding-right:40px
    }
    
    .text-content h1 {
    font-size:2.5em;
    margin-bottom:20px;
    position:relative;
    display:inline-block
    }
    
    .text-content h1::after {
    content:'';
    position:absolute;
    left:0;
    bottom:-5px;
    width:50%;
    height:3px;
    background-color:#005081
    }
    
    .text-content p {
    font-size:1.1em;
    line-height:1.6
    }
    
    .image-container {
    flex:1;
    display:flex;
    justify-content:center;
    align-items:center
    }
    
    .animated-image {
    max-width:100%;
    height:auto
    }
    
    @media (max-width: 768px) {
    .about-container {
    flex-direction:column-reverse
    }
    
    .text-content,.image-container {
    width:100%;
    padding:20px 0
    }
    
    .text-content {
    padding-right:0
    }
    }
    
    .container-career {
    max-width:1300px;
    margin:0 auto;
    padding:2rem
    }
    
    .main-content {
    background-color:var(--card-bg);
    border-radius:8px;
    box-shadow:0 2px 10px rgba(0,0,0,0.1);
    padding:2rem;
    margin-bottom:2rem;
    margin-top:2rem
    }
    
    .head-career {
    font-size:1.8rem;
    color:#005081;
    margin-bottom:1rem
    }
    
    .main-content,.reason-carrer p {
    margin-bottom:1.5rem
    }
    
    .main-content h2 {
    color:#be1800
    }
    
    .reasons-career {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:1.5rem;
    margin-top:2rem
    }
    
    .reason-carrer {
    background-color:var(--card-bg);
    border-radius:8px;
    box-shadow:0 2px 10px rgba(0,0,0,0.1);
    padding:1.5rem;
    transition:transform .3s ease
    }
    
    .reasons-career .reason-carrer:hover {
    transform:translateY(-5px)
    }
    
    .reason-career h3 {
    font-size:1.2rem;
    color:var(--primary-color);
    margin-bottom:.5rem
    }
    
    @media (max-width: 768px) {
    .container-career {
    padding:1rem
    }
    
    .main-content,.reason-career {
    padding:1.5rem
    }
    }