/* white you custom css code here. only css code will work */

/* Default text size for larger screens (desktops) */
.header-inner {
    font-size: 3rem;
    line-height: 1.2;
}

/* Adjust text size for tablets */
@media (max-width: 1024px) {
    .header-inner {
        font-size: 2.5rem;
        line-height: 1.3;
    }
}

/* Adjust text size for mobile devices */
@media (max-width: 768px) {
    .header-inner {
        font-size: 2rem;
        line-height: 1.4;
    }
}

/* Further reduce text size for smaller mobile screens */
@media (max-width: 480px) {
    .slider-text {
        font-size: 1.5rem;
        line-height: 1.5;
    }
}