/* =========================
   HEADER
========================= */

.header-main{
    position: relative;
    z-index: 9999;
    overflow: visible !important;
}

.header-main .e-con-inner,
.dtb-header-wrap{
    overflow: visible !important;
}

/* =========================
   HEADER WRAP
========================= */

.dtb-header-wrap{
    position: relative;
    z-index: 99999;
}

/* =========================
   MEGA MENU WRAP
========================= */

.dtb-mega-wrap{
    position:absolute;
    left:0;
    top:100%;

    width:100%;


    min-height:400px;

    box-shadow:0 15px 40px rgba(0,0,0,.10);

    border-radius:0 0 20px 20px;

    z-index:9998;

    opacity:0;
    visibility:hidden;
    pointer-events:none;

    transition:opacity .2s ease;

    width:calc(100% - 40px);
    max-width:1450px;

    left:50% !important;
    transform:translateX(-50%);


}

.dtb-mega-wrap.active{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    border-radius: 12px;
    background:#ffffff;
    box-shadow: 0px 4px 9.9px rgba(0, 0, 0, 0.25);
}

/* =========================
   MEGA CONTAINER
========================= */

#mega-menu-container{
    width:100%;
    max-width:1400px;

    margin:0 10px;

    background:transparent;

    border:none;

    border-radius:0;

    box-shadow:none;

    overflow:visible;

    position:relative;

    padding:30px 0;
}

/* =========================
   ACTIVE MENU
========================= */

.header-main .elementor-nav-menu .menu-item.active-menu > a{
    position:relative;
    color:#4f8cff !important;
}

/* UNDERLINE */

.header-main .elementor-nav-menu .menu-item.active-menu > a::after{
    content:'';

    position:absolute;

    left:0;
    bottom:-10px;

    width:100%;
    height:2px;

    background:#4f8cff;
}

/* =========================
   MENU LINKS
========================= */

.elementor-heading-title a{
    display:block;
    text-decoration:none;
}

/* =========================
   AJAX LOADER
========================= */

.mega-loading{
    min-height:400px;
}

/* =========================
   ELEMENTOR TEMPLATE FIXES
========================= */

#mega-menu-container .elementor{
    width:100%;
}

#mega-menu-container .e-con,
#mega-menu-container .elementor-container{
    max-width:100% !important;
}

#mega-menu-container .e-con{
    min-height:auto !important;
}

/* =========================
   REMOVE TEMPLATE BACKGROUNDS
========================= */

#mega-menu-container .e-parent,
#mega-menu-container .e-child{
    background:transparent !important;
}

/* =========================
   MENU ITEMS
========================= */

.elementor-nav-menu .elementor-item{
    display:flex;
    align-items:center;
    gap:6px;
}

.dtb-arrow{
    width:8px;
    height:4px;

    margin-left:2px;

    display:inline-block;

    transition:.2s ease;
}

.header-main.mega-open{
    background:#fff;
    border-radius:24px 24px 0 0;
    border:1px solid #E5E7EB;
}

.header-main.mega-open .dtb-mega-wrap{
    border-left:1px solid #E5E7EB;
    border-right:1px solid #E5E7EB;
    border-bottom:1px solid #E5E7EB;

    border-radius:0 0 24px 24px;
}

/* ROTATE ARROW */

.menu-item.active-menu .dtb-arrow{
    transform:rotate(180deg);
}

/* =========================
   SERVICES MEGA MENU LINKS
========================= */

.services-mm .elementor-heading-title a{

    position: relative;
    display: inline-block;

    color: #4B5563;

    text-decoration: none;

    transition:
        color .25s ease,
        transform .25s ease;
}

/* UNDERLINE */

.services-mm .elementor-heading-title a::after{

    content: '';

    position: absolute;

    left: 0;
    bottom: -3px;

    width: 0;
    height: 2px;

    background: #3C81F6;

    transition: width .25s ease;
}

/* HOVER */

.services-mm .elementor-heading-title a:hover{

    color: #000000;

    transform:translateX(3px) scale(1.08);
}

/* UNDERLINE ANIMATION */

.services-mm .elementor-heading-title a:hover::after{

    width: 100%;
}

.services-mm .elementor-heading-title a{
    transform-origin:left center;
}

/* =========================
   MEGA MENU CARD HOVER
========================= */

.header-main [data-eael-wrapper-link]{

    position: relative;

    transition:
        transform .25s ease,
        background-color .25s ease,
        box-shadow .25s ease;

    border-radius: 8px;
}

/* Bottom line */

.header-main [data-eael-wrapper-link]::after{

    content:'';

    position:absolute;

    left:15px;
    right:15px;
    bottom:0;

    height:2px;

    background:#3C81F6;

    transform:scaleX(0);
    transform-origin:left center;

    transition:transform .25s ease;
}

/* Hover */

.header-main [data-eael-wrapper-link]:hover{

    transform:translateY(-2px);

    background:rgba(60,129,246,.05);
}

/* Show line */

.header-main [data-eael-wrapper-link]:hover::after{

    transform:scaleX(1);
}

/* Heading */

.header-main [data-eael-wrapper-link] .elementor-heading-title a{

    transition:
        color .25s ease,
        transform .25s ease;

    display:inline-block;
}

/* Heading hover */

.header-main [data-eael-wrapper-link]:hover .elementor-heading-title a{

    color:#000;

    transform:scale(1.05);
}

/* Description */

.header-main [data-eael-wrapper-link] .elementor-widget-text-editor{

    transition:color .25s ease;
}

.header-main [data-eael-wrapper-link]:hover .elementor-widget-text-editor{

    color:#4B5563;
}

.engagement-mm::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0px;          /* distance from top */
    width: 0.2px;
    height: 80%;
    background-color: #81818161; 
}

/* =========================
   DESKTOP ONLY
========================= */

@media (min-width:1025px){

    .dtb-mega-wrap{
        display:block !important;
    }

}

/* Homepage only */

.home .header-main{
    margin-bottom: -125px;
    background: transparent;
    z-index: 9999;
}