/* ****** Header Menu Desktop ****** */
#menu-header-menu .menu-item a{text-decoration: none;color: #000000;padding-right: 1.5rem;padding-left: 1.5rem;position: relative;font-size: 16px;margin: 0;font-weight: 500;}
#menu-header-menu .menu-item:hover a{color: #0C388A;}
#menu-header-menu .menu-item.current-menu-item a{color: #4CC9FE;font-weight: 600;}


/* ****** submenu ****** */
#menu-header-menu #menu-item-20 {position: relative;}
#menu-header-menu #menu-item-20:hover{position: relative;}
#menu-header-menu #menu-item-20 .sub-menu {position: absolute;top: 110%;left: 0;min-width: 220px;cursor: pointer;padding: 0;list-style: none;background: rgba(255, 255, 255, 0.95);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border: 1px solid rgba(255, 255, 255, 0.3);border-radius: 12px;box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);transform-origin: top center;transform: scaleY(0) translateY(-20px);opacity: 0;visibility: hidden;transition: transform 0.35s cubic-bezier(0.23, 1, 0.32, 1),opacity 0.25s ease,visibility 0.25s ease;}
#menu-header-menu #menu-item-20:hover .sub-menu {transform: scaleY(1) translateY(0);opacity: 1;visibility: visible;width: max-content;}
#menu-header-menu #menu-item-20 .sub-menu li {padding: 0;border-bottom: 1px solid #f0f0f0;}
#menu-header-menu #menu-item-20 .sub-menu li:last-child {border-bottom: none;}
#menu-header-menu #menu-item-20 .sub-menu li a {display: block;padding: 11px 20px;color: #333 !important;text-decoration: none;font-size: 14px;}
#menu-header-menu #menu-item-20 .sub-menu li:hover {background: #59b6d9 !important;}
#menu-header-menu #menu-item-20 .sub-menu li:hover a {color: #fff !important;}
#menu-header-menu #menu-item-20 .sub-menu li.current-menu-item {background: #59b6d9;border-radius: 0;}
#menu-header-menu #menu-item-20 .sub-menu li.current-menu-item a {color: #fff !important;font-weight: 600;}
#menu-header-menu #menu-item-20 .sub-menu li:first-child {border-radius: 12px 12px 0 0;}
#menu-header-menu #menu-item-20 .sub-menu li:last-child {border-radius: 0 0 12px 12px;}





/* Submenu default hidden - JS style.display handle કરે છે */
.mobilemenu .navbar-nav .menu-item-has-children .sub-menu {
    display: none;
    position: static !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: none !important;
    border-radius: 0 !important;
    margin: 0 0 0 15px !important;
    padding: 0 !important;
    min-width: unset !important;
    width: auto !important;
    background: transparent !important;
    transition: none !important;
    list-style: disc !important;
}

.mobilemenu .navbar-nav .menu-item-has-children .sub-menu li {
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
}

.mobilemenu .navbar-nav .menu-item-has-children .sub-menu li:last-child {
    border-bottom: none !important;
}

.mobilemenu .navbar-nav .menu-item-has-children .sub-menu li a {
    display: block !important;
    padding: 10px 15px !important;
    color: #333 !important;
    text-decoration: none !important;
    font-size: 14px !important;
}

.mobilemenu .navbar-nav .menu-item-has-children .sub-menu li:hover {
    background: #59b6d9 !important;
}

.mobilemenu .navbar-nav .menu-item-has-children .sub-menu li:hover a {
    color: #fff !important;
}
.mobilemenu .navbar-nav .menu-item-has-children .sub-menu li::marker{
    color: #fff;
}

.mobilemenu .navbar-nav .menu-item-has-children .sub-menu li.open::after{
    color: #fff !important;
}




.captcha-box{color: #fff;}
.captcha-image{width: 100%;}




/* ****** Sticky Header ****** */
.header-tops{position: relative;width: 100%;z-index: 999;transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;}
.header-tops.sticky{position: fixed;top: 0;left: 0;width: 100%;background: #fff;box-shadow: 0 2px 10px rgba(0,0,0,0.1);animation: slideDown 0.35s ease forwards;}
@keyframes slideDown{
    from{transform: translateY(-100%);opacity: 0;}
    to{transform: translateY(0);opacity: 1;}
}


/* ******* Header Menu Mobile ******* */
#menu-header-menu-1 li a {color: #4A4A4A !important;font-weight: 500;text-decoration: none;
padding: 0 !important;
}
#menu-header-menu-1 li {padding: 12px 20px !important;font-size: 15px;font-weight: 500;letter-spacing: 0.4px;border-radius: 50px;position: relative;z-index: 2;}
#menu-header-menu-1 li.current_page_item, #menu-header-menu-1 li:hover {background-color: #0088ca;border-radius: 15px !important;}
#menu-header-menu-1 li.current_page_item a, #menu-header-menu-1 li:hover a {color: #FFF !important;
padding: 0 !important;
}
#menu-header-menu-1 li .sub-menu {position: absolute;top: 80%;left: 0;min-width: -webkit-fill-available;
	padding: 0;
	list-style: none;background: rgba(255, 255, 255, 0.98);border-radius: 12px;box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);z-index: 99999;margin-top: 8px;transform-origin: top center;transform: scaleY(0.5) translateY(-20px);filter: blur(4px);opacity: 0;visibility: hidden;transition: transform 0.45s cubic-bezier(0.23, 1, 0.32, 1),filter 0.35s ease,opacity 0.35s ease,visibility 0.35s ease;}

#menu-header-menu-1 li:hover .sub-menu {
    transform: scaleY(1) translateY(0);
    filter: blur(0px);
    opacity: 1;
    visibility: visible;
    width: max-content;
}

/* Sub Menu Items */
#menu-header-menu-1 li .sub-menu li {
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    z-index: auto !important;
}

#menu-header-menu-1 li .sub-menu li:last-child {
    border-bottom: none;
}

#menu-header-menu-1 li .sub-menu li a {
    display: block;
    padding: 15px 20px 0px 0px !important;
    color: #fff !important;
    font-size: 14px;
    transition: all 0.2s ease;
}

#menu-header-menu-1 li .sub-menu li:hover {
    background: #0088ca !important;
}

#menu-header-menu-1 li .sub-menu li:hover a {
    color: #fff !important;
}

/* First & Last radius */
#menu-header-menu-1 li .sub-menu li:first-child {
    border-radius: 12px 12px 0 0 !important;
}

#menu-header-menu-1 li .sub-menu li:last-child {
    border-radius: 0 0 12px 12px !important;
}


/* arrow icon */
.mobilemenu .menu-item-has-children::after {
    content: "\f282";
    font-family: "bootstrap-icons";
    position: absolute;
    right: 10px;
    top: 12px;
}
#menu-header-menu-1 li:hover::after{color: #fff !important;}






@media screen and (max-width: 991px) {
    /*#menu-header-menu-1 .menu-item-20 .sub-menu{display: none;}*/
    /*#menu-header-menu-1 .menu-item-20 > a{display: block;padding: 12px 20px;color: #1a2e4a;border-bottom: 1px solid #e2e8f0;}*/
    /*#menu-header-menu-1 .menu-item-20 > a::after{content: ' ▾';font-size: 12px;color: #1a70c8;}*/
    /*#menu-header-menu-1 .menu-item-20 .sub-menu {display: block !important;position: static !important;background-color: #f0f6ff;padding: 0;margin: 0;box-shadow: none;border-left: 3px solid #1a70c8;list-style: none;}*/
    /*#menu-header-menu-1 .menu-item-20 .sub-menu li a {display: block;padding: 10px 28px;font-size: 14px;color: #2d4a6e;text-decoration: none;}*/
    /*#menu-header-menu-1 .menu-item-20 .sub-menu li a:hover {background-color: #dbeafe;color: #1a70c8;}*/
    /*#menu-header-menu-1 li.current_page_item, #menu-header-menu-1 li:hover {background-color: #fff !important;}*/
    /*#menu-header-menu-1 li.current_page_item a, #menu-header-menu-1 li:hover a{    background-color: #fff;color: #0088ca !important;}*/
    /*#menu-header-menu-1 li.current_page_item .sub-menu li a, #menu-header-menu-1 li:hover .sub-menu li a{  background-color: #f0f6ff;  color: #4A4A4A !important;}*/
}


/* ******* Footer menu ******* */
#menu-header-menu-2 .sub-menu{display: none !important;}


/* ****** Box Hover effect ****** */
.ourprojects-box-hover{position: relative;overflow: hidden;}
.ourprojects-box-hover .service-content-hover{position: absolute;bottom: 0;left: 0;right: 0;transform: translateY(100%);transition: transform 0.4s ease;}
.ourprojects-box-hover:hover .service-content-hover {transform: translateY(0); }
@media screen and (max-width: 575px) {
    .ourprojects-box-hover .service-content-hover{display: block;}
    
}