/*
Theme Name: HostCluster Child
Theme URI: http://modeltheme.com/mt_hostcluster
Template: hostcluster
Author: ModelTheme
Author URI: http://modeltheme.com/
Description: WHMCS Hosting WordPress Theme
Version: 2.5
Text Domain: hostcluster
Tags: fluid-layout, custom-header, custom-menu, featured-images, post-formats, sticky-post
*/

/* =Theme customization starts here
------------------------------------------------------- */


.wpb_row{margin-bottom:0px;}
ul.list-mappins li {
    display: inline-block;
    margin: 0 15px;
    font-weight: bold;
    color: #f3f3f3;
}
.sidebar-content .widget {
    float: left;
    padding-bottom: 50px;
    width: 100%;
    font-size: 16px;
    background: #f1fbf0;
    padding: 30px;
    margin-bottom: 20px;
}
.header1{
	background:#222;
}
.page-id-3233 .header1{
	background:transparent;
}
.success-icon h3 {
    color: #fff;
    margin-top: 0;
    border: 2px solid #fff;
    border-radius: 50%;
    padding: 2px 5px;
}

/* ==============================
   Konect Domain Price Cards
================================= */

.konect-domain-prices {
    width: 100%;
    max-width: 100%;
    padding: 32px 0;
    box-sizing: border-box;
}


/* ==============================
   DESKTOP - FORCE 6 IN ONE ROW
================================= */

.konect-domain-prices-inner {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: space-between !important;

    width: 100% !important;
    max-width: 100% !important;

    gap: 8px !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box;
}

.TopBadge{
	    margin-bottom: 20px !important;
    padding-top: 5px !important;
    padding-right: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 5px !important;
    background-color: #0E9941 !important;
}
/* ==============================
   DOMAIN CARD
================================= */

.konect-domain-prices-inner .konect-domain-card {
    /* Six equal cards */
    flex: 1 1 0 !important;
    position: relative;
    width: 0 !important;
    min-width: 0 !important;
    max-width: none !important;

    float: none !important;
    clear: none !important;

    margin: 0 !important;

    background: #6773DD;

    border-radius: 12px;

    min-height: 168px;

    padding: 26px 24px 24px;

    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;

    box-sizing: border-box;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}


/* ==============================
   CARD HOVER
================================= */

.konect-domain-card:hover {
    transform: translateY(-4px);

    box-shadow:
        0 10px 25px rgba(0, 0, 0, 0.07);
}


/* ==============================
   TOP PRICE AREA
================================= */

.konect-domain-top {
    display: flex !important;

    flex-direction: row !important;

    justify-content: space-between !important;

    align-items: flex-start !important;

    gap: 8px;

    width: 100%;
}


/* ==============================
   PRICE WRAPPER
================================= */

.konect-domain-price-wrap {
    display: flex;

    flex-direction: column;

    min-width: 0;
}


/* ==============================
   OLD PRICE
================================= */

.konect-domain-old-price {
    font-size: 18px;
	font-weight:bold;
    line-height: 1.2;
	
    color: #fff;

    margin-bottom: 5px;

    white-space: nowrap;
}


/* ==============================
   CURRENT PRICE
================================= */

.konect-domain-current-price {
    font-size: 12px;

    line-height: 1.1;

    color: #fff;

    font-weight: 500;

    white-space: nowrap;
}


/* /yr */
.konect-domain-current-price .period {
    font-size: 12px;

    font-weight: 400;
}


/* ==============================
   DISCOUNT BADGE
================================= */

.konect-domain-discount {
    background: #d9f5df;

    color: #111111;

    font-size: 12px;

    line-height: 1;

    padding: 4px 6px;

    border-radius: 4px;

    white-space: nowrap;

    flex-shrink: 0;
	position: absolute;
    top: -7px;
    right: 7px;
}


/* ==============================
   DOMAIN EXTENSION
================================= */

.konect-domain-extension {
    margin-top: 26px;

    font-size: 28px;

    line-height: 1;

    font-weight: 600;

    color: #fff;

    word-break: normal;
}


/* ==============================
   TABLET
   2 CARDS PER ROW
================================= */

@media (max-width: 767px) {

    .konect-domain-prices-inner {
        flex-wrap: wrap !important;

        gap: 16px !important;
    }

    .konect-domain-prices-inner .konect-domain-card {
        flex: 0 0 calc(50% - 8px) !important;

        width: calc(50% - 8px) !important;

        max-width: calc(50% - 8px) !important;

        padding: 22px 18px;
    }

    .konect-domain-current-price {
        font-size: 12px;
    }

    .konect-domain-extension {
        font-size: 25px;
    }
}


/* ==============================
   MOBILE
   1 CARD PER ROW
================================= */

@media (max-width: 480px) {

    .konect-domain-prices-inner {
        gap: 15px !important;
    }

    .konect-domain-prices-inner .konect-domain-card {
        flex: 0 0 100% !important;

        width: 100% !important;

        max-width: 100% !important;
    }
}


.note{
	    background: #222;
    padding: 10px;
    border-radius: 10px;
    margin: 20px 0px!important;
}
.note p{color:#fff;}
.btn{
	    font-family: 'Nunito'!important;
}
.transfer-cards .wpb_column.vc_column_container.vc_col-md-4 .wpb_wrapper{
	background:#f1fbf0;
	padding:24px;
	border-radius:10px;
}


.font-body.text-xxs.text-statsSuffix {
    font-size: 14px;
}
.font-body.text-statsDescription {
    font-size: 14px;
}



.faq-home .wpb_column.vc_column_container {
    background: #275ae0;
    padding: 20px;
    border-radius: 15px;
}
.slider-moving {
    background-color: #275AE0 !important;

    background-image: url("https://konecthosting.com/staging/wp-content/uploads/2026/09/hostcluster-slider-home1-scaled.webp") !important;

    background-repeat: repeat-x !important;

    background-size: auto 100% !important;

    background-position: 0 0;
}


.faq-home h2.vc_custom_heading.vc_do_custom_heading:after {
    content: '';
    background: #0e9941!important;
}
.faq-home .vc_toggle h2{
	font-size:14px!important;
}

.modeltheme-pricing-vers4 h2.package_category {
    font-size: 18px;
    font-weight: 800 !important;
    margin: 5px 0 30px;
}


.SupportSection .vc_btn3.vc_btn3-style-custom:focus, .SupportSection .vc_btn3.vc_btn3-style-custom:hover {
    background-position: 0 100%;
    background: #275ae0 !important;
    color: #fff !important;
}

.modeltheme-pricing-vers4 h2.package_title {
    margin: 0;
    padding-top: 30px;
    font-weight: 400 !important;
    font-size: 30px!important;
}
.fixed-sidebar-menu .icon-close {
    cursor: pointer;
    font-size: 40px;
    position: absolute;
    right: 25px;
    top: 50px;
    z-index: 1000;
    color: #275ae0!important;
    transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
}

.pricing--cluster .pricing__price {
    font-size: 80px;
    font-weight: 800;
    position: relative;
    z-index: 100;
    color: #275ae0 !important;
    line-height: 1;
    padding: 5px 0;
}


.slider-buttons {
    text-align: center;
}



.vc_toggle_size_md.vc_toggle_default .vc_toggle_content, .vc_toggle_size_md.vc_toggle_default .vc_toggle_title {
    padding-left: 29.2px!important;
}


.ssl-hero .vc_btn3-container.vc-custom-button-3.wpb_animate_when_almost_visible.wpb_fadeInUp.fadeInUp.vc_btn3-left.vc_do_btn.wpb_start_animation.animated{
	display: inline-flex;
    margin: 0px 0px 0 20px;
}
.ssl-hero img{
    min-width: 450px;
    height: 310px;
    object-fit: contain;
}

#navbar .sub-menu, .navbar ul li ul.sub-menu {
    background-color: #ffffff!important;
    border-radius: 10px;
    color: #061124;
	width: max-content;
	top:70px;
}
#navbar ul.sub-menu li a{
	color: #061124!important;
}
#navbar ul.sub-menu li a:hover {
    background-color: rgba(129, 218, 158, 0.14)!important;
	color: #0e9941!important;
}

.about-question-support .vc_column-inner{padding-top:0px!important;}
.vc_row.wpb_row.vc_row-fluid.GlobalNetwork.vc_custom_1790363125094.vc_row-has-fill .wpb_wrapper li::marker{color:#fff;}