@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Roboto:ital,wght@0,100..900;1,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&family=Wix+Madefor+Display:wght@400..800&display=swap");
:root {
  --alto: #d8d8d8;
  --aqua-haze: #f2f4f8;
  --aqua-haze-800: rgba(242, 244, 248, 0.8);
  --athens-gray: #f8f9fb;
  --azure-radiance: #008efc;
  --azure-radiance-500: rgba(0, 142, 252, 0.5);
  --black: #000;
  --black-30: rgba(0, 0, 0, 0.03);
  --blue: #00f;
  --bombay: #b6b7ba;
  --canary: #e7fb5c;
  --curious-blue: #4d75a3;
  --curious-blue: #4d75a3;
  --deep-cerulean: #0074b4;
  --dodger-blue: #498bfa;
  --dolphin: #67697e;
  --dolphin-500: rgba(103, 105, 126, 0.5);
  --dolphin-600: rgba(103, 105, 126, 0.6);
  --dolphin-700: rgba(103, 105, 126, 0.7);
  --dolphin-800: rgba(103, 105, 126, 0.8);
  --fern: #62bc70;
  --fern: #52b460;
  --fern: #5abf70;
  --forest-green: #23a136;
  --gallery: #efefef;
  --jaffa: #ec9844;
  --malibu: #7babfb;
  --mine-shaft: #2e2f38;
  --mine-shaft: #2e2f38;
  --mischka-300: rgba(210, 211, 224, 0.3);
  --mountain-meadow: #16a085;
  --persimmon: #ff604e;
  --picton-blue: #37aee2;
  --pomegranate: #f4511d;
  --red: #fb0017;
  --shakespeare: #6a8fb9;
  --shakespeare: #6a8fb9;
  --ship-cove: #6a8fb9;
  --spray: #5aeeef;
  --sulu: #9ef966;
  --tuna: #2e2f38;
  --tuna-500: rgba(46, 47, 56, 0.5);
  --tuna-600: rgba(46, 47, 56, 0.6);
  --turquoise-blue: #64c0e8;
  --tuna-700: rgba(46, 47, 56, 0.7);
  --wedgewood: #4d75a3;
  --white: #fff;
  --white-020: rgba(255, 255, 255, 0);
  --white-150: rgba(255, 255, 255, 0.15);
  --white-athens-gray: #fff;
  --woodsmoke-300: rgba(23, 23, 24, 0.3);
  --zest: #e67e17;
  --white-700: rgba(255, 255, 255, 0.7);
  --color-azure-35: #0074b4;
  --color-white--150: rgba(255, 255, 255, 0.15);
  --color-white-solid: #fff;
  --color-white--0-20: rgba(255, 255, 255, 0);
  --color-black-solid: #000;
  --color-grey-20-600: rgba(46, 47, 56, 0.6);
  --color-grey-20: #2e2f38;
  --color-blue-45-500: rgba(103, 105, 126, 0.5);
  --color-red-54: #f4511d;
  --color-grey-72: #b6b7ba;
  --color-blue-45: #67697e;
  --color-green-56: #62bc70;
  --color-chartreuse-green-69: #9ef966;
  --color-yellow-67: #e7fb5c;
  --color-cyan-65: #5aeeef;
  --color-azure-57: #6a8fb9;
  --color-green-38: #23a136;
  --color-red-49: #fb0017;
  --color-green-51: #52b460;
  --color-azure-47: #4d75a3;
  --color-grey-85: #d8d8d8;
  --color-blue-45-800: rgba(103, 105, 126, 0.8);
  --color-grey-98: #f8f9fb;
  --color-blue-85-300: rgba(210, 211, 224, 0.3);
  --color-blue-45-700: rgba(103, 105, 126, 0.7);
  --color-azure-49-500: rgba(0, 142, 252, 0.5);
  --color-azure-49: #008efc;
  --color-grey-96-800: rgba(242, 244, 248, 0.8);
  --color-grey-94: #efefef;
  --color-white--700: rgba(255, 255, 255, 0.7);
  --color-grey-9-300: rgba(23, 23, 24, 0.3);
  --color-black--30: rgba(0, 0, 0, 0.03);
  --color-grey-20-500: rgba(46, 47, 56, 0.5);
  --color-red-65: #ff604e;
  --color-grey-20-700: rgba(46, 47, 56, 0.7);
  --color-orange-60: #ec9844;
  --color-orange-50: #e67e17;
  --color-azure-65: #64c0e8;
  --color-azure-55: #37aee2;
  --color-azure-73: #7babfb;
  --color-azure-63: #498bfa;
  --color-blue-50: #00f;
  --color-blue-45-600: rgba(103, 105, 126, 0.6);
  --color-green-55: #5abf70;
  --color-azure-35-0: rgba(0, 116, 180, 0);
  --color-grey-96: #f2f4f8;
  --font-family: "Wix Madefor Display", sans-serif;
  --second-family: "Rubik", sans-serif;
  --third-family: "Manrope", sans-serif;
  --font3: "Roboto", sans-serif;
  --g-base-color-link: #00504A;
  --font1: var(--font-family);
}
.article_categor {
  padding: 12px 0 12px;
  margin: 0;
  list-style: none;
  display: flex;
  gap: 12px;
}
.article_categor li {
  margin: 0;
}
.article_categor li a {
  margin: 0;
}
.detals_block .body .inner_b.expandable {
  position: relative;
  overflow: hidden;
  transition: max-height 0.35s ease;
}
.detals_block .body .inner_b.expandable.is-collapsed::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 90px;
  background: linear-gradient(to bottom, rgba(243, 246, 247, 0), #f3f6f9 85%);
  pointer-events: none;
}
.expand-btn {
  display: inline-block;
  margin: 6px 0 18px;
  padding: 10px 20px;
  font-size: 16px;
  border-radius: 10px;
  border: 1px solid rgba(218, 3, 61, 0.2);
  border: none;
  font-family: var(--third-family);
  font-weight: 600;
  background: #fff;
  color: #000;
  cursor: pointer;
  transition: background 0.15s ease;
}
.expand-btn:hover {
  background: #e7e7e7;
}
.g-article-offered__button:hover {
  border-color: rgba(218, 3, 61, 0.5);
  background: none;
  color: #da033d;
}
