@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap");

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

object {
  pointer-events: none;
}

ul,
ol {
  list-style: none;
}

a {
  text-decoration: none;
}

html {
  overflow-x: clip;
}

body {
  font-family: "Open Sans", sans-serif;
  background-image: url("../img/bg_body.webp");
  background-repeat: repeat;
  background-size: inherit;
  letter-spacing: 0.5px;
  position: relative;
  overflow-x: clip;
}

.container {
  max-width: 1380px;
  width: 100%;
  margin: 0 auto;
}

.main_content {
  padding: 75px 0;
}

.tabs-details .changes_currencies .changes_currencies_calculator {
  width: 410px;
  padding: 50px 35px;
  background: rgba(37, 37, 37, 0.8);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.tabs-details .changes_currencies .changes_currencies_calculator .curr_chane_calc {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 45px;
}

.tabs-details .changes_currencies .changes_currencies_calculator .curr_chane_calc img {
  width: 85px;
  height: 85px;
  margin-bottom: 18px;
}

.tabs-details .changes_currencies .changes_currencies_calculator .curr_chane_calc p {
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
  letter-spacing: 0.005em;
  color: rgba(255, 255, 255, 0.87);
}

.tabs-details .changes_currencies .changes_currencies_calculator .curr_chane_calc span {
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.005em;
  color: rgba(255, 255, 255, 0.54);
}

.tabs-details .changes_currencies .changes_currencies_calculator .curr_chane_calc.cross_img {
  width: 100%;
}

.tabs-details .changes_currencies .changes_currencies_calculator .curr_chane_calc.cross_img .curr_chane_calc__block {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

.tabs-details .changes_currencies .changes_currencies_calculator hr {
  width: 100%;
  border: 0;
  outline: none;
  height: 2px;
  background: rgba(255, 255, 255, 0.12);
}

.tabs-details .changes_currencies .changes_currencies_calculator .rate {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 255px;
  width: 100%;
  margin: 25px 0;
}

.tabs-details .changes_currencies .changes_currencies_calculator .rate hr {
  transform: rotate(90deg);
  width: 50px;
}

.tabs-details .changes_currencies .changes_currencies_calculator .rate span {
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: 0.005em;
  color: rgba(255, 255, 255, 0.54);
}

.tabs-details .changes_currencies .changes_currencies_calculator .rate p {
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
  letter-spacing: 0.005em;
  color: #ffffff;
}

.tabs-details .changes_currencies .changes_currencies_calculator .calculate_changes_rate {
  width: 100%;
  margin-top: 50px;
  position: relative;
}

.tabs-details .changes_currencies .changes_currencies_calculator .calculate_changes_rate .slides_calculate {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.tabs-details .changes_currencies .changes_currencies_calculator .calculate_changes_rate .slides_calculate:first-child {
  margin-bottom: 20px;
}

.tabs-details .changes_currencies .changes_currencies_calculator .calculate_changes_rate .slides_calculate > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.tabs-details .changes_currencies .changes_currencies_calculator .calculate_changes_rate span {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.005em;
  color: #ffffff;
  margin-bottom: 5px;
}

.tabs-details .changes_currencies .changes_currencies_calculator .calculate_changes_rate p {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #ffffff;
  margin-bottom: 5px;
}

.tabs-details .changes_currencies .changes_currencies_calculator .calculate_changes_rate input {
  background: #181818;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.005em;
  color: #fff;
  outline: none;
  width: 130px;
  padding: 10px;
}

.tabs-details .changes_currencies .changes_currencies_calculator .calculate_changes_rate button {
  border: 3px solid #316508;
  outline: none;
  background: #316508;
  box-sizing: border-box;
  box-shadow: -1px 2px 4px rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition:
    background-color 0.4s ease,
    border-color 0.4s ease,
    color 0.4s ease;
}

.tabs-details .changes_currencies .changes_currencies_calculator .calculate_changes_rate button:hover {
  background: #4cac00;
  border: 3px solid #4cac00;
}

.tabs-details .changes_currencies .changes_currencies_calculator .calculate_changes_rate button:active {
  background: #223712;
  border: 3px solid #316508;
}

.menu_tabs_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}

.menu_tabs_list > div {
  margin-bottom: 15px;
}

.menu_tabs_list .tlink {
  display: block;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: 0.005em;
  color: #ffffff;
  margin-right: 10px;
  background: transparent;
  border: 3px solid #316508;
  border-radius: 10px;
  padding: 10px 40px;
  transition:
    background-color 0.4s ease,
    border-color 0.4s ease,
    color 0.4s ease;
  cursor: pointer;
}

.menu_tabs_list .active_curr_link {
  display: block;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: 0.005em;
  color: #ffffff;
  margin-right: 10px;
  background: #316508;
  border: 3px solid #316508;
  border-radius: 10px;
  padding: 10px 40px;
  transition:
    background-color 0.4s ease,
    border-color 0.4s ease,
    color 0.4s ease;
}

.contact_fixed_block {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
}

.contact_fixed_block .contact_fixed_block__btn {
  width: 100%;
}

.contact_fixed_block .contact_fixed_block__btn a {
  background: #316508;
  border-radius: 10px 10px 0 0;
  max-width: 85px;
  width: 85px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.contact_fixed_block .contact_fixed_block__btn a svg {
  max-width: 15px;
  transition: transform 0.5s ease;
}

.contact_fixed_block .contact_fixed_block__content {
  background: rgba(38, 42, 41, 0.85);
  border: 3.93307px solid #316508;
  backdrop-filter: blur(5.24409px);
  padding: 30px 0;
}

.contact_fixed_block .contact_fixed_block__content > h2 {
  font-weight: 400;
  font-size: 22px;
  line-height: 30px;
  text-align: center;
  color: #ffffff;
  margin: 0 0 35px;
}

.contact_fixed_block .contact_fixed_block__content .contacts_social {
  max-width: 580px;
  width: 100%;
  transition:
    opacity 0.5s ease,
    visibility 0.5s ease,
    transform 0.5s ease;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.contact_fixed_block .contact_fixed_block__content .contacts_social_block {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 0 auto;
  max-width: 860px;
  width: 100%;
  transition:
    opacity 0.5s ease,
    visibility 0.5s ease,
    transform 0.5s ease;
}

.contact_fixed_block .contact_fixed_block__content .contacts_social .contact_soc_item,
.contact_fixed_block .contact_fixed_block__content .contacts_social_block .contact_soc_item_chanel a {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  border-radius: 10px;
  padding: 7px 10px;
  transition:
    background 0.4s ease,
    border 0.4s ease,
    color 0.4s ease;
}

.contact_fixed_block .contact_fixed_block__content .contacts_social .contact_soc_item {
  max-width: 135px;
}

.contact_fixed_block .contact_fixed_block__content .contacts_social_block .contact_soc_item_chanel {
  display: none;
  max-width: 195px;
  width: 100%;
}

.contact_fixed_block .contact_fixed_block__content .contacts_social .contact_soc_item.whatsapp {
  border: 2px solid #0dc143;
}

.contact_fixed_block .contact_fixed_block__content .contacts_social .contact_soc_item.whatsapp:hover {
  background: #0dc143;
}

.contact_fixed_block .contact_fixed_block__content .contacts_social .contact_soc_item.whatsapp:active {
  background: #2f8f4c;
  border: 2px solid #2f8f4c;
}

.contact_fixed_block .contact_fixed_block__content .contacts_social .contact_soc_item.viber {
  border: 2px solid #675da9;
}

.contact_fixed_block .contact_fixed_block__content .contacts_social .contact_soc_item.viber:hover {
  background: #675da9;
}

.contact_fixed_block .contact_fixed_block__content .contacts_social .contact_soc_item.viber:active {
  background: #4f4787;
  border: 2px solid #4f4787;
}

.contact_fixed_block .contact_fixed_block__content .contacts_social .contact_soc_item.telegram,
.contact_fixed_block .contact_fixed_block__content .contacts_social_block .contact_soc_item_chanel a {
  border: 2px solid #28a8e9;
}

.contact_fixed_block .contact_fixed_block__content .contacts_social .contact_soc_item.telegram:hover,
.contact_fixed_block .contact_fixed_block__content .contacts_social_block .contact_soc_item_chanel a:hover {
  background: #26a5e3;
}

.contact_fixed_block .contact_fixed_block__content .contacts_social_block .contact_soc_item_chanel a:hover p {
  color: #ffffff;
}

.contact_fixed_block .contact_fixed_block__content .contacts_social .contact_soc_item.telegram:active,
.contact_fixed_block .contact_fixed_block__content .contacts_social_block .contact_soc_item_chanel a:active {
  background: #2182b4;
  border: 2px solid #2182b4;
}

.contact_fixed_block .contact_fixed_block__content .contacts_social .contact_soc_item.signal {
  border: 2px solid #3a76f0;
}

.contact_fixed_block .contact_fixed_block__content .contacts_social .contact_soc_item.signal:hover {
  background: #3a76f0;
}

.contact_fixed_block .contact_fixed_block__content .contacts_social .contact_soc_item.signal:active {
  background: #426dc5;
  border: 2px solid #426dc5;
}

.contact_fixed_block .contact_fixed_block__content .contacts_social .contact_soc_item svg {
  max-width: 30px;
  width: 100%;
  flex: 1 0 auto;
}

.contact_fixed_block .contact_fixed_block__content .contacts_social .contact_soc_item p,
.contact_fixed_block .contact_fixed_block__content .contacts_social_block .contact_soc_item_chanel a p {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
  flex: 1 0 auto;
  text-align: center;
}

.contact_fixed_block .contact_fixed_block__content .contacts_social_block .contact_soc_item_chanel a p {
  color: #26a5e4;
  transition: color 0.4s ease;
}

.contact_fixed_block .contact_fixed_block__content .subs_telegram {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: #ffffff;
  margin: 35px auto 40px;
  text-align: center;
}

.contact_fixed_block .contact_fixed_block__content .subs_telegram a {
  color: #28a8e9;
  transition: color 0.4s ease;
}

.contact_fixed_block .contact_fixed_block__content .subs_telegram a:hover {
  color: #186f9b;
}

.contact_fixed_block .contact_fixed_block__content .cookies_agree {
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact_fixed_block .contact_fixed_block__content .cookies_agree svg {
  max-width: 30px;
  width: 100%;
  margin-right: 10px;
}

.contact_fixed_block .contact_fixed_block__content .cookies_agree p {
  font-size: 12px;
  line-height: 16px;
  color: #ffffff;
}

header {
  background: #222222;
  position: relative;
  z-index: 999;
  padding-top: 20px;
  padding-bottom: 15px;
}

header .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

header .header_logo {
  max-width: 416px;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  position: relative;
  align-items: center;
}

header .header_logo object {
  width: calc(100% - 202px);
}

header .header_text_block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 830px;
  width: 100%;
}

.header_phones {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.header_phones > svg,
.header_adress .header_adress_item svg,
.header_shedule > svg {
  max-width: 20px;
  width: 100%;
  height: 20px;
  margin-right: 5px;
}

.header_phones .header_phones_items {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.header_phones .header_phones_items a {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  color: #ffffff;
  transition: color 0.4s ease;
}

.header_adress {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.header_adress .header_adress_item {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.header_phones .header_phones_items a:not(:last-child),
.header_shedule .header_shedule_text p,
.header_adress .header_adress_item:not(:last-child) {
  margin: 0 0 10px;
}

.header_adress .header_adress_item p {
  max-width: 230px;
  width: 100%;
  font-size: 16px;
  line-height: 1.2;
  color: #ffffff;
  transition: color 0.4s ease;
}

.header_adress .header_adress_item p span {
  font-weight: 600;
}

.header_phones .header_phones_items a:hover,
.header_adress .header_adress_item:hover p,
.header_drop_lang .drop_menu_block ul li a:hover p {
  color: #316508;
}

.header_phones .header_phones_items a:active,
.header_adress .header_adress_item:active p,
.header_drop_lang .drop_menu_block ul li a:active p {
  color: #344840;
}

.header_shedule {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.header_shedule .header_shedule_text p {
  font-size: 16px;
  line-height: 1.2;
  color: #ffffff;
}

.header_shedule .header_shedule_text p span {
  font-weight: 600;
}

header .header_text_block .header_drop_lang {
  position: relative;
  z-index: 1;
}

header .header_text_block .header_drop_lang .current_block_lang {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #ffffff;
  background: #222222;
  border-radius: 23px;
  padding: 5px 10px;
  max-width: 105px;
  width: 105px;
  height: 30px;
  overflow: hidden;
  z-index: 2;
}

header .header_text_block .header_drop_lang .current_block_lang .current_block_lang__text {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

header .header_text_block .header_drop_lang .current_block_lang .current_block_lang__text object,
header .header_text_block .header_drop_lang .drop_menu_block ul li a object {
  max-width: 18px;
  width: 100%;
  margin-right: 10px;
}

header .header_text_block .header_drop_lang .current_block_lang .current_block_lang__text p,
header .header_text_block .header_drop_lang .drop_menu_block ul li a p {
  font-weight: 600;
  font-size: 15px;
  line-height: 24px;
  color: #ffffff;
  text-transform: uppercase;
  transition: color 0.4s ease;
}

header .header_text_block .header_drop_lang .drop_menu_block ul li a:hover p {
  color: #316508;
}

header .header_text_block .header_drop_lang .current_block_lang > svg {
  max-width: 14px;
  width: auto;
  transition: transform 0.4s ease;
}

header .header_text_block .header_drop_lang .current_block_lang > svg path {
  transition: fill 0.4s ease;
}

header .header_text_block .header_drop_lang .drop_menu_block {
  padding-top: 25px;
  padding-bottom: 5px;
  display: none;
  position: absolute;
  left: 0px;
  right: 0;
  border: 1px solid #ffffff;
  border-radius: 0 0 23px 23px;
  margin-top: -15px;
  height: max-content;
  max-height: 85px;
  z-index: -1;
  overflow: hidden;
}

header .header_text_block .header_drop_lang .drop_menu_block ul li:not(:last-child) a {
  margin-bottom: 5px;
}

header .header_text_block .header_drop_lang .drop_menu_block ul li a {
  font-weight: 600;
  font-size: 15px;
  line-height: 24px;
  color: #9b9d9d;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

header .header_text_block .header_burger_menu {
  display: none;
}

header .header_text_block .header_burger_menu .header_burger_link {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header_burger_link > * {
  margin: 0 5px;
}

.header-svg {
  width: 24px;
  height: 24px;
  transition:
    fill 0.4s ease,
    transform 0.4s ease;
}

.header-svg path {
  transition:
    fill 0.4s ease,
    transform 0.4s ease;
}

.header_burger_link_svg {
  display: flex;
  align-items: center;
  justify-content: center;
}

.header-svg:hover path {
  fill: #316508;
}

header .header_text_block .header_burger_menu .header_burger_link .burger_icon path,
header .header_text_block .header_burger_menu .header_burger_link .burger_icon rect {
  transition: fill 0.4s ease;
}

header .header_text_block .header_burger_menu .header_burger_link .burger_icon_sec {
  display: none;
}

.header_burger_drop {
  background: #293e36;
  position: absolute;
  right: 0;
  height: 100%;
  max-height: 100vh;
  transform: translateX(100%);
  max-width: 350px;
  width: 100%;
  transition: transform 0.4s ease;
  z-index: 99;
  padding: 30px;
  box-sizing: border-box;
  opacity: 0;
}

.header_burger_drop .header_burger_content {
  width: 100%;
}

.header_burger_drop .burger_title {
  font-weight: 700;
  font-size: 30px;
  line-height: 41px;
  color: #ffffff;
  margin-bottom: 30px;
}

.header_burger_drop .header_burger_block {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.toggle_section {
  padding: 0 0 45px;
}

.toggle_section .toggle_container {
  position: relative;
}

.toggle_block_link {
  position: absolute;
  top: 100px;
  left: 0;
  z-index: 1;
}

.toggle_block_link a {
  display: block;
  max-width: 120px;
  width: 100%;
}

.toggle_block_link a svg {
  width: 100%;
}

.toggle_section .toggle_section__block {
  padding: 115px 0 0;
  display: none;
}

.toggle_section .toggle_section__block > h1 {
  font-weight: 700;
  font-size: 30px;
  line-height: 41px;
  color: rgba(255, 255, 255, 0.87);
  margin: 0 0 30px;
}

.toggle_section .toggle_section__block > img {
  width: 100%;
  object-fit: cover;
  margin-bottom: 25px;
}

.toggle_section .toggle_block__text h1,
.toggle_section .toggle_block__text h2,
.toggle_section .toggle_block__text h3,
.toggle_section .toggle_block__text h4,
.toggle_section .toggle_block__text h5,
.toggle_section .toggle_block__text h6 {
  font-size: 22px;
  line-height: 30px;
  font-weight: 600;
  color: #ffffff;
  margin: 0 0 30px;
}

.toggle_section .toggle_block__text p,
.toggle_section .toggle_block__text ol li,
.toggle_section .toggle_block__text ul li {
  margin: 0 0 20px;
  font-size: 14px;
  line-height: 22px;
  color: #ffffff;
}

.toggle_section .toggle_block__text ol,
.toggle_section .toggle_block__text ul {
  margin: 0;
  padding: 0 0 0 18px;
  list-style: auto;
}

.toggle_section .toggle_block__text ol li:not(:last-child),
.toggle_section .toggle_block__text ul li:not(:last-child) {
  margin: 0 0 10px;
}

.map_section {
  box-sizing: border-box;
  max-width: 1380px;
  max-height: 520px;
  width: 95vw;
  margin: 60px auto 90px;
  height: calc(95vw * 0.375);
}

.map_section .about_camp_map_block {
  position: relative;
  width: 100%;
}

.map_section .about_camp_map_block .about_camp_map_item {
  display: block;
  width: 100%;
  position: relative;
}

.map_section .about_camp_map_block .about_camp_map_item img,
.map_section .about_camp_map_block .about_camp_map_item embed,
.map_section .about_camp_map_block .about_camp_map_item object,
.map_section .about_camp_map_block .about_camp_map_item picture {
  width: 95vw;
  height: calc(95vw * 0.375);
  max-height: 520px;
  object-fit: cover;
  max-width: 1380px;
}

.map_section .about_camp_map_block .about_camp_map_item .map_nav_block {
  background: #232323;
  border-radius: 10px;
  position: absolute;
  max-width: 290px;
  width: 100%;
  top: 50px;
  left: 40px;
  padding: 15px 17px;
}

.map_section .about_camp_map_block .about_camp_map_item .map_nav_block .map_nav_adress {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 15px;
}

.map_section .about_camp_map_block .about_camp_map_item .map_nav_block .map_nav_adress svg {
  max-width: 36px;
  width: 100%;
}

.map_section .about_camp_map_block .about_camp_map_item .map_nav_block .map_nav_adress p {
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
  max-width: 205px;
  width: 100%;
  margin: 0;
}

.map_section .about_camp_map_block .about_camp_map_item .map_nav_block .map_nav_adress p span {
  font-weight: 600;
}

.map_section .about_camp_map_block .about_camp_map_item .map_nav_block > a {
  background: #316508;
  border-radius: 10px;
  width: 100%;
  height: 40px;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 3px solid #316508;
  box-sizing: border-box;
  transition:
    background 0.4s ease,
    border 0.4s ease;
}

.map_section .about_camp_map_block .about_camp_map_item .map_nav_block > a:hover {
  background: #4cac00;
  border: 3px solid #4cac00;
}

.map_section .about_camp_map_block .about_camp_map_item .map_nav_block > a:active {
  background: #223712;
  border: 3px solid #316508;
}

.map_section .about_camp_map_block .map_branches {
  position: absolute;
  top: -40px;
  left: 0px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-radius: 10px 10px 0px 0px;
}

.map_section .about_camp_map_block .map_branches a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #a5a5a5;
  text-align: center;
  transition:
    background 0.4s ease,
    color 0.4s ease;
  width: 250px;
  height: 40px;
  border-radius: 10px 10px 0px 0px;
  text-transform: uppercase;
  background: #223712;
}

.map_section .about_camp_map_block .map_branches a.active {
  background: #316508;
  color: #ffffff;
}

.map_section .about_camp_map_block .map_branches a:not(.active):hover {
  background: #4cac00;
  color: #ffffff;
}

.map_section .about_camp_map_block .map_branches a:not(.active):active {
  background: #344840;
}

.map_section .about_camp_map_block .about_camp_map_item.active {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}

.map_section .about_camp_map_block .about_camp_map_item:not(.active) {
  display: none;
}

footer {
  background: #000000;
  padding: 55px 0 150px;
}

footer .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

footer .footer_text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

footer .footer_text p {
  font-size: 20px;
  line-height: 27px;
  color: #ffffff;
  margin: 0;
}

footer .footer_text p:first-child {
  text-transform: uppercase;
  margin: 0 0 5px;
}

footer .created_link a {
  display: block;
}

.tabs-details .changes_currencies .changes_currencies_calculator .close_popup_btn {
  display: none;
}

.logo_anim_block {
  width: 202px;
  height: 50px;
  position: absolute;
  top: 0;
  right: auto;
  left: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  animation:
    fadeIn 1s 1,
    rotate 10s infinite;
  animation-fill-mode: forwards;
}

.wrap {
  animation:
    translate 2000ms infinite ease-in-out alternate,
    zindex 4000ms infinite ease-in-out;
  animation-delay:
    0,
    -4000ms;
  position: absolute;
}

.ball {
  width: 35px;
  height: 40px;
  animation: scale 2000ms infinite ease-in-out alternate;
  animation-delay: -1000ms;
  transform: scale(0.5);
  border: 0px solid black;
  color: #ffda44;
}

#ball_planet {
  width: 112.5px;
  height: 112.5px;
  background: url("../img/logo/planet.svg");
  background-size: cover;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  animation: none;
  transform: none;
}

#wrap2 {
  animation-delay: -2000ms;
}

#ball1 {
  background: url("../img/logo/1.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

#ball2 {
  animation-delay: -3000ms;
  background: url("../img/logo/4.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

#wrap3 {
  animation-delay: -3000ms;
}

#ball3 {
  animation-delay: -4000ms;
  background: url("../img/logo/3.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

#wrap4 {
  animation-delay: -5000ms;
}

#ball4 {
  animation-delay: -6000ms;
  background: url("../img/logo/2.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

.t_channel_block {
  display: block;
  width: 95%;
  margin: 0 auto;
  margin-top: 40px;
  text-align: center;
}

.t_channel_block > p {
  color: #ffffff;
  font-size: 17px;
  line-height: 27px;
}

.t_channel_block > p > a {
  color: #4cac00;
}

@keyframes translate {
  0% {
    transform: translateX(0) translateY(25px);
  }

  100% {
    transform: translateX(170px) translateY(-25px);
  }
}

@keyframes scale {
  100% {
    transform: scale(1);
  }
}

@keyframes zindex {
  25% {
    z-index: 1;
  }

  75% {
    z-index: -1;
  }
}

@keyframes fadeIn {
  100% {
    opacity: 1;
  }
}

@media screen and (max-width: 1400px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .tabs-details .changes_currencies {
    flex: 1 0 auto;
    margin-left: 20px;
  }

  header .header_logo {
    margin-right: 15px;
  }

  header .header_text_block {
    max-width: 780px;
  }
}

@media screen and (max-width: 1200px) {
  header .header_text_block {
    justify-content: flex-end;
  }

  header .header_text_block .header_drop_lang {
    margin-right: 80px;
  }

  header .header_text_block > .header_phones,
  header .header_text_block > .header_adress,
  header .header_text_block > .header_shedule {
    display: none;
  }

  header .header_text_block .header_burger_menu {
    display: block;
    height: 100%;
    margin: auto 0;
  }

  .header_phones,
  .header_adress {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 992px) {
  header .header_logo {
    flex: 1 0 auto;
  }

  .tabs-details .changes_currencies .changes_currencies_calculator .close_popup_btn {
    display: block;
    position: absolute;
    right: 35px;
    top: 50px;
  }

  .tabs-details .changes_currencies .changes_currencies_calculator .close_popup_btn svg path {
    transition: fill 0.4s ease;
  }

  .tabs-details .changes_currencies .changes_currencies_calculator .close_popup_btn:hover svg path {
    fill: #316508;
  }

  .menu_tabs_list .tlink,
  .menu_tabs_list .active_curr_link {
    font-size: 12px;
    padding: 10px 20px;
  }

  .tabs-details .changes_currencies {
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    margin: 0;
    transform: translateX(-100%);
    bottom: 0;
    top: 0;
    z-index: 99999;
    transition: transform 0.4s ease;
  }

  .tabs-details .changes_currencies .changes_currencies_calculator .rate {
    max-width: 455px;
  }

  .tabs-details .changes_currencies .changes_currencies_calculator .calculate_changes_rate .slides_calculate {
    justify-content: space-evenly;
  }

  .tabs-details .changes_currencies.show_tab {
    transform: translateX(0);
  }

  .tabs-details .changes_currencies .changes_currencies_calculator {
    max-width: 100%;
    width: 100lvw;
    height: 100lvh;
    margin: 0;
    backdrop-filter: blur(2px);
    background: rgb(37 37 37 / 90%);
  }

  .toggle_block_link {
    top: 50px;
  }

  .toggle_section {
    padding: 0 0 5px;
  }

  .toggle_section .toggle_section__block {
    padding: 80px 0 0;
  }

  .map_section {
    margin: 45px auto 80px;
  }

  footer {
    padding: 55px 0 130px;
  }

  .map_section .about_camp_map_block .about_camp_map_item .map_nav_block {
    top: 20px;
    left: 20px;
  }

  .tabs-details .changes_currencies .changes_currencies_calculator .rate p {
    font-size: 17px;
    line-height: 24px;
  }

  .tabs-details .changes_currencies .changes_currencies_calculator .calculate_changes_rate {
    margin-top: 40px;
  }

  .tabs-details .changes_currencies .changes_currencies_calculator .curr_chane_calc {
    margin-bottom: 35px;
  }

  footer .created_link a {
    max-width: 140px;
    width: 100%;
  }

  footer .created_link a object {
    width: 100%;
  }

  footer .footer_text p {
    font-size: 16px;
    line-height: 20px;
  }

  .contact_fixed_block .contact_fixed_block__content .subs_telegram {
    margin: 25px auto 40px;
  }

  .contact_fixed_block .contact_fixed_block__content > h2 {
    margin: 0 0 25px;
  }
}

@media screen and (max-width: 767px) {
  header .header_logo object {
    width: calc(100% - 160px);
  }

  header .header_logo {
    max-width: 315px;
  }

  .logo_anim_block {
    width: 162px;
    height: 35px;
  }

  #ball_planet {
    width: 85.5px;
    height: 85.5px;
  }

  .ball {
    width: 20px;
    height: 30px;
  }

  @keyframes translate {
    0% {
      transform: translateX(0) translateY(25px);
    }

    100% {
      transform: translateX(140px) translateY(-25px);
    }
  }

  .menu_tabs_list .tlink,
  .menu_tabs_list .active_curr_link {
    max-width: 49%;
    width: 100%;
    margin-right: 0;
    text-align: center;
  }

  .menu_tabs_list {
    justify-content: space-between;
  }

  header .header_text_block .header_drop_lang {
    margin-right: 50px;
  }

  .toggle_block_link {
    top: 15px;
  }

  .main_content {
    padding: 55px 0;
  }

  .map_section .about_camp_map_block .map_branches a {
    width: 190px;
  }

  .map_section .about_camp_map_block .map_branches a:first-of-type {
    padding: 0 20px;
  }

  .map_section .about_camp_map_block .about_camp_map_item .map_nav_block {
    position: relative;
    top: -20px;
    left: 0;
    right: 0;
    max-width: 100%;
    border-radius: 0 0 10px 10px;
  }

  .map_section .about_camp_map_block .about_camp_map_item .map_nav_block .map_nav_adress p {
    max-width: 100%;
    margin: 0 0 0 15px;
  }

  .toggle_section .toggle_section__block {
    padding: 60px 0 0;
  }

  .toggle_section .toggle_section__block > h1 {
    font-size: 24px;
    line-height: 28px;
    margin: 0 0 20px;
  }

  .toggle_section .toggle_block__text h1,
  .toggle_section .toggle_block__text h2,
  .toggle_section .toggle_block__text h3,
  .toggle_section .toggle_block__text h4,
  .toggle_section .toggle_block__text h5,
  .toggle_section .toggle_block__text h6 {
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 20px;
  }

  .toggle_section .toggle_block__text p,
  .toggle_section .toggle_block__text ol li,
  .toggle_section .toggle_block__text ul li {
    margin: 0 0 10px;
  }

  .map_section {
    margin: 45px auto 170px;
  }

  .contact_fixed_block .contact_fixed_block__content > h2 {
    font-size: 18px;
    line-height: 24px;
  }

  .contact_fixed_block .contact_fixed_block__content .subs_telegram {
    padding: 0 15px;
    font-size: 14px;
    line-height: 20px;
  }

  .contact_fixed_block .contact_fixed_block__content .cookies_agree {
    padding: 0 16px;
  }

  .contact_fixed_block .contact_fixed_block__content .contacts_social {
    max-width: 280px;
    flex-wrap: wrap;
  }

  .contact_fixed_block .contact_fixed_block__content .contacts_social .contact_soc_item {
    max-width: 120px;
  }

  .contact_fixed_block .contact_fixed_block__content .contacts_social .contact_soc_item svg {
    max-width: 25px;
    height: 100%;
  }

  .contact_fixed_block .contact_fixed_block__content .contacts_social .contact_soc_item p,
  .contact_fixed_block .contact_fixed_block__content .contacts_social_block .contact_soc_item_chanel a p {
    font-size: 12px;
    line-height: 16px;
  }

  .contact_fixed_block .contact_fixed_block__btn a {
    max-width: 105px;
    width: 105px;
    height: 28px;
  }

  .toggle_section .toggle_block__text ol li:not(:last-child),
  .toggle_section .toggle_block__text ul li:not(:last-child) {
    margin: 0 0 5px;
  }

  footer {
    padding: 55px 0 170px;
  }
}

@media screen and (max-width: 568px) {
  header .header_logo {
    max-width: 250px;
  }

  header .header_logo object {
    width: calc(100% - 130px);
  }

  .logo_anim_block {
    width: 130px;
    height: 22px;
  }

  #ball_planet {
    width: 75.5px;
    height: 75.5px;
  }

  @keyframes translate {
    0% {
      transform: translateX(0) translateY(25px);
    }

    100% {
      transform: translateX(111px) translateY(-25px);
    }
  }

  .menu_tabs_list .tlink,
  .menu_tabs_list .active_curr_link {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    font-size: 11px;
    padding: 5px 3%;
  }

  .tabs-details .changes_currencies .changes_currencies_calculator {
    padding: 0 20px;
  }

  .tabs-details .changes_currencies .changes_currencies_calculator .rate {
    justify-content: space-evenly;
  }

  .map_section .about_camp_map_block .map_branches a {
    width: 180px;
    font-size: 12px;
    padding: 0 5px;
  }

  .map_section .about_camp_map_block .map_branches a:first-of-type {
    padding: 0 30px;
  }

  header .header_text_block .header_drop_lang .current_block_lang {
    width: max-content;
    padding: 0;
    border: 0;
  }

  header .header_text_block .header_drop_lang .current_block_lang .current_block_lang__text p,
  header .header_text_block .header_drop_lang .drop_menu_block ul li a p {
    display: none;
  }

  header .header_text_block .header_drop_lang {
    margin-right: 10px;
  }

  header .header_text_block {
    max-width: 120px;
  }

  .header_burger_drop {
    max-width: 100%;
  }

  header .header_text_block .header_drop_lang .current_block_lang .current_block_lang__text object,
  header .header_text_block .header_drop_lang .drop_menu_block ul li a object {
    max-width: 25px;
    width: 25px;
    flex: 1 0 auto;
  }

  header .header_text_block .header_drop_lang .drop_menu_block {
    border: 0;
    padding-top: 5px;
    padding-bottom: 0;
    margin: 0;
    border-radius: 0;
  }

  header .header_text_block .header_drop_lang .drop_menu_block ul li a {
    padding: 0;
  }

  .contact_fixed_block .contact_fixed_block__content {
    padding: 15px 0;
  }

  .contact_fixed_block .contact_fixed_block__content > h2 {
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 15px;
  }

  .contact_fixed_block .contact_fixed_block__content .subs_telegram {
    font-size: 12px;
    line-height: 18px;
    margin: 15px auto;
  }

  .contact_fixed_block .contact_fixed_block__content .contacts_social .contact_soc_item svg {
    max-width: 20px;
  }

  .toggle_section .toggle_section__block > img {
    height: auto;
  }

  .toggle_section .toggle_block__text p,
  .toggle_section .toggle_block__text ol li,
  .toggle_section .toggle_block__text ul li {
    margin: 0 0 15px;
  }

  .toggle_section .toggle_block__text h1,
  .toggle_section .toggle_block__text h2,
  .toggle_section .toggle_block__text h3,
  .toggle_section .toggle_block__text h4,
  .toggle_section .toggle_block__text h5,
  .toggle_section .toggle_block__text h6 {
    font-size: 16px;
    line-height: 22px;
  }

  .toggle_block_link {
    top: 0;
  }

  .toggle_section {
    padding: 0;
  }

  .main_content {
    padding: 20px 0 55px;
  }

  .t_channel_block {
    margin-top: 20px;
  }

  .header_burger_drop .burger_title {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 20px;
  }

  .header_phones .header_phones_items a,
  .header_adress .header_adress_item p,
  .header_shedule .header_shedule_text p,
  footer .footer_text p {
    font-size: 14px;
  }

  .map_section .about_camp_map_block .about_camp_map_item .map_nav_block {
    top: -10px;
  }

  footer {
    padding: 40px 0 155px;
  }

  .map_section .about_camp_map_block .about_camp_map_item .map_nav_block .map_nav_adress svg {
    max-width: 25px;
    height: 100%;
  }

  .contact_fixed_block .contact_fixed_block__content .contacts_social .contact_soc_item {
    max-width: 55px;
    margin-bottom: 0px;
    justify-content: center;
  }

  .contact_fixed_block .contact_fixed_block__content .contacts_social .contact_soc_item p {
    display: none;
  }

  .menu_tabs_list {
    flex-wrap: nowrap;
    align-items: stretch;
  }

  .menu_tabs_list > div:not(:first-of-type) {
    margin-left: 2px;
  }

  .header-svg:hover path {
    fill: #ffffff;
  }
}

@media screen and (max-width: 419px) {
  .t_channel_block > p {
    font-size: 14px;
  }

  header .header_logo {
    max-width: 190px;
  }

  header .header_logo object {
    width: calc(100% - 95px);
  }

  .logo_anim_block {
    width: 90px;
    height: 22px;
  }

  #ball_planet {
    width: 61.5px;
    height: 61.5px;
  }

  .ball {
    width: 15px;
    height: 20px;
  }

  @keyframes translate {
    0% {
      transform: translateX(0) translateY(25px);
    }

    100% {
      transform: translateX(85px) translateY(-25px);
    }
  }

  .menu_tabs_list .tlink,
  .menu_tabs_list .active_curr_link {
    padding: 5px 1%;
  }
}

@media screen and (max-width: 380px) {
  .tabs-details .changes_currencies .changes_currencies_calculator .rate p {
    font-size: 16px;
  }

  .map_section .about_camp_map_block .map_branches a {
    width: 158px;
  }

  .map_section .about_camp_map_block .map_branches a:last-of-type {
    padding: 0 3px;
  }
}

:root {
  --rates-list-bg: #182420;
  --rates-bg: rgba(5, 22, 17, 0.92);
  --rates-bg-hover: rgba(10, 47, 35, 0.96);
  --rates-bg-active: rgba(49, 101, 8, 0.24);
  --rates-head-bg: rgba(4, 18, 14, 0.55);
  --rates-border: rgba(255, 255, 255, 0.04);
  --rates-text: rgba(255, 255, 255, 0.9);
  --rates-muted: rgba(255, 255, 255, 0.52);
  --rates-positive: #55c95f;
  --rates-negative: #d85a4c;
  --rates-neutral: rgba(255, 255, 255, 0.45);
  --rates-radius: 24px;
  --rates-sticky-top: 0px;
  --rates-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}

.tabs-details {
  margin-top: 18px;
}

.tabs-details > div {
  display: block;
}

.rates_layout {
  display: grid;
  align-items: start;
  gap: 20px;
  width: 100%;
}

.rates_list_cell,
.tabs-details .all_currencies {
  width: 100%;
  max-width: none;
}

.rates_table_head,
.tabs-details .all_currencies .currency_item {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(64px, 0.52fr) minmax(64px, 0.52fr) 18px;
  column-gap: 10px;
  align-items: center;
  width: 100%;
}
.tabs-details .all_currencies .currency_item {
  grid-template-columns: minmax(0, 1.45fr) minmax(50px, 0.52fr) minmax(50px, 0.52fr) 18px;
}

.rates_table_head {
  position: sticky;
  top: var(--rates-sticky-top);
  z-index: 50;
  align-self: start;
  margin-top: -12px;
  min-height: 52px;
  margin-bottom: 12px;
  padding: 14px 12px;
  border-radius: 0 0 18px 18px;
  background: var(--rates-head-bg);
  box-shadow: 0 18px 28px rgba(0, 0, 0, 0.18);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.rates_table_head span {
  display: inline-block;
  font-weight: 600;
  font-size: clamp(15px, 3.8vw, 18px);
  line-height: 1.2;
  letter-spacing: 0.08em;
  color: var(--rates-muted);
}

.tabs-details .all_currencies .currency_item {
  height: auto;
  padding: 14px 12px;
  border: 1px solid var(--rates-border);
  background: var(--rates-bg);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.16);
  color: var(--rates-text);
  font: inherit;
  text-align: left;
  appearance: none;
  cursor: pointer;
  transition:
    background-color 0.22s var(--rates-ease),
    border-color 0.22s var(--rates-ease),
    transform 0.22s var(--rates-ease),
    box-shadow 0.22s var(--rates-ease);
}

@media (hover:hover) {
  .tabs-details .all_currencies .currency_item:hover {
    background: var(--rates-bg-hover);
    border-color: rgba(85, 201, 95, 0.22);
  }
}
.tabs-details .all_currencies .currency_item:focus-visible {
  background: var(--rates-bg-hover);
  border-color: rgba(85, 201, 95, 0.22);
}

.tabs-details .all_currencies .currency_item:focus-visible {
  outline: 2px solid rgba(85, 201, 95, 0.55);
  outline-offset: 3px;
}

.tabs-details .all_currencies .currency_item.currency_active {
  background: var(--rates-bg-active);
  border-color: rgba(85, 201, 95, 0.28);
}

.tabs-details .all_currencies .currency_item .currency_info {
  display: flex;
  align-items: center;
  min-width: 0;
  max-width: none;
  width: 100%;
  margin: 0;
}

.tabs-details .all_currencies .currency_item .curr_img {
  flex: 0 0 auto;
  width: clamp(1.5rem, 0.6186rem + 2.8205vw, 2.875rem);
  max-width: none;
  height: clamp(1.5rem, 0.6186rem + 2.8205vw, 2.875rem);
  margin: 0 12px 0 0;
  border-radius: 50%;
  overflow: hidden;
}

.tabs-details .all_currencies .currency_item .curr_img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tabs-details .all_currencies .currency_item .curr_name {
  min-width: 0;
}

.tabs-details .all_currencies .currency_item p,
.tabs-details .all_currencies .currency_item span {
  letter-spacing: 0.005em;
}

.tabs-details .all_currencies .currency_item .currency_code {
  margin: 0 0 4px;
  font-weight: 700;
  font-size: clamp(1rem, 0.6795rem + 1.0256vw, 1.5rem);
  line-height: 1.08;
  letter-spacing: 0.08em;
  color: var(--rates-text);
  text-transform: uppercase;
}

.tabs-details .all_currencies .currency_item .currency_title {
  display: block;
  max-width: 100%;
  overflow: hidden;
  font-weight: 400;
  font-size: clamp(0.75rem, 0.5096rem + 0.7692vw, 1.125rem);
  line-height: 1.25;
  color: var(--rates-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tabs-details .all_currencies .currency_item .currency_rate {
  display: contents;
}

.tabs-details .all_currencies .currency_item .curr_buy,
.tabs-details .all_currencies .currency_item .curr_sell {
  margin-inline: auto;
  min-width: 0;
}

.tabs-details .all_currencies .currency_item .rate_label,
.tabs-details .all_currencies .currency_item .rate_unit {
  display: none;
}

.tabs-details .all_currencies .currency_item .rate_value {
  display: block;
  font-weight: 700;
  font-size: clamp(0.9375rem, 0.617rem + 1.0256vw, 1.4375rem);
  line-height: 1.05;
  letter-spacing: 0.06em;
  color: var(--rates-text);
  white-space: nowrap;
}

.tabs-details .all_currencies .currency_item .rate_change {
  min-height: 20px;
  margin-top: 3px;
}

.tabs-details .all_currencies .currency_item span.change_rate {
  display: inline-flex;
  align-items: center;
  font-weight: 700;
  font-size: clamp(0.8125rem, 0.5721rem + 0.7692vw, 1.1875rem);
  line-height: 1.1;
  letter-spacing: 0.06em;
  color: var(--rates-positive);
  white-space: nowrap;
}

.tabs-details .all_currencies .currency_item span.change_rate.plus_rate {
  color: var(--rates-positive);
}

.tabs-details .all_currencies .currency_item span.change_rate.minus_rate {
  color: var(--rates-negative);
}

.tabs-details .all_currencies .currency_item span.change_rate.no_changes_rate {
  color: var(--rates-neutral);
}

.tabs-details .all_currencies .currency_item .button_change {
  position: static;
  inset: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 100%;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--rates-muted);
  transition:
    color 0.22s var(--rates-ease),
    transform 0.22s var(--rates-ease);
}

.tabs-details .all_currencies .currency_item .button_change span {
  display: none;
}

.tabs-details .all_currencies .currency_item .button_change svg {
  display: block;
  width: 7px;
  height: 15px;
}

.tabs-details .all_currencies .currency_item.currency_active .button_change,
.tabs-details .all_currencies .currency_item:hover .button_change,
.tabs-details .all_currencies .currency_item:focus-visible .button_change {
  color: var(--rates-text);
  background: transparent;
  border-color: transparent;
}

.tabs-details .all_currencies .currency_item:hover .button_change,
.tabs-details .all_currencies .currency_item:focus-visible .button_change {
  transform: translateX(2px);
}

.tabs-details .all_currencies .currency_item--cross .cross_currency_item_img {
  display: flex;
  align-items: center;
  min-width: 0;
  max-width: none;
  width: 100%;
  gap: 8px;
}

.tabs-details .all_currencies .currency_item--cross .cross_currency_item_img > .currency_info {
  flex: 1 1 0;
  min-width: 0;
}

.tabs-details .all_currencies .currency_item--cross .cross_currency_item_img .curr_img {
  width: clamp(1.5625rem, 0.7955rem + 3.0682vw, 3.25rem);
  height: clamp(1.5625rem, 0.7955rem + 3.0682vw, 3.25rem);
  margin-right: 8px;
}

.tabs-details .all_currencies .currency_item--cross .cross_currency_item_img > svg.swap_currency_item_img {
  display: block;
  flex: 0 0 auto;
  width: 16px;
  margin: 0;
  height: 14px;
  color: var(--rates-muted);
}

.tabs-details .all_currencies .currency_item--crypto .currency_rate--single .curr_buy {
  grid-column: 2 / 4;
}

.tabs-details .all_currencies .currency_item--crypto .currency_rate--single .curr_sell--empty {
  display: none;
}

@media (min-width: 480px) {
  .rates_table_head,
  .tabs-details .all_currencies .currency_item {
    grid-template-columns: minmax(0, 1.25fr) minmax(92px, 0.55fr) minmax(92px, 0.55fr) 22px;
    column-gap: 14px;
    padding-inline: 20px;
  }

  .tabs-details .all_currencies .currency_item {
    padding-block: 12px;
  }

  .tabs-details .all_currencies .currency_item .curr_img {
    margin-right: 16px;
  }
}

@media (min-width: 768px) {
  .rates_table_head,
  .tabs-details .all_currencies .currency_item {
    grid-template-columns: minmax(0, 1.35fr) minmax(140px, 0.7fr) minmax(140px, 0.7fr) 28px;
    column-gap: 22px;
    padding-inline: 34px;
  }

  .rates_table_head {
    min-height: 70px;
    margin-bottom: 18px;
    border-radius: 0 0 26px 26px;
  }

  .tabs-details .all_currencies:not(:last-child) {
    margin-bottom: 18px;
  }

  .tabs-details .all_currencies .currency_item {
    min-height: 132px;
    border-radius: 28px;
    padding-block: 24px;
  }

  .tabs-details .all_currencies .currency_item .curr_img {
    width: 72px;
    height: 72px;
  }

  .tabs-details .all_currencies .currency_item .button_change svg {
    width: 10px;
    height: 22px;
  }
}

@media (min-width: 1024px) {
  .rates_layout {
    grid-template-columns: minmax(0, 1fr) 410px;
    align-items: start;
    gap: 24px;
  }

  .tabs-details .changes_currencies {
    margin-left: 0;
  }
}

@media (min-width: 1280px) {
  .rates_layout {
    grid-template-columns: minmax(0, 940px) 410px;
  }

  .rates_table_head,
  .tabs-details .all_currencies .currency_item {
    grid-template-columns: minmax(0, 1.35fr) minmax(160px, 0.72fr) minmax(160px, 0.72fr) 32px;
  }
}

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

.main_content,
.tabs-details,
.tabs-details > div,
.rates_layout,
.rates_list_cell {
  overflow: visible;
}

.rates_list_cell {
  position: relative;
  align-self: start;
  height: fit-content;
  min-height: 100%;
  padding-block: 12px;
}
.rates_list_cell > .rates_table_head + .all_currencies > .currency_item {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.rates_list_cell > .all_currencies:last-child > .currency_item {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

body.admin-bar {
  --rates-sticky-top: 32px;
}

@media (max-width: 782px) {
  body.admin-bar {
    --rates-sticky-top: 46px;
  }
}

@keyframes currencyArrowBlink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.28;
  }
}

@media screen and (max-width: 992px) {
  .tabs-details .all_currencies .currency_item.currency_active {
    background: rgba(49, 101, 8, 0.34);
    border-color: rgba(85, 201, 95, 0.68);
    box-shadow: 0 16px 34px rgba(49, 101, 8, 0.24);
  }

  .tabs-details .all_currencies .currency_item .button_change svg {
    opacity: 0;
    visibility: hidden;
  }

  .tabs-details .all_currencies .currency_item.currency_active .button_change {
    color: var(--rates-text);
  }

  .tabs-details .all_currencies .currency_item.currency_active .button_change svg {
    opacity: 1;
    visibility: visible;
    animation: currencyArrowBlink 1s ease-in-out infinite;
  }
}

@media (prefers-reduced-motion: reduce) {
  .tabs-details .all_currencies .currency_item.currency_active .button_change svg {
    animation: none;
    opacity: 1;
  }
}


html.is-scroll-locked,
body.is-scroll-locked {
    overflow: hidden;
}