.client-home-panels .panel > .list-group .list-group-item{
    display: flex;
    flex-direction: column;
    gap: 5px 0;
    font-weight: bold;
}
html.theme-dark .client-home-panels .panel.notifications .list-group-item a{
    color: #000;
}
.client-home-panels .panel.notifications .panel-footer{
    display: none;
}
.client-home-panels .panel.notifications .list-group-item{
    flex-direction: row;
    gap: 0 10px;
    padding: 10px 15px;
}
.client-home-panels .panel.notifications .list-group-item img{
    margin: initial !important;
    width: 16px;
    height: 16px;
}
.client-home-panels .panel > .list-group .list-group-item span{
    font-weight: normal;
}
.contact iframe{
    margin: 0;
}
.intro_block{
    padding: 40px 0;
}
#domains_search #domain_alert{
    display: none;
}
#domains_search .domain_add{
    display: none;
}
#domains_search .result{
    display: none;
}
#domains_search .result_content{
    backdrop-filter: blur(24.5px);
    border-radius: 10px;
    border: 1px solid #D1E2E9;
    background: rgba(244, 244, 244, 0.20);
}
#domains_search .result .title{
    border-bottom: 1px solid #D1E2E9;
    padding: 30px;
    font-size: 24px;
    font-weight: 500;
}
#domains_search .result .search_content{
    padding: 30px;
}
#domains_search  #generatePdf{
    font-size: 16px;
    display: flex;
    color: #fff;
    width: fit-content;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    justify-content: center;
    border-radius: 5px;
    background: #FFA335;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
    padding: 15px 35px;
    cursor: pointer;
}

.intro_block .intro_item i{
    color: #EF8C15;
    font-size: 28px;
    padding-right: 20px;
    vertical-align: middle;
}
.intro_block .intro_item{
    display: flex;
    align-items: center;
}
.intro_block .intro_item a{
    color: #3B94B5;
}
.intro_block p{
    margin: 0;
}
.useful.servers .useful_row .item{
    flex: 0 0 auto;
    height: 120px;
    width: calc(33.33% - 30px);
    white-space: inherit;
}
.contact .card .title{
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 20px;
}
.contact .card fa{
    color: #6CA93E;
}
.background{
    position: relative;
}
.background::before{
    content: '';
    position: absolute;
    border-radius: 50%;
    width: 300px;
    height: 300px;
    opacity: 0.3;
    background: #F18E17;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    pointer-events: none;
    filter: blur(450px);
}
.domains_search.domains .container{
    position: relative;
}
html.theme-light .domains_search.domains form input{
    box-shadow: none;
}
.domains_search.domains .domains_row{
    background: transparent;
}
.domains_search.domains form{
    display: flex;
    align-content: center;
}
.domains_search.domains form button{
    width: 150px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.domains_search.domains .selected_zone{
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    height: 50px;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    min-width: 90px;
    font-size: 16px;
    border: 1px solid #BABABA;
    right: 150px;
}
.domains_search.domains form input{
    padding-right: 220px;
}
.domains_search.domains .selected_zone.active{
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}
.webhosting .panel{
    transition: .3s all ease;
}
.webhosting .the-price small{
    color: #FFA335;
}
.webhosting .panel:hover{
    box-shadow: 0 8px 20px rgba(0,51,153,.08), 0 4px 8px rgba(0,51,153,.08);
}
.webhosting .panel.master .panel-heading{
    position: relative;
    overflow: hidden;
}
.webhosting .panel.master .panel_badge{
    position: absolute;
    top: 5px;
    right: -36px;
    transform: rotate(45deg);
    width: 100px;
    height: 60px;
    font-size: 16px;
    line-height: 92px;
    margin-top: -25px;
    color: #fff;
    background: linear-gradient(96deg, #FFA335 22.56%, #F16517 90.24%);
    text-transform: uppercase;
    text-align: center;
}
.webhosting .panel{
    border: 1px solid rgba(55, 55, 55, 0.90);
    background: rgba(19, 21, 24, 0.40);
    backdrop-filter: blur(24.5px);
    border-radius: 10px;
    margin-bottom: 0;
}
.webhosting .panel.master{
    border: 1px solid #FFA335;
}

.webhosting .webhosting_row{
    gap: 20px 0;
}
.webhosting .panel .panel-heading{
    overflow: hidden;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.webhosting .panel .purchase_btn{
    font-size: 16px;
    display: flex;
    color: #fff;
    width: 100%;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    justify-content: center;
    border-radius: 5px;
    background: #FFA335;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
    padding: 12px 35px;
}
.faq_row{
    gap: 5px 0;
    display: flex;
    flex-direction: column;
}
.faq_row .faq_item{
    background: #f0f0f0;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.faq_row .faq_item .item_header{
    padding: 10px;
    padding-right: 40px;
    font-size: 13px;
    margin-bottom: 0;
    cursor: pointer;
    position: relative;
}
.faq_row .faq_item .item_header i.fa-angle-down{
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}
.item_header i.fa-question-circle,
.domain-names-intro .benefits i.fas, .domain-names-intro .benefits i.far, .domain-names-intro .benefits i.fal, .domain-names-intro .benefits i.fab{
    color: #FFA335;
}
.faq_item .item_header .item_title{
    display: flex;
    align-items: center;
    gap: 0 10px;
}
.faq_item .item_content{
    font-size: 13px;
    background: #F9F9F9;
    padding: 15px;
}
.faq_item .item_content ul{
    list-style: inside;
    display: flex;
    flex-direction: column;
    gap: 5px 0;
}
.faq_item .item_content p{
    margin: 0;
    margin-bottom: 5px;
}
.productfaqs{
    padding: 40px 0 50px 0;
}
.productfaqs a.btn-main{
    color: #fff;
    background-color: #FFA335;
}
.productfaqs a.btn-main:hover{

    color: #fff;
    background-color: #FFA335;
}
.suggest{
    margin-bottom: 80px;
}
.suggest a{
    color: #337ab7;
}
.plan_list{
    margin-top: 30px;
}
.plan_list .more_btn{
    font-size: 20px;
    font-weight: 500;
    color: #3B94B5;
    cursor: pointer;
    width: fit-content;
    margin: 0 auto;
}
.plan_list .more_btn span{
    position: relative;
}
.plan_list .more_btn span::before{
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    right: -20px;
    border-style: solid;
    border-width: 0 2px 2px 0 !important;
    transform: rotate(45deg);
    top: -4px;
    bottom: 0;
    margin: auto;
    border-color: #3B94B5;
    transition: .2s all ease-in-out;
}

.plan_list .table_container table{
    display: none;
}
.plan_list .plan_list_title{
    margin-bottom: 20px;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
}
.plan_list thead th{
    text-align: center;
}
.useful{
    padding: 40px 0;
}
.useful .useful_row{
    margin-bottom: 40px;
    gap: 0 15px;
}
.useful .section_title{
    margin-bottom: 30px;
}
.useful .useful_row .item{
    flex: 1;
    display: flex;
    align-items: center;
    white-space: nowrap;
    gap: 0 5px;
    height: 95px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    border: 1px solid rgba(55, 55, 55, 0.90);
    background: rgba(19, 21, 24, 0.30);
    backdrop-filter: blur(24.5px);
}
.useful_row .item .light{
    display: none;
}
.useful_row .item img{
    max-height: 55px;
    max-width: 120px;
}

.useful .row .row_item .title{
    font-size: 18px;
    display: flex;
    align-items: center;
    font-weight: 600;
    margin-bottom: 20px;
}
.useful .row .row_item .title i{
    font-size: 28px;
    color: #FFA335;
}
.useful .row .row_item .content{
    padding: 0;
}
.useful li i{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFA335;
}
.useful .row .row_item ul li{
    align-items: flex-start;
    display: flex;
    gap: 0 5px;
}
.useful .row .row_item ul li svg{
    width: 20px;
    height: 20px;
}
.useful .row .row_item ul li:not(:last-child){
    margin-bottom: 10px;
}
.useful .row .row_item ul li p{
    padding: 0;
    font-size: 16px;
}
.useful .options .center{
    text-align: center;
}
.useful .options table{
    display: none;
}
.useful .options .more_btn svg{
    width: 20px;
    height: 20px;
}
.useful .options .more_btn button{
    background: transparent;
    outline: none;
    border: none;
    transition: .3s all ease;
    font-size: 16px;
    position: relative;
    padding-right: 20px;
}
.useful .options .more_btn button::before{
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    right: 0;
    border-style: solid;
    border-width: 0 2px 2px 0 !important;
    transform: rotate(45deg);
    top: -4px;
    bottom: 0;
    margin: auto;
    border-color: #3B94B5;
    transition: .2s all ease-in-out;
}
.useful .options .more_btn{
    margin-bottom: 0;
    margin-top: 10px;
    color: #3B94B5;
}
.useful .options .more_btn svg{
    color: #FFA335;
}
.useful .options .more_btn i{
    font-size: 20px;
    padding: 0;
    color: #FFA335;
}
.useful .options button:hover{
    color: #74a8ec;
}
.useful .options button:hover::before{
    border-color: #74a8ec;
}
.useful .options table tr td:not(.center) i{
    color: #6ca93e;
}
.useful .options table tr td:not(.center) i{
    margin-right: 10px;
    color: #FFA335;
}
.webhosting{
    border-top: none;
    padding: 40px 0;
}
.webhosting .panel_footer{
    justify-content: space-between;
    padding: 8px;
}
.webhosting{
    background: var(--color-background);
    border: none;
}
.webhosting .panel-heading{
    border: none;
    background: #1d6682;
    padding: 15px;
}
.webhosting .the-price{
    background: inherit;
    color: var(--color-primary);
}
.webhosting .panel .table{
    border: none;
    background: inherit;
}
.webhosting .panel .table tr{
    background: inherit;
    border-top: 1px solid #D6D6D6;
}
.webhosting .panel .table tr:last-child{
    border-bottom: 1px solid #D6D6D6;
}
.webhosting .panel .table > tbody > tr > td{
    border: none;
    color: var(--color-primary);
    background: inherit;
}
.webhosting .the-price h1{
    color: var(--color-primary);
}
.webhosting .panel-footer{
    background: #FFA335;
    font-size: 18px;
    font-weight: 500;
    padding: 10px 0;
    border: none;
}
.webhosting .panel_footer .custom_select{
    margin-bottom: 15px;
    width: 100%;
}
.domain-names-intro .row{
    align-items: center;
}
.domain-names-intro .list-group{
    gap: 10px 0;
}
.list-group li{
    display: flex;
    align-items: flex-start;
}
.domains_search.domains{
    padding: 40px 0 50px 0;
    margin-bottom: 0;
}
.domains_search.domains .domains_bottom{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    gap: 0 30px;
}
.domains_search.domains .domains_bottom .item{
    display: flex;
    align-items: center;
}
.domains_search.domains .domains_bottom i{
    color: #3B94B5;
    font-size: 20px;
}
.domains_search.domains .domains_bottom a{
    color: #3B94B5;
    font-size: 20px;
}

/* DOMAINS PAGE - DOMAINS CATEGORY */
.domains_category{
    padding: 40px 0;
    background: #F2F6FE;
}
.domains_category .category_tabs{
    margin-bottom: 30px;
}
.domains_category .category_tabs .btn_list{
    max-width: 1024px;
    margin: 0 auto 40px;
}
.domains_category .btn_list li{
    flex: 1 1 auto;
}
.domains_category .btn_list li:not(:last-child){
    margin-right: 20px;
}
.domains_category .btn_list .tab_btn{
    border-radius: 5px;
    height: 40px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 500;
    background: #fff;
    transition: .3s all ease;
    border: 1px solid transparent;
}
.domains_category .btn_list .tab_btn:hover
{
    color: #fff;
    background: #EF8C15;
}
.domains_category .btn_list .tab_btn.active{
    color: #fff !important;
    background: #EF8C15 !important;
}
.domains_list .list_item{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 24px 0;
}

.domains_list .list_item .show_all_button button{
    font-size: 16px;
    display: flex;
    outline: none;
    border: none;
    color: #fff;
    width: fit-content;
    margin: 0 auto;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    justify-content: center;
    border-radius: 5px;
    background: #FFA335;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
    padding: 15px 35px;
    cursor: pointer;
}
.domain_item{
    flex: 0 0 auto;
    height: 175px;
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    border: 1px solid #D1E2E9;
    background: rgba(244, 244, 244, 0.20);
    padding: 24px;
    box-shadow: 0 4px 16px rgba(0,51,153,.04), 0 2px 2px rgba(0,51,153,.08);
    border-radius: 5px;
    overflow: hidden;
    transition: .3s all ease;
}
h2.intro{
    color: var(--color-primary);
}
.domain_item .badge_alert{
    position: absolute;
    top: 0;
    right: 0;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    background: linear-gradient(272.8deg, #255FE0 7.3%, #50B7FC 92.82%);
    color: #fff;
    padding: 5px 10px;
}
.domain_item .badge_alert.green{
    background: linear-gradient(96deg, #FFA335 22.56%, #F16517 90.24%);
}

.domain_item:hover{
    box-shadow: 0 8px 20px rgba(0,51,153,.08), 0 4px 8px rgba(0,51,153,.08);
    transform: translateY(-2px);
}
.domain_item .domain_price{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.domain_item .domain_price::before{
    content: '';
    position: absolute;
    height: 40px;
    width: 1px;
    background: #ccc;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.domain_item .domain_price .price{
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}
.domain_item .price_item.register .price{
    color: #EF8C15;
}
.domain_item .domain_price .title{
    font-size: 16px;
    color: var(--color-primary);
}
.domain_item .domain_name{
    font-size: 32px;
    color: #EF8C15;
    font-weight: 500;
    letter-spacing: -.04em;
}
.domain_item .domain_price span{
    color: #4383EC;
}
.domains_list .section_title{
    margin-bottom: 30px;
    text-align: center;
    font-size: 36px;
}
.domains_list .search input{
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 2px;
    margin-bottom: 10px;
    transition: all 0.3s;
    padding: 8px 10px;
    font-family: "Karla", sans-serif;
    font-size: 16px;
    color: #1b3a4e;
}
.domains_list table{
    margin: 0;
    max-width: none;
    width: auto;
    min-width: 100%;
}
.domains_list .no_results{
    text-align: center;
    margin-top: 30px;
    display: none;
}
.webhostingintro .intro_item a,
.faq_item .item_content a{
    color: #3B94B5;
}








/* VPS PAGE */
.useful.vps .useful_table{
    margin-top: 20px;
}
.useful.vps .useful_table .more_btn{
    color: #3B94B5;
    font-weight: 500;
    cursor: pointer;
}
.useful.vps .useful_table .more_btn .more_action{
    position: relative;
    padding-right: 20px;
}
.useful.vps .useful_table .more_btn .more_action:hover{
    color: #74a8ec;
}
.useful.vps .useful_table .more_btn .more_action:hover::before{
    border-color: #74a8ec;
}
.useful.vps .useful_table .more_btn .more_action::before{
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    right: 0;
    border-style: solid;
    border-width: 0 2px 2px 0 !important;
    transform: rotate(45deg);
    top: -4px;
    bottom: 0;
    margin: auto;
    border-color: #3B94B5;
    transition: .2s all ease-in-out;
}
.useful.vps .useful_table .more_btn i,
.useful.vps .useful_table .more_btn svg{
    color: #EF8C15;
}
.useful.vps .useful_table table{
    display: none;
}
.useful.vps .useful_table table td.center{
    text-align: center;
}
.useful.vps .useful_table table td a{
    color: #3B94B5;
}
.useful.vps .useful_table table thead td{
    padding: 15px;
    background: #6D6D6D;
    color: #FFF;
    text-transform: uppercase;
    border: 1px solid #6D6D6D!Important;
}
.useful.vps .useful_table table tbody td{
    padding: 15px;
    vertical-align: middle;
}
.useful.vps .useful_table table i{
    vertical-align: middle;
    color: #FFA335;
}

.useful.vps .useful_row .item{
    flex: 0 0 auto;
    width: 30%;
    white-space: inherit;
}
.useful.vps .useful_row .item span{
    white-space: inherit;
}
.vps_cards{
    padding: 40px 0;
}
.vps_cards .cards_tab{
    margin-bottom: 30px;
}
.vps_cards .cards_tab ul{
    display: flex;
    align-items: center;
    width: fit-content;
    margin: 0 auto;
    padding: 5px;
    gap: 0 10px;
    justify-content: center;
    border-radius: 5px;
    overflow: hidden;
}
.vps_cards .cards_tab ul li.last{
    position: relative;
    gap: 0 10px;
    overflow: hidden;
}
.vps_cards .cards_tab ul li .sales_badge {
    position: absolute;
    top: 3px;
    right: 15px;
    padding: 2px 5px;
    border-radius: 5px;
    font-size: 10px;
    background: #dc6655;
    color: #fff;
}
.vps_cards .cards_tab ul li{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 220px;
    border-radius: 5px;
    transition: .3s all ease;
    cursor: pointer;
    position: relative;
    padding: 10px 20px;
    border: 1px solid rgba(55, 55, 55, 0.90);
    background: rgba(19, 21, 24, 0.40);
    backdrop-filter: blur(24.5px);
}
.vps_cards .cards_tab ul li.active{
    background-color: #EF8C15;
    color: #fff;
}
.vps_cards .section_subtitle{
    margin: 10px 0 30px 0;
    font-size: 24px;
    font-weight: 500;
}
.vps_page .plans_switch ul{
    padding: 10px;
}
.vps_cards .cards_container{
    gap: 15px 0;
}
.vps_cards .vps_card{
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1.5fr;
    gap: 0 10px;
    padding: 24px;
    justify-content: space-between;
    border: 3px solid rgba(55, 55, 55, 0.90);
    background: rgba(19, 21, 24, 0.40);
    backdrop-filter: blur(24.5px);
    transition: .3s all ease;
    z-index: 10;
}
.vps_cards .vps_card.master{
    position: relative;
    border: 3px solid #FFA335 !important;
}
.vps_cards .vps_card.masterLhover{
    border-color: rgba(55, 55, 55, 0.90);
}
.vps_cards .vps_card.master .vps_badge{
    position: absolute;
    top: 0;
    left: 0;
    font-size: 16px;
    border-bottom-right-radius: 6px;
    line-height: normal;
    color: #fff;
    background: linear-gradient(96deg, #FFA335 22.56%, #F16517 90.24%);
    text-transform: uppercase;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
}
.vps_cards .vps_card.active{
    position: relative;
    z-index: 20;
}
.custom_select{
    background-color: #F9F9F9;
    border: 1px solid rgba(1, 15, 28, 0.1);
    border-radius: 0;
    font-size: 14px;
    min-width: 100px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    float: left;
    font-family: inherit;
    font-weight: normal;
    height: 42px;
    outline: none;
    padding: 0 20px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
    position: relative;
    z-index: 15;
}
.custom_select::before{
    content: "";
    display: block;
    height: 7px;
    position: absolute;
    right: 20px;
    top: -4px;
    bottom: 0;
    margin: auto;
    width: 7px;
    transform: rotate(45deg);
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    transition: .3s all ease;
}
.custom_select ul{
    width: 100%;
    padding: 10px 0;
    background-color: #fff;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    transform-origin: 50% 0;
    transform: scale(0.75) translateY(-21px);
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 20;
}
.custom_select ul li{
    padding: 5px 20px;
    line-height: normal;
    transition: .3s all ease;
}
.custom_select ul li.selected{
    font-weight: bold;
}
.custom_select.active ul{
    opacity: 1;
    pointer-events: auto;
    transform: scale(1) translateY(0px);
}

.vps_cards .vps_card:hover{
    border-color: #1b5e7a !important;
    transform: translateY(-5px);
}
.vps_cards .vps_card:not(:last-child){
    border-bottom: 3px solid rgba(55, 55, 55, 0.90);
}
.vps_cards .vps_card > div{
    display: flex;
    gap: 0 10px;
    align-items: center;
    justify-content: center;
}
.vps_cards .vps_card .card_info{
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.vps_cards .vps_card .card_info .title{
    font-weight: 600;
    color: #747474;
    font-size: 18px;
}
.vps_cards .vps_card .card_price{
    display: flex;
    align-items: center;
    gap: 0 5px;
    white-space: nowrap;
    flex: 0 0 auto;
    width: 175px;
}
.vps_cards .vps_card .card_title{
    font-size: 28px;
    font-weight: 500;
    color: #1b5e7a;
}
.vps_cards .vps_card .card_price{
    font-size: 18px;
    font-weight: 500;

}
.vps_cards .vps_card .card_action a{
    display: flex;
    align-items: center;
    gap: 0 10px;
    color: #fff;
    background: #EF8C15;
    padding: 10px 12px;
    justify-content: center;
    border-radius: 5px;
    width: fit-content;
    margin: 0 auto;
}
.vps_cards .cards_container .vps_card_btn{
    display: flex;
    align-items: center;
    gap: 0 10px;
    color: #fff;
    background: #EF8C15;
    padding: 10px 24px;
    justify-content: center;
    border-radius: 5px;
    width: fit-content;
    margin: 0 auto;
}

.domain-names-intro .list-group ul li a{
    color: #3B94B5;
}
.useful .row .row_item ul li a{
    color: #3B94B5;
}
.domain-names-intro .section_header{
    margin-bottom: 80px;
}
.domain-names-intro .section_header .title{
    font-size: 32px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 30px;
}
.domain-names-intro .section_header .item_row{
    justify-content: center;
    gap: 0 40px;
}
.domain-names-intro .section_header .item_row .item_image img{
    width: 90px;
    height: 90px;
}
.domain-names-intro .section_header .item_row .item{
    width: 30%;
    justify-content: center;
    gap: 0 10px;
    border: 1px solid rgba(55, 55, 55, 0.90);
    background: rgba(19, 21, 24, 0.40);
    backdrop-filter: blur(24.5px);
    padding: 20px;
    border-radius: 5px;
    transition: .3s all ease;
    
}
.domain-names-intro .section_header .item_row .item a{
    color: #3B94B5;
}


/* SERVERS CARD */
.servers{
    padding: 40px 0;
}
.servers .section_subtitle{
    color: var(--color-primary);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 20px 0 30px 0;
}
.tabs_container{
    padding: 30px;
    border: 1px solid rgba(55, 55, 55, 0.90);
    background: rgba(19, 21, 24, 0.30);
    backdrop-filter: blur(24.5px);
    position: relative;
}
.tabs_container .sidebar{
    display: flex;
    flex-direction: column;
    gap: 20px 0;
}
.sidebar .sidebar_item{
    border-bottom: 1px solid #dbdbdb;
}

.servers .plans_list .plan_item .price_item{
    white-space: nowrap;
}
.servers .sidebar_item .item_options{
    margin-bottom: 20px;
}
.servers .sidebar_item.gpu .option{
    margin-bottom: 20px;
}
.servers .sidebar_item.gpu .option .option_item{
    display: flex;
    align-items: center;
    gap: 0 5px;
}
.servers .sidebar_item.gpu .option .option_item input{
    display: none;
}
.servers .sidebar .sidebar_item .item_options form{
    gap: 20px 0;
}
.servers .sidebar .sidebar_item .item_options .option img{
    width: 60px;
}
.sidebar .sidebar_item .item_title{
    font-weight: 500;
    font-size: 20px;
    cursor: pointer;
    margin-bottom: 20px;
    position: relative;
}
.sidebar .sidebar_item .item_title::before{
    content: "";
    display: block;
    height: 8px;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 8px;
    transform: rotate(45deg);
    border-bottom: 2px solid #000;
    transition: .3s;
    border-right: 2px solid #000;

}
.plans_header{
    border: 1px solid #D1E2E9;
    background: rgba(244, 244, 244, 0.20);
    backdrop-filter: blur(24.5px);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    position: relative;
    z-index: 1;
    margin-bottom: 10px;
}
.plans_header .results{
    font-size: 20px;
    font-weight: 500;
}
.plans_header .sorting{
    display: flex;
    align-items: center;
    gap: 0 10px;
}
.plans_header .sorting .dropdown{
    position: relative;
}
.plans_header .sorting .dropdown .selected{
    cursor: pointer;
    padding: 10px 25px 10px 10px;
    border: 1px solid #D1E2E9;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0 10px;
}
.plans_header .sorting .dropdown .selected img{
    max-width: 20px;
}
.plans_header .sorting.active .dropdown::before{
    transform: rotate(225deg);
}
.plans_header .sorting .dropdown::before{
    content: "";
    display: block;
    height: 6px;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 6px;
    transform: rotate(45deg);
    border-bottom: 1px solid #000;
    transition: .3s;
    border-right: 1px solid #000;
}
.plans_header .sorting .dropdown ul{
    position: absolute;
    top: 45px;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    border: 1px solid #e5e5e5;
    right: 0;
    border-radius: 5px;
    overflow: hidden;
}
.plans_header .sorting .dropdown ul li{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0 10px;
    padding: 10px;
    white-space: nowrap;
    background: #fff;
    cursor: pointer;
}
.plans_header .sorting .dropdown ul li i{
    padding: 0;
}
.plans_header .sorting .dropdown ul li img{
    width: 100%;
    max-width: 20px;
}
.plans_header .sorting .dropdown ul li:not(:last-child){
    border-bottom: 1px solid #e5e5e5;
}
.plans_header .sorting .dropdown ul .active{
    font-weight: bold;
}
.sorting.active .dropdown ul{
    visibility: visible;
    opacity: 1;
    pointer-events: all;
    cursor: pointer;
}
.sidebar_item.active .item_title::before{
    transform: rotate(225deg);
}
.sidebar{
    position: sticky;
    top: 110px;
}
.sidebar .sidebar_item.active .sidebar_content{
    display: block;
}
.sidebar .sidebar_item .sidebar_content{
    display: none;
}
.sidebar .sidebar_item .price_wrapper{
    height: 48px;
    padding: 0 10px;
    background: #f0f0f0;
    display: flex;
    border-radius: 5px;
    align-items: center;
    margin-bottom: 20px;
    border: 1px solid transparent;
}
.sidebar .sidebar_item .item_options form{
    background: #f0f0f0;
    display: flex;
    flex-direction: column;
    gap: 10px 0;
    padding: 16px;
    border-radius: 5px;
    border: 1px solid transparent;
}
.sidebar .sidebar_item .item_options .option{
    display: flex;
    align-items: center;
    gap: 0 10px;
}
.sidebar .sidebar_item .ui-slider-horizontal{
    border: 0;
    border-radius: 0;
    background-color: #ddd;
    height: 4px;
    margin-bottom: 20px;
}
.sidebar .sidebar_item .ui-widget-header{
    background-color: #1d6582;
    border-radius: 0;
}
.sidebar .sidebar_item .ui-slider .ui-slider-handle {
    cursor: pointer;
    background-color: #f5f5f5;
    border-radius: 100%;
    border: 0;
    height: 18px;
    top: -8px;
    width: 18px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.sidebar .sidebar_item #flt_price{
    font-weight: 500;
}
.sidebar .clear_filter button{
    outline: none;
    border: none;
    padding: 10px 24px;
    border-radius: 5px;
    background: #FFA335;
    color: #fff;
    transition: .3s;
}
.sidebar .clear_filter button:hover{
    background-color: #F16517;
    box-shadow: 0px 4px 15px 0px rgba(239, 140, 21, 0.40);
}
.plans_date{
    margin-bottom: 30px;
}
.plans_date ul{
    padding: 5px;
    justify-content: center;
    border-radius: 5px;
    overflow: hidden;
    background: rgb(153 153 153 / 20%);
}
.plans_date li{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    flex: 1;
    border-radius: 5px;
    transition: .3s all ease;
    cursor: pointer;
    position: relative;
}
.plans_date li .sales_badge{
    position: absolute;
    top: 0;
    right: 30px;
    padding: 2px 5px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    margin-left: 10px;
    background: #dc6655;
    color: #fff;
}
.plans_date li.active{
    color: #fff;
    background: #EF8C15;
}
.servers .plans_list{
    display: flex;
    flex-direction: column;
    gap: 20px 0;
}
.servers .plans_list.up{
    flex-direction: column-reverse;
}
.servers .plans_list .plan_item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 28px;
    border-radius: 1rem;
    border: 1px solid #D1E2E9;
}
.servers .plans_list .plan_item.master{
    border-color: #FFA335;
}
.servers .plans_list .plan_item .server_badge{
    position: absolute;
    top: -15px;
    left: 120px;
    padding: 0 5px;
    font-size: 20px;
    text-transform: uppercase;
    background: linear-gradient(96deg, #FFA335 22.56%, #F16517 90.24%);
    font-weight: 500;
    color: #fff;
    border-radius: 5px;
}
.servers .plans_list .plan_item .item_title{
    position: absolute;
    top: -17px;
    left: 25px;
    padding: 0 5px;
    font-size: 24px;
    background: #fdfdfd;
    font-weight: 500;
    color: #1d6582;
}
.servers .plans_list .plan_item .item_content{
    display: grid;
    grid-template-columns: 2fr 1fr 1.5fr 1.5fr 1fr;
    gap: 0 10px;
    align-items: center;
    width: 100%;
}
.servers .plans_list .plan_item .item_content > div:not(:first-child){
    text-align: center;
}
.servers .plans_list .plan_item .content_item{
    padding-left: 20px;
}
.plans_list .plan_item .content_item .title{
    color: #EF8C15;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 500;
}
.plans_list .plan_item .item_action a{
    font-size: 16px;
    display: flex;
    color: #fff;
    width: 100%;
    white-space: nowrap;
    align-items: center;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    justify-content: center;
    border-radius: 5px;
    background: #FFA335;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
    padding: 12px 35px;
}

/* sitebuilder page */
.product_section{
    padding: 40px 0;
}
.product_section .swiper-slide{
    height: auto;
}
.product_section .product_card{
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgba(55, 55, 55, 0.90);
    background: rgba(19, 21, 24, 0.40);
    backdrop-filter: blur(24.5px);
    transition: .3s all ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.product_section .product_card.main{
    border: 1px solid #FFA335;
}
.product_section .product_card:hover{
    transform: translateY(-2px);
}
.product_section .product_card > div:not(:last-child){
    border-bottom: 1px solid #D1E2E9;
}
.product_card .card_header{
    background: #1d6682;
    position: relative;
    overflow: hidden;
}

.product_card .card_header .sales_badge{
    position: absolute;
    top: 16px;
    right: -43px;
    border-radius: 0;
    transform: rotate(45deg);
    width: 120px;
    height: 60px;
    font-size: 16px;
    line-height: 92px;
    margin-top: -25px;
    color: #fff;
    background: linear-gradient(96deg, #FFA335 22.56%, #F16517 90.24%);
    text-transform: uppercase;
    text-align: center;
}
.product_card .card_name{
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    padding: 15px 0;
}
.product_card .card_info{
    padding: 20px;
}
.product_card .card_info .price h1{
    color: var(--color-primary);
    font-weight: 600;
    margin: 0;
}
.product_card .card_info .price small{
    font-size: 14px;
    font-weight: 500;
    display: block;
    color: #FFA335;
}
.product_card .card_info .price .subscript{
    font-size: 25px;
}
.product_card .content_item{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    gap: 0 10px;
}
.product_card .content_item:first-child{
    border-top: 1px solid #D1E2E9;
}
.product_card .content_item:not(:last-child){
    border-bottom: 1px solid #D1E2E9;
}
.product_card .card_action{
    padding: 8px;
}
.product_card .card_action a{
    font-size: 20px;
    display: flex;
    color: #fff;
    width: 100%;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    justify-content: center;
    border-radius: 5px;
    background: #FFA335;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
    padding: 10px 35px;
}
.advantages{
    padding: 40px 0;
}
.advantages .section_title{
    margin-bottom: 30px;
    text-align: center;
}
.advantages .advantages_row{
    margin-bottom: 50px;
}
.advantages .advantages_list{
    display: flex;
    flex-direction: column;
    gap: 15px 0;
}
.advantages .advantages_list li{
    display: flex;
    align-items: flex-start;
    gap: 0 10px;
}
.advantages .advantages_list li i{
    color: #FFA335;
}
.advantages .gallery_row{
    align-items: stretch;
    gap: 20px 0;
}
.advantages .gallery_card img{
    width: 100%;
}
.advantages .gallery_card{
    display: flex;
    flex-direction: column;
    gap: 20px 0;
    height: 100%;
}
.advantages .gallery_card .card_title{
    text-align: center;
    font-size: 20px;
    font-weight: 500;
}

/* SERVER ADMINISTRATION */
.administration{
    padding: 40px 0;
}
.cms_support{
    padding: 40px 0;
}
.cms_support .section_title{
    text-align: center;
    margin-bottom: 50px;
}
.cms_support .options_row{
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 0 30px;
}
.wow{
    visibility: visible !important;
}
.cms_support .options_row .col_item{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(55, 55, 55, 0.90);
    background: rgba(19, 21, 24, 0.40);
    backdrop-filter: blur(24.5px);
    padding: 20px;
    border-radius: 5px;
    transition: .3s all ease;
}
.cms_support .options_row .col_item img{
    width: 100%;
    max-width: 160px;
}
.administration .administration_bottom .title{
    text-align: center;
    margin: 30px 0 20px 0;
    line-height: 140%;
    font-size: 18px;
    font-weight: 500;
}
.administration .administration_bottom .action{
    display: flex;
    align-items: center;
    justify-content: center;
}
.administration .administration_bottom .action a{
    font-size: 16px;
    display: flex;
    color: #fff;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    justify-content: center;
    border-radius: 5px;
    background: #FFA335;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
    padding: 15px 35px;
}
.custom_table thead td{
    padding: 12px;
    background: #6D6D6D;
    border: 1px solid #6D6D6D!Important;
    color: #FFF;
    text-transform: uppercase;
}
.custom_table tbody td{
    padding: 15px;
    vertical-align: middle;
}
.custom_table tbody td i{
    padding-right: 10px;
    vertical-align: middle;
    color: #FFA335;
}
.custom_table .center{
    text-align: center;
}
.custom_table .left{
    text-align: left;
}

.useful.colocation .useful_row .item{
    flex: 0 0 auto;
    width: 30%;
    white-space: inherit !important;
}

/* CLOUDS */
.clouds{
    padding: 40px 0;
}
.clouds .cloud_row{
    display: flex;
    flex-direction: column;
    gap: 40px 0;
}
.clouds .cloud_row .row:nth-child(2n){
    flex-direction: row-reverse;
}
.clouds .cloud_row .row{
    align-items: center;
}
.clouds .cloud_advantages .title{
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 30px;
    display: flex;
    width: fit-content;
    align-items: center;
}
.clouds .cloud_advantages i{
    vertical-align: middle;
    color: #FFA335;
}
.clouds .cloud_advantages ul{
    display: flex;
    flex-direction: column;
    gap: 10px 0;
}
.clouds .cloud_advantages li{
    display: flex;
    align-items: flex-start;
    gap: 0 10px;
}
.clouds .cloud_advantages li i{
    padding: 0;
}
.clouds .cloud_advantages li svg{
    color: #FFA335;
}
.clouds .advantage_image{
    display: flex;
    align-items: center;
    justify-content: center;
}
.clouds .advantage_image img{
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    object-fit: cover;
    object-position: center;
}

/* LICENCE PAGE */
.licence{
    padding: 40px 0;
}
.header_texts .section_title{
    text-align: center;
}
.header_texts .section_description{
    color: var(--color-primary);
    font-size: 24px;
    text-align: center;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 10px 0 50px 0;
}
.licence .header_texts .section_description a{
    color: #3B94B5;
}
.licence table{
    margin: 0 !important;
}
.licence .licence_wrapper{
    display: flex;
    flex-direction: column;
    gap: 40px 0;
}
.licence table td.center{
    text-align: center;
}
.licence table td a,
.administration_table td a{
    font-size: 16px;
    display: flex;
    color: #fff;
    width: 100%;
    align-items: center;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    justify-content: center;
    border-radius: 5px;
    background: #FFA335;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
    padding: 12px 20px;
}
.licence table thead td{
    padding: 15px;
    background: #6D6D6D;
    color: #FFF;
    text-transform: uppercase;
    border: 1px solid #6D6D6D!Important;
}
.licence table tbody td{
    padding: 15px;
    vertical-align: middle;
}
.licence table i{
    vertical-align: middle;
    color: #FFA335;
}
.licence .compare_plans table{
    padding-top: 20px;
}
.licence .more_btn span{
    padding-right: 20px;
    position: relative;
    font-size: 20px;
    font-weight: 500;
    color: #3B94B5;
    cursor: pointer;
}
.licence .compare_plans table{
    display: none;
}
.licence .more_btn span::before{
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    right: 0;
    border-style: solid;
    border-width: 0 2px 2px 0 !important;
    transform: rotate(45deg);
    top: -4px;
    bottom: 0;
    margin: auto;
    border-color: #3B94B5;
    transition: .2s all ease-in-out;
}
.additional_options{
    padding: 40px 0;
}
.additional_options .section_title{
    margin-bottom: 50px;
    text-align: center;
}
.licence_images{
    padding: 40px 0;
}
.licence_images .section_title{
    margin-bottom: 50px;
    text-align: center;

}
.licence_images .image_item{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.licence_images .image_item img{
    height: 100%;
    max-width: 100%;
    vertical-align: middle;
    transition: .3s all ease;
    object-position: center;
    object-fit: cover;
}
.licence_images .images_row{
    margin-bottom: 40px;
}

.useful_options{
    padding: 40px 0;
}
.useful_options .section_title{
    margin-bottom: 20px;
    text-align: center;
    font-size: 32px;
}
.useful_options .section_subtitle{
    font-size: 24px;
    text-align: center;
    margin-bottom: 50px;
    font-weight: 500;
}
.useful_options .options_swiper .col_item{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
    border: 1px solid rgba(55, 55, 55, 0.90);
    background: rgba(19, 21, 24, 0.40);
    backdrop-filter: blur(24.5px);
    padding: 20px;
    border-radius: 5px;
    cursor: pointer;
    transition: .3s all ease;
}
.options_swiper{
    position: relative;
}
.options_swiper .col_item .item_header{
    margin-bottom: 40px;
}
.options_swiper .swiper_prev{
    top: 0;
    bottom: 0;
    left: -40px;
    margin: auto;
}
.options_swiper .swiper_next{
    top: 0;
    bottom: 0;
    right: -40px;
    margin: auto;
}
.options_swiper .swiper_prev, .options_swiper .swiper_next{
    display: flex;
    position: absolute;
    align-items: center;
    z-index: 10;
    justify-content: center;
    border: 1px solid rgba(55, 55, 55, 0.90);
    background: rgba(19, 21, 24, 0.30);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: #EF8C15;
    transition: .3s all ease;
}
.options_swiper .col_item .item_header .item_image{
    margin-bottom: 30px;
}
.useful_options .options_swiper .swiper{
    padding: 10px;
}
.useful_options .options_swiper .swiper-wrapper{
    align-items: stretch;
}
.useful_options .options_swiper .swiper .swiper-slide{
    height: auto;
}
.useful_options .options_swiper .col_item:hover{
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0,51,153,.08), 0 4px 8px rgba(0,51,153,.08);
}
.useful_options .col_item img{
    width: 60px;
    height: 60px;
}
.useful_options .col_item .item_title{
    font-size: 24px;
    font-weight: 500;
}
.useful_options .col_item .item_infos .main{
    font-weight: 500;
}
.plesk_options{
    padding: 40px 0;
}
.plesk_options .section_header{
    margin-bottom: 50px;
}
.plesk_options .options_row{
    justify-content: center;
}
.plesk_options .option_card{
    border: 1px solid rgba(55, 55, 55, 0.90);
    background: rgba(19, 21, 24, 0.40);
    backdrop-filter: blur(24.5px);
    padding: 20px;
}
.option_card .card_body .card_image{
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.option_card .card_body{
    margin-bottom: 30px;
}
.option_card .card_body .card_image img{
    width: 110px;
    height: 110px;
}
.option_card .card_body .card_image .dark{
    display: none;
}
.option_card .card_body .card_content{
    line-height: 140%;
    font-size: 20px;
    text-align: center;
}
.option_card .card_footer{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.option_card .card_footer .price{
    margin-bottom: 10px;
    font-size: 18px;
}
.option_card .card_footer .price span{
    font-weight: 700;
}
.option_card .card_footer a{
    font-size: 16px;
    display: flex;
    color: #fff;
    width: 100%;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    justify-content: center;
    border-radius: 5px;
    background: #FFA335;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
    padding: 12px 20px;
}


.banner{
    padding: 40px 0;
}
.banner .banner_wrapper{
    padding: 36px 362px 36px 48px;
    background-position: top 50% right 41px;
    background-image: url('../images/banner_bg.svg');
    background-repeat: no-repeat;
    border-radius: 9px;
    box-shadow: 0 8px 20px rgba(0,51,153,.08), 0 4px 8px rgba(0,51,153,.08);
    border: 1px solid transparent;
}

.banner .banner_title{
    font-size: 36px;
    font-weight: 600;
    letter-spacing: -.01em;
    margin-bottom: 30px;
}
.banner .banner_text{
    line-height: 140%;
    font-size: 18px;
    margin-bottom: 30px;
    max-width: 75%;
}
.banner .banner_action a{
    color: #3B94B5;
    position: relative;
    font-size: 18px;
}
.banner .banner_action a::before{
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    right: -20px;
    border-style: solid;
    border-width: 0 2px 2px 0 !important;
    transform: rotate(45deg);
    top: -4px;
    bottom: 0;
    margin: auto;
    border-color: #3B94B5;
    transition: .2s all ease-in-out;
}

/*SSL PAGE */
.ssl_advantages{
    padding: 50px 0;
    background: #292B37;
}
.ssl_advantages .section_title{
    text-align: center;
    margin-bottom: 50px;
    color: #fff;
}
.ssl_advantages .advantages_row{
    gap: 30px 0;
    align-items: stretch;
}
.ssl_advantages .col_item{
    color: #FFFFFF;
    background-color: rgba(255, 255, 255, 0.15);
    padding: 24px;
    border-radius: 5px;
    height: 100%;
    background-position: center right;
    background-repeat: no-repeat;
}
.ssl_advantages .col_item .title{
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 20px;
}
.ssl_advantages .col_item .description{
    max-width: 70%;
}
.ssl_products{
    padding: 40px 0;
}
.ssl_products .plans_list.up{
    flex-direction: column-reverse;
}
.ssl_products .sidebar_header label{
    color: #55585B;
    position: relative;
    padding-left: 30px;
    font-size: 20px;
}
.ssl_products .sidebar_item .options{
    display: flex;
    flex-wrap: wrap;
    gap: 15px 0;
    flex-direction: column;
    justify-content: space-between;
    margin: 20px 0;
}
.ssl_products .sidebar_item .option_item label,
.servers .sidebar_item.gpu .option .option_item label{
    color: #55585B;
    position: relative;
    padding-left: 30px;
    font-size: 20px;
    padding-right: 10px;
}
.ssl_products .sidebar_item .option_item label img{
    display: block;
    max-width: 100%;
    width: 110px;
    height: auto;
}
.ssl_products .sidebar_item .option_item label img.dark{
    display: none;
}
.ssl_products .sidebar_item .option_item label::after,
.servers .sidebar_item.gpu .option .option_item label::after{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 20px;
    line-height: 12px;
    text-align: center;
    border: 2px solid #DADADA;
    z-index: -1;
    -webkit-transition: all 0.2s 0s ease-out;
    -moz-transition: all 0.2s 0s ease-out;
    -ms-transition: all 0.2s 0s ease-out;
    -o-transition: all 0.2s 0s ease-out;
    transition: all 0.2s 0s ease-out;
}
.ssl_products .sidebar_item .option_item label::before,
.servers .sidebar_item.gpu .option .option_item label::before{
    position: absolute;
    content: url("../images/check.svg");
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    width: 20px;
    height: 16px;
    line-height: 12px;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.2s 0s ease-out;
    -moz-transition: all 0.2s 0s ease-out;
    -ms-transition: all 0.2s 0s ease-out;
    -o-transition: all 0.2s 0s ease-out;
    transition: all 0.2s 0s ease-out;
}
.ssl_products .sidebar_item .option_item label:hover,
.servers .sidebar_item.gpu .option .option_item label:hover{
    cursor: pointer;
}
.custom-tooltip .tooltip-inner{
    background: #fff;
    color: var(--color-primary);
    box-shadow: 0 0 4px 3px rgba(0,0,0,0.2);
}
.custom-tooltip .tooltip-arrow::before{
    border-right-color: #fff !important;
}
.servers .sidebar_item.gpu .option .option_item input:checked ~ label::before,
.ssl_products .sidebar_item .option_item input:checked ~ label::before{
    visibility: visible;
    opacity: 1;
}
.ssl_products .sidebar_item .option_item input:checked ~ label::after,
.servers .sidebar_item.gpu .option .option_item  input:checked ~ label::after{
    background-color: #0989FF;
    border-color: #0989FF;
}
.ssl_products .option_item.main{
    margin-bottom: 15px;
}
.ssl_products .option_wrapper .option_subitems{
    align-items: center;
    display: flex;
    justify-content: center;
    gap: 15px;
}
.form-check-input{
    margin: 0;
}
.ssl_products .sidebar_item .option_item input,
.ssl_products .sub_item input{
    display: none;
}
.ssl_products .plans_list_header{
    margin: 30px 0;
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
    gap: 0 10px;
    padding: 0 24px;
}
.server-tooltip .tooltip-inner{
    border: 1px solid #D1E2E9;
    background: rgba(255, 255, 255, 1);
    backdrop-filter: blur(12.5px);
    color: #000;
}
.server-tooltip .tooltip-arrow::before{
    border-top-color: rgba(255, 255, 255, 1) !important;
}
.ssl_products .plans_list_header .plan_description:not(:first-child){
    text-align: center;
}
.ssl_products .plans_list{
    display: flex;
    flex-direction: column;
    gap: 30px 0;
}
.ssl_products .plans_list_header .plan_description{
    font-size: 17px;
    font-weight: 600;
    color: #999;
    position: relative;
}
.ssl_products .plans_list_header .plan_description .sale_badge{
    position: absolute;
    top: 2px;
    right: -70px;
    padding: 2px 5px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    background: #dc6655;
    color: #fff;
}
.ssl_products .plan_item{
    border-radius: 5px;
    border: 1px solid #D1E2E9;
    background: rgba(244, 244, 244, 0.20);
    backdrop-filter: blur(24.5px);
}
.ssl_products .plan_item .plan_header{
    display: grid;
    padding: 10px 24px;
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
    gap: 0 10px;
    align-items: center;
    width: 100%;
    cursor: pointer;
}
.ssl_products .plan_item .plan_check_type{
    font-weight: bold;
}
.ssl_products .plan_item .plan_header > div:not(:first-child){
    text-align: center;
}
.ssl_products .plan_item .plan_action{
    display: flex;
    align-items: center;
    justify-content: center;
}
.ssl_products .plan_item .plan_header .plan_title{
    font-size: 18px;
    font-weight: 500;
    display: flex;
    align-items: flex-start;
    gap: 0 10px;
}
.ssl_products .plan_item .plan_action a{
    font-size: 15px;
    display: flex;
    color: #fff;
    width: fit-content;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    justify-content: center;
    border-radius: 5px;
    background: #FFA335;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
    padding: 10px;
}
.ssl_products .plan_item .plan_header.active .plan_title .arrow{
    transform: rotate(180deg);
}
.ssl_products .plan_item .plan_header .plan_title .arrow{
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    vertical-align: middle;
    height: 20px;
    width: 20px;
    background-size: 12px;
    background-repeat: no-repeat;
    background-image: url("../images/arrow.svg");
    transition: linear .2s;
}
.ssl_products .plan_item .plan_content{
    padding: 30px 0;
    margin: 0 24px;
    border-top: 1px solid #dfdfdf;
}
.ssl_products .plan_item .plan_type span{
    color: #fff;
    padding: 5px 5px;
    text-transform: uppercase;
    border-radius: 5px;
    background: #1c6481;
}
.ssl_products .plan_item .plan_content{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ssl_products .plan_item .plan_content .vendor_image{
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(30% - 10px);
}
.ssl_products .plan_item .plan_content .vendor_image img{
    max-height: 100%;
    max-width: 100%;
    height: 90px;
    vertical-align: middle;
}
.ssl_products .plan_item .plan_content .text{
    flex: 0 0 auto;
    width: calc(70% - 10px);
}
.products_wrapper .btn_more{
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 0 auto;
    width: fit-content;
    margin-top: 30px;
}

#clientarea .row .sidebar{
    position: static;
}

#main-menu .navbar-nav{
    flex-direction: row;
}
.navbar-nav > li > .dropdown-menu{
    position: absolute;
}
.error_page{
    padding: 100px 0;
}
.error_page .error_texts{
    display: flex;
    flex-direction: column;
    gap: 10px 0;
    margin-bottom: 20px;
}
.error_page .error_title{
    font-size: 50px;
    font-weight: 500;
}
.error_page .error_subtitle,
.error_page .error_description{
    font-size: 20px;
}
.error_page .actions{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 20px;
}
.error_page .actions a{
    font-size: 16px;
    display: flex;
    color: #fff;
    width: 100%;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    justify-content: center;
    border-radius: 5px;
    background: #FFA335;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
    padding: 15px 35px;
}
.error_page .actions a.secondary{
    background: #146480;
}
.endpage {
    padding: 40px 0;
}
.endpage .section_title{
    margin-bottom: 30px;
    text-align: center;
    font-size: 36px;
}
.endpage .image{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}
.endpage .image img{
    width: 100%;
    height: 100%;
    max-width: 450px;
    max-height: 450px;
}
.endpage .texts{
    text-align: center;
    font-size: 24px;
    font-weight: 500;
}
.endpage .texts a{
    color: #3B94B5;
}
.start_page{
    padding: 40px 0;
}
.start_page .section_title{
    margin-bottom: 30px;
    text-align: center;
    font-size: 36px;
}
.start_page .image{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}
.start_page .image img{
    width: 100%;
    height: 100%;
    max-width: 450px;
    max-height: 450px;
}
.start_page .texts{
    text-align: center;
    font-size: 24px;
    font-weight: 500;
}
.start_page .texts a{
    color: #3B94B5;
}
.contact_page{
    padding: 80px 0;
}
.contact_page .col_item{
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    padding: 40px 20px;
    border-radius: 10px;
    height: 100%;
    border: 1px solid #D1E2E9;
    background: rgba(244, 244, 244, 0.20);
}
.contact_page .col_item.map{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.contact_page .col_item.map .map{
    flex: 0 0 auto;
    height: 90%;
}
.contact_page .col_item .col_title{
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 20px;
}
.contact_page .col_item .item_block .item_title{
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 20px;
}
.contact_page .col_item .item_block{
    margin-bottom: 30px;
}
.contact_page .col_item .item_block .contact_wrapper:not(:last-child){
    margin-bottom: 20px;
}
.col_item .item_block .contact_wrapper .head{
    display: flex;
    align-items: center;
    gap: 0 5px;
    margin-bottom: 20px;
}
.col_item .item_block .contact_wrapper .head .title{
    margin-bottom: 0;
}
.contact_page .col_item .item_block .contact_wrapper a{
    color: #777777;
}
.contact_page .col_item .item_block .item_texts{
    color: #777777;
    display: flex;
    flex-direction: column;
    gap: 10px 0;
}
.contact_page .col_item .item_block .title{
    margin-bottom: 20px;
    font-size: 20px;
}
.contact_page .col_item .item_block .phones{
    display: flex;
    flex-direction: column;
    gap: 10px 0;
}
iframe{
    border: none;
}
.justify-content-between{
    justify-content: space-between;
}
.justify-content-center{
    justify-content: center;
}
.d-none{
    display: none;
}
.flex-column{
    flex-direction: column;
}
.align-items-center{
    align-items: center;
}
.align-items-stretch{
    align-items: stretch;
}
.justify-content-end{
    justify-content: end;
}
@media (min-width: 992px){
    .d-lg-block {
        display: block !important;
    }
    .d-lg-none {
        display: none !important;
    }
    .d-lg-flex{
        display: flex; !important;
    }
}
@media (min-width: 576px){
    .d-sm-block {
        display: block !important;
    }
    .d-sm-none {
        display: none!important;
    }

}

section#main-body{
    background: var(--color-background) !important;
}
#tableServicesList .sorting_1 a{
    transition: inherit;
    color: #000;
}
#tableDomainsList .sorting_1 a{
    transition: inherit;
    color: #000;
}
.sidebar-secondary .panel-body a{
    color: #000;
}
#clientarea #servicesPanel p {
   color: #000;
}

#clientarea #servicesPanel a{
    color: #000;
}
#clientarea .domain-promo-box p{
    color: #000 !important;
}
#tableDomainsList_wrapper .dataTables_length label{
    color: #000;
}
#order-standard_cart .domain-checker-available{
    font-size: 16px;
    margin-bottom: 15px;
}
#clientarea .domain-price{
    font-size: 16px;
}
/* LOGIN FORM */
.login_form .login_title{
    font-size: 32px;
    font-weight: 600;
    text-align: center;
    padding-bottom: 15px;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 20px;
}
.login_form .login_tabs{
    display: flex;
    align-items: stretch;
    justify-content: center;
    margin-bottom: 30px;
}
.login_form .login_tabs li:first-child a{
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}
.login_form .login_tabs li:nth-child(2) a{
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}
.login_form .login_tabs li a{
    padding: 10px;
    display: flex;
    align-items: center;
    transition: .3s all ease;
    justify-content: center;
    width: 140px;
    height: 60px;
    line-height: 50px;
    border-radius: 0;
    color: #0b1d97;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    background-color: rgba(18, 31, 89, 0.1);
}
.login_form .login_tabs li a:hover{
    background: #f2f2f2;
}
.login_form .login_tabs li:hover a img{
    transform: scale(1.1);
}
.login_form .login_tabs li a img{
    max-width: 110px !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    object-position: center;
    transition: .3s all ease;
}
.login_form .login_tabs li.active a{
    background: linear-gradient(96deg, #FFA335 22.56%, #F16517 90.24%);
    border: none;
    text-align: center;
}
.login_form .login-form .form-control{
    height: 50px;
}
.login_form .login-form button{
    padding: 10px !important;
}
.login_form .form_actions{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.login_form .oneid_img{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.login_form .oneid_img img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.login_form .infobox{
    background-color: #e8f0fe;
    text-align: center;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 20px;
}
.login_form .infobox p{
    font-size: 15px !important;
}
.productfaqs h3.intro{
    color: var(--color-text-default);
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    font-size: 28px;
}
#order-standard_cart .oneid_container{
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 0 10px;
    align-items: center;
    justify-content: center;
    border: 1px solid #D1E2E9;
    background: rgba(244, 244, 244, 0.20);
    border-radius: 10px;
    backdrop-filter: blur(24.5px);
}
#order-standard_cart .oneid_container.email{
    margin-top: 20px;
}