﻿/* @link https://utopia.fyi/type/calculator?c=320,14,1.125,1600,16,1.125,6,2,1280&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
.og-relayout-2023 {
    --step--2: clamp(0.69rem, 0.67rem + 0.12vw, 0.79rem);
    --step--1: clamp(0.78rem, 0.75rem + 0.14vw, 0.89rem);
    --step-0: clamp(0.88rem, 0.84rem + 0.16vw, 1rem);
    --step-1: clamp(0.98rem, 0.95rem + 0.18vw, 1.13rem);
    --step-2: clamp(1.11rem, 1.07rem + 0.2vw, 1.27rem);
    --step-3: clamp(1.25rem, 1.2rem + 0.22vw, 1.42rem);
    --step-4: clamp(1.4rem, 1.35rem + 0.25vw, 1.6rem);
    --step-5: clamp(1.58rem, 1.52rem + 0.28vw, 1.8rem);
    --step-6: clamp(1.77rem, 1.71rem + 0.32vw, 2.03rem);
}

.fstep--2 {
    font-size: var(--step--2) !important;
}

.fstep--1 {
    font-size: var(--step--1) !important;
}

.fstep-0 {
    font-size: var(--step-0) !important;
}

.fstep-1 {
    font-size: var(--step-1) !important;
}

.fstep-2 {
    font-size: var(--step-2) !important;
}

.fstep-3 {
    font-size: var(--step-3) !important;
}

.fstep-4 {
    font-size: var(--step-4) !important;
}

.fstep-5 {
    font-size: var(--step-5) !important;
}

.fstep-6 {
    font-size: var(--step-6) !important;
}

/* @link https://utopia.fyi/space/calculator?c=320,14,1.25,1600,18,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
.og-relayout-2023 {
    --space-3xs: clamp(0.25rem, calc(0.23rem + 0.08vw), 0.31rem);
    --space-2xs: clamp(0.44rem, calc(0.41rem + 0.16vw), 0.56rem);
    --space-xs: clamp(0.69rem, calc(0.64rem + 0.23vw), 0.88rem);
    --space-s: clamp(0.88rem, calc(0.81rem + 0.31vw), 1.13rem);
    --space-m: clamp(1.31rem, calc(1.22rem + 0.47vw), 1.69rem);
    --space-l: clamp(1.75rem, calc(1.63rem + 0.63vw), 2.25rem);
    --space-xl: clamp(2.63rem, calc(2.44rem + 0.94vw), 3.38rem);
    --space-2xl: clamp(3.5rem, calc(3.25rem + 1.25vw), 4.5rem);
    --space-3xl: clamp(5.25rem, calc(4.88rem + 1.88vw), 6.75rem);
    /* One-up pairs */
    --space-3xs-2xs: clamp(0.25rem, calc(0.17rem + 0.39vw), 0.56rem);
    --space-2xs-xs: clamp(0.44rem, calc(0.33rem + 0.55vw), 0.88rem);
    --space-xs-s: clamp(0.69rem, calc(0.58rem + 0.55vw), 1.13rem);
    --space-s-m: clamp(0.88rem, calc(0.67rem + 1.02vw), 1.69rem);
    --space-m-l: clamp(1.31rem, calc(1.08rem + 1.17vw), 2.25rem);
    --space-l-xl: clamp(1.75rem, calc(1.34rem + 2.03vw), 3.38rem);
    --space-xl-2xl: clamp(2.63rem, calc(2.16rem + 2.34vw), 4.5rem);
    --space-2xl-3xl: clamp(3.5rem, calc(2.69rem + 4.06vw), 6.75rem);
    /* Custom pairs */
    --space-s-l: clamp(0.88rem, calc(0.53rem + 1.72vw), 2.25rem);
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.tabby .tabby-menu-list {
    display: flex;
    position: relative;
}

@media screen and (width >= 768px) {
    .tabby .tabby-menu-button {
        order: 0 !important;
    }
}

.tabby .tabby-content-item {
    display: none;
}

    .tabby .tabby-content-item.active {
        display: block;
        opacity: 0;
        animation: fade-in 0.25s ease-in-out forwards;
    }

/* Accordion Bentley */
.accordion-b2-og {
    width: 100%;
    /* border-left: 1px #00000038 solid;
  border-right: 1px #00000038 solid;
  border-top: 1px #00000038 solid; */
    margin-bottom: 1rem;
}

.accordion-b2-og-item {
    background-color: rgb(245, 245, 245);
    /* border-bottom: 1px #00000038 solid; */
}

.accordion-b2-og .acc-header {
    /* padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem; */
    padding: 0.85rem 1.25rem;
    font-weight: bold !important;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
    /* color: rgb(49, 109, 183); */
    color: #00a3a8;
    background-color: #fcfcfc;
    position: relative;
    border-top: 1px solid lightgray;
}

.accordion-b2-og .accordion-b2-og-item {
    border-left: 1px solid lightgray;
    border-right: 1px solid lightgray;
}

    .accordion-b2-og .accordion-b2-og-item:last-child {
        border-bottom: 1px solid lightgray;
    }

.accordion-b2-og .acc-header::after {
    content: "";
    right: 0;
    top: 50%;
    margin-right: 1.5rem;
    position: absolute;
    pointer-events: none;
    transform: translateY(-75%) rotate(-45deg);
    transform-origin: center;
    height: 10px;
    width: 10px;
    aspect-ratio: 1/1;
    border-left: 3px solid #00a3a8;
    border-bottom: 3px solid #00a3a8;
    /*Adjust chevron size*/
}

.accordion-b2-og .acc-header:hover {
    color: rgb(20, 98, 129) !important;
}

.accordion-b2-og .description *:last-child {
    margin-bottom: 0;
}

.accordion-b2-og .description {
    display: none;
    /* background-color: white; */
    /* background-color: #f5f8fc; */
    padding: 1.25rem;
    border-top: 1px solid lightgray;
    background-color: white;
}

.accordion-b2-og .default {
    display: block;
}

.accordion-b2-og .show {
    /* border-top: 1px #00000038 solid; */
}

.accordion-b2-og-item .acc-header:hover,
.accordion-b2-og-item .acc-header.show {
    background-color: #ededed;
}

    .accordion-b2-og-item .acc-header.show::after {
        transform: translateY(-25%) rotate(-45deg) scale(-1);
    }

/*ACcordion Bentley End*/
.og-relayout-2023 {
    font-size: var(--step-0);
    line-height: 1.6;
}

    .og-relayout-2023 p {
        font-size: var(--step-0);
    }

    .og-relayout-2023 .slick-dots {
        bottom: unset;
    }

    .og-relayout-2023 .og-nav-tab {
        display: flex;
        flex-direction: row;
        gap: var(--space-xs);
    }

        .og-relayout-2023 .og-nav-tab .tabby-menu-button {
            flex: 1;
            background-color: #f2f2f2;
            border-radius: 3rem;
            color: #00a4a9;
            font-size: var(--step-1);
            font-weight: bold;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: var(--space-xs) var(--space-s);
            cursor: pointer;
            text-align: center;
            transition: all 0.15s ease-in-out;
        }

            .og-relayout-2023 .og-nav-tab .tabby-menu-button:hover {
                background-color: #e6e6e6;
            }

            .og-relayout-2023 .og-nav-tab .tabby-menu-button.active {
                background-color: #00a4a9;
                color: white;
            }

@media screen and (width < 768px) {
    .og-relayout-2023 .og-nav-tab .tabby-menu-button {
        font-size: var(--step-0);
        border-radius: 0.25rem;
        padding: var(--space-2xs) var(--space-xs);
    }
}

.og-relayout-2023 .title-color {
    color: #00769d;
}

.og-relayout-2023 .title-color-2 {
    color: #00a4a9;
}

.og-relayout-2023 .text-wrap-balance {
    text-wrap: balance;
}

.og-relayout-2023 .pregnancy-maternity-slider {
    margin: 0 calc(var(--space-2xs) * -1);
}

    .og-relayout-2023 .pregnancy-maternity-slider .slick-slide {
        margin: 0 var(--space-2xs);
    }

    .og-relayout-2023 .pregnancy-maternity-slider .pregnancy-maternity-slider-item img {
        max-width: 100%;
        border: thick solid #80d1d4;
        aspect-ratio: 2/1;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.og-relayout-2023 .gynaecology-tabby .tabby-menu-list {
    display: flex;
    justify-content: space-evenly;
    gap: var(--space-2xs);
}

@media screen and (width < 768px) {
    .og-relayout-2023 .gynaecology-tabby .tabby-menu-list {
        overflow: auto;
        justify-content: start;
    }
}

.og-relayout-2023 .gynaecology-tabby .tabby-menu-list .tabby-menu-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    cursor: pointer;
    flex: 1 0;
}

@media screen and (width < 768px) {
    .og-relayout-2023 .gynaecology-tabby .tabby-menu-list .tabby-menu-button {
        flex: 1 0 90px;
    }
}

.og-relayout-2023 .gynaecology-tabby .tabby-menu-list .tabby-menu-button img {
    width: 100%;
    height: 100%;
}

.og-relayout-2023 .gynaecology-tabby .tabby-content-item {
    border: 1px solid #00a4a9;
    border-radius: 0.5rem;
    padding: var(--space-s) var(--space-m);
}

    .og-relayout-2023 .gynaecology-tabby .tabby-content-item > *:last-child {
        margin-bottom: 0;
    }

.og-relayout-2023 .gynaecology-tabby.alt .tabby-content-item {
    padding: 0;
    border: none;
    position: relative;
}

    .og-relayout-2023 .gynaecology-tabby.alt .tabby-content-item:before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 3;
        box-shadow: inset 0 0 0 5px #85d0cf;
    }

.og-relayout-2023 .gynaecology-tabby.alt .swoosh-banner-text-inner {
    text-align: start;
}

.og-relayout-2023 .gynaecology-tabby.alt .swoosh-banner-image.d-md-block {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media screen and (width < 768px) {
    .og-relayout-2023 .gynaecology-tabby.alt .swoosh-banner-text-inner {
        background: linear-gradient(180deg, #66adc5 0%, #66adc5 calc(100% - 1.5rem), transparent calc(100% - 1.5rem));
    }
}

@media screen and (width < 768px) {
    .og-relayout-2023 .gynaecology-tabby.alt.alt-alt .swoosh-banner-text-inner {
        background: linear-gradient(180deg, #80d1d3 0%, #80d1d3 calc(100% - 1.5rem), transparent calc(100% - 1.5rem));
    }
}

.og-relayout-2023 .gynaecology-tabby.icon-color-1 .tabby-menu-button .tabby-menu-img {
    padding: var(--space-s);
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1;
    width: 100%;
    max-width: 100px;
    margin-bottom: 0.5rem;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #66adc4;
}

.og-relayout-2023 .gynaecology-tabby.icon-color-1 .tabby-menu-button img {
    filter: brightness(0) saturate(100%) invert(65%) sepia(40%) saturate(414%) hue-rotate(148deg) brightness(91%) contrast(87%);
    overflow: visible;
    border-radius: 0;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: contain;
    object-fit: contain;
    margin-bottom: 0;
}

.og-relayout-2023 .gynaecology-tabby.icon-color-1 .tabby-menu-button .tabby-menu-img {
    transition: all 0.12s ease-in-out;
}

.og-relayout-2023 .gynaecology-tabby.icon-color-1 .tabby-menu-button.active .tabby-menu-img {
    background-color: #00769d;
}

.og-relayout-2023 .gynaecology-tabby.icon-color-1 .tabby-menu-button.active img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7493%) hue-rotate(300deg) brightness(105%) contrast(103%);
}

.og-relayout-2023 .gynaecology-tabby.icon-color-2 .tabby-menu-button .tabby-menu-img {
    padding: var(--space-s);
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1;
    width: 100%;
    max-width: 100px;
    margin-bottom: 0.5rem;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #80d1d4;
}

.og-relayout-2023 .gynaecology-tabby.icon-color-2 .tabby-menu-button img {
    filter: brightness(0) saturate(100%) invert(96%) sepia(68%) saturate(3309%) hue-rotate(161deg) brightness(90%) contrast(85%);
    overflow: visible;
    border-radius: 0;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: contain;
    object-fit: contain;
    margin-bottom: 0;
}

.og-relayout-2023 .gynaecology-tabby.icon-color-2 .tabby-menu-button .tabby-menu-img {
    transition: all 0.12s ease-in-out;
}

.og-relayout-2023 .gynaecology-tabby.icon-color-2 .tabby-menu-button.active .tabby-menu-img {
    background-color: #00a3a8;
}

.og-relayout-2023 .gynaecology-tabby.icon-color-2 .tabby-menu-button.active img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7493%) hue-rotate(300deg) brightness(105%) contrast(103%);
}

.og-relayout-2023 .swoosh-banner {
    position: relative;
    display: block;
}

    .og-relayout-2023 .swoosh-banner.with-outline:before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 2;
        box-shadow: inset 0 0 0 5px #85d0cf;
    }

    .og-relayout-2023 .swoosh-banner .swoosh-banner-text {
        position: relative;
        width: 100%;
        z-index: 5;
    }

@media screen and (width >= 768px) {
    .og-relayout-2023 .swoosh-banner .swoosh-banner-text {
        height: 100%;
    }

        .og-relayout-2023 .swoosh-banner .swoosh-banner-text > .row {
            height: 100%;
        }
}

@media screen and (width < 768px) {
    .og-relayout-2023 .swoosh-banner .swoosh-banner-text {
        position: relative;
        top: 1px;
    }
}

.og-relayout-2023 .swoosh-banner .swoosh-banner-text-inner {
    margin-top: 1px;
    padding: var(--space-m) var(--space-l);
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: var(--step-0);
    line-height: 1.3;
}

@media screen and (width >= 768px) {
    .og-relayout-2023 .swoosh-banner .swoosh-banner-text-inner {
        height: 100%;
        min-height: 350px;
    }
}

.og-relayout-2023 .swoosh-banner .swoosh-banner-text-inner > *:last-child {
    margin-bottom: 0;
}

.og-relayout-2023 .swoosh-banner .swoosh-banner-text-inner p {
    margin-bottom: 0.65rem;
}

@media screen and (width >= 1400px) {
    .og-relayout-2023 .swoosh-banner .swoosh-banner-text-inner {
        font-size: var(--step--1);
    }

        .og-relayout-2023 .swoosh-banner .swoosh-banner-text-inner p {
            margin-bottom: 1rem;
        }
}

@media screen and (width < 768px) {
    .og-relayout-2023 .swoosh-banner .swoosh-banner-text-inner {
        text-align: center;
        background: linear-gradient(180deg, #80d1d4 0%, #80d1d4 calc(100% - 1.5rem), transparent calc(100% - 1.5rem));
        padding: var(--space-s);
        padding-bottom: 0;
        margin-bottom: -1.5rem;
    }
}

.og-relayout-2023 .swoosh-banner .swoosh-banner-image {
    height: 100%;
    top: 0;
}

@media screen and (width >= 768px) {
    .og-relayout-2023 .swoosh-banner .swoosh-banner-image {
        position: absolute;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
    }
}

.og-relayout-2023 .banner-shadow {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1803921569);
}

.og-relayout-2023 .swoosh-banner-no-mobile {
    position: relative;
}

    .og-relayout-2023 .swoosh-banner-no-mobile .swoosh-banner-text {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 5;
        height: 100%;
    }

        .og-relayout-2023 .swoosh-banner-no-mobile .swoosh-banner-text > .row {
            height: 100%;
        }

    .og-relayout-2023 .swoosh-banner-no-mobile .swoosh-banner-text-inner {
        margin-top: 1px;
        padding: var(--space-s) var(--space-s);
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
        font-size: var(--step-0);
        line-height: 1.3;
    }

@media screen and (width >= 768px) {
    .og-relayout-2023 .swoosh-banner-no-mobile .swoosh-banner-text-inner {
        padding: var(--space-s) var(--space-m);
    }
}

.og-relayout-2023 .swoosh-banner-no-mobile .swoosh-banner-text-inner > *:last-child {
    margin-bottom: 0;
}

.og-relayout-2023 .swoosh-banner-no-mobile .swoosh-banner-text-inner p {
    margin-bottom: 0.65rem;
}

@media screen and (width >= 1400px) {
    .og-relayout-2023 .swoosh-banner-no-mobile .swoosh-banner-text-inner {
        font-size: var(--step--1);
    }

        .og-relayout-2023 .swoosh-banner-no-mobile .swoosh-banner-text-inner p {
            margin-bottom: 1rem;
        }
}

.og-relayout-2023 .swoosh-banner-no-mobile .swoosh-banner-image {
    height: 100%;
    width: 500px;
}

.og-relayout-2023 .swoosh-banner-button {
    display: inline-block;
    background-color: white;
    border-radius: 3rem;
    border: 1px solid #00a4a9;
    width: -moz-fit-content;
    width: fit-content;
    padding: var(--space-2xs) var(--space-m);
    color: #00769d;
    cursor: pointer;
    transition: all 0.12s ease-in-out;
}

    .og-relayout-2023 .swoosh-banner-button:hover {
        background-color: #00769d;
        color: white;
    }

    .og-relayout-2023 .swoosh-banner-button.style-2 {
        border-radius: 0.25rem;
        background-color: #4da3c3;
        color: white;
        padding: var(--space-2xs) var(--space-m);
    }

        .og-relayout-2023 .swoosh-banner-button.style-2:hover {
            background-color: #007399;
        }

@media screen and (width < 768px) {
    .og-relayout-2023 h1.weii {
        font-size: var(--step-6);
    }
}

.og-relayout-2023 .line-content {
    display: flex;
    gap: var(--space-xs);
}

@media screen and (width < 768px) {
    .og-relayout-2023 .line-content {
        flex-direction: column;
        gap: 0;
    }
}

.og-relayout-2023 .line-content .line-content-item {
    flex: 1 1;
    display: flex;
    flex-direction: column;
}

@media screen and (width < 768px) {
    .og-relayout-2023 .line-content .line-content-item {
        flex: 1 0;
        flex-direction: row;
    }
}

.og-relayout-2023 .line-content .line-content-item .line-content-left {
    z-index: 1;
}

    .og-relayout-2023 .line-content .line-content-item .line-content-left .line-content-icon {
        width: 100%;
        max-width: 125px;
        border-radius: 50%;
    }

@media screen and (width >= 768px) {
    .og-relayout-2023 .line-content .line-content-item .line-content-left .line-content-icon {
        max-width: 115px;
        margin-left: var(--space-s);
    }
}

@media screen and (width < 768px) {
    .og-relayout-2023 .line-content .line-content-item .line-content-left {
        flex-shrink: 0;
        flex-basis: 25%;
        display: flex;
        flex-direction: column;
    }
}

.og-relayout-2023 .line-content .line-content-item .line-content-left .line-content-line {
    border-left: 1px solid #00769d;
    margin: auto;
    flex: 1;
}

@media screen and (width >= 768px) {
    .og-relayout-2023 .line-content .line-content-item .line-content-left .line-content-line {
        display: none;
    }
}

@media screen and (width < 768px) {
    .og-relayout-2023 .line-content .line-content-item .line-content-right {
        margin-bottom: 2.5rem;
        padding-left: var(--space-m);
    }

        .og-relayout-2023 .line-content .line-content-item .line-content-right p {
            margin-bottom: 0.5rem;
        }
}

@media screen and (width >= 768px) {
    .og-relayout-2023 .line-content .line-content-item .line-content-right {
        padding: var(--space-m);
        padding-top: var(--space-m);
        background-color: #dedede;
        border-radius: 1.5rem;
        margin-top: calc(var(--space-s) * -1);
        flex-grow: 1;
    }

        .og-relayout-2023 .line-content .line-content-item .line-content-right > ul > li {
            margin-bottom: 0.75rem;
        }

        .og-relayout-2023 .line-content .line-content-item .line-content-right p {
            margin-bottom: 0.75rem;
        }
}

.og-relayout-2023 .line-content .line-content-item .line-content-right > *:last-child {
    margin-bottom: 0;
}

.og-relayout-2023 .line-content.alt-1 .line-content-line {
    border-color: #66adc4;
}

.og-relayout-2023 .accordion-b2-og {
    border: none;
}

    .og-relayout-2023 .accordion-b2-og .accordion-b2-og-item {
        margin-bottom: var(--space-2xs);
        border: none;
    }

        .og-relayout-2023 .accordion-b2-og .accordion-b2-og-item .acc-header {
            background-color: transparent;
            border: none;
            font-weight: bold;
            font-size: var(--step-1);
            padding: var(--space-xs) var(--space-m);
            padding-right: 3rem;
        }

            .og-relayout-2023 .accordion-b2-og .accordion-b2-og-item .acc-header.show {
                background-color: transparent;
            }

            .og-relayout-2023 .accordion-b2-og .accordion-b2-og-item .acc-header:hover {
                background-color: #dedede;
            }

        .og-relayout-2023 .accordion-b2-og .accordion-b2-og-item .description {
            background-color: transparent;
            border: none;
            padding: var(--space-2xs) var(--space-m);
            padding-bottom: var(--space-xs);
        }

.og-relayout-2023 ul,
.og-relayout-2023 ol {
    padding-left: 1rem;
}

.fw-bold {
    font-weight: bold;
}

.text-wrap-balance {
    text-wrap: balance;
}

.justify-content-md-evenly {
    justify-content: center;
}

@media screen and (width >= 768px) {
    .justify-content-md-evenly {
        justify-content: space-evenly;
    }
}

@media screen and (width >= 768px) {
    .smaller-on-bigger,
    .smaller-on-bigger * {
        font-size: var(--step--1) !important;
    }
}

.swoosh-banner a, .fade-banner a {
    color: #0056b3;
}

.tabby-content-item a {
    color: darkblue;
}
/*# sourceMappingURL=gleneaglesOG.css.map */
