.top_header_group {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.menu_nav {
    justify-content: center;
    flex-direction: row;
    padding-left: 1rem;
    padding-right: 1rem;
    gap: 36px;
    margin-right: 6rem;
}
li.group1.relative:hover .left-0 {
    display: block;
    position: absolute;
    width: 260px;
    padding-inline: 1;
}

li.group1.relative .left-0 a {
    padding-inline: 1rem;
    padding-block: 1rem;
    border-bottom: 1px solid #ddd;
}

.contact_only p {
    margin: 0;
    color: #000;
}
.top_contact_number a {
    color: var(--gray-text-color);
}

.top_contact_number a:hover {
    color: #4b8db9;
}


.top_contact_number {
    color: var(--gray-text-color)
}

.nav_other_panel {
    padding-right: 0;
    padding-left: 0rem;
}

.menu_nav li a {
    color: var(--dark-text-color);
    text-transform: uppercase;
    font-weight: 600;
}

.bg-\[var\(--dark-background-color\)\] {
    background-color: var(--dark-background-color);
}


.bg-\[var\(--primary-color\)\] {
    background-color: var(--primary-color);
}

.w-1\/4 {
    width: 25%;
}

.to-50\% {
    --tw-gradient-to-position: 50%;
}



.from-50\% {
    --tw-gradient-from-position: 50%;
}

.from-\[var\(--dark-background-color\)\] {
    --tw-gradient-from: var(--dark-background-color) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-\[var\(--primary-color\)\] {
    --tw-gradient-to: var(--primary-color) var(--tw-gradient-to-position);
}

.bg-gradient-to-tr {
    background-image: linear-gradient(to top right, var(--tw-gradient-stops));
}

.w-10 {
    width: 2.5rem;
}

.h-12 {
    height: 3rem;
}

.bg-\[var\(--dark-background-color\)\] {
    background-color: var(--dark-background-color);
}

.w-1\/2 {
    width: 50%;
}

.h-full {
    height: 100%;
}

.left-0 {
    left: 0px;
}

.right-0 {
    right: 0px;
}

.bg-\[\#ffffff\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.rounded-full {
    border-radius: 9999px;
}

.w-6 {
    width: 1.5rem;
}

.h-6 {
    height: 1.5rem;
}

.items-center {
    align-items: center;
}

.justify-center {
    justify-content: center;
}

.mr-3 {
    margin-right: 0.75rem;
}

.text-\[var\(--primary-color\)\] {
    color: var(--primary-color);
}

.text-\[var\(--primary-color\)\] {
    color: var(--primary-color);
}

.mr-4 {
    margin-right: 1rem;
}

.text-\[var\(--light-text-color\)\] {
    color: var(--light-text-color);
}

.font-thin {
    font-weight: 300;
}

.rounded-full {
    border-radius: 9999px;
}

.bg-\[var\(--primary-button-bg-color\)\] {
    background-color: var(--primary-button-bg-color);
}

.w-12 {
    width: 3rem;
}

.h-12 {
    height: 3rem;
}

.text-\[var\(--primary-button-text-color\)\] {
    color: var(--primary-button-text-color);
}

header {
    position: fixed;
    width: 100%;
    z-index: 999;
    background: #fff;
    transform: translate(0px, 0px);
    transition: .5s ease all;
}
@media (min-width:1023px) {
    header.header-sticky {
            transform: translate(0px, -50px);
            box-shadow: 1px 1px 10px #e1e1e1;
        }
    
}



@media (min-width: 1536px) {
    .\32xl\:pr-32 {
        padding-right: 8rem;
    }
}

@media (min-width: 1024px) {
    .lg\:mt-0 {
        margin-top: 0px !important;
        margin-right: 50px;
    }
}

@media (min-width: 1024px) {
    .group:hover .lg\:group-hover\:block {
        display: block;
        position: absolute;
    }
}

@media (min-width: 1024px) {
    .lg\:pt-2 {
        padding-top: 0.5rem;
    }
}

@media (min-width: 1024px) {
    .nav-btn {
        display: none;
    }

    .group .lg\:w-\[260px\] {
        width: 260px;
    }

    .lg\:shadow-sm {
        --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
        --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .lg\:border-gray-200 {
        --tw-border-opacity: 1;
        border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
    }

    li.group.relative .left-0 a {
        border-bottom: 1px solid #ddd;
        padding: 1rem;
        display: block;
    }

    .lg\:border {
        border-width: 1px;
    }

    .lg\:rounded-lg {
        border-radius: 0.5rem;
    }

    .group:hover .lg\:group-hover\:rotate-\[180deg\] {
        rotate: 180deg;
    }

}

li.group.relative .left-0 a:last-child {
    border: 0;
}

.p-1\.5 {
    padding: 0.375rem;
}

i.fa-solid.fa-angle-down.ml-1.transition-\[\'rotate\'\].lg\:group-hover\:rotate-\[180deg\] {
    transition: .5s ease all;
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.naigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (max-width:1023px) {
    .items {
        position: relative;
        overflow: hidden;
        width: 100%;
        padding-bottom: 100%;
    }

    .nav-btn {
        padding-inline: 1rem;
    }

    .menu_nav {
        gap: 22px;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .top_header_group {
        position: relative;
    }

    .naigation.active {
        display: flex !important;
        flex-wrap: wrap;
        width: 100%;
        position: absolute;
        top: 100%;
        background: #fff;
        z-index: 999;
    }

    .naigation {
        padding: 3rem 1rem;
    }

    .menu_nav {
        gap: 22px;
        width: 100%;
    }

    .contact-pan.active1 {
        display: flex !important;
        /* position: absolute; */
        bottom: -19rem;
        order: 4;
        z-index: 999;
        background: #fff;
        width: 100%;
        padding-bottom: 2rem;
    }

    .left-0.active2 {
        display: block;
    }

    .left-0.active2 .mt-2 {
        padding: 0px;
        margin-top: 1rem !important;
        display: block;
    }

    .left-0.active2 a {
        padding: 0 !important;
        display: block;
        margin-bottom: .8rem;
        border: 0;
    }

}

@media (max-width:1530px) {
    .menu_nav {
        margin-right: 3rem;
    }

}
@media (max-width:600px) {
    .top_contact_number {
            font-size: 15px;
        }
                .ab-right {
                    padding-right: 0;
                }
    
}


.for_desktop_nav {
    display: block;
}

.for_mobile_nav {
    display: none;
}

@media(min-width:1001px)
{
    .submenu-bar {
    display: none;
    position:absolute;
    width: 240px;
    left: -16px;
    top: 100%;
}

li.group1.relative:hover .submenu-bar {
    display: block; 
}


.submenu-bar  a {
    padding: 1rem;
    border-bottom: 1px solid #ddd;
}

}
a.lg\:hidden.flex.justify-between.items-center.text-sm.tracking-widest.for_mobile_nav {
    display: none;
}

@media (max-width:1000px) {
    .submenu-bar {
    display: none;
    padding-inline: 1rem;
}
    
    .for_desktop_nav {
    display: none!important;
}

.for_mobile_nav {
    display: block;
}
li.group1.relative:hover .left-0 {

    z-index: 9999;
}
a.lg\:hidden.flex.justify-between.items-center.text-sm.tracking-widest.for_mobile_nav {
    display: block;
}
.submenu-bar {
    padding: .5rem !important;
}
    
}

@media (min-width:1001px) {

li.group.relative:hover .submenu-bar.active2 {
    display: block!important;
    background: #fff;
  
}
}