@charset "UTF-8";
.theme-light {
  --color-primary: #000;
  --color-secondary: #ef8c15;
  --color-accent: #3b94b5;
  --color-text-default: #30323d;
  --color-background: #fff;
  --modal-background-color: whitesmoke;
}
.theme-dark {
  --color-primary: #fff;
  --color-secondary: #ef8c15;
  --color-accent: #3b94b5;
  --color-text-default: #fff;
  --color-background: #1c1c28;
  --modal-background-color: linear-gradient(272.8deg, rgb(28,36,49) 8%, rgb(25, 75, 98) 92%);
}
@font-face {
  font-family: "Roboto";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: local("Roboto-Regular"), url(../fonts/Roboto-Regular.woff) format("woff");
}
@font-face {
  font-family: "Roboto";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: local("Roboto-Medium"), url(../fonts/Roboto-Medium.woff) format("woff");
}
@font-face {
  font-family: "Roboto";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: local("Roboto-Bold"), url(../fonts/Roboto-Bold.woff) format("woff");
}
@font-face {
  font-family: "Roboto";
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  src: local("Roboto-Black"), url(../fonts/Roboto-Black.woff) format("woff");
}
*, 
ul,
ol,
p {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
ul,
ol {
  list-style: none;
}
dl,
ol,
ul {
  margin-top: 0;
  margin-bottom: 0;
}
a {
  color: var(--color-primary);
  text-decoration: none !important;
  transition: 0.3s all ease;
}
a:hover {
  color: inherit;
  text-decoration: none !important;
}
html {
  scroll-behavior: smooth;
}
html,
body {
  background: var(--color-background);
  color: var(--color-primary);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  font-family: "Roboto", sans-serif;
}
#main-body .user_id {
  margin-bottom: 30px;
}
#main-body .user_id ul {
  display: flex;
  flex-direction: column;
  gap: 5px 0;
}
.transfer_card .form-group select {
  width: 100%;
}
html.theme-dark .transfer_card .selectize-control.single .selectize-input {
  color: var(--color-primary);
  border-color: #5a5a5a;
  background-image: none;
  box-shadow: none;
  background-color: #1c1c28;
}
html.theme-dark #frmDomainTransfer .form-group label a {
  color: #fff !important;
}
html.theme-dark .select2-container--default .select2-selection--single {
  color: var(--color-primary);
  border-color: #5a5a5a;
  background-image: none;
  box-shadow: none;
  background-color: #1c1c28;
}
html.theme-dark .select2-container--open .select2-dropdown--below {
  color: var(--color-primary);
  border-color: #5a5a5a;
  background-image: none;
  box-shadow: none;
  background-color: #1c1c28;
}
html.theme-dark .select2-search--dropdown .select2-search__field {
  color: #000;
}
html.theme-dark .transfer_card .selectize-dropdown {
  background-color: #1c1c28;
  color: #fff;
}
html.theme-dark #confirmTransfer .modal-title {
  color: #000;
}
html.theme-dark #confirmTransfer .close span {
  color: #000;
}
.transfer_card .card-body {
  overflow: hidden;
  min-height: 250px;
}
#main-body .user_id li {
  color: #8a8a8a;
  font-size: 18px;
}
@media all and (min-width: 1400px) {
  .container {
    width: 1320px;
    max-width: 1320px;
  }
}
@media (min-width: 768px) {
  .btn-return-to-admin {
    position: fixed !important;
    top: 425px;
    left: 0;
    right: inherit;
    padding: 5px 15px !important;
    background-color: #d7d7d7 !important;
    color: #777 !important;
    font-size: 0.9rem !important;
    border-radius: 0 0 3px 3px !important;
    text-decoration: none;
    transform: rotate(270deg);
    transform-origin: top left;
    z-index: 500;
  }
}
.transfer_card .form-group select {
  width: 100%;
}
.transfer_card .card-body {
  overflow: hidden;
  min-height: 250px;
}
.custom_payment .suggest {
  display: none !important;
}
.custom_payment .qr_container {
  display: none !important;
}
.domain-price {
  margin-top: 20px;
}
.domains_transfer .panel-actions {
  padding: 20px;
  border-bottom: 1px solid rgb(0 0 0 / 0.125);
}
.domains_transfer .form-group {
  width: 100%;
  margin-bottom: 30px;
}
.domains_transfer .form-group:last-child {
  margin-bottom: 0;
}
.domains_transfer .form-group .input_wrapper {
  position: relative;
  margin-bottom: 20px;
}
.input_wrapper .select2-container .select2-selection--single {
  height: 38px !important;
}
.input_wrapper .select2-container .select2-selection__rendered {
  line-height: 38px !important;
}
.input_wrapper .select2-container .select2-selection__arrow {
  top: 0;
  bottom: 0;
  margin: auto;
}
.domains_transfer .form-group .domains {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.domains_transfer .panel-actions ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 20px;
}
.domains_transfer .panel-actions li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  border-radius: 5px;
  transition: 0.3s all ease;
  cursor: pointer;
  position: relative;
  padding: 10px 20px;
  border: 1px solid rgb(55 55 55 / 0.9);
  background: rgb(19 21 24 / 0.4);
  backdrop-filter: blur(24.5px);
}
.domains_transfer .panel-actions ul li.active {
  background-color: #ef8c15 !important;
  color: #fff !important;
  border-color: #ef8c15 !important;
}
html.theme-light .domains_transfer .panel-actions li {
  border: 1px solid #d1e2e9;
  background: rgb(244 244 244 / 0.2);
  color: #000;
  cursor: pointer;
}
.suggested-domains .list-group-item {
  height: 65px;
}
.suggested-domains .btn:not(.domain-contact-support) {
  padding: 10px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}
.custom_payment .suggest {
  display: none !important;
}
.custom_payment .qr_container {
  display: none !important;
}
.domain-price {
  margin-top: 20px;
}
#main-body {
  margin-top: 30px;
  padding-bottom: 70px;
}
#order-standard_cart .panel-addon .panel-body {
  margin-bottom: 10px;
}
#order-standard_cart .dropdown-toggle {
  margin: 10px 0;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
audio,
canvas,
iframe,
img,
svg,
video,
i {
  vertical-align: middle;
}
.section_title {
  color: var(--color-text-default);
  font-size: 40px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
.wrapper {
  overflow: clip;
}
.glowCookies__banner__1 .read__more {
  color: #3b94b5 !important;
}
.client-home-cards .list-group .list-group-item {
  padding: 0.75rem 1.25rem;
}
header.clientarea_header .header_top .right_items {
  display: block;
}
header.clientarea_header .right_items .user_actions .main_nav,
header.clientarea_header .header_right,
header.clientarea_header .header_menu .header_actions{
  gap: 0 30px;
}
header.clientarea_header .header_menu .header_items .main_link {
  display: flex;
  align-items: center;
  height: 75px;
}
header.clientarea_header .menu_list li .dropdown {
  min-width: 225px;
  max-height: 350px;
  overflow: auto;
}
header.clientarea_header .menu_list li .dropdown::-webkit-scrollbar {
  display: none;
}
header.clientarea_header .menu_list li.active .dropdown {
  top: 75px;
}
header.clientarea_header .header_row {
  font-size: 14px;
  padding: 15px 0;
}
header.clientarea_header .header_top .main_nav {
  justify-content: space-between;
}
.service_card .plus {
  font-size: 40px;
  display: block;
  font-weight: 700;
  color: #ef8c15;
}
.service_card .gift_block {
  display: flex;
  align-items: center;
  margin: 15px 0;
  justify-content: space-between;
}
.service_card .gift_block > div {
  flex: 0 0 auto;
  width: calc(50% - 10px);
}
.service_card .gift_block .text {
  color: #ef8c15;
  font-size: 20px;
  font-weight: 500;
  text-align: end;
}
.service_card .gift_block .image img {
  width: 100%;
  max-width: 100px;
}
.tab-pane .nft_wrapper {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
.tab-pane .nft_wrapper .nft_image {
  flex: 0 0 auto;
  width: calc(80% - 10px);
}
.tab-pane .nft_wrapper .domain_infos {
  flex: 0 0 auto;
  width: calc(20% - 10px);
}
.tab-pane .nft_wrapper .domain_infos ul {
  display: flex;
  flex-direction: column;
  gap: 20px 0;
}
.tab-pane .nft_wrapper .info_title {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 10px;
}
header.header .navbar a {
  transition: inherit !important;
  background: inherit !important;
}
.section_title span {
  color: var(--color-secondary);
}
.background {
  position: relative;
}

/* LOGIN HEADER */

.main_nav .login_modal{
  min-width: 275px;
}
.main_nav .login_modal form{
  width: 100%;
}



.login_form .login-form .buttons .btn {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  background-color: #ffa335 !important;
}
.login_form .aggrement a {
  color: #3b94b5;
}
.login_form .aggrement span {
  color: #ffa335;
}
.login_form .aggrement {
  margin-top: 20px;
  line-height: 130%;
}
.login_form .show_hide_password {
  width: 100%;
}
.login_form .show_hide_password i {
  cursor: pointer;
  font-size: 20px;
}
.login_form .input-group-addon {
  width: 50px;
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.custom_payment .suggest {
  display: none !important;
}
.custom_payment .qr_container {
  display: none !important;
}
.login_form .login_title {
  font-size: 32px;
  font-weight: 600;
  text-align: center;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
  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:last-child 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: 0.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: rgb(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: 0.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;
}
.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);
}
.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;
}
.dnssec_advantages {
  padding: 40px 0;
}
.dnssec_advantages .header_texts {
  margin-bottom: 50px;
}
.dnssec_advantages .advantages_row {
  gap: 20px 0;
}
.dnssec_advantages .advantage_card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px 0;
}
.dnssec_advantages .advantage_card .advantage_image {
  box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
  padding: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dnssec_advantages .advantage_card .advantage_image svg {
  height: 80px;
  width: 80px;
}
.dnssec_offer {
  padding: 40px 0;
}
.dnssec_offer .offer_row {
  align-items: flex-start;
}
.dnssec_offer .section_title {
  font-size: 36px;
}
.dnssec_offer .section_text {
  line-height: 2rem;
  margin: 20px 0;
}
.dnssec_offer .offer_action a {
  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: 0 4px 12px 0 rgb(0 0 0 / 0.15);
  padding: 12px 35px;
}
.dnssec_offer .dnssec_video {
  display: flex;
  align-items: center;
  justify-content: center;
}
.dnssec_offer .dnssec_video video {
  width: 100%;
  max-width: 800px;
  height: auto;
}
.nft_advantages {
  padding: 40px 0;
}
.nft_advantages .header_texts {
  margin-bottom: 50px;
}
.nft_advantages .section_title {
  text-align: center;
}
.nft_advantages .advantages_row {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px 0;
}
.nft_advantages .advantages_row .advantage_card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
}
.nft_advantages .advantage_card .advantage_title {
  text-align: center;
}
.nft_offer {
  padding: 40px 0;
}
.nft_offer .section_title {
  font-size: 36px;
}
.nft_offer .section_title .price {
  color: #ef8c15;
}
.nft_offer .offer_text {
  line-height: 2rem;
  margin: 20px 0;
}
.nft_offer .offer_action a {
  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: 0 4px 12px 0 rgb(0 0 0 / 0.15);
  padding: 12px 35px;
}
.nft_offer .offer_image {
  display: flex;
  align-items: center;
  justify-content: center;
}
.nft_offer .offer_image img {
  max-width: 540px;
  width: 100%;
  height: auto;
}
.domains_search .result {
  margin: 30px 0;
}
.domains_search .result table .active {
  color: #ef8c15;
}
.domains_search .result_content {
  backdrop-filter: blur(24.5px);
  border-radius: 10px;
  border: 1px solid #d1e2e9;
  background: rgb(244 244 244 / 0.2);
  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: 0 4px 12px 0 rgb(0 0 0 / 0.15);
  padding: 15px 35px;
  cursor: pointer;
}
.domains_search.domains .domain_add {
  margin: 30px 0;
}
.domains_search.domains .domain_add a {
  display: flex;
  align-items: center;
  gap: 0 10px;
  width: fit-content;
  padding: 15px 20px;
  background: #ffa335;
  border-radius: 5px;
  color: #fff;
}
.result_alert {
  margin: 30px 0;
  text-align: center;
}
.result_alert a {
  color: #ffa335;
}
.domains_search.domains .container {
  position: relative;
}
html.theme-light .domains_search.domains form input {
  box-shadow: none;
}
.domains_search.domains .domains_row {
  background: #fff0;
}
.domains_search.domains form {
  display: flex;
  align-content: center;
}
.domains_search.domains{
  padding: 40px 0;
}
.domains_search.domains .selected_zone {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  height: 50px;
  background: #fff0;
  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 .selected_zone.active {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
#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: rgb(244 244 244 / 0.2);
  border-radius: 10px;
  backdrop-filter: blur(24.5px);
}
#order-standard_cart .oneid_container.email {
  margin-top: 20px;
}
.domains_category {
  padding: 40px 0;
  background: #f2f6fe;
}
.domains_category .category_tabs {
  margin-bottom: 30px;
}
.domains_category .category_tabs .btn_list {
  margin: 0 auto 40px;
}
.domains_category .btn_list li {
  flex: 1 1 auto;
}
.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: 0.3s all ease;
  border: 1px solid #fff0;
  padding: 0 20px;
}
.domains_category .btn_list .tab_btn:hover {
  color: #fff;
  background: #ef8c15;
}
.domains_category .btn_list .tab_btn.active {
  color: #fff !important;
  background: #ef8c15 !important;
}
.category_tabs .btn_list li{
  width: max-content;
}
.category_tabs .btn_list li.full{
  width: calc(50% - 10px);
}
.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: 0 4px 12px 0 rgb(0 0 0 / 0.15);
  padding: 15px 35px;
  cursor: pointer;
}
.domain_item {
  flex: 0 0 auto;
  min-height: 175px !important;
  height: unset !important;
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  border: 1px solid #d1e2e9;
  background: rgb(244 244 244 / 0.2);
  padding: 24px;
  box-shadow: 0 4px 16px rgb(0 51 153 / 0.04), 0 2px 2px rgb(0 51 153 / 0.08);
  border-radius: 5px;
  overflow: hidden;
  transition: 0.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 rgb(0 51 153 / 0.08), 0 4px 8px rgb(0 51 153 / 0.08);
  transform: translateY(-2px);
}
.domain_item .domain_price {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.domain_item .domain_price_second{
  margin-top: 20px;
}
.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: -0.04em;
  margin-bottom: 10px;
}
.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;
}
.domains_search.domains .domains_bottom a {
  color: #3b94b5;
  font-size: 20px;
}
.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 {
  color: #3b94b5;
  font-size: 20px;
}
.domains_search.homepage form .buttons,
.domains_search.domains form .buttons{
  display: flex;
  align-items: center;
  position: absolute;
  gap: 0 15px;
  top: 0;
  bottom: 0;
  height: 100%;
  flex-direction: row-reverse;
  right: 10px;
}
.domains_search.homepage form .buttons button,
.domains_search.domains form .buttons button{
  position: static;
  width: auto;
}
.domains_search.domains form button.whois_btn,
.domains_search.homepage form button.whois_btn {
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  width: fit-content;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  background: #146480;
  padding: 12px 18px;
  right: 160px;
}
.domains_search.domains form button.check_btn{
  width: 150px;
}
.whois_btn {
  font-size: 15px;
  display: block;
  color: #fff;
  width: fit-content;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border-radius: 16px 5px;
  background: #146480;
  box-shadow: 0 4px 12px 0 rgb(0 0 0 / 0.15);
  padding: 12px 18px;
  margin-bottom: 30px;
}
.domains_names {
  padding: 40px 0;
}
.domains_names .section_header .title {
  font-size: 32px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 30px;
}
.domains_names .section_header .item_row .item {
  width: calc(33% - 10px);
  justify-content: center;
  gap: 0 10px;
  border: 1px solid rgb(55 55 55 / 0.9);
  background: rgb(19 21 24 / 0.4);
  backdrop-filter: blur(24.5px);
  padding: 20px;
  border-radius: 5px;
  transition: 0.3s all ease;
}
.domains_names .section_header .item_row .item_image img {
  width: 90px;
  height: 90px;
}
.domains_names .section_header .item_row {
  gap: 0;
  justify-content: space-between;
}
.domains_names .section_header {
  margin-bottom: 80px;
}
.webhosting {
  padding: 40px 0;
}
.webhosting .table_wrapper {
  display: none;
}
.webhosting .webhosting_row {
  display: flex;
  flex-direction: column;
}
.webhosting .webhosting_periods {
  margin-bottom: 30px;
}
.webhosting .webhosting_periods 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;
}
.webhosting .webhosting_periods li.last {
  position: relative;
  gap: 0 10px;
  overflow: hidden;
}
.webhosting .webhosting_periods ul li .sales_badge {
  position: absolute;
  top: 3px;
  right: 3px;
  padding: 2px 5px;
  border-radius: 5px;
  font-size: 10px;
  background: #dc6655;
  color: #fff;
}
.webhosting .webhosting_periods ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 220px;
  border-radius: 5px;
  transition: 0.3s all ease;
  cursor: pointer;
  position: relative;
  padding: 10px 20px;
  border: 1px solid rgb(55 55 55 / 0.9);
  background: rgb(19 21 24 / 0.4);
  backdrop-filter: blur(24.5px);
}
.webhosting .webhosting_periods ul li.active {
  background-color: #ef8c15;
  color: #fff;
}
.webhosting .webhosting_row .extended_plans {
  display: none;
}
.webhosting .webhosting_header {
  margin-bottom: 50px;
}
.webhosting .webhosting_header ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
.webhosting .webhosting_header li {
  padding: 20px 0;
  font-size: 20px;
  font-weight: 500;
  border-bottom: 1px solid #dfe3e8;
}
.webhosting .webhosting_header li:not(:last-child) {
  padding-right: 40px;
}
.webhosting .webhosting_header li span {
  padding: 20px 0;
  cursor: pointer;
}
.webhosting .webhosting_header li.active span {
  border-bottom: 3px solid #ffa335;
}
.webhosting .panel {
  transition: 0.3s all ease;
}

.webhosting .the-price small {
  color: #ffa335;
  font-size: 14px;
  display: none;
}
.webhosting .panel:hover {
  box-shadow: 0 8px 20px rgb(0 51 153 / 0.08), 0 4px 8px rgb(0 51 153 / 0.08);
}
.webhosting .panel.master .panel-heading,
.webhosting .panel.top .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.top .panel_badge {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 14px;
  padding: 7px;
  border-bottom-left-radius: 12px;
  color: #fff;
  background: linear-gradient(96deg, #ffa335 22.56%, #f16517 90.24%);
  text-transform: uppercase;
  text-align: center;
}
.webhosting .panel {
  border: 1px solid rgb(55 55 55 / 0.9);
  background: rgb(19 21 24 / 0.4);
  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;
  border: none;
  background: #1d6682;
  padding: 30px 15px;
}
.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: 0 4px 12px 0 rgb(0 0 0 / 0.15);
  padding: 12px 35px;
}
.webhosting .panel-body .price,
.webhosting .panel-body .subscript{
  font-size: 31px;
}
.webhosting .panel-body .price{
  display: inline-flex;
  flex-direction: column;
  align-items: end;
}
.webhosting .panel-body .price s{
  opacity: .4;
  font-size: 20px;
  font-weight: 400;
}
.table-wrapper {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 30px 0;
}
.table-wrapper .optional {
  display: flex;
  flex-direction: column;
  gap: 30px 0;
}
.table-wrapper .optional table {
  display: none;
}
.webhosting .panel-title {
  color: #fff;
  margin: 0;
  text-align: center;
  font-size: 32px;
  font-weight: 900;
}
.webhosting .the-price {
  text-align: center;
  background: inherit;
  color: var(--color-primary);
  box-shadow: none;
  padding: 20px;
  margin: 0;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}
.webhosting .panel .table > tbody > tr > td {
  text-align: center;
  color: var(--color-primary);
  background: inherit;
}
.webhosting .panel .table > tbody > tr > td:last-child {
  border-bottom: 1px solid #dee2e6;
}
.webhosting .panel_footer {
  padding: 8px;
}
.webhosting .panel_footer .custom_select {
  margin-bottom: 15px;
  width: 100%;
}
.plan_list .more_btn,
.webhosting .more_show {
  font-size: 20px;
  font-weight: 500;
  color: #3b94b5;
  cursor: pointer;
  width: fit-content;
  margin: 0 auto;
}
.plan_list .more_btn span,
.webhosting .more_show span {
  position: relative;
}
.plan_list .more_btn span::before,
.webhosting .more_show 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: 0.2s all ease-in-out;
}
.webhosting .table_container {
  margin-top: 30px;
}
.webhosting .table_container table {
  margin-top: 20px;
  display: none;
}
.advantages {
  padding: 40px 0;
}
.advantages .section_title {
  margin-bottom: 30px;
  text-align: center;
}
.advantages .advantages_row {
  margin-bottom: 50px;
}
.advantages .row_item a {
  color: #3b94b5;
}
.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;
}
.ssl_status_wrapper {
  margin-top: 20px;
}
.cart {
  position: relative;
}
.cart .cart_badge {
  position: absolute;
  top: -5px;
  right: -15px;
  padding: 5px;
  border-radius: 50%;
  background-color: #ef8c15;
  font-size: 10px;
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: normal;
}
.ssl_status_wrapper .ssl_info_wrapper {
  display: flex;
  align-items: center;
  gap: 0 10px;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.ssl_detailed_info .ssl_info_provider {
  display: flex;
  align-items: center;
  gap: 0 10px;
  margin-bottom: 10px;
}
.ssl_detailed_info .ssl_info_provider .ssl_provider_title {
  color: #3b94b5;
}
.ssl_detailed_info .ssl_detailed_info_block {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-top: 1px solid #dfe4ec;
  padding-top: 36px;
  margin-right: 50px;
}
.ssl_detailed_info_block .block_item {
  display: flex;
  flex-direction: column;
  gap: 8px 0;
}
.ssl_detailed_info_block .block_item .item_title {
  color: #3b94b5;
}
.ssl_products {
  padding: 40px 0;
}
.ssl_advantages {
  padding: 50px 0;

}
.ssl_advantages .section_title {
  text-align: center;
  margin-bottom: 50px;
  color: var(--color-primary);
}
.ssl_advantages .advantages_row {
  gap: 30px 0;
  align-items: stretch;
}
.ssl_advantages .col_item {
  color: var(--color-primary);
  background-color: rgb(255 255 255 / 0.15);
  padding: 24px;
  border: 1px solid transparent;
  border-radius: 5px;
  height: 100%;
  background-position: center right;
  background-repeat: no-repeat;
}
html.theme-light .ssl_advantages .col_item{
  border-color: #d1e2e9;
  background: rgba(244, 244, 244, 0.2);
}
.ssl_advantages .col_item .title {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 20px;
}
.ssl_advantages .col_item .description {
  max-width: 70%;
}
.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_widget .options {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 0;
  flex-direction: column;
  justify-content: space-between;
  margin: 20px 0;
}
.ssl_products .sidebar_widget .option_item label {
  color: #55585b;
  position: relative;
  padding-left: 30px;
  font-size: 20px;
  padding-right: 10px;
}
.ssl_products .sidebar_widget .option_item label img {
  display: block;
  max-width: 100%;
  width: 110px;
  height: auto;
}
.ssl_products .sidebar_widget .option_item label img.dark {
  display: none;
}
.theme-dark .sidebar_widget .option_item label img.dark {
  display: block;
}
.theme-dark .sidebar_widget .option_item label img.light {
  display: none;
}
.ssl_products .sidebar_widget .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_widget .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_widget .option_item label:hover {
  cursor: pointer;
}
.custom-tooltip .tooltip-inner {
  background: #fff;
  color: var(--color-primary);
  box-shadow: 0 0 4px 3px rgb(0 0 0 / 0.2);
}
.custom-tooltip .tooltip-arrow::before {
  border-right-color: #fff !important;
}
.ssl_products .sidebar_widget .option_item input:checked ~ label::before {
  visibility: visible;
  opacity: 1;
}
.ssl_products .sidebar_widget .option_item input:checked ~ label::after {
  background-color: #0989ff;
  border-color: #0989ff;
}
.sidebar .sidebar-menu-item-wrapper .truncate {
  white-space: normal;
  margin-bottom: 5px;
}
.ssl_products .option_item.main {
  margin-bottom: 15px;
}
.ssl_products .option_wrapper .option_subitems {
  align-items: center;
  display: flex;
  justify-content: center;
  gap: 15px;
}
.ssl_products .sidebar_widget .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;
  gap: 0 10px;
  padding: 0 24px;
}
.server-tooltip .tooltip-inner {
  border: 1px solid #d1e2e9;
  background: rgb(255 255 255);
  backdrop-filter: blur(12.5px);
  color: #000;
}
.server-tooltip .tooltip-arrow::before {
  border-top-color: rgb(255 255 255) !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: rgb(244 244 244 / 0.2);
  backdrop-filter: blur(24.5px);
}
.ssl_products .plan_item .plan_header {
  display: grid;
  padding: 12px 24px;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 0 10px;
  align-items: center;
  width: 100%;
  cursor: pointer;
}
.ssl_products .plan_item .plan_check_type {
  font-weight: 700;
}
.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;
  position: relative;
  align-items: flex-start;
  gap: 0 10px;
}
.ssl_products .plan_item .plan_header .plan_title .plan_badge {
  position: absolute;
  top: -15px;
  right: -40px;
  font-size: 12px;
  line-height: normal;
  font-weight: 300;
  background: linear-gradient(272.8deg, #255fe0 7.3%, #50b7fc 92.82%);
  color: #fff;
  padding: 2px 5px;
  border-radius: 12px;
}
.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: 0 4px 12px 0 rgb(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 0.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;
}
.show_all_button {
  margin: 0 auto;
}
h2.intro {
  font-weight: 300;
  padding-top: 0;
  padding-bottom: 10px;
  margin-top: 0;
  margin-bottom: 30px;
  border-bottom: 1px solid #f4f4f4;
}
.domains_names p.intro {
  font-size: 16px;
  color: var(--color-primary);
  line-height: 140%;
}
.domains_names .benefits ul {
  display: flex;
  flex-direction: column;
  gap: 15px 0;
}
.domains_names .benefits ul li {
  display: flex;
  align-items: flex-start;
  gap: 0 8px;
  color: #3b94b5;
}
.domains_names .benefits ul i {
  color: #ffa335;
  font-size: 16px;
}
.colocation_swiper .swiper_navs > div {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(55 55 55 / 0.9);
  background: rgb(19 21 24 / 0.3);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #ef8c15;
  transition: 0.3s all ease;
}
.colocation_swiper .swiper_navs {
  display: none;
}
.colocation_swiper .swiper_navs .swiper_next,
.colocation_swiper .swiper_navs .swiper_prev {
  cursor: pointer;
  position: absolute;
}
.colocation_swiper .swiper_navs .swiper_next {
  top: 0;
  bottom: 0;
  right: -40px;
  margin: auto;
}
.colocation_swiper .swiper_navs .swiper_prev {
  top: 0;
  bottom: 0;
  left: -40px;
  margin: auto;
}
.colocation_swiper .swiper_navs .swiper_next:hover,
.colocation_swiper .swiper_navs .swiper_prev:hover {
  background: #ffa335;
  border-color: #ffa335;
  color: #fff;
}
.product_section {
  padding: 40px 0;
}
.product_section .swiper-slide {
  height: auto;
}
.product_section .product_card {
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid rgb(55 55 55 / 0.9);
  background: rgb(19 21 24 / 0.4);
  backdrop-filter: blur(24.5px);
  transition: 0.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: none;
  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;
  text-align: center;
}
.product_card .content_item span {
  color: #ffa335;
}
.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: 0 4px 12px 0 rgb(0 0 0 / 0.15);
  padding: 10px 35px;
}
.useful.colocation .useful_row .item {
  white-space: inherit !important;
}
.administration .administration_bottom .title {
  text-align: center;
  margin: 30px 0 20px 0;
  line-height: 140%;
  font-size: 22px;
  font-weight: 500;
  color: #3b94b5;
  font-weight: 600;
}
.administration .administration_bottom .title a{
  color: #3b94b5;
}
.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: 0 4px 12px 0 rgb(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;
}
.servers {
  padding: 40px 0;
}
.servers .sidebar_widget .widget_options .option img {
  width: 60px;
}
.products_primary .products_wrapper {
  border: 1px solid #ececec;
  border-radius: 10px;
  padding: 30px 20px;
}
.servers .sidebar_widget .widget_content ,
.colocation .sidebar_widget .widget_content {
  display: none;
  margin-top: 20px;
}
.servers .sidebar_widget.active .widget_content {
  display: block;
}
.sidebar_widget .widget_title {
  position: relative;
  border-bottom: 1px solid #ececec;
  padding-bottom: 20px;
  font-size: 20px;
  color: #253d4e;
  cursor: pointer;
  font-weight: 700;
}
.sidebar_widget .widget_title::before {
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  right: 10px;
  top: -15px;
  bottom: 0;
  margin: auto;
  width: 8px;
  transform: rotate(45deg);
  border-bottom: 2px solid #000;
  transition: 0.3s;
  border-right: 2px solid #000;
}
.sidebar_widget.active .widget_title::before {
  transform: rotate(225deg);
}
.sidebar_widget .widget_title::after {
  content: "";
  width: 80px;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #ef8c15;
}
.products_primary .primary_sidebar {
  position: sticky;
  top: 100px;
  padding: 20px;
  border: 1px solid #ececec;
  border-radius: 10px;
  box-shadow: 5px 5px 15px rgb(0 0 0 / 0.05);
}
.products_primary .primary_sidebar .sidebar_widget:not(:last-child) {
  margin-bottom: 30px;
}
.servers .sidebar_widget .price_wrapper {
  height: 48px;
  padding: 0 10px;
  display: flex;
  border-radius: 5px;
  align-items: center;
  margin-bottom: 20px;
  border: 1px solid #fff0;
}
.sidebar_widget .slider_range {
  box-shadow: none;
  border: none;
  height: 4px;
  border-radius: 0;
  background: #d7d7d7;
  color: #3bb77e;
  padding-right: 16px;
}
.sidebar_widget .noUi-target .noUi-connect {
  background: #1d6582;
}
.sidebar_widget .noUi-horizontal .noUi-handle {
  cursor: pointer;
  background-color: #f5f5f5;
  border-radius: 100%;
  border: 0;
  height: 20px;
  top: -8px;
  width: 20px;
  box-shadow: 0 0 10px rgb(0 0 0 / 0.2);
}
.sidebar_widget .noUi-handle:after,
.sidebar_widget .noUi-handle:before {
  display: none;
}
.sidebar_widget .widget_options form {
  display: flex;
  flex-direction: column;
  gap: 10px 0;
  padding: 16px;
  border-radius: 5px;
  border: 1px solid #fff0;
}
.sidebar_widget .widget_options .option {
  display: flex;
  align-items: center;
  gap: 0 10px;
}
.primary_sidebar .clear_filter button {
  display: inline-block;
  border: none;
  outline: none;
  font-size: 16px;
  font-weight: 700;
  padding: 12px 30px;
  border-radius: 4px;
  color: #fff;
  background-color: #ef8c15;
  cursor: pointer;
  transition: all 0.3s ease;
  letter-spacing: 0.5px;
}
.plans_header {
  border: 1px solid #d1e2e9;
  background: rgb(244 244 244 / 0.2);
  backdrop-filter: blur(24.5px);
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  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: 0.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: 700;
}
.sorting.active .dropdown ul {
  visibility: visible;
  opacity: 1;
  pointer-events: all;
  cursor: pointer;
}
.plans_date {
  margin-bottom: 30px;
}
.plans_date ul {
  padding: 5px;
  /* justify-content: center; */
  border-radius: 5px;
  overflow: auto;
  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: 0.3s all ease;
  cursor: pointer;
  position: relative;
}
.plans_date li .sales_badge {
  position: absolute;
  top: 0;
  right: 0;
  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: 20px 15px;
  border-radius: 1rem;
  border: 1px solid #d1e2e9;
  mix-blend-mode: luminosity;
}
.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; */
  grid-template-columns: 2fr 1fr 1.5fr 1.5fr;
  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: 0;
}
.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: 0 4px 12px 0 rgb(0 0 0 / 0.15);
  padding: 12px 35px;
}
.licence.vps_cards .vps_card {
  grid-template-columns: 2fr 1fr 1fr 1fr;
}
.licence.vps_cards .vps_card .card_info {
  text-align: center;
  gap: 10px 0;
  width: 100%;
}
.licence.vps_cards .vps_card .card_title {
  color: #ef8c15;
}
.licence.vps_cards .vps_card.cpanel .card_title {
  color: #3b94b5;
}
.licence.vps_cards .additional_info {
  margin-top: 30px;
}
.licence.vps_cards .additional_info .title {
  font-size: 20px;
  font-weight: 500;
  color: #3b94b5;
  cursor: pointer;
  text-align: center;
  margin-bottom: 20px;
}
.licence.vps_cards .additional_info table {
  display: none;
}
.licence.vps_cards .additional_info .title span {
  position: relative;
}
.licence.vps_cards .additional_info .table_block {
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  overflow: auto;
  gap: 30px 0;
}
.licence.vps_cards .additional_info .title span::after {
  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: 0.2s all ease-in-out;
}
.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: 0.3s all ease;
  object-position: center;
  object-fit: cover;
}
.licence_images .images_row {
  margin-bottom: 40px;
}
.licence .header_texts .section_description a {
  color: #3b94b5;
}
.useful .useful_table {
  margin-top: 20px;
}
.useful .useful_table .table {
  margin-top: 20px;
}
.useful .useful_table .more_btn {
  color: #3b94b5;
  font-weight: 500;
  cursor: pointer;
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 0 5px;
}
.useful .useful_table .more_btn .more_action {
  position: relative;
  padding-right: 20px;
}
.useful .useful_table .more_btn .more_action:hover {
  color: #74a8ec;
}
.useful .useful_table .more_btn .more_action:hover::before {
  border-color: #74a8ec;
}
.useful .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: 0.2s all ease-in-out;
}
.useful .useful_table .more_btn i,
.useful .useful_table .more_btn svg {
  color: #ef8c15;
}
.useful .useful_table table {
  display: none;
}
.useful .useful_table table td.center {
  text-align: center;
}
.useful .useful_table table td a {
  color: #3b94b5;
}
.useful .useful_table table thead td {
  padding: 15px;
  background: #6d6d6d;
  color: #fff;
  text-transform: uppercase;
  border: 1px solid #6d6d6d !important;
}
.useful .useful_table table tbody td {
  padding: 15px;
  vertical-align: middle;
}
.useful .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,
.product_section .cards_tab {
  margin-bottom: 30px;
}
.vps_cards .cards_tab ul,
.product_section .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,
.product_section .cards_tab.last {
  position: relative;
  gap: 0 10px;
  overflow: hidden;
}
.vps_cards .cards_tab ul li .sales_badge,
.product_section .cards_tab .sales_badge {
  position: absolute;
  top: 3px;
  right: 3px;
  padding: 2px 5px;
  border-radius: 5px;
  font-size: 10px;
  background: #dc6655;
  color: #fff;
}
.vps_cards .cards_tab ul li,
.product_section .cards_tab ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 220px;
  border-radius: 5px;
  transition: 0.3s all ease;
  cursor: pointer;
  position: relative;
  padding: 10px 20px;
  border: 1px solid rgb(55 55 55 / 0.9);
  background: rgb(19 21 24 / 0.4);
  backdrop-filter: blur(24.5px);
}
.vps_cards .cards_tab ul li.active,
.product_section .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: 30px 0;
}
.vps_cards .vps_card {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr 1fr 1fr 2fr 1.5fr;
  gap: 0 10px;
  padding: 24px;
  justify-content: space-between;
  border: 3px solid rgb(55 55 55 / 0.9);
  background: rgb(19 21 24 / 0.4);
  backdrop-filter: blur(24.5px);
  transition: 0.3s all ease;
  z-index: 10;
}
.vps_cards .vps_card .os_select{
  width: 100%;
}
.vps_cards .vps_card .os_select .current{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 150px;
  min-width: 150px;
}
.vps_cards .vps_card .os_select ul{
  width: auto;
  max-height: 220px;
  overflow: auto;
  right: 0;
  left: inherit;
}
.vps_cards .vps_card.master {
  position: relative;
  border: 3px solid #ffa335 !important;
}
.vps_cards .vps-config_tarif.master{
  position: relative;
  overflow: hidden;
}
.vps_cards .vps_card.masterLhover {
  border-color: rgb(55 55 55 / 0.9);
}
.vps_cards .vps_card.master .vps_badge,
.vps_cards .vps-config_tarif.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-config_tarif.master .vps_badge{
  left: unset;
  right: -40px;
  transform: rotate(45deg);
  border-radius: unset;
  width: 100px;
  height: 60px;
  top: -20px;
  align-items: end;
}
.vps_cards .vps_card.active {
  position: relative;
  z-index: 20;
}
.custom_select {
  background-color: #f9f9f9;
  border: 1px solid rgb(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: 400;
  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;
  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: 0.3s all ease;
}
.custom_select ul {
  width: 100%;
  padding: 10px 0;
  background-color: #fff;
  box-shadow: 0 0 0 1px rgb(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: 0.3s all ease;
}
.custom_select ul li.selected {
  font-weight: 700;
}
.custom_select.active ul {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1) translateY(0);
}
.vps_cards .vps_card:hover {
  border-color: #1b5e7a !important;
  transform: translateY(-5px);
}
.vps_cards .vps_card:not(:last-child) {
  border-bottom: 3px solid rgb(55 55 55 / 0.9);
}
.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: flex-start;
  gap: 10px;
}
.vps_cards .vps_card .card_info .title {
  font-weight: 600;
  color: #747474;
  font-size: 18px;
}
.vps_cards .vps_card .card_info .info_item{
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.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,
.vps_cards .vps_card .card_action .price{
  font-size: 18px;
  font-weight: 500;
}
.vps_cards .vps_card .card_action.column{
  flex-direction: column;
  gap: 10px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.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;
}
.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 rgb(0 51 153 / 0.08), 0 4px 8px rgb(0 51 153 / 0.08);
  border: 1px solid #fff0;
}
.banner .banner_title {
  font-size: 36px;
  font-weight: 600;
  letter-spacing: -0.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: 0.2s all ease-in-out;
}
.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 rgb(55 55 55 / 0.9);
  background: rgb(19 21 24 / 0.4);
  backdrop-filter: blur(24.5px);
  padding: 20px;
  border-radius: 5px;
  cursor: pointer;
  transition: 0.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 rgb(55 55 55 / 0.9);
  background: rgb(19 21 24 / 0.3);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #ef8c15;
  transition: 0.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 rgb(0 51 153 / 0.08), 0 4px 8px rgb(0 51 153 / 0.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;
  font-size: 18px;
}
.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 rgb(55 55 55 / 0.9);
  background: rgb(19 21 24 / 0.4);
  backdrop-filter: blur(24.5px);
  padding: 20px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.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: 0 4px 12px 0 rgb(0 0 0 / 0.15);
  padding: 12px 20px;
}
.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;
}
.cms_support .options_row .col_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(55 55 55 / 0.9);
  background: rgb(19 21 24 / 0.4);
  backdrop-filter: blur(24.5px);
  padding: 20px;
  border-radius: 5px;
  transition: 0.3s all ease;
  max-height: 160px;
}
.cms_support .options_row .col_item img {
  width: 100%;
  max-width: 160px;
}
.useful .useful_row .item {
  flex: 1;
  display: flex;
  align-items: center;
  white-space: nowrap;
  gap: 0 5px;
  height: 95px;
  padding: 20px;
  justify-content: center;
  border-radius: 5px;
  border: 1px solid rgb(55 55 55 / 0.9);
  background: rgb(19 21 24 / 0.3);
  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;
  gap: 0 10px;
}
.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 {
  padding: 40px 0;
}
.useful .useful_row {
  margin-bottom: 40px;
  display: flex;
  justify-content: center;
  gap: 0 15px;
}
.useful .section_title {
  margin-bottom: 30px;
}
.faqs .main_wrapper {
  padding: 20px;
  border-radius: 5px;
  border: 1px solid #ececec;
}
.faqs .main_wrapper .title {
  color: var(--color-primary);
  font-size: 36px;
  padding-bottom: 10px;
  margin-bottom: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  border-bottom: 1px solid #ececec;
}
.faqs .main_wrapper .main_content p:not(:last-child) {
  margin-bottom: 20px;
}
.faqs .main_wrapper .main_content p {
  line-height: 140%;
}
.faqs .main_wrapper .main_content {
  margin-bottom: 40px;
}
.faqs .main_wrapper .main_action a {
  display: flex;
  align-items: center;
  gap: 0 10px;
  width: fit-content;
  padding: 15px 20px;
  background: #ffa335;
  border-radius: 5px;
  color: #fff;
}
.faq_item .item_header {
  font-size: 16px;
  font-weight: 600;
  padding: 15px 60px 15px 20px;
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.faqs .faq_row {
  display: flex;
  flex-direction: column;
  gap: 20px 0;
}
.faqs .faq_item {
  background-color: #fff;
  color: #000;
  border-radius: 5px;
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 0.25);
}
.faqs .faq_item.active .item_header::after {
  transform: rotate(45deg);
}
.faq_item .item_header::after {
  content: "\002B";
  font-size: 24px;
  position: absolute;
  right: 20px;
  transition: 0.2s;
}
.faqs .faq_item .item_content {
  padding: 20px;
  line-height: 140%;
}
.faqs .faq_item .item_content a {
  color: #ffa335;
}
.intro_block {
  padding: 40px 0;
}
.intro_block .intro_item {
  display: flex;
  align-items: flex-start;
}
.intro_block .intro_item p {
  line-height: 140%;
}
.intro_block .intro_item p .bold {
  font-weight: 500;
  color: #ef8c15;
}
.intro_block .intro_item i {
  padding-right: 20px;
  color: #ef8c15;
  font-size: 28px;
  vertical-align: middle;
}
.intro_block .intro_item button {
    border: none;
    outline: none;
    background: transparent;
  color: #3b94b5;
  font-weight: 700;
}
.resellers {
  padding: 40px 0;
}
.resellers .plan_card {
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid rgb(55 55 55 / 0.9);
  background: rgb(19 21 24 / 0.4);
  backdrop-filter: blur(24.5px);
  transition: 0.3s all ease;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
}
.resellers .reseller_plans_row li.with_alert {
  display: flex;
  align-items: center;
  gap: 0 8px;
  justify-content: center;
}
.resellers .plan_card .soon_alert {
  padding: 2px 5px;
  border-radius: 5px;
  position: relative;
  top: -10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  background: #dc6655;
  color: #fff;
}
.resellers .plan_card ul li {
  padding: 15px 10px;
  border-top: 1px solid #d6d6d6;
  text-align: center;
}
.resellers .plan_card ul li a span {
  color: #ef8c15;
}
.resellers .plan_card .card_header {
  text-align: center;
  padding: 15px 0;
  background: #1d6682;
  flex: 1 1 auto;
}
.resellers .plan_card .card_header .main_text {
  font-size: 40px;
  font-weight: 700;
  color: #ef8c15;
  margin-bottom: 10px;
}
.resellers .plan_card .card_header .small {
  font-size: 16px !important;
  color: #fff;
  margin: 0 auto !important;
}
.resellers .plan_card .small span {
  font-size: 24px;
  font-weight: 600;
}
.resellers_advantages .resellers_card > div {
  flex: 0 0 auto;
  width: 100%;
}
.resellers_card .image {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ef8c15;
  margin-bottom: 20px;
}
.resellers_card .card_title {
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  color: var(--color-primary);
  line-height: normal;
  padding: 15px 0;
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  text-align: center;
}
.resellers_card .card_body {
  text-align: center;
  font-size: 18px;
}
.resellers_advantages {
  padding: 40px 0;
}
.resellers_advantages .section_title {
  margin-bottom: 30px;
}
.resellers .resellers_row .action_btn {
  font-size: 16px;
  display: block;
  color: #fff;
  width: fit-content;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border-radius: 10px;
  background: #146480;
  box-shadow: 0 4px 12px 0 rgb(0 0 0 / 0.15);
  padding: 12px 18px;
  margin-bottom: 30px;
}
.resellers_advantages .resellers_row {
  gap: 20px 0;
}
.resellers_advantages .resellers_card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 20px 0;
  border: 1px solid #d1e2e9;
  background: rgb(244 244 244 / 0.2);
  backdrop-filter: blur(24.5px);
  padding: 30px 20px;
  height: 100%;
}
.reseller_faq {
  padding: 40px 0;
}
.reseller_faq .faq_card {
  padding: 30px;
  display: flex;
  border-radius: 10px;
  flex-direction: column;
  gap: 20px 0;
  border: 1px solid #ebedf0;
  position: relative;
  overflow: hidden;
}
.reseller_faq .faq_card .card_title {
  font-weight: 600;
  font-size: 24px;
}
.reseller_faq .faq_card .card_content {
  max-width: 80%;
  line-height: 130%;
  font-size: 18px;
  font-weight: 500;
}
.reseller_faq .faq_card .card_action a {
  font-size: 16px;
  display: block;
  color: #fff;
  width: fit-content;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border-radius: 10px;
  background: #146480;
  padding: 12px;
}
.reseller_faq .faq_card .card_image {
  position: absolute;
  top: 20px;
  right: 20px;
}
.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: 40px 0;
}
.contact_page .col_item {
  box-shadow: 0 0 10px rgb(0 0 0 / 0.1);
  padding: 50px 20px;
  border-radius: 10px;
  height: 100%;
  border: 1px solid #d1e2e9;
  background: rgb(244 244 244 / 0.2);
}
.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: #777;
}
.contact_page .col_item .item_block .item_texts {
  color: #777;
  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;
}
.vacancy_item .vacancy_footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.vacancy_item .vacancy_footer .share_action {
  position: relative;
}
.vacancy_footer .share_action .share_button {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 3px 1px 3px rgb(0 0 0 / 0.1);
  border-radius: 50%;
}
.vacancy_footer .share_action.active ul {
  display: flex;
}
.vacancy_footer .share_action li .dark {
  display: none;
}
.vacancy_footer .share_action li img {
  width: 30px;
  height: 30px;
}
.vacancy_footer .share_action ul {
  border-radius: 5px;
  position: absolute;
  display: none;
  align-items: center;
  gap: 10px;
  box-shadow: 0 1px 2px rgb(0 5 62 / 0.3), 0 2px 6px 2px rgb(0 5 62 / 0.15);
  background-color: #fff;
  border: 1px solid #d1e2e9;
  bottom: 40px;
  right: 0;
  padding: 16px;
  font-size: 13px;
  line-height: 1.46;
  color: #7f828e;
}
.vacancies {
  padding: 40px 0;
}
.vacancies .vacancies_accordion {
  display: flex;
  flex-direction: column;
  gap: 40px 0;
}
.vacancies_accordion .vacancy_item {
  padding: 36px;
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  border: 1px solid rgb(55 55 55 / 0.9);
  background: rgb(19 21 24 / 0.4);
  backdrop-filter: blur(24.5px);
}
.vacancy_item .item_main .vacancy_infos {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 32px;
  cursor: pointer;
}
.vacancy_item .vacancy_infos .item_action {
  cursor: pointer;
  transition: 0.3s all ease;
}
.vacancy_item .vacancy_infos .item_action.active {
  transform: rotate(180deg);
}
.vacancy_item .vacancy_texts .vacancy_name {
  color: var(--color-primary);
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
}
.vacancy_item .send_resume a {
  font-size: 16px;
  display: block;
  color: #fff;
  width: fit-content;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  border-radius: 10px;
  background: #146480;
  box-shadow: 0 4px 12px 0 rgb(0 0 0 / 0.15);
  padding: 12px 18px;
}
.vacancy_item .item_content {
  margin-top: 32px;
}
.vacancy_item .item_content .title {
  color: #ef8c15;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
}
.vacancy_item .item_content .content_item {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 20px;
}
.vacancy_item .item_content .content_item:last-child {
  margin-bottom: 0;
}
.item_content .content_item ul {
  padding-left: 25px;
}
.item_content .content_item ul li {
  color: var(--color-primary);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.promotions .promotions_row {
  display: flex;
  flex-direction: column;
  gap: 20px 0;
}
.promotions .promotions_suggest {
  margin-top: 50px;
  border: 1px solid #d1e2e9;
  background: rgb(244 244 244 / 0.2);
  backdrop-filter: blur(24.5px);
  padding: 30px;
  border-radius: 10px;
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 15px;
  color: #000;
  position: relative;
}
.promotions .promotions_suggest .plus {
  color: #000;
  font-size: 28px;
  margin-right: 5px;
}
.promotions .promotions_suggest span {
  color: #ef8c15;
  font-weight: 700;
}
.promotions .promotions_header {
  display: flex;
  align-items: stretch;
}
.promotions .promotions_row .cards {
  display: flex;
  flex-direction: column;
  gap: 20px 0;
}
.promotions .promotion_card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  padding: 30px 24px;
  height: 250px;
  border-radius: 12px;
  box-shadow: 0 4px 12px 0 rgb(0 0 0 / 0.15);
  transition: 0.3s all ease-in;
  background: rgb(244 244 244 / 0.2);
  backdrop-filter: blur(24.5px);
  overflow: hidden;
}
.promocode-copy{
  color: #146480;
  font-weight: 500;
  font-size: 18px;
  padding: 5px 10px;
  border: 1px dashed #ef8c15;
  display: block;
  width: max-content;
}
.promotions .promotion_card.second_card .yellow_text {
  font-size: 64px;
}
.promotions .promotion_card.second_card .card_title {
  text-align: left;
  margin: 0;
  font-size: 28px;
}
.promotion_card .card_title .yellow_text {
  color: #ef8c15;
  font-size: 84px;
}
.promotions .promotion_card .card_title {
  font-size: 40px;
  text-align: center;
  margin-top: 40px;
  font-style: normal;
  font-weight: 700;
  position: relative;
  z-index: 1;
  color: #364364;
  line-height: normal;
}
.promotions .promotion_card:hover {
  transform: scale(1.01);
}
.promotions .promotion_card.second_card img {
  max-height: 180px;
}
.promotions .promotion_card img {
  position: absolute;
  right: 5px;
  transition: 0.3s all ease;
  bottom: 5px;
  max-height: 250px;
}
.promotions .promotion_card.third_card .yellow_text {
  font-size: 48px;
}
.promotions .promotion_card.third_card .card_title {
  font-size: 24px;
  max-width: 75%;
  margin: 0;
  text-align: left;
}
.promotions .promotion_card.third_card img {
  max-height: 120px;
}
.promotions .promotion_card.third_card p {
  font-size: 20px;
}
.promotions .promotion_card.third_card .card_title p:first-child {
  margin-top: 10px;
}
.promotions .promotion_card.third_card p:not(:last-child) {
  margin-bottom: 10px;
}
.promotions .promotion_card.third_card p span {
  color: #ef8c15;
}
header .header_menu {
  position: relative;
}
header .header_menu.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 110;
  background: rgb(26 29 46);
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
header .header_top .top_row {
  position: relative;
  padding: 12px 0 14px 0;
  align-items: center;
}
header .header_top .search_panel input{
  width: 100%;
  box-shadow: none;
  outline: none;
  height: 40px;
  border-radius: 5px;
  color: var(--color-primary);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  transition: all 0.3s ease;
  line-height: normal;
  border: 1px solid #D1E2E9;
  background: rgba(244, 244, 244, 0.20);
  padding: 0 150px 0 20px;
}
header .header_top .search_panel input:hover::placeholder{
  transition: all 0.3s ease;
  color: transparent !important;
}
header .header_top .search_panel input svg{
  width: 24px;
}
header .header_top .search_panel form{
  position: relative;
  flex: 0.9;
  margin: 0 !important;
}
header .header_top .search_panel{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0 20px;
}
header .header_top .search_panel .uz_price{
  display: flex;
  align-items: center;
  gap: 0 5px;
  line-height: normal;
}
.header_top .search_panel .uz_price .price{
  color: #ef8f26;
  font-size: 18px;
  line-height: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.header_top .search_panel .uz_price .domain_name{
  text-transform: uppercase;
  font-size: 18px;
  line-height: 24px;
  font-style: normal;
  font-weight: 700;
  color: #ef8c15;
  display: flex;
  align-items: end;
}
.header_top .search_panel .uz_price .domain_name p{
  color: #fff;
  font-size: 18px;
  line-height: 24px;
  margin-right: 5px;
  font-weight: 500;
}
.theme-light .header_top .search_panel .uz_price .domain_name p{
  color: #000;
}
.header_top .search_panel .uz_price .date{
  font-size: 18px;
  line-height: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: var(--color-primary);
}
header .header_top .search_panel .domain_badge{
  font-size: 12px;
  line-height: normal;
  font-weight: 300;
  background: linear-gradient(272.8deg, #255fe0 7.3%, #50b7fc 92.82%);
  color: #fff;
  padding: 2px 5px;
  border-radius: 6px;
  margin-top: -15px;
}
header .header_top .search_panel .check_btn{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 5px;
  margin: auto;
  outline: none;
  border: none;
  border-radius: 5px;
  background: linear-gradient(96deg, #FFA335 22.56%, #F16517 90.24%);
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
  display: flex;
  padding: 0 10px;
  gap: 0 10px;
  align-items: center;
  color: #fff;
  justify-content: center;
  height: calc(100% - 10px);
  font-size: 14px;
}
header .header_top .top_row .social_links {
  gap: 0 15px;
}
header .header_top .top_row::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: calc(100% - 24px);
  border-radius: 5px;
  background: #313651;
  backdrop-filter: blur(24.5px);
  height: 2px;
}
header .main_nav {
  display: flex;
  align-items: center;
  gap: 0 40px;
}
header .main_nav li {
  position: relative;
}
.main_nav .user_name {
  display: flex;
  align-items: center;
  gap: 0 8px;
  padding-right: 15px;
  position: relative;
}
.right_items .user_actions li .login {
  display: flex;
  align-items: center;
  gap: 0 8px;
}
.right_items .user_actions li .login:hover{
  color: #ef8c15;
}
.right_items .user_actions li .login img{
  width: 32px;
}
.main_nav .active .user_name,
.main_nav .notifications.active .notifications_head {
  color: #ffa335;
}
.main_nav .active .user_name::before,
.main_nav .user_name:hover::before {
  border-color: #ffa335;
}
header.clientarea_header .main_nav .active .user_name::before, header.clientarea_header .main_nav .user_name:hover::before{
  border-color: #4094b4;
}
.right_items .notifications_head:hover,
.right_items .user_balance .balance_main:hover,
.main_nav .user_name:hover {
  color: #ffa335;
  transition: 0.3s all ease;
}
.main_nav .user_name::before {
  content: "";
  display: block;
  height: 6px;
  position: absolute;
  right: 0;
  top: -5px;
  bottom: 0;
  margin: auto;
  width: 6px;
  transform: rotate(45deg);
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
  transition: 0.3s all ease;
}
header .header_contacts {
  position: relative;
}
header .header_contacts.active .contacts_wrapper {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  top: 45px;
}
header .header_contacts .contacts_wrapper {
  position: absolute;
  right: 0;
  opacity: 0;
  min-width: 250px;
  visibility: hidden;
  pointer-events: none;
  padding: 20px;
  border-radius: 5px;
  border: 2px solid #1f2738;
  background: rgb(26 29 46 / 0.5);
  transition: 0.3s all ease;
  top: 60px;
  backdrop-filter: blur(15px);
  z-index: 11;
  display: flex;
  flex-direction: column;
  gap: 15px 0;
}
.header_contacts .contacts_wrapper .contacts_title {
  font-weight: 500;
  color: #ef8c15;
  font-size: 16px;
  text-align: left;
  margin-bottom: 10px;
}
.header_contacts .contacts_block:not(:last-child) {
  border-bottom: 1px solid #d6d6d6;
  padding-bottom: 15px;
}
.header_contacts .links a {
  display: flex;
  align-items: center;
  font-size: 14px;
}
.header_contacts .links button{
  outline: none;
  display: inline;
  border: none;
  background: transparent;
  font-size: 14px;
  width: fit-content;
}
.header_contacts .links {
  display: flex;
  flex-direction: column;
  gap: 10px 0;
}
header .header_contacts .contacts_main {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 0 8px;
  font-size: 13px;
  transition: 0.3s all ease;
}
header .header_contacts .contacts_main.active {
  color: #ef8c15;
}
.header_contacts:hover .contacts_main {
  color: #ef8c15;
}
.header_contacts .contacts_links 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;
  padding: 10px 0;
}
.header_contacts .contacts_links a:hover {
  color: #fff !important;
}
header .header_top .right_items {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0 18px;
}
.right_items .user_actions ul li a {
  font-size: 14px;
  transition: 0.3s all ease;
}
.right_items .notifications .notification_alert {
  background: #ffa335;
  color: #fff;
  border-radius: 5px;
  font-size: 12px;
  padding: 5px;
}
.right_items .notifications_head {
  display: flex;
  align-items: center;
  gap: 0 8px;
}
.right_items .notifications_head i {
  padding: 0;
  font-size: 13px;
  color: #02c2d2;
  width: 26px;
  border: 1px solid #02c2d2;
  height: 26px;
  display: flex;
  align-items: center;
  border-radius: 50%;
  justify-content: center;
}
.right_items .user_actions .dropdown {
  pointer-events: none;
  position: absolute;
  min-width: 230px;
  top: 60px;
  right: 0;
  list-style: none;
  border-radius: 5px;
  border: 2px solid #1f2738;
  background: rgb(26 29 46 / 0.5);
  backdrop-filter: blur(15px);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  overflow: hidden;
  z-index: 100;
  display: flex;
  flex-direction: column;
  padding: 20px;
  align-items: flex-start;
  gap: 15px 0;
}
.right_items .user_actions .main_nav {
  display: flex;
  align-items: center;
  gap: 0 40px;
}
#announcementsPanel .list-group .list-group-item {
  color: #4094b4;
}
#announcementsPanel .list-group .list-group-item .text-last-updated {
  color: #495057;
  display: block;
  margin-top: 5px;
}
.clientarea_header .header_right {
  display: flex;
  align-items: center;
  gap: 0 40px;
}
.right_items .user_actions .main_nav li {
  position: relative;
}
.right_items .user_actions .balance_wrapper {
  display: flex;
  align-items: center;
  gap: 0 20px;
}
.right_items .user_actions .balance_wrapper .add_funds {
  font-size: 24px;
  font-weight: 600;
  line-height: normal;
  color: #4094b4;
}
.right_items .user_actions .balance_wrapper .add_funds:hover {
  transform: translateX(0);
}
.right_items .user_actions .user_details {
  display: flex;
  flex-direction: column;
  gap: 10px 0;
}
.dropdown .user_details .header_actions .custom_language {
  position: relative;
}
.dropdown .user_details .header_actions .current_language {
  display: flex;
  align-items: center;
  gap: 0 10px;
}
.dropdown .user_details .header_actions .custom_language .languages {
  position: absolute;
  left: 0;
  list-style: none;
  opacity: 0;
  z-index: 4;
  pointer-events: none;
  visibility: hidden;
  top: 60px;
  border-radius: 5px;
  border: 2px solid #1f2738;
  background: rgb(26 29 46 / 0.9);
  backdrop-filter: blur(15px);
  transition: 0.3s all ease;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 15px;
  gap: 15px 0;
}
.user_details .header_actions .custom_language.active .languages {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  top: 35px;
}
.right_items .user_actions .header_actions {
  display: flex;
  align-items: center;
  gap: 0 20px;
}
.right_items .user_actions .notifications .dropdown {
  min-width: 250px;
}
.right_items .user_actions .dropdown li a {
  display: flex;
  align-items: center;
  gap: 0 5px;
  font-size: 13px;
  transition: 0.3s all ease;
}
.right_items .user_actions .dropdown li i {
  padding: 0;
  color: #acafb9;
  width: 20px;
  display: flex;
  align-items: center;
  transition: 0.3s all ease;
  justify-content: center;
}
.right_items .user_actions .dropdown li a:hover {
  color: #ef8c15;
  transform: translateX(3px);
}
.right_items .user_actions .dropdown li a:hover i {
  color: #ef8c15;
}
.right_items .user_actions li.active .dropdown {
  opacity: 1;
  top: 45px;
  visibility: visible;
  pointer-events: all;
}
.right_items .user_actions .user_balance {
  position: relative;
}
.right_items .user_actions .user_balance .balance_main {
  font-size: 13px;
  display: flex;
  cursor: pointer;
  align-items: center;
  gap: 0 8px;
}
.right_items .user_actions .user_balance i {
  padding: 0;
  color: #acafb9;
  width: 20px;
  display: flex;
  align-items: center;
  transition: 0.3s all ease;
  justify-content: center;
}
.right_items .user_actions .user_balance .balance_content .balance {
  color: #ef8c15;
}
.right_items .user_actions .user_balance .balance_main.active {
  color: #ef8c15;
}
.right_items .user_actions .user_balance .credit_balance {
  font-weight: 500;
  color: var(--color-primary);
}
.right_items .user_actions .user_balance .balance_content {
  position: absolute;
  right: 0;
  opacity: 0;
  min-width: 250px;
  visibility: hidden;
  pointer-events: none;
  padding: 20px;
  border-radius: 5px;
  border: 2px solid #1f2738;
  background: rgb(26 29 46 / 0.5);
  transition: 0.3s all ease;
  top: 60px;
  backdrop-filter: blur(15px);
  z-index: 10;
  display: flex;
  flex-direction: column;
  gap: 15px 0;
}
.right_items .user_actions .user_balance.active .balance_content {
  opacity: 1;
  top: 45px;
  visibility: visible;
  pointer-events: all;
}
html.theme-light .right_items .user_actions .user_balance .balance_content {
  border: 1px solid #d1e2e9;
  background: rgb(255 255 255 / 0.3);
  backdrop-filter: blur(12.5px);
}
header .header_menu .header_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header_menu .header_row .logo a {
  display: flex;
  width: fit-content;
  align-items: center;
  justify-content: center;
}
.header_menu .header_row .logo img {
  width: 240px;
}
.header_menu .header_items {
  display: flex;
  align-items: center;
  gap: 0 35px;
}
.header_menu .header_actions {
  gap: 0 20px;
}
.header_menu .header_actions > div {
  height: 100%;
  display: flex;
  align-items: center;
}
.header_menu .header_actions .modal_btn {
  color: var(--color-primary);
}
.header_menu .header_actions .dark_mode_toggle {
  width: 25px;
  cursor: pointer;
  height: 25px;
}
.header_menu .header_actions .dark {
  display: none;
}
.header_menu .header_actions .light {
  display: block;
}
.header_menu .menu_list {
  gap: 0 60px;
}
.header_menu .menu_list a {
  transition: 0.3s all ease;
}
.header_items .language {
  position: relative;
}
.header_items .language li.active .submenu {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  top: 55px;
}
.header_items .language li.active .dropdown_nav {
  color: #ef8c15;
}
.header_items .language .selected {
  gap: 0 8px;
  transition: 0.3s all ease;
  cursor: pointer;
}
.header_items .language ul a.active {
  color: #ef8c15;
}
.header_items .language:hover .selected {
  color: #ef8c15;
}
.language .submenu a {
  transition: 0.3s all ease;
}
.language .submenu a:hover {
  color: #ef8c15;
}
.header_items .language .submenu {
  position: absolute;
  left: 0;
  list-style: none;
  opacity: 0;
  z-index: 4;
  pointer-events: none;
  visibility: hidden;
  top: 60px;
  border-radius: 5px;
  border: 2px solid #1f2738;
  background: rgb(26 29 46 / 0.5);
  backdrop-filter: blur(15px);
  transition: 0.3s all ease;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 15px;
  gap: 15px 0;
}
.language .submenu ul {
  display: flex;
  flex-direction: column;
}
.menu_list li {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
.menu_list li .main_link {
  display: flex;
  color: var(--color-primary);
  align-items: center;
  justify-content: center;
  height: 85px;
  cursor: pointer;
  position: relative;
}
.menu_list li .main_link::after,
.menu_list li::after{
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  right: 0;
  transition: .3s all ease;
  opacity: 0;
  visibility: hidden;
  background-color: #ef8c15;
}
.menu_list li .main_link.active::after,
.menu_list li.opened::after{
  opacity: 1;
  visibility: visible;
}
.menu_list li .dropdown_nav:hover::before {
  opacity: 1;
  visibility: visible;
}
.menu_list li .dropdown_nav::before {
  content: "";
  display: block;
  height: 7px;
  position: absolute;
  right: -15px;
  top: -4px;
  bottom: 0;
  margin: auto;
  width: 7px;
  transform: rotate(45deg);
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
  transition: transform 0.2s cubic-bezier(0.45, 0, 0.55, 1),
    opacity 0.2s cubic-bezier(0.45, 0, 0.55, 1),
    visibility 0.2s cubic-bezier(0.45, 0, 0.55, 1);
  opacity: 1;
  visibility: visible;
}
.menu_list li.active .dropdown_nav::before {
  border-color: #ef8c15;
  opacity: 1;
  visibility: visible;
  top: 0;
  transform: rotate(225deg);
}
.menu_list li.active .main_link,
.menu_list li:hover .dropdown_nav::before {
  border-color: #ef8c15;
  color: #ef8c15;
}
.menu_list li:hover .main_link {
  color: #ef8c15;
}
.menu_list li ul li a.active{
  color: #ef8c15;
}
.menu_list li.active .dropdown {
  opacity: 1;
  top: 85px;
  visibility: visible;
  pointer-events: all;
}
.menu_list li ul a {
  transition: 0.3s all ease;
}
.menu_list li ul a:hover {
  color: #ef8c15;
}
.menu_list li ul {
  pointer-events: none;
  position: absolute;
  min-width: 362px;
  left: -20px;
  top: 60px;
  list-style: none;
  border-radius: 5px;
  border: 2px solid #1f2738;
  background: rgb(26 29 46 / 0.5);
  backdrop-filter: blur(15px);
  opacity: 0;
  visibility: hidden;
  transition: 0.1s all ease;
  overflow: hidden;
  z-index: 100;
  display: flex;
  flex-direction: column;
  padding: 20px;
  gap: 20px 0;
}
.menu_list li ul li {
  position: relative;
}
.menu_list li ul li a {
  display: flex;
  align-items: center;
  gap: 0 10px;
}
.menu_list li ul li .custom_badge {
  position: static;
  top: -20px;
  bottom: 0;
  margin: auto;
  right: 20px;
  height: fit-content;
  padding: 5px;
  font-size: 12px;
  background: linear-gradient(96deg, #ffa335 22.56%, #f16517 90.24%);
  font-weight: 500;
  color: #fff;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.menu_list li ul li .custom_badge.soon{
  background: #dc6655;
}
.menu_list li ul li .custom_badge.ai,
.hamburger_menu .hamburger_nav li .custom_badge.ai{
  background: linear-gradient(272.8deg, #255fe0 7.3%, #50b7fc 92.82%);
}

.domains_search .domains_row {
  border-radius: 10px;
  border: 1px solid rgb(55 55 55 / 0.9);
  background: rgb(19 21 24 / 0.4);
  backdrop-filter: blur(24.5px);
  padding: 32px 20px;
  padding-top: 50px;
  overflow: hidden;
}
.domains_search .nft_text {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 16px;
  border-bottom-right-radius: 50px;
  line-height: normal;
  color: #fff;
  background: #146480;
  text-transform: uppercase;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 30px 10px 10px;
}
.domains_search .dnssec_text {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 16px;
  border-bottom-left-radius: 50px;
  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: 10px 10px 10px 30px;
}
.domains_search .domains_row .domains_header {
  gap: 0 70px;
  margin-bottom: 25px;
  justify-content: flex-end;
}
.domains_search ul {
  gap: 0 70px;
}
.domains_search ul li {
  position: relative;
}
.domains_search ul li {
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 0 5px;
  line-height: normal;
  color: #fff;
}
.domains_search ul li .price {
  color: #ef8f26;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.domains_search ul li .domain_badge {
  font-size: 12px;
  line-height: normal;
  font-weight: 300;
  background: linear-gradient(272.8deg, #255fe0 7.3%, #50b7fc 92.82%);
  color: #fff;
  padding: 2px 5px;
  border-radius: 12px;
}
.domains_search ul li {
  position: relative;
}
.domains_search ul li .domain_badge {
  position: absolute;
  top: -20px;
  right: -20px;
}
.domains_search ul li .date {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: var(--color-primary);
}
.domains_search ul li:last-child::before {
  display: none;
}
.domains_search ul li::before {
  background: #353536;
  content: "";
  right: -35px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 32px;
  position: absolute;
  width: 1px;
}
.domains_search .more_btn a {
  color: #3b94b5;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-decoration-line: underline;
  position: relative;
}
.domains_search .more_btn a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: #3b94b5;
  bottom: 0;
}
.domains_search form {
  position: relative;
}
.domains_search form button {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 5px;
  margin: auto;
  outline: none;
  border: none;
  border-bottom-left-radius: 12px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  background: linear-gradient(96deg, #ffa335 22.56%, #f16517 90.24%);
  box-shadow: 0 4px 12px 0 rgb(0 0 0 / 0.15);
  display: flex;
  padding: 0 20px;
  gap: 0 10px;
  align-items: center;
  color: #fff;
  justify-content: center;
  height: calc(100% - 10px);
}
.domains_search form input ,
.reservation #domain-name{
  width: 100%;
  outline: none;
  height: 50px;
  border-radius: 12px;
  border: 1px solid #5a5a5a;
  box-shadow: 0 4px 12px 0 rgb(0 0 0 / 0.15);
  padding: 0 30px 0 30px;
  color: var(--color-primary);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  transition: 0.3s all ease;
  line-height: normal;
  background: #fff0;
}
.domains_search form input::placeholder,
.punycode-input input::placeholder,
.reservation #domain-name::placeholder{
  color: var(--color-primary);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: 0.3s all ease;
}
.domains_search form input:focus,
.domains_search form input:hover,
.punycode-input input:hover,
.reservation #domain-name:hover{
  border-color: #fff;
}
.domains_search form input:hover::placeholder,
.domains_search form input:focus::placeholder,
.punycode-input input:focus::placeholder,
.reservation #domain-name:focus::placeholder{
  color: #fff0;
}
.reservation #domain-name{
  border-color: rgba(55, 55, 55, 0.9);
  box-shadow: none;
}
.reservation #check-domain{
  position: absolute;
  right: 5px;
  top: 6px;
  border-radius: 10px;
  z-index: 3;
}
.reservation .btn-warning{
  color: #fff !important;
  background: linear-gradient(96deg, #FFA335 22.56%, #F16517 90.24%);
  border: unset !important;
}
.theme-light .reservation .btn-warning{
  color: #000 !important;
}
#reservationDomainPeriod{
  margin-left: 10px;
  background: transparent;
  color: #fff;
  padding: 7px;
  border-radius: 5px;
}
.theme-light #reservationDomainPeriod{
  color: #000;
}
#reservationDomainPeriod option{
  color: #000;
}


.service_card .card_header .card_icon svg {
  width: 130px;
  height: 130px;
}
.service_card .card_header .card_icon {
  margin-bottom: 20px;
}
.service_card .card_header .card_icon img,
.service_card .card_header .card_icon svg {
  width: 130px;
  height: 130px;
}
.service_card .card_header .card_name {
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  color: var(--color-primary);
  line-height: normal;
  margin-bottom: 15px;
}
.service_card .card_header .card_info {
  padding: 20px 0;
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 20px;
  color: #ef8c15;
}
.service_card .card_content {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 15px;
  line-height: 24px;
  height: 120px;
  overflow: hidden;
  color: var(--color-primary);
}

.service_card .card_action {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 85%;
  margin: 0 auto;
}
.service_card .card_action .action_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: 0 4px 12px 0 rgb(0 0 0 / 0.15);
  padding: 15px 35px;
}
.service_card .card_action .action_btn:hover,
.domains_search form button:hover,
.primary_sidebar .clear_filter button:hover,
.vps-order_btn:hover,
.faqs .main_wrapper .main_action a:hover,
.relocation-checkout a:hover,
.product_card .card_action a:hover,
.vps_cards .vps_card .card_action a:hover,
#domainRegisterBtn:hover,
.option_card .card_footer a:hover,
.webhosting .panel .purchase_btn:hover
.hosting-table_order:hover,
.webhosting .panel .purchase_btn:hover,
.domains_list .list_item .show_all_button button:hover,
.nft_offer .offer_action a:hover,
.dnssec_offer .offer_action a:hover,
#punycodeBtn:hover,
.ssl_products .plan_item .plan_action a:hover{
  background-color: #f16517;
  box-shadow: 0 4px 15px 0 rgb(239 140 21 / 0.4);
}
#domainSearchBtn:hover,
.auction-search_btn:hover{
  transition: all 0.3s ease;
  transform: scale(1.02);
}
#whoisBtnCheckManual:hover{
  box-shadow: unset;
  transition: all 0.3s ease;
  transform: scale(1.02);
}
.domain-card{
  cursor: pointer;
}
.advantages .advantages_texts {
  padding-top: 8px;
}
.advantages .advantages_texts {
  flex: 0 0 auto;
  width: calc(40% - 45px);
}
.advantages .advantage_image {
  width: calc(60% - 45px);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.advantages .advantage_image::before {
  content: "";
  border-radius: 50%;
  background: #176683;
  filter: blur(450px);
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 540px;
  position: absolute;
  height: 540px;
}
.advantages .advantages_texts .title {
  font-size: 40px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  margin-bottom: 30px;
}
.advantages .advantages_texts .subtitle {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}
.clients {
  padding: 260px 0;
  position: relative;
}
.clients .bg_layer {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
  overflow: hidden;
}
.clients .bg_layer .light {
  display: none;
}
.clients .bg_layer img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.clients .section_header {
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}
.clients .slide_item {
  height: 95px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  border: 1px solid rgb(55 55 55 / 0.9);
  background: rgb(19 21 24 / 0.3);
  backdrop-filter: blur(24.5px);
}
.clients .slide_item img {
  max-width: 200px;
  max-height: 60px;
  filter: grayscale();
}
.clients .slide_item .light {
  display: none;
}
.news {
  margin-bottom: 80px;
}
.news .news_swiper {
  position: relative;
}
.news_swiper .swiper_prev,
.news_swiper .swiper_next {
  display: flex;
  position: absolute;
  align-items: center;
  z-index: 10;
  justify-content: center;
  border: 1px solid rgb(55 55 55 / 0.9);
  background: rgb(19 21 24 / 0.3);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #ef8c15;
  transition: 0.3s all ease;
}
.news_swiper .swiper_prev {
  top: 0;
  bottom: 0;
  left: -50px;
  margin: auto;
}
.news_swiper .swiper_next {
  top: 0;
  bottom: 0;
  right: -50px;
  margin: auto;
}
html.theme-light .news_swiper .swiper_prev,
html.theme-light .news_swiper .swiper_next {
  border: 1px solid #d1e2e9;
  background: rgb(244 244 244 / 0.9);
  color: #3b94b5;
}
.news .swiper .swiper-slide {
  height: auto;
}
.news .header_action {
  display: flex;
  align-items: center;
  gap: 0 15px;
}
.news .section_header .header_action .rss_button a {
  padding: 0;
  background: inherit;
  border: none;
}
.news .section_header .header_action .rss_button a:hover {
  background: inherit;
}
.news .rss_button a img {
  width: 36px;
  height: 36px;
}
.news .share_action li .dark {
  display: none;
}
html.theme-dark .news .share_action ul {
  border: 1px solid rgb(55 55 55 / 0.9);
  background: rgb(19 21 24 / 0.4);
  box-shadow: none;
}
html.theme-dark .news .share_action li .dark {
  display: block;
}
.news .share_action li img {
  min-width: 30px;
  height: 30px;
}
html.theme-dark .news .share_action li .light {
  display: none;
}
html.theme-dark .news .share_action svg path {
  fill: #fff;
}
html.theme-dark .news .share_button {
  box-shadow: none;
  border: 1px solid rgb(55 55 55 / 0.9);
}
.news .share_action {
  position: relative;
}
.news .share_action.active ul {
  display: flex;
}
.news .share_action .share_button {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 3px 1px 3px rgb(0 0 0 / 0.1);
  border-radius: 50%;
}
.news .share_action ul {
  border-radius: 5px;
  position: absolute;
  display: none;
  align-items: center;
  gap: 10px;
  box-shadow: 0 1px 2px rgb(0 5 62 / 0.3), 0 2px 6px 2px rgb(0 5 62 / 0.15);
  background-color: #fff;
  border: 1px solid #d1e2e9;
  bottom: 40px;
  right: 0;
  padding: 16px;
  font-size: 13px;
  line-height: 1.46;
  color: #7f828e;
}
.news .news_item .item_bottom {
  gap: 0;
  justify-content: space-between;
}
.news .section_header {
  margin-bottom: 45px;
}
.news .news_row {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  gap: 40px 0;
}
.news .more_btn {
  justify-content: center;
}
.news .more_btn a {
  padding: 8px 40px;
  color: #ef8c15;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  background: #fff0;
  border-radius: 5px;
  border: 1px solid #ef8c15;
  transition: 0.3s all ease;
  box-shadow: 0 4px 12px 0 rgb(0 0 0 / 0.15);
}
.news .more_btn a:hover {
  color: #fff;
  background: #ef8c15;
}
.news .news_item {
  display: flex;
  flex-direction: column;
  border: 1px solid #fff0;
  transition: 0.3s all ease;
  height: 100%;
  padding: 20px;
  justify-content: space-between;
  max-width: 280px;
  position: relative;
}
.news .news_item::before{
  content: '';
  background: #ef8c15;
  display: block;
  position: absolute;
  width: 1px;
  height: calc(100% - 80px);
  left: 0;
  top: 0;
}
.news .news_item:hover {
  border-radius: 5px;
  border: 1px solid rgb(55 55 55 / 0.9);
  background: rgb(19 21 24 / 0.4);
}
.news .news_item .item_title {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  /* color: #ef8c15; */
  color: #146480;
  line-height: normal;
  margin-bottom: 40px;
}
.news .news_item .item_bottom {
  display: flex;
  align-items: center;
  gap: 0 25px;
}
.news_item .item_bottom .date {
  font-size: 16px;
  color: var(--color-primary);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  opacity: 0.4;
}
.news_item .item_bottom .item_action a {
  color: var(--color-primary);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 139%;
  position: relative;
}
.news_item .item_bottom .item_action a::before {
  position: absolute;
  content: "";
  left: auto;
  right: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background-color: #ef8c15;
  transition: 0.3s all ease;
}
.news_item .item_bottom .item_action a:hover::before {
  left: 0;
  right: auto;
  width: 100%;
}
.news .section_header .header_action a ,
.all-news_btn{
  padding: 11px 55px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  background: #fff0;
  border-radius: 5px;
  border: 1px solid #ef8c15;
  transition: 0.3s all ease;
  box-shadow: 0 4px 12px 0 rgb(0 0 0 / 0.15);
}
.news .section_header .header_action a:hover ,
.all-news_btn:hover{
  color: #fff;
  background: #ef8c15;
}
.section_header .swiper_navs {
  gap: 0 15px;
  position: relative;
  z-index: 2;
}
.section_header .swiper_navs > div {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(55 55 55 / 0.9);
  background: rgb(19 21 24 / 0.3);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #ef8c15;
  transition: 0.3s all ease;
}
.section_header .swiper_navs .swiper_next,
.section_header .swiper_navs .swiper_prev {
  cursor: pointer;
}
.section_header .swiper_navs .swiper_next:hover,
.section_header .swiper_navs .swiper_prev:hover {
  background: #ffa335;
  border-color: #ffa335;
  color: #fff;
}
.testimonials {
  margin-bottom: 80px;
}
.testimonials .container {
  position: relative;
}
.testimonials .section_header {
  margin-bottom: 20px;
  position: relative;
}
.testimonials .section_header::after {
  content: "";
  position: absolute;
  pointer-events: none;
  width: 250px;
  height: 250px;
  border-radius: 50%;
  background: #176683;
  filter: blur(200px);
  opacity: 0.3;
  top: 0;
  transform: rotate(15deg);
  right: 0;
}
.testimonials .container::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 140px;
  height: 140px;
  background: #f18e17;
  filter: blur(150px);
  transform: rotate(15deg);
  pointer-events: none;
}
.testimonials .swiper .swiper-wrapper {
  align-items: stretch;
}
.testimonials .swiper .swiper-slide {
  height: auto;
}
.testimonials .testimonials_item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  border-radius: 10px;
  border: 1px solid rgb(55 55 55 / 0.9);
  background: rgb(19 21 24 / 0.3);
  backdrop-filter: blur(24.5px);
  padding: 25px;
  height: 100%;
}
.testimonials .testimonials_item .testimonial_name {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  color: var(--color-primary);
  line-height: normal;
}
.testimonials .testimonials_item .testimonials_header {
  margin-bottom: 10px;
}
.testimonials .testimonials_item .testimonials_info {
  margin-bottom: 5px;
  color: var(--color-primary);
}
.testimonials .testimonials_item .domain_name {
  opacity: 0.4;
  color: var(--color-primary);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.callback {
  padding: 40px 0;
  position: relative;
}
.callback::before {
  pointer-events: none;
  content: "";
  position: absolute;
  left: -20%;
  bottom: 0;
  border-radius: 50%;
  opacity: 0.4;
  background: #176683;
  filter: blur(450px);
  width: 1000px;
  height: 1000px;
}
.callback .callback_title {
  color: var(--color-primary);
  font-size: 40px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
.callback .callback_subtitle {
  color: var(--color-primary);
  font-size: 29px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 10px 0 30px 0;
}
.callback form .inputs input {
  flex: 0 0 auto;
  width: 100%;
  height: 55px;
  padding: 0 30px;
  outline: none;
  color: var(--color-primary);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border-radius: 5px;
  border: 1px solid #5a5a5a;
  background: #fff0;
  box-shadow: 0 4px 12px 0 rgb(0 0 0 / 0.15);
  transition: 0.3s all ease;
}
.callback form .inputs input:hover,
.callback form .inputs input:focus {
  border-color: #fff;
}
.callback form .inputs input:focus::placeholder {
  color: #fff0;
}
.callback form input::placeholder {
  color: var(--color-primary);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.callback form .inputs {
  margin-bottom: 20px;
}
.callback form .inputs > div {
  width: calc(33.33% - 14px);
}
.callback .iti__country-list {
  border: 1px solid #d1e2e9;
  background: rgb(244 244 244 / 0.2);
  backdrop-filter: blur(24.5px);
}
.callback form textarea {
  border-radius: 5px;
  border: 1px solid #5a5a5a;
  box-shadow: 0 4px 12px 0 rgb(0 0 0 / 0.15);
  background: #fff0;
  padding: 20px 30px;
  width: 100%;
  margin-bottom: 20px;
  transition: 0.3s all ease;
  resize: none;
}
.callback form textarea:hover,
.callback form textarea:focus {
  border-color: #fff;
}
.callback .input_item .iti {
  width: 100%;
}
.callback form textarea:focus::placeholder {
  color: #fff0;
}
.callback form textarea::placeholder {
  color: var(--color-primary);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.callback form .send_btn {
  padding: 18px 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  border-radius: 5px;
  background: #ffa335;
  color: #fff;
  box-shadow: 0 4px 12px 0 rgb(0 0 0 / 0.15);
  transition: 0.3s all ease;
  border: none;
}
.callback form .send_btn:hover {
  background-color: #f16517;
  box-shadow: 0 4px 15px 0 rgb(239 140 21 / 0.4);
}
.callback form .send_btn:active {
  background-color: #f16517;
  box-shadow: 0 3px 9px 0 rgb(0 0 0 / 0.4) inset;
}
footer .footer_top {
  padding: 40px 0;
  background: #29293d;
}
.footer_col.footer_contacts .footer_address {
  margin-bottom: 40px;
}
.footer_col.footer_contacts .payments ul {
  gap: 10px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.footer_col.footer_contacts .payments li {
  display: flex;
  align-items: center;
}
.footer_col.footer_contacts .payments li:not(:last-child) {
  margin-right: 10px;
}
.footer_col.footer_contacts .payments img {
  max-height: 35px;
  /* max-width: 70px; */
  vertical-align: middle;
  width: 100%;
  object-fit: contain;
}
.footer_col.footer_contacts .payments .light {
  display: none;
}
footer .footer_top .top_row {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
}
footer .footer_top .footer_col {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex: 0 0 auto;
  width: calc(25% - 22px);
}
.footer_top .footer_col .col_title {
  font-size: 15px;
  color: #ef8c15;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 15px;
}
.footer_top .footer_col .footer_menu li:not(:last-child) {
  margin-bottom: 15px;
}
.footer_col .footer_menu a {
  font-size: 13px;
  color: var(--color-primary);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: 0.3s all ease;
}
.footer_col .footer_menu a.yellow_link {
  color: #ef8c15;
}
.footer_col .footer_menu a:hover {
  color: #ef8c15;
}
.footer_col.footer_contacts .contacts {
  margin-bottom: 15px;
}
.footer_col.footer_contacts .contacts a:not(:last-child) {
  margin-bottom: 15px;
}
.footer_col.footer_contacts .contacts a {
  display: flex;
  align-items: center;
  color: var(--color-primary);
  gap: 0 10px;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  width: fit-content;
}
.footer_col.footer_contacts .contacts a:hover{
  color: #ef8c15;
}
.footer_col.footer_contacts .contacts .phone_title {
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 18px;
  /* color: #ef8c15; */
}
.footer_col.footer_contacts .contacts a img {
  width: 18px;
  height: 18px;
}
.footer_col.footer_contacts .payments .payments_title {
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  color: #ef8c15;
  line-height: normal;
  margin-bottom: 15px;
}
footer .footer_bottom {
  background: #222235;
  padding: 10px 0;
}
.footer_bottom .social_links {
  gap: 0 15px;
}
.footer_bottom .social_links .light {
  display: none;
}
.footer_bottom .copyright {
  color: var(--color-primary);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: end;
  opacity: 0.6;
}
.social_links a {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s all ease;
}
.social_links a .light {
  display: none;
}
.social_links a:hover {
  opacity: 0.7;
}
.hamburger_menu {
  position: fixed;
  top: 0;
  min-height: 100vh;
  bottom: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  width: 380px;
  z-index: 130;
  transform: translate(-200px, 0);
  overflow-y: auto;
  border: 1px solid #abcbd7;
  background-color: #fff;
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  box-shadow: 0 0 15px 0 rgb(0 0 0 / 0.09);
}
.hamburger_menu.active {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}
.hamburger_menu .hamburger_header {
  padding: 15px 30px 13px 30px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  background-color: #fff;
  align-items: center;
  border-bottom: 1px solid #ececec;
}
.hamburger_menu .hamburger_header .logo img {
  width: 120px;
}
.hamburger_menu .hamburger_close button {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ecf4f6;
  border-radius: 30px;
  padding: 10px;
  border: none;
  color: #fff;
  outline: none;
}
.hamburger_close button svg {
  width: 16px;
  height: 16px;
  color: var(--color-primary);
}
.hamburger_menu .hamburger_body {
  padding: 30px;
}
.hamburger_menu .hamburger_body form {
  margin-bottom: 20px;
}
.hamburger_menu .social_links .title {
  margin-bottom: 15px;
  font-weight: 700;
  line-height: 1.2;
  color: #253d4e;
  font-size: 20px;
}
.hamburger_menu .social_links svg {
  width: 36px;
  height: 36px;
}
.hamburger_menu .social_links {
  margin-bottom: 40px;
}
.hamburger_menu .social_links ul {
  gap: 0 10px;
}
.hamburger_menu form {
  display: flex;
  position: relative;
  align-items: center;
}
.hamburger_menu form button {
  position: absolute;
  border: none;
  outline: none;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff0;
}
.hamburger_menu form input {
  font-size: 14px;
  height: 45px;
  background-color: #f2f3f4;
  border-radius: 5px;
  padding: 3px 50px 3px 20px;
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  border: 0;
  color: var(--color-primary);
}
.hamburger_menu form input::placeholder {
  color: var(--color-primary);
}
.hamburger_menu .hamburger_nav li {
  position: relative;
}
.hamburger_menu .hamburger_nav li a,
.hamburger_menu .hamburger_nav li .current {
  display: block;
  position: relative;
  padding: 13px 0;
  border-bottom: 1px solid #ececec;
}
.hamburger_nav li .current.active {
  color: #ef8c15;
}
.hamburger_nav li .current.active::after {
  transform: rotate(225deg);
}
.hamburger_nav li .current:after {
  content: "";
  border: solid var(--color-primary);
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
  transition: 0.3s all ease;
  height: 3px;
}
body.overflow-hidden {
  overflow: hidden;
}
.hamburger_nav li ul {
  padding: 10px 0 0 10px;
  display: none;
}
.hamburger_menu .hamburger_nav li ul a:hover {
  color: #eaa756;
}
.hamburger_menu .hamburger_contacts {
  padding: 20px;
  border-radius: 5px;
  border: 1px solid #ececec;
  margin: 17px 0 30px 0;
  display: flex;
  flex-direction: column;
  gap: 15px 0;
}
.hamburger_menu .hamburger_contacts a {
  display: flex;
  align-content: center;
  gap: 0 10px;
}
.hamburger_menu .hamburger_contacts a i {
  color: #ef8c15;
}
.hamburger_menu .switch_lang {
  padding: 0 15px;
}
.hamburger_menu .switch_lang ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 15px;
}
.hamburger_menu .switch_lang ul li a {
  font-weight: 500;
}
.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  cursor: crosshair;
  z-index: 115;
  pointer-events: none;
  background: rgb(0 0 0 / 0.7) none repeat scroll 0 0;
}
.overlay.active {
  pointer-events: all;
  opacity: 1;
  visibility: visible;
}
.cookie-alert {
  backdrop-filter: blur(24.5px);
  background: rgb(46 51 60 / 0.4);
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  border-radius: 5px;
  margin: 0 auto;
  z-index: 90;
  opacity: 0;
  transform: translateY(100%);
  transition: all 0.3s ease !important;
}
.cookie-alert .cookie_content {
  flex: 1;
  color: var(--color-primary);
}
.cookie-alert .cookie_content a {
  color: #0d6efd;
}
.cookie-alert .cookie_wrapper {
  border-radius: 8px;
  padding: 20px;
  gap: 0 20px;
  position: relative;
}
.cookie-alert button {
  border: none;
  padding: 11px 24px;
  border-radius: 5px;
  width: fit-content;
  height: fit-content;
  background-color: #ffa335;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s all ease;
  font-size: 16px;
  outline: none;
}
.cookie-alert.show {
  opacity: 1;
  transform: translateY(0%);
  transition-delay: 1000ms;
}
.breadcrumbs {
  padding: 40px 0 20px 0;
}
.breadcrumbs ul {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  gap: 0 24px;
}
.breadcrumbs li {
  position: relative;
}
.breadcrumbs li a {
  padding: 0;
  color: #000;
  transition: 0.3s all ease;
  transition: inherit;
}
.breadcrumbs li a:hover {
  color: #3b94b5;
}
.breadcrumbs li.active {
  color: #000;
  opacity: 0.7;
}
.breadcrumbs li:not(:last-child)::after {
  content: ">";
  color: var(--color-primary);
  position: absolute;
  right: -15px;
}
.logincontainer {
  box-shadow: 0 0 10px rgb(0 0 0 / 0.2);
  padding: 40px;
  border: 1px solid #fff0;
}
.login_row .login_wrap .title {
  color: var(--color-primary);
  font-size: 28px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
.login_wrap .form-group input {
  width: 100%;
  height: 50px;
  padding: 0 20px;
  outline: none;
  color: var(--color-primary);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border-radius: 5px;
  border: 1px solid #d1e2e9;
  background: rgb(244 244 244 / 0.2);
  box-shadow: inherit;
  transition: 0.3s all ease;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.login_wrap .buttons {
  display: flex;
  flex-direction: column;
  gap: 15px 0;
}
.login_wrap .buttons button {
  padding: 10px !important;
  font-size: 16px;
}
.login_wrap .buttons a {
  padding: 10px !important;
  font-size: 16px;
}
.login_wrap .buttons {
  display: flex;
  flex-direction: column;
  gap: 15px 0;
}
.login_wrap .buttons button {
  padding: 10px !important;
  font-size: 16px;
}
.login_wrap .buttons a {
  padding: 10px !important;
  font-size: 16px;
}
.login-form .login_footer .form-check-label {
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.login-form .login_footer .form-check-label::before {
  content: "";
  border: 2px solid #ced4da;
  height: 17px;
  width: 17px;
  margin: 0 8px 0 0;
  display: inline-block;
  vertical-align: middle;
}
.login-form .login_footer .form-check-label::after {
  content: "";
  width: 11px;
  position: absolute;
  top: 50%;
  left: 3px;
  opacity: 0;
  height: 6px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -moz-transform: translateY(-65%) rotate(-45deg);
  -webkit-transform: translateY(-65%) rotate(-45deg);
  transform: translateY(-65%) rotate(-45deg);
}
.login-form
  .custom-checkbox
  .form-check-input:checked
  + .form-check-label::before {
  background-color: #ff324d;
  border-color: #ff324d;
}
.login-form
  .custom-checkbox
  .form-check-input:checked
  + .form-check-label::after {
  opacity: 1;
}
.login_row .different_login {
  text-align: center;
  position: relative;
  margin: 20px 0;
}
.login_row .different_login span {
  background-color: #fff;
  padding: 0 15px;
  position: relative;
  text-transform: uppercase;
}
.login_row .different_login::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  border-top: 1px solid #ddd;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.login_row .other_ways {
  margin-bottom: 20px;
}
.login_row .form-note {
  color: #687188;
}
.login-form .login_footer .form-check-label {
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.login-form .login_footer .form-check-label::before {
  content: "";
  border: 2px solid #ced4da;
  height: 17px;
  width: 17px;
  margin: 0 8px 0 0;
  display: inline-block;
  vertical-align: middle;
}
.login-form .login_footer .form-check-label::after {
  content: "";
  width: 11px;
  position: absolute;
  top: 50%;
  left: 3px;
  opacity: 0;
  height: 6px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -moz-transform: translateY(-65%) rotate(-45deg);
  -webkit-transform: translateY(-65%) rotate(-45deg);
  transform: translateY(-65%) rotate(-45deg);
}
.login-form
  .custom-checkbox
  .form-check-input:checked
  + .form-check-label::before {
  background-color: #ff324d;
  border-color: #ff324d;
}
.login-form
  .custom-checkbox
  .form-check-input:checked
  + .form-check-label::after {
  opacity: 1;
}
.footer-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#footer.footer {
  padding: 30px 0;
}
.footer .footer-row .copyright {
  margin: 0;
  text-align: start;
}
.footer-row .right-items {
  text-align: end;
}
.login-form #login {
  padding: 14px 0;
  outline: none;
  border: none;
  width: 100%;
  border-radius: 5px;
}
.login_row .login_form {
  padding: 30px;
  background-color: #f1f1f1;
  border-radius: 5px;
  box-shadow: 0 4px 12px 0 rgb(0 0 0 / 0.15);
}
.login_row .different_login {
  text-align: center;
  position: relative;
  margin: 20px 0;
}
.login_row .different_login span {
  background-color: #fff;
  padding: 0 15px;
  position: relative;
  text-transform: uppercase;
}
.login_row .different_login::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  border-top: 1px solid #ddd;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.login_row .other_ways {
  margin-bottom: 20px;
}
.login_row .form-note {
  color: #687188;
}
.documents_main {
  padding: 40px 0;
}
.documents_main .section_title {
  font-size: 32px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d6d6d6;
}
.documents_main .head_text {
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 20px;
}
.documents_main ul {
  display: flex;
  flex-direction: column;
  gap: 20px 0;
}
.documents_main ul li {
  display: flex;
  gap: 0 10px;
  align-items: center;
}
.documents_main ul li i {
  color: #ffa335;
}
.documents_main ul li a {
  color: #3b94b5;
}
.document_wrapper {
  padding: 40px 0;
}
.document_wrapper.reseller .row {
  gap: 30px 0;
}
.document_wrapper .section_title {
  font-size: 32px;
  margin-bottom: 20px;
  font-weight: 600;
  border-bottom: 1px solid #d6d6d6;
  padding-bottom: 10px;
}
.document_wrapper .document_texts p.main {
  font-weight: 600;
}
.document_wrapper .document_texts p:not(:last-child) {
  margin-bottom: 20px;
}
.document_wrapper .document_texts ul {
  margin-bottom: 20px;
  list-style: inside;
}
.document_wrapper .document_texts ul li:not(:last-child) {
  margin-bottom: 10px;
}
.document_wrapper .document_texts .document_contacts ul li:not(:last-child) {
  margin-bottom: 10px;
}
.document_wrapper .document_texts .document_contacts a {
  color: #3b94b5;
}
.document_wrapper .description {
  margin-bottom: 20px;
}
.document_wrapper .content_item .item_title {
  color: #545454;
  font-size: 24px;
  font-weight: 500;
}
.document_wrapper .content_item:not(:last-child) {
  margin-bottom: 30px;
}
.document_wrapper .content_item ul {
  display: flex;
  flex-direction: column;
  gap: 20px 0;
}
.document_wrapper .content_item ul li {
  display: flex;
  align-items: center;
  gap: 10px 0;
}
.document_wrapper .content_item ul li a,
.document_wrapper p a {
  color: #3b94b5;
}
.document_wrapper .content_item ul li i {
  color: #ffa335;
}
.document_wrapper .content_item {
  display: flex;
  flex-direction: column;
  gap: 20px 0;
}
.left_items .phone {
  display: none;
}
.ssl_products .plan_item .plan_header .plan_price .date,
.ssl_products .plan_item .plan_header .plan_biennially_price .date {
  font-weight: 600;
  display: none;
}
.custom_select.domains {
  display: none;
}
.products_swiper,
.colocation_swiper {
  position: relative;
}
.products_swiper .swiper-pagination,
.colocation_swiper .swiper-pagination,
.useful_options .options_swiper .swiper-pagination {
  position: static;
  margin-top: 30px;
}
.products_swiper .swiper-pagination-bullet.swiper-pagination-bullet-active,
.colocation_swiper .swiper-pagination-bullet.swiper-pagination-bullet-active,
.useful_options
  .options_swiper
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #3b94b5;
}
.products_swiper .swiper-pagination-bullet,
.colocation_swiper .swiper-pagination-bullet,
.useful_options .options_swiper .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
}
.domains_search ul {
  flex-wrap: wrap;
}
.useful_options .options_swiper .swiper-pagination {
  display: none;
}
.header_promotion_link{
  background: linear-gradient(272.8deg, #255fe0 7.3%, #50b7fc 92.82%);
  border-radius: 5px;
  padding: 6px 10px;
  color: white;
  font-size: 13px;
}
.header_promotion_link svg{
  width: 20px;
  height: 20px;
  margin-right: 3px;
}
.header_promotion_link svg path{
  fill: #ffffff;
}
/* vps config */
.vps-config{
  width: 69%;
  max-width: 700px;

}
.vps-results{
  width: 29%;
  min-width: 360px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: sticky;
  top: 100px;
  height: 100%;
}
.vps-results_param{
  display: flex;
  justify-content: space-between;
  gap: 5px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgb(55 55 55 / 0.9);
}
.theme-light .vps-results_param{
  border-bottom-color: #dfe3e8;
}
.theme-light .vps-config_card,
.theme-light .vps-config_tarif {
  border-color: #dfe3e8;
}
.vps-results_price{
  font-size: 20px;
}
.vps-results_price--summ{
  font-weight: 600;
  font-size: 22px;
}
.vps-config .cards_tab ul{
  margin: unset;
  width: 100%;
  justify-content: start;
}
.vps-config .cards_tab ul li{
  width: unset;
}
.vps-config .custom_select{
  float: unset;
  padding-right: 40px;
  z-index: unset;
}
.vps-config .custom_select ul{
  width: max-content;
  max-height: 220px;
  overflow: auto;
}
.vps-config_card{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border: 2px solid rgb(55 55 55 / 0.9);
  padding: 10px;
  cursor: pointer;
  border-radius: 5px;
}
.theme-light .vps-config_tarif{
  background: white;
} 

.vps-config_tarif,
.vps-config_card{
  transition: all 0.3s ease;
  mix-blend-mode: luminosity;
}
.vps-config_card.active,
.vps-config_tarif.active{
  border: 2px solid #1b5e7a !important;
  mix-blend-mode: unset;
}
.vps-config_tarif:hover,
.vps-config_card:hover{
  border-color: rgb(101 101 101 / 0.9);
}
.vps-config_card .os_select{
  min-width: 150px;
  height: 30px;
}
.vps-config_oc--cards,
.vps-config_apps{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}
.vps-config_tarifs{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}
.vps-config_tarif{
  border: 2px solid rgb(55 55 55 / 0.9);
  padding: 10px;
  cursor: pointer;
  background-color: rgb(19 21 24 / 0.4);
  border-radius: 5px;
}
.vps-config_tarif.disabled{
  opacity: .5;
  pointer-events: none;
}

#almalinux .vps-config_oc--icon{
  background-image: url(../images/options/almalinux.svg);
}
#ubuntu .vps-config_oc--icon{
  background-image: url(../images/options/ubuntu.svg);
}
#windows .vps-config_oc--icon{
  background-image: url(../images/options/windows.svg);
}
#otheroc .vps-config_oc--icon{
  background-image: url(../images/options/other.png);
}
#vpsesxi .vps-config_oc--icon{
  background-image: url(../images/esxi.png);
}
#vpskvm .vps-config_oc--icon{
  background-image: url(../images/kvm.png);
}

.vps-config_oc--icon{
  width: 34px;
  height: 34px;
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.vps-config_panel:hover .vps-config_oc--info__text{
  display: block;
}
.theme-light .vps-config_oc--info__text{
  background: white;
}
.vps-config_oc--info__text{
  display: none;
  position: absolute;
  padding: 10px;
  z-index: 16;
  background: #1c1c28;
  border: 1px solid rgb(55 55 55 / 0.9);
  min-width: 250px;
  font-size: 14px;
  line-height: 20px;
}
.vps-config_panel{
  position: relative;
}
.theme-light .vps-config_oc--info svg{
  fill: black;
}
.vps-order_btn{
  background-color: #ef8c15;
  padding: 15px 20px;
  width: 100%;
  text-align: center;
  color: white;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.vps-order_btn.disabled{
  pointer-events: none;
  opacity: 0.6;
}
.vps-config_title{
  font-size: 24px;
  line-height: 30px;
  margin-top: 40px;
}
.vps-config_periods{
  margin-bottom: 0 !important;
  overflow: unset;
  padding-top: 10px;
}
.vps-config_periods ul{
  -ms-overflow-style: none;
  scrollbar-width: none; 
}
.vps-config_periods ul::-webkit-scrollbar {
  display: none;
}
#otheroc .os_select{
  min-width: 243px;
}
.vps-free_services{
  justify-content: center !important;
}
.vps-free_services .item{
  max-width: 770px;
}
.vps-free_services .text b{
  font-size: 18px;
  font-weight: 700;
}

.vps-config_periods li{
  width: unset !important;
  white-space: nowrap;
}
.vps-config_periods ul{
  overflow: auto !important;
}
.vps-config_periods .sales_badge{
  top: -6px !important;
  display: block !important;
}
.vps-config_card--panels img{
  width: 100%;
  height: 100%;
  max-width: 60px;
}

.vps-config_card--panels img,
.vps-config_card--panels svg{
  mix-blend-mode: luminosity;
  height: 50px;
  width: 45px;
  object-fit: contain;
}
.vps-config_card--panels svg path:not(.vps-config_card--panels svg path:last-of-type){
  fill: #53BCE6;
}

.vps-config_card--panels div.active img,
.vps-config_card--panels div.active svg{
  mix-blend-mode: unset;
}
.theme-light .vps-config_card--panels svg path:not(.vps-config_card--panels svg path:last-of-type){
  fill: #53BCE6;
}
.toggle-switch {
  width: 60px;
  height: 30px;
  background-color: #ccc;
  border-radius: 15px;
  position: relative;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.toggle-switch.active {
  background-color: #1d6582;
}
.toggle-slider {
  width: 28px;
  height: 28px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 1px;
  left: 1px;
  transition: left 0.3s ease;
}
.toggle-switch.active .toggle-slider {
  left: 31px;
}
.theme-light .vps-config_options .btn{
  border-color: black;
  color: black;
}
#vpsConfigAdmin{
  margin-top: 15px;
}
.vps-config_tarif--title{
  margin-bottom: 10px;
  font-size: 22px;
  line-height: 30px;
  font-weight: 500;
  color: #1b5e7a;
}
.vps-config_tarif--price{
  font-size: 17px;
  line-height: 25px;
  margin-bottom: 10px;
}
.vps-config_tarif--price span{
  font-size: 20px;
  line-height: 28px;
  color: #ef8c15;
  font-weight: 600;
}
.vps-config_tarif--vcpu,
.vps-config_tarif--ram,
.vps-config_tarif--disk{
  display: flex;
  justify-content: space-between;
  margin-top: 7px;
  padding-bottom: 7px;
  border-bottom: 1px solid rgb(55 55 55 / 0.9);
}
.vps-config_tarif--disk{
  border-bottom: unset;
  padding-bottom: unset;
}
.vps-config_tarif--tab ul,
.vps-config_periods ul{
  background: rgb(19 21 24 / 0.4);
  width: max-content !important;
  padding: 8px !important;
  gap: unset !important;
  border-radius: 60px !important;
}
.theme-light .vps-config_tarif--tab ul,
.theme-light .vps-config_periods ul{
  background: white;
}
.vps-config_tarif--tab ul li,
.vps-config_periods ul li{
  background: unset !important;
  border: unset !important;
  border-radius: 60px !important;
}
.vps-config_periods ul,
.vps-config_periods ul li{
  border-radius: 10px !important;
}
.vps-config_periods ul{
  width: 100% !important;
  justify-content: space-between !important;
}
.vps-config_periods ul li{
  width: 100% !important;
}
.vps-config_tarif--tab ul li.active,
.vps-config_periods ul li.active{
  background: #ef8c15 !important;
}
.vps-config_options{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.vps-config_options .btn{
  box-shadow: unset !important;
  color: white;
  border: 1px solid white;
}
#vpsConfigDisk .btn.active,
#vpsConfigChanel .btn.active,
#vpsConfigService .btn.active,
#vpsConfigAdmin .btn.active{
  background-color: #1d6582;
  border-color: #1d6582;
}
#vpsConfigDisk button,
#vpsConfigChanel button,
#vpsConfigAdmin .btn{
  position: relative;
  overflow: unset !important;
}
#vpsConfigDisk button:hover .vps-config_oc--info__text,
#vpsConfigChanel button:hover .vps-config_oc--info__text,
#vpsConfigService button:hover .vps-config_oc--info__text,
#vpsConfigAdmin .btn:hover .vps-config_oc--info__text{
  display: block;
}
.server-gpu_logo{
  position: absolute;
  top: -12px;
  left: 150px;
  background: #1a1a23;
  padding-right: 5px;
  padding-left: 10px;
}
.server-gpu_logo img{
  max-width: 80px;
}
.theme-light .server-gpu_logo{
  background: white;
}
.server-1c_logo{
  left: 130px;
  top: -17px;
}
.server-1c_logo img{
  max-width: 40px;
}
.custom_select ul li.disabled{
  opacity: 0.6;
  pointer-events: none;
  cursor: not-allowed;
}
.vpsConfigRange{
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.vpsConfigRangeSlider{
  display: flex;
  justify-content: end;
  gap: 10px;
  width: 70%;
}
.vpsConfigRangeSlider .slider_range{
  min-width: 420px;
  margin-top: 9px;
}
.vpsConfigRangeMinMax{
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}
.vpsConfigRangeMinMax span{
  color: #747474;
}
#vpsConfigCpuCount,
#vpsConfigRamCount,
#vpsConfigDiskCount{
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
  margin-top: -6px;
}
.vpsConfigRangeSlider .noUi-horizontal .noUi-handle{
  background-color: #1d6582;
}
#vpsConfigTarifTabBtn.active,
#vpsConfigTarifTabSelf.active{
  background-color: #1d6582 !important;
}
.theme-light .facebook-icon path,
.theme-light .telegram-icon path,
.theme-light .twitter-icon path,
.theme-light .instagram-icon path{
  fill: #3B94B5;
}
.theme-light .facebook-icon path:first-of-type,
.theme-light .telegram-icon path:first-of-type,
.theme-light .twitter-icon circle,
.theme-light .instagram-icon path:first-of-type{
  fill: #ECF4F6;
}
.servers-options_title{
  margin-bottom: 20px;
  font-size: 28px;
  line-height: 35px;
  font-weight: 500;
}
.server-option_text,
.colocation-option_text{
  display: none;
  position: absolute;
  padding: 10px;
  z-index: 16;
  background: #1c1c28;
  border: 1px solid rgb(55 55 55 / 0.9);
  min-width: 250px;
  font-size: 14px;
  line-height: 20px;
}

.servers-option button:hover .server-option_text,
.colocation-option button:hover .colocation-option_text,
#serversOptionsAdmin .btn.mx-2:hover .server-option_text,
.colocation-option .btn.mx-2:hover .colocation-option_text,
.servers-option .custom_select:hover .server-option_text,
.colocation-option .custom_select:hover .server-option_text,
#serversOptionsIps .btn.mx-2:hover .server-option_text{
  display: block;
}
.colocation-option .custom_select .server-option_text,
.servers-option .custom_select .server-option_text{
  top: 30px;
}
.servers-option .btn,
.colocation-option .btn{
  box-shadow: unset !important;
  color: white;
  border: 1px solid white;
}
.servers-option .btn.active,
.colocation-option .btn.active{
  background-color: #1d6582 !important;
  border-color: #1d6582 !important;
}
.servers-option .btn.disabled,
.colocation-option .btn.disabled{
  pointer-events: none;
  opacity: .5;
}
#serversOptionsAdminPlus,
#serversOptionsAdminMinus,
#serversOptionsIpPlus,
#serversOptionsIpMinus{
  border-color: white !important;
  background-color: unset !important;
}
.servers-options,
.colocation-options{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 10px;
  row-gap: 30px;
  width: 100%;
  height: max-content;
}
.servers-options_content,
.colocation-options_content{
  display: none;
  margin-top: 15px;
}
#serversOptionsOc .os_select,
#colocationOptionPower .os_select{
  min-width: 250px;
}
#serversOptionsInternet .os_select,
#serversOptionsTasix .os_select{
  min-width: 150px;
}
#serversOptionsOc .custom_select ul,
#serversOptionsTasix .custom_select ul,
#colocationOptionPower .custom_select ul,
#serversOptionsInternet .custom_select ul{
  max-height: 220px;
  overflow: auto;
}
.servers-list .item_action{
  display: none;
}
.servers-title{
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 30px;
}
.servers-results_periods{
  overflow: unset;
  padding-top: 10px;
}
.servers-results_param .vps-config_periods ul{
  display: flex;
  align-items: center;
  margin: 0 auto;
  border-radius: 5px !important;
}
.servers-results_param .vps-config_periods ul li{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 220px;
  border-radius: 5px;
  transition: 0.3s all ease;
  cursor: pointer;
  position: relative;
  padding: 10px 12px;
  font-size: 14px;
  border: 1px solid rgb(55 55 55 / 0.9);
  background: rgb(19 21 24 / 0.4);
  backdrop-filter: blur(24.5px);
  border-radius: 5px !important;
}
.servers-results_param .vps-config_periods .sales_badge{
  top: -6px !important;
  display: block !important;
  right: 3px;
  padding: 2px 5px;
  border-radius: 5px;
  font-size: 9px;
  background: #dc6655;
  color: #fff;
  position: absolute;
}
.servers-list .plan_item{
  cursor: pointer;
}
.servers-list .plan_item.active{
  border-color: #1b5e7a !important;
  mix-blend-mode: unset;
}
.servers .primary_sidebar{
  padding: 10px;
}
.servers .products_wrapper{
  padding: 30px 10px;
}
.servers-options_content .col-5{
  position: unset !important;
}
.server-results_tarif--param{
  display: flex;
  justify-content: end;
  border-bottom: 1px solid rgb(129 123 123 / 90%);
  padding-bottom: 8px;
  font-size: 14px;
  gap: 8px;
  color: rgb(129 123 123 / 90%);
}
.bb-unset{
  border-bottom: unset !important;
}
#optionsMoreBtn{
  color: #ef8c15;
}
#serversOptionsRaid .toggle-switch,
#serversOptionsOc .toggle-switch,
#serversOptionsMaindisk .toggle-switch{
  pointer-events: none;
}
.servers .custom_select{
  z-index: unset ;
}
.server-accordion{
  grid-column: 1 / span 3;
}
.server-accordion .widget_title::after{
  display: none;
}
.server-accordion .widget_title::before{
  border-bottom: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
}
.server-accordion_content{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 10px;
  row-gap: 30px;
  height: 100%;
}
.servers-option.disabled{
  opacity: .5;
  pointer-events: none;
}
.servers-option .d-grid{
  display: grid;
}
.servers-option .grid-col-2{
  grid-template-columns: repeat(2, 1fr);
}
.servers-option .grid-col-3{
  grid-template-columns: repeat(3, 1fr);
}
.theme-light .server-option_text{
  background: white;
  color: #000;
}
.theme-light .servers-option .btn,
.theme-light .colocation-option .btn{
  border: 1px solid #ececec !important;
  border-color: #ececec !important;
  color: #000;
}
.theme-light .server-accordion .widget_title::before {
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
}
.theme-light #serversOptionsAdminPlus, .theme-light #serversOptionsAdminMinus,
.theme-light #serversOptionsIpPlus, .theme-light #serversOptionsIpMinus{
  border-color: #ececec !important;
}
/* hdd */
#serversOptionsHdd .btn[data-hdd-id="169"]{
  order: 1;
}
#serversOptionsHdd .btn[data-hdd-id="170"]{
  order: 2;
}
#serversOptionsHdd .btn[data-hdd-id="549"]{
  order: 3;
}
#serversOptionsHdd .btn[data-hdd-id="550"]{
  order: 4;
}
#serversOptionsHdd .btn[data-hdd-id="551"]{
  order: 8;
}
#serversOptionsHdd .btn[data-hdd-id="171"]{
  order: 5;
}
#serversOptionsHdd .btn[data-hdd-id="575"]{
  order: 8;
}
#serversOptionsHdd .btn[data-hdd-id="574"]{
  order: 6;
}
/* nvme */
#serversOptionsNmve .btn[data-nvme-id="528"]{
  order: 1;
}
#serversOptionsNmve .btn[data-nvme-id="547"]{
  order: 3;
}
#serversOptionsNmve .btn[data-nvme-id="548"]{
  order: 4;
}
#serversOptionsNmve .btn[data-nvme-id="529"]{
  order: 2;
}
/* ssd */
#serversOptionsSsd .btn[data-ssd-id="172"]{
  order: 1;
}
#serversOptionsSsd .btn[data-ssd-id="552"]{
  order: 3;
}
#serversOptionsSsd .btn[data-ssd-id="173"]{
  order: 2;
}
#serversOptionsSsd .btn[data-ssd-id="553"]{
  order: 4;
}
#serversOptionsSsd .btn[data-ssd-id="174"]{
  order: 5;
}
#serversOptionsSsd .btn[data-ssd-id="554"]{
  order: 7;
}
#serversOptionsSsd .btn[data-ssd-id="546"]{
  order: 6;
} 
#serversOptionsSsd .btn[data-ssd-id="555"]{
  order: 8;
}

/* AUCTION */
.auction-warning{
  background: linear-gradient(96deg, #FFA335 22.56%, #F16517 90.24%);
  padding: 15px;
}
.auction-tabs{
  display: flex;
  justify-content: center;
  overflow: auto;
}
.auction-tab{
  padding: 20px 40px;
  position: relative;
  white-space: nowrap;
}
.auction-tab.active {
  border-bottom: 1px solid #ef8c15;
}
.auction-tab span{
  position: absolute;
  font-size: 14px;
  padding: 3px;
  border-radius: 5px;
  background: #4094b4;
  top: 0;
  right: 0;
}
.tabs-content{
  margin-top: 30px;
}
.tabs-content .tab{
  display: none;
}
.tabs-content .tab.active{
  display: block;
}
.auction-table{
  width: 100%;
}
.auction-table td{
  padding: 15px 20px;
  white-space: nowrap;  
}
.auction-table tbody tr:last-of-type{
  border-bottom: unset;
}
.auction-table thead td{
  font-size: 20px;
  font-weight: 500;
}
.auction-table tr{
  border-bottom: 1px solid rgb(55 55 55 / 0.9);
}
.auction-table tr a{
  color: #ffa335;
}
.auction-section{
  margin-bottom: 100px;
}
.auction-blue_warning{
  margin-top: 30px;
  background: linear-gradient(272.8deg, #255fe0 7.3%, #50b7fc 92.82%);
}
.tabs-content .overflou-auto{
  overflow: auto;
}
#auctionDomainsPagination{
  display: flex;
  justify-content: center;
  align-items: end;
  gap: 20px;
  margin-top: 30px;
}
#auctionDomainsPagination .btn.active{
  background-color: #ffa335;
  border-color: #ffa335;
}
.hamburger_menu .hamburger_nav li a{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.hamburger_menu .hamburger_nav li .custom_badge{
  background: #ef8c15;
  padding: 3px;
  border-radius: 3px;
  font-size: 14px;
}
.colocation{
  padding: 40px 0;
}
.colocation-cards{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin-bottom: 60px;
}
.colocation-container{
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 60px;
}
.colocation-results{
  position: sticky;
  top: 100px;
  height: max-content;
}
.colocation-cards .product_card .card_action{
  display: none;
}
.colocation-cards .product_card{
  mix-blend-mode: luminosity;
  cursor: pointer;
  border: 1px solid rgb(55 55 55 / 0.9);
  border-radius: 10px;
  overflow: hidden;
}
.colocation-cards .product_card.active{
  mix-blend-mode: unset;
}
.colocation-options_content .d-grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  width: 100%;
}
.theme-light .product_card .card_header{
  background: white;
}
.theme-light .product_card.active .card_header{
  background: #1d6682;
}
.theme-light .product_card .card_name{
  color: black;
}
.theme-light .product_card.active .card_name{
  color: white;
}
.relocation-cards{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 30px;
}
.relocation-checkout{
  margin-top: 50px;
  margin-bottom: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.relocation-checkout a{
  padding: 10px 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  border-radius: 5px;
  background: #ffa335;
  color: #fff;
  box-shadow: 0 4px 12px 0 rgb(0 0 0 / 0.15);
  transition: 0.3s all ease;
  border: none;
  margin-top: 20px;
  font-weight: 500;
  font-size: 19px;
  line-height: 28px;
}
.relocation-card span{
  font-size: 100px;
  line-height: 110px;
  margin-bottom: 10px;
  font-weight: 600;
  color: #4094b4;
}
.distance{
  margin-bottom: 100px;
}
.relocation-card__img img{
  max-width: 140px;
  margin-bottom: 20px;
}
.relocation-checkout span{
  color: #4094b4;
  font-weight: 600;
  font-size: 32px;
}
.callbacl2 .callback_title,
.callbacl2 .callback_subtitle{
  font-size: 28px;
}
.soon-link{
  mix-blend-mode: luminosity;
  opacity: 0.3;
}
.g-col-2{
  grid-template-columns: repeat(2, 1fr);
}
.contacts_main img{
  max-width: 26px;
}
.server-nvme_logo{
  top: -20px;
}
.server-nvme_logo img{
  max-width: 40px;
}
.reservation strong{
  font-weight: 700;
}
#reservationSuccess{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
#domain-result,
#reservationFree{
  display: flex;
  align-items: center;
  justify-content: center;
}
#book-domain{
  background: linear-gradient(96deg, #FFA335 22.56%, #F16517 90.24%);
  border-color: unset !important;
  border: unset !important;
}
#domainAvailable,
#domainAvailableName{
  font-weight: 600;
}
#book-domain.disabled{
  pointer-events: none;
}
.theme-dark #applyCreditContainer label,
.theme-dark #applyCreditContainer{
  color: #000 !important;
}
.reservation {
  margin-bottom: 60px;
}
.administration-advantages{
  display: grid;
  grid-template-columns: 2fr 3fr;
  gap: 20px;
  margin-top: 70px;
}
.administration-advantages h6{
  font-size: 36px;
  line-height: 40px;
  font-weight: 500;
  color: var(--color-secondary);
}
.administration-advantages ul{
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 15px;
  padding-left: 20px;
  margin-top: 40px;
}
.administration-advantages ul li{
  list-style: disc;
  font-size: 18px;
  line-height: 28px;
}
.tarif-section{
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.tarif-section h5,
.administration-tasks h5{
  font-size: 36px;
  line-height: 40px;
  margin-bottom: 30px;
}
.administration-tarifs{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-content: center;
  gap: 40px;
  max-width: 900px;
  width: 100%;
}
.administration-tasks{
  margin-top: 50px;
}
.administration-task{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0;
  border-bottom: 1px solid rgb(55 55 55 / 0.9);
  gap: 15px;
}
.administration-task.head p{
  font-weight: 600;
  font-size: 20px;
}
.administration-task p{
  font-size: 18px;
  line-height: 28px;
}
.administration-task p:last-of-type{
  white-space: nowrap;
}
.advantage-img{
  max-width: 480px;
  width: 100%;
  margin-top: 20px;
}
.punycode-container{
  max-width: 730px;
  margin: 0 auto;
}
.punycode{
  display: grid;
  grid-template-columns: 2fr 2fr 1fr;
  justify-content: space-between;
  align-items: end;
  gap: 10px;
}
.punycode-input input{
  border-color: rgba(55, 55, 55, 0.9);
  box-shadow: unset;
  width: 100%;
  outline: none;
  height: 50px;
  border-radius: 12px;
  border: 1px solid #5a5a5a;
  padding: 0 30px 0 30px;
  color: var(--color-primary);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  transition: 0.3s all ease;
  line-height: normal;
  background: #fff0;
}
.punycode-input p{
  margin-bottom: 10px;
  font-size: 20px;
  color: #ef8c15;
}
#punycodeBtn{
  background: linear-gradient(96deg, #ffa335 22.56%, #f16517 90.24%);
  border-radius: 12px;
  padding: 15px 20px;
  border: none;
  outline: none;
  color: #fff;
}
#punycodeDomainOutput{
  pointer-events: none;
}
#punycodeWhoisLink{
  color: #146480;
  margin-top: 30px;
  text-align: center;
  display: block;
  font-weight: 700;
  font-size: 20px;
}
.share-location{
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  color: #ef8c15;
  margin-top: 20px;
  font-size: 22px;
  font-weight: 700;
  gap: 10px;
}
.contacts_title .blue{
  font-size: 11px;
  color: #3b94b5;
  display: inline;
  text-transform: lowercase;
}
.vps-test-btn{
  background: linear-gradient(272.8deg, #255fe0 7.3%, #50b7fc 92.82%);
  padding: 15px 20px;
  width: 100%;
  text-align: center;
  color: white;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.footer-footer .text-center{
  color: var(--color-primary);
  opacity: 0.6;
}
.your-tp-text{
  font-size: 12px;
}
#vpsConfigDisk .btn[data-disk-id="143"]{
  order: 1;
}
#vpsConfigDisk .btn[data-disk-id="597"]{
  order: 3;
}
#vpsConfigDisk .btn[data-disk-id="133"]{
  order: 2;
}
.gateway-label .gateway-logo{
  max-width: 120px;
}
.gateway-label p{
  display: none;
}
.checkout-gateways{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  row-gap: 20px;
  column-gap: 30px;
  max-width: 700px;
  margin: 0 auto;
}
.gateway-label{
  display: flex;
  align-items: center;
  margin: 0 !important;
  gap: 15px;
  cursor: pointer;
}
.gateways-choose_title{
  font-size: 16px;
   margin-bottom: 20px;
}
.checkout-captcha_input{
  height: 30px !important;
}
#totalCartPrice{
  font-size: 18px;
}
#order-standard_cart .apply-credit-container span{
  font-weight: 400 !important;
}
.text-yellow{
  color: #ef8c15;
}
.noanswer{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 20px;
  border: 1px solid rgba(55, 55, 55, 0.9);
  border-radius: .25rem;
  margin-top: 50px;
}
.noanswer-img{
  display: flex;
  align-items: center;
  gap: 20px;
}
.noanswer-img img{
  max-width: 130px;
}
.noanswer-img h6{
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}
.blue-bg-auction{
  margin-top: 20px;
  background: linear-gradient(272.8deg, #255fe0 7.3%, #50b7fc 92.82%);
}
.databases-advantages{
  margin-top: 100px;
}
.databases-advantages .relocation-card__img img{
  max-height: 120px;
}
.title-soon{
  display: inline;
  background: #dc6655;
  border-radius: 5px;
  padding: 5px;
  font-size: 18px;
}
.theme-light .twitter-icon circle{
  fill: #ECF4F6;
}
.theme-light .twitter-icon path{
  fill: #3B94B5;
}
.tarifs-col-3{
  grid-template-columns: repeat(3, 1fr);
  max-width: unset;
}
.content_item.yellow,
.section_description.yellow{
  color: #ef8c15;
}
.club-card .card_info small{
  display: block !important;
  font-size: 15px !important;
  margin-top: 10px;
  color: #fff !important;
  opacity: 0.5;
}
.theme-light .club-card .card_info small{
  color: #000 !important;
}
.club-card .content_item{
  display: block !important;
}
.club-card .content_item strong{
  font-size: 17px;
}
.club-card{
  justify-content: start !important;
  height: max-content !important;
}
.club-card .content_item{
  border-bottom: 1px solid rgb(55 55 55 / 0.9) !important;
}
.club-card .content_item{
  margin: 0 20px;
}
.club-card .content_item:first-child{
  border-top: unset !important;
}
.club-card .card_info{
  border-bottom: 1px solid #d1e2e9;
}
.oneid_container.disabled{
  pointer-events: none;
  opacity: .5;
}
.hint-block{
  position: absolute;
  top: -135px;
  right: -35%;
  width: max-content;
  height: auto;
  padding: 20px;
  background: rgba(0, 0, 0, 0.9);
}
.hint-block ul {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.hint-btn{
  cursor: pointer;
}

/* CHAT */
.chat{
  position: fixed;
  bottom: -460px;
  transition: all 0.3s ease;
  right: 10px;
  z-index: 998;
  min-width: 350px;
  max-width: 350px;
  box-shadow: 0 20px 40px 8px rgba(0, 0, 0, .25);
  border-top-right-radius: 35px;
}
.chat p,
.chat small{
  color: #fff;
}
.chat small{
  opacity: .6;
  display: flex;
  align-items: end;
  gap: 10px;
}
.theme-light .chat b{
  color: #959da5;
}
.chat-close_btn{
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%3E%0A%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate(2%202)%22%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2212%22%20fill%3D%22%23FFF%22%20opacity%3D%221%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2212.75%22%20stroke%3D%22%23222D38%22%20stroke-width%3D%221.5%22%20opacity%3D%221%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cg%20fill%3D%22%23222D38%22%20opacity%3D%221%22%20transform%3D%22translate(6%206)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20width%3D%221.611%22%20height%3D%2213.9%22%20x%3D%225.435%22%20y%3D%22-.941%22%20rx%3D%22.806%22%20transform%3D%22rotate(45%206.24%206.01)%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20width%3D%221.611%22%20height%3D%2213.9%22%20x%3D%225.435%22%20y%3D%22-.941%22%20rx%3D%22.806%22%20transform%3D%22scale(-1%201)%20rotate(45%200%20-9.058)%22%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
  width: 28px;
  height: 28px;
  border: unset;
  outline: unset !important;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: -35px;
  display: none;
}
.chat.open{
  bottom: 0;
}
.chat.open .chat-close_btn{
  display: block;
}
.chat-header{
  background: linear-gradient(95deg, rgb(250, 202, 23) 20%, rgb(255, 156, 72) 80%);
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  position: relative;
  border-top-right-radius: 35px;
  border-top-left-radius: 10px;
  cursor: pointer;
}
.chat-header small{
  color: #f0f1f1;
  opacity: .7;
}
.chat-header_point{
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2240%22%20viewBox%3D%220%200%2032%2040%22%3E%0A%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23ff9c48%22%20d%3D%22M0%200h9.02L32%2033.196V40H0z%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23146480%22%20d%3D%22M9%200c3.581.05%2023%205.426%2023%2033.08v.03C18.922%2030.751%209%2019.311%209%205.554V0z%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
  width: 32px;
  height: 34px;
}
.chat-header_point--container{
  position: absolute;
  right: 0;
  top: 0;
  overflow: hidden;
  border-top-right-radius: 35px;
  width: 32px;
  height: 34px;
}
.chat-body{
  min-height: 380px;
  max-height: 380px;
  overflow: auto;
  padding: 20px;
  background-color: #29293d;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.theme-light .chat-body,
.theme-light .chat-user-info{
  background-color: #fff ;
}
.theme-light .chat-footer{
  background-color: #fff;
  border-top: 1px solid #d8dee3;
}
.chat-footer{
  background-color: #222235;
  padding: 20px;
  display: flex;
  gap: 5px;
  border-top: 1px solid #222235;
}
.chat textarea,
.chat-user-info input{
  background-color: transparent;
  border: unset;
  outline: unset;
  resize: none;
  width: 100%;
}
.chat-body::-webkit-scrollbar,
.chat textarea::-webkit-scrollbar{
  width: 3px;
}
.chat-body::-webkit-scrollbar-track ,
.chat textarea::-webkit-scrollbar-track {
  background: #29293d;
}
.chat-body::-webkit-scrollbar-thumb ,
.chat textarea::-webkit-scrollbar-thumb {
  background-color: #d6d6d6;
  border-radius: 50px;
}
.theme-light .chat-body::-webkit-scrollbar-track ,
.theme-light .chat textarea::-webkit-scrollbar-track {
  background: #d6d6d6;
}
.theme-light .chat-body::-webkit-scrollbar-thumb ,
.theme-light .chat textarea::-webkit-scrollbar-thumb {
  background-color: #29293d;
}
.chat-user_message{
  align-self: flex-end;
  margin-left: 20px;
  background-color: #146480;
}
.chat-ai_message{
  background-color: rgb(255, 156, 72);
  margin-right: 20px;
}
.chat-message{
  padding: 12px 15px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: end;
  gap: 3px;
}
.chat-message p{
  font-size: 15px;
  line-height: 20px;
  align-self: start;
}
.chat-message_type{
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 5px;
  font-size: 15px;
}
.chat-message_type span{
  padding: 4px 6px;
  border-radius: 4px;
  background: rgb(55 55 55 / 0.9);
}
.theme-light .chat-message_type span{
  background-color: #b7b7b7;
  color: #fff;
}
.chat .dots{
  align-self: start;
}
.chat-template_questions{
  height: 320px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: end;
  gap: 10px;
}
.chat-template_questions button{
  border: 1px solid #146480;
  color: #146480;
  outline: unset;
  background: transparent;
  border-radius: 20px;
  padding: 10px 15px;
  font-size: 15px;
  width: max-content;
}
.chat-template_questions button:hover{
  background: #146480;
  color: #fff;
}
.hero .slide_image{
  display: flex;
  flex-direction: column;
}
.hero .news{
  margin-bottom: 0 !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
}
.chat-message_container{
  display: flex;
  align-items: end;
  gap: 8px;
}
.chat-message_img{
  min-width: 34px;
  max-width: 34px;
  height: 34px;
  border-radius: 50%;
  overflow: hidden;
}
.chat-message_img img{
  width: 100%;
}
.chat-user-info{
  padding: 40px 20px;
  background-color: #29293d;
  display: none;
  flex-direction: column;
  gap: 15px;
}
.chat-user-info.show{
  display: flex;
}
.chat-user-info input,
.chat-user-info textarea{
  padding: 12px 15px;
  border: 1px solid #146480;
  border-radius: 5px;
}
.chat-user-info button{
  border: unset;
  outline: unset;
  background-color: #146480;
  color: #fff;
  border-radius: 20px;
  padding: 10px 15px;
}
.chat-user-info p{
  font-size: 16px;
  padding: 0 3px;
  background-color: #29293d;
  display: block;
  position: absolute;
  left: 12px;
  top: 12px;
  z-index: 1;
  transition: all 0.3s ease;
}
.theme-light .chat-user-info p{
  color: #000;
  background-color: #fff;
}
.chat-user-info_input{
  position: relative;
}
.chat-user-info_input.active p{
  top: -8px;
  font-size: 13px;
}
.chat-body.hide,
.chat-footer.hide,
.chat-header_introduce,
.chat-header_title{
  display: none;
}
.chat-message_btns{
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 10px;
  margin-right: 20px;
}
.chat-message_btns button{
  border: 1px solid #146480;
  outline: unset;
  padding: 10px;
  background: transparent;
  border-radius: 5px;
}
.chat-message_btns button:hover{
  background: #146480;
  color: #fff;
}
.chat-user_message i{
  font-size: 10px;
}
#chatSubmitBtn{
  min-width: 34px;
  height: 34px;
  border: unset;
  outline: unset !important;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2234%22%20height%3D%2234%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20fill%3D%22%23146480%22%20cx%3D%2217%22%20cy%3D%2217%22%20r%3D%2217%22%2F%3E%3Cg%20transform%3D%22translate(10%209)%22%20fill%3D%22%23FFF%22%3E%3Crect%20x%3D%226%22%20y%3D%222%22%20width%3D%222%22%20height%3D%2214%22%20rx%3D%221%22%2F%3E%3Crect%20transform%3D%22rotate(-45%209.879%204.879)%22%20x%3D%228.879%22%20y%3D%22-.121%22%20width%3D%222%22%20height%3D%2210%22%20rx%3D%221%22%2F%3E%3Crect%20transform%3D%22scale(-1%201)%20rotate(-45%200%2015)%22%20x%3D%223.2%22%20y%3D%220%22%20width%3D%222%22%20height%3D%2210%22%20rx%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
  background-color: transparent;
  border-radius: 50%;
  opacity: .6;
  pointer-events: none;
}
#chatSubmitBtn.active{
  opacity: 1;
  pointer-events: all;
}
#rejectCookies{
  display: none !important;
}
#glowCookies-banner a:last-of-type{
  display: none !important;
}
#glowCookies-banner .btn__section{
  justify-content: center;
}
#glowCookies-banner .btn__section button{
  background-color: unset !important;
  background: linear-gradient(96deg, #ffa335 22.56%, #f16517 90.24%);
}
.chat-message_id{
  display: flex;
  justify-content: center;
  font-size: 15px;
  cursor: pointer;
  margin: 5px 0;
  opacity: .6;
}
.chatbot-text{
  text-align: center;
  font-size: 22px;
}
.chatbot-cards .relocation-card__img img{
  max-width: 300px;
  height: 200px;
  object-fit: contain;
}
/* Chrome, Safari, Edge, Opera */
#chatUserPhone::-webkit-outer-spin-button,
#chatUserPhone::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
#chatUserPhone{
  -moz-appearance: textfield;
}
.chatbot-cards h4{
  color: #ffa335;
}
.gap-1{
  gap: 10px;
}
.gap-2{
  gap: 20px;
}
.items-center{
  align-items: center;
}

/* CAPTCHA */
.captcha {
  display: flex;
  flex-direction: column;
  margin-right: 20px;
  gap: 10px;
}
.captcha-text {
  font-size: 18px;
  padding: 5px 10px;
  border: 1px solid #5a5a5a;
  box-shadow: 0 4px 12px 0 rgb(0 0 0 / 0.15);
  border-radius: 5px;
  user-select: none;
  color: #ef8c15;
  text-align: center;
  font-weight: 600;
}
#captchaInput {
  font-size: 18px;
  padding: 5px;
  width: 150px;
  background: #fff0;
  border-radius: 5px;
  border: 1px solid #5a5a5a;
  box-shadow: 0 4px 12px 0 rgb(0 0 0 / 0.15);
  transition: 0.3s allease;
  text-align: center;
}
#captchaInput:focus::placeholder {
  color: transparent;
}
#captchaInput::placeholder {
  font-size: 16px;
}
/* DOMAIN AI */
.domainai-section{
  margin-bottom: 150px;
}
.domainai{
  margin-top: 60px;
  width: 100%;
}
#domainsAiLoading{
  font-size: 20px;
  display: none;
}
#domainsAiLoading span{
  display: flex;
  align-items: center;
  gap: 10px;
}
.domainai .btn{
  background: linear-gradient(96deg, #FFA335 22.56%, #F16517 90.24%);
  border: unset;
  color: #fff;
  box-shadow: unset;
}
#domainAiInput{
  resize: none;
}
.domainai .captcha{
  margin-right: 0;
}
.domainsai-result{
  width: 100%;
}
.domainai #selectAllAvailable{
  background: #369;
}
.domainai .domain-card{
  cursor: pointer;
}
.domainai .domain-card span{
  background-color: #ef8c15 !important;
  position: absolute;
  top: -10px;
}
.copyright{
  display: flex;
  gap: 20px;
}
.copyright span{
  margin-top: unset !important;
}

.more-promocodes_link{
  color: #ef8c15;
  font-size: 16px;
  line-height: 150%;
  font-weight: 500;
  margin-top: 10px;
  display: block;
}
.hosting-table{
  overflow: auto;
}
.hosting-table a{
  color: #ffa335;
}
.hosting-table thead{
  position: sticky;
  top: 0;
}
.hosting-sticky_table{
  border-top: unset !important;
}
.hosting-table thead td span{
  font-weight: 600;
  text-transform: uppercase;
}
.hosting-table thead td p,
.hosting-table thead td a{
  text-transform: none !important;
}
.hosting-table_container{
  padding: 0 20px;
}
.hosting-table_order{
  background-color: #ffa335;
  padding: 6px 10px;
  border-radius: 6px;
  color: #fff !important;
  display: block;
  width: 100%;
  margin-top: 5px;
}
.hosting-sticky_table--select{
  position: relative;
  min-width: 120px;
}
.hosting-sticky_table--selected{
  background-color: #1d6682;
  padding: 6px 10px;
  position: relative;
  cursor: pointer;
  margin-top: 10px;
  border-radius: 6px;
}
.hosting-sticky_table--selected::after{
  content: "";
  display: block;
  height: 7px;
  position: absolute;
  right: 20px;
  top: -4px;
  bottom: 0;
  margin: auto;
  width: 7px;
  transform: rotate(45deg);
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  transition: 0.3s all ease;
}
.hosting-sticky_table--selected__list{
  display: none;
  flex-direction: column;
  border: 1px solid rgba(55, 55, 55, 0.9);
  background: #1c1c28;
  position: absolute;
  width: 100%;
  padding: 5px;
  gap: 5px;
}
.hosting-sticky_table--select.active .hosting-sticky_table--selected__list{
  display: flex;
}
.hosting-table_price{
  font-size: 15px;
  margin: 4px 0;
}
.hosting-sticky_table--selected__list p{
  cursor: pointer;
}
.webhosting .table_wrapper{
  scrollbar-width: none;
  max-height: 700px;
}
.webhosting .table_wrapper::-webkit-scrollbar {
  display: none;
}
.hosting-sticky_table span{
  font-size: 22px;
}
.hosting-sticky_table::before{
  display: block;
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  top: 1px;
  left: 0;
  background-color: white;
}
.auction-search{
  position: relative;
}
.auction-search p{
  font-size: 24px;
  margin: 20px 0;
  text-align: center;
}
.auction-search_input{
  width: 100%;
  outline: none;
  height: 50px;
  border: 1px solid rgba(55, 55, 55, 0.9);
  padding: 0 40px 0 15px;
  color: var(--color-primary);
  font-size: 16px;
  background: #fff0;
  border-radius: .25rem;
}
.auction-search_btn{
  position: absolute;
  right: 6px;
  bottom: 6px;
  background: #146480;
  color: #fff !important;
  box-shadow: unset !important;
  outline: unset !important;
}
.auction-find_domain{
  color: #ffa335;
}
.auction-container_header{
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 20px;
  margin-top: 50px;
}
.yellow{
  color: #ef8c15 !important;
}
.header-callcenter_link--info{
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.header-callcenter_link{
  display: flex;
  align-items: center;
  /* gap: 8px; */
  position: relative;
}
.header-callcenter_link img{
  max-width: 28px;
  cursor: pointer;
}
.header-callcenter_link a{
  font-size: 14px;
}
.header-callcenter_link a:hover{
  color: #ef8c15 !important;
}
.header-callcenter_link.active .contacts_wrapper{
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  top: 45px;
}
.header-contact_phone{
  display: none;
}
.justify-content-end{
  justify-content: end;
}
.justify-content-center{
  justify-content: center;
}
.d-flex{
  display: flex;
}
.blue{
  color: #3b94b5;
}
.dowload-pdf{
  padding: 12px 20px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 500;
  line-height: normal;
  border-radius: 5px;
  border: 1px solid #ef8c15;
  transition: 0.3s all ease;
  box-shadow: 0 4px 12px 0 rgb(0 0 0 / 0.15);
  width: 100%;
  margin-top: 15px;
  background: none;
  outline: unset !important;
}
.theme-light .dowload-pdf{
  color: #000000;
}
.theme-light .dowload-pdf svg path{
  fill: #000000;
}
.dowload-pdf:hover{
  background: #ef8c15;
}
.domain-ai_link span{
  background: linear-gradient(272.8deg, #255fe0 7.3%, #50b7fc 92.82%);
  color: #fff;
  padding: 2px 5px;
  border-radius: 12px;
  position: absolute;
  top: -5px;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 400;
  left: 105%;
}
.header-border_bottom{
  padding-bottom: 15px;
  border-bottom: 1px solid rgb(255 255 255 / 70%);
  width: 100%;
}

/* CLOUD */
.cloud{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.callback_subtitle{
  text-align: center;
}
.cloud img{
  margin-top: 30px;
  width: 100%;
  max-width: 1000px;
}
.cloud h4{
  font-size: 32px;
  margin-bottom: 30px;
  text-align: center;
}
.cloud-text{
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.cloud-text p,
.cloud-text li{
  font-size: 18px;
  line-height: 150%;
}
.cloud-text li{
  list-style: disc;
}
.cloud-text ul{
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-left: 20px;
}
.cloud-callback .callback_title{
  text-align: center;
  font-size: 38px;
  margin-bottom: 20px;
}
.form-upload_file{
  max-width: 300px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-right: 20px;
  margin-bottom: 0 !important;
}
.upload-file_btn{
  background-color: #1d6582;
  color: #fff !important;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
}
.upload-file_btn i{
  margin-right: 5px;
}
.form-upload_file p{
  font-size: 15px;
}
.header-mobile_login{
  display: none;
}
.gateway-label .gateway-logo.dark,
.theme-light .gateway-label .gateway-logo.light{
  display: none;
}
.theme-light .gateway-label .gateway-logo.dark{
  display: block ;
}
.header-lined h1{
  margin-bottom: 30px;
}
#order-standard_cart{
  padding-bottom: 0 !important;
}
.products .product .btn-success{
  background-color: #ffa335 !important;
  border-color: #ffa335 !important;
}
.client-order_btn{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 20px;
  border-radius: 5px;
  color: #ffffff !important;
  background-color: #ffa335;
  font-size: 15px;
  height: 30px;
  width: max-content;
}
.client-order_btn:hover{
  background-color: #f16517;
  box-shadow: 0 4px 15px 0 rgb(239 140 21 / 0.4);
}
.client-order_btn i{
  font-weight: 400;
}
.panel_footer .vps-test-btn{
  padding: 12px 15px !important;
}
.card_action .vps-test-btn{
  border: none !important;
  padding: 15px !important;
  margin-top: 15px;
}
.webhosting_row .custom_select{
  background: #4c8693 !important;
}
.theme-dark #order-standard_cart .view-cart-promotion-code{
  color: black;
}
.service_card.promotion{
  overflow: hidden;
}
.service_card.promotion .panel_badge{
  position: absolute;
  top: 5px;
  right: -43px;
  transform: rotate(45deg);
  width: 130px;
  height: 70px;
  font-size: 16px;
  line-height: 92px;
  margin-top: -22px;
  color: #fff;
  background: linear-gradient(96deg, #ffa335 22.56%, #f16517 90.24%);
  text-transform: uppercase;
  text-align: center;
}
.product_card .card_header.racks-name{
  background: #1d6682;
}
.product_card .card_header.racks-name .card_name{
  color: #fff !important;
}

.search_panel input{
  width: 100%;
  box-shadow: none;
  outline: none;
  height: 40px;
  border-radius: 5px;
  color: var(--color-primary);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  transition: all 0.3s ease;
  line-height: normal;
  border: 1px solid #D1E2E9;
  padding: 0 150px 0 20px;
  border: 1px solid rgb(55 55 55 / 0.9);
  background: rgb(19 21 24 / 0.4);
}
.theme-light .search_panel input{
  background: rgba(244, 244, 244, 0.20);
  border: 1px solid #D1E2E9;
}
.search_panel input:hover::placeholder{
  transition: all 0.3s ease;
  color: transparent !important;
}
.search_panel input svg{
  width: 24px;
}
.search_panel form{
  position: relative; 
  flex: 1;
  margin: 0 !important;
}
.search_panel{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0 20px;
}
.search_panel .check_btn{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 5px;
  margin: auto;
  outline: none;
  border: none;
  border-radius: 5px;
  background: linear-gradient(96deg, #FFA335 22.56%, #F16517 90.24%);
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
  display: flex;
  padding: 0 10px;
  gap: 0 10px;
  align-items: center;
  color: #fff;
  justify-content: center;
  height: calc(100% - 10px);
  font-size: 14px;
}

.dashboard-header_search--panel input{
  min-width: 400px;
}
.auction-domains_list tr{
  cursor: pointer;
}
.check_btn{
  transition: 0.3s all ease;
}
.check_btn:hover{
  background: #f16517 !important;
  box-shadow: 0 4px 15px 0 rgb(239 140 21 / 0.4);
}
.sidebar .card-sidebar .list-group-item.active{
  background-color: #ffa335 !important;
  color: #fff !important;
}
#header-bottom_profile{
  display: flex !important;
}
.primary-content #settings-menu{
  display: none !important;
}
.latest-news_container{
  order: 2;
  display: none;
}
#registration .field, #registration .form-control{
  background: unset !important;
}
.register-policy{
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.register-policy label{
  font-size: 16px !important;
  cursor: pointer;
}
.register-policy label .form-check-input{
  margin-top: unset !important;
}
.register-policy label a{
  color: #ffa335 !important;
  margin-left: 7px;
}
.header_top .check_btn{
  background: transparent !important;
  color: unset !important;
  box-shadow: unset !important;
}
.theme-light .header_top .check_btn svg path{
  fill: black;
}
.custom-switch img{
  max-width: 35px;
  position: absolute;
  left: -100%;
  top: -5px;
  filter: grayscale();
}
.custom-switch.active img{
  filter: none;
}
.footer_bottom img{
  max-width: 60px;
  filter: grayscale();
}
.footer_bottom img.black,
.theme-light .footer_bottom img.white{
  display: none;
}
.theme-dark .footer_bottom img.white,
.theme-light .footer_bottom img.black{
  display: block;
}
/* LOGIN MODAL */
.custom-modal{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.custom-modal.show{
  pointer-events: all;
  opacity: 1;
}
.custom-modal_close{
  min-width: 30px;
  background: none !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
.custom-modal .login-modal_toggle{
  position: absolute;
  right: 10px;
  top: 10px;
}
.custom-modal .login-modal_toggle svg path{
  fill: white;
}
.theme-light .custom-modal .login-modal_toggle svg path{
  fill: black;
}
.login-modal{
  max-width: 550px;
  width: 100%;
  background-color: #1c1c28;
  padding: 30px;
  border-radius: 5px;
  overflow: auto;
  max-height: 700px;
  height: 100%;
  position: relative;
  align-content: center;
}
.theme-light .login-modal{
  background-color: #fff;
}
.login-modal h6{
  font-size: 32px;
  font-weight: 600;
  text-align: center;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
}
.login-modal .login_tabs{
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-radius: 4px;
  margin-bottom: 20px;
}
.login-modal .login_tabs a{
  text-align: center;
  padding: 10px;
  font-size: 18px;
  display: block;
  width: 100%;
  background-color: #23242a;
}
.theme-light .login-modal .login_tabs a{
  background-color: rgb(18 31 89 / 0.1);
}
.login-modal .login_tabs li:first-of-type a{
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}
.login-modal .login_tabs li:last-of-type a{
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}
.login_tabs li.active a{
  background: linear-gradient(96deg, #ffa335 22.56%, #f16517 90.24%);
}
.theme-light .login_tabs li.active a{
  color: white;
}
.login-btn{
  background-color: #146480  !important;
}
.tab_content .btn-primary{
  padding: 8px !important;
  font-size: 20px !important;
  line-height: 1.5 !important;
  border: unset !important;
  width: 100% !important;
}
.custom-checkbox {
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
}
.custom-checkbox input {
  display: none;
}
.custom-checkbox label{
  margin-bottom: 0 !important;
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 4px;
}
.custom-checkbox .checkmark {
  width: 20px;
  height: 20px;
  border: 2px solid #ccc;
  border-radius: 4px;
  margin-right: 8px;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-checkbox input:checked ~ .checkmark {
  background-color: #146480;
  border-color: #146480;
}
.custom-checkbox .checkmark::after {
  content: '';
  width: 6px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: scale(0) rotate(45deg);
  transition: all 0.2s ease;
}
.custom-checkbox input:checked ~ .checkmark::after {
  transform: scale(1) rotate(45deg);
}
.login-modal .show_hide_password .btn{
  background-color: #146480;
  color: white;
  box-shadow: unset !important;
  border: unset !important;
  width: 50px;
}
#registerBtn{
  background-color: #ffa335  !important;
}
.webhosting_tabs{
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid rgb(55 55 55 / 0.9);
  background-color: rgb(19 21 24 / 0.4);
  width: max-content;
  margin: 0 auto;
  border-radius: 50px;
  overflow: hidden;
  padding: 5px;
}
.webhosting_tab{
  display: inline-block;
  padding: 20px 50px;
  cursor: pointer;
  text-decoration: none;
  outline: none !important;
  box-shadow: none !important;
  border: none;
  font-size: 22px;
  border-radius: 50px;
  background-color: transparent;
  border: 1px solid transparent;
}
.webhosting_tabs-container{
  overflow: auto;
  margin-bottom: 40px;
}
.theme-light .webhosting_tabs{
  border-color: #d1e2e9;
  background-color: rgba(244, 244, 244, 0.2);
}
.webhosting_tab.active {
  border-color: #3b94b5;
  color: #fff;
}
.custom-tab_content {
  margin-top: 20px;
}
.custom-tab {
  display: none;
}
.custom-tab.active {
  display: block;
}


@media all and (max-width: 1400px) {
  .webhosting .panel h1{
    font-size: 35px;
  }
  .vps_cards .vps_card{
    grid-template-columns: 2fr 0.8fr 0.8fr 0.8fr 0.8fr 0.8fr 0.8fr 1.5fr 2fr;
  }
  .service_card .card_content {
    height: 150px;
  }
  .domains_search.homepage .domains_row {
    padding-top: 75px;
  }
  .domains_search.homepage .nft_text {
    padding: 10px 20px 10px 10px;
  }
  .header_menu .menu_list {
    gap: 0 50px;
    .plans_list .plan_item .item_action a {
      padding: 10px;
    }
    .servers .plans_list .plan_item .content_item {
      padding: 0;
    }
    .useful.servers .useful_row .item {
      width: calc(33.33% - 20px);
    }
    .vps_cards .vps_card .card_title {
      font-size: 24px;
    }
    .vps_cards .vps_card {
      padding: 20px;
      grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1.8fr;
    }
    .licence_images .section_title {
      margin-bottom: 40px;
    }
    .product_card .card_name {
      font-size: 36px;
    }
    .product_card .card_info .price h1 {
      font-size: 36px;
    }
    .domains_search.domains {
      padding: 40px 0;
    }
    .domain-names-intro .section_header {
      margin-bottom: 60px;
    }
    .domain-names-intro {
      padding: 40px 0;
    }
    .ssl_advantages .section_title {
      margin-bottom: 40px;
    }
    .ssl_products .plan_item .plan_header > div:not(:first-child) {
      font-size: 15px;
    }
    .ssl_products .plan_item .plan_header,
    .ssl_products .plans_list_header {
      grid-template-columns: 2fr 1fr 1fr 1fr 1.5fr;
    }
    .ssl_products .plans_list_header .plan_description {
      font-size: 16px;
    }
    .ssl_products .plans_list_header .plan_description .sale_badge {
      right: -80px;
    }
    .ssl_products .plans_list {
      gap: 25px 0;
    }
    .ssl_products .plan_item .plan_header .plan_title {
      font-size: 16px;
    }
    .webhosting .the-price h1 {
      font-size: 36px;
    }
    .useful_row .item img {
      max-width: 90px;
    }
    .service_card .card_content {
      height: 150px;
    }
    .domains_category .domain_item .domain_price::before {
      left: 5px;
    }
    .domain_item .domain_price .price {
      font-size: 16px;
    }
    
    
    .news .news_row {
      gap: 30px 0;
    }
    footer .footer_top .footer_col {
      width: calc(23% - 30px);
    }
    footer .footer_top .footer_col.footer_contacts {
      width: calc(35% - 30px);
    }
    .colocation_swiper .swiper {
      padding: 0 15px;
    }
    .colocation_swiper .swiper_navs {
      display: block;
    }
  }
  header .header_top .search_panel form{
    flex: 1;
  }
  .panel_footer .vps-test-btn {
    padding: 15px 10px !important;
    font-size: 14px;
  }
  .domain_item .domain_price .price{
    font-size: 15px;
  }
  .domain_item{
    padding: 20px;
  }
}
@media all and (max-width: 1200px) {
  .sidebar-collapsed{
    display: none !important;
  }
  .noanswer{
    flex-direction: column;
  }
  .section_title {
    font-size: 36px;
  }
  .vacancy_item .vacancy_texts .vacancy_name{
    font-size: 24px;
  }
  .resellers_card .card_title{
    font-size: 24px;
  }
  .resellers_card .card_body{
    font-size: 16px;
  }
  .vacancies_accordion .vacancy_item{
    padding: 25px;
  }
  .item_content .content_item ul{
    padding-left: 15px;
  }
  header .header_top .right_items {
    gap: 0 15px;
  }
  .right_items .user_actions .main_nav {
    gap: 0 15px;
  }
  .header_promotion_link{
    font-size: 12px;
  }
  .footer_col.footer_contacts .payments ul {
    max-width: 100%;
    grid-template-columns: 50% 50%;
  }
  .right_items .user_actions li.active .dropdown {
    top: 42px;
    padding: 16px;
  }
  .right_items .user_actions .dropdown {
    gap: 10px 0;
  }
  .right_items .notifications_head .notification_alert {
    display: none;
  }
  .vps_cards .vps_card .card_price {
    width: 155px;
    font-size: 16px;
  }
  .vps_cards .vps_card {
    padding: 20px 16px;
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 3fr;
  }
  .vps_cards .vps_card .os_select .current{
    min-width: 120px;
    max-width: 120px;
  }
  .vps_cards .vps_card .card_action a {
    font-size: 14px;
    padding: 10px;
  }
  .vps_cards .vps_card .card_info .title {
    font-size: 16px;
  }
  .vps_cards .vps_card .card_title {
    font-size: 20px;
  }
  .useful_options .options_swiper .col_item {
    padding: 16px;
  }
  .option_card .card_body .card_content {
    font-size: 18px;
  }
  .useful.vps .useful_row .item {
    flex: 0 0 auto;
    width: calc(40% - 10px);
  }
  .contact_page .col_item.map {
    overflow: auto;
  }
  .contact_page .col_item.map .map {
    height: 100%;
  }
  .contact_page {
    padding: 60px 0;
  }
  .contact_page .col_item {
    padding: 30px 20px;
  }
  .contact_page .col_item .col_title,
  .contact_page .col_item .item_block .item_title {
    font-size: 22px;
  }
  .contact_page .col_item .item_block .item_title {
    margin-bottom: 15px;
  }
  .contact_page .col_item .item_block .title {
    font-size: 18px;
  }
  .contact_page .col_item .item_block {
    margin-bottom: 20px;
  }
  .useful.colocation .useful_row .item {
    width: calc(40% - 10px);
  }
  .useful .row .row_item .title i {
    font-size: 24px;
  }
  
  .clouds .cloud_row {
    gap: 30px 0;
  }
  .product_card .card_name {
    font-size: 32px;
  }
  .product_card .card_info .price h1 {
    font-size: 32px;
  }
  .product_card .card_action a {
    font-size: 18px;
  }
  .advantages .gallery_card .card_title {
    font-size: 18px;
  }
  .domains_category .category_tabs .btn_list {
    max-width: inherit;
    margin-bottom: 30px;
  }
  .domains_list .domain_item {
    height: 150px;
  }
  .domain_item .domain_name {
    font-size: 28px;
  }
  .domain-names-intro .section_header .item_row .item {
    width: calc(50% - 10px);
  }
  .domain-names-intro .section_header .item_row {
    gap: 0;
    justify-content: space-between;
  }
  .domain-names-intro .section_header .item_row .item_image img {
    width: 80px;
    height: 80px;
  }
  .ssl_advantages .col_item .title {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .ssl_advantages .col_item .description {
    max-width: 100%;
  }
  .sidebar_widget .sidebar_widget .item_title {
    font-size: 18px;
  }
  .sidebar_widget .clear_filter button {
    width: 100%;
  }
  .ssl_products .sidebar_widget .options {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .ssl_products .sidebar_widget .option_item {
    flex: 0 0 auto;
    width: calc(50% - 10px);
  }
  .tabs_container {
    flex-direction: column;
    gap: 30px 0;
  }
  .header_texts .section_description {
    margin-bottom: 40px;
  }
  .banner .banner_wrapper {
    padding: 30px 250px 30px 30px;
  }
  .useful .useful_row {
    flex-wrap: wrap;
    gap: 20px 0;
    margin-bottom: 30px;
    justify-content: space-between;
  }
  .cms_support .section_title {
    margin-bottom: 40px;
  }
  .useful .useful_row .item {
    flex: 0 0 auto;
    width: calc(33.33% - 10px);
  }
  .useful_row .item img {
    max-width: 120px;
    max-height: 80px;
  }
  .service_card .card_content {
    height: 175px;
  }
  .header_menu .menu_list {
    gap: 0 40px;
  }
  
  
  .callback {
    margin-bottom: 80px;
  }
  .callback .callback_title {
    font-size: 36px;
  }
  .callback form .send_btn {
    padding: 16px 50px;
  }
  .callback .callback_subtitle {
    font-size: 24px;
  }
  
  .service_card .card_header .card_name {
    font-size: 25px;
  }
  .service_card .card_header .card_info {
    padding: 15px 0;
  }
  .service_card .card_header .card_icon img ,
  .service_card .card_header .card_icon svg {
    width: 110px;
    height: 110px;
  }
  .service_card .card_action .action_btn {
    padding: 10px 0;
    width: 100%;
  }
  .advantages .advantage_image::before {
    width: 400px;
    height: 400px;
  }
  .advantages .advantages_texts {
    width: calc(50% - 20px);
  }
  .advantages .advantage_image {
    width: calc(50% - 20px);
  }
  .advantages .advantage_image img {
    max-width: 100%;
  }
  .advantages .advantages_texts .title {
    font-size: 36px;
  }
  .clients {
    padding: 200px 0;
  }
  .news {
    margin-bottom: 60px;
  }
  .news .news_row {
    gap: 20px 0;
  }
  .news .section_header {
    margin-bottom: 40px;
  }
  .testimonials {
    margin-bottom: 60px;
  }
  .testimonials .section_header::after {
    width: 200px;
    height: 200px;
  }
  .testimonials .container::before {
    width: 120px;
    height: 120px;
  }
  .header_menu .header_items {
    gap: 0 25px;
  }
  .menu_list li .main_link {
    font-size: 14px;
    height: 70px;
  }
  .callback::before {
    width: 800px;
    height: 800px;
  }
  footer .footer_top .footer_col {
    width: calc(25% - 20px);
  }
  footer .footer_top .footer_col.footer_contacts {
    width: calc(25% - 20px);
  }
  .footer_col.footer_contacts .payments {
    gap: 10px;
  }
  .vps-config_oc--cards,
  .vps-config_options{
    grid-template-columns: repeat(1, 1fr);
  }
  .vps-config_tarifs,
  .colocation-options,
  .colocation-options .server-accordion_content{
    grid-template-columns: repeat(2, 1fr);
  }
  .colocation-options .server-accordion{
    grid-column: 1 / span 2;
  }
  .vps-config_options .align-items-end{
    align-items: start !important;
  }
  .vpsConfigRangeSlider .slider_range{
    min-width: 360px;
  }
  .lg-gap-3{
    gap: 30px;
  }
  .promotions .promotion_card .card_title{
    margin-top: unset;
  }
  .promotion_card .card_title .yellow_text{
    font-size: 64px;
  }
  .promotions .promotion_card.second_card .yellow_text{
    font-size: 46px;
  }
  .promotions .promotion_card .card_title{
    font-size: 36px;
  }
  .promotions .promotion_card.second_card .card_title{
    font-size: 22px;
    width: 60%;
  }
  .promotions .promotion_card{
    height: 100%;
  }
  .domains_search.homepage .domains_row{
    padding-top: 50px;
  }
}
@media all and (max-width: 992px) {
  .promotions .promotion_card.second_card .card_title{
    width: 100%;
  }
  .webhosting .panel h1{
    font-size: 30px;
  }
  .relocation-cards{
    grid-template-columns: repeat(2, 1fr);
  }
  .domains_names .section_header .item_row{
    flex-wrap: wrap;
    gap: 20px;
  }
  .domains_names .section_header .item_row .item{
    width: calc(50% - 10px);
  }
  .auction-tabs{
    justify-content: unset;
  }
  .servers-options,
  .server-accordion_content{
    grid-template-columns: repeat(2, 1fr);
  }
  .server-accordion{
    grid-column: 1 / span 2;
  }
  header.clientarea_header .right_items .user_actions .main_nav, header.clientarea_header .header_right, header.clientarea_header .header_menu .header_actions{
    gap: 0 25px;
  }
  header.clientarea_header .header_row{
    padding: 0;
  }
  .ssl_products .plan_item .plan_header .plan_title .plan_badge{
    display: none;
  }
  
  header .header_top .search_panel{
    display: none;
  }
  .faqs .main_row{
    gap: 30px 0;
  }
  .webhosting .webhosting_periods ul li{
    width: auto;
    flex: 1;
  }
  .webhosting .webhosting_periods ul{
    width: 100%;
  }
  .webhosting .webhosting_periods ul li .sales_badge{
    display: none;
  }
  .webhosting .panel-title{
    font-size: 28px;
  }
  .webhosting h1{
    font-size: 32px;
  }
  .webhosting .panel .panel-heading{
    padding: 20px 10px;
  }
  .webhosting .table_wrapper{
    overflow: auto;
  }
  .webhosting .panel.top .panel_badge{
    display: none;
  }
  header .header_contacts.active .contacts_wrapper {
    padding: 15px;
  }
  .header_contacts .contacts_block:not(:last-child) {
    padding-bottom: 10px;
  }
  header .header_top .right_items.logged .user_actions .dropdown_nav {
    padding: 0;
  }
  header .header_contacts .contacts_wrapper {
    gap: 10px 0;
  }
  .header_contacts .contacts_wrapper .contacts_title {
    font-size: 14px;
  }
  .header_contacts .contacts_links a {
    font-size: 14px;
    padding: 8px 0;
  }
  header .header_top .right_items.logged {
    gap: 0 30px;
  }
  .plans_date li .sales_badge {
    display: none;
  }
  .servers .plans_list .plan_item .price_item {
    font-size: 14px;
  }
  .servers .plans_list .plan_item {
    padding: 20px 16px;
  }
  .servers .tabs_container {
    padding: 30px 20px;
  }
  .plans_list .plan_item .item_action a {
    font-size: 14px;
  }
  .servers .sidebar_widget .sidebar_widget .item_title {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .servers .tabs_container .sidebar {
    gap: 15px 0;
  }
  .plans_list .plan_item .content_item .title {
    font-size: 18px;
  }
  .servers .plans_list .plan_item .content_item,
  .servers .plans_list .plan_item .content_item p {
    font-size: 14px;
  }
  .servers .plans_list .plan_item .item_content {
    grid-template-columns: 3fr 1fr 2fr 1.5fr 1fr;
    gap: 0 6px;
  }
  .useful.servers .useful_row .item {
    width: calc(50% - 10px);
  }
  .useful.servers .useful_row .item:last-child {
    width: 100%;
  }
  .vps_cards .vps_card {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 0;
  }
  .vps_cards .vps_card.master .vps_badge ,
  .vps_cards .vps-config_tarif.master .vps_badge{
    font-size: 14px;
  }
  .vps_cards .cards_tab ul li .sales_badge span,
  .product_section .cards_tab ul li .sales_badge span {
    display: none;
  }
  .vps_cards .vps_card .card_title {
    width: calc(50% - 10px);
    justify-content: flex-start;
    order: 1;
    align-items: flex-start;
    font-weight: 500;
  }
  .vps_cards .vps_card .card_select {
    flex: 0 0 auto;
    width: calc(33% - 10px) !important;
    order: 3 !important;
  }
  .vps_cards .vps_card .card_select .custom_select{
    width: 100%;
  }
  .vps_cards .vps_card .card_select .custom_select {
    height: 40px;
  }
  .vps_cards .vps_card .card_info {
    order: 3;
    flex: 0 0 auto;
    width: calc(10% - 10px);
  }
  .vps_cards .vps_card:hover{
    transform: inherit;
  }
  .vps_cards .vps_card .card_action.column{
    justify-content: flex-end;
    width: calc(33% - 10px)
  }
  .vps_cards .vps_card .card_action.column a{
    margin: inherit;
    width: 100%;
  }
  .vps_cards .vps_card .card_action {
    flex: 0 0 auto;
    order: 3;

  }
  .vps_cards .vps_card .card_price {
    flex: 0 0 auto;
    order: 3;
  }
  .vps_cards .cards_tab ul li,
  .product_section .cards_tab ul li {
    flex: 1;
  }
  .vps_cards .cards_tab ul,
  .product_section .cards_tab ul {
    width: 100%;
  }
  .useful_options .options_swiper .swiper-pagination {
    display: block;
  }
  .useful_options .options_swiper .swiper {
    padding: 0;
  }
  .useful_options .options_swiper .swiper_navs {
    display: none;
  }
  .option_card .card_body .card_content {
    font-size: 16px;
  }
  .option_card .card_body {
    margin-bottom: 20px;
  }
  .option_card .card_body .card_image img {
    width: 90px;
    height: 90px;
  }
  .useful.vps .useful_row .item {
    flex: 0 0 auto;
    width: calc(50% - 10px);
    height: auto;
    font-size: 14px;
    padding: 16px;
  }
  .contact_page {
    padding: 40px 0;
  }
  .contact_page .col_item.map .map {
    height: 90%;
  }
  .contact_page .col_item.map {
    min-height: 600px;
    overflow: auto;
  }
  .contact_page .col_item .item_block .phones {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .contact_page .col_item .item_block .title {
    font-size: 16px;
    font-weight: 500;
  }
  .contact_page .col_item .item_block .contact_wrapper a {
    flex: 0 0 auto;
    width: calc(50% - 10px);
  }
  .contact_page .contacts_row {
    gap: 30px 0;
  }
  .contact_page .col_item .col_title,
  .contact_page .col_item .item_block .item_title {
    font-size: 20px;
  }
  .useful.colocation .useful_row .item {
    width: calc(50% - 10px);
    height: auto;
    font-size: 14px;
    padding: 16px;
  }
  .useful .row .row_item ul li p br {
    display: none;
  }
  .header_items .language li.active .submenu {
    top: 44px;
  }
  
  .clouds .cloud_advantages .title {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .licence .more_btn span {
    font-size: 18px;
  }
  .licence table tbody tr td:nth-child(4) {
    white-space: nowrap;
  }
  .licence_images .section_title {
    margin-bottom: 30px;
  }
  .custom_table {
    font-size: 14px;
  }
  .custom_table tbody td {
    padding: 12px;
  }
  .administration_table .custom_table {
    font-size: 14px;
  }
  .licence table td a,
  .administration_table td a {
    font-size: 14px;
    padding: 8px 10px;
    white-space: nowrap;
  }
  .administration .administration_bottom .title {
    font-size: 16px;
    margin: 20px 0;
  }
  .administration .administration_bottom .action a {
    padding: 10px 20px;
  }
  .administration_table .custom_table thead td {
    white-space: nowrap;
  }
  .products_swiper .swiper_navs {
    display: block;
  }
  .domains_search.domains .domains_bottom a {
    font-size: 18px;
  }
  .domain-names-intro h2.intro {
    margin-bottom: 20px;
  }
  .domain-names-intro p.intro {
    margin-bottom: 30px;
  }
  .domain-names-intro .section_header {
    margin-bottom: 40px;
  }
  .ssl_advantages .section_title {
    margin-bottom: 30px;
  }
  .ssl_advantages .col_item {
    padding: 20px;
  }
  .ssl_advantages .col_item .title {
    font-size: 18px;
  }
  .ssl_products .plans_list_header {
    display: none;
  }
  .plans_header {
    padding: 16px;
  }
  .ssl_products .plan_item .plan_header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px 0;
  }
  .ssl_products .plan_item .plan_header .plan_type {
    display: none;
  }
  .ssl_products .plan_item .plan_header .plan_price,
  .ssl_products .plan_item .plan_header .plan_biennially_price {
    width: 35%;
    display: flex;
    align-items: center;
    gap: 0 5px;
  }
  .ssl_products .plan_item .plan_header .plan_price .date,
  .ssl_products .plan_item .plan_header .plan_biennially_price .date {
    display: block;
  }
  .ssl_products .plan_item .plan_header .plan_title {
    width: 100%;
  }
  .header_texts .section_description {
    margin-bottom: 30px;
    font-size: 20px;
  }
  .intro_block .intro_row {
    gap: 20px 0;
  }
  .intro_block .intro_item i {
    font-size: 24px;
  }
  .banner .banner_title {
    font-size: 32px;
  }
  .banner .banner_wrapper {
    padding-right: 200px;
  }
  .banner .banner_text {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .useful .section_title,
  .cms_support .section_title {
    text-align: left !important;
  }
  .cms_support .section_title {
    margin-bottom: 30px;
  }
  .cms_support .options_row {
    gap: 0 20px;
  }
  .clients {
    padding: 170px 0;
  }
  .webhostingintro {
    padding: 20px 0;
  }
  .webhostingintro i.fas,
  .webhostingintro i.far,
  .webhostingintro i.fal,
  .webhostingintro i.fab {
    font-size: 24px;
    padding: 0;
  }
  .useful .row {
    gap: 20px 0;
  }
  .webhostingintro .row {
    gap: 10px 0;
  }
  .cookie-alert .cookie_wrapper {
    padding: 15px 12px;
  }
  .back-to-top {
    left: 25px;
  }
  .back-to-top.active {
    bottom: 40px;
  }
  .cookie-alert button {
    padding: 10px 16px;
  }
  
  
  .callback {
    margin-bottom: 60px;
  }
  .callback .callback_title {
    font-size: 32px;
  }
  .callback .callback_subtitle {
    font-size: 20px;
  }
  .callback form .inputs > div {
    height: 50px;
    width: calc(33.33% - 12px);
  }
  .callback form .inputs input {
    padding: 0 20px;
  }
  .callback form textarea {
    padding: 20px;
  }
  
  .service_card .card_content {
    height: auto;
    overflow: inherit;
  }
  .service_card .card_header .card_icon img ,
  .service_card .card_header .card_icon svg {
    width: 100px;
    height: 100px;
  }
  .service_card .card_header .card_name {
    font-size: 24px;
  }
  .service_card .card_header .card_info {
    font-size: 20px;
  }
  .advantages .advantage_image::before {
    width: 300px;
    height: 300px;
  }
  .advantages .advantages_texts {
    width: calc(50% - 10px);
  }
  .advantages .advantage_image {
    width: calc(50% - 10px);
  }
  .advantages .advantages_texts .title {
    font-size: 32px;
    margin-bottom: 15px;
  }
  .advantages .advantages_texts .subtitle {
    font-size: 18px;
  }
  .clients .section_header {
    margin-bottom: 20px;
  }
  .news .news_item .item_title {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .news .section_header .header_action a {
    padding: 10px 40px;
  }
  .section_title {
    font-size: 32px;
  }
  .section_header .swiper_navs > div {
    width: 36px;
    height: 36px;
  }
  .testimonials .testimonials_item {
    padding: 20px;
  }
  .testimonials .testimonials_item .testimonial_name {
    font-size: 18px;
  }
  .testimonials .testimonials_item .testimonials_content {
    font-size: 14px;
  }
 
  header .header_menu {
    padding: 12px 0;
  }
  header .header_top .right_items {
    gap: 0 40px;
  }
  .callback::before {
    width: 600px;
    height: 600px;
  }
  footer .footer_top .footer_col {
    width: calc(50% - 15px);
  }
  footer .footer_top .footer_col.footer_contacts {
    width: calc(50% - 15px);
  }
  footer .footer_top {
    padding: 30px 0;
  }
  .footer_col.footer_contacts .contacts {
    margin-bottom: 20px;
  }
  footer .footer_top .top_row {
    gap: 30px 0;
  }
  .footer_col.footer_contacts .payments img {
    max-width: 70px;
  }
  
  .header_top .container::before,
  .header_top .container::after {
    display: none;
  }
  .header_top .container .row::after {
    display: none;
  }
  .vpsConfigRange{
    flex-direction: column;
  }
  .vpsConfigRangeSlider{
    justify-content: start;
  }
  .vpsConfigRangeSlider{
    width: unset;
  }
  .vpsConfigRangeSlider .slider_range{
    min-width: 300px;
  }
  .colocation-container{
    grid-template-columns: 100%;
    gap: 30px;
  }
  .footer_col:nth-of-type(1){
    order: 1;
  }
  .footer_col:nth-of-type(2){
    order: 3;
  }
  .footer_col:nth-of-type(3){
    order: 4;
  }
  .footer_col:nth-of-type(4){
    order: 2;
  }
  .footer_bottom img{
    max-width: 50px;
  }
}
@media all and (max-width: 768px) {
  .cloud-callback .send{
    flex-direction: column;
    gap: 20px;
  }
  .form-upload_file{
    margin-right: unset;
  }
  .md\:d-none{
    display: none;
  }
  .colocation-options .server-accordion_content,
  .colocation-options,
  .colocation-cards{
    grid-template-columns: 100%;
  }
  .colocation-options .server-accordion{
    grid-column: 1 / span 1;
  }
  .domains_bottom_row{
    gap: 20px;
  }
  .news .section_header {
    margin-bottom: 30px;
  }
  .vacancy_item .vacancy_texts .vacancy_name{
    font-size: 20px;
  }
  .vacancies_accordion .vacancy_item{
    padding: 20px;
  }
  .vacancy_item .item_main .vacancy_infos{
    margin-bottom: 25px;
  }
  .vacancy_item .vacancy_infos .item_action svg{
    width: 30px;
    height: 30px;
  }
  .right_items .user_actions .main_nav .user_name span,
  .right_items .user_actions .main_nav .notifications{
    display: none;
  }
  .domains_search.homepage form .buttons{
    gap: 0 10px;
  }
  .webhosting .webhosting_periods ul li{
    padding: 10px;
    white-space: nowrap;
  }
  .domains_search.homepage form button.check_btn{
    width: auto;
  }
  .domains_search.homepage form input{
    padding-right: 190px;
  }
  .domains_search.homepage form button.whois_btn{
    right: 105px;
    width: 70px;
  }
  .domains_search.homepage .domains_row {
    padding-top: 25px;
  }
  .domains_search.homepage .nft_text {
    position: static;
    border-radius: 5px;
    width: 100%;
    margin-bottom: 30px;
    padding: 10px;
  }
  .plesk_options .options_row {
    gap: 20px 0;
  }
  .colocation_swiper .swiper_navs {
    display: none;
  }
  .colocation_swiper .swiper {
    padding: 0;
  }
  header .header_right .header_contacts {
    display: none;
  }
  .right_items.logged .phone {
    display: none;
  }
  .right_items.logged .dropdown_nav.notifications_head .title {
    display: none;
  }
  .header_top .row {
    justify-content: space-between;
  }
  .servers .plans_header .results {
    font-size: 18px;
  }
  .servers .plans_date li {
    height: 36px;
    min-width: 100px;
    white-space: nowrap;
  }
  .servers .plans_list .plan_item .item_title {
    font-size: 20px;
    top: -14px;
  }
  .servers .plans_list .plan_item .item_content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 15px 0;
  }
  .servers .plans_list .plan_item .item_content .content_item:first-child {
    width: 100%;
  }
  .tabs_container .sidebar {
    gap: 15px 0;
  }
  .vps_cards .vps_card .card_info {
    width: calc(10% - 5px);
  }
  .vps_cards .vps_card .card_select,
  .vps_cards .vps_card .card_action.column{
    width: calc(33.33% - 5px) !important;
  }
  .vps_cards .vps_card .card_action.column .price{
    font-size: 16px;
  }
  .vps_cards .vps_card .card_price {
    width: auto;
  }
  .vps_cards .cards_tab ul li, .product_section .cards_tab ul li{
    font-size: 14px;
  }
  .vps_cards .cards_tab ul li .sales_badge, .product_section .cards_tab .sales_badge{
    display: none;
  }
  .useful_options .col_item .item_title {
    font-size: 22px;
  }
  .options_swiper .col_item .item_header {
    margin-bottom: 30px;
  }
 
  .clouds .cloud_row .row {
    gap: 20px 0;
  }
  .licence .licence_wrapper {
    gap: 30px 0;
  }
  .licence .compare_plans table.active {
    display: block !important;
    overflow: auto;
  }
  .licence .compare_plans table thead td {
    white-space: nowrap;
  }
  .licence .more_btn span {
    font-size: 16px;
  }
  .licence .licence_infos .custom_table {
    display: block !important;
    overflow: auto;
  }
  .licence table tbody tr td:nth-child(1) {
    min-width: 150px;
  }
  .licence_images .images_row {
    gap: 30px 0;
    margin: 0;
  }
  .plan_list .more_btn span {
    font-size: 16px;
  }
  .plan_list .table_container table.active {
    display: block !important;
    overflow: auto;
  }
  .webhosting .table > tbody > tr > td {
    font-size: 14px;
  }
  .products_swiper .swiper_navs {
    display: none;
  }
  .advantages .advantages_row {
    gap: 15px 0;
  }
 
  .domain-names-intro h2.intro {
    font-size: 24px;
  }
  .domains_list .domain_item {
    height: 140px;
    padding: 20px;
  }
  .domain_item .badge_alert {
    font-size: 14px;
  }
  .domain_item .domain_name {
    font-size: 24px;
  }
  .domains_list .list_item {
    gap: 15px 0;
  }
  .domains_category .category_tabs {
    display: flex;
    flex-direction: column;
    gap: 30px 0;
  }
  .domains_category .category_tabs {
    margin-bottom: 0;
  }
  .domains_category .category_tabs .btn_list {
    display: none !important;
  }
  .custom_select.domains {
    display: flex;
  }
  .domains_search.domains .domains_bottom a {
    font-size: 16px;
  }
  .domains_search.domains form input{
    padding-right: 190px;
  }
  .domains_search.domains form button{
    width: auto !important;
  }
  .domains_search.domains form button svg {
    display: none;
  }
  .domain-names-intro .section_header .title {
    font-size: 28px;
  }
  .domain-names-intro .section_header .item_row .item_image img {
    width: 60px;
    height: 60px;
  }
  .domain-names-intro .section_header .item_row .item {
    width: calc(50% - 5px);
    padding: 16px;
  }
  .tabs_container {
    padding: 20px;
    gap: 20px 0;
  }
  .ssl_products .plan_item .plan_header {
    padding: 10px 20px;
  }
  .ssl_products .plan_item .plan_content {
    padding: 20px 0;
    margin: 0 20px;
  }
  .ssl_products .plan_item .plan_header .plan_price,
  .ssl_products .plan_item .plan_header .plan_biennially_price {
    width: calc(50% - 10px);
  }
  .ssl_products .plan_item .plan_action a {
    font-size: 14px;
    padding: 5px 10px;
  }
  .ssl_products .plan_item .plan_content .text {
    font-size: 14px;
  }
  .header_texts .section_description {
    font-size: 18px;
  }
  .intro_block .intro_row {
    gap: 15px 0;
  }
  .banner .banner_wrapper {
    background-image: none;
    padding: 30px;
  }
  .banner .banner_text {
    max-width: 100%;
  }
  .banner .banner_action a {
    font-size: 16px;
  }
  .banner .banner_title {
    font-size: 28px;
  }
  .cms_support .options_row .col_item {
    flex: 0 0 auto;
    width: calc(50% - 10px);
  }
  .cms_support .options_row {
    flex-wrap: wrap;
    gap: 20px 0;
    justify-content: space-between;
  }
  .useful .useful_row .item {
    width: calc(50% - 10px);
  }
  .useful .options .custom_table td {
    font-size: 14px;
  }
  .useful .options table tr td:not(.center) i {
    margin: 0;
  }
  .document_wrapper .section_title {
    font-size: 28px;
  }
  .document_wrapper .content_item .item_title {
    font-size: 20px;
  }
  .clients {
    padding: 170px 0;
  }
  .document_wrapper {
    padding-bottom: 20px;
  }
  .callback form .inputs > div {
    width: 100%;
  }
  .callback form .inputs input {
    height: 50px;
  }
  .back-to-top.active {
    bottom: 25px;
  }
  .cookie-alert .cookie_wrapper {
    flex-direction: column;
  }
  .breadcrumbs {
    padding: 14px 0;
  }
  .breadcrumbs li,
  .breadcrumbs li a {
    font-size: 14px;
  }
  .cookie-alert .cookie_content {
    margin-bottom: 15px;
    font-size: 14px;
  }
  html.theme-light .cookie-alert button {
    font-size: 14px;
  }
  .cookie-alert {
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 100%;
  }
 
  
  .callback .callback_title {
    font-size: 28px;
  }
  .callback .callback_subtitle {
    font-size: 18px;
    margin: 10px 0 20px 0;
  }
  .callback form .inputs {
    flex-direction: column;
    gap: 20px 0;
  }
  .callback form .send {
    justify-content: flex-start !important;
  }
  .callback form .inputs > input {
    width: 100%;
  }
  .service_card .card_action .action_btn {
    padding: 12px 35px;
    width: fit-content;
  }
  .advantages .advantages_texts .title {
    font-size: 28px;
  }
  .advantages .advantages_texts .subtitle {
    font-size: 16px;
  }
  .advantages .advantages_row {
    flex-direction: column;
  }
  .advantages .advantage_image img {
    max-width: 80%;
  }
  .advantages .advantages_texts,
  .advantages .advantage_image {
    width: 100%;
  }
  .clients .slide_item img {
    max-width: 120px;
  }
  .news .section_header .header_action a {
    font-size: 15px;
    padding: 8px 30px;
    height: 35px;
  }
  .news .news_item .item_title {
    font-size: 16px;
  }
  .news .news_item {
    padding: 15px;
  }
  
  .testimonials .section_header::after {
    width: 170px;
    height: 170px;
  }
  .section_title {
    font-size: 28px;
  }
  
  .right_items .user_actions .login::before {
    right: -15px;
  }
  header .header_top .row {
    padding: 10px 0;
  }
  .header_menu .header_row .logo img {
    width: 180px;
  }
  .header_top .right_items .user_actions {
    gap: 0 30px;
  }
  header .header_top .right_items {
    gap: 0 30px;
  }
  .footer_top .footer_col .footer_menu li:not(:last-child) {
    margin-bottom: 10px;
  }
  .footer_col.footer_contacts .contacts {
    margin-bottom: 15px;
  }
  .footer_col.footer_contacts .contacts a:not(:last-child) {
    margin-bottom: 10px;
  }
  .vps-container{
    flex-direction: column;
  }
  .vps-config,
  .vps-results{
    width: 100%;
  }
}
@media all and (max-width: 576px) {
  .header-callcenter_link{
    display: none !important;
  }
  .footer_col{
    order: unset !important;
  }
  .custom-switch{
    display: none !important;
  }
  .latest-news_container{
    display: block;
  }
  .promotions .promotion_card{
    padding-bottom: 50px;
  }
  .promotions .promotion_card img{
    width: 33%;
  }
  .promotions .promotion_card.third_card .yellow_text {
      font-size: 40px;
  }
  .vps_cards .vps_card .card_info .info_item{
    min-height: 20px;
    height: unset;
    flex-wrap: wrap;
  }
  .header-mobile_login{
    display: block;
  }
  .header_top{
    display: none;
  }
  .sm\:justify-content-center{
    justify-content: center !important;
  }
  .header-contact_phone{
    display: block;
  }
  .header-contact_phone--menu{
    display: none;
  }
  .header-callcenter_link--info{
    display: none;
  }
  .chat-close_btn{
    top: -35px;
    left: 0;
  }
  .footer-socials{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .your-tp-text{
    display: none;
  }
  .footer_bottom .copyright{
    text-align: center;
  }
  footer .footer_bottom{
    padding: 30px 0;
  }
  .copyright{
    flex-direction: column;
    gap: 10px;
  }
  .noanswer-img,
  .noanswer{
    flex-direction: column;
    text-align: center;
  }
  .checkout-gateways{
    grid-template-columns: repeat(2, 1fr);
  }
  .gateway-label .gateway-logo{
    max-width: 100px;
  }
  .footer-footer{
    row-gap: 10px;
  }
  .footer-footer .text-center{
    text-align: right !important;
  }
  .punycode{
    grid-template-columns: 100%;
  }
  .administration-tarifs,
  .administration-advantages{
    grid-template-columns: 1fr;
  }
  #reservationFree{
    flex-direction: column;
    gap: 15px;
  }
  .g-col-2{
    grid-template-columns: repeat(1, 1fr);
  }
  .relocation-cards{
    grid-template-columns: repeat(1, 1fr);
  }
  .domains_names .section_header .item_row .item{
    width: 100%;
  }
  .servers-options, 
  .server-accordion_content{
    grid-template-columns: repeat(1, 1fr);
  }
  .server-accordion{
    grid-column: 1 / span 1;
  }
  .sm-w-100{
    width: 100% !important;
  }
  .servers-useful .useful_row .item{
    white-space: normal !important;
    gap: 15px;
  }
  .header_promotion_link{
    display: none;
  }
  .clients {
    padding: 150px 0;
  }
  .domains_search.domains .domains_bottom .item{
    font-size: 14px;
  }
  .domains_search.domains form button.whois_btn{
    display: none;
  }
  .right_items .user_actions li .login img{
    width: 26px;
  }
  
  header.clientarea_header .right_items .user_actions .main_nav, header.clientarea_header .header_right, header.clientarea_header .header_menu .header_actions{
    gap: 0 15px;
  }

  .homepage-section{
    display: flex;
    flex-direction: column;
  }
  .homepage-section .domains_search.homepage{
    order: 1;
  }
  .homepage-section > section{
    order: 2;
  }
  header .header_contacts{
    display: none !important;
  }
  .webhosting .webhosting_periods ul{
    width: fit-content;
  }
  .webhosting .webhosting_periods ul li{
    flex: 0 0 auto;
    white-space: nowrap;
    width: 100px;
  }
  .webhosting .webhosting_periods{
    overflow: auto;
  }
  .webhosting .webhosting_periods ul li .sales_badge{
    display: none;
  }
  .webhosting .panel .panel-heading{
    padding: 15px 0;
  }
  .webhosting .the-price{
    padding: 15px ;
  }
  .webhosting .panel-title{
    font-size: 24px;
  }
  .webhosting h1{
    font-size: 32px;
  }
  .vps_cards .vps_card .card_action.column{
    width: 100% !important;
  }
  .vps_cards .vps_card .card_select{
    width: calc(50% - 10px) !important;
  }
  .vps_cards .vps_card .card_info{
    width: calc(12% - 5px);
  }
  .vps_cards .vps_card .card_action,
  .vps_cards .vps_card .card_title,
  .vps_cards .vps_card .card_action a{
    width: 100%;
    display: inline-block;
    text-align: center;
  }
  
 
  .domains_search.homepage form button.whois_btn {
    right: 95px;
    width: 45px !important;
  }
  .domains_search.homepage  .domain_search .whois_btn{
    display: none;
  }
  .domains_search.homepage form input,
  .domains_search.domains form input{
    padding-right: 110px;
    padding-left: 15px;
  }
 
  .domains_search.homepage form .check_btn svg {
    width: 20px;
  }
  .domains_search.homepage form .whois_btn {
    font-size: 12px !important;
  }
  .hamburger_menu {
    width: 100%;
  }
  header .header_contacts .contacts_wrapper {
    left: 0;
  }
  header .header_contacts.active .contacts_wrapper {
    top: 35px;
  }
  .footer_col.footer_contacts .contacts .phone_title {
    font-size: 16px;
  }
  .footer_col.footer_contacts .contacts a {
    font-size: 16px;
  }
  .useful.vps .useful_table table.active {
    display: block !important;
  }
  .useful.vps .useful_table table tbody tr td:last-child {
    white-space: nowrap;
  }
  .right_items .user_actions li.active .dropdown {
    top: 36px;
  }
  .right_items .user_actions .dropdown {
    min-width: 250px;
  }
  .right_items.logged .phone {
    display: block;
  }
  .header_top .container .row .plans_header .sorting .title {
    display: none;
  }
  .servers .plans_list .plan_item .item_content .content_item:nth-child(2),
  .servers .plans_list .plan_item .item_content .content_item:nth-child(3) {
    width: calc(50% - 10px);
    text-align: left;
  }
  .useful.servers .useful_row .item {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: nowrap;
  }
  .vps_cards .vps_card .card_select .custom_select {
    height: 36px;
  }
  .vps_cards .cards_tab ul li .sales_badge,
  .product_section .cards_tab ul li .sales_badge {
    display: none;
  }
  .vps_cards .cards_tab ul,
  .product_section .cards_tab ul,
  .vps_cards .cards_tab ul li.last,
  .webhosting_periods ul,
  .webhosting_periods ul li.last{
    overflow: unset !important; 
  }
  .vps_cards .cards_tab ul li .sales_badge{
    top: -8px;
  }
  .webhosting .webhosting_periods ul li .sales_badge,
  .product_section .cards_tab .sales_badge{
    top: -6px;
  }
  .vps_cards .vps_card .card_price {
    order: 3;
  }
  .vps_cards .cards_tab ul,
  .product_section .cards_tab ul {
    padding: 0;
    flex-wrap: wrap;
  }
  .vps_cards .cards_tab ul li,
  .product_section .cards_tab ul li {
    width: auto;
    padding: 5px;
    font-size: 14px;
  }
  .useful_options .col_item .item_title {
    font-size: 20px;
  }
  .useful_options .col_item img {
    width: 50px;
    height: 50px;
  }
  .option_card .card_body .card_image img {
    width: 75px;
    height: 75px;
  }
  .useful.vps .useful_row .item {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: nowrap;
  }
  .contact_page .col_item .col_title,
  .contact_page .col_item .item_block .item_title {
    font-size: 18px;
  }
  .useful.colocation .useful_row .item {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: nowrap;
  }
  .clouds .cloud_advantages li {
    font-size: 14px;
  }
  .clouds .cloud_advantages li .icon svg {
    width: 18px;
    height: 18px;
  }
  .products_wrapper .plans_header {
    font-size: 14px;
    flex-wrap: wrap;
    gap: 10px 0;
  }
  .plans_header .sorting .dropdown .selected {
    padding-right: 20px;
  }
  .plans_header .sorting .dropdown .selected {
    gap: 0;
  }
  .header_items .language li.active .submenu {
    top: 40px;
  }
  
  .advantages .advantage_image::before {
    display: none !important;
  }
  .callback::before,
  .testimonials .container::before {
    display: none !important;
  }
  .clouds .cloud_advantages .title {
    font-size: 18px;
  }
  .custom_table {
    overflow: auto;
  }
  .administration_table .custom_table {
    display: block !important;
    overflow: auto;
  }
  .intro_block .intro_item i {
    font-size: 20px;
    padding-right: 15px;
  }
  .domains_search.domains form button {
    padding: 0 10px;
  }
  .domain-names-intro .section_header .title {
    font-size: 24px;
  }
  .domain-names-intro .section_header .item_row {
    flex-wrap: wrap;
    gap: 20px 0;
  }
  .domain-names-intro .section_header .item_row .item {
    width: 100%;
  }
  .ssl_advantages .col_item .title {
    font-size: 16px;
  }
  .ssl_advantages .col_item .description {
    font-size: 14px;
  }
  .sidebar_widget .clear_filter button {
    font-size: 15px;
    padding: 8px 15px;
  }
  .ssl_products .plan_item .plan_header .plan_price,
  .ssl_products .plan_item .plan_header .plan_biennially_price {
    width: 100%;
  }
  .ssl_products .plan_item .plan_action {
    position: absolute;
    right: 16px;
    bottom: 10px;
  }
  .ssl_products .plan_item .plan_header > div:not(:first-child) {
    font-size: 14px;
  }
  .ssl_products .plan_item .plan_header .plan_price {
    margin-bottom: 10px;
  }
  .ssl_products .plan_item .plan_content .vendor_image {
    display: none;
  }
  .ssl_products .plan_item .plan_header {
    gap: 0;
    position: relative;
    padding: 10px 16px;
  }
  .ssl_products .plan_item .plan_content .text {
    width: 100%;
  }
  .ssl_products .plan_item .plan_content {
    padding: 16px 0;
    margin: 0 16px;
  }
  .ssl_products .plan_item .plan_header .plan_title {
    margin-bottom: 15px;
  }
  .header_texts .section_description {
    margin-bottom: 20px;
    font-size: 16px;
  }
  .banner .banner_title {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .useful_row .item img {
    max-height: 55px;
  }
  .useful .options table.active {
    display: block !important;
    overflow: auto;
  }
  .useful .options .custom_table td {
    white-space: nowrap;
  }
  .useful {
    padding: 30px 0;
  }
  .useful .useful_row .item {
    width: calc(50% - 5px);
    flex-wrap: wrap;
    height: auto;
  }
  .useful .useful_row {
    gap: 10px 0;
    align-items: stretch !important;
  }
  .useful .useful_row {
    margin-bottom: 20px;
  }
  .useful .row .row_item .title {
    margin-bottom: 15px;
  }
  .document_wrapper .section_title {
    font-size: 24px;
  }
  .document_wrapper .description {
    margin-bottom: 15px;
  }
  .document_wrapper .content_item:not(:last-child) {
    margin-bottom: 20px;
  }
  .document_wrapper .content_item .item_title {
    font-size: 16px;
    font-weight: 600;
  }
  .document_wrapper .content_item ul {
    gap: 15px 0;
  }
  .documents_main .section_title {
    font-size: 24px;
  }
  .documents_main ul {
    gap: 15px 0;
  }
  .header_menu .header_row .logo img {
    max-width: 130px;
  }
  
  
  .header_menu .header_actions,
  .header_menu .header_items {
    gap: 0 20px;
  }
  
  .callback .callback_title {
    font-size: 24px;
  }
  .callback .callback_subtitle {
    font-size: 16px;
  }
  .callback form .inputs {
    gap: 15px 0;
  }
  .callback form .inputs input {
    font-size: 14px;
  }
  .callback form .inputs input::placeholder {
    font-size: 14px;
  }
  .hamburger_menu form input::placeholder {
    font-size: 14px;
  }
  .callback form .send_btn {
    width: 100%;
    padding: 15px 0;
    font-size: 15px;
  }
  .callback form .inputs,
  .callback form textarea {
    margin-bottom: 15px;
  }
  .clients .bg_layer {
    top: 20px;
  }
  .clients .slide_item {
    height: 80px;
  }
  .news .section_header {
    margin-bottom: 20px;
  }
  .news .news_item {
    padding: 20px;
  }
  .news .news_row {
    margin-bottom: 20px;
  }
  
  .section_header .swiper_navs > div {
    width: 32px;
    height: 32px;
  }
  .section_title {
    font-size: 24px;
  }
 
  header .header_top .right_items {
    gap: 20px;
  }
  footer .footer_top .footer_col,
  footer .footer_top .footer_col.footer_contacts {
    width: calc(50% - 10px);
  }
  footer .footer_top .top_row {
    gap: 20px 0;
  }
  .footer_bottom .social_links li img {
    width: 24px;
    height: 24px;
  }
  .footer_bottom .social_links {
    gap: 0 8px;
  }
  .vps-results{
    min-width: unset;
  }
  .vps-config_tarif--tab ul{
    width: 100% !important;
  }
  .d-sm-none{
    display: none;
  }
  .sm\:w-100{
    width: 100% !important;
  }
  .footer_col.footer_contacts .footer_address{
    margin-bottom: 20px;
  }
  .footer_col.footer_contacts .payments ul{
    grid-template-columns: repeat(3, 1fr);
  }
  .login_form .login_tabs li a{
    width: 100px;
    height: 55px;
  }
}
@media all and (max-width: 420px) {
  .domains_search ul li .domain_badge{
    display: none;
  }
  .vps-config_card--panels img, .vps-config_card--panels svg{
    width: 40px;
  }
  .vps-config .custom_select{
    font-size: 13px;
  }
  .vps-config_oc--icon{
    width: 30px;
    height: 30px;
  }
  .ssl_products .plan_item .plan_action {
    position: static;
    width: 100%;
  }
  .vps_cards .vps_card .card_info{
    width: calc(15% - 5px);
  }
  .vps_cards .vps_card .card_info:nth-child(5) {
    display: none;
  }
  .domains_search ul li {
    flex: 0 0 auto;
    width: initial;
  }
  .ssl_products .plan_item .plan_action a {
    width: 100%;
    padding: 8px;
  }
  .ssl_products .plan_item .plan_header .plan_biennially_price {
    margin-bottom: 10px;
  }
  .callback .send{
    flex-direction: column;
    gap: 20px;
    align-items: start !important;
  }
  .domain-ai_link span{
    top: -17px;
    left: 80%;
    font-size: 10px;
  }
  .domains_search .domains_row {
    padding: 25px 10px !important;
  }
  .domains_search ul li{
    width: calc(50% - 5px) !important;
  }
  .header_menu .header_actions{
    gap: 0 10px;
  }
}
@media all and (max-width: 390px) {
  .vps_cards .vps_card .card_info:nth-child(4) {
    display: none;
  }
  .vps_cards .cards_tab ul li, .product_section .cards_tab ul li{
    white-space: nowrap;
  }
}