/***** WI Header Section Start *****/
#header {
    width: 100%;
    height: auto;
    position: sticky;
    left: 0;
    top: 0;
    z-index: 999;
    background: var(--background-light);
    box-shadow: var(--shadow-soft);
    border-bottom: 1px solid var(--border-light);
    transition: var(--transition-smooth);
    -webkit-transition: var(--transition-smooth);
    -moz-transition: var(--transition-smooth);
    -ms-transition: var(--transition-smooth);
    -o-transition: var(--transition-smooth);
}

/***** WI Header Top Section Start *****/
.vdtpl2vi-header-top {
    width: 100%;
}

/***** WI Header Top Section End *****/

/***** WI Header Nav Section Start *****/
.vdtpl2vi-header-nav {
    width: 100%;
}

.vdtpl2vi-header-nav .main {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.vdtpl2vi-header-nav .main .n-left .logo {
    width: 287px;
    height: 67px;
}

.vdtpl2vi-header-nav .main .n-left .logo img {
    width: 100%;
    height: 100%;
}

.vdtpl2vi-header-nav .n-right {
    display: flex;
    align-items: center;
    gap: 20px;
}

/* Navigation */
.vdtpl2vi-header-nav .n-right .n-right01 nav ul {
    display: flex;
    gap: 5px;
}

/* Parent list item */
/* .has-drop-downmenu {
    position: relative;
} */
.vdtpl2vi-header-nav .n-right .n-right01 nav ul li a {
    display: block;
    text-transform: uppercase;
    padding: 30px 8px;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    color: var(--text-dark);
    transition: var(--transition-fast);
}

.vdtpl2vi-header-nav .n-right .n-right01 nav ul li a .arrow {
    display: inline-block;
    margin-left: 6px;
    width: 8px;
    height: 8px;
    border-right: 2px solid var(--text-dark);
    border-bottom: 2px solid var(--text-dark);
    top: -1px;
    position: relative;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transition: var(--transition-fast);
    -webkit-transition: var(--transition-fast);
    -moz-transition: var(--transition-fast);
    -ms-transition: var(--transition-fast);
    -o-transition: var(--transition-fast);
}

.vdtpl2vi-header-nav .n-right .n-right01 nav ul li:hover a .arrow {
    transform: rotate(-135deg);
    border-right-color: var(--primary-blue);
    border-bottom-color: var(--primary-blue);
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
}

.vdtpl2vi-header-nav .n-right .n-right01 nav ul li a::after {
    content: "";
    width: 0;
    height: 2px;
    background: var(--primary-blue);
    position: absolute;
    left: 50%;
    bottom: 18px;
    transform: translateX(-50%);
    transition: var(--transition-fast);
    -webkit-transition: var(--transition-fast);
    -moz-transition: var(--transition-fast);
    -ms-transition: var(--transition-fast);
    -o-transition: var(--transition-fast);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.vdtpl2vi-header-nav .n-right nav ul li a:hover::after,
.vdtpl2vi-header-nav .n-right nav ul li a.active::after {
    width: 80%;
}

/* drop-down Menu Box */
.drop-down-menu {
    position: absolute;
    left: 7.5%;
    top: 100%;
    width: 84.5%;
    background: var(--text-light);
    padding: 20px 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(0px);
    box-shadow: var(--shadow-medium);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    transition: var(--transition-smooth);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    -webkit-transition: var(--transition-smooth);
    -moz-transition: var(--transition-smooth);
    -ms-transition: var(--transition-smooth);
    -o-transition: var(--transition-smooth);
}

/* Show on hover */
.has-drop-downmenu:hover .drop-down-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.drop-down-menu .drop-down-container {
    width: 100%;
    display: flex;
    /* gap: 50px; */
}

.drop-down-menu .drop-down-container .drop-down-left {
    width: 30%;
    background: var(--background-light);
    padding: 30px 30px 15px;
    border-radius: var(--border-radius);
}

.drop-down-menu .drop-down-container .drop-down-right {
    width: 70%;
    padding: 30px;
}

.drop-down-menu .drop-down-container .drop-down-right .inner {
    display: flex;
    gap: 40px;
}

/* Headings */
.drop-down-menu .drop-down-container .heading {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    color: var(--primary-dark);
    border-bottom: 1px solid var(--border-light);
    padding-bottom: 13px;
}

.drop-down-menu .drop-down-container h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
     color: var(--primary-dark);
}

.drop-down-menu .drop-down-container ul {
    display: block !important;
}
.drop-down-menu .drop-down-container ul li a::after {
    display: none;
}

.drop-down-menu .drop-down-container ul li a {
    margin-bottom: 10px;
    padding: 0px !important;
}

.drop-down-menu .drop-down-container .drop-down-left ul li a {
    color: var(--text-dark) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    cursor: pointer !important;
    transition: var(--transition-fast) !important;
    -webkit-transition: var(--transition-fast) !important;
    -moz-transition: var(--transition-fast) !important;
    -ms-transition: var(--transition-fast) !important;
    -o-transition: var(--transition-fast) !important;
}

.drop-down-menu .drop-down-container .drop-down-left ul li a:hover {
    color: var(--primary-blue) !important;
}

.drop-down-menu .drop-down-container .drop-down-right .inner .col ul li a {
    color: var(--text-dark) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    cursor: pointer !important;
    transition: var(--transition-fast) !important;
    -webkit-transition: var(--transition-fast) !important;
    -moz-transition: var(--transition-fast) !important;
    -ms-transition: var(--transition-fast) !important;
    -o-transition: var(--transition-fast) !important;
}

.drop-down-menu .drop-down-container .drop-down-right .inner .col ul li a:hover {
    color: var(--primary-blue) !important;
}


@media (max-width: 1644px) {
    #header .vdtpl2vi-header-nav {
        padding: 0 32px;
    }
}


/***** WI Header Nav Section End *****/
/***** WI Header Section End *****/