* { font-family: Qanelas, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; padding: 0px; margin: 0px; }
* { box-sizing: border-box; }
html, body { height: 100%; margin: 0px; min-width: 320px !important; }
#content { min-height: calc(-351px + 100vh); margin: 0px auto; }
body { padding-top: 93px; }
body.ov-hidden { overflow: hidden; }
input::-webkit-input-placeholder { user-select: none; }
input::placeholder { user-select: none; }
h1 { font-style: normal; font-weight: 600; font-size: 28px; line-height: 20px; text-transform: uppercase; font-feature-settings: "pnum", "lnum"; color: rgb(255, 215, 0); }
h1 b { font-weight: 600; color: rgb(0, 0, 0); }
h4 { font-style: normal; font-weight: 600; font-size: 20px; line-height: 22px; color: rgb(51, 51, 51); }
.tooltip-toggle { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-color: rgb(131, 179, 211); padding: 0px; margin: 0px; display: block; }
tooltip-icon { width: 1px; height: 9px; color: rgb(131, 179, 211); display: block; }
.tooltip-toggle:hover .tooltip-icon { color: rgb(104, 162, 202); }
.tooltip { position: absolute; margin-top: 24px; margin-left: 22px; width: 25px; height: 25px; }
.tooltip-text { font-family: "PT Sans", sans-serif; background-color: rgb(51, 51, 51); color: rgb(255, 255, 255); font-size: 16px; line-height: 20px; font-weight: 400; text-transform: none; padding: 20px 18px 18px 22px; border-radius: 10px; display: block; width: 256px; }
.tooltip-text { font-family: "PT Sans", sans-serif; background-color: rgb(51, 51, 51); color: rgb(255, 255, 255); font-size: 16px; line-height: 20px; font-weight: 400; text-transform: none; padding: 20px 18px 18px 22px; border-radius: 10px; width: 256px; position: absolute; bottom: 100%; left: 50%; z-index: 1; transform: translateX(-50%); display: none; }
button { user-select: none; cursor: pointer; border: 0px; outline: 0px; }
button:disabled { pointer-events: none; }
.alert-warning { color: rgb(133, 100, 4); background-color: rgb(255, 243, 205); border-color: rgb(255, 238, 186); }
.alert-success { color: rgb(70, 136, 71); background-color: rgb(223, 240, 216); border-color: rgb(214, 233, 198); }
.alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; }
.breadcrumbs a.breadcrumbs__homePage { color: rgb(0, 0, 0); }
.breadcrumbs a.breadcrumbs__nowPage { text-decoration: underline; }
.breadcrumbs a.breadcrumbs__nowPage::after { display: none; }
.breadcrumbs a { display: inline-block; color: rgb(95, 95, 95); text-decoration: none; }
.breadcrumbs a::after { content: "|"; padding-left: 12px; margin-right: 12px; }
.container, .container-junior, .container-child { width: 100%; margin: 0px auto; }
.container { max-width: 1440px; padding: 0px; }
.container-junior { max-width: 1110px; padding: 0px; }
.container-child { max-width: 730px; padding: 0px; }
@media screen and (max-width: 1100px) {
  .container-child { max-width: 100%; padding: 0px 30px; }
}
@media screen and (max-width: 576px) {
  .container-child { width: calc(100% - 10px); padding: 0px 5px; }
}
.btn-gray:hover { background-color: rgb(227, 227, 227) !important; }
.out { display: none !important; }
.flex { display: flex !important; }
.flex.jc-center { -webkit-box-pack: center; justify-content: center; width: 100%; }
.flex.al-center { -webkit-box-align: center; align-items: center; }
.title-group { border-left: 0.5px solid rgb(41, 54, 76); padding: 7px 0px 3px 11px; display: flex; align-items: center; justify-content: space-between; }
@media screen and (max-width: 390px) {
  .title-group h1 { font-size: 20px; line-height: 12px; }
}
.title-group h3 { font-weight: 600; font-size: 18px; line-height: 20px; text-transform: uppercase; font-feature-settings: "pnum", "lnum"; color: rgb(131, 131, 131); margin-top: 10px; }
@media screen and (max-width: 390px) {
  .title-group h3 { font-size: 16px; line-height: 12px; }
}
.bg-dark { background-color: rgb(0, 0, 0) !important; color: rgb(255, 255, 255) !important; }
@media screen and (max-width: 1200px) {
  .title-group, .breadcrumbs { margin-left: 30px; }
}
@media screen and (max-width: 665px) {
  body { padding-top: 133px; }
  #content { min-height: calc(-541.75px + 100vh); }
}
@media screen and (max-width: 576px) {
  .title-group { margin-left: 5px; padding-left: 5px; line-height: 24px; font-size: 20px !important; }
  .title-group b { display: inline-block; }
  .breadcrumbs { margin-left: 5px; font-size: 10px; line-height: 12px; }
}
@media screen and (max-width: 250px) {
  * { overflow-x: hidden !important; }
}
@font-face { font-family: Qanelas; src: url("/public/fonds/Qanelas-Light.ttf"); font-weight: 300; }
@font-face { font-family: Qanelas; src: url("/public/fonds/Qanelas-Regular.ttf"); font-weight: 400; }
@font-face { font-family: Qanelas; src: url("/public/fonds/Qanelas-Medium.ttf"); font-weight: 500; }
@font-face { font-family: Qanelas; src: url("/public/fonds/Qanelas-SemiBold.ttf"); font-weight: 600; }
.slick-slider { position: relative; display: block; box-sizing: border-box; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-arrow { position: absolute; top: 52%; margin: -20px 0px 0px; z-index: 10; font-size: 0px; width: 30px; height: 30px; border: 0px; outline: none; cursor: pointer; transition: 0.3s; }
.slick-arrow.slick-prev { left: 26px; background: url("/public/images/icons/slider_prev.svg") 0px 0px / 100% no-repeat rgb(255, 222, 1); }
.slick-arrow.slick-next { right: 26px; background: url("/public/images/icons/slider_next.svg") 0px 0px / 100% no-repeat rgb(0, 0, 0); }
.slick-arrow.slick-next, .slick-arrow.slick-prev { background-position: center center; background-size: 8px; width: 21px; height: 45px; }
.slick-arrow.slick-disabled { opacity: 0; }
.slick-disabled { cursor: auto; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0px; padding: 0px; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; }
.slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0px, 0px, 0px); }
.slick-track { position: relative; left: 0px; top: 0px; display: block; margin-left: auto; margin-right: auto; }
.slick-track::before, .slick-track::after { content: ""; display: table; }
.slick-track::after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.rates-slider { animation-name: fadeIn; animation-duration: 0.3s; animation-fill-mode: both; }
.rates-slider .slick-slide { min-width: 348.74px; margin: 0px calc(14.5px); }
@-webkit-keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.dedicatedservers-slider .slick-slide { min-width: 158px; }
.dedicatedservers-slider .slick-arrow.slick-prev { left: -10px; }
.dedicatedservers-slider .slick-arrow.slick-next { right: -10px; }
@media screen and (max-width: 1200px) {
  .dedicatedservers-slider { margin: 0px auto; max-width: calc(100% - 161px) !important; min-width: calc(100% - 161px) !important; }
}
@media screen and (max-width: 1105px) {
  .dedicatedservers-slider { max-width: calc(-310px + 100vw) !important; min-width: calc(-310px + 100vw) !important; }
}
@media screen and (max-width: 446px) {
  .dedicatedservers-slider .slick-slide { min-width: 102.64px; }
}
@media screen and (max-width: 325px) {
  .dedicatedservers-slider .slick-arrow.slick-prev { left: -5px !important; }
  .dedicatedservers-slider .slick-arrow.slick-next { right: -5px !important; }
}
@media screen and (max-width: 1200px) {
  .rates-slider { max-width: calc(755.48px); margin: 0px auto; }
  .rates-slider .slick-slide { min-width: 348.74px; margin: 0px calc(14.5px); }
  .rates-slider .slick-arrow.slick-prev { left: 4px; }
  .rates-slider .slick-arrow.slick-next { right: 4px; }
}
@media screen and (max-width: 820px) {
  .rates-slider { max-width: 348.74px; }
  .rates-slider .slick-slide { display: inline-block; min-width: 348.74px; margin: 0px; }
  .rates-slider .slick-arrow.slick-prev { left: -10px; }
  .rates-slider .slick-arrow.slick-next { right: -10px; }
}
@media screen and (max-width: 390px) {
  .rates-slider { max-width: 290.89px; }
  .rates-slider .slick-slide { display: inline-block; min-width: 290.89px; margin: 0px; }
  .rates-slider .slick-arrow.slick-prev { left: -10px; }
  .rates-slider .slick-arrow.slick-next { right: -10px; }
}
.accordion { list-style: none; padding: 0px; }
.accordion__toggle_inner { padding-left: 35px; margin-bottom: -18px; overflow: hidden; display: none; list-style: none; width: 100%; }
.accordion__toggle_inner li { font-weight: 400; font-size: 16px; line-height: 22px; }
.accordion__toggle_inner li .accordion__toggle_inner { padding-left: 27px; }
.accordion li { margin: 18px 0px; padding: 0px; }
.accordion li li { width: 100%; }
.accordion li a.accordion__toggle { position: relative; width: 100%; display: block; padding: 12px 0px 12px 27px; border-radius: 45px; font-weight: 500; font-size: 16px; line-height: 22px; text-decoration: none; background: rgb(233, 233, 233); color: rgb(0, 0, 0); transition: 0.3s; }
.accordion li a.accordion__toggle::after { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; position: absolute; content: "+"; right: 12.09px; top: 50%; transform: translate(0px, -50%); border-radius: 50px; width: 28px; height: 28px; font-weight: 400; font-size: 26.9063px; text-align: center; transition: background 0.1s; color: rgb(0, 0, 0); background-color: rgb(255, 222, 1); }
.accordion li a.accordion__toggle.show { background-color: rgb(255, 222, 1); }
.accordion li a.accordion__toggle.show:hover { background-color: rgb(255, 222, 1) !important; }
.accordion li a.accordion__toggle.show::after { content: "—"; background-color: rgb(255, 255, 255); font-size: 20px; font-weight: 900; }
@media screen and (max-width: 1200px) {
  .accordion { padding: 0px 30px; }
}
@media screen and (max-width: 576px) {
  .accordion { padding: 0px 12px; overflow: hidden; }
  .accordion * { font-size: 12px !important; line-height: 16px !important; }
  .accordion__toggle_inner { padding: 0px; margin-bottom: -10px; }
  .accordion__toggle_inner li li { padding: 0px !important; }
  .accordion li { margin: 10px 0px; }
  .accordion li a.accordion__toggle { padding: 9px 0px 8px 15px !important; font-size: 12px !important; line-height: 12px !important; }
  .accordion li a.accordion__toggle::after { width: 14.8px; height: 14.8px; font-size: 14.7997px; }
  .accordion li a.accordion__toggle.show::after { font-size: 12px; }
  .accordion li li { padding-left: 28px; width: 100%; }
}
.modal { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; position: fixed; top: 0px; left: 0px; width: 100vw; height: 100vh; z-index: 999; background-color: rgba(0, 0, 0, 0.204); opacity: 0; visibility: hidden; transition: 0.5s; }
.modal.active { opacity: 1; visibility: visible; backdrop-filter: blur(5px); }
.modal .modal__dialog { width: max-content; height: max-content; box-shadow: rgba(34, 60, 80, 0.2) 0px 0px 45px -4px; }
.select_wrap { width: 100%; max-width: 314px; position: relative; user-select: none; z-index: 600; }
.select_wrap.z-index { z-index: 900 !important; }
.select_wrap .default_option { background: rgb(237, 237, 237); border: 1px solid rgb(211, 211, 211); border-radius: 5px; position: relative; cursor: pointer; }
.select_wrap .default_option li { padding: 14px 18px; list-style-type: none; }
.select_wrap .default_option::before { content: ""; position: absolute; top: 18px; right: 18px; width: 6px; height: 6px; border-width: 2px; border-style: solid; border-image: none; border-color: transparent transparent rgb(0, 0, 0) rgb(0, 0, 0); transform: rotate(-45deg); transition: 0.2s; }
.select_wrap .select_ul { position: absolute; top: 55px; left: 0px; width: 100%; background: rgb(247, 247, 247); border: 1px solid rgb(211, 211, 211); border-radius: 5px; display: none; }
.select_wrap .select_ul li { padding: 14px 18px; cursor: pointer; list-style-type: none; transition: 0.2s; }
.select_wrap .select_ul li:first-child:hover { border-top-left-radius: 5px; border-top-right-radius: 5px; }
.select_wrap .select_ul li:last-child:hover { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.select_wrap .select_ul li:hover { background: gold; }
.select_wrap .option { display: flex; -webkit-box-align: center; align-items: center; }
.select_wrap .option .icon { background: url("https://i.imgur.com/oEZu0sK.png") 0px 0px no-repeat; width: 32px; height: 32px; margin-right: 15px; display: none; }
.select_wrap .option.pizza .icon { background-position: 0px 0px; }
.select_wrap .option.burger .icon { background-position: 0px -35px; }
.select_wrap .option.ice .icon { background-position: 0px -72px; }
.select_wrap .option.fries .icon { background-position: 0px -111px; width: 25px; }
.select_wrap.active .select_ul { display: block; }
.select_wrap.active .default_option::before { top: 22px; transform: rotate(-225deg); }
.custom-checkbox { position: absolute; z-index: -1; opacity: 0; }
.custom-checkbox + label { display: inline-flex; -webkit-box-align: center; align-items: center; user-select: none; cursor: pointer; }
.custom-checkbox + label::before { content: ""; display: inline-block; width: 21.83px; height: 21.92px; flex-shrink: 0; -webkit-box-flex: 0; flex-grow: 0; border: 1px solid rgb(173, 181, 189); border-radius: 3.8124px; margin-right: 8.11px; background-repeat: no-repeat; background-position: center center; background-size: 12px; }
@media screen and (max-width: 390px) {
  .custom-checkbox + label::before { width: 18.03px; height: 18.11px; }
}
.custom-checkbox:not(:disabled):active + label::before { background-color: rgb(179, 215, 255); border-color: rgb(179, 215, 255); }
.custom-checkbox:not(:checked) + label::before { background-color: rgb(233, 233, 233); border-color: rgba(0, 0, 0, 0.05); }
.custom-checkbox:checked + label::before { border-color: rgb(255, 222, 1); background-color: rgb(255, 222, 1); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='black' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); }
.custom-checkbox:disabled + label::before { background-color: rgb(233, 236, 239); }
input[type="range"] { display: block; appearance: none; background-color: rgb(189, 189, 189); width: 100%; height: 2px; border-radius: 5px; margin: 0px auto; outline: 0px; }
input[type="range"]::-webkit-slider-thumb { appearance: none; background-color: rgb(255, 215, 0); width: 15px; height: 15px; border-radius: 50%; border: 1px solid black; cursor: pointer; transition: 0.3s ease-in-out; }
input[type="range"]::-webkit-slider-thumb:hover { border: 1px solid rgb(58, 58, 58); }
input[type="range"]:disabled::-webkit-slider-thumb { background-color: rgb(233, 233, 233); border: 1px solid rgb(118, 118, 118); cursor: auto; }
.header { display: flex; position: fixed; top: 0px; left: 0px; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; background-color: white; padding: 17px 0px 0px; width: 100%; transition: 0.3s; z-index: 900; }
@media screen and (max-width: 1200px) {
  .header.header_registered .header__container_burger { display: inline-block; }
  .header.header_registered .header__container_links { position: fixed; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; top: 0px; left: 0px; width: 100vw; height: 100vh; background-color: rgb(255, 255, 255); gap: 25px; transition: 0.4s; transform: translateY(-100%); opacity: 0; visibility: hidden; z-index: 990; }
  .header.header_registered .header__container_links .hr { display: none; }
  .header.header_registered .header__container_links_link_dropmenu { z-index: 999; left: calc(-11.5px); }
  .header.header_registered .header__container_links a { display: block; font-size: 22px; transition: 1s; border-radius: 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.204); padding-bottom: 25px; transform: scale(0.3); }
  .header.header_registered .header__container_links a:hover { background-color: rgb(255, 255, 255); }
  .header.header_registered .header__container_user_button { margin-right: 11px; }
}
.header.header_registered .mobile-768-in { display: none !important; }
@media screen and (max-width: 768px) {
  .header.header_registered .mobile-768-in { display: flex !important; }
}
.header.header_registered .mobile-768-out { display: flex; }
@media screen and (max-width: 768px) {
  .header.header_registered .mobile-768-out { display: none; }
}
.header.header_registered .mobile-768-in button { width: 100%; transform: scale(1.5); }
.header.header_registered .header__container_links { gap: 10px; }
@media screen and (max-width: 1015px) {
  .header.header_registered .header__container_links { padding-top: 15px; }
}
.header.header_registered .header__container_links_link { font-size: 16px; padding: 8px 13px 11px; }
.header.header_registered .header__container_user_button-group_button { gap: 13px; margin-right: 17px; margin-left: 0px; min-width: calc(75px); padding: 7px 17px 7px 13px; line-height: 19px; background-color: rgb(233, 233, 233); }
.header.header_registered .header__container_user_button-group_button span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100px; }
.header.header_registered .header__container_user_button-group_button:hover { background-color: rgb(227, 227, 227); color: rgb(0, 0, 0); }
.header.header_registered .header__container_user_button-group_button.warning { background-color: rgb(255, 222, 1); }
.header.header_registered .header__container_user_button-group_button.warning:hover { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.header.header_registered .header__container_user_button-group_button.warning:hover svg path { fill: rgb(255, 255, 255); }
@media screen and (max-width: 1130px) {
  .header.header_registered .header__container_burger { margin-left: 11px; }
}
.header.burger-active .header__container_links { transform: none; opacity: 1; visibility: visible; }
.header.burger-active .header__container_links a { transform: none; }
.header.burger-active .header__container_burger_con .bar { background-color: rgb(0, 40, 91); }
.header.burger-active .header__container_burger_con .top { transform: translateY(15px) rotateZ(45deg); }
.header.burger-active .header__container_burger_con .bottom { transform: translateY(-15px) rotateZ(-45deg); }
.header.burger-active .header__container_burger_con .middle { width: 0px; }
.header__container { position: relative; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; max-width: 1110px; width: 100%; border-bottom: 1px solid rgb(226, 226, 226); padding: 0px 0px 14px 11px; }
.header__container_logo { width: 146px; height: 41px; z-index: 999; margin-right: 10px; }
.header__container_logo:hover { background-color: rgb(255, 255, 255); }
.header__container_logo img { width: 100%; height: 100%; object-fit: scale-down; user-select: none; pointer-events: none; }
.header__container_links { display: flex; -webkit-box-align: center; align-items: center; gap: 15px; }
.header__container_links div { user-select: none; }
.header__container_links_link { position: relative; color: black; text-decoration: none; font-size: 17px; font-weight: 500; padding: 8px 23px 11px; border-radius: 5px; transition: 0.3s; }
.header__container_links_link.dropmenu-active .header__container_links_link_dropmenu { transform: none; opacity: 1; visibility: visible; }
.header__container_links_link:hover { background-color: rgb(255, 222, 1); }
.header__container_links_link_dropmenu { position: absolute; left: 0px; margin-top: 15px; min-width: 212px; transform: translateX(10%); visibility: hidden; opacity: 0; transition: 0.3s; }
.header__container_links_link_dropmenu_category { position: relative; padding: 8px 23px 11px; border-radius: 5px; margin-bottom: 4px; background-color: rgb(255, 222, 1); user-select: none; cursor: pointer; }
.header__container_links_link_dropmenu_category:hover { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.header__container_links_link_dropmenu_category:hover::after { background-color: rgb(255, 255, 255); }
.header__container_links_link_dropmenu_category::after { content: " "; position: absolute; left: 2px; top: 47%; transform: translate(0px, -50%); width: 6px; height: 10px; margin: 0px 0px 9.04px 7px; background-color: rgb(0, 0, 0); mask-image: url("/public/images/icons/arrow.svg"); }
.header__container_links_link_dropmenu_category_black { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.header__container_links_link_dropmenu_category_black::after { background-color: rgb(255, 255, 255); }
.header__container_user { display: flex; }
.header__container_user_lang { display: flex; -webkit-box-align: center; align-items: center; gap: 13px; }
.header__container_user_lang { display: flex; align-items: center; gap: 13px; }
.header__container_user_lang * { user-select: none; }
.header__container_user_lang_flags { position: relative; z-index: 900; display: flex; align-items: center; justify-content: center; width: 22px; height: 15px; }
.header__container_user_lang_flags img { display: none; width: 22px; height: 15px; object-fit: cover; cursor: pointer; image-rendering: -webkit-optimize-contrast; }
.header__container_user_lang_flags img.selected { display: block; }
.header__container_user_lang_flags.active { position: absolute; top: 50px; width: 42px; height: auto; padding: 8px 0px; display: flex; flex-direction: column; gap: 8px; background: rgb(18, 17, 17); border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.25) 0px 6px 20px; }
.header__container_user_lang_flags.active img { display: block; position: static; width: 22px; height: 15px; opacity: 0.7; visibility: visible; transform: none; transition: opacity 0.2s, transform 0.2s; }
.header__container_user_lang_flags.active img:hover { opacity: 1; transform: scale(1.1); }
.header__container_user_lang_flags.active img.selected { opacity: 1; }
.header__container_user_lang_text { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 38px; height: 38px; background: rgb(18, 17, 17); color: rgb(255, 255, 255); border-radius: 15px 0px; cursor: pointer; }
.header__container_user_button-group { display: flex; }
.header__container_user_button-group_button { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 14px; margin-left: 12px; border-radius: 5px; font-weight: 500; padding: 10px 25px 9px 15px; background-color: rgb(255, 222, 1); user-select: none; cursor: pointer; transition: 0.3s; }
.header__container_user_button-group_button svg path { transition: 0.3s; }
.header__container_user_button-group_button:hover { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.header__container_user_button-group_button:hover svg path { fill: rgb(255, 255, 255); }
.header__container_burger { display: none; min-width: 38px; max-width: 38px; min-height: 38px; max-height: 38px; background-color: rgb(255, 222, 1); text-align: center; position: relative; border-radius: 5px; z-index: 999; margin-right: 10px; }
.header__container_burger_con { cursor: pointer; display: inline-block; }
.header__container_burger_bar { display: block; width: 50px; height: 5px; background: rgb(0, 0, 0); margin: 10px auto; border-radius: 4.9px; transition: 0.7s; }
.header__container_burger_con { width: auto; margin: 0px auto; transition: 0.7s; transform: scale(0.45); transform-origin: 0px 0px; padding-top: 16.5px; padding-left: 16.5px; }
.header__container .middle { margin: 0px auto; }
@media screen and (max-width: 1200px) {
  .header__container { padding: 0px 11px 14px; }
}
@media screen and (max-width: 1015px) {
  .header__container_burger { display: inline-block; }
  .header__container_links { position: fixed; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; top: 0px; left: 0px; width: 100vw; height: 100vh; background-color: rgb(255, 255, 255); gap: 25px; transition: 0.4s; transform: translateY(-100%); opacity: 0; visibility: hidden; z-index: 990; }
  .header__container_links .hr { display: none; }
  .header__container_links_link_dropmenu { z-index: 999; left: calc(-11.5px); }
  .header__container_links a { display: block; font-size: 22px; transition: 1s; border-radius: 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.204); padding-bottom: 25px; transform: scale(0.3); }
  .header__container_links a:hover { background-color: rgb(255, 255, 255); }
  .header__container_user_button { margin-right: 11px; }
}
@media screen and (max-width: 665px) {
  .header { -webkit-box-align: start; align-items: flex-start; padding-top: 0px; height: 133px; }
  .header__container { -webkit-box-align: center; align-items: center; height: 94px; padding-left: 19px; border: 0px; }
  .header__container_burger { display: inline-block; margin-left: 11px; }
  .header__container_logo { width: 163.61px; height: 46px; }
  .header__container_user { -webkit-box-align: end; align-items: flex-end; height: 38px; }
  .header__container_user_lang_text { border-radius: 11.1111px 0px; width: 28.15px; height: 28.15px; font-size: 10.3704px; }
  .header__container_user_button-group { position: absolute; left: 52.8%; bottom: -21px; transform: translate(-50%, 0px); }
  .header__container_user_button-group_button { padding: 10px 25px 9px 17px; white-space: nowrap; font-size: 14px; margin-left: -7px !important; }
}
.footer { position: relative; display: flex; -webkit-box-align: center; align-items: center; background-color: rgb(0, 0, 0); height: 258px; }
.footer::after { content: ""; position: absolute; left: 0px; top: 0px; background-image: url("/public/images/footer_honeycombs.svg"); background-repeat: no-repeat; height: 258px; width: 250px; }
.footer__container { display: flex; -webkit-box-pack: justify; justify-content: space-between; width: 100%; max-width: calc(1066px); margin: 0px auto; }
.footer__button-scroll-top { text-align: center; position: fixed; bottom: 25px; right: 25px; width: 61px; height: 61px; background-color: rgb(255, 222, 1); font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; font-feature-settings: "pnum", "lnum"; cursor: pointer; transition: 0.2s; user-select: none; visibility: hidden; opacity: 0; }
.footer__button-scroll-top:hover { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.footer__button-scroll-top:hover svg path { fill: rgb(255, 255, 255); }
.footer__button-scroll-top.active { visibility: visible; opacity: 1; }
.footer__button-scroll-top svg { padding-top: 10px; }
.footer__button-scroll-top svg path { transition: 0.2s; }
.footer__item-group { display: flex; -webkit-box-pack: justify; justify-content: space-between; gap: 46px; }
.footer__item-group.gap73 { gap: 73px; }
.footer__item-group .mt13 { margin-top: 13px; }
.footer__item-group_item { max-width: 200px; width: 100%; min-width: 167px; font-feature-settings: "pnum", "lnum"; }
.footer__item-group_item_title { display: flex; -webkit-box-align: center; align-items: center; font-style: normal; font-weight: 400; font-size: 12px; line-height: 20px; text-transform: capitalize; color: rgb(255, 255, 255); }
.footer__item-group_item_title::before { display: inline-block; content: " "; width: 10px; height: 10px; margin-right: 9px; background-color: rgb(255, 222, 1); mask-image: url("/public/images/icons/success.svg"); mask-repeat: no-repeat; }
.footer__item-group_item_contact { display: flex; -webkit-box-align: center; align-items: center; font-weight: 400; font-size: 14px; line-height: 17px; margin-bottom: 13px; white-space: nowrap; text-decoration: none; cursor: pointer; }
.footer__item-group_item_contact a { color: rgb(255, 222, 1); text-decoration: none; transition: 0.1s; }
.footer__item-group_item_contact:hover a { color: rgb(255, 208, 1); }
.footer__item-group_item_contact:hover .footer__item-group_item_contact_image { background-color: rgb(255, 208, 1); }
.footer__item-group_item_contact.phone { margin-bottom: 21px; font-weight: 600; }
.footer__item-group_item_contact.phone .footer__item-group_item_contact_image { background-color: rgb(0, 0, 0); }
.footer__item-group_item_contact_image { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; max-width: 30px; max-height: 30px; min-width: 30px; min-height: 30px; border-radius: 50px; margin-right: 14px; background-color: rgb(255, 222, 1); transition: 0.1s; }
.footer__item-group_item_contact_image img { pointer-events: none; user-select: none; }
.footer__item-group_item_copyright { font-style: normal; font-weight: 300; font-size: 12px; line-height: 18px; color: rgb(255, 255, 255); margin-top: 15.55px; }
.footer__item-group_item_offer { font-style: normal; font-weight: 300; font-size: 9px; line-height: 12px; margin-top: 18px; color: rgb(255, 255, 255); }
.footer__item-group_item_links { border-top: 1px dashed rgb(255, 255, 255); padding-top: 9px; margin-top: 9px; }
.footer__item-group_item_links a { display: block; font-style: normal; font-weight: 400; font-size: 11px; line-height: 20px; color: rgb(255, 255, 255); text-decoration: none; margin-bottom: 8px; }
.footer__item-group_item_links a:hover { color: rgb(227, 227, 227); text-decoration: underline; }
.footer__item-group_item_links img { width: 170px; height: 73px; image-rendering: -webkit-optimize-contrast; margin-top: 3px; pointer-events: none; user-select: none; }
.footer__item-group_item_links_payment { width: calc(100% + 30px); margin-top: 5.5px; user-select: none; }
.footer__item-group_item_links_payment img { display: inline-block; height: 29px; width: max-content; object-fit: scale-down; image-rendering: -webkit-optimize-contrast; vertical-align: middle; }
.footer__item-group_item_links_payment img[alt="visa"] { height: 12.375px; width: 40.5px; }
.footer__item-group_item_links_payment img[alt="mastercard"] { height: 27px; width: 45px; margin-left: 15.75px; }
.footer__item-group_item_links_payment img[alt="freekassa"] { width: 82px; height: 29px; margin-top: 17px; }
.footer__item-group_item_links_payment img[alt="YooMoney"] { width: 79px; height: 29px; margin-top: 17px; margin-left: 9px; }
.footer__item-group_mobile { display: none; gap: 0px; margin: 0px; }
.footer__item-group_copyright_mobile { display: none !important; max-width: 100vw !important; }
@media screen and (max-width: 1100px) {
  .footer { height: max-content; padding: 30px; }
  .footer::after { display: none; }
  .footer__container { display: block; width: 100%; margin: 0px auto; max-width: max-content; }
  .footer__item-group { width: max-content; margin-top: 30px; }
}
@media screen and (max-width: 768px) {
  .footer { height: max-content; padding: 27px 18px 12px 19px; }
  .footer::after { display: none; }
  .footer__item-group_dekstop { display: none !important; }
  .footer__item-group_mobile { display: flex; -webkit-box-pack: start; justify-content: flex-start; margin-top: 0px; }
  .footer__item-group_copyright_mobile { display: block !important; }
  .footer__button-scroll-top { bottom: 10px; right: 10px; }
  .footer__container { display: block; margin: 0px auto; max-width: 100%; }
  .footer__item-group { display: block; margin: 0px auto; width: 100%; }
  .footer__item-group_item { margin-top: 20px; display: inline-block; vertical-align: top; max-width: 32%; }
  .footer__item-group_item_links { max-width: 150px; }
}
@media screen and (max-width: 576px) {
  .footer__button-scroll-top { display: none; }
}
@media screen and (max-width: 390px) {
  .footer__item-group_item { min-width: 49.2%; }
  .footer__item-group_item_links { max-width: 113px; }
  .footer__item-group_item_links_payment { display: flex; -webkit-box-align: center; align-items: center; gap: 12.75px; }
  .footer__item-group_item_links_payment img { margin: 0px !important; }
  .footer__item-group_item_contact_image { margin-right: 7px; }
}
.banner { position: relative; display: flex; -webkit-box-align: center; align-items: center; background: linear-gradient(93.96deg, rgb(0, 0, 0) 51.43%, rgba(215, 224, 231, 0) 147.61%); min-height: 328px; overflow: hidden; }
.banner__container { max-width: 1108px; width: 100%; margin: 0px auto; }
.banner__title h2 { font-style: normal; font-weight: 600; font-size: 38.1277px; line-height: 47px; text-transform: uppercase; color: rgb(255, 255, 255); }
.banner__title h1 { font-style: normal; font-weight: 600; font-size: 48.6316px; line-height: 59px; text-transform: uppercase; color: rgb(255, 222, 1); margin-top: 1px; }
.banner__about { max-width: 405.28px; font-weight: 400; font-size: 18px; line-height: 24px; font-feature-settings: "pnum", "lnum", "liga" 0; color: rgb(255, 255, 255); margin-top: 13px; }
@media screen and (max-width: 768px) {
  .banner__images { padding-bottom: 41px; }
}
@media screen and (max-width: 475px) {
  .banner__images { padding-bottom: 0px; }
}
@media screen and (max-width: 390px) {
  .banner__images { margin-left: -10px; }
}
.banner__images_backgroud { position: absolute; left: 0px; top: 0px; pointer-events: none; user-select: none; }
.banner__images_main { position: absolute; right: 223.77px; top: 50%; transform: translate(0px, -50%); width: 490.72px; max-height: 369px; }
@media screen and (max-width: 1015px) {
  .banner__images_main { margin-top: 40px; }
}
@media screen and (max-width: 475px) {
  .banner__images_main { max-width: 288px; margin: 20px auto; }
}
.banner__images_main img { width: 100%; height: 100%; object-fit: scale-down; image-rendering: -webkit-optimize-contrast; user-select: none; pointer-events: none; }
.banner__images_steps { position: relative; }
.banner__images_steps_content_step-1, .banner__images_steps_content_step-2, .banner__images_steps_content_step-3 { position: absolute; font-weight: 500; font-size: 16px; line-height: 20px; width: 300px; text-align: center; text-transform: uppercase; font-feature-settings: "pnum", "lnum"; color: rgb(255, 255, 255); overflow: hidden; white-space: nowrap; }
@media screen and (max-width: 576px) {
  .banner__images_steps_content_step-1, .banner__images_steps_content_step-2, .banner__images_steps_content_step-3 { font-size: 14px; line-height: 14px; }
}
@media screen and (max-width: 475px) {
  .banner__images_steps_content_step-1, .banner__images_steps_content_step-2, .banner__images_steps_content_step-3 { font-size: 12px; }
}
.banner__images_steps_content_step-1 { top: -188px; left: -70px; }
@media screen and (max-width: 576px) {
  .banner__images_steps_content_step-1 { top: -150px; left: -85px; }
}
@media screen and (max-width: 475px) {
  .banner__images_steps_content_step-1 { top: -110px; left: -102.5px; }
}
.banner__images_steps_content_step-2 { top: -178px; left: 93px; }
@media screen and (max-width: 576px) {
  .banner__images_steps_content_step-2 { top: -145px; left: 45px; }
}
@media screen and (max-width: 475px) {
  .banner__images_steps_content_step-2 { top: -110px; left: -10px; }
}
.banner__images_steps_content_step-3 { top: -188px; left: 252px; }
@media screen and (max-width: 576px) {
  .banner__images_steps_content_step-3 { top: -150px; left: 175px; }
}
@media screen and (max-width: 475px) {
  .banner__images_steps_content_step-3 { top: -110px; left: 85px; }
}
@media screen and (max-width: 576px) {
  .banner__images_steps_content { max-width: 100vw; }
}
@media screen and (max-width: 1400px) {
  .banner__images_main { right: 20px; }
}
@media screen and (max-width: 1200px) {
  .banner__container { max-width: 100vw; padding-left: 50px; }
}
@media screen and (max-width: 1100px) {
  .banner { background: linear-gradient(179.2deg, rgb(0, 0, 0) 64.33%, rgba(215, 224, 231, 0) 102.67%); -webkit-box-pack: center; justify-content: center; }
  .banner__container { max-width: max-content; margin-top: 30px; padding: 0px; }
  .banner__images_main { position: static; transform: none; }
}
@media screen and (max-width: 768px) {
  .banner__title h2 { font-size: 24px; max-width: 248px; line-height: 29px; }
  .banner__title h1 { font-size: 30px; line-height: 37px; }
  .banner__about { font-size: 14px; line-height: 18px; }
}
@media screen and (max-width: 576px) {
  .banner { padding: 19px 27px 0px; }
  .banner__title h2 { max-width: 100%; }
  .banner__images_main { width: 400px; height: max-content; }
  .banner__images_main img { width: 100%; height: 100%; }
}
.whyus { margin-top: 38px; }
.whyus .title-group h1 { display: flex; }
.whyus .title-group h1 b { margin-left: 6px; }
.whyus__examples { display: flex; -webkit-box-align: end; align-items: flex-end; margin-top: 39px; }
@media screen and (max-width: 390px) {
  .whyus__examples { margin-top: 12px; }
}
.whyus__examples_lines { width: 165px; height: 65px; background: rgb(233, 233, 233); box-shadow: rgb(255, 222, 1) 0px -22px 0px 0px; }
.whyus__examples_group { display: flex; -webkit-box-pack: center; justify-content: center; width: 100%; height: 214px; background: rgb(233, 233, 233); border-top-left-radius: 10px; border-top-right-radius: 10px; box-shadow: rgb(255, 255, 255) 0px 55px 0px 0px inset; }
.whyus__examples_group_item { position: relative; height: 87px; max-width: 200px; width: 100%; padding: 0px 20px 0px 24px; text-align: center; }
.whyus__examples_group_item::before, .whyus__examples_group_item::after { position: absolute; content: " "; width: 0px; height: 87px; border: 1px dashed rgb(0, 0, 0); top: 100%; }
.whyus__examples_group_item::before { left: 0px; }
.whyus__examples_group_item::after { display: none; }
.whyus__examples_group_item_finish::after { right: 0px; display: block; }
.whyus__examples_group_item_line { border-right: 1px dashed rgb(0, 0, 0); }
.whyus__examples_group_item_line.item_start { border-left: 1px dashed rgb(0, 0, 0); }
.whyus__examples_group_item_image { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; background: linear-gradient(95.01deg, gold 45.97%, rgba(215, 224, 231, 0) 135.83%); border-radius: 30px 5px; width: 88.29px; height: 84px; margin: 0px auto; pointer-events: none; user-select: none; }
.whyus__examples_group_item_title { font-weight: 500; font-size: 16px; line-height: 20px; text-align: center; text-transform: uppercase; font-feature-settings: "pnum", "lnum"; color: rgb(0, 0, 0); margin-top: 31px; }
@media screen and (max-width: 390px) {
  .whyus__examples_group_item_title { font-size: 14px; line-height: 18px; margin-top: 10.94px; }
}
.whyus__examples_group_item_list { list-style-type: none; font-weight: 400; font-size: 15px; line-height: 18px; text-align: center; font-feature-settings: "pnum", "lnum"; color: rgb(0, 0, 0); margin-top: 6px; margin-left: 15px; white-space: nowrap; }
@media screen and (max-width: 390px) {
  .whyus__examples_group_item_list { font-size: 14px; line-height: 18px; }
}
.whyus__examples_group_item_list li { position: relative; width: 100%; }
.whyus__examples_group_item_list li::before { content: " "; position: absolute; top: 0px; width: 9px; height: 9px; margin: 5px 0px 0px -15px; background-image: url("/public/images/icons/success.svg"); }
@media screen and (max-width: 1400px) {
  .whyus__examples_group { padding-left: 40px; padding-right: 40px; }
}
@media screen and (max-width: 992px) {
  .whyus__examples_lines { display: none; }
  .whyus__examples_group { display: block; border-radius: 0px; height: max-content; box-shadow: none; padding: 21px 0px 0px; text-align: center; }
  .whyus__examples_group_item { display: inline-block; height: max-content; margin-bottom: 20px; }
  .whyus__examples_group_item::after, .whyus__examples_group_item::before { display: none; }
}
@media screen and (max-width: 576px) {
  .whyus { margin-top: 18px; }
  .whyus__examples_group_item { max-width: 45%; vertical-align: top; padding: 0px; }
  .whyus__examples_group_item_image { width: 71.53px; height: 68.06px; }
  .whyus__examples_group_item_image img { width: 41.32px; height: 38.89px; }
  .whyus__examples_group_item_list { white-space: normal; }
}
.rates { margin-top: 64px; }
.rates__size { display: flex; margin: 45px auto 0px; flex-wrap: wrap; }
.vdsrates__size { display: flex; margin: 35px auto 0px; flex-wrap: wrap; }
.vdsrates__size_item { margin: 10px auto 0px; }
.vdsrates__size_item_soon { background: black; color: rgb(255, 255, 255); height: 18px; line-height: 18px; padding: 0px 5px; font-size: 9px; text-transform: uppercase; border-radius: 4px; margin: 0px auto; }
@media screen and (max-width: 390px) {
  .rates__size { margin-top: 16.14px; }
}
.rates__size_item_btn { width: 255px; border-radius: 5px; outline: none; border: 0px; padding: 9px 0px 8px; font-weight: 500; font-size: 18px; line-height: 21px; font-feature-settings: "pnum", "lnum"; cursor: pointer; transition: 0.3s; background: rgb(255, 222, 1); color: rgb(0, 0, 0); }
.rates__size_item_btn.active { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); }
@media screen and (max-width: 390px) {
  .rates__size_item_btn { font-size: 16px; line-height: 17px; width: 208.48px; padding: 7.36px 0px; }
}
.rates__size_item_about { font-style: normal; font-weight: 400; font-size: 14px; line-height: 18px; text-align: center; font-feature-settings: "pnum", "lnum"; color: rgb(0, 0, 0); margin-top: 11px; max-width: 284px; }
@media screen and (max-width: 390px) {
  .rates__size_item_about { font-size: 11.4459px; line-height: 15px; margin-top: 9.06px; }
}
.rates__group { display: flex; -webkit-box-pack: center; justify-content: center; gap: 29px; width: 100%; margin-top: calc(41px); }
.rates__group_item { width: 100%; max-width: 348.74px; margin-top: 5px; }
@media screen and (max-width: 390px) {
  .rates__group_item { max-width: 290.78px; }
}
.rates__group_item:hover .rates__group_item_header { background: rgb(255, 222, 1); }
.rates__group_item:hover .rates__group_item_header .rates__group_item_header_title { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.rates__group_item:hover .rates__group_item_header .rates__group_item_header_title::after { border-top: 14.32px solid rgb(0, 0, 0); }
.rates__group_item_header { display: flex; -webkit-box-pack: center; justify-content: center; height: calc(85px); background: linear-gradient(95.01deg, rgb(0, 0, 0) 45.97%, rgba(215, 224, 231, 0) 135.83%); border-top-left-radius: 10.44px; border-top-right-radius: 10.44px; }
.rates__group_item_header_title { position: relative; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; width: 299.66px; height: calc(48.5px); padding-top: 4px; border-radius: 5.22px; margin-top: -5.22px; font-weight: 600; font-size: 22px; line-height: 21px; font-feature-settings: "pnum", "lnum"; background-color: rgb(255, 222, 1); color: rgb(0, 0, 0); }
@media screen and (max-width: 390px) {
  .rates__group_item_header_title { font-size: 18px; line-height: 17px; width: 249.86px; }
}
.rates__group_item_header_title::after { content: ""; position: absolute; left: 0px; top: 48px; display: inline-block; border-width: 14.32px calc(149.83px) calc(149.83px); border-style: solid; border-color: rgb(255, 222, 1) transparent transparent; border-image: none; }
@media screen and (max-width: 390px) {
  .rates__group_item_header_title::after { border-width: 14.32px calc(120.43px) calc(120.43px); border-style: solid; border-color: rgb(255, 222, 1) transparent transparent; border-image: none; }
}
.rates__group_item_main { padding: 17px 18px 35px 13px; border-radius: 10.4412px; margin-top: -8px; font-style: normal; font-weight: 500; font-size: 14px; line-height: 18px; font-feature-settings: "pnum", "lnum", "liga" 0; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border: 1px solid rgb(255, 222, 1); }
@media screen and (max-width: 390px) {
  .rates__group_item_main { font-size: 12px; line-height: 15px; padding: 14.17px 15.01px 35px 10.81px; }
}
.rates__group_item_main_characteristic_title { padding: 18px 0px 14px 10px; }
.rates__group_item_main_characteristic { position: relative; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; border-top: 1px solid rgb(175, 175, 175); min-height: 52px; }
@media screen and (max-width: 390px) {
  .rates__group_item_main_characteristic { min-height: 41.36px; }
}
.rates__group_item_main_characteristic.line-bottom { border-bottom: 1px solid rgb(175, 175, 175); }
.rates__group_item_main_characteristic img { display: block; pointer-events: none; user-select: none; }
@media screen and (max-width: 390px) {
  .rates__group_item_main_characteristic img { width: 16.68px; height: 16.68px; }
}
.rates__group_item_main_characteristic_name, .rates__group_item_main_characteristic_result { width: 50%; }
.rates__group_item_main_characteristic_name { display: flex; padding: 0px 0px 0px 4px; gap: 21px; }
@media screen and (max-width: 390px) {
  .rates__group_item_main_characteristic_name { gap: 17.31px; }
}
.rates__group_item_main_characteristic_result { text-align: center; }
.rates__group_item_main_characteristic::after { content: ""; position: absolute; width: 0px; height: 33px; left: 50%; top: 50%; margin-bottom: 2px; transform: translate(-50%, -50%); border-right: 1px solid rgb(175, 175, 175); border-radius: 10.4412px; }
@media screen and (max-width: 390px) {
  .rates__group_item_main_characteristic::after { height: 27.52px; }
}
.rates__group_item_footer { position: relative; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; margin-top: -28.2px; margin-bottom: 20px; }
.rates__group_item_footer_button { position: relative; width: 299.66px; height: calc(51.79px); padding-top: 8px; font-weight: 600; font-size: 22px; line-height: 21px; outline: none; border: 0px; text-align: center; text-transform: uppercase; font-feature-settings: "pnum", "lnum"; background-color: rgb(255, 222, 1); color: rgb(0, 0, 0); border-radius: 5.22px; cursor: pointer; transition: 0.2s; }
@media screen and (max-width: 390px) {
  .rates__group_item_footer_button { font-size: 18px; line-height: 17px; height: calc(49.51px); width: 250.24px; }
}
.rates__group_item_footer_button:hover { background-color: rgb(0, 0, 0) !important; color: rgb(255, 255, 255) !important; }
.rates__group_item_footer_button:hover::after { border-top: 20px solid rgb(0, 0, 0) !important; }
.rates__group_item_footer_button b { font-weight: 400; font-size: 18px; line-height: 35px; }
.rates__group_item_footer_button::after { content: ""; position: absolute; left: 0px; top: calc(50.59px); z-index: -1; transition: 0.2s; display: inline-block; border-width: 20px calc(149.83px) calc(149.83px); border-style: solid; border-color: rgb(255, 222, 1) transparent transparent; border-image: none; }
@media screen and (max-width: 390px) {
  .rates__group_item_footer_button::after { top: calc(48.8px); border-width: 15px calc(125.12px) calc(125.12px); border-style: solid; border-color: rgb(255, 222, 1) transparent transparent; border-image: none; }
}
.rates__see-all { border-radius: 5px; margin-top: 37px; padding: 10px 6px 9px; min-width: 149px; font-weight: 500; font-size: 16px; line-height: 18px; font-feature-settings: "pnum", "lnum"; transition: 0.5s; background: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.rates__see-all:hover { background-color: rgb(255, 222, 1); color: rgb(0, 0, 0); }
.rates .mt55 { margin-top: 55px; }
@media screen and (max-width: 768px) {
  .rates { margin-top: 37px; }
  .rates .flex { margin-top: 24.26px; }
  .rates .flex h1 { max-width: 330px; text-align: center; font-size: 20px; line-height: 22px; }
  .rates__size { display: block; margin-top: 20px; }
  .rates__size_item { margin-top: 16.14px; }
  .rates__group { margin-top: 27.49px; }
}
@media screen and (max-width: 576px) {
  .rates__see-all { margin-top: 17.48px !important; }
}
.questions { margin-top: 34px; }
@media screen and (max-width: 576px) {
  .questions { margin-top: 32.7px; }
}
.questions .accordion { margin-top: 36px; }
@media screen and (max-width: 576px) {
  .questions .accordion { margin-top: 15px; }
}
@media screen and (max-width: 576px) {
  .questions .title-group { padding-left: 10px; margin-left: 10px; }
}
.ask-question { margin-top: 49px; margin-bottom: 41px; width: 100%; }
@media screen and (max-width: 576px) {
  .ask-question { margin-bottom: 28px; margin-top: 21px; }
}
.ask-question__title { width: 100%; text-align: center; }
.ask-question__title h1 { margin-bottom: 9px; }
@media screen and (max-width: 576px) {
  .ask-question__title h1 { white-space: nowrap; font-size: 20px; line-height: 22px !important; }
  .ask-question__title h1 b { display: block; }
}
.ask-question__title span { font-size: 16px; font-weight: 500; line-height: 32px; letter-spacing: 0em; }
@media screen and (max-width: 576px) {
  .ask-question__title span { display: none; }
}
.ask-question__container { max-width: 824px; margin: 0px auto; }
.ask-question__form { display: flex; gap: 19.2px; margin-top: 17.56px; }
.ask-question__form textarea { width: 100%; max-height: 114px; resize: none; background: rgb(255, 255, 255); border: 0.9531px solid rgb(115, 115, 115); border-radius: 4.7655px; padding: 11px 0px 0px 22px; outline: none; }
.ask-question__form_input-group { display: flex; -webkit-box-align: center; align-items: center; box-sizing: border-box; padding: 0px 10.39px; gap: 9.19px; position: relative; width: 284.8px; height: 51.47px; background: rgb(255, 255, 255); border: 0.9531px solid rgb(115, 115, 115); border-radius: 4.7655px; cursor: text; }
.ask-question__form_input-group:nth-child(2n) { margin-top: 11.98px; }
.ask-question__form_input-group img { width: 30.73px; height: 28.59px; user-select: none; }
.ask-question__form_input-group input { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; width: 100%; font-style: normal; font-weight: 400; font-size: 14px; line-height: 21px; color: rgb(0, 0, 0); }
.ask-question__form_input-group input + label { position: absolute; left: 50.31px; font-style: normal; font-weight: 400; font-size: 14px; line-height: 21px; color: rgb(0, 0, 0); pointer-events: none; }
.ask-question__form_input-group input + label::after { content: " *"; color: red; }
.ask-question__form_input-group input[required]:valid + label { display: none; }
.ask-question__form_submit { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; margin-top: 22.53px; font-size: 14px; font-weight: 400; line-height: 27px; letter-spacing: 0em; text-align: left; }
@media screen and (max-width: 576px) {
  .ask-question__form_submit { padding: 0px 13px; font-weight: 400; font-size: 12px; line-height: 22px; }
}
.ask-question__form_submit b { color: rgb(255, 222, 1); }
.ask-question__form_submit button { min-width: 239px; padding: 12px 0px; border-radius: 5px; font-style: normal; font-weight: 500; font-size: 16px; line-height: 18px; text-align: center; font-feature-settings: "pnum", "lnum"; transition: 0.3s; background: rgb(255, 222, 1); color: rgb(0, 0, 0); }
.ask-question__form_submit button:hover { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.ask-question__form_submit .checkbox { height: 29px; }
@media screen and (max-width: 576px) {
  .ask-question__form_submit .checkbox { white-space: nowrap; }
}
@media screen and (max-width: 820px) {
  .ask-question__form { padding: 0px 30px; }
  .ask-question__form_submit { display: block; text-align: center; }
  .ask-question__form_submit button { margin-top: 8.7px; }
}
@media screen and (max-width: 768px) {
  .ask-question__form { display: block; }
  .ask-question__form textarea { margin-top: 13px; min-height: 152px; }
  .ask-question__form_input-group { width: 100%; }
  .ask-question__form_submit { display: block; text-align: center; }
  .ask-question__form_submit button { margin-top: 8.7px; }
}
@media screen and (max-width: 576px) {
  .ask-question h1 { line-height: 32px; padding: 0px calc(10vw); }
  .ask-question__form { padding: 0px 13px; }
}
.dedicated-servers .breadcrumbs { margin-bottom: 29px; }
@media screen and (max-width: 576px) {
  .dedicated-servers .breadcrumbs { margin-bottom: 18px; }
}
.dedicated-servers__about { font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; margin-top: 19px; }
@media screen and (max-width: 1200px) {
  .dedicated-servers__about { padding: 0px 30px; }
}
@media screen and (max-width: 576px) {
  .dedicated-servers__about { padding: 0px 5px; margin-top: 15px; }
}
.dedicated-servers__table { display: flex; margin-top: 37px; white-space: nowrap !important; }
@media screen and (max-width: 1200px) {
  .dedicated-servers__table { min-width: calc(949.2px) !important; }
}
@media screen and (max-width: 1015px) {
  .dedicated-servers__table { min-width: calc(791px) !important; }
}
@media screen and (max-width: 854px) {
  .dedicated-servers__table { min-width: calc(633.2px) !important; }
}
@media screen and (max-width: 693px) {
  .dedicated-servers__table { min-width: calc(475.2px) !important; }
}
@media screen and (max-width: 576px) {
  .dedicated-servers__table { margin-top: 13px; }
}
@media screen and (max-width: 446px) {
  .dedicated-servers__table { min-width: calc(391.5px) !important; }
}
@media screen and (max-width: 390px) {
  .dedicated-servers__table { min-width: calc(309px) !important; }
}
.dedicated-servers__table:nth-child(n) { border-left: 1px solid rgb(196, 196, 196); }
.dedicated-servers__table_col { width: 100%; max-width: 159.79px; font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; text-align: center; text-transform: capitalize; white-space: nowrap !important; }
@media screen and (max-width: 446px) {
  .dedicated-servers__table_col { font-size: 14px; line-height: 17px; min-width: 130px !important; max-width: 130px !important; }
}
@media screen and (max-width: 390px) {
  .dedicated-servers__table_col { font-size: 10.3079px; line-height: 12px; min-width: 102.94px !important; max-width: 102.94px !important; }
  .dedicated-servers__table_col button { transform: scale(0.8); }
}
.dedicated-servers__table_col button { max-width: 117px; width: 100%; padding: 9px 0px 10px; border-radius: 5px; background-color: rgb(255, 222, 1); font-style: normal; font-weight: 500; font-size: 16px; line-height: 19px; color: rgb(28, 30, 39); transition: 0.3s; }
.dedicated-servers__table_col button:hover { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.dedicated-servers__table_col_row, .dedicated-servers__table_col_title { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border-right: 1px solid rgb(196, 196, 196); border-bottom: 1px solid rgb(196, 196, 196); }
.dedicated-servers__table_col_title { background: rgb(237, 237, 237); height: 43px; border-top: 1px solid rgb(196, 196, 196); }
.dedicated-servers__table_col_row { height: 80.84px; background: rgb(255, 255, 255); }
@media screen and (max-width: 446px) {
  .dedicated-servers__table_col_row { height: 60.84px !important; }
}
@media screen and (max-width: 390px) {
  .dedicated-servers__table_col_row { height: 52.08px !important; }
}
.question-answer .breadcrumbs { margin-bottom: 37px; }
@media screen and (max-width: 576px) {
  .question-answer .breadcrumbs { margin-bottom: 20px; }
}
.question-answer .title-group { margin-bottom: 25px; }
@media screen and (max-width: 576px) {
  .question-answer .title-group { margin-bottom: 15px; }
}
@media screen and (max-width: 576px) {
  .question-answer .accordion { padding: 0px 5px; }
}
.myservers { display: flex; margin-bottom: 40px; }
@media screen and (max-width: 576px) {
  .myservers { margin-bottom: 20.87px; }
}
.myservers .breadcrumbs { margin-bottom: 29px; }
@media screen and (max-width: 576px) {
  .myservers .breadcrumbs { display: none; }
}
.myservers__servers-group { display: flex; flex-wrap: wrap; gap: 30px; margin-top: 33px; }
@media screen and (max-width: 1200px) {
  .myservers__servers-group { padding: 0px 30px; }
}
@media screen and (max-width: 576px) {
  .myservers__servers-group { padding: 0px 5px; margin-top: 15px; gap: 10px; }
}
.myservers__server { width: 100%; max-width: 255px; height: max-content; margin-bottom: -9px; background: rgb(237, 237, 237); border-radius: 8px; text-align: center; padding: 17px 0px; }
.myservers__server.expired { box-shadow: rgba(210, 8, 8, 0.235) 0px 10px 24px -3px; }
.myservers__server.expired .myservers__server_date { color: red; }
.myservers__server.expired .myservers__server_date svg path { fill: red; }
.myservers__server.order { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; margin-top: 100px; }
@media screen and (max-width: 576px) {
  .myservers__server.order { }
}
@media screen and (max-width: 576px) {
  .myservers__server { width: 150px; padding: 10px 0px 7.89px; margin-bottom: 3px; }
}
.myservers__server_ip { font-weight: 400; font-size: 20px; line-height: 28px; color: rgb(0, 0, 0); width: 100%; }
.myservers__server_name { font-weight: 400; font-size: 18px; line-height: 28px; color: rgb(0, 0, 0); width: 100%; }
@media screen and (max-width: 576px) {
  .myservers__server_ip { font-size: 12px; line-height: 16px; }
}
.myservers__server_ip b { margin-right: 18.73px; }
@media screen and (max-width: 576px) {
  .myservers__server_ip b { margin-right: 6.71px; }
}
.myservers__server_date { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 100%; font-weight: 400; font-size: 16px; line-height: 22px; margin-top: 9px; color: rgb(0, 0, 0); }
@media screen and (max-width: 576px) {
  .myservers__server_date { font-size: 12px; line-height: 16px; }
}
.myservers__server_date svg { margin-right: 14px; user-select: none; }
@media screen and (max-width: 576px) {
  .myservers__server_date svg { width: 10.55px; height: 10.55px; margin-right: 6.45px; }
}
.myservers__server_logo { display: flex; -webkit-box-pack: center; justify-content: center; width: 100%; margin-top: 6px; user-select: none; }
.myservers__server_logo img { width: 105px; height: 105px; }
@media screen and (max-width: 576px) {
  .myservers__server_logo img { width: 61.52px; height: 61.52px; }
}
.myservers__server_data { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 218px; height: 37px; margin: 8px auto 0px; background: rgb(211, 211, 211); border-radius: 8px; font-weight: 400; font-size: 16px; line-height: 22px; }
@media screen and (max-width: 576px) {
  .myservers__server_data { font-size: 11px; line-height: 13px; height: 21.68px; width: 127.73px; }
}
.myservers__server_disabled-text { font-size: clamp(8px, 2vw, 13px); line-height: 1.25; max-height: 70px; overflow: hidden; margin: 39px auto 0px; max-width: 220px; background: gold; border-radius: 12px; }
.server-suspended-info { margin-top: 9px; display: flex; align-items: flex-start; background: gold; color: rgb(34, 34, 34); font-size: 14px; font-weight: 500; border-radius: 14px; padding: 18px 20px 18px 18px; margin-bottom: 32px; max-width: 540px; box-shadow: rgba(0, 0, 0, 0.04) 0px 2px 8px 0px; }
.server-suspended-info svg { flex-shrink: 0; margin-top: 2px; }
.server-suspended-info span { display: block; line-height: 1.35; }
@media (max-width: 600px) {
  .server-suspended-info { font-size: 15px; padding: 10px; max-width: 100%; }
}
.myservers__server_button-group { display: flex; -webkit-box-align: center; align-items: center; font-weight: 400; font-size: 14px; line-height: 22px; color: rgb(0, 0, 0); margin: 39px auto 0px; max-width: 220px; }
@media screen and (max-width: 576px) {
  .myservers__server_button-group { margin-top: 10.94px !important; }
}
.myservers__server_button-group button { padding: 4px; border-radius: 5px; transition: 0.2s; }
@media screen and (max-width: 576px) {
  .myservers__server_button-group button { font-weight: 400; font-size: 9px; }
  .myservers__server_button-group button img { transform: scale(0.7); }
}
.myservers__server_button-group button:hover { background-color: rgb(255, 222, 1); }
@media screen and (max-width: 576px) {
  .myservers__server_button-group { margin-top: 20px; }
}
.myservers__server_button-more { border-radius: 5px; padding: 8px 12px 7px 17px; font-style: normal; font-weight: 500; font-size: 14px; line-height: 17px; text-align: center; margin-top: 18px; transition: 0.3s; background: gold; color: rgb(0, 0, 0) !important; }
@media screen and (max-width: 576px) {
  .myservers__server_button-more { font-weight: 500; font-size: 10px; line-height: 12px; margin-top: 15px; }
}
.myservers__server_button-more:hover { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.myservers__server_button-more:hover { color: rgb(255, 255, 255) !important; }
.myservers__server_button { border-radius: 5px; padding: 15px 26px; font-style: normal; font-weight: 500; font-size: 18px; line-height: 17px; text-align: center; transition: 0.3s; background: gold; color: rgb(0, 0, 0); }
@media screen and (max-width: 576px) {
  .myservers__server_button { font-weight: 500; font-size: 10px; line-height: 12px; margin-top: 15px; }
}
.myservers__server_button:hover { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.about { padding-bottom: 38px; }
@media screen and (max-width: 1200px) {
  .about { width: calc(100% - 30px); }
}
@media screen and (max-width: 576px) {
  .about { width: calc(100% - 5px); padding-bottom: 19px; }
}
.about .breadcrumbs { margin-bottom: 29px; }
@media screen and (max-width: 576px) {
  .about .breadcrumbs { margin-bottom: 20px; }
}
.about .title-group { margin-bottom: 19px; }
.about__about { font-weight: 400; font-size: 16px; line-height: 22px; margin-top: 10px; color: rgb(0, 0, 0); }
@media screen and (max-width: 1200px) {
  .about__about { padding-left: 30px; }
}
@media screen and (max-width: 576px) {
  .about__about { padding: 0px 5px 0px 8px; font-weight: 400; font-size: 12px; line-height: 16px; }
}
.about__table-group { display: flex; gap: 30px; width: 100%; margin-top: 26px; }
@media screen and (max-width: 1200px) {
  .about__table-group { display: block; padding-left: 30px; }
}
@media screen and (max-width: 576px) {
  .about__table-group { padding: 0px 5px 0px 8px; }
}
.about__table-group_title { font-weight: 600; font-size: 18px; line-height: 22px; margin-bottom: 13px; color: rgb(0, 0, 0); }
@media screen and (max-width: 576px) {
  .about__table-group_title { font-weight: 600; font-size: 12px; line-height: 15px; margin-bottom: 10.332px; }
}
.about__table-group_table { display: flex; max-width: 540px; width: 100%; border-left: 1px solid rgb(196, 196, 196); }
@media screen and (max-width: 768px) {
  .about__table-group_table { max-width: 307.11px; overflow: hidden; border-right: 1px solid rgb(196, 196, 196); }
}
@media screen and (max-width: 1200px) {
  .about__table-group_table { margin-bottom: 20px; }
}
.about__table-group_table_col { border-right: 1px solid rgb(196, 196, 196); border-top: 1px solid rgb(196, 196, 196); font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; text-transform: capitalize; color: rgb(0, 0, 0); }
@media screen and (max-width: 768px) {
  .about__table-group_table_col { font-size: 9.5px; }
}
.about__table-group_table_col.active .about__table-group_table_col_row { width: 158px; min-width: 158px; max-width: 158px; padding: 13px 0px 11px; background: rgb(237, 237, 237); font-weight: 600; text-align: center; }
@media screen and (max-width: 768px) {
  .about__table-group_table_col.active .about__table-group_table_col_row { padding: 7.39px 6.82px 6.26px 4.55px; min-width: 90px; max-width: 90px; }
}
.about__table-group_table_col_row { min-width: calc(345px); padding: 13px 19px 11px; border-bottom: 1px solid rgb(196, 196, 196); }
@media screen and (max-width: 768px) {
  .about__table-group_table_col_row { padding: 7.39px 6.82px 6.26px 4.55px; min-width: 100%; width: 217.82px; }
}
.about__centers { margin-top: 36px; }
@media screen and (max-width: 1200px) {
  .about__centers { padding-left: 30px; }
}
@media screen and (max-width: 576px) {
  .about__centers { padding: 0px 5px 0px 8px; margin-top: 17px; }
}
.about__centers h1 { width: 100%; text-align: center; }
@media screen and (max-width: 576px) {
  .about__centers h1 { white-space: nowrap; font-size: 20px; line-height: 16px; }
}
.about__centers_group { display: flex; margin-top: 39px; gap: 30px; }
@media screen and (max-width: 768px) {
  .about__centers_group { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 12px; max-width: 100%; }
}
@media screen and (max-width: 576px) {
  .about__centers_group { margin-top: 17px; }
}
.about__centers_group_item { width: 100%; max-width: 49%; padding: 18px 16px 33px 26px; border-radius: 10px; background-color: rgb(233, 233, 233); }
@media screen and (max-width: 768px) {
  .about__centers_group_item { width: calc(100% - 42px); max-width: none; padding-bottom: 15px; }
}
@media screen and (max-width: 576px) {
  .about__centers_group_item { width: 100%; }
}
.about__centers_group_item.active { background-color: gold; }
.about__centers_group_item_title { font-size: 18px; font-weight: 600; line-height: 22px; letter-spacing: 0em; margin-bottom: 15px; }
@media screen and (max-width: 576px) {
  .about__centers_group_item_title { font-size: 15px; margin-bottom: 19.31px; }
}
.about__centers_group_item_text { font-weight: 400; font-size: 16px; line-height: 22px; color: rgb(0, 0, 0); }
@media screen and (max-width: 576px) {
  .about__centers_group_item_text { font-weight: 400; font-size: 12px; line-height: 16px; }
}
.about__centers_group_item_button { float: right; padding: 8px 9px 7px 20px; border-radius: 5px; margin: 10px -5px -23px 0px; transition: 0.2s; background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); }
@media screen and (max-width: 1200px) {
  .about__centers_group_item_button { margin: 7px 0px 0px; }
}
.about__centers_group_item_button:hover { background-color: rgb(0, 0, 0); color: rgba(255, 255, 255, 0.847); }
.registration { position: relative; width: calc(280px); height: max-content; padding: 24px 20px 23px 16px; background: rgb(0, 0, 0); border-radius: 4px; text-align: center; font-style: normal; font-feature-settings: "pnum", "lnum"; }
.registration__close { position: absolute; top: 0px; right: 0px; width: 28px; height: 28px; margin: 16px 16px 0px 0px; background: url("/public/images/icons/modal_close.svg") center center no-repeat gold; border-radius: 3.8124px; cursor: pointer; transition: 0.3s; }
.registration__close:hover { box-shadow: rgb(255, 222, 1) 0px 0px 0px 1.2px inset; background-color: rgb(0, 0, 0); }
.registration__logo { width: 127px; height: 44px; user-select: none; pointer-events: none; }
.registration__title { font-weight: 600; font-size: 24px; line-height: 28px; text-transform: uppercase; margin-top: 16px; margin-bottom: 13px; color: gold; }
.registration__email { font-weight: 400; font-size: 14px; line-height: 20px; color: rgb(255, 255, 255); }
.registration__about { font-weight: 400; font-size: 20px; line-height: 20px; text-transform: lowercase; margin-top: 10px; margin-bottom: 21px; color: rgb(255, 255, 255); }
.registration__input-container { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 10px; }
.registration__input-container_group { display: flex; width: 100%; padding: 11px 12px 15px; background: rgb(250, 253, 255); border: 1px solid rgb(220, 239, 251); border-radius: 3px; cursor: text; }
.registration__input-container_group img { margin-right: 17px; user-select: none; pointer-events: none; }
.registration__input-container_group input { width: 100%; background-color: rgba(0, 0, 0, 0); outline: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; font-weight: 500; font-size: 14px; line-height: 20px; color: rgb(28, 30, 39); }
.registration__input-container_group input::-webkit-input-placeholder { color: rgb(28, 30, 39); }
.registration__input-container_group input::placeholder { color: rgb(28, 30, 39); }
.registration__button { display: flex; -webkit-box-align: center; align-items: center; padding: 15px 22px 15px 21px; margin: 16px auto auto; border-radius: 5px; transition: 0.3s; font-weight: 500; font-size: 16px; line-height: 19px; background: rgb(255, 222, 1); color: rgb(0, 0, 0); }
.registration__button:hover { box-shadow: rgb(255, 222, 1) 0px 0px 0px 1px inset; background-color: rgb(0, 0, 0); color: rgb(255, 222, 1); }
.registration__button:hover svg path { fill: rgb(255, 222, 1); }
.registration__button svg { margin-right: 11px; }
.registration__button svg path { transition: 0.3s; }
.registration__captcha { margin: 18px 0px; user-select: none; }
.registration__links { display: flex; -webkit-box-pack: justify; justify-content: space-between; margin-top: 19px; color: rgb(255, 255, 255); }
.registration__links a { cursor: pointer; transition: 0.2s; }
.registration__links a:hover { text-decoration: underline; }
.privacy-policy .breadcrumbs { margin-bottom: 29px; }
@media screen and (max-width: 576px) {
  .privacy-policy .title-group h1 { line-height: 30px; }
}
.privacy-policy__list { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 25px; margin-top: 32px; }
@media screen and (max-width: 1200px) {
  .privacy-policy__list { padding: 0px 30px; }
}
@media screen and (max-width: 576px) {
  .privacy-policy__list { padding: 0px 5px; }
}
.privacy-policy__list.success { gap: 12px; margin-top: 20px; }
@media screen and (max-width: 576px) {
  .privacy-policy__list.success { padding: 0px 5px; }
}
.privacy-policy__list.success .privacy-policy__list_item { position: relative; padding-left: 23px; }
.privacy-policy__list.success .privacy-policy__list_item::before { position: absolute; left: 0px; top: 3px; content: ""; width: 20px; height: 20px; transform: scale(0.8); transform-origin: 0px 0px; background-image: url("/public/images/icons/success.svg"); }
.privacy-policy__list_item { font-weight: 400; font-size: 16px; line-height: 22px; }
.privacy-policy__list_item.fw600 { font-weight: 600; margin-bottom: -5px; }
.privacy-policy__list_item.select { padding: 18px 29px 19px 27px; border-radius: 10px; background-color: rgb(233, 233, 233); }
.create-request { margin-bottom: 24px; }
.create-request .breadcrumbs { margin-bottom: 35px; }
@media screen and (max-width: 576px) {
  .create-request .breadcrumbs { display: none; }
}
@media screen and (max-width: 768px) {
  .create-request h4 { padding: 0px 30px; width: calc(100% - 10px); }
}
@media screen and (max-width: 576px) {
  .create-request h4 { padding: 0px 5px 0px 7px; }
}
.create-request__group { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 17px; margin-top: 17px; width: 100%; }
@media screen and (max-width: 768px) {
  .create-request__group { padding: 0px 30px; }
}
@media screen and (max-width: 576px) {
  .create-request__group { padding: 0px 5px 0px 7px; margin-top: 14px; }
}
.create-request__group_textarea { margin-top: 7px; width: 100%; background: rgb(237, 237, 237); border: 1px solid rgb(211, 211, 211); border-radius: 3px; outline: none; padding: 14px 22px; resize: vertical; font-weight: 400; font-size: 14px; line-height: 18px; color: rgb(51, 51, 51); }
@media screen and (max-width: 576px) {
  .create-request__group_textarea { padding: 10px 11px; }
}
.create-request__group_textarea.thematic { min-height: calc(20px); }
@media screen and (max-width: 576px) {
  .create-request__group_textarea.thematic { min-height: calc(44px); }
}
.create-request__group_textarea.message { min-height: calc(65px); }
@media screen and (max-width: 576px) {
  .create-request__group_textarea.message { min-height: calc(89px); }
}
.create-request__group_textarea:focus { border: 1px solid rgb(186, 186, 186); }
.create-request__button-group { display: flex; -webkit-box-pack: center; justify-content: center; width: 100%; }
.create-request__button-group_button { display: flex; -webkit-box-align: center; align-items: center; padding: 10px 18px 9px; border-radius: 5px; margin-top: 26px; min-width: 161px; font-weight: 500; font-size: 16px; line-height: 19px; text-align: left; transition: 0.2s; background: gold; color: rgb(0, 0, 0); }
.create-request__button-group_button:hover { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.create-request__button-group_button:hover svg path { fill: rgb(255, 255, 255); }
.create-request__button-group_button svg { margin-right: 24px; }
.create-request__button-group_button svg path { transition: 0.2s; }
.balance-replenishment { padding-bottom: 34px; }
.balance-replenishment .breadcrumbs { margin-bottom: 35px; }
@media screen and (max-width: 576px) {
  .balance-replenishment .breadcrumbs { display: none; }
}
.balance-replenishment__select-group { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; max-width: 444px; gap: 19px; margin-top: 19px; }
@media screen and (max-width: 576px) {
  .balance-replenishment__select-group { max-width: 100%; }
}
.balance-replenishment__select-group_group { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; }
@media screen and (max-width: 576px) {
  .balance-replenishment__select-group_group { display: block; }
}
.balance-replenishment__select-group_group input { display: block; background: rgb(237, 237, 237); border: 1px solid rgb(211, 211, 211); border-radius: 3px; padding: 14px 18px; width: 314px; outline: none; }
@media screen and (max-width: 576px) {
  .balance-replenishment__select-group_group input { margin-top: 8px; width: 100%; }
}
@media screen and (max-width: 576px) {
  .balance-replenishment__select-group_group .select_wrap { margin-top: 8px; max-width: 100%; }
}
.balance-replenishment__select-group_group span { font-weight: 600; font-size: 14px; line-height: 18px; }
.balance-replenishment__button-group { display: flex; -webkit-box-pack: end; justify-content: end; width: 100%; max-width: 444px; }
.balance-replenishment__button-group_button { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding: 10px 18px 9px; border-radius: 5px; margin-top: 35px; min-width: 155px; font-weight: 500; font-size: 16px; line-height: 19px; transition: 0.2s; background: gold; color: rgb(0, 0, 0); }
.balance-replenishment__button-group_button:hover { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.profile { margin-bottom: 39px; }
@media screen and (max-width: 576px) {
  .profile { margin-bottom: 25px; }
}
.profile .breadcrumbs { margin-bottom: 19px; }
@media screen and (max-width: 576px) {
  .profile .breadcrumbs { display: none; }
}
.profile__container { max-width: 730px; width: 100%; margin: auto; }
@media screen and (max-width: 1100px) {
  .profile__container { max-width: 100%; padding: 0px 30px; }
}
@media screen and (max-width: 576px) {
  .profile__container { width: calc(100% - 10px); padding: 0px 5px; }
}
.profile__group { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 16px; width: 100%; max-width: 504px; margin-top: 57px; }
@media screen and (max-width: 576px) {
  .profile__group { max-width: 100%; margin-top: 30px; gap: 9.71px; }
}
.profile__group span { font-weight: 500; font-size: 18px; line-height: 18px; margin-bottom: 10px; color: rgb(0, 0, 0); }
@media screen and (max-width: 576px) {
  .profile__group span { font-weight: 500; font-size: 16px; line-height: 18px; margin-bottom: 0px; }
}
.profile__group .checkbox .custom-checkbox + label::before { margin-right: 16.17px; }
@media screen and (max-width: 576px) {
  .profile__group .checkbox .custom-checkbox + label::before { margin-right: 9.67px; }
}
.profile__group .checkbox .custom-checkbox:checked + label::before { width: 18.33px; height: 18.4px; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='white' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); border-color: rgb(57, 61, 70) !important; background-color: rgb(57, 61, 70) !important; }
.profile__group .checkbox .custom-checkbox:not(:checked) + label::before { border-color: rgba(0, 0, 0, 0.05); width: 18.33px; height: 18.4px; background-color: rgb(255, 255, 255) !important; }
@media screen and (max-width: 576px) {
  .profile__group .checkbox * { font-weight: 400; font-size: 12px; line-height: 18px; }
}
.profile__group_item { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; width: 100%; font-weight: 500; font-size: 16px; line-height: 18px; }
@media screen and (max-width: 576px) {
  .profile__group_item { display: block; font-weight: 600; font-size: 14px; }
}
.profile__group_item input { display: block; background: rgb(237, 237, 237); border: 1px solid rgb(211, 211, 211); border-radius: 3px; padding: 14px 18px; width: 314px; outline: none; color: rgb(51, 51, 51); transition: 0.2s; }
.profile__group_item input::-webkit-input-placeholder { color: rgb(51, 51, 51); }
.profile__group_item input::placeholder { color: rgb(51, 51, 51); }
.profile__group_item input:focus { border: 1px solid rgb(148, 148, 148); }
@media screen and (max-width: 576px) {
  .profile__group_item input { width: 100%; margin-top: 11px; font-weight: 400; font-size: 12px; line-height: 18px; }
}
.profile__group_item button { display: block; background: rgb(255, 222, 1); border-radius: 5px; font-weight: 400; font-size: 16px; line-height: 36px; padding: 5px 8px 5px 13px; width: 159px; transition: 0.3s; }
.profile__group_item button:hover { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); }
@media screen and (max-width: 576px) {
  .profile__group_item button { margin: 12px auto auto; font-weight: 500; font-size: 14px; line-height: 17px; padding: 11px 25px 10px; }
}
.support-request { padding-bottom: 21px; }
.support-request .container-child { margin-top: 35px; }
@media screen and (max-width: 576px) {
  .support-request .container-child { margin-top: 17px; }
}
@media screen and (max-width: 576px) {
  .support-request .breadcrumbs { display: none; }
}
@media screen and (max-width: 576px) {
  .support-request h4 { font-size: 16px; line-height: 22px; }
}
.support-request__btn-send { display: flex; -webkit-box-pack: center; justify-content: center; margin-top: 25.08px; }
.support-request__btn-send button { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding: 10px 0px 9px; min-width: 161px; font-weight: 500; font-size: 16px; line-height: 19px; background: gold; border-radius: 5px; transition: 0.3s; }
.support-request__btn-send button:hover { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.support-request__btn-send button:hover svg path { fill: rgb(255, 255, 255); }
.support-request__btn-send button svg { margin-right: 15px; }
.support-request__btn-send button svg path { transition: 0.3s; }
@media screen and (max-width: 576px) {
  .support-request__btn-send button { font-size: 14px; line-height: 17px; padding: 11px 0px 10px; min-width: 150px; }
}
.support-request__info { margin-top: 23px; width: 100%; font-style: normal; font-size: 16px; line-height: 36px; }
@media screen and (max-width: 576px) {
  .support-request__info { margin-top: 10px; font-size: 12px; line-height: 23px; }
}
.support-request__info_title { background-color: rgb(233, 233, 233); border-radius: 5px; padding: 7px 18px; font-weight: 600; }
@media screen and (max-width: 576px) {
  .support-request__info_title { padding-left: 11.72px; padding-right: 11.72px; }
}
.support-request__info_item { display: flex; gap: 71px; padding: 10px 18px 9px; border-bottom: 0.1px solid rgb(211, 211, 211); }
@media screen and (max-width: 576px) {
  .support-request__info_item { -webkit-box-pack: justify; justify-content: space-between; padding-left: 11.72px; padding-right: 11.72px; }
}
.support-request__info_item_col { width: 309px; }
@media screen and (max-width: 576px) {
  .support-request__info_item_col { width: max-content; }
}
.support-request__info_item_col_title { font-weight: 600; }
.support-request__info_item_col button { padding: 0px 6px 0px 3px; min-width: calc(83px); border-radius: 5px; font-weight: 400; font-size: 16px; line-height: 36px; transition: 0.2s; background-color: rgb(255, 222, 1); color: rgb(0, 0, 0); }
.support-request__info_item_col button:hover { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); }
@media screen and (max-width: 576px) {
  .support-request__info_item_col button { min-width: 87px; font-weight: 400; font-size: 12px; line-height: 23px; }
}
.support-request__messages { margin-top: 35px; width: 100%; }
@media screen and (max-width: 576px) {
  .support-request__messages { margin-top: 20.13px; }
}
.support-request__messages h4 { font-weight: 600; font-size: 16px; line-height: 36px; margin: 8px 0px 10px; }
@media screen and (max-width: 576px) {
  .support-request__messages h4 { font-size: 12px; line-height: 23px; }
}
.support-request__messages textarea { background: rgb(237, 237, 237); border: 1px solid rgb(211, 211, 211); border-radius: 3px; width: 100%; min-height: calc(89px); padding: 15px 18px; outline: none; font-weight: 400; font-size: 14px; line-height: 18px; color: rgb(51, 51, 51); resize: vertical; }
.support-request__messages textarea:focus { border-color: rgb(160, 160, 160); }
@media screen and (max-width: 576px) {
  .support-request__messages textarea { font-size: 10px; line-height: 12px; }
}
.support-request__messages_massage { border-radius: 5px; width: 100%; padding: 6px 18px 7px; margin-bottom: 13px; font-size: 16px; line-height: 36px; color: rgb(0, 0, 0); background-color: rgb(233, 233, 233); }
@media screen and (max-width: 576px) {
  .support-request__messages_massage { font-size: 12px; line-height: 23px; padding-left: 12px; padding-right: 12px; }
}
.support-request__messages_massage_title { font-weight: 600; }
.support-request__messages_massage_text { border-bottom: 0.5px solid rgb(211, 211, 211); margin: 0px -18px; padding: 0px 18px 9px; }
@media screen and (max-width: 576px) {
  .support-request__messages_massage_text { margin: 3px 0px 0px; padding: 0px 0px 8px; line-height: 16px; }
}
.support-request__messages_massage_date { position: relative; font-size: 12px; margin-top: 10px; padding-left: 23px; }
.support-request__messages_massage_date::before { content: ""; position: absolute; top: 8px; left: 0px; width: 17px; height: 17px; background-image: url("/public/images/icons/date.svg"); }
@media screen and (max-width: 576px) {
  .support-request__messages_massage_date::before { width: 14px; height: 14px; top: 0px; }
}
@media screen and (max-width: 576px) {
  .support-request__messages_massage_date { font-size: 10px; line-height: 16px; margin: 13px 0px 14px; }
}
.support-request__messages_checkboxes { display: flex; margin-top: 14.97px; gap: 20px; }
@media screen and (max-width: 576px) {
  .support-request__messages_checkboxes { margin-top: 10.43px; }
}
.support-request__messages_checkboxes .checkbox .custom-checkbox + label::before { margin-right: 11.7px; }
@media screen and (max-width: 576px) {
  .support-request__messages_checkboxes .checkbox .custom-checkbox + label::before { margin-right: 8.57px; }
}
.support-request__messages_checkboxes .checkbox .custom-checkbox:checked + label::before { width: 18.33px; height: 18.4px; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='white' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); border-color: rgb(57, 61, 70) !important; background-color: rgb(57, 61, 70) !important; }
.support-request__messages_checkboxes .checkbox .custom-checkbox:not(:checked) + label::before { border-color: rgba(0, 0, 0, 0.05); width: 18.33px; height: 18.4px; background-color: rgb(255, 255, 255) !important; }
@media screen and (max-width: 576px) {
  .support-request__messages_checkboxes .checkbox * { font-weight: 400; font-size: 12px; line-height: 18px; }
}
.tickets { padding-bottom: 22px; }
.tickets .breadcrumbs { margin-bottom: 29px; }
@media screen and (max-width: 576px) {
  .tickets .breadcrumbs { display: none; }
}
@media screen and (max-width: 1100px) {
  .tickets h4 { margin-top: 14px; }
}
@media screen and (max-width: 576px) {
  .tickets h4 { font-weight: 600; font-size: 14px; line-height: 22px; }
}
.tickets__table { padding: 0px 5px; margin-top: 14px; }
@media screen and (max-width: 820px) {
  .tickets__table { padding: 0px; }
}
.tickets__table_col { line-height: 36px; color: rgb(0, 0, 0); font-size: 16px !important; }
@media screen and (max-width: 576px) {
  .tickets__table_col { font-weight: 400; font-size: 14px; line-height: 18px; }
}
.tickets__table_col_title { font-size: 16px; line-height: 36px; font-weight: 600; }
.tickets__table_col_row { position: relative; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; height: 47px; width: 100%; border-bottom: 0.5px solid rgba(211, 211, 211, 0.655); }
@media screen and (max-width: 820px) {
  .tickets__table_col_row { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; height: max-content; padding: 20px 0px 14px; }
}
.tickets__table_col_row.title { font-weight: 600; }
@media screen and (max-width: 820px) {
  .tickets__table_col_row.title { display: none; }
}
.tickets__table_col_row_id { width: 85px; }
@media screen and (max-width: 820px) {
  .tickets__table_col_row_id { display: none; }
}
.tickets__table_col_row_state { width: 165px; }
.tickets__table_col_row_theme { width: 264px; }
@media screen and (max-width: 820px) {
  .tickets__table_col_row_theme::before { display: block; content: "Тема"; font-weight: 600; }
}
@media screen and (max-width: 576px) {
  .tickets__table_col_row_theme::before { font-size: 14px; line-height: 16px; margin-bottom: 5px; }
}
.tickets__table_col_row_data { width: 126px; }
@media screen and (max-width: 820px) {
  .tickets__table_col_row_data { display: none; }
}
@media screen and (max-width: 820px) {
  .tickets__table_col_row_state, .tickets__table_col_row_theme { display: block; width: 100%; }
}
.tickets__table_col_row_state_btn { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: max-content; height: 31px; padding: 0px 19px; border-radius: 5px; }
@media screen and (max-width: 820px) {
  .tickets__table_col_row_state_btn { float: right; margin-top: 14px; }
  .tickets__table_col_row_state_btn::before { content: "Статус"; position: absolute; left: 0px; font-weight: 600; color: rgb(0, 0, 0); }
}
@media screen and (max-width: 576px) {
  .tickets__table_col_row_state_btn::before { font-size: 14px; line-height: 16px; }
}
.tickets__table_col_row_state_btn.gray { background: rgb(134, 134, 134); color: rgb(255, 255, 255); padding: 0px 12px; }
.tickets__table_col_row_state_btn.warning { background: gold; }
.tickets__table_col_row_state_btn.dark { background: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.tickets__button { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; margin-top: 31px; padding: 10px 6px 9px; background: gold; border-radius: 5px; font-style: normal; font-weight: 500; font-size: 16px; line-height: 19px; min-width: 161px; transition: 0.2s; }
.tickets__button:hover { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.tickets__button:hover svg path { fill: rgb(255, 255, 255); }
.tickets__button svg { margin-right: 14px; }
.tickets__button svg path { }
@media screen and (max-width: 576px) {
  .tickets__button svg { width: 19px; height: 19px; margin-right: 12px; }
}
@media screen and (max-width: 576px) {
  .tickets__button { font-weight: 500; font-size: 14px; line-height: 17px; }
}
.my-accounts { padding-bottom: 24px; }
.my-accounts .breadcrumbs { margin-bottom: 19px; }
@media screen and (max-width: 576px) {
  .my-accounts .breadcrumbs { display: none; }
}
@media screen and (max-width: 1100px) {
  .my-accounts h4 { margin-top: 14px; }
}
@media screen and (max-width: 576px) {
  .my-accounts h4 { font-weight: 600; font-size: 20px; line-height: 22px; }
}
.my-accounts__table { padding: 0px 5px; margin-top: 19px; }
@media screen and (max-width: 820px) {
  .my-accounts__table { padding: 0px; }
}
@media screen and (max-width: 576px) {
  .my-accounts__table { padding: 0px; margin-top: 9px; }
}
.my-accounts__table_col { line-height: 36px; color: rgb(0, 0, 0); font-size: 16px !important; }
@media screen and (max-width: 576px) {
  .my-accounts__table_col * { font-size: 14px; line-height: 18px; }
}
.my-accounts__table_col_title { font-size: 16px; line-height: 36px; font-weight: 600; }
.my-accounts__table_col_row { position: relative; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; width: 100%; border-bottom: 0.5px solid rgba(211, 211, 211, 0.655); }
.my-accounts__table_col_row.title { font-weight: 600; }
.my-accounts__table_col_row_id { min-width: 85px; }
.my-accounts__table_col_row_state { min-width: 116px; }
.my-accounts__table_col_row_amount { min-width: 116px; text-align: center; }
@media screen and (max-width: 576px) {
  .my-accounts__table_col_row_amount { min-width: 68px; margin-left: 30px; }
}
.my-accounts__table_col_row_data { width: 286px; }
@media screen and (max-width: 820px) {
  .my-accounts__table_col_row_id, .my-accounts__table_col_row_state, .my-accounts__table_col_row_amount, .my-accounts__table_col_row_data { width: max-content; }
}
.my-accounts__table_col_row_state_btn { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 116px; height: 31px; border-radius: 5px; }
.my-accounts__table_col_row_state_btn.gray { background: rgb(134, 134, 134); color: rgb(255, 255, 255); min-width: 116px; }
.my-accounts__table_col_row_state_btn.warning { background: gold; }
.my-accounts__table_col_row_state_btn.dark { background: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.ordering-server { font-weight: 500; font-size: 16px; line-height: 18px; padding-bottom: 24px; }
@media screen and (max-width: 390px) {
  .ordering-server .container-child { padding: 0px; }
}
.ordering-server h4 { font-weight: 500; font-size: 16px; line-height: 22px; }
@media screen and (max-width: 576px) {
  .ordering-server h4 { display: none; }
}
.ordering-server .bp576in { display: none; }
@media screen and (max-width: 576px) {
  .ordering-server .bp576in { display: block; }
}
.ordering-server .bp576out { display: block; }
@media screen and (max-width: 576px) {
  .ordering-server .bp576out { display: none; }
}
.ordering-server .ordering-server__promocode { background: rgb(237, 237, 237); border: 1px solid rgb(211, 211, 211); border-radius: 3px; width: 160px; outline: none; height: 46px; padding: 0px 21px; }
@media screen and (max-width: 576px) {
  .ordering-server .ordering-server__promocode { margin: 0px auto; }
}
@media screen and (max-width: 576px) {
  .ordering-server .breadcrumbs { display: none; }
}
.ordering-server__rates { display: flex; justify-content: flex-start; gap: 6px; flex-wrap: wrap; margin-top: 33px; }
.ordering-server__rates_new { margin-top: 0px; margin-bottom: 33px; }
@media screen and (max-width: 768px) {
  .ordering-server__rates { -webkit-box-pack: center; justify-content: center; gap: 6.48px; }
}
@media screen and (max-width: 576px) {
  .ordering-server__rates { gap: 5.96px; margin-top: 0px; }
}
.ordering-server__rates button { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border-radius: 3px; width: 115.87px; height: 36px; font-weight: 500; font-size: 85%; line-height: 22px; color: rgb(0, 0, 0); background: rgb(233, 233, 233); border: 1px solid rgb(211, 211, 211); transition: 0.2s; }
.ordering-server__rates button:hover { background-color: rgb(227, 227, 227); }
.ordering-server__rates button.active { background-color: gold; border: 0px; }
@media screen and (max-width: 576px) {
  .ordering-server__rates button { width: 99.36px; height: 31px; font-size: 13.7778px; line-height: 19px; }
}
.ordering-server__group { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: start; align-items: flex-start; width: 100%; margin-top: 34px; margin-bottom: 24px; }
@media screen and (max-width: 768px) {
  .ordering-server__group { display: block; }
}
@media screen and (max-width: 576px) {
  .ordering-server__group { margin-bottom: 18px; }
}
.ordering-server__group_range-group { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 37px; }
.ordering-server__group_range-group_range { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; width: 540px; }
@media screen and (max-width: 768px) {
  .ordering-server__group_range-group_range { width: 100%; }
}
.ordering-server__group_range-group_range span { width: 60px; padding-left: 5px; }
@media screen and (max-width: 576px) {
  .ordering-server__group_range-group_range span { font-size: 15.2906px; line-height: 17px; }
}
.ordering-server__group_range-group_range input { width: 435px; }
@media screen and (max-width: 768px) {
  .ordering-server__group_range-group_range input { width: 83%; }
}
.ordering-server__group_order { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; text-align: center; }
.ordering-server__group_order_group { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
@media screen and (max-width: 768px) {
  .ordering-server__group_order_group { position: fixed; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding: 22px 0px; gap: 45px; bottom: 0px; left: 0px; width: 100vw; background-color: rgb(255, 255, 255); box-shadow: rgba(34, 60, 80, 0.2) 1px 8px 33px 0px; z-index: 900; }
  .ordering-server__group_order_group .buy, .ordering-server__group_order_group input { display: none; }
}
.ordering-server__group_order span { margin: 14px 0px 17px; font-weight: 600; font-size: 18px; line-height: 22px; }
.ordering-server__group_order button { border-radius: 5px; width: 160px; height: 46px; font-weight: 500; font-size: 16px; line-height: 19px; transition: 0.2s; background: gold; }
.ordering-server__group_order button:hover { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.ordering-server__operating-systems { display: flex; flex-wrap: wrap; gap: 5.75px; margin-top: 13px; width: 543px; }
@media screen and (max-width: 768px) {
  .ordering-server__operating-systems { width: 100%; }
}
.ordering-server__operating-systems_item { width: 130.62px; height: 115px; background: rgb(255, 255, 255); border: 1px solid rgb(211, 211, 211); border-radius: 3px; padding: 0px 6.57px; transition: 0.2s; cursor: pointer; }
.ordering-server__operating-systems_item .select_wrap .default_option { background-color: rgba(0, 0, 0, 0); border: 0px; padding: 0px; text-align: left; }
.ordering-server__operating-systems_item .select_wrap .default_option li { padding: 0px; }
.ordering-server__operating-systems_item .select_wrap .default_option::before { display: none; }
.ordering-server__operating-systems_item .select_wrap .select_ul { top: 28px; }
.ordering-server__operating-systems_item.active { border-color: rgb(255, 222, 1); border-width: 3px; }
@media screen and (max-width: 576px) {
  .ordering-server__operating-systems_item { width: 49%; }
}
.ordering-server__operating-systems_item.max .ordering-server__operating-systems_item_logo { height: 100%; }
.ordering-server__operating-systems_item_logo { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; height: 81.83px; user-select: none; }
.ordering-server__operating-systems_item_logo img { height: 57.5px; max-width: 81px; object-fit: scale-down; }
.ordering-server__operating-systems_item_title { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; height: 33.17px; border-top: 1px solid rgb(211, 211, 211); font-style: normal; font-weight: 400; font-size: 14px; line-height: 18px; color: rgb(0, 0, 0); }
.ordering-server__operating-systems_item_title svg { cursor: pointer; }
@media screen and (max-width: 576px) {
  .ordering-server__operating-systems_item_title { line-height: 21px; }
}
.ordering-server__select-group { display: flex; -webkit-box-align: center; align-items: center; gap: 19px; margin-top: 34px; }
@media screen and (max-width: 576px) {
  .ordering-server__select-group { display: block; font-weight: 600; font-size: 14px; line-height: 18px; margin-bottom: 25px; }
  .ordering-server__select-group .select_wrap { max-width: 100%; margin-top: 7px; font-weight: 400; }
}
@media screen and (max-width: 576px) {
  .ordering-server__select-group { margin-top: 14.28px; }
}
.ordering-server__input-group { display: flex; -webkit-box-align: center; align-items: center; gap: 19px; margin-top: 34px; }
@media screen and (max-width: 576px) {
  .ordering-server__input-group { display: block; font-weight: 600; font-size: 14px; line-height: 18px; margin-bottom: 25px; }
  .ordering-server__input-group .select_wrap { max-width: 100%; margin-top: 7px; font-weight: 400; }
}
@media screen and (max-width: 576px) {
  .ordering-server__input-group { margin-top: 14.28px; }
}
.ordering-server__input-group input { display: block; background: rgb(237, 237, 237); border: 1px solid rgb(211, 211, 211); border-radius: 3px; padding: 14px 18px; width: 314px; outline: none; color: rgb(51, 51, 51); transition: 0.2s; }
.about-server { padding-bottom: 33px; }
@media screen and (max-width: 576px) {
  .about-server { padding-bottom: 31px; }
}
.about-server .breadcrumbs { margin-bottom: 29px; }
@media screen and (max-width: 576px) {
  .about-server .breadcrumbs { display: none; }
}
.about-server__group { display: flex; gap: 30px; margin-top: 13px; }
@media screen and (max-width: 768px) {
  .about-server__group { display: block; }
}
.about-server__tabs { position: sticky; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 8px; top: 100px; height: max-content; }
@media screen and (max-width: 768px) {
  .about-server__tabs { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; position: static; }
}
@media screen and (max-width: 576px) {
  .about-server__tabs { gap: 9.39px; flex-wrap: wrap; }
}
.about-server__tabs_item { display: flex; -webkit-box-align: center; align-items: center; width: 160px; height: 50px; background: rgb(237, 237, 237); border: 1px solid rgb(211, 211, 211); border-radius: 3px; padding: 0px 10px; font-weight: 400; font-size: 14px; line-height: 36px; color: rgb(51, 51, 51); cursor: pointer; transition: 0.2s; user-select: none; }
.about-server__tabs_item:hover { background-color: rgb(233, 233, 233); }
.about-server__tabs_item.active { background: gold; border-color: gold; cursor: default; }
.about-server__tabs_item img { margin-right: 13px; }
@media screen and (max-width: 576px) {
  .about-server__tabs_item img { margin-right: 12.21px; width: 18.79px; height: 18.79px; }
}
@media screen and (max-width: 576px) {
  .about-server__tabs_item { font-size: 13px; line-height: 34px; min-width: 145.3px; max-width: 145.3px; height: 46.97px; padding: 0px 9.39px; }
}
.about-server__content { width: 100%; max-width: 540px; }
@media screen and (max-width: 768px) {
  .about-server__content { max-width: 100%; margin-top: 14.55px; }
}
.about-server__content h4 { font-weight: 600; font-size: 18px; line-height: 22px; color: rgb(51, 51, 51); margin-bottom: 10px; }
@media screen and (max-width: 576px) {
  .about-server__content h4 { font-size: 14px; line-height: 17px; white-space: nowrap; }
}
.about-server__content_list { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; gap: 9.5px; width: 100%; margin-bottom: 29.5px; }
@media screen and (max-width: 576px) {
  .about-server__content_list { gap: 8.24px; }
}
.about-server__content_list_item { display: flex; -webkit-box-pack: justify; justify-content: space-between; font-weight: 400; font-size: 16px; line-height: 36px; color: rgb(51, 51, 51); padding-bottom: 7.5px; border-bottom: 1px solid rgb(211, 211, 211); }
@media screen and (max-width: 576px) {
  .about-server__content_list_item { font-size: 12.1905px; line-height: 27px; }
}
.about-server__content_list_item.padding { padding-bottom: 13.5px; margin-top: calc(5px); }
.about-server__content_list_item_value { position: relative; }
.about-server__content_list_item_value.online::after { content: ""; position: absolute; width: 16px; height: 16px; left: -25px; top: 50%; border-radius: 50px; background-color: green; transform: translate(0px, -50%); }
.about-server__content_list_item_value.pending::after { content: ""; position: absolute; width: 16px; height: 16px; left: -25px; top: 50%; border-radius: 50px; background-color: gold; transform: translate(0px, -50%); }
.about-server__content_list_item_value.offline::after { content: ""; position: absolute; width: 16px; height: 16px; left: -25px; top: 50%; border-radius: 50px; background-color: red; transform: translate(0px, -50%); }
@media screen and (max-width: 576px) {
  .about-server__content_list_item_value.online::after { width: 12.19px; height: 12.19px; left: -20px; }
  .about-server__content_list_item_value.pending::after { width: 12.19px; height: 12.19px; left: -20px; }
  .about-server__content_list_item_value.offline::after { width: 12.19px; height: 12.19px; left: -20px; }
}
.about-server__content_list_item_value_password { display: flex; -webkit-box-align: center; align-items: center; }
.about-server__content_list_item_value_password.hidden input { pointer-events: none; padding-top: 10px; }
.about-server__content_list_item_value_password.hidden .about-server__content_list_item_value_password_button { background-image: url("/public/images/icons/password_show.svg"); }
.about-server__content_list_item_value_password input { font-weight: 400; font-size: 16px; line-height: 0px; padding: 0px 14px; width: calc(176px); outline: none; height: 43px; background: rgb(237, 237, 237); border: 1px solid rgb(211, 211, 211); border-radius: 3px; text-align: center; }
@media screen and (max-width: 576px) {
  .about-server__content_list_item_value_password input { width: 155.43px; height: 32.76px; font-size: 12.1905px; }
}
.about-server__content_list_item_value_password_button { width: 27px; height: 15px; margin-right: 12px; cursor: pointer; background-image: url("/public/images/icons/password_hide.svg"); }
.about-server__content_list_item_value_rtp { display: flex; gap: 30px; }
@media screen and (max-width: 576px) {
  .about-server__content_list_item_value_rtp { gap: 9.99px; }
}
.about-server__content_list_item_value_rtp input { width: 255px; height: 43px; background: rgb(237, 237, 237); border: 1px solid rgb(211, 211, 211); border-radius: 3px; text-align: center; font-weight: 400; font-size: 16px; line-height: 36px; padding-right: 18px; outline: none; transition: 0.2s; }
.about-server__content_list_item_value_name input { width: 255px; height: 43px; background: rgb(237, 237, 237); border: 1px solid rgb(211, 211, 211); border-radius: 3px; text-align: center; font-weight: 400; font-size: 16px; line-height: 36px; padding-right: 0px; outline: none; transition: 0.2s; }
.about-server__content_list_item_value_rtp input:focus { border-color: rgb(165, 165, 165); }
@media screen and (max-width: 576px) {
  .about-server__content_list_item_value_rtp input { font-size: 12.1905px; line-height: 27px; width: 118.21px; height: 30.3px; text-align: center; }
}
.about-server__content_list_item_value_rtp button { background: gold; border-radius: 3px; width: 161px; height: 43px; font-weight: 400; font-size: 16px; line-height: 36px; color: rgb(51, 51, 51); transition: 0.2s; }
.about-server__content_list_item_value_name button { background: gold; border-radius: 3px; width: 161px; height: 43px; font-weight: 400; font-size: 16px; line-height: 36px; color: rgb(51, 51, 51); transition: 0.2s; }
.about-server__content_list_item_value_rtp button:hover { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); }
@media screen and (max-width: 576px) {
  .about-server__content_list_item_value_rtp button { width: 110.68px; height: 29.56px; font-size: 12.1905px; line-height: 27px; }
}
.about-server__content_graphic { margin-top: 15.25px; }
.about-server__content_graphic img { user-select: none; }
@media screen and (max-width: 768px) {
  .about-server__content_graphic img { width: 100%; }
}
.about-server__content_graphic_buttons { display: flex; gap: 19.46px; margin-top: 19.85px; }
@media screen and (max-width: 768px) {
  .about-server__content_graphic_buttons { -webkit-box-pack: center; justify-content: center; }
}
@media screen and (max-width: 576px) {
  .about-server__content_graphic_buttons { gap: 12.4px; }
}
.about-server__content_graphic_buttons button { width: 165.38px; height: 38px; background: rgb(237, 237, 237); border: 1px solid rgb(211, 211, 211); border-radius: 5px; font-weight: 500; font-size: 16px; line-height: 19px; transition: 0.2s; color: rgb(0, 0, 0); }
.about-server__content_graphic_buttons button:hover { background-color: rgb(233, 233, 233); }
.about-server__content_graphic_buttons button.active { background: gold; border-color: gold; cursor: default; }
@media screen and (max-width: 576px) {
  .about-server__content_graphic_buttons button { width: 94.25px; height: 25.66px; font-weight: 400; font-size: 12.1905px; line-height: 12px; border-radius: 1.70979px; }
}
.about-server__content_management { margin-top: 32px; }
.about-server__content_management h4 { margin-bottom: 19px; }
.about-server__content_management h5 { font-weight: 500; font-size: 16px; line-height: 22px; color: rgb(51, 51, 51); margin: 19px 0px 13px; }
@media screen and (max-width: 576px) {
  .about-server__content_management h5 { font-weight: 600; font-size: 14px; line-height: 17px; margin: 21px 0px 12px; }
}
.about-server__content_management_buttons { display: flex; -webkit-box-pack: center; justify-content: center; gap: 35px; margin-top: 19px; }
@media screen and (max-width: 576px) {
  .about-server__content_management_buttons { gap: 10.58px; }
}
.about-server__content_management_buttons button { width: 158px; height: 38px; font-weight: 500; font-size: 16px; line-height: 19px; border-radius: 5px; color: rgb(255, 255, 255); transition: 0.2s; }
.about-server__content_management_buttons button.reload { background-color: rgb(230, 38, 64); }
.about-server__content_management_buttons button.reload:hover { background: rgb(210, 37, 60); }
.about-server__content_management_buttons button.console { background-color: rgb(44, 110, 48); }
.about-server__content_management_buttons button.console:hover { background: gold; color: rgb(0, 0, 0); }
.about-server__content_management_buttons button.renew { background-color: rgb(0, 0, 0); }
.about-server__content_management_buttons button.renew:hover { background: gold; color: rgb(0, 0, 0); }
@media screen and (max-width: 576px) {
  .about-server__content_management_buttons button { width: 116.42px; height: 28px; border-radius: 3.68421px; font-size: 12px; line-height: 14px; }
}
.about-server__content_management_operating-systems { display: flex; flex-wrap: wrap; gap: 5.75px; margin-top: 13px; width: 543px; }
@media screen and (max-width: 768px) {
  .about-server__content_management_operating-systems { width: 100%; }
}
@media screen and (max-width: 576px) {
  .about-server__content_management_operating-systems { margin-top: 12px; }
}
.about-server__content_management_operating-systems_item { width: 130.62px; height: 115px; background: rgb(255, 255, 255); border: 1px solid rgb(0, 0, 0); border-radius: 3px; padding: 0px 4.62px 0px 4px; transition: 0.2s; cursor: pointer; }
.about-server__content_management_operating-systems_item .select_wrap .default_option { display: flex; -webkit-box-align: center; align-items: center; padding: 0px 0px 0px 7.57px; width: calc(100%); height: 25px; text-align: left; border: 0px; border-radius: 3px; }
.about-server__content_management_operating-systems_item .select_wrap.active .default_option { background-color: rgb(255, 222, 1); }
.about-server__content_management_operating-systems_item .select_wrap .default_option li { padding: 0px; }
.about-server__content_management_operating-systems_item .select_wrap .default_option::before { top: 5px; right: 12px; width: 5px; height: 5px; }
.about-server__content_management_operating-systems_item .select_wrap.active .default_option::before { margin-top: 5px; }
.about-server__content_management_operating-systems_item .select_wrap .select_ul { top: 28px; }
.about-server__content_management_operating-systems_item.active { box-shadow: rgba(0, 0, 0, 0.3) -1px 3px 7px 0px; border-color: rgba(0, 0, 0, 0.21); background-color: gold; }
@media screen and (max-width: 576px) {
  .about-server__content_management_operating-systems_item { width: 49%; }
}
.about-server__content_management_operating-systems_item.max .about-server__content_management_operating-systems_item_logo { height: 100%; }
.about-server__content_management_operating-systems_item_logo { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; height: 81.83px; user-select: none; }
.about-server__content_management_operating-systems_item_logo img { height: 57.5px; max-width: 81px; object-fit: scale-down; }
.about-server__content_management_operating-systems_item_title { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; height: 25px; font-style: normal; font-weight: 400; font-size: 14px; line-height: 18px; color: rgb(0, 0, 0); }
.about-server__content_management_operating-systems_item_title.border-top { border-top: 1px solid rgb(0, 0, 0); padding-top: 2.5px; }
@media screen and (max-width: 576px) {
  .about-server__content_management_operating-systems_item_title { line-height: 21px; }
}
.about-server__content_management_password { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: center; align-items: center; margin-top: 26px; }
@media screen and (max-width: 576px) {
  .about-server__content_management_password { margin-top: 24.28px; }
}
.about-server__content_management_password h4 { margin-bottom: 21px; text-align: left; width: 100%; }
.about-server__content_management_password_input-group { display: flex; -webkit-box-pack: center; justify-content: center; gap: 28px; }
@media screen and (max-width: 576px) {
  .about-server__content_management_password_input-group { gap: 11px; }
}
.about-server__content_management_password_input-group input { background: rgb(237, 237, 237); border: 1px solid rgb(211, 211, 211); border-radius: 3px; width: 160px; height: 38px; padding: 0px 10px; text-align: center; font-weight: 500; font-size: 14px; line-height: 17px; outline: none; transition: 0.2s; }
.about-server__content_management_password_input-group input::-webkit-input-placeholder { color: rgb(0, 0, 0); }
.about-server__content_management_password_input-group input::placeholder { color: rgb(0, 0, 0); }
.about-server__content_management_password_input-group input:focus { border-color: rgb(192, 191, 191); }
@media screen and (max-width: 576px) {
  .about-server__content_management_password_input-group input { width: 116px; height: 27px; font-weight: 500; font-size: 12px; line-height: 14px; padding: 0px 5px; }
}
.about-server__content_management_password_button { width: 160px; height: 38px; border-radius: 3px; font-weight: 500; font-size: 16px; line-height: 19px; margin-top: 21px; background: rgb(230, 38, 64); color: rgb(255, 255, 255); transition: 0.2s; }
.about-server__content_management_password_button:hover { background: rgb(210, 37, 60); }
@media screen and (max-width: 576px) {
  .about-server__content_management_password_button { margin-top: 9px; width: 150px; height: 27px; border-radius: 1.56932px; font-size: 12px; line-height: 14px; }
}
.notify { position: fixed; right: 65px; top: 20px; width: 490px; padding: 15px 20px 19px 19px; z-index: 999; font-weight: 400; font-size: 20px; line-height: 27px; box-shadow: rgba(0, 0, 0, 0.06) 0px 4px 4px; border-radius: 2px; transform: translateY(-65px); opacity: 0; visibility: hidden; transition: 0.2s; }
.notify.active { transform: none; opacity: 1; visibility: visible; }
.notify.active .notify__close { transform: none; }
.notify .notify__close { position: absolute; right: -40px; top: -5px; width: 30px; height: 30px; cursor: pointer; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='30' height='30' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.41083 4.41076C4.73626 4.08533 5.2639 4.08533 5.58934 4.41076L10.0001 8.82151L14.4108 4.41076C14.7363 4.08533 15.2639 4.08533 15.5893 4.41076C15.9148 4.7362 15.9148 5.26384 15.5893 5.58928L11.1786 10L15.5893 14.4108C15.9148 14.7362 15.9148 15.2638 15.5893 15.5893C15.2639 15.9147 14.7363 15.9147 14.4108 15.5893L10.0001 11.1785L5.58934 15.5893C5.2639 15.9147 4.73626 15.9147 4.41083 15.5893C4.08539 15.2638 4.08539 14.7362 4.41083 14.4108L8.82157 10L4.41083 5.58928C4.08539 5.26384 4.08539 4.7362 4.41083 4.41076Z' fill='%23736666'/%3e%3c/svg%3e "); background-repeat: no-repeat; }
.notify.danger { background: rgb(247, 215, 218); color: rgb(151, 64, 72); }
.notify.success { background: rgb(213, 236, 216); color: rgb(42, 96, 72); }
.notify.warning { background: rgb(255, 243, 205); color: rgb(130, 111, 7); }
.pagination_rounded, .pagination_square { display: inline-block; margin-top: 33px; }
.pagination_rounded ul { margin: 0px; padding: 0px; list-style: none; }
.pagination_rounded li:first-child { margin-left: 0px; }
.pagination_rounded ul li { float: left; margin-left: 20px; }
.pagination_rounded ul li:not(.disabled) a:hover { background: rgb(0, 0, 0); color: rgb(255, 255, 255); border: 1px solid rgb(0, 0, 0); }
.pagination_rounded .active { background: rgb(0, 0, 0); color: rgb(255, 255, 255); border: 1px solid rgb(0, 0, 0); }
.pagination_rounded .a-disabled { cursor: default; }
a:link { text-decoration: none; }
.pagination_rounded .prev { margin-left: 0px; border-radius: 35px; width: 90px; height: 34px; line-height: 34px; }
.pagination_rounded ul li a { float: left; color: rgb(0, 0, 0); background: rgb(255, 222, 1); border-radius: 50%; line-height: 30px; height: 30px; width: 30px; text-align: center; margin-bottom: 40px; border: 1px solid rgb(224, 224, 224); font-weight: 500; }
.pagination_rounded .prev i { margin-right: 10px; }
.pagination_rounded .next { border-radius: 35px; width: 90px; height: 34px; line-height: 34px; }
.visible-xs { display: none !important; }
.compact-row { display: flex; align-items: center; margin-bottom: 18px; gap: 12px; }
.ordering-label { min-width: 160px; font-size: 1.08em; color: rgb(34, 34, 34); margin-right: 6px; white-space: nowrap; }
.ordering-input { height: 34px; padding: 0px 12px; border: 1px solid rgb(225, 201, 0); border-radius: 8px; font-size: 1em; background: rgb(255, 255, 255); transition: border 0.2s; outline: none; box-shadow: none; }
.ordering-source-row { display: flex; align-items: center; gap: 8px; width: 100%; }
.ordering-source-row select, .ordering-source-row input { margin: 0px; font-size: 1em; }
.ordering-source-row select { width: 110px; min-width: 90px; flex-shrink: 0; }
.ordering-source-row input { flex: 1 1 auto; min-width: 0px; width: 100%; }
@media (max-width: 650px) {
  .ordering-source-row { flex-direction: row; gap: 6px; }
  .ordering-source-row select, .ordering-source-row input { width: auto; min-width: 0px; max-width: none; }
}
.ordering-input:focus { border-color: rgb(255, 214, 0); }
.ordering-input[readonly] { background: rgb(246, 246, 246); color: rgb(187, 187, 187); }
.ordering-select { width: 90px; min-width: 90px; padding-left: 4px; padding-right: 0px; }
@media (max-width: 650px) {
  .compact-row { flex-direction: column; align-items: flex-start; margin-bottom: 18px; gap: 6px !important; }
  .ordering-label { margin-bottom: 2px; min-width: 0px; font-size: 1em; }
  .ordering-input, .ordering-select { box-sizing: border-box; min-width: 0px !important; margin-right: 0px !important; }
}
.ordering-whitelist-row { display: flex; gap: 10px; margin-bottom: 10px; max-width: 400px; }
.ordering-whitelist-row .ordering-input { flex: 1 1 auto; min-width: 0px; height: 34px; }
.ordering-whitelist-add { border-radius: 5px; width: 36px; height: 34px; font-weight: 500; font-size: 1.4em; line-height: 19px; transition: 0.2s; background: gold; }
.ordering-whitelist-add:hover { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.ordering-whitelist-list { display: flex; flex-wrap: wrap; gap: 8px; min-height: 32px; margin-bottom: 10px; }
.ordering-whitelist-item { display: flex; align-items: center; padding: 4px 10px; border: 1px solid rgb(225, 201, 0); border-radius: 8px; font-size: 1em; background: rgb(255, 255, 255); margin-right: 2px; margin-bottom: 2px; }
.ordering-whitelist-remove { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; color: rgb(204, 0, 0); font-size: 1.15em; cursor: pointer; margin-left: 7px; line-height: 1; padding: 0px; }
.ordering-whitelist-remove:hover { color: rgb(255, 89, 0); }
.ordering-host-checkbox { display: flex; align-items: center; gap: 7px; font-weight: normal; font-size: 1em; user-select: none; cursor: pointer; margin-right: 8px; }
.ordering-host-checkbox input[type="checkbox"] { accent-color: rgb(255, 214, 0); width: 18px; height: 18px; margin: 0px 3px 0px 0px; }
.ordering-input-host { min-width: 210px; max-width: 320px; width: 100%; }
@media (max-width: 700px) {
  .ordering-input-host { min-width: 0px; max-width: 100%; margin-top: 10px; margin-left: 0px !important; }
  .compact-row { flex-direction: column; align-items: flex-start; }
}
.ordering-server__block-button button { border-radius: 5px; width: 160px; height: 46px; font-weight: 500; font-size: 16px; line-height: 19px; transition: 0.2s; background: gold; }
.ordering-server__block-button button:hover { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); }
.dns__records-table { font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; margin-top: 19px; }
.table-container { display: flex; flex-direction: column; border-top: 1px solid rgb(221, 221, 221); border-radius: 6px; overflow: hidden; }
.table-header, .table-row { display: flex; flex-direction: row; }
.table-header { font-weight: 600; background: rgb(249, 249, 249); border-bottom: 1px solid rgb(221, 221, 221); }
.table-row { border-bottom: 1px solid rgb(221, 221, 221); }
.table-cell { flex: 1 1 0%; padding: 8px 12px; text-align: left; }
.table-cell-actions { display: flex; gap: 4px; justify-content: flex-start; }
.table-cell-actions .btn-edit { background-color: rgb(108, 117, 125); color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.table-cell-actions .btn-edit:hover { background-color: rgb(255, 193, 7); color: rgb(33, 37, 41); }
.table-cell-actions .btn-delete { background-color: rgb(108, 117, 125); color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.table-cell-actions .btn-delete:hover { background-color: rgb(220, 53, 69); color: rgb(255, 255, 255); }
.select_ul.dns li { height: 50px; }
.server-row { width: 100%; display: flex; align-items: center; justify-content: space-between; background: rgb(242, 242, 242); padding: 10px 14px; border-radius: 12px; margin-bottom: 12px; gap: 18px; flex-wrap: wrap; }
.server-row.expired { border-left: 4px solid rgb(255, 183, 183); }
.server-row.expired .server-date { color: red; }
.server-description { flex: 1 1 0%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 105px; }
.server-row-disabled { font-size: clamp(8px, 2vw, 13px); overflow: hidden; max-width: 225px; background: gold; border-radius: 12px; padding: 5px; }
.server-col { display: flex; flex-direction: column; font-size: 13px; line-height: 1.2; }
.server-ip { font-weight: 700; font-size: 15px; min-width: 105px; }
.server-date { color: rgb(0, 0, 0); font-weight: 600; font-size: 13px; }
.server-os { min-width: 190px; text-align: center; background: rgb(221, 221, 221); padding: 3px 10px; border-radius: 6px; font-size: 12px; display: inline-block; }
.server-actions { display: flex; gap: 6px; flex-wrap: wrap; }
.btn-small { padding: 5px 10px; font-size: 12px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 6px; background: white; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 4px; transition: 0.15s; }
.btn-small:hover { background: rgb(240, 240, 240); }
.btn-main { padding: 6px 16px; font-size: 13px; font-weight: 600; background: rgb(255, 204, 0); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 20px; cursor: pointer; transition: 0.15s; white-space: nowrap; }
.btn-main:hover { background: rgb(255, 219, 61); }
.view-switch { display: flex; gap: 8px; background: rgb(238, 238, 238); padding: 4px; border-radius: 10px; }
.switch-btn { padding: 6px 12px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: transparent; cursor: pointer; border-radius: 8px; font-size: 14px; transition: 0.2s; }
.switch-btn.active { background: rgb(255, 204, 0); font-weight: 600; }
.captcha-row { display: flex; width: 100%; height: 52px; border: 1px solid rgb(136, 136, 136); border-radius: 5px; box-sizing: border-box; overflow: hidden; }
.captcha-row img { object-fit: contain; flex: 0 0 120px; padding: 3px 8px; box-sizing: border-box; cursor: pointer; position: static !important; width: 120px !important; height: 50px !important; max-width: none !important; margin: 0px !important; }
.captcha-row input { flex: 1 1 0%; width: 100%; min-width: 0px; height: 50px; outline: 0px; padding: 0px 12px; box-sizing: border-box; background: transparent; border: 0px !important; }

/* ========================================================================== */
/* 62YUN — visual refresh 2026                                                */
/* Safe overrides: the existing HTML structure and brand palette are kept.    */
/* ========================================================================== */

:root {
  --yun-yellow: #ffde01;
  --yun-yellow-hover: #ffd000;
  --yun-black: #121111;
  --yun-text: #1c1c1e;
  --yun-muted: #6f7075;
  --yun-surface: #ffffff;
  --yun-surface-soft: #f5f5f7;
  --yun-border: #e5e5e8;
  --yun-radius-sm: 10px;
  --yun-radius-md: 16px;
  --yun-radius-lg: 22px;
  --yun-shadow-sm: 0 4px 18px rgba(18, 17, 17, 0.06);
  --yun-shadow-md: 0 18px 45px rgba(18, 17, 17, 0.11);
}

html { scroll-behavior: smooth; }

body {
  color: var(--yun-text);
  background: var(--yun-surface);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

button,
a,
input,
textarea { -webkit-tap-highlight-color: transparent; }

button:focus-visible,
a:focus-visible,
input:focus-visible,
textarea:focus-visible {
  outline: 3px solid rgba(255, 222, 1, 0.55);
  outline-offset: 3px;
}

/* Header */
.header {
  background: rgba(255, 255, 255, 0.94);
  border-bottom: 1px solid rgba(18, 17, 17, 0.07);
  box-shadow: 0 8px 30px rgba(18, 17, 17, 0.05);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.header__container { border-bottom-color: transparent; }

.header__container_links {
  gap: 7px;
}

.header__container_links > .hr { display: none; }

.header__container_links_link {
  border-radius: 10px;
  padding: 10px 15px;
  font-size: 16px;
  line-height: 20px;
  background: transparent;
  transition: color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}

.header__container_links_link:hover {
  color: #000;
  background: rgba(255, 222, 1, 0.18);
  transform: translateY(-1px);
}

.header__container_links_link_dropmenu {
  margin-top: 10px;
  padding: 7px;
  border: 1px solid var(--yun-border);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: var(--yun-shadow-md);
  transform: translateY(8px);
}

.header__container_links_link_dropmenu_category {
  margin: 0;
  padding: 11px 16px 11px 27px;
  border-radius: 9px;
  background: transparent;
}

.header__container_links_link_dropmenu_category:hover {
  color: #000;
  background: var(--yun-yellow);
}

.header__container_links_link_dropmenu_category:hover::after { background-color: #000; }

.header__container_user_lang {
  position: relative;
  gap: 0;
}

.header__container_user_lang_flags:not(.active) { display: none; }

.header__container_user_lang_flags.active {
  top: 45px;
  left: 50%;
  width: 44px;
  padding: 9px 0;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  transform: translateX(-50%);
  box-shadow: var(--yun-shadow-md);
}

.header__container_user_lang_flags.active img.selected { display: none; }

.header__container_user_lang_text {
  border-radius: 12px;
  transition: transform 0.2s ease, background-color 0.2s ease;
}

.header__container_user_lang_text:hover {
  background: #2a2929;
  transform: translateY(-1px);
}

.header__container_user_button-group_button {
  border-radius: 12px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.header__container_user_button-group_button:hover {
  transform: translateY(-1px);
  box-shadow: var(--yun-shadow-sm);
}

/* Hero */
.banner {
  min-height: 390px;
  background:
    radial-gradient(circle at 75% 20%, rgba(255, 222, 1, 0.16), transparent 31%),
    linear-gradient(120deg, #0b0b0c 0%, #1d1d20 58%, #303035 100%);
}

.banner::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: radial-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px);
  background-size: 24px 24px;
  mask-image: linear-gradient(to right, #000, transparent 72%);
}

.banner__container { position: relative; z-index: 1; }

.banner__title h2 {
  font-size: clamp(34px, 3.1vw, 48px);
  line-height: 1.08;
  letter-spacing: -0.02em;
}

.banner__title h1 {
  font-size: clamp(44px, 4vw, 62px);
  line-height: 1.02;
  letter-spacing: -0.035em;
}

.banner__about {
  max-width: 500px;
  margin-top: 20px;
  color: rgba(255, 255, 255, 0.76);
  line-height: 1.55;
}

/* Section headings */
.title-group {
  padding: 4px 0 4px 16px;
  border-left: 4px solid var(--yun-yellow);
}

.title-group h1 {
  font-size: clamp(24px, 2.5vw, 34px);
  line-height: 1.12;
  letter-spacing: -0.02em;
}

/* Advantages */
.whyus { margin-top: 64px; }

.whyus__examples {
  align-items: stretch;
  margin-top: 34px;
}

.whyus__examples_lines { display: none; }

.whyus__examples_group {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
  height: auto;
  padding: 0;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
}

.whyus__examples_group_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: auto;
  min-height: 250px;
  max-width: none;
  padding: 24px 16px 20px;
  background: var(--yun-surface-soft);
  border: 1px solid transparent;
  border-radius: var(--yun-radius-md);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.whyus__examples_group_item:hover {
  transform: translateY(-5px);
  border-color: rgba(255, 222, 1, 0.8);
  box-shadow: var(--yun-shadow-md);
}

.whyus__examples_group_item::before,
.whyus__examples_group_item::after { display: none; }

.whyus__examples_group_item_image {
  width: 78px;
  height: 78px;
  border-radius: 20px;
  background: var(--yun-yellow);
}

.whyus__examples_group_item_title {
  margin-top: 22px;
  font-size: 15px;
  line-height: 1.3;
  letter-spacing: 0.01em;
}

.whyus__examples_group_item_list {
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.45;
  color: var(--yun-muted);
  white-space: normal;
}

/* Rates */
.rates { margin-top: 80px; }

.rates__size { gap: 14px; }

.rates__size_item_btn {
  border: 1px solid transparent;
  border-radius: 12px;
  box-shadow: var(--yun-shadow-sm);
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.rates__size_item_btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 26px rgba(18, 17, 17, 0.12);
}

.rates__group { gap: 24px; }

.rates__group_item {
  border-radius: var(--yun-radius-lg);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.rates__group_item:hover {
  transform: translateY(-7px);
  box-shadow: var(--yun-shadow-md);
}

.rates__group_item_header {
  height: 76px;
  border-radius: var(--yun-radius-lg) var(--yun-radius-lg) 0 0;
  background: var(--yun-black);
}

.rates__group_item_header_title {
  width: calc(100% - 36px);
  height: 50px;
  margin-top: 13px;
  padding: 0;
  border-radius: 13px;
  font-size: 21px;
}

.rates__group_item_header_title::after { display: none; }

.rates__group_item_main {
  margin-top: 0;
  padding: 12px 20px 46px;
  border: 1px solid var(--yun-border);
  border-top: 0;
  border-radius: 0 0 var(--yun-radius-lg) var(--yun-radius-lg);
  box-shadow: 0 10px 30px rgba(18, 17, 17, 0.04);
}

.rates__group_item_main_characteristic {
  min-height: 56px;
  border-color: var(--yun-border);
}

.rates__group_item_main_characteristic::after { border-color: var(--yun-border); }

.rates__group_item_footer { margin-top: -27px; }

.rates__group_item_footer_button {
  width: calc(100% - 48px);
  height: 54px;
  padding-top: 0;
  border-radius: 14px;
  font-size: 20px;
  text-transform: none;
  box-shadow: 0 8px 22px rgba(255, 222, 1, 0.27);
  transition: transform 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

.rates__group_item_footer_button::after { display: none; }

.rates__group_item_footer_button:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(18, 17, 17, 0.2);
}

.rates__see-all {
  min-width: 180px;
  padding: 13px 20px;
  border-radius: 12px;
}

/* FAQ */
.questions { margin-top: 70px; }

.accordion li { margin: 10px 0; }

.accordion li a.accordion__toggle {
  padding: 17px 55px 17px 22px;
  border: 1px solid var(--yun-border);
  border-radius: 14px;
  background: var(--yun-surface);
  box-shadow: 0 3px 14px rgba(18, 17, 17, 0.035);
}

.accordion li a.accordion__toggle:hover { background: var(--yun-surface-soft); }

.accordion li a.accordion__toggle.show {
  border-color: rgba(255, 222, 1, 0.75);
  background: rgba(255, 222, 1, 0.13);
}

.accordion li a.accordion__toggle::after {
  right: 15px;
  width: 32px;
  height: 32px;
  font-size: 24px;
}

.accordion__toggle_inner {
  margin: 0;
  padding: 8px 24px 12px;
  color: var(--yun-muted);
}

/* Contact form */
.ask-question {
  width: calc(100% - 40px);
  max-width: 920px;
  margin: 72px auto 50px;
  padding: 36px 48px;
  border: 1px solid var(--yun-border);
  border-radius: var(--yun-radius-lg);
  background: var(--yun-surface-soft);
}

.ask-question__form_input-group,
.ask-question__form textarea {
  border-color: var(--yun-border);
  border-radius: 12px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.ask-question__form_input-group:focus-within,
.ask-question__form textarea:focus {
  border-color: var(--yun-yellow-hover);
  box-shadow: 0 0 0 4px rgba(255, 222, 1, 0.16);
}

.ask-question__form_submit button {
  min-height: 46px;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(255, 222, 1, 0.22);
}

/* Footer */
.footer {
  background: #0d0d0e;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.footer__item-group_item_links {
  border-top-color: rgba(255, 255, 255, 0.18);
}

.footer__item-group_item_links a {
  color: rgba(255, 255, 255, 0.72);
  transition: color 0.2s ease;
}

.footer__item-group_item_links a:hover {
  color: var(--yun-yellow);
  text-decoration: none;
}

.footer__button-scroll-top {
  border-radius: 14px;
  box-shadow: var(--yun-shadow-md);
}

/* Responsive refinements */
@media screen and (max-width: 1100px) {
  .whyus__examples_group { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .whyus__examples_group_item { min-height: 235px; }
}

@media screen and (max-width: 992px) {
  .header__container_links { gap: 22px; }
  .header__container_links_link { padding: 9px 12px; }

  .whyus__examples_group {
    display: grid;
    height: auto;
    padding: 0 24px;
    background: transparent;
  }
}

@media screen and (max-width: 768px) {
  .banner { min-height: auto; }

  .whyus,
  .rates,
  .questions { margin-top: 48px; }

  .whyus__examples_group { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  .rates__group_item:hover,
  .whyus__examples_group_item:hover { transform: none; }

  .ask-question {
    width: calc(100% - 24px);
    margin-top: 48px;
    padding: 28px 18px;
  }
}

@media screen and (max-width: 576px) {
  .header__container_user_lang_flags.active { top: 36px; }

  .banner__title h2 {
    font-size: 25px;
    line-height: 1.08;
  }

  .banner__title h1 {
    font-size: 34px;
    line-height: 1.04;
  }

  .title-group { margin-left: 12px; }

  .whyus__examples_group {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 0 12px;
  }

  .whyus__examples_group_item {
    max-width: none;
    min-height: 210px;
    margin: 0;
    padding: 18px 8px;
  }

  .whyus__examples_group_item_image {
    width: 64px;
    height: 64px;
    border-radius: 17px;
  }

  .whyus__examples_group_item_title {
    margin-top: 16px;
    font-size: 13px;
  }

  .whyus__examples_group_item_list {
    margin-left: 12px;
    font-size: 12px;
  }

  .rates__group_item_header_title { width: calc(100% - 30px); }

  .rates__group_item_footer_button {
    width: calc(100% - 40px);
    font-size: 17px;
  }

  .accordion li a.accordion__toggle {
    padding: 12px 42px 12px 14px !important;
    border-radius: 11px;
  }

  .ask-question__title h1 { white-space: normal; }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* ========================================================================== */
/* 62YUN — layout corrections after desktop review                            */
/* ========================================================================== */

/* 1. Keep the desktop hero illustration away from the heading and copy. */
@media screen and (min-width: 993px) {
  .banner__container {
    position: relative;
    z-index: 2;
  }

  .banner__title,
  .banner__about {
    position: relative;
    z-index: 3;
    width: 520px;
    max-width: 46%;
  }

  .banner__title h2 {
    font-size: clamp(34px, 2.65vw, 43px);
    line-height: 1.08;
  }

  .banner__title h1 {
    font-size: clamp(42px, 3.3vw, 54px);
    line-height: 1.03;
  }

  .banner__about {
    max-width: 430px;
  }

  .banner__images_main {
    right: clamp(18px, 5.5vw, 92px);
    width: clamp(410px, 34vw, 490px);
    z-index: 2;
  }
}

/* Intermediate desktop/tablet widths need a slightly smaller illustration. */
@media screen and (min-width: 993px) and (max-width: 1250px) {
  .banner__container { padding-left: 42px; }

  .banner__title,
  .banner__about { max-width: 47%; }

  .banner__images_main {
    right: 18px;
    width: 410px;
  }
}

/* 2. Advantages: one calm section with compact white cards. */
.whyus__examples_group {
  gap: 12px;
  padding: 14px;
  background: var(--yun-surface-soft);
  border: 1px solid var(--yun-border);
  border-radius: 24px;
}

.whyus__examples_group_item {
  min-height: 218px;
  padding: 22px 13px 18px;
  background: var(--yun-surface);
  border: 1px solid var(--yun-border);
  border-radius: 17px;
  box-shadow: 0 2px 8px rgba(18, 17, 17, 0.025);
}

.whyus__examples_group_item:hover {
  transform: translateY(-3px);
  border-color: rgba(255, 208, 0, 0.85);
  box-shadow: 0 10px 24px rgba(18, 17, 17, 0.08);
}

.whyus__examples_group_item_image {
  width: 72px;
  height: 72px;
  border-radius: 19px;
  background: linear-gradient(145deg, #ffe84a 0%, var(--yun-yellow) 72%);
  box-shadow: 0 8px 20px rgba(255, 222, 1, 0.2);
}

.whyus__examples_group_item_image img {
  max-width: 46px;
  max-height: 46px;
}

.whyus__examples_group_item_title {
  min-height: 39px;
  margin-top: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 1.35;
}

.whyus__examples_group_item_list {
  margin-top: 7px;
  margin-left: 14px;
  font-size: 13px;
  line-height: 1.5;
  color: #73747a;
}

.whyus__examples_group_item_list li::before {
  opacity: 0.75;
}

/* 3. Do not use an outer hover shadow inside Slick's clipped viewport. */
.rates__group_item,
.rates__group_item:hover {
  transform: none;
  box-shadow: none;
}

.rates__group_item_main {
  transition: border-color 0.22s ease, background-color 0.22s ease;
}

.rates__group_item:hover .rates__group_item_main {
  border-color: rgba(255, 208, 0, 0.85);
  background-color: #fcfcfd;
}

.rates__group_item:hover .rates__group_item_header {
  background: var(--yun-black);
}

.rates__group_item:hover .rates__group_item_header .rates__group_item_header_title {
  color: #000;
  background: var(--yun-yellow);
}

/* Keep a little vertical room for the order button without producing a cut box. */
.rates-slider .slick-list {
  padding-bottom: 16px;
}

@media screen and (max-width: 1100px) {
  .whyus__examples_group { padding: 12px; }
}

@media screen and (max-width: 768px) {
  .whyus__examples_group {
    gap: 10px;
    padding: 10px;
    border-radius: 18px;
  }

  .whyus__examples_group_item {
    min-height: 205px;
    padding: 18px 9px 15px;
  }

  .whyus__examples_group_item:hover { transform: none; }
}

@media screen and (max-width: 576px) {
  .whyus__examples_group_item_image {
    width: 62px;
    height: 62px;
  }

  .whyus__examples_group_item_image img {
    max-width: 40px;
    max-height: 40px;
  }

  .whyus__examples_group_item_title {
    min-height: 34px;
    margin-top: 13px;
    font-size: 12px;
  }

  .whyus__examples_group_item_list {
    font-size: 11px;
    line-height: 1.4;
  }
}

/* Ticket details already contain the "Статус" label in the HTML. */
.support-request .tickets__table_col_row_state_btn::before {
  content: none !important;
  display: none !important;
}

/* ========================================================================== */
/* 62YUN — full-width hero and rebuilt advantages section                     */
/* ========================================================================== */

/* The page wrapper is capped at 1440px; let only the hero span the viewport. */
.banner {
  width: 100vw;
  max-width: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* A soft lower edge makes the full-width dark area feel intentional. */
.banner::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 72px;
  pointer-events: none;
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.16));
}

/* Advantages heading: one centered composition instead of two distant labels. */
.whyus {
  margin-top: 72px;
  padding: 0 24px;
}

.whyus .title-group {
  width: 100%;
  max-width: 1110px;
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 0;
  text-align: center;
}

.whyus .title-group::after {
  content: "";
  width: 52px;
  height: 4px;
  margin-top: 4px;
  border-radius: 999px;
  background: var(--yun-yellow);
}

.whyus .title-group h1 {
  display: block;
  margin: 0;
  color: #e6c600;
  font-size: clamp(28px, 2.6vw, 38px);
  line-height: 1.08;
  letter-spacing: -0.025em;
  text-transform: uppercase;
}

.whyus .title-group h1 b {
  margin-left: 7px;
  color: var(--yun-text);
}

.whyus .title-group h1::first-letter { color: inherit; }

.whyus .title-group h3 {
  order: 2;
  margin: 0;
  color: #85868b;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.whyus__examples {
  width: 100%;
  max-width: 1110px;
  margin: 34px auto 0;
}

.whyus__examples_group {
  width: 100%;
  max-width: 1110px;
  margin: 0 auto;
  padding: 0;
  gap: 14px;
  background: transparent;
  border: 0;
  border-radius: 0;
}

.whyus__examples_group_item {
  position: relative;
  min-height: 232px;
  padding: 25px 15px 20px;
  overflow: hidden;
  background: #f6f6f8;
  border: 1px solid transparent;
  border-radius: 20px;
  box-shadow: none;
}

.whyus__examples_group_item::before { display: none; }

.whyus__examples_group_item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 54px;
  height: 4px;
  border: 0;
  border-radius: 0 0 8px 8px;
  background: var(--yun-yellow);
  transform: translateX(-50%);
}

.whyus__examples_group_item:hover {
  background: #fff;
  border-color: rgba(255, 208, 0, 0.72);
  box-shadow: 0 14px 34px rgba(18, 17, 17, 0.09);
  transform: translateY(-4px);
}

.whyus__examples_group_item_image {
  width: 68px;
  height: 68px;
  border-radius: 18px;
  box-shadow: 0 9px 22px rgba(255, 222, 1, 0.2);
}

.whyus__examples_group_item_image img {
  max-width: 43px;
  max-height: 43px;
}

.whyus__examples_group_item_title {
  min-height: 38px;
  margin-top: 18px;
  color: var(--yun-text);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: 0;
}

.whyus__examples_group_item_list {
  margin: 8px 0 0 13px;
  color: #74757a;
  font-size: 12px;
  line-height: 1.5;
}

@media screen and (min-width: 1600px) {
  .banner__container { max-width: 1240px; }

  .banner__images_main {
    right: 35px;
    width: 510px;
  }
}

@media screen and (max-width: 1100px) {
  .whyus__examples_group {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media screen and (max-width: 768px) {
  .whyus {
    margin-top: 48px;
    padding: 0 14px;
  }

  .whyus .title-group {
    gap: 7px;
  }

  .whyus .title-group h1 {
    font-size: 27px;
    line-height: 1.1;
  }

  .whyus .title-group h3 {
    font-size: 11px;
    letter-spacing: 0.13em;
  }

  .whyus .title-group::after {
    width: 42px;
    height: 3px;
  }

  .whyus__examples {
    margin-top: 25px;
  }

  .whyus__examples_group {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width: 576px) {
  .whyus {
    margin-top: 38px;
    padding: 0 12px;
  }

  .whyus .title-group {
    margin: 0 auto;
    padding: 0;
  }

  .whyus .title-group h1 {
    display: block;
    font-size: 24px;
    line-height: 1.12;
    white-space: normal;
  }

  .whyus .title-group h1 b {
    display: inline;
    margin-left: 5px;
  }

  .whyus .title-group h3 {
    max-width: 280px;
    font-size: 10px;
  }

  .whyus__examples_group {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 0;
  }

  .whyus__examples_group_item {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 15px;
    row-gap: 3px;
    align-items: center;
    min-height: 0;
    padding: 15px 17px;
    text-align: left;
    border-radius: 16px;
  }

  .whyus__examples_group_item::after {
    top: 50%;
    right: auto;
    left: 0;
    width: 3px;
    height: 38px;
    border-radius: 0 8px 8px 0;
    transform: translateY(-50%);
  }

  .whyus__examples_group_item_image {
    grid-column: 1;
    grid-row: 1 / 3;
    width: 58px;
    height: 58px;
    margin: 0;
    border-radius: 15px;
  }

  .whyus__examples_group_item_image img {
    max-width: 37px;
    max-height: 37px;
  }

  .whyus__examples_group_item_title {
    grid-column: 2;
    grid-row: 1;
    min-height: 0;
    margin: 0;
    justify-content: flex-start;
    text-align: left;
    font-size: 12px;
  }

  .whyus__examples_group_item_list {
    grid-column: 2;
    grid-row: 2;
    margin: 0 0 0 12px;
    text-align: left;
    font-size: 11px;
    line-height: 1.35;
  }

  .whyus__examples_group_item:hover {
    transform: none;
  }
}

/* Prevent the full-bleed hero from creating a page-wide horizontal scrollbar. */
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

@supports (overflow: clip) {
  html,
  body {
    overflow-x: clip;
  }
}