.hdr_top_ctry_list a p,

.hdr_tp_cmn a {

    font-size: 14px;

    font-weight: 500;

    letter-spacing: .3px;

    line-height: 1.4em;

    text-decoration: none;

    color: #000;

    transition: .6s

}



.cart-mega-menu-mb,

.hdr_tp_menu_li a,

.header-megamenu-li,

.mega-nav {

    position: relative

}



.header-megamenu {

    position: absolute;

    left: 0;

    right: auto;

    padding: 15px;

    margin: 0;

    border-top: 1px solid #e1e1e1;

    border-right: 0;

    border-left: 0;

    border-bottom: 0;

    border-radius: 0;

    background: #fff

}



.main_navbar_megamenu .navbar-light .navbar-nav .nav-link {

    padding: 20px 10px;

    font-size: 16px;

    font-weight: 400;

    color: #080808;

    line-height: 1.4em;

    letter-spacing: .3px;

    margin: 5px;

    transition: .4s

}



.main_navbar_megamenu .navbar-light .navbar-nav .nav-link:hover,

li.nav-item.dropdown.header-megamenu-li:hover .mega-nav {

    border-radius: 8px;

    color: #888

}



.main_navbar_megamenu {

    padding: 0 4rem;

    background-color: #fff

}



.hdr_top_login_mb a,

.header-login-mo {

    display: none

}



.main_navbar_megamenu nav.navbar.navbar-expand-lg.navbar-light.rounded {

    padding: 0;

    background: 0 0

}



.main_navbar_megamenu .navbar-collapse {

    justify-content: end

}



.main_navbar_megamenu .nav-link i {

    margin-left: 2px;

    font-size: 12px

}



.header-top-menu {

    display: flex;

    justify-content: space-between;

    align-items: center;

    background: #faf7ff;

    padding: .2rem 4rem

}



.hdr_tp_cmn ul {

    padding: 0;

    margin-bottom: 0;

    display: flex;

    justify-content: center;

    align-items: center

}



.hdr_tp_cmn ul li {

    list-style-type: none;

    display: inline-block;

    margin: 0

}



.hdr_tp_cmn a {

    margin-right: 30px;

    padding: 5px 10px

}



.hdr-tp-rgt .hdr-tp-icon {

    font-size: 14px

}



.hdr_top_ctry_list i {

    font-size: 12px

}



.cart-icon-hdr-tp i {

    margin-left: 0 !important;

    font-size: 20px !important;

    color: #3838ff

}



.hdr_top_cntc_us a {

    margin-top: 3px

}



.hdr_top_ctry_list a {

    margin-right: 0 !important;

    display: flex;

    align-items: center

}



.hdr_top_ctry_list a p {

    margin-top: 0;

    padding: 5px

}



.hdr_top_ctry_list .dropdown-menu {

    background-color: #fff;

    border: none;

    box-shadow: rgb(122 120 122) 0 18px 50px -10px

}



.hdr_top_ctry_list .dropdown-item {

    color: #000

}



.hdr_top_ctry_list .dropdown-item:hover {

    color: #000;

    background-color: #ececff

}



.header-megamenu h5 {

    font-size: 18px;

    font-weight: 600;

    color: #007aff;

    letter-spacing: 1px;

    padding: 0 0 10px 20px

}



.hdr_tp_menu_li {

    display: flex;

    transition: .5s;

    flex-basis: 50%;

    margin: 0

}



.hdr_tp_menu_li:hover {

    transform: scale(1.04);

    border: transparent

}



.mega_box_main {

    display: flex;

    flex-wrap: wrap;

    padding: 10px 0

}



.hdr_tp_menu_li a {

    padding: 20px;

    margin: 0;

    font-size: 16px;

    font-weight: 500;

    color: #404040;

    display: flex;

    align-items: flex-start;

    border-radius: 8px;

    letter-spacing: .2px

}



.hdr_tp_menu_li a img {

    margin-right: 20px;

    min-width: 38px;

    max-width: 100%

}



.hdr_tp_menu_li a i {

    font-size: 18px;

    background: #cce0f1;

    padding: 8px 10px;

    border-radius: 5px;

    margin-right: 20px

}



.hdr_top_login i,

.hdr_tp_cmn a:hover,

a.btn-headr-top-r.dropdown-toggle.show {

    color: #115baa

}



.hdr_tp_menu_li a:hover {

    background-color: #ececff

}



li.nav-item.dropdown.header-megamenu-li:hover .header-megamenu {

    opacity: 1;

    z-index: 1111;

    min-width: 760px;

    top: 74px;

    left: -150%;

    position: absolute;

    border-radius: 10px;

    padding: 30px 20px;

    border-top: none;

    background-color: #fff;

    box-shadow: rgb(122 120 122) 0 18px 50px -10px;

    border: none;

}



.mega-box-clm {

    padding: 0;

    display: flex;

    flex-wrap: wrap

}



.mega-menu-cont p {

    font-size: 12px;

    font-weight: 400;

    color: #727272;

    margin-bottom: 0;

    white-space: normal

}



.mega-menu-tittle {

    margin-bottom: 4px;

    font-size: 16px;

    color: #080808;

    font-weight: 500

}



li.nav-item.dropdown.header-megamenu-li:hover .servers-dropdown-megamenu {

    left: -180%

}



li.nav-item.dropdown.header-megamenu-li:hover .domains-dropdown-megamenu {

    left: -60%

}



li.nav-item.dropdown.header-megamenu-li:hover .hosting-dropdown-megamenu {

    left: -110%

}



.email-dropdown-megamenu {

    min-width: 360px !important;

    left: 80%

}



.email-dropdown-megamenu .hdr_tp_menu_li {

    flex-basis: 100%

}



.header-login-mo .login-user,

li.nav-item.dropdown.header-megamenu-li:hover .account-dropdown-megamenu .hdr_tp_menu_li a {

    display: flex;

    align-items: center

}



li.nav-item.dropdown.header-megamenu-li:hover .help-dropdown-megamenu {

    left: -40%;

    min-width: 300px

}



.account-dropdown-megamenu ul li,

.contry-dropdown-megamenu ul li,

.help-dropdown-megamenu ul li {

    display: block;

    width: 100%;

    flex-basis: inherit

}



.help-dropdown-megamenu ul li a {

    align-items: center

}



li.nav-item.dropdown.header-megamenu-li:hover .account-dropdown-megamenu {

    left: -40%;

    min-width: 280px

}



.contry-dropdown-megamenu li a img {

    min-width: auto

}



.hdr_top_cntc_us .dropdown-menu {

    background: #fff;

    border: none;

    padding: 10px;

    box-shadow: rgb(122 120 122) 0 18px 50px -10px

}



li.nav-item.dropdown.header-megamenu-li:hover .contry-dropdown-megamenu {

    left: -40%;

    min-width: 200px;

    padding: 10px

}



.mega-menu-tittle p {

    font-size: 16px;

    font-weight: 600;

    color: #080808

}



.hdr_top_cntc_us .dropdown-menu a {

    padding: 12px 20px;

    font-size: 16px;

    font-weight: 600

}



.hdr_top_cntc_us .dropdown-menu a:hover {

    transition: .6s;

    background-color: #ececff

}



.hdr_top_cntc_us .dropdown-menu a i {

    margin-right: 15px;

    color: #115baa

}



.hedr-tp-mb-main {

    display: flex;

    justify-content: space-between;

    align-items: center

}



.header-top-mb-menu {

    background-color: #ececff;

    display: none

}



.header-top-mb-menu .cart-icon-hdr-tp i {

    padding: 0 16px

}



.hedr-tp-mb-main li {

    margin: 0

}



.header_section {

    z-index: inherit

}



.main_navbar_megamenu button.navbar-toggler,

.top_buy button {

    background-color: inherit;

    box-shadow: none

}



button.megamenu-toggle {

    width: 48px;

    height: 38px;

    border: 1px solid #18b35c

}



span.toggle-icon i {

    font-size: 18px;

    color: #18b35c

}



.top-menu-myacc {

    display: block !important;

    background-color: #f1f1ff

}



.my-acc-log-out-btn {

    text-align: center;

    margin-top: 10px

}



.cntry-list-in {

    padding: 0 4px

}



.cart-megamenu-li .counter {

    position: absolute;

    top: 10px;

    right: 8px;

    text-align: center

}



.header-login-desk {

    display: block

}



.header-login-mo .user-icon i {

    font-size: 20px !important;

    margin-right: 20px;

    border: 1px solid #080808;

    border-radius: 50%;

    width: 45px;

    height: 45px;

    display: flex;

    text-align: center;

    align-items: center;

    justify-content: center;

    color: #080808

}



.header-login-mo .user-cnt {

    color: #080808;

    font-size: 18px;

    font-weight: 500

}



.header-login-mo .user-cnt p {

    font-size: 14px;

    font-weight: 300;

    margin-bottom: 0

}



.header-login-mo .login-user-btn a {

    display: block;

    text-align: center;

    margin-top: 15px

}



.header-login-mo .nav-link {

    padding: 6px 0 !important

}



span.counter {

    background: #00008A;

    width: 15px;

    height: 15px;

    font-size: 10px;

    color: #fff;

    justify-content: center;

    align-items: center;

    position: absolute;

    right: 8px;

    display: flex;

    top: 16px;

    border-radius: 50%

}



.main_navbar_megamenu.is-sticky {

    backdrop-filter: blur(10px);

    position: sticky;

    box-shadow: 0 5px 16px rgba(0, 0, 0, .1);

    backdrop-filter: blur(10px);

    z-index: 111;

    width: 100%;

    top: 0

}



.header_section .top-header .top_buy {

    position: inherit

}



.header_section .top-header {

    padding-top: 8px;

    padding-bottom: 8px;

    background: #007aff;

    transition: .2s linear;

    position: fixed;

    top: 0;

    width: 100%;

    color: #fff !important;

    height: 92px;

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 999999999

}



.header_section .top-header .top-buy-ofrs {

    letter-spacing: 0 !important;

    justify-content: center;

    align-items: center;

    display: flex;

    font-size: 18px;

    font-weight: 600;

    color: #fff

}



.top-buy-ofrs span {

    background-color: #c8e9fc;

    font-size: 18px;

    color: #000;

    margin: 0 6px;

    padding: 4px 11px

}



.plans_btn_top a {

    background-color: #fff;

    color: #3e3737 !important;

    padding: 6px 20px;

    display: block !important;

    margin: 0 0 0 20px;

    border-radius: 6px

}



.plans_btn_top i {

    margin-left: 10px

}



.top-buy-ofrs button i {

    color: #c8e9fc;

    font-size: 24px

}



.top-buy-ofrs button {

    background-color: inherit;

    position: absolute;

    right: 0;

    cursor: pointer

}



.top-buy-ofrs button i:hover {

    color: #fff

}



.plans_btn_top a:hover {

    background-color: #c7e7fb

}



.header-tp-menu-contact button {

    background-color: transparent !important;

    border: inherit;

    color: #080808;

    font-weight: 500

}



.header-tp-menu-contact button:hover {

    background-color: transparent !important;

    color: #115baa

}



a.btn.btn-headr-top-r.dropdown-toggle.show {

    border: none;

    color: #115baa

}



.header-tp-r-ul-box i {

    margin-right: 10px;

    width: 25px;

    color: #115baa

}



.header-top-menu-right,

.header-tp-menu-contact {

    display: flex

}



ul.dropdown-menu.header-tp-r-ul-box li a {

    font-size: 16px;

    font-weight: 600;

    padding: 12px 20px;

    color: #080808

}



ul.dropdown-menu.header-tp-r-ul-box li a:hover {

    background-color: #e8e8ff;

    color: #115baa

}



ul.dropdown-menu.header-tp-r-ul-box {

    padding: 10px;

    border: none;

    box-shadow: rgba(0, 0, 0, .25) 0 25px 50px -12px

}



.header-tp-menu-contact a {

    font-size: 14px;

    font-weight: 500;

    letter-spacing: .3px;

    text-decoration: none;

    color: #000;

    transition: .6s;

    padding: 5px 10px;

    cursor: pointer

}



a.btn.btn-headr-top-r.dropdown-toggle:active {

    border: none

}



.my-acc-log-out-btn a {

    background-color: #18b35c;

    color: #fff !important;

    display: inline-block !important;

    padding: 8px 35px !important;

    border-radius: 30px;

    font-size: 14px !important;

    font-weight: 500 !important

}



.btn-headr-top-r {

    display: flex;

    align-items: flex-start

}



.btn-headr-top-r::after {

    content: "\f107";

    font-family: 'Font Awesome 6 Free';

    font-size: 14px;

    border: none;

    font-weight: 600

}




.main_navbar_megamenu.is-sticky.nav-expanded {

    height: 100vh;

    overflow-y: auto;

    overflow-x: hidden

}



@keyframes slideDown {

    from {

        transform: translateY(-100%)

    }



    to {

        transform: translateY(0)

    }

}









@media only screen and (min-width:768px) {

    .btn_bottom_for_mbl {

        display: none

    }

}

@media (min-width:992px) {

    .navbar-expand-lg .navbar-nav .dropdown-menu {

        position: absolute

    }



    .header_section .dropdown-menu.header-megamenu {

        display: none

    }



    li.nav-item.dropdown.header-megamenu-li:hover .header-megamenu {

        display: block

    }



    .cart-mega-menu-mb {

        display: none !important

    }

    .navbar-expand-lg .navbar-nav {

        flex-direction: row;

        display: flex;

        align-items: center;

    }

}



@media only screen and (min-width:998px) {

    .my-acc-top-device {

        display: none !important

    }

}











@media only screen and (max-width:1499px) {

    .main_navbar_megamenu .navbar-light .navbar-nav .nav-link {

        font-size: 14px

    }

}



@media only screen and (max-width:1399px) {

    .cart-megamenu-li .counter {

        top: 10px;

        right: 5px;

    }



    .hdr_tp_menu_li a {

        padding: 10px 20px;

    }



    .navbar-megamenu-logo img {

        max-height: 60px !important

    }

    li.nav-item.dropdown.header-megamenu-li:hover .header-megamenu {

        top: 54px;

    }

}



@media only screen and (max-width:1299px) {

    .main_navbar_megamenu .navbar-light .navbar-nav .nav-link {

        margin: 0

    }

}



@media only screen and (max-width:1200px) {

    .header-megamenu-li .nav-link {

        padding: 10px 2px !important;

        font-size: 14px !important

    }



    .hdr_tp_menu_li a {

        font-size: 14px !important

    }



    .header-megamenu h5 {

        font-size: 14px;

        font-weight: 500

    }



    li.nav-item.dropdown.header-megamenu-li:hover .hosting-dropdown-megamenu {

        left: -170%

    }



    li.nav-item.dropdown.header-megamenu-li:hover .servers-dropdown-megamenu {

        left: -280%

    }

}



@media only screen and (max-width:1099px) {

    .main_navbar_megamenu {

        background-color: #fff !important;

        transition: .6s;

        padding: 0 2rem

    }



    ul.navbar-nav.mega-menu {

        padding: 20px 0 0

    }

}





@media only screen and (max-width:992px) {



    .header-login-desk,

    .main_navbar_megamenu .cart-megamenu-li,

    .my-acc-top-desktop {

        display: none

    }



    .cart-mega-menu-mb,

    .hdr_top_login_mb a {

        display: block

    }



    .header-top-menu {

        padding: .2rem 0 !important;

        justify-content: space-around

    }



    .hdr_tp_cmn a {

        font-size: 12px !important;

        margin-right: 0 !important;

        padding: 5px 16px

    }



    .cart-mega-menu-mb .counter {

        position: absolute;

        top: 0;

        right: 7px

    }



    .cart-icon-hdr-tp i {

        font-size: 16px !important

    }



    .navbar-megamenu-logo img {

        max-height: 50px !important

    }



    li.nav-item.dropdown.header-megamenu-li:hover .header-megamenu {

        min-width: auto;

        min-width: inherit !important;

        top: 54px;

        padding: 0 10px;

        box-shadow: none;

        left: 0;

        position: static;

    }



    li.nav-item.dropdown.header-megamenu-li:hover .domains-dropdown-megamenu,

    li.nav-item.dropdown.header-megamenu-li:hover .hosting-dropdown-megamenu,

    li.nav-item.dropdown.header-megamenu-li:hover .servers-dropdown-megamenu {

        left: 0

    }



    .email-dropdown-megamenu {

        left: 0 !important

    }



    .mega-menu-tittle {

        font-size: 14px

    }



    .header-login-mo {

        display: block;

        border-bottom: inherit !important

    }

     .cart-icon-hdr-tp-mo {

        display: block;

        position: absolute;

        right: 70px;

        top: 21px;

    }

    span.counter {

        top: -11px;

        right: -11px;

    }

    .main_navbar_megamenu .navbar-light .navbar-nav .nav-link:focus {

        border: none;

        box-shadow: none;

    }

    li.nav-item.dropdown.header-megamenu-li:hover .help-dropdown-megamenu {

        left: 0;

        min-width: inherit;

    }

}



@media only screen and (max-width:768px) {

    .header_section .top-header {

        display: none !important

    }



    li.nav-item.dropdown.header-megamenu-li:hover .header-megamenu {

        box-shadow: inherit;

        position: relative;

        top: 0

    }



    .main_navbar_megamenu .nav-link i.arrow {

        position: absolute;

        right: 10px

    }



    .header-megamenu-li {

        border-bottom: 1px solid #e9e9e9;

        margin: 10px 0 0;

        box-shadow: none

    }



    .main_navbar_megamenu .navbar-light .navbar-nav .nav-link {

        display: flex;

        align-items: center;

        padding: 15px 0 !important

    }

}



@media only screen and (max-width:767px) {

    .main_navbar_megamenu {

        background-color: #e7e0ff;

        transition: .6s;

        padding: 0 1rem !important

    }



    .hdr_tp_menu_li {

        flex-basis: 100%;

        margin: 5px 0

    }



    .hdr_tp_menu_li a {

        display: flex;

        align-items: center;

        padding: 5px

    }



    .mega-menu-tittle {

        margin-bottom: 0

    }



    .hdr-tp-lft,

    .mega-menu-cont p,

    li.nav-item.dropdown.header-megamenu-li:hover .mega-nav:after {

        display: none

    }



    .header-top-mb-menu {

        display: block

    }



    .hdr_top_cntc_us a p,

    .hdr_top_ctry_list a p {

        font-size: 12px

    }



    .mega-menu-fixed {

        padding-top: 0 !important

    }



    li.nav-item.dropdown.header-megamenu-li:hover .account-dropdown-megamenu,

    li.nav-item.dropdown.header-megamenu-li:hover .contry-dropdown-megamenu,

    li.nav-item.dropdown.header-megamenu-li:hover .help-dropdown-megamenu {

        left: 0

    }

    .main_navbar_megamenu.nav-expanded {

        height: 100vh;

        overflow-y: auto;

        overflow-x: hidden

    }

}



.mega-menu-icon svg {

    width: 35px;

    margin-right: 20px;

    height: auto;

}



li.nav-item.dropdown.header-megamenu-li svg {

    width: 30px;

    height: auto;

}



.contry-dropdown-megamenu .hdr_tp_menu_li a {

    display: flex;

    align-items: center;

}



.contry-dropdown-megamenu .hdr_tp_menu_li a svg {

    margin-right: 10px;

}



.cart-icon-hdr-tp-mo {

    display: none;

}







#myHeader {

    position: sticky;

    top: 0;

    background-color: white;

    transition: box-shadow 0.3s ease;

    z-index: 1000;

}



#myHeader.scrolled {

    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;

}

.header-overlap.no-scroll {
            overflow: hidden; /* This will be applied by JS */
        }
       
        .mobile-nav.nav-expanded {
            transform: translateX(0); /* Slide in */
        }