@media(max-width:1024px) {
    .main-nav-list {
        gap: 4.4rem;
    }

    .header {
        padding: 0px 20px;
    }
    .hero-description{
        padding: 0 20px;
    }
    .confirm-main{
        padding-top: 3rem;
    }
}

@media(max-width:768px) {
    .confirm-main{
        padding-top: 0;
    }
    .confirm-desc{
        max-width: 80%;
    }
}


@media(max-width:425px) {
    .logo {
        width: 80px;
    }

    .hero-description {
        padding: 0px;
    }
    .confirm-heading{
        font-size: 2.8rem;
    }
    .confirm-desc{
        max-width: 100%;
    }
}