.headerSection {
    display: flex;
    padding: 100px 390px 42px;
    gap: 20px;
    align-items: center;
}

    .headerSection .textContainer {
        gap: 0.5rem;
        display: flex;
        flex-direction: column;
        width: 54%;
    }


.updateCard {
    padding: 42px 30px;
    margin: 48px 390px 64px;
    border-radius: 10px;
    background-color: #F4F4FF;
    gap: 24px;
    display: flex;
    flex-direction: column;
}
   
    .updateCard ul {
        display: contents;
        list-style-type: none;
        padding: unset;
    }
    .updateCard li {
        display: flex;
        gap: .5rem;
        align-items: center;
    }
        .updateCard li img {
            width: 25px;
            height: 25px;
            margin-left: 0.5rem;
        }


@media screen and (max-width:1440px) {
    .headerSection {
        padding: 100px 190px 0;  
    }

    .updateCard {
        margin: 48px 190px 64px;
    }
}

@media screen and (max-width:768px) {
    .headerSection {
        flex-direction: column-reverse;
        padding: 48px 20px 0;
        gap: 32px;
    }

        .headerSection .textContainer {
            width: 100%;
        }

        .headerSection img {
            width: 100%;
        }
        
    .updateCard {
        padding: 26px 13px 26px ;
        margin: 32px 20px;
        gap: 21px;  
    }

       

        .updateCard li {
           
            align-items: flex-start;
        }
        .updateCard li p{
          font-size: 16px !important;
        }
       
}