/* =================================================== Header ============================================== */

.blog-logo
{
    margin-left:70px;
}

.header-blog-color {
    background-color: rgb(255 225 169)!important;
}

header {
    width: 100%;
    background-color: rgba(8, 166, 226, 0.1);
    position: relative;
}

    header .header-part-1 .brand span {
        font-size: 1rem;
        color: #005678;
    }

    header .header-part-1 .brand .title {
        font-size: 1.2rem;
        color: #EC7C1D;
        margin-top: 8px;
    }

    header .header-part-1 .phone-number span,
    header .header-part-1 .email-address span {
        background-color: #FFFFFF;
        border-radius: 2px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 25px;
        height: 25px;
        color: #08A6E2;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        margin-left: 8px;
    }

        header .header-part-1 .phone-number span a,
        header .header-part-1 .email-address span a {
            background-color: #FFFFFF;
            border-radius: 2px;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 25px;
            height: 25px;
            color: #08A6E2;
            box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        }

    header .header-part-1 .phone-number a,
    header .header-part-1 .email-address a {
        color: #333333;
    }

    header .header-part-2 {
        width: 100%;
        position: absolute;
        top: 75%;
    }

        header .header-part-2.active {
            top: 45%;
        }

    header .header-part-3 {
        display: none !important;
    }

        header .header-part-3.active {
            display: flex !important;
            padding-top: 10px !important;
        }

.header-part-3.active {
    padding-top: 104px !important;
}

header .header-part-2 .header-navbar {
    background-color: #FFFFFF;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 16px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}

    header .header-part-2 .header-navbar .navbar-item {
        display: flex;
        align-items: center;
        margin-left: 24px;
    }

    header .header-part-2 .header-navbar .navbar-link {
        color: #333333;
        font-size: 1rem;
        cursor: pointer;
    }

header .submenu a {
    color: #333333;
}

    header .submenu a:hover {
        background-color: #EC7C1D;
        color: white;
    }

header .submenu .submenu-1 {
    background-color: #FFF4EB;
    position: absolute;
    top: 125%;
    right: 10%;
    z-index: 100;
    display: none;
    box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
}

    header .submenu .submenu-1.index {
        top: 74%;
    }

    header .submenu .submenu-1 a,
    header .submenu .submenu-2 a {
        padding: 12px 0px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
    }

header .submenu .submenu-2 {
    background-color: #FFF4EB;
    position: absolute;
    top: 125%;
    right: 30%;
    z-index: 100;
    display: none;
    box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
}

    header .submenu .submenu-2.index {
        top: 74%;
    }

header .header-part-3 {
    background-color: #FEDCC0;
    height: 95px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 0px;
}

    header .header-part-3 .service-icon {
        background-color: white;
        border-radius: 4px;
        height: 25px;
        width: 25px;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #0081B4;
        margin-left: 8px;
        cursor: pointer;
        box-shadow: 0px 0px 8px rgba(0, 129,180,0.4);
    }

        header .header-part-3 .service-icon i {
            color: #0081B4;
        }

    header .header-part-3 .service-name {
        color: #084D68;
    }

    header .header-part-3 .service-step span {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 40px;
        width: 40px;
        border-radius: 100%;
        background-color: white;
        border: 1px solid #B8B8B8;
    }

    header .header-part-3 .service-step .active {
        border: 1px solid #0081B4;
    }

        header .header-part-3 .service-step .active svg {
            stroke: #0081B4;
        }

    header .header-part-3 .service-step .current {
        background-color: #0081B4;
        border: 1px solid #0081B4;
        color: #FFFFFF;
    }

        header .header-part-3 .service-step .current svg {
            stroke: #FFFFFF;
        }

    header .header-part-3 .service-progress {
        width: 25px;
        height: 2px;
        background-color: #B8B8B8;
    }

        header .header-part-3 .service-progress.active {
            background-color: #0081B4;
        }

    header .header-part-3 .service-icon-menu {
        display: none;
        flex-direction: column;
        position: absolute;
        top: 0%;
        right: 10%;
        background: white;
        padding: 8px 16px;
        border-radius: 6px;
        font-size: 0.875rem;
    }

        header .header-part-3 .service-icon-menu a {
            padding-bottom: 8px;
            color: #333333;
        }

            header .header-part-3 .service-icon-menu a:hover {
                color: #EC7C1D;
            }

header .mobile-header .mobile-header-logo {
    max-width: 120px;
}


header .mobile-header .menu-icon {
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    background-color: #08A6E2;
    border-radius: 50%;
    cursor: pointer;
}

header .mobile-header .user-icon {
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    background-color: #EC7C1D;
    border-radius: 50%;
    cursor: pointer;
}

header .submenu .submenu-3 {
    background-color: #FFF4EB;
    position: absolute;
    top: 125%;
    right: 50%;
    z-index: 100;
    display: none;
    /*box-shadow: rgb(17 17 26 / 5%) 0px 1px 0px, rgb(17 17 26 / 10%) 0px 0px 8px;*/
}

.mobile-header {
    box-shadow: 0px 3px 6px rgba(33,33,33,0.1);
}

.tooltip > .tooltip-inner {
    background-color: #6c757d;
    font-size: 11px;
}

.tooltip > .tooltip-arrow:before {
    border-bottom-color: #6c757d;
}

@media (max-width: 768px) {
    header .header-part-3.active {
        height: 80px;
        box-shadow: inset 0px 3px 6px rgba(33,33,33,0.1);
    }
}


.no-toggle:after {
    display: none !important;
}

.hover-EC7C1D:hover {
    background: #EC7C1D;
    color: white;
}




@media all and (min-width: 992px) {
    .dropdown-menu {
        width: 15rem;
    }

    .submenu-width {
        width: 44em;
        max-height: 35em;
        overflow-y: auto;
        overflow-x: hidden;
        max-width: 44em;
    }

    .mega-submenu {
        right: 100%;
        top: 0;
        min-width: 25rem;
    }

    .ktm-mega-menu {
        position: static;
    }

    .mega-menu {
        left: 0;
        right: 0;
        width: 100%;
    }

    .dropdown-menu li {
        position: relative;
    }

    .dropdown-menu .submenu {
        position: absolute;
        display: none;
        right: 100%;
        top: 0;
    }

    .dropdown-menu > li:hover > .submenu,
    .dropdown:hover > .dropdown-menu {
        display: block;
    }
}

@media (max-width: 991px) {
    #service-menu {
        display: none !important;
    }

    .dropdown-menu-menumobile {
        display: block !important;
    }

    .dropdown-item {
        white-space: unset !important;
        padding: 6px 0px !important;
    }


    .navbar-nav {
        background: white;
        border-radius: 10px;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        width: 100%;
        padding-right: 14px !important;
    }

    nav {
        width: 100%;
    }

    .header-part-2 .dropdown-menu {
        box-shadow: unset !important;
    }

    header .header-part-2 .header-navbar {
        background-color: unset !important;
        box-shadow: unset;
    }

    .navbar {
        display: unset !important
    }

    .countainer-mobo {
        padding-left: 0 !important;
        padding-right: 0 !important;
        max-width: 100% !important;
    }

    .submenu {
        display: none;
    }
}

header .header-part-2 {
    position: unset !important;
}

.header-part-2 .nav-link {
    color: #000;
}

.header-part-2 .dropdown-item.active, .dropdown-item:active {
    background-color: #2bb0d4;
}

.header-part-2 strong {
    color: #2bb0d4 !important;
}
.img-header-category {
    width: 27px;
}

.header-part-2 img {
   
}

.header-part-2 .item-sub {
    color: #929293;
}

.header-part-2 .dropdown-menu {
    padding: 0 !important;
    border: unset;
    border-radius: 5px !important;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    text-align: right;
}

header .submenu a:hover {
    background: unset !important;
    color: unset !important;
}

header .submenu .item-sub:hover {
    background-color: #EC7C1D !important;
    color: white !important;
    border-radius: 7px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.item-category::before {
    content: "|";
    color: #EC7C1D;
    margin-left: 5px;
}

header .submenu a {
    font-weight: 600;
}

.header-part-2 .navbar-toggler:focus {
    box-shadow: unset !important;
}

header .mobile-header .mobile-header-logo {
    width: 120px !important;
}

header .mobile-header .user-icon {
    text-align: center !important;
}

    header .mobile-header .user-icon svg {
        margin-top: 8px !important;
    }

header .mobile-header span {
    margin-top: 8px !important;
}

.submenu-width {
    background-color: white;
    border-radius: 10px;
}

.nav-link, .dropdown-item {
    cursor: pointer;
}

.dropdown-item {
    white-space: inherit;
}

.bolet li {
    list-style: disc !important;
}

.home-icon {
    font-size: larger;
    color: aliceblue;
    margin-top: 10px;
}

.fa-bars {
    color: aliceblue;
}