html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 64px;
  /* margin: 0.67em 0; */
  /* font-style: italic; */
  font-weight: 400;
  text-transform: uppercase;
  
}

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
  width: 100%;
}

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}


a {
  background-color: transparent;
}


abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  height: max-content;
  width: max-content;
  border-style: none;
}

button,
input,
optgroup,
select,
textarea { /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
button,
input { /* 1 */
  overflow: visible;
}
button,
select { /* 1 */
  text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}


.itlaic {
  font-style: italic;
}


#zoomIn,
#zoomOut {
  background: none;
  border: 1px solid #FFFFFF;
  /* border: none; */
  width: 40px;
  height: 40px;
  border-radius: 10px;
  color: #ffffff;
}


@media (max-width: 1200px) {
  h1 {
    /* font-size: 60px !important; */

    font-size: 52px ;
  }
}

@media (max-width: 1530px) {
  h1 {
      font-size: 44px ;
  }

  .block_counseling {
    max-width: 801px;
  }

  .block_counseling h2 {
    font-size: 20px;
  }
}


@media (max-width: 950px) {
  h1 {
      font-size: 44px ;
  }
}


@media (max-width: 900px) {
  h1 {
      /* font-size: 44px !important; */
      font-size: 33px ;
  }

  .contnet-bacgraund.container_hd {
    padding: 0px 6px;
  } 
}


@media (max-width: 500px) {
  h1 {
      font-size: 30px ;
  }
 
}


.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  transition: 0.3s;
}


.slick-cloned {
  visibility: visible; /* Убедитесь, что клоны видимы */
  opacity: 1; /* Если есть, убираем прозрачность */
}

.slick-initialized .slick-slide .card_block {
  opacity: 1; 
  transform: translateY(0px);
}


.slick-dots li.slick-active button:before {
  color: #00BBF5BF !important;
  background: #18c9ff !important;
  width: 24px !important;
}

.slick-track {
  display: flex !important;
  gap: 10px !important;
}


.content-arrow {
  display: flex;
  gap: 20px;
  width: 10%;
  max-width: 500px;
}

.content-arrow button {
  display: flex;
  align-content: center;
  background: #2d2d2d;
  border: none;
  border-radius: 50px;
  padding: 15px;
  cursor: pointer;
  transition: 0.3s;
}

.content-arrow button svg {
  filter: invert(1);
}

.content-arrow button:hover {
  background: #2d2d2dde;
}






.slick-dots {
  display: flex !important;
  justify-content: center;
  align-items: center;
  list-style: none;
  padding: 10px 0;
  margin-top: 15px;
}

/* Обычные точки */
.slick-dots li {
  margin: 0 5px;
  transition: all 0.3s ease-in-out;
}

/* Кнопка внутри точки */
.slick-dots li button {
  width: 15px; /* Обычная ширина */
  height: 5px; /* Низкая высота */
  border-radius: 5px;
  background-color: #ccc;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

/* Активная точка */


.slick-dots {
  bottom: -69px !important;
}

.slick-dots li button:before {
  content: "" !important;
  background: #00BBF540;
  height: 10px !important;
  width: 10px !important;
  border-radius: 50px ; 
}


.slick-active li button:before {
  background: #18c9ff !important;
}

.slick-active button 


.slick-dots li.slick-active button {
  background: red !important;

}


.slick-dots li.slick-active button {
  background: red !important;
  color: #FFFFFF;
}

.slick-dots li button {
  display: flex !important;
  justify-content: center;
  height: auto !important;
  width: auto !important;
  align-items: center;
}

.slick-dots li button {
  padding: 0 !important;
}

.slick-dots {
  align-items: center;
  justify-content: center;
}


@media (max-width: 900px) {
  h1 {
    font-size: 36px;
    width: 100%;
  } 
}

@media (max-width: 655px) {
  h1 {
    font-size: 34px; 
  }
}

@media (max-width: 625px) {

  h1 {
    font-size: 32px; 
  }
}

@media (max-width: 596px) {

  h1 {
    font-size: 30px; 
  }
}
@media (max-width: 573px) {

  h1 {
    font-size: 28px;
  } 
}

@media (max-width: 572px) {
  h1 {
    font-size: 42px;
    /* font-size: 40px; */
  }
  .block_counseling h2 {
    font-size: 18px;
  } 
}

@media (max-width: 541px) {
  .slick-dots {
    bottom: -39px !important;
  }
}

@media (max-width: 500px) {
  .slick-dots {
    bottom: -40px !important;
  }

  .block_counseling h2 {
    font-size: 16px
  }
}

@media (max-width: 490px) {
  h1 {
      font-size: 38px;
  }
}


@media (max-width: 472px) {
  h1 {
    font-size: 36px;
  }
}

@media (max-width: 415px) {
  .block_counseling {
    width: max-content;
    max-width: 346px;
  }
}

@media (max-width: 365px) {
  .block_counseling {
    max-width: 88vw;
  }
}


@media (max-width: 336px) {

  .block_counseling {
      max-width: 83vw;
  }
}