/* Start:/bitrix/templates/ultimate_paramonov_by_clever/components/bitrix/catalog/custom-catalog/style.css?1530191080780*/
.grid{}
.grid .bx_content_section{
	margin-bottom: 15px;
}
.grid .bx_sidebar{
	margin-bottom: 15px;
}

/* grid2x1 */
.grid2x1{}
.grid2x1 .bx_content_section{
	float: left;
	width: 66%;
	margin-bottom: 15px;
}
.grid2x1 .bx_sidebar{
	float: right;
	width: 33%;
	margin-bottom: 15px;
	padding-left: 5%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.section-pic {
	padding-bottom: 40px;
}
@media (max-width:960px){
	.grid2x1 .bx_sidebar{
		padding-left: 4%;
	}
	.section-pic {
		padding-bottom: 15px;
	}
}
@media (max-width:640px) {
	.grid2x1 .bx_content_section,
	.grid2x1 .bx_sidebar{
		width: 100%;
		float: none;
	}
	.grid2x1 .bx_sidebar{
		padding-left: 3%;
	}
}
@media (max-width:479px){
	.grid2x1 .bx_sidebar{
		padding-left: 1%;
	}

}
/* End */


/* Start:/bitrix/templates/ultimate_paramonov_by_clever/components/bitrix/catalog/custom-catalog/bitrix/catalog.section/oftalmologiya2026/style.css?178973642674789*/
@import url("https://fonts.googleapis.com/css2?family=Mulish:wght@400&display=swap");
.oft-page {
  --oft: #2f948c;
  --oft-accent: #0aa699;
  --oft-bg: #f5fbfa;
  --oft-soft: #e1f6f4;
  color: #111;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.56;
  margin: 0 auto;
  max-width: 1140px;
  padding: 24px 0 70px
}
.oft-page * {
  box-sizing: border-box
}
.oft-page img {
  display: block;
  max-width: 100%
}
.oft-page a {
  text-decoration: none
}
.oft-title {
  color: var(--oft);
  font-size: 30px;
  font-weight: 700;
  line-height: 1.25;
  margin: 0 0 42px
}
.oft-section {
  margin-top: 54px
}
.oft-benefits {
  display: grid;
  gap: 28px 104px;
  grid-template-columns: 1fr 1fr
}
.oft-benefit {
  display: grid;
  gap: 28px;
  grid-template-columns: 72px 1fr
}
.oft-benefit > img {
  background: var(--oft-soft);
  border-radius: 50%;
  height: 72px;
  object-fit: contain;
  padding: 14px;
  width: 72px
}
.oft-benefit h3 {
  color: var(--oft);
  font-size: 20px;
  margin: 0 0 4px
}
.oft-benefit p {
  margin: 0
}
.oft-services {
  display: grid;
  gap: 27px 30px;
  grid-template-columns: repeat(3, 1fr)
}
.oft-service {
  align-items: center;
  background: var(--oft-bg);
  border-radius: 30px;
  color: var(--oft);
  display: flex;
  font-size: 17px;
  font-weight: 700;
  min-height: 100px;
  justify-content: space-between;
  overflow: hidden;
  padding: 12px 30px
}
.oft-service:nth-child(2) {
  background: var(--oft-soft)
}
.oft-service img {
  height: 75px;
  object-fit: contain;
  width: 75px
}
.oft-stories {
  align-items: end;
  display: grid;
  gap: 84px;
  grid-template-columns: 1fr 1.15fr
}
.oft-stories-copy p {
  font-size: 18px;
  margin: 0
}
.oft-video {
  border-radius: 28px;
  height: 318px;
  overflow: hidden;
  position: relative
}
.oft-video > img {
  height: 100%;
  object-fit: cover;
  width: 100%
}
.oft-play {
  background: #fff;
  border: 0;
  border-radius: 50%;
  color: var(--oft);
  cursor: pointer;
  font-size: 22px;
  height: 70px;
  left: 50%;
  padding-left: 7px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 70px
}
.oft-band {
  background: var(--oft-bg);
  margin-left: calc((1140px - 100vw)/2);
  margin-right: calc((1140px - 100vw)/2)
}
.oft-container {
  margin: 0 auto;
  max-width: 1140px
}
.oft-reviews {
  margin-top: 76px;
  padding: 32px 0 80px
}
.oft-review-list {
  display: grid;
  gap: 29px;
  grid-template-columns: repeat(3, 1fr)
}
.oft-review {
  background: #fff;
  display: flex;
  flex-direction: column;
  min-height: 428px;
  padding: 24px 34px
}
.oft-review b {
  color: var(--oft);
  color: #0aa699;
  font-family: "Mulish", sans-serif;
  font-size: 96px;
  font-weight: 400;
  height: 72px;
  line-height: .92
}
.oft-review h3 {
  font-size: 18px;
  margin: 10px 0
}
.oft-review p {
  font-size: 15px;
  margin: 10px 0
}
.oft-review small {
  margin-top: auto
}
.oft-faq summary, .oft-more {
  color: var(--oft);
  cursor: pointer
}
.oft-more {
  background: 0 0;
  border: 0;
  padding: 0;
  text-align: left
}
.oft-steps {
  list-style: none;
  margin: 0;
  padding: 0
}
.oft-steps li {
  align-items: start;
  display: grid;
  gap: 32px 58px;
  grid-template-columns: 100px 305px 1fr;
  margin-bottom: 42px
}
.oft-steps li > span {
  align-items: center;
  background: var(--oft-soft);
  border-radius: 50%;
  color: var(--oft-accent);
  display: flex;
  font-size: 30px;
  font-weight: 700;
  height: 100px;
  justify-content: center;
  width: 100px
}
.oft-steps h3 {
  color: var(--oft);
  font-size: 24px;
  margin: 18px 0 0
}
.oft-steps p {
  margin: 16px 0 0
}
.oft-faq {
  margin-top: 60px;
  padding: 42px 0 68px
}
.oft-faq details {
  background: #fff;
  border-radius: 26px;
  margin: 0 0 26px;
  padding: 22px 38px
}
.oft-faq details:last-child {
  margin-bottom: 0 !important;
}
.oft-faq summary {
  font-size: 18px;
  font-weight: 700;
  list-style: none;
  padding-right: 45px;
  position: relative
}
.oft-faq summary::-webkit-details-marker {
  display: none
}
.oft-faq summary:after {
  content: "+";
  font-size: 28px;
  font-weight: 400;
  position: absolute;
  right: 0;
  top: -8px
}
.oft-faq details p {
  max-width: 870px
}
.oft-doctors {
  display: grid;
  gap: 48px;
  grid-template-columns: repeat(3, 1fr)
}
.oft-doctor {
  background: #fff;
  border-radius: 30px;
  box-shadow: 0 4px 20px rgba(47, 148, 140, .08);
  overflow: hidden
}
.oft-doctor-photo-link {
  display: block;
  height: 347px;
  overflow: hidden
}
.oft-doctor-photo-link img, .oft-doctor > img {
  height: 347px;
  object-fit: cover;
  object-position: 50% 20%;
  width: 100%;
  border-radius: 30px;
}
.oft-doctor-body {
  display: flex;
  flex-direction: column;
  min-height: 318px;
  padding: 16px 23px 24px
}
.oft-doctor h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.35;
  margin: 0 0 10px
}
.oft-doctor-name-link, .oft-doctor-name-link:focus, .oft-doctor-name-link:hover {
  color: inherit;
  font-weight: 600;
  text-decoration: none
}
.oft-doctor p {
  font-size: 14px;
  line-height: 1.4;
  margin: 0 0 8px;

}
.oft-doctor-body > small {
  min-height: 28px
}
.oft-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
}
.oft-tags span {
  border: 1px solid var(--oft);
  border-radius: 20px;
  color: var(--oft);
  font-size: 13px;
  padding: 2px 10px;
  text-align: center;
  white-space: nowrap;
}
.oft-tags .oft-tag-experience {
  background: var(--oft-soft);
  border-color: var(--oft-soft)
}
.oft-doctor-footer {
  align-items: end;
  display: flex;
  justify-content: space-between;
  margin-top: 0;
 margin: auto 0 14px;
}
.oft-doctor-footer small, .oft-doctor-footer strong, .oft-page-loaded #main-content-row, #main-content-row:has(.oft-page) {
  display: block
}
.oft-doctor-footer strong {
  color: var(--oft);
  font-size: 24px
}
.oft-doctor-footer a, .oft-form button {
  background: var(--oft);
  border: 0;
  border-radius: 24px;
  color: #fff !important;
  font-weight: 700;
  padding: 8px 22px;
  text-decoration: none !important;
}
.oft-doctor-footer a:hover, .oft-page .oft-form button[type=submit]:hover {
  text-decoration: none;
  color: #fff !important;
  background: #000 !important;
  transition: 0.3s;
}
.oft-consult {
  background: var(--oft-bg);
  border-radius: 40px;
  display: grid;
  gap: 58px;
  grid-template-columns: 437px 1fr;
  margin-top: 106px;
  padding: 36px 55px 36px 28px
}
.oft-consult-photo {
  align-self: start;
  border-radius: 40px;
  height: 656px;
  min-height: 0;
  overflow: hidden
}
.oft-consult-photo picture {
  display: block;
  height: 100%;
  width: 100%
}
.oft-consult-photo img {
  display: block;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
  width: 100%
}
.oft-consult-body {
  padding-top: 2px
}
.oft-consult-body > .oft-title {
  margin-bottom: 8px
}
.oft-consult-body > p {
  margin: 0 0 14px
}
.oft-form fieldset {
  border: 0;
  margin: 0 0 18px;
  padding: 0
}
.oft-form legend {
  font-size: 14px;
  margin-bottom: 16px
}
.oft-switch {
  background: var(--oft-soft);
  border-radius: 30px;
  display: flex;
  padding: 5px;
  width: max-content
}
.oft-switch input {
  position: absolute;
  opacity: 0
}
.oft-switch span {
  border-radius: 30px;
  color: var(--oft);
  cursor: pointer;
  display: block;
  font-size: 12px;
  font-weight: 600;
  padding: 7px 13px
}
.oft-switch input:checked + span {
  background: var(--oft);
  color: #fff
}
.oft-form > input {
  background: #fff;
  border: 1px solid #d8ecea;
  border-radius: 30px;
  display: block;
  font: inherit;
  height: 43px;
  margin-bottom: 17px;
  padding: 0 22px;
  width: 100%
}
.oft-consent {
  align-items: start;
  display: flex;
  font-size: 14px;
  gap: 14px;
  margin: 26px 0
}
.oft-consent input {
  height: 24px;
  width: 24px
}
.oft-form button {
  cursor: pointer;
  display: block;
  font-size: 16px;
  margin: 0 auto;
  min-width: 254px
}
.oft-page-loaded #content, #content:has(.oft-page) {
  float: none;
  margin-left: 0;
  width: 100%
}
.oft-page-loaded #sidebar-right, #main-content-row:has(.oft-page) #sidebar-right {
  display: none
}
.oft-page-loaded #content > h1, #content:has(.oft-page) > h1 {
  margin-left: auto;
  margin-right: auto;
  max-width: 1140px
}
.oft-hero {
  border-radius: 40px;
  box-shadow: 4px -4px 65px rgba(225, 246, 244, .7);
  color: #fff;
  height: 447px;
  margin: 0 2px 70px;
  overflow: hidden;
  position: relative
}
.oft-hero-bg {
  height: 100%;
  left: 0;
  max-width: none !important;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%
}
.oft-hero-picture {
  inset: 0;
  position: absolute
}
.oft-hero-shade {
  background: linear-gradient(180deg, rgba(255, 255, 255, .08) 46%, rgba(0, 0, 0, .08) 75%), linear-gradient(90deg, rgba(0, 0, 0, .06), rgba(0, 0, 0, .06)), linear-gradient(180deg, rgba(255, 255, 255, .2) 21%, rgba(0, 0, 0, .2) 67%);
  inset: 0;
  position: absolute
}
.oft-hero-copy {
  left: 49px;
  position: absolute;
  top: 44px
}
.oft-hero-copy h2 {
  color: #fff;
  font-size: 36px;
  line-height: 1.55;
  margin: 0
}
.oft-hero-copy p {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.57;
  margin: 0;
  max-width: 500px
}
.oft-hero-stats {
  bottom: 34px;
  display: grid;
  gap: 34px;
  grid-template-columns: 138px 190px 190px;
  left: 49px;
  position: absolute
}
.oft-hero-stats span, .oft-hero-stats strong {
  display: block
}
.oft-hero-stats strong {
  font-size: 36px;
  line-height: 1.2
}
.oft-hero-stats strong small {
  font-size: 20px
}
.oft-hero-stats div:nth-child(2) strong {
  font-size: 32px
}
.oft-hero-stats span {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  margin-top: 5px
}
.oft-hero-cta {
  align-items: center;
  background: #fff;
  border-radius: 30px;
  bottom: 41px;
  color: var(--oft);
  display: flex;
  font-weight: 700;
  height: 50px;
  justify-content: space-between;
  padding: 0 7px 0 34px;
  position: absolute;
  right: 32px;
  width: 277px;
  text-decoration: none !important;
}
.oft-hero-cta:hover {
  color: #000;
}
.oft-hero-cta img {
  height: 35px;
  width: 35px
}
.oft-review {
  border: 1px solid #dcedea;
  border-radius: 40px
}
.oft-review-signature {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.57;
  margin-top: auto
}
.oft-review-signature span, .oft-review-signature strong {
  display: block
}
.oft-review-signature span {
  color: #111;
  font-weight: 400
}
.oft-review-signature strong {
  color: #2f948c;
  font-weight: 700
}
.oft-page .oft-form > input[type=email], .oft-page .oft-form > input[type=tel], .oft-page .oft-form > input[type=text] {
  appearance: none !important;
  background: #fff !important;
  border: 1px solid #d8ecea !important;
  border-radius: 30px !important;
  box-sizing: border-box !important;
  color: #111 !important;
  display: block !important;
  font-family: "Open Sans", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  height: 43px !important;
  line-height: 25px !important;
  margin: 0 0 17px !important;
  min-height: 43px !important;
  padding: 0 22px !important;
  width: 100% !important
}
.oft-page .oft-form > input::placeholder {
  color: #7a9693 !important;
  opacity: 1 !important
}
.oft-page .oft-form fieldset {
  min-width: 0 !important
}
.oft-page .oft-switch {
  box-sizing: border-box !important;
  height: 41px !important;
  padding: 5px 7px !important;
}
.oft-page .oft-switch label {
  margin: 0 !important;
  box-sizing: border-box !important;
  flex: 0 0 auto !important;
  min-width: 0 !important
}
.oft-page .oft-switch span {
  box-sizing: border-box !important;
  height: 32px !important;
  line-height: 18px !important;
  padding: 7px 13px !important;
  white-space: nowrap !important
}
.oft-page .oft-consent {
  align-items: center !important;
  gap: 14px !important;
  line-height: 22px !important;
  margin: 26px 0 !important
}
.oft-page .oft-consent input[type=checkbox] {
  accent-color: #2f948c !important;
  appearance: auto !important;
  box-sizing: border-box !important;
  flex: 0 0 31px !important;
  height: 31px !important;
  margin: 0 !important;
  width: 31px !important
}
.oft-page .oft-consent input[type=checkbox]:checked {
  -webkit-appearance: none !important;
  appearance: none !important;
  background: #e8f5f4 url("/bitrix/templates/ultimate_paramonov_by_clever/components/bitrix/catalog/custom-catalog/bitrix/catalog.section/oftalmologiya2026/./assets/form-checkbox-checked.svg") center/31px 31px no-repeat !important;
  border: 0 !important;
  border-radius: 5px !important
}
.oft-page .oft-form button[type=submit] {
  appearance: none !important;
  background: #2f948c !important;
  border: 0 !important;
  border-radius: 40px !important;
  box-sizing: border-box !important;
  color: #fff !important;
  display: block !important;
  font-family: "Open Sans", Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  height: 45px !important;
  line-height: 22px !important;
  margin: 0 auto !important;
  min-height: 45px !important;
  padding: 11px 20px !important;
  width: 254px !important;
  transition: 0.3s;
}
.oft-page .oft-switch {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-flow: row;
  gap: 10px;
}
.oft-page .oft-switch label span {
  align-items: center !important;
  display: flex !important;
  justify-content: center !important;
  overflow: hidden !important;
  padding: 7px 10px !important;
  text-align: center !important;
  text-overflow: clip !important;
  width: 100% !important
}
.oft-page .oft-switch input:checked + span {
  width: 100% !important
}
.oft-page .oft-hero-bg {
  height: 100% !important;
  left: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  top: 0 !important;
  transform: none !important;
  width: 100% !important
}
.oft-page .oft-hero-copy {
  left: 49px !important;
  top: 52px !important
}
.oft-page .oft-hero-copy h2, .oft-page .oft-hero-copy p {
  color: #fff !important;
  font-family: "Open Sans", Arial, sans-serif !important;
  font-size: 36px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 57px !important;
  margin: 0 !important
}
.oft-page .oft-hero-copy p {
  font-size: 24px !important;
  letter-spacing: -.24px !important;
  line-height: 37.68px !important
}
.oft-page .oft-hero-stats {
  bottom: auto !important;
  height: auto !important;
  left: 49px !important;
  top: 312px !important
}
.oft-page .oft-hero-stats > div {
  height: auto !important
}
.oft-page .oft-hero-stats > div:nth-child(2) {
  transform: translateY(5px) !important
}
.oft-page .oft-hero-stats > div:nth-child(3) {
  transform: translateY(6px) !important
}
.oft-page .oft-hero-stats strong {
  font-family: "Open Sans", Arial, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -.24px !important;
  margin: 0 !important;
  align-items: baseline !important;
  display: flex !important;
  overflow: visible !important
}
.oft-page .oft-hero-stats > div:nth-child(1) strong {
  font-size: 36px !important;
  line-height: 47px !important
}
.oft-page .oft-hero-stats > div:nth-child(2) strong {
  font-size: 32px !important;
  line-height: 41px !important
}
.oft-page .oft-hero-stats > div:nth-child(3) strong {
  font-size: 32px !important;
  line-height: 38px !important
}
.oft-page .oft-hero-stats strong small {
  font-size: 20px !important;
  display: inline !important;
  line-height: normal !important;
  margin-left: 4px !important
}
.oft-page .oft-hero-stats > div:nth-child(2) strong small {
  font-size: 24px !important
}
.oft-page .oft-hero-stats span {
  color: #fff !important;
  font-family: "Open Sans", Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: -.16px !important;
  line-height: 22.4px !important;
  margin-top: 7px !important
}
.oft-page .oft-hero-stats > div:nth-child(1) strong {
  height: 47px !important
}
.oft-page .oft-hero-stats > div:nth-child(2) strong {
  height: 41px !important
}
.oft-page .oft-hero-stats > div:nth-child(3) strong {
  height: 38px !important
}
.oft-page .oft-benefit-icon {
  align-items: center !important;
  background: #e1f6f4 !important;
  border-radius: 50% !important;
  display: flex !important;
  flex: 0 0 72px !important;
  height: 72px !important;
  justify-content: center !important;
  padding: 0 !important;
  width: 72px !important
}
.oft-page .oft-benefit-icon img {
  background: 0 0 !important;
  border-radius: 0 !important;
  height: 49px !important;
  object-fit: contain !important;
  padding: 0 !important;
  width: 49px !important
}
.oft-page .oft-benefit:nth-child(1) .oft-benefit-icon img {
  height: 42px !important;
  width: 42px !important
}
.oft-page .oft-benefit:nth-child(3) .oft-benefit-icon img {
  height: 45px !important;
  width: 45px !important
}
.oft-page .oft-benefit h3, .oft-page .oft-benefit p {
  color: #2f948c !important;
  font-family: "Open Sans", Arial, sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 31.2px !important;
  margin: 0 !important
}
.oft-page .oft-benefit p {
  color: #111 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 24.96px !important
}
.oft-page .oft-services {
  gap: 27px 30px !important;
  grid-template-columns: repeat(3, minmax(0, 360px)) !important
}
.oft-page .oft-service, .oft-page .oft-service:nth-child(2) {
  align-items: flex-start !important;
  background: #f5fbfa !important;
  border-radius: 30px !important;
  box-sizing: border-box !important;
  color: #2f948c !important;
  display: block !important;
  font-family: "Open Sans", Arial, sans-serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  height: auto !important;
  letter-spacing: -.255px !important;
  line-height: 23px !important;
  overflow: hidden !important;
  padding: 17px 31px !important;
  position: relative !important;
  min-height: 100px !important;
  transition: background-color .2s ease !important
}
.oft-page .oft-service:focus-visible, .oft-page .oft-service:hover {
  background: #e1f6f4 !important;
  color: #2f948c !important;
  outline: 0 !important;
  text-decoration: none !important;
}
.oft-page .oft-service span {
  display: block !important;
  max-width: 211px !important;
  width: 211px !important
}
.oft-page .oft-service img {
  background: 0 0 !important;
  height: 64px !important;
  object-fit: contain !important;
  padding: 0 !important;
  position: absolute !important;
  right: 31px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 64px !important
}
.oft-page .oft-stories {
  align-items: start !important;
  display: grid !important;
  gap: 84px !important;
  grid-template-columns: 493px 564px !important
}
.oft-page .oft-stories-copy {
  width: 493px !important
}
.oft-page .oft-stories-copy .oft-title, .oft-page .oft-stories-copy > p {
  color: #2f948c !important;
  font-family: "Open Sans", Arial, sans-serif !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 38px !important;
  margin: 0 0 25px !important;
  width: 493px !important
}
.oft-page .oft-stories-copy > p {
  color: #111 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 25px !important;
  margin: 0 !important
}
.oft-page .oft-video > img {
  object-position: center !important
}
.oft-page .oft-play, .oft-page .oft-review > b {
  box-sizing: border-box !important;
  padding: 0 !important
}
.oft-page .oft-play {
  background: rgba(117, 105, 94, .55) !important;
  border: 0 !important;
  border-radius: 50% !important;
  height: 69px !important;
  left: 50% !important;
  position: absolute !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 69px !important
}
.oft-page .oft-play:before {
  border-bottom: 12px solid transparent;
  border-left: 19px solid #fff;
  border-top: 12px solid transparent;
  content: "";
  left: 27px;
  position: absolute;
  top: 23px
}
.oft-page .oft-reviews {
  box-sizing: border-box !important;
  height: 604px !important;
  margin-top: 76px !important;
  padding: 25px 0 81px !important
}
.oft-page .oft-reviews .oft-container {
  height: 100% !important
}
.oft-page .oft-reviews .oft-title {
  color: #2f948c !important;
  font-family: "Open Sans", Arial, sans-serif !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  height: 38px !important;
  letter-spacing: 0 !important;
  line-height: 38px !important;
  margin: 0 0 32px !important
}
.oft-page .oft-review-list {
  gap: 29px !important;
  grid-template-columns: repeat(3, 360px) !important
}
.oft-page .oft-review {
  border: 1px solid #dcedea !important;
  border-radius: 40px !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  height: 428px !important;
  min-height: 428px !important;
  padding: 0 32px 39px 33px !important;
  width: 360px !important
}
.oft-page .oft-review > b {
  width: 293px !important;
  align-self: flex-start !important;
  display: block !important;
  flex: 0 0 72px !important;
  height: 72px !important;
  line-height: 150.72px !important;
  margin: 0 !important;
  overflow: hidden !important;
  text-align: left !important
}
.oft-page .oft-review h3, .oft-page .oft-review > p {
  color: #111 !important;
  font-family: "Open Sans", Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 25.12px !important;
  margin: 9px 0 0 4px !important;
  width: 293px !important
}
.oft-page .oft-review > p {
  font-size: 16px !important;
  font-weight: 400 !important;
  margin: 14px 0 0 4px !important
}
.oft-page .oft-review:not(:first-child) > p {
  margin-top: 13px !important
}
.oft-page .oft-review-text.is-collapsed {
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 8;
  display: -webkit-box !important;
  overflow: hidden !important
}
.oft-page .oft-review-more {
  align-self: flex-start;
  background: transparent !important;
  border: 0 !important;
  cursor: pointer;
  display: block
}
.oft-page .oft-review-more[hidden] {
  display: none !important
}
.oft-page .oft-review.is-expanded {
  height: auto !important;
  min-height: 428px !important
}
.oft-page .oft-reviews.has-expanded-review {
  height: auto !important;
  min-height: 604px !important
}
.oft-page .oft-more {
  color: #2f948c !important;
  font-family: "Open Sans", Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 25px !important;
  margin: 7px 0 0 4px !important;
  padding: 0 !important
}
.oft-page .oft-review-signature {
  flex: 0 0 50px !important;
  height: 50px !important;
  margin-top: auto !important;
  width: 293px !important
}
.oft-page .oft-reviews-head {
  align-items: center;
  display: flex;
  height: 38px;
  justify-content: space-between;
  margin-bottom: 32px
}
.oft-page .oft-reviews-head .oft-title {
  margin: 0 !important
}
.oft-page .oft-reviews-controls {
  display: flex;
  gap: 10px
}
.oft-page .oft-reviews-controls [role=button] {
  align-items: center;
  background: #fff;
  border: 1px solid #2f948c;
  border-radius: 50%;
  box-sizing: border-box;
  color: #2f948c;
  cursor: pointer;
  display: flex;
  font: 400 24px/1 Arial, sans-serif;
  height: 38px;
  justify-content: center;
  padding: 0 0 2px;
  width: 38px
}
.oft-page .oft-reviews-controls [role=button]:focus-visible, .oft-page .oft-reviews-controls [role=button]:hover {
  background: #2f948c;
  color: #fff;
  outline: 0
}
.oft-page .oft-review-viewport {
  overflow: hidden;
  width: 100%
}
.oft-page .oft-review-list {
  touch-action: pan-y;
  will-change: transform
}
.oft-page .oft-review-list:focus-visible {
  outline: 2px solid #2f948c;
  outline-offset: 4px
}
.oft-page .oft-reviews-controls, .oft-page .oft-reviews-head {
  position: relative;
  z-index: 2147483647
}
.oft-page .oft-reviews-controls {
  margin-right: 88px
}
.oft-page .oft-reviews-dots [role=button] {
  cursor: pointer;
  display: block
}
.oft-page .oft-reviews-dots [role=button].is-active {
  background: #2f948c;
  transform: scale(1.25)
}
.oft-page .oft-reviews-dots [role=button]:focus-visible {
  outline: 2px solid #2f948c;
  outline-offset: 3px
}
.oft-page .oft-video-dots {
  z-index: 5
}
.oft-page .oft-video-dots [role=button] {
  background: rgba(255, 255, 255, .72);
  border-radius: 50%;
  cursor: pointer;
  display: block;
  background: #dcedea;
  border: 0;
  height: 16px;
  width: 16px
}
.oft-page .oft-video-dots [role=button].is-active {
  background: #2f948c;
  background: #2f9e98
}
.oft-page .oft-video-dots [role=button]:focus-visible, .oft-page .oft-video-dots label:focus-visible {
  outline: 2px solid #2f948c;
  outline-offset: 3px
}
.oft-page #oft-video-1:checked ~ .oft-video-window .oft-video-track, .oft-page #oft-video-slide-1:checked ~ .oft-video-track {
  transform: translateX(0)
}
.oft-page #oft-video-slide-2:checked ~ .oft-video-track {
  transform: translateX(-100%)
}
.oft-page #oft-video-slide-3:checked ~ .oft-video-track {
  transform: translateX(-200%)
}
.oft-page .oft-video-dots label {
  cursor: pointer;
  display: block
}
.oft-page #oft-video-slide-1:checked ~ .oft-video-dots label[for=oft-video-slide-1], .oft-page #oft-video-slide-2:checked ~ .oft-video-dots label[for=oft-video-slide-2], .oft-page #oft-video-slide-3:checked ~ .oft-video-dots label[for=oft-video-slide-3] {
  background: #2f9e98
}
.oft-page .oft-video {
  position: relative !important;
  touch-action: auto !important;
  border-radius: 0 !important;
  overflow: visible !important;
  width: 564px !important
}
.oft-page .oft-video > img {
  border-radius: 40px !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  width: 100% !important
}
.oft-page .oft-video-slide > .oft-play, .oft-page .oft-video > .oft-play {
  background: 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  height: 69px !important;
  left: 50% !important;
  padding: 0 !important;
  position: absolute !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 69px !important
}
.oft-page .oft-video > .oft-play > img:first-child {
  height: 69px !important;
  inset: 0 !important;
  position: absolute !important;
  width: 69px !important
}
.oft-page .oft-video > .oft-play > img:last-child {
  height: 34px !important;
  left: 18px !important;
  position: absolute !important;
  top: 18px !important;
  width: 34px !important
}
.oft-page .oft-video-radio {
  height: 1px !important;
  left: -9999px !important;
  opacity: 0 !important;
  position: absolute !important;
  width: 1px !important
}
.oft-page .oft-video-window {
  border-radius: 40px;
  height: 318px;
  overflow: hidden;
  width: 564px
}
.oft-page .oft-video-slide > img, .oft-page .oft-video-track {
  border-radius: 0 !important;
  height: 318px !important;
  width: 564px !important
}
.oft-page .oft-video-track {
  display: flex !important;
  overflow: visible !important;
  transition: transform .4s ease
}
.oft-page .oft-video-slide {
  flex: 0 0 564px;
  height: 318px;
  position: relative
}
.oft-page .oft-video-slide > img {
  max-width: none !important;
  object-fit: cover !important
}
.oft-page .oft-video-player {
  border: 0;
  height: 100%;
  object-fit: cover;
  width: 100%
}
.fancybox__slide.has-iframe .f-html {
  background: #000;
  border-radius: 24px;
  height: min(90vh, 900px) !important;
  max-height: 90vh;
  max-width: 94vw;
  overflow: hidden;
  width: min(90vw, 1440px) !important
}
.fancybox__slide.has-iframe iframe {
  height: 100% !important;
  width: 100% !important
}
.oft-page .oft-video-slide > .oft-play > img:first-child {
  height: 69px !important;
  inset: 0 !important;
  position: absolute !important;
  width: 69px !important
}
.oft-page .oft-video-slide > .oft-play > img:last-child {
  height: 34px !important;
  left: 18px !important;
  position: absolute !important;
  top: 18px !important;
  width: 34px !important
}
.oft-page #oft-video-2:checked ~ .oft-video-window .oft-video-track {
  transform: translateX(-564px)
}
.oft-page #oft-video-3:checked ~ .oft-video-window .oft-video-track {
  transform: translateX(-1128px)
}
.oft-page .oft-video-dots {
  left: 50%;
  position: absolute;
  top: auto !important;
  transform: translateX(-50%)
}
.oft-page .oft-video {
  height: 362px !important
}
.oft-page .oft-reviews-dots, .oft-page .oft-video-dots {
  align-items: center !important;
  display: flex !important;
  gap: 24.8px !important;
  justify-content: center !important
}
.oft-page .oft-video-dots {
  bottom: 0 !important;
  height: 16px !important;
  width: auto !important
}
.oft-page .oft-reviews-dots [role=button], .oft-page .oft-video-dots label {
  background: #dcedea !important;
  border: 0 !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  height: 16px !important;
  transform: none !important;
  transition: background-color .2s ease !important;
  width: 16px !important
}
.oft-page #oft-video-1:checked ~ .oft-video-dots label[for=oft-video-1], .oft-page #oft-video-2:checked ~ .oft-video-dots label[for=oft-video-2], .oft-page #oft-video-3:checked ~ .oft-video-dots label[for=oft-video-3], .oft-page .oft-reviews-dots [role=button].is-active {
  background: #2f9e98 !important;
  transform: none !important
}
.oft-page .oft-reviews-dots {
  margin-top: 28px !important
}
.oft-page .oft-video-radio {
  display: none !important
}
.oft-page {
  isolation: isolate;
  position: relative
}
.oft-page:before {
  background: #f5fbfa;
  content: "";
  height: 487px;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 24px;
  transform: translateX(-50%);
  width: 100vw;
  z-index: -1
}
.oft-page > section {
  margin-top: 0 !important;
  margin-bottom: 70px !important
}
.oft-page > section:last-child {
  margin-bottom: 0 !important
}
@media (max-width:1199px) {
  .oft-page {
    max-width: none
  }
  .oft-container, .oft-page {
    padding-left: 24px;
  }
  .oft-band {
    margin-left: -24px;
    margin-right: -24px
  }
  .oft-consult {
    grid-template-columns: 38% 1fr
  }
}
@media (max-width:767px) {
  .oft-title {
    font-size: 27px;
    margin-bottom: 28px
  }
  .oft-section {
    margin-top: 46px
  }
  .oft-benefits {
    display: flex;
    flex-direction: column;
    gap: 34px
  }
  .oft-benefit {
    gap: 16px;
    grid-template-columns: 56px 1fr
  }
  .oft-benefit > img {
    height: 56px;
    padding: 10px;
    width: 56px
  }
  .oft-benefit h3 {
    font-size: 20px;
    line-height: 1.4
  }
  .oft-services {
    grid-template-columns: 1fr;
    gap: 15px
  }
  .oft-service {
    min-height: 100px;
    padding-left: 28px
  }
  .oft-stories {
    display: block
  }
  .oft-stories-copy p {
    font-size: 16px
  }
  .oft-video {
    height: 182px;
    margin-top: 28px
  }
  .oft-band {
    margin-left: -20px;
    margin-right: -20px
  }
  .oft-container {
    padding-left: 20px;
    padding-right: 20px
  }
  .oft-reviews {
    padding: 22px 0 40px
  }
  .oft-review-list {
    display: flex;
    overflow: hidden
  }
  .oft-review {
    flex: 0 0 100%;
    min-height: 440px
  }
  .oft-steps li {
    gap: 16px;
    grid-template-columns: 57px 1fr;
    margin-bottom: 30px
  }
  .oft-steps li > span {
    font-size: 17px;
    height: 57px;
    width: 57px
  }
  .oft-steps h3 {
    font-size: 20px;
    margin: 0
  }
  .oft-steps p {
    grid-column: 2;
    margin: 0
  }
  .oft-faq {
    padding: 26px 0 44px
  }
  .oft-faq details {
    border-radius: 22px;
    padding: 18px 24px
  }
  .oft-faq summary {
    font-size: 17px
  }
  .oft-doctors {
    display: flex;
    overflow: hidden
  }
  .oft-doctor {
    flex: 0 0 100%;
    box-shadow: inset 0 4px 20px rgba(47, 148, 140, .08);
  }
  .oft-consult {
    border-radius: 34px;
    display: flex;
    flex-direction: column;
    gap: 26px;
    margin-top: 56px;
    padding: 24px 15px 32px
  }
  .oft-consult-photo {
    min-height: 331px;
    order: 1
  }
  .oft-consult-body {
    display: contents
  }
  .oft-consult-body > .oft-title, .oft-consult-body > p {
    order: 0
  }
  .oft-form {
    order: 2
  }
  .oft-form button, .oft-switch {
    width: 100%
  }
  .oft-switch label {
    flex: 1
  }
  .oft-switch span {
    text-align: center
  }
  .oft-consent, .oft-hero-stats strong small {
    font-size: 13px
  }
  .oft-hero {
    border-radius: 30px;
    height: 470px;
    margin: 0 0 48px
  }
  .oft-hero-bg {
    object-position: 63%center
  }
  .oft-hero-copy {
    left: 22px;
    right: 22px;
    top: 24px
  }
  .oft-hero-copy h2 {
    font-size: 28px;
    line-height: 1.3
  }
  .oft-hero-copy p {
    font-size: 18px;
    line-height: 1.45;
    margin-top: 8px
  }
  .oft-hero-stats {
    bottom: 82px;
    gap: 12px;
    grid-template-columns: repeat(3, 1fr);
    left: 20px;
    right: 20px
  }
  .oft-hero-stats div:nth-child(2) strong, .oft-hero-stats strong {
    font-size: 22px
  }
  .oft-hero-stats span {
    font-size: 11px;
    line-height: 1.25
  }
  .oft-hero-cta {
    bottom: 20px;
    height: 44px;
    left: 20px;
    padding-left: 24px;
    right: 20px;
    width: auto
  }
  .oft-hero-cta img {
    height: 32px;
    width: 32px
  }
  .oft-page .oft-consult {
    width: calc(100% + 40px) !important
  }
  .oft-page .oft-switch {
    max-width: 100% !important
  }
  .oft-page .oft-switch label {
    flex: 0 0 auto !important
  }
  .oft-page .oft-switch span {
    font-size: 11px !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
    text-align: center !important
  }
  .oft-page .oft-form button[type=submit] {
    max-width: 100% !important;
    width: 254px !important
  }
  .oft-page .oft-switch label span {
    padding-left: 0 !important;
    padding-right: 0 !important
  }
  .oft-page .oft-hero-bg {
    height: 100% !important;
    left: 0 !important;
    object-fit: cover !important;
    top: 0 !important;
    transform: none !important;
    width: 100% !important
  }
  .oft-page .oft-hero-copy h2 {
    font-size: 24px !important;
    line-height: 33px !important
  }
  .oft-page .oft-hero-copy p {
    letter-spacing: -.18px !important
  }
  .oft-page .oft-hero-stats {
    height: auto !important;
    top: auto !important
  }
  .oft-page .oft-hero-stats > div:nth-child(2), .oft-page .oft-hero-stats > div:nth-child(3) {
    transform: none !important
  }
  .oft-page .oft-hero-stats > div:nth-child(1) strong, .oft-page .oft-hero-stats > div:nth-child(3) strong {
    font-size: 22px !important;
    line-height: 27px !important;
    height: 27px !important
  }
  .oft-page .oft-hero-stats strong small, .oft-page .oft-hero-stats > div:nth-child(2) strong small {
    font-size: 15px !important
  }
  .oft-page .oft-hero-stats span, .oft-page .oft-hero-stats > div:nth-child(3) span {
    font-size: 11px !important;
    letter-spacing: -.11px !important;
    line-height: 14px !important;
    margin-top: 4px !important
  }
  .oft-page .oft-benefit-icon {
    flex-basis: 56px !important
  }
  .oft-page .oft-benefit-icon img {
    height: 38px !important;
    width: 38px !important
  }
  .oft-page .oft-benefit:nth-child(1) .oft-benefit-icon img, .oft-page .oft-benefit:nth-child(3) .oft-benefit-icon img {
    height: 34px !important;
    width: 34px !important
  }
  .oft-page .oft-services {
    display: grid !important;
    grid-template-columns: 1fr !important
  }
  .oft-page .oft-service span {
    max-width: 211px !important;
    width: calc(100% - 70px) !important
  }
  .oft-page .oft-service img {
    right: 18px !important
  }
  .oft-page .oft-stories {
    display: block !important
  }
  .oft-page .oft-stories-copy, .oft-page .oft-stories-copy .oft-title, .oft-page .oft-stories-copy > p {
    width: 100% !important
  }
  .oft-page .oft-video > img {
    border-radius: 30px !important
  }
  .oft-page .oft-play {
    height: 69px !important;
    width: 69px !important
  }
  .oft-page .oft-reviews .oft-title {
    font-size: 27px !important;
    line-height: 33px !important;
    margin-bottom: 0 !important
  }
  .oft-page .oft-review-list {
    display: flex !important;
    gap: 16px !important
  }
  .oft-page, .oft-page .oft-review h3, .oft-page .oft-review-signature, .oft-page .oft-review > b, .oft-page .oft-review > p {
    max-width: 100% !important;
    width: 100% !important
  }
  .oft-page .oft-reviews-head {
    margin-bottom: 28px
  }
  .oft-page .oft-reviews-controls [role=button] {
    height: 34px;
    width: 34px
  }
  .oft-page .oft-review-list {
    overflow: visible !important
  }
  .oft-page .oft-reviews-controls {
    margin-right: 0
  }
  .oft-page .oft-video-track {
    border-radius: 30px
  }
  .oft-page .oft-video-dots {
    top: 206px
  }
  .oft-page .oft-video {
    border-radius: 30px !important
  }
  .oft-page .oft-video-window {
    border-radius: 30px
  }
  .oft-page .oft-video-slide > img, .oft-page .oft-video-track {
    height: 182px !important
  }
  .oft-page .oft-video-slide {
    height: 182px
  }
  .oft-page .oft-reviews-dots, .oft-page .oft-video-dots {
    gap: 0 !important;
    justify-content: space-between !important;
    width: 61px !important
  }
  .oft-page .oft-video-dots {
    height: 10px !important
  }
  .oft-page .oft-reviews-dots [role=button], .oft-page .oft-video-dots label {
    height: 10px !important;
    width: 10px !important
  }
  .oft-page:before {
    height: 561px !important;
    top: 12px !important
  }
  .oft-page {
    box-sizing: border-box !important;
    font-size: 16px !important;
    line-height: 1.56 !important;
    max-width: none !important;
    padding: 12px 0 46px !important;
    margin-left: auto !important;
    margin-right: auto !important
  }
  .oft-page .oft-title {
    font-size: 24px !important;
    line-height: 33px !important;
    margin-bottom: 25px !important
  }
  .oft-page .oft-hero {
    border-radius: 30px !important;
    height: 509px !important;
    margin: 0 0 42px !important;
    width: 100% !important
  }
  .oft-page .oft-hero-bg--flip-mobile {
    object-position: center !important
  }
  .oft-page .oft-hero-copy {
    left: 22px !important;
    right: 22px !important;
    top: 21px !important
  }
  .oft-page .oft-hero-copy p {
    font-size: 16px !important;
    line-height: 25px !important;
    margin-top: 10px !important;
    max-width: 274px !important
  }
  .oft-page .oft-hero-stats {
    bottom: 116px !important;
    gap: 9px !important;
    grid-template-columns: 85px 89px 84px !important;
    left: 22px !important;
    right: auto !important
  }
  .oft-page .oft-hero-stats > div strong, .oft-page .oft-hero-stats > div:nth-child(2) strong {
    font-size: 24px !important;
    height: 30px !important;
    line-height: 30px !important
  }
  .oft-page .oft-hero-stats span {
    font-size: 11px !important;
    line-height: 14px !important;
    margin-top: 4px !important
  }
  .oft-page .oft-hero-cta {
    bottom: 26px !important;
    height: 41px !important;
    left: 22px !important;
    padding-left: 20px !important;
    right: 19px !important;
    width: auto !important
  }
  .oft-page .oft-hero-cta img {
    height: 28px !important;
    width: 28px !important
  }
  .oft-page .oft-intro {
    margin-top: 0 !important
  }
  .oft-page .oft-intro > .oft-title {
    margin-bottom: 25px !important;
    max-width: 315px !important
  }
  .oft-page .oft-benefits {
    gap: 35px !important
  }
  .oft-page .oft-benefit {
    align-items: start !important;
    gap: 17px !important;
    grid-template-columns: 56px minmax(0, 1fr) !important
  }
  .oft-page .oft-benefit > div {
    display: grid !important;
    grid-template-rows: 62px auto !important
  }
  .oft-page .oft-benefit h3 {
    font-size: 18px !important;
    line-height: 28px !important;
    margin: 0 !important
  }
  .oft-page .oft-benefit p, .oft-page .oft-consult-body > p, .oft-page .oft-faq details p, .oft-page .oft-review h3, .oft-page .oft-review > p, .oft-page .oft-steps p, .oft-page .oft-stories-copy > p {
    font-size: 16px !important;
    line-height: 25px !important
  }
  .oft-page .oft-benefit-icon {
    height: 56px !important;
    width: 56px !important
  }
  .oft-page .oft-section {
    margin-top: 34px !important
  }
  .oft-page .oft-services {
    gap: 15px !important
  }
  .oft-page .oft-service {
    border-radius: 30px !important;
    height: auto !important;
    min-height: 100px !important;
    padding: 17px 31px !important
  }
  .oft-page .oft-service span {
    font-size: 17px !important;
    line-height: 23px !important;
    min-width: 0 !important
  }
  .oft-page .oft-service img {
    height: 79px !important;
    width: 79px !important
  }
  .oft-page .oft-stories {
    margin-top: 49px !important
  }
  .oft-page .oft-stories-copy .oft-title {
    font-size: 24px !important;
    line-height: 33px !important;
    margin-bottom: 19px !important
  }
  .oft-page .oft-video {
    height: 219px !important;
    margin: 18px auto 0 !important;
    width: 100% !important
  }
  .oft-page .oft-video-window {
    height: 182px !important;
    width: 100% !important
  }
  .oft-page .oft-reviews {
    height: 645px !important;
    margin-top: 28px !important;
    padding: 27px 0 46px !important
  }
  .oft-page .oft-reviews .oft-container {
    display: flex !important;
    flex-direction: column !important
  }
  .oft-page .oft-reviews-head {
    display: none !important
  }
  .oft-page .oft-review-viewport {
    order: 1 !important
  }
  .oft-page .oft-reviews-dots {
    margin: 28px auto 0 !important;
    order: 2 !important
  }
  .oft-page .oft-review {
    border-radius: 30px !important;
    flex: 0 0 100% !important;
    height: 457px !important;
    min-height: 457px !important;
    padding: 0 28px 36px !important;
    width: 100% !important
  }
  .oft-page .oft-review h3 {
    font-size: 18px !important
  }
  .oft-page .oft-steps {
    margin-top: 0 !important
  }
  .oft-page .oft-steps li {
    gap: 16px !important;
    grid-template-columns: 57px minmax(0, 1fr) !important;
    margin-bottom: 35px !important
  }
  .oft-page .oft-steps li > span {
    font-size: 17px !important;
    height: 57px !important;
    width: 57px !important
  }
  .oft-page .oft-steps h3 {
    font-size: 20px !important;
    line-height: 27px !important
  }
  .oft-page .oft-faq {
    margin-top: 48px !important;
    padding: 26px 0 44px !important
  }
  .oft-page .oft-faq details {
    border-radius: 20px !important;
    margin-bottom: 15px !important;
    padding: 18px 24px !important
  }
  .oft-page .oft-faq summary {
    font-size: 16px !important;
    line-height: 22px !important
  }
  .oft-page .oft-doctors {
    display: flex !important;
    gap: 18px !important
  }
  .oft-page .oft-doctor {
    border-radius: 30px !important;
    flex: 0 0 100% !important;
    width: 100% !important
  }
  .oft-page .oft-doctor-photo-link, .oft-page .oft-doctor-photo-link img, .oft-page .oft-doctor > img {
    height: 347px !important
  }
  .oft-page .oft-doctor-body {
    min-height: 318px !important;
    padding: 16px 21px 24px !important
  }
  .oft-page .oft-consult {
    border-radius: 30px !important;
    gap: 26px !important;
    margin: 56px auto 0 !important;
    padding: 34px 15px 13px !important;
    width: 100% !important
  }
  .oft-page .oft-consult-body > .oft-title {
    font-size: 24px !important;
    line-height: 33px !important;
    margin-bottom: -6px !important
  }
  .oft-page .oft-consult-body > p {
    margin-bottom: 4px !important
  }
  .oft-page .oft-consult-photo {
    border-radius: 30px !important;
    height: 331px !important;
    min-height: 331px !important;
    width: 100% !important
  }
  .oft-page .oft-form, .oft-page .oft-form > input[type=email], .oft-page .oft-form > input[type=tel], .oft-page .oft-form > input[type=text] {
    width: 100% !important
  }
  .oft-page .oft-switch {
    margin-left: 0 !important;
    width: 100% !important
  }
  .oft-page .oft-consent {
    font-size: 14px !important;
    line-height: 22px !important
  }
  body.oft-page-loaded {
    overflow-x: hidden !important
  }
  .oft-page .oft-band {
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    width: 100vw !important
  }
  .oft-page .oft-band > .oft-container {
    box-sizing: border-box !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: none !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    width: 100% !important
  }
  .oft-page .oft-services {
    grid-template-columns: minmax(0, 1fr) !important;
    min-width: 0 !important;
    width: 100% !important
  }
  .oft-page .oft-service {
    box-sizing: border-box !important;
    min-width: 0 !important
  }
  .oft-page .oft-service img {
    flex: 0 0 79px !important;
    max-width: 79px !important
  }
  .oft-page .oft-doctors, .oft-page .oft-review-viewport, .oft-page .oft-service, .oft-page .oft-video-window {
    overflow: hidden !important
  }
  .oft-page .oft-review-list, .oft-page .oft-video-track {
    max-width: none !important
  }
  .oft-page .oft-video-slide > img, .oft-page .oft-video-track {
    width: 100% !important
  }
  .oft-page .oft-video-slide {
    flex-basis: 100% !important;
    width: 100% !important
  }
  .oft-page #oft-video-2:checked ~ .oft-video-window .oft-video-track {
    transform: translateX(-100%)
  }
  .oft-page #oft-video-3:checked ~ .oft-video-window .oft-video-track {
    transform: translateX(-200%)
  }
  .oft-page > section {
    margin-top: 0 !important;
    margin-bottom: 48px !important
  }
  .oft-page > section:last-child {
    margin-bottom: 0 !important
  }
}
@media (max-width:1199px) and (min-width:768px) {
  .oft-page .oft-services {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important
  }
  .oft-page .oft-stories {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) !important
  }
  .oft-page .oft-stories-copy, .oft-page .oft-stories-copy .oft-title, .oft-page .oft-stories-copy > p, .oft-page .oft-video {
    width: 100% !important
  }
  .oft-page .oft-review-list {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important
  }
  .oft-page .oft-review {
    width: 100% !important
  }
  .oft-page .oft-review h3, .oft-page .oft-review-signature, .oft-page .oft-review > b, .oft-page .oft-review > p {
    max-width: 100% !important;
    width: 100% !important
  }
}
@media (min-width:768px) and (max-width:1199px) {
  .oft-page:before {
    height: 560px !important
  }
  .oft-page .oft-hero {
    height: 520px !important;
    margin-bottom: 70px !important
  }
  .oft-page .oft-hero-stats {
    bottom: 104px !important
  }
  .oft-page .oft-hero-cta {
    bottom: 27px !important
  }
  .oft-page .oft-stories {
    align-items: start !important;
    height: auto !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) !important
  }
  .oft-page .oft-video {
    height: auto !important;
    margin: 0 !important;
    max-width: 100% !important;
    padding-bottom: 44px !important;
    width: 100% !important
  }
  .oft-page .oft-video-window {
    aspect-ratio: 564/318;
    height: auto !important;
    width: 100% !important
  }
  .oft-page .oft-video-slide, .oft-page .oft-video-slide > img, .oft-page .oft-video-track {
    height: 100% !important;
    width: 100% !important
  }
  .oft-page .oft-video-slide {
    flex: 0 0 100% !important
  }
  .oft-page #oft-video-2:checked ~ .oft-video-window .oft-video-track {
    transform: translateX(-100%)
  }
  .oft-page #oft-video-3:checked ~ .oft-video-window .oft-video-track {
    transform: translateX(-200%)
  }
  .oft-page .oft-review-list {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important
  }
  .oft-page .oft-review, .oft-page .oft-review h3, .oft-page .oft-review-signature, .oft-page .oft-review > p {
    max-width: 100% !important;
    width: 100% !important
  }
  .oft-page .oft-doctors {
    gap: 24px !important
  }
  .oft-page .oft-consult {
    gap: 32px !important;
    grid-template-columns: minmax(240px, 38%) minmax(0, 1fr) !important
  }
  .oft-page .oft-consult-photo {
    width: 100% !important
  }
  .oft-page .oft-form {
    max-width: 100% !important
  }
}
@media (min-width:768px) and (max-width:999px) {
  .oft-page .oft-services {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important
  }
  .oft-page .oft-review-list {
    display: flex !important;
    gap: 20px !important;
    overflow: hidden !important
  }
  .oft-page .oft-review {
    flex: 0 0 calc(50% - 10px) !important;
    height: 457px !important;
    min-height: 457px !important
  }
  .oft-page .oft-reviews {
    height: 640px !important
  }
  .oft-page .oft-doctors {
    display: flex !important;
    overflow: hidden !important
  }
  .oft-page .oft-doctor {
    flex: 0 0 315px !important;
    width: 315px !important
  }
}
@media (max-width:767px) {
  .oft-page .oft-video {
    border-radius: 0 !important
  }
}
.oft-page .oft-reviews-controls {
  display: none !important
}
.oft-page .oft-doctors-viewport {
  width: 100%
}
.oft-page .oft-doctors-dots {
  display: none !important
}
@media (max-width:767px) {
  .oft-page .oft-doctors-viewport {
    overflow: hidden;
    width: 100%
  }
  .oft-page .oft-doctors {
    overflow: visible !important;
    touch-action: pan-y;
    will-change: transform
  }
  .oft-page .oft-doctors.slick-initialized .slick-slide {
    margin-right: 18px !important;
    width: calc(var(--oft-doctor-slide-width) - 18px) !important
  }
  .oft-page .oft-doctors-dots {
    display: flex !important;
    margin: 28px auto 0 !important
  }
}
@media (max-width:767px) {
  .oft-page .oft-reviews {
    height: auto !important;
    padding-bottom: 20px !important
  }
}
@media (max-width:767px) {
  .oft-page .oft-steps h3 {
    font-size: 18px !important;
    line-height: 28px !important
  }
  .oft-page .oft-steps li > span {
    font-size: 20px !important;
    line-height: 31px !important
  }
}
@media (max-width:767px) {
  .oft-page .oft-reviews .oft-reviews-dots {
    gap: 5px !important;
    justify-content: center !important;
    padding: 0 !important;
    width: max-content !important
  }
  .oft-page .oft-reviews .oft-reviews-dots li, .oft-page .oft-reviews .oft-reviews-dots button {
    flex: 0 0 10px !important;
    height: 10px !important;
    margin: 0 !important;
    opacity: 1 !important;
    padding: 0 !important;
    width: 10px !important
  }
  .oft-page .oft-reviews-dots.oft-doctors-dots {
    gap: 15.5px !important;
    justify-content: center !important;
    margin: 28px auto 0 !important;
    padding: 0 !important;
    width: max-content !important
  }
  .oft-page .oft-reviews-dots.oft-doctors-dots li, .oft-page .oft-reviews-dots.oft-doctors-dots button {
    flex: 0 0 10px !important;
    height: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 10px !important
  }
}
.oft-page .oft-steps h3 {
  color: #2f948c !important;
  font-family: "Open Sans", Arial, sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important
}
.oft-page .oft-mobile-only {
  display: none !important
}
@media (max-width:767px) {
  .oft-page .oft-hero {
    width: calc(100% + 4px) !important
  }
  .oft-page .oft-hero-bg {
    object-position: center !important;
    transform: none !important
  }
  .oft-page .oft-hero-bg--flip-mobile {
    transform: scaleX(-1) !important
  }
  .oft-page .oft-hero-shade {
    background: rgba(0, 0, 0, .2) !important
  }
  .oft-page .oft-hero-copy {
    left: 25px !important;
    max-width: calc(100% - 44px) !important;
    right: 19px !important;
    width: calc(100% - 44px) !important
  }
  .oft-page .oft-hero-copy h2 {
    display: block !important;
    font-size: clamp(18px, 5.2vw, 24px) !important;
    height: auto !important;
    line-height: normal !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important
  }
  .oft-page .oft-hero-copy p {
    margin-top: 18px !important
  }
  .oft-page .oft-desktop-only {
    display: none !important
  }
  .oft-page .oft-mobile-only {
    display: inline !important
  }
  .oft-page .oft-hero-stats {
    align-items: start !important;
    bottom: 118px !important;
    gap: 12px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    height: auto !important;
    left: 25px !important;
    right: 19px !important;
    width: auto !important
  }
  .oft-page .oft-hero-stats > div {
    min-width: 0 !important;
    transform: none !important
  }
  .oft-page .oft-hero-stats strong {
    flex-wrap: nowrap !important;
    white-space: nowrap !important
  }
  .oft-page .oft-hero-stats span {
    height: auto !important;
    max-width: 100% !important;
    overflow-wrap: normal !important;
    word-break: normal !important
  }
  .oft-page .oft-hero-stats b {
    font: inherit !important
  }
  .oft-page .oft-hero-cta {
    font-size: 14px !important;
    letter-spacing: -.14px !important;
    line-height: 22px !important
  }
}
/* Universal blocks from the existing Bitrix section builder. */
.oft-page .oft-hero--plain {
  background: linear-gradient(135deg, #2f948c 0%, #73c8c0 100%)
}
.oft-page .oft-content {
  display: grid;
  gap: 28px
}
.oft-page .oft-content > * {
  margin-bottom: 0;
  margin-top: 0
}
.oft-page .oft-content-title {
  margin-top: 24px
}
.oft-page .oft-content-subtitle {
  align-items: center;
  color: var(--oft);
  display: flex;
  font-size: 25px;
  gap: 18px;
  line-height: 1.3;
  margin: 24px 0 0
}
.oft-page .oft-content-subtitle:before {
  background: var(--oft-soft);
  border-radius: 50%;
  content: "";
  flex: 0 0 54px;
  height: 54px
}
.oft-page .oft-content-text, .oft-page .oft-content-text p {
  font-size: 17px;
  line-height: 1.65
}
.oft-page .oft-content-text p:first-child, .oft-page .oft-content-accent p:first-child {
  margin-top: 0
}
.oft-page .oft-content-text p:last-child, .oft-page .oft-content-accent p:last-child {
  margin-bottom: 0
}
.oft-page .oft-content-text.is-bold {
  font-weight: 700
}
.oft-page .oft-content iframe, .oft-page .oft-content-video iframe, .oft-page .oft-content-video video {
  aspect-ratio: 16/9;
  border: 0;
  border-radius: 28px;
  height: auto;
  max-width: 100%;
  width: 100%
}
.oft-page .oft-content-accent {
  background: var(--oft-soft);
  border-radius: 26px;
  color: #176f68;
  font-size: 18px;
  font-weight: 600;
  padding: 25px 30px
}
.oft-page .oft-content-quote {
  background: var(--oft-bg);
  border-left: 5px solid var(--oft);
  border-radius: 0 24px 24px 0;
  color: #176f68;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  padding: 28px 34px
}
.oft-page .oft-content-quote p {
  margin: 0
}
.oft-page .oft-content-list {
  display: grid;
  gap: 14px;
  list-style: none;
  margin: 0;
  padding: 0
}
.oft-page .oft-content-list li {
  background: var(--oft-bg);
  border-radius: 18px;
  font-size: 17px;
  padding: 16px 22px 16px 52px;
  position: relative
}
.oft-page .oft-content-list li:before {
  background: var(--oft);
  border-radius: 50%;
  content: "";
  height: 10px;
  left: 24px;
  position: absolute;
  top: 24px;
  width: 10px
}
.oft-page .oft-content-list a {
  color: var(--oft)
}
.oft-page .oft-content-slider-wrap {
  overflow: hidden;
  padding-bottom: 45px;
  position: relative
}
.oft-page .oft-content-slider figure {
  margin: 0
}
.oft-page .oft-content-slider img {
  border-radius: 28px;
  height: clamp(320px, 50vw, 600px);
  object-fit: cover;
  width: 100%
}
.oft-page .oft-content-slider figcaption {
  color: #555;
  font-size: 14px;
  margin-top: 10px;
  text-align: center
}
.oft-page .oft-content-dots {
  bottom: 0;
  display: flex;
  gap: 14px;
  justify-content: center;
  left: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0
}
.oft-page .oft-content-dots button {
  background: transparent;
  border: 2px solid var(--oft);
  border-radius: 50%;
  cursor: pointer;
  font-size: 0;
  height: 12px;
  padding: 0;
  width: 12px
}
.oft-page .oft-content-dots .slick-active button {
  background: var(--oft)
}
.oft-page .oft-content-author {
  align-items: center;
  background: var(--oft-bg);
  border-radius: 28px;
  display: flex;
  gap: 24px;
  padding: 22px 28px
}
.oft-page .oft-content-author img {
  border-radius: 50%;
  height: 100px;
  object-fit: cover;
  width: 100px
}
.oft-page .oft-content-author strong {
  color: var(--oft);
  display: block;
  font-size: 18px
}
.oft-page .oft-content-author p {
  margin: 5px 0 0
}
@media (max-width:767px) {
  .oft-page .oft-content {
    gap: 22px
  }
  .oft-page .oft-content-subtitle {
    font-size: 21px
  }
  .oft-page .oft-content-subtitle:before {
    flex-basis: 40px;
    height: 40px
  }
  .oft-page .oft-content-text, .oft-page .oft-content-text p, .oft-page .oft-content-list li {
    font-size: 15px
  }
  .oft-page .oft-content-accent, .oft-page .oft-content-quote {
    border-radius: 20px;
    font-size: 16px;
    padding: 20px
  }
  .oft-page .oft-content-slider img {
    border-radius: 20px;
    height: 300px
  }
  .oft-page .oft-content-author {
    align-items: flex-start;
    padding: 18px
  }
  .oft-page .oft-content-author img {
    height: 74px;
    width: 74px
  }
  .oft-page .oft-doctors-dots li[hidden] {
    display: none !important
  }
}
/* Section transitions matched to the desktop and mobile Figma frames. */
@media (min-width:1200px) {
  .oft-page > .oft-hero {
    margin-bottom: 70px !important
  }
  .oft-page > .oft-intro {
    margin-bottom: 54px !important
  }
  .oft-page > .oft-directions-section {
    margin-bottom: 83px !important
  }
  .oft-page > .oft-stories {
    margin-bottom: 0 !important
  }
  .oft-page > .oft-reviews {
    margin-bottom: 34px !important;
    margin-top: 77px !important
  }
  .oft-page > .oft-steps-section {
    margin-bottom: 0 !important
  }
  .oft-page > .oft-faq {
    margin-bottom: 39px !important;
    margin-top: 60px !important;
    padding: 47px 0 67px !important
  }
  .oft-page > .oft-doctors-section {
    margin-bottom: 0 !important
  }
  .oft-page .oft-doctors-section > .oft-title {
    margin-bottom: 46px !important
  }
  .oft-page > .oft-consult {
    margin-top: 50px !important
  }
}
@media (max-width:767px) {
  .oft-page > .oft-intro {
    margin-bottom: 34px !important
  }
  .oft-page > .oft-directions-section {
    margin-bottom: 0 !important
  }
  .oft-page > .oft-stories {
    margin-bottom: 0 !important
  }
  .oft-page > .oft-reviews {
    margin-bottom: 32px !important
  }
  .oft-page > .oft-steps-section {
    margin-bottom: 28px !important
  }
  .oft-page > .oft-faq {
    margin-bottom: 35px !important;
    margin-top: 0 !important;
    padding: 22px 0 44px !important
  }
  .oft-page .oft-doctors-section > .oft-title {
    margin-bottom: 28px !important
  }
  .oft-page > .oft-doctors-section {
    margin-bottom: 46px !important
  }
  .oft-page > .oft-consult {
    margin-top: 0 !important
  }
}
/* Keep the hero vertically centered inside its full-width color backdrop. */
@media (min-width:1200px) {
  .oft-page:before {
    height: 547px !important
  }
  .oft-page > .oft-hero {
    margin-top: 40px !important
  }
}
@media (min-width:768px) and (max-width:1199px) {
  .oft-page:before {
    height: 600px !important
  }
  .oft-page > .oft-hero {
    margin-top: 40px !important
  }
}
@media (max-width:767px) {
  .oft-page:before {
    height: 569px !important
  }
  .oft-page > .oft-hero {
    margin-top: 52px !important
  }
}
/* New-design sections start with their own hero instead of the legacy page heading. */
body:has(.oft-page) .transparent-breadcrumbs {
  display: none !important
}
body:has(.oft-page) .row:has(> .span12 > .transparent-breadcrumbs) {
  display: none !important
}
body:has(.oft-page) .content-holder {
  background: transparent !important
}
body:has(.oft-page) .detail-blog-container > .row, body:has(.oft-page) .detail-blog-container > .row > .span12 {
  font-size: 0;
  line-height: 0
}
body:has(.oft-page) .header {
  background: #f5fbfa !important;
  background-image: none !important
}
.oft-page {
  padding-top: 60px !important
}
.oft-page:before {
  top: 0 !important
}
@media (min-width:768px) {
  .oft-page > .oft-hero {
    margin-top: 0 !important
  }
}
@media (max-width:767px) {
  .oft-page {
    padding-top: 30px !important;
    padding-right: 8px !important;
  }
  .oft-page > .oft-hero {
    margin-top: 0 !important
  }
}
/* Typography and text rhythm from the original Figma layout. */
.oft-page .oft-title {
  font-family: "Open Sans", Arial, sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important
}
.oft-page .oft-benefit h3 {
  margin-bottom: 8px !important
}
.oft-page .oft-faq details[open] > p {
  margin: 20px 0 0 !important
}
.oft-page .oft-steps p {
  line-height: 25px !important
}
@media (max-width:767px) {
  .oft-page .oft-benefit h3 {
    margin-bottom: 0 !important
  }
  .oft-page .oft-faq details[open] > p {
    margin-top: 16px !important
  }
}
/* The colored backdrop belongs to the first screen only. */
.oft-page:after {
  background: #fff;
  bottom: 0;
  content: "";
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 547px;
  transform: translateX(-50%);
  width: 100vw;
  z-index: -1
}
@media (min-width:768px) and (max-width:1199px) {
  .oft-page:after {
    top: 600px
  }
}
@media (max-width:767px) {
  .oft-page:after {
    top: 569px
  }
}
/* Align review content and its signature to one vertical axis. */
.oft-page .oft-review h3, .oft-page .oft-review > p, .oft-page .oft-review .oft-more {
  margin-left: 0 !important
}
/* Keep the neutral no-photo artwork crisp instead of scaling the bitmap. */
.oft-page .oft-doctor img.is-placeholder {
  background: #f5fbfa;
  object-fit: none !important;
  object-position: 50% 50% !important
}
html .oft-page .oft-form > input[hidden] {
  display: none !important
}
/* Mobile refinements from the annotated Figma review. */
@media (max-width:767px) {
  .oft-page > .oft-intro {
    padding-top: 0
  }
  .oft-page .oft-hero-copy h2 {
    font-size: 24px !important;
    line-height: 33px !important
  }
  .oft-page .oft-benefit > div {
    display: block !important
  }
  .oft-page .oft-benefit h3 {
    margin-bottom: 6px !important
  }
  .oft-page .oft-video-dots {
    margin-left: 0 !important;
    padding-left: 0 !important
  }
  .oft-page .oft-steps li {
    column-gap: 16px !important;
    grid-template-columns: 57px minmax(0, 1fr) !important;
    row-gap: 6px !important
  }
  .oft-page .oft-steps li > span {
    grid-row: 1 / span 2
  }
  .oft-page .oft-steps h3, .oft-page .oft-steps p {
    grid-column: 2 !important
  }
  .oft-page .oft-faq details[open] > p {
    margin-top: 20px !important
  }
  .oft-page .oft-faq summary:after {
    top: 50% !important;
    transform: translateY(-50%)
  }
  body:has(.oft-page).is-fixed .row.logo-menu {
    top: 8px !important
  }
  .oft-page .oft-doctors {
    padding-bottom: 20px
  }
  .oft-page .oft-reviews-dots.oft-doctors-dots {
    margin-top: 8px !important
  }
  .oft-page .oft-switch {
    grid-template-columns: minmax(0, 58fr) minmax(0, 42fr) !important;
    margin-left: -5px !important;
    max-width: none !important;
    width: calc(100% + 15px) !important
  }
  .oft-page .oft-switch label span {
    width: 100%
  }
  .oft-page .oft-consult-body > .oft-title, .oft-page .oft-consult-body > p {
    margin-left: 5px !important;
    margin-right: 5px !important
  }
  .oft-page .oft-hero-stats > div strong, .oft-page .oft-hero-stats > div:nth-child(2) strong, .oft-page .oft-hero-stats > div:nth-child(3) strong {
    font-size: 22px !important;
    height: 26px !important;
    line-height: normal !important
  }
  .oft-page .oft-hero-stats strong small, .oft-page .oft-hero-stats > div:nth-child(2) strong small {
    font-size: 14px !important;
    line-height: normal !important
  }
  .oft-page .oft-hero-stats span {
    font-size: 11px !important;
    line-height: normal !important
  }
}
@media (min-width:1201px) {
  .oft-page {
    position: relative;
    left: 15px;
  }
}

/* Every active builder element participates in one SORT-driven page flow. */
.oft-page.oft-page--sorted {
  display: flex;
  flex-direction: column;
}
.oft-page .oft-content-flow {
  display: contents;
}
.oft-page .oft-content-block {
  box-sizing: border-box;
  width: 100%;
}
.oft-page .oft-content-photos {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}
.oft-page .oft-content-photos figure {
  margin: 0;
}
.oft-page .oft-content-photos img {
  border-radius: 28px;
  display: block;
  height: auto;
  max-width: 100%;
  width: 100%;
}
.oft-page .oft-content-accordion details {
  border-bottom: 1px solid #cce8e5;
  padding: 18px 0;
}
.oft-page .oft-content-accordion summary {
  color: #2f948c;
  cursor: pointer;
  font-weight: 700;
}
.oft-page .oft-content-list.is-background {
  background: #f1f9f8;
  border-radius: 28px;
  padding: 28px 40px;
}
.oft-page .oft-content-list li strong,
.oft-page .oft-content-list li span,
.oft-page .oft-content-numbered li strong,
.oft-page .oft-content-numbered li span {
  display: block;
}
.oft-page .oft-content-numbered {
  counter-reset: oft-content-number;
  list-style: none;
  margin: 0;
  padding: 0;
}
.oft-page .oft-content-numbered li {
  counter-increment: oft-content-number;
  padding: 12px 0 12px 52px;
  position: relative;
}
.oft-page .oft-content-numbered li::before {
  color: #2f948c;
  content: counter(oft-content-number, decimal-leading-zero);
  font-size: 24px;
  font-weight: 700;
  left: 0;
  position: absolute;
  top: 8px;
}
.oft-page .oft-content-prices > div {
  align-items: baseline;
  border-bottom: 1px solid #cce8e5;
  display: flex;
  gap: 24px;
  justify-content: space-between;
  padding: 14px 0;
}
.oft-page .oft-content-price-link {
  text-align: center;
}
.oft-page .oft-content-price-link a {
  background: #2f948c;
  border-radius: 24px;
  color: #fff;
  display: inline-block;
  padding: 12px 28px;
  text-decoration: none;
}
@media (max-width:767px) {
  .oft-page .oft-content-list.is-background {
    border-radius: 20px;
    padding: 20px;
  }
}
@media (min-width:768px) {
  .oft-page .oft-hero-bg--flip-desktop {
    transform: scaleX(-1) !important;
  }
}
@media (max-width:767px) {
  .oft-page .oft-hero-bg--flip-mobile {
    transform: scaleX(-1) !important;
  }
}

.oft-page .oft-articles-section {
  margin-top: 70px;
  width: 100%;
}
.oft-page .oft-articles-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 36px;
}
.oft-page .oft-articles-head .oft-title {
  border: 0 !important;
  box-shadow: none !important;
  margin: 0;
  text-decoration: none !important;
}
.oft-page .oft-articles-head .oft-title::after,
.oft-page .oft-articles-head .oft-title::before {
  display: none !important;
}
.oft-page .oft-articles-all {
  border: 1px solid #2f948c;
  border-radius: 24px;
  color: #2f948c;
  font-size: 15px;
  font-weight: 700;
  padding: 10px 24px;
  transition: background-color .2s ease, color .2s ease;
  text-decoration: none !important;
}
.oft-page .oft-articles-all:hover,
.oft-page .oft-articles-all:focus-visible {
  background: #2f948c;
  color: #fff;
  text-decoration: none !important;
}
.oft-page .oft-form button[type="submit"],
.oft-page .oft-form button[type="submit"]:hover,
.oft-page .oft-form button[type="submit"]:focus,
.oft-page .oft-form button[type="submit"]:focus-visible {
  text-decoration: none !important;
}
.oft-page .oft-articles-track {
  display: grid;
  gap: 28px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.oft-page .oft-article-card {
  background: #f5fbfa;
  border-radius: 28px;
  min-width: 0;
  overflow: hidden;
  transition: box-shadow .2s ease, transform .2s ease;
}
.oft-page .oft-article-card:hover,
.oft-page .oft-article-card:focus-within {
  box-shadow: 0 14px 34px rgba(47, 148, 140, .16);
  transform: translateY(-3px);
}
.oft-page .oft-article-link {
  color: #111;
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none !important;
}
.oft-page .oft-article-link:hover,
.oft-page .oft-article-link:focus,
.oft-page .oft-article-link:focus-visible,
.oft-page .oft-article-link:visited,
.oft-page .oft-article-link:hover *,
.oft-page .oft-article-link:focus *,
.oft-page .oft-article-link:focus-visible * {
  text-decoration: none !important;
}
.oft-page .oft-article-image {
  background: #dcefed;
  display: block;
  height: 220px;
  overflow: hidden;
}
.oft-page .oft-article-image.is-empty {
  background: linear-gradient(135deg, #dff4f1, #f5fbfa);
}
.oft-page .oft-article-image img {
  height: 100%;
  object-fit: cover;
  transition: transform .35s ease;
  width: 100%;
}
.oft-page .oft-article-card:hover .oft-article-image img {
  transform: scale(1.035);
}
.oft-page .oft-article-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 22px 24px 24px;
}
.oft-page .oft-article-body time {
  color: #6f7776;
  font-size: 13px;
  margin-bottom: 10px;
}
.oft-page .oft-article-body > strong {
  color: #195f5a;
  display: block;
  font-size: 19px;
  line-height: 1.35;
  margin-bottom: 22px;
}
.oft-page .oft-article-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: auto;
}
.oft-page .oft-article-tags > span {
  border-radius: 18px;
  display: inline-block;
  font-size: 12px;
  line-height: 1.25;
  padding: 6px 11px;
}
.oft-page .oft-articles-dots {
  display: none;
}
@media (max-width: 767px) {
  .oft-page .oft-articles-section {
    margin-top: 48px;
  }
  .oft-page .oft-articles-head {
    margin-bottom: 24px;
  }
  .oft-page .oft-articles-all {
    font-size: 13px;
    padding: 8px 16px;
  }
  .oft-page .oft-articles-track {
    display: block;
  }
  .oft-page .oft-article-card {
    border-radius: 22px;
  }
  .oft-page .oft-article-image {
    height: 208px;
  }
  .oft-page .oft-article-body {
    min-height: 190px;
    padding: 20px;
  }
  .oft-page .oft-article-body > strong {
    font-size: 18px;
  }
  .oft-page .oft-articles-dots {
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 22px 0 0;
    padding: 0;
  }
  .oft-page .oft-articles-dots li {
    margin: 0 5px;
  }
  .oft-page .oft-articles-dots button {
    background: #b8dad7;
    border: 0;
    border-radius: 50%;
    display: block;
    font-size: 0;
    height: 8px;
    padding: 0;
    width: 8px;
  }
  .oft-page .oft-articles-dots .slick-active button {
    background: #2f948c;
  }
}

/* Mobile consultation: preserve the image's natural proportions and rounded edges. */
@media (max-width:767px) {
  .oft-page .oft-consult-body > p {
    margin-bottom: 18px !important
  }
  .oft-page .oft-consult-photo {
    aspect-ratio: auto !important;
    height: auto !important;
    min-height: 0 !important
  }
  .oft-page .oft-consult-photo img {
    display: block;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: auto !important;
    -webkit-border-radius: 30px !important;
    border-radius: 30px !important;
    object-fit: contain !important;
    object-position: center center !important
  }
  .oft-page .oft-consult-photo picture {
    height: auto !important;
    -webkit-border-radius: 30px !important;
    border-radius: 30px !important;
    overflow: hidden !important
  }
}

/* Legacy articles button in the ophthalmology page palette. */
.oft-page .oft-articles-section .articles-link {
  border-color: var(--oft) !important;
  color: var(--oft) !important;
  text-decoration: none !important
}
.oft-page .oft-articles-section .articles-link span,
.oft-page .oft-articles-section .articles-link i {
  color: inherit !important
}
.oft-page .oft-articles-section .articles-link:hover,
.oft-page .oft-articles-section .articles-link:focus-visible {
  background: var(--oft) !important;
  border-color: var(--oft) !important;
  color: #fff !important;
  text-decoration: none !important
}
.oft-page .oft-articles-section .online-journal-cards-block {
  margin-top: 42px !important
}
@media (max-width:767px) {
  .oft-page .oft-articles-section .online-journal-cards-block {
    margin-bottom: 0 !important;
    margin-top: 25px !important
  }
  .oft-page .oft-articles-section .oft-native-articles-slider {
    overflow: hidden !important
  }
  .oft-page .oft-articles-section .oft-native-articles-slider .online-journal-cards {
    column-gap: 16px !important;
    display: flex !important;
    overflow-x: auto !important;
    overscroll-behavior-x: contain;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none
  }
  .oft-page .oft-articles-section .oft-native-articles-slider .online-journal-cards::-webkit-scrollbar {
    display: none
  }
  .oft-page .oft-articles-section .oft-native-articles-slider .online-journal-item-card {
    flex: 0 0 100% !important;
    scroll-snap-align: start;
    scroll-snap-stop: always
  }
  .oft-page .oft-articles-section .swiper-pagination {
    align-items: center;
    bottom: auto !important;
    display: flex !important;
    gap: 15.5px !important;
    justify-content: center;
    left: auto !important;
    margin: 20px auto 32px !important;
    padding: 0 !important;
    position: static !important;
    transform: none !important;
    width: max-content !important
  }
  .oft-page .oft-articles-section .swiper-pagination .swiper-pagination-bullet {
    background: #dcedea !important;
    border: 0 !important;
    border-radius: 50% !important;
    flex: 0 0 10px !important;
    height: 10px !important;
    margin: 0 !important;
    opacity: 1 !important;
    padding: 0 !important;
    width: 10px !important
  }
  .oft-page .oft-articles-section .swiper-pagination .swiper-pagination-bullet-active {
    background: #2f9e98 !important;
  }
}

/* Desktop consultation image: keep the portrait aligned with the design on every site cache. */
@media (min-width:768px) {
  .oft-page .oft-consult-photo {
    height: 656px !important;
    min-height: 656px !important;
    -webkit-border-radius: 40px !important;
    border-radius: 40px !important;
    overflow: hidden !important
  }
  .oft-page .oft-consult-photo picture {
    display: block !important;
    height: 100% !important;
    -webkit-border-radius: inherit !important;
    border-radius: inherit !important;
    overflow: hidden !important
  }
  .oft-page .oft-consult-photo img {
    display: block !important;
    height: 100% !important;
    max-width: none !important;
    width: 100% !important;
    -webkit-border-radius: inherit !important;
    border-radius: inherit !important;
    object-fit: cover !important;
    object-position: center bottom !important
  }
}

/* End */


/* Start:/bitrix/templates/ultimate_paramonov_by_clever/components/bitrix/news.list/main_advt2/style.css?177980196212731*/
/** {*/
/*    border: 1px solid rebeccapurple;*/
/*}*/
:root{
    /* Цвета журнала */
    --journal-primary: #2F948C;
    --journal-date: #545659;

    /* Цвета тегов */
    --tag-default: #0AA699;
    --tag-bg-default: #E1F6F4;
    --tag-reproduction: #A381EB;
    --tag-reproduction-lowOp: #F8F9FF;
    --tag-ophthalmology: #269BEF;
    --tag-ophthalmology-lowOp: #F1F9FF;
    --tag-video: #AA8710;
    --tag-video-lowOp:#FFF5D1;


}
body{
    font-family: 'Open Sans' ;
    margin: 0;
}
h1, h2, h3, p{
    margin: 0;
}

.online-journal-header{
    display: grid;
    gap: 60px;
}
.online-journal-wrapper{
    display: grid;
    justify-content: center;
    grid-template-columns: 100%;
    margin: 0;
    padding: 40px 0;
    /*height: 100vh;*/
    max-width: 1140px;
}

.online-journal-wrapper h1{
    color: var(--journal-primary);
    font-size: 53px;
    font-weight: 600;
}
.online-journal-tags{
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}
.online-journal-tag{
    display: flex;
    gap: 17px;
    align-items: center;
    border-radius: 40px;
    background-color: var(--tag-bg-default);
    padding: 15px;
    cursor: pointer;
    transition: opacity 0.3s ease;
}
.online-journal-tag:hover{
    opacity: 0.75;
}
.online-journal-tags p{
    color: var(--tag-default);
    font-size: 20px;
    line-height: 100%;
    margin: 0;
}
.online-journal-card-tags .online-journal-card-tag p {
    margin-bottom: 0;
}
.online-journal-card-tag.online-journal-reproduction-center,
.online-journal-reproduction-center{
    background-color: var(--tag-reproduction-lowOp);
}
.online-journal-card-tag.online-journal-ophthalmology{
    background-color: var(--tag-ophthalmology-lowOp);
}
.online-journal-reproduction-center p{
    white-space: nowrap;
    color: var(--tag-reproduction);
}
.online-journal-ophthalmology p{
    color: var(--tag-ophthalmology);
}
.online-journal-item-card--content h3{
    font-size: 20px;
    font-weight: 700;
    max-width: 300px;
    color: var(--journal-primary);
    margin: 15px 0 20px;
}
.online-journal-item-card--date{
    font-size: 14px;
    color: var(--journal-date);
    font-weight: 300;
}
.online-journal-cards-block, .online-journal-cards-block2{
    margin-top: 70px;
    margin-bottom: 90px;
}
.online-journal-cards, .online-journal-cards2{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 24px;
    row-gap: 45px;
    border-radius: 40px;
}
.online-journal-cards3 {
    grid-template-columns: repeat(2, 1fr);
}
.online-journal-item-card{
    /*display: grid;*/
    width: 100%;
    max-width: 100%;
    border-radius: 40px;
    box-shadow: 0px 9px 25px 0px #E7F6F587;
    transition: transform 0.3s ease;
    cursor: pointer;
    overflow: hidden;
}
.online-journal-item-card img, .articles-wrap .row-fluid img
{
    width: 409px;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    height: 236px;
    object-fit: cover;
    object-position: 0 15%;
    min-width: 0;
    max-height: fit-content;
}
.online-journal-card-tags{
    display: flex;
    flex-wrap: wrap;
    column-gap: 8px;
    row-gap: 15px;
    align-items: center;
    text-align: center;
}
.online-journal-card-tags p{
    margin: 0;
    font-size: 14px;
}

.online-journal-card-tag{
    padding: 5px 10px;
    color: var(--tag-default);
    line-height: 100%;
    margin: 0;
    background-color: var(--tag-bg-default);
    border-radius: 20px;
    white-space: nowrap;
    width: fit-content;
    cursor: pointer;
    transition: opacity 0.3s ease
}
.online-journal-card-tag:hover{
    opacity: 0.75
}
.online-journal-card-tag.primary-journal-tag{
    background-color: transparent;
    outline: 1px solid var(--tag-default);
}
.online-journal-item-card--content{
    padding: 15px 30px 30px;
    height: max-content;
}
.online-journal-item-card--content a, .online-journal-item-card--content a:hover {
    text-decoration: none;
}

.online-journal-interesting-block{
    /*display: flex;*/
    /*justify-content: space-between;*/
    box-shadow: 0px 9px 25px 0px #E7F6F587;
    margin: 0 0 90px 0;
    border-radius: 40px;
    transition: transform 0.3s ease;
    cursor: pointer;
}

.online-journal-interesting-block__wrapper
{
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    margin: 30px 0;
}
.online-journal-interesting-block__wrapper img {
    width: 406px;
    border-radius: 40px;
}

.online-journal-item-card:hover,
.online-journal-interesting-block:hover{
    transform: translateY(-4px);
}
.online-journal-interesting-content{
    padding: 45px;
    max-width: 600px;
    width: 100%;

}
.online-journal-interesting-content h2{
    font-size: 36px;
    font-weight: 700;
    color: var(--journal-primary);
    margin: 20px 0;
}
.online-journal-interesting-content .online-journal-card-tags{
    margin-top: 45px;
}
.online-journal-interesting-content .online-journal-card-tags{
    flex-direction: column;
    align-items: flex-start;
}
.online-journal-interesting-content .secondary-journal-tags{
    display: flex;
    gap: 15px;
    padding: 0
}

.online-journal-video-tag{
    color: var(--tag-video);
    background-color: var(--tag-video-lowOp);
}
.online-journal-video-content img,
.online-journal-video-block{
    max-width: 412px;
}
.online-journal-video-block{
    /*display: grid;*/
    /*grid-template-columns: repeat(3, 1fr);*/
    display: flex;
    max-width: 100%;
    grid-gap: 16px;
    border-radius: 40px;
    box-shadow: 0px 9px 25px 0px #E7F6F587;
    position: relative;
}
.online-journal-video-content img{
    position: relative;
    height: 553px;
    width: 412px;
    border-radius: 40px;
    object-fit: cover;
    object-position: center;
    aspect-ratio: 16/9;
}

.online-journal-video-content{
    position: relative;
    display: flex;
    cursor: pointer;
    transition: transform 0.3s ease;
}
.online-journal-video-content:hover{
    transform: translateY(-4px);
}
.online-journal-video-content::before {
    content: '';
    position: absolute;
    z-index: 2;
    border-radius: 40px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
}


.online-journal-video-title-block{
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-width: 412px;
    z-index: 4;
    position: absolute;
    padding: 20px;
    color: #FFFFFF;
}
.online-journal-video-content svg{
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.online-journal-video-title-block p{
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
}
.online-journal-video-title-block p:first-child{
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    max-width: 285px;
}

.video-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 40px;
    overflow: hidden;
    display: none;
    z-index: 3;
}
.vjs-modal-dialog,
.vjs-text-track-settings,
.vjs-big-play-button,
.vjs-control-bar,
.vjs-text-track-display,
.vjs-poster{
    display: none;
}
.video-container.active {
    display: block;
}

.video-js {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

.video-preview-wrapper {
    position: relative;
    border-radius: 40px;
    overflow: hidden;
    transition: opacity 0.3s;
}

.video-preview-wrapper:not(.active) {
    opacity: 0;
    pointer-events: none;
}



.vjs-progress-control {
    order: -1;
    position: absolute;
    top: 0;
    width: 100%;
    height: 5px;
    background: rgba(0,0,0,0.3);
}

.video-js .vjs-progress-control{
    width: 100%;
    height: 1rem;
}

.vjs-remaining-time,
.vjs-picture-in-picture-control,
.vjs-fullscreen-control {
    display: none !important;
}

.vjs-control-bar {
    background: transparent !important;
    padding: 0 15px 15px;
    display: flex;
    flex-direction: column;
    height: auto !important;
}

.video-js .vjs-control-bar{
    bottom: 5%;
}
.video-js .vjs-volume-panel{
    bottom: 100%;
}
.video-js .vjs-play-control{
    align-self: center;
}
.transparent-breadcrumbs {
    margin-top: 3em!important;
}
.transparent-breadcrumbs h1 {
    color: var(--journal-primary);
    font-size: 53px!important;
    font-weight: 600;
    font-family: 'Open Sans';
    font-style: initial;
}
.online-journal-video-block.slick-initialized .slick-slide{
    display: flex;
}
.online-journal-video-block .slick-track{
    display: flex;
    gap: 16px;
}
.articles-wrap .doctor-prices__title {
    padding: 77px 0 0 0
}
.center.margin-large {
    margin: 0;
}

@media(max-width: 1024px){
    .transparent-breadcrumbs h1 {
        font-size: 24px!important;
    }
    .online-journal-wrapper{
        display: flex;
        flex-direction: column;
        padding: 0;
    }
    .online-journal-header{
        display: block;
        overflow: scroll;
        scrollbar-width: none;
        padding: 0 0 20px 0;
    }
    .online-journal-item-card{
        width: 100%;
    }
    .online-journal-video-block,
    .online-journal-cards, .online-journal-cards2{
        grid-template-columns: 1fr;
    }
    .online-journal-tags {
        overflow: hidden;
        overflow-x: auto;
        width: 100%;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        max-width: 126%;
        gap: 15px;
        width: max-content;
        box-sizing: border-box;
        -webkit-overflow-scrolling: touch;
    }

    .online-journal-tags::-webkit-scrollbar {
        display: none;
    }

    .online-journal-tags {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    img.online-journal-tag__svg {
        max-width: 40px;
    }
    .online-journal-interesting-block{
        flex-direction: column;
        gap: 16px;
    }
    .online-journal-interesting-content{
        padding: 5px;
    }
    .online-journal-video-block{
        width: 100%;
    }
    .online-journal-wrapper h1{
        font-size: 24px;
    }
    .online-journal-item-card img{
        width: 100%;
    }
    .online-journal-content{
        /*padding: 0 20px*/
    }
    .online-journal-cards-block2{
        margin-top: 90px;
    }
    .online-journal-cards-block{
        margin-top: 20px;
    }
}
@media(max-width: 768px) {
    /*.video-preview-wrapper img {*/
    /*    max-width: 100%;*/
    /*    width: 100%;*/
    /*}*/

    /*.online-journal-video-content img {*/
    /*    height: auto;*/
    /*}*/

    /*.video-preview-wrapper {*/
    /*    width: 100%;*/
    /*}*/

    /*.online-journal-video-block {*/
    /*    max-width: 100%;*/
    /*}*/
    .articles-wrap .doctor-prices__title {
        padding: 154px 0 0 0;
    }

    .online-journal-interesting-block__wrapper {
        display: flex;
        justify-content: space-between;
        cursor: pointer;
        margin: 30px 0;
        flex-direction: column;
    }
    .online-journal-tag{
        padding: 10px;
    }
    .online-journal-tags p{
        font-size: 14px;
    }
    .online-journal-cards {
        column-gap: 0;
    }
    .swiper-pagination .swiper-pagination-bullet-active  {
        background: #2f948c !important;
    }
    .swiper-pagination .swiper-pagination-bullet {
        background: #d9d9d9;
        width: 12px;
        height: 12px;
    }
    .swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: 80px;
    }
}

/*div#sidebar-right {*/
/*    display: none;*/
/*}*/

/*#content {*/
/*    font-weight: 400;*/
/*    width: 100%;*/
/*}*/

.dots.swiper-horizontal > .swiper-pagination-bullets,
.dots.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.dots.swiper-pagination-fraction,
.dots {
    position: static;
    bottom: auto;
    left: auto;
    right: 50%;
    top: 100%;
    transform: translateY(-50%);
    z-index: 100;
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    cursor: pointer;
    margin-top: 45px;
}

.dot {
    width: 20px;
    height: 20px;
    background: transparent;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.7;
}

.dot_active {
    opacity: 1;
}

.dot:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-color: #D9D9D9;
    border-radius: 50%;
}

.dot:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    left: 0;
    right: 0;
    box-sizing: border-box;
    opacity: 0;
    transition: 0.3s all;
    background-color: #44948C;
}

.dot:hover:after {
    opacity: 0.5;
}

.dot_active:hover:after,
.dot_active:after {
    opacity: 1;
}

/* End */
/* /bitrix/templates/ultimate_paramonov_by_clever/components/bitrix/catalog/custom-catalog/style.css?1530191080780 */
/* /bitrix/templates/ultimate_paramonov_by_clever/components/bitrix/catalog/custom-catalog/bitrix/catalog.section/oftalmologiya2026/style.css?178973642674789 */
/* /bitrix/templates/ultimate_paramonov_by_clever/components/bitrix/news.list/main_advt2/style.css?177980196212731 */