@font-face {
  font-family: Gillsansc;
  src: url('../fonts/GillSansC.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --primary: #664d7a;
  --secondary: #a086b2;
  --transparent: #fff0;
  --accent: #ff8b3f;
  --white: white;
  --secondary-alt2: #d99776;
  --bg: #f7f1e0;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

a {
  color: var(--primary);
  text-decoration: underline;
}

.scommon {
  background-color: var(--transparent);
  color: var(--primary);
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
}

.ccommon {
  width: 100%;
  min-width: auto;
  max-width: 1280px;
  height: 700px;
  margin-top: 100px;
  font-size: 18px;
}

.body {
  background-color: #fbfaf8;
  font-family: Gillsansc, sans-serif;
  font-size: 20px;
  line-height: 110%;
  display: block;
}

.container {
  width: 100%;
}

.c1 {
  width: 100%;
  max-width: none;
  display: flex;
}

.c1l {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.c1l.h1, .c1r.h1 {
  color: var(--primary);
  font-family: Gillsansc, sans-serif;
  font-size: 96px;
  line-height: 90%;
}

.bodynormal {
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  line-height: 140%;
}

.h1desktop {
  margin-bottom: 30px;
  padding-right: 20px;
  font-family: Raleway, sans-serif;
  font-size: 85px;
  line-height: 90%;
}

.image {
  border-radius: 20px;
  max-width: none;
}

.herobtnblock {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  width: 100%;
  margin-top: 30px;
  padding-right: 20px;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  line-height: 140%;
  display: flex;
}

.btnprimary {
  background-color: var(--accent);
  letter-spacing: 1px;
  text-indent: 0;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 507px;
  height: 70px;
  padding: 0 26px;
  font-family: Raleway, sans-serif;
  font-size: 20px;
  line-height: 100%;
  display: flex;
}

.btnsecondary {
  background-color: var(--transparent);
  color: var(--primary);
  text-align: center;
  letter-spacing: 1px;
  text-indent: 0;
  border: 2px solid #000;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 26px;
  font-family: Gillsansc, sans-serif;
  font-size: 20px;
  line-height: 100%;
  display: none;
}

.c2 {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.c2.h1 {
  color: var(--primary);
  font-family: Gillsansc, sans-serif;
  font-size: 96px;
  line-height: 90%;
}

.c2c {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.h2accent {
  color: var(--accent);
  font-family: Raleway, sans-serif;
  font-size: 36px;
  line-height: 100%;
}

.h2 {
  font-family: Raleway, sans-serif;
  font-size: 36px;
  line-height: 100%;
}

.quick-stack {
  margin-top: 54px;
  padding: 0;
}

._2cell {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  min-height: 280px;
  padding-top: 35px;
  padding-bottom: 15px;
  padding-right: 50px;
  display: flex;
}

._2cell.toup {
  justify-content: flex-start;
  align-items: flex-start;
  max-height: none;
}

.cellimg {
  margin-bottom: 10px;
}

.c3 {
  flex-flow: row;
  width: 100%;
  max-width: 1280px;
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.c3l {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  width: 425px;
  margin-right: 26px;
  display: flex;
}

.c3r {
  flex-flow: column;
  flex: 1;
  display: flex;
}

.c3lane {
  display: flex;
}

.c3img {
  margin: 20px 20px 20px 30px;
}

.c3text {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  max-width: 480px;
  display: flex;
}

.cheadflex {
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.chead {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  max-width: 680px;
  display: flex;
}

.c3right {
  color: var(--secondary);
  text-align: left;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 310px;
  font-family: Gillsansc, sans-serif;
  display: flex;
}

.c4 {
  width: 100%;
  max-width: 1280px;
  margin-top: 80px;
}

.tabcontainer {
  width: 870px;
  display: flex;
  overflow-y: auto;
}

.tabcontent {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-left: 20px;
  display: flex;
}

.tabtext {
  margin-top: 20px;
  margin-bottom: 0;
}

.btnsecondarysmall {
  background-color: var(--transparent);
  color: var(--primary);
  letter-spacing: 1px;
  text-indent: 0;
  border: 2px solid #000;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 10px;
  font-family: Gillsansc, sans-serif;
  font-size: 20px;
  line-height: 100%;
  display: flex;
}

.tablink {
  color: var(--secondary);
  background-color: #f7f1e0;
  border-radius: 24px;
  margin-bottom: 12px;
  margin-right: 20px;
  padding: 10px 20px;
  font-size: 16px;
}

.tablink.w--current {
  background-color: var(--primary);
  color: var(--white);
  display: inline-block;
}

.tabs-menu {
  white-space: normal;
  margin-top: 64px;
  margin-bottom: 8px;
}

.c5 {
  width: 100%;
  max-width: 1280px;
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 40px;
}

.c5grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: ". Area ."
                 ". Area Area-2"
                 / 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 60px;
  display: grid;
}

.c5cellwtext32 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 288px;
  display: flex;
}

.c5cellimgexpand {
  flex: 0 auto;
  align-self: flex-end;
}

.c5celltextwimage {
  cursor: pointer;
  width: 100%;
}

.c5cellimage {
  margin-bottom: 20px;
}

.text-block, .celltext {
  flex: 1;
  font-family: Raleway, sans-serif;
}

.mygrids {
  margin-top: 60px;
  display: flex;
}

.mylane {
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  height: 600px;
  display: flex;
}

.mylane._1 {
  margin-right: -80px;
  padding-bottom: 70px;
}

.celltext12 {
  width: 325px;
}

.c5cellwtext11 {
  cursor: pointer;
  justify-content: flex-start;
  align-items: flex-start;
  width: 200px;
  display: flex;
}

.c5cellwtext12 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 227px;
  display: flex;
}

.c5cellwtext21 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 229px;
  display: flex;
}

.c5cellwtext31 {
  cursor: pointer;
  justify-content: flex-start;
  align-items: flex-start;
  width: 324px;
  display: flex;
}

.c6 {
  width: 100%;
  max-width: 1280px;
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
}

.proposals {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 48px;
  margin-bottom: 60px;
  display: flex;
}

.proposal1 {
  background-color: #fff;
  border-radius: 20px;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: stretch;
  padding: 48px 40px;
  display: flex;
}

.proposal2 {
  background-color: #f7f1e0;
  border-radius: 20px;
  flex: 1;
  padding: 48px 40px;
}

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

.checkcont {
  margin-right: 8px;
}

.ul {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  margin-top: 24px;
  font-size: 18px;
  display: flex;
}

.pricecont {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 64px;
  display: flex;
}

.h2-alt {
  font-family: Nunito Sans, sans-serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 100%;
}

.btnsecondarymedium {
  border: 2px solid var(--primary);
  background-color: var(--transparent);
  color: var(--primary);
  letter-spacing: 1px;
  text-indent: 0;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 20px;
  padding: 18px 40px;
  font-family: Raleway, sans-serif;
  font-size: 20px;
  line-height: 100%;
  display: flex;
}

.btnsecondarymedium.topmargin20 {
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.lialready {
  color: var(--secondary);
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.c7 {
  width: 100%;
  max-width: 1280px;
  margin: 80px auto;
  display: flex;
}

.c7l {
  width: 40%;
}

.c7r {
  flex-flow: column;
  flex: 1;
  padding: 0;
  display: block;
}

.questlane {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding: 16px;
  display: flex;
}

.scelary {
  border-top: 1px solid var(--secondary-alt2);
  color: var(--primary);
  background-color: #f7f1e0;
  width: 100%;
  padding: 16px;
}

.ccelary {
  flex-flow: column;
  width: 100%;
  max-width: 1280px;
  margin-top: 80px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 80px;
  display: flex;
}

.logo {
  margin-bottom: 48px;
}

.celaries {
  font-family: Nunito Sans, sans-serif;
  font-size: 16px;
  display: flex;
}

.celary {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.celary.hide {
  display: none;
}

.celarylink {
  margin-bottom: 12px;
}

.celaryhead {
  margin-bottom: 16px;
}

.titles {
  justify-content: space-between;
  align-items: center;
  margin-top: 48px;
  font-family: Nunito Sans, sans-serif;
  font-size: 16px;
  display: flex;
}

.div-block {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  display: flex;
}

.menu {
  z-index: 10;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #fbfaf8e6;
  height: 64px;
  position: fixed;
  inset: 0% 0% auto;
}

.menucontainer {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.restmenu {
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}

.menuitem {
  color: var(--primary);
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding: 24px 16px;
  font-size: 16px;
  display: flex;
}

.btnsecondarymedium-copy {
  background-color: var(--transparent);
  color: var(--primary);
  letter-spacing: 1px;
  text-indent: 0;
  border: 2px solid #000;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  padding: 18px 40px;
  font-family: Gillsansc, sans-serif;
  font-size: 20px;
  line-height: 100%;
  display: flex;
}

.btnsecondaryxsmall {
  border: 1px solid var(--primary);
  background-color: var(--transparent);
  color: var(--primary);
  letter-spacing: 1px;
  text-indent: 0;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 5px 32px;
  font-family: Gillsansc, sans-serif;
  font-size: 16px;
  line-height: 100%;
  text-decoration: none;
  display: flex;
}

.answerlane {
  border-bottom: 0 solid #000;
  justify-content: space-between;
  align-items: center;
  padding: 0 16px;
  display: block;
  overflow: hidden;
}

.imageup {
  cursor: pointer;
  transform: rotate(90deg);
}

.tabs {
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
}

.tab-pane-tab-2 {
  width: 870px;
}

.btntaxxsmall {
  letter-spacing: 0;
  margin-left: 6px;
  font-family: Raleway, sans-serif;
  text-decoration: none;
}

.menuitemmobile {
  color: var(--primary);
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 16px;
  display: none;
}

.img21 {
  width: auto;
}

.menulink {
  height: 100%;
  text-decoration: none;
}

.menulink:hover {
  text-decoration: none;
}

.menulink.w--current {
  height: 100%;
}

.bgmodal1 {
  z-index: 20;
  background-color: #00000080;
  justify-content: center;
  align-items: flex-start;
  display: none;
  position: fixed;
  inset: 0%;
  overflow-y: hidden;
  padding: 20px 0;
}

.modal-body {
  background-color: var(--white);
  cursor: auto;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50rem;
  height: auto;
  max-height: calc(100vh - 40px);
  margin: auto;
  padding: 15px 35px 35px;
  display: flex;
  overflow-y: auto;
  box-shadow: 0 0 30px 30px #0003;
}

.back-block {
  cursor: pointer;
  align-self: flex-end;
  margin-bottom: -25px;
  margin-right: -35px;
  padding: 15px 30px;
  font-size: 24px;
  line-height: 100%;
  position: static;
}

.text-block-23 {
  color: var(--primary);
  margin-bottom: 0;
  line-height: 32px;
}

.heading-12 {
  color: var(--primary);
  letter-spacing: 0;
}

.form-block {
  width: 175px;
  font-size: 20px;
}

.form {
  width: 100%;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
}

.submit-button {
  background-color: var(--accent);
  border-radius: 50px;
  width: 100%;
  margin-top: 24px;
  padding: 20px 40px;
  font-size: 20px;
}

.text-field {
  background-color: var(--bg);
  color: var(--primary);
  border-radius: 8px;
  margin-bottom: 16px;
  padding: 26px 30px 26px 12px;
}

.text-field:hover {
  border: 1px solid var(--primary);
}

.text-field:active {
  background-color: var(--white);
  color: var(--secondary);
}

.text-field::placeholder {
  color: var(--primary);
  font-size: 18px;
}

.text-field-2 {
  background-color: var(--bg);
  padding: 30px;
}

.text-field-2::placeholder {
  font-size: 18px;
}

.text-field-3 {
  background-color: var(--bg);
  padding: 30px;
}

.h4 {
  color: var(--primary);
  text-align: center;
  letter-spacing: 0;
  width: 100%;
  margin-bottom: 50px;
  font-size: 24px;
  line-height: 26.5px;
}

.text-block-24 {
  text-align: right;
}

.textinform {
  text-align: right;
  margin-bottom: 32px;
}

.textinformplain {
  text-align: left;
  margin-bottom: 24px;
}

.radiogroup {
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.radio-button-field, .radio-button-field-2 {
  width: 100%;
}

.errordic {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  padding: 4px;
  display: flex;
  align-items: flex-start;
}

.errordic img {
  flex-shrink: 0;
  height: auto;
}

.success-message {
  background-color: var(--transparent);
}

.modal-body-1 {
  z-index: 20;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: fixed;
  inset: 0%;
}

.tabs-content {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.bgmt1 {
  z-index: 20;
  background-color: #00000080;
  justify-content: center;
  align-items: flex-start;
  display: none;
  position: fixed;
  inset: 0%;
  overflow-y: auto;
  padding: 20px 0;
}

.h3 {
  color: var(--primary);
  font-size: 36px;
  line-height: 40px;
}

.bgmt2, .bgmt3, .bgmt4, .bgmt5, .bgmt6, .bgmt7, .bgmt8, .bgma1, .bgma2, .bgma3, .bgma4, .bgma5 {
  z-index: 20;
  background-color: #00000080;
  justify-content: center;
  align-items: flex-start;
  display: none;
  position: fixed;
  inset: 0%;
  overflow-y: auto;
  padding: 20px 0;
}

.qaline {
  cursor: pointer;
  flex-flow: column;
  margin-bottom: 16px;
  display: flex;
}

.text-block-25 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.answer4 {
  color: var(--secondary);
  border-bottom: 1px solid #000;
  padding-top: 0;
  padding-bottom: 16px;
  font-family: Nunito Sans, sans-serif;
}

.bghamburger {
  z-index: 20;
  background-color: #00000080;
  justify-content: center;
  align-items: flex-start;
  display: none;
  position: fixed;
  inset: 0%;
  overflow-y: auto;
}

.hamburgermenumodalbody {
  background-color: var(--white);
  cursor: auto;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  margin: 0;
  display: flex;
  box-shadow: 0 0 30px 30px #0003;
}

.restmenumobilemodal {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.menulinkmobilemenu {
  height: auto;
  text-decoration: none;
}

.menulinkmobilemenu:hover {
  text-decoration: none;
}

.menulinkmobilemenu.w--current {
  height: auto;
}

.menulinkmobilemenubtn {
  height: auto;
  text-decoration: none;
}

.menulinkmobilemenubtn:hover {
  text-decoration: none;
}

.menulinkmobilemenubtn.w--current {
  height: auto;
}

.menucontainermobile {
  background-color: var(--white);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.link-block {
  color: var(--primary);
}

.bgmodallogin {
  z-index: 20;
  background-color: #00000080;
  justify-content: center;
  align-items: flex-start;
  display: none;
  position: fixed;
  inset: 0%;
  overflow-y: hidden;
  padding: 20px 0;
}

.modal-body-login {
  background-color: var(--white);
  cursor: auto;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 25rem;
  height: auto;
  max-height: calc(100vh - 40px);
  margin: auto;
  padding: 15px 35px 35px;
  display: flex;
  overflow-y: auto;
  box-shadow: 0 0 30px 30px #0003;
}

.image-4 {
  border-radius: 20px;
}

.radio-button-field-form {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex: 1;
  width: 100%;
  display: block;
}

.radio-button-1 {
  width: 12px;
  height: 12px;
  margin-top: 5px;
  margin-right: 5px;
  padding-top: 2px;
}

.text-block-26, .text-block-27, .text-block-28, .text-block-29, .text-block-30, .text-block-31, .text-block-32, .text-block-33, .text-block-34, .text-block-35, .text-block-36, .text-block-37, .text-block-38, .text-block-39, .text-block-40, .text-block-41, .text-block-42, .text-block-43, .text-block-44, .text-block-45, .text-block-46, .text-block-47, .text-block-48, .text-block-49, .text-block-50, .text-block-51, .text-block-52, .text-block-53, .text-block-54 {
  font-family: Raleway, sans-serif;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

@media screen and (min-width: 1280px) {
  .heading-12 {
    letter-spacing: 0;
    font-size: 4rem;
    line-height: 5rem;
  }

  .h4 {
    letter-spacing: 0;
  }
}

@media screen and (max-width: 991px) {
  .scommon {
    padding: 0;
  }

  .ccommon {
    padding-left: 15px;
    padding-right: 15px;
  }

  .c1l {
    justify-content: flex-start;
    align-items: flex-start;
    width: 50%;
  }

  .c1r {
    width: 40%;
    margin-left: auto;
    margin-right: auto;
  }

  .h1desktop {
    font-size: 48px;
  }

  .image {
    width: 100%;
    height: auto;
  }

  .herobtnblock {
    flex-flow: column;
  }

  .btnprimary {
    width: auto;
  }

  .c2c {
    padding-left: 15px;
    padding-right: 15px;
  }

  .h2accent, .h2 {
    font-size: 24px;
  }

  .quick-stack {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    margin-top: 20px;
  }

  ._2cell {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 440px;
    height: auto;
    min-height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  ._2cell.toup {
    justify-content: flex-start;
    align-items: center;
  }

  .c3 {
    flex-flow: column;
    padding-left: 15px;
    padding-right: 15px;
  }

  .c3l {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: auto;
  }

  .c3r {
    margin-top: 20px;
  }

  .c3lane {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .c3img {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .chead {
    justify-content: flex-start;
    align-items: flex-start;
    max-width: none;
  }

  .c3right {
    display: none;
  }

  .c4 {
    margin-top: 40px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .tabcontainer {
    width: 100%;
    max-height: 620px;
    overflow-y: auto;
  }

  .tabtop {
    font-size: 16px;
  }

  .tablink {
    margin-bottom: 6px;
    margin-right: 12px;
    padding: 8px 16px;
    font-size: 14px;
  }

  .tabs-menu {
    white-space: nowrap;
    margin-top: 16px;
    margin-bottom: 16px;
    margin-right: -16px;
    overflow: auto;
  }

  .c5 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .c5celltextwimage {
    width: auto;
  }

  .mygrids {
    flex-flow: column;
    margin-top: 32px;
  }

  .mylane {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
  }

  .mylane._1 {
    flex-flow: row;
    margin-right: 0;
  }

  .c6 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .proposals {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .proposal1, .proposal2 {
    padding: 20px;
  }

  .checkcont {
    min-width: 24px;
  }

  .ul {
    margin-top: 16px;
  }

  .pricecont {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    margin-top: 24px;
  }

  .h2-alt {
    font-size: 24px;
  }

  .btnsecondarymedium {
    margin-top: 12px;
    padding: 12px 20px;
    font-size: 16px;
  }

  .btnsecondarymedium.topmargin20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .c7, .ccelary {
    padding-left: 15px;
    padding-right: 15px;
  }

  .titles {
    justify-content: space-between;
    align-items: flex-end;
  }

  .div-block {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    width: 67%;
  }

  .menucontainer {
    padding: 16px 15px;
  }

  .restmenu {
    display: none;
  }

  .tab-pane-tab-2 {
    width: auto;
  }

  .menuitemmobile {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .cell {
    justify-content: flex-start;
    align-items: center;
  }

  .img21 {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
  }

  .t1 {
    max-width: none;
    height: auto;
    max-height: 360px;
  }

  .tab-pane-tab-3 {
    width: auto;
  }

  .bgmodal1 {
    display: none;
  }

  .modal-body {
    width: 90%;
  }

  .text-block-23 {
    margin-bottom: 0;
  }

  .heading-12, .h4 {
    letter-spacing: 0;
  }

  .bghamburger {
    display: none;
  }

  .menucontainermobile {
    padding: 16px 15px;
  }

  .bgmodallogin {
    display: none;
  }

  .modal-body-login {
    width: 90%;
  }
}

@media screen and (max-width: 767px) {
  .ccommon {
    height: auto;
  }

  .c1 {
    flex-flow: column;
  }

  .c1l {
    width: 100%;
  }

  .c1r {
    margin-top: auto;
    margin-bottom: auto;
  }

  .bodynormal {
    font-size: 14px;
  }

  .h1desktop {
    margin-bottom: 15px;
  }

  .herobtnblock {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .btnprimary {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 14px;
  }

  .btnsecondary {
    padding-top: 13px;
    padding-bottom: 13px;
    font-size: 14px;
  }

  .c2c {
    margin-top: 30px;
  }

  .h2accent, .h2 {
    font-size: 24px;
  }

  ._2cell {
    max-width: 300px;
  }

  .c3lane {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .tabtop {
    font-size: 14px;
  }

  .tablink {
    margin-bottom: 4px;
    margin-right: 8px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 12px;
  }

  .c5celltextwimage {
    flex: 1;
  }

  .mylane {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .c6 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .proposals {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    margin-top: 12px;
  }

  .proposal1 {
    padding: 32px 10px;
  }

  .h2-alt {
    font-size: 24px;
  }

  .btnsecondarymedium {
    font-size: 14px;
  }

  .btnsecondarymedium.topmargin20 {
    font-size: 16px;
  }

  .c7 {
    flex-flow: column;
  }

  .questlane {
    margin-bottom: 4px;
    padding-left: 0;
    font-size: 14px;
  }

  .ccelary {
    margin-top: 30px;
    margin-bottom: 0;
    padding-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .celaries {
    flex-flow: column;
  }

  .celary {
    margin-bottom: 20px;
  }

  .titles {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column-reverse;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 0;
  }

  .div-block {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    width: 100%;
  }

  .menucontainer {
    padding-left: 15px;
  }

  .restmenu {
    display: none;
  }

  .answerlane {
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
  }

  .menuitemmobile {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .img21 {
    width: 75%;
  }

  .t1 {
    max-height: 280px;
  }

  .image-3 {
    width: 230px;
    max-width: 100%;
  }

  .modal-body {
    width: 95%;
    padding-left: 16px;
    padding-right: 16px;
  }

  .back-block {
    margin-right: -20px;
    padding-top: 0;
  }

  .heading-12 {
    letter-spacing: 0;
  }

  .submit-button {
    margin-top: 8px;
  }

  .h4 {
    letter-spacing: 0;
    margin-top: 10px;
    margin-bottom: 30px;
  }

  .textinform, .textinformplain {
    margin-bottom: 8px;
  }

  .radiogroup {
    flex-flow: column;
  }

  .radio-button-field {
    width: 70%;
  }

  .menucontainermobile {
    padding-left: 15px;
  }

  .modal-body-login {
    width: 95%;
    padding-left: 16px;
    padding-right: 16px;
  }

  .radio-button-field-form {
    width: 70%;
  }
}

@media screen and (max-width: 479px) {
  a {
    color: var(--primary);
  }

  a:visited {
    color: var(--secondary);
  }

  .ccommon {
    height: auto;
    padding-left: 15px;
    padding-right: 15px;
  }

  .c1 {
    flex-flow: column;
  }

  .c1r {
    object-fit: none;
    width: 100%;
    height: 200px;
    overflow: hidden;
  }

  .bodynormal {
    font-size: 14px;
  }

  .h1desktop {
    font-size: 48px;
  }

  .image {
    width: 100%;
    max-width: none;
    height: auto;
    transform: translate(0, -25%);
  }

  .herobtnblock {
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .btnprimary {
    width: auto;
    height: 44px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .btnsecondary {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  ._2cell {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .cellimg {
    max-width: 64px;
    margin-right: 10px;
  }

  .c3img {
    width: auto;
    max-width: 64px;
    margin-right: 20px;
  }

  .c3right {
    display: none;
  }

  .c4 {
    padding-left: 15px;
  }

  .tabcontainer {
    max-height: none;
  }

  .tablink {
    display: inline-block;
  }

  .mylane {
    flex-flow: column-reverse;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
  }

  .mylane._1 {
    flex-flow: column;
    padding-bottom: 0;
  }

  .c5cellwtext11 {
    width: auto;
  }

  .c5cellwtext31 {
    width: auto;
    padding-left: 0;
  }

  .li {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .checkcont {
    width: 24px;
    min-width: 24px;
    margin-top: -4px;
  }

  .btnsecondarymedium.topmargin20 {
    padding: 12px 0;
  }

  .logocontainer {
    margin-left: 0;
  }

  .restmenu {
    display: none;
  }

  .menuitemmobile {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .img21 {
    width: 100%;
  }

  .t1 {
    box-sizing: content-box;
    object-fit: cover;
    object-position: 80% 50%;
    max-width: 50px;
  }

  .bgmodal1 {
    display: none;
  }

  .modal-body {
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 8px;
    display: flex;
  }

  .text-block-23 {
    font-size: 1.25rem;
  }

  .heading-12 {
    letter-spacing: 0;
  }

  .submit-button {
    margin-top: 16px;
  }

  .celarylinkwrapper {
    color: var(--primary);
    text-decoration: none;
  }

  .h4 {
    letter-spacing: 0;
  }

  .radio-button-field {
    width: 100%;
  }

  .bgmt1, .bgmt2, .bgmt3, .bgmt4, .bgmt5, .bgmt6, .bgmt7, .bgmt8, .bgma1, .bgma2, .bgma3, .bgma4, .bgma5, .bghamburger {
    display: none;
  }

  .hamburgermenumodalbody {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding-bottom: 8px;
    display: flex;
  }

  .restmenumobilemodal {
    margin-top: 16px;
  }

  .menulinkmobilemenubtn {
    margin-top: 24px;
  }

  .bgmodallogin {
    display: none;
  }

  .modal-body-login {
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 8px;
    display: flex;
  }

  .radio-button-field-form {
    width: 100%;
  }
}

#w-node-_06196901-8a47-409e-f799-0cea749ffcd0-85ffb4b8 {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_06196901-8a47-409e-f799-0cea749ffcd2-85ffb4b8 {
  grid-column: span 2 / span 2;
}

@media screen and (max-width: 991px) {
  #w-node-_06196901-8a47-409e-f799-0cea749ffcd0-85ffb4b8 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_06196901-8a47-409e-f799-0cea749ffcd1-85ffb4b8 {
    order: 1;
  }

  #w-node-_06196901-8a47-409e-f799-0cea749ffcd2-85ffb4b8 {
    order: 4;
    grid-column: span 1 / span 1;
  }

  #w-node-db51093a-fb49-dc38-6f7c-2a5eb222438f-85ffb4b8 {
    order: 2;
  }

  #w-node-f2f09eb5-a669-344d-8cc9-8ec9c858cb3c-85ffb4b8 {
    order: 3;
  }

  #w-node-c40f26ab-09e1-3491-18fa-9ae3766f7a1e-85ffb4b8 {
    order: 5;
  }

  #w-node-c978da4b-c95c-fcfe-7ec1-8f660a700e8a-85ffb4b8 {
    order: 8;
  }

  #w-node-_6f857b4b-3f1b-465a-7978-01c677a19fa4-85ffb4b8 {
    order: 5;
  }

  #w-node-_3c7f1a11-d349-5011-d008-75cd739f8e72-85ffb4b8 {
    order: 7;
  }
}


@font-face {
  font-family: 'Gillsansc';
  src: url('../fonts/GillSansC.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Override object-position only for Tab 8 image (strictly scoped to its pane) */
.w-tab-pane[data-w-tab="Tab 8"] .t1 {
  object-position: 30% 50% !important;
}

/* Override object-position only for Tab 6 image (Физическая активность и спорт) */
.w-tab-pane[data-w-tab="Tab 6"] .t1 {
  object-position: 22% 50% !important;
}

/* Override object-position only for Tab 1 image */
.w-tab-pane[data-w-tab="Tab 1"] .t1 {
  object-position: 95% 50% !important;
}

/* Override object-position only for Tab 4 image */
.w-tab-pane[data-w-tab="Tab 4"] .t1 {
  object-position: 55% 50% !important;
}

/* Стили для ошибок валидации формы */
.field-error {
  color: #d32f2f;
  font-size: 14px;
  margin-top: 4px;
  margin-bottom: 8px;
  display: none;
  font-family: Nunito Sans, sans-serif;
}

.field-error.show {
  display: block;
}

.text-field.error {
  border: 2px solid #d32f2f !important;
  background-color: #ffebee !important;
}