@media (max-width: 1752px){
    .hero-section {
        padding-top: 135px;
    }
}
@media (max-width: 1024px){
    #main {
        padding-top: 0;
    }
    .hero-section {
        padding-top: 20px;
    }
    .max-md\:h-35 {
        height: calc(var(--spacing) * 35);
    } 
    .max-md\:w-55{
        width: calc(var(--spacing) * 55);
    }
    .max-md\:mb-10{
        margin-bottom: calc(var(--spacing) * 10);
    }
}