@media(min-width: 1200px){
    .header-main .bzotech-navbar-nav > li > a{
        border-radius: 6px;
    }
}
@media(max-width: 1200px){
    .menu-fixed-content.fixed-header{
        display: none;
    }
}
.uk-text-primary,
.c-pink{
    color: var(--bzo-main-color);
}
body svg #svg-concept {
    stroke: var(--bzo-main-color);
}
body svg #svg-ico {
    fill: var(--bzo-main-color);
}
.box-pricing .price sup{
    top: -.4em;
    font-size: 20px;
}
.box-pricing .period {
    font-weight: 500;
    font-size: 20px;
}
.box-service-center{
    position: relative;
}
.box-service-center::before{
    position: absolute;
    content: "";
    width: 1px;
    height: 65%;
    background: linear-gradient(to top right, transparent, #fff, transparent);
    opacity: .25;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}
.box-service-center::after{
    position: absolute;
    content: "";
    width: 1px;
    height: 65%;
    background: linear-gradient(to top right, transparent, #fff, transparent);
    opacity: .25;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.home-slideshow{
    background: linear-gradient(240deg,#001f00 50%,#003a01 100%);
}
.box-animate-top:hover{
    transform: translateY(-5px);
    transition: .3s;
}
.home-slideshow .animatype{
    display: flex;
}
.home-top-infos{

}
.elbzotech-account-manager-global .img-account {
    display: flex;
}
.elbzotech-account-manager-global .img-account img{
    border-radius: 10px;
}



.box-label-wrap{
    position: relative;
}
.label-box{
    background: var(--bzo-main-color);
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    padding: 4px 10px;
    display: inline-flex;
    position: absolute;
    top: 10px;
    right: 10px;
}
.label-box-left{
    left: 10px;
    right: auto;
}
.badge{
    background-color: var(--bzo-main-color);
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    padding: 4px 7px;
    display: inline-flex;
}
.bg-purple{
    background-color: var(--bzo-main-color);
}
.bg-grey {
    background-color: #4c4a4a;
}
/*--- menu ---*/
.menu-lablel{
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    padding: 5px 8px;
    background: var(--bzo-main-color);
    border-radius: 5px;
    display: inline-flex;
}
.menu-label-fit{
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    padding: 5px 10px;
    display: inline-flex;
    position: absolute;
    right: -40px;
    border-radius: 15px 0px 0px 15px;
    background: var(--bzo-main-color);
}
.menu-label-grey{
    background: #4c4a4a;
}
.bzotech-navbar-nav li.has-mega-menu.menu-left-seft .mega-menu{
    left: 0 !important;
}
/*--- team --*/
.box-team .team-img{
    position: relative;
}
.box-team .team-img .team-links{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}
.box-team:hover .team-img .team-links{
    opacity: 1;
    visibility: visible;
}
body .mergecolor{
    color: #212122;
}
/* table best plans */
.border-0 {
    border: 0 !important;
}
body.body-on-fixed-menu .best-plans .table{
    top: 96px !important;
}
.best-plans.pricing .table .title {
    font-size: 26px;
    font-weight: 700;
}
.best-plans.pricing .info {
    font-size: 13px;
    margin: 15px 0;
}
.best-plans.pricing .price {
    color: #414142;
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 10px;
}
.best-plans.pricing .price sup{
    top: -.4em;
    font-size: 20px;
}
.best-plans .period {
    font-weight: 500;
    font-size: 20px;
}

.best-plans .table thead th{
    border-top: none;
}

.best-plans .table th:first-child,
.best-plans .table th:first-child {
    border-left: none;
    color: #4c4a4a
}
.best-plans .table {
    margin: 0px;
    font-weight: initial !important;
    text-align: left;
    border: none;
    width: 100%;
}

.best-plans .table div.title-table {
    font-weight: 700;
    font-size: 18px;
    color: #242830;
    display: inline-block;
    text-decoration: underline;
}

.best-plans .table td i.fa-times {
    font-size: 22px;
    color: #4c4a4a;
}

.best-plans .table td i.fa-check {
    font-size: 22px;
    color: #4c4a4a;
}

.best-plans .table td {
    font-size: 18px;
    color: #4c4a4a;
    border-top: none;
    border-left: solid 1px #d8d8d8;
    border-bottom: solid 1px #d8d8d8;
    padding: 20px;
    border-right: none;
}

.best-plans .table th {
    color: #4c4a4a;
    border-left: solid 1px #d8d8d8;
    border-bottom: solid 1px #d8d8d8;
    padding: 20px;
    border-right: none;
}

.best-plans .table.sample td {
    border-left: none !important;
    text-align: left;
}

.best-plans .compare td {
    border-left: none !important;
}

.best-plans .compare.min td {
    min-width: 300px;
}

.best-plans .compare.min .form-contact {
    padding: 0px !important;
}

.best-plans .table tbody td.section-bar {
    color: #181b22;
    font-size: 16px;
    padding-right: 65px;
    background-color: #fdd700;
    border: none;
}

.best-plans .table tbody td.section-bar span {
    margin-right: 30px;
    font-size: 12px;
}

.best-plans .table tr {
    vertical-align: middle;
}

.best-plans .table td:first-child {
    padding-left: 0px;
    min-width: 200px;
    text-align: left;
    border-left: none;
    color: #212122;
}

.best-plans .table td .fa-check {
    font-size: 29px;
}

.best-plans .btn.left {
    margin-right: 35px;
    padding: 15px 33px;
    background-color: #fdd700;
    font-size: 18px;
}

.best-plans .btn-x.w-btn {
    letter-spacing: -0.1px;
    padding: 15px 47px;
}

.table>:not(:first-child) {
    border-top: 1px solid #e3e3e3;
}
/* Fixed thead vertical table on scroll */
#clone .thead-clone {
    visibility: visible;
}

#clone tbody tr td {
    border: none;
}

#clone tr.thead-clone th {
    position: relative;
    border-left: solid 1px #efefef;
    box-shadow: 0px 10px 10px -3px rgba(110, 110, 110, .1);
    background-color: #fff;
}

#clone tr.thead-clone th:first-child {
    border: none;
    background-color: transparent;
    box-shadow: none;
}

#bottom_anchor {
    bottom: 320px;
    position: absolute;
}
#clone tr.thead-clone th {
    background-color: #ebeff5;
    border-left: solid 1px #efefef;
}
#clone tr.thead-clone th:first-child {
    background-color: transparent;
}
.best-plans .table td {
    border-left: solid 1px #d8d8d8;
    border-bottom: solid 1px #d8d8d8;
    color: #4c4a4a;    
}
.best-plans .table th:first-child {
    border-left: none;
    color: #4c4a4a;  
}
@media(max-width: 1200px){
    .best-plans.pricing .table .title {
        font-size: 20px;
    }
    .best-plans.pricing .price{
        font-size: 24px;
    }
    .best-plans .table td{
        font-size: 16px;
    }
}
@media(max-width: 992px){
    .table-responsive-lg {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}
@media(min-width: 1200px){
    .best-plans-uptime table#clone{
        top: 90px !important;
    }
}


/* page email */
.godown {
    border: none;
    display: inline-table;
    z-index: 2;
    -webkit-animation: 1s infinite alternate moverdown;
    animation: 1s infinite alternate moverdown
}

.godown span {
    letter-spacing: 1px;
    top: -10px;
    font-size: 16px;
    left: 0;
    font-weight: 700;
    transform: rotate(-90deg)!important;
    position: absolute;
}

@-webkit-keyframes moverdown {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-10px)
    }
}

@keyframes moverdown {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-10px)
    }
}
/*-----------------------------------
    17 - Switch
------------------------------------*/
.run-switch {
    position: relative;
    cursor: pointer;
    margin-top: 10px;
    z-index: 3;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.run-switch .mo.active, .run-switch .an.active {
    color: #fff;
}

.run-switch .mo, .run-switch .an {
    font-size: 12px;
    color: #808080;
    font-weight: 700 !important;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.run-switch div {
    display: inline-block;
}

.run-switch .switch.on:after {
    left: 5px;
}

.run-switch .switch {
    position: relative;
    box-shadow: 0 2px 8px 0 rgba(62, 62, 79, .23);
    vertical-align: middle;
    width: 65px;
    height: 30px;
    margin-left: 15px;
    margin-right: 15px;
    border-radius: 15px;
    background-color: #fdd700;
    z-index: 3;
}

.run-switch .switch:after {
    position: absolute;
    margin-top: -11px;
    left: 37.5px;
    background-color: #ffffff;
    border-radius: 50%;
    content: "";
    width: 22px;
    height: 22px;
    top: 50%;
    transition: all 0.3s ease;
}

#priceon-val {
    display: none;
}
    
/*-- page datacenter */
.datacenter-pictures .elementor-image-gallery .gallery-item img{
    width: 100%;
    border: 2px solid #dee2e6;
    border-radius: 3px;
}
.datacenter-pictures .gallery-item{
    position: relative;
}
.datacenter-pictures .gallery-item .gallery-icon a{
    position: relative;
    display: block;
    transition: .2s;
}
.datacenter-pictures .gallery-item .gallery-icon a:hover{
    opacity: 0.9;
}
.datacenter-pictures .gallery-item .gallery-icon a::before{
    position: absolute;
    content: "\e99c";
    width: 64px;
    height: 64px;
    line-height: 64px;
    border-radius: 100%;
    font-size: 28px;
    background-color: var(--bzo-main-color);
    color: #fff;
    font-family: elementskit !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media(max-width: 880px){
    .datacenter-pictures .gallery-item .gallery-icon a::before{
        width: 52px;
        height: 52px;
        line-height: 52px;
        font-size: 24px;
    }
}

/*-- page database --*/
.tabs-item {
    display: none;
}
.tabs-item.active {
    display: block;
}
.tabs-database.elementor-widget-n-tabs .e-n-tabs-heading{
    flex-direction: column;
    position: absolute;
    top: 0;
}
.best-plans .tabs-database .table th:first-child{
    width: 22%;
}
.tabs-database.elementor-widget-n-tabs .e-n-tab-title-text{
    justify-content: center;
}
@media(max-width: 1200px){
    .tabs-database #database_tab2,
    .tabs-database #database_tab1{
        padding: 14px 15px;
    }
}
@media(max-width: 1024px){
    .tabs-database.elementor-widget-n-tabs .e-n-tabs-heading{
        position: static;
        flex-direction: row;
        gap: 20px;
        margin-bottom: 20px;
    }
}

/*-----------------------------------
    20 - Flip Countdown
------------------------------------*/
.tick {
    font-size:1rem;
}
.tick-label {
    padding-top: 5px;
    font-size:.375em;
    text-align:center;
    color: #212122;
}
.tick-group {
    display: grid;
    margin:0 .25em;
    text-align:center;
}
.tick .tick-credits {
    display: none;
}
@media(max-width: 767px){
    .tick-label {
        font-size: 14px;
    }
    .tick-group {
        font-size: 20px;
    }
}
/*-----------------------------------
    added pages 20/03/25
------------------------------------*/
body .wrap{
    overflow: visible;
}
.admin-bar .menu-anchor-sticky{
    top: 32px;
}

    .menu-anchor-sticky{
        position: sticky !important;
        top: 0;
    }


.links-anchor .elbzotech-list-link-global a{
    position: relative;
}
.links-anchor .elbzotech-list-link-global a:before{
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    border-radius: 6px;
    background-color: transparent;
    left: 0;
    bottom: 0;
}
.links-anchor .elbzotech-list-link-global a.active:before{
    background-color: var(--bzo-main-color);
}
.banner-shadow .elbzotech-banner-info-global-wrap.elbzotech-hidden{
    overflow: visible;
}
@media (max-width: 767px){
    .links-anchor{
        overflow-x: scroll;
    }
    .links-anchor .elbzotech-list-link-global a{
        white-space: nowrap;
    }
}
/* btn scroll down */
.btn-scroll-down .button-wrap-global .button-inner{
    display: flex;
    position: relative;
}
.btn-scroll-down .button-wrap-global .button-inner::before{
    position: absolute;
    content: "";
    left: 50%;
    margin-left: -1px;
    top: 3px;
    width: 3px;
    min-height: 10px;
    display: block;
    background: #fff;
    border-radius: 5px;
    -webkit-animation: 1.2s ease infinite wheel-up-down;
    animation: 1.2s ease infinite wheel-up-down;
}
.btn-scroll-green .button-wrap-global .button-inner::before{
    background: var(--bzo-main-color);
}
.btn-scroll-down .button-wrap-global a:focus{
    outline: none;
}

@keyframes wheel-up-down {
  0% {
        opacity: 0;
  }
  30% {
        opacity: 1;
  }
  100% {
        transform: translateY(18px);
        opacity: 0;
  }
}

.list-text-center .elbzotech-list-link-global a{
    justify-content: center;
}
/*=============== Plesk page =====================*/
.plesk-top{
    background-image: linear-gradient(120deg, #00683773 48%, #006837d6 36%);
}
.plesk-brands .elbzotech-banner-info-global-thumb.elbzotech-hidden img{
    max-width: 100px;
}
.plesk-brands .elbzotech-banner-info-global-thumb{
    justify-content: center;
}
.elementor-widget-n-tabs .e-n-tab-title:hover{
    cursor: pointer;
}
.elementor-widget-n-tabs .e-n-tab-title[aria-selected="true"]:hover{
    cursor: default;
}

/*========= cpanel ======*/
.cpanel-grid svg path {
    fill: #006837;
    stroke: #006837 !important;
}
.cpanel-grid .logo-text{
    display: flex;
    align-items: center;
}

/*========= page domain ==========*/
@-webkit-keyframes topToBottom {
    0% {
        opacity: 0
    }

    5% {
        opacity: 0;
        -webkit-transform: translateY(-30px)
    }

    10% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }

    25% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }

    30% {
        opacity: 0;
        -webkit-transform: translateY(30px)
    }

    80% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

.slidingVertical span {
    -webkit-animation: topToBottom 8s linear 0s infinite;
    animation: topToBottom 8s linear 0s infinite;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    font-size: 75px;
    color: #fff;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1;
}

.slidingVertical span:nth-child(2) {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.slidingVertical span:nth-child(3) {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}

.slidingVertical span:nth-child(4) {
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
}
.slidingVertical {
    display: inline-block;
    height: 75px;
    overflow: hidden;
}
@media(max-width: 1200px){
    .slidingVertical span {
        font-size: 60px;
    }
}
@media(max-width: 767px){
    .slidingVertical span {
        font-size: 36px;
    }
    .slidingVertical {
        height: 30px;
    }
}
.slidingVertical span {
    animation: topToBottom 8s linear 0s infinite;
    opacity: 0;
    overflow: hidden;
    position: absolute;
}

.whmpress.whmpress_domain_search_ajax{
    padding: 0;
}
body .whmpress_domain_search_ajax form,
body .whmpress_domain_search form{
    max-width: 100%;
}
body .whmpress_domain_search_ajax form div input[type="submit"],
body .whmpress_domain_search form div input[type="submit"]{
    padding: 0;
}
body .whmpress_domain_search_ajax div input#search_box,
body .whmpress_domain_search form div input#search_domain{
    border-radius: 40px 0 0 40px;
    padding: 0 20px;
}
body .whmpress_domain_search_ajax form button.search_btn,
body .whmpress_domain_search form div input[type="submit"]{
    border-radius: 0 40px 40px 0;
}
body .whmpress_domain_search_ajax form button.search_btn{
    font-family: inherit;
    font-size: 18px;
}

body .whmpess-search-mini .whmpress_domain_search form div input#search_domain{
    border-radius: 5px 0 0 5px;
    padding: 0 10px;
    border-width: 1px;
}
body .whmpess-search-mini .whmpress_domain_search form div.submit_div{
    min-width: 60px;
    position: relative;    
}
body .whmpess-search-mini .whmpress_domain_search form div input[type="submit"]{
    border-radius: 0 5px 5px 0;
}
@media(min-width: 768px){
    body .whmpess-search-mini .whmpress_domain_search form div input[type="submit"]{
        border-radius: 0 5px 5px 0;
    
        background: transparent;
        border: 1px solid #ddd;
        border-left: none;
        background: none;
        width: 60px;
        height: 56px;
        padding: 0;
        text-indent: -9999px;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23006837' viewBox='0 0 50 50' width='22px' height='22px'%3E%3Cpath d='M 21 3 C 11.621094 3 4 10.621094 4 20 C 4 29.378906 11.621094 37 21 37 C 24.710938 37 28.140625 35.804688 30.9375 33.78125 L 44.09375 46.90625 L 46.90625 44.09375 L 33.90625 31.0625 C 36.460938 28.085938 38 24.222656 38 20 C 38 10.621094 30.378906 3 21 3 Z M 21 5 C 29.296875 5 36 11.703125 36 20 C 36 28.296875 29.296875 35 21 35 C 12.703125 35 6 28.296875 6 20 C 6 11.703125 12.703125 5 21 5 Z'/%3E%3C/svg%3E") no-repeat center;
        cursor: pointer;
    }
}
.whmp_loading_div{
    color: #fff;
}
.search-extend-mini .whcom_bordered_bottom {
    display: none;
}
.search-extend-mini .whmpress_domain_search_ajax_extended_search_form_container{
    background: transparent;
    padding: 0;
    border: none;
}
.search-extend-mini .whmpress_domain_search_ajax_extended_search_form_container form .whcom_row .whcom_col_md_3,
.search-extend-mini .whmpress_domain_search_ajax_extended_search_form_container form .whcom_row .whcom_checkbox{
    display: none;
}
.search-extend-mini .whmpress_domain_search_ajax_extended_search_form_container form .whcom_form_field{
    padding: 0;
    position: static;
}
.search-extend-mini .whcom_form_field textarea:not(textarea), .whcom_form_field>input:not([type=radio]):not([type=checkbox]):not([type=submit]):not(textarea){
    width: 100%;
    height: 48px;
    line-height: 48px;
}
.search-extend-mini .whmpress_domain_search_ajax_extended_search_form_container form .whcom_row .whcom_col_md_7{
    width: 100%;
}
.search-extend-mini .whmpress_domain_search_ajax_extended_search_form_container form .whcom_row.whcom_row_no_gap{
    position: relative;
    width: 100%;
}
.search-extend-mini .whmpress_domain_search_ajax_extended_search_form_container form .whcom_button{
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    background: transparent;
    border: none;
    height: 48px;
    line-height: 48px;
}
.search-extend-mini .whmpress_domain_search_ajax_extended_search_form_container form .whcom_button::before{
    font-family: elementskit !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\eb28";
    color: #222;
}
.search-extend-mini .whmpress_domain_search_ajax_extended_search_form_container .whcom_row.whcom_row_no_gap > [class^="whcom_col"]{
    min-height: unset;
}

@keyframes crystal {
    0% {
        transform: rotate(0) scale(1)
    }

    50% {
        transform: rotate(180deg) scale(.75)
    }

    100% {
        transform: rotate(360deg) scale(1)
    }
}
.allure-preloader .allure-preloader-anim{
    width: 100px !important;
    height: 100px;
    overflow: hidden;
    border-radius: 100px;
    -webkit-animation: crystal 5s linear infinite;
    animation: crystal 5s linear infinite;
    position: relative;
    z-index: 1002;
    top: auto;
    left: auto;
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: 0 0 !important;
}
.allure-preloader .allure-preloader-anim .allure-anim-1{
    display: block;
    width: 70px;
    height: 70px;
    margin: 15px auto 0;
    border-radius: 50%;
    background: 0 0;
    box-shadow: 0 -15px 0 0 rgba(0, 104, 55, 0.5), 15px -15px 0 0 rgba(0, 104, 55, 0.5), 15px 0 0 0 rgba(0, 104, 55, 0.5), 15px 15px 0 0 rgba(0, 104, 55, 0.5), 0 15px 0 0 rgba(0, 104, 55, 0.5), -15px 15px 0 0 rgba(0, 104, 55, 0.5), -15px 0 0 0 rgba(0, 104, 55, 0.5), -15px -15px 0 0 rgba(0, 104, 55, 0.5);
    color: #006837;
    animation: none;
    background-color: transparent !important;
    animation-delay: unset !important;
}
.allure-preloader .allure-preloader-anim .allure-anim-2,
.allure-preloader .allure-preloader-anim .allure-anim-3{
    display:none;
}
.allure-preloader {
    background-color: rgb(255 255 255 / 10%)!important;
}

/* slider page cloud vps */
.cloud-vps-slider .elbzotech-wrapper-slider-global{
    margin: -20px;
    overflow: hidden;
}
.cloud-vps-slider .swiper-container{
    padding: 20px;
    overflow: visible;
}
.cloud-vps-slider .item-slider-global- {
    background: #ffffff;
    padding: 50px;
    text-align: center;
    box-shadow: 0 10px 20px 0 #000b280f;
}
.cloud-vps-slider .item-slider-global-:hover{
    background:linear-gradient(120deg,#006837 15%, #006837 20%, #fdd700 100%);
    color: #fff;
}
.cloud-vps-slider .pagelayer-slide-sub{
    font-size: 20px;
    color: #000;
    font-weight: 600;
}
.cloud-vps-slider .pagelayer-slide-holder:hover .pagelayer-slide-sub{
    color: #fff;
}
.cloud-vps-slider .pagelayer-slide-heading i {
    width: 82px;
    height: 82px;
    padding: 25px;
    align: center;
    border-width: 1px;
    border-style: solid;
    border-radius: 50%;
    font-size: 30px;
    margin-bottom: 34px;
}
.cloud-vps-slider .pagelayer-slide-heading .fa-linux{
background-color: #f81b5f0f;
border-color: #f81b5f4d;
}
.cloud-vps-slider .pagelayer-slide-holder:hover:hover .fa-linux{
color:#ffffff;
border-color: #ffffff;
}
.cloud-vps-slider .pagelayer-slide-heading .fa-chart-bar{
color:#6754e2;
background-color: #6754e20f;
border-color: #6754e24d;}

.cloud-vps-slider .pagelayer-slide-holder:hover .fa-chart-bar{
color:#ffffff;
border-color: #ffffff;
}

.cloud-vps-slider .pagelayer-slide-heading .fa-box{
color:#d6a719;
background-color: #d6a7190f;
border-color: #e7b2124d;}

.cloud-vps-slider .pagelayer-slide-holder:hover .fa-box{
color:#ffffff;
border-color: #ffffff;}

.cloud-vps-slider .pagelayer-slide-heading .fa-headphones{
color:#6754e2;
background-color: #6754e20f;
border-color: #6754e24d;}

.cloud-vps-slider .pagelayer-slide-holder:hover .fa-headphones{
color:#ffffff;
border-color: #ffffff;}

.cloud-vps-slider .pagelayer-slide-heading .fa-bolt{
color:#d6a719;
background-color: #d6a7190f;
border-color: #e7b2124d;}

.cloud-vps-slider .pagelayer-slide-holder:hover .fa-bolt{
color:#ffffff;
border-color: #ffffff;}

.cloud-vps-slider .pagelayer-slide-heading .fa-hdd{
color:#0abc7b;
background-color: #0abc7b0f;
border-color: #0abc7b4d;}

.cloud-vps-slider .pagelayer-slide-holder:hover .fa-hdd{
color:#ffffff;
border-color: #ffffff;}
@media(max-width: 1200px){
    .cloud-vps-slider .item-slider-global- {
        padding: 30px 20px;
    }
}

.cloud-vps-tabs .elementor-widget-n-tabs .e-n-tab-title-text{
    flex-direction: column;
    gap: 10px;
    align-items: self-start;
    text-align: left;
}
@media(max-width: 880px){
    .cloud-vps-tabs .elementor-widget-n-tabs .e-n-tabs-heading{
        flex-direction: column;
    }
}

.callout .dot {
    width: 10px;
    height: 10px;
    background: var(--bzo-main-color);
    border: 2px solid #fff;
    box-shadow: 0 0 0 2px #0a5d2c55;
    border-radius: 50%;
}
.callout .elbzotech-text-editor-global{
    display: flex;
    align-items: center;
    gap: 10px;
}
.badge-home {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #fff;
    border: 1px solid #e7eaee;
    box-shadow: 0 6px 24px rgba(16,24,40,.08), 0 2px 8px rgba(16,24,40,.06);
    padding: 10px 12px;
    border-radius: 10px;
    font-weight: 600;
    width: 100%; 
}
.badge-home .pulse {
    width: 10px;
    height: 10px;
    background: var(--bzo-main-color);
    border-radius: 50%;
    position: relative;
}
.badge-home .pulse::after {
    content: "";
    position: absolute;
    inset: -6px;
    border-radius: 50%;
    border: 2px solid #0a5d2c55;
    animation: ping 1.8s cubic-bezier(0,0,.2,1) infinite;
}
@keyframes ping{0%{transform:scale(.6);opacity:.8}70%{transform:scale(1.6);opacity:0}100%{transform:scale(1.6);opacity:0}}

.bzo-contact-form p{
    margin: 0;
}
.bzo-contact-form br{
    display: none;
}
.bzo-contact-form label{
    display: inline-block;
    width: 100%;
    font-weight: 700;
    margin-bottom: 6px;
    margin-top: 10px;
}
.bzo-contact-form label .wpcf7-quiz-label{
    font-weight: 400;
}
.bzo-contact-form input,
.bzo-contact-form textarea{
    padding: 10px 14px;
    border: 1px solid #ddd;
    border-radius: 8px;
    width: 100%;
    margin-bottom: 10px;
    font-size: var(--bzo-body_typo-font-size);
}
.bzo-contact-form input.wpcf7-submit{
    width: auto;
}
.bzo-contact-form select{
    padding: 10px 14px;
    border: 1px solid #ddd;
    border-radius: 8px;
    width: 100%;
    margin-bottom: 10px;
}
/* Khung quiz */
.bzo-contact-form .cf7-quiz-box {
  border: 1px dashed #ddd;
  background: #fcfefd;
  border-radius: 12px;
  padding: 14px;
  margin: 15px 0;
}
.bzo-contact-form .cf7-quiz-box label{
    width: auto;
}
/* Label chính */
.bzo-contact-form .cf7-quiz-label {
  font-weight: 600;
  color: #222;
  display: block;
  margin-bottom: 6px;
}

/* Nhóm input + nút */
.bzo-contact-form .cf7-quiz-inner {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Input quiz */
.bzo-contact-form .wpcf7-quiz {
  flex: 1;
  transition: border-color 0.3s;
  width: 90px;
}

.bzo-contact-form .wpcf7-quiz:focus {
  border-color: #22c55e; /* xanh lá */
}

/* Nút refresh */
.bzo-contact-form .quiz-refresh {
  background: #22c55e;
  color: #fff;
  border: none;
  border-radius: 8px;
  padding: 12px 16px;
  font-size: 16px;
  cursor: pointer;
  transition: background 0.3s, transform 0.2s;
}

.bzo-contact-form .quiz-refresh:hover {
  background: #16a34a;
  transform: scale(1.05);
}
.contact-form-doit .wpcf7-not-valid-tip{
    margin-bottom: 10px;
}
.contact-form-doit{
    border: 1px solid #E5E7EB;
    border-radius: 20px;
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.06);
    padding: 30px;
}
@media(max-width: 1200px){
    .contact-form-doit{
        padding: 30px 15px;
    }
}

.slider-hosting-plans .swiper-container{
    overflow: visible;
    padding: 30px 16px;
}
.slider-hosting-plans .elbzotech-wrapper-slider-global{
    overflow: hidden;
    margin: -30px -16px;
}
.slider-hosting-plans .swiper-slide{
    overflow: visible;
}

.slider-hosting-plans .item-slider-global-{
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.36);
    border-radius: 3px;
    overflow: hidden;
}
html {
  scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

.home-brands .elbzotech-wrapper-slider-global .swiper-slide{
    height: 175px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.home-brands .swiper-container{
    overflow: visible;
    padding: 13px;
}
.home-brands .elbzotech-wrapper-slider-global{
    overflow: hidden;
    margin: -13px;
}

.home-navs{
    position: relative;
}
.home-navs .home-btn-next{
    right: -30px !important;
}
.home-navs .home-btn-prev{
    left: -30px !important;
}
.home-navs .display-swiper-navi-style1 .bzotech-swiper-navi .swiper-button-nav{
    opacity: 0;
}
@media(max-width: 1200px){
    .home-navs .home-btn-next{
        right: 0px !important;
    }
    .home-navs .home-btn-prev{
        left: 0px !important;
    }
}

/*=============================== dia page ================================*/
.page-dia{
    font-size: 14px;
}
.page-dia p{
    margin-bottom: 10px;
}
.page-dia .badge2 {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 12px;
    border-radius: 999px;
    background: #ffffff;
    border: 1px solid rgba(0,0,0,0.04);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    color: #004624;
    font-weight: 600;
}
.page-dia .badge-dot {
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: var(--bzo-main-color);
    box-shadow: 0 0 0 4px rgba(0,104,55,0.18);
}
.page-dia .btn-hover-translate a.button-inner:hover{
    transform: translateY(-1px);
}

.dia-visual {
    background: radial-gradient(circle at top left, #ffffff, #ebeff5) !important;
    border-radius: 32px;
    padding: 24px 20px;
    box-shadow: 0 16px 38px rgba(0, 0, 0, 0.09);
    position: relative !important;
    overflow: hidden !important;
}

.dia-visual::before {
    content: "";
    position: absolute !important;
    width: 260px !important;
    height: 260px !important;
    background: radial-gradient(circle, rgba(0, 104, 55, 0.23), transparent 70%) !important;
    top: -90px !important;
    right: -40px;
    left: auto !important;
    opacity: 0.7 !important;
}

.page-dia .hero-visual-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    position: relative;
    z-index: 2;
}

.page-dia .hero-visual-title {
    font-size: 12px;
    font-weight: 600;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 8px;
}

.page-dia .hero-visual-title-dot {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--bzo-main-color);
}

.page-dia .hero-visual-tags {
    display: flex;
    gap: 6px;
    font-size: 12px;
}

.page-dia .hero-visual-tags span {
    padding: 4px 8px;
    border-radius: 999px;
    background: rgba(255,255,255,0.85);
}
.dia-slider-regions .item-slider-global-{
    border-radius: 18px;
    padding: 18px 16px;;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    background: #fff;
}
.dia-slider-regions .item-slider-global- p{
    font-size: 14px;
}
.dia-slider-regions .item-slider-global- .adv-thumb-link > img{
    width: auto;
    border-radius: 6px;
}
.dia-slider-regions .swiper-container{
    padding: 12px;
    overflow: visible;
}
.dia-slider-regions .elbzotech-wrapper-slider-global{
    margin: -12px;
    overflow: hidden;
}
.page-dia .region-card h3 {
    font-size: 16px;
    margin-bottom: 6px;
    font-weight: 700;
}
.page-dia .region-meta {
    font-size: 14px;
    color: #6b7280;
    margin-bottom: 10px;
}

.page-dia .region-meta div {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-right: 8px;
}

.page-dia .region-meta div::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: var(--bzo-main-color2);
}

.page-dia .region-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(0,104,55,0.06);
    color: #004624;
}


@media (max-width: 767px) {
  
  .home-slideshow-landing {
        flex-grow: 0 !important;
        flex-shrink: 0 !important;
        min-height: calc(100dvh - 49px) !important;
    }
}

.bzotech-header-page-header-transparent{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9; 
}


.w-100 {
 width: 100%; }
 
 .add-form-contact input[type='submit'] {
 border: none;
  color: #fff;
  font-weight: 700;
  padding: 14px 30px;
  font-size: 16px;
  line-height: 1.5;
  border-radius: 3px;
  display: inline-block;
  cursor: pointer;
  z-index: 1;
  font-family: var(--bzo-body_typo-font-family);
  transition: .3s linear;
  background: var(--bzo-main-color);
  box-shadow: 0px 2px 8px 0px rgba(62, 62, 79, 0.23) !important;
  text-transform: capitalize;
  white-space: nowrap;
  text-align: center;
 }
 
  .add-form-contact input[type='submit']:hover {
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .3) !important;
  transform: translateY(-5px);
  color: #fff;
  filter: brightness(85%);
  }
  
   .add-form-contact input[type='reset'] {
   border: none;
  color: #000;
  font-weight: 700;
  padding: 12px 30px;
  font-size: 16px;
  line-height: 1.5;
  border-radius: 3px;
  display: inline-block;
  cursor: pointer;
  z-index: 1;
  font-family: var(--bzo-body_typo-font-family);
  transition: .3s linear;
  background: #fdd700;
  box-shadow: 0px 2px 8px 0px rgba(62, 62, 79, 0.23) !important;
  text-transform: capitalize;
  white-space: nowrap;
  height: auto;
   }
     .add-form-contact input[type='reset']:hover {
     color: #fff;
  background: #4c4a4a;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .3) !important;
  transform: 
  translateY(-5px);
     }
     
  .add-form-contact .wpcf7-spinner {
  display : none;
  }
  
  .add-form-contact .form-buttons p {
  	display : flex;
    gap : 10px
  }
  .add-form-contact .wpcf7-list-item {
  padding-left : 0px;
  margin-left : 0px;
  }
html {
  scroll-behavior: smooth;
}