/* /Components/Common/ImageAndContent.razor.rz.scp.css */
image-and-content[b-ku7oq1z5wm] {
  display: flex;
  margin: 80px 0;
}
@media only screen and (max-width: 1100px) {
  image-and-content[b-ku7oq1z5wm] {
    margin: 60px 0;
  }
}
@media only screen and (max-width: 700px) {
  image-and-content[b-ku7oq1z5wm] {
    margin: 55px 0;
  }
}
image-and-content > *[b-ku7oq1z5wm] {
  flex: 1;
}
image-and-content:first-child[b-ku7oq1z5wm] {
  margin-top: 0;
}
image-and-content.left[b-ku7oq1z5wm] {
  flex-direction: row-reverse;
}
image-and-content.bottom[b-ku7oq1z5wm] {
  flex-direction: column;
}
image-and-content.no-top-margin[b-ku7oq1z5wm] {
  margin-top: 0;
}
image-and-content.no-bottom-margin[b-ku7oq1z5wm] {
  margin-bottom: 0;
}
content-container[b-ku7oq1z5wm] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
}
content[b-ku7oq1z5wm] {
  display: block;
}
.right content[b-ku7oq1z5wm] {
  margin-left: 80px;
}
.small.right content[b-ku7oq1z5wm],
.medium.right content[b-ku7oq1z5wm],
.large.right content[b-ku7oq1z5wm] {
  margin-left: 10px;
}
.left content[b-ku7oq1z5wm] {
  margin-right: 80px;
}
.small.left content[b-ku7oq1z5wm],
.medium.left content[b-ku7oq1z5wm],
.large.left content[b-ku7oq1z5wm] {
  margin-right: 10px;
}
image-panel[b-ku7oq1z5wm] {
  display: flex;
}
image-and-content.small image-panel[b-ku7oq1z5wm] {
  height: 125px;
  max-width: 125px;
}
image-and-content.medium image-panel[b-ku7oq1z5wm] {
  height: 300px;
  max-width: 300px;
}
image-and-content.large image-panel[b-ku7oq1z5wm] {
  height: 500px;
  max-width: 500px;
}
image-and-content.small image-panel[b-ku7oq1z5wm]  img,
image-and-content.medium image-panel[b-ku7oq1z5wm]  img,
image-and-content.large image-panel[b-ku7oq1z5wm]  img {
  height: 100%;
}
image-panel[b-ku7oq1z5wm]  img {
  max-width: 100%;
  object-fit: contain;
}
@media only screen and (max-width: 1100px) {
  image-and-content:not(.skip-tablet-size)[b-ku7oq1z5wm] {
    display: block;
  }
  image-panel[b-ku7oq1z5wm] {
    display: flex;
    justify-content: center;
    margin-bottom: 22px;
  }
  .left content[b-ku7oq1z5wm],
  .right content[b-ku7oq1z5wm] {
    margin: 0;
  }
}
@media only screen and (max-width: 700px) {
  image-and-content.skip-tablet-size[b-ku7oq1z5wm] {
    display: block;
  }
}
/* /Components/Common/ItemListGrid.razor.rz.scp.css */
item-list-grid[b-2752h61ky6] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 9px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1100px) {
  item-list-grid[b-2752h61ky6] {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
  }
}
@media only screen and (max-width: 700px) {
  item-list-grid[b-2752h61ky6] {
    grid-template-columns: repeat(1, 1fr);
    gap: 25px;
  }
}
.two-wide[b-2752h61ky6] {
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 1100px) {
  .two-wide[b-2752h61ky6] {
    grid-template-columns: repeat(1, 1fr);
    gap: 25px;
  }
}
/* /Components/Common/ScrollToTop.razor.rz.scp.css */
.page-scrolled scroll-to-top[b-5aixonamx9] {
  opacity: 1;
  pointer-events: initial;
}
scroll-to-top[b-5aixonamx9] {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #fff;
  color: #853EF3;
  display: inline-block;
  border: 2px solid;
  transition: box-shadow 0.2s;
  font-weight: 500;
  border-radius: 44px;
  text-align: center;
  cursor: pointer;
  padding: 12px 18px;
  font-size: 14px;
  font-family: 'Biennale';
  font-size: 17px;
  padding: 17px 40px;
  padding-left: 17px;
  padding-right: 17px;
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
  pointer-events: none;
}
scroll-to-top i[b-5aixonamx9] {
  font-family: 'Font Awesome 6 Pro';
  font-weight: 600;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
}
/* /Components/Common/SocialLinks.razor.rz.scp.css */
social-links[b-zku5kugq0u] {
  display: flex;
  justify-items: center;
  column-gap: 10px;
}
social-links a[b-zku5kugq0u] {
  cursor: pointer;
  font-size: 40px;
}
social-links a .fa-square-facebook[b-zku5kugq0u] {
  display: inline-block;
  color: #4267B2;
}
social-links a .fa-square-twitter[b-zku5kugq0u] {
  color: #1DA1F2;
}
social-links a .fa-square-instagram[b-zku5kugq0u] {
  color: #5851DB;
}
social-links a .fa-square-vimeo[b-zku5kugq0u] {
  color: #86c9ef;
}
/* /Components/Common/TiltedContent.razor.rz.scp.css */
tilted-content-container[b-cjhj5qw6e1] {
  display: block;
}
.tilt-left[b-cjhj5qw6e1] {
  transform: rotate(-3deg);
}
.tilt-right[b-cjhj5qw6e1] {
  transform: rotate(3deg);
}
@media only screen and (max-width: 700px) {
  tilted-content-container[b-cjhj5qw6e1] {
    transform: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}
/* /Components/Common/VideoAndContent.razor.rz.scp.css */
video-and-content[b-edig3530t2] {
  display: flex;
  flex-flow: row nowrap;
  column-gap: 40px;
}
video-and-content > *[b-edig3530t2] {
  flex: 1 0%;
}
video-and-content.right[b-edig3530t2] {
  flex-direction: row-reverse;
}
video-and-content.bottom[b-edig3530t2] {
  flex-direction: column;
}
content-container[b-edig3530t2] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
}
video-panel[b-edig3530t2] {
  display: block;
}
video-panel[b-edig3530t2]  img {
  border-radius: 42px;
  object-fit: cover;
}
@media only screen and (max-width: 1100px) {
  video-and-content[b-edig3530t2] {
    display: block;
  }
  image-panel[b-edig3530t2] {
    display: flex;
    justify-content: center;
    margin-bottom: 22px;
  }
  .left content[b-edig3530t2],
  .right content[b-edig3530t2] {
    margin: 0;
  }
}
/* /Components/Company/CompanyList.razor.rz.scp.css */
company-list[b-kteh29vgxa] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 30px;
}
@media only screen and (max-width: 1100px) {
  company-list[b-kteh29vgxa] {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 700px) {
  company-list[b-kteh29vgxa] {
    grid-template-columns: 1fr;
  }
}
/* /Components/Company/CompanyLogoAndSocials.razor.rz.scp.css */
company-logo-and-socials[b-85es5wum29] {
  display: grid;
  grid-gap: 20px;
  justify-items: center;
}
@media only screen and (max-width: 700px) {
  company-logo-and-socials[b-85es5wum29] {
    grid-template-columns: auto;
  }
}
@media only screen and (max-width: 1100px) {
  company-logo-and-socials socials[b-85es5wum29] {
    justify-items: start;
    width: fit-content;
  }
}
company-logo-and-socials socials[b-85es5wum29]  a {
  border-radius: 50px;
  padding: 10px 3px;
}
company-logo-and-socials socials[b-85es5wum29]  a.website {
  background-color: #b8c3d7;
}
company-logo-and-socials socials[b-85es5wum29]  a.facebook {
  background-color: #4267B2;
  padding: 10px 7px;
}
company-logo-and-socials socials[b-85es5wum29]  a.instagram {
  background-color: #5851DB;
}
company-logo-and-socials socials[b-85es5wum29]  a.twitter {
  background-color: #51a2e8;
}
company-logo-and-socials socials[b-85es5wum29]  a.youtube {
  background: black;
}
company-logo-and-socials socials[b-85es5wum29]  a.vimeo {
  background: black;
}
company-logo-and-socials socials[b-85es5wum29]  a.linked-in {
  background-color: #0077B5;
}
company-logo-and-socials socials[b-85es5wum29]  a social-icon {
  margin-left: 10px;
}
company-logo-and-socials socials[b-85es5wum29]  a social-icon.website::before,
company-logo-and-socials socials[b-85es5wum29]  a social-icon.facebook::before,
company-logo-and-socials socials[b-85es5wum29]  a social-icon.instagram::before,
company-logo-and-socials socials[b-85es5wum29]  a social-icon.twitter::before,
company-logo-and-socials socials[b-85es5wum29]  a social-icon.youtube::before,
company-logo-and-socials socials[b-85es5wum29]  a social-icon.vimeo::before,
company-logo-and-socials socials[b-85es5wum29]  a social-icon.linked-in::before {
  color: white !important;
}
company-logo-and-socials sponsor-level[b-85es5wum29] {
  border-radius: 50px;
  width: fit-content;
  padding: 15px 40px;
  height: fit-content;
}
company-logo-and-socials sponsor-level.Platinum[b-85es5wum29] {
  background-color: #b6b6b6;
  color: white;
}
company-logo-and-socials sponsor-level.Gold[b-85es5wum29] {
  background: #f7c451;
  color: white;
}
company-logo-and-socials sponsor-level.Silver[b-85es5wum29] {
  background: #919191;
  color: white;
}
company-logo-and-socials sponsor-level h3[b-85es5wum29] {
  margin-bottom: 0;
}
/* /Components/Company/DisplayForCompany.razor.rz.scp.css */
company-display-model[b-hiplisuwpz]  section {
  display: flex;
  flex-flow: row wrap;
}
@media only screen and (max-width: 1100px) {
  company-display-model[b-hiplisuwpz]  section {
    justify-content: center;
  }
}
company-display-model[b-hiplisuwpz]  section content {
  flex: 1 60%;
}
@media only screen and (max-width: 1100px) {
  company-display-model[b-hiplisuwpz]  section content {
    flex: 1 100%;
  }
}
company-display-model[b-hiplisuwpz]  section content h1 {
  margin-bottom: 0;
}
company-display-model[b-hiplisuwpz]  section content p {
  width: 90%;
}
@media only screen and (max-width: 1100px) {
  company-display-model[b-hiplisuwpz]  section content p {
    width: 100%;
  }
}
company-display-model[b-hiplisuwpz]  section image-and-content,
company-display-model[b-hiplisuwpz]  section video-and-content {
  margin: 50px 0 0 0;
}
company-display-model[b-hiplisuwpz]  section image-and-content content,
company-display-model[b-hiplisuwpz]  section video-and-content content {
  width: 90%;
}
@media only screen and (max-width: 1100px) {
  company-display-model[b-hiplisuwpz]  section image-and-content content,
  company-display-model[b-hiplisuwpz]  section video-and-content content {
    width: 100%;
  }
}
company-display-model[b-hiplisuwpz]  aside {
  flex: 1 auto;
}
company-display-model[b-hiplisuwpz]  aside company-logo-and-socials {
  justify-content: center;
}
company-display-model[b-hiplisuwpz]  aside company-logo-and-socials logo img {
  max-width: 250px;
  border-radius: 0;
}
company-display-model[b-hiplisuwpz] .item-list h3 {
  margin-top: 20px;
}
company-display-model[b-hiplisuwpz] .item-list product-details span {
  font-size: 16px;
  line-height: 27px;
  margin: 1rem 0 2rem 0;
}
company-display-model[b-hiplisuwpz] .item-list product-details:nth-last-of-type(1) {
  border-top: 3px solid #dcdcdc;
  margin-top: 20px;
  padding-top: 20px;
}
company-display-model[b-hiplisuwpz]  image-and-content {
  margin: 50px;
}
company-display-model[b-hiplisuwpz] .resources {
  background-color: #23CB89;
  color: white;
}
company-display-model[b-hiplisuwpz] .resources video-and-content {
  margin-bottom: 50px;
}
company-display-model[b-hiplisuwpz] .resources video-and-content > * {
  flex: 1;
}
company-display-model[b-hiplisuwpz] .resources video-and-content > * image-and-text img {
  float: left;
  margin-right: 20px;
}
company-display-model[b-hiplisuwpz] .resources video-and-content > * button .secondary {
  background: #23CB89;
  color: white;
  border: 1px solid white;
}
/* /Components/Company/ResourceContent.razor.rz.scp.css */
resource-item[b-shjiumt1xn] {
  display: block;
  padding: 30px;
  border-radius: 50px;
  margin-bottom: 40px;
  background-color: var(--website-primary-colour, #4D849D);
  color: white;
}
resource-item[b-shjiumt1xn]  video-panel {
  text-align: center;
}
@media only screen and (max-width: 700px) {
  resource-item[b-shjiumt1xn]  video-panel {
    margin-bottom: 20px;
  }
}
resource-item[b-shjiumt1xn]  video-panel img {
  max-height: 300px;
}
resource-item[b-shjiumt1xn]  buttons .button {
  background-color: white;
  border-color: white;
  color: var(--website-primary-colour, #4D849D);
}
/* /Components/Footer/CategoryLinks.razor.rz.scp.css */
section .mobile-menu[b-pvt5e1engq] {
  display: none;
}
@media only screen and (max-width: 700px) {
  section[b-pvt5e1engq]  > h3 {
    display: none;
  }
  section[b-pvt5e1engq]  .mobile-menu {
    display: block;
    font-size: 16px;
    position: relative;
    margin-bottom: 10px;
  }
  section[b-pvt5e1engq]  .mobile-menu::after {
    font-family: 'Font Awesome 6 Pro';
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    right: 0;
    font-size: 16px;
    position: absolute;
    color: #853EF3;
    font-weight: 600;
  }
  section[b-pvt5e1engq]  .mobile-menu.closed::after {
    content: "\2b";
  }
  section[b-pvt5e1engq]  .mobile-menu.open::after {
    content: "\f00d";
  }
  section[b-pvt5e1engq]  .age-categories-footer-menu {
    max-height: 500px;
    overflow: hidden;
    border-bottom: 1px solid #E2E2E2;
    transition: max-height ease-in-out 0.5s;
  }
  section[b-pvt5e1engq]  .age-categories-footer-menu.hidden {
    max-height: 0;
  }
  section[b-pvt5e1engq]  .age-categories-footer-menu nav {
    padding-bottom: 10px;
  }
}
/* /Components/Footer/Discussion.razor.rz.scp.css */
discussion-section[b-hbvh8h3gb4] {
  display: block;
  padding: 30px 0;
  background: #853EF3;
  color: white;
  text-align: center;
}
discussion-section[b-hbvh8h3gb4]  h2 {
  text-align: inherit;
  font-size: 45px;
  color: inherit;
  margin-bottom: 32px;
}
social-links[b-hbvh8h3gb4] {
  display: grid;
  justify-content: center;
  padding: 20px 10px;
  justify-items: center;
  grid-template-columns: repeat(4, 60px);
  grid-column-gap: 20px;
  padding-bottom: 0;
}
social-links[b-hbvh8h3gb4]  .button {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  padding: 11px 0px;
}
icon[b-hbvh8h3gb4] {
  font-size: 32px;
  font-weight: 400;
  text-align: center;
}
@media only screen and (max-width: 700px) {
  discussion-section[b-hbvh8h3gb4]  h2 {
    font-size: 26px;
    margin-bottom: 10px;
  }
  description[b-hbvh8h3gb4] {
    width: 100%;
  }
  social-name[b-hbvh8h3gb4] {
    display: none;
  }
}
/* /Components/Footer/Footer.razor.rz.scp.css */
footer-body[b-sxhaymrwux] {
  display: grid;
  grid-template-columns: 10fr 4fr 4fr 4fr;
  gap: 40px;
  margin-top: 80px;
}
footer-body[b-sxhaymrwux]  h3 {
  font-size: 25px;
  margin-top: 8px;
}
footer-body[b-sxhaymrwux]  footer-about {
  grid-column: 1 / span 4;
}
@media only screen and (max-width: 1100px) {
  footer-body[b-sxhaymrwux] {
    grid-template-columns: 1fr 0.5fr;
  }
  footer-body[b-sxhaymrwux]  footer-about {
    grid-column: 1 / span 2;
  }
}
@media only screen and (max-width: 700px) {
  footer-body[b-sxhaymrwux] {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  footer-body[b-sxhaymrwux]  footer-about {
    grid-column: 1 / span 1;
  }
}
/* /Components/Footer/FooterAbout.razor.rz.scp.css */
footer-about[b-w2qs6sv6y3] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding-top: 20px;
  border-top: 2px solid #E2E2E2;
}
footer-about > section copyright[b-w2qs6sv6y3] {
  text-align: center;
}
footer-about > section built-by[b-w2qs6sv6y3] {
  text-align: right;
}
footer-about .link[b-w2qs6sv6y3] {
  display: block;
}
@media only screen and (max-width: 700px) {
  footer-about[b-w2qs6sv6y3] {
    grid-template-columns: 1fr;
    padding-top: 10px;
    border-top: none;
  }
  footer-about > *[b-w2qs6sv6y3] {
    padding-bottom: 10px;
  }
  footer-about legal[b-w2qs6sv6y3] {
    text-align: center;
    grid-row: 2;
  }
  footer-about copyright[b-w2qs6sv6y3] {
    text-align: center;
    grid-row: 3;
  }
  footer-about built-by[b-w2qs6sv6y3] {
    text-align: left;
    grid-row: 1;
  }
  footer-about built-by a[b-w2qs6sv6y3] {
    padding-bottom: 10px;
  }
}
/* /Components/Footer/FooterLogos.razor.rz.scp.css */
section[b-a3jtr5jam8] {
  display: flex;
  flex-direction: row;
}
section logo-container[b-a3jtr5jam8] {
  width: 100%;
  max-width: 234px;
  display: block;
}
section external-links[b-a3jtr5jam8] {
  width: 100%;
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
}
section external-links[b-a3jtr5jam8]  .myopia {
  flex: 1;
}
section external-links social-logos[b-a3jtr5jam8]  a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  color: white;
  margin-left: 10px;
  transition: box-shadow 0.2s;
}
section external-links social-logos[b-a3jtr5jam8]  .facebook {
  background: #3B5998;
}
section external-links social-logos[b-a3jtr5jam8]  .facebook:hover {
  box-shadow: rgba(from #3B5998 r g b / 20%) 0px 0px 0px 5px;
}
section external-links social-logos[b-a3jtr5jam8]  .instagram {
  background: #7724BE;
}
section external-links social-logos[b-a3jtr5jam8]  .instagram:hover {
  box-shadow: rgba(from #7724BE r g b / 20%) 0px 0px 0px 5px;
}
section external-links social-logos[b-a3jtr5jam8]  .twitter {
  background: #1AADEF;
}
section external-links social-logos[b-a3jtr5jam8]  .twitter:hover {
  box-shadow: rgba(from #1AADEF r g b / 20%) 0px 0px 0px 5px;
}
section external-links social-logos[b-a3jtr5jam8]  .vimeo {
  background: #55ACEE;
}
section external-links social-logos[b-a3jtr5jam8]  .vimeo:hover {
  box-shadow: rgba(from #55ACEE r g b / 20%) 0px 0px 0px 5px;
}
@media only screen and (max-width: 1100px) {
  section[b-a3jtr5jam8] {
    flex-direction: column;
  }
}
@media only screen and (max-width: 700px) {
  section[b-a3jtr5jam8] {
    flex-direction: row;
  }
}
/* /Components/Footer/FooterMenu.razor.rz.scp.css */
nav[b-z0lt8zqyyq]  a {
  display: block;
  padding: 9px 0;
  color: #232323;
  transition: color 0.1s;
  font-size: 15px;
  font-weight: normal;
}
nav[b-z0lt8zqyyq]  a:hover {
  color: #23CB89;
}
nav[b-z0lt8zqyyq]  a.active {
  color: #23CB89;
  font-weight: 600;
}
nav[b-z0lt8zqyyq]  a:last-child {
  padding-bottom: 0;
}
@media only screen and (max-width: 700px) {
  nav[b-z0lt8zqyyq]  > h3 {
    font-size: 16px;
  }
}
/* /Components/Footer/LanguageLinks.razor.rz.scp.css */
section .mobile-menu[b-tpydfg95ve] {
  display: none;
}
section .languages-footer-menu a[b-tpydfg95ve] {
  cursor: pointer;
}
@media only screen and (max-width: 700px) {
  section[b-tpydfg95ve]  > h3 {
    display: none;
  }
  section[b-tpydfg95ve]  .mobile-menu {
    display: block;
    font-size: 16px;
    position: relative;
    margin-bottom: 10px;
  }
  section[b-tpydfg95ve]  .mobile-menu::after {
    font-family: 'Font Awesome 6 Pro';
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    right: 0;
    font-size: 16px;
    position: absolute;
    color: #853EF3;
    font-weight: 600;
  }
  section[b-tpydfg95ve]  .mobile-menu.closed::after {
    content: "\2b";
  }
  section[b-tpydfg95ve]  .mobile-menu.open::after {
    content: "\f00d";
  }
  section[b-tpydfg95ve]  .languages-footer-menu {
    max-height: 500px;
    overflow: hidden;
    border-bottom: 1px solid #E2E2E2;
    transition: max-height ease-in-out 0.5s;
  }
  section[b-tpydfg95ve]  .languages-footer-menu.hidden {
    max-height: 0;
  }
  section[b-tpydfg95ve]  .languages-footer-menu nav {
    padding-bottom: 10px;
  }
}
/* /Components/Footer/MissionStatement.razor.rz.scp.css */
section[b-7tdfz16vay]  p {
  margin-bottom: 0;
  font-size: 15px;
}
@media only screen and (max-width: 700px) {
  section[b-7tdfz16vay]  p {
    font-size: 14px;
  }
}
/* /Components/Footer/SiteMap.razor.rz.scp.css */
section .mobile-menu[b-e0aa4n57zq] {
  display: none;
}
@media only screen and (max-width: 700px) {
  section[b-e0aa4n57zq]  > h3 {
    display: none;
  }
  section[b-e0aa4n57zq]  .mobile-menu {
    display: block;
    font-size: 16px;
    position: relative;
    margin-bottom: 10px;
  }
  section[b-e0aa4n57zq]  .mobile-menu :not(h3) {
    font-size: 16px;
  }
  section[b-e0aa4n57zq]  .mobile-menu::after {
    font-family: 'Font Awesome 6 Pro';
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    right: 0;
    font-size: 16px;
    position: absolute;
    color: #853EF3;
    font-weight: 600;
  }
  section[b-e0aa4n57zq]  .mobile-menu.closed::after {
    content: "\2b";
  }
  section[b-e0aa4n57zq]  .mobile-menu.open::after {
    content: "\f00d";
  }
  section[b-e0aa4n57zq]  .site-map-menu {
    max-height: 500px;
    overflow: hidden;
    border-bottom: 1px solid #E2E2E2;
    transition: max-height ease-in-out 0.5s;
  }
  section[b-e0aa4n57zq]  .site-map-menu.hidden {
    max-height: 0;
  }
  section[b-e0aa4n57zq]  .site-map-menu nav {
    padding-bottom: 10px;
  }
}
/* /Components/KnowledgeArticle/DisplayForKnowledgeArticleImage.razor.rz.scp.css */
knowledge-article-image[b-tv4wzbrr8r] {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
}
knowledge-article-image:not(.square-corners)[b-tv4wzbrr8r] {
  border-radius: 42px;
}
knowledge-article-image.no-image[b-tv4wzbrr8r] {
  aspect-ratio: 4 / 3;
}
knowledge-article-image img[b-tv4wzbrr8r] {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
knowledge-article-image.hero[b-tv4wzbrr8r] {
  aspect-ratio: 16 / 9;
  margin-bottom: 40px;
}
/* /Components/KnowledgeArticle/FeaturedKnowledgeArticleCardsSection.razor.rz.scp.css */
featured-knowledge-article-card-section[b-qdewean158] {
  display: block;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1300px;
}
@media only screen and (max-width: 1550px) {
  featured-knowledge-article-card-section[b-qdewean158] {
    width: 90%;
  }
}
@media only screen and (max-width: 700px) {
  featured-knowledge-article-card-section[b-qdewean158] {
    width: 95%;
  }
}
@media only screen and (max-width: 700px) {
  featured-knowledge-article-card-section[b-qdewean158]  item-list-grid {
    grid-column: 1;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    align-self: start;
    gap: 10px;
  }
}
knowledge-article-card-with-ribbon[b-qdewean158] {
  display: grid;
  grid-template-rows: 0 0 1fr;
}
/* /Components/Product/DisplayForProduct.razor.rz.scp.css */
product-display-model[b-nh5b2cpz6n]  content {
  flex: 1 60%;
}
@media only screen and (max-width: 1100px) {
  product-display-model[b-nh5b2cpz6n]  content {
    width: 100%;
  }
}
product-display-model[b-nh5b2cpz6n]  content p {
  width: 90%;
}
@media only screen and (max-width: 1100px) {
  product-display-model[b-nh5b2cpz6n]  content p {
    width: 100%;
  }
}
product-display-model[b-nh5b2cpz6n]  image-and-content content-container {
  flex: 1 50%;
}
product-display-model[b-nh5b2cpz6n]  aside-container {
  flex: unset;
  justify-content: flex-start;
}
product-display-model[b-nh5b2cpz6n]  aside-container product-aside-section {
  display: grid;
  gap: 30px;
  grid-template-columns: 1fr 1fr;
}
@media only screen and (max-width: 1100px) {
  product-display-model[b-nh5b2cpz6n]  aside-container product-aside-section {
    margin-top: 30px;
  }
}
product-display-model[b-nh5b2cpz6n]  aside-container product-aside-section card-item {
  max-width: 200px;
  height: 100%;
}
product-display-model video-container[b-nh5b2cpz6n] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding-bottom: 80px;
  grid-column-gap: 40px;
}
@media only screen and (max-width: 1100px) {
  product-display-model video-container[b-nh5b2cpz6n] {
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 100px;
  }
}
@media only screen and (max-width: 700px) {
  product-display-model video-container[b-nh5b2cpz6n] {
    grid-template-columns: auto;
    grid-row-gap: 80px;
  }
}
product-display-model video-content-container[b-nh5b2cpz6n] {
  display: grid;
}
product-display-model video-content-container[b-nh5b2cpz6n]  body-content {
  max-width: 1300px;
  justify-self: center;
  padding-bottom: 50px;
}
product-display-model video-content-container[b-nh5b2cpz6n]  body-content section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 400px;
}
product-display-model video-content-container[b-nh5b2cpz6n]  body-content section iframe {
  min-width: 100%;
  min-height: 100%;
}
/* /Components/Product/DisplayForProductType.razor.rz.scp.css */
@media only screen and (max-width: 700px) {
  [b-ea2b1vv92d] body-content:first-of-type p:not(:first-of-type) {
    display: none;
  }
}
[b-ea2b1vv92d] section image-panel {
  max-width: 300px;
}
@media only screen and (max-width: 700px) {
  [b-ea2b1vv92d] section image-panel {
    max-width: 100%;
  }
}
[b-ea2b1vv92d] section image-panel img {
  max-width: 300px;
}
[b-ea2b1vv92d] section card-list-set {
  margin: 30px 0;
}
/* /Components/Questionnaire/DisplayForPracticeAssessmentResultModel.razor.rz.scp.css */
section overall-result[b-5rjruw4i9r]  result-text {
  font-size: 26px;
  font-weight: 600;
}
section overall-result[b-5rjruw4i9r]  result-text.low risk-level,
section overall-result[b-5rjruw4i9r]  result-text.low-medium risk-level {
  color: green;
}
section overall-result[b-5rjruw4i9r]  result-text.medium risk-level,
section overall-result[b-5rjruw4i9r]  result-text.medium-high risk-level {
  color: #ED7262;
}
section overall-result[b-5rjruw4i9r]  result-text.high risk-level {
  color: #E60200;
}
section overall-result[b-5rjruw4i9r]  result-text after-text {
  font-weight: 100;
}
section.disclaimer-section[b-5rjruw4i9r] {
  margin: 80px 0;
}
section.disclaimer-section[b-5rjruw4i9r]  p {
  font-style: italic;
}
@media only screen and (max-width: 1100px) {
  section.disclaimer-section[b-5rjruw4i9r] {
    margin: 60px 0;
  }
}
@media only screen and (max-width: 700px) {
  section.disclaimer-section[b-5rjruw4i9r] {
    margin: 55px 0;
  }
}
section[b-5rjruw4i9r]  image-and-content image-panel img {
  width: 600px;
  height: 600px;
}
@media only screen and (max-width: 1550px) {
  section[b-5rjruw4i9r]  image-and-content image-panel img {
    width: 400px;
  }
}
@media only screen and (max-width: 1100px) {
  section[b-5rjruw4i9r]  image-and-content image-panel img {
    width: 600px;
  }
}
@media only screen and (max-width: 700px) {
  section[b-5rjruw4i9r]  image-and-content image-panel img {
    width: auto;
    height: 300px;
  }
}
section[b-5rjruw4i9r]  facebook-share icon {
  background: #3B5998;
  color: white;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin-right: 10px;
}
section featured-knowledge-article-list[b-5rjruw4i9r],
section recommended-knowledge-article-list[b-5rjruw4i9r] {
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
}
section featured-knowledge-article-list[b-5rjruw4i9r]  > a,
section recommended-knowledge-article-list[b-5rjruw4i9r]  > a {
  flex: 0 30%;
}
section risk-group-set[b-5rjruw4i9r] {
  display: flex;
  justify-content: space-around;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1100px) {
  section risk-group-set[b-5rjruw4i9r] {
    display: block;
  }
  section risk-group-set[b-5rjruw4i9r]  risk-group {
    margin-bottom: 30px;
  }
  section risk-group-set[b-5rjruw4i9r]  info-card {
    margin: auto;
  }
}
.suggested-blogs[b-5rjruw4i9r] {
  margin: 80px 0;
}
@media only screen and (max-width: 1100px) {
  .suggested-blogs[b-5rjruw4i9r] {
    margin: 60px 0;
  }
}
@media only screen and (max-width: 700px) {
  .suggested-blogs[b-5rjruw4i9r] {
    margin: 55px 0;
  }
}
.knowledge-centre-button-div[b-5rjruw4i9r] {
  text-align: center;
}
/* /Components/Questionnaire/DisplayForRiskAssessmentResultModel.razor.rz.scp.css */
section overall-result[b-ytceafmqqu]  result-text {
  font-size: 26px;
  font-weight: 600;
}
section overall-result[b-ytceafmqqu]  result-text.low risk-level,
section overall-result[b-ytceafmqqu]  result-text.low-medium risk-level {
  color: green;
}
section overall-result[b-ytceafmqqu]  result-text.medium risk-level,
section overall-result[b-ytceafmqqu]  result-text.medium-high risk-level {
  color: #ED7262;
}
section overall-result[b-ytceafmqqu]  result-text.high risk-level {
  color: #E60200;
}
section overall-result[b-ytceafmqqu]  result-text after-text {
  font-weight: 100;
}
section.disclaimer-section[b-ytceafmqqu] {
  margin: 80px 0;
}
section.disclaimer-section[b-ytceafmqqu]  p {
  font-style: italic;
}
@media only screen and (max-width: 1100px) {
  section.disclaimer-section[b-ytceafmqqu] {
    margin: 60px 0;
  }
}
@media only screen and (max-width: 700px) {
  section.disclaimer-section[b-ytceafmqqu] {
    margin: 55px 0;
  }
}
section[b-ytceafmqqu]  image-and-content image-panel img {
  width: 400px;
  height: 400px;
}
@media only screen and (max-width: 700px) {
  section[b-ytceafmqqu]  image-and-content image-panel img {
    width: auto;
    height: 300px;
  }
}
section[b-ytceafmqqu]  facebook-share icon {
  background: #3B5998;
  color: white;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin-right: 10px;
}
section featured-knowledge-article-list[b-ytceafmqqu] {
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
}
section featured-knowledge-article-list[b-ytceafmqqu]  > a {
  flex: 0 30%;
}
section .suggested-blogs[b-ytceafmqqu] {
  margin: 80px 0;
}
@media only screen and (max-width: 1100px) {
  section .suggested-blogs[b-ytceafmqqu] {
    margin: 60px 0;
  }
}
@media only screen and (max-width: 700px) {
  section .suggested-blogs[b-ytceafmqqu] {
    margin: 55px 0;
  }
}
section .knowledge-centre-button-div[b-ytceafmqqu] {
  text-align: center;
}
section risk-group-set[b-ytceafmqqu] {
  display: flex;
  justify-content: space-around;
  margin-bottom: 30px;
}
@media only screen and (max-width: 700px) {
  section risk-group-set[b-ytceafmqqu] {
    display: block;
  }
  section risk-group-set[b-ytceafmqqu]  risk-group {
    margin-bottom: 30px;
  }
  section risk-group-set[b-ytceafmqqu]  info-card {
    margin: auto;
  }
}
@media only screen and (max-width: 1100px) {
  [b-ytceafmqqu] h2 {
    text-align: center;
  }
}
/* /Components/Questionnaire/EditorForPracticeAssessmentResultConsent.razor.rz.scp.css */
section.consent-section[b-xhdvseq7ev] {
  display: block;
  padding-bottom: 40px;
}
section.consent-section[b-xhdvseq7ev]  p {
  font-size: 21px;
}
section.consent-section button-container[b-xhdvseq7ev] {
  display: flex;
  flex-flow: row wrap;
}
section.consent-section button-container[b-xhdvseq7ev]  p {
  flex: 1 100%;
  text-align: center;
}
section.consent-section[b-xhdvseq7ev]  form-field {
  display: block;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1100px) {
  [b-xhdvseq7ev] h2 {
    text-align: center;
  }
}
/* /Components/Questionnaire/EditorForQuestionnaireAnswersUpdateModel.razor.rz.scp.css */
actions.submit-questionnaire[b-xpjin4uzyc] {
  scroll-margin-top: 20vh;
}
actions.submit-questionnaire.hidden[b-xpjin4uzyc] {
  display: none;
}
/* /Components/Questionnaire/Question.razor.rz.scp.css */
question[b-uwe8d8ty0q] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-content: center;
  column-gap: 50px;
  margin-bottom: 100px;
  max-height: 1000px;
  transition: all ease-in-out 0.3s;
  opacity: 1;
  scroll-margin-top: 10vh;
}
question:not(.enabled)[b-uwe8d8ty0q] {
  opacity: 0.1;
  pointer-events: none;
}
question.hidden[b-uwe8d8ty0q] {
  opacity: 0;
  max-height: 0;
  margin: 0;
}
question.hidden[b-uwe8d8ty0q]  * {
  margin: 0;
  height: 0;
}
question img[b-uwe8d8ty0q] {
  height: 100%;
  max-width: 500px;
}
question question-details[b-uwe8d8ty0q] {
  margin-top: 50px;
}
question question-details heading[b-uwe8d8ty0q] {
  display: block;
  margin-bottom: 60px;
}
question question-details heading h2[b-uwe8d8ty0q] {
  margin-bottom: 0;
}
question[b-uwe8d8ty0q]  editor-for[breezer-editor-for-radio-option] {
  margin-bottom: 20px;
}
question[b-uwe8d8ty0q]  dropdown {
  max-width: 250px;
  background-color: white;
}
question[b-uwe8d8ty0q]  editor-for[breezer-editor-for-radio-option] {
  display: flex;
}
question[b-uwe8d8ty0q]  editor-for[breezer-editor-for-radio-option] label {
  padding-left: 20px;
  cursor: pointer;
}
question[b-uwe8d8ty0q]  editor-for[breezer-editor-for-radio-option] radio {
  position: relative;
  height: 24px;
  width: 24px;
  min-width: 24px;
  min-height: 24px;
  border-radius: 50%;
  border: 5px solid white;
  transition: 0.2s;
  display: flex;
  cursor: pointer;
  outline: 3px solid #853EF3;
}
question[b-uwe8d8ty0q]  editor-for[breezer-editor-for-radio-option] radio:focus-within,
question[b-uwe8d8ty0q]  editor-for[breezer-editor-for-radio-option] radio:hover,
question[b-uwe8d8ty0q]  editor-for[breezer-editor-for-radio-option] radio[checked] {
  background: #23CB89;
}
question[b-uwe8d8ty0q]  editor-for[breezer-editor-for-radio-option] radio > input[type="radio"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  opacity: 0;
  padding: 0;
  margin: 0;
}
@media only screen and (max-width: 1100px) {
  question[b-uwe8d8ty0q] {
    grid-template-columns: 0.55fr 1fr;
  }
  question question-details[b-uwe8d8ty0q] {
    width: 100%;
  }
}
@media only screen and (max-width: 700px) {
  question[b-uwe8d8ty0q] {
    grid-template-columns: 1fr;
  }
  question > img[b-uwe8d8ty0q] {
    max-height: 300px;
    justify-self: center;
  }
  question question-details[b-uwe8d8ty0q] {
    margin-top: 20px;
    justify-self: center;
    /*
            question-options {
                display: flex;
                justify-content: space-evenly;
            }

            question-options {
                ::deep editor-for[breezer-editor-for-enum] {
                    display: flex;

                    > * {
                        width: 45%;
                    }
                }
            }*/
  }
  question question-details h4[b-uwe8d8ty0q] {
    text-align: center;
  }
  question question-details heading[b-uwe8d8ty0q] {
    text-align: center;
    margin-bottom: 20px;
  }
  question question-details question-options[b-uwe8d8ty0q] {
    width: 100%;
    display: block;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
  question question-details question-options[b-uwe8d8ty0q]  radio-options-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  question question-details question-options[b-uwe8d8ty0q]  > editor-for[breezer-editor-for-enum] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 20px;
    row-gap: 20px;
  }
  question question-details question-options[b-uwe8d8ty0q]  > editor-for[breezer-editor-for-radio-option] {
    display: inline-block;
  }
  question question-details question-options[b-uwe8d8ty0q]  dropdown {
    margin-left: auto;
    margin-right: auto;
  }
}
/* /Components/Resources/ResourceDisplayModelList.razor.rz.scp.css */
resource-list[b-7saedarkyk]  > * {
  margin-top: 40px;
}
resource-list[b-7saedarkyk]  > *:first-child {
  margin-top: 0;
}
/* /Components/Sponsor/SponsorList.razor.rz.scp.css */
company-list[b-lxna9wwpvq] {
  background: blue;
}
company-list card-list-set[b-lxna9wwpvq] {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  margin: 30px 0;
}
@media only screen and (max-width: 700px) {
  company-list card-list-set[b-lxna9wwpvq] {
    grid-template-columns: 1fr 1fr;
  }
}
/* /Components/Sponsor/SponsorsSummary.razor.rz.scp.css */
sponsors-summary[b-dmc5nglhr0] {
  display: block;
  text-align: center;
}
sponsors-summary[b-dmc5nglhr0]  body-content * {
  color: #fff;
}
sponsors-summary[b-dmc5nglhr0]  body-content p {
  width: 65%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 700px) {
  sponsors-summary[b-dmc5nglhr0]  body-content p {
    width: 100%;
  }
}
sponsors-summary .sponsor-container[b-dmc5nglhr0] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 40px;
  justify-content: center;
}
@media only screen and (max-width: 1100px) {
  sponsors-summary .sponsor-container[b-dmc5nglhr0] {
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 40px;
  }
}
@media only screen and (max-width: 700px) {
  sponsors-summary .sponsor-container[b-dmc5nglhr0] {
    grid-template-columns: auto;
  }
}
sponsors-summary .sponsor-container > .sponsor[b-dmc5nglhr0] {
  flex: 1 0%;
  max-width: 450px;
  height: 350px;
  display: flex;
  flex-flow: column nowrap;
  border-radius: 42px;
  overflow: hidden;
  position: relative;
}
sponsors-summary .sponsor-container > .sponsor[b-dmc5nglhr0]::before {
  content: "\f02e";
  font-family: 'Font Awesome 6 Pro';
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  font-weight: 600;
  font-size: 50px;
  position: absolute;
  top: -6px;
  left: 10%;
}
sponsors-summary .sponsor-container > .sponsor .sponsor-images[b-dmc5nglhr0] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  height: 90%;
  background-color: #fff;
  padding: 50px 30px;
  padding-bottom: 10px;
}
sponsors-summary .sponsor-container > .sponsor .sponsor-images.compact[b-dmc5nglhr0] {
  grid-template-columns: 1fr 1fr 1fr;
}
sponsors-summary .sponsor-container > .sponsor .sponsor-images[b-dmc5nglhr0]  img {
  height: 110px;
  width: 200px;
  object-fit: contain;
}
sponsors-summary .sponsor-container > .sponsor.platinum-sponsors[b-dmc5nglhr0] {
  border: 3px solid #787E8C;
  color: #787E8C;
}
sponsors-summary .sponsor-container > .sponsor.platinum-sponsors .sponsor-title[b-dmc5nglhr0] {
  background-color: #787E8C;
}
sponsors-summary .sponsor-container > .sponsor.gold-sponsors[b-dmc5nglhr0] {
  border: 3px solid #C99F50;
  color: #C99F50;
}
sponsors-summary .sponsor-container > .sponsor.gold-sponsors .sponsor-title[b-dmc5nglhr0] {
  background-color: #C99F50;
}
sponsors-summary .sponsor-container > .sponsor.silver-sponsors[b-dmc5nglhr0] {
  border: 3px solid #A8A8A8;
  color: #A8A8A8;
}
sponsors-summary .sponsor-container > .sponsor.silver-sponsors .sponsor-title[b-dmc5nglhr0] {
  background-color: #A8A8A8;
}
sponsors-summary .sponsor-container > .sponsor .sponsor-title[b-dmc5nglhr0] {
  position: absolute;
  bottom: 0;
  width: 100%;
}
sponsors-summary .sponsor-container > .sponsor .sponsor-title h4[b-dmc5nglhr0] {
  margin: 0;
  padding: 15px;
}
/* /Components/Videos/VideoCard.razor.rz.scp.css */
video-card[b-4jqozmbcdj] {
  display: block;
  cursor: pointer;
}
video-card image-container[b-4jqozmbcdj] {
  position: relative;
  display: block;
}
video-card image-container[b-4jqozmbcdj]  img {
  border-radius: 42px;
  object-fit: cover;
  filter: brightness(75%);
  transition: filter 0.2s;
  display: block;
  width: 100%;
  height: 350px;
  background-color: #DDD;
}
@media only screen and (max-width: 700px) {
  video-card image-container[b-4jqozmbcdj]  img {
    height: 250px;
  }
}
video-card image-container i[b-4jqozmbcdj] {
  position: absolute;
  top: calc(50% - (50px/2));
  left: calc(50% - (50px/2));
  font-size: 50px;
  color: #853EF3;
  transition: color 0.2s;
}
video-card image-container[b-4jqozmbcdj]  h3 {
  transition: opacity 0.2s;
  position: absolute;
  bottom: 8%;
  left: 8%;
  color: white;
}
video-card[b-4jqozmbcdj]  h3 {
  margin-top: 28px;
}
video-card:hover[b-4jqozmbcdj]  img {
  filter: brightness(85%);
}
video-card:hover i[b-4jqozmbcdj] {
  color: white;
}
video-card:hover[b-4jqozmbcdj]  h3 {
  opacity: 1;
}
video-card.skeleton[b-4jqozmbcdj] {
  color: #DDD;
  border: none;
  animation: pulse 2s ease-in-out infinite;
}
video-card.skeleton section[b-4jqozmbcdj] {
  background: #DDD;
}
placeholder[b-4jqozmbcdj] {
  display: block;
  position: relative;
  height: 350px;
  width: 100%;
  background: #E5E5E5;
  border-radius: 42px;
  object-fit: cover;
}
@media only screen and (max-width: 700px) {
  placeholder[b-4jqozmbcdj] {
    height: 250px;
  }
}
/* /Components/Videos/VideoList.razor.rz.scp.css */
video-list[b-ap1z4aaky8] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media only screen and (max-width: 700px) {
  video-list[b-ap1z4aaky8] {
    grid-template-columns: 1fr;
  }
}
/* /Components/Videos/VideoPlayer.razor.rz.scp.css */
iframe[b-ep8vnb08q5] {
  width: 900px;
  height: 500px;
  max-width: 100%;
}
/* /Layouts/MyKidsVisionLayout.razor.rz.scp.css */
main[b-0cgem08oe2] {
  display: block;
  position: relative;
}
main[b-0cgem08oe2]  section:first-of-type {
  margin-top: 0;
}
main:last-child[b-0cgem08oe2] {
  margin-bottom: 0;
}
/* /Pages/AboutUs.razor.rz.scp.css */
about-author-list[b-kibciowfmr] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 75px;
}
about-author-list[b-kibciowfmr]  image-and-content {
  margin: 0;
}
about-author-list[b-kibciowfmr]  image-panel > img {
  height: 352px;
}
@media only screen and (max-width: 700px) {
  about-author-list[b-kibciowfmr] {
    grid-template-columns: 1fr;
  }
}
intro-section[b-kibciowfmr] {
  margin-bottom: 80px;
  display: block;
}
intro-section[b-kibciowfmr]  image-and-content {
  margin: 0;
}
intro-section[b-kibciowfmr]  image-panel > img {
  max-height: 500px;
}
/* /Pages/Companies.razor.rz.scp.css */
companies[b-en51tuy396] {
  margin-bottom: 30px;
  display: block;
}
@media only screen and (max-width: 1100px) {
  [b-en51tuy396] body-content {
    padding: 0 20px;
  }
}
/* /Pages/General/NotFound.razor.rz.scp.css */
section[b-f1kqsp27qd] {
  text-align: center;
  margin: 80px 0;
}
@media only screen and (max-width: 1100px) {
  section[b-f1kqsp27qd] {
    margin: 60px 0;
  }
}
@media only screen and (max-width: 700px) {
  section[b-f1kqsp27qd] {
    margin: 55px 0;
  }
}
section[b-f1kqsp27qd]  action-list {
  justify-content: center;
}
/* /Pages/Home.razor.rz.scp.css */
blog-section[b-xsrlbrta18] {
  display: block;
  margin: 80px 0;
}
@media only screen and (max-width: 1100px) {
  blog-section[b-xsrlbrta18] {
    margin: 60px 0;
  }
}
@media only screen and (max-width: 700px) {
  blog-section[b-xsrlbrta18] {
    margin: 55px 0;
  }
}
blog-section header[b-xsrlbrta18] {
  width: 60%;
  margin: auto;
  text-align: center;
}
blog-section header[b-xsrlbrta18]  h2 {
  text-align: center;
}
blog-section header[b-xsrlbrta18]  p {
  margin-bottom: 60px;
}
@media only screen and (max-width: 1100px) {
  blog-section header[b-xsrlbrta18] {
    width: 100%;
    text-align: left;
  }
}
header-box[b-xsrlbrta18] {
  display: flex;
  justify-content: space-between;
}
header-box title-container[b-xsrlbrta18] {
  width: 600px;
}
header-box title-container .header-paragraph[b-xsrlbrta18] {
  font-size: 20px;
  line-height: 25px;
  max-width: 480px;
}
header-box hero-image[b-xsrlbrta18] {
  display: flex;
  margin: auto;
}
@media only screen and (max-width: 900px) {
  header-box hero-image[b-xsrlbrta18] {
    display: none;
  }
}
[b-xsrlbrta18] .align-left {
  margin: unset !important;
}
div[b-xsrlbrta18]  image-and-content image-panel img {
  max-width: 550px;
}
div.mp-product-compendium[b-xsrlbrta18] {
  display: block;
  padding-bottom: 20px;
}
div.mp-product-compendium[b-xsrlbrta18]  image-and-content image-panel {
  justify-content: center;
}
div.mp-product-compendium[b-xsrlbrta18]  image-and-content image-panel img {
  max-width: 450px;
}
@media only screen and (max-width: 700px) {
  div.mp-product-compendium[b-xsrlbrta18]  image-and-content image-panel img {
    max-width: 350px;
  }
}
@media only screen and (max-width: 700px) {
  [b-xsrlbrta18] .hide-image-in-mobile {
    display: none;
  }
}
/* /Pages/KnowledgeArticle.razor.rz.scp.css */
blog[b-boq1rwekry] {
  display: block;
}
section-with-aside[b-boq1rwekry] {
  grid-template-columns: 10fr 4fr;
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 48px 75px;
}
@media only screen and (max-width: 1100px) {
  section-with-aside[b-boq1rwekry] {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media only screen and (max-width: 1100px) {
  section-with-aside[b-boq1rwekry] {
    grid-template-columns: repeat(1, 1fr);
  }
}
button-container[b-boq1rwekry] {
  display: block;
  margin: 80px 0 80px 0;
}
@media only screen and (max-width: 1100px) {
  button-container[b-boq1rwekry] {
    margin: 30px 0;
  }
}
@media only screen and (max-width: 700px) {
  button-container[b-boq1rwekry] {
    text-align: center;
  }
}
aside[b-boq1rwekry] {
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-bottom: 60px;
}
@media (min-width: 1100px) {
  aside[b-boq1rwekry] {
    margin-top: 40px;
  }
}
knowledge-article-list[b-boq1rwekry] {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
@media only screen and (max-width: 1100px) {
  knowledge-article-list[b-boq1rwekry] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 36px 48px;
  }
}
@media only screen and (max-width: 700px) {
  knowledge-article-list[b-boq1rwekry] {
    grid-column: 1;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    align-self: start;
  }
}
/* /Pages/KnowledgeCentre.razor.rz.scp.css */
div[b-vg8gna52ub]  body-content section {
  max-width: 1100px;
}
featured-popular-section[b-vg8gna52ub] {
  display: flex;
  width: 100%;
  text-align: left;
}
@media only screen and (max-width: 1100px) {
  featured-popular-section[b-vg8gna52ub]  knowledge-center-popular-blogs {
    display: none;
  }
  featured-popular-section[b-vg8gna52ub]  section {
    width: 70%;
  }
}
@media only screen and (max-width: 700px) {
  featured-popular-section[b-vg8gna52ub] {
    display: none;
  }
}
knowledge-article-list[b-vg8gna52ub] {
  display: block;
  margin: 85px 0;
  margin-bottom: 30px;
}
@media only screen and (max-width: 700px) {
  knowledge-article-list[b-vg8gna52ub] {
    margin-top: 0;
  }
}
/* /Pages/PageHeaderBackground/HomeHeaderBackground.razor.rz.scp.css */
home-background[b-4ay6r8y7rx] {
  display: block;
  position: absolute;
  width: 100%;
  margin-top: -161px;
  padding-top: 161px;
  z-index: -2;
  border-radius: 0 0 42px 42px;
  height: 585px;
  background: #22CB8850;
}
@media only screen and (max-width: 700px) {
  home-background[b-4ay6r8y7rx] {
    margin-top: -61px;
    padding-top: 61px;
  }
}
@media only screen and (max-width: 700px) {
  home-background[b-4ay6r8y7rx] {
    background: none;
  }
}
img[b-4ay6r8y7rx] {
  position: absolute;
}
.large-yellow-rectangle[b-4ay6r8y7rx] {
  top: 320px;
  left: -40px;
  transform: rotate(380deg);
}
.small-pink-circle[b-4ay6r8y7rx] {
  top: 340px;
  right: 455px;
}
.very-large-green-circle[b-4ay6r8y7rx] {
  top: 40px;
  right: 100px;
}
.purple-squiggle[b-4ay6r8y7rx] {
  top: 250px;
  right: 500px;
  transform: rotate(215deg);
}
.small-green-circle-top[b-4ay6r8y7rx] {
  top: 0px;
  left: 5px;
}
@media only screen and (min-width: 2000px) {
  .large-yellow-rectangle[b-4ay6r8y7rx] {
    top: 260px;
    left: 70px;
    transform: scale(150%);
  }
  .small-pink-circle[b-4ay6r8y7rx] {
    top: 340px;
    right: 455px;
    transform: scale(150%);
  }
  .very-large-green-circle[b-4ay6r8y7rx] {
    top: 40px;
    right: -40px;
    transform: scale(150%);
  }
  .purple-squiggle[b-4ay6r8y7rx] {
    top: 200px;
    right: 500px;
    transform: scale(150%) rotate(215deg);
  }
  .small-green-circle-top[b-4ay6r8y7rx] {
    top: 0px;
    left: 85px;
    transform: scale(150%);
  }
}
@media only screen and (max-width: 1100px) {
  .large-yellow-rectangle[b-4ay6r8y7rx] {
    top: 320px;
    left: -40px;
    transform: rotate(380deg);
  }
  .small-pink-circle[b-4ay6r8y7rx] {
    top: 380px;
    right: 165px;
  }
  .very-large-green-circle[b-4ay6r8y7rx] {
    top: 0px;
    right: -100px;
  }
  .purple-squiggle[b-4ay6r8y7rx] {
    top: 150px;
    right: 400px;
    transform: rotate(215deg);
  }
  .small-green-circle-top[b-4ay6r8y7rx] {
    top: 0px;
    left: 5px;
  }
}
@media only screen and (max-width: 700px) {
  .large-yellow-rectangle[b-4ay6r8y7rx] {
    top: 88px;
    left: -130px;
    transform: scale(50%);
  }
  .small-pink-circle[b-4ay6r8y7rx] {
    top: 265px;
    right: -65px;
    transform: scale(50%);
  }
  .very-large-green-circle[b-4ay6r8y7rx] {
    top: -100px;
    right: -100px;
    transform: scale(50%);
  }
  .purple-squiggle[b-4ay6r8y7rx] {
    top: 160px;
    right: -20px;
    transform: rotate(160deg);
  }
  .small-green-circle-top[b-4ay6r8y7rx] {
    top: 40px;
    left: 5px;
    transform: scale(50%);
  }
}
/* /Pages/PageHeaderBackground/KnowledgeCentreHeaderBackground.razor.rz.scp.css */
knowledge-centre-background[b-c6mwzjfbnn] {
  display: block;
  position: absolute;
  width: 100%;
  margin-top: -161px;
  padding-top: 161px;
  z-index: -2;
  border-radius: 0 0 42px 42px;
  height: 585px;
  background: #853EF31A;
}
@media only screen and (max-width: 700px) {
  knowledge-centre-background[b-c6mwzjfbnn] {
    margin-top: -61px;
    padding-top: 61px;
  }
}
@media only screen and (max-width: 700px) {
  knowledge-centre-background[b-c6mwzjfbnn] {
    background: none;
  }
}
img[b-c6mwzjfbnn] {
  position: absolute;
}
.large-green-circle-left-top[b-c6mwzjfbnn] {
  top: 0;
  left: 0;
  height: 180px;
}
.pink-rectangle[b-c6mwzjfbnn] {
  top: 20px;
  right: 0;
}
.purple-circle[b-c6mwzjfbnn] {
  top: 200px;
  right: 85px;
}
.purple-squiggle[b-c6mwzjfbnn] {
  top: 260px;
  left: 20px;
}
.small-green-circle[b-c6mwzjfbnn] {
  top: 240px;
  right: 0;
}
.yellow-circle[b-c6mwzjfbnn] {
  top: 240px;
  left: 105px;
}
@media only screen and (min-width: 2000px) {
  .large-green-circle-left-top[b-c6mwzjfbnn] {
    top: 0;
    left: 0;
    height: 180px;
    transform: scale(150%);
  }
  .pink-rectangle[b-c6mwzjfbnn] {
    top: 0px;
    right: 810px;
    transform: scale(150%);
  }
  .purple-circle[b-c6mwzjfbnn] {
    top: 360px;
    right: -55px;
    transform: scale(150%);
  }
  .purple-squiggle[b-c6mwzjfbnn] {
    top: 280px;
    left: 130px;
    transform: scale(150%);
  }
  .small-green-circle[b-c6mwzjfbnn] {
    top: 210px;
    right: 260px;
    transform: scale(150%);
  }
  .yellow-circle[b-c6mwzjfbnn] {
    top: 400px;
    left: 285px;
    transform: scale(150%);
  }
}
@media only screen and (max-width: 1100px) {
  .large-green-circle-left-top[b-c6mwzjfbnn] {
    top: 0;
    left: 0;
    height: 180px;
  }
  .pink-rectangle[b-c6mwzjfbnn] {
    top: 20px;
    right: 260px;
  }
  .purple-circle[b-c6mwzjfbnn] {
    top: -40px;
    right: -115px;
  }
  .purple-squiggle[b-c6mwzjfbnn] {
    top: 240px;
    left: -20px;
  }
  .small-green-circle[b-c6mwzjfbnn] {
    top: 240px;
    right: 0;
  }
  .yellow-circle[b-c6mwzjfbnn] {
    top: 300px;
    left: 305px;
  }
}
@media only screen and (max-width: 700px) {
  img[b-c6mwzjfbnn] {
    position: absolute;
  }
  .large-green-circle-left-top[b-c6mwzjfbnn] {
    top: -30px;
    left: -90px;
    transform: scale(50%);
  }
  .pink-rectangle[b-c6mwzjfbnn] {
    top: -42px;
    right: 55px;
    transform: scale(50%);
  }
  .purple-circle[b-c6mwzjfbnn] {
    top: -50px;
    right: -135px;
    transform: scale(50%);
  }
  .purple-squiggle[b-c6mwzjfbnn] {
    top: 153px;
    left: -30px;
    transform: scale(75%);
  }
  .small-green-circle[b-c6mwzjfbnn] {
    top: 130px;
    right: -30px;
    transform: scale(50%);
  }
  .yellow-circle[b-c6mwzjfbnn] {
    top: 20px;
    left: 75px;
    transform: scale(50%);
  }
}
/* /Pages/PageHeaderBackground/RiskAssessmentHeaderBackground.razor.rz.scp.css */
risk-assessment-background[b-n7ipmsabpz] {
  display: block;
  position: absolute;
  width: 100%;
  margin-top: -161px;
  padding-top: 161px;
  z-index: -2;
  border-radius: 0 0 42px 42px;
  height: 585px;
  background: #FFF8D6;
}
@media only screen and (max-width: 700px) {
  risk-assessment-background[b-n7ipmsabpz] {
    margin-top: -61px;
    padding-top: 61px;
  }
}
@media only screen and (max-width: 700px) {
  risk-assessment-background[b-n7ipmsabpz] {
    background: none;
  }
}
img[b-n7ipmsabpz] {
  position: absolute;
}
.very-large-red-circle[b-n7ipmsabpz] {
  top: -120px;
  left: -100px;
}
.pink-rectangle[b-n7ipmsabpz] {
  top: 310px;
  right: -60px;
}
.purple-squiggle[b-n7ipmsabpz] {
  top: 160px;
  right: 140px;
  transform: scale(130%) rotate(78deg);
}
.green-squiggle[b-n7ipmsabpz] {
  top: 490px;
  left: -10px;
  transform: scale(130%) rotate(80deg);
}
.small-green-circle-top[b-n7ipmsabpz] {
  top: 0px;
  right: 0px;
}
@media only screen and (min-width: 2000px) {
  .very-large-red-circle[b-n7ipmsabpz] {
    top: -120px;
    left: -100px;
    transform: scale(150%);
  }
  .pink-rectangle[b-n7ipmsabpz] {
    top: 310px;
    right: 260px;
    transform: scale(150%);
  }
  .purple-squiggle[b-n7ipmsabpz] {
    top: 240px;
    right: 80px;
    transform: scale(180%) rotate(78deg);
  }
  .green-squiggle[b-n7ipmsabpz] {
    top: 490px;
    left: 30px;
    transform: scale(170%) rotate(80deg);
  }
  .small-green-circle-top[b-n7ipmsabpz] {
    top: 0px;
    right: 0px;
    transform: scale(150%);
  }
}
@media only screen and (max-width: 1100px) {
  .very-large-red-circle[b-n7ipmsabpz] {
    top: -170px;
    left: -100px;
  }
  .pink-rectangle[b-n7ipmsabpz] {
    top: 110px;
    right: -100px;
  }
  .purple-squiggle[b-n7ipmsabpz] {
    top: 110px;
    right: 250px;
    transform: scale(130%) rotate(78deg);
  }
  .green-squiggle[b-n7ipmsabpz] {
    top: 360px;
    left: -30px;
    transform: scale(130%) rotate(-60deg);
  }
  .small-green-circle-top[b-n7ipmsabpz] {
    top: 0px;
    right: 0px;
  }
}
@media only screen and (max-width: 700px) {
  .very-large-red-circle[b-n7ipmsabpz] {
    top: -120px;
    left: -170px;
    transform: scale(50%);
  }
  .pink-rectangle[b-n7ipmsabpz] {
    top: 88px;
    right: -90px;
    transform: scale(50%);
  }
  .purple-squiggle[b-n7ipmsabpz] {
    top: 60px;
    right: 80px;
    transform: scale(75%);
  }
  .green-squiggle[b-n7ipmsabpz] {
    top: 150px;
    left: -30px;
    transform: scale(75%);
  }
  .small-green-circle-top[b-n7ipmsabpz] {
    top: 30px;
    right: -20px;
    transform: scale(50%);
  }
}
/* /Pages/PageHeaderBackground/WhatIsMyopiaHeaderBackground.razor.rz.scp.css */
what-is-myopia-background[b-rag4zcbfcb] {
  display: block;
  position: absolute;
  width: 100%;
  margin-top: -161px;
  padding-top: 161px;
  z-index: -2;
  border-radius: 0 0 42px 42px;
  height: 585px;
  background: #853EF31A;
}
@media only screen and (max-width: 700px) {
  what-is-myopia-background[b-rag4zcbfcb] {
    margin-top: -61px;
    padding-top: 61px;
  }
}
@media only screen and (max-width: 700px) {
  what-is-myopia-background[b-rag4zcbfcb] {
    background: none;
  }
}
img[b-rag4zcbfcb] {
  position: absolute;
}
.yellow-circle[b-rag4zcbfcb] {
  top: 240px;
  left: 105px;
}
.green-squiggle[b-rag4zcbfcb] {
  top: 410px;
  right: -10px;
}
.large-pink-circle-right[b-rag4zcbfcb] {
  top: 125px;
  right: 0px;
}
.medium-green-circle[b-rag4zcbfcb] {
  top: 100px;
  left: 300px;
}
.pink-squiggle[b-rag4zcbfcb] {
  top: 10px;
  left: 160px;
}
.purple-rectangle-top-left[b-rag4zcbfcb] {
  top: 0px;
  left: 0px;
}
.small-purple-circle[b-rag4zcbfcb] {
  top: 0px;
  right: 50px;
}
.small-yellow-rectangle[b-rag4zcbfcb] {
  top: 10px;
  right: 200px;
}
@media only screen and (min-width: 2000px) {
  .yellow-circle[b-rag4zcbfcb] {
    top: 500px;
    left: 35px;
    transform: scale(150%);
  }
  .green-squiggle[b-rag4zcbfcb] {
    top: 410px;
    right: 410px;
    transform: scale(150%);
  }
  .large-pink-circle-right[b-rag4zcbfcb] {
    top: 395px;
    right: 0px;
    transform: scale(150%);
  }
  .medium-green-circle[b-rag4zcbfcb] {
    top: 320px;
    left: 300px;
    transform: scale(150%);
  }
  .pink-squiggle[b-rag4zcbfcb] {
    top: 180px;
    left: 410px;
    transform: scale(150%);
  }
  .purple-rectangle-top-left[b-rag4zcbfcb] {
    top: 0px;
    left: 0px;
    transform: scale(150%);
  }
  .small-purple-circle[b-rag4zcbfcb] {
    top: 120px;
    right: 80px;
    transform: scale(150%);
  }
  .small-yellow-rectangle[b-rag4zcbfcb] {
    top: 10px;
    right: 550px;
    transform: scale(150%);
  }
}
@media only screen and (max-width: 1100px) {
  .yellow-circle[b-rag4zcbfcb] {
    top: 240px;
    left: 105px;
  }
  .green-squiggle[b-rag4zcbfcb] {
    top: 410px;
    right: -10px;
  }
  .large-pink-circle-right[b-rag4zcbfcb] {
    top: 125px;
    right: -60px;
  }
  .medium-green-circle[b-rag4zcbfcb] {
    top: 240px;
    left: 20px;
  }
  .pink-squiggle[b-rag4zcbfcb] {
    top: 440px;
    left: 10px;
  }
  .purple-rectangle-top-left[b-rag4zcbfcb] {
    top: 0px;
    left: 0px;
  }
  .small-purple-circle[b-rag4zcbfcb] {
    top: 0px;
    right: 50px;
  }
  .small-yellow-rectangle[b-rag4zcbfcb] {
    top: 10px;
    right: 200px;
  }
}
@media only screen and (max-width: 700px) {
  .yellow-circle[b-rag4zcbfcb] {
    top: 70px;
    left: -35px;
    transform: scale(50%);
  }
  .green-squiggle[b-rag4zcbfcb] {
    top: 120px;
    right: 120px;
    transform: scale(50%);
  }
  .large-pink-circle-right[b-rag4zcbfcb] {
    top: 65px;
    right: -120px;
    transform: scale(50%);
  }
  .medium-green-circle[b-rag4zcbfcb] {
    top: 140px;
    left: -40px;
    transform: scale(50%);
  }
  .pink-squiggle[b-rag4zcbfcb] {
    top: 60px;
    left: 120px;
    transform: scale(75%);
  }
  .purple-rectangle-top-left[b-rag4zcbfcb] {
    top: -60px;
    left: -70px;
    transform: scale(50%);
  }
  .small-purple-circle[b-rag4zcbfcb] {
    top: 40px;
    right: -20px;
    transform: scale(50%);
  }
  .small-yellow-rectangle[b-rag4zcbfcb] {
    top: -20px;
    right: 50px;
    transform: scale(50%);
  }
}
/* /Pages/PracticeAssessment.razor.rz.scp.css */
practice-assessment[b-lewrf3r2qs] {
  display: grid;
  margin-bottom: 30px;
}
practice-assessment .practice-header-tablet[b-lewrf3r2qs] {
  display: none;
}
[b-lewrf3r2qs] .practice-card {
  width: 300px;
}
[b-lewrf3r2qs] .practice-card .practice-map img {
  max-width: 100%;
}
[b-lewrf3r2qs] .practice-card .practice-map .no-image {
  padding: 10px;
  height: 100%;
}
[b-lewrf3r2qs] .practice-card .practice-address {
  margin: 10px 0;
}
[b-lewrf3r2qs] .practice-card .practice-address:before {
  font-family: 'Font Awesome 6 Pro';
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  content: "\f3c5";
  font-weight: 600;
  margin-right: 5px;
}
@media only screen and (max-width: 1100px) {
  practice-assessment[b-lewrf3r2qs] {
    display: block;
  }
  practice-assessment .practice-header-tablet[b-lewrf3r2qs] {
    display: block;
  }
  practice-assessment .practice-card-container[b-lewrf3r2qs] {
    display: none;
  }
  practice-assessment risk-assessment risk-assessment-header[b-lewrf3r2qs] {
    min-height: auto;
  }
}
/* /Pages/Products.razor.rz.scp.css */
products[b-hi1o37485e] {
  margin-bottom: 30px;
  display: block;
}
@media only screen and (max-width: 700px) {
  products[b-hi1o37485e]  body-content:first-of-type p:not(:first-of-type) {
    display: none;
  }
}
/* /Pages/RiskAssessment.razor.rz.scp.css */
risk-assessment .loading-container[b-xwwue3347k] {
  min-height: 50vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
risk-assessment .loading-container[b-xwwue3347k]  loading-spinner spinner {
  width: 60px;
  height: 60px;
}
risk-assessment .loading-container h2[b-xwwue3347k] {
  margin-top: 50px;
}
risk-assessment[b-xwwue3347k]  actions {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 100px;
}
risk-assessment[b-xwwue3347k]  actions button.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.6;
}
risk-assessment[b-xwwue3347k]  actions button.can-submit {
  box-shadow: rgba(from #23CB89 r g b / 20%) 0px 0px 0px 8px;
}
@media only screen and (max-width: 1100px) {
  risk-assessment[b-xwwue3347k]  section {
    margin-top: 0;
    margin-bottom: 10px;
  }
  risk-assessment[b-xwwue3347k]  section h1 {
    line-height: 44px;
  }
}
/* /Pages/VideoGuides.razor.rz.scp.css */
video-list-section[b-6ibf8zmn3s] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}
video-list-section category-list[b-6ibf8zmn3s] {
  width: 400px;
  min-width: 400px;
}
video-list-section category-list video-category[b-6ibf8zmn3s] {
  position: relative;
  display: block;
  background-color: #853EF3;
  opacity: 0.6;
  color: white;
  cursor: pointer;
  margin: 0 100px 0 0;
  padding: 30px;
  font-weight: bold;
  font-size: 18px;
}
video-list-section category-list video-category arrow-icon[b-6ibf8zmn3s] {
  visibility: hidden;
  position: absolute;
  background-color: #853EF3;
  width: 100px;
  height: 100%;
  top: 0;
  right: -50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  font-size: 15px;
  z-index: -1;
}
video-list-section category-list video-category arrow-icon i[b-6ibf8zmn3s] {
  margin-left: 10px;
}
video-list-section category-list video-category[selected][b-6ibf8zmn3s],
video-list-section category-list video-category:hover[b-6ibf8zmn3s] {
  opacity: 1;
}
video-list-section category-list video-category[selected] arrow-icon[b-6ibf8zmn3s],
video-list-section category-list video-category:hover arrow-icon[b-6ibf8zmn3s] {
  visibility: visible;
}
video-list-section category-select[b-6ibf8zmn3s] {
  display: none;
  margin-bottom: 30px;
}
video-list-section video-list-container[b-6ibf8zmn3s] {
  width: 100%;
}
video-list-section video-list-container[b-6ibf8zmn3s]  video-list {
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 700px), only screen and (max-width: 1100px) {
  video-list-section video-list-container[b-6ibf8zmn3s]  video-list {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media only screen and (max-width: 700px) {
  video-list-section[b-6ibf8zmn3s] {
    flex-direction: column;
  }
  video-list-section category-select[b-6ibf8zmn3s] {
    display: block;
  }
  video-list-section category-list[b-6ibf8zmn3s] {
    display: none;
  }
}
/* /Pages/WhatIsMyopia.razor.rz.scp.css */
header-box[b-emcuva1cgy] {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1300px;
  text-align: center;
  margin: auto;
  max-width: 930px;
  display: block;
}
@media only screen and (max-width: 1550px) {
  header-box[b-emcuva1cgy] {
    width: 90%;
  }
}
@media only screen and (max-width: 700px) {
  header-box[b-emcuva1cgy] {
    width: 95%;
  }
}
side-by-side-gap[b-emcuva1cgy] {
  display: block;
  height: 10px;
}
simple-content[b-emcuva1cgy] {
  display: block;
  text-align: center;
  width: 70%;
  margin: 0 auto 48px;
}
detailed-points-list[b-emcuva1cgy] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 35px 50px;
}
.detailed-point[b-emcuva1cgy] {
  padding: 10px;
}
.detailed-point[b-emcuva1cgy]  h3 {
  margin-bottom: 0;
}
.detailed-point[b-emcuva1cgy]  img {
  margin-right: 20px;
  flex-shrink: 0;
}
detailed-point-image[b-emcuva1cgy],
detailed-point-body[b-emcuva1cgy] {
  display: block;
}
detailed-point-image[b-emcuva1cgy]  img {
  width: 150px;
}
@media only screen and (max-width: 1100px) {
  steps-list[b-emcuva1cgy] {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
  }
  detailed-points-list[b-emcuva1cgy] {
    grid-template-columns: repeat(1, 1fr);
  }
  simple-content[b-emcuva1cgy] {
    width: 100%;
  }
  [b-emcuva1cgy] .hide-image-in-tablet {
    display: none;
  }
}
@media only screen and (max-width: 700px) {
  focus-points-list[b-emcuva1cgy],
  steps-list[b-emcuva1cgy] {
    grid-template-columns: repeat(1, 1fr);
    gap: 25px;
  }
  detailed-point[b-emcuva1cgy] {
    display: block;
  }
  detailed-point[b-emcuva1cgy]  img {
    display: block;
    margin: auto;
  }
  detailed-point[b-emcuva1cgy]  h3 {
    text-align: center;
  }
  [b-emcuva1cgy] .hide-image-in-mobile {
    display: none;
  }
}