/* Start:/local/templates/semavic/css/style.css?1760017420117790*/
* {
  box-sizing: border-box;
  outline: none;
  /*color: #1e1e1e;*/
  text-align: center;
  /*font-family: Unbounded, sans-serif;*/
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
}

body,
html {
  background: #f3f3f3;
  color: #1e1e1e;
  text-align: center;
  font-family: Unbounded, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.1px;
  min-width: 320px;
  max-width: 100%;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
  min-height: 100vh;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

body.fixed {
  overflow: hidden;
}

html.fixed {
  overflow: hidden;
}

@font-face {
  font-family: "Circe";
  src: url("/local/templates/semavic/css/../fonts/Circe/Circe-Regular.eot");
  src:
    local("Circe"),
    local("Circe-Regular"),
    url("/local/templates/semavic/css/../fonts/Circe/Circe-Regular.eot?#iefix") format("embedded-opentype"),
    url("/local/templates/semavic/css/../fonts/Circe/Circe-Regular.woff2") format("woff2"),
    url("/local/templates/semavic/css/../fonts/Circe/Circe-Regular.woff") format("woff"),
    url("/local/templates/semavic/css/../fonts/Circe/Circe-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Unbounded";
  src: url("/local/templates/semavic/css/../fonts/Unbounded/Unbounded-Regular.ttf");
  src:
    local("Unbounded"),
    local("Unbounded-Regular"),
    url("/local/templates/semavic/css/../fonts/Unbounded/Unbounded-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 5px;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #007785;
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

::-webkit-scrollbar-track-piece {
  border-radius: 10px;
  background-color: #ececec;
}

p {
  color: #1e1e1e;
  text-align: center;
  font-family: Unbounded, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: normal;
  margin-top: 26px;
}

@media (max-width: 1280px) {
  p {
    font-size: 18px;
    line-height: 24px;
  }
}

@media (max-width: 760px) {
  p {
    font-size: 14px;
    margin-top: 20px;
  }
}

h2 {
  letter-spacing: 0.35px;
}

@media (max-width: 760px) {
  h2 {
    letter-spacing: 0;
  }
}

strong {
  font-weight: 700;
}

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

@media (max-width: 1024px) {
  .container {
    max-width: 100%;
  }
}

.header {
  margin: 10px auto;
  padding: 0 74px;
}

.header__inner {
  width: 100%;
  height: 80px;
  border-radius: 15px;
  background: #007785;
  display: flex;
  flex-direction: row;
  gap: 128px;
  align-items: center;
  justify-content: space-between;
  padding: 18px 20px;
  margin: 0 auto;
}

.logo img {
  width: 180px;
  height: auto;
}

.header__right-section {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
}

.header__middle-section {
  display: flex;
  flex-direction: row;
  gap: 25px;
  align-items: center;
}

.header__middle-section a {
  color: #fff;
  font-family: Circe, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
}

.header__middle-section a:hover {
  color: rgba(255, 255, 255, 0.5);
}

.header__adaptive {
  display: none;
}

.header__background {
  display: none;
  background: rgba(30, 30, 30, 0.6);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.action-btn {
  height: 45px;
  padding: 0 20px;
  border-radius: 14px;
  border: 1px solid #fff;
  color: #fff;
  font-family: Unbounded, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.action-btn:hover {
  border-radius: 14px;
  background: #fff;
  color: #007785;
}

@media (max-width: 1440px) {
  .header__inner {
    gap: 64px;
  }
}

@media (max-width: 1280px) {
  .logo img {
    width: 108px;
  }
  .header__inner {
    padding: 0 30px;
  }
  .header__right-section a {
    font-size: 16px;
  }
  .header__middle-section a {
    font-size: 14px;
  }
}
@media (max-width: 800px) {
  .header__inner {
    height: 50px;
    padding: 14px;
  }
}
@media (max-width: 760px) {
  .header {
    padding: 0 38px;
  }

  .header__inner {
    padding: 15px 10px;
  }
}

#menuToggle {
  display: block;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
}
#menuToggle input {
  display: block;
  width: 30px;
  height: 4px;
  cursor: pointer;
  opacity: 0;
  z-index: 7;
  position: relative;
  -webkit-touch-callout: none;
}
#menuToggle span {
  display: block;
  position: relative;
  background: #fff;
  margin-bottom: 3px;
  height: 2px;
  z-index: 6;
  transform-origin: 4px 0px;
  transition:
    transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
    background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
    opacity 0.55s ease;
}
#menuToggle span:nth-last-child(0) {
  transform-origin: 0% 0%;
}
#menuToggle span:nth-last-child(2) {
  transform-origin: 0% 100%;
}
#bur1 {
  width: 25px;
  margin-left: auto;
}
#bur2 {
  width: 0;
}
#bur3 {
  width: 15px;
  margin-left: auto;
}

#menuToggle input:checked ~ span {
  opacity: 1;
  transform: rotate(45deg) translate(0px, -6px);
}
#menuToggle input:checked ~ span:nth-last-child(3) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}
#menuToggle input:checked ~ span:nth-last-child(2) {
  opacity: 1;
  transform: rotate(-45deg) translate(0, 7px);
  width: 25px;
}
#menu {
  position: absolute;
  width: 294px;
  min-width: 294px;
  height: 100%;
  top: 0;
  right: 0;
  padding: 30px;
  border-radius: 15px 0px 0px 15px;
  background: #007785;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  transform-origin: 0% 0%;
  transform: translate(100%, 0);
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  display: none;
  flex-direction: column;
  gap: 20px;
  margin: 0;
  z-index: 5;
}
#menu li {
  color: #fff;
  font-family: Circe, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
}
#menu li:last-child {
  display: flex;
  gap: 5px;
}
#menu li:last-child .action-btn {
  height: 35px;
  width: 82px;
  padding: 0 15px;
  font-size: 12px;
  border-radius: 10px;
}
#menu li:last-child .action-btn:last-child {
  height: 35px;
  width: 142px;
  padding: 0 15px;
  font-size: 12px;
  border: 1px solid #fff;
  border-radius: 10px;
  color: #fff;
  background: transparent;
}
#menu li::before {
  content: none;
}
#menu a {
  text-decoration: none;
}
#menuToggle input:checked,
#menuToggle input:checked ~ #bur1,
#menuToggle input:checked ~ #bur3 {
  position: fixed;
}
#menuToggle input:checked ~ #menu {
  position: fixed;
  display: flex;
  align-items: flex-start;
}
#menuToggle input:checked ~ ul {
  transform: none;
  opacity: 1;
}
#menuToggle input:checked ~ .header__background {
  display: flex;
}

@media screen and (max-width: 1000px) {
  .header__adaptive {
    display: block;
  }
  .header__right-section,
  .header__middle-section {
    display: none;
  }
  #menu {
    transform: none;
    opacity: 0;
    transition: opacity 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  }
}

@media screen and (max-width: 760px) {
  #menu {
    width: 256px;
    min-width: 256px;
  }
  #menu li:last-child {
    flex-direction: column;
    gap: 10px;
    width: 100%;
  }
  #menu li:last-child .action-btn {
    width: 100% !important;
  }
}

.footer {
  margin: 10px auto;
  padding: 0 74px;
}

.footer__inner {
  width: 100%;
  height: 204px;
  border-radius: 15px;
  background: #007785;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 30px 20px;
  margin: 0 auto;
}

.footer__top,
.footer__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.footer__bottom img {
  width: 100%;
  max-width: 120px;
  height: auto;
}

.footer__top {
  border-bottom: 1px solid #b0b0b0;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.footer__bottom p {
  color: #b0b0b0;
  text-align: right;
  font-family: Circe, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.footer__right-section {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
}

.footer__middle-section {
  display: flex;
  flex-direction: row;
  gap: 25px;
  align-items: center;
}

.footer__middle-section a {
  color: #fff;
  font-family: Circe, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
}

.footer__middle-section a:hover {
  color: rgba(255, 255, 255, 0.5);
}

@media (max-width: 1280px) {
  .footer {
    height: fit-content;
  }
  .footer img {
    width: 120px;
    height: auto;
  }
}

@media (max-width: 1024px) {
  .footer__middle-section a {
    font-size: 16px;
  }
}

@media (max-width: 900px) {
  .footer__inner {
    height: fit-content;
  }
  .footer__top {
    gap: 15px;
    flex-direction: column;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}

@media (max-width: 760px) {
  .footer {
    padding: 0 38px;
  }
  .footer__inner {
    padding: 30px 10px;
  }
  .footer__top {
    gap: 20px;
  }
  .footer__bottom p {
    width: 143px;
    font-size: 12px;
    line-height: 15px;
  }
  .footer__right-section {
    width: 100%;
  }
  .footer__right-section .action-btn {
    width: 100%;
    font-size: 12px;
    height: 35px;
    padding: 0;
  }
  .footer__middle-section {
    gap: 10px;
    flex-direction: column;
  }
  .footer__bottom a {
    text-align: right;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
  }
}

.where-to-buy {
  height: fit-content;
  padding: 0 74px;
  /* margin: 100px auto 0; */
  margin: 100px auto;
}

.where-to-buy h1 {
  color: #1e1e1e;
  font-family: Unbounded, sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 170%;
  text-transform: uppercase;
  text-align: left;
  position: relative;
}

.where-to-buy h1 > span {
  position: relative;
}

.where-to-buy h1 > span:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='127' height='6' viewBox='0 0 127 6' fill='none'%3E%3Cpath d='M1.83855 4.19798C43.8942 0.737578 84.5628 -0.703454 125.633 4.90576' stroke='%23007785' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  position: absolute;
  width: 100%;
  left: 0;
  top: 6px;
  overflow: hidden;
}

.pharmacy {
  display: flex;
  gap: 16px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 40px;
}

.pharmacy-el {
  /* width: 376px;
  height: 376px; */
  /* width: 246px;
  height: 300px;
  border-radius: 50px; */
  width: 200px;
  height: 50px;
  border-radius: 30px;
  /* border: 1px solid #b0b0b0; */
}

.pharmacy-button {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

/* .pharmacy-el:hover {
  border: 1px solid #007785;
} */

.pharmacy-button span {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: 75%;
  background-position: center;
  background-repeat: no-repeat;
}

.where-map {
  width: 100%;
  margin: 110px 0 150px;
}

.where-map iframe {
  height: 90vh;
  width: 100%;
}

.where-map__row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 30px;
  padding: 0 74px;
  margin-bottom: 60px;
}

.where-map__row p {
  color: #1e1e1e;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  text-transform: uppercase;
  margin: 0;
}

@media (max-width: 1200px) {
  .where-to-buy {
    /* margin: 70px auto 0; */
    margin: 70px auto;
  }
  .where-to-buy h1 {
    font-size: 24px;
    line-height: 150%;
  }
  .pharmacy {
    gap: 10px;
    margin-top: 40px;
  }
  .pharmacy-el {
    /* width: 200px;
    height: 200px;
    border-radius: 35px; */
  }
  .where-map {
    margin: 70px auto 100px;
  }
  .where-map__row {
    margin-bottom: 40px;
  }
  .where-map__row p {
    font-size: 24px;
  }
  .where-map__apteka img {
    width: 180px;
  }
}

@media (max-width: 650px) {
  .where-map__apteka img {
    width: 160px;
  }
}

@media (max-width: 760px) {
  .where-to-buy {
    margin: 50px auto 0;
    /* margin: 50px auto; */
    padding: 0 38px;
  }
  .where-to-buy h1 {
    font-size: 20px;
  }
  .pharmacy {
    gap: 0;
    row-gap: 14px;
    margin-top: 30px;
  }
  .pharmacy-el {
    width: 144px;
    height: 50px;
    border-radius: 20px;
  }
  .where-map {
    margin: 50px auto 100px;
  }
  .where-map__row {
    margin-bottom: 30px;
  }
  .where-map__row {
    flex-direction: column;
    gap: 15px;
  }
  .where-map__row p {
    font-size: 20px;
  }
}

.terms-of-use {
  padding: 0 74px;
  margin: 70px auto 100px;
}

.terms-of-use__title {
  color: #1e1e1e;
  font-family: Unbounded, sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  text-align: left;
  text-transform: uppercase;
  margin: 0 0 80px;
}

.terms-of-use__title span {
  position: relative;
}

.terms-of-use__title span:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='339' height='8' viewBox='0 0 339 8' fill='none'%3E%3Cpath d='M1.31955 2.91049C113.577 0.27385 223.098 -0.323443 337.282 6.31264' stroke='%23007785' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  position: absolute;
  width: 100%;
  left: 0px;
  top: 12px;
  overflow: hidden;
}

.terms-of-use__use-span span:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='610' height='10' viewBox='0 0 610 10' fill='none'%3E%3Cpath d='M1.03165 2.50478C203.534 0.689928 401.308 0.900488 608.266 8.40125' stroke='%23007785' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  position: absolute;
  width: 100%;
  left: 0px;
  top: 12px;
  overflow: hidden;
}

.terms-of-use .paragraph-wrapper {
  max-width: 1218px;
  margin: 0 auto;
}

.terms-of-use h3 {
  color: #007785;
  font-family: Unbounded, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  text-align: left;
  margin-top: 30px;
}

.terms-of-use p {
  color: #1e1e1e;
  font-family: Unbounded, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  margin-top: 30px;
}

.terms-of-use a {
  color: #1e1e1e;
  text-align: center;
  font-family: Unbounded, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  margin-bottom: 30px;
  text-align: left;
  text-decoration: none;
  display: block;
}

@media (max-width: 1280px) {
  .terms-of-use {
    margin: 100px auto;
  }
  .terms-of-use h1 {
    font-size: 24px;
    line-height: normal;
    margin: 0 0 40px;
  }
  .terms-of-use h3 {
    font-size: 18px;
    line-height: 28px;
    margin-top: 20px;
  }
  .terms-of-use p {
    font-size: 18px;
    line-height: 28px;
    margin-top: 20px;
  }
  .terms-of-use__title span:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='219' height='7' viewBox='0 0 219 7' fill='none'%3E%3Cpath d='M1.23608 4.7781C73.7704 1.33148 144.402 -0.0650623 217.546 5.70463' stroke='%23007785' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  }
  .terms-of-use__use-span span:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='408' height='9' viewBox='0 0 408 9' fill='none'%3E%3Cpath d='M1.33315 3.82491C136.609 1.12638 268.652 0.471028 406.559 7.05514' stroke='%23007785' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  }
}

@media (max-width: 800px) {
  .terms-of-use {
    margin: 50px auto 100px;
  }
  .terms-of-use h1 {
    font-size: 20px;
    margin: 0 0 30px;
  }
  .terms-of-use h3 {
    font-size: 14px;
    line-height: 24px;
    margin-top: 14px;
  }
  .terms-of-use p {
    font-size: 14px;
    line-height: 24px;
    margin-top: 14px;
  }
  .terms-of-use a {
    font-size: 14px;
  }
}

@media (max-width: 760px) {
  .terms-of-use {
    padding: 0 38px;
  }
  .terms-of-use__title span:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='187' height='6' viewBox='0 0 187 6' fill='none'%3E%3Cpath d='M1.66797 4.65886C63.596 0.904797 123.831 -0.796516 185.956 4.63769' stroke='%23007785' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  }
  .terms-of-use__use-span span:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='292' height='7' viewBox='0 0 292 7' fill='none'%3E%3Cpath d='M1.46773 5.31396C97.9557 1.41509 192.064 -0.415822 290.081 4.92619' stroke='%23007785' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  }
}

@media (max-width: 400px) {
  .terms-of-use h1 {
    font-size: 18px;
  }
}

.not-found {
  padding: 0 74px;
  margin: 130px auto 150px;
}

.not-found .mobile {
  display: none;
}

.not-found__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.not-found__inner p {
  color: #1e1e1e;
  text-align: center;
  font-family: Circe, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  margin-top: 30px;
  max-width: 840px;
}

.not-found__inner a {
  width: 242px;
  height: 62px;
  background: #007785;
  border-radius: 14px;
  border: 1px solid #fff;
  margin: 40px auto 0;
  padding: 20px;

  color: #fff;
  text-align: center;
  font-family: Unbounded, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: center;
  text-decoration: none;
}

.not-found__inner a:hover {
  background: transparent;
  border: 2px solid #007785;
  color: #007785;
  padding: 18px;
}

.not-found__inner img {
  width: 100%;
}

@media (max-width: 800px) {
  .not-found {
    margin: 70px auto 100px;
  }
  .not-found__inner p {
    max-width: 600px;
    font-size: 14px;
    line-height: normal;
  }
  .not-found__inner a {
    width: 300px;
    height: 50px;
    padding: 16px;
  }
}

@media (max-width: 500px) {
  .not-found {
    padding: 0 38px;
  }
  .not-found .dekstop {
    display: none;
  }
  .not-found .mobile {
    display: block;
  }

  .not-found__inner p {
    margin-top: 20px;
  }
  .not-found__inner a {
    width: 100%;
    height: 50px;
  }
}

.question {
  margin: 100px auto 150px;
  padding: 0 74px;
}

.question__heading {
  font-family: Unbounded, sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  text-transform: uppercase;
  color: #1e1e1e;
  width: 100%;
  text-align: left;
}

.question__heading span {
  position: relative;
}

.question__heading span:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='157' height='8' viewBox='0 0 157 8' fill='none'%3E%3Cpath d='M1.74251 6.40556C53.5943 1.84408 103.959 -0.649755 155.649 3.94063' stroke='%23007785' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  position: absolute;
  width: 100%;
  left: -6px;
  top: 12px;
  overflow: hidden;
}

.qustion__content {
  margin-top: 70px;
  display: flex;
  justify-content: center;
}

.question__form {
  width: 560px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}

.question__input {
  width: 100%;
  box-sizing: border-box;
  padding: 14px 24px;
  border-radius: 15px;
  border: 1px solid #b0b0b0;
  background: #f3f3f3;
  color: #707070;
  font-family: Circe, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  outline: none;
  text-align: left;
}

.question__input:hover {
  border: 1px solid #007785;
  transition: 0.3s;
}

.question__input:focus {
  border: 1px solid #007785;
  transition: 0.3s;
}

.question__textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 14px 23px 8px;
  border-radius: 15px;
  border: 1px solid #b0b0b0;
  background: #f3f3f3;
  color: #707070;
  font-family: Circe, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  outline: none;
  text-align: left;
  resize: none;
  outline: none;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #007785 #ffffff;
}
.question__textarea::-webkit-scrollbar {
  width: 5px;
}

.question__textarea::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px white;
  border-radius: 10px;
  margin: 5px;
}

.question__textarea::-webkit-scrollbar-thumb {
  background-color: rgba(255, 134, 35, 1);
  outline: 1px solid rgba(255, 134, 35, 1);
  border-radius: 10px;
}

.question__textarea:hover {
  border: 1px solid #007785;
  transition: 0.3s;
}

.question__textarea:focus {
  border: 1px solid #007785;
  transition: 0.3s;
}

.question__form-description {
  color: #707070;
  text-align: center;
  font-family: Circe, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.question__link {
  color: #707070;
  font-family: Circe, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  transition: 0.3s;
  text-decoration: underline;
}

.question__link:hover {
  color: #007785;
  transition: 0.3s;
}

.question__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  cursor: pointer;
  transition: 0.3s;
  width: 100%;
  height: 60px;
  font-family: Unbounded, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border-radius: 14px;
  background: #007785;
  border: 2px solid #007785;
  background: transparent;
  color: #007785;
  margin-top: 10px;
}

.question__btn:hover {
  color: #fff;
  background: #007785;
  transition: 0.3s;
}

.question__btn:disabled {
  background: #b5b5b5;
  border: 2px solid #b5b5b5;
  color: #ffffff;
  transition: 0.3s;
}

.question__select {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.question__select[data-state="active"] .question__select-title::before {
  transform: translate(-3px, -50%) rotate(-45deg);
}

.question__select[data-state="active"] .question__select-title::after {
  transform: translate(3px, -50%) rotate(45deg);
}

.question__select[data-state="active"] .question__select-content {
  opacity: 1;
}

.question__select[data-state="active"] .question__select-label + .question__select-input + .question__select-label {
  max-height: 40px;
  /* border-top-width: 1px; */
}
.question__select[data-state="active"] .question__select-title {
  border: solid 1px #007785;
  transition: 0.3s;
}

.question__select-title {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 12px 24px;
  border-radius: 10px;
  border: solid 1px #b5b5b5;
  cursor: pointer;
  color: #707070;
  font-family: Circe, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  outline: none;
  text-align: left;
}

.question__select-title::before,
.question__select-title::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  display: block;
  width: 10px;
  height: 2px;
  transition: all 0.3s ease-out;
  background-color: #707070;
  transform: translate(-3px, -50%) rotate(45deg);
}

.question__select-title::after {
  transform: translate(3px, -50%) rotate(-45deg);
}

.question__select-title:hover {
  border: solid 1px #007785;
}

.question__select-title:hover::before,
.question__select-title:hover::after {
  background-color: #007785;
}

.question__select[data-state="active"] .question__select-title::before {
  background-color: #007785;
}
.question__select[data-state="active"] .question__select-title::after {
  background-color: #007785;
}

.question__select-content {
  position: absolute;
  top: 56px;
  left: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 8px;
  color: #707070;
  background-color: #ffffff;
  border: 1px solid #007785;
  border-top: none;
  border-radius: 10px;
  transition: all 0.3s ease-out;
  opacity: 0;
  z-index: 8;
  overflow: hidden;
}

.question__select-input {
  display: none;
}

.question__select-input:checked + label {
  color: #007785;
}

.question__select-input:disabled + label {
  opacity: 0.6;
  pointer-events: none;
}

.question__select-label {
  display: flex;
  align-items: center;
  width: 100%;
  height: 48px;
  max-height: 0;
  padding: 0 16px;
  color: #1d1d1d;
  transition: all 0.2s ease-out;
  cursor: pointer;
  overflow: hidden;
}

.question__select-label + input + .question__select-label {
  border-top: 0 solid #b5b5b5;
}

.question__select-label:hover {
  color: #007785 !important;
}
.question__error {
  border: 1px solid red;
}
.question__success {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
}

.question__success-box {
  position: relative;
  width: 360px;
  height: 178px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
  border: 2px solid #007785;
  background: #f3f3f3;
}

.question__success-close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 28px;
  height: 28px;
  cursor: pointer;
}

.question__success-close svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.question__success-heading {
  color: #007785;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 33px */
  text-transform: uppercase;
}

.question__success-description {
  margin-top: 16px;
  color: #1e1e1e;
  text-align: center;
  font-family: Circe;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.question__close {
  display: none;
}
@media (max-width: 1200px) {
  .question {
    margin: 70px auto 100px;
  }
  .question__heading {
    font-size: 24px;
  }
  .question__heading span:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='7' viewBox='0 0 100 7' fill='none'%3E%3Cpath d='M1.83883 5.19972C34.9004 1.65512 66.8439 -0.157289 99.0003 4.00173' stroke='%23007785' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  }
  .qustion__content {
    margin-top: 50px;
  }
  .question__success-box {
    width: 300px;
    height: 160px;
  }
  .question__success-heading {
    font-size: 16px;
  }
  .question__success-description {
    margin-top: 14px;
  }
  .question__input,
  .question__select-title,
  .question__textarea {
    font-size: 14px;
    padding: 10px 15px;
    border-radius: 10px;
  }
  .question__btn {
    height: 50px;
    font-size: 16px;
    margin: 0;
  }
  .question__form-description,
  .question__link {
    font-size: 12px;
  }
  .question__select[data-state="active"] .question__select-label + .question__select-input + .question__select-label {
    max-height: 32px;
    font-size: 14px;
    text-align: left;
  }
  .question__select-content {
    top: 42px;
  }
}

@media (max-width: 767px) {
  .question__form {
    width: 100%;
  }
  .question {
    padding: 0 38px;
    margin: 50px auto 100px;
  }
  .question__heading {
    font-size: 20px;
  }
  .question__heading span:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='82' height='7' viewBox='0 0 82 7' fill='none'%3E%3Cpath d='M1.84643 5.46742C29.1694 1.62264 55.2308 -0.252746 80.2131 4.68551' stroke='%23007785' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  }
  .qustion__content {
    margin-top: 30px;
  }
  .question__btn {
    font-size: 16px;
  }
}

.instruction {
  padding: 0 74px;
  text-align: left;
  margin: 0 auto 150px;
}

.instruction h1 {
  color: #1e1e1e;
  font-family: Unbounded, sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  text-transform: uppercase;
  text-align: left;
  margin: 100px 0 70px;
}

.instruction h1 span {
  position: relative;
}

.semavik::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='215' height='10' viewBox='0 0 215 10' fill='none'%3E%3Cpath d='M1.9803 8.30932C73.3502 2.03079 142.673 -1.40178 213.821 4.91653' stroke='%23007785' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  position: absolute;
  width: 100%;
  left: 0px;
  top: 12px;
  overflow: hidden;
}

.unopen::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='349' height='8' viewBox='0 0 349 8' fill='none'%3E%3Cpath d='M1.75123 6.09681C117.415 0.904916 230.155 -1.44844 347.315 6.06508' stroke='%23007785' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  position: absolute;
  width: 100%;
  left: 0px;
  top: 12px;
  overflow: hidden;
}

.instruction p,
.instruction li {
  text-align: left;
  font-family: Circe, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.instruction .strong,
strong {
  color: #007785;
  font-weight: 700;
  font-family: Circe, sans-serif;
}

.instruction__button {
  width: 210px;
  height: 45px;
  border-radius: 14px;
  border: 2px solid #007785;
  background: #f3f3f3;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  margin: 20px 0;
}

.instruction__button:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M21 21.0002L16.657 16.6572M16.657 16.6572C17.3998 15.9143 17.9891 15.0324 18.3912 14.0618C18.7932 13.0911 19.0002 12.0508 19.0002 11.0002C19.0002 9.9496 18.7932 8.90929 18.3912 7.93866C17.9891 6.96803 17.3998 6.08609 16.657 5.34321C15.9141 4.60032 15.0321 4.01103 14.0615 3.60898C13.0909 3.20693 12.0506 3 11 3C9.94936 3 8.90905 3.20693 7.93842 3.60898C6.96779 4.01103 6.08585 4.60032 5.34296 5.34321C3.84263 6.84354 2.99976 8.87842 2.99976 11.0002C2.99976 13.122 3.84263 15.1569 5.34296 16.6572C6.84329 18.1575 8.87818 19.0004 11 19.0004C13.1217 19.0004 15.1566 18.1575 16.657 16.6572Z' stroke='%23007785' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  position: absolute;
  width: 24px;
  left: 170px;
  top: 8px;
  overflow: hidden;
}

.instruction__button span {
  width: 160px;
  height: 45px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Unbounded, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border-radius: 12px 15px 15px 12px;
  background: #007785;
  right: 2px;
  position: relative;
}

.instruction__button:hover span {
  border-radius: 14px;
  border: 2px solid #007785;
  background: transparent;
  color: #007785;
}

.instruction__button:hover {
  border-radius: 14px;
  border: 2px solid #007785;
  background: transparent;
}

.display-none {
  display: none;
}

.display-block {
  display: block;
}

.collapsable__item > details > summary::marker {
  content: none;
  display: none;
}

.collapsable__item > details > summary::-webkit-details-marker {
  content: none;
  display: none;
}

.collapsable__button {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
}

.collapsable__item > details > summary:after {
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  background-image: url("/local/templates/semavic/css/../img/icons/plus-filled.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  left: 72px;
  top: 12px;
  content: "";
}

.collapsable__item > details[open] > summary:after {
  background-image: url("/local/templates/semavic/css/../img/icons/plus.svg");
}

.collapsable__answer {
  margin-top: 30px;
}

.italics {
  font-style: italic !important;
  color: #007785;
}

.italics-def {
  font-style: italic !important;
}

ul {
  margin: 26px 0 0 20px;
  padding: 0;
  list-style-type: none;
}

li + li {
  margin-top: 20px;
}

li {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
}

li::before {
  content: "";
  height: 20px;
  width: 20px;
  min-width: 20px;
  position: relative;
  top: 4px;
  left: -12px;
  background-image: url("/local/templates/semavic/css/../img/icons/bullet.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

.instruction li {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}

.theme-color {
  color: #007785 !important;
}

.default-color {
  color: #1e1e1e !important;
}

.instruction__modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  z-index: 100;
  overflow: auto;
  display: none;
}

.instruction__modal-body {
  width: 1040px;
  height: fit-content;
  padding: 70px 120px;
  border-radius: 15px;
  border: 2px solid #007785;
  background: #f3f3f3;
  margin: 50px auto;
  position: relative;
}

.instruction__modal-body::after {
  content: "+";
  position: absolute;
  width: 40px;
  right: 28px;
  top: 0px;
  overflow: hidden;
  color: #007785;
  font-family: Circe;
  font-size: 60px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  transform: rotate(45deg);
  cursor: pointer;
}

.instruction__modal img {
  width: 100%;
  height: auto;
}

.instruction__modal--dekstop {
  display: block;
}

.instruction__modal--tablet {
  display: none;
}

.instruction__modal--mobile {
  display: none;
}

@media (max-width: 1440px) {
  .collapsable__item > details > summary:after {
    left: 40px;
  }
}

@media (max-width: 1200px) {
  .instruction {
    margin: 0 auto 100px;
  }
  .instruction h1 {
    margin: 70px 0 50px;
    font-size: 24px;
  }
  .instruction p,
  .instruction li {
    font-size: 14px;
  }
  .instruction__modal-body {
    width: 500px;
    padding: 50px 20px;
  }
  .instruction__modal--dekstop {
    display: none;
  }
  .instruction__modal--tablet {
    display: block;
  }
  .instruction__modal-body::after {
    font-size: 40px;
    right: 10px;
  }
  .collapsable__item > details > summary:after {
    left: 0;
    width: 25px;
    height: 25px;
    min-width: 25px;
    min-height: 25px;
  }
}

@media (max-width: 760px) {
  .instruction {
    margin: 0 auto 100px;
    padding: 0 38px;
  }
  .instruction h1 {
    margin: 50px 0 30px;
    font-size: 20px;
  }
  .instruction p,
  .instruction li {
    font-size: 14px;
  }
  .instruction__modal-body {
    width: 260px;
    padding: 30px 20px;
    margin: 30px auto;
  }
  .instruction__modal--tablet {
    display: none;
  }
  .instruction__modal--mobile {
    display: block;
  }
  .instruction__modal-body::after {
    font-size: 30px;
    right: 4px;
  }
}

@media (max-width: 400px) {
  .instruction h1 {
    font-size: 19px;
  }
}

.slider {
  display: flex;
  gap: 20px;
  margin-top: 70px;
}

.instruction__slider {
  position: relative;
  width: 560px;
  height: 600px;
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none;
  margin: 0 auto;
}

.instruction__slider ul {
  position: relative;
  list-style: none;
  height: 100%;
  width: 100000px;
  padding: 0;
  margin: 0;
  /* transition: all 1000ms ease; */
  display: flex;
}

.instruction__slider li::before {
  content: none;
}

.slider ul li {
  position: relative;
  height: fit-content;
  float: left;
}

.slider ul li::before {
  content: none;
}

.slider ul li img,
.slider ul li {
  width: 560px;
  height: auto;
}

.slider li + li {
  margin: 0;
}

.instruction__controls {
  width: 580px;
  height: 600px;
  border-radius: 15px;
  border: 2px solid #007785;
  background: #f3f3f3;
  box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  gap: 20px;
}

.slider__wrap {
  display: none;
}

.slider__item {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.slider__title {
  color: #007785;
  font-family: Unbounded, sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-align: left;
  margin-top: 0;
  max-width: 520px;
}

.slider__item p,
.slider__item span {
  color: #1e1e1e;
  font-family: Circe, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin-top: 0;
  max-width: 520px;
  text-align: left;
}

.slider__item span {
  font-style: italic;
}

.slider__buttons {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
}

.slider__numbers {
  width: 100px;
  display: flex;
  justify-content: center;
}

.slider__numbers,
.slider__numbers span {
  color: #007785;
  font-family: Unbounded, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.slider-dots {
  width: 45px !important;
  padding: 2px 0;
}

.instruction-slider-prev::after,
.instruction-slider-next::after {
  position: absolute;
  width: 100%;
  top: 1px;
  overflow: hidden;
}

.instruction-slider-prev::after {
  content: url("data:image/svg+xml,%3Csvg width='15' height='13' viewBox='0 0 15 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.94 5.12V7.36H6.06L1.98 7.04V5.42L6.06 5.12H14.94ZM5.98 0.0999992L7.46 1.52L1.94 7.12V5.36L7.46 10.96L5.98 12.38L0.04 6.24L5.98 0.0999992Z' fill='%23007785'/%3E%3C/svg%3E");
}

.instruction-slider-prev:hover:after {
  content: url("data:image/svg+xml,%3Csvg width='15' height='13' viewBox='0 0 15 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.94 5.12V7.36H6.06L1.98 7.04V5.42L6.06 5.12H14.94ZM5.98 0.0999992L7.46 1.52L1.94 7.12V5.36L7.46 10.96L5.98 12.38L0.04 6.24L5.98 0.0999992Z' fill='%23fff'/%3E%3C/svg%3E");
}

.instruction-slider-next::after {
  content: url("data:image/svg+xml,%3Csvg width='16' height='13' viewBox='0 0 16 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.18 5.12H9.06L13.14 5.42V7.04L9.06 7.36H0.18V5.12ZM9.14 0.0999992L15.08 6.24L9.14 12.38L7.66 10.96L13.18 5.36V7.12L7.66 1.52L9.14 0.0999992Z' fill='%23007785'/%3E%3C/svg%3E%0A");
}

.instruction-slider-next:hover:after {
  content: url("data:image/svg+xml,%3Csvg width='16' height='13' viewBox='0 0 16 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.18 5.12H9.06L13.14 5.42V7.04L9.06 7.36H0.18V5.12ZM9.14 0.0999992L15.08 6.24L9.14 12.38L7.66 10.96L13.18 5.36V7.12L7.66 1.52L9.14 0.0999992Z' fill='%23fff'/%3E%3C/svg%3E%0A");
}

.instruction-slider-prev,
.instruction-slider-next {
  width: 40px;
  height: 40px;
  border-radius: 15px;
  border: 2px solid #007785;
  position: relative;
  display: flex;
  cursor: pointer;
}

.instruction-slider-prev:hover,
.instruction-slider-next:hover {
  color: #fff;
  background: #007785;
}

.instruction__table-wrap {
  max-width: 100%;
  overflow-x: auto;
  padding-bottom: 12px;
}

.instruction__table-wrap::-webkit-scrollbar-track-piece {
  border-radius: 10px;
  background-color: #b0b0b0;
}

.instruction__table,
.instruction__table th,
.instruction__table td {
  border: 1px solid #007785;
  border-spacing: 0;
}

.instruction__table {
  max-width: 1160px;
  width: 100%;
  border-radius: 15px;
  border: 1px solid #007785;
  background: rgba(154, 154, 154, 0.1);
  margin-top: 15px;
}

.instruction__table th,
.instruction__table td {
  color: #1e1e1e;
  text-align: center;
  font-family: Circe, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  padding: 20px;
  width: 25%;
}

.instruction__table th:first-child {
  border-radius: 15px 0 0 0;
}

.instruction__table th:last-child {
  border-radius: 0 15px 0 0;
}

.instruction__table tr:last-child td:first-child {
  border-bottom-left-radius: 15px;
}

.instruction__table tr:last-child td:last-child {
  border-bottom-right-radius: 15px;
}

.instruction__table th {
  font-weight: 700;
}

@media (max-width: 1366px) {
  .slider {
    gap: 8px;
  }
  .slider ul li img,
  .slider ul li {
    width: 542px;
  }
  .instruction__slider {
    width: 542px;
  }
  .instruction__controls {
    height: 581px;
    width: 542px;
  }
  .slider__item p,
  .slider__item span {
    font-size: 19px;
  }
}

@media (max-width: 1249px) {
  .slider {
    flex-direction: column;
    gap: 5px;
    margin-top: 50px;
  }
  .slider ul li img,
  .slider ul li {
    width: 620px;
  }
  .slider ul li p {
    width: 620px;
  }
  .slider__title {
    font-size: 16px;
    max-width: 560px;
  }
  .slider__item p,
  .slider__item span {
    font-size: 14px;
    max-width: 560px;
  }
  .instruction__slider {
    width: 620px;
    height: 660px;
  }
  .instruction__controls {
    width: 620px;
    min-height: 254px;
    height: fit-content;
  }
}

@media (max-width: 1200px) {
  .instruction__table,
  .instruction__table th,
  .instruction__table td {
    border: 1px solid #007785;
  }
  .instruction__table {
    border-radius: 8px;
    max-width: 620px;
  }
  .instruction__table th,
  .instruction__table td {
    font-size: 11px;
    padding: 11px;
  }
  .slider__numbers,
  .slider__numbers span {
    font-size: 14px;
  }
  .instruction__table th:first-child {
    border-radius: 8px 0 0 0;
  }

  .instruction__table th:last-child {
    border-radius: 0 8px 0 0;
  }

  .instruction__table tr:last-child td:first-child {
    border-bottom-left-radius: 8px;
  }

  .instruction__table tr:last-child td:last-child {
    border-bottom-right-radius: 8px;
  }
}

@media (max-width: 760px) {
  .slider {
    margin-top: 20px;
  }
  .slider ul li img,
  .slider ul li {
    width: 300px;
  }
  .slider ul li p {
    width: 300px;
    margin-top: 0;
  }
  .instruction__slider {
    width: 300px;
    height: 330px;
  }
  .instruction__controls {
    width: 300px;
    min-height: unset;
    height: fit-content;
    justify-content: flex-start;
    padding: 20px;
  }
  .slider__title,
  .slider__item p,
  .slider__item span {
    max-width: 260px;
  }
  .slider__buttons {
    order: 1;
    margin: 0 auto;
  }
  .slider__wrap {
    order: 2;
  }
}
.popup-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  z-index: 100;
  overflow: auto;
}

.popup {
  background: #fff;
  border: 2px solid #007785;
  max-width: 840px;
  min-height: 580px;
  border-radius: 15px;
  padding: 100px;
  width: 100%;
  text-align: center;
  margin: 50px auto 10px;
  display: flex;
}

.popup-container {
  max-width: 800px;
  width: 100%;
  margin: auto;
  text-align: center;
}

.popup__title {
  font-family: Unbounded, sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  margin: 0;
  text-transform: uppercase;
}

.popup__title sup {
  font-family: Unbounded, sans-serif;
  color: #007785;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}

.popup__title span {
  font-family: Unbounded, sans-serif;
  color: #007785;
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  text-transform: none;
}

.popup__description {
  font-family: Circe, sans-serif;
  margin: 30px auto 0;
  color: #1e1e1e;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  max-width: 626px;
}

.popup__buttons {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.popup__button {
  font-family: Unbounded, sans-serif;
  display: inline-block;
  max-width: 250px;
  height: 60px;
  color: #007785;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border: 2px solid #007785;
  border-radius: 14px;
  text-align: center;
  cursor: pointer;
  transition:
    background 0.25s ease-in-out,
    color 0.25s ease-in-out;
  text-decoration: none;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.popup__button:hover {
  background: #007785;
  color: #fff;
}

.popup__info {
  max-width: 518px;
  margin: 20px auto 0;
  font-family: Circe, sans-serif;
  color: rgba(30, 30, 30, 0.5);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.popup__info a {
  margin: 30px 0 0;
  font-family: Circe, sans-serif;
  margin: 30px 0 0;
  color: rgba(30, 30, 30, 0.5);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: underline;
}

@media (max-width: 1024px) {
  .popup {
    max-width: 922px;
    padding: 50px 70px;
  }
  .popup-container {
    max-width: unset;
  }
}

@media (max-width: 840px) {
  .popup {
    max-width: 90vw;
    height: fit-content;
    border-radius: 15px;
  }
  .popup__title {
    font-size: 16px;
  }
  .popup__title span {
    font-size: 28px;
  }
  .popup__title sup {
    font-size: 28px;
  }
  .popup__description {
    margin-top: 20px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.4px;
  }
  .popup__buttons {
    margin-top: 30px;
    flex-direction: column;
    gap: 10px;
  }
  .popup__button {
    max-width: 100%;
    font-size: 12px;
    line-height: normal;
  }
  .popup__info,
  .popup__info a {
    font-size: 12px;
    line-height: normal;
  }
  .popup__info {
    margin-top: 15px;
  }
}

@media (max-width: 760px) {
  .popup {
    padding: 30px 20px;
  }
  .popup__title {
    font-size: 14px;
  }
  .popup__title span {
    font-size: 24px;
  }
}

.main {
  display: flex;
  flex-direction: column;
  padding: 0 74px;
  margin: 100px auto 150px;
}

.main__title {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 auto 90px;
}

.main__title--left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 52px;
}

.main__title--left p {
  color: #1e1e1e;
  font-family: Circe, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin: 0;
}

.main__pic-section {
  display: flex;
  flex-direction: column;
  position: relative;
}

.main__title-text {
  color: #1e1e1e;
  font-family: Unbounded, sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  text-transform: uppercase;
  text-align: left;
  max-width: 560px;
}

.main__pic-section p {
  color: #1e1e1e;
  font-family: Circe, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.main__pic-section--link {
  position: absolute;
  width: 177px;
  height: 100px;
  right: 0;
}

@media (max-width: 1440px) {
  .main__pic-section {
    max-width: 45%;
  }
}

@media (max-width: 1200px) {
  .main {
    margin: 70px auto 100px;
  }
  .main__title {
    margin: 0 auto 90px;
  }
  .main__title--left {
    gap: 38px;
  }
  .main__pic-section p {
    font-size: 12px;
  }
  .main__title-text {
    font-size: 24px;
  }
}
@media (max-width: 760px) {
  .main {
    margin: 50px auto 100px;
  }
  .main__title {
    flex-direction: column;
    align-items: center;
    gap: 45px;
  }
  .main__title--left {
    gap: 24px;
  }
  .main__pic-section {
    max-width: 500px;
  }
}
@media (max-width: 760px) {
  .main {
    padding: 0;
  }
  .main__title {
    margin: 0 auto 75px;
  }
  .main__title-text {
    font-size: 20px;
  }
  .main__pic-section {
    max-width: 100%;
  }
}

.main__med-actions {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0px auto 100px;
  gap: 25px;
}

.main__med-actions-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  max-width: 370px;
  height: 317px;
  border-radius: 15px;
  border: 2px solid #007785;
  position: relative;
  padding: 60px 30px 30px;
}

.main__med-actions-item img {
  width: 100px;
  height: 85px;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: -32px;
}

.main__med-actions-item ul {
  margin: 0;
}

.main__med-actions-item li {
  align-items: flex-start;
}

.main__med-actions-item li p {
  color: #1e1e1e;
  font-family: Circe, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  margin-top: 0;
  text-align: left;
}

.main__med-actions-item sup {
  line-height: 10px;
  font-size: 12px;
  font-weight: 700;
  position: relative;
}

.main__med-actions-item li + li {
  margin-top: 15px;
}

.main__med-actions-item li::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Ccircle cx='7.5' cy='7.5' r='6.5' fill='%23F3F3F3' stroke='%23007785' stroke-width='2'/%3E%3C/svg%3E");
  height: 15px;
  width: 15px;
  min-width: 15px;
  top: -8px;
  left: 0;
  background-image: none;
}

.main__med-actions-item a {
  height: 45px;
  min-height: 45px;
  max-width: 189px;
  width: 100%;
  margin: 20px auto 0;
  border-radius: 14px;
  background: #007785;
  color: #fff;
  font-family: Unbounded, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.main__med-actions-item a:hover {
  border-radius: 14px;
  border: 2px solid #007785;
  background: transparent;
  color: #007785;
}

.main__med-actions-item p {
  position: relative;
}

.main__more-btn a {
  height: 45px;
  min-height: 45px;
  max-width: 252px;
  width: 100%;
  margin: 25px auto 0;
  border-radius: 14px;
  background: linear-gradient(90deg, #c1103f 0%, #3658a1 100%);
  color: #fff;
  font-family: Unbounded, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.main__more-btn a:hover {
  /* border-radius: 14px;
  border: 2px solid #007785;
  background: transparent;
  color: #007785; */
  background: transparent;
  color: #3658a1;
}

.main__more-btn a:hover:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 14px;
  border: 2px solid transparent;
  background: linear-gradient(90deg, #c1103f 0%, #3658a1 100%) border-box;
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

@media (max-width: 1440px) {
  .main__med-actions-item sup {
    position: static;
  }
}

@media (max-width: 1300px) {
  .main__med-actions {
    margin: 0px auto 70px;
    gap: 10px;
  }
  .main__med-actions-item {
    height: 379px;
    max-width: 33%;
    border-radius: 10px;
    padding: 56px 20px 20px;
  }
  .main__med-actions-item li p {
    font-size: 14px;
  }
  .main__med-actions-item li::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Ccircle cx='5' cy='5' r='4' fill='%23F3F3F3' stroke='%23007785' stroke-width='2'/%3E%3C/svg%3E");
    height: 10px;
    width: 10px;
    min-width: 10px;
    top: -12px;
  }
  .main__med-actions-item a {
    max-width: 160px;
    font-size: 14px;
  }
  .article-download a {
    max-width: 160px;
    font-size: 14px;
  }
  .main__more-btn a {
    font-size: 14px;
    margin: 16px auto 0;
  }
}

@media (max-width: 760px) {
  .main__med-actions {
    flex-direction: column;
    margin: 0px auto 50px;
    gap: 60px;
  }
  .main__med-actions-item {
    width: 100%;
    max-width: unset;
    min-height: unset;
    height: fit-content;
  }
  .main__med-actions-item a {
    max-width: unset;
    font-size: 14px;
  }
  .article-download a {
    max-width: unset;
    font-size: 14px;
  }
  .main__more-btn a {
    max-width: unset;
    font-size: 14px;
    margin: 12px auto 0;
  }
}

.main__active-substance {
  color: #1e1e1e;
  font-family: Unbounded, sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 170%;
  text-align: left;
  margin-bottom: 50px;
}

@media (max-width: 1200px) {
  .main__active-substance {
    font-size: 18px;
  }
}

@media (max-width: 760px) {
  .main__active-substance {
    font-size: 16px;
    margin-bottom: 30px;
  }
}

@media (max-width: 400px) {
  .main__active-substance {
    font-size: 15px;
  }
}

.main__effects {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  margin-bottom: 100px;
}

.main__effects-items--mobile {
  display: none;
}

.main__effects-items {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 100px;
}
.main__effects-center-item {
  max-width: 480px;
}

.main__effects-item {
  width: 305px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  justify-content: flex-start;
}

.main__effects h3 {
  color: #1e1e1e;
  font-family: Unbounded, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

.main__effects-img {
  width: 150px;
  height: 150px;
}

.main__effects-item--big {
  display: flex;
  flex-direction: column;
  gap: 64px;
}

.main__effects-item--big .main__effects-item {
  width: unset;
}

.main__effects-item--big-img {
  width: 100%;
  max-width: 480px;
  height: auto;
}

.main__effects a {
  height: fit-content;
  min-height: 45px;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 14px;
  background: #007785;
  padding: 10px 20px;
  color: #fff;
  text-align: center;
  font-family: Circe, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 0 auto;
  cursor: auto;
}

.main__effects p {
  color: #fff;
  text-align: center;
  font-family: Circe, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.07px;
  margin: 0;
  position: relative;
}

.main__effects sup {
  line-height: 12px;
  font-size: 9px;
  font-weight: 400;
  position: relative;
  letter-spacing: 1.4px;
}

.main__effects .links {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.main__effects .links span {
  font-size: 20px;
  font-family: Unbounded, sans-serif;
}

.main__effects .links sup:hover {
  color: rgba(255, 255, 255, 0.5);
}

.main__effects h2 {
  color: #007785;
  font-family: Unbounded, sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 170%;
  position: relative;
  margin-bottom: 50px;
}

.main__effects h2::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='513' height='8' viewBox='0 0 513 8' fill='none'%3E%3Cpath d='M1.87142 2.19744C171.646 1.03319 337.483 1.27534 511.118 6.59232' stroke='%23007785' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  position: absolute;
  width: 100%;
  left: 0px;
  top: 12px;
  overflow: hidden;
}

.main__effects-double-item {
  display: flex;
  flex-direction: column;
  gap: 70px;
  position: relative;
}

.aligned--liver {
  position: relative;
  left: 80px;
}

.aligned--kidneys {
  position: relative;
  left: 80px;
}

@media (max-width: 1280px) {
  .main__effects-item--big-img {
    max-width: 442px;
  }
}

@media (max-width: 1200px) {
  .main__effects,
  .main__effects-items {
    margin-bottom: 70px;
  }
  .main__effects h2 {
    font-size: 18px;
    margin-bottom: 30px;
  }
  .main__effects h3 {
    font-size: 9.6px;
  }
  .main__effects a,
  .main__effects p {
    font-size: 9.6px;
    line-height: 10px;
    gap: 5px;
  }
  .main__effects-item {
    width: 170px;
    gap: 10px;
  }
  .main__effects .links {
    gap: 2px;
  }
  .main__effects .links span {
    font-size: 11px;
  }
  .main__effects-img {
    width: 79px;
    height: 79px;
  }
  .main__effects-item--big-img {
    max-width: 256px;
  }
  .main__effects a {
    height: 24px;
    min-height: 24px;
    padding: 5px 10px;
  }
  .main__effects sup {
    font-size: 8px;
    line-height: 4px;
  }
  .aligned--liver {
    left: 50px;
  }
  .aligned--kidneys {
    left: 50px;
  }
  .main__effects h2::after {
    top: 17px;
  }
}

@media (max-width: 760px) {
  .main__effects,
  .main__effects-items {
    margin-bottom: 0;
  }
  .main__effects h2 {
    font-size: 16px;
  }
  .main__effects h3 {
    font-size: 14px;
  }
  .main__effects a,
  .main__effects p {
    font-size: 14px;
    line-height: 14px;
  }
  .main__effects-item {
    width: 100%;
    gap: 20px;
  }
  .main__effects .links {
    gap: 5px;
    width: 100%;
    max-width: 300px;
  }
  .main__effects .links span {
    font-size: 16px;
  }
  .main__effects-img {
    width: 180px;
    height: 180px;
  }
  .main__effects-items--dekstop-tablet {
    display: none;
  }
  .main__effects-items--mobile {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
  }
  .main__effects a {
    width: 100%;
    height: 40px;
    padding: 10px 20px;
  }
}

@media (max-width: 420px) {
  .main__effects h2::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='223' height='6' viewBox='0 0 223 6' fill='none'%3E%3Cpath d='M1.4312 3.72057C75.1357 1.50812 147.036 0.72209 221.974 4.94677' stroke='%23007785' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    top: 48px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
  }
}

.faq {
  width: 100%;
  margin: 0 auto;
}

.faq__title {
  color: #1e1e1e;
  font-family: Unbounded;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 170%;
  text-transform: uppercase;
  text-align: left;
  margin-bottom: 70px;
}

.faq__title span {
  position: relative;
}

.faq__title span:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='285' height='11' viewBox='0 0 285 11' fill='none'%3E%3Cpath d='M1.01454 9.88644C95.5569 2.59151 187.656 -1.81711 283.167 3.54079' stroke='%23007785' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  position: absolute;
  width: 100%;
  left: -24px;
  top: 12px;
}

.faq__item {
  min-height: 80px;
  display: flex;
  align-items: center;
  padding: 20px;
  border-radius: 15px;
  background: #fdfdfd;
  box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.05);
  margin-bottom: 10px;
}

.faq__item:last-child {
  border-bottom: none;
}

.faq__item > details {
  width: 100%;
}

.faq__item > details > summary::-webkit-details-marker {
  content: none;
  display: none;
}

.faq__item > details > summary::marker {
  content: none;
  display: none;
}

.faq__item > details > summary:after {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  background-image: url("/local/templates/semavic/css/../img/icons/plus-filled.svg");
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  left: 0px;
  top: -2px;
  content: "";
}

.faq__item > details[open] > summary:after {
  background-image: url("/local/templates/semavic/css/../img/icons/plus-filled-white.svg");
}

.faq__question {
  color: #007785;
  font-family: Unbounded, sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 170%;
  text-align: left;
}

.faq__answer {
  color: #1e1e1e;
  font-family: Circe, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
  margin-top: 20px;
  padding-right: 80px;
  overflow: hidden;
}

.faq__answer img {
  width: 100%;
}

.faq__button {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 8px;
}

@media (max-width: 1200px) {
  .faq__question {
    font-size: 16px;
    line-height: 150%;
  }
  .faq__answer {
    font-size: 14px;
    margin-top: 10px;
    padding-right: 70px;
  }
  .faq__item > details > summary:after {
    width: 25px;
    height: 25px;
    min-width: 25px;
    min-height: 25px;
  }
  .faq__title {
    font-size: 24px;
    line-height: 150%;
    margin-bottom: 50px;
  }
  .faq__title span:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='164' height='8' viewBox='0 0 164 8' fill='none'%3E%3Cpath d='M1.81896 5.57216C56.4814 0.894172 109.269 -1.01526 162.31 6.74996' stroke='%23007785' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    left: -4px;
  }
}

@media (max-width: 760px) {
  .faq__title {
    font-size: 20px;
    margin-bottom: 30px;
  }
  .faq__answer {
    padding-right: 0px;
  }
  .faq__title span:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='138' height='8' viewBox='0 0 138 8' fill='none'%3E%3Cpath d='M1.72105 6.40268C47.9995 1.31406 92.5017 -1.02012 136.517 6.21359' stroke='%23007785' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  }
}

.sources {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 1308px;
  padding: 50px 38px 0;
  border-top: 2px solid #007785;
  margin: 100px auto 0;
}

.sources p,
.sources span {
  margin-top: 15px;
  color: #007785;
  font-family: Circe, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  position: relative;
  text-align: left;
}

.sources span {
  position: absolute;
  left: -30px;
  margin-top: 0;
}

@media (max-width: 1200px) {
  .sources {
    padding: 30px 0 0 24px;
    margin: 70px auto 0;
  }
  .sources p,
  .sources span {
    font-size: 14px;
  }
  .sources span {
    left: -24px;
  }
}
@media (max-width: 760px) {
  .sources {
    margin: 50px auto 0;
  }
}

.main__slider {
  display: flex;
  justify-content: center;
  gap: 0;
  margin: 70px auto 100px;
}

.main__slider-photo {
  width: 206px;
  height: 600px;
  border-radius: 15px 0px 0px 15px;
  border: 2px solid #007785;
  background: #fff;
  padding: 25px 35px;
  cursor: pointer;
  z-index: 1;
}

.main__slider-photo--desktop {
  display: block;
}

.main__slider-photo--tablet,
.main__slider-photo--mobile {
  display: none;
}

.main__slider .instruction__controls {
  width: 408px;
  height: 600px;
  border-radius: 0px 15px 15px 0px;
  border: 2px solid #007785;
  background: #f3f3f3;
  box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.05);
  z-index: 1;
}

.main__slider-title h2 {
  color: #1e1e1e;
  font-family: Unbounded, sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 170%;
  text-transform: uppercase;
  text-align: left;
}

.main__slider-title span {
  position: relative;
}

.main__slider-title span:after {
  /* content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='214' height='11' viewBox='0 0 214 11' fill='none'%3E%3Cpath d='M1.00005 9.26955C72.3101 2.34423 141.599 -1.71669 212.801 3.95633' stroke='%23007785' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); */
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='285' height='11' viewBox='0 0 285 11' fill='none'%3E%3Cpath d='M1.01454 9.88644C95.5569 2.59151 187.656 -1.81711 283.167 3.54079' stroke='%23007785' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  position: absolute;
  width: 100%;
  left: -12px;
  top: 12px;
}

.slider__item a {
  width: 152px;
  height: 45px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: #007785;

  color: #fff;
  font-family: Unbounded, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.main__slider .instruction__slider {
  margin: 0 -10px 0;
}

.main__slider li + li {
  margin: 0;
}

.main__slider .slider__item--dekstop {
  display: block;
}

.main__slider .slider__item--adaptive {
  display: none;
}

@media (max-width: 1366px) {
  .main__slider .instruction__slider {
    width: 560px;
    height: 600px;
  }
  .main__slider .slider__item p,
  .main__slider .slider__item span {
    font-size: 20px;
    max-width: 520px;
  }
  .main__slider .slider__title {
    font-size: 22px;
    max-width: 520px;
  }
}

@media (max-width: 1240px) {
  .main__slider {
    flex-wrap: wrap;
    gap: 10px;
    margin: 50px auto 70px;
  }
  .main__slider-title h2 {
    font-size: 24px;
    line-height: 150%;
  }
  .main__slider-title span:after {
    /* content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='126' height='8' viewBox='0 0 126 8' fill='none'%3E%3Cpath d='M1.41562 6.48385C43.902 1.07454 84.6528 -1.58594 124.567 5.25813' stroke='%23007785' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); */
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='164' height='8' viewBox='0 0 164 8' fill='none'%3E%3Cpath d='M1.81896 5.57216C56.4814 0.894172 109.269 -1.01526 162.31 6.74996' stroke='%23007785' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    left: 0;
  }
  .main__slider .instruction__slider {
    order: 1;
    width: 460px;
    height: 492px;
    margin: 0;
  }
  .main__slider .instruction__slider img {
    width: 460px;
    height: 492px;
  }
  .main__slider-photo {
    order: 2;
    padding: 20px;
    width: 150px;
    height: 492px;
    border-radius: 10px;
  }
  .main__slider .instruction__controls {
    order: 3;
    width: 620px;
    min-height: 370px;
    height: fit-content;
    border-radius: 10px;
  }
  .main__slider-photo--desktop {
    display: none;
  }
  .main__slider-photo--tablet {
    display: block;
  }
  .slider__item a {
    width: 138px;
    font-size: 14px;
  }
  .main__slider .slider__item--dekstop {
    display: none;
  }
  .main__slider .slider__item--adaptive {
    display: block;
  }
  .main__slider .slider__item p,
  .main__slider .slider__item span {
    font-size: 14px;
  }
  .main__slider .slider__title {
    font-size: 16px;
  }
}

@media (max-width: 760px) {
  .main__slider {
    width: 300px;
    gap: 5px;
    margin: 30px auto 50px;
  }
  .main__slider-title h2 {
    font-size: 20px;
  }
  .main__slider-title span:after {
    /* content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='106' height='7' viewBox='0 0 106 7' fill='none'%3E%3Cpath d='M1.86928 5.63844C37.8239 0.695302 72.0109 -1.56944 104.379 5.47019' stroke='%23007785' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); */
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='138' height='8' viewBox='0 0 138 8' fill='none'%3E%3Cpath d='M1.72105 6.40268C47.9995 1.31406 92.5017 -1.02012 136.517 6.21359' stroke='%23007785' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  }
  .main__slider .instruction__slider {
    width: 220px;
    height: 242px;
  }
  .main__slider .instruction__slider img {
    width: 220px;
    height: 242px;
    border: 1px solid #007785;
    border-radius: 8px;
  }
  .main__slider-photo {
    padding: 8px 10px;
    width: 75px;
    height: 242px;
  }
  .main__slider .instruction__controls {
    width: 300px;
    min-height: unset;
    height: fit-content;
  }
  .main__slider-photo--tablet {
    display: none;
  }
  .main__slider-photo--mobile {
    display: block;
  }
  .slider__item a {
    width: 124px;
    height: 38px;
    font-size: 12px;
  }
}

@media (max-width: 400px) {
  .main__slider-title h2 {
    font-size: 19px;
  }
}

sup {
  cursor: pointer;
}

sup:hover {
  color: rgba(0, 119, 133, 0.5);
}

.sub-header {
  color: #1e1e1e;
  font-family: Unbounded;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  text-transform: uppercase;
  text-align: left;
  position: relative;
  margin-bottom: 24px;
}

.sub-header sup {
  text-transform: none;
  position: relative;
  line-height: 10px;
}

.sub-header .prompt-answer {
  left: 18px;
  bottom: 34px;
}

.indicated {
  display: flex;
  flex-direction: row;
  gap: 40px;
  margin-bottom: 100px;
}

.indicated__left .text {
  text-align: left;
  font-family: Circe, sans-serif;
  font-size: 20px;
  line-height: 120%;
  margin-top: 26px;
}

.footnote {
  color: #007785;
  font-family: Circe, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
}

.indicated__right {
  width: 359px;
  min-width: 359px;
  height: 150px;
  border-radius: 15px;
  background: #007785;
  padding: 40px 30px;
}

.indicated__right p {
  color: #fff;
  text-align: center;
  font-family: Circe, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  position: relative;
  margin: 0;
}

.indicated__right sup {
  position: relative;
  line-height: 10px;
}

.indicated__right sup:hover {
  color: rgba(255, 255, 255, 0.5);
}

.hba1c p {
  text-align: left;
  font-family: Circe, sans-serif;
  font-size: 20px;
  line-height: 120%;
}

.hba1c-diagram {
  margin: 70px auto 50px;
  display: flex;
  flex-direction: column;
}

.hba1c-diagram__title-row {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 222px;
  margin-bottom: 50px;
}

.hba1c-diagram h3 {
  color: #007785;
  text-align: center;
  font-family: Circe, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  position: relative;
}

.hba1c-diagram h3 sup {
  position: relative;
  line-height: 10px;
}

.hba1c-diagram h5 {
  color: #1e1e1e;
  font-family: Unbounded, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  text-transform: uppercase;
  text-align: left;
  width: 120px;
}

.hba1c-diagram__pic-row {
  display: flex;
  flex-direction: row;
  gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
}

.diagram-group {
  display: flex;
  gap: 20px;
  align-items: flex-start;
}

.diagram-mobile {
  display: none;
}

.diagram-group .desktop {
  display: block;
}

.diagram-group .tablet,
.diagram-group .mobile {
  display: none;
}

.diagram-item {
  width: 160px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.diagram-item h5 {
  color: #1e1e1e;
  font-family: Unbounded, sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  text-transform: uppercase;
  text-align: center;
}

.diagram-item__body {
  width: 100%;
  height: 202px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}

.diagram-item img {
  position: absolute;
}

.diagram-item__body--wide {
  height: 225px;
}

.diagram-item__text {
  margin: 30px 0 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.diagram-item span {
  color: #fff;
  text-align: center;
  font-family: Circe, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.diagram-item h4 {
  color: #fff;
  font-family: Unbounded, sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  text-transform: uppercase;
}

.weight-500 {
  font-weight: 500 !important;
}

@media (max-width: 1200px) {
  .diagram-item {
    width: 86px;
    gap: 10px;
  }
  .diagram-item h5 {
    font-size: 12px;
  }
  .diagram-item__text {
    margin: 16px 0 0;
  }
  .diagram-item span {
    font-size: 9.6px;
  }
  .diagram-item h4 {
    font-size: 14px !important;
  }
  .diagram-group .desktop {
    display: none;
  }
  .diagram-group .tablet {
    display: block;
  }
  .diagram-item__body {
    height: 108px;
  }
  .diagram-item__body--wide {
    height: 120px;
  }
}

@media (max-width: 760px) {
  .diagram-group {
    flex-direction: column;
  }
  .diagram-item {
    width: 300px;
    justify-content: flex-start;
    flex-direction: row;
    margin: 0 auto;
    gap: 0;
  }
  .diagram-item h5 {
    font-size: 16px;
    text-align: left;
    width: 120px;
    min-width: 120px;
  }
  .diagram-item__body {
    height: 108px;
    gap: 10px;
    justify-content: center;
    align-items: flex-start;
  }
  .diagram-item__text {
    margin: 0 0 0 30px;
    gap: 10px;
  }
  .diagram-item span {
    font-size: 14px;
    text-align: left;
  }
  .diagram-item h4 {
    font-size: 16px !important;
    width: 126px;
    text-align: left;
  }
  .diagram-group .tablet {
    display: none;
  }
  .diagram-group .mobile {
    display: block;
  }
}

.hba1c-diagram__bottom-row {
  position: relative;
  margin-top: 17px;
}

.hba1c-diagram__pic-row p,
.hba1c-diagram__bottom-row p {
  color: #1e1e1e;
  font-family: Circe, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  margin: 0 40px 0 0;
}

.hba1c-diagram__bottom-row h4 {
  color: #007785;
  text-align: center;
  font-family: Unbounded, sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  text-transform: uppercase;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 0;
}

.lower-wieght .prompt-answer,
.hba1c-diagram .prompt-answer {
  bottom: 32px;
}

.lower-wieght-diagram {
  margin: 50px auto;
  display: flex;
  flex-direction: column;
}

.lower-wieght-diagram__title-row {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 0;
  margin-bottom: 50px;
}

.lower-wieght-diagram__pic-row {
  display: flex;
  flex-direction: row;
  gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
}

.lower-wieght-diagram p {
  color: #1e1e1e;
  font-family: Circe, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  margin: 0 40px 0 0;
}

.lower-wieght-diagram h3 {
  color: #007785;
  text-align: center;
  font-family: Circe, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  position: relative;
}

.lower-wieght-diagram h4 {
  font-size: 30px;
}

.lower-wieght-diagram h3 sup {
  position: relative;
  line-height: 10px;
}

.lower-wieght-diagram h3:first-child {
  margin: 0 auto 0 300px;
}

.lower-wieght-diagram__pic-row .aligned {
  margin: 0 auto 0 0;
}

.blob {
  width: 100%;
  height: fit-content;
  border-radius: 15px;
  background: #007785;
  padding: 30px 56px;
  margin-bottom: 20px;
}

.blob p {
  color: #fff;
  font-family: Unbounded, sans-serif !important;
  font-size: 22px !important;
  font-style: normal;
  font-weight: 500;
  line-height: 170% !important;
  text-align: center !important;
  position: relative;
  margin: 0;
}

.blob sup {
  position: relative;
  line-height: 10px;
}

.blob sup:hover {
  color: rgba(255, 255, 255, 0.5);
}

.blob .prompt-answer {
  left: 8px;
  bottom: 22px;
}

.lower-wieght p {
  text-align: left;
  font-family: Circe, sans-serif;
  font-size: 20px;
  line-height: 120%;
}

.effect-article {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.algorithm__table-wrap {
  max-width: 100%;
  overflow-x: auto;
  padding-bottom: 12px;
  margin-bottom: 100px;
}

.algorithm__table-wrap::-webkit-scrollbar-track-piece {
  border-radius: 10px;
  background-color: #b0b0b0;
}

.algorithm__table {
  max-width: 1160px;
  width: 100%;
  border-radius: 15px;
  border: 1px solid #007785;
  border-spacing: 0;
}

.algorithm__table th,
.algorithm__table td {
  color: #1e1e1e;
  font-family: Circe, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  padding: 20px;
  border: 1px solid #007785;
  position: relative;
}

.algorithm__table-title {
  color: #1e1e1e;
  text-align: center;
  font-family: Unbounded, sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 170%;
  text-align: center;
  margin: 50px 0 30px;
}

.algorithm__table sup {
  position: relative;
  line-height: 10px;
}

.algorithm__table .prompt-answer {
  bottom: 32px;
}

.border-top-left {
  border-top-left-radius: 15px;
}

.border-top-right {
  border-top-right-radius: 15px;
}

.border-bottom-left {
  border-bottom-left-radius: 15px;
}

.border-bottom-right {
  border-bottom-right-radius: 15px;
}

/* .algorithm__table tr:last-child td:first-child {
  border-bottom-left-radius: 15px;
}

.algorithm__table tr:last-child td:last-child {
  border-bottom-right-radius: 15px;
} */

.light-theme {
  background: rgba(0, 119, 133, 0.4);
}

.medium-theme {
  background: rgba(0, 119, 133, 0.7);
}

.dark-theme {
  background: rgba(0, 119, 133, 0.8);
}

.theme-color-back {
  background: #007785;
}

.unbounded {
  font-family: Unbounded, sans-serif !important;
}

.white-color {
  color: #fff !important;
}

.align-left {
  text-align: left;
}

@media (max-width: 1280px) {
  .sub-header {
    font-size: 24px;
  }
  .footnote {
    font-size: 12px;
  }
  .indicated {
    flex-direction: column;
    gap: 20px;
    margin-bottom: 70px;
  }
  .indicated__left .text {
    font-size: 14px;
    line-height: 140%;
  }
  .indicated__right {
    width: 100%;
    min-width: unset;
    height: 60px;
    padding: 20px 44px;
  }
  .indicated__right p {
    font-size: 14px;
    line-height: 140%;
  }
  .hba1c p {
    font-size: 14px;
    line-height: 140%;
  }
  .hba1c-diagram {
    margin: 30px auto;
  }
  .hba1c-diagram__title-row {
    justify-content: space-between;
    gap: unset;
    margin-bottom: 18px;
  }
  .hba1c-diagram h3 {
    font-size: 14px;
  }
  .hba1c-diagram h3:first-child {
    margin: 0 80px 0 20vw;
  }
  .hba1c-diagram__pic-row {
    gap: 10px;
  }
  .diagram-group {
    display: flex;
    gap: 10px;
  }
  .hba1c-diagram__pic-row p,
  .hba1c-diagram__bottom-row p {
    font-size: 12px;
    line-height: 100%;
    margin: 0;
  }
  .hba1c-diagram__bottom-row h4 {
    font-size: 14px;
  }
  .lower-wieght p {
    font-size: 14px;
    line-height: 140%;
  }
  .lower-wieght-diagram {
    margin: 30px auto 20px;
  }
  .lower-wieght-diagram__title-row {
    justify-content: space-between;
    gap: unset;
    margin-bottom: 18px;
  }
  .lower-wieght-diagram h3 {
    font-size: 14px;
  }
  .lower-wieght-diagram h3:first-child {
    margin: 0 auto 0 196px;
  }
  .blob {
    padding: 20px;
    margin-bottom: 10px;
  }
  .blob p {
    font-size: 14px !important;
  }
  .algorithm__table-title {
    font-size: 14px;
    margin: 50px 0 20px;
  }
  .algorithm__table-wrap {
    margin-bottom: 70px;
  }
  .algorithm__table th,
  .algorithm__table td {
    font-size: 11px;
    padding: 11px;
  }
}

@media (max-width: 760px) {
  .sub-header {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .lower-wieght-diagram {
    margin: 30px auto;
  }
  .blob {
    padding: 20px 10px;
  }
  .blob p {
    font-size: 12px !important;
  }
  .indicated {
    margin-bottom: 50px;
  }
  .indicated__right {
    height: fit-content;
    padding: 12px;
  }
  .indicated__right p {
    font-size: 12px;
  }
  .hba1c-diagram__title-row,
  .hba1c-diagram__pic-row--adaptive,
  .hba1c-diagram__bottom-row,
  .hba1c-diagram__line {
    display: none;
  }
  .hba1c-diagram__pic-row {
    flex-direction: column;
    gap: 20px;
  }
  .hba1c-diagram__pic-row p {
    font-size: 10px;
    width: 120px;
  }
  .diagram-mobile {
    width: 300px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 auto;
  }
  .diagram-group {
    width: 300px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 auto;
  }
  .hba1c-diagram h3 {
    text-align: left;
    margin: 0;
  }
  .lower-wieght-diagram__title-row,
  .lower-wieght-diagram__pic-row--adaptive,
  .lower-wieght-diagram__line {
    display: none;
  }
  .lower-wieght-diagram__pic-row {
    flex-direction: column;
  }
  .lower-wieght-diagram__pic-row p {
    width: 120px;
    width: 80px;
    font-size: 10px;
  }
  .lower-wieght-diagram h3 {
    text-align: left;
    margin: 0;
  }
  .algorithm__table-wrap {
    margin-bottom: 50px;
  }
  .algorithm__table-title {
    font-size: 12px;
    line-height: 150%;
  }
  .algorithm__table th,
  .algorithm__table td {
    font-size: 10.2px;
  }
  .indicated__left .text {
    margin-top: 20px;
  }
  .lower-wieght-diagram__pic-row .aligned {
    margin: 0 auto;
  }
  .lower-wieght h5 {
    width: 120px;
  }
  .border-top-left {
    border-top-left-radius: 15px;
  }
  .border-top-right {
    border-top-right-radius: 15px;
  }
  .border-bottom-left {
    border-bottom-left-radius: 15px;
  }
  .border-bottom-right {
    border-bottom-right-radius: 15px;
  }
}

@media (max-width: 400px) {
  .sub-header {
    font-size: 19px;
  }
  .algorithm__table-title {
    font-size: 11px;
  }
}

.articles {
  margin: 100px auto 150px;
  padding: 0 74px;
}

.articles__items {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}

.article {
  width: 360px;
  border-radius: 15px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.article:hover {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.articles__heading {
  color: #1e1e1e;
  font-family: Unbounded, sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  text-transform: uppercase;
  text-align: left;
  margin-bottom: 70px;
}

.articles__heading span {
  position: relative;
}

.articles__heading span:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='404' height='8' viewBox='0 0 404 8' fill='none'%3E%3Cpath d='M1.27079 6.56143C135.263 2.06089 266.078 -0.353634 402.79 4.39231' stroke='%23007785' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  position: absolute;
  width: 100%;
  left: 0px;
  top: 12px;
  overflow: hidden;
}

.article__img {
  height: 300px;
  border-radius: 15px 15px 0 0;
}

.article__content {
  padding: 20px;
  background: #007785;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 416px;
  height: fit-content;
  gap: 20px;
  border-radius: 0 0 15px 15px;
}

.article__text {
  color: #fff;
  font-family: Circe, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-align: left;
  margin: 0;
}

.article__sub-text {
  color: #fff;
  font-family: Circe, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  margin: 0;
}

.article__link {
  display: flex;
  width: 100%;
  height: 45px;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 14px;
  border: 1px solid #fff;
  background: #fff;
  color: #007785;
  font-family: Unbounded, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
}

.article__link:hover {
  color: #fff;
  border-radius: 14px;
  border: 1px solid #fff;
  background: transparent;
}

.article__link::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 8px 8px 0px 0px;
}

.article-download {
  height: 45px;
  min-height: 45px;
  max-width: 250px;
  width: 100%;
  margin: 70px auto 0;
  border-radius: 14px;
  background: #007785;
  color: #fff;
  font-family: Unbounded, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.article-download a:hover {
  border-radius: 14px;
  border: 2px solid #007785;
  background: transparent;
  color: #007785;
}

@media (max-width: 1200px) {
  .articles {
    margin: 70px auto 100px;
    padding: 0 38px;
  }
  .articles__heading {
    font-size: 24px;
    margin-bottom: 50px;
  }
  .articles__heading span:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='265' height='7' viewBox='0 0 265 7' fill='none'%3E%3Cpath d='M1.32949 3.55286C89.0053 0.471991 174.467 -0.563147 263.285 5.6001' stroke='%23007785' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  }
  .article {
    width: 300px;
  }
  .article__img {
    height: 200px;
  }
  .article__content {
    min-height: 300px;
  }
  .article__text,
  .article__sub-text {
    font-size: 14px;
  }
  .articles__items {
    gap: 20px;
  }
}
@media (max-width: 760px) {
  .articles {
    margin: 50px auto 100px;
  }
  .articles__heading {
    font-size: 17px;
    margin-bottom: 30px;
  }
  .articles__heading span:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='191' height='6' viewBox='0 0 191 6' fill='none'%3E%3Cpath d='M1.95419 4.27678C65.0858 0.748017 126.495 -0.73338 189.845 4.93049' stroke='%23007785' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  }
  .article__img {
    width: 300px;
    /* height: 250px; */
  }
  .articles__items {
    gap: 15px;
  }
  .article__link {
    font-size: 14px;
  }
}

@media (max-width: 460px) {
  .article {
    width: 100%;
  }
}

.prompt:hover .prompt-answer {
  display: flex;
}

.prompt-answer {
  display: none;
  position: absolute;
  left: 6px;
  bottom: 16px;
  width: 254px;
  min-height: 64px;
  height: fit-content;
  padding: 20px;
  align-items: center;
  border-radius: 10px;
  border: 1px solid #007785;
  background: #f3f3f3;
  color: #007785;
  font-family: Circe, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
  z-index: 2;
  letter-spacing: normal;
}

.prompt-answer:hover {
  display: flex;
}

@media (max-width: 1440px) {
  .prompt-answer {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    bottom: 32px;
  }
  .indicated__right sup,
  .hba1c-diagram h3 sup,
  .blob sup,
  .sub-header sup,
  .algorithm__table sup,
  .lower-wieght-diagram h3 sup,
  .main__effects sup {
    position: static;
  }
}

@media (max-width: 760px) {
  .prompt-answer {
    bottom: 24px;
  }
  .diagram-mobile .prompt-answer {
    left: -100px;
    right: 100px;
  }
  .links .prompt-answer {
    left: -40px;
    right: 0;
  }
}

.article-item section {
  padding-top: 70px;
}

.article-item p,
.article-item p > a {
  color: #1e1e1e;
  font-family: Circe, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin: 0;
  text-align: left;
}

.article-item p + p {
  margin-top: 26px;
}

.article-item h1 {
  color: #1e1e1e;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  text-transform: uppercase;
  text-align: left;
  margin-bottom: 30px;
}

.article-item h2 {
  color: #007785;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  line-height: 170%;
  text-align: left;
  margin-bottom: 30px;
}

.article-item-img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 15px;
  margin-top: 50px;
}

.schema-img {
  width: 100%;
  max-width: 620px;
  height: auto;
  object-fit: cover;
  display: flex;
  margin: 10px auto 50px 0;
}

.article-item .sources p,
.article-item .sources span {
  color: #1e1e1e;
}

.article-item .sources a,
.article-item .sources-second a,
.article-item .sources-quote a {
  color: #007785;
}

.article-item .link-source {
  text-decoration: none;
}

.strong {
  font-weight: 700 !important;
}

.sources-second {
  padding-top: 30px !important;
  margin-top: 50px;
  border-top: 2px solid #007785;
}

.article-item .sources {
  border: none;
  padding: 0 38px;
  margin: 0;
}

.pt-15 {
  padding-top: 15px !important;
}

.semaglutide_pharmacokinetics__table-wrap {
  max-width: 100%;
  overflow-x: auto;
  padding-bottom: 12px;
  margin: 10px 0 50px;
}

.semaglutide_pharmacokinetics__table {
  max-width: 960px;
  min-width: 620px;
  width: 100%;
  border-radius: 10px;
  border: 1px solid #007785;
  border-spacing: 0;
}

.semaglutide_pharmacokinetics__table-wrap::-webkit-scrollbar-track-piece {
  border-radius: 10px;
  background-color: #b0b0b0;
}

.semaglutide_pharmacokinetics__table th {
  color: #fff;
  font-family: Circe, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  padding: 20px;
  border: 1px solid #007785;
}

.semaglutide_pharmacokinetics__table td {
  color: #1e1e1e;
  text-align: center;
  font-family: Circe, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  padding: 20px;
  border: 1px solid #007785;
}

.semaglutide_pharmacokinetics__table .border-top-left {
  border-top-left-radius: 6px;
}

.semaglutide_pharmacokinetics__table .border-top-right {
  border-top-right-radius: 6px;
}

.semaglutide_pharmacokinetics__table .border-bottom-left {
  border-bottom-left-radius: 6px;
}

.semaglutide_pharmacokinetics__table .border-bottom-right {
  border-bottom-right-radius: 6px;
}

.background-theme-color {
  background: #007785 !important;
}

.background-light-theme-color {
  background: rgba(0, 119, 133, 0.8);
}

.background-dark-theme-color {
  background: rgba(0, 119, 133, 0.2);
}

.w-660 {
  max-width: 660px;
}

.brdr-right-ligth {
  border-right-color: #fff !important;
}

.brdr-left-ligth {
  border-left-color: #fff !important;
}

.brdr-top-ligth {
  border-top-color: #fff !important;
}

@media (max-width: 1200px) {
  .article-item section {
    padding-top: 48px;
  }
  .article-item-img {
    margin-top: 40px;
  }
  .schema-img {
    max-width: 460px;
  }
  .semaglutide_pharmacokinetics__table-wrap {
    margin: 10px 0 24px;
  }
  .semaglutide_pharmacokinetics__table th {
    font-size: 13px;
    padding: 6px 9px;
  }
  .semaglutide_pharmacokinetics__table td {
    font-size: 13px;
    padding: 13px;
  }
  .article-item h1,
  .article-item h2 {
    font-size: 24px;
  }
  .article-item p,
  .article-item p > a {
    font-size: 14px;
  }
  .article-item p + p {
    margin-top: 14px;
  }
  .article-item .sources {
    padding: 0 24px;
  }
}

@media (max-width: 767px) {
  .article-item section {
    padding-top: 32px;
  }
  .article-item-img {
    margin-top: 32px;
  }
  .article-item h1,
  .article-item h2 {
    font-size: 20px;
    margin-bottom: 20px;
  }
}

@media (max-width: 600px) {
  .schema-img {
    max-width: unset;
  }
}

.video {
  width: 100%;
  margin: 0 auto;
  margin-bottom: 100px;
}

.video__title {
  color: #1e1e1e;
  font-family: Unbounded;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 170%;
  text-transform: uppercase;
  text-align: left;
  margin-bottom: 70px;
}

.video video {
  width: 100%;
  margin: 0 auto;
}

@media (max-width: 1200px) {
  .video {
    margin-bottom: 70px;
  }
  .video__title {
    font-size: 24px;
    line-height: 150%;
    margin-bottom: 50px;
  }
}

@media (max-width: 760px) {
  .video {
    margin-bottom: 50px;
  }
  .video__title {
    font-size: 20px;
    margin-bottom: 30px;
  }
}

.faq__table-wrap {
  max-width: 100%;
}

.faq__table,
.faq__table th,
.faq__table td {
  border: 1px solid #007785;
  border-spacing: 0;
}

.faq__table {
  max-width: 1160px;
  width: 100%;
  border-radius: 15px;
  border: 1px solid #007785;
  background: rgba(154, 154, 154, 0.1);
  margin-top: 15px;
}

.faq__table th,
.faq__table td {
  color: #1e1e1e;
  text-align: center;
  font-family: Circe, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  padding: 20px;
  width: 25%;
}

.faq__table th:first-child {
  border-radius: 15px 0 0 0;
}

.faq__table th:last-child {
  border-radius: 0 15px 0 0;
}

.faq__table tr:last-child td:first-child {
  border-bottom-left-radius: 15px;
}

.faq__table tr:last-child td:last-child {
  border-bottom-right-radius: 15px;
}

.faq__table th {
  font-weight: 700;
}

.faq li {
  display: flex;
  gap: 10px;
  position: relative;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
}

.faq__item .desktop {
  display: block;
}

.faq__item .mobile {
  display: none;
}

@media (max-width: 1200px) {
  .faq__table,
  .faq__table th,
  .faq__table td {
    border: 1px solid #007785;
  }
  .faq__table {
    border-radius: 8px;
    max-width: 620px;
  }
  .faq__table th,
  .faq__table td {
    font-size: 11px;
    padding: 11px;
  }
  .faq__table th:first-child {
    border-radius: 8px 0 0 0;
  }

  .faq__table th:last-child {
    border-radius: 0 8px 0 0;
  }

  .faq__table tr:last-child td:first-child {
    border-bottom-left-radius: 8px;
  }

  .faq__table tr:last-child td:last-child {
    border-bottom-right-radius: 8px;
  }
}

@media (max-width: 760px) {
  .faq__item .desktop {
    display: none;
  }

  .faq__item .mobile {
    display: block;
  }
}

@media (max-width: 500px) {
  .faq__table th,
  .faq__table td {
    padding: 11px 2px;
  }
}


.main__title-text-new {
  color: #1e1e1e;
  font-family: Unbounded, sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  text-transform: uppercase;
  text-align: start;
}
.main__title-new {
  font-family: Unbounded, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  line-height: 150%;
  text-transform: uppercase;
  color: #1e1e1e;
  margin-bottom: 70px;
  text-align: start;
}
.main__title-new span {
  position: relative;
}
.main__title-new span:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='285' height='11' viewBox='0 0 285 11' fill='none'%3E%3Cpath d='M1.01454 9.88644C95.5569 2.59151 187.656 -1.81711 283.167 3.54079' stroke='%23007785' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  position: absolute;
  width: 100%;
  left: -24px;
  top: 20px;
}
.indicated__cards {
  display: flex;
  gap: 31px;
  justify-content: center;
  margin-top: 32px;
}
.icard {
  width: 352px;
  height: 192px;
  background: #ffffff;
  box-shadow: 0px 20px 39px -12px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  gap: 26px;
  justify-content: start;
  align-items: flex-start;
  padding: 24px;
  font-family: Circe;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #5c5c5c;
  text-align: start;
}
.icard::before {
  height: 48px;
  width: 48px;
  min-width: 48px;
}
.stomach::before {
  content: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.64716 23.3125L11.259 26.9242L13.2554 24.9277L10.8776 22.5499L11.8759 19.555L8.2641 15.9434L6.26758 17.9399L8.64537 20.3177L7.64716 23.3125Z' fill='%23007785'/%3E%3Cpath d='M46.3824 2.41058L44.3859 0.414062L40.7741 4.02573L41.7724 7.02056L39.3945 9.39844L41.391 11.3949L45.0029 7.78319L44.0047 4.78837L46.3824 2.41058Z' fill='%23007785'/%3E%3Cpath d='M25.6191 7.05882H18.5603C17.7819 7.05882 17.1486 6.42551 17.1486 5.64706V0H8.67796V7.05882C8.67796 9.35708 9.63006 11.587 11.29 13.1768C11.9149 13.7752 12.9123 14.5722 14.1164 14.9708C16.047 15.6099 16.898 16.0206 17.5493 17.5336C18.3285 19.344 18.494 21.6003 18.5511 23.3637C18.6414 26.152 18.1208 29.1336 17.0457 31.9864C16.614 33.1318 15.5203 33.876 14.2593 33.8825C10.8792 33.8997 7.70422 35.229 5.31909 37.6254C2.93312 40.0228 1.61914 43.2057 1.61914 46.5882V48H10.0897V46.5882C10.0897 44.2528 11.9897 42.3529 14.325 42.3529C16.6055 42.3529 18.8757 42.637 21.0726 43.197C22.6275 43.5933 24.2362 43.7839 25.8572 43.7633C30.6904 43.702 34.6818 41.7694 37.3999 38.1748C39.8526 34.9313 41.1487 30.5178 41.1486 25.4114C41.1484 20.2776 39.8193 15.8376 37.3051 12.5714C34.5291 8.96499 30.4881 7.05882 25.6191 7.05882ZM15.0036 12.2903C14.4545 12.1085 13.8293 11.6993 13.243 11.1377C12.1362 10.0776 11.5015 8.59097 11.5015 7.05882V2.82353H14.325V5.64706C14.325 7.9824 16.225 9.88235 18.5603 9.88235H25.6191C34.4014 9.88235 37.8841 16.9329 38.2852 24H36.6714C35.5855 24 34.526 23.7892 33.5224 23.3735C32.5183 22.9575 31.6201 22.3574 30.8527 21.59C28.7653 19.5026 25.9898 18.3529 23.0375 18.3529H20.783C20.6193 17.694 20.4116 17.0419 20.1427 16.4173C19.0147 13.7968 17.2255 13.0258 15.0036 12.2903ZM25.8213 40.9399C24.4501 40.956 23.0854 40.7961 21.77 40.4609C19.3454 39.8428 16.8404 39.5294 14.325 39.5294C10.9162 39.5294 8.06404 41.9586 7.40804 45.1765H4.54366C5.23006 40.4177 9.33189 36.7311 14.2736 36.7061C16.6772 36.6937 18.8529 35.1973 19.6877 32.9822C20.8925 29.7856 21.4751 26.428 21.373 23.2724C21.352 22.6242 21.3166 21.9148 21.2467 21.1765H23.0374C25.2355 21.1765 27.302 22.0324 28.856 23.5865C29.8868 24.6174 31.0932 25.4233 32.4415 25.9819C33.7895 26.5404 35.2126 26.8235 36.6712 26.8235H38.2848C37.8866 33.8184 34.4584 40.8303 25.8213 40.9399Z' fill='%23007785'/%3E%3Cpath d='M28.4434 32.4707H31.2669V35.2942H28.4434V32.4707Z' fill='%23007785'/%3E%3Cpath d='M24.207 26.8242H27.0306V29.6477H24.207V26.8242Z' fill='%23007785'/%3E%3C/svg%3E%0A");
}
.scales::before {
  content: url("data:image/svg+xml,%3Csvg width='48' height='49' viewBox='0 0 48 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_34_482)'%3E%3Cpath d='M30.125 4.32422H40.6251C41.0847 4.3241 41.5399 4.41454 41.9646 4.59039C42.3893 4.76623 42.7752 5.02404 43.1002 5.34907C43.4252 5.6741 43.683 6.05999 43.8589 6.48468C44.0347 6.90938 44.1252 7.36456 44.1251 7.82423V41.0743C44.1252 41.5339 44.0347 41.9891 43.8589 42.4138C43.683 42.8385 43.4252 43.2244 43.1002 43.5494C42.7752 43.8745 42.3893 44.1323 41.9646 44.3081C41.5399 44.484 41.0847 44.5744 40.6251 44.5743H7.37501C6.91534 44.5744 6.46016 44.484 6.03546 44.3081C5.61076 44.1323 5.22488 43.8745 4.89985 43.5494C4.57481 43.2244 4.31701 42.8385 4.14116 42.4138C3.96532 41.9891 3.87487 41.5339 3.875 41.0743V7.82423C3.87487 7.36456 3.96532 6.90938 4.14116 6.48468C4.31701 6.05999 4.57481 5.6741 4.89985 5.34907C5.22488 5.02404 5.61076 4.76623 6.03546 4.59039C6.46016 4.41454 6.91534 4.3241 7.37501 4.32422H17.875' stroke='%23007785' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.4969 15.6992C13.0563 15.8631 12.6307 16.0645 12.2246 16.3013C10.7709 17.1826 9.60405 18.4666 8.86533 19.9977C8.12662 21.5288 7.84781 23.2412 8.06268 24.9276C8.55506 29.1971 10.5278 33.8083 12.6248 38.4482C12.8187 38.7403 13.0741 38.9864 13.3733 39.1692C13.6724 39.352 14.0079 39.4672 14.3562 39.5065C15.0175 39.6198 15.6962 39.5772 16.3382 39.3823C16.9802 39.1873 17.5678 38.8453 18.0545 38.3834C18.5411 37.9215 18.9133 37.3524 19.1415 36.7215C19.3697 36.0905 19.4476 35.4151 19.3689 34.7487L18.797 32.1456C18.1884 29.4196 18.2631 26.5855 19.0144 23.8953C19.4097 22.4711 19.5232 20.9834 19.3484 19.5157C19.2909 18.8448 19.0813 18.1958 18.7356 17.618C18.3899 17.0402 17.9171 16.5487 17.3531 16.1808C16.7891 15.813 16.1488 15.5784 15.4806 15.495C14.8124 15.4115 14.134 15.4814 13.4969 15.6992Z' stroke='%23007785' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M34.5034 15.6992C34.944 15.8631 35.3696 16.0645 35.7757 16.3013C37.2294 17.1826 38.3963 18.4666 39.135 19.9977C39.8737 21.5288 40.1525 23.2412 39.9376 24.9276C39.4453 29.1971 37.4725 33.8083 35.3755 38.4482C35.1816 38.7403 34.9262 38.9864 34.6271 39.1692C34.328 39.352 33.9924 39.4672 33.6441 39.5065C32.9828 39.6198 32.3042 39.5772 31.6622 39.3823C31.0202 39.1873 30.4325 38.8453 29.9459 38.3834C29.4592 37.9215 29.087 37.3524 28.8588 36.7215C28.6306 36.0905 28.5528 35.4151 28.6314 34.7487L29.2033 32.1456C29.8119 29.4196 29.7372 26.5855 28.9859 23.8953C28.5906 22.4711 28.4771 20.9834 28.6519 19.5157C28.7094 18.8448 28.919 18.1958 29.2647 17.618C29.6104 17.0402 30.0832 16.5487 30.6472 16.1808C31.2112 15.813 31.8516 15.5784 32.5197 15.495C33.1879 15.4115 33.8663 15.4814 34.5034 15.6992Z' stroke='%23007785' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.625 1.6991H28.375C28.8391 1.6991 29.2843 1.88348 29.6125 2.21167C29.9406 2.53986 30.125 2.98498 30.125 3.44911V10.4491H17.875V3.44911C17.875 2.98498 18.0594 2.53986 18.3876 2.21167C18.7158 1.88348 19.1609 1.6991 19.625 1.6991Z' stroke='%23007785' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.875 10.4492C17.875 8.51547 20.6138 6.94922 24 6.94922C27.3863 6.94922 30.125 8.51547 30.125 10.4492' stroke='%23007785' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26.6256 4.3241L25.4531 7.0541' stroke='%23007785' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_34_482'%3E%3Crect width='48' height='48' fill='white' transform='translate(0 0.449219)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.blood::before {
  content: url("data:image/svg+xml,%3Csvg width='48' height='49' viewBox='0 0 48 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30.936 45.9539C36.2994 45.9539 40.6473 41.606 40.6473 36.2426C40.6473 30.8792 36.2994 26.5312 30.936 26.5312C25.5725 26.5312 21.2246 30.8792 21.2246 36.2426C21.2246 41.606 25.5725 45.9539 30.936 45.9539Z' stroke='%23007785' stroke-width='2.21538' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M30.706 23.7693C29.3908 15.367 22.6659 6.50916 20.1207 3.40702C19.6125 2.78766 18.6706 2.79328 18.1626 3.41273C15.3316 6.86388 7.35156 17.4022 7.35156 26.5323C7.35156 32.8734 12.3592 38.0357 18.6344 38.3039' stroke='%23007785' stroke-width='2.21538' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.844 33.1809C16.7631 33.0888 16.6573 32.0488 14.3846 32.0488C12.0077 32.0488 12.0077 33.19 9.63086 33.19' stroke='%23007785' stroke-width='2.21538' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M30.9355 31.3887V41.1' stroke='%23007785' stroke-width='2.21538' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28.1621 39.0176L30.9368 41.7923L33.7115 39.0176' stroke='%23007785' stroke-width='2.21538' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M41.1231 18.52H33V16.8215C34.4892 15.3692 35.5169 14.3169 36.0831 13.6646C37.6092 11.9169 38.3723 10.4461 38.3723 9.2523C38.3723 8.72306 38.2308 8.31076 37.9477 8.01537C37.6646 7.71999 37.2585 7.57229 36.7292 7.57229C35.7815 7.57229 35.16 8.15076 34.8646 9.30768L33.0923 8.51383C33.2646 7.56614 33.6954 6.82153 34.3846 6.27999C35.0862 5.72614 35.9477 5.44922 36.9692 5.44922C38.1262 5.44922 39.0246 5.78153 39.6646 6.44614C40.3046 7.09845 40.6246 7.8923 40.6246 8.82768C40.6246 9.4923 40.4831 10.2 40.2 10.9508C39.9169 11.6769 39.5908 12.3108 39.2215 12.8523C38.84 13.4184 38.3908 13.9723 37.8738 14.5138C37.4308 15.0061 37.0246 15.4246 36.6554 15.7692C36.4708 15.9415 36.1692 16.2 35.7508 16.5446H41.1231V18.52Z' fill='%23007785'/%3E%3C/svg%3E%0A");
}
.main__indicated,
.main__dose,
.sejaro__pen {
  margin-bottom: 100px;
}
.sejaro__pen li::before {
  content: unset;
}

.dose__blobs {
  display: flex;
  gap: 16px;
}
.blobs__left {
  display: flex;
  gap: 16px;
  align-items: center;
}
.blob {
  width: 275px;
  height: 153px;
  background: #ffffff;
  box-shadow: 0px 20px 39px -12px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  width: 224px;
  padding: 25px 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.blob__text {
  font-family: Circe;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  color: #5c5c5c;
  margin-bottom: 13px;
}
.blob__subtitle {
  font-family: Circe;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #5c5c5c;
}
.blob__title {
  font-family: Unbounded;
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 110%;
  color: #007785;
  margin-top: 4px;
}
.blob + .blob {
  width: 275px;
}
.blob--flat {
  width: 100%;
  height: 153px;
  background: #007785;
  border-radius: 15px;
  padding: 37px 31px;
}
.blob--flat ul {
  margin: 12px 0 0 16px;
}
.blob--flat li {
  font-family: Circe;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  color: #ffffff;
  margin: 0;
  text-align: start;
}
.blob--flat li::before {
  content: "•";
  background: unset;
  width: unset;
  min-width: unset;
  position: static;
  height: unset;
}
.blob--flat .blob__subtitle {
  color: #ffffff;
  text-align: start;
}
.dose__titration {
  margin: 32px 0 19px;
  width: 100%;
}
.dose__instruction {
  height: 56px;
  min-height: 56px;
  width: fit-content;
  margin: 0 auto;
  border-radius: 14px;
  background: #c1103f;
  color: #fff;
  font-family: Unbounded, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  padding: 0 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dose__instruction:hover {
  background: #8f1132;
}

.sejaro__pen {
  width: 100%;
  max-width: 1160px;
  margin: 0 auto 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 32px;
  padding: 64px 72px;
  height: 525px;
  background: #007785;
  border-radius: 48px;
}
.pen__img {
  width: 100%;
  max-width: 1016px;
}
.pen__list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 14px;
  width: 100%;
  margin: 0;
}
.pen__list li {
  font-family: Unbounded;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
  color: #ffffff;
  margin: 0;
  text-align: start;
  vertical-align: super;
  margin-bottom: auto;
}
.pen__title {
  font-family: Unbounded;
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 110%;
  color: #ffffff;
}
.pen__text {
  font-family: Circe;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #ffffff;
}

.main__med-actions-new {
  width: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  margin: 25px 0 0;
  gap: 73px;
}

.main__innovations {
  margin-bottom: 100px;
}
.main__innovations .main__title-new {
  margin-bottom: 32px;
}
.main__innovations .text {
  font-family: Circe, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #1e1e1e;
  text-align: start;
  margin-bottom: 44px;
}

.border-top-left {
  border-top-left-radius: 8px;
}
.border-top-right {
  border-top-right-radius: 8px;
}
.border-bottom-left {
  border-bottom-left-radius: 8px;
}
.border-bottom-right {
  border-bottom-right-radius: 8px;
}
.ta-s {
  text-align: start;
}
.innovation__table {
  width: 100%;
}
.innovation__table li::before {
  content: "•";
  background: unset;
  width: unset;
  min-width: unset;
  position: static;
  height: unset;
  position: absolute;
  left: -12px;
  top: 0;
}
.innovation__table table {
  border-spacing: 0;
  border: 1px solid #007785;
  border-radius: 10px;
  width: 100%;
  background: #ffffff;
}
.innovation__table th,
.innovation__table td {
  font-family: Circe;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  border: 1px solid #e4f3f5;
}
.innovation__table th,
.innovation__table td:not(.color):not(.color--second) {
  color: #3d3d3d;
}
.innovation__table td:not(.ta-s) {
  text-align: center;
}
.innovation__table td {
  vertical-align: top;
  padding: 12px 16px;
}
.innovation__table th {
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  background: #007785;
  border: 1px solid #007785;
  padding: 17px 16px;
}
.innovation__table strong {
  font-family: Circe, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 120%;
  color: #1e1e1e;
}
.innovation__table .color strong {
  color: #C1103F;
}
.innovation__table .color--second strong {
  color: #007785;
}
.innovation__table li {
  margin: 0;
  font-family: Circe, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #1e1e1e;
  text-align: start;
}
.innovation__table li + li {
  margin-top: 8px;
}
.innovation__table ul {
  padding-left: 20px;
  margin: 0;
}
.innovation__table .color .br,
.innovation__table .color--second .br {
  margin: 7px 0 0;
}
.sup-pop {
  font-family: Circe, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  color: #0f8d9c;
  cursor: pointer;
  position: relative;
}
.sup-pop--active {
  display: none;
  position: absolute;
  width: 193px;
  height: 73px;
  background: #ffffff;
  /* box-shadow: 0px 0px 12px -12px rgba(0, 0, 0, 0.17); */
  box-shadow: -5px 8px 20px 0px rgba(0, 0, 0, 0.17);
  border-radius: 8px;
  z-index: 1;
  bottom: 46px;
  left: 6px;
}
.sup-pop__body::before {
  content: "";
  border-top: solid 37px #ffffff;
  border-left: solid 0px transparent;
  border-right: solid 24px transparent;
  border-bottom: solid 18px transparent;
  position: absolute;
  left: 0px;
  bottom: -43px;
}
.sup-pop__body {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: Circe;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #5c5c5c;
  position: relative;
  padding: 8px 14px 12px;
  z-index: 11;
}
.sup-pop__body a {
  font-family: Circe;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 120%;
  text-decoration-line: underline;
  color: #007785;
}

.cards-swiper,
.table-swiper {
  scroll-behavior: smooth;
}
.table-swiper__card {
  display: none;
}

.main__effects-items-new h2 {
  font-family: Unbounded, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 120%;
  text-align: center;
  color: #007785;
  max-width: 185px;
  margin: 0 auto 30px;
}
.main__effects-items-new h3 {
  font-family: Unbounded, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  color: #1e1e1e;
}
.main__effects-items-new .main__effects-item {
  gap: 15px;
}
.main__effects-items-new .main__effects-item + .main__effects-item {
  margin-top: 41px;
}
.main__effects-items-new small {
  font-family: Circe, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  text-align: center;
  color: #1e1e1e;
}
.main__effects-items-new .links div {
  position: relative;
}
.main__effects-items-new .links div + div {
  margin-top: 10px;
}
.main__effects-items-new .links span,
.main__effects-items-new .links .arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  background: #007785;
  border-radius: 33px;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 25px;
  color: #ffffff;
  width: 50px;
  height: 50px;
  position: absolute;
  left: -57px;
}
.main__effects-items-new .links pre {
  background: #007785;
  border-radius: 35px;
  font-family: Circe, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #ffffff;
  min-width: 225px;
  min-height: 50px;
}
/* .dose__titration--sema {
  content: url("/bitrix/templates/semavic-next/images/dose__titration--sema.png");
} */

.desktop-tablet {
  display: block;
}

@media (max-width: 1200px) {
  .indicated__cards {
    gap: 16px;
  }
  .icard {
    width: 192px;
    height: 176px;
    padding: 20px;
    gap: 24px;
    font-size: 16px;
  }
  .innovation__table {
    overflow-x: scroll;
    padding: 0 0 28px;
  }
  .innovation__table table {
    margin: 0;
    width: 1085px;
  }
  .dose__blobs {
    flex-direction: column;
  }
  .blob--flat {
    width: 100%;
  }
  .blob {
    width: 296px;
  }
  .blob + .blob {
    width: 296px;
  }
  .pen__title {
    font-size: 20px;
    line-height: 150%;
  }
  .pen__text {
    font-size: 16px;
  }
  .pen__list {
    flex-wrap: wrap;
    gap: 24px;
    padding-left: 20px;
  }
  .pen__list li {
    width: 40%;
  }
  .pen__list li:nth-child(odd) {
    width: 50%;
  }
  .sejaro__pen {
    padding: 40px;
    margin: 0 auto 72px;
    max-width: 100%;
    height: fit-content;
    border-radius: 32px;
  }
  .main__title-next {
    flex-direction: column;
  }
  .main__pic-section-new {
    position: static;
    width: fit-content;
    margin: 0 auto;
    max-width: 100%;
  }
  .main__effects-new {
    margin-bottom: 70px;
    width: 100%;
    position: static;
  }
  .main__effects-new .main__title-new {
    margin-left: unset;
  }
  .main__effects-center-item img {
    max-width: 400px;
  }
  .main__med-actions-new .main__med-actions-item {
    height: fit-content;
    max-width: 320px;
  }
  .main__med-actions-new {
    justify-content: flex-start;
    gap: 120px;
  }
}
@media (max-width: 1124px) {
  .main__effects-items-new {
    flex-direction: column;
    align-items: center;
  }
  .main__effects-center-item img {
    max-width: 200px;
  }
  .main__med-actions-new {
    gap: 44px;
  }
  .main__effects-items-new .main__effects-item + .main__effects-item {
    margin-top: 24px;
  }
}
@media (max-width: 760px) {
  .main__title-next {
    margin-bottom: 50px;
  }
  .indicated__cards {
    flex-direction: column;
    margin-top: 25px;
  }
  .icard {
    gap: 26px;
    width: 100%;
    padding: 24px;
    height: auto;
  }
  .innovation__table-wrap {
    overflow-x: auto;
    width: 100vw;
  }
  .innovation__table {
    display: flex;
    gap: 12px;
    overflow: hidden;
    width: unset;
    padding: 0 38px 4px;
  }
  .innovation__table table {
    margin: 0;
    min-width: 299px;
    max-width: 299px;
    width: 299px;
    height: 820px;
    border-radius: 16px;
  }
  .innovation__table td {
    padding: 11px 12px;
    border-right: unset;
    border-left: unset;
  }
  .table-swiper__card {
    display: table;
  }
  .innovation__table .border-top-left {
    border-top-left-radius: 15px;
  }
  .innovation__table .border-top-right {
    border-top-right-radius: 15px;
  }
  .innovation__table .border-bottom-left {
    border-bottom-left-radius: 15px;
  }
  .innovation__table .border-bottom-right {
    border-bottom-right-radius: 15px;
  }
  .sup-pop--active {
    left: -190px;
    box-shadow: 5px 8px 20px 0px rgba(0, 0, 0, 0.17);
  }
  .sup-pop__body::before {
    border-left: solid 24px transparent;
    border-right: solid 0 transparent;
    left: unset;
    right: 0px;
  }
  .table-swiper__card tr:nth-child(1) {
    height: 72px;
    min-height: 72px;
    max-height: 72px;
  }
  .table-swiper__card tr:nth-child(2) {
    height: 62px;
    min-height: 62px;
    max-height: 62px;
  }
  .table-swiper__card tr:nth-child(3) {
    height: 380px;
    min-height: 380px;
    max-height: 380px;
  }
  .table-swiper__card tr:nth-child(4) {
    height: 117px;
    min-height: 117px;
    max-height: 117px;
  }
  .table-swiper__card tr:nth-child(5) {
    height: 42px;
    min-height: 42px;
    max-height: 42px;
  }
  .table-swiper__card tr:nth-child(6) {
    height: 62px;
    min-height: 62px;
    max-height: 62px;
  }
  .table-swiper__card tr:nth-child(7) {
    height: 63px;
    min-height: 63px;
    max-height: 63px;
  }
  .table-swiper__card {
    display: table;
  }
  .desktop-tablet {
    display: none;
  }
  .pen__list {
    list-style: none;
    flex-direction: column;
    padding: 0;
    align-items: center;
  }
  .pen__list li,
  .pen__list li:nth-child(odd) {
    width: unset;
    text-align: center;
  }
  .dose__titration--sema {
    content: url("/local/templates/semavic/img/images/dose__titration--sema-m.png");
    margin: 20px auto;
    max-width: 299px;
  }
  .sejaro__pen {
    margin: 0 auto 50px;
    border-radius: unset;
    width: 100%;
    max-width: unset;
  }
  .main__title-next,
  .main__indicated-new,
  .main__dose,
  .main__effects-new,
  .video-new,
  .faq-new,
  .sources-new,
  .main__innovations .main__title-new,
  .main__innovations .text,
  .main__slider-title,
  .video,
  .faq {
    padding: 0 37px;
  }
  .main__title-text-new,
  .main__title-new {
    font-size: 20px;
    line-height: 150%;
  }
  .main__title-new {
    margin-bottom: 30px;
  }
  .main__title-new span:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='138' height='8' viewBox='0 0 138 8' fill='none'%3E%3Cpath d='M1.72105 6.40268C47.9995 1.31406 92.5017 -1.02012 136.517 6.21359' stroke='%23007785' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    left: -6px;
    top: 12px;
  }
  .main__indicated,
  .main__dose,
  .sejaro__pen {
    margin-bottom: 50px;
  }
  .main__title-next {
    align-items: flex-start;
    gap: 0;
  }
  .blobs__left {
    flex-direction: column;
  }
  .blob--flat {
    padding: 20px;
  }
  .blob--flat li {
    font-size: 16px;
    line-height: 120%;
  }
  .blob--flat li + li {
    margin-top: 6px;
  }
  .dose__instruction {
    height: fit-content;
    font-size: 14px;
    line-height: 17px;
    padding: 16px;
  }
  .pen__title,
  .pen__text {
    text-align: start;
  }
  .pen__img {
    content: url("/bitrix/templates/semavic-next/images/pen__img-m.png");
  }
  .main__effects-center-item img {
    max-width: 300px;
  }
  .main__effects-items-new {
    flex-direction: column;
    gap: 12px;
  }
  .main__effects-items-new small {
    font-size: 10px;
    line-height: 120%;
  }
  .main__effects-items-new .links pre {
    font-size: 13.5px;
    line-height: 14px;
  }
  .main__effects-items-new h3 {
    font-size: 13.5px;
    line-height: 17px;
  }
  .main__effects-items-new .main__effects-item {
    gap: 10px;
  }
  .main__effects-items-new .main__effects-item + .main__effects-item {
    margin-top: 20px;
  }
  .main__effects-items-new h2 {
    font-size: 16px;
    max-width: unset;
  }
  .main__effects-items-new .links span,
  .main__effects-items-new .links .arrow {
    left: -47px;
  }
  .main__effects-items-new .links pre {
    position: relative;
    left: 10px;
  }
  .main__med-actions-new {
    gap: 53px;
  }
  .main__innovations {
    margin-bottom: 50px;
  }
  .sources {
    border-top: unset;
    padding: 30px 38px 0;
  }
  .sources p:first-child {
    width: 100%;
    padding-top: 30px;
    border-top: 2px solid #007785;
  }
}

/* End */


/* Start:/local/templates/semavic/css/custom.css?1696184217402*/
.footer__bottom a {
    color: #b0b0b0;
    text-align: right;
    font-family: Circe, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
}
.question__select-content {
    background-color: #f3f3f3;
}
.question__select-label {
    font-family: Circe, sans-serif;
    font-size: 20px;
    color: #707070;
}
/* End */
/* /local/templates/semavic/css/style.css?1760017420117790 */
/* /local/templates/semavic/css/custom.css?1696184217402 */