/* Custom CSS by WEBTEAM */

/* SECTION TOP NAV */
ul.top-nav>li.show>a:not(.btn),
ul.top-nav>li.show>a:not(.btn) .item-text,
ul.top-nav>li.show>a:not(.btn)>i,
ul.top-nav>li.show>a:not(.btn):focus,
ul.top-nav>li.show>a:not(.btn):hover,
ul.top-nav>li.show>a:not(.btn):focus>i,
ul.top-nav>li.show>a:not(.btn):hover>.ls-caret {
    color:#FFFFFF;
}
.app-nav-header {
    background: var(--btn-primary-bg);
}
@media (max-width: 480px) {
    .app-nav-header {
        background: #FFFFFF;
    }
}
@media (min-width: 481px) and (max-width: 768px) {
    .app-nav-header {
        background: #FFFFFF;
    }
}
@media (min-width: 769px) and (max-width: 992px) {
    .app-nav-header {
        background: #FFFFFF;
    }
}

@media (min-width: 992px) {
    .app-nav-header {
        background: var(--btn-primary-bg);
        color: #FFFFFF;
    }
    ul.top-nav>li>a:not(.btn)>.ls-caret, ul.top-nav>li>a:not(.btn)>.notification-icon-container>i, ul.top-nav>li>a:not(.btn)>i {
        color: #FFFFFF;
    }
    ul.top-nav>li>a:not(.btn) {
        color: #FFFFFF;
    }

}
@media (max-width: 480px) {
    ul.top-nav > li > a:not(.btn),
    ul.top-nav > li > a:not(.btn) > i,
    ul.top-nav>li>a:not(.btn)>.ls-caret {
        color: #71797e;
    }
}
@media (min-width: 481px) and (max-width: 768px) {
    ul.top-nav > li > a:not(.btn),
    ul.top-nav > li > a:not(.btn) > i,
    ul.top-nav>li>a:not(.btn)>.ls-caret {
        color: #71797e;
    }
}
@media (min-width: 769px) and (max-width: 991px) {
    ul.top-nav > li > a:not(.btn),
    ul.top-nav > li > a:not(.btn) > i,
    ul.top-nav>li>a:not(.btn)>.ls-caret {
        color: #71797e;
    }
}

@media (min-width: 993px) {
    ul.top-nav>li>a:not(.btn):active,
    ul.top-nav>li>a:not(.btn):focus,
    ul.top-nav>li>a:not(.btn):hover {
        color: #FFFFFF;
    }
}

ul.top-nav>li>a:not(.btn):active>.ls-caret,
ul.top-nav>li>a:not(.btn):active>.notification-icon-container>i,
ul.top-nav>li>a:not(.btn):active>i,
ul.top-nav>li>a:not(.btn):focus>.ls-caret,
ul.top-nav>li>a:not(.btn):focus>.notification-icon-container>i,
ul.top-nav>li>a:not(.btn):focus>i,
ul.top-nav>li>a:not(.btn):hover>.ls-caret,
ul.top-nav>li>a:not(.btn):hover>.notification-icon-container>i,
ul.top-nav>li>a:not(.btn):hover>i {
    color: #FFFFFF;
}
/* SECTION MENU */
.menu-item-title {
    padding: var(--dropdown-link-padding-v) var(--dropdown-link-padding-h);
}
.sub_menu_custom_cloud {
    padding-left: 31px;
}
/* SECTION HOMEPAGE */
.section-partner,
.section-support {
    background: #F1F9FE; !important;
}
.section_service_content {
    background-color: transparent;
}

.section_why_choose_krypt .features:not(.features-boxes) {
    margin-bottom: -236px !important;
}
.why_choose_krypt_context {
    margin-top: -236px;
}

.section_services {
    margin-top: 0;
}
.section-secondary {
    background: rgb(12,82,255) !important;
    background:linear-gradient(277deg, #0C52FF 3.9%, #103E9F 57.98%) !important;
}
/* SECTION BODY */
@media (max-width: 767.98px) {
    .section-content .cloud {
        margin-bottom: 16px;
    }
    .slider-navigation .col-lg {
        margin-bottom: 20px;
    }
}

/* SECTION DATA CENTERS */
.container_content {
    padding-top: 50px;
    padding-bottom: 50px;
}
.container_content li {
    list-style: none;
}
.container_content ul {
    padding-left: 0;
}
.section_data_centers {
    background: #103E9F;
}
.container_location {
    background-color:#F8F8F8;
    padding: 20px;
    border-radius: 5px;
}
.container_location h6,
.container_speed_test h6 {
    color: #82898E;
}
.container_location a {
    text-decoration: underline;
}
.container_speed_test {
    background-color:#F1F9FE;
    padding: 20px;
    border-radius: 5px;
}
.top_white_space {
    padding-top:2.5rem;
}
@media (max-width: 768px) {
    .top_white_space {
        padding-top:0;
    }
}
.content-no-li ul{
    padding-left: 0;
}
.content-no-li li{
    list-style: none;
}


/* SECTION BANNER */
.site_banner {
    padding: 60px 0;
    height: 360px;
    align-items: center;
    display: flex;
    justify-content: center;
}
@media (max-width: 768px) {
    .container_content .row .col-md-4 {
        padding-top: 12px;
        padding-bottom: 12px;
    }
}
@media (min-width: 992px) {
    .site.site-index .site-banner:not(.slider-single) {
        padding-bottom: 0;
    }
}

.banner-desc ul {
    padding-left: 0;
}
.banner-desc li {
    list-style: none;
}
.banner-desc {
    width: 50%;
}
@media (max-width: 767px) {
    .banner-desc {
        width: 100%;
    }
}
/* SECTION FOOTER */
.section_order,
.section_what_we_do,
.section_company {
    margin-right: 10px;
}
.section_order ul,
.section_what_we_do ul,
.section_company ul {
    padding: 0;
}
.section_order li,
.section_what_we_do li,
.section_company li {
    padding: 0;
    margin: 0;
    list-style: none;
    color: #242628;
}
.data_protection {
    padding-top: 51px;
}
@media (max-width: 1024px) {
    .data_protection {
        padding-top: 0;
    }
}
.main-footer-extended {
    border-top:none;
}

.package-content li {
    font-size: 17px;
}
.package-content>:last-child {
    list-style:none;
}
.package-qty {
    display: none !important;
}
/* SECTION TABLE */
.table-wrapper {
    width: 100%;
    overflow-x: auto;
    padding: 10px;
}
.thead-dark {
    background-color: #144FC4;
}


/*SECTION PACKAGE*/
.package {
    text-align: left;
    font-weight: normal;
    color: #3A3D3F;
    /*box-shadow: var(--tile-box-shadow);*/
    /*transition: all var(--transition-base) !important;*/
    border: var(--package-border);
    border-radius: var(--package-border-radius);
    padding:16px;
}
.package ul {
    padding-left: 0;
}

/* DEDICATED */
/*.package.dedicated {*/
/*    background: url("/templates/lagom2/svg-custom/bg-dedicated-servers.svg") top right no-repeat ;*/
/*}*/
.package.dedicated .button_cont a {
    background-color: #F27932;
}

.package.dedicated-list,
.package.cloud-list {
    border: var(--package-border);
    border-radius: var(--package-border-radius);
}
.package.dedicated-list a {
    background-color: #F27932;
    color: #FFFFFF;
    width: 100%;
}
@media (max-width: 480px) {
    .package.dedicated-list a {
        width: 100%;
    }
}
@media (min-width: 481px) {
    .package.dedicated-list a {
        width: auto;
    }
}
/* CLOUD */
/*.package.cloud {*/
/*    background: url("/templates/lagom2/svg-custom/bg-cloud-servers-png.png") top right no-repeat ;*/
/*}*/
.package.cloud .button_cont a {
    background-color: #21a6df;;
}
.package.cloud-list a {
    background-color: #21a6df;
    color: #FFFFFF;

}
@media (max-width: 480px) {
    .package.cloud-list a {
        width: 100%;
    }
}
@media (min-width: 481px) {
    .package.dedicated-list a {
        width: auto;
    }
}

.package-icon {
    margin-left: 0;
    display: flex;
    justify-content: space-between;
    margin-right: unset;
    align-items: center;
}
.package-icon p {
    margin-bottom: 0;
}

.package .package-side-left>:not(.label-corner)+*, .package>:not(.label-corner)+* {
    margin-top: 10px !important;
}
@media (max-width: 480px) {
    .package .package-side-left>:not(.label-corner)+*, .package>:not(.label-corner)+* {
        margin-top: 0;
    }
}
@media (max-width: 768px) {
    .package .package-side-left>:not(.label-corner)+*, .package>:not(.label-corner)+* {
        margin-top: 0;
    }
}
.package-horizontal .package-header {
    display: inline-flex;
    align-items: center;
}
.package-title-container {
    display: flex;
    align-items: center;
    font-size: 18px;
    padding-right: 8px;
}
.package-title-container img {
    padding-right: 8px;
}
@media (max-width: 768px) {
    .package-title-container {
        display: inline;
        padding-right: 0;
    }
    .package-title-container img {
        padding-right: 0;
    }
    .package-title {
        padding-left: 0;
    }
}
.package-horizontal .package-header .svg-icon {
    margin-right: 5px;
}

@media (max-width: 480px) {
    .package-horizontal .package-header {
        display: inline;
    }
    .package-price {
        display: flex;
        text-align: left;
        justify-content: flex-start;
    }
    .price-cycle {
        display: flex;
        text-align: left;
    }
    .price-amount:nth-child(2) span span {
        display: block;
    }
    .price-starting-from {
        display: none;
    }
}
@media (min-width: 481px) and (max-width: 768px) {
    .package-horizontal .package-header {
        display: inline;
    }
    .package-horizontal .package-header div {
        margin-bottom: 5px;
    }
    .price-cycle {
        text-align: left;
    }
}
.radio_option_customize .price {
    padding-left: 26px;
}
.price {
    text-align: left;
}
@media (max-width: 480px) {
    .price {
        text-align: left;
        display: flex;
        flex-direction: column;
    }
}
/*.price-amount {*/
/*    font-size: 26px !important;*/
/*}*/
.price-amount span {
    font-size: 26px !important;
    /*display: flex;*/
    /*flex-direction: column;*/
    text-align: right;
}
@media (max-width: 480px) {
    .price-amount {
        display: flex !important;
        flex-direction: column !important;
        align-items: start !important;
    }
    .price-amount span {
        text-align: left;
    }
}
@media (min-width: 481px) and (max-width: 768px) {
    .price-amount {
        align-items: start !important;
    }
    .price-starting-from {
        display: none;
    }
    .price-amount span {
        text-align: left;
    }
}
@media (min-width: 769px) {
    .price-starting-from {
        display: none;
    }
}
.price-amount span span {
    font-size: 16px !important;
    color: #ACB1B4 !important;
    font-weight: 400;
}
@media (min-width: 481px) and (max-width: 768px) {
    .price-amount span span {
        display: block;
    }
}
@media (min-width: 769px) {
    .price-amount span span {
        display: block;
        text-align: left;
    }
}
@media (min-width: 769px) {
    .package-horizontal .package-price .price {
        align-items: flex-start;
    }
}
@media (min-width: 992px) {
    .package-horizontal .package-price .price {
        align-items: flex-end;
    }
    .price-amount span span {
        display: block;
        text-align: right;
        line-height: 0.1;
    }
    .package-horizontal .package-footer .package-price {
        margin-bottom: 0;
    }
}
@media (max-width: 480px) {
    .section_4products .package-actions {
        margin-top: 0;
        padding-top: 0;
    }
}
@media (min-width: 769px) and (max-width: 992px) {
    .package-horizontal .package-actions,
    .package-horizontal .package-footer {
        padding-top: 0;
        align-items: flex-start;
    }
}
@media (min-width: 993px) {
    .package-horizontal .package-actions, .package-horizontal .package-footer {
        padding-top: 0;
        align-items: flex-end;
    }
}
@media (min-width: 993px) {
    .price-cycle {
        text-align: right;
        margin-bottom:6px;
    }
}
.price-save {
    margin-top: -14px;
}
.price-before-dis {
    font-size: 20px;
    font-weight: normal;
    color: var(--text-lighter-color);
    text-decoration: line-through;
}
.price-after-dis {
    margin-top: 6px;
}
.server-spec ul {
    padding-left: 0;
}
.server-spec ul li {
    list-style: none;
    padding-bottom: 7px;
}
.server-location {
    padding: 4px;
    display: inline-flex;
    background-color: #ffffff;
    margin-bottom: 1rem;
    margin-left: 0;
    align-items: center;
}

/* SECTION BADGE */
.badge-wrapping {
    display: inline;
}
.badge {
    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    font-size: 17px;
    text-wrap: wrap;
}
.badge-orange {
    color:#F27932 ;
    background-color: #FDEAD7;
}
.badge-danger {
    background-color: #FAE1E2;
    color:rgb(227, 24, 55);
}
.badge-primary {
    background-color: #D6E4FF;
    color: #1062FE;
}
.badge-success {
    background-color: #DBF5E1;
    color: #36C055;
}
.badge-warning {
    background-color: #FFF3DB;
    color: #FFAA00;
}
.badge-gray {
    border: 1px solid #CED1D3;
    background-color: #FFFFFF;
    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
}

/* SECTION LINK AND BUTTON */
.text-orange {
    color:#FF7800;
}
.section_data_centers a:not(.btn):hover {
    color: white;
}
.btn {
    /*border: 0;*/
}
.btn, input[type=button]:not(.btn), input[type=submit]:not(.btn) {
    font-family: var(--font-family-custom), sans-serif;
}
@media (min-width: 481px) and (max-width: 768px) {
    .btn {
        display:block;
    }
}
.btn:focus {
    box-shadow: none;
}
.btn-orange {
    background-color:#F27932 ;
    color: #ffffff;
    border-color: #F27932 ;
}
.btn-orange:hover {
    color: #ffffff;
    background-color: #FF9000;
    border-color: #FF9000;
}
.btn-yellow {
    background-color: #ff9800;
    color: #ffffff;
    border-color: #ff9800;
}
.btn-yellow:hover {
    color: #ffffff;
    background-color: #F27932;
    border-color: #F27932;
}
.btn-order {
    border: none;
    text-align: center;
    transition: 0.3s;
    cursor: pointer;
    color: #fff;
    /*background: #FF7800;*/
}
.btn-order:hover {
    color: #fff;
    /*background: #FF9000;*/
}
.btn-order span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.3s;
}
.btn-order span:after {
    content: '➜';
    position: absolute;
    opacity: 0;
    top: 0;
    right: -20px;
}
.btn-order:hover span {
    padding-right: 25px;
}
.btn-order:hover span:after {
    opacity: 1;
    right: 0;
}
.btn-primary:not(:disabled):not(.disabled).active {
    color: var(--btn-primary-color);
    background: var(--btn-primary-bg);
    border-color: var(--btn-primary-border);
}
@media (min-width: 481px) and (max-width: 768px) {
    .btn-group-lg > .btn, .btn-lg {
        line-height: 2.2;
    }
}
.btn-default,
.package.dedicated-list a.btn-soldout,
.package.cloud-list a.btn-soldout {
    background-color:#ffffff ;
    color: #17191C;
    border-color:#DEE0E3;
}
.btn-default:hover,
.package.dedicated-list a.btn-soldout:hover,
.package.cloud-list a.btn-soldout:hover
{
    color: #17191C;
    background-color: #DEE0E3;
    border-color: #EEEEEE;
}

/* LINK ORANGE */
.link-orange {
    border: none;
    text-align: center;
    transition: 0.3s;
    cursor: pointer;
}
.link-orange * {
    box-sizing: border-box;
    transition: all .35s ease;
}
.link-orange li {
    display: inline-block;
    list-style: outside none none;
    margin: .5em 1em;
    padding:0;
}
.link-orange a {
    padding: .5em .8em;
    color: #F27932 !important;
    position: relative;
    text-decoration: none;
}
.link-orange a::before,
.link-orange a::after {
    content: '';
    height: 14px;
    width: 14px;
    position: absolute;
    transition: all .35s ease;
    opacity: 0;
}
.link-orange a::before {
    content: '';
    right: 0;
    top: 0;
    border-top: 3px solid #FF9000;
    border-right: 3px solid #FF5A00;
    transform: translate(-100%, 50%);
}
.link-orange a:after {
    content: '';
    left: 0;
    bottom: 0;
    border-bottom: 3px solid #FF5A00;
    border-left: 3px solid #FF9000;
    transform: translate(100%, -50%)
}
.link-orange a:hover:before,
.link-orange a:hover:after{
    transform: translate(0,0);
    opacity: 1;
}
/* LINK PRIMARY */
.link-primary {
    border: none;
    text-align: center;
    transition: 0.3s;
    cursor: pointer;
}
.link-primary * {
    box-sizing: border-box;
    transition: all .35s ease;
}
.link-primary li {
    display: inline-block;
    list-style: outside none none;
    margin: .5em 1em;
    paddin: 0;
}
.link-primary a {
    padding: .5em .8em;
    color: #21A6DF !important;
    position: relative;
    text-decoration: none;
}
.link-primary a::before,
.link-primary a::after {
    content: '';
    height: 14px;
    width: 14px;
    position: absolute;
    transition: all .35s ease;
    opacity: 0;
}
.link-primary a::before {
    content: '';
    right: 0;
    top: 0;
    border-top: 3px solid #4687F0;
    border-right: 3px solid #2351D2;
    transform: translate(-100%, 50%);
}
.link-primary a:after {
    content: '';
    left: 0;
    bottom: 0;
    border-bottom: 3px solid #2351D2;
    border-left: 3px solid #4687F0;
    transform: translate(100%, -50%)
}
.link-primary a:hover:before,
.link-primary a:hover:after{
    transform: translate(0,0);
    opacity: 1;
}
.slider-navigation a {
    color:rgb(58, 61, 63);
}
#item1 {
    order: 1;
}
#item2 {
    order: 2;
}
#item3 {
    order: 1;
}
#item4 {
    order: 2;
}
#item5 {
    order: 1;
    text-align: center;
}
#item6 {
    order: 2;
}
#item7 {
    order: 1;
    text-align: center;
}
#item8 {
    order: 2;
}
#item9 {
    order: 1;
    text-align: center;
}
#item10 {
    order: 2;
}
#item11 {
    order: 1;
}
#item12 {
    order: 2;
}
.our_partners {
    display: flex;
    flex-wrap: wrap; /* Allow items to wrap to the next line */
    margin: -5px; /* Adjust margin to counteract item margins */
}
.our_partners .item {
    flex: 1 1 calc(100% / 6 - 10px); /* 6 columns */
    padding: 10px;
    box-sizing: border-box;
    margin: 5px;
    text-align: center;
    height: 100px;
}

/* Change to 2 columns for small screens */
@media (max-width: 600px) {
    .our_partners .item {
        flex: 1 1 calc(100% / 2 - 10px); /* 2 columns */
        height: 50px;
    }
}
@media (max-width: 860px) {
    .banner-background {
        display: none;
    }
    .section-partner-2,
    .section-partner-3 {
        display: none;
    }

    .section-partner-1,
    .section-partner-2,
    .section-partner-3 {
        display: none;
    }
    .section-partner-small-screen {
        display: flex;
    }
}
@media only screen and (max-width:769px) {
    .section_services {
        margin: 0 0 0 0 !important;
    }
}
@media (max-width:1069px) {
    .section_service_content {
        text-align: center;
        border-top: 1px solid #E5E7E8;
        border-bottom: 1px solid #E5E7E8;
    }
    .section_why_choose_krypt {
        min-height: 700px;
    }
    .section_why_choose_krypt .section-title {
        margin-bottom: 41px;
    }
    .section_why_choose_krypt .section-subtitle {
        font-size: 14px;
        margin-bottom: 17px;
        line-height: 1.8;
    }
    .section-support h2 {
        text-align: center;
    }
    .section-partner img {
        width: 80%;
    }
    .why_choose_krypt_context {
        margin-top: 50px;
    }

    .site_banner.cloud {
        background: rgb(12,82,255) !important;
        background:linear-gradient(277deg, #0C52FF 3.9%, #103E9F 57.98%) !important;
    }

    .bg_shape_3d_wedge {
        display: none;
    }
    #item1 {
        order: 2;
    }
    #item2 {
        order: 1;
    }
    #item3 {
        order: 2;
    }
    #item4 {
        order: 1;
    }
    #item5 {
        order: 2;
    }
    #item6 {
        order: 1;
    }
    #item7 {
        order: 2;
    }
    #item8 {
        order: 1;
    }
    #item9 {
        order: 2;
    }
    #item10 {
        order: 1;
    }
    #item11 {
        order: 2;
    }
    #item12 {
        order: 1;
    }
    .data_centers_img {
        display: none;
    }
    .section-partner-small-screen {
        display: none;
    }
}
@media (min-width: 992px) {
    .lagom-layout-top .app-nav-menu .menu > li.dropdown-mega .dropdown-menu-content .dropdown-menu-list .dropdown-menu-item > a .menu-item-content .menu-item-title {
        padding: 0;
    }
    .section_service_content {
        border-top: 0;
    }
    .section-partner-small-screen {
        display: none;
    }
}
.dropdown-menu>li>a.radio {
    padding: 0 var(--dropdown-link-padding-h);
}
.radio_option_customize_container {
    justify-content: space-between;
}
.radio_option_customize {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
/* SECTION ORDER FORM */
.price-starting-from {
    color: #82898E;
}
.kr-or {
    text-decoration: line-through;
}

.main-header {
    padding: 40px 0;
    background: url("/templates/lagom2/svg-custom/bg/header_lines_narrow.svg") 50% 50% #2351D2;
}
.secondary-header {
    padding: 40px 0;
    position: absolute;
    right: 0;
    height: 580px;
    width: 100%;
    background: url("/templates/lagom2/svg-custom/bg/header_lines_wide.svg") center center no-repeat;
}
.img-header {
    padding: 40px 0;
    position: absolute;
    right: 0;
    height: 580px;
    width: 100%;
    background: url("/templates/lagom2/svg-custom/bg/hero-partners-krypt1.webp") center center no-repeat;
}
.page_header_config {
    width: 100%;
    padding: 50px 0;
    text-align: center;
}
.check-cycle .check-subtitle .save {
    margin-top:0;
}
/* SECTION ul li */
.content-no-li ul{
    padding-left: 0;
}
.content-no-li li{
    list-style: none;
}
/*.content-no-li i {*/
/*    color: #F27932;*/
/*}*/

/* ANIMATE */
.animated {
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

/* PAGE CONFIGURATION */
.price-amount {
    display: flex;
    align-items: end;
    flex-direction: column;
}
.price-left-h .price-amount {
    color: #21A6DF;
}
.summary-list-recurring .list-item-title .item-value {
    color: #21A6DF !important;
}
.label.label-save {
    border-radius: 5px;
}
/*.summary-list .list-item .item-value span {*/
/*    display: flex !important;*/
/*    font-size: 14px !important;*/
/*    flex-direction: column;*/
/*}*/
.summary-list .list-item .item-value span span {
    color: #E31837 !important;
}
select.form-control {
    border: 1px solid var(--text-faded-color) !important;
}
.panel-summary.view-invoice label,
.panel-summary-primary .payment-form p {
    color: #3a3d3f !important;
}
.section_plan .panel-body {
    overflow: auto;
}
.section_plan .panel {
    border: none;
}
.panel-check {
    cursor: pointer;
}
.panel--main .panel {
    border: var(--panel-border);
    box-shadow: var(--panel-box-shadow);
}
.panel-addon {
    display: flex;
    overflow: visible !important;
}
.panel--addonBox {
    flex-wrap: wrap;
}
.panel-addon .panel-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}
.panel-addon .panel-title {
    flex-grow: 0;
}
.panel--addonBox .panel-title {
    margin-bottom: var(--spacing-1x) !important;
}
.panel-title {
    font-size: var(--font-size-lg);
    line-height: var(--line-height-base);
}
.panel-title {
    flex: 1;
    margin-top: 0;
    margin-bottom: 0;
    color: inherit;
    color: var(--panel-title-color);
    font-size: var(--panel-title-font-size);
    font-weight: var(--panel-title-font-weight);
    line-height: var(--panel-title-line-height);
}
.panel--addonBox .panel-desc {
    margin-top: 0 !important;
    /*margin-bottom: 0 !important;*/
}
.panel-addon--has-image.has-icon .panel-icon--default,
.panel-addon--has-image.has-icon .panel-icon--icon {
    max-width: unset;
}
.panel-addon--has-image.has-icon .panel-icon {
    width: unset;
    min-width: unset;
    max-width: 250px;
    padding-right: var(--spacing-3x);
}
@media (max-width: 1319.98px) {
    .app-main-order .panel-addon .panel-icon {
        width: 250px;
        min-width: unset;
    }
}
.panel-addon .panel-icon {
    overflow: hidden;
    width: 250px;
    min-width: 250px;
    position: relative;
    margin-left: auto;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}
.panel--addonBox .panel-icon--icon {
    padding-top: var(--panel-body-padding);
    padding-bottom: var(--spacing-1x);
}
.panel-addon--has-image.has-icon .panel-icon--icon img {
    max-width: 64px;
    min-height: unset;
    width: 100% !important;
}
.panel-addon--has-image.has-icon .panel-icon--default img,
.panel-addon--has-image.has-icon .panel-icon--icon img {
    width: unset;
    height: unset;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.panel-addon .panel-icon img {
    width: 237px;
    height: 206px;
    opacity: 1;
    min-height: 100%;
}
img {
    vertical-align: middle;
    border-style: none;
}

/* SECTION OS */
.section_os {
    position: relative;
    z-index: 999;
}
.section_os .panel {
    border: none;
}
.section_os .panel-check>.check {
    align-items: center;
}
.section_os .panel-body {
    overflow: visible;
}
.section_os .panel-body::-webkit-scrollbar {
    display: none;
}
.section_os .panel-check:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    box-shadow: var(--panel-box-shadow);
    transition: box-shadow var(--transition-base);
    border-radius: var(--panel-border-radius);
    z-index: 0;
}
.panel-check:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    box-shadow: var(--panel-box-shadow);
    transition: box-shadow var(--transition-base);
    border-radius: var(--panel-border-radius);
    z-index: 0;
}
.section_os .dropdown-menu {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.section_os .check-sign {
    position: absolute;
    top: 0;
    right: 0;
    height: 30px;
    width: 30px;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    display: none;
    margin-top: 0;
    border-radius: 0px 5px 0px 0px;
    -webkit-border-radius: 0px 5px 0px 0px;
    -moz-border-radius: 0px 5px 0px 0px;
}
.section_os .panel-body .check-sign i {
    position: absolute;
    background: var(--brand-primary);
    width: 80px;
    height: 30px;
    transform: rotate(45deg);
    top: -21px;
}
.section_os .panel-body .check-sign i:before {
    position: absolute;
    bottom: 3px;
    color: #fff;
    right: 19px;
    transform: rotate(-45deg);
}
.section_os .panel-body .check-sign .ls {
    font-family: var(--font-family-icons-small) !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: var(--ui-icon-size-small)
}

/* RADIO */
.panel-options {
    display: flex;
    flex-direction: column;
    flex: 1;
    flex-basis: 100% !important;
    padding: var(--panel-body-padding);
    padding-top: 0;
}
.radio {
    margin-top: 8px;
    margin-bottom: 8px;
    cursor: pointer;
}
.radio-name-content {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.radio-name-content .radio-text .text {
    margin-right: auto;
    padding-left: 0;
    word-break: break-word;
}
.radio-price {
    font-weight: var(--font-weight-medium);
}
.dropdown-menu a.radio .radio-text-content {
    padding-left: 26px;
    width: 100%;
}
.radio-text-content .radio-name-content {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.radio-text-content .text {
    margin-right: auto;
    padding-left: 0;
}
.radio-text-content .radio-price {
    font-weight: var(--font-weight-medium);
}
.check-custom input[type=checkbox],
.check-custom input[type=radio],
.checkbox-custom input[type=checkbox],
.checkbox-custom input[type=radio],
.radio-custom input[type=checkbox],
.radio-custom input[type=radio] {
    display: none;
}
.panel-actions {
    flex-direction: column;
}
.panel-addon .panel-actions {
    margin-top: auto;
    display: flex;
    align-items: flex-start;
}
.panel-actions .check-custom {
    width: 100%;
    max-height: 50px;
}
.panel-actions .check-custom .radio-label {
    cursor: pointer;
    align-items: flex-start;
}
.panel-actions .check-custom>label {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.check-sign i:before {
    position: absolute;
    bottom: 3px;
    color: #fff;
    right: 19px;
    transform: rotate(-45deg);
}
.panel.checked .check-sign {
    border-top-right-radius: 5px;
    display: flex;
}
.check-sign {
    position: absolute;
    top: 0;
    right: -1px;
    height: 30px;
    width: 30px;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    display: none;
    margin-top: 0;
}
.check-sign i {
    position: absolute;
    background: var(--brand-primary);
    width: 80px;
    height: 30px;
    transform: rotate(45deg);
    top: -21px;
}
.panel-actions .check-custom .radio-label {
    cursor: pointer;
    align-items: flex-start;
    flex-wrap: nowrap;
}
.panel-check .check-title {
    font-size: var(--font-size-lg);
}
.panel-check .check-title+.check-title {
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-base);
    color: var(--gray-base);
}
.panel-check .check-icon {
    margin-left: var(--spacing-2x);
}
.panel-check .check-icon img {
   height: 42px;
}
.products_location {
    /*flex-wrap: nowrap;*/
    margin: 0 auto;
}

.products_location .check-content {
    flex-direction: column;
    margin-left: 0;
    margin-top: -4px;
}
.products_location .panel-check>.check:nth-child(1) {
    /*width: 307px;*/
    /*height: auto;*/
}
.products_location .panel-check>.check {
    /*min-width: 230px;*/
}

.products_location a.panel:hover {
    transform: translate3d(0, 0, 0);
}
.products_location .panel:nth-child(1),
.products_location .panel:nth-child(2),
.products_location .panel:nth-child(3),
.products_location .panel:nth-child(4),
.products_location .panel:nth-child(5),
.products_location .panel:nth-child(6),
.products_location .panel:nth-child(7) {
    margin-right: 1rem;
    margin-bottom: 1rem;
}
input[type=checkbox], input[type=radio] {
    padding: 0;
}

.check-custom input[type=checkbox],
.check-custom input[type=radio],
.checkbox-custom input[type=checkbox],
.checkbox-custom input[type=radio],
.radio-custom input[type=checkbox],
.radio-custom input[type=radio] {
    display: none;
}

.checkbox-styled:before,
.icheckbox_square-blue:before,
.iradio_square-blue:before,
.radio-styled:before {
    opacity: 0;
    transition: var(--transition-base);
    transform: scale(.7);
}

.iradio_square-blue:before, .radio-styled:before  {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: calc(-1*(var(--spacing-1x) / 2));
    margin-left: calc(-1*(var(--spacing-1x) / 2));
    display: flex;
    justify-content: center;
    align-items: center;
    content: '';
    height: var(--spacing-1x);
    width: var(--spacing-1x);
    background: #fff;
    border-radius: 5px;
}

@media (max-width: 480px) {
    .radio-label {
        align-items: self-start;
    }
}

.radio>label .text span:last-child {
    font-weight: bold;
    text-align: right;
}
.radio-label .price {
    margin-left: auto;
    padding-left: 26px;
    font-weight: var(--font-weight-medium);
}
.radio-label {
    flex: 1;
}

.check-custom input[type=checkbox]:checked+.checkbox-styled:before,
.check-custom input[type=checkbox]:checked+.radio-styled:before,
.check-custom input[type=radio]:checked+.checkbox-styled:before,
.check-custom input[type=radio]:checked+.radio-styled:before,
.checkbox-custom input[type=checkbox]:checked+.checkbox-styled:before,
.checkbox-custom input[type=checkbox]:checked+.radio-styled:before,
.checkbox-custom input[type=radio]:checked+.checkbox-styled:before,
.checkbox-custom input[type=radio]:checked+.radio-styled:before,
.radio-custom input[type=checkbox]:checked+.checkbox-styled:before,
.radio-custom input[type=checkbox]:checked+.radio-styled:before,
.radio-custom input[type=radio]:checked+.checkbox-styled:before,
.radio-custom input[type=radio]:checked+.radio-styled:before {
    opacity: 1;
    transform: scale(1);
}


.checkbox-styled,
.icheckbox_square-blue,
.iradio_square-blue,
.radio-styled {
    height: 18px;
    width: 18px
}
.panel-actions .check-custom .radio-label .radio-styled {
    top: 3px;
}
.check-content {
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
    align-items: flex-start;
    align-self: center;
}
.check-title {
    font-weight: normal;
    color: var(--gray-darker);
}
.check-subtitle {
    margin-top: 0;
    margin-bottom: 0;
    white-space: nowrap;
    font-weight: bold;
}

/* List style products */
/*SECTION PRODUCTS*/
img.flag {
    width: 42px;
}
.package_listing {
    margin-top: 0;
}

.package_listing ul {
    display: flex;
    list-style: none;
}
@media (max-width: 480px) {
    .package_listing ul {
        display: inline;
        list-style: none;
    }
}
@media (min-width: 481px) and (max-width: 768px) {
    .package_listing ul {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
}
.package_listing li {
    padding: 0 50px;
    border-right: 1px solid #e5e5e5;
}
@media (max-width: 480px) {
    .package_listing li {
        padding: 0 0 10px 0;
    }
    .package_listing li {
        border-right:none;
    }
    .package_listing li:last-child {
        border-right: none;
    }
}
@media (min-width: 481px) and (max-width: 768px) {
    .package_listing li {
        flex: 1 1 calc(50% - 10px);
        padding: 10px;
        background-color: #F8F8F8;
        border: 1px solid #E5E7E8;
    }
}
@media (min-width: 769px) {
    .package_listing li:first-child {
        padding: 0 50px 0 0;
    }
    .package_listing li:nth-child(4):last-child {
        border-right: none;
    }
}
.package_listing ul li span:nth-of-type(1) {
    font-weight: bold;
}
.package_listing ul li span:nth-of-type(2) {
    display: none;
}
.package_listing ul li i {
    display: none !important;
}
.package_listing ul li span {
    display: block;
}
@media (max-width: 431px) {
    .package-title {
        padding-left: 0;
        font-size: 1.4em;
        font-weight: bold;
        line-height: 1.4;
    }
}

.package-group {
    color:#F27932 ;
}
.package-homepage .server-spec ul li span.product-title {
    display: none;
}
.package-homepage .server-spec ul li span:first-child {
    font-weight: bold;
}
.package-homepage .package-title {
    margin-left:0;
}
.content-no-li ul{
    list-style: none;
}
.content-no-li ul li i {
    display: none;
}
.content-no-li ul li {
    display: inline;
    float: left;
    font-weight: bold;
}
.product-info .content-no-li ul li span,
.content-no-li ul li span {
    /*display: none;*/
}
.content-no-li ul li span.product-title{
    font-weight: normal;
    display: block;
}
.list-info {
    display: flex;
    flex-direction: column;
}

/*SECTION PRODUCT CONFIG */
.product-config-headline {
    background-color: #F1F9FE;
    border: 1px solid #21A6DF;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.product-configurable-options div:nth-child(7) {
    position: relative;
    z-index: 555;
}
.product-configurable-options div:nth-child(8) {
    position: relative;
    z-index: 400;
}
ul.list-style-none {
    padding-left: 0;
}
ul.list-style-none li {
    padding-left: 0;
    list-style: none;
}

.product-info ul.list-style-none li i {
    color: #21A6DF;
}
.product-info.content-no-li li {
    padding-right: 20px;
}

/*SECTION BILLING*/
.panel-check.checked {
    color:#21A6DF ;
}
.panel-check .check>a>label>.radio-styled {
    position: absolute;
    top: calc(var(--panel-check-padding) + (var(--line-height-md) - var(--icheck-size)) / 2);
    left: var(--panel-check-padding);
}
.panel-check .check>a {
    padding: var(--panel-check-padding);
    cursor: pointer;
}

.panel-check .check>a>label>.check-icon {
    position: absolute;
    right: var(--panel-check-padding);
    top: 0;
    margin: auto;
    bottom: 0;
}
.panel-summary {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border: var(--panel-border);
}
.panel-summary-primary {
    background: #FFFFFF;
    color: black;
}
.panel-summary-primary .panel-heading .panel-title,
.panel-summary-primary .summary-list .list-item-main {
    color: #242628;
}
.panel-summary-primary .summary-list .list-item-title {
    font-size: var(--panel-summary-main-item-font-size);
    line-height: var(--panel-summary-main-item-line-height);
}
.panel-summary-primary .price {
    color: #242628;
}
.panel-summary-primary .summary-list {
    border-bottom: 1px dashed #E5E7E8;
    color: #242628;
    padding-bottom: 15px;
}
.panel-summary-primary .price .price-title,
.panel-summary-primary .price .price-total,
.panel-summary-primary .summary-list .list-item.faded,
.panel-summary-primary .summary-list .list-item .item-actions a,
.panel-summary-primary .summary-list .list-item .item-name span,
.panel-summary-primary .summary-list .list-item .item-value .line-through,
.panel-summary-primary .summary-list .list-item .item-value [style*="font-size: 1.2em; text-decoration: line-through;"] {
    color: #242628;
}
.iradio_square-blue, .radio-styled {
    border-radius: 5px;
}


/*SECTION CLOUD*/
.cloud_options {
    display: inline-flex;
    padding: 0 20px;
}
@media (max-width: 768px)  {
    .cloud_options {
        border-bottom: 1px solid #E5E7E8;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .cloud_options.border-none {
        border-bottom: none;
    }

    .cloud_options p {
        margin-bottom: 0;
    }
}
@media (max-width: 768px) {
    .cloud_backup {
        padding-bottom: 24px;
    }
}
.cloud_options img,
.cloud_backup img {
    height: 64px;
    margin-right: 20px;
}

.container_additional_features {
    background: #F8F8F8;
}
@media (max-width: 768px) {
    .container_content .baas_draas {
        width: 100%;
    }
}
@media (min-width: 769px) {
    .container_content .baas_draas {
        width: 1006px;
        height: 230px;
    }
}
.additional_features {
    display: flex;
    flex-direction:column;
    align-items: flex-start;
}

/* SECTION PROMOS */
/* for badge */
.promo_badge_box {
    position: fixed;
    bottom: 90px;
    left: 20px;
    z-index: 1800;
}
.close_badge_btn {
    cursor: pointer;
    float: right;
    font-size: 30px;
    /*margin-left: -30px;*/
    color: #DEE0E3;
    transition: 0.3s;
    position: relative;
    z-index: 880;
    margin-top: -32px;
}
.close_badge_btn:hover {
    color: #5E636E;
}
/* for homepage */
.banner_default { /* krypt.com */
    background: rgb(12,82,255);
    background: linear-gradient(245deg, rgba(12,82,255,1) 0%, rgba(16,62,159,1) 100%);
    width: 100%;
    height: 100%;
    color: #FFFFFF;
}
.banner_promotion {
    background: url(/templates/lagom2/svg-custom/bg/promote-new-data-center-location-santa-clara-scj3-homepage-en.webp) no-repeat center;
    /*width: 1920px;*/
    height: 758px;
    margin: auto;
}

.banner_promotion_zh {
    background: url(/templates/lagom2/svg-custom/bg/promote-new-data-center-location-santa-clara-scj3-homepage-cn.webp) no-repeat center;
    /*width: 1920px;*/
    height: 758px;
    margin: auto;
}
@media (max-width: 767px) {
    .banner_promotion,
    .banner_promotion_zh {
        padding: 60px 0;
        background: #fbe644;
        width: 100%;
        /*height: 480px;*/
        height: auto;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .banner_promotion,
    .banner_promotion_zh {
        height: 460px;
        background: #fbe644;
    }
}
.banner-desc p, .banner-title {
    /*color: #FFFFFF;*/
    /*color: var(--btn-default-color);*/
}
.banner-title {
    color: #ffff66;
}
.banner-desc {
    line-height: 1.3;
    width: 51%;
    color: #FFF;
}
@media only screen and (max-width: 768px) {
    .banner-desc {
        line-height: 1.3;
        width: 100%;
    }
}
@media (max-width: 1024px) {
    .banner-title {
        font-size: 32px;
        color: var(--btn-default-color);
    }
    .banner-desc {
        color: var(--btn-default-color);
    }
}
@media (max-width: 1366px) {
    .banner_promotion .container {
        max-width: none;
        padding-left: var(--layout-container-gutter);
        padding-right: var(--layout-container-gutter);
    }
}
.banner-intro {
    /*color: #21a6df;*/
    color: #FFFFFF;
}
@media (max-width: 767px) {
    .banner-intro {
        text-align: center;
    }
}
.banner-content {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.copy-text {
    position: relative;
    padding: 10px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    display: flex;
}
.copy-text input.text {
    padding: 10px;
    font-size: 18px;
    color: #555;
    border: none;
    outline: none;
}
.copy-text button {
    padding: 10px;
    background: #21a6df;
    color: #fff;
    font-size: 18px;
    border: none;
    outline: none;
    border-radius: 5px;
    cursor: pointer;
}

.copy-text button:active {
    background: #00305f;
}
.copy-text button:before {
    content: "Copied";
    position: absolute;
    top: -45px;
    right: 0px;
    background: #21a6df;
    padding: 8px 10px;
    border-radius: 20px;
    font-size: 15px;
    display: none;
}
.copy-text button:after {
    content: "";
    position: absolute;
    top: -20px;
    right: 25px;
    width: 10px;
    height: 10px;
    background: #21a6df;
    transform: rotate(45deg);
    display: none;
}
.copy-text.active button:before,
.copy-text.active button:after {
    display: block;
}
.product_name {
    height: 21px;
    overflow: hidden;
    font-size: 14px;
}
@media (max-width: 768px) {
    .product_name {
        height: auto;
    }
}
/* for promotion page */
.promotion_page_banner {
    background: url(/templates/lagom2/svg-custom/bg/krypt-discount-27-promopage-en.webp) no-repeat center;
}
.promotion_page_banner_zh {
    background: url(/templates/lagom2/svg-custom/bg/krypt-discount-27-promopage-cn.webp) no-repeat center;
}
.promotion_page_banner,
.promotion_page_banner_zh {
    width: 1248px;
    height: 150px;
    margin: auto;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}
@media (max-width: 767px) {
    .promotion_page_banner,
    .promotion_page_banner_zh {
        background: rgb(65,65,65);
        background: linear-gradient(-45deg, rgba(65,65,65,1) 0%, rgba(1,1,1,1) 100%);
        width: 100%;
        height: 150px;
        margin: auto;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
}
.promotion_page_title {
    font-weight: bold;
    color: #ffffff;
    margin-bottom: 0;
    padding-left: 120px;
}
@media (max-width: 767px) {
    .promotion_page_title {
        padding: 40px;
    }
}
/* for article knowledge base page */
.content_announcement_banner {
    background: url(/templates/lagom2/svg-custom/bg/content_announcement_banner4.png) no-repeat center;
    width: 728px;
    height: 90px;
    display: block;
    text-align: center;
}
@media (max-width: 1124px) {
    .content_announcement_banner {
        padding: 10px 0;
        background: rgb(245, 71, 37);
        background: radial-gradient(circle, rgba(245, 71, 37, 1) 0%, rgba(218, 43, 29, 1) 100%);
        width: 100%;
        height: 110px;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
    }
}
@media (max-width: 767px) {
    .content_announcement_banner {
        height: auto;
    }
}
a:not(.btn).content_announcement_banner:hover {
    text-decoration: underline;
    color: #FFFFFF;
}
.content_announcement_banner h1 {
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 0;
    color: #FFFFFF;
}
@media (max-width: 767px) {
    .content_announcement_banner h1 {
        line-height: 1.5;
    }
}
.content_announcement_banner h2 {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 0.5;
    font-weight: 400;
    color: #FFFFFF;
}
@media (max-width: 767px) {
    .content_announcement_banner h2 {
        line-height: normal;
        padding: 10px;
    }
}

/* UTILITIES */
.form-control {
    position: relative;
    /*z-index: 10;*/
    z-index:9;
}
@media (min-width: 993px) {
    .btn-max-content {
        width: max-content !important;
    }
}
@media only screen and (max-width:751px) {
    .hidden-sm {
        display: none;
    }
}
@media only screen and (min-width:752px) {
    .hidden-lg {
        display: none;
    }
}

.bg_primary_lighter {
    background-color: #F1F9FE !important;
}
.bg_gray_lighter {
    background-color: #F8F8F8 !important;
}
.bg_primary_gradient {
    background: linear-gradient(277deg, #0C52FF 3.9%, #103E9F 57.98%) !important;
}
.shape_item_1 {
    position: absolute;
    right: 0;
    height: 580px;
    width: 684px;
    background: url("/templates/lagom2/svg-custom/bg/header_shape_item_1v2.png") center center no-repeat;
}
@media (max-width: 767px) {
    .shape_item_1 {
        display: none;
    }
}
.shape_item_2 {
    position: absolute;
    height: 1500px;
    width: 1500px;
    background: url("/templates/lagom2/svg-custom/bg/header_shape_item_2.webp") center center no-repeat;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
    .shape_item_2 {
        display: none;
    }
}
.border-gray {
    border: var(--panel-border);
}
.border-radius-5px {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
li.list-style-number {
    list-style-type: decimal;
}

.alert {
    position: relative;
    padding: var(--alert-padding-v) var(--alert-padding-h);
    margin-bottom: var(--ui-block-spacing-base);
    border: 1px solid transparent;
    border-radius: var(--alert-border-radius);
    overflow: auto;
    justify-content: center;
}
.alert.alert-primary {
    align-items: flex-start !important;
    background: var(--ui-block-bg);
    border: none;
    box-shadow: var(--box-shadow-base);
    padding: var(--alert-padding-v) var(--alert-padding-v);
    border-radius: var(--border-radius-sm);
    color: var(--text-body-color);
}
.alert.alert-primary:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--text-body-color);
    left: 0;
}
.alert.alert-primary.alert-warning:before {
    background:#F08000;
    color: #F08000;
}
.notification-icon-container i {
    color: #FFFFFF;
}
.box-shadow {
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1), 0px 2px 24px rgba(0, 0, 0, 0.08);
    transition: all var(--transition-base) !important;
}
.box-shadow:hover {
    transform: translate3d(0, -8px, 0);
    box-shadow: var(--box-shadow-xlg);
    z-index: 99;
}
.top-nav li .notification-icon-container>.badge-dot {
    background-color: #D92632;
    outline-color: #D92632;
}
/* POPOVER */
/* Popover container */
.popover {
    position: relative;
    display: inline-block;
    cursor: pointer;
    box-shadow: none;
    border:0;
    background: none;
    font-size: 17px;
    line-height: normal;
    font-weight: normal;
    z-index: 0;
}

/* Popover content */
.popover .popover-content {
    text-align: left;
    display: none;
    position: absolute;
    background-color: #fff;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 5;
    padding: 10px;
    border-radius: 5px;
    min-width: 200px;
    bottom: 120%;
    left: 50%;
    transform: translateX(-50%);
}

/* Show popover content on hover */
.popover:hover .popover-content {
    display: block;
}

/* LANGUAGE */
.dropdown-header,
.nav-divider {
    display: none;
}

/* LOGIN */
.login {
    margin: 130px 0;
}

/* BREADCRUMB */
.main-header .breadcrumb li a {
    color: var(--link-color);
}
.main-header .breadcrumb>.active {
    color: var(--breadcrumb-active-color);
}
@media (max-width: 480px) {
    #advanced-firewalls,
    #fg-for-dedi,
    #cloudflare_package,
    #load_balance {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    #advanced-firewalls .package,
    #fg-for-dedi .package,
    #cloudflare_package .package,
    #load_balance .package {
        margin: 20px 0;
    }

    #load_balance .package {
        text-align: center;
    }
    #load_balance .package .package-icon {
        margin-left: 0;
        margin-right: 0;
        display: inline;
    }
}
@media (min-width: 769px) {
    #advanced-firewalls,
    #fg-for-dedi,
    #cloudflare_package,
    #load_balance {
        display: flex;
        justify-content: center;
    }
    #advanced-firewalls .package,
    #fg-for-dedi .package,
    #cloudflare_package .package,
    #load_balance .package {
        margin: 0 20px ;
    }
    #advanced-firewalls h4 {
        text-align: left !important;

    }
    #cloudflare_package{
        margin-bottom: 20px;
    }
    #load_balance,
    #fg-for-dedi  {
        margin-top: 60px;
    }
}

/* GALLERY */
.gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 10px;
}
.gallery-item img {
    width: 100%;
    height: auto;
    display: block;
}

/* BUTTON */
.btn .btn-text {
    border: 0;
    font-weight: normal;
}

@media (max-width: 767px) {
    .btn-100 {
        width: 100%;
    }
}
/* PRODUCT DETAIL */
.product-details .product-icon {
    background: rgb(12,82,255) !important;
    background:linear-gradient(277deg, #0C52FF 3.9%, #103E9F 57.98%) !important;
}

#OperatingSystem {
    position: relative;
    z-index: 800;
}

#ControlPanel {
    position: relative;
    z-index: 750;
}
.has-scroll.dropdown-menu-items {
    margin: 0 !important;
}
.Storage {
    position: relative;
    z-index: 900;
}
.Network {
    position: relative;
    z-index: 900;
}
/* SECTION HOMEPAGE 4 PRODUCTS  */
.section_4products .row {
    display: flex;
    flex-wrap: wrap;
}
.section_4products .col {
    flex: 1 1 22%;
    min-width: 22%;
}
@media (max-width: 1181px) {
    .section_4products .col {
        flex: 1 1 48%;
    }
}

@media (max-width: 480px) {
    .section_4products .col {
        flex: 1 1 100%;
    }
}
.package-price .price {
    padding: 0;
    font-size: 1.8rem;
}
@media (max-width: 768px) {
    .product_name {
        padding: 6px 0 6px 0;
    }
    .package-price {
        padding: 6px 0 0 0;
    }
}
@media (min-width: 345px) {
    .section_4products .server-spec {
        font-size: 14px;
    }
    .section_4products .server-spec li {
        padding-bottom: 0;
    }
}
@media (min-width: 1181px) {
    .section_4products .server-spec {
        height: 70px;
    }
}
@media (min-width: 768px) {
    .site .section_4products {
        padding-top: 0;
        padding-bottom: 0;
    }
}
@media (max-width: 480px) {
    .section_services_cards .col-lg {
        padding-bottom: 12px;
    }
}
.section_services_cards .row {
    display: flex;
    flex-wrap: wrap;
}
.section_services_cards .col-lg {
    flex: 1 1 22%;
    min-width: 22%;
}
.section_services_cards .tile {
    color: inherit;
}
@media (max-width: 1181px) {
    .section_services_cards .col-lg {
        flex: 1 1 48%;
    }
    .section_services_cards .tile {
        height: 210px;
        margin-bottom: 20px;
    }
}

@media (max-width: 480px) {
    .section_services_cards .col-lg {
        flex: 1 1 100%;
    }
}

/* SHARE BUTTON */
.wrap-hover-container {
    position: absolute;
    right: 25px;
}
@media (max-width: 480px) {
    .wrap-hover-container {
        right: 10px;
        top: 20px;
    }
}

.share-btn {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    color: #71797E;
}
@media (max-width: 480px) {
    .share-btn span {
        display: none;
    }
}
.share-btn i {
    font-size: 16px;
    padding-right: 8px;
}

@media (max-width: 1181px) {

    .banner.banner-sides .banner-content {
        margin: auto;
        padding-right: 0;
    }

}
@media (min-width: 769px) {
    .site-banner, .site-banner > .container {
        height: 460px;
    }
}
@media (max-width: 768px) {
    .banner.banner-sides > .container {
        height: auto;
    }

}
@media (max-width: 480px) {
    .banner.banner-sides > .container {
        padding: 20px;
        text-align: center;
        height: auto;
    }
    .banner-actions {
        width: 100%;
    }
    .banner-actions a {
        width: 100%;
    }
    .site .site-section.section_4products {
        padding: 0;
    }
    .banner-actions {
        display: inherit;
    }
}

/* FLOATING DIV SOCIAL MEDIA*/
.hover-container {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.floating-div {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    bottom: 140%;
    left: 50%;
    transform: translateX(-50%);
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 0 6px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
    z-index: 10;
    transition: opacity 0.5s ease, visibility 0.5s ease;
    display:flex;
    justify-content: space-evenly;
    align-items: center;
}

.floating-div::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 9px;
    border-style: solid;
    border-color: #ccc transparent transparent transparent;
    z-index: -1;
}

.floating-div::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 8px;
    border-style: solid;
    border-color: white transparent transparent transparent;
}

.hover-container:hover .floating-div {
    opacity: 1;
    visibility: visible;
}

.package .floating-div a {
    display: block;
    color: #71797E;
    text-decoration: none;
    margin:0;
    background-color: #ffffff;
}
/* END FLOATING DIV */
/* Start WeChat QR Code */
.wechat_qr {
    position: fixed;
    top: 610px;
    right: 20px;
    z-index: 999;
    background: #fff;
    border-radius: 6px;
    box-shadow: 1px 1px 6px -1px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 1px 1px 6px -1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 1px 1px 6px -1px rgba(0, 0, 0, 0.75);
    padding: 6px;
    text-align: center;
    animation: fadeIn 1s forwards;
}
@media (max-width: 768px) {
    .wechat_qr {
        display: none;
    }
}
.wechat_qr p {
    margin-bottom: 0;
}
.wechat-qr-close-btn {
    position: absolute;
    top: -26px;
    right: 0;
    font-size: 36px;
    color: rgba(0,0,0,0.3);
    cursor: pointer;
}
/* End WeChat QR Code */
/* Top nav left and Top banner */
.top-nav-left {
    margin: 0;
    padding-left: 0;
}
.top-nav-left li {
    list-style: none;
}
.top-nav-left a:not(.btn) {
    color: #FFFFFF;
}
.top-nav-left a:not(.btn):hover {
    color: #FFFFFF;
    text-decoration: underline;
}
@media (max-width: 767px) {
    .top-nav-left {
        display: none;
    }
}

.announcement-bar-sm {
    background-color: #21a6df; padding: 12px; ;
}
a:not(.btn).announcement-bar-sm  {
    color:#FFF
}

@media (max-width: 767px) {
    .announcement-bar-sm {
        display: block;
    }
}
@media (min-width: 768px) {
    .announcement-bar-sm {
        display: none;
    }
}
/* END Top nav left and Top banner */
/* START FOOTER */
.krypt_ft_container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}
.krypt_ft_section {
    padding: 0;
}
@media (min-width: 1024px) {
    .krypt_ft_container {
        flex-direction: row;
    }
    .krypt_ft_section {
        flex: 1;
        display: block !important;
    }
    .krypt_ft_accordion-title {
        display: none;
    }
}
@media (max-width: 1023px) {
    .krypt_ft_section {
        display: none;
    }
    .krypt_ft_accordion-title {
        cursor: pointer;
        padding: 10px;
        background: transparent;
        border: none;
        text-align: left;
        width: 100%;
        font-size: 16px;
    }
}

.krypt_ft_container .ls-caret {
    float: right;
    line-height: 2;
}

@media (min-width: 768px) {
    .main-footer-extended .footer-top .footer-company {
        margin-right: 0;
    }
}
@media (max-width: 991.98px) {
    .main-footer-extended .footer-company {
        margin-bottom: 0;
    }
}
.krypt_ft_accordion-title {
    padding: 10px 0;
}

/* END FOOTER */
/* START PARTNERS and PROVIDERS*/
.providers {
    display: flex;
    justify-content: center;
    /*flex-wrap: wrap;*/
}
.providers img {
    width: 11%;
    padding: 0 3px;
}
.providers img:nth-child(7) {
    width: 15%;
}
@media only screen and (max-width: 480px) {
    .providers img,
    .providers img:nth-child(7) {
        width: 50%;
        padding: 0 10px;
    }
}
@media only screen and (max-width: 480px) {
    .providers {
        display: inline-flex;
        flex-wrap: wrap;
        gap: 0;
    }
    .providers .providers_logo {
        display: flex;
        flex-wrap: wrap;
    }
}

.partners {
    display: flex;
    justify-content: center;
}

.partners img {
    width: 70%;
    padding: 0 3px;
}

@media only screen and (max-width: 481px) {
    .partners {
        display: none;
    }
}

@media only screen and (max-width: 480px) {
    .partners-sm {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: stretch;
        align-content: stretch;
    }
    .partners-sm {
        margin: 4px 6px;
    }
    .partners-sm span {
        padding: 2px 6px;
    }
}
@media only screen and (min-width: 481px) {
    .partners-sm {
        display: none;
    }
}
/* END PARTNERS and PROVIDERS*/