.hero-bg {
    background: linear-gradient(to right, rgba(16, 48, 73, 0.9), rgba(16, 48, 73, 0.4)), url('https://smartgatewaysolutions.com/static/assets/images/hero-background-image.jpg');

    background-repeat: no-repeat;
    /* background-size: cover; */
    background-position: left center;
    object-fit:fill;
}
.diagonal-bg {
    clip-path: polygon(0 15%, 100% 0, 100% 85%, 0 100%);
}
/* Mobile Menu Animation */
#mobile-menu {
    transition: all 0.3s ease-in-out;
    transform: translateY(-20px);
    opacity: 0;
    pointer-events: none;
}
#mobile-menu.active {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
}

.sub-hero-bg {
    background: linear-gradient(to left, rgba(16, 48, 73, 0.8), rgba(16, 48, 73, 0.2)), 
                url('https://smartgatewaysolutions.com/static/assets/images/sub-hero.jpg');
    background-size: cover;
    background-position: center;
}
.sub-hero-two-bg{
    background: linear-gradient(to right, rgba(16, 48, 73, 0.8), rgba(16, 48, 73, 0.2)), 
                url('https://smartgatewaysolutions.com/static/assets/images/sub-hero-three.jpg');
    background-size: cover;
    background-position: center;
}

.calc-header {
    background: linear-gradient(to bottom, #103049, #1a4a6e);
}

input, select {
    outline: none;
    border: 1px solid #e2e8f0;
    transition: border-color 0.2s;
}

input:focus {
    border-color: #3b82f6;
}