/*
|--------------------------------------------------------------------------
| ZURE - Navigation.
|--------------------------------------------------------------------------
*/
.z-order-logo a{
    padding: 0 1rem !important;
}
.z-order-logo img{
    width: 60px !important;
}
.menu-open .z-order-logo{
    display: none !important;
}

.sidebar-logo img{
    max-width: 100px !important;
}

:root{
    --app-nav-top-menu-link-font-size: 1em;
}

.app-nav-header .logo{
    display: none !important;
}

.app-nav .item-text,
.top-nav .item-text{
    padding-top: 1px;
}

.app-nav-header{
    border-bottom: var(--app-nav-top-border-bottom);
}

.grecaptcha-badge{
    visibility: hidden !important;
}

/*
|--------------------------------------------------------------------------
| ZURE - Colors.
|--------------------------------------------------------------------------
*/
:root{
    /*
    |----------------------------------------------------------------------
    | ZURE - Color Variables.
    |----------------------------------------------------------------------
    */
    --z-brand-bg: #37996B;              /* Brand Green */
    --z-brand-bg-hover: #33815D;        /* Darker Green */
    --z-brand-color: #3ecf8e;           /* Brand Green */

    --z-btn-bg: #2e2e2e;                /* Alt Gray */
    --z-btn-bg-hover: #343434;          /* Light Alt Gray */
    --z-btn-border: #3e3e3e;            /* Light Alt Gray */
    --z-btn-border-hover: #505050;      /* Lighter Alt Gray */
    --z-btn-color: #ededed;             /* White */

    --z-body-bg: #1c1c1c;               /* Dark Gray */
    --z-body-primary-color: #ededed;    /* White */
    --z-body-secondary-color: #7e7e7e;  /* Gray */

    --z-app-bg: #161616;                /* Darker Gray */

    --z-panel-bg: #232323;              /* Lighter Gray */
    --z-panel-border: #343434;          /* Light Gray */
    
    --z-input-bg: rgb(237 237 237 / 3%);
    --z-input-border: #343434;

    /*
    |----------------------------------------------------------------------
    | ZURE - Overrides.
    |----------------------------------------------------------------------
    */
    --brand-primary: var(--z-brand-bg);
    --brand-success: var(--z-brand-bg);
    --text-body-color: var(--z-body-secondary-color);
    --svg-icon-color-3: var(--z-body-secondary-color);
    --text-lighter-color: var(--z-body-secondary-color);
    --text-faded-color: var(--z-body-primary-color);
    --gray-darker:  var(--z-body-secondary-color);
    --gray-faded: var(--z-app-bg);
    
    --cms-block-divider-gray-color: transparent;
    --cms-block-divider-default-color: transparent;
    
    --status-expired: var(--state-danger-text);

    --panel-sidebar-link-active-bg: var(--z-btn-bg);
    
    --brand-primary-lighter-4: var(--z-btn-bg);
    
    --dropdown-link-icon-active-color: var(--z-body-primary-color);
    --app-nav-left-wide-link-active-bg: var(--z-body-bg);
    --app-nav-left-link-active-bg: var(--z-body-bg);
    --app-nav-left-wide-dropdown-link-active-bg: var(--z-app-bg);

    /* Backgrounds */
    --body-bg: var(--z-body-bg);
    --ui-block-bg: var(--z-body-bg);
    --app-nav-top-bg: var(--z-app-bg);
    --main-footer-bg: var(--z-app-bg);
    
    --mob-app-nav-header-bg: var(--z-app-bg);
    --mob-app-nav-bg: var(--z-app-bg);
    
    --ui-block-bg-form: var(--z-panel-bg);

    --app-nav-top-border-bottom: 1px solid var(--z-panel-border);
    --dropdown-bg: var(--z-panel-bg);
    --ui-block-divider-color: var(--z-panel-border);
    
    --text-heading-color: var(--z-body-primary-color);
    --main-header-title-font-size: 2em;
    --main-header-title-font-weight: 300;

    --ui-block-border: 1px solid var(--z-panel-border);
    --panel-active-bg: var(--z-panel-bg);
    --package-bg: var(--z-panel-bg);

    --dropdown-link-color: var(--z-body-secondary-color);
    --dropdown-link-active-bg: var(--z-brand-bg);
    --dropdown-link-active-color: var(--z-body-primary-color);
    
    --ui-icon-color: var(--z-brand-bg);
    --app-nav-top-menu-link-color: var(--z-body-secondary-color);
    
    --input-bg: var(--z-input-bg);
    --input-border: 1px solid var(--z-input-border);
    --input-color: var(--z-body-primary-color);

    --input-hover-bg: rgb(237 237 237 / 5%);
    --input-hover-border-color: var(--z-input-border);
    --input-hover-color: var(--z-body-primary-color);

    --input-focus-bg: rgb(237 237 237 / 5%);
    --input-focus-border-color: var(--z-btn-border);
    --input-focus-color: var(--z-body-primary-color);

    --input-label-color: var(--z-body-secondary-color);
    --input-label-font-weight: 500 !important;
    
    --icheck-border: var(--z-brand-color);
    --icheck-bg: var(--z-body-secondary-color);
    
    --btn-primary-color: var(--z-body-primary-color);
    --btn-primary-bg: var(--z-brand-bg);
    --btn-primary-border: var(--z-brand-color);
    
    --btn-primary-hover-color: var(--z-body-primary-color);
    --btn-primary-hover-bg: var(--z-brand-bg-hover);
    --btn-primary-hover-border: var(--z-brand-color);
    
    --btn-primary-faded-color: var(--z-btn-color);
    --btn-primary-faded-bg: var(--z-btn-bg);
    --btn-primary-faded-border: var(--z-btn-border);
    
    --btn-primary-faded-hover-color: var(--z-btn-color);
    --btn-primary-faded-hover-bg: var(--z-btn-bg-hover);
    --btn-primary-faded-hover-border: var(--z-btn-border-hover);

    --btn-default-color: var(--z-btn-color);
    --btn-default-bg: var(--z-btn-bg);
    --btn-default-border: var(--z-btn-border);

    --btn-default-hover-color: var(--z-btn-color);
    --btn-default-hover-bg: var(--z-btn-bg-hover);
    --btn-default-hover-border: var(--z-btn-border-hover);

    --primary-block-bg-h: var(--z-panel-bg);
    --primary-block-input-bg: var(--z-input-bg);
    
    --gray-base: var(--z-body-secondary-color);
    
    --popover-bg: var(--z-panel-bg);
    
    --ui-block-overlay-bg: rgba(0,0,0, .78);
    
    --gray-darker: var(--z-body-secondary-color);
    --gray-lighter-3: var(--z-panel-border);
    --gray-lighter-4: var(--z-panel-border);
    
    --btn-disabled-color: var(--z-body-secondary-color);
    --btn-disabled-bg: var(--z-body-bg);
    --btn-disabled-border: var(--z-panel-border);
    
    --breadcrumb-color: var(--z-body-secondary-color);
    --panel-default-heading-bg: var(--z-panel-bg);
    
    --label-success-bg: var(--brand-success-darker);
    --label-success-color: var(--z-body-primary-color);
    
    --label-danger-bg: var(--brand-danger-darker);
    --label-danger-color: var(--z-body-primary-color);
    
    --label-warning-bg: var(--brand-warning-darker);
    --label-warning-color: var(--z-body-primary-color);
    
    --table-bg-hover: var(--z-btn-bg);
    --list-group-item-link-hover-bg: var(--z-btn-bg);
    
    --panel-home-domain-bg: var(--z-panel-bg);
    --panel-home-domain-border: var(--z-panel-border);
    
    --table-container-header-bg: var(--z-panel-bg);
    --table-container-pagination-bg: var(--z-panel-bg);
    
    --dropdown-link-disabled-color: var(--z-btn-border);
    
    --ui-block-header-bg: var(--z-panel-bg);
    
    --status-type-operator: var(--label-info-color);
    --status-type-operator-text-color: var(--z-body-primary-color);
    
    --ui-block-border-color: var(--z-panel-border);
}

/*
|--------------------------------------------------------------------------
| ZURE - Tooltip
|--------------------------------------------------------------------------
*/
.menu-primary li a{
    padding: .5rem 1rem !important;
}
.tooltip-inner{
    background: var(--z-btn-bg) !important;
    border: 1px solid var(--z-btn-border) !important;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    border-bottom-color: var(--z-btn-bg) !important;
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
    border-top-color: var(--z-btn-bg) !important;
}

.z-promo-widget{
    display: flex;
    background: var(--z-panel-bg);
    border-radius: 25px;
    padding: 4px 5px;
    width: fit-content;
    margin: auto;
    border: 1px solid var(--z-btn-border);
    align-items: center;
    transition: all 0.3s ease;
}

.z-promo-widget:hover{
    background: var(--z-app-bg);
    border: 1px solid var(--z-btn-border-hover);
}

.z-promo-widget div{
    background: #37996b45;
    color: var(--z-brand-color);
    border-radius: 25px;
    border: 1px solid var(--z-brand-bg-hover);
    padding: 0 9px;
    font-size: 1rem;
    margin-right: 10px;
    font-weight: 400;
}

.z-promo-widget span{
    color: var(--z-body-primary-color);
    font-size: 1rem;
    font-weight: 400;
}

.z-promo-widget i{
    margin-left: 10px;
    margin-right: 10px;
    transition: all 0.3s ease;
}

.z-promo-widget:hover i{
    margin-left: 15px;
}

.z-site-h2{
    display: block !important;
    max-width: var(--site-section-item-max-width) !important;
    color: var(--brand-primary) !important;
    font-size: var(--section-caption-font-size) !important;
    line-height: var(--section-caption-line-height) !important;
    font-weight: var(--section-caption-font-weight) !important;
    margin: 0 !important;
    text-align: center !important;
}

.z-site-p{
    font-size: 1.15rem !important;
    line-height: 1.5 !important;
    margin-top: .5em !important;
    max-width: var(--site-section-item-max-width) !important;
    text-align: center !important;
}


.swiper-button-next,
.swiper-button-prev{
    background: var(--z-btn-bg) !important;
    color: var(--z-brand-bg) !important;
    border: 0 !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover{
    background: var(--z-btn-bg-hover) !important;
}
/*
|--------------------------------------------------------------------------
| ZURE - Order Page.
|--------------------------------------------------------------------------
*/

.InputContainer .InputElement{
    color: var(--z-body-primary-color) !important;
}

.label-default {
    background-color: var(--z-btn-bg) !important;
    color: var(--z-body-secondary-color) !important;
}

.label-info{
    background-color: var(--label-info-color) !important;
    color: var(--z-body-primary-color) !important;
}

.alert-warning:not(.alert-primary) {
    background-color: var(--alert-warning-text);
    color: #fff !important;
}

.alert-warning:not(.alert-primary) p{
    color: #fff !important;
}

.alert-success:not(.alert-primary) {
    background-color: var(--alert-success-text) !important;
    color: #fff !important;
}

.client-home-alert{
    padding: .5em 1em !important;
}

.alert-danger:not(.alert-primary) {
    background-color: var(--alert-danger-text) !important;
    border-color: var(--alert-danger-text) !important;
    color: #fff !important;
}

.alert-info:not(.alert-primary) {
    background-color: var(--alert-info-text) !important;
    border-color: var(--alert-info-text) !important;
    color: #fff !important;
}

.alert-danger {
    color: #fff !important;
    padding: .3em 1em !important;
}

.app-main-order .has-error .alert:after {
    border-bottom: 6px solid var(--alert-danger-text) !important;
}

.app-main-order .search-result-price,
.app-main-order .search-result--success .search-result-message{
    color: var(--z-brand-color) !important;
}

.app-main-order .domain-incart-message b{
    font-weight: 500 !important;
    color: var(--z-brand-color) !important;
}

.app-main-order .popover-confirmation{
    border: 1px solid var(--z-panel-border) !important;
}

.app-main-order .box-search-domain .search-group-combined{
    border: 1px solid var(--z-input-border) !important;
}

.app-main-order .box-search-domain .tld-select-domain{
    color: var(--z-brand-color) !important;
}

.app-main-order .radio-label .text {
    font-weight: 500 !important;
}

.app-main-order .radio-label .checked+.text{
    color: var(--z-brand-color) !important;
}

.app-main-order .spotlight-list .spotlight{
    background: var(--z-app-bg) !important;
    padding: var(--spacing-1x) var(--spacing-2x) !important;
}

.cookie-bar__content{
    border: 1px solid var(--z-panel-border);
}

.app-main-order .nav-tabs .nav-link{
    font-weight: 500 !important;
    color: var(--z-body-secondary-color) !important;
    font-size: 1em;
    padding-bottom: .75em !important;
}

.app-main-order .nav-tabs .nav-item.active .nav-link,
.app-main-order .nav-tabs .nav-link:hover{
    color: var(--z-brand-bg) !important;
}

.btn-primary-faded,
.app-main-order .main-header-actions .btn-outline {
    border-color: var(--z-btn-border) !important;
    background: var(--z-btn-bg);
    color: var(--z-btn-color) !important;
}

.app-main-order .main-header-actions .btn-outline span{
    color: var(--z-brand-color) !important;
    font-weight: 500;
}

.btn-primary-faded:hover,
.app-main-order .main-header-actions .btn-outline:hover{
    background: var(--z-btn-bg-hover);
    border-color: var(--z-btn-border-hover) !important;
}

.dropdown-menu .dropdown-item,
.dropdown-menu .dropdown-menu-item>a,
.dropdown-menu>li>a{
    font-weight: 500;
}

.order-summary{
    border: var(--ui-block-border);
    background: var(--z-panel-bg);
}

.price-discount{
    background: rgb(21 89 59 / 30%) !important;
    color: var(--z-brand-color) !important;
    font-size: 0.8em;
}

.app-nav .item-text,
.top-nav .item-text {
    font-weight: 500;
}

.panel-check{
    border-color: var(--z-panel-border) !important;
}
.panel-check.checked {
    border-color: var(--z-panel-border) !important;
}

.checkout-security-msg,
.gateway-checked{
    background: var(--z-panel-bg) !important;
}

.iradio_square-blue:before,
.radio-styled:before{
    background: var(--z-body-bg) !important;
}

select:-webkit-autofill,
input:-webkit-autofill{
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: #3ecf8e !important;
    transition: background-color 5000s ease-in-out 0s !important;
    box-shadow: inset 0 0 20px 20px #ededed08 !important;
}

.intl-tel-input .country-list{
    border: var(--input-border) !important;
}

.intl-tel-input .country-list .country.highlight {
    background: var(--z-brand-color) !important;
    color: var(--z-body-primary-color) !important;
}
.intl-tel-input .country-list .country-name{
    font-weight: 500 !important;
}

.intl-tel-input .country-list .country .dial-code {
    color: var(--z-body-primary-color) !important;
}

.intl-tel-input.separate-dial-code .selected-dial-code{
    font-weight: 500 !important;
}

.app-main-order .panel--billing .control-label-info {
    color: var(--z-body-secondary-color) !important;
    font-weight: 400 !important;
}

.app-main-order .panel-check .check-cycle{
    font-weight: 400 !important;
}

.marketing-emails {
    border: 1px solid var(--z-panel-border) !important;
}

.promocode input{
    padding-left: 1em !important;
    padding-right: 1em !important;
}

.app-main-order .summary-no-data {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' stroke='%23DC7e7e7e' stroke-width='2' stroke-dasharray='7, 12' stroke-linecap='square'/%3E%3C/svg%3E") !important;
}

.app-main-order .tld-pagination__pages ul li{
    background: var(--z-btn-bg) !important;
    color: var(--btn-default-color) !important;
    font-weight: 500 !important;
}

.app-main-order .tld-pagination__pages ul li a{
    color: var(--btn-default-color) !important;
}

.app-main-order .tld-pagination__pages ul li.active{
    background-color: var(--z-brand-bg) !important;
}

.app-main-order .tld-pagination__pages ul li.active:hover{
    background-color: var(--z-brand-bg-hover) !important;
}

.app-main-order .tld-pagination__pages ul li.disabled {
    background-color: var(--z-body-bg) !important;
}

.app-main-order .tld-pagination__pages ul li.disabled a {
    color: var(--z-panel-border) !important;
}

.selectize-dropdown.multi{
    border: 1px solid var(--z-panel-border) !important;
    padding: .5em !important;
}

.app-main-order .panel-addon .panel-actions {
    align-items: end !important;
}

/*
|--------------------------------------------------------------------------
| ZURE - Clientarea page.
|--------------------------------------------------------------------------
*/


.panel-sidebar.panel-client-details strong{
    font-size: 1.5em !important;
}

.dropdown-menu .dropdown-item[data-identifier="sitejet"],
li[data-identifier="sitejet"]{
    display: none !important;
}

.panel-sidebar{
    background: var(--z-panel-bg) !important;
    border: 1px solid var(--z-panel-border) !important;
}

.panel-sidebar .panel-heading{
    padding: .5rem 1.25rem !important;
    background: var(--z-btn-bg) !important;
    border-bottom: 1px solid var(--z-btn-border) !important;
}

.panel-sidebar .list-group,
.panel-sidebar .panel-footer{
    padding: .5rem 1.25rem !important;
}

.panel-sidebar[menuitemname="Recent Tickets"] .list-group{
    background: var(--z-panel-bg) !important;
    padding: 0 !important;
}

.panel-sidebar .panel-title{
    font-size: 1em !important;
}

.panel-default .panel-title{
    font-size: 1em !important;
}

.tiles .tile{
    background: var(--z-panel-bg) !important;
}


.panel-domain-register{
    border: 1px solid var(--z-panel-border) !important;
}

.panel-domain-register .panel-title{
    font-size: 1rem !important;
    font-weight: 400 !important;
}

.product-details .product-icon{
    min-height: auto !important;
}

.product-details .product-name{
    font-size: 1rem !important;
    font-weight: 400 !important;
}

.product-details .product-image{
    margin: 0 !important;
    height: 3rem !important;
}

    
.product-details .product-image .svg-icon{
    width: 2rem !important;
    height: 2rem !important;
}

#cPanelQuickShortcutsPanel{
    background: var(--z-panel-bg) !important;
}

.product-image .svg-icon{
    --svg-icon-color-1: var(--z-body-secondary-color) !important;
    --svg-icon-color-2: var(--z-body-secondary-color) !important;
    --svg-icon-color-3: var(--z-body-secondary-color) !important;
    --svg-icon-color-4: var(--z-body-secondary-color) !important;
}

/*
|--------------------------------------------------------------------------
| ZURE - Domain manage page.
|--------------------------------------------------------------------------
*/
.alert.alert-lagom {
    border: 1px solid var(--z-panel-border) !important;
}

.bottom-action-anchor+.bottom-action-sticky {
    background: var(--z-app-bg) !important;
    border-top: 1px solid var(--z-panel-border) !important;
}

.panel-summary{
    background: var(--z-panel-bg);
    border: 1px solid var(--z-panel-border) !important;
}

/*
|--------------------------------------------------------------------------
| ZURE - Support Tickets.
|--------------------------------------------------------------------------
*/
.label.requestor-type-operator{
    margin-left: .5em !important;
}
.client-avatar .staff-reply{
    background-color: transparent !important;
}
.client-avatar .staff-reply img{
    width: 100% !important;
    height: 100% !important;
}

#Primary_Sidebar-Ticket_Information-Priority .label{
    margin-right: 0.5em !important;
    margin-top: .5em !important;
}

.list-group-item .btn-primary-faded{
    margin-right: 1em;
}

.network-status-body .ls-flag{
    margin-right: 1em !important;
}

.network-status-body .panel-title span{
    font-size: .8rem !important;
}

.network-status-body .panel-footer{
    padding: 1em !important;
}

.network-status-body .panel-footer .lm,
.network-status-body .panel-footer .ls{
    font-size: .8em !important;
    margin-right: .5em !important;
}

.network-status-body .priority{
    background: var(--z-panel-bg) !important;
    padding: 0 1em !important;
    border-radius: 6px !important;
}
.network-status-body .priority:before{
    margin-left: .5em !important;
    padding-left: 0 !important;
    left: 0 !important;
}

.network-status-body .priority-text{
    padding-left: 10px !important;
}


/*
|--------------------------------------------------------------------------
| ZURE - Product Details.
|--------------------------------------------------------------------------
*/
.product-details .product-icon{
    background: var(--z-panel-bg) !important;
    border: 1px solid var(--z-panel-border) !important;
}

.page-clientareaproductdetails #domainInfo p{
    color: var(--z-body-primary-color) !important;
    font-weight: 500 !important;
}

/*
|--------------------------------------------------------------------------
| ZURE - Pages - Home.
|--------------------------------------------------------------------------
*/

.z-page-section-hero .banner-body{
    background: var(--z-body-bg) !important;
}

.z-page-section-hero .banner-body .banner-subtitle{
    font-size: 1.25em !important;
    line-height: 1.5 !important;
}

.z-page-section-hero .banner-body .graphic-background-bottom-banner-illustration-wordpresshosting,
.z-page-section-hero .banner-body .graphic-background{
    opacity: 0.3 !important;
}

.z-page-section-hero .banner-body .graphic-background-bottom-banner-illustration-wordpresshosting{
    --svg-illustration-color-3: var(--z-brand-color) !important;
}

.z-page-section-hero .banner-body .banner-title{
    font-weight: 400 !important;
}

.z-page-section-hero .banner-body .banner-caption{
    font-weight: 500 !important;
    font-size: 1.5em !important;
}

.z-page-section-hero.z-page-home-section-hero .banner-body .banner-caption{
    font-size: 1.15rem !important;
    font-weight: 400 !important;
}

.z-page-section-hero.z-page-home-section-hero .banner-body .banner-caption span{
    font-weight: 500 !important;
}

.z-page-section-search{
    padding-top: 4em !important;
    border-top: 1px solid var(--z-panel-border) !important;
    padding-bottom: 3em !important;
}
.z-page-section-search .tld-suffix{
    background: var(--z-app-bg) !important;  
}

.z-page-section-tlds{
    border-top: 0 !important; /* 1px solid var(--z-panel-border) !important; */
    background: none !important; /* var(--z-app-bg) !important; */
    padding-top: 1em !important;
}

.z-page-section-tlds .feature{
    background: var(--z-panel-bg) !important;
    padding: 2em !important;
    border-radius: .5em !important;
}

.z-page-section-tlds .feature-tld-price{
    font-size: 1em !important;
    font-weight: 400 !important;
    color: var(--z-body-secondary-color) !important;
}

.z-page-section-tlds .feature-title{
    font-size: 2em !important;
    font-weight: 500 !important;
}

.z-page-section-tlds .feature-actions .btn-primary{
    color: var(--z-btn-color) !important;
    background: var(--z-btn-bg) !important;
    border: 1px solid var(--z-btn-border) !important;
}

.z-page-section-tlds .feature-actions .btn-primary:hover{
    color: var(--z-btn-color) !important;
    background: var(--z-btn-bg-hover) !important;
    border: 1px solid var(--z-btn-border-hover) !important;
}

.z-page-section-tlds .section-content-features{
    margin-top: 3rem !important;
}

.z-page-section-products{
    background: var(--z-app-bg) !important;
    border-top: 1px solid var(--z-panel-border) !important;
}

.z-page-section-products .package{
    background: var(--z-panel-bg) !important;
}

.z-page-section-products .package-features{
    font-size: 1em !important;
    text-align: left !important;
    line-height: 1.75 !important;
}

.z-page-section-products .package-title{
    font-size: 1.5em !important;
}

.z-page-section-products .package-header .price{
    font-size: 2em !important;
    font-weight: 500 !important;
}

.z-page-section-products .price-discount{
    background: transparent !important;
    color: var(--z-body-secondary-color) !important;
}

.z-page-section-products .package-content p{
    font-size: 1.1em;
}

.z-page-section-products .price-discount-save{
    background: var(--z-body-bg) !important;
    padding: 3px 10px !important;
}

.z-page-section-products .product-billing-switcher .btn-group{
    gap: .5em !important;
}

.z-page-section-products .product-billing-switcher .cycle-change{
    color: var(--z-body-secondary-color) !important;
}

.z-page-section-products .product-billing-switcher .cycle-change:hover{
    background: var(--z-panel-bg) !important;
}

.z-page-section-products .product-billing-switcher .cycle-change.active{
    color: var(--z-body-primary-color) !important;
    background: var(--z-btn-bg) !important;
    border-color: var(--z-btn-border) !important;
}

.z-page-section-products .product-billing-switcher .label{
    margin-right: 0 !important;
    padding: 1px 10px !important;
    background: var(--z-body-bg) !important;
}

.z-page-section-wordpress{
    border-top: 1px solid var(--z-panel-border) !important;
    background: var(--z-body-bg) !important;
}

.z-page-section-wordpress .section-title{
    font-weight: 400 !important;
    font-size: 2.5em !important;
}

.z-page-section-wordpress .section-desc{
    font-size: 1rem !important;
}

.z-page-section-wordpress .section-desc li{
    padding: .1rem 2.25rem !important;
}

.z-page-section-wordpress .section-graphic{
    --svg-illustration-color-0: #222222;
    --svg-illustration-color-1: #4e4c4c;
    --svg-illustration-color-2: #404040;
    --svg-illustration-color-3: #2e2d2d;
    --svg-illustration-color-4: #2e2d2d;
    --svg-illustration-color-5: #4e4c4c;
    --svg-illustration-color-6: #4e4c4c;
    --svg-illustration-color-7: #222222;
}

.z-page-section-wordpress .section-shape{
    opacity: 0.1 !important;
}

/*
|--------------------------------------------------------------------------
| ZURE - Page FAQ
|--------------------------------------------------------------------------
*/

.section-faq{
    border-top: 1px solid var(--z-panel-border) !important;
    background: var(--z-app-bg) !important;
}

.section-faq .section-title{
    font-size: 2em !important;
    font-weight: 400 !important;
}

.section-faq .panel-heading .h5{
    font-size: 1.15em !important;
    color: var(--z-body-secondary-color) !important;
}

.section-faq .faq-item {
    --brand-primary-lighter-3: var(--z-btn-bg) !important;
}
.section-faq .faq-item-boxed{
    outline: 1px solid var(--z-panel-border) !important
}

.section-faq .faq-item-boxed.collapsed:not(.faq-item-expanded){
    outline: 0 !important;
}

.z-page-section-notes{
    background: var(--z-app-bg) !important;
    padding: 0 0 1rem 0 !important;
    font-size: 0.8rem !important;
}

/*
|--------------------------------------------------------------------------
| ZURE - Login
|--------------------------------------------------------------------------
*/

.page-login .main-body-sidebar{
    background: var(--z-app-bg) !important;
}

.page-login .main-body-content{
    background: var(--z-body-bg) !important;
    overflow: auto !important;
}

.page-login .main-body-content .login{
    max-width: 550px !important;
}

.register-page .main-body-content .login{
    max-width: var(--login-lg-width) !important;
}

.page-login .main-body-content .login .login-wrapper{
    background: var(--z-panel-bg) !important;
}

.page-login .main-body-content .login .login-title{
    font-size: 1.5em !important;
    font-weight: 400 !important;
}

.page-login .main-body-sidebar .sidebar-title{
    font-size: 1.5em !important;
    font-weight: 400 !important;
}

.page-login .main-body-sidebar .sidebar-news-title{
    font-size: 1.5em !important;
    font-weight: 500 !important;
}

.page-login .main-body-sidebar .sidebar-news-desc{
    font-size: 1rem !important;
}

.page-login .main-body-content .logo img{
    max-width: 100px !important;
}

.z-page-section-reseller-features{
    background: var(--z-app-bg) !important;
    border-top: 1px solid var(--z-panel-border) !important;
}

.z-page-section-reseller-explain{
    background: var(--z-body-bg) !important;
    border-top: 1px solid var(--z-panel-border) !important;
}

.z-page-section-reseller-explain .section-graphic{
    --svg-illustration-color-0: #222222;
    --svg-illustration-color-1: #4e4c4c;
    --svg-illustration-color-2: #404040;
    --svg-illustration-color-3: #2e2d2d;
    --svg-illustration-color-4: #2e2d2d;
    --svg-illustration-color-5: #4e4c4c;
    --svg-illustration-color-6: #4e4c4c;
    --svg-illustration-color-7: #222222;
}

.z-page-section-reseller-explain .section-shape{
    opacity: 0.1 !important;
}


.z-page-section-wordpress-features{
    background: var(--z-app-bg) !important;
    border-top: 1px solid var(--z-panel-border) !important;
}

.z-page-section-wordpress-features-more{
    background: var(--z-app-bg) !important;
    padding-top: 0 !important;
}

/*
|--------------------------------------------------------------------------
| ZURE - Stats
|--------------------------------------------------------------------------
*/

.z-page-section-hero-company{
    border-bottom: 1px solid var(--z-panel-border) !important;
}

.z-page-section-company-stats{
    background: transparent !important;
    padding-top: 0 !important;
    margin-top: -65px !important;
}

.z-page-section-company-stats .feature{
    background: #232323b5 !important;
    border: 1px solid var(--z-panel-border) !important;
    backdrop-filter: blur(5px) !important;
}

.z-page-section-company-hire,
.z-page-section-company-secret{
    padding-top: 0 !important;
}

.z-page-section-company-hire .section-subtitle,
.z-page-section-company-secret .section-subtitle{
    font-size: 1.1rem !important;
    line-height: 1.5 !important;
    margin-top: 1rem !important;
}



.z-page-section-company-secret .feature-icon .font-icon{
    background: var(--z-panel-border) !important;
}

.z-page-section-company-careers{
    background: var(--z-body-bg) !important;
    padding-top: 6rem !important;
}

.z-page-section-company-careers .section-subtitle{
    font-size: 1rem !important;
}

.page-knowledgebase .main-content .search-box{
    background: var(--z-panel-bg) !important;
    border: 1px solid var(--z-panel-border) !important;
}

/*
|--------------------------------------------------------------------------
| ZURE - Pricing
|--------------------------------------------------------------------------
*/

.z-page-section-pricing-hosting{
    background: var(--z-app-bg) !important;
    border-top: 1px solid var(--z-panel-border) !important;
}

.z-page-section-pricing-hosting .package{
    background: var(--z-panel-bg) !important;
}

.z-page-section-pricing-domains-featured{
    background: var(--z-body-bg) !important;
    padding-bottom:; 0 !important;
    border-top: 1px solid var(--z-panel-border) !important;
}

.z-page-section-pricing-domains{
    background: var(--z-body-bg) !important;
    padding-top: 0 !important;
}

.z-page-section-pricing-domains-featured .feature{
    background: var(--z-panel-bg) !important;
}
.z-page-section-pricing-domains .table-container{
    background: var(--z-panel-bg) !important;
}

/*
|--------------------------------------------------------------------------
| ZURE - Company
|--------------------------------------------------------------------------
*/

.z-page-company-section-hero{
    background: var(--z-body-bg) !important;
    border-bottom: 1px solid var(--z-panel-border) !important;
}

.z-page-company-section-hero:before{
    display: none !important;
}


.page-configureproduct .product-config-info .package-features{
    display: inline-block !important;
}

.page-configureproduct .product-config-info .package-features>li{
    width: 50% !important;
    float: left !important;
}

@media (max-width: 991.98px) {
    .page-configureproduct .product-config-info .package-features>li {
        width: 100% !important;
    }
}

.panel-choose-domain-boxed .panel-domain-option .radio .radio-styled+div{
    background: var(--z-panel-bg) !important;
}
.domain-available.message.message-lg.message-success.message-h{
    background: var(--z-panel-bg) !important;
}

.spotlight-tlds .spotlight-body{
        background: var(--z-panel-bg) !important;
}

.page-viewcart .search-box{
    background: var(--z-panel-bg) !important;
    border: 1px solid var(--z-panel-border) !important;
}

.alert.alert-warning.checkout-security-msg{
    border: 1px solid var(--z-panel-border) !important;
}

.page-domainregister .main-banner.banner-home{
    border-bottom: 1px solid var(--z-panel-border) !important;
    background: var(--z-panel-bg) !important;
}


/*
|--------------------------------------------------------------------------
| ZURE - Announcements
|--------------------------------------------------------------------------
*/
.page-announcements .announcements-list .list-group-item-text img{
    border-radius: 10px !important;
    border: 1px solid var(--z-panel-border) !important;
}
.page-viewannouncement .article-content img{
    border-radius: 10px !important;
    border: 1px solid var(--z-panel-border) !important;
}

.page-viewannouncement .article .article-content strong{
    color: var(--z-brand-color) !important;
}

.page-announcements .announcements-list .announcement-details{
    background: #121212 !important;
    padding: 4px 10px 9px 10px !important;
    border-radius: 5px !important;
    color: #fff !important !important;
}
    
.footer-nav{
    align-items: center !important;
}
.main-footer .footer-nav>li>a>i{
    color: var(--z-btn-border) !important;
}
.footer-nav li a{
    font-size: 0.9rem !important;
}

/*
|--------------------------------------------------------------------------
| ZURE - Domain Info Additional
|--------------------------------------------------------------------------
*/
.domain-info-additional sup{
    line-height: normal !important;
    margin-top: .5rem !important;
    color: var(--z-brand-bg) !important;
    font-size: .9rem !important;
    border-bottom: 1px dashed var(--z-brand-bg) !important;
}

#paymentGatewaysContainer .check-icon[data-gateway-icon-name="stripe"] svg{
    display: none !important;
}

#paymentGatewaysContainer .check-icon[data-gateway-icon-name="banktransferlkr"] svg{
    display: none !important;
}

#paymentGatewaysContainer .check-icon[data-gateway-icon-name="stripe"]{
    background: url(https://zure.world/modules/addons/LagomOrderForm/templates/client/default/assets/img/gateways/creditcard.svg) no-repeat;
    width: 100%;
    background-size: contain;
    background-position: center;
}

#paymentGatewaysContainer .check-icon[data-gateway-icon-name="banktransferusd"]{
    background: url(https://zure.world/modules/addons/LagomOrderForm/templates/client/default/assets/img/gateways/banktransfer.svg) no-repeat;
    width: 100%;
    background-size: contain;
    background-position: center right;
}

#paymentGatewaysContainer .check-icon[data-gateway-icon-name="banktransfereuro"]{
    background: url(https://zure.world/modules/addons/LagomOrderForm/templates/client/default/assets/img/gateways/banktransfer.svg) no-repeat;
    width: 100%;
    background-size: contain;
    background-position: center right;
}

#paymentGatewaysContainer .check-icon[data-gateway-icon-name="banktransferaud"]{
    background: url(https://zure.world/modules/addons/LagomOrderForm/templates/client/default/assets/img/gateways/banktransfer.svg) no-repeat;
    width: 100%;
    background-size: contain;
    background-position: center right;
}

#paymentGatewaysContainer .check-icon[data-gateway-icon-name="banktransferlkr"]{
    background: url(https://zure.world/modules/addons/LagomOrderForm/templates/client/default/assets/img/gateways/banktransfer.svg) no-repeat;
    width: 100%;
    background-size: contain;
    background-position: center right;
}


.tawk-chat-bubble.tawk-message-preview-chat-bubble{
    font-size: 85% !important;
    color: #414141 !important;
    background: #dfe3e3 !important;
    border-radius: 7px !important;
    padding: 10px 15px !important;
    line-height: 1.4 !important;
}