.hec-header-nav > nav > ul > li:last-of-type a {
    background-color: transparent !important;
    border-radius: 55px !important;
    color: var(--e-global-color-e6232dc) !important;
    fill: var(--e-global-color-e6232dc) !important;
    padding: 15px 25px !important;
    border: 2px solid var(--e-global-color-e6232dc) !important;
    text-transform: uppercase;
    font-size: 12px !important;
    font-weight: 500;
    letter-spacing: 0.36px;
}

.hec-header-nav > nav > ul > li:last-of-type a:hover {
    background-color: var(--e-global-color-e6232dc) !important;
    border-radius: 55px !important; 
    color:  var(--e-global-color-primary)  !important;
    fill:  var(--e-global-color-primary)  !important;
    padding: 15px 25px !important;
    border: 2px solid var(--e-global-color-e6232dc) !important;
}

.hec-header-nav > nav > ul > li:nth-last-child(2) a {
    background-color:  var(--e-global-color-1fdfbe1) !important;
    border-radius: 55px !important;
    color: var(--e-global-color-e6232dc) !important;
    fill: var(--e-global-color-e6232dc) !important;
    padding: 15px 25px !important;
    border: 2px solid  var(--e-global-color-1fdfbe1) !important;
    text-transform: uppercase;
    font-size: 12px !important;
    font-weight: 500;
    letter-spacing: 0.36px;
    display: block;
    text-align: center;
}
 
.hec-header-nav > nav > ul > li:nth-last-child(2)  a:hover {
    background-color: transparent !important;
    border-radius: 55px !important; 
    color:   var(--e-global-color-1fdfbe1) !important;
    fill:   var(--e-global-color-1fdfbe1)  !important;
    padding: 15px 25px !important;
    border: 2px solid   var(--e-global-color-1fdfbe1)  !important;
}

.blur-header  {
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
}

header {
    z-index: 12;
    position: relative;
}

@media screen and (min-width: 1025px) {
    .hec-header-nav  .sub-arrow {
        display: none !important;
    }
}
@media screen and (max-width: 1024px) { 
    .hec-header-nav  .elementor-nav-menu--dropdown {
        padding: 35px 20px;
    }
    .hec-header-nav > nav > ul > li:nth-last-child(2)  a {  

    }
    .hec-header-nav > nav > ul > li:last-of-type a { 
        margin-top: 15px;
        text-align: center;
        width: 100%;
        display: block;
    }
}
@media screen and (max-width: 767px) {
    .hec-header-nav  div.elementor-menu-toggle.elementor-active svg {
        fill: var(--e-global-color-primary) !important;
    }

}