:root {
    --container: 1920px;
    --padding280: 14.583%;
    --padding100: 5.2083%;

    --dark-blue: #06005A;
    --light-blue: #4476FF;
    --warm-white: #F7ECDE;
    
    --text-body-15: 0.938rem;
    --text-body-14: 0.875rem;
}

@font-face {
    font-family: 'Arial', sans-serif;
    src: url('../fonts/arial/ARIAL.TTF') format("truetype");
}

html, body, div, p, span, a, th, td, li, b{
    font-family: 'Arial', sans-serif;
}

nav.techno_menu.main-search-menu{
    background-color: var(--dark-blue);
    display: flex;
    /* align-items: center; */
    justify-content: space-between;
}

nav.techno_menu.main-search-menu,
.techno_nav_area .logo-left .logo{
    max-width: var(--container);
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

.techno_nav_area .logo-left .logo{
    text-align: center;
}

nav.techno_menu>ul>li>a,
.heading_style_2 .techno_menu>ul>li>a,
.heading_style_3 .techno_menu>ul>li>a,
.heading_style_4 .techno_menu>ul>li>a,
.heading_style_3.tr_btn .techno_menu>ul>li>a,
.heading_style_3.tr_white_btn .techno_menu>ul>li>a,
.heading_style_5 .techno_menu>ul>li>a {
    font-weight: 400;
    font-style: normal;
    color: #fff;
    font-size: var(--text-body-15);
    font-display: swap;
    line-height: 150%;
}

.techno_nav_area.prefix .techno_menu>ul>li>a,
.hbg2 .techno_menu>ul>li>a,
.techno_nav_area.prefix .techno_menu>ul>li.current>a {
    color: #fff;
    text-decoration: none;
    display: flex;
    align-items: center;
}

.techno-main-menu .menu-item-has-children>a:after {
	margin-left: 6px;
    content: url('data:image/svg+xml,<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.68847 11.3819L3.11884 7.13891C3.04256 7.06811 3 6.97405 3 6.87624C3 6.77843 3.04256 6.68437 3.11884 6.61357L3.124 6.60901C3.16099 6.57457 3.2055 6.54714 3.25484 6.5284C3.30418 6.50966 3.35731 6.5 3.411 6.5C3.4647 6.5 3.51783 6.50966 3.56717 6.5284C3.61651 6.54714 3.66102 6.57457 3.69801 6.60901L8.00086 10.6046L12.302 6.60901C12.339 6.57457 12.3835 6.54714 12.4328 6.5284C12.4822 6.50966 12.5353 6.5 12.589 6.5C12.6427 6.5 12.6958 6.50966 12.7452 6.5284C12.7945 6.54714 12.839 6.57457 12.876 6.60901L12.8812 6.61357C12.9574 6.68437 13 6.77843 13 6.87624C13 6.97405 12.9574 7.06811 12.8812 7.13891L8.31153 11.3819C8.27134 11.4192 8.22301 11.4489 8.16946 11.4692C8.11591 11.4895 8.05826 11.5 8 11.5C7.94174 11.5 7.88409 11.4895 7.83054 11.4692C7.77699 11.4489 7.72866 11.4192 7.68847 11.3819Z" fill="white"/></svg>');
    height: 17px;
}

.techno-main-menu .menu-item-has-children .menu-item-has-children>a:after {
    font-family: FontAwesome;
	margin-left: 8px;
	content: "\f105";
    color: #53565A;
}

nav p{
    margin-bottom: 0;
}

.login-btncontainer{
    position: relative;
    display: flex;
    align-items: center;
}

.login-btncontainer > a{
    background-color: var(--light-blue);
    padding: 8px 15px;
    border: 1px solid var(--light-blue);
    margin: 0;
    border-radius: 50px;
    display: flex;
    align-items: center;
    text-decoration: none!important;
}

.login-btncontainer > a span{
    color: #fff;
    font-size: var(--text-body-15);
    font-weight: normal;
}

.login-btncontainer > a:hover span{
    color: var(--light-blue);
}

.login-btncontainer > a img{
    margin-right: 10px;
}

.login-btncontainer > a:hover {
    background-color: #fff;
    color: var(--light-blue);
    border: 1px solid var(--light-blue);
}

.login-btncontainer > a.after-login::after{
    margin-left: 5px;
    content: "\f107";
    font-family: FontAwesome;
    color: white;
}

.login-btncontainer > a.after-login.active::after{
    content: '\f106';
}

.login-btncontainer > a:hover.after-login::after{
    color: var(--light-blue);
}

.login-btncontainer a:hover img{
    filter: brightness(0) saturate(100%) invert(37%) sepia(69%) saturate(2710%) hue-rotate(214deg) brightness(103%) contrast(101%);
}

.login-btncontainer::after{
    content: '';
    display: block;
    height: 5px;
    min-width: 250px;
    width: 100%;
    position: absolute;
    right: 0;
    bottom: -5px;
}

.after-login.profile-dropdown{
    position: absolute;
    right: 0;
    top: 105%;
    min-width: 250px;
    text-align: left;
    background: #fff;
    margin: 0;
    padding: 5px 0;
    z-index: 1;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    display: none;
    border: 0;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0,0,0,0.15);
}

.after-login.profile-dropdown.show{
    display: block;
}

.after-login.profile-dropdown li{
    padding: 10px 24px;
}

.after-login.profile-dropdown li a{
    font-size: var(--text-body-15);
    font-weight: 400;
    line-height: 150%;
    color: var(--dark-blue);
    text-decoration: none;
}

.ham-menuicon{
    background-color: transparent;
    border: 0;
    width: 48px;
    height: 40px;
}

.ham-menuicon:focus{
    border: 0;
    outline: none;
}

.techno_menu ul .sub-menu {
    text-align: left;
    background-color: #F5F5F5;
    margin: 0;
    padding: 5px 0;
    width: 100%;
}

.techno_menu ul .sub-menu li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    margin: 0;
    line-height: 1.3;
    letter-spacing: normal;
    font-size: var(--text-body-15);
    color: #616161;
    font-weight: 500;
    text-transform: capitalize;
    -webkit-transition: .1s;
    -o-transition: .1s;
    transition: .1s;
    visibility: inherit !important;
}

.logo a{
    padding: 24px 10px;
}


/* RESPONSIVE */
@media (max-width: 1024px){
    nav.techno_menu.main-search-menu{
        padding: 10px 20px 10px 10px;
    }

    nav.techno_menu.main-search-menu > ul{
        max-height: 500px;
        overflow-y: auto;
        display: none;
        position: absolute;
        left: 0;
        background: white;
        top: 9.4rem;
        width: 100%;
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
    }

    nav.techno_menu.main-search-menu > ul.show,
    .techno_menu .sub-menu li.menu-item-has-children > ul.show{
        display: block;
    }

    .techno_menu > ul::-webkit-scrollbar{
        width: 5px;
    }

    .techno_nav_area.prefix .techno_menu > ul > li > a{
        margin: 0;
        padding: 10px 20px;
        display: flex;
        align-content: center;
        justify-content: space-between;
    }

    .techno_nav_area.prefix .techno_menu > ul > li > a,
    .techno-main-menu .menu-item-has-children > a::after,
    .techno_menu ul .sub-menu li a{
        color: var(--dark-blue);
    }

    .techno_nav_area.prefix .techno_menu > ul > li > .sub-menu,
    .techno_nav_area.prefix .techno_menu > ul > li > .sub-menu .sub-menu{
        padding-left: .5rem;
    }

    .techno_menu .sub-menu li.menu-item-has-children > ul{
        display: none;
    }

    .techno_nav_area.prefix .techno_menu > ul > li > .sub-menu .sub-menu > li a{
        color: #2B2B2B;
    }

    .techno-main-menu .menu-item-has-children .menu-item-has-children > a::after{
        content: '\f107';
    }

    .techno_menu .sub-menu li.menu-item-has-children > a.active::after{
        content: '\f106';
    }

    .logo .desktop-logo img{
        width: 93%;
    }

    .login-btncontainer > a{
        padding: 4px 8px;
    }
}

@media (max-width: 767px){
    .login-btncontainer > a:hover span,
    nav.techno_menu > ul > li > a, 
    .heading_style_2 .techno_menu > ul > li > a, 
    .heading_style_3 .techno_menu > ul > li > a, 
    .heading_style_4 .techno_menu > ul > li > a, 
    .heading_style_3.tr_btn .techno_menu > ul > li > a, 
    .heading_style_3.tr_white_btn .techno_menu > ul > li > a, 
    .heading_style_5 .techno_menu > ul > li > a,
    .techno_menu ul .sub-menu li a,
    .login-btncontainer > a span{
        font-size: var(--text-body-14);
    }

    .login-btncontainer > a img{
        margin-right: 8px;
    }
}

@media (max-width: 640px){
    .logo .desktop-logo,
    .login-btncontainer > a.after-login span{
        display: none;
    }
}

@media (min-width: 641px){
    .logo .mobile-logo{
        display: none;
    }
}

@media (min-width: 1025px){
    .ham-menuicon{
        display: none;
    }

    .techno_menu ul li:hover >.sub-menu {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        visibility: visible;
        top: 100%;
        z-index: 9;
    }

    .techno_menu > ul > li {
        display: inline-block;
        position: relative;
    }

    nav.techno_menu.main-search-menu>ul{
        display: flex;
        align-items: center;
    }

    .techno_menu ul .sub-menu {
        position: absolute;
        left: 0;
        top: 130%;
        width: 300px;
        text-align: left;
        background-color: #fff;
        margin: 0;
        padding: 5px 0;
        z-index: 1;
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        opacity: 0;
        -ms-filter: "alpha(opacity=0)";
        visibility: hidden;
        border: 0;
        border-radius: 5px;
        box-shadow: 0 0 5px rgba(0,0,0,0.15);
    }

    .techno_menu ul .sub-menu li:hover>a,
    .techno_menu ul .sub-menu .sub-menu li:hover>a,
    .techno_menu ul .sub-menu .sub-menu .sub-menu li:hover>a,
    .techno_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a,
    .profile-dropdown li a {
        color: #112575;
    }

    .techno_menu ul .sub-menu li:hover,
    .profile-dropdown li:hover {
        margin-left:15px;
    }
    .techno_menu ul .sub-menu li:hover:before,
    .profile-dropdown li:hover:before {
        opacity:1;
        left:0px;
    }
    .techno_menu ul .sub-menu li:hover {
        margin-left:15px;
    }

    /* SUB MENU 2 */
    .techno_menu ul .sub-menu .sub-menu {
        left: unset;
        right: -18.75rem;
        top: 130%;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        visibility: hidden;
    }

    .techno_menu ul .sub-menu li:hover>.sub-menu {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        visibility: visible;
        top: 0%;
    }
    /* END SUB MENU */
}

@media (min-width: 1280px){
    nav.techno_menu.main-search-menu,
    .techno_nav_area .logo-left .logo{
        padding-left: var(--padding100);
        padding-right: var(--padding100);
    }
}

@media (min-width: 1440px){
    nav.techno_menu.main-search-menu,
    .techno_nav_area .logo-left .logo{
        padding-left: var(--padding280);
        padding-right: var(--padding280);
    }
}

@media (min-width: 1560px){
    nav.techno_menu > ul{
        gap: 39px;
    }

    nav.techno_menu > ul > li > a{
        margin-left: 0;
        margin-right: 0;
    }
}

@media (min-width: 1921px){
    nav.techno_menu.main-search-menu,
    .techno_nav_area .logo-left .logo{
        max-width: 100%;
    }
}