/*==========================================================================
* Menu Bar Sticky CSS
==========================================================================*/
.header__sticky-sticky-menu {
    position: fixed !important;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    box-shadow: var(--box-shadow-1) !important;
    animation: header_sticky 1.1s;
    background: var(--bg-white);
    display: block;
}

.mean-nav {
    display: none;
}

.btn-one,
.btn-two,
.btn-three,
.btn-four,
.btn-five,
.btn-six,
.btn-seven,
.btn-eight,
.btn-nine {
    background: transparent;
    color: #051634;
    display: inline-flex;
    align-items: center;
    font-size: 18px;
    line-height: 26px;
    padding: 16px 28px;
    text-align: center;
    font-weight: 700;
    /* font-family: var(--heading-font); */
    z-index: 3;
    position: relative;
    transition: 0.4s;
    text-transform: capitalize;
    overflow: hidden;
    border-radius: 50px;
    border: 1px solid #0e59f2;
}

.btn-one:hover {
    background-color: #0e59f2;
    color: #ffffff;
}

.header__area {
    background-color: #ffffff !important;
}

/* .header__area-menubar-right-box-sidebar {
    border-left: 1px solid #343434;
} */

@keyframes header_sticky {
    0% {
        top: -250px;
    }

    100% {
        top: 0;
    }
}

.header__sticky.header__sticky-sticky-menu .header__area {
    background: var(--bg-heading-color);
    background-color: #ffffff;
}

/*==========================================================================
* Menu Bar CSS
==========================================================================*/
.header__area {
    padding: 0 30px;
    position: relative;
    z-index: 999;
}

.header__area-menubar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* position: relative; */
}

.header__area-menubar-left-logo a {
    display: inline-block;
}

.header__area-menubar-left-logo a img {
    max-width: 165px;
    position: relative;
    z-index: 9999;
}

.header__area-menubar-center-menu ul {
    padding: 0;
    margin: 0;
}

.header__area-menubar-center-menu ul li {
    display: inline-block;
    position: relative;
    list-style: none;
}

.header__area-menubar-center-menu ul li:hover>a {
    color: #0e59f2;
}

.header__area-menubar-center-menu ul li:hover>a i {
    transform: rotate(-180deg);
}

.header__area-menubar-center-menu ul li a {
    color: #051634;
    display: block;
    font-size: 18px;
    line-height: 24px;
    transition: all 0.4s ease-out 0s;
    text-transform: capitalize;
    padding: 38px 10px;
    font-family: var(--heading-font);
}

.header__area-menubar-center-menu ul li:hover>.sub-menu {
    transform: scale(1, 1);
    opacity: 1;
    visibility: visible;
}

.header__area-menubar-center-menu ul li .sub-menu {
    position: absolute;
    background: #ffffff;
    min-width: 240px;
    transition: all 0.3s ease-out 0s;
    top: 100%;
    opacity: 0;
    box-shadow: #051634;
    visibility: hidden;
    z-index: 99;
    text-align: left;
    transform: scale(1, 0);
    transform-origin: 0 0;
    background-color: #ffffff;
}

.header__area-menubar-center-menu ul li .sub-menu li {
    display: block;
    margin: 0;
    border-bottom: 1px solid var(--border-color-2);
    position: relative;
}

.header__area-menubar-center-menu ul li .sub-menu li::after {
    position: absolute;
    content: '';
    background: #0e59f2;
    width: 2px;
    transition: 0.4s;
    height: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
}

.header__area-menubar-center-menu ul li .sub-menu li a:hover {
    color: #0e59f2 !important;
}

.header__area-menubar-center-menu ul li .sub-menu li a {
    color: #051634 !important;
    padding: 12px 20px;
    transition: all 0.4s ease-out 0s;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header__area-menubar-center-menu ul li .sub-menu li .sub-menu {
    left: 100%;
    top: -2px;
}

.header__area-menubar-center-menu ul li .sub-menu li:hover>a {
    color: #0e59f2 !important;
    padding-left: 25px;
}

.header__area-menubar-center-menu ul li .sub-menu li:hover::after {
    opacity: 1;
}

.header__area-menubar-center-menu ul li .sub-menu li:last-child {
    border: none;
}

.header__area-menubar-center-menu ul .sub-menu li .sub-menu {
    color: var(--text-heading-color);
    cursor: pointer;
}

.header__area-menubar-center-menu ul li.menu-item-has-children>a {
    display: flex;
    align-items: end;
}

.header__area-menubar-center-menu ul li.menu-item-has-children>a:hover {
    color: #0e59f2;
}

.header__area-menubar-center-menu ul li.menu-item-has-children>a i {
    font-size: 14px;
    margin-left: 7px;
    font-weight: 500;
    margin-bottom: 2px;
    transition: .3s;
}

.header__area-menubar-right {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header__area-menubar-right-box {
    display: flex;
    align-items: center;
}

.header__area-menubar-right-box-search-icon i {
    cursor: pointer;
    position: relative;
    z-index: 9;
    display: block;
    color: var(--text-heading-color);
    font-size: 20px;
    font-weight: 400;
    border-right: 1px solid #cccccc;
    padding: 12px 25px 12px 0;
    font-weight: 700;
}

.header__area-menubar-right-box-search-box {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    height: 0;
    background: #051634;
    z-index: 9999;
    transition: all 0.5s ease-out;
    overflow: hidden;
}

.header__area-menubar-right-box-search-box form {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    width: 55%;
    transition: all 0.5s ease-out;
}

.header__area-menubar-right-box-search-box input {
    background: #fff;
    color: #051634;
    border: 0;
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
}

.header__area-menubar-right-box-search-box button {
    position: absolute;
    right: 0;
    top: 0;
    background-color: transparent;
    font-size: 22px;
    color: #0e59f2;
    padding: 0;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
}

.header__area-menubar-right-box-search-box.active {
    height: 100%;
    top: 0;
}

.header__area-menubar-right-box-search-box.active form {
    transform: translate(-50%, -50%) scale(1);
}

.header__area-menubar-right-box-search-box-icon {
    position: absolute;
    right: 50px;
    top: 50px;
    font-size: 22px;
    color: #fff;
    cursor: pointer;
    transform: rotate(0deg);
}

.header__area-menubar-right-box-search-box-icon:hover {
    animation: rotate 0.4s ease 0s;
}

.header__area-menubar-right-box-search-box-icon i {
    cursor: pointer;
    position: relative;
    z-index: 9;
    color: #fff;
}

.header__area-menubar-right-box-search-box-icon i::before {
    display: block;
}

.header__area-menubar-right-box-sidebar-popup-icon {
    cursor: pointer;
    text-align: right;
    text-align: -webkit-right;
    text-align: -moz-right;
    margin-left: 25px;
}

.header__area-menubar-right-box-sidebar-popup-icon:hover span {
    background-color: #051634;
    width: 30px;
}

.header__area-menubar-right-box-sidebar-popup-icon span {
    height: 3px;
    background-color: #343434;
    display: block;
    margin: 6px 0;
    transition: .4s;
}

.header__area-menubar-right-box-sidebar-popup-icon .bar-1 {
    width: 20px;
    margin-top: 0;
}

.header__area-menubar-right-box-sidebar-popup-icon .bar-2 {
    width: 30px;
}

.header__area-menubar-right-box-sidebar-popup-icon .bar-3 {
    width: 25px;
    margin-bottom: 0;
}

.header__area-menubar-right-box-btn {
    margin-left: 30px;
}

.header__area-menubar-right-sidebar-popup {
    position: fixed;
    width: 460px;
    height: 100%;
    right: 0;
    overflow: auto;
    transform: translateX(100%);
    top: 0;
    background: #12223e;
    opacity: 0;
    visibility: hidden;
    z-index: 999999;
    transition: 0.5s;
    padding: 100px 40px;
    scrollbar-width: none;
}

.header__area-menubar-right-sidebar-popup::-webkit-scrollbar {
    display: none;
}

.header__area-menubar-right-sidebar-popup.active {
    opacity: 1;
    visibility: visible;
    transform: translateX(0%);
    right: 0;
}

.header__area-menubar-right-sidebar-popup .sidebar-close-btn {
    position: absolute;
    top: 40px;
    right: 40px;
    transform: rotate(0);
}

.header__area-menubar-right-sidebar-popup .sidebar-close-btn i::before {
    background: #0e59f2;
    width: 40px;
    color: #fff;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    display: block;
}

.header__area-menubar-right-sidebar-popup .sidebar-close-btn:hover {
    animation: rotate 0.4s ease 0s;
}

.header__area-menubar-right-sidebar-popup-logo {
    margin-bottom: 30px;
}

.header__area-menubar-right-sidebar-popup-logo a {
    display: inline-block;
}

.header__area-menubar-right-sidebar-popup-logo a img {
    max-width: 150px;
    position: relative;
    z-index: 999;
}

.header__area-menubar-right-sidebar-popup p {
    color: #cccccc;
}

.header__area-menubar-right-sidebar-popup-contact {
    margin: 40px 0;
    padding: 40px 0;
    border-top: 1px solid var(--color-19);
    border-bottom: 1px solid var(--color-19);
}

.header__area-menubar-right-sidebar-popup-contact-item {
    display: flex;
    margin-bottom: 25px;
    gap: 25px;
}

.header__area-menubar-right-sidebar-popup-contact-item-icon {
    margin-top: 8px;
    width: 30px;
}

.header__area-menubar-right-sidebar-popup-contact-item-icon i {
    color: #0e59f2;
    font-size: 30px;
}

.header__area-menubar-right-sidebar-popup-contact-item-content span {
    color: #cccccc;
    display: inline-block;
    margin-bottom: 5px;
}

.header__area-menubar-right-sidebar-popup-contact-item-content h6 {
    max-width: 240px;
    font-size: 18px;
    line-height: 28px;
}

.header__area-menubar-right-sidebar-popup-contact-item-content h6 a {
    transition: all 0.4s ease-out;
    color: #fff;
}

.header__area-menubar-right-sidebar-popup-contact-item-content h6 a:hover {
    color: #0e59f2;
}

.header__area-menubar-right-sidebar-popup-contact-item:last-child {
    margin: 0;
}

.header__area-menubar-right-sidebar-popup-contact h4 {
    color: #fff;
}

.header__area-menubar-right-sidebar-popup-social ul {
    padding: 0;
    margin: 0;
}

.header__area-menubar-right-sidebar-popup-social ul li {
    list-style: none;
    display: inline-block;
    margin-right: 10px;
}

.header__area-menubar-right-sidebar-popup-social ul li:last-child {
    margin: 0;
}

.header__area-menubar-right-sidebar-popup-social ul li a i {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 10px;
    color: #0e59f2;
    transition: all 0.4s ease-out;
    background: #f4f7fb;
}

.header__area-menubar-right-sidebar-popup-social ul li a i:hover {
    color: #fff;
    background: #0e59f2;
}

/* =============== Header Two Style =============== */
.header__area.two {
    box-shadow: none;
}

.header__area.two .header__area-menubar-right-box-help {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 30px;
}

.header__area.two .header__area-menubar-right-box-help i {
    font-size: 35px;
    background: #0e59f2;
    color: #ffffff;
    text-align: center;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.header__area.two .header__area-menubar-right-box-help-info {
    margin-left: 15px;
}

.header__area.two .header__area-menubar-right-box-help-info>* {
    display: block;
    font-size: 18px;
}

.header__area.two .header__area-menubar-right-box-help-info span {
    color: #0e59f2;
    font-size: 16px;
    text-transform: none;
}

.header__area.two .header__area-menubar-right-box-help-info span i {
    margin-right: 5px;
}

.header__area.two .header__area-menubar-right-box-help-info a {
    font-weight: 700;
}

/* =============== Header Three Style =============== */
.header__area.three {
    padding: 10px 30px;
}

.header__area.three .header__area-menubar-right-box-btn {
    margin-left: 0;
}

/* =============== Header Four Style =============== */
.header__area.four .header__area-menubar-right-box-search-icon i {
    border: 0;
    padding: 0;
}

.header__area.four .btn-two {
    background: #12223e;
    border: 1px solid #12223e;
    margin-right: 25px;
}

.header__area.four .btn-two:hover {
    background: transparent;
}

/* =============== Header Five Style =============== */
.header__area.five {
    position: absolute;
    left: 0;
    right: 0;
    box-shadow: none;
    border-bottom: 1px solid #05163429;
}

/* ============= Header Two Responsive */
@media (max-width: 1500px) {
    .header__area.two .header__area-menubar-right-box-social {
        display: none;
    }
}

@media (max-width: 1255px) {
    .header__area.two .header__area-menubar-right-box-help {
        display: none;
    }
}

@media (max-width: 1050px) {
    .header__area.two .header__area-menubar-center-menu ul li a {
        font-size: 17px;
        padding: 38px 7px;
    }
}

/* Header three Responsive */
@media (max-width: 1399px) {
    .header__area.three .header__area-menubar-right-box-btn {
        display: block;
    }
}

@media (max-width: 1199px) {
    .header__area.three .header__area-menubar-right-box-btn {
        display: none;
    }
}

/*==========================================================================
* Menu Sidebar CSS
==========================================================================*/
.sidebar-overlay {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transition: all 0.4s ease-out;
    opacity: 0;
    visibility: hidden;
    z-index: 99999;
    background: rgba(24, 24, 24, 0.6);
}

.sidebar-overlay.show {
    visibility: visible;
    opacity: 1;
}

@media (max-width: 1399px) {
    .header__area-menubar-right-box-btn {
        display: none;
    }

    .header__area-menubar-center-menu ul li a {
        font-size: 17px;
        padding: 38px 7px;
    }
}

@media (max-width: 991px) {

    .mean-nav {
        position: absolute;
        top: 100%;
        left: 0;
        display: block;
        background-color: #fff;
        width: 100%;

        display: none;
    }

    li {
        list-style-type:none !important;
    }

    .mean-nav li a {
        display: flex;
        padding: 10px;
        box-sizing: border-box;
        align-items: center;
    }

    .mean-expand {
        display: none;
    }

    #nav {
        position: absolute;
        top: 50%;
        left: 90% !important;
        transform: translate(-50%, -50%);
        display: block !important;
        width: 30px;
        height: 25px;
        display: flex !important;
        flex-direction: column;
        justify-content: space-between;
    }

    #nav span {
        display: block;
        background-color: #666;
        width: 30px;
        height: 5px;
    }

    .mean-expand {
        display: none !important;
    }

    .fas {
        display: none !important;
    }

    .header__area {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        width: 100%;
        background-color: #fff;
    }

    .header__area-menubar-center {
        display: none !important;
    }

    #pho {
        display: none !important;
    }

    .top__bar {
        display: none !important;
    }

    .header__area {
        padding: 10px 0;
    }

    .header__area-menubar-right .responsive-menu .mean-bar {
        right: 0;
        position: absolute;
        top: 10px;
        background: transparent;
        padding: 0;
        z-index: 99;
    }

    .header__area-menubar-right .responsive-menu .mean-bar span {
        background: #000000;
    }

    .header__area-menubar-right-box-sidebar {
        display: none;
    }

    .header__area-menubar-right-box-search-icon i {
        border: 0;
        padding: 0;
    }

    .header__area-menubar-right-box-search .search {
        margin-right: 58px;
        /* margin-top: 6px; */
        z-index: 9999;
        position: relative;
    }
}

@media (max-width: 359px) {
    .header__area-menubar-right-box-search .search {
        display: none;
    }
}

@font-face {
    font-family: 'AlibabaPuHuiTiRegular' !important;
    src: url('assets/css/Alibaba-PuHuiTi-Regular.ttf') !important;
}

body {
    font-family: 'AlibabaPuHuiTiRegular' !important;
}

/* :root {
    --tp-ff-body: 'Outfit', sans-serif;
    --tp-ff-heading: 'Montserrat Alternates', sans-serif;
    --tp-ff-p: 'Outfit', sans-serif;
    --tp-ff-fontawesome: "Font Awesome 6 Pro";
    --tp-common-white: #ffffff;
    --tp-common-black: #000;
    --tp-heading-primary: #000D44;
    --tp-heading-secondary: #52525C;
    --tp-grey-1: #F1F1F1;
    --tp-grey-2: #F5F6F8;
    --tp-text-body: #727885;
    --tp-text-1: #000;
    --tp-text-2: #7A8085;
    --tp-theme-primary: #162DE4;
    --tp-theme-secondary: #030A39;
    --tp-gradient-primary: linear-gradient(180deg, #00EEFF 0%, #003CFF 100%);
    --tp-gradient-secondary: linear-gradient(90deg, #9EFBD3 0%, #57E9F2 48%, #45D4FB 100%);
    --tp-border-primary: #000;
    --tp-border-secondary: #000;
} */