.custom-padding {
    
    padding-top: 40px;
    padding-bottom: 40px;
}


@media (min-width: 1024px) {
    .custom-padding {
        
        padding-top: clamp(64px, 6.25vw, 160px);
        padding-bottom: clamp(64px, 6.25vw, 160px);
    }
}


@media (min-width: 2560px) {
    .custom-padding {
        padding-top: 160px;
        padding-bottom: 160px;
    }
}

 ==============*/



.fluid-img-s2 {
    
    width: 100%;
    height: auto;
    object-fit: cover; 
}


@media (min-width: 1024px) {
    .fluid-img-s2 {
        
        min-width: clamp(285px, 27.89vw, 714px);
    }
}


.element1 {
    
    max-width: clamp(30%, 14.06vw, 40%);;
}


@media (min-width: 1024px) {
    .element1 {
        
        min-width: clamp(144px, 14.06vw, 360px);
        
        
        width: auto; 
    }
}


.pd-responsive {
    padding: var(--space-base);
}


.pd-y-responsive {
    padding-top: var(--space-base);
    padding-bottom: var(--space-base);
}


.pd-x-responsive {
    padding-left: var(--space-base);
    padding-right: var(--space-base);
}


.pd-section {
    padding: var(--space-lg); 
}