/* Page-specific styles for oplata-styles.css */
/* Common styles are in base-styles.css */
/*** (PAGE_ID: #1698054) STYLES FOR BLOCKS ***/
.blk_section[data-id=s-a21aab4ec4314feb97054fccaac963d3] {
  padding-top: 80px;
  padding-bottom: 40px;
  background: #fff;
}

.gs-fonts--3[class] {
  font-family: arial, "helvetica neue", helvetica, sans-serif !important;
  font-weight: normal !important;
  font-style: normal !important;
  font-size: 42px !important;
  line-height: 120% !important;
  letter-spacing: 0 !important;
}

.blk.blk_text[data-id=b-037e0f9e5c1246b08570626127766e3a] .blk-data {
  font-size: 18px;
  padding: 0;
}

.blk.blk_text[data-id=b-11b36d26a8fe4f4e961b2a6263c8ab4a] .blk-data {
  font-size: 20px;
  padding: 0;
}

#el-90d1738a3d80403f962353a50b0b27ec .m-image img,
#el-90d1738a3d80403f962353a50b0b27ec .m-image svg {
  width: 388px;
}

#el-90d1738a3d80403f962353a50b0b27ec .m-image__wrapper {
  position: relative;
  width: 353px;
  height: 270px;
}

#el-90d1738a3d80403f962353a50b0b27ec .m-image svg {
  width: 388px;
  left: -18px;
}

#el-90d1738a3d80403f962353a50b0b27ec .m-image__sub-wrapper {
  overflow: hidden;
  border-radius: 20px;
  box-shadow: none;
}

@media (width <= 500px) {
  #el-90d1738a3d80403f962353a50b0b27ec .m-image img,
  #el-90d1738a3d80403f962353a50b0b27ec .m-image svg {
    width: 330px;
  }
  #el-90d1738a3d80403f962353a50b0b27ec .m-image__wrapper {
    width: 330px;
    height: 200px;
  }
}
#el-90d1738a3d80403f962353a50b0b27ec .m-image img,
#el-90d1738a3d80403f962353a50b0b27ec .m-image svg {
  min-width: 353px;
  width: 353px;
}

#el-90d1738a3d80403f962353a50b0b27ec .m-image__wrapper {
  border-radius: px;
}

#el-90d1738a3d80403f962353a50b0b27ec .m-image.is-svg svg,
#el-90d1738a3d80403f962353a50b0b27ec .m-image.is-svg img,
#el-90d1738a3d80403f962353a50b0b27ec .m-image > img[src*=".gif"] {
  width: 388px;
}

@media (width <= 500px) {
  #el-90d1738a3d80403f962353a50b0b27ec .m-image.m-image--mob img,
  #el-90d1738a3d80403f962353a50b0b27ec .m-image.m-image--mob svg {
    min-width: 330px;
    width: 330px;
  }
  #el-90d1738a3d80403f962353a50b0b27ec .m-image.m-image--mob.is-svg svg,
  #el-90d1738a3d80403f962353a50b0b27ec .m-image.m-image--mob.is-svg img,
  #el-90d1738a3d80403f962353a50b0b27ec .m-image.m-image--mob > img[src*=".gif"] {
    width: 330px;
    top: -15px;
    left: 0;
  }
}
#el-90d1738a3d80403f962353a50b0b27ec .block-content {
  justify-content: center;
}

.blk_container.v3 .td_container_cell[data-cell_id=c-5e3ddf8138424f429b2fc2a099497244] {
  width: 66.874%;
  padding: 0 10px;
}

.blk_container.v3 .td_container_cell[data-cell_id=c-1030092856c84c009057fe0a508e5e7b] {
  width: 33.126%;
  padding: 0 10px;
}

.blk_container[data-id=b-6d015519c5eb49e0ab1b0ca1c0ed3bce] > .blk_container_cells_wrap {
  margin: 0 -10px;
}

.blk_container[data-id=b-6d015519c5eb49e0ab1b0ca1c0ed3bce] > .blk_container_cells_wrap > .blk_container_cells > .td_container_cell > .cell {
  border-radius: 0;
  padding: 0;
}

.blk_section[data-id=s-395177c19ec94b188a1fc653dddd455c] {
  padding-top: 41px;
  padding-bottom: 60px;
  background: #fff;
}

.blk.blk_text[data-id=b-461e71af089b4241b69dc75483e62f47] .blk-data {
  font-size: 32px;
  padding: 0;
}

#el-34807d3bfc2f4a4fb1e44716641c606d > .block-content {
  display: flex;
}

#el-34807d3bfc2f4a4fb1e44716641c606d > .block-content > .m-block-wrapper {
  width: 100%;
  margin: 0;
}

#el-34807d3bfc2f4a4fb1e44716641c606d.blk-in-abs > .block-content > .m-block-wrapper {
  width: 700px;
  height: 168px;
  margin: 0;
}

#el-34807d3bfc2f4a4fb1e44716641c606d.blk--resizing > .block-content > .m-block-wrapper {
  width: 100%;
  height: 100%;
}

@media (width <= 500px) {
  #el-34807d3bfc2f4a4fb1e44716641c606d > .block-content > .m-block-wrapper {
    margin: 0;
  }
  #el-34807d3bfc2f4a4fb1e44716641c606d.blk-in-abs > .block-content > .m-block-wrapper {
    width: 300px;
    height: 168px;
    margin: 0;
  }
  #el-34807d3bfc2f4a4fb1e44716641c606d.blk--resizing > .block-content > .m-block-wrapper {
    width: 100%;
    height: 100%;
  }
}
#el-34807d3bfc2f4a4fb1e44716641c606d > .block-content > .m-block-wrapper {
  min-width: 0;
}

#el-34807d3bfc2f4a4fb1e44716641c606d {
  --align: start;
  --iconSize: 48px;
  --tabRadius: 2px;
  --iconRadius: 6px;
  --tabWidth: 200px;
  --tabHeight: 60px;
  --tabMargin: 8px;
  --slotMargin: 16px;
}

#el-34807d3bfc2f4a4fb1e44716641c606d.blk-in-abs > .block-content > .m-block-wrapper {
  height: auto;
}

#el-34807d3bfc2f4a4fb1e44716641c606d.blk-in-abs.blk--resizing .block-content,
#el-34807d3bfc2f4a4fb1e44716641c606d.blk-in-abs.blk--resizing .m-block-wrapper {
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
}

#el-34807d3bfc2f4a4fb1e44716641c606d .ms-tabs-wrapper,
#el-34807d3bfc2f4a4fb1e44716641c606d .ms-tabs__content {
  display: grid;
}

#el-34807d3bfc2f4a4fb1e44716641c606d .ms-tabs__content {
  background: #0378a6;
  grid-template-columns: minmax(100px, 100%);
}

#el-34807d3bfc2f4a4fb1e44716641c606d .ms-tab-wrapper,
#el-34807d3bfc2f4a4fb1e44716641c606d .ms-tabs__list {
  position: relative;
}

#el-34807d3bfc2f4a4fb1e44716641c606d .ms-tabs-list_wrapper {
  display: grid;
  grid-template-columns: max-content 1fr max-content;
  height: fit-content;
}

#el-34807d3bfc2f4a4fb1e44716641c606d .ms-tabs__list {
  justify-self: var(--align);
  grid-area: 1/2;
  gap: var(--tabMargin);
  overflow: auto hidden;
  max-width: 100%;
}

#el-34807d3bfc2f4a4fb1e44716641c606d .ms-tabs__list::-webkit-scrollbar {
  height: 5px;
  width: 5px;
  background-color: transparent;
}

#el-34807d3bfc2f4a4fb1e44716641c606d .ms-tabs__list::-webkit-scrollbar-thumb {
  background-color: #f5f5fa;
}

@document url-prefix() {
  .ms-tabs-wrapper-34807d3bfc2f4a4fb1e44716641c606d .ms-tabs__list {
    scrollbar-color: #f5f5fa transparent;
  }
}
#el-34807d3bfc2f4a4fb1e44716641c606d .ms-tab__content {
  grid-area: 1/1;
  margin: var(--slotMargin);
  max-width: 100%;
}

#el-34807d3bfc2f4a4fb1e44716641c606d .ms-tabs__list {
  display: grid;
  grid-template-columns: repeat(2, max-content);
}

#el-34807d3bfc2f4a4fb1e44716641c606d .ms-tab-wrapper {
  min-width: var(--tabWidth);
  min-height: var(--tabHeight);
  height: max-content;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: end;
  border-top-left-radius: var(--tabRadius);
  border-top-right-radius: var(--tabRadius);
  gap: 16px;
  color: #6a6a6a;
  background: #f5f5fa;
  transition: color 0.5s linear;
  transition: background 0.5s linear;
  transition: border 0.5s linear;
  transition: filter 0.5s linear;
  transition: 0.5s;
  padding: 10px 0;
}

#el-34807d3bfc2f4a4fb1e44716641c606d .ms-tab {
  white-space: nowrap;
}

#el-34807d3bfc2f4a4fb1e44716641c606d .ms-tabs-wrapper {
  filter: drop-shadow();
}

#el-34807d3bfc2f4a4fb1e44716641c606d .ms-tab-wrapper--active {
  color: #0378a6;
  background: #0378a6;
}

#el-34807d3bfc2f4a4fb1e44716641c606d .ms-tab-wrapper--active .ms-tab {
  display: block;
}

@media (width <= 500px) {
  #el-34807d3bfc2f4a4fb1e44716641c606d.blk-in-abs > .block-content > .m-block-wrapper {
    height: auto;
  }
  #el-34807d3bfc2f4a4fb1e44716641c606d {
    --tabWidth: 100px;
    --tabHeight: 24px;
    --tabMargin: 8px;
    --slotMargin: 16px;
  }
}
#el-34807d3bfc2f4a4fb1e44716641c606d {
  --dividerWidth: 2px;
}

#el-34807d3bfc2f4a4fb1e44716641c606d .ms-tabs-wrapper-34807d3bfc2f4a4fb1e44716641c606d > .ms-tabs-list_wrapper {
  position: relative;
}

#el-34807d3bfc2f4a4fb1e44716641c606d .ms-tabs-wrapper-34807d3bfc2f4a4fb1e44716641c606d {
  filter: unset;
}

#el-34807d3bfc2f4a4fb1e44716641c606d .ms-tabs__list-34807d3bfc2f4a4fb1e44716641c606d > .ms-tab-wrapper {
  border: none;
  margin-bottom: var(--dividerWidth);
}

#el-34807d3bfc2f4a4fb1e44716641c606d .ms-tabs__list-34807d3bfc2f4a4fb1e44716641c606d > .ms-tab-wrapper,
#el-34807d3bfc2f4a4fb1e44716641c606d .ms-tabs__content-34807d3bfc2f4a4fb1e44716641c606d {
  background: none;
}

#el-34807d3bfc2f4a4fb1e44716641c606d .ms-tabs__list-34807d3bfc2f4a4fb1e44716641c606d > .ms-tab-wrapper > .ms-tab__divider {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: var(--dividerWidth);
  background: #f5f5fa;
  transition: 0.5s;
  border-radius: 50px;
}

#el-34807d3bfc2f4a4fb1e44716641c606d .ms-tabs-wrapper-34807d3bfc2f4a4fb1e44716641c606d > .ms-tabs-list_wrapper::after {
  content: "";
}

#el-34807d3bfc2f4a4fb1e44716641c606d .ms-tabs__list-34807d3bfc2f4a4fb1e44716641c606d > .ms-tab-wrapper > .ms-tab__divider {
  transform: translateY(100%);
  overflow: hidden;
  z-index: 1;
}

#el-34807d3bfc2f4a4fb1e44716641c606d .ms-tabs__list-34807d3bfc2f4a4fb1e44716641c606d > .ms-tab-wrapper--active > .ms-tab__divider {
  background: #0378a6;
}

#el-34807d3bfc2f4a4fb1e44716641c606d .block-content {
  justify-content: center;
}

.gs-fonts--124[class] {
  font-family: arial, "helvetica neue", helvetica, sans-serif !important;
  font-weight: normal !important;
  font-style: normal !important;
  font-size: 20px !important;
  line-height: 120% !important;
  letter-spacing: 0 !important;
}

.blk.blk_text[data-id=b-f052ed3566094ea5b0d7956fc7944631] .blk-data {
  font-size: 24px;
  padding: 0;
}

.blk.blk_text[data-id=b-818d87e5d55749599cf7a24c5eaef675] .blk-data {
  font-size: 17px;
  padding: 0;
}

.blk.blk_text[data-id=b-6445b3357391459abfab5f687b3669a7] .blk-data {
  font-size: 24px;
  padding: 0;
}

.blk.blk_text[data-id=b-5be00664918e4f82a9fa046034c8b9a9] .blk-data {
  font-size: 17px;
  padding: 0;
}

@media (width <= 500px) {
  .blk_section[data-id=s-a21aab4ec4314feb97054fccaac963d3] {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .blk_container.v3 .td_container_cell[data-cell_id=c-5e3ddf8138424f429b2fc2a099497244] {
    width: 100%;
    margin-bottom: 20px;
    padding: 0 10px;
  }
  .blk_container.v3 .td_container_cell[data-cell_id=c-1030092856c84c009057fe0a508e5e7b] {
    width: 100%;
    margin-bottom: 0;
    padding: 0 10px;
  }
  .blk_container[data-id=b-6d015519c5eb49e0ab1b0ca1c0ed3bce] > .blk_container_cells_wrap > .blk_container_cells {
    display: flex;
    flex-flow: row wrap;
  }
  .blk_section[data-id=s-395177c19ec94b188a1fc653dddd455c] {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .gs-fonts--124[class] {
    font-size: 14px !important;
    line-height: 120% !important;
  }
}
