@font-face {
    font-family: "FixelText";
    src: url("../../assets/fonts/fixel-text/FixelText-Thin.woff2") format("woff2");
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "FixelText";
    src: url("../../assets/fonts/fixel-text/FixelText-ThinItalic.woff2") format("woff2");
    font-weight: 100;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "FixelText";
    src: url("../../assets/fonts/fixel-text/FixelText-ExtraLight.woff2") format("woff2");
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "FixelText";
    src: url("../../assets/fonts/fixel-text/FixelText-ExtraLightItalic.woff2") format("woff2");
    font-weight: 200;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "FixelText";
    src: url("../../assets/fonts/fixel-text/FixelText-Light.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "FixelText";
    src: url("../../assets/fonts/fixel-text/FixelText-LightItalic.woff2") format("woff2");
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "FixelText";
    src: url("../../assets/fonts/fixel-text/FixelText-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "FixelText";
    src: url("../../assets/fonts/fixel-text/FixelText-RegularItalic.woff2") format("woff2");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "FixelText";
    src: url("../../assets/fonts/fixel-text/FixelText-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "FixelText";
    src: url("../../assets/fonts/fixel-text/FixelText-MediumItalic.woff2") format("woff2");
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "FixelText";
    src: url("../../assets/fonts/fixel-text/FixelText-SemiBold.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "FixelText";
    src: url("../../assets/fonts/fixel-text/FixelText-SemiBoldItalic.woff2") format("woff2");
    font-weight: 600;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "FixelText";
    src: url("../../assets/fonts/fixel-text/FixelText-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "FixelText";
    src: url("../../assets/fonts/fixel-text/FixelText-BoldItalic.woff2") format("woff2");
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "FixelText";
    src: url("../../assets/fonts/fixel-text/FixelText-ExtraBold.woff2") format("woff2");
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "FixelText";
    src: url("../../assets/fonts/fixel-text/FixelText-ExtraBoldItalic.woff2") format("woff2");
    font-weight: 800;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "FixelText";
    src: url("../../assets/fonts/fixel-text/FixelText-Black.woff2") format("woff2");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "FixelText";
    src: url("../../assets/fonts/fixel-text/FixelText-BlackItalic.woff2") format("woff2");
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "FixelDisplay";
    src: url("../../assets/fonts/fixel-display/FixelDisplay-Thin.woff2") format("woff2");
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "FixelDisplay";
    src: url("../../assets/fonts/fixel-display/FixelDisplay-ThinItalic.woff2") format("woff2");
    font-weight: 100;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "FixelDisplay";
    src: url("../../assets/fonts/fixel-display/FixelDisplay-ExtraLight.woff2") format("woff2");
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "FixelDisplay";
    src: url("../../assets/fonts/fixel-display/FixelDisplay-ExtraLightItalic.woff2") format("woff2");
    font-weight: 200;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "FixelDisplay";
    src: url("../../assets/fonts/fixel-display/FixelDisplay-Light.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "FixelDisplay";
    src: url("../../assets/fonts/fixel-display/FixelDisplay-LightItalic.woff2") format("woff2");
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "FixelDisplay";
    src: url("../../assets/fonts/fixel-display/FixelDisplay-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "FixelDisplay";
    src: url("../../assets/fonts/fixel-display/FixelDisplay-RegularItalic.woff2") format("woff2");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "FixelDisplay";
    src: url("../../assets/fonts/fixel-display/FixelDisplay-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "FixelDisplay";
    src: url("../../assets/fonts/fixel-display/FixelDisplay-MediumItalic.woff2") format("woff2");
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "FixelDisplay";
    src: url("../../assets/fonts/fixel-display/FixelDisplay-SemiBold.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "FixelDisplay";
    src: url("../../assets/fonts/fixel-display/FixelDisplay-SemiBoldItalic.woff2") format("woff2");
    font-weight: 600;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "FixelDisplay";
    src: url("../../assets/fonts/fixel-display/FixelDisplay-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "FixelDisplay";
    src: url("../../assets/fonts/fixel-display/FixelDisplay-BoldItalic.woff2") format("woff2");
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "FixelDisplay";
    src: url("../../assets/fonts/fixel-display/FixelDisplay-ExtraBold.woff2") format("woff2");
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "FixelDisplay";
    src: url("../../assets/fonts/fixel-display/FixelDisplay-ExtraBoldItalic.woff2") format("woff2");
    font-weight: 800;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "FixelDisplay";
    src: url("../../assets/fonts/fixel-display/FixelDisplay-Black.woff2") format("woff2");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "FixelDisplay";
    src: url("../../assets/fonts/fixel-display/FixelDisplay-BlackItalic.woff2") format("woff2");
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

:root {
    --screen-xs-min: 375px;
    --screen-sm-min: 430px;
    --screen-md-min: 870px;
    --screen-lg-min: 1024px;
    --screen-lg-min: 128px;
    --screen-xxl-min: 1700px;
    --Electric-Blue: #4001f6;
    --Neon-Green: #baf57a;
    --Errigal-White: #f0f2f3;
    --Light-Grey: #d9d9d9;
    --Dark-Grey: #494949;
    --Rich-Black: #100e1f;
    --font-fixel-display: "FixelDisplay", sans-serif;
    --font-fixel: "FixelText", sans-serif;
    --font__size_base: 16px;
    --font__line-height-body: 120%;
    --bio-block-gap: 4rem;
    --bio-block-gap__sm: 3rem;
    --bio-block-gap__xl: 4rem;
    --block-gap: var(--bio-block-gap);
    --bio-border-radius-sm: 1.6rem;
    --bio-border-radius-lg: 2.4rem;
    --border-radius: var(--bio-border-radius-sm);
    --bio-body-font-sm: 1.4rem;
    --bio-body-font-md: 1.6rem;
    --bio-body-font-lg: 1.8rem;
    --body-font: var(--bio-body-font-md);
    --body-font-sm: var(--bio-body-font-sm);
    --body-font-m: 1.6rem;
    --body-font-l: 1.8rem;
    --bio-btn-font-sm: 1.6rem;
    --bio-btn-font-lg: 1.8rem;
    --btn-font: var(--bio-btn-font-sm);
    --bio-font-s: 1.4rem;
    --bio-font-s-lg: 1.6rem;
    --body-font-s: var(--bio-font-s);
    --h1_font-size-sm: 3.4rem;
    --h1_font-size-md: 4.4rem;
    --h1_font-size-lg: 5.8rem;
    --h1_font-size-xxl: 6.2rem;
    --h1_font-size: var(--h1_font-size-sm);
    --h2_font-size-sm: 3.2rem;
    --h2_font-size-md: 3.2rem;
    --h2_font-size-lg: 4.4rem;
    --h2_font-size-xl: 5.2rem;
    --h2_font-size: var(--h2_font-size-sm);
    --h2_font-size-large: var(--h2_font-size-sm)
}

@media(min-width: 430px) {
    :root {
        --block-gap: var(--bio-block-gap__sm)
    }
}

@media(min-width: 1288px) {
    :root {
        --block-gap: var(--bio-block-gap__xl)
    }
}

@media(min-width: 1024px) {
    :root {
        --border-radius: var(--bio-border-radius-lg)
    }
}

@media(min-width: 870px) {
    :root {
        --body-font: var(--bio-body-font-md);
        --body-font-sm: var(--bio-body-font-md)
    }
}

@media(min-width: 1024px) {
    :root {
        --body-font: var(--bio-body-font-lg)
    }
}

@media(min-width: 1024px) {
    :root {
        --btn-font: var(--bio-btn-font-lg)
    }
}

@media(min-width: 1024px) {
    :root {
        --body-font-s: var(--bio-font-s-lg)
    }
}

@media(min-width: 870px) {
    :root {
        --h1_font-size: var(--h1_font-size-md)
    }
}

@media(min-width: 1024px) {
    :root {
        --h1_font-size: var(--h1_font-size-lg)
    }
}

@media(min-width: 1700px) {
    :root {
        --h1_font-size: var(--h1_font-size-xxl)
    }
}

@media(min-width: 870px) {
    :root {
        --h2_font-size: var(--h2_font-size-md)
    }
}

@media(min-width: 1024px) {
    :root {
        --h2_font-size: var(--h2_font-size-lg);
        --h2_font-size-large: var(--h2_font-size-xl)
    }
}

* {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 62.5%;
    scroll-behavior: smooth
}

body {
    background-color: var(--Errigal-White);
    font-family: var(--font-fixel);
    font-size: 14px;
    font-size: 1.4rem;
    color: var(---Rich-Black)
}

a {
    outline: none;
    text-decoration: none;
    color: inherit
}

a img {
    outline: none;
    border: none
}

input,textarea,select,button {
    background: none;
    outline: none;
    border: none;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    resize: none;
    font-family: var(--font-fixel)
}

picture {
    font-size: 0
}

h1 {
    font-family: var(--font-fixel-display);
    font-size: var(--h1_font-size);
    font-weight: 900;
    line-height: 120%
}

h2 {
    font-family: var(--font-fixel-display);
    font-size: var(--h2_font-size-sm);
    font-weight: 900;
    line-height: 120%;
    font-size: var(--h2_font-size)
}

h3,h4,h5,h6 {
    font-family: var(--font-fixel-display);
    font-size: var(--body-font);
    line-height: 111%
}

p,ul li,a,button,span,table td,table th {
    font-size: var(--body-font);
    line-height: 111%;
    line-height: 142%;
    font-weight: 300
}

p strong,ul li strong,a strong,button strong,span strong,table td strong,table th strong {
    font-weight: 700
}

p i,ul li i,a i,button i,span i,table td i,table th i {
    font-style: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
    text-decoration-color: #39bcd9;
    text-decoration-thickness: 10%;
    text-underline-offset: auto;
    text-underline-position: from-font
}

li {
    padding-left: 0
}

li::marker {
    content: ""
}

section {
    padding-block:var(--block-gap)}

section header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.6rem;
    max-width: 35rem;
    margin: auto
}

@media(min-width: 870px) {
    section header {
        max-width:100%;
        margin: 0
    }
}

section header .header-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .8rem
}

.container {
    width: min(100% - 4rem,71.4rem);
    margin: auto
}

@media(min-width: 1024px) {
    .container {
        width:min(100% - 4rem,125rem)
    }
}

@media(min-width: 1700px) {
    .container {
        width:min(100% - 4rem,132.8rem)
    }
}

.container.fullOnMobile {
    width: min(100%,107.8rem)
}

@media(min-width: 1288px) {
    .container.fullOnMobile {
        width:min(100% - 4rem,128rem)
    }
}

.flexColumn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem
}

@media(min-width: 870px) {
    .flexColumn {
        gap:4rem
    }
}

.btns-wrp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%
}

@media(min-width: 870px) {
    .btns-wrp {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.btn-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: min(100% - 4rem,35rem);
    text-align: center;
    justify-self: flex-start
}

@media(min-width: 1024px) {
    .btn-item {
        min-width:min(100% - 4rem,40.8rem);
    }
}

.btn-item span {
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-top: .3rem;
    color: var(--Dark-Grey)
}

@media(min-width: 1024px) {
    .btn-item span {
        font-size:1.6rem
    }
}

.btn-item.center-btn {
    justify-self: center;
    margin-block:.8rem}

.btn {
    padding: 1.1rem 2rem;
    color: var(--Neon-Green);
    border-radius: 3rem;
    background: var(--Electric-Blue);
    text-align: center;
    font-family: var(--font-fixel-display);
    font-size: var(--btn-font);
    line-height: 2.4rem;
    -webkit-transition: .3s all ease;
    transition: .3s all ease;
    font-weight: 700;
}

@media(min-width: 1024px) {
    .btn {
        padding:1.6rem 2rem
    }
}

.btn:hover {
    background: var(--Rich-Black)
}

details summary {
    padding: 1rem 6.4rem 1rem 1.6rem;
    font-size: 0;
    background-color: #fff;
    border-radius: 1.2rem
}

@media(min-width: 870px) {
    details summary {
        padding:1.2rem 8rem 1.2rem 1.6rem
    }
}

@media(min-width: 1024px) {
    details summary {
        padding:1.3rem 8rem 1.3rem 1.6rem
    }
}

details summary::marker {
    display: none
}

details .accordion__quesion {
    cursor: pointer;
    position: relative;
    font-size: 1.6rem;
    line-height: 120%;
    font-weight: 700;
    color: var(--Rich-Black);
    font-family: var(--font-fixel-display);
    line-height: 1
}

@media(min-width: 870px) {
    details .accordion__quesion {
        font-size:1.8rem
    }
}

details .accordion__quesion::marker {
    font-size: 0
}

details .accordion__quesion::before,details .accordion__quesion::after {
    content: " ";
    width: 14px;
    height: 1.6px;
    display: inline-block;
    position: absolute;
    right: 1.6rem;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: .3s all ease;
    transition: .3s all ease;
    background-color: #000;
    background-image: none;
    z-index: 1;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

details .accordion__quesion::before {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

details .accordion__quesion::after {
    top: calc(50% + .08rem)
}

details .accordion__answer {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem
}

@media(min-width: 1024px) {
    details .accordion__answer {
        gap:2rem
    }
}

details .accordion__answer p,details .accordion__answer ul li,details .accordion__answer a {
    font-size: 1.4rem;
    line-height: 140%;
    color: #000
}

@media(min-width: 1024px) {
    details .accordion__answer p,details .accordion__answer ul li,details .accordion__answer a {
        font-size:1.8rem
    }
}

details .accordion__answer ul {
    list-style: disc;
    padding-left: 2rem
}

details.accordion__item {
    -webkit-transition: .3s all ease;
    transition: .3s all ease;
    background-color: #fff;
    border-radius: 1.2rem
}

details.accordion__item[open] .accordion__answer {
    padding: 0 6.4rem 1rem 1.6rem
}

@media(min-width: 870px) {
    details.accordion__item[open] .accordion__answer {
        padding:0 8rem 1.2rem 1.6rem
    }
}

@media(min-width: 1024px) {
    details.accordion__item[open] .accordion__answer {
        padding:0 8rem 1.3rem 1.6rem
    }
}

details.accordion__item[open] .accordion__quesion::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

details.accordion__item[open] .accordion__quesion::before {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.rn-custom-vimeo {
    background-color: #000;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.rn-custom-vimeo .rn-custom-vimeo__iframe-wrp {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    opacity: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.rn-custom-vimeo .rn-custom-vimeo__iframe-wrp iframe {
    scale: 1.2
}

.rn-custom-vimeo img.rn-custom-vimeo__vimeo-poster {
    max-width: 100%;
    width: 100%;
    height: auto
}

.rn-custom-vimeo__overely {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-color: rgba(0,0,0,.3490196078);
    background-image: var(--bgImage);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-transition: .6s;
    transition: .6s
}

.rn-custom-vimeo__overely.withGradientColor::before {
    content: " ";
    inset: 0 0 0 0;
    background: linear-gradient(to top, var(--color__site-primary), transparent 340px);
    position: absolute
}

.rn-custom-vimeo.active .rn-custom-vimeo__overely {
    opacity: 0;
    z-index: 10
}

.rn-custom-vimeo.active img {
    opacity: 0
}

.rn-custom-vimeo.active .rn-custom-vimeo__iframe-wrp {
    opacity: 1
}

.rn-custom-vimeo__overely img.rn-custom-vimeo__play-icon {
    max-width: 5rem;
    max-height: 5rem;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media(min-width: 1024px) {
    .rn-custom-vimeo__overely img.rn-custom-vimeo__play-icon {
        max-width:8rem;
        max-height: 8rem
    }
}

.video-background-wrp {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: -1
}

.video-background-wrp-inner {
    position: relative;
    width: 100%;
    height: 100%
}

.video-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.video-foreground {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.video-foreground iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70vw;
    height: 56.25vw;
    min-height: 70vh;
    min-width: 120.77vh;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    z-index: 0
}

body .bio-header__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.biohair-elithair-banner {
    margin-top: 24px;
    background: #063463;
    color: #fff;
}
.biohair-elithair-banner .container {
    width: 100% !important;
}
.biohair-elithair-banner .container, .first_part, .second_part {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
}
.first_part, .second_part {
    padding: 10px 0;
}
body .first_part p, body .second_part p {
    font-size: 1.6rem;
}
.first_part svg {
    max-width: 100px;
}
@media (max-width: 1150px) {
    .first_part, .second_part {
        padding: 10px;
        width: 100%;
        gap: 10px
    }
    body .first_part p, body .second_part p{
        font-size: 1.4rem;
    }
    .second_part {
        background: #D9D9D9;
        color: #063463;
    }
    .second_part svg {
        display: none;
    }
}
@media (max-width: 430px) {
    body .first_part p, body .second_part p {
        font-size: 1.1rem;
    }
    .bio-hero__header p {
        font-size: 1.6rem !important;
        gap: 6px;
        justify-content: center;
    }
    .bio-hero__header p svg {
        max-width: 120px;
    }
}
body .bio-header__logo {
    width: 7.4rem;
    height: auto
}

@media(min-width: 870px) {
    body .bio-header__logo {
        width: 7rem;
    }
}

@media(min-width: 1024px) {
    body .bio-header__logo {
        width: 8rem;
    }
}

@media(min-width: 1288px) {
    body .bio-header__logo {
        width: 9rem;
    }
}

body .bio-header__logo-google {
    width: 5.5rem;
    height: auto
}

@media(min-width: 1024px) {
    body .bio-header__logo-google {
        width:7.4rem
    }
}

@media(min-width: 1288px) {
    body .bio-header__logo-google {
        width:7.7rem
    }
}

.bio-footer__container {
    border-top: solid 1px var(--Light-Grey);
    padding-top: 1.6rem
}

@media(min-width: 870px) {
    .bio-footer__container {
        padding-top:2.4rem
    }
}

@media(min-width: 1288px) {
    .bio-footer__container {
        padding-top:3.2rem
    }
}

.bio-footer__logo img {
    width: 5.5rem;
    height: auto
}

@media(min-width: 870px) {
    .bio-footer__logo img {
        width:12rem
    }
}

.bio-footer__contact-data {
    grid-area: data;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: .4rem
}

.bio-footer__contact-data li {
    line-height: 1
}

.bio-footer__contact-data li a {
    color: var(--Rich-Black, #100e1f);
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1
}

@media(min-width: 870px) {
    .bio-footer__contact-data li a {
        font-size:1.4rem
    }
}

@media(min-width: 1024px) {
    .bio-footer__contact-data li a {
        font-size:1.6rem
    }
}

.bio-footer__links {
    grid-area: links;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: .4rem
}

.bio-footer__links li {
    line-height: 1
}

.bio-footer__links li a {
    color: var(--Rich-Black, #100e1f);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-decoration-line: underline;
    text-decoration-style: solid;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font
}

@media(min-width: 870px) {
    .bio-footer__links li a {
        font-size:1.4rem
    }
}

@media(min-width: 1024px) {
    .bio-footer__links li a {
        font-size:1.6rem
    }
}

.bio-footer__address {
    grid-area: address
}

.bio-footer__address p {
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%
}

@media(min-width: 870px) {
    .bio-footer__address p {
        font-size:1.4rem
    }
}

@media(min-width: 1024px) {
    .bio-footer__address p {
        font-size:1.6rem
    }
}

.bio-footer__data {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    -webkit-column-gap: 1.85rem;
    -moz-column-gap: 1.85rem;
    column-gap: 1.85rem;
    row-gap: .4rem;
    grid-template-areas: "data address" "links address"
}

@media(min-width: 870px) {
    .bio-footer__data {
        grid-template-columns:3fr 1fr;
        -webkit-column-gap: 7.5rem;
        -moz-column-gap: 7.5rem;
        column-gap: 7.5rem;
        grid-template-areas: "data links" "address address"
    }
}

.bio-footer__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.85rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media(min-width: 870px) {
    .bio-footer__container {
        -webkit-box-align:center;
        -ms-flex-align: center;
        align-items: center
    }
}

.bio-footer__copyrights {
    text-align: center;
    margin-block:1.6rem}

@media(min-width: 870px) {
    .bio-footer__copyrights {
        margin-block:2.4rem
    }
}

.bio-footer__copyrights p {
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    color: var(--Dark-Grey)
}

@media(min-width: 870px) {
    .bio-footer__copyrights p {
        font-size:1.2rem
    }
}

@media(min-width: 1024px) {
    .bio-footer__copyrights p {
        font-size:1.4rem
    }
}

.bio-hero {
    padding-block:1.6rem}

@media(min-width: 870px) {
    .bio-hero {
        padding-block:2.4rem
    }
}

@media(min-width: 1024px) {
    .bio-hero {
        padding-block:2.4rem
    }
}

.bio-hero__header {
    grid-area: header;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    gap: .8rem;
    max-width: 59rem;
    margin: auto
}

@media(min-width: 1024px) {
    .bio-hero__header {
        max-width:100%;
        margin: 0
    }
}

.bio-hero__header p {
    color: var(--Dark-Grey);
    font-size: 2rem;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

@media(min-width: 870px) {
    .bio-hero__header p {
        font-size:2.4rem
    }
}

@media(min-width: 1024px) {
    .bio-hero__header p {
        font-size:3.2rem
    }
}

@media(min-width: 1700px) {
    .bio-hero__header p {
        font-size: 3.4rem;
    }
}

@media(min-width: 870px) {
    .bio-hero__header {
        gap:1.2rem
    }
}

@media(min-width: 1024px) {
    .bio-hero__header {
        gap:1.6rem;
        text-align: left;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-right: 1rem
    }
}

.bio-hero__media {
    grid-area: media;
    padding-left: 6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.bio-hero__media img {
    width: 100%;
    height: auto
}

@media(min-width: 870px) {
    .bio-hero__media {
        padding-left:12.5rem
    }
}

.bio-hero__media-inner {
    position: relative
}

.bio-hero__media-inner-before {
    position: absolute;
    left: -7rem;
    bottom: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .4rem
}

@media(min-width: 870px) {
    .bio-hero__media-inner-before {
        top:5rem;
        left: -11rem
    }
}

.bio-hero__media-inner-before img.before-img {
    width: 11.6228rem;
    height: 14.6862rem;
    aspect-ratio: 116.23/146.86;
    border-radius: 1.8356rem;
    border: 1.02px solid var(--Light-grey, #d9d9d9);
    -webkit-box-shadow: 0 3.059px 4.079px 0 rgba(0,0,0,.12);
    box-shadow: 0 3.059px 4.079px 0 rgba(0,0,0,.12)
}

@media(min-width: 870px) {
    .bio-hero__media-inner-before img.before-img {
        width:20.2rem;
        height: 25.5rem;
        aspect-ratio: 202/255
    }
}

@media(min-width: 1024px) {
    .bio-hero__media-inner-before img.before-img {
        width:20.2rem;
        height: 25.5rem;
        aspect-ratio: 202/255
    }
}

@media(min-width: 1700px) {
    .bio-hero__media-inner-before img.before-img {
        width:20.5806rem;
        height: 26.0049rem;
        aspect-ratio: 205.81/260.05
    }
}

.bio-hero__media-inner-before-caption {
    max-width: 10.7rem;
    position: relative
}

@media(min-width: 870px) {
    .bio-hero__media-inner-before-caption {
        max-width:12.5rem
    }
}

.bio-hero__media-inner-before-caption h3 {
    font-family: var(--font-fixel);
    color: var(--Dark-Grey);
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1
}

@media(min-width: 870px) {
    .bio-hero__media-inner-before-caption h3 {
        font-size:3.2rem
    }
}

@media(min-width: 1024px) {
    .bio-hero__media-inner-before-caption h3 {
        font-size:2.9rem
    }
}

@media(min-width: 1700px) {
    .bio-hero__media-inner-before-caption h3 {
        font-size:3.2rem
    }
}

.bio-hero__media-inner-before-caption span {
    color: var(--Electric-Blue);
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 600
}

@media(min-width: 870px) {
    .bio-hero__media-inner-before-caption span {
        font-size:1.7rem;
        line-height: 130%
    }
}

@media(min-width: 1024px) {
    .bio-hero__media-inner-before-caption span {
        font-size:1.5rem;
        line-height: 130%
    }
}

@media(min-width: 1700px) {
    .bio-hero__media-inner-before-caption span {
        font-size:1.6rem;
        line-height: 130%
    }
}

.bio-hero__media-inner-before-caption span em {
    font-style: normal;
    font-size: 1rem;
    font-weight: 600
}

@media(min-width: 870px) {
    .bio-hero__media-inner-before-caption span em {
        font-size:1.7rem;
        line-height: 130%
    }
}

@media(min-width: 1024px) {
    .bio-hero__media-inner-before-caption span em {
        font-size:1.5rem;
        line-height: 130%
    }
}

@media(min-width: 1700px) {
    .bio-hero__media-inner-before-caption span em {
        font-size:1.6rem;
        line-height: 130%
    }
}

.bio-hero__media-inner-before-caption .caption-arrow {
    position: absolute;
    bottom: 17rem;
    left: 2rem;
    width: 8.2rem;
    height: auto
}

@media(min-width: 870px) {
    .bio-hero__media-inner-before-caption .caption-arrow {
        bottom:auto;
        top: 81%;
        width: 11.3rem;
        -webkit-transform: scaleY(-1) rotate(-4deg);
        transform: scaleY(-1) rotate(-4deg);
        left: 34%
    }
}

.bio-hero__btn {
    grid-area: btn;
    justify-self: center
}

@media(min-width: 1024px) {
    .bio-hero__btn {
        justify-self:flex-start
    }
}

.bio-hero__container {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "header" "media" "btn";
    row-gap: 2.4rem
}

@media(min-width: 870px) {
    .bio-hero__container {
        row-gap:3.2rem
    }
}

@media(min-width: 1024px) {
    .bio-hero__container {
        row-gap:6.4rem;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "header media" "btn media"
    }
}

.bio-hero.layout-02 .bio-hero__header-avatars {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .8rem;
    padding: .4rem 1rem;
    background-color: #fff;
    border-radius: 2rem;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

@media(min-width: 1024px) {
    .bio-hero.layout-02 .bio-hero__header-avatars {
        -webkit-box-ordinal-group:unset;
        -ms-flex-order: unset;
        order: unset
    }
}

.bio-hero.layout-02 .bio-hero__header-avatars span {
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1
}

@media(min-width: 870px) {
    .bio-hero.layout-02 .bio-hero__header-avatars span {
        font-size:1.6rem
    }
}

@media(min-width: 1024px) {
    .bio-hero.layout-02 .bio-hero__header-avatars span {
        font-size:1.8rem
    }
}

.bio-hero.layout-02 .bio-hero__header-avatars img {
    max-width: 8rem;
    height: auto
}

@media(min-width: 430px) {
    .bio-hero.layout-02 .bio-hero__header-avatars img {
        max-width:10.4rem
    }
}

@media(min-width: 1024px) {
    .bio-hero.layout-02 .bio-hero__container {
        grid-template-columns:1fr 42.96%;
        -webkit-column-gap: 15rem;
        -moz-column-gap: 15rem;
        column-gap: 3rem;
    }
}

.bio-hero.layout-02 .bio-hero__media {
    padding-left: 0
}

.bio-hero.layout-02 .bio-hero__media-inner {
    position: relative;
    max-width: 45rem;
    margin: auto
}

@media(min-width: 1024px) {
    .bio-hero.layout-02 .bio-hero__media-inner {
        max-width:100%;
        margin: 0
    }
}

.bio-hero.layout-02 .bio-hero__media-inner img {
    /* aspect-ratio:35/42; */
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top
}

@media(min-width: 870px) {
    .bio-hero.layout-02 .bio-hero__media-inner img {
        /* aspect-ratio:45/63; */
    }
}

@media(min-width: 1024px) {
    .bio-hero.layout-02 .bio-hero__media-inner img {
        /* aspect-ratio:53/76; */
    }
}

@media(min-width: 1288px) {
    .bio-hero.layout-02 .bio-hero__media-inner img {
        /* aspect-ratio:57/76; */
    }
}

.bio-hero.layout-02 .bio-hero__media-inner figcaption {
    position: absolute;
    left: 1rem;
    bottom: 1rem;
    border: solid 1px var(--Light-Grey);
    border-radius: .8rem;
    background-color: #fff;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: .4rem .8rem;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 140%
}

@media(min-width: 870px) {
    .bio-hero.layout-02 .bio-hero__media-inner figcaption {
        font-size:1.6rem
    }
}

@media(min-width: 1024px) {
    .bio-hero.layout-02 .bio-hero__media-inner figcaption {
        font-size:2.2rem
    }
}

.bio-hero.layout-02 .bio-hero__media-inner figcaption strong {
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    font-family: var(--font-fixel-display)
}

@media(min-width: 1024px) {
    .bio-hero.layout-02 .bio-hero__media-inner figcaption strong {
        font-size:2.8rem
    }
}

.bio-stats {
    padding-block:4rem}

@media(min-width: 870px) {
    .bio-stats {
        padding-block:6rem
    }
}

.bio-stats__container {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 2.4rem
}

@media(min-width: 870px) {
    .bio-stats__container {
        grid-template-columns:1fr 1fr;
        row-gap: 0;
        -webkit-column-gap: 2.4rem;
        -moz-column-gap: 2.4rem;
        column-gap: 2.4rem
    }
}

@media(min-width: 1288px) {
    .bio-stats__container {
        grid-template-columns:1fr 2fr;
        -webkit-column-gap: 9.2rem;
        -moz-column-gap: 9.2rem;
        column-gap: 9.2rem
    }
}

@media(min-width: 1288px) {
    .bio-stats__container {
        background-color:#fff;
        padding: 3rem 4rem;
        border-radius: var(--border-radius)
    }
}

.bio-stats__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

@media(min-width: 870px) {
    .bio-stats__header {
        text-align:left;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media(min-width: 1288px) {
    .bio-stats__header {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.bio-stats__header h2 {
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 140%;
    text-align: center;
    color: var(--Rich-Black)
}

.bio-stats__header h2 strong {
    font-size: 3.2rem;
    font-weight: 900;
    line-height: 120%
}

@media(min-width: 870px) {
    .bio-stats__header h2 {
        font-size:2.8rem
    }

    .bio-stats__header h2 strong {
        font-size: 3.2rem
    }
}

@media(min-width: 1288px) {
    .bio-stats__header h2 {
        text-align:left;
        font-size: 3.2rem
    }

    .bio-stats__header h2 strong {
        font-size: 4.4rem
    }
}

.bio-stats__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.6rem
}

@media(min-width: 1288px) {
    .bio-stats__list {
        display:grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 4.45rem
    }
}

.bio-stats__list li {
    background-color: #fff;
    padding: 2.4rem 1.6rem;
    border-radius: var(--border-radius);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(min-width: 1288px) {
    .bio-stats__list li {
        padding:3.2rem 0
    }
}

.bio-stats__list li h4 {
    color: var(--Electric-Blue);
    font-size: 3.2rem;
    font-weight: 900;
    line-height: 120%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .4rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(min-width: 1288px) {
    .bio-stats__list li h4 {
        font-size:4.4rem
    }
}

.bio-stats__list li h4 i {
    font-style: normal;
    text-decoration: none
}

.bio-stats__list li h4 strong {
    font-size: 2.4rem;
    font-weight: 900
}

@media(min-width: 1288px) {
    .bio-stats__list li h4 strong {
        font-size:3.2rem
    }
}

.bio-stats__list li h4.switch-font-size i {
    font-size: 2.4rem
}

@media(min-width: 1288px) {
    .bio-stats__list li h4.switch-font-size i {
        font-size:3.2rem
    }
}

.bio-stats__list li h4.switch-font-size strong {
    font-size: 3.2rem
}

@media(min-width: 1288px) {
    .bio-stats__list li h4.switch-font-size strong {
        font-size:4.4rem
    }
}

.bio-stats__list li p {
    color: var(--Rich-Black, #100e1f);
    font-size: var(--btn-font);
    font-weight: 400;
    line-height: 140%
}

.bio-price__header {
    grid-area: header;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.6rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(min-width: 1024px) {
    .bio-price__header {
        -webkit-box-pack:start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.bio-price__header h2 {
    font-size: var(--h2_font-size-large);
    max-width: 26rem;
    margin: auto;
    text-align: center
}

@media(min-width: 870px) {
    .bio-price__header h2 {
        max-width:100%;
        margin: 0
    }
}

@media(min-width: 1024px) {
    .bio-price__header h2 {
        -webkit-box-pack:start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        text-align: left
    }
}

.bio-price__chart {
    grid-area: chart;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.6rem;
    height: 30rem;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    max-width: 500px;
    margin-left: auto;
    width: 100%;
}

@media(min-width: 870px) {
    .bio-price__chart {
        height:40rem
    }
}

@media(min-width: 1024px) {
    .bio-price__chart {
        height:60rem
    }
}

.bio-price__chart-col {
    padding: 2.4rem .5rem;
    border-radius: 1.2rem 1.2rem 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    gap: .8rem
}

.bio-price__chart-col strong {
    font-weight: 900
}

.bio-price__chart-col h3 {
    font-size: 2.4rem;
    font-weight: 900;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .2rem
}

@media(min-width: 870px) {
    .bio-price__chart-col h3 {
        font-size:3.2rem
    }
}

.bio-price__chart-col h3 i {
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1
}

@media(min-width: 870px) {
    .bio-price__chart-col h3 i {
        font-size:2.4rem
    }
}

.bio-price__chart-col h3 p {
    font-size: var(--body-font-sm);
    font-weight: 400;
    line-height: 140%
}

.bio-price__chart-col--1 {
    background-color: var(--Electric-Blue);
    height: 12.8rem;
    color: var(--Neon-Green)
}

.bio-price__chart-col--1 h3 {
    color: var(--Neon-Green)
}

@media(min-width: 870px) {
    .bio-price__chart-col--1 {
        height:22.2rem
    }
}

@media(min-width: 1024px) {
    .bio-price__chart-col--1 {
        height:26rem
    }
}

.bio-price__chart-col--2 {
    background-color: var(--Neon-Green);
    height: 17.2rem;
    color: var(--Electric-Blue)
}

.bio-price__chart-col--2 h3 {
    color: var(--Electric-Blue)
}

@media(min-width: 870px) {
    .bio-price__chart-col--2 {
        height:22.8rem
    }
}

@media(min-width: 1024px) {
    .bio-price__chart-col--2 {
        height:34rem
    }
}

.bio-price__chart-col--3 {
    background-color: var(--Light-Grey);
    height: 100%;
    color: var(--Rich-Black)
}

.bio-price__chart-col--3 h3 {
    color: var(--Rich-Black)
}

.bio-price__content {
    grid-area: content;
    background-color: #fff;
    padding: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .8rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    border-radius: 1.6rem
}

@media(min-width: 1024px) {
    .bio-price__content {
        background-color:rgba(0,0,0,0);
        padding: 0;
        text-align: left;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.bio-price__content h3 {
    color: var(--Rich-Black, #100e1f);
    text-align: center;
    font-size: 2.4rem;
    font-weight: 900;
    line-height: 120%
}

.bio-price__content p {
    font-size: var(--body-font)
}

.bio-price__content.custom-shape-icon ul {
    max-width: 21.5rem;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .08rem
}

@media(min-width: 1024px) {
    .bio-price__content.custom-shape-icon ul {
        gap:.9rem;
        margin: 0;
        max-width: 100%
    }
}

.bio-price__content.custom-shape-icon ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .8rem;
    font-size: var(--body-font)
}

.bio-price__content.custom-shape-icon ul li::before {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.bio-price__container {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 3.2rem;
    grid-template-areas: "header" "chart" "content"
}

@media(min-width: 1024px) {
    .bio-price__container {
        grid-template-columns:35rem 1fr;
        grid-template-rows: auto 1fr;
        grid-template-areas: "header chart" "content chart";
        row-gap: 4rem;
        -webkit-column-gap: 15rem;
        -moz-column-gap: 15rem;
        column-gap: 15rem
    }
}

@media(min-width: 1288px) {
    .bio-price__container {
        -webkit-column-gap:22rem;
        -moz-column-gap: 22rem;
        column-gap: 22rem
    }
}

.bio-progress__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3.2rem
}

@media(min-width: 1024px) {
    .bio-progress__container {
        gap:4rem
    }
}

.bio-progress__container header h2 {
    font-size: var(--h2_font-size-large)
}

.bio-progress__items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: 1.6rem;
    -moz-column-gap: 1.6rem;
    column-gap: 1.6rem;
    row-gap: 2.4rem
}

.bio-progress__items-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    gap: .8rem
}

@media(min-width: 1024px) {
    .bio-progress__items-item {
        gap:1.38rem
    }
}

.bio-progress__items-item img {
    width: 100%;
    height: auto
}

.bio-progress__items-item h3 {
    color: var(--Dark-Grey, #494949);
    font-size: 1.6rem
}

@media(min-width: 1024px) {
    .bio-progress__items-item h3 {
        font-size:2.2rem
    }
}

@media(min-width: 1024px) {
    .bio-progress__items {
        grid-template-columns:repeat(4, 1fr);
        -webkit-column-gap: 2.47rem;
        -moz-column-gap: 2.47rem;
        column-gap: 2.47rem
    }
}

.bio-cta {
    padding-block:1.6rem}

@media(min-width: 870px) {
    .bio-cta {
        padding-block:3.2rem
    }
}

@media(min-width: 1024px) {
    .bio-cta {
        padding-block:4rem
    }
}

.bio-cta__container {
    padding: 2.4rem 1.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.6rem;
    background-color: #fff;
    border-radius: var(--border-radius);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(min-width: 1024px) {
    .bio-cta__container {
        gap:14rem;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 3.2rem 4rem
    }
}

.bio-cta__container h2 {
    font-size: 1.6rem;
    text-align: center;
    font-weight: 400;
    line-height: 140%
}

@media(min-width: 1024px) {
    .bio-cta__container h2 {
        text-align:left;
        font-size: 2.8rem;
        max-width: 62rem
    }
}

.bio-process__container {
    background-color: #fff;
    border-radius: var(--border-radius);
    padding: 3.2rem 1.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3.2rem
}

@media(min-width: 870px) {
    .bio-process__container {
        gap:4rem;
        padding: 4rem
    }
}

@media(min-width: 1024px) {
    .bio-process__container {
        padding:3.2rem
    }
}

@media(min-width: 1288px) {
    .bio-process__container {
        padding:4rem
    }
}

.bio-process__cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -webkit-column-gap: 1.6rem;
    -moz-column-gap: 1.6rem;
    column-gap: 1.6rem;
    row-gap: 2.4rem
}

.bio-process__cards-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.6rem
}

@media(min-width: 1024px) {
    .bio-process__cards-card {
        gap:2.4rem
    }
}

.bio-process__cards-card-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    gap: .6rem
}

@media(min-width: 1024px) {
    .bio-process__cards-card-content {
        gap:.8rem
    }
}

.bio-process__cards-card p {
    font-size: var(--body-font-sm)
}

.bio-process__cards-card h3 {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 120%
}

@media(min-width: 870px) {
    .bio-process__cards-card h3 {
        font-size:1.8rem
    }
}

@media(min-width: 1024px) {
    .bio-process__cards-card h3 {
        font-size:2.2rem
    }
}

.bio-process__cards-card img {
    aspect-ratio: 83/80;
    height: 8rem;
    width: auto;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

@media(min-width: 870px) {
    .bio-process__cards-card img {
        height:10rem
    }
}

@media(min-width: 1024px) {
    .bio-process__cards-card img {
        height:14rem
    }
}

@media(min-width: 870px) {
    .bio-process__cards {
        gap:3.2rem
    }
}

@media(min-width: 1024px) {
    .bio-process__cards {
        grid-template-columns:repeat(4, 1fr)
    }
}

@media(min-width: 1288px) {
    .bio-process__cards {
        gap:4rem
    }
}

.bio-media-content__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.4rem;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: center;
    grid-area: content
}

@media(min-width: 870px) {
    .bio-media-content__content {
        text-align:left
    }
}

@media(min-width: 1024px) {
    .bio-media-content__content {
        gap:4rem
    }
}

.bio-media-content__content header {
    text-align: center
}

@media(min-width: 870px) {
    .bio-media-content__content header {
        -webkit-box-align:start;
        -ms-flex-align: start;
        align-items: flex-start;
        text-align: left
    }
}

.bio-media-content__content header.smaller-title h2 {
    font-size: 2.4rem
}

@media(min-width: 870px) {
    .bio-media-content__content header.smaller-title h2 {
        font-size:3.2rem
    }
}

@media(min-width: 1024px) {
    .bio-media-content__content header.smaller-title h2 {
        font-size:4.4rem
    }
}

.bio-media-content__content.custom-shape-icon ul {
    max-width: 30rem;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .8rem;
    text-align: left
}

@media(min-width: 870px) {
    .bio-media-content__content.custom-shape-icon ul {
        max-width:100%;
        margin: 0;
        gap: 1.4rem
    }
}

@media(min-width: 1024px) {
    .bio-media-content__content.custom-shape-icon ul {
        gap:1.9rem
    }
}

.bio-media-content__media {
    grid-area: media
}

.bio-media-content__media img {
    width: 100%;
    height: auto;
    max-width: 45rem;
    margin: auto;
    display: block
}

@media(min-width: 1024px) {
    .bio-media-content__media img {
        max-width:100%;
        margin: 0
    }
}

@media(min-width: 870px) {
    .bio-media-content__media img.md-max-height {
        max-width:100%;
        max-height: 44rem;
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media(min-width: 1024px) {
    .bio-media-content__media img.md-max-height {
        -o-object-fit:unset;
        object-fit: unset;
        max-height: 100%
    }
}

.bio-media-content__btn-item {
    grid-area: btn;
    justify-self: center;
    display: none;
}

@media(min-width: 870px) {
    .bio-media-content__btn-item {
        justify-self:flex-start;
        display: block;
        width: 100%;
    }
    .bio-media-content__btn-item a {
        max-width: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.bio-media-content__container {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 2.4rem;
    grid-template-areas: "content" "media" "btn"
}

@media(min-width: 870px) {
    .bio-media-content__container {
        grid-template-columns:41.18% 1fr;
        grid-template-areas: "media content" "media btn";
        -webkit-column-gap: 2.4rem;
        -moz-column-gap: 2.4rem;
        column-gap: 2.4rem
    }
}

@media(min-width: 1024px) {
    .bio-media-content__container {
        grid-template-columns:42.64% 1fr
    }
}

@media(min-width: 1024px) {
    .bio-media-content__container {
        -webkit-column-gap:7.4rem;
        -moz-column-gap: 7.4rem;
        column-gap: 7.4rem;
        row-gap: 4rem
    }
}

@media(min-width: 1288px) {
    .bio-media-content__container {
        -webkit-column-gap:11.4rem;
        -moz-column-gap: 11.4rem;
        column-gap: 11.4rem
    }
}

@media(min-width: 870px) {
    .bio-media-content__container.layout-2 {
        grid-template-columns:48.32% 1fr
    }
}

@media(min-width: 1024px) {
    .bio-media-content__container.layout-2 {
        grid-template-columns: 54.08% 1fr;
    }
}

.bio-steps__container {
    padding: 4rem 2rem;
    background-color: #fff;
    border-radius: var(--border-radius);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3.2rem
}

@media(min-width: 870px) {
    .bio-steps__container {
        background:rgba(0,0,0,0);
        padding: 0
    }
}

.bio-steps__header h2 {
    font-size: 3.2rem
}

@media(min-width: 1024px) {
    .bio-steps__header h2 {
        font-size:4.4rem
    }
}

@media(min-width: 870px) {
    .bio-steps__header span.tag-label.gray-bg {
        background-color:#fff
    }
}

.bio-steps__btn-item {
    justify-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .8rem;
    width: min(100%,31rem);
    margin: auto
}

.bio-steps__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3.2rem;
    max-width: 31rem;
    margin: auto;
    border-radius: var(--border-radius)
}

@media(min-width: 870px) {
    .bio-steps__list {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        max-width: 100%;
        gap: 4rem;
        background-color: #fff;
        padding: 4rem 2.4rem
    }
}

@media(min-width: 1024px) {
    .bio-steps__list {
        padding:4rem 3.2rem;
        gap: 4.8rem
    }
}

.bio-steps__list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.6rem;
    position: relative
}

.bio-steps__list-item-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .2rem;
    width: min(100%,30rem);
    margin: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.bio-steps__list-item-content h3 {
    font-size: 1.4rem
}

@media(min-width: 870px) {
    .bio-steps__list-item-content h3 {
        font-size:1.6rem
    }
}

@media(min-width: 1024px) {
    .bio-steps__list-item-content h3 {
        font-size:1.8rem
    }
}

.bio-steps__list-item:not(:last-child)::after {
    content: "";
    position: absolute;
    left: 1.1rem;
    top: 2.4rem;
    bottom: -3.5rem;
    width: .2rem;
    background-color: var(--Electric-Blue)
}

@media(min-width: 870px) {
    .bio-steps__list-item:not(:last-child)::after {
        left:4rem;
        top: 2rem;
        bottom: auto;
        width: calc(100% + 2rem);
        right: -50%;
        height: .3rem;
        -webkit-transform: translateX(calc(50% - 4rem));
        transform: translateX(calc(50% - 4rem))
    }
}

.bio-steps__list-item span {
    display: inline-block;
    border: solid .75rem var(--Electric-Blue);
    width: 2.4rem;
    height: 2.4rem;
    aspect-ratio: 1/1;
    border-radius: 50%
}

@media(min-width: 870px) {
    .bio-steps__list-item span {
        border:solid 1.2rem var(--Electric-Blue);
        height: 4rem;
        width: 4rem
    }
}

@media(min-width: 870px) {
    .bio-steps__list-item {
        -webkit-box-align:center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.bio-table__container {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 2.4rem
}

@media(min-width: 1024px) {
    .bio-table__container {
        row-gap:0;
        grid-template-columns: 34.34% 1fr;
        -webkit-column-gap: 14.4rem;
        -moz-column-gap: 14.4rem;
        column-gap: 8rem;
    }
}

.bio-table__header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(min-width: 1024px) {
    .bio-table__header {
        -webkit-box-align:start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.bio-table__header h2 {
    font-size: 3.2rem
}

@media(min-width: 1024px) {
    .bio-table__header h2 {
        font-size:4.4rem
    }
}

.bio-table__table table {
    width: 100%;
    border-collapse: collapse;
    font-size: 17px;
    background: #fff
}

.bio-table__table th {
    padding: .8rem 1.2rem;
    font-weight: bold;
    text-align: center;
    border: 1px solid var(--Errigal-White);
    padding: 1rem .75rem
}

@media(min-width: 870px) {
    .bio-table__table th {
        padding:1.2rem
    }
}

@media(min-width: 1288px) {
    .bio-table__table th {
        padding:1.6rem
    }
}

.bio-table__table th:nth-child(1) {
    background-color: var(--Errigal-White);
    border-right: solid 1px var(--Electric-Blue)
}

.bio-table__table th:nth-child(3) {
    border: solid 1px var(--Light-Grey)
}

@media(min-width: 870px) {
    .bio-table__table th {
        padding:1.35rem 1.2rem
    }
}

.bio-table__table tr:nth-child(1) th {
    border-bottom: solid 1px var(--Light-Grey)
}

.bio-table__table tr td:nth-child(2) {
    border-right-color: var(--Electric-Blue)
}

.bio-table__table tr td:nth-child(1) {
    border-right-color: var(--Electric-Blue)
}

.bio-table__table th.bio {
    width: 18.47%;
    background: var(--Electric-Blue);
    color: var(--Neon-Green);
    border-color: var(--Electric-Blue);
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%
}

@media(min-width: 870px) {
    .bio-table__table th.bio {
        font-size:1.8rem;
        width: 25%;
    }
}

.bio-table__table th.other {
    width: 18.47%;
    background: var(--Light-Grey);
    color: #000
}

.bio-table__table td {
    padding: .8rem 1.2rem;
    border: 1px solid var(--Light-Grey);
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    color: #000
}

@media(min-width: 870px) {
    .bio-table__table td {
        padding:1.2rem
    }
    .bio-table__table th.other {
        width: 20%;
    }
}

@media(min-width: 1288px) {
    .bio-table__table td {
        padding:1.6rem
    }
}

@media(min-width: 870px) {
    .bio-table__table td {
        font-size:1.8rem
    }
}

.bio-table__table td:nth-child(2),.bio-table__table td:nth-child(3) {
    text-align: center;
    font-size: 22px;
    color: var(--Electric-Blue);
    font-weight: bold
}

.bio-table__table .cross {
    color: #000
}

.bio-table__table .highlight {
    background: #baf57a;
    font-weight: bold;
    border-top: 2px solid var(--Light-Grey)
}

.bio-table__table .highlight span {
    display: block;
    font-size: 1.1rem
}

@media(min-width: 870px) {
    .bio-table__table .highlight span {
        font-size:1.4rem;
        display: inline-block
    }
}

.bio-table__table .highlight td:nth-child(2) {
    border-bottom: 1px solid var(--Electric-Blue)
}

.bio-faq__header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(min-width: 1024px) {
    .bio-faq__header {
        -webkit-box-align:start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.bio-faq__header h2 {
    font-size: 3.2rem
}

@media(min-width: 1024px) {
    .bio-faq__header h2 {
        font-size:4.4rem
    }
}

.bio-faq__content {
    grid-area: content
}

.bio-faq__btn-item {
    grid-area: btn;
    justify-self: center
}

@media(min-width: 1024px) {
    .bio-faq__btn-item {
        justify-self:flex-start
    }
}

.bio-faq__list {
    grid-area: list;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.6rem
}

@media(min-width: 870px) {
    .bio-faq__list {
        gap:1.8rem
    }
}

.bio-faq__container {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "content" "list" "btn";
    row-gap: 2.4rem
}

@media(min-width: 1024px) {
    .bio-faq__container {
        grid-template-columns:34.34% 1fr;
        grid-template-rows: auto 1fr;
        grid-template-areas: "content list" "btn list";
        -webkit-column-gap: 14.4rem;
        -moz-column-gap: 14.4rem;
        column-gap: 14.4rem
    }
}

@media(min-width: 1024px) {
    .bio-faq__container {
        row-gap:3.2rem
    }
}

.bio-video-slider__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.4rem
}

@media(min-width: 870px) {
    .bio-video-slider__container {
        gap:3.2rem
    }
}

@media(min-width: 1024px) {
    .bio-video-slider__container {
        gap:6rem
    }
}

.bio-video-slider__btn-item {
    -ms-flex-item-align: center;
    align-self: center
}

.bio-video-slider__slider .swiper-pagination-bullet {
    width: .8rem;
    height: .8rem
}

@media(min-width: 870px) {
    .bio-video-slider__slider .swiper-pagination-bullet {
        width:1rem;
        height: 1rem
    }
}

@media(min-width: 1024px) {
    .bio-video-slider__slider .swiper-pagination-bullet {
        width:1.2rem;
        height: 1.2rem
    }
}

@media(min-width: 1288px) {
    .bio-video-slider__slider .swiper-pagination-bullet {
        width:1.4rem;
        height: 1.4rem
    }
}

.bio-video-slider__slider .swiper-pagination-bullet-active {
    background: var(--Electric-Blue);
    width: 1rem;
    height: 1rem
}

@media(min-width: 870px) {
    .bio-video-slider__slider .swiper-pagination-bullet-active {
        width:1.2rem;
        height: 1.2rem
    }
}

@media(min-width: 1024px) {
    .bio-video-slider__slider .swiper-pagination-bullet-active {
        width:1.6rem;
        height: 1.6rem
    }
}

@media(min-width: 1288px) {
    .bio-video-slider__slider .swiper-pagination-bullet-active {
        width:1.8rem;
        height: 1.8rem
    }
}

.bio-video-slider__slider .swiper-container {
    width: 100%
}

.bio-video-slider__slider .swiper-pagination {
    position: relative;
    padding-top: 1.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(min-width: 870px) {
    .bio-video-slider__slider .swiper-pagination {
        padding-top:2.4rem
    }
}

@media(min-width: 1024px) {
    .bio-video-slider__slider .swiper-pagination {
        padding-top:3.2rem
    }
}

@media(min-width: 1288px) {
    .bio-video-slider__slider .swiper-pagination {
        padding-top:4rem
    }
}

.bio-video-slider__slider .two .swiper-slide {
    width: 28rem;
    height: 42rem;
    aspect-ratio: 28/42;
    border-radius: 1.6rem;
    border-radius: 1.6rem;
    overflow: hidden
}

@media(min-width: 1024px) {
    .bio-video-slider__slider .two .swiper-slide {
        border-radius:2.4rem;
        width: 50rem;
        height: 75rem;
        aspect-ratio: 50/75
    }
}

@media(min-width: 1024px) {
    .bio-video-slider__slider .two .swiper-slide {
        width:53rem;
        height: 80rem;
        aspect-ratio: 53/80
    }
}

.bio-video-slider__slider .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.bio-slider {
    padding-block:var(--block-gap);width: 100%;
    margin: 0 auto
}

.bio-slider__slider-wrp {
    padding-left: 2rem
}

@media(min-width: 870px) {
    .bio-slider__slider-wrp {
        padding-left:calc((100% - 714px)/2)
    }
}

@media(min-width: 1024px) {
    .bio-slider__slider-wrp {
        padding-left:2rem
    }
}

@media(min-width: 1288px) {
    .bio-slider__slider-wrp {
        padding-left:calc((100% - 1250px)/2)
    }
}

@media(min-width: 1700px) {
    .bio-slider__slider-wrp {
        padding-left:calc((100% - 1328px)/2)
    }
}

.bio-slider__slider-wrp .image-swiper .swiper-slide {
    width: 70%
}

@media(min-width: 430px) {
    .bio-slider__slider-wrp .image-swiper .swiper-slide {
        width:37%
    }
}

@media(min-width: 1024px) {
    .bio-slider__slider-wrp .image-swiper .swiper-slide {
        width:30%
    }
}

@media(min-width: 1288px) {
    .bio-slider__slider-wrp .image-swiper .swiper-slide {
        width:31%
    }
}

@media(min-width: 1700px) {
    .bio-slider__slider-wrp .image-swiper .swiper-slide {
        width:27%
    }
}

.bio-slider .image-swiper .swiper-slide img {
    width: 100%;
    height: auto;
    border-radius: 2.4rem
}

.bio-slider .swiper-pagination {
    position: relative;
    padding-top: 1.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(min-width: 870px) {
    .bio-slider .swiper-pagination {
        padding-top:2.4rem
    }
}

@media(min-width: 1024px) {
    .bio-slider .swiper-pagination {
        padding-top:3.2rem
    }
}

@media(min-width: 1288px) {
    .bio-slider .swiper-pagination {
        padding-top:4rem
    }
}

.bio-slider .swiper-pagination-bullet {
    width: .8rem;
    height: .8rem
}

@media(min-width: 870px) {
    .bio-slider .swiper-pagination-bullet {
        width:1rem;
        height: 1rem
    }
}

@media(min-width: 1024px) {
    .bio-slider .swiper-pagination-bullet {
        width:1.2rem;
        height: 1.2rem
    }
}

@media(min-width: 1288px) {
    .bio-slider .swiper-pagination-bullet {
        width:1.4rem;
        height: 1.4rem
    }
}

.bio-slider .swiper-pagination-bullet-active {
    background: var(--Electric-Blue);
    width: 1rem;
    height: 1rem
}

@media(min-width: 870px) {
    .bio-slider .swiper-pagination-bullet-active {
        width:1.2rem;
        height: 1.2rem
    }
}

@media(min-width: 1024px) {
    .bio-slider .swiper-pagination-bullet-active {
        width:1.6rem;
        height: 1.6rem
    }
}

@media(min-width: 1288px) {
    .bio-slider .swiper-pagination-bullet-active {
        width:1.8rem;
        height: 1.8rem
    }
}

@media(min-width: 1024px) {
    .bio-logos-list {
        padding-block:6rem
    }
}

.bio-logos-list header h2 {
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    font-family: var(--font-fixel)
}

@media(min-width: 870px) {
    .bio-logos-list header h2 {
        font-size:3.2rem;
        font-style: normal;
        font-weight: 900;
        line-height: 120%;
        font-family: var(--font-fixel-display)
    }
}

.bio-logos-list__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.6rem
}

@media(min-width: 870px) {
    .bio-logos-list__container {
        gap:4rem
    }
}

.bio-logos-list__logos-wrp {
    overflow: hidden;
    width: 100%
}

.bio-logos-list__logos-wrp {
    position: relative
}

.bio-logos-list__logos-wrp::before {
    content: " ";
    position: absolute;
    display: inline-block;
    inset: 0;
    z-index: 1;
    background: -webkit-gradient(linear, left top, right top, from(var(--Errigal-White)), color-stop(10%, transparent), color-stop(90%, transparent), to(var(--Errigal-White)));
    background: linear-gradient(to right, var(--Errigal-White), transparent 10%, transparent 90%, var(--Errigal-White))
}

.bio-logos-list__logos-wrp,.bio-logos-list__logos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 3rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(min-width: 870px) {
    .bio-logos-list__logos-wrp,.bio-logos-list__logos {
        gap:6rem
    }
}

.bio-logos-list__logos {
    -webkit-animation: logos-scroll 20s linear infinite;
    animation: logos-scroll 20s linear infinite;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.bio-logos-list__logos img {
    height: 3rem;
    width: auto
}

@media(min-width: 870px) {
    .bio-logos-list__logos img {
        height:5rem
    }
}

@-webkit-keyframes logos-scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@keyframes logos-scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    100% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

span.tag-label {
    background-color: #fff;
    padding: 1rem 1.2rem;
    display: inline-block;
    border-radius: 5rem;
    font-size: 1.4rem;
    color: var(--Electric-Blue);
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase
}

span.tag-label.gray-bg {
    background: var(--Errigal-White, #f0f2f3)
}

.center-content {
    text-align: center
}

.mobile-only {
    display: block
}

@media(min-width: 430px) {
    .mobile-only {
        display:none
    }
}

.tab-only {
    display: block
}

@media(min-width: 1024px) {
    .tab-only {
        display:none
    }
}

.bio-imagee-wrp img,.bio-image {
    /* border-radius:1.6rem; */
    /* -webkit-box-shadow:0 3px 4px 0 rgba(0,0,0,.12); */
    /* box-shadow:0 3px 4px 0 rgba(0,0,0,.12); */
}
.bio-imagee-wrp img {
    border-radius: 20px;
}
.custom-shape-icon ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.custom-shape-icon ul li {
    padding-left: 2.6rem;
    position: relative
}

@media(min-width: 870px) {
    .custom-shape-icon ul li {
        padding-left:3.2rem
    }
}

.custom-shape-icon ul li::before {
    content: " ";
    width: 1.8rem;
    height: 1.8rem;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><g clip-path="url(%23clip0_2110_14006)"><path d="M16.5 8.30941V8.99941C16.4991 10.6167 15.9754 12.1904 15.007 13.4858C14.0386 14.7811 12.6775 15.7288 11.1265 16.1873C9.57557 16.6459 7.91794 16.5908 6.40085 16.0303C4.88376 15.4699 3.58849 14.434 2.70822 13.0772C1.82795 11.7204 1.40984 10.1155 1.51626 8.50165C1.62267 6.88783 2.24791 5.35165 3.29871 4.12221C4.34951 2.89277 5.76959 2.03595 7.34714 1.67952C8.92469 1.32309 10.5752 1.48616 12.0525 2.14441" stroke="%234001F6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.5 3L9 10.5075L6.75 8.2575" stroke="%234001F6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g><defs><clipPath id="clip0_2110_14006"><rect width="18" height="18" fill="white"/></clipPath></defs></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: .3rem
}

@media(min-width: 1024px) {
    .custom-shape-icon ul li::before {
        width:2.4rem;
        height: 2.4rem
    }
}