canvas {
    max-width: 100%;
}

.uza-contact-form .form-control:focus {
    border-color: red !important;
}

@media(max-width:1920px) {
    .desk {
        display: block;
    }

    .mob {
        display: none;
    }

    .single-welcome-slide .welcome-text {
        margin-top: 5rem;
    }
}

@media (Max-width:482px) {
    .desk {
        display: none !important;
    }

    .mob {
        display: block !important;
    }

    .mobPata1 {
        margin-top: 7rem;
    }
}




.uza-about-us-area {
    background-color: #f3f3f3;
    padding-top: 20px;
    padding-bottom: 5px !important;
}

/*------------NEW CSS --------------------*/

/* =============================
   CLEAN DROPDOWN SYSTEM
============================= */

/* Base menu layout */
.classynav > ul {
    display: flex;
    align-items: center;
    gap: 40px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.classynav li {
    position: relative;
}

.classynav a {
    display: block;
    padding: 20px 0;
    text-decoration: none;
    font-size: 15px;
    font-weight: 400;
    color: #222;
}

/* Hide ALL dropdowns */
.classynav ul.dropdown {
    display: none;
    position: absolute;
    background: #fff;
    min-width: 240px;
    padding: 15px 0;
    border-radius: 12px;
    box-shadow: 0 20px 40px rgba(0,0,0,.1);
    z-index: 9999;
}

/* First level dropdown */
.classynav > ul > li > ul.dropdown {
    top: 100%;
    left: 0;
}

    /* Second level dropdown */
    .classynav > ul > li > ul.dropdown > li > ul.dropdown {
        top: 0;
        left: 100%;
    }

/* Show ONLY first level */
.classynav > ul > li:hover > ul.dropdown {
    display: block;
}

/* Show ONLY hovered second level */
.classynav > ul > li > ul.dropdown > li:hover > ul.dropdown {
    display: block;
}

/* Dropdown links */
.classynav ul.dropdown li a {
    padding: 10px 25px;
    font-size: 14px;
    white-space: nowrap;
}

    .classynav ul.dropdown li a:hover {
        background: #f5f8fc;
        color: #1e88e5;
    }

    /*--------Sticky Menu CSS----*/

/* Sticky Header */
.header-area {
    position: sticky;
    top: 0;
    width: 100%;
    background: #ffffff;
    z-index: 99999;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

/* Optional smooth look */
.main-header-area {
    background: #ffffff;
}

/*-------Menu on top CSS--------*/
/* Header container */
.main-header-area {
    padding: 0;
}

/* Navbar full alignment */
.classy-navbar {
    display: flex;
    align-items: center; /* vertical align center */
    justify-content: space-between;
    min-height: 80px; /* adjust if needed */
}

/* Logo fix */
.logo img {
    height: 65px; /* adjust as needed */
    display: block;
}

/* Menu alignment */
.classynav {
    display: flex;
    align-items: center;
}

    /* Remove unwanted spacing */
    .classynav > ul {
        display: flex;
        align-items: center;
        gap: 35px;
        margin: 0;
    }


/* ============================= */
/* MOBILE MENU */
/* ============================= */

/* Hide hamburger on desktop */
.classy-navbar-toggler {
    display: none;
}

/* Show hamburger on mobile */
@media (max-width: 991px) {
    .classy-navbar-toggler {
        display: block;
    }
}

.classy-menu {
    transition: all 0.3s ease;
}

/*--------------------------*/


@media (max-width: 991px) {

    /* Hide menu initially */
    .classy-menu {
        display: none !important;
        width: 100%;
        background: #ffffff;
        position: absolute;
        top: 100%;
        left: 0;
        padding: 10px 0;
        box-shadow: 0 10px 25px rgba(0,0,0,.08);
    }

        /* When toggled */
        .classy-menu.active {
            display: block !important;
        }

    /* Stack menu vertically */
    .classynav ul {
        display: block;
    }

        .classynav ul li {
            display: block;
            border-bottom: 1px solid #eee;
        }

            .classynav ul li a {
                display: block;
                padding: 12px 20px;
            }

        /* Submenus */
        .classynav ul ul {
            display: none;
            position: static;
            box-shadow: none;
            padding-left: 15px;
        }

    .classynav li.open > ul {
        display: block;
    }
}

/*------------NEW CSS for HAMBERGER MENU--------------*/


/* =========================
   MOBILE NAV FIX
========================= */

/* Header Layout */
.classy-navbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

/* Hamburger hidden on desktop */
.classy-navbar-toggler {
    display: none;
    cursor: pointer;
    margin-left: auto;
    z-index: 9999;
}

    .classy-navbar-toggler .navbarToggler span {
        display: block;
        width: 26px;
        height: 3px;
        background: #222;
        margin: 5px 0;
    }

/* Mobile */
@media (max-width: 991px) {

    /* Show hamburger */
    .classy-navbar-toggler {
        display: block !important;
    }

    /* Hide menu initially */
    .classy-menu {
        display: none !important;
        width: 100%;
        background: #ffffff;
        position: absolute;
        top: 100%;
        left: 0;
        box-shadow: 0 10px 30px rgba(0,0,0,.08);
    }

        /* Show when active */
        .classy-menu.active {
            display: block !important;
        }

    /* Vertical layout */
    .classynav ul {
        display: block;
    }

        .classynav ul li {
            display: block;
            border-bottom: 1px solid #eee;
        }

            .classynav ul li a {
                padding: 12px 20px;
                display: block;
            }

        /* Submenus */
        .classynav ul ul {
            display: none;
            position: static;
            box-shadow: none;
            padding-left: 15px;
        }

    .classynav li.open > ul {
        display: block;
    }
}

/*-----------service menu fix on mobile view--------------*/
/* ============================= */
/* MOBILE CLEAN SUBMENU FIX */
/* ============================= */

@media (max-width: 991px) {

    /* Make menu full width clean */
    .classy-menu {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: #ffffff;
        box-shadow: 0 8px 20px rgba(0,0,0,0.08);
    }

    /* Remove all absolute positioning */
    .classynav ul ul {
        position: static !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        background: #f9f9f9;
        padding-left: 15px;
        display: none;
    }

        /* Remove desktop second level offset */
        .classynav ul ul li > ul {
            left: 0 !important;
            top: 0 !important;
        }

    /* Show submenu only when open */
    .classynav li.open > ul {
        display: block !important;
    }

    /* Clean spacing */
    .classynav ul li {
        border-bottom: 1px solid #eee;
    }

        .classynav ul li a {
            padding: 12px 18px;
        }
}

/*-------------------------*/

.breadcrumb-area,
.uza-about-us-area,
.container,
.container-fluid {
    position: relative;
    z-index: 1;
}


.breadcrumb-bg-curve,
.background-curve {
    pointer-events: none;
    z-index: 0;
}

.classynav ul ul {
    z-index: 1000;
}