.blog-header {
  position: sticky;
  top: 0;
  z-index: 20;
  background: var(--white, #fff);
  border-bottom: 1px solid var(--gray-20, #e0e0e0);
}

.blog-header__top {
  min-height: 76px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
}

.blog-main-nav {
  display: none;
}

@media screen and (min-width: 1050px) {
  .blog-main-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 28px;
    flex: 1;
    flex-wrap: wrap;
  }

  .blog-main-nav a {
    color: var(--gray-100, #3d3d3d);
    text-decoration: none;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap;
  }

  .blog-main-nav a:hover {
    color: var(--primary-60, #36b1df);
  }
}



.advertise-with-us-page .main-content .breadcrumbs {
    margin: 16px 0 10px;
    display: flex;
    justify-content: center
}

.advertise-with-us-page .main-content h1 {
    margin: 16px 0 24px 0;
    display: flex;
    justify-content: center;
    color: #3d3d3d;
    font-weight: 600;
    font-size: 56px;
    line-height: 66.36px
}

.advertise-with-us-page .main-content .advertise-section {
    position: relative;
    width: 100%;
    max-width: 1200px;
    text-align: center
}

.advertise-with-us-page .main-content .advertise-section .advertise-box {
    height: 620px;
    margin-left: -16px;
    margin-right: -16px
}

.advertise-with-us-page .main-content .advertise-section .advertise-image {
    width: 100%;
    height: 480px;
    border-radius: 4px;
    flex-shrink: 0
}

.advertise-with-us-page .main-content .advertise-section .content-box {
    position: absolute;
    top: 430px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #edfaff;
    padding: 40px;
    border-radius: 4px;
    text-align: left;
    display: flex;
    width: 862px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start
}

.advertise-with-us-page .main-content .advertise-section .content-box h2 {
    color: #3d3d3d;
    margin-bottom: 16px;
    font-size: 26px;
    font-weight: 600;
    line-height: 34px
}

.advertise-with-us-page .main-content .advertise-section .content-box p {
    color: #3d3d3d;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    font-style: normal
}

.advertise-with-us-page .main-content .advertise-section .content-box .btn {
    display: inline-block;
    margin-top: 24px;
    padding: 11px 32px;
    background-color: #36b1df;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    text-transform: uppercase;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05)
}

.advertise-with-us-page .main-content .advertise-section .content-box .btn:hover {
    background-color: #2493bd
}

.advertise-with-us-page .main-content .stats-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    max-width: 100%;
    text-align: center;
    margin-top: 48px;
    margin-bottom: 24px;
    gap: 32px 24px
}

.advertise-with-us-page .main-content .stats-container .stat {
    background-color: #fff;
    transition: transform .3s ease;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-shrink: 0
}

.advertise-with-us-page .main-content .stats-container .stat:hover {
    transform: translateY(-5px)
}

.advertise-with-us-page .main-content .stats-container .stat span {
    color: #36b1df;
    margin: 0;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.advertise-with-us-page .main-content .stats-container .stat p {
    color: #3d3d3d;
    margin: 8px 0 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-transform: uppercase
}

.advertise-with-us-page .main-content .solutions-container {
    max-width: 100%;
    margin-top: 80px;
    background: #fff
}

.advertise-with-us-page .main-content .solutions-container h2 {
    color: #3d3d3d;
    margin: 0;
    text-align: left;
    font-size: 26px;
    font-weight: 600;
    line-height: 34px
}

.advertise-with-us-page .main-content .solutions-container hr {
    border: none;
    border-top: 1px solid #ddd;
    margin: 16px 0 24px
}

.advertise-with-us-page .main-content .solutions-container .solutions-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px
}

.advertise-with-us-page .main-content .solutions-container .solution-item {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ddd;
    padding-bottom: 24px
}

.advertise-with-us-page .main-content .solutions-container .solution-item .icon {
    margin-right: 8px
}

.advertise-with-us-page .main-content .solutions-container p {
    margin: 0;
    color: #3d3d3d;
    font-family: Rubik;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px
}

.advertise-with-us-page .main-content .full-width-bg {
    width: 100vw;
    background: #edfaff;
    position: relative;
    margin-left: calc(-50vw + 50%);
    padding: 80px;
    margin-top: 80px
}

.advertise-with-us-page .main-content .full-width-bg .ad-section {
    margin-top: 0 auto
}

.advertise-with-us-page .main-content .full-width-bg .ad-section h2 {
    color: #3d3d3d;
    font-size: 26px;
    font-weight: 600;
    line-height: 34px
}

.advertise-with-us-page .main-content .full-width-bg .ad-section hr {
    border: 1px solid #c4efff;
    margin-top: 10px;
    margin-bottom: 20px
}

.advertise-with-us-page .main-content .full-width-bg .ad-section p {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    color: #3d3d3d;
    margin-top: 24px;
    font-style: normal
}

.advertise-with-us-page .main-content .full-width-bg .ad-section .title {
    width: 100%;
    border-bottom: 1px solid #c4efff;
    padding-bottom: 16px
}

.advertise-with-us-page .main-content .full-width-bg .ad-section .tabs {
    display: flex;
    gap: 16px;
    margin: 32px 0
}

.advertise-with-us-page .main-content .full-width-bg .ad-section .tab-buttons {
    display: flex;
    gap: 8px
}

.advertise-with-us-page .main-content .full-width-bg .ad-section .tab-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: none;
    border-radius: 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    cursor: pointer;
    transition: background-color .3s ease, color .3s ease;
    padding: 8px 16px
}

.advertise-with-us-page .main-content .full-width-bg .ad-section .tab-button:not(.active) {
    background-color: #def4fc;
    color: #333
}

.advertise-with-us-page .main-content .full-width-bg .ad-section .tab-button.active,
.advertise-with-us-page .main-content .full-width-bg .ad-section .tab-button:hover {
    fill: #2493bd;
    background-color: #2493bd;
    color: #fff
}

.advertise-with-us-page .main-content .full-width-bg .ad-section .tab-content {
    display: none
}

.advertise-with-us-page .main-content .full-width-bg .ad-section .tab-content.active {
    display: block
}

.advertise-with-us-page .main-content .full-width-bg .ad-section .tab-content p {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    color: #3d3d3d;
    margin-top: 16px;
    font-style: normal
}

.advertise-with-us-page .main-content .full-width-bg .ad-section .grid {
    grid-template-columns: repeat(4, 1fr);
    display: grid;
    gap: 24px
}

.advertise-with-us-page .main-content .full-width-bg .ad-section .grid img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px
}

.advertise-with-us-page .main-content .full-width-bg .ad-section .grid p {
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    color: #3d3d3d;
    margin-bottom: 8px
}

.advertise-with-us-page .main-content .full-width-bg .ad-section .card {
    background-color: #fff;
    border: 1px solid rgba(75, 206, 255, .2);
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(75, 206, 255, .1);
    text-align: center;
    padding: 24px;
    transition: transform .3s ease, box-shadow .3s ease, border .3s ease
}

.advertise-with-us-page .main-content .full-width-bg .ad-section .card h3 {
    font-size: 16px;
    color: #3d3d3d;
    margin-bottom: 8px
}

.advertise-with-us-page .main-content .full-width-bg .ad-section .card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(75, 206, 255, .2);
    border: 1px solid rgba(75, 206, 255, .4)
}

.advertise-with-us-page .main-content .full-width-bg .ad-section .card span {
    font-size: 14px;
    color: #3d3d3d;
    font-weight: 400;
    font-style: italic;
    line-height: 20px
}

.advertise-with-us-page .main-content .media-kit {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    margin-top: 80px
}

.advertise-with-us-page .main-content .media-kit .btn {
    display: inline-block;
    padding: 11px 32px;
    background-color: #36b1df;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    text-transform: uppercase
}

.advertise-with-us-page .main-content .media-kit .btn:hover {
    background-color: #2a8ab3
}

.advertise-with-us-page .main-content .media-kit .media-kit-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    max-width: 1200px;
    width: 100%;
    gap: 80px
}

.advertise-with-us-page .main-content .media-kit .media-kit-container .media-kit-image {
    flex: 1;
    min-width: 300px;
    text-align: center
}

.advertise-with-us-page .main-content .media-kit .media-kit-container .media-kit-image img {
    max-width: 100%;
    height: auto
}

.advertise-with-us-page .main-content .media-kit .media-kit-container .media-kit-info {
    flex: 1;
    padding: 40px;
    flex-direction: column;
    justify-content: center
}

.advertise-with-us-page .main-content .media-kit .media-kit-container .media-kit-info h2 {
    color: #3d3d3d;
    margin-bottom: 16px;
    font-size: 26px;
    font-weight: 600;
    line-height: 34px
}

.advertise-with-us-page .main-content .media-kit .media-kit-container .media-kit-info p {
    color: #3d3d3d;
    margin-bottom: 24px;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px
}

.advertise-with-us-page .main-content .contact-section {
    margin-top: 80px;
    margin-bottom: 80px
}

.advertise-with-us-page .main-content .contact-section h2 {
    font-size: 36px;
    font-weight: 600 !important;
    line-height: 46px;
    text-align: center;
    padding-bottom: 16px
}

.advertise-with-us-page .main-content .contact-section h3 {
    color: #3d3d3d;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
    font-style: normal
}

.advertise-with-us-page .main-content .contact-section .form-wrapper {
    margin-top: 40px
}

.advertise-with-us-page .main-content .contact-section .form-wrapper .advertise-with-us-form label {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.4rem;
    display: block;
    margin-bottom: 4px
}

.advertise-with-us-page .main-content .contact-section .form-wrapper .advertise-with-us-form .input-group {
    margin: 16px 0
}

.advertise-with-us-page .main-content .contact-section .form-wrapper .advertise-with-us-form .input-group+.input-group {
    margin: 22px 0
}

.advertise-with-us-page .main-content .contact-section .form-wrapper .advertise-with-us-form .input-group.error .error-message {
    opacity: 1
}

.advertise-with-us-page .main-content .contact-section .form-wrapper .advertise-with-us-form .input-group .btn {
    padding: 11px 32px;
    background-color: #36b1df;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    font-weight: 600;
    line-height: 24px;
    text-transform: uppercase;
    width: 117px
}

.advertise-with-us-page .main-content .contact-section .form-wrapper .advertise-with-us-form .input-group .btn:hover {
    background-color: #2a8ab3
}

.advertise-with-us-page .main-content .contact-section .form-wrapper .advertise-with-us-form .input-group .input {
    width: 100%
}

.advertise-with-us-page .main-content .contact-section .form-wrapper .advertise-with-us-form .input-group .input.textarea {
    height: unset;
    padding: 16px;
    resize: none
}

.advertise-with-us-page .main-content .contact-section .form-wrapper .advertise-with-us-form .input-group .input:focus {
    border-color: var(--primary-60)
}

.advertise-with-us-page .main-content .contact-section .form-wrapper .advertise-with-us-form .input-group .error-message {
    opacity: 0;
    color: var(--error-60);
    position: absolute
}

.advertise-with-us-page .main-content .contact-section .form-wrapper .flash-messages-container {
    border-radius: var(--border-radius);
    grid-column: span 2;
    margin: 16px 16px 16px
}

.advertise-with-us-page .main-content .contact-section .form-wrapper .flash-messages-container .title {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2rem;
    display: flex;
    align-items: center;
    gap: 10px
}

.advertise-with-us-page .main-content .contact-section .form-wrapper .flash-messages-container .title .icon {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white)
}

.advertise-with-us-page .main-content .contact-section .form-wrapper .flash-messages-container .title span {
    flex: 1
}

.advertise-with-us-page .main-content .contact-section .form-wrapper .flash-messages-container .message p {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2rem;
    color: var(--black);
    margin-top: 10px
}

.advertise-with-us-page .main-content .contact-section .form-wrapper .flash-messages-container .success {
    padding: 24px 16px;
    background-color: #f3f6f9
}

.advertise-with-us-page .main-content .contact-section .form-wrapper .flash-messages-container .success .title {
    color: var(--primary-60)
}

.advertise-with-us-page .main-content .contact-section .form-wrapper .flash-messages-container .success .title .icon {
    background-color: var(--primary-60)
}

.advertise-with-us-page .main-content .contact-section .form-wrapper .flash-messages-container .failure {
    padding: 24px 16px;
    background-color: var(--error-10)
}

.advertise-with-us-page .main-content .contact-section .form-wrapper .flash-messages-container .failure .title {
    color: var(--error-60)
}

.advertise-with-us-page .main-content .contact-section .form-wrapper .flash-messages-container .failure .title .icon {
    background-color: var(--error-60)
}

@media screen and (min-width:834px) {
    .advertise-with-us-page .main-content .contact-section h2 {
        font-size: 36px;
        font-weight: 600;
        line-height: 46px;
        text-align: center
    }

    .advertise-with-us-page .main-content .contact-section .form-wrapper {
        margin-top: 40px
    }

    .advertise-with-us-page .main-content .contact-section .form-wrapper .advertise-with-us-form {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 24px;
        row-gap: 28px
    }

    .advertise-with-us-page .main-content .contact-section .form-wrapper .advertise-with-us-form .input-group {
        margin: 0 !important;
        padding: 0 16px
    }

    .advertise-with-us-page .main-content .contact-section .form-wrapper .advertise-with-us-form .input-group:nth-child(n+4) {
        grid-column: span 2
    }

    .advertise-with-us-page .main-content .contact-section .form-wrapper .advertise-with-us-form button.submit {
        max-width: 188px
    }

    .advertise-with-us-page .main-content .contact-section .form-wrapper .flash-messages-container {
        margin: 16px 16px 16px
    }
}

@media (max-width:768px) {
    .advertise-with-us-page .main-content .advertise-section h1 {
        font-size: 26px;
        font-weight: 600;
        line-height: 34px;
        margin: 16px 0 16px 0
    }

    .advertise-with-us-page .main-content .advertise-section .advertise-image {
        height: 200px;
        border-radius: 0
    }

    .advertise-with-us-page .main-content .advertise-section .advertise-box {
        height: 440px;
        margin-left: -16px;
        margin-right: -16px
    }

    .advertise-with-us-page .main-content .advertise-section .content-box {
        padding: 24px;
        width: calc(100% - 20px);
        top: 160px;
        width: 328px
    }

    .advertise-with-us-page .main-content .advertise-section .content-box h2 {
        font-size: 20px;
        font-weight: 600;
        line-height: 26px;
        font-style: normal
    }

    .advertise-with-us-page .main-content .advertise-section .content-box p {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px
    }

    .advertise-with-us-page .main-content .advertise-section .content-box .btn {
        font-size: 14px;
        width: 100%;
        text-transform: uppercase;
        text-align: center;
        display: flex;
        padding: 11px 32px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        align-self: stretch
    }

    .advertise-with-us-page .main-content .stats-container {
        grid-template-columns: repeat(2, 1fr) !important;
        margin-top: 40px;
        gap: 32px 24px;
        margin-bottom: 0
    }

    .advertise-with-us-page .main-content .stats-container .stat span {
        font-size: 40px
    }

    .advertise-with-us-page .main-content .stats-container .stat p {
        font-size: 12px;
        line-height: 16px
    }

    .advertise-with-us-page .main-content .solutions-container {
        margin: 0;
        margin-top: 40px
    }

    .advertise-with-us-page .main-content .solutions-container hr {
        margin: 12px 0 24px
    }

    .advertise-with-us-page .main-content .solutions-container h2 {
        font-size: 20px;
        line-height: 26px
    }

    .advertise-with-us-page .main-content .solutions-container p {
        font-size: 16px;
        line-height: 24px
    }

    .advertise-with-us-page .main-content .solutions-container .solutions-grid {
        grid-template-columns: 1fr
    }

    .advertise-with-us-page .main-content .solutions-container .solution-item {
        padding-bottom: 20px
    }

    .advertise-with-us-page .main-content .full-width-bg {
        margin-top: 40px;
        padding: 40px 0
    }

    .advertise-with-us-page .main-content .full-width-bg .ad-section {
        padding: 0 16px
    }

    .advertise-with-us-page .main-content .full-width-bg .ad-section .title {
        padding-bottom: 12px
    }

    .advertise-with-us-page .main-content .full-width-bg .ad-section h2 {
        font-size: 20px;
        line-height: 26px
    }

    .advertise-with-us-page .main-content .full-width-bg .ad-section .tabs {
        margin: 24px 0
    }

    .advertise-with-us-page .main-content .full-width-bg .ad-section p {
        margin-top: 24px;
        font-size: 16px;
        line-height: 24px
    }

    .advertise-with-us-page .main-content .full-width-bg .ad-section .tab-content p {
        margin-top: 16px;
        font-size: 16px;
        line-height: 24px
    }

    .advertise-with-us-page .main-content .full-width-bg .ad-section .grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
        margin-bottom: 16px
    }

    .advertise-with-us-page .main-content .full-width-bg .ad-section .card {
        padding: 16px
    }

    .advertise-with-us-page .main-content .full-width-bg .ad-section .card span {
        font-size: 12px;
        line-height: 16px
    }

    .advertise-with-us-page .main-content .full-width-bg .ad-section .tab-button {
        font-size: 14px
    }

    .advertise-with-us-page .main-content .media-kit {
        margin-top: 40px
    }

    .advertise-with-us-page .main-content .media-kit .btn {
        width: 100%;
        text-align: center;
        padding: 11px 32px
    }

    .advertise-with-us-page .main-content .media-kit .media-kit-container {
        gap: 32px;
        margin-bottom: 16px
    }

    .advertise-with-us-page .main-content .media-kit .media-kit-container .media-kit-info {
        flex: 1;
        padding: 0;
        flex-direction: column;
        justify-content: center;
        margin-top: 20px
    }

    .advertise-with-us-page .main-content .media-kit .media-kit-container .media-kit-info h2 {
        font-size: 20px;
        line-height: 26px
    }

    .advertise-with-us-page .main-content .contact-section {
        margin-top: 40px;
        margin-bottom: 40px
    }

    .advertise-with-us-page .main-content .contact-section h2 {
        font-size: 24px;
        font-weight: 600;
        line-height: 32px
    }

    .advertise-with-us-page .main-content .contact-section h3 {
        font-size: 16px
    }

    .advertise-with-us-page .main-content .contact-section .form-wrapper {
        margin-top: 24px
    }

    .advertise-with-us-page .main-content .contact-section .form-wrapper .advertise-with-us-form .input-group {
        flex-direction: column;
        width: 100%
    }

    .advertise-with-us-page .main-content .contact-section .form-wrapper .advertise-with-us-form .input-group .btn {
        font-weight: 600;
        line-height: 24px;
        width: 100%
    }

    .advertise-with-us-page .main-content .contact-section .form-wrapper .advertise-with-us-form .input-group .btn:hover {
        background-color: #2a8ab3
    }

    .advertise-with-us-page .main-content .contact-section .form-wrapper .advertise-with-us-form .input,
    .advertise-with-us-page .main-content .contact-section .form-wrapper .advertise-with-us-form .textarea {
        width: 100%
    }

    .advertise-with-us-page .main-content .contact-section .form-wrapper .advertise-with-us-form .button-primary {
        width: 100%
    }
}

.contact-page {
    padding-bottom: 48px
}

.contact-page .main-content .breadcrumbs {
    margin: 16px 0 10px
}

.contact-page .main-content h1 {
    margin: 10px 0 8px 0
}

.contact-page .main-content .warning {
    padding: 24px 16px;
    background-color: var(--primary-10);
    border-radius: var(--border-radius);
    margin: 16px 0
}

.contact-page .main-content .warning h2 {
    font-size: 1.6rem;
    line-height: 2.4rem
}

.contact-page .main-content .warning p {
    font-size: 1.4rem;
    line-height: 2rem
}

.contact-page .main-content .form-wrapper {
    margin: 16px 0 80px 0
}

.contact-page .main-content .form-wrapper .contact-form label {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.4rem;
    display: block;
    margin-bottom: 4px
}

.contact-page .main-content .form-wrapper .contact-form .input-group {
    margin: 16px 0
}

.contact-page .main-content .form-wrapper .contact-form .input-group+.input-group {
    margin: 22px 0
}

.contact-page .main-content .form-wrapper .contact-form .input-group.error .error-message {
    opacity: 1
}

.contact-page .main-content .form-wrapper .contact-form .input-group .input {
    width: 100%
}

.contact-page .main-content .form-wrapper .contact-form .input-group .input.textarea {
    height: unset;
    padding: 16px;
    resize: none
}

.contact-page .main-content .form-wrapper .contact-form .input-group .input:focus {
    border-color: var(--primary-60)
}

.contact-page .main-content .form-wrapper .contact-form .input-group .error-message {
    opacity: 0;
    color: var(--error-60);
    position: absolute
}

.contact-page .main-content .form-wrapper .flash-messages-container {
    border-radius: var(--border-radius);
    grid-column: span 2
}

.contact-page .main-content .form-wrapper .flash-messages-container .title {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2rem;
    display: flex;
    align-items: center;
    gap: 10px
}

.contact-page .main-content .form-wrapper .flash-messages-container .title .icon {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white)
}

.contact-page .main-content .form-wrapper .flash-messages-container .title span {
    flex: 1
}

.contact-page .main-content .form-wrapper .flash-messages-container .message p {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2rem;
    color: var(--black);
    margin-top: 10px
}

.contact-page .main-content .form-wrapper .flash-messages-container .success {
    padding: 24px 16px;
    background-color: #f3f6f9
}

.contact-page .main-content .form-wrapper .flash-messages-container .success .title {
    color: var(--primary-60)
}

.contact-page .main-content .form-wrapper .flash-messages-container .success .title .icon {
    background-color: var(--primary-60)
}

.contact-page .main-content .form-wrapper .flash-messages-container .failure {
    padding: 24px 16px;
    background-color: var(--error-10)
}

.contact-page .main-content .form-wrapper .flash-messages-container .failure .title {
    color: var(--error-60)
}

.contact-page .main-content .form-wrapper .flash-messages-container .failure .title .icon {
    background-color: var(--error-60)
}

@media screen and (min-width:834px) {
    .contact-page .main-content .form-wrapper .contact-form {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 24px;
        row-gap: 28px
    }

    .contact-page .main-content .form-wrapper .contact-form .input-group {
        margin: 0 !important
    }

    .contact-page .main-content .form-wrapper .contact-form .input-group:nth-child(n+4) {
        grid-column: span 2
    }

    .contact-page .main-content .form-wrapper .contact-form button.submit {
        max-width: 188px
    }
}

@media screen and (min-width:1050px) {
    .contact-page {
        padding-bottom: 80px
    }

    .contact-page .main-content .breadcrumbs {
        margin: 32px 0 24px
    }

    .contact-page .main-content .warning h2 {
        font-size: 1.8rem;
        line-height: 2.6rem
    }

    .contact-page .main-content .warning p {
        font-size: 1.6rem;
        line-height: 2.4rem
    }

    .contact-page .main-content .form-wrapper {
        margin: 32px 0 80px 0
    }

    .contact-page .main-content .form-wrapper .flash-messages-container {
        border-radius: var(--border-radius);
        grid-column: span 2;
        max-width: 468px
    }

    .contact-page .main-content .form-wrapper .flash-messages-container .title {
        font-weight: 500;
        font-size: 1.8rem;
        line-height: 2.4rem
    }

    .contact-page .main-content .form-wrapper .flash-messages-container .title .icon {
        height: 26px;
        width: 26px;
        font-size: 20px
    }

    .contact-page .main-content .form-wrapper .flash-messages-container .message p {
        font-size: 1.6rem;
        line-height: 2rem;
        margin-top: 16px
    }

    .contact-page .main-content .form-wrapper .flash-messages-container .success {
        padding: 24px
    }

    .contact-page .main-content .form-wrapper .flash-messages-container .failure {
        padding: 24px
    }
}

.home-page .site-title-wrapper {
    margin: 16px auto;
    max-width: 260px
}

.home-page .site-title-wrapper .site-title {
    color: var(--gray-50);
    text-align: center;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4rem;
    text-transform: uppercase
}

.home-page .rdor-promoted {
    margin: 48px 0
}

.home-page .rdor-promoted .rdor-promoted-grid {
    display: grid;
    gap: 24px
}

.home-page .rdor-promoted .rdor-promoted-grid .first-paragraph-banner {
    height: 300px;
    margin: 0
}

.home-page .rdor-promoted .article-list-medium-content {
    margin: 40px 0
}

@media screen and (min-width:560px) {
    .home-page .site-title-wrapper {
        max-width: unset
    }

    .home-page .rdor-promoted .rdor-promoted-grid .first-paragraph-banner {
        height: 360px
    }

    .home-page .rdor-promoted .rdor-promoted-grid .first-paragraph-banner__title {
        font-size: 3rem;
        line-height: 3.8rem;
        max-width: 340px
    }

    .home-page .rdor-promoted .rdor-promoted-grid .first-paragraph-banner__cta {
        max-width: 220px
    }
}

@media screen and (min-width:1050px) {
    .home-page .site-title-wrapper {
        margin: 40px 0 32px 0
    }

    .home-page .site-title-wrapper .site-title {
        font-size: 1.2rem;
        line-height: 1.6rem
    }

    .home-page .rdor-promoted {
        margin: 80px 0
    }

    .home-page .rdor-promoted .rdor-promoted-grid {
        grid-template-columns: 1fr 1fr
    }

    .home-page .rdor-promoted .article-list-medium-content {
        margin: 56px 0
    }
}

.page-search {
    padding-bottom: 48px
}

.page-search .search-results-header {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-top: 16px;
    padding-bottom: 24px
}

.page-search .search-results-header .search-results-label {
    color: var(--Gray-100, #3d3d3d);
    font-family: Rubik;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px
}

.page-search .search-results-header .search-results-term {
    color: var(--Gray-100, #3d3d3d);
    font-family: Rubik;
    font-size: 18px;
    font-style: italic;
    font-weight: 400;
    line-height: 26px;
    white-space: break-spaces;
    overflow-wrap: anywhere;
    word-break: break-word
}

.page-search main .search-related-title {
    color: var(--Gray-100, #3d3d3d);
    font-feature-settings: "case" on;
    font-family: Rubik;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin: 32px 0 24px
}

.page-search main .search-results-header+.ai-overview-anchor+.ai-overview {
    margin-top: 0
}

.page-search main .ai-overview-debug {
    margin: 12px 0 16px;
    padding: 16px;
    border-radius: 12px;
    background: #f4f6f8;
    color: #3d3d3d;
    font-size: 1.2rem;
    line-height: 1.6;
    white-space: pre-wrap;
    word-break: break-word
}

.page-search main .ai-overview {
    display: flex;
    padding: 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    border-radius: 12px;
    background: var(--footer, #f2f6f9);
    margin: 16px 0 8px
}

.page-search main .ai-overview .ai-overview__header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 0
}

.page-search main .ai-overview .ai-overview__spark {
    width: 20px;
    height: 20px;
    aspect-ratio: 1/1;
    display: inline-block;
    flex: 0 0 auto;
    background: var(--IA, linear-gradient(180deg, #36b1df 0, #1cc5af 100%));
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M0 12C8.41569 10.0204 10.0204 8.41569 12 0C13.9796 8.41569 15.5843 10.0204 24 12C15.5843 13.9796 13.9796 15.5843 12 24C10.0204 15.5843 8.41569 13.9796 0 12Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M0 12C8.41569 10.0204 10.0204 8.41569 12 0C13.9796 8.41569 15.5843 10.0204 24 12C15.5843 13.9796 13.9796 15.5843 12 24C10.0204 15.5843 8.41569 13.9796 0 12Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat
}

.page-search main .ai-overview .ai-overview__badge {
    color: var(--gray-100);
    font-size: 14px;
    line-height: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.page-search main .ai-overview .ai-overview__summary {
    color: var(--Gray-100, #3d3d3d);
    font-family: Rubik;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    font-size: 16px;
    position: relative;
    word-break: break-word;
    width: 100%
}

.page-search main .ai-overview .ai-overview__summary br {
    content: "";
    display: block;
    margin-top: 24px
}

.page-search main .ai-overview .ai-overview__summary .summary-highlight {
    -webkit-box-decoration-break: clone;
    background: #c4efff;
    border-radius: 4px;
    box-decoration-break: clone;
    color: inherit;
    padding: 0 3px
}

.page-search main .ai-overview .ai-overview__summary .summary-highlight-strong {
    -webkit-box-decoration-break: clone;
    background: 0 0;
    border-radius: 4px;
    box-decoration-break: clone;
    color: var(--gray-100, #3d3d3d);
    font-weight: 600;
    padding: 0
}

.page-search main .ai-overview .ai-overview__summary.is-collapsed {
    max-height: 292px;
    overflow: hidden
}

.page-search main .ai-overview .ai-overview__summary.is-collapsed::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 88px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--footer, #f2f6f9) 70%)
}

.page-search main .ai-overview .ai-overview__show-more {
    margin-top: 0;
    width: 100%;
    padding: 11px 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border: 1px solid var(--Gray-20, #e0e0e0);
    border-radius: 24px;
    background: var(--white, #fff);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05);
    color: var(--Gray-100, #3d3d3d);
    font-family: Rubik;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis
}

.page-search main .ai-overview .ai-overview__show-more-arrow {
    width: 20px;
    height: 20px;
    aspect-ratio: 1/1;
    display: inline-block;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M4.375 7.1875L10 12.8125L15.625 7.1875' stroke='url(%23paint0_linear_9800_2212)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_9800_2212' x1='10' y1='7.1875' x2='10' y2='12.8125' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2336B1DF'/%3E%3Cstop offset='1' stop-color='%231CC5AF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") center/contain no-repeat;
    transform: none
}

@media screen and (max-width:1049px) {
    .page-search main .ai-overview .ai-overview__show-more-arrow {
        width: 20px;
        height: 20px
    }
}

@media screen and (min-width:1050px) {
    .page-search main .ai-overview .ai-overview__show-more {
        justify-content: space-between;
        padding: 11px 20px 11px 24px;
        gap: 16px
    }

    .page-search main .ai-overview .ai-overview__show-more-arrow {
        width: 20px;
        height: 20px;
        position: relative;
        margin-left: 0;
        padding-left: 0
    }

    .page-search main .ai-overview .ai-overview__show-more-arrow::before {
        content: none
    }
}

.page-search main .ai-overview .ai-overview__primary {
    margin-top: 0;
    width: 100%
}

.page-search main .ai-overview .ai-overview__primary.is-hidden {
    display: none
}

.page-search main .ai-overview .ai-overview__primary-link {
    width: 100%;
    display: flex;
    padding: 11px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 24px;
    background: linear-gradient(90deg, #36b1df 0, #1cc5af 100%);
    box-shadow: 0 2px 2px 0 rgba(41, 187, 199, .15);
    color: var(--white, #fff);
    text-transform: uppercase;
    font-family: Rubik;
    font-style: normal;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none
}

.page-search main .ai-overview .ai-overview__disclaimer {
    align-self: stretch;
    color: var(--gray-70, #7a7a7a);
    font-family: Rubik;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin: 0;
    text-align: center
}

.page-search main .ai-overview .ai-overview__disclaimer.is-hidden {
    display: none
}

.page-search main .ai-overview .ai-overview__disclaimer a {
    color: inherit;
    font: inherit;
    text-decoration: underline
}

.page-search main .ai-overview .ai-overview__primary-arrow {
    width: 20px;
    height: 20px;
    aspect-ratio: 1/1;
    display: inline-block;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10.4692 4.375L16.0942 10L10.4692 15.625' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.3124 10H3.90576' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
    border: 0;
    transform: none
}

.page-search main .ai-overview .ai-overview__beta-badge {
    display: inline-flex;
    width: 50px;
    height: 24px;
    flex: 0 0 auto
}

.page-search main .ai-overview .ai-overview__beta-badge svg {
    display: block;
    width: 100%;
    height: 100%
}

.page-search main .ai-overview--loading .ai-overview__summary .ai-overview__line {
    display: block;
    width: 100%;
    height: 18px;
    border-radius: 6px;
    margin-bottom: 12px;
    background: linear-gradient(90deg, rgba(207, 212, 218, .7) 20%, #e3e7ec 50%, rgba(207, 212, 218, .7) 80%);
    background-size: 200% 100%;
    animation: aiOverviewLoading 1.2s ease-in-out infinite
}

.page-search main .ai-overview--loading .ai-overview__summary .ai-overview__line--short {
    width: 72%;
    margin-bottom: 0
}

.page-search main .ai-overview--loading .ai-overview__spark {
    animation: aiOverviewSparkThinking 1.1s ease-in-out infinite
}

.page-search main .content-nav {
    margin: 0 -16px 32px;
    padding: 0 16px;
    border-bottom: 1px solid var(--gray-20);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.page-search main .content-nav>div[style] {
    display: none
}

.page-search main .content-nav .nav-button {
    border: none;
    background-color: transparent;
    color: var(--Gray-100, #3d3d3d);
    font-family: Rubik;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    display: inline-flex;
    flex: 1 1 0;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 0;
    padding: 0 8px 12px;
    position: relative;
    transition: color var(--transition)
}

.page-search main .content-nav .nav-button::after {
    content: "";
    width: 100%;
    height: 3px;
    border-radius: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: background-color var(--transition)
}

.page-search main .content-nav .nav-button span {
    display: none
}

.page-search main .content-nav .nav-button.active,
.page-search main .content-nav .nav-button:hover {
    color: var(--gray-100, #3d3d3d)
}

.page-search main .content-nav .nav-button.active::after,
.page-search main .content-nav .nav-button:hover::after {
    background-color: var(--gray-100, #3d3d3d)
}

.page-search main .article-list-medium-content {
    margin: 0
}

.page-search main .article-list-medium-content .articles {
    grid-template-columns: unset
}

.page-search main .article-list-medium-content .article-search-highlight-snippet {
    display: block;
    display: -webkit-box;
    font-size: 1.4rem;
    line-height: 2rem
}

.page-search main .interactive-content {
    background-color: unset;
    margin: 0;
    padding: 0
}

.page-search main .interactive-content .interactive-content-list .interactive-content-widget {
    min-height: 200px
}

.page-search main .interactive-content .container {
    padding: 0
}

.page-search main .youtube-videos {
    margin: 0
}

.page-search main .no-results {
    margin-top: 0
}

.page-search main .no-results.is-hidden {
    display: none
}

.page-search main .no-results p+p {
    margin-top: 20px
}

.page-search main .no-results ul {
    margin-top: 12px;
    padding-left: 18px
}

.page-search main .no-results ul li+li {
    margin-top: 8px
}

.page-search main .no-results li {
    font-size: 1.6rem;
    line-height: 2.4rem
}

.page-search main .no-results a {
    color: var(--primary-60);
    text-decoration: underline
}

.page-search aside {
    display: none
}

@keyframes aiOverviewLoading {
    0% {
        background-position: 200% 0
    }

    100% {
        background-position: -200% 0
    }
}

@keyframes aiOverviewSparkThinking {

    0%,
    100% {
        opacity: .45;
        transform: scale(.82)
    }

    50% {
        opacity: 1;
        transform: scale(1)
    }
}

@media screen and (min-width:1050px) {
    .page-search {
        padding-bottom: 80px
    }

    .page-search .page-search-grid {
        display: block
    }

    .page-search main .search-related-title {
        color: var(--Gray-100, #3d3d3d);
        margin: 56px 0 32px;
        font-family: Rubik;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 32px
    }

    .page-search main .ai-overview {
        padding: 32px;
        margin: 20px 0 12px;
        gap: 24px
    }

    .page-search main .ai-overview .ai-overview__spark {
        width: 24px;
        height: 24px
    }

    .page-search main .ai-overview .ai-overview__summary {
        font-size: 18px;
        line-height: 26px
    }

    .page-search main .ai-overview .ai-overview__badge {
        font-size: 16px;
        line-height: 24px
    }

    .page-search main .ai-overview .ai-overview__primary-link,
    .page-search main .ai-overview .ai-overview__show-more {
        font-size: 1.4rem;
        line-height: 2.4rem
    }

    .page-search main .ai-overview .ai-overview__primary-link {
        width: auto;
        border-radius: 24px;
        gap: 8px;
        padding: 11px 32px
    }

    .page-search main .ai-overview .ai-overview__primary {
        align-self: center;
        width: auto
    }

    .page-search main .ai-overview .ai-overview__show-more {
        width: auto;
        align-self: center;
        display: flex;
        padding: 11px 24px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        border-radius: 24px;
        border: 1px solid var(--Gray-20, #e0e0e0);
        background: var(--white, #fff);
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05)
    }

    .page-search main .content-nav {
        margin: 0 0 32px;
        padding: 0;
        gap: 0;
        justify-content: flex-start
    }

    .page-search main .content-nav>div[style] {
        display: block
    }

    .page-search main .content-nav .nav-button {
        color: var(--Gray-100, #3d3d3d);
        font-family: Rubik;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
        gap: 0;
        flex: 0 0 auto;
        justify-content: flex-start;
        text-align: left;
        padding: 0 24px 12px
    }

    .page-search main .interactive-content .interactive-content-list {
        grid-template-columns: repeat(2, 1fr) !important
    }

    .page-search main .interactive-content .interactive-content-list .interactive-content-widget {
        min-height: 290px
    }

    .page-search main .article-list-medium-content .articles {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 40px;
        column-gap: 24px
    }

    .page-search main .youtube-videos .youtube-videos-list {
        grid-template-columns: repeat(2, 1fr)
    }

    .page-search main .no-results p+p {
        margin-top: 28px
    }

    .page-search main .no-results a {
        transition: color var(--transition)
    }

    .page-search main .no-results a:hover {
        color: var(--primary-80)
    }

    .page-search .search-results-header {
        padding-top: 32px;
        padding-bottom: 32px;
        gap: 12px
    }

    .page-search .search-results-header .search-results-term {
        font-size: 20px;
        line-height: 28px;
        font-weight: 400;
        font-style: italic
    }

    .page-search .search-results-header .search-results-label {
        font-size: 18px;
        line-height: 26px
    }

    .page-search aside {
        display: none
    }
}

.widget-page {
    padding-bottom: 48px
}

.widget-page h1 {
    margin: 16px 0
}

.widget-page .description {
    margin: 16px 0
}

.widget-page .article-vimeo-video,
.widget-page .article-youtube-video,
.widget-page .widget.screening,
.widget-page .widget.symptom-checker {
    margin: 0 -16px 32px -16px
}

@media screen and (min-width:1050px) {
    .widget-page {
        padding-bottom: 80px
    }

    .widget-page .article-image,
    .widget-page .article-vimeo-video,
    .widget-page .article-youtube-video,
    .widget-page .rdor-find-doctor,
    .widget-page .rdor-find-doctor-simple,
    .widget-page .widget.screening,
    .widget-page .widget.symptom-checker {
        margin: 0 0 40px 0
    }

    .widget-page .main-content {
        max-width: 686px
    }

    .widget-page .main-content h1 {
        margin: 32px 0 24px 0
    }

    .widget-page .main-content .description {
        margin: 24px 0
    }
}

@charset "UTF-8";

.ad-container {
    min-width: min(300px, 100%);
    max-width: min(100%, 100vw)
}

.ad-container.invisible .ad:before {
    display: none
}

.ad-container.content-sticky {
    margin: 32px auto 32px auto;
    min-height: 468px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 36px 0
}

.ad-container.content-sticky .ad {
    min-height: 250px;
    position: sticky;
    top: 126px;
    margin: 0 auto
}

.ad-container.home-header-spacing {
    margin: 44px auto 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 90px
}

.ad-container.home-header-spacing .ad {
    min-height: 90px
}

.ad-container.ad-full-spacing {
    margin: 48px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 250px
}

.ad-container.ad-full-spacing .ad {
    min-height: 250px
}

.ad-container.ad-custom .ad:before {
    display: none
}

.ad-container.float-right {
    min-height: 250px;
    float: right;
    margin: 16px 0 16px 16px
}

.ad-container.float-right .ad {
    min-height: 250px
}

.ad-container.default-container {
    margin: 32px auto;
    overflow: hidden;
    padding: 20px 0;
    display: table
}

.ad-container.default-container .ad {
    min-height: 250px
}

.ad-container.ad-container-sidebar {
    max-width: 300px;
    min-height: 250px;
    padding: 20px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto
}

.ad-container.ad-container-sidebar .ad {
    min-height: 250px
}

.ad-container .ad {
    position: relative;
    display: block
}

.ad-container .ad:before {
    display: block;
    font-size: 1rem;
    text-transform: uppercase;
    height: 20px;
    position: absolute;
    color: var(--gray-40);
    top: -20px;
    left: 50%;
    transform: translateX(-50%)
}

.ad-container .ad.lng-pt:before {
    content: "Publicidade"
}

.ad-container .ad.lng-es:before {
    content: "Publicidad"
}

.ad-container .ad.lng-en:before {
    content: "Advertising"
}

.ad-container .ad.lng-fr:before {
    content: "Publicité"
}

.sticky-ad-wrapper {
    margin: 0 -16px;
    background-color: var(--gray-10)
}

@media screen and (min-width:1050px) {
    .sticky-ad-wrapper {
        margin: unset;
        background-color: unset
    }

    .ad-container.content-sticky {
        margin: 50px auto 40px;
        min-height: 250px;
        padding: 0
    }

    .ad-container.ad-full-spacing {
        margin: 80px auto;
        min-height: 90px
    }

    .ad-container.ad-full-spacing .ad {
        min-height: 90px
    }

    .ad-container.default-container {
        margin: 40px auto;
        min-height: 250px
    }

    .ad-container.default-container .ad {
        min-height: 250px
    }

    .ad-container-sidebar {
        top: 94px;
        position: sticky
    }

    [data-big-menu="1"] .ad-container-sidebar {
        top: 134px;
        position: sticky
    }
}

.article-approval {
    margin-top: 20px;
    font-size: 1.2rem;
    line-height: 1.8rem;
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.article-approval .article-approval-percent {
    color: var(--gray-100);
    display: flex;
    align-items: center;
    gap: 8px
}

.article-approval .article-approval-percent .icon,
.article-approval .article-approval-percent strong {
    color: var(--primary-60)
}

.article-approval .article-approval-total {
    color: var(--gray-50)
}

@media screen and (min-width:1050px) {
    .article-approval {
        font-size: 1.4rem;
        line-height: 2rem;
        margin-top: 40px;
        justify-content: flex-start
    }
}

.article-badge {
    padding: 3px 6px;
    font-size: 1rem;
    line-height: 1.4rem;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 30px;
    color: var(--primary-80);
    background-color: var(--badge-background)
}

@media screen and (min-width:1050px) {
    .article-badge {
        padding: 4px 8px;
        font-size: 1.1rem;
        line-height: 1.5rem
    }
}

.info-box {
    display: flex;
    width: 100%;
    padding: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    border-radius: 12px;
    background-color: #f1f5f7;
    border: none;
    box-sizing: border-box;
    margin: 0 0 16px 0
}

.info-box__header {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: 0 0 8px 0
}

.info-box__icon-left {
    width: 14px;
    height: 14px;
    aspect-ratio: 1/1;
    fill: var(--Primary-60, #36b1df)
}

.info-box__title {
    color: var(--Gray-100);
    font-family: Rubik;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 15px;
    text-transform: uppercase
}

.info-box__list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    align-self: stretch;
    gap: 0;
    width: 100%
}

.info-box__list li {
    margin: 8px 0 !important;
    width: 100%;
    list-style-position: inside
}

.info-box__list li:last-child {
    margin-bottom: 0 !important
}

.info-box__text {
    color: var(--Gray-100);
    font-family: Rubik;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
    padding: 0;
    word-wrap: break-word
}

@media screen and (min-width:834px) {
    .info-box {
        padding: 24px;
        margin: 0 0 24px 0
    }

    .info-box__icon-left {
        width: 16px;
        height: 16px
    }

    .info-box__title {
        font-size: 12px;
        line-height: 16px
    }

    .info-box__list li {
        position: relative;
        padding-left: 16px;
        margin: 8px 0 !important
    }

    .info-box__list li:last-child {
        margin-bottom: 0 !important
    }

    .info-box__list li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 9px;
        width: 6px;
        height: 6px;
        background-color: var(--Gray-100, #3d3d3d);
        border-radius: 50%
    }

    .info-box__text {
        font-size: 16px;
        line-height: 24px
    }
}

@media screen and (min-width:1050px) {
    .info-box__text {
        font-size: 18px;
        line-height: 26px
    }
}

.author-card {
    border-radius: var(--border-radius);
    background-color: var(--primary-10);
    margin: 16px 0;
    display: grid;
    grid-template-columns: 50px 1fr;
    row-gap: 16px;
    column-gap: 12px;
    align-items: center;
    padding: 16px
}

.author-card .author-card-image {
    width: 50px;
    height: 50px;
    background-color: var(--white);
    font-size: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden
}

.author-card .author-card-image img {
    object-fit: cover;
    width: 50px;
    height: 50px;
    display: block
}

.author-card .author-card-infos {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px
}

.author-card .author-card-infos .author-card-title {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.6rem
}

.author-card .author-card-infos .author-card-name {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: var(--primary-60)
}

.author-card .author-card-infos .author-card-specialty {
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1.6rem
}

.author-card .author-card-body {
    grid-column: span 2;
    font-size: 1.2rem;
    line-height: 1.8rem;
    font-weight: 400
}

.author-card .author-card-profile {
    grid-column: span 2;
    color: var(--primary-60);
    font-size: 1.2rem;
    line-height: 1.6rem;
    font-weight: 500;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    gap: 4px
}

.author-card .author-card-profile .icon {
    font-size: 1rem
}

.author-card.author-card-search {
    margin: 24px 0
}

.author-card.author-card-search .author-card-infos .author-card-name {
    font-size: 1.8rem;
    line-height: 2.4rem
}

@media screen and (min-width:1050px) {
    .author-card {
        margin: 0;
        margin-bottom: 40px;
        column-gap: 16px;
        grid-template-columns: 80px 1fr;
        padding: 24px;
        transition: background-color var(--transition)
    }

    .author-card .author-card-image {
        width: 80px;
        height: 80px;
        font-size: 50px
    }

    .author-card .author-card-image img {
        width: 80px;
        height: 80px
    }

    .author-card .author-card-infos .author-card-title {
        font-size: 1.4rem;
        line-height: 1.6rem;
        font-weight: 400
    }

    .author-card .author-card-infos .author-card-name {
        font-size: 1.6rem;
        line-height: 2.4rem;
        font-weight: 600;
        transition: color var(--transition)
    }

    .author-card .author-card-infos .author-card-specialty {
        font-size: 1.4rem;
        line-height: 1.6rem;
        font-weight: 500
    }

    .author-card .author-card-body {
        grid-column: span 2;
        font-size: 1.4rem;
        line-height: 2.4rem
    }

    .author-card .author-card-profile {
        font-size: 1.4rem;
        line-height: 2.4rem;
        transition: color var(--transition)
    }

    .author-card .author-card-profile .icon {
        font-size: 1.2rem
    }

    .author-card.author-card-search {
        margin: 32px 0
    }

    .author-card.author-card-search .author-card-infos .author-card-name {
        font-size: 2.4rem;
        line-height: 3.2rem
    }

    .author-card.author-card-search .author-card-specialty {
        font-size: 1.6rem;
        line-height: 2.4rem;
        font-weight: 500
    }

    .author-card:hover .author-card-infos .author-card-name {
        color: var(--primary-80)
    }

    .author-card:hover .author-card-profile {
        color: var(--primary-80)
    }
}

.awards-list {
    margin: 24px 0 32px 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 16px;
    row-gap: 24px
}

.awards-list__item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: var(--gray-100);
    text-decoration: none !important;
    padding: 16px;
    border-radius: var(--border-radius);
    border: 1px solid var(--gray-20);
    box-shadow: var(--box-shadow-gray-default)
}

.awards-list__item__image {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px
}

.awards-list__item__image img,
.awards-list__item__image picture {
    max-width: 100%;
    max-height: 100%
}

.awards-list__item__year {
    text-align: center;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    margin: 16px 0 10px 0;
    color: var(--gray-100)
}

.awards-list__item__award {
    text-align: center;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    color: var(--gray-100)
}

.awards-list__item__category {
    text-align: center;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.6rem;
    text-transform: uppercase;
    color: var(--gray-70);
    height: 58px;
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid var(--gray-20);
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (min-width:834px) {
    .awards-list {
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media screen and (min-width:1050px) {
    .awards-list {
        margin: 24px 0 56px 0;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 24px
    }

    .awards-list__item {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: 24px
    }

    .awards-list__item__image {
        height: 48px;
        transition: filter var(--transition)
    }

    .awards-list__item__year {
        font-size: 1.6rem;
        line-height: 2.4rem
    }

    .awards-list__item__award {
        font-size: 1.8rem;
        line-height: 2.6rem;
        transition: color var(--transition)
    }

    .awards-list__item__category {
        font-size: 1.4rem;
        line-height: 2.4rem
    }

    .awards-list__item:hover .awards-list__item__image {
        filter: brightness(1.1)
    }

    .awards-list__item:hover .awards-list__item__award {
        color: var(--primary-60)
    }
}

.feedback {
    padding: 20px 0;
    border-bottom: 1px solid var(--gray-20)
}

.feedback .simple-feedback-form {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.feedback .simple-feedback-form .title {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 2.4rem;
    text-transform: uppercase
}

.feedback .simple-feedback-form .option {
    display: flex;
    align-items: center;
    flex: 1;
    gap: 16px
}

.feedback .simple-feedback-form .option button {
    flex: 1;
    font-size: 1.4rem;
    line-height: 2.4rem;
    font-weight: 500;
    border-radius: var(--border-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 24px;
    text-transform: uppercase;
    transition: color var(--transition), background-color var(--transition), border-color var(--transition)
}

.feedback .simple-feedback-form .option button.yes {
    background-color: rgba(54, 177, 223, .05);
    border: 1px solid rgba(54, 177, 223, .3);
    color: #36b1df
}

.feedback .simple-feedback-form .option button.yes.selected,
.feedback .simple-feedback-form .option button.yes:hover:not(:disabled) {
    background-color: #36b1df;
    border-color: #36b1df;
    color: var(--white)
}

.feedback .simple-feedback-form .option button.no {
    background-color: rgba(241, 82, 82, .05);
    border: 1px solid rgba(241, 82, 82, .3);
    color: var(--error-50)
}

.feedback .simple-feedback-form .option button.no .icon {
    transform: rotate(180deg)
}

.feedback .simple-feedback-form .option button.no.selected,
.feedback .simple-feedback-form .option button.no:hover:not(:disabled) {
    background-color: var(--error-50);
    border-color: var(--error-50);
    color: var(--white)
}

.feedback .simple-feedback-form .option button:disabled {
    cursor: unset
}

.feedback .complex-feedback-form .message-request {
    gap: 6px;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.8rem;
    margin-top: 16px;
    flex-wrap: wrap
}

.feedback .complex-feedback-form .message-request button {
    display: inline;
    border: none;
    background-color: transparent;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.8rem;
    text-decoration: underline;
    color: var(--error-50)
}

.feedback .complex-feedback-form>button {
    margin-top: 20px
}

.feedback .complex-feedback-form label {
    margin-bottom: 8px;
    display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px
}

.feedback .complex-feedback-form .feedback-request-answer .email-info {
    font-size: 1.2rem;
    line-height: 1.8rem;
    color: var(--gray-50);
    display: block;
    margin-top: 4px
}

.feedback .complex-feedback-form .feedback-request-answer select {
    width: 100%
}

.feedback .complex-feedback-form .field {
    margin: 20px 0 10px
}

.feedback .complex-feedback-form textarea {
    height: unset;
    padding: 16px;
    resize: none
}

.feedback .complex-feedback-form input,
.feedback .complex-feedback-form textarea {
    width: 100%
}

.article-feedback-success {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px
}

.article-feedback-success .icon {
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #7cdd8e;
    border-radius: 50%;
    font-size: 16px;
    color: var(--white)
}

.article-feedback-success .article-feedback-success-texts {
    flex: 1
}

.article-feedback-success .article-feedback-success-texts .feedback-title {
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 500
}

.article-feedback-success .article-feedback-success-texts .description {
    margin-top: 2px;
    font-size: 1.4rem;
    line-height: 2rem
}

@media screen and (min-width:576px) {
    .feedback .simple-feedback-form {
        flex-direction: row;
        align-items: center;
        justify-content: center
    }

    .feedback .simple-feedback-form .option button {
        flex: 0
    }
}

@media screen and (min-width:834px) {
    .feedback .feedback-request-answer {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 24px
    }
}

@media screen and (min-width:1050px) {
    .feedback .simple-feedback-form {
        justify-content: space-between;
        flex-direction: row
    }

    .feedback .simple-feedback-form .title {
        font-size: 1.6rem
    }

    .feedback .complex-feedback-form .message-request {
        justify-content: flex-start;
        flex-direction: row;
        font-size: 1.4rem;
        line-height: 2rem;
        margin-top: 10px;
        gap: 4px
    }

    .feedback .complex-feedback-form .message-request button {
        font-size: 1.4rem;
        line-height: 2rem;
        transition: color var(--transition);
        cursor: pointer
    }

    .feedback .complex-feedback-form .message-request button:hover {
        color: var(--primary-80)
    }

    .feedback .complex-feedback-form label {
        font-size: 1.6rem;
        line-height: 2.4rem
    }

    .feedback .complex-feedback-form .feedback-request-answer .email-info {
        font-size: 1.4rem;
        line-height: 2rem
    }

    .feedback .article-feedback-success .icon {
        width: 26px;
        height: 26px;
        font-size: 20px
    }

    .feedback .article-feedback-success .feedback-title {
        font-size: 1.6rem;
        line-height: 2.4rem
    }

    .feedback .article-feedback-success .description {
        font-size: 1.6rem;
        line-height: 2.4rem
    }

    .feedback button[type=submit] {
        width: 156px
    }
}

.go-to-top {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background-color: var(--primary-30);
    border: none;
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 26px;
    right: 26px;
    font-size: 20px;
    transform: rotate(-90deg);
    opacity: 1;
    transition: opacity var(--transition), background-color var(--transition)
}

.go-to-top.withAd {
    bottom: 80px
}

.go-to-top._hide {
    opacity: 0;
    pointer-events: none
}

@media screen and (min-width:1050px) {
    .go-to-top.withAd {
        bottom: 130px
    }

    .go-to-top:hover {
        background-color: var(--primary-50)
    }
}

.image-list {
    margin: 48px 0;
    padding: 48px 0;
    background-color: var(--primary-10)
}

.image-list .title {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 16px
}

.image-list .description {
    font-size: 1.4rem;
    line-height: 2rem;
    text-align: center
}

.image-list .image-grid {
    display: flex;
    column-gap: 16px;
    flex-wrap: nowrap;
    overflow-y: auto;
    margin: 48px -16px 0 -16px;
    padding: 16px
}

.image-list .image-grid .image-anchor {
    display: flex;
    align-items: center;
    justify-content: center
}

.image-list .image-grid .image-anchor img {
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (min-width:1050px) {
    .image-list {
        margin: 80px 0;
        padding: 64px 0
    }

    .image-list .title {
        font-size: 1.8rem;
        line-height: 2.6rem
    }

    .image-list .description {
        font-size: 1.6rem;
        line-height: 2.4rem
    }

    .image-list .image-grid {
        gap: auto;
        flex-wrap: nowrap;
        grid-template-columns: repeat(8, 1fr);
        margin: 48px 0 0 0
    }

    .image-list .image-grid .image-anchor {
        transition: filter var(--transition)
    }

    .image-list .image-grid .image-anchor img {
        width: 100%;
        height: unset
    }

    .image-list .image-grid .image-anchor:hover img {
        filter: brightness(1.1)
    }
}

.interactive-content {
    padding: 32px 0;
    background-color: var(--primary-10)
}

.interactive-content .interactive-content-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px
}

.interactive-content .interactive-content-wrapper .widget.calculator {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    height: 532px;
    min-height: 532px;
    max-height: 532px;
    margin: 0;
    overflow: hidden
}

.interactive-content .interactive-content-wrapper .widget.calculator .calculator-outer-wrap {
    box-sizing: border-box;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0;
    background: 0 0;
    border: none;
    box-shadow: none;
    outline: 0;
    overflow-x: hidden;
    overflow-y: auto
}

.interactive-content .interactive-content-wrapper .widget.calculator .calculator-intro .share-title h4 {
    color: var(--Gray-100, #3d3d3d);
    font-family: Rubik, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px
}

.interactive-content .interactive-content-wrapper .widget.calculator .calculator-intro h5 {
    color: var(--Gray-100, #3d3d3d);
    font-family: Rubik, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px
}

.interactive-content .interactive-content-wrapper .widget.calculator .widget-questions {
    --calculator-stack-gap: 0
}

.interactive-content .interactive-content-wrapper .widget.calculator .widget-questions .warning {
    margin-top: var(--calculator-error-slot, 20px)
}

.interactive-content .interactive-content-wrapper .calculator-consent,
.interactive-content .interactive-content-wrapper .calculator-history,
.interactive-content .interactive-content-wrapper .widget,
.interactive-content .interactive-content-wrapper .widget-questions {
    box-shadow: none !important
}

.interactive-content .interactive-content-list {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 24px;
    list-style: none;
    justify-items: stretch
}

.interactive-content .interactive-content-widget {
    background-color: #b8d8f4;
    border-radius: var(--border-radius);
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin-inline: 0;
    min-height: 260px;
    height: 260px;
    position: relative;
    overflow: hidden;
    flex-basis: auto;
    gap: 16px
}

.interactive-content .interactive-content-widget:before {
    content: "";
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(46, 45, 45, 0) 0, rgba(46, 45, 45, .7) 59.85%)
}

.interactive-content .interactive-content-widget .interactive-content-widget-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center
}

.interactive-content .interactive-content-widget .interactive-content-widget-title {
    font-weight: 600;
    font-size: 1.8rem;
    color: var(--white);
    line-height: 2.4rem;
    z-index: 1
}

.interactive-content .interactive-content-widget .interactive-content-widget-button {
    z-index: 2;
    display: inline-flex;
    align-self: flex-start;
    align-items: center;
    padding: 8px 24px;
    justify-content: center;
    background-color: var(--white);
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 2.4rem;
    text-transform: uppercase;
    color: var(--gray-100);
    border-radius: var(--border-radius);
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .1));
    width: 100%
}

.interactive-content .extra-widgets {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid var(--primary-20);
    justify-items: stretch
}

.interactive-content .extra-widgets .interactive-content-widget {
    min-height: 130px;
    height: 130px;
    max-width: 100%;
    width: 100%
}

.interactive-content .see-more {
    margin: auto;
    margin-top: 24px;
    max-width: 162px
}

@media screen and (min-width:576px) {
    .interactive-content .interactive-content-wrapper .interactive-content-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px
    }

    .interactive-content .interactive-content-wrapper .interactive-content-list>.interactive-content-widget {
        min-height: 260px;
        height: 260px;
        max-width: 100%;
        width: 100%
    }

    .interactive-content .extra-widgets {
        gap: 16px
    }

    .interactive-content .extra-widgets .interactive-content-widget {
        min-height: 130px;
        height: 130px;
        max-width: 100%;
        width: 100%
    }
}

@media screen and (min-width:834px) {
    .interactive-content .interactive-content-wrapper .interactive-content-list {
        gap: 24px
    }

    .interactive-content .extra-widgets {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px
    }
}

@media screen and (min-width:1050px) {
    .interactive-content {
        padding: 64px 0
    }

    .interactive-content .interactive-content-wrapper {
        grid-template-columns: 1fr 2fr
    }

    .interactive-content .interactive-content-wrapper:not(.simple)>.widget.calculator {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: 100%;
        height: 572px;
        min-height: 572px;
        max-height: 572px;
        margin-left: 0;
        margin-right: 0;
        overflow: hidden
    }

    .interactive-content .interactive-content-wrapper:not(.simple)>.widget.calculator .calculator-outer-wrap {
        flex: 1 1 auto;
        min-height: 0;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        overflow-x: hidden;
        overflow-y: auto
    }

    .interactive-content .interactive-content-wrapper:not(.simple)>.widget.calculator .calculator-intro .share-title h4 {
        color: var(--Gray-100, #3d3d3d);
        font-family: Rubik, sans-serif;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 32px
    }

    .interactive-content .interactive-content-wrapper:not(.simple)>.widget.calculator .calculator-intro h5 {
        color: var(--Gray-100, #3d3d3d);
        font-family: Rubik, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px
    }

    .interactive-content .interactive-content-wrapper:not(.simple)>.widget.calculator .widget-questions {
        --calculator-stack-gap: 0
    }

    .interactive-content .interactive-content-wrapper:not(.simple) .interactive-content-list>.interactive-content-widget {
        max-width: 100%;
        width: 100%;
        min-height: 274px;
        height: 274px
    }

    .interactive-content .interactive-content-wrapper.simple {
        grid-template-columns: 1fr
    }

    .interactive-content .interactive-content-wrapper.simple .interactive-content-list {
        grid-template-columns: repeat(3, 1fr)
    }

    .interactive-content .interactive-content-wrapper.simple .interactive-content-widget {
        min-height: 400px;
        height: auto
    }

    .interactive-content .interactive-content-wrapper.simple.items-2 .interactive-content-list {
        grid-template-columns: repeat(2, 1fr)
    }

    .interactive-content .interactive-content-wrapper.simple.items-1 .interactive-content-list {
        grid-template-columns: repeat(1, 1fr)
    }

    .interactive-content .interactive-content-wrapper.simple.items-1 .interactive-content-widget {
        align-items: center;
        justify-content: center
    }

    .interactive-content .interactive-content-wrapper.simple.items-1 .interactive-content-widget .interactive-content-widget-title {
        max-width: 440px;
        text-align: center
    }

    .interactive-content .interactive-content-wrapper.simple.items-1 .interactive-content-widget .interactive-content-widget-button {
        align-self: unset
    }

    .interactive-content .interactive-content-wrapper .interactive-content-list {
        grid-template-columns: repeat(2, 1fr)
    }

    .interactive-content .interactive-content-widget .interactive-content-widget-title {
        font-size: 2.4rem;
        line-height: 3.2rem;
        max-width: 258px
    }

    .interactive-content .interactive-content-widget .interactive-content-widget-button {
        transition: background-color var(--transition), color var(--transition)
    }

    .interactive-content .interactive-content-widget:hover .interactive-content-widget-button {
        background-color: var(--primary-70);
        color: var(--white)
    }

    .interactive-content .extra-widgets {
        grid-template-columns: repeat(4, 1fr);
        margin-top: 32px;
        padding-top: 32px
    }

    .interactive-content .extra-widgets .interactive-content-widget {
        max-width: 100%;
        width: 100%;
        min-height: 242px;
        height: 242px
    }
}

.language-selector {
    width: 140px;
    position: relative;
    font-size: 1.4rem;
    line-height: 1.6rem
}

.language-selector .select-selected {
    display: grid;
    padding: 10px 12px;
    grid-template-columns: 16px 1fr 16px;
    width: 100%;
    gap: 8px;
    background: var(--white);
    color: var(--gray-100);
    box-shadow: var(--box-shadow-gray-light);
    border-radius: var(--border-radius);
    text-align: left
}

.language-selector .select-selected .icon-caret-right {
    transition: transform var(--transition);
    transform: rotate(90deg)
}

.language-selector.open .select-selected {
    border-radius: var(--border-radius) var(--border-radius) 0 0
}

.language-selector.open .select-selected .icon-caret-right {
    transform: rotate(-90deg)
}

.language-selector.open .select-items {
    display: flex
}

.language-selector .select-items {
    background: var(--white);
    display: none;
    flex-direction: column;
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    width: 100%;
    z-index: 99;
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius)
}

.language-selector .select-items .select-item {
    padding: 10px 12px;
    width: 100%;
    text-align: left
}

@media screen and (min-width:1050px) {
    .language-selector .select-selected {
        transition: background-color var(--transition), color var(--transition);
        cursor: pointer
    }

    .language-selector .select-selected:hover {
        background: var(--primary-70);
        color: var(--white)
    }

    .language-selector .select-items .select-item {
        transition: background-color var(--transition);
        cursor: pointer
    }

    .language-selector .select-items .select-item:hover {
        background-color: var(--primary-20)
    }
}

.list-article-template {
    padding-bottom: 48px
}

.list-article-template .main-content .breadcrumbs {
    margin: 16px 0 8px
}

.list-article-template .main-content .article-list-medium-content {
    margin: 8px 0 48px
}

.list-article-template .main-content .article-list-medium-content .articles {
    grid-template-columns: unset
}

.list-article-template .main-content #component-pagination {
    margin-bottom: 48px
}

@media screen and (min-width:1050px) {
    .list-article-template {
        padding-bottom: 80px
    }

    .list-article-template .page-grid {
        display: grid;
        grid-template-columns: var(--site-grid);
        gap: 24px
    }

    .list-article-template .main-content .breadcrumbs {
        margin: 32px 0 20px
    }

    .list-article-template .main-content .article-list-medium-content {
        margin: 20px 0 48px 0
    }

    .list-article-template .main-content #component-pagination {
        margin-bottom: 0
    }

    .list-article-template .sidebar {
        padding-top: 134px
    }
}

#newsletter-footer .title {
    font-size: 1.4rem;
    line-height: 2.4rem;
    font-weight: 500;
    text-transform: uppercase
}

#newsletter-footer .wrapper {
    display: flex;
    align-items: center;
    margin: 8px 0
}

#newsletter-footer .wrapper input {
    font-size: 1.4rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: calc(100% - 122px)
}

#newsletter-footer .wrapper button {
    background-color: var(--gray-100);
    color: var(--white);
    border: none;
    height: 46px;
    margin-left: -4px;
    border-radius: 0 4px 4px 0;
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 1.7rem;
    transition: background-color var(--transition);
    width: 122px;
    display: flex;
    align-items: center;
    justify-content: center
}

#newsletter-footer .wrapper button .loader {
    display: none
}

#newsletter-footer .wrapper button.loading {
    cursor: not-allowed;
    pointer-events: none
}

#newsletter-footer .wrapper button.loading span {
    display: none
}

#newsletter-footer .wrapper button.loading:hover {
    background-color: var(--gray-100)
}

#newsletter-footer .wrapper button.loading .loader {
    display: block
}

#newsletter-footer .wrapper button:hover {
    background-color: var(--primary-70)
}

#newsletter-footer .disclaimer {
    color: var(--gray-50);
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6rem
}

#newsletter-footer .newsletter-footer-result {
    display: inline-block;
    background-color: #e5eef4;
    padding: 8px 16px;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2rem;
    border-radius: var(--border-radius);
    margin-top: 8px
}

#newsletter-footer .newsletter-footer-result strong {
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 2.4rem
}

.notification-by-navigation {
    background-color: rgba(255, 255, 255, .8);
    padding: 12px;
    display: grid;
    grid-template-columns: 38px 186px 90px;
    gap: 12px;
    border-radius: 16px;
    box-shadow: var(--box-shadow-gray-default);
    backdrop-filter: blur(15px);
    position: fixed;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    align-items: center;
    justify-content: center;
    width: 344px
}

.notification-by-navigation .notification-close {
    position: absolute;
    left: -5px;
    top: -5px;
    background-color: var(--white);
    height: 18px;
    width: 18px;
    border-radius: 50%;
    outline: 0;
    border: none;
    box-shadow: var(--box-shadow-gray-light);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px
}

.notification-by-navigation .logo-wrapper {
    height: 32px;
    width: 32px;
    border-radius: 50%;
    background-color: var(--primary-60);
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin: 12px 10px 12px 10px
}

.notification-by-navigation .text-wrapper {
    font-size: 14px;
    line-height: 18px;
    width: 190px
}

.notification-by-navigation .button-wrapper .button-cta {
    width: 100%;
    height: 32px;
    background-color: var(--rdor-secondary);
    color: var(--white);
    font-size: 1.2rem;
    font-weight: 600;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    transition: background-color var(--transition)
}

.notification-by-navigation .button-wrapper .button-cta:hover {
    background-color: var(--rdor-secondary-hover)
}

.notification-by-navigation .button-wrapper-pulse {
    position: relative;
    display: inline-block
}

.notification-by-navigation .button-wrapper-pulse .button-cta {
    position: relative;
    width: 82px;
    height: 32px;
    background-color: var(--rdor-secondary);
    color: var(--white);
    font-size: 1.2rem;
    font-weight: 600;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 24px;
    overflow: hidden;
    z-index: 1
}

.notification-by-navigation .button-wrapper-pulse .button-cta:hover {
    background-color: var(--rdor-secondary-hover)
}

.notification-by-navigation .button-wrapper-pulse .button-cta::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 24px;
    box-sizing: border-box;
    border: 3px solid #ffd4a2;
    z-index: 2;
    pointer-events: none;
    opacity: 0;
    animation: pulseBorder 2s ease-in-out infinite
}

@keyframes pulseBorder {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@media screen and (min-width:1050px) {
    .notification-by-navigation {
        right: 50px;
        left: unset;
        transform: unset
    }
}

.social-links .social-links-title {
    text-transform: uppercase;
    text-align: center;
    font-size: 1.2rem;
    line-height: 1.6rem;
    text-transform: uppercase;
    display: block;
    margin-bottom: 16px
}

.social-links ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px
}

.social-links ul li {
    list-style-type: none;
    position: relative;
    z-index: 0;
    color: var(--gray-100);
    transition: color var(--transition);
    font-size: 2rem
}

.social-links ul li:hover {
    color: var(--primary-70)
}

.social-links ul li .icon-youtube {
    transform: scale(1.1)
}

.social-links ul li a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -1000px;
    overflow: hidden
}

.article-share {
    margin: auto;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    gap: 24px;
    padding: 20px 0;
    border-bottom: 1px solid var(--gray-20)
}

.article-share.hide-text .share-info {
    display: none
}

.article-share .share-info {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 2.4rem;
    text-transform: uppercase
}

.article-share ul {
    display: flex;
    flex-direction: row;
    gap: 24px
}

.article-share ul li {
    list-style: none
}

.article-share ul li a,
.article-share ul li button {
    border: none;
    display: flex;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    font-size: 12px
}

.article-share ul li a .icon,
.article-share ul li button .icon {
    color: var(--white)
}

.article-share ul li a.share,
.article-share ul li button.share {
    background-color: var(--white);
    font-size: 20px
}

.article-share ul li a.share .icon,
.article-share ul li button.share .icon {
    color: #7a7a7a
}

.article-share ul li a.blue,
.article-share ul li button.blue {
    background-color: #415bac
}

.article-share ul li a.green,
.article-share ul li button.green {
    background-color: #25d366
}

.article-share ul li a.red,
.article-share ul li button.red {
    background-color: #e60023
}

@media screen and (min-width:1050px) {
    .article-share {
        flex-direction: row;
        justify-content: flex-start;
        margin: 32px 0;
        border: none;
        padding: 0
    }

    .article-share.hide-text {
        justify-content: center
    }

    .article-share ul {
        gap: 24px
    }

    .article-share ul li a,
    .article-share ul li button {
        transition: filter var(--transition);
        cursor: pointer
    }

    .article-share ul li a:hover,
    .article-share ul li button:hover {
        filter: brightness(130%)
    }

    .article-share.fixed {
        margin: 26px 0 0 0;
        padding-bottom: 26px;
        position: sticky;
        top: 149px;
        margin-left: -60px;
        margin-bottom: 0
    }

    .article-share.fixed .share-info {
        display: none
    }

    .article-share.fixed ul {
        flex-direction: column;
        gap: 16px
    }

    .article-share.fixed ul li {
        list-style: none
    }

    .article-share.fixed ul li a,
    .article-share.fixed ul li button {
        height: 32px;
        width: 32px;
        font-size: 18px
    }
}

.testimonials {
    margin: 48px 0;
    overflow: hidden;
    width: 100%
}

.testimonials .testimonials-list {
    width: 100%;
    display: flex
}

.testimonials .testimonials-list .testimonial {
    background-color: var(--primary-10);
    padding: 32px 24px;
    border-radius: var(--border-radius);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 280px
}

.testimonials .testimonials-list .testimonial:first-of-type {
    margin-left: 0
}

.testimonials .testimonials-list .testimonial .testimonial-icon {
    font-size: 30px;
    margin: 0 auto 24px auto;
    color: var(--primary-60)
}

.testimonials .testimonials-list .testimonial .testimonial-text {
    display: flex;
    align-items: center;
    flex: 1
}

.testimonials .testimonials-list .testimonial .testimonial-info {
    padding-top: 24px;
    margin-top: 24px;
    border-top: 1px solid var(--primary-20);
    display: flex;
    flex-direction: column;
    gap: 6px
}

.testimonials .testimonials-list .testimonial .testimonial-info .font-caption {
    color: var(--gray-70)
}

@media screen and (min-width:1050px) {
    .testimonials {
        margin: 80px 0
    }

    .testimonials .testimonials-list .testimonial {
        padding: 40px 32px;
        width: 330px
    }

    .testimonials .testimonials-list .testimonial .testimonial-text {
        font-size: 1.6rem;
        line-height: 2.4rem
    }

    .testimonials .testimonials-list .testimonial .testimonial-info {
        gap: 4px
    }
}

.topic-title {
    color: var(--gray-100);
    position: relative;
    display: flex;
    justify-content: space-between;
    gap: 24px
}

.topic-title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid var(--gray-20)
}

.topic-title__title {
    flex: 1;
    font-weight: 600;
    margin: 0
}

.topic-title__title span {
    font-weight: 400
}

.topic-title__small {
    padding-bottom: 12px;
    margin-bottom: 20px
}

.topic-title__small .topic-title__title {
    font-size: 2rem;
    line-height: 2.6rem
}

.topic-title__medium {
    padding-bottom: 16px;
    margin-bottom: 32px
}

.topic-title__medium .topic-title__title {
    font-size: 1.8rem;
    line-height: 2.4rem
}

.topic-title__big {
    padding-bottom: 16px;
    margin-bottom: 32px
}

.topic-title__big .topic-title__title {
    font-size: 2rem;
    line-height: 2.6rem
}

@media screen and (min-width:1050px) {
    .topic-title__small {
        padding-bottom: 16px;
        margin-bottom: 24px
    }

    .topic-title__small .topic-title__title {
        font-size: 2.2rem;
        line-height: 3.2rem
    }

    .topic-title__medium {
        padding-bottom: 16px;
        margin-bottom: 32px
    }

    .topic-title__medium .topic-title__title {
        font-size: 2.4rem;
        line-height: 3.2rem
    }

    .topic-title__big {
        padding-bottom: 16px;
        margin-bottom: 32px
    }

    .topic-title__big .topic-title__title {
        font-size: 2.6rem;
        line-height: 3.4rem
    }
}

.youtube-videos {
    margin: 48px 0
}

.youtube-videos .youtube-videos-list {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 24px
}

.youtube-videos .youtube-videos-list .youtube-video {
    background-color: var(--primary-10);
    border-radius: var(--border-radius);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    color: var(--gray-100)
}

.youtube-videos .youtube-videos-list .youtube-video .youtube-video-body {
    flex: 1;
    padding: 16px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.youtube-videos .youtube-videos-list .youtube-video .youtube-video-body .youtube-video-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 4px;
    height: 100%
}

.youtube-videos .youtube-videos-list .youtube-video .youtube-video-body .youtube-video-info .youtube-video-title {
    margin: 0;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 2.4rem
}

.youtube-videos .youtube-videos-list .youtube-video .youtube-video-body .youtube-video-info .youtube-video-views {
    font-size: 14px;
    font-weight: 400;
    line-height: 2.4rem
}

.youtube-videos .youtube-videos-list.youtube-aside,
.youtube-videos .youtube-videos-list.youtube-single {
    grid-template-columns: repeat(1, 1fr) !important
}

.youtube-videos .see-more {
    margin: auto;
    margin-top: 24px;
    max-width: 162px
}

.youtube-videos .see-all {
    color: var(--primary-60);
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.4rem;
    text-transform: uppercase;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 12px;
    margin-top: 12px
}

@media screen and (min-width:576px) {
    .youtube-videos .youtube-videos-list {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (min-width:1050px) {
    .youtube-videos {
        margin: 80px 0
    }

    .youtube-videos .youtube-videos-list {
        grid-template-columns: repeat(3, 1fr)
    }

    .youtube-videos .youtube-videos-list:not(.youtube-aside)[data-videos="1"],
    .youtube-videos .youtube-videos-list:not(.youtube-aside)[data-videos="2"] {
        grid-template-columns: repeat(2, 1fr)
    }

    .youtube-videos .youtube-videos-list:not(.youtube-aside)[data-videos="1"] .youtube-video .youtube-video-body .youtube-video-info .youtube-video-title,
    .youtube-videos .youtube-videos-list:not(.youtube-aside)[data-videos="2"] .youtube-video .youtube-video-body .youtube-video-info .youtube-video-title {
        margin: 0;
        font-size: 2.2rem;
        line-height: 3.2rem
    }

    .youtube-videos .youtube-videos-list .youtube-video .youtube-video-body {
        padding: 20px
    }

    .youtube-videos .see-all {
        margin-top: 28px;
        transition: color var(--transition)
    }

    .youtube-videos .see-all:hover {
        color: var(--primary-80)
    }
}

.admin-bar {
    position: fixed;
    bottom: 106px;
    right: -2px;
    background-color: #337ab7;
    z-index: 102;
    padding: 1px;
    padding-right: 0;
    padding-bottom: 0;
    opacity: .6;
    transition: opacity .8s;
    border-radius: 5px;
    border: solid 2px #337ab7
}

.admin-bar:hover {
    opacity: 1;
    color: #999
}

.admin-bar a {
    display: block;
    background-color: #e6e6e6;
    padding: 5px 10px 2px;
    margin-bottom: 1px;
    line-height: 1.5;
    color: #333;
    text-transform: uppercase;
    font-size: 14px;
    transition: background-color var(--transition)
}

.admin-bar a:hover {
    background-color: #fff
}

.admin-bar a.turn-off-panel,
.admin-bar a.turn-on-panel,
.admin-bar a:last-child {
    margin-bottom: 0
}

.button-primary {
    display: flex;
    background-color: var(--primary-60);
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--white);
    text-transform: uppercase;
    height: 46px;
    border-radius: var(--border-radius);
    font-weight: 600;
    font-size: 14px;
    transition: background-color var(--transition), color var(--transition);
    border: none;
    width: 100%;
    box-shadow: var(--box-shadow-gray-light);
    cursor: pointer
}

.button-primary .loader {
    display: none
}

.button-primary *,
.button-primary:visited {
    color: var(--white)
}

.button-primary.loading {
    font-size: 0;
    cursor: not-allowed;
    pointer-events: none;
    gap: 0 !important
}

.button-primary.loading * {
    font-size: 0 !important
}

.button-primary.loading .loader {
    display: block
}

.button-primary:hover:not(.loading):not(:disabled) {
    background-color: var(--primary-90)
}

.button-primary.disabled,
.button-primary:disabled {
    background-color: var(--gray-20) !important;
    color: var(--gray-30) !important;
    cursor: not-allowed
}

.button-primary.disabled *,
.button-primary:disabled * {
    color: var(--gray-30) !important
}

.button-secondary {
    display: flex;
    background-color: var(--rdor-secondary);
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--white);
    text-transform: uppercase;
    height: 46px;
    border-radius: var(--border-radius);
    font-weight: 600;
    font-size: 14px;
    transition: background-color var(--transition), color var(--transition);
    border: none;
    width: 100%;
    box-shadow: var(--box-shadow-gray-light);
    cursor: pointer
}

.button-secondary .loader {
    display: none
}

.button-secondary *,
.button-secondary:visited {
    color: var(--white)
}

.button-secondary.loading {
    font-size: 0;
    cursor: not-allowed;
    pointer-events: none;
    gap: 0 !important
}

.button-secondary.loading * {
    font-size: 0 !important
}

.button-secondary.loading .loader {
    display: block
}

.button-secondary:hover:not(.loading):not(:disabled) {
    background-color: var(--rdor-secondary-hover)
}

.button-secondary.disabled,
.button-secondary:disabled {
    background-color: var(--gray-20) !important;
    color: var(--gray-30) !important;
    cursor: not-allowed
}

.button-secondary.disabled *,
.button-secondary:disabled * {
    color: var(--gray-30) !important
}

.button-tertiary {
    display: flex;
    background-color: var(--white);
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--primary-60);
    text-transform: uppercase;
    height: 46px;
    border-radius: var(--border-radius);
    font-weight: 600;
    font-size: 14px;
    transition: background-color var(--transition), color var(--transition);
    border: 1px solid var(--primary-60);
    width: 100%;
    box-shadow: var(--box-shadow-gray-light);
    cursor: pointer
}

.button-tertiary *,
.button-tertiary:visited {
    color: var(--primary-60)
}

.button-tertiary .loader {
    display: none
}

.button-tertiary.loading {
    font-size: 0;
    cursor: not-allowed;
    pointer-events: none;
    gap: 0 !important
}

.button-tertiary.loading * {
    font-size: 0 !important
}

.button-tertiary.loading .loader {
    display: block
}

.button-tertiary:hover:not(.loading):not(:disabled) {
    background-color: var(--primary-60);
    color: var(--white)
}

.button-tertiary.disabled,
.button-tertiary:disabled {
    background-color: var(--gray-20) !important;
    color: var(--gray-30) !important;
    cursor: not-allowed
}

.button-tertiary.disabled *,
.button-tertiary:disabled * {
    color: var(--gray-30) !important
}

.splide .splide__track {
    margin: 0 -16px;
    padding: 0 16px !important
}

.splide .splide__pagination {
    display: none
}

@media screen and (min-width:1050px) {
    .splide .splide__track {
        margin: 0;
        padding: 0 !important
    }

    .splide .splide__pagination {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 16px;
        margin-top: 24px !important
    }

    .splide .splide__pagination .splide__pagination__page {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: var(--gray-20);
        cursor: pointer;
        transform: background-color var(--transition);
        border: none
    }

    .splide .splide__pagination .splide__pagination__page.is-active,
    .splide .splide__pagination .splide__pagination__page:hover {
        background-color: var(--primary-60)
    }
}

.consent-bar-wrapper {
    background: var(--white);
    border: 1px solid var(--gray-20);
    border-radius: var(--border-radius);
    bottom: 96px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    padding: 24px;
    position: fixed;
    width: 287px;
    z-index: 2;
    max-width: calc(100vw - 32px)
}

.consent-bar-wrapper .close-consent {
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 18px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background-color: transparent;
    transform: rotate(45deg);
    transition: color var(--transition)
}

.consent-bar-wrapper .close-consent .icon {
    transform: rotate(-45deg)
}

.consent-bar-wrapper .close-consent::before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    inset: 0;
    border: 3px solid var(--primary-10);
    border-radius: 50%;
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)
}

.consent-bar-wrapper .close-consent::after {
    content: "";
    box-sizing: border-box;
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 3px solid var(--primary-60);
    clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)
}

.consent-bar-wrapper .close-consent.timer::after {
    clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
    animation: roundedTimerKeyframe 15s linear
}

.consent-bar-wrapper .close-consent:hover {
    color: var(--primary-80)
}

@keyframes roundedTimerKeyframe {
    0% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)
    }

    25% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)
    }

    50% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)
    }

    75% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)
    }

    100% {
        clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)
    }
}

.consent-bar-wrapper .consent-bar-title {
    margin-bottom: 6px
}

.consent-bar-wrapper .consent-bar-description {
    margin-bottom: 16px
}

.consent-bar-wrapper .consent-bar-description a {
    color: var(--primary-60);
    transition: color var(--transition);
    text-decoration: underline
}

.consent-bar-wrapper .consent-bar-description a:hover {
    color: var(--primary-80)
}

@media screen and (min-width:500px) {
    .consent-bar-wrapper {
        left: 16px;
        transform: unset
    }
}

@media screen and (min-width:1050px) {
    .consent-bar-wrapper {
        width: 302px;
        bottom: 130px
    }
}

.embed-responsive-16by9 {
    padding: 0;
    padding-bottom: 56.25%;
    position: relative;
    display: block;
    height: 0;
    overflow: hidden
}

.embed-responsive-16by9[data-loaded=false]:hover .embed-responsive-item {
    opacity: .9
}

.embed-responsive-16by9[data-loaded=false]:hover .play-button {
    background-color: var(--primary-50)
}

.embed-responsive-16by9 .embed-responsive-item {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    border: 0;
    object-fit: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    margin: 0 !important;
    cursor: pointer;
    transition: opacity var(--transition)
}

.embed-responsive-16by9 .play-button {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: var(--primary-60);
    transform: translate(-50%, -50%);
    user-select: none;
    color: var(--white);
    font-size: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    transition: background-color var(--transition);
    box-shadow: var(--box-shadow-gray-light)
}

.embed-responsive-16by9 .play-button .icon {
    margin-left: 3px
}

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

html {
    font-size: 62.5%;
    color: var(--gray-100);
    scroll-behavior: smooth
}

html :target::before {
    content: "";
    display: block;
    height: 62px;
    margin-top: -62px
}

html[data-big-menu="1"] :target::before {
    height: 98px;
    margin-top: -98px
}

html {
    scrollbar-gutter: stable
}

button,
html,
input,
textarea {
    font-family: var(--font-family)
}

body {
    width: 100vw;
    overflow-y: scroll;
    overflow-x: hidden
}

body.blocked {
    overflow: hidden
}

button {
    cursor: pointer
}

b,
strong {
    font-weight: 600
}

details {
    border-bottom: 1px solid var(--gray-20)
}

details summary {
    padding: 24px 0;
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    position: relative;
    cursor: pointer;
    padding-right: 24px;
    overflow: hidden;
    font-size: 1.4rem;
    font-style: normal;
    line-height: 2.4rem
}

details summary::-webkit-details-marker,
details summary::marker {
    display: none
}

details summary::after {
    content: "";
    position: absolute;
    top: 45%;
    right: 10px;
    width: 8px;
    height: 8px;
    border-width: 2px 2px 0 0;
    border-style: solid;
    transition: transform .2s ease;
    display: block;
    transform: rotate(135deg) translateX(-50%)
}

details[open] {
    padding-bottom: 24px
}

details[open] summary::after {
    transform: rotate(-45deg);
    right: 6px;
    top: 47%
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none
}

::-moz-selection {
    background: var(--primary-20)
}

::selection {
    background: var(--primary-20)
}

select.input {
    -webkit-appearance: none;
    background: url("data:image/svg+xml,<svg width='11.2' height='7' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1.25 1.62549L8 8.37549L14.75 1.62549' stroke='%233d3d3d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat;
    background-position: calc(100% - 1rem) center !important;
    padding: 0 24px 0 16px;
    background-color: var(--white)
}

select.input:invalid {
    color: var(--gray-50)
}

select.input option {
    color: var(--gray-100)
}

.container {
    width: 100%;
    max-width: 1072px;
    margin: auto;
    padding: 0 16px
}

.hidden,
.hide {
    display: none !important;
    visibility: hidden !important
}

.h1,
h1 {
    font-weight: 600;
    font-size: 2.4rem;
    line-height: 3.2rem
}

.h2,
h2 {
    font-weight: 600;
    font-size: 2rem;
    line-height: 2.6rem
}

.h3,
h3 {
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 2.4rem
}

.h4,
h4 {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.2rem
}

.h5,
h5 {
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 2rem
}

.p,
p {
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2.4rem
}

.font-caption,
caption,
small {
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.8rem
}

.input {
    height: 46px;
    background-color: var(--white);
    border-radius: var(--border-radius);
    border: 1px solid var(--gray-20);
    padding: 0 16px;
    outline: 0;
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: var(--gray-100)
}

.input::placeholder {
    color: var(--gray-50)
}

.input.border-primary {
    border-color: var(--primary-60)
}

.input.error {
    border-color: var(--error-50) !important;
    color: var(--error-50) !important
}

.input.small {
    height: 40px;
    line-height: 24px
}

.input.open {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: none
}

.input:disabled {
    -webkit-opacity: 1;
    opacity: 1
}

.input:focus {
    border-color: var(--primary-60)
}

[class*=" icon-"],
[class^=icon-] {
    display: flex;
    align-items: center;
    justify-content: center
}

a {
    text-decoration: none;
    color: var(--gray-100)
}

.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: transparent;
    margin-right: 5px
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: var(--gray-30);
    border-radius: 20px;
    margin-right: 5px
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: var(--gray-50)
}

@media screen and (max-width:833px) {

    .desktop-only,
    .hide-mobile {
        display: none !important
    }
}

@media screen and (min-width:834px) {

    .hide-desktop,
    .mobile-only {
        display: none !important
    }
}

@media screen and (min-width:1050px) {
    html {
        scroll-behavior: smooth
    }

    html :target::before {
        content: "";
        display: block;
        height: 92px;
        margin-top: -92px
    }

    html[data-big-menu="1"] :target::before {
        height: 132px;
        margin-top: -132px
    }

    .h1,
    h1 {
        font-weight: 600;
        font-size: 3.6rem;
        line-height: 4.6rem
    }

    .h2,
    h2 {
        font-weight: 600;
        font-size: 2.6rem;
        line-height: 3.4rem
    }

    .h3,
    h3 {
        font-weight: 600;
        font-size: 2.4rem;
        line-height: 3.2rem
    }

    .h4,
    h4 {
        font-weight: 600;
        font-size: 1.8rem;
        line-height: 2.4rem
    }

    .h5,
    h5 {
        font-weight: 600;
        font-size: 1.5rem;
        line-height: 2.4rem
    }

    .p,
    p {
        font-weight: 400;
        font-size: 1.8rem;
        line-height: 2.6rem
    }

    .font-caption,
    caption,
    small {
        font-weight: 400;
        font-size: 1.4rem;
        line-height: 2rem
    }

    details summary {
        font-size: 1.6rem
    }
}

body>font:nth-child(2)>table.xdebug-error,
body>pre:first-child {
    margin-top: 138px
}

@media screen and (min-width:1200px) {
    .header-appointment-background-icons {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        overflow: hidden;
        user-select: none;
        z-index: 1
    }

    .header-appointment-background-icons::before {
        content: "";
        position: absolute;
        bottom: -120px;
        left: -150px;
        width: 217px;
        height: 217px;
        border-radius: 62px;
        border: 8px solid var(--primary-60);
        transform: rotate(80deg)
    }

    .header-appointment-background-icons::after {
        content: "";
        position: absolute;
        top: -220px;
        right: -160px;
        width: 317px;
        height: 317px;
        border-radius: 64px;
        border: 8px solid var(--primary-60);
        transform: rotate(76deg)
    }
}

.loader {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: relative;
    animation: loader-rotate 1s linear infinite
}

.loader::before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 2px solid var(--primary-70);
    animation: loader-clip 2s linear infinite
}

.loader-white::before {
    border: 2px solid var(--white)
}

@keyframes loader-rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes loader-clip {
    0% {
        clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)
    }

    25% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)
    }

    50% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)
    }

    75% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)
    }

    100% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)
    }
}

.rdor-banner {
    width: 100vw;
    height: 80px;
    background: var(--banner-rd);
    z-index: 1;
    transition: height var(--transition)
}

.rdor-banner .container {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%
}

.rdor-banner.hided {
    height: 16px
}

.rdor-banner.hided .rdor-banner-close {
    transform: rotate(-90deg);
    opacity: 1
}

.rdor-banner.hided .rdor-banner-grid {
    opacity: 0
}

.rdor-banner .rdor-banner-close {
    position: absolute;
    top: -16px;
    right: 5px;
    border: none;
    background-color: var(--white);
    color: var(--primary-60);
    height: 26px;
    width: 26px;
    border-radius: 50%;
    font-size: 14px;
    transform: rotate(90deg);
    transition: transform var(--transition);
    z-index: 2;
    filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .05))
}

.rdor-banner .rdor-banner-grid {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 80px;
    opacity: 1;
    transition: opacity .2s
}

.rdor-banner .rdor-banner-grid .rdor-banner-button {
    color: var(--white);
    background-color: var(--rdor-secondary);
    display: block;
    padding: 0 40px;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    border: none;
    height: 46px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--border-radius);
    gap: 10px;
    transition: background-color var(--transition)
}

.rdor-banner .rdor-banner-grid .rdor-banner-button .icon {
    font-size: 24px;
    margin-top: -5px
}

.rdor-banner .rdor-banner-grid .rdor-banner-button:hover {
    background-color: var(--rdor-secondary-hover)
}

.footer-sticky-ad-container.rdor {
    transition: height var(--transition)
}

.footer-sticky-ad-container.rdor.hided {
    height: 16px
}

@media screen and (min-width:1050px) {
    .rdor-banner {
        background: linear-gradient(90deg, #36aedf 7.78%, #004684 95.14%)
    }

    .rdor-banner .rdor-banner-close {
        top: -16px;
        right: -32px
    }
}

.table-responsive {
    overflow: auto;
    margin: 40px 0;
    width: 100%;
    border-radius: var(--border-radius);
    border: 1px solid var(--primary-30)
}

table {
    border-spacing: 0;
    background-color: var(--white);
    border-radius: var(--border-radius);
    min-width: 100%;
    border: none
}

table thead tr:first-of-type th:first-of-type {
    border-radius: 5px 0 0 0
}

table thead tr:first-of-type th:last-of-type {
    border-radius: 0 5px 0 0
}

table tr.bad {
    background-color: #ffeec4
}

table tr.good {
    background-color: #bbefc0
}

table tr.worst {
    background-color: #ffc4c4
}

table tr:first-of-type th {
    background: var(--primary-70);
    color: var(--white);
    border: none;
    vertical-align: top
}

table tr:last-of-type th {
    border: none
}

table tr td {
    vertical-align: top;
    line-height: 2.2rem;
    font-size: 1.4rem;
    padding: 12px 18px;
    border: none
}

table tr td p {
    line-height: 2.2rem;
    font-size: 1.4rem
}

table tr th {
    font-weight: 500;
    line-height: 2.2rem;
    font-size: 1.4rem;
    text-align: left;
    background: var(--primary-20);
    border: none;
    border-bottom: 1px solid var(--white);
    vertical-align: middle;
    padding: 12px 18px
}

table tr th p {
    font-weight: 500;
    line-height: 2.2rem;
    font-size: 1.4rem
}

table.table-striped tr:nth-child(odd) {
    background: var(--primary-10)
}

table p {
    margin: 0 !important
}

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

table a:hover {
    color: var(--primary-80)
}

@media screen and (min-width:1050px) {

    table tr td,
    table tr th {
        line-height: 2.4rem;
        font-size: 1.6rem
    }

    table tr td p,
    table tr th p {
        line-height: 2.4rem;
        font-size: 1.6rem
    }
}

:root {
    --TS-10: #edfaff;
    --TS-20: #c4efff;
    --TS-30: #9ce4ff;
    --TS-40: #74d9ff;
    --TS-50: #4bceff;
    --TS-60: #36b1df;
    --TS-70: #2493bd;
    --TS-80: #15769b;
    --TS-90: #0a5b79;
    --TS-100: #024057;
    --MR-10: #f4fcfa;
    --MR-20: #def5ef;
    --MR-30: #caefe6;
    --MR-40: #b6e9dc;
    --MR-50: #b6e9dc;
    --MR-60: #24bd97;
    --MR-70: #24bd97;
    --MR-80: #149b79;
    --MR-90: #149b79;
    --MR-100: #149b79;
    --error-10: #ffeeee;
    --error-20: #ffc8c8;
    --error-30: #ffa2a2;
    --error-40: #fe7c7c;
    --error-50: #f15252;
    --error-60: #cf3d3d;
    --error-70: #ad2b2b;
    --error-80: #8b1c1c;
    --error-90: #691111;
    --error-100: #470808;
    --gray-10: #f5f5f5;
    --gray-20: #e0e0e0;
    --gray-30: #cccccc;
    --gray-40: #b8b8b8;
    --gray-50: #a3a3a3;
    --gray-60: #8f8f8f;
    --gray-70: #7a7a7a;
    --gray-80: #666666;
    --gray-90: #525252;
    --gray-100: #3d3d3d;
    --find-medic-bg: #f2f6f9;
    --footer-bg: #ebf0f4;
    --white: #ffffff;
    --black: #000000;
    --cards: #f3f6f9;
    --rdor-primary: #004186;
    --rdor-primary-hover: #2493bd;
    --rdor-secondary: #df8d2c;
    --rdor-secondary-hover: #f8a13a;
    --rdor-info-toast: #4a92d1;
    --rdor-orange-20: #ffe2c1;
    --rdor-orange-70: #bd731b;
    --badge-background: #e4f8ff;
    --site-grid: 1fr 330px;
    --banner-rd: linear-gradient(90deg, #0e5aab 0%, #004186 100%);
    --banner-rd-vertical: linear-gradient(180deg, #0e5aab 0%, #004186 100%);
    --transition: 0.3s ease 0s;
    --border-radius: 4px;
    --font-family: Rubik, Helvetica, Arial, sans-serif;
    --box-shadow-gray-default: 0px 4px 15px 0px rgba(0, 0, 0, 0.1);
    --box-shadow-gray-light: 0px 2px 2px 0px rgba(0, 0, 0, 0.05);
    --box-shadow-blue-default: 0px 0px 4px 0px rgba(75, 206, 255, 0.2), 0px 4px 8px 0px rgba(75, 206, 255, 0.2);
    --box-shadow-blue-light: 0px 2px 2px 0px rgba(209, 235, 244, 0.8);
    --primary-10: var(--TS-10);
    --primary-20: var(--TS-20);
    --primary-30: var(--TS-30);
    --primary-40: var(--TS-40);
    --primary-50: var(--TS-50);
    --primary-60: var(--TS-60);
    --primary-70: var(--TS-70);
    --primary-80: var(--TS-80);
    --primary-90: var(--TS-90);
    --primary-100: var(--TS-100)
}

[data-doctor-answer="1"] {
    --primary-10: var(--MR-10);
    --primary-20: var(--MR-20);
    --primary-30: var(--MR-30);
    --primary-40: var(--MR-40);
    --primary-50: var(--MR-50);
    --primary-60: var(--MR-60);
    --primary-70: var(--MR-70);
    --primary-80: var(--MR-80);
    --primary-90: var(--MR-90);
    --primary-100: var(--MR-100);
    --badge-background: #def5ef
}

.find-medic-result-main {
    padding: 16px 0 0 0;
    background-color: var(--find-medic-bg)
}

.find-medic-result-main .subtitle {
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 2.6rem
}

.find-medic-result-main .total-doctors {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.8rem;
    color: var(--gray-70);
    margin-top: 6px;
    margin-bottom: 16px
}

.find-medic-result-main .nothing-found-container {
    margin: 42px 0 80px
}

.find-medic-result-main .nothing-found-container h3 {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 28px
}

.find-medic-result-main .nothing-found-container h3 span {
    color: var(--error-50);
    font-size: 24px
}

.find-medic-result-main .nothing-found-container p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px
}

.find-medic-result-main .doctor-section:target::before {
    content: "";
    display: block;
    height: 24px;
    margin-top: -24px
}

.find-medic-result-main .breadcrumb-container {
    padding: 16px 0;
    margin-top: 48px;
    border-top: 1px solid var(--gray-20)
}

@media screen and (min-width:1050px) {
    .find-medic-result-main {
        padding: 24px 0 0 0
    }

    .find-medic-result-main .subtitle {
        font-size: 2.2rem;
        line-height: 2.8rem
    }

    .find-medic-result-main .total-doctors {
        font-size: 1.4rem;
        line-height: 2.4rem;
        margin-top: 8px;
        margin-bottom: 16px
    }

    .find-medic-result-main .breadcrumb-container {
        padding: 24px 0;
        margin-top: 80px
    }
}

.hospital-page {
    background-color: var(--find-medic-bg)
}

.hospital-page .hospital-main-content {
    padding: 0
}

.hospital-page .breadcrumb-container {
    padding: 16px 0;
    margin-top: 48px;
    border-top: 1px solid var(--gray-20)
}

@media screen and (min-width:1050px) {
    .hospital-page .hospital-page-grid {
        display: grid;
        grid-template-columns: 1fr 331px;
        gap: 24px
    }

    .hospital-page .hospital-page-grid .hospital-aside {
        z-index: unset;
        margin-top: 104px
    }

    .hospital-page .breadcrumb-container {
        padding: 24px 0;
        margin-top: 80px
    }
}

.hospital-list-page {
    background-color: var(--find-medic-bg)
}

.hospital-list-page .list-results {
    margin: 16px 0;
    color: var(--gray-70);
    font-size: 1.2rem;
    line-height: 1.6rem
}

.hospital-list-page .list-results .amount {
    font-weight: 500
}

.hospital-list-page .hospital-list {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.hospital-list-page .error-container {
    margin-bottom: 300px;
    margin-top: 16px;
    padding: 16px;
    font-size: 14px;
    line-height: 24px;
    background-color: var(--white);
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow-gray-light)
}

.hospital-list-page .error-container .error-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 16px
}

.hospital-list-page .error-container .error-wrapper .icon {
    font-size: 24px;
    display: block;
    margin-right: 8px;
    color: var(--error-50)
}

.hospital-list-page .error-container button {
    font-size: 14px;
    line-height: 24px;
    border: none;
    background-color: transparent;
    color: var(--primary-60);
    text-decoration: underline
}

.hospital-list-page .breadcrumb-container {
    padding: 16px 0;
    margin-top: 48px;
    border-top: 1px solid var(--gray-20)
}

@media screen and (min-width:1050px) {
    .hospital-list-page .list-results {
        margin: 24px 0;
        font-size: 1.4rem;
        line-height: 2.4rem
    }

    .hospital-list-page .error-container {
        margin-bottom: 380px;
        padding: 32px;
        margin-top: 32px;
        font-size: 16px;
        line-height: 24px
    }

    .hospital-list-page .error-container button {
        font-size: 16px;
        transition: color var(--transition)
    }

    .hospital-list-page .error-container button:hover {
        color: var(--primary-80)
    }

    .hospital-list-page .breadcrumb-container {
        padding: 24px 0;
        margin-top: 80px
    }
}

.find-doctor-landing-page .breadcrumb-container {
    padding: 16px 0;
    margin-top: 48px;
    border-top: 1px solid var(--gray-20)
}

@media screen and (min-width:1050px) {
    .find-doctor-landing-page .breadcrumb-container {
        padding: 24px 0;
        margin-top: 80px
    }
}

.doctor-page {
    background-color: var(--find-medic-bg)
}

.doctor-page main {
    padding: 0
}

.doctor-page .breadcrumb-container {
    padding: 16px 0;
    margin-top: 48px;
    border-top: 1px solid var(--gray-20)
}

@media screen and (min-width:1050px) {
    .doctor-page .breadcrumb-container {
        padding: 24px 0;
        margin-top: 80px
    }
}

.specialties-list-page {
    background-color: var(--find-medic-bg)
}

.specialties-list-page .breadcrumb-container {
    padding: 16px 0;
    margin-top: 48px;
    border-top: 1px solid var(--gray-20)
}

@media screen and (min-width:1050px) {
    .specialties-list-page .breadcrumb-container {
        padding: 24px 0;
        margin-top: 80px
    }
}

.specialty-page {
    background-color: var(--find-medic-bg)
}

.specialty-page .specialty-intro {
    background-color: var(--white);
    margin: 24px -16px;
    padding: 20px 16px;
    box-shadow: var(--box-shadow-gray-light)
}

.specialty-page .specialty-intro .specialty-title {
    margin: 24px 0 16px 0
}

.specialty-page .specialty-intro .specialty-description {
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.4rem
}

.specialty-page .specialty-see-all {
    color: var(--primary-60);
    font-size: 1.6rem;
    line-height: 2.4rem;
    text-decoration-line: underline;
    display: inline-block;
    margin-top: 24px
}

.specialty-page .breadcrumb-container {
    padding: 16px 0;
    margin-top: 48px;
    border-top: 1px solid var(--gray-20)
}

@media screen and (min-width:576px) {
    .specialty-page .specialty-intro {
        border-radius: var(--border-radius);
        margin: 24px 0
    }
}

@media screen and (min-width:1050px) {
    .specialty-page .specialty-intro {
        padding: 32px;
        margin: 40px 0
    }

    .specialty-page .specialty-intro .specialty-title {
        margin: 0 0 24px 0
    }

    .specialty-page .specialty-intro .specialty-see-all {
        font-size: 1.6rem;
        line-height: 2.4rem;
        margin-top: 24px;
        transition: color var(--transition)
    }

    .specialty-page .specialty-intro .specialty-see-all:hover {
        color: var(--primary-80)
    }

    .specialty-page .breadcrumb-container {
        padding: 24px 0;
        margin-top: 80px
    }
}

.author-page .header {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: linear-gradient(to bottom, var(--primary-10) 0, var(--primary-10) 118px, var(--white) 118px, var(--white) 100%)
}

.author-page .header .breadcrumbs {
    margin: 16px auto 24px auto;
    width: unset
}

.author-page .header .author-photo {
    border-radius: 50%;
    height: 120px;
    width: 120px
}

.author-page .header .author-name {
    color: var(--primary-60);
    margin: 4px auto 0 auto
}

.author-page .header .author-specialty {
    margin-top: 4px;
    font-size: 1.6rem
}

.author-page .header .author-license-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 4px;
    font-size: 1.2rem;
    line-height: 1.6rem;
    color: var(--gray-70)
}

.author-page .header .author-license-wrapper .author-license {
    text-transform: uppercase
}

.author-page .header .author-license-wrapper .author-location {
    margin-left: 10px;
    padding-left: 10px;
    position: relative
}

.author-page .header .author-license-wrapper .author-location::after {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: var(--primary-70);
    position: absolute;
    left: -2px;
    top: 50%;
    transform: translateY(-50%)
}

.author-page .header .author-rdor-wrapper {
    margin: 16px auto 0 auto;
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
    padding: 0 16px
}

.author-page .header .author-rdor-wrapper .author-partnership {
    display: flex;
    align-items: flex-end;
    font-size: 1.1rem;
    line-height: 1.5rem;
    gap: 4px
}

.author-page .header .author-rdor-wrapper .author-partnership .icon-logo-rdor {
    font-size: 5.6rem;
    margin-bottom: .3rem;
    color: var(--rdor-primary)
}

.author-page .header .author-rdor-wrapper .button-cta {
    width: 100%;
    padding: 0 32px
}

.author-page .header .author-rdor-wrapper .button-cta .icon {
    font-size: 18px
}

.author-page .header .author-rdor-wrapper .button-cta:disabled * {
    color: #fff !important
}

.author-page .header .no-scheduling-wrapper {
    margin-top: 8px;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    color: var(--gray-80);
    font-size: 1.2rem;
    text-align: center;
    padding: 0 16px
}

.author-page .header .no-scheduling-wrapper .find-by-specialty {
    color: var(--rdor-secondary);
    text-decoration: underline
}

.author-page .main-content {
    margin-bottom: 48px
}

.author-page .main-content hr {
    border: none;
    height: 1px;
    background-color: var(--gray-20);
    margin: 32px 0
}

.author-page .main-content p {
    margin-bottom: 24px
}

.author-page .main-content a {
    text-decoration: underline;
    color: var(--primary-60)
}

.author-page .main-content ol,
.author-page .main-content ul {
    list-style: none;
    margin: 24px 0
}

.author-page .main-content ol li,
.author-page .main-content ul li {
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2.4rem;
    position: relative;
    margin: 10px 0;
    display: block
}

.author-page .main-content ol {
    counter-reset: counter
}

.author-page .main-content ol li {
    counter-increment: counter;
    padding-left: 28px
}

.author-page .main-content ol li::before {
    content: counter(counter) ". ";
    color: var(--primary-60);
    font-weight: 700;
    position: absolute;
    left: 0
}

.author-page .main-content ul li {
    padding-left: 16px;
    overflow-wrap: break-word
}

.author-page .main-content ul li::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--primary-60);
    left: 0;
    top: 1.2rem;
    transform: translateY(-50%)
}

@media screen and (min-width:1050px) {
    .author-page .header {
        background: linear-gradient(to bottom, var(--primary-10) 0, var(--primary-10) 154px, var(--white) 154px, var(--white) 100%)
    }

    .author-page .header .breadcrumbs {
        margin: 32px auto 24px auto
    }

    .author-page .header .author-photo {
        height: 140px;
        width: 140px
    }

    .author-page .header .author-name {
        color: var(--primary-60);
        margin: 6px auto 0 auto
    }

    .author-page .header .author-specialty {
        margin-top: 6px;
        font-size: 1.8rem
    }

    .author-page .header .author-license-wrapper {
        margin-top: 6px;
        font-size: 1.4rem;
        line-height: 2rem
    }

    .author-page .header .author-rdor-wrapper {
        width: unset;
        min-width: 300px
    }

    .author-page .header .no-scheduling-wrapper .find-by-specialty {
        color: var(--rdor-secondary);
        transition: color var(--transition)
    }

    .author-page .header .no-scheduling-wrapper .find-by-specialty:hover {
        color: var(--rdor-secondary-hover)
    }

    .author-page .main-content {
        margin: auto;
        margin-bottom: 80px;
        max-width: 686px
    }

    .author-page .main-content ol,
    .author-page .main-content ul {
        margin: 24px 0
    }

    .author-page .main-content ol li,
    .author-page .main-content ul li {
        margin: 16px 0;
        font-size: 1.8rem;
        line-height: 2.6rem
    }
}

.list-article-template {
    padding-bottom: 48px
}

.list-article-template .main-content .breadcrumbs {
    margin: 16px 0 8px
}

.list-article-template .main-content .article-list-large {
    margin: 8px 0 48px
}

.list-article-template .main-content #component-pagination {
    margin-bottom: 48px
}

@media screen and (min-width:1050px) {
    .list-article-template {
        padding-bottom: 80px
    }

    .list-article-template .page-grid {
        display: grid;
        grid-template-columns: var(--site-grid);
        gap: 24px
    }

    .list-article-template .main-content .breadcrumbs {
        margin: 32px 0 20px
    }

    .list-article-template .main-content .article-list-large {
        margin: 20px 0 48px 0
    }

    .list-article-template .main-content #component-pagination {
        margin-bottom: 0
    }

    .list-article-template .sidebar {
        padding-top: 146px
    }
}

.article-page .article-breadcrumbs {
    margin: 8px 0
}

.article-page .social-share-article-start {
    display: none
}

.article-page .youtube-videos {
    margin: 32px 0
}

.article-page .youtube-videos .topic-title {
    margin-bottom: unset
}

.article-page .youtube-videos .topic-title::after {
    content: unset
}

.article-page .rdor-find-doctor,
.article-page .rdor-find-doctor-simple {
    margin: 24px 0
}

.article-page .more-articles {
    background-color: var(--cards);
    margin: 48px 0;
    padding: 40px 0
}

.article-page .more-articles .article-list-small-content {
    margin: 0
}

.article-page .find-medic-article-wrapper {
    margin: 32px 0
}

.article-page .rdor-footer-banner-container {
    margin-top: 24px
}

.article-page .rdor-footer-banner-container .rdor-find-doctor-banner {
    margin-bottom: 0
}

.article-page .rdor-footer-mgid-container {
    margin-top: 80px;
    gap: 24px;
    border-radius: 4px
}

.article-page .rdor-footer-arena-container {
    margin-top: 48px;
    gap: 24px;
    border-radius: 4px
}

.article-page .article-footer-banner {
    margin: 40px 0
}

.article-page .first-paragraph-banner {
    min-height: 280px;
    position: relative;
    overflow: hidden
}

.article-page .first-paragraph-banner.hide {
    display: block !important;
    visibility: hidden;
    opacity: 0
}

.article-page .first-paragraph-banner__image img {
    aspect-ratio: 508/360;
    width: 100%;
    height: auto;
    display: block
}

@media screen and (min-width:1050px) {
    .article-page .article-breadcrumbs {
        margin: 16px 0 0 0
    }

    .article-page .social-share-article-start {
        display: inline-block
    }

    .article-page .article-page-grid {
        display: grid;
        grid-template-columns: var(--site-grid);
        gap: 24px;
        margin-top: -164px
    }

    .article-page .youtube-videos {
        margin: 0
    }

    .article-page .youtube-videos .topic-title {
        margin-bottom: unset
    }

    .article-page .youtube-videos .topic-title::after {
        content: unset
    }

    .article-page .more-articles {
        margin: 80px 0;
        padding: 80px 0
    }

    .article-page .find-medic-article-wrapper {
        margin: 40px 0
    }

    .article-page .article-footer-banner {
        margin: 80px 0
    }

    .article-page .rdor-footer-mgdi-container {
        margin-top: 80px;
        gap: 32px;
        border-radius: 4px
    }

    .article-page .rdor-footer-arena-container {
        margin-top: 80px;
        gap: 32px;
        border-radius: 4px
    }
}

@media (max-width:1049px) {
    .first-paragraph-banner {
        min-height: 200px
    }
}

.branded-content-page .article-breadcrumbs {
    margin: 8px 0
}

.branded-content-page .social-share-article-start {
    display: none
}

.branded-content-page .branded-content-page-grid {
    margin-bottom: 32px
}

.branded-content-page .branded-content-page-grid main {
    margin-bottom: 32px
}

.branded-content-page .rdor-footer-banner-container {
    margin-top: 24px
}

.branded-content-page .rdor-footer-banner-container .rdor-find-doctor-banner {
    margin-bottom: 0
}

.branded-content-page .more-articles {
    background-color: var(--cards);
    margin: 48px 0;
    padding: 40px 0
}

.branded-content-page .more-articles .article-list-small-content {
    margin: 0
}

.branded-content-page .article-footer-banner {
    margin: 48px 0
}

@media screen and (min-width:1050px) {
    .branded-content-page .article-breadcrumbs {
        margin: 16px 0 0 0
    }

    .branded-content-page .social-share-article-start {
        display: inline-block
    }

    .branded-content-page .branded-content-page-grid {
        display: grid;
        grid-template-columns: var(--site-grid);
        gap: 24px;
        margin-top: -164px
    }

    .branded-content-page .branded-content-page-grid main {
        margin: 0
    }

    .branded-content-page .more-articles {
        margin: 80px 0;
        padding: 80px 0
    }

    .branded-content-page .article-footer-banner {
        margin: 80px 0
    }
}

.doctor-answer-article-page .breadcrumbs-wrapper {
    margin: 8px 0
}

.doctor-answer-article-page .social-share-article-start {
    display: none
}

.doctor-answer-article-page .rdor-banner-container {
    margin-top: 24px
}

.doctor-answer-article-page .rdor-footer-mgid-container {
    margin-top: 80px;
    gap: 24px;
    border-radius: 4px
}

.doctor-answer-article-page .rdor-footer-arena-container {
    margin-top: 48px;
    gap: 24px;
    border-radius: 4px
}

@media screen and (min-width:1050px) {
    .doctor-answer-article-page .breadcrumbs-wrapper {
        margin: 16px 0 0 0
    }

    .doctor-answer-article-page .social-share-article-start {
        display: inline-block
    }

    .doctor-answer-article-page .page-grid {
        display: grid;
        grid-template-columns: 1fr 330px;
        gap: 24px;
        margin-top: -164px
    }

    .doctor-answer-article-page .rdor-banner-container {
        margin-top: 32px;
        margin-bottom: 32px
    }

    .doctor-answer-article-page .divider {
        margin: 32px 0
    }

    .doctor-answer-article-page aside {
        display: flex;
        flex-direction: column;
        gap: 40px
    }

    .doctor-answer-article-page .rdor-footer-mgdi-container {
        margin-top: 80px;
        gap: 32px;
        border-radius: 4px
    }

    .doctor-answer-article-page .rdor-footer-arena-container {
        margin-top: 80px;
        gap: 32px;
        border-radius: 4px
    }
}

.doctor-answer-home-page .header {
    background: var(--primary-10);
    padding: 16px 0
}

.doctor-answer-home-page .header .page-grid h1 {
    margin-top: 8px;
    margin-bottom: 8px
}

.doctor-answer-home-page .header .page-grid .description {
    margin-top: 8px;
    margin-bottom: 16px;
    font-size: 1.6rem;
    line-height: 2.4rem
}

.doctor-answer-home-page .header .page-grid .right-grid {
    display: none
}

@media screen and (min-width:1050px) {
    .doctor-answer-home-page .header {
        padding: 32px 0
    }

    .doctor-answer-home-page .header .page-grid {
        display: grid;
        grid-template-columns: 1fr 360px;
        column-gap: 80px
    }

    .doctor-answer-home-page .header .page-grid h1 {
        margin-top: 24px;
        margin-bottom: 8px
    }

    .doctor-answer-home-page .header .page-grid .description {
        margin-top: 8px;
        margin-bottom: 24px;
        font-size: 1.8rem;
        line-height: 2.6rem
    }

    .doctor-answer-home-page .header .page-grid .right-grid {
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.error-page .header {
    background-color: var(--primary-10);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    padding: 32px 0
}

.error-page .header .header-icon {
    color: var(--error-40);
    font-size: 48px;
    margin: auto;
    display: inline-flex
}

.error-page .header .title {
    margin: 8px auto
}

.error-page .header .description {
    margin: 8px auto 32px auto
}

.error-page .header .input-search-container {
    flex: 1;
    margin: 6px 0 32px 0
}

.error-page .header .homepage-link {
    display: block;
    margin-top: 32px;
    text-decoration: underline;
    font-size: 1.4rem;
    line-height: 2.4rem
}

.error-page .topic-title h1,
.error-page .topic-title h2,
.error-page .topic-title h3 {
    font-size: 1.8rem;
    line-height: 2.4rem
}

@media screen and (min-width:1050px) {
    .error-page .header {
        padding: 48px 0
    }

    .error-page .header .description {
        margin: 8px auto 48px auto
    }

    .error-page .header .input-search-container {
        margin: 8px auto 48px auto
    }

    .error-page .header .homepage-link {
        margin: 48px 0 0 0;
        font-size: 1.8rem;
        line-height: 2.4rem;
        transition: color var(--transition)
    }

    .error-page .header .homepage-link:hover {
        color: var(--primary-60)
    }

    .error-page .topic-title h1,
    .error-page .topic-title h2,
    .error-page .topic-title h3 {
        font-size: 2.4rem;
        line-height: 3.2rem
    }
}

.error-find-medic-page .not-found-header {
    background: var(--banner-rd);
    padding: 32px 0
}

.error-find-medic-page .not-found-header .header-text-container {
    color: var(--white);
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.error-find-medic-page .not-found-header .header-text-container .icon {
    font-size: 48px;
    display: inline-flex;
    margin: auto
}

.error-find-medic-page .not-found-header .header-text-container .description {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 300
}

.error-find-medic-page .not-found-header hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, transparent, #fff, transparent);
    margin: 24px 0
}

.error-find-medic-page .not-found-header .form-label {
    color: var(--white);
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin: 24px 0 16px 0
}

.error-find-medic-page .not-found-header .go-home-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 24px
}

.error-find-medic-page .not-found-header .go-home-wrapper .go-home-button {
    color: var(--white);
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.4rem;
    text-decoration-line: underline
}

@media screen and (min-width:1050px) {
    .error-find-medic-page .not-found-header {
        padding: 48px 0
    }

    .error-find-medic-page .not-found-header .header-text-container .description {
        font-size: 1.8rem;
        line-height: 2.6rem
    }

    .error-find-medic-page .not-found-header hr {
        margin: 40px 0
    }

    .error-find-medic-page .not-found-header .form-label {
        font-size: 1.8rem;
        line-height: 2.6rem;
        margin: 40px 0 20px 0
    }

    .error-find-medic-page .not-found-header .go-home-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 40px
    }

    .error-find-medic-page .not-found-header .go-home-wrapper .go-home-button {
        color: var(--white);
        text-align: center;
        font-size: 1.4rem;
        line-height: 2.4rem;
        text-decoration-line: underline
    }
}

.default-content-page {
    padding-bottom: 48px
}

.default-content-page .breadcrumbs {
    margin: 16px 0 10px
}

.default-content-page .content-body details:nth-of-type(1) {
    margin-top: 32px
}

.default-content-page .content-body details summary {
    font-weight: 600;
    font-size: 18px;
    line-height: 26px
}

.default-content-page .content-body details summary+* {
    margin-top: 8px
}

.default-content-page .content-body blockquote {
    color: var(--primary-60);
    text-align: center;
    font-style: italic;
    font-size: 2.4rem;
    line-height: 3.2rem;
    font-weight: 600;
    margin: 40px
}

.default-content-page .content-body blockquote p {
    color: var(--primary-60);
    text-align: center;
    font-style: italic;
    font-size: 2.4rem;
    line-height: 3.2rem;
    font-weight: 600
}

.default-content-page .content-body p {
    margin-bottom: 24px
}

.default-content-page .content-body h1 {
    margin: 10px 0 8px 0
}

.default-content-page .content-body h2,
.default-content-page .content-body h3,
.default-content-page .content-body h4 {
    margin: 32px 0 16px 0
}

.default-content-page .content-body a {
    text-decoration: underline;
    color: var(--primary-60)
}

.default-content-page .content-body hr {
    border: none;
    height: 1px;
    background-color: var(--gray-20);
    margin: 32px 0
}

.default-content-page .content-body ol,
.default-content-page .content-body ul {
    list-style: none;
    margin: 24px 0
}

.default-content-page .content-body ol li,
.default-content-page .content-body ul li {
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2.4rem;
    position: relative;
    margin: 10px 0;
    display: block
}

.default-content-page .content-body ol {
    counter-reset: counter
}

.default-content-page .content-body ol li {
    counter-increment: counter;
    padding-left: 28px
}

.default-content-page .content-body ol li::before {
    content: counter(counter) ". ";
    color: var(--primary-60);
    font-weight: 700;
    position: absolute;
    left: 0
}

.default-content-page .content-body ul li {
    padding-left: 16px
}

.default-content-page .content-body ul li::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--primary-60);
    left: 0;
    top: 1.2rem;
    transform: translateY(-50%)
}

.default-content-page .authors-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    list-style: none;
    flex-direction: column;
    gap: 16px;
    row-gap: 24px
}

.default-content-page .authors-list img {
    height: 120px;
    width: 120px;
    border-radius: 50%;
    display: block;
    margin: auto
}

.default-content-page .authors-list .info {
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center
}

.default-content-page .authors-list .info .name {
    margin: 10px 0 4px 0;
    color: var(--primary-60);
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 2rem
}

.default-content-page .authors-list .info .specialty {
    margin: 4px 0 10px 0;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 2rem
}

.default-content-page .authors-list .info .description {
    font-size: 1.2rem;
    line-height: 1.6rem;
    color: var(--gray-70)
}

@media screen and (min-width:576px) {
    .default-content-page .authors-list {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media screen and (min-width:834px) {
    .default-content-page .authors-list {
        grid-template-columns: repeat(4, 1fr)
    }

    .default-content-page .authors-list img {
        height: 120px;
        width: 120px
    }
}

@media screen and (min-width:1050px) {
    .default-content-page {
        padding-bottom: 80px
    }

    .default-content-page .breadcrumbs {
        margin: 32px 0 24px
    }

    .default-content-page .content-body details:nth-of-type(1) {
        margin-top: 40px
    }

    .default-content-page .content-body blockquote {
        font-size: 3.6rem;
        line-height: 4.6rem;
        margin: 56px
    }

    .default-content-page .content-body blockquote p {
        font-size: 3.6rem;
        line-height: 4.6rem
    }

    .default-content-page .content-body p {
        margin-bottom: 24px
    }

    .default-content-page .content-body a {
        transition: color var(--transition)
    }

    .default-content-page .content-body a:hover {
        color: var(--primary-80)
    }

    .default-content-page .content-body .article-youtube-video {
        max-width: 685px;
        margin: 24 auto
    }

    .default-content-page .content-body .info {
        display: block;
        color: var(--gray-70);
        font-size: 1.4rem;
        line-height: 2.4rem
    }

    .default-content-page .content-body h1 {
        margin: 24px 0 16px 0
    }

    .default-content-page .content-body h2,
    .default-content-page .content-body h3,
    .default-content-page .content-body h4 {
        margin: 40px 0 24px 0
    }

    .default-content-page .content-body ol,
    .default-content-page .content-body ul {
        margin: 24px 0
    }

    .default-content-page .content-body ol li,
    .default-content-page .content-body ul li {
        margin: 16px 0;
        font-size: 1.8rem;
        line-height: 2.6rem
    }

    .default-content-page .authors-list {
        grid-template-columns: repeat(4, 1fr);
        gap: 24px;
        row-gap: 40px;
        margin-top: 40px
    }

    .default-content-page .authors-list li:hover img {
        filter: brightness(1.1);
        border-color: var(--primary-80)
    }

    .default-content-page .authors-list li:hover .info .name {
        color: var(--primary-80)
    }

    .default-content-page .authors-list img {
        height: 140px;
        width: 140px;
        transition: filter var(--transition), border-color var(--transition);
        border: 3px solid transparent
    }

    .default-content-page .authors-list .info .name {
        margin: 10px 0 4px 0;
        font-size: 1.8rem;
        line-height: 2.4rem;
        transition: color var(--transition)
    }

    .default-content-page .authors-list .info .specialty {
        margin: 4px 0 10px 0;
        font-size: 1.6rem;
        line-height: 2rem
    }

    .default-content-page .authors-list .info .description {
        font-size: 1.4rem;
        line-height: 2rem
    }
}

.catalogue-theme-page {
    position: relative;
    padding: 32px 0 0 0
}

.catalogue-theme-page .sub-themes-list-wrapper {
    margin: 16px auto 8px auto;
    overflow-x: auto;
    white-space: nowrap
}

.catalogue-theme-page .sub-themes-list-wrapper .sub-themes-list {
    display: flex;
    gap: 16px;
    flex-direction: row;
    padding: 0 16px 8px 16px;
    margin: auto
}

.catalogue-theme-page .sub-themes-list-wrapper .sub-themes-list li {
    padding-left: 12px;
    position: relative;
    list-style: none
}

.catalogue-theme-page .sub-themes-list-wrapper .sub-themes-list li:last-of-type {
    padding-right: 16px
}

.catalogue-theme-page .sub-themes-list-wrapper .sub-themes-list li a {
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: var(--gray-100);
    text-decoration: underline
}

.catalogue-theme-page .sub-themes-list-wrapper .sub-themes-list li::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--primary-60);
    left: 0;
    top: 1.2rem;
    transform: translateY(-50%)
}

.catalogue-theme-page .article-list-extra-large-content {
    margin-top: 24px
}

@media screen and (min-width:1050px) {
    .catalogue-theme-page {
        padding: 96px 0 0 0
    }

    .catalogue-theme-page .sub-themes-list-wrapper {
        margin: 24px auto 40px auto
    }

    .catalogue-theme-page .sub-themes-list-wrapper .sub-themes-list {
        gap: 24px;
        flex-direction: row;
        max-width: 700px;
        align-items: center;
        justify-content: center
    }

    .catalogue-theme-page .sub-themes-list-wrapper .sub-themes-list li {
        padding-left: 14px
    }

    .catalogue-theme-page .sub-themes-list-wrapper .sub-themes-list li a {
        font-size: 1.8rem;
        line-height: 2.4rem;
        transition: color var(--transition)
    }

    .catalogue-theme-page .sub-themes-list-wrapper .sub-themes-list li a:hover {
        color: var(--primary-60)
    }

    .catalogue-theme-page .article-list-extra-large {
        margin-top: 32px
    }

    .catalogue-theme-page .article-list-extra-large-content {
        margin-top: 40px
    }

    .catalogue-theme-page .rdor-find-doctor {
        align-items: center;
        grid-template-columns: 2fr 1.5fr
    }

    .catalogue-theme-page .rdor-find-doctor br {
        display: none
    }
}

.gestational-week-theme-page {
    position: relative;
    padding-top: 32px
}

@media screen and (min-width:1050px) {
    .gestational-week-theme-page {
        padding: 96px 0 0 0
    }
}

.index-theme-page {
    position: relative;
    padding-top: 32px
}

.index-theme-page .list-themes-by-letter {
    display: flex;
    flex-direction: column;
    margin: 24px 0;
    gap: 40px
}

.index-theme-page .list-themes-by-letter .list-wrapper .themes-list {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.index-theme-page .list-themes-by-letter .list-wrapper .themes-list li {
    font-size: 1.6rem;
    line-height: 2.4rem;
    padding-left: 16px;
    position: relative;
    list-style: none
}

.index-theme-page .list-themes-by-letter .list-wrapper .themes-list li a {
    text-decoration: underline
}

.index-theme-page .list-themes-by-letter .list-wrapper .themes-list li::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--primary-60);
    left: 0;
    top: 1.2rem;
    transform: translateY(-50%)
}

@media screen and (min-width:1050px) {
    .index-theme-page {
        padding-top: 96px
    }

    .index-theme-page .list-themes-by-letter {
        margin: 56px 0;
        gap: 48px
    }

    .index-theme-page .list-themes-by-letter .list-wrapper .themes-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr)
    }

    .index-theme-page .list-themes-by-letter .list-wrapper .themes-list li {
        font-size: 1.8rem;
        line-height: 2.4rem
    }

    .index-theme-page .list-themes-by-letter .list-wrapper .themes-list li a {
        transition: color var(--transition)
    }

    .index-theme-page .list-themes-by-letter .list-wrapper .themes-list li a:hover {
        color: var(--primary-60)
    }

    .index-theme-page .index-theme-grid {
        display: grid;
        grid-template-columns: var(--site-grid);
        gap: 42px
    }

    .index-theme-page .index-theme-grid aside {
        margin: 56px 0;
        display: flex;
        flex-direction: column;
        gap: 40px
    }
}

.special-theme-page .special-theme-header {
    background: var(--primary-10);
    padding: 16px
}

.special-theme-page .special-theme-header .special-theme-header-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-align: center
}

.special-theme-page .special-theme-header .special-theme-header-wrapper .breadcrumbs {
    width: unset
}

.special-theme-page .special-theme-header .special-theme-header-wrapper .breadcrumbs ul {
    justify-content: center
}

.special-theme-page .special-theme-header .special-theme-header-wrapper .summary {
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.4rem
}

@media screen and (min-width:1050px) {
    .special-theme-page .special-theme-header {
        padding: 32px 0
    }

    .special-theme-page .special-theme-header .special-theme-header-wrapper {
        gap: 16px
    }

    .special-theme-page .special-theme-header .special-theme-header-wrapper .breadcrumbs {
        width: unset
    }

    .special-theme-page .special-theme-header .special-theme-header-wrapper .breadcrumbs ul {
        justify-content: center
    }

    .special-theme-page .special-theme-header .special-theme-header-wrapper .summary {
        font-size: 1.6rem;
        line-height: 2.4rem;
        max-width: 862px
    }
}

.aside-ad-container {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 40px
}

.aside-ad-container .aside-ad-wrapper {
    flex-grow: 1
}

.card-doctor {
    background-color: var(--white);
    padding: 16px;
    margin: 0 -16px;
    box-shadow: var(--box-shadow-gray-light)
}

.card-doctor ._hide {
    max-height: 0;
    overflow: hidden;
    transition: var(--transition)
}

.card-doctor .card-doctor-header {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.card-doctor .card-doctor-header .doctor-photo {
    display: flex;
    width: 80px;
    height: 80px;
    margin: auto;
    border-radius: 50%;
    background-color: var(--primary-10);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-70);
    font-size: 48px
}

.card-doctor .card-doctor-header .doctor-infos {
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 8px
}

.card-doctor .card-doctor-header .doctor-infos .distance-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    border-radius: 16px;
    background: var(--rdor-orange-20);
    padding: 4px 8px;
    gap: 4px;
    color: var(--rdor-orange-70);
    font-size: 1.1rem;
    line-height: 1.4rem;
    text-transform: uppercase;
    max-width: calc(100% - 10px)
}

.card-doctor .card-doctor-header .doctor-infos .distance-badge b {
    white-space: nowrap
}

.card-doctor .card-doctor-header .doctor-infos .distance-badge .distance-text {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.card-doctor .card-doctor-header .doctor-infos h3,
.card-doctor .card-doctor-header .doctor-infos h3 a {
    font-weight: 600;
    font-size: 2rem;
    line-height: 2.8rem;
    color: var(--gray-100)
}

.card-doctor .card-doctor-header .doctor-infos h3 a:visited,
.card-doctor .card-doctor-header .doctor-infos h3:visited {
    color: var(--gray-100)
}

.card-doctor .card-doctor-header .doctor-infos .primary-specialty {
    color: var(--primary-80);
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.4rem
}

.card-doctor .card-doctor-header .doctor-infos .doctor-specialties-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px
}

.card-doctor .card-doctor-header .doctor-infos .doctor-specialties-wrapper .doctor-specialties {
    flex: 1;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.6rem;
    color: var(--gray-100);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: calc(100% - 5px);
    margin: auto;
    position: relative
}

.card-doctor .card-doctor-header .doctor-infos .doctor-specialties-wrapper .doctor-specialties.show {
    text-overflow: unset;
    white-space: unset;
    overflow: unset
}

.card-doctor .card-doctor-header .doctor-infos .doctor-specialties-wrapper .show-all-specialties {
    width: 7.7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    background-color: transparent;
    border: none;
    color: var(--primary-80);
    font-size: 1.2rem;
    line-height: 2rem
}

.card-doctor .card-doctor-header .doctor-infos .doctor-specialties-wrapper .show-all-specialties .text {
    text-decoration: underline
}

.card-doctor .card-doctor-header .doctor-infos .doctor-specialties-wrapper .show-all-specialties .icon {
    transform: rotate(90deg);
    text-decoration: unset
}

.card-doctor .doctor-cta {
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: center
}

.card-doctor .doctor-cta .button-secondary .icon {
    font-size: 18px
}

.card-doctor .card-doctor-body {
    padding-top: 20px;
    margin-top: 20px;
    min-width: 0;
    min-height: 0;
    border-top: 1px solid var(--gray-20)
}

.card-doctor .card-doctor-body .card-doctor-address-nav {
    margin-bottom: 16px;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    column-gap: 20px;
    row-gap: 16px
}

.card-doctor .card-doctor-body .card-doctor-address-nav .address-button {
    background-color: transparent;
    padding-bottom: 8px;
    border: none;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    white-space: nowrap;
    transition: color var(--transition), border var(--transition);
    color: var(--gray-100);
    border-bottom: 2px solid transparent
}

.card-doctor .card-doctor-body .card-doctor-address-nav .address-button.active,
.card-doctor .card-doctor-body .card-doctor-address-nav .address-button:hover {
    color: var(--primary-80);
    border-color: var(--primary-80)
}

.card-doctor .card-doctor-body .address-wrapper {
    display: grid;
    grid-template-columns: 1fr 105px;
    gap: 12px;
    align-items: center
}

.card-doctor .card-doctor-body .address-wrapper .hospital-header {
    grid-column: span 2
}

.card-doctor .card-doctor-body .address-wrapper .hospital-header .hospital-name {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px
}

.card-doctor .card-doctor-body .address-wrapper .hospital-header .hospital-name .sector {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.4rem
}

.card-doctor .card-doctor-body .address-wrapper .hospital-header .hospital-name .name {
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.6rem
}

.card-doctor .card-doctor-body .address-wrapper .hospital-address {
    display: flex;
    align-items: center;
    gap: 12px
}

.card-doctor .card-doctor-body .address-wrapper .hospital-address address {
    font-size: 1.2rem;
    line-height: 1.8rem;
    color: var(--gray-100);
    font-style: normal;
    flex: 1;
    display: flex;
    gap: 6px;
    align-items: center
}

.card-doctor .card-doctor-body .address-wrapper .hospital-address address .icon {
    font-size: 1.6rem;
    color: var(--primary-80)
}

.card-doctor .card-doctor-body .address-wrapper .hospital-address address .address-text {
    flex: 1
}

.card-doctor .card-doctor-body .address-wrapper .hospital-address-map {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 12px;
    color: var(--primary-70);
    text-decoration: none;
    gap: 4px;
    padding: 6px 10px;
    background-color: var(--primary-10);
    border-radius: 16px;
    height: 32px
}

.card-doctor .card-doctor-body .address-wrapper .hospital-address-map .icon {
    font-size: 20px
}

@media screen and (min-width:576px) {
    .card-doctor {
        border-radius: var(--border-radius);
        margin: 0
    }
}

@media screen and (min-width:1050px) {
    .card-doctor {
        padding: 32px;
        display: grid;
        grid-template-columns: 1fr 320px;
        column-gap: 24px
    }

    .card-doctor .card-doctor-header {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 24px
    }

    .card-doctor .card-doctor-header .doctor-photo {
        height: 100px;
        width: 100px;
        outline: 3px solid transparent;
        font-size: 66px
    }

    .card-doctor .card-doctor-header a .doctor-photo {
        transition: outline var(--transition)
    }

    .card-doctor .card-doctor-header a .doctor-photo:hover {
        outline: 3px solid var(--primary-70)
    }

    .card-doctor .card-doctor-header .doctor-infos {
        display: flex;
        flex-direction: column;
        flex: 1;
        text-align: left;
        margin-top: 0;
        gap: 6px
    }

    .card-doctor .card-doctor-header .doctor-infos .distance-badge {
        align-self: flex-start;
        border-radius: 16px;
        padding: 4px 8px;
        font-size: 1.2rem;
        line-height: 1.6rem
    }

    .card-doctor .card-doctor-header .doctor-infos h3,
    .card-doctor .card-doctor-header .doctor-infos h3 a {
        font-size: 2.2rem;
        line-height: 3rem;
        transition: color var(--transition)
    }

    .card-doctor .card-doctor-header .doctor-infos h3 a:hover,
    .card-doctor .card-doctor-header .doctor-infos h3:hover {
        color: var(--primary-70)
    }

    .card-doctor .card-doctor-header .doctor-infos .primary-specialty {
        font-size: 1.6rem;
        line-height: 2.4rem
    }

    .card-doctor .card-doctor-header .doctor-infos .doctor-specialties-wrapper {
        max-width: 484px;
        justify-content: flex-start
    }

    .card-doctor .card-doctor-header .doctor-infos .doctor-specialties-wrapper .doctor-specialties {
        font-size: 1.4rem;
        line-height: 2rem;
        margin: 0
    }

    .card-doctor .card-doctor-header .doctor-infos .doctor-specialties-wrapper .show-all-specialties {
        text-align: left;
        font-size: 1.4rem;
        line-height: 2rem;
        transition: color var(--transition)
    }

    .card-doctor .card-doctor-header .doctor-infos .doctor-specialties-wrapper .show-all-specialties:hover {
        color: var(--primary-60)
    }

    .card-doctor .doctor-cta {
        display: flex;
        align-items: center;
        padding-left: 32px;
        margin: 0;
        grid-row: span 2;
        border-left: 1px solid var(--gray-20)
    }

    .card-doctor .doctor-cta .button-secondary {
        width: 218px;
        height: 46px;
        margin: auto
    }

    .card-doctor .card-doctor-body {
        padding-top: 24px;
        margin-top: 24px
    }

    .card-doctor .card-doctor-body .address-wrapper {
        gap: 8px
    }

    .card-doctor .card-doctor-body .address-wrapper .hospital-header {
        order: 1;
        grid-column: unset
    }

    .card-doctor .card-doctor-body .address-wrapper .hospital-header .hospital-name {
        display: flex;
        flex-direction: column;
        gap: 4px
    }

    .card-doctor .card-doctor-body .address-wrapper .hospital-header .hospital-name .sector {
        font-size: 1.6rem;
        line-height: 2.4rem;
        transition: color var(--transition)
    }

    .card-doctor .card-doctor-body .address-wrapper .hospital-header .hospital-name .sector:hover {
        color: var(--primary-70)
    }

    .card-doctor .card-doctor-body .address-wrapper .hospital-header .hospital-name .name {
        font-size: 1.2rem;
        line-height: 1.6rem
    }

    .card-doctor .card-doctor-body .address-wrapper .hospital-address {
        order: 3
    }

    .card-doctor .card-doctor-body .address-wrapper .hospital-address address {
        font-size: 1.4rem;
        line-height: 2rem
    }

    .card-doctor .card-doctor-body .address-wrapper .hospital-address-map {
        order: 2;
        grid-row: span 2;
        transition: color var(--transition), background-color var(--transition)
    }

    .card-doctor .card-doctor-body .address-wrapper .hospital-address-map:hover {
        background-color: var(--primary-70);
        color: var(--white)
    }

    .card-doctor .card-doctor-body .hospital-header {
        cursor: unset
    }

    .card-doctor .card-doctor-body .hospital-header .caret-right {
        display: none
    }
}

.emergency-disclaimer {
    color: var(--white);
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.8rem;
    padding: 16px 0;
    text-align: center;
    background: var(--primary-80)
}

@media screen and (min-width:1050px) {
    .emergency-disclaimer {
        padding: 10px 0;
        font-size: 1.4rem;
        line-height: 2rem
    }
}

.find-by-letter .title {
    margin-bottom: 24px;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.4rem;
    text-transform: uppercase
}

.find-by-letter .letters-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 14px;
    row-gap: 14px
}

.find-by-letter .letters-wrapper button,
.find-by-letter .letters-wrapper span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    background-color: var(--white);
    color: var(--primary-60);
    border: 1px solid var(--primary-60);
    border-radius: var(--border-radius);
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600
}

.find-by-letter .letters-wrapper button.active,
.find-by-letter .letters-wrapper span.active {
    color: var(--white);
    background-color: var(--primary-60)
}

.find-by-letter .letters-wrapper button.disabled,
.find-by-letter .letters-wrapper span.disabled {
    background-color: var(--gray-10);
    color: var(--gray-20);
    border-color: var(--gray-10)
}

.find-by-letter .letters-wrapper button:last-child,
.find-by-letter .letters-wrapper span:last-child {
    margin-right: auto
}

@media screen and (min-width:1050px) {
    .find-by-letter .letters-wrapper {
        flex-wrap: wrap;
        gap: 20px
    }

    .find-by-letter .letters-wrapper button,
    .find-by-letter .letters-wrapper span {
        width: 48px;
        height: 48px;
        font-size: 20px;
        transition: color var(--transition), background-color var(--transition)
    }

    .find-by-letter .letters-wrapper button:hover:not(.disabled),
    .find-by-letter .letters-wrapper span:hover:not(.disabled) {
        color: var(--white);
        background-color: var(--primary-60);
        cursor: pointer
    }
}

.form-find-doctor .input-search {
    position: relative;
    flex: 1
}

.form-find-doctor .input-search[disabled] .input {
    border-color: transparent;
    color: var(--gray-30) !important;
    cursor: not-allowed
}

.form-find-doctor .input-search[disabled] .input::placeholder {
    color: var(--gray-30)
}

.form-find-doctor .input-search[disabled] .input-right-icon {
    color: var(--gray-30) !important;
    cursor: not-allowed
}

.form-find-doctor .input-search[disabled] .input-icon {
    color: var(--gray-30) !important
}

.form-find-doctor .input-search .input-icon {
    position: absolute;
    left: 16px;
    top: 50%;
    color: var(--primary-60);
    font-size: 24px;
    transform: translateY(-50%);
    user-select: none;
    pointer-events: none
}

.form-find-doctor .input-search .input-right-icon {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 12px;
    right: 16px;
    color: var(--gray-100);
    font-size: 20px;
    border: none;
    background-color: transparent;
    outline: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.form-find-doctor .input-search .input-right-icon:has(~input[data-slug-value=""]) {
    color: var(--gray-50)
}

.form-find-doctor .input-search .input-right-icon:has(~input[data-slug-value=""]:focus) {
    color: var(--gray-100)
}

.form-find-doctor .input-search .input-right-icon .icon-caret-right {
    transform: rotate(90deg);
    font-size: 14px
}

.form-find-doctor .input-search input {
    width: 100%;
    color: var(--gray-100);
    padding: 0 46px 0 16px;
    border-color: transparent;
    box-shadow: var(--box-shadow-gray-default);
    transition: border-color var(--transition);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 40px;
    padding-left: 48px
}

.form-find-doctor .input-search input[data-type=geo] {
    background-color: var(--primary-20);
    color: var(--primary-80) !important
}

.form-find-doctor .input-search input[data-slug-value=""] {
    color: var(--gray-100)
}

.form-find-doctor .input-search input:focus {
    border: 1px solid var(--primary-70)
}

.form-find-doctor .input-search.auto-complete-open .auto-complete {
    display: block
}

.form-find-doctor .input-search.auto-complete-open:not(:has(.auto-complete):has(li)) .auto-complete {
    display: none
}

.form-find-doctor .input-search.auto-complete-open:has(.auto-complete):has(li) .auto-complete {
    display: block
}

.form-find-doctor .input-search .auto-complete {
    display: none;
    width: 100%;
    position: absolute;
    top: 52px;
    z-index: 1;
    background-color: var(--white);
    border-radius: var(--border-radius);
    max-height: 295px;
    overflow-y: auto;
    box-shadow: var(--box-shadow-gray-default)
}

.form-find-doctor .input-search .auto-complete .auto-complete-title {
    color: var(--primary-70);
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 500;
    text-transform: uppercase;
    padding: 16px 16px 8px 16px
}

.form-find-doctor .input-search .auto-complete .auto-complete-item {
    padding: 12px 16px;
    display: grid;
    grid-template-columns: 24px 1fr;
    align-items: center;
    gap: 10px;
    position: relative
}

.form-find-doctor .input-search .auto-complete .auto-complete-item.error {
    color: var(--gray-100);
    font-size: 1.6rem
}

.form-find-doctor .input-search .auto-complete .auto-complete-item.error:hover {
    background-color: var(--white)
}

.form-find-doctor .input-search .auto-complete .auto-complete-item.error .icon {
    color: var(--error-50);
    margin-top: 4px
}

.form-find-doctor .input-search .auto-complete .auto-complete-item.with-divider {
    border-top: 1px solid var(--gray-20)
}

.form-find-doctor .input-search .auto-complete .auto-complete-item[data-selected=true] {
    background-color: var(--gray-10)
}

.form-find-doctor .input-search .auto-complete .auto-complete-item[data-selected=true].geolocation-item,
.form-find-doctor .input-search .auto-complete .auto-complete-item[data-selected=true].particular-payment-item {
    background: var(--primary-20)
}

.form-find-doctor .input-search .auto-complete .auto-complete-item .auto-complete-logo {
    color: var(--primary-60)
}

.form-find-doctor .input-search .auto-complete .auto-complete-item .auto-complete-info {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    cursor: pointer;
    color: var(--gray-100);
    display: flex;
    flex-direction: column;
    gap: 2px
}

.form-find-doctor .input-search .auto-complete .auto-complete-item:hover {
    background-color: var(--gray-10)
}

.form-find-doctor .input-search .auto-complete .auto-complete-item.with-type {
    grid-template-columns: 24px 1fr 50px
}

.form-find-doctor .input-search .auto-complete .auto-complete-item .doctor-image {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    object-fit: cover
}

.form-find-doctor .input-search .auto-complete .auto-complete-item .icon {
    font-size: 24px;
    display: block;
    margin-right: 8px
}

.form-find-doctor .input-search .auto-complete .auto-complete-item .item-context {
    font-size: 1.2rem;
    line-height: 1.6rem;
    font-weight: 300;
    color: var(--gray-70)
}

.form-find-doctor .input-search .auto-complete .auto-complete-item .item-type {
    font-size: 1.2rem;
    line-height: 2.2rem;
    font-weight: 300;
    color: var(--gray-70);
    margin-left: auto
}

.form-find-doctor .input-search .auto-complete .auto-complete-see-all {
    color: var(--primary-60);
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2rem;
    text-transform: uppercase;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 16px 16px 16px;
    border-top: 1px solid var(--gray-20);
    gap: 8px
}

.form-find-doctor .input-search .auto-complete .auto-complete-see-all .icon {
    font-size: 16px
}

.form-find-doctor .input-search .auto-complete .geolocation-item,
.form-find-doctor .input-search .auto-complete .particular-payment-item {
    border-bottom: 1px solid var(--gray-20)
}

.form-find-doctor .input-search .auto-complete .geolocation-item *,
.form-find-doctor .input-search .auto-complete .particular-payment-item * {
    color: var(--primary-80)
}

.form-find-doctor .input-search.loading .loader {
    display: block
}

.form-find-doctor .input-search.loading label {
    display: none
}

.form-find-doctor .input-search.loading button {
    display: none !important
}

.form-find-doctor .input-search.error .input-right-icon {
    color: var(--error-60) !important
}

.form-find-doctor .input-search.error input {
    color: var(--error-60);
    border-color: var(--error-60)
}

.form-find-doctor .input-search.error .auto-complete {
    border-color: var(--error-60)
}

.form-find-doctor .input-search.error .auto-complete li {
    cursor: unset
}

.form-find-doctor .input-search.error .auto-complete li .text-content {
    flex: 1
}

.form-find-doctor .submit-button .icon {
    font-size: 18px
}

.form-find-doctor .form-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px
}

.form-find-doctor .modal-close,
.form-find-doctor .modal-go-back,
.form-find-doctor .modal-title {
    display: none
}

.modal-geolocation-denied {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(30, 30, 30, .5);
    transition: opacity var(--transition);
    opacity: 1
}

.modal-geolocation-denied._hide {
    opacity: 0;
    pointer-events: none
}

.modal-geolocation-denied .modal-content {
    background-color: var(--white);
    color: var(--gray-100);
    padding: 32px;
    width: 294px;
    max-width: calc(100vw - 68px);
    border-radius: var(--border-radius);
    position: relative
}

.modal-geolocation-denied .modal-content .modal-close-button {
    border: none;
    background-color: transparent;
    font-size: 20px;
    position: absolute;
    top: 16px;
    right: 16px;
    color: var(--gray-100)
}

.modal-geolocation-denied .modal-content .title {
    display: flex;
    gap: 8px
}

.modal-geolocation-denied .modal-content .title .icon {
    color: var(--primary-80);
    font-size: 24px
}

.modal-geolocation-denied .modal-content .description {
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-top: 10px
}

.modal-geolocation-denied .modal-content .modal-cta {
    margin-top: 16px
}

.fake-form-find-doctor {
    border-radius: var(--border-radius);
    background: var(--white);
    border: none;
    height: 58px;
    width: 100%;
    padding: 8px 16px;
    box-shadow: var(--box-shadow-gray-light);
    display: grid;
    grid-template-columns: 24px 1fr;
    align-items: center;
    gap: 8px;
    text-align: left
}

.fake-form-find-doctor .icon {
    color: var(--primary-60);
    font-size: 24px
}

.fake-form-find-doctor .info-wrapper {
    display: flex;
    flex-direction: column;
    gap: 2px;
    color: var(--gray-100)
}

.fake-form-find-doctor .info-wrapper .primary-info {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.4rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100vw - 32px - 32px - 28px)
}

.fake-form-find-doctor .info-wrapper .secondary-info {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.6rem;
    display: flex;
    width: calc(100vw - 32px - 32px - 28px)
}

.fake-form-find-doctor .info-wrapper .secondary-info span {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.fake-form-find-doctor .info-wrapper .secondary-info span:first-child {
    max-width: 50%
}

.fake-form-find-doctor .info-wrapper .secondary-info span:last-child {
    flex: 1
}

.fake-form-find-doctor .info-wrapper .secondary-info span:only-child {
    max-width: 100%
}

.fake-form-find-doctor .info-wrapper .secondary-info span+span {
    margin-left: 6px;
    padding-left: 10px;
    position: relative
}

.fake-form-find-doctor .info-wrapper .secondary-info span+span::after {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: var(--primary-60);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

@media screen and (max-width:1050px) {
    .form-find-doctor[data-modal] {
        transition: opacity var(--transition);
        background: var(--banner-rd);
        opacity: 0;
        user-select: none;
        height: 0;
        overflow: hidden
    }

    .form-find-doctor[data-modal] .modal-close,
    .form-find-doctor[data-modal] .modal-go-back,
    .form-find-doctor[data-modal] .modal-title {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .form-find-doctor[data-modal][data-open] {
        width: 100vw;
        height: calc(100vh - 87px);
        position: fixed;
        top: 87px;
        left: 0;
        opacity: 1;
        user-select: unset;
        padding: 16px;
        padding-top: 40px;
        z-index: 3
    }

    .form-find-doctor[data-modal][data-open] .modal-title {
        color: var(--white);
        font-size: 2.4rem;
        font-style: normal;
        font-weight: 600;
        line-height: 3.2rem;
        margin-bottom: 20px;
        display: block
    }

    .form-find-doctor[data-modal][data-open] .modal-close {
        position: absolute;
        top: 16px;
        right: 16px;
        color: var(--white);
        background-color: unset;
        border: none;
        font-size: 20px
    }

    .form-find-doctor[data-modal][data-open] .modal-go-back {
        color: var(--white);
        text-align: center;
        font-size: 1.4rem;
        line-height: 2.4rem;
        text-decoration-line: underline;
        display: block;
        background-color: unset;
        border: none;
        margin: 24px auto
    }
}

@media screen and (min-width:1050px) {
    .form-find-doctor .container {
        position: relative
    }

    .form-find-doctor h1 {
        margin-bottom: 16px;
        font-size: 3rem;
        line-height: 4rem
    }

    .form-find-doctor .subtitle {
        font-size: 1.8rem
    }

    .form-find-doctor .input-search {
        margin: 0
    }

    .form-find-doctor .input-search .auto-complete {
        width: 400px
    }

    .form-find-doctor .input-search .auto-complete .geolocation-item,
    .form-find-doctor .input-search .auto-complete .particular-payment-item {
        transition: background-color var(--transition)
    }

    .form-find-doctor .input-search .auto-complete .geolocation-item:hover,
    .form-find-doctor .input-search .auto-complete .particular-payment-item:hover {
        background: var(--primary-20)
    }

    .form-find-doctor .form-wrapper {
        grid-template-columns: 1fr 1fr 1fr 126px;
        gap: 6px
    }

    .form-find-doctor .form-wrapper button.submit-button {
        width: 100%;
        cursor: pointer;
        margin: 0;
        order: 2
    }

    .form-find-doctor .info {
        font-size: 1.2rem;
        line-height: 1.8rem;
        max-width: 600px
    }

    .fake-form-find-doctor {
        display: none
    }

    .form-find-doctor[data-modal] {
        opacity: 1;
        user-select: unset !important;
        height: unset !important;
        position: unset !important
    }

    .modal-geolocation-denied .modal-content {
        padding: 48px;
        width: 742px;
        max-width: calc(100vw - 68px);
        border-radius: var(--border-radius);
        position: relative
    }

    .modal-geolocation-denied .modal-content .description {
        font-size: 1.8rem;
        line-height: 2.8rem;
        margin-top: 8px
    }

    .modal-geolocation-denied .modal-content .modal-cta {
        margin-top: 20px;
        max-width: 238px
    }
}

.card-hospital {
    background-color: var(--white);
    margin: 0 -16px;
    box-shadow: var(--box-shadow-gray-light);
    display: flex;
    flex-direction: column
}

.card-hospital .card-hospital-image {
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary-20)
}

.card-hospital .card-hospital-image img,
.card-hospital .card-hospital-image picture {
    object-fit: cover;
    height: 100%;
    width: 100%
}

.card-hospital .card-hospital-image .icon-wrapper {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background-color: var(--white)
}

.card-hospital .card-hospital-image .icon-wrapper .icon {
    font-size: 84px;
    color: #004186
}

.card-hospital .card-hospital-body {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px
}

.card-hospital .card-hospital-body .card-hospital-header {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
    overflow: hidden
}

.card-hospital .card-hospital-body .card-hospital-header .card-hospital-distance-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    border-radius: 16px;
    background: var(--rdor-orange-20);
    padding: 4px 8px;
    gap: 4px;
    color: var(--rdor-orange-70);
    font-size: 1.1rem;
    line-height: 1.4rem;
    text-transform: uppercase;
    max-width: min(100% - 10px, 254px)
}

.card-hospital .card-hospital-body .card-hospital-header .card-hospital-distance-badge b {
    white-space: nowrap
}

.card-hospital .card-hospital-body .card-hospital-header .card-hospital-distance-badge .distance-text {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.card-hospital .card-hospital-body .card-hospital-header .card-hospital-title {
    font-size: 2rem;
    line-height: 2.8rem;
    color: var(--gray-100);
    text-align: center
}

.card-hospital .card-hospital-body .card-hospital-header .card-hospital-subtitle {
    font-size: 1.4rem;
    line-height: 2.4rem;
    font-weight: 400;
    text-align: center
}

.card-hospital .card-hospital-body .card-hospital-header .card-hospital-infos {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%
}

.card-hospital .card-hospital-body .card-hospital-header .card-hospital-infos .card-hospital-info {
    display: grid;
    grid-template-columns: 16px 1fr;
    gap: 6px;
    font-size: 1.2rem;
    line-height: 1.6rem;
    font-style: normal;
    text-decoration: none;
    align-items: center;
    flex: 1
}

.card-hospital .card-hospital-body .card-hospital-header .card-hospital-infos .card-hospital-info .icon {
    font-size: 1.6rem;
    color: var(--primary-80)
}

.card-hospital .card-hospital-body .card-hospital-header .card-hospital-infos .card-hospital-info .one-line {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.card-hospital .card-hospital-body .card-hospital-cta-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 12px;
    border-top: 1px solid var(--gray-20);
    padding-top: 16px;
    height: 100%
}

.card-hospital .card-hospital-body .card-hospital-cta-wrapper .hospital-specialties {
    color: var(--primary-80);
    font-size: 1.4rem;
    line-height: 2.4rem;
    font-weight: 500;
    text-align: center;
    overflow: hidden
}

.card-hospital .card-hospital-body .card-hospital-cta-wrapper .button-cta {
    padding: 0 24px
}

.card-hospital .card-hospital-body .card-hospital-cta-wrapper .button-cta .icon {
    font-size: 18px
}

.card-hospital .card-hospital-body .card-hospital-cta-wrapper .button-more-doctors {
    color: var(--gray-80);
    font-size: 1.4rem;
    line-height: 2.4rem;
    margin-top: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px
}

.card-hospital .card-hospital-body .card-hospital-cta-wrapper .button-more-doctors .text {
    text-decoration: underline
}

.card-hospital .card-hospital-body .card-hospital-cta-wrapper .button-more-doctors .icon {
    font-size: 11px
}

@media screen and (min-width:576px) {
    .card-hospital {
        border-radius: var(--border-radius);
        margin: 0;
        overflow: hidden
    }

    .card-hospital .card-hospital-body .card-hospital-header .card-hospital-infos {
        align-items: center
    }
}

@media screen and (min-width:1050px) {
    .card-hospital {
        display: grid;
        grid-template-columns: 240px 1fr
    }

    .card-hospital .card-hospital-image {
        height: unset;
        min-height: 222px;
        width: 100%
    }

    .card-hospital .card-hospital-body {
        display: grid;
        align-items: center;
        justify-content: center;
        grid-template-columns: 1fr 320px;
        column-gap: 24px;
        row-gap: 0;
        padding: 32px 32px 32px 24px;
        flex: 1
    }

    .card-hospital .card-hospital-body .card-hospital-header {
        gap: 8px;
        align-items: flex-start
    }

    .card-hospital .card-hospital-body .card-hospital-header .card-hospital-distance-badge {
        align-self: flex-start;
        padding: 4px 8px;
        font-size: 1.2rem;
        line-height: 1.6rem
    }

    .card-hospital .card-hospital-body .card-hospital-header .card-hospital-title {
        font-size: 2.2rem;
        line-height: 3.2rem;
        text-align: left;
        transition: color var(--transition)
    }

    .card-hospital .card-hospital-body .card-hospital-header .card-hospital-title:hover {
        color: var(--primary-60)
    }

    .card-hospital .card-hospital-body .card-hospital-header .card-hospital-subtitle {
        font-size: 1.6rem;
        line-height: 2.4rem;
        text-align: left
    }

    .card-hospital .card-hospital-body .card-hospital-header .card-hospital-infos {
        padding-top: 24px;
        margin-top: 16px;
        border-top: 1px solid var(--gray-20);
        gap: 12px
    }

    .card-hospital .card-hospital-body .card-hospital-header .card-hospital-infos .card-hospital-info {
        font-size: 1.4rem;
        line-height: 2rem;
        width: 100%
    }

    .card-hospital .card-hospital-body .card-hospital-cta-wrapper {
        gap: 24px;
        border-top: none;
        border-left: 1px solid var(--gray-20);
        padding-left: 32px
    }

    .card-hospital .card-hospital-body .card-hospital-cta-wrapper .hospital-specialties {
        font-size: 1.4rem;
        line-height: 1.6rem
    }

    .card-hospital .card-hospital-body .card-hospital-cta-wrapper .button-cta {
        padding: 0 24px;
        width: 218px;
        height: 46px;
        margin: 0 auto
    }

    .card-hospital .card-hospital-body .card-hospital-cta-wrapper .button-cta .icon {
        font-size: 18px
    }

    .card-hospital .card-hospital-body .card-hospital-cta-wrapper .button-more-doctors {
        font-size: 1.5rem;
        line-height: 2.4rem;
        display: inline-flex;
        gap: 8px;
        transition: color var(--transition)
    }

    .card-hospital .card-hospital-body .card-hospital-cta-wrapper .button-more-doctors:hover {
        color: var(--primary-60)
    }

    .card-hospital .card-hospital-body .card-hospital-cta-wrapper .button-more-doctors .icon {
        font-size: 1.2rem
    }
}

.list-by-letter {
    margin: 32px -16px;
    padding: 20px 16px;
    background-color: var(--white);
    box-shadow: var(--box-shadow-gray-light);
    display: grid;
    gap: 40px;
    grid-template-columns: 1fr
}

.list-by-letter .item-list {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.list-by-letter .item-list li {
    font-size: 1.6rem;
    line-height: 2.4rem;
    padding-left: 16px;
    position: relative;
    list-style: none
}

.list-by-letter .item-list li a {
    text-decoration: underline
}

.list-by-letter .item-list li::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--primary-60);
    left: 0;
    top: 1.2rem;
    transform: translateY(-50%)
}

@media screen and (min-width:576px) {
    .list-by-letter {
        margin: 32px 0;
        border-radius: var(--border-radius)
    }
}

@media screen and (min-width:1050px) {
    .list-by-letter {
        margin: 64px 0;
        padding: 32px;
        gap: 64px
    }

    .list-by-letter .item-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 24px;
        row-gap: 16px
    }

    .list-by-letter .item-list li a {
        transition: color var(--transition)
    }

    .list-by-letter .item-list li a:hover {
        color: var(--primary-60)
    }
}

.quick-schedule-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 16px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    border-radius: 4px;
    border: 1px solid #4bceff;
    background: #fff;
    box-shadow: 0 0 4px 0 rgba(75, 206, 255, .2), 0 4px 8px 0 rgba(75, 206, 255, .2);
    margin-bottom: 24px
}

.quick-schedule-card__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch
}

.quick-schedule-card__badge {
    display: flex;
    padding: 4px 8px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 16px;
    background: #c4efff
}

.quick-schedule-card__badge svg {
    width: 14px;
    height: 14px;
    aspect-ratio: 1/1;
    fill: #15769b;
    flex-shrink: 0
}

.quick-schedule-card__badge-text-bold {
    color: #15769b;
    font-family: Rubik, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    text-transform: uppercase
}

.quick-schedule-card__badge-text {
    color: #15769b;
    font-family: Rubik, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    text-transform: uppercase
}

.quick-schedule-card__content {
    align-self: stretch
}

.quick-schedule-card__text {
    color: #3d3d3d;
    text-align: center;
    font-family: Rubik, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin: 0
}

.quick-schedule-card__text-highlight {
    color: #3d3d3d;
    font-family: Rubik, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px
}

.quick-schedule-card__button {
    display: flex;
    padding: 11px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 4px;
    background: #004186;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05);
    color: #fff;
    font-family: Rubik, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color .2s ease, box-shadow .2s ease
}

.quick-schedule-card__button:hover {
    background: #036;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .1)
}

.quick-schedule-card__button:active {
    background: #002d5d
}

@media screen and (min-width:768px) {
    .quick-schedule-card {
        flex-direction: row;
        align-items: center;
        padding: 24px 32px;
        gap: 24px
    }

    .quick-schedule-card__wrapper {
        align-items: flex-start;
        flex: 1 0 0
    }

    .quick-schedule-card__text {
        text-align: left
    }

    .quick-schedule-card__button {
        width: auto;
        min-width: 184px;
        align-self: auto
    }
}

@media screen and (min-width:1050px) {
    .quick-schedule-card {
        margin-left: auto;
        margin-right: auto
    }

    .quick-schedule-card__text {
        font-size: 20px;
        line-height: 28px
    }

    .quick-schedule-card__text-highlight {
        font-size: 20px;
        line-height: 28px
    }
}

.recommended {
    padding: 20px 16px;
    background-color: var(--white);
    box-shadow: var(--box-shadow-gray-light);
    margin: 0 -16px
}

.recommended .title {
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 2.6rem;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--gray-20)
}

.recommended .subtitle {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: 16px
}

.recommended .recommended-container {
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin-top: 24px
}

.recommended .recommended-container .recommended-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.recommended .recommended-container .recommended-list .recommended-item {
    position: relative;
    padding-left: 16px
}

.recommended .recommended-container .recommended-list .recommended-item::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--primary-60);
    left: 0;
    top: 1.2rem;
    transform: translateY(-50%)
}

.recommended .recommended-container .recommended-list .recommended-item-link {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2.4rem;
    text-decoration-line: underline;
    display: block
}

@media screen and (min-width:576px) {
    .recommended {
        border-radius: var(--border-radius);
        margin: 0 auto
    }
}

@media screen and (min-width:834px) {
    .recommended .recommended-wrapper .recommended-container {
        display: grid;
        gap: 32px
    }

    .recommended .recommended-wrapper .recommended-container[data-items="2"],
    .recommended .recommended-wrapper .recommended-container[data-items="3"] {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (min-width:1050px) {
    .recommended {
        padding: 32px
    }

    .recommended .title {
        font-size: 2rem;
        line-height: 2.8rem;
        padding-bottom: 16px
    }

    .recommended .subtitle {
        font-size: 1.8rem;
        line-height: 2.6rem
    }

    .recommended .recommended-wrapper .recommended-container {
        display: grid;
        gap: 24px;
        margin-top: 32px
    }

    .recommended .recommended-wrapper .recommended-container[data-items="2"] {
        width: calc(100% - 264px);
        grid-template-columns: repeat(2, 1fr)
    }

    .recommended .recommended-wrapper .recommended-container[data-items="3"] {
        width: 100%;
        grid-template-columns: repeat(3, 1fr)
    }

    .recommended .recommended-wrapper .recommended-container .recommended-list .recommended-item-link {
        transition: color var(--transition);
        font-size: 1.6rem;
        line-height: 2.4rem
    }

    .recommended .recommended-wrapper .recommended-container .recommended-list .recommended-item-link:hover {
        color: var(--primary-80)
    }
}

.top-search-buttons {
    margin: 24px 0 40px 0
}

.top-search-buttons .title {
    font-size: 1.4rem;
    line-height: 2.4rem;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase
}

.top-search-buttons .top-search-list {
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    row-gap: 16px;
    column-gap: 12px;
    margin-top: 16px
}

.top-search-buttons .top-search-list .top-search-item .top-search-item-link {
    padding: 8px 14px;
    background-color: var(--white);
    border: 1px solid var(--primary-30);
    border-radius: 24px;
    font-size: 1.6rem;
    line-height: 2.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px
}

.top-search-buttons .top-search-list .top-search-item .top-search-item-link .icon {
    font-size: 24px;
    color: var(--primary-60)
}

.top-search-buttons .top-search-list .top-search-item .see-more {
    color: var(--gray-100);
    font-size: 1.6rem;
    line-height: 2.4rem;
    text-decoration-line: underline
}

@media screen and (min-width:1050px) {
    .top-search-buttons {
        margin: 48px 0 56px 0
    }

    .top-search-buttons .title {
        font-size: 1.6rem
    }

    .top-search-buttons .top-search-list {
        margin-top: 24px
    }

    .top-search-buttons .top-search-list .top-search-item .top-search-item-link {
        transition: background-color var(--transition), color var(--transition), border-color var(--transition)
    }

    .top-search-buttons .top-search-list .top-search-item .top-search-item-link:hover {
        background-color: var(--primary-70);
        color: var(--white);
        border-color: var(--primary-70)
    }

    .top-search-buttons .top-search-list .top-search-item .top-search-item-link:hover .icon {
        color: var(--white)
    }

    .top-search-buttons .top-search-list .top-search-item .see-more {
        transition: color var(--transition)
    }

    .top-search-buttons .top-search-list .top-search-item .see-more:hover {
        color: var(--primary-60)
    }
}

.article-list-extra-large-content {
    margin: 16px 0 48px 0
}

.article-list-extra-large-content .articles.articles-large-content {
    display: flex;
    flex-direction: column;
    gap: 32px
}

.article-list-extra-large-content .articles.articles-large-content .article {
    overflow: hidden
}

.article-list-extra-large-content .articles.articles-large-content .article .article-link {
    text-decoration: none;
    display: flex;
    flex-direction: column;
    gap: 12px
}

.article-list-extra-large-content .articles.articles-large-content .article .article-link .article-image {
    height: 200px;
    display: block
}

.article-list-extra-large-content .articles.articles-large-content .article .article-link .article-image img {
    background-color: var(--gray-30);
    display: block;
    object-fit: cover;
    object-position: center center;
    height: 100%;
    width: 100%;
    border-radius: var(--border-radius)
}

.article-list-extra-large-content .articles.articles-large-content .article .article-link .article-text {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
    color: var(--gray-100)
}

.article-list-extra-large-content .articles.articles-large-content .article .article-link .article-text .article-title {
    font-size: 2rem;
    line-height: 2.6rem;
    font-weight: 600
}

.article-list-extra-large-content .articles.articles-large-content .article .article-link .article-text p {
    font-size: 1.4rem;
    line-height: 2rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.article-list-extra-large-content .article-list-medium-content {
    margin: 40px 0 0 0
}

@media screen and (min-width:576px) {
    .article-list-extra-large-content .article-list-medium-content {
        margin: 56px 0 0 0
    }
}

@media screen and (min-width:576px) {
    .article-list-extra-large-content .articles.articles-large-content {
        display: grid;
        gap: 24px;
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (min-width:834px) {
    .article-list-extra-large-content .articles.articles-large-content .article .article-link .article-image {
        height: 240px
    }
}

@media screen and (min-width:1050px) {
    .article-list-extra-large-content {
        margin: 24px 0 80px 0
    }

    .article-list-extra-large-content .articles.articles-large-content {
        display: grid;
        gap: 24px;
        flex-wrap: wrap;
        grid-template-columns: repeat(2, 1fr)
    }

    .article-list-extra-large-content .articles.articles-large-content .article .article-link {
        gap: 16px
    }

    .article-list-extra-large-content .articles.articles-large-content .article .article-link .article-image {
        transition: filter var(--transition);
        height: unset
    }

    .article-list-extra-large-content .articles.articles-large-content .article .article-link .article-image img {
        width: 100%;
        height: 308px
    }

    .article-list-extra-large-content .articles.articles-large-content .article .article-link .article-text .article-title {
        font-size: 2.6rem;
        line-height: 3.4rem;
        transition: color var(--transition)
    }

    .article-list-extra-large-content .articles.articles-large-content .article .article-link .article-text p {
        font-size: 1.5rem;
        line-height: 2.4rem
    }

    .article-list-extra-large-content .articles.articles-large-content .article .article-link:hover .article-image {
        filter: brightness(1.1)
    }

    .article-list-extra-large-content .articles.articles-large-content .article .article-link:hover .article-text h2 {
        color: var(--primary-80)
    }

    .article-list-extra-large-content .divider {
        display: none
    }
}

.article-list-extra-small-content {
    margin: 48px 0
}

.article-list-extra-small-content .articles {
    display: grid;
    grid-template-columns: 1;
    gap: 24px
}

.article-list-extra-small-content .articles .article .article-link {
    text-decoration: none;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 6px;
    color: var(--gray-100);
    border-bottom: 1px solid var(--gray-20);
    padding-bottom: 24px
}

.article-list-extra-small-content .articles .article .article-title {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.4rem;
    flex: 1
}

.article-list-extra-small-content .articles .article .article-date {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.8rem;
    color: var(--gray-70)
}

.article-list-extra-small-content .see-all {
    color: var(--primary-60);
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.4rem;
    text-transform: uppercase;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 12px;
    margin-top: 12px
}

@media screen and (min-width:576px) {
    .article-list-extra-small-content .list {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px
    }
}

@media screen and (min-width:1050px) {
    .article-list-extra-small-content {
        margin: 80px 0
    }

    .article-list-extra-small-content .articles {
        grid-template-columns: repeat(4, 1fr);
        gap: 24px
    }

    .article-list-extra-small-content .articles .article .article-link {
        gap: 8px
    }

    .article-list-extra-small-content .articles .article .article-link .article-title {
        font-size: 1.8rem;
        line-height: 2.6rem;
        transition: color var(--transition)
    }

    .article-list-extra-small-content .articles .article .article-link .article-date {
        font-size: 1.2rem;
        line-height: 1.6rem
    }

    .article-list-extra-small-content .articles .article .article-link:hover .article-title {
        color: var(--primary-80)
    }

    .article-list-extra-small-content .see-all {
        margin-top: 28px;
        transition: color var(--transition)
    }

    .article-list-extra-small-content .see-all:hover {
        color: var(--primary-80)
    }
}

.article-list-large-content {
    margin: 48px 0
}

.article-list-large-content .list {
    display: grid;
    grid-template-columns: 1;
    gap: 32px
}

.article-list-large-content .list .article {
    width: 100%;
    overflow: hidden
}

.article-list-large-content .list .article .link {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.article-list-large-content .list .article .link .article-image {
    display: block;
    height: 200px
}

.article-list-large-content .list .article .link .article-image img {
    background-color: var(--gray-30);
    display: block;
    object-fit: cover;
    object-position: center center;
    height: 100%;
    width: 100%;
    border-radius: var(--border-radius)
}

.article-list-large-content .list .article .link .article-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px
}

.article-list-large-content .list .article .link .article-text .title {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 2.4rem
}

.article-list-large-content .list .article .link .article-text .description {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.article-list-large-content .list .article .link .article-text .see-theme {
    display: flex;
    color: var(--primary-60);
    font-size: 1.4rem;
    text-transform: uppercase;
    font-weight: 500;
    gap: 4px;
    align-items: center
}

.article-list-large-content .list .article .link .article-text .see-theme .icon {
    font-size: 1.3rem
}

.article-list-large-content .see-more {
    margin: auto;
    margin-top: 24px;
    max-width: 162px
}

@media screen and (min-width:1050px) {
    .article-list-large-content {
        margin: 80px 0
    }

    .article-list-large-content .list {
        grid-template-columns: repeat(3, 1fr);
        row-gap: 40px;
        column-gap: 24px
    }

    .article-list-large-content .list .article .link {
        gap: 16px
    }

    .article-list-large-content .list .article .link .article-image {
        transition: filter var(--transition);
        height: 220px
    }

    .article-list-large-content .list .article .link .article-text {
        gap: 8px
    }

    .article-list-large-content .list .article .link .article-text .title {
        font-size: 2.2rem;
        line-height: 2.8rem;
        transition: color var(--transition)
    }

    .article-list-large-content .list .article .link .article-text .description {
        font-size: 1.5rem;
        line-height: 2.4rem
    }

    .article-list-large-content .list .article .link .article-text .see-theme {
        transition: color var(--transition)
    }

    .article-list-large-content .list .article .link:hover .article-image {
        filter: brightness(1.1)
    }

    .article-list-large-content .list .article .link:hover .see-theme,
    .article-list-large-content .list .article .link:hover .title {
        color: var(--primary-80)
    }
}

.article-list-medium-content {
    margin: 48px 0
}

.article-list-medium-content .articles {
    display: grid;
    gap: 32px;
    flex-wrap: wrap
}

.article-list-medium-content .articles .article .article-link {
    display: flex;
    flex-direction: row;
    gap: 12px
}

.article-list-medium-content .articles .article .article-link .article-image {
    background-color: var(--gray-30);
    display: inline-block;
    height: 77px;
    border-radius: var(--border-radius)
}

.article-list-medium-content .articles .article .article-link .article-image img {
    display: block;
    object-fit: cover;
    object-position: center center;
    width: 116px;
    height: 77px;
    border-radius: var(--border-radius)
}

.article-list-medium-content .articles .article .article-link .article-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px
}

.article-list-medium-content .articles .article .article-link .article-text .article-title {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: 1.8rem;
    line-height: 2.4rem
}

.article-list-medium-content .articles .article .article-link .article-text .article-title .search-result-highlight {
    -webkit-box-decoration-break: clone;
    background-color: #c4efff;
    border-radius: 4px;
    box-decoration-break: clone;
    color: inherit;
    font-weight: 600;
    padding: 0 3px
}

.article-list-medium-content .articles .article .article-link .article-text p {
    display: none;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.article-list-medium-content .articles .article .article-link .article-text p .search-result-highlight {
    -webkit-box-decoration-break: clone;
    background-color: #c4efff;
    border-radius: 4px;
    box-decoration-break: clone;
    color: inherit;
    font-weight: 500;
    padding: 0 3px
}

.article-list-medium-content .see-all {
    color: var(--primary-60);
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.4rem;
    text-transform: uppercase;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 12px;
    margin-top: 12px
}

.article-list-medium-content .see-more {
    margin: auto;
    margin-top: 24px;
    max-width: 162px
}

@media screen and (min-width:576px) {
    .article-list-medium-content .articles {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 40px;
        column-gap: 24px
    }

    .article-list-medium-content .articles .article .article-link .article-text {
        gap: 8px
    }
}

@media screen and (min-width:834px) {
    .article-list-medium-content .articles {
        grid-template-columns: repeat(2, 1fr)
    }

    .article-list-medium-content .articles .article .article-link .article-text p {
        display: block;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2
    }

    .article-list-medium-content .see-all {
        margin-top: 28px;
        transition: color var(--transition)
    }

    .article-list-medium-content .see-all:hover {
        color: var(--primary-80)
    }
}

@media screen and (min-width:1050px) {
    .article-list-medium-content {
        margin: 80px 0
    }

    .article-list-medium-content .articles {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 48px
    }

    .article-list-medium-content .articles .article .article-link {
        gap: 16px
    }

    .article-list-medium-content .articles .article .article-link:hover .article-image {
        filter: brightness(1.1)
    }

    .article-list-medium-content .articles .article .article-link:hover .article-text .article-title {
        color: var(--primary-80)
    }

    .article-list-medium-content .articles .article .article-link .article-image {
        transition: filter var(--transition);
        height: 102px
    }

    .article-list-medium-content .articles .article .article-link .article-image img {
        width: 153px;
        height: 102px
    }

    .article-list-medium-content .articles .article .article-link .article-text .article-title {
        transition: color var(--transition);
        font-size: 2.2rem;
        line-height: 2.8rem
    }

    .article-list-medium-content .articles .article .article-link .article-text p {
        font-size: 1.4rem;
        line-height: 2rem
    }
}

.article-list-small-content {
    margin: 48px 0
}

.article-list-small-content .articles {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 32px;
    column-gap: 16px
}

.article-list-small-content .articles .article {
    overflow: hidden
}

.article-list-small-content .articles .article .article-link {
    text-decoration: none;
    color: var(--gray-100);
    display: flex;
    flex-direction: column;
    gap: 12px
}

.article-list-small-content .articles .article .article-link .article-image {
    height: 115px;
    background-color: var(--gray-30);
    display: block;
    border-radius: var(--border-radius)
}

.article-list-small-content .articles .article .article-link .article-image img {
    display: block;
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
    border-radius: var(--border-radius)
}

.article-list-small-content .articles .article .article-link .article-text {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-start
}

.article-list-small-content .see-more {
    margin: auto;
    margin-top: 24px;
    max-width: 162px
}

@media screen and (min-width:576px) {
    .article-list-small-content .articles {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (min-width:834px) {
    .article-list-small-content .articles {
        grid-template-columns: repeat(4, 1fr);
        row-gap: 40px;
        column-gap: 24px
    }
}

@media screen and (min-width:1050px) {
    .article-list-small-content {
        margin: 80px 0
    }

    .article-list-small-content .articles {
        grid-template-columns: repeat(4, 1fr)
    }

    .article-list-small-content .articles .article .article-link {
        transition: color var(--transition);
        gap: 16px
    }

    .article-list-small-content .articles .article .article-link .article-image {
        height: 160px;
        transition: filter var(--transition)
    }

    .article-list-small-content .articles .article .article-link .article-text {
        gap: 8px
    }

    .article-list-small-content .articles .article .article-link .article-text .article-title {
        font-size: 2.2rem;
        line-height: 2.8rem
    }

    .article-list-small-content .articles .article .article-link:hover {
        color: var(--primary-80)
    }

    .article-list-small-content .articles .article .article-link:hover .article-image {
        filter: brightness(1.1)
    }
}

.banner-exam-home {
    border-radius: var(--border-radius);
    overflow: hidden;
    height: 300px;
    display: flex;
    position: relative;
    box-shadow: var(--box-shadow-gray-default)
}

.banner-exam-home .banner__image {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.banner-exam-home .banner__image img {
    object-fit: cover;
    object-position: center center;
    display: block;
    height: 100%;
    width: 100%
}

.banner-exam-home .banner__content {
    position: relative;
    flex: 1;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    padding: 24px;
    border-radius: 4px;
    background: linear-gradient(180deg, rgba(18, 94, 175, 0) 15%, rgba(8, 66, 128, .65) 50%, #002d5d 100%);
    box-shadow: var(--box-shadow-gray-light)
}

.banner-exam-home .banner__title {
    color: var(--white);
    text-shadow: var(--box-shadow-gray-default);
    font-size: 2.2rem;
    line-height: 3rem;
    font-weight: 600;
    margin-bottom: 16px;
    max-width: 340px
}

.banner-exam-home .banner__partnership {
    color: var(--white);
    font-size: 1rem;
    line-height: 1.4rem;
    font-weight: 400;
    margin-bottom: 8px;
    display: flex;
    align-items: flex-end;
    gap: 3px
}

.banner-exam-home .banner__partnership .icon {
    font-size: 49px;
    margin-bottom: .3rem
}

@media screen and (min-width:1050px) {
    .banner-exam-home {
        height: 360px
    }

    .banner-exam-home .banner__title {
        font-size: 3rem;
        line-height: 3.8rem
    }

    .banner-exam-home .banner__cta {
        max-width: 220px
    }
}

.banner-exam-generic {
    border: 1px solid var(--gray-20);
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow-gray-default);
    overflow: hidden
}

.banner-exam-generic .image-wrapper {
    height: 120px;
    position: relative
}

.banner-exam-generic .image-wrapper img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    display: block
}

.banner-exam-generic .image-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: -1px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, .5) 70%, #fff 100%)
}

.banner-exam-generic .content-wrapper {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px
}

.banner-exam-generic .content-wrapper .texts-wrapper .title {
    font-size: 2rem;
    font-weight: 600;
    line-height: 2.6rem;
    margin: 0 0 8px 0;
    color: var(--rdor-primary)
}

.banner-exam-generic .content-wrapper .texts-wrapper .title b {
    color: var(--primary-60)
}

.banner-exam-generic .content-wrapper .texts-wrapper .subtitle {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    margin: 0
}

.banner-exam-generic .content-wrapper .cta-wrapper {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%
}

.banner-exam-generic .content-wrapper .cta-wrapper .partnership {
    display: flex;
    align-items: flex-end;
    font-size: 1.1rem;
    line-height: 1.5rem;
    gap: 4px
}

.banner-exam-generic .content-wrapper .cta-wrapper .partnership .icon-logo-rdor {
    font-size: 5.6rem;
    margin-bottom: .3rem;
    color: var(--rdor-primary)
}

.banner-exam-generic .content-wrapper .cta-wrapper .button-cta {
    padding: 0 16px
}

.banner-exam-generic .content-wrapper .cta-wrapper .button-cta .icon {
    font-size: 18px
}

.banner-exam-generic .content-wrapper .disclaimer {
    color: var(--gray-50);
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: 400
}

.banner-exam-generic .content-wrapper .disclaimer b {
    font-weight: 400
}

@media screen and (min-width:1050px) {
    .banner-exam-generic {
        display: grid;
        grid-template-columns: 200px 1fr
    }

    .banner-exam-generic .image-wrapper {
        height: 100%;
        width: 200px
    }

    .banner-exam-generic .image-wrapper::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: -1px;
        bottom: 0;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, .5) 70%, #fff 100%)
    }

    .banner-exam-generic .content-wrapper {
        padding: 32px;
        gap: 24px
    }

    .banner-exam-generic .content-wrapper .texts-wrapper .title {
        font-size: 2.6rem;
        line-height: 3.4rem
    }

    .banner-exam-generic .content-wrapper .texts-wrapper .subtitle {
        font-size: 1.8rem;
        line-height: 2.6rem
    }

    .banner-exam-generic .content-wrapper .cta-wrapper {
        display: flex;
        flex-direction: column;
        gap: 4px;
        width: 100%
    }

    .banner-exam-generic .content-wrapper .cta-wrapper .button-cta {
        align-self: flex-start;
        width: unset;
        padding: 0 32px
    }

    .banner-exam-generic .content-wrapper .disclaimer {
        font-size: 1.1rem;
        line-height: 1.6rem
    }
}

.banner-exam-simple-link {
    margin-top: 4px
}

.banner-exam-simple-link .button-cta {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--rdor-secondary)
}

.banner-exam-simple-link .button-cta .icon {
    font-size: 1.6rem
}

.banner-exam-simple-link .button-cta .banner-text {
    font-size: 1.6rem;
    line-height: 2.4rem;
    text-decoration-line: underline;
    flex: 1
}

@media screen and (min-width:1050px) {
    .banner-exam-simple-link .button-cta {
        transition: var(--transition)
    }

    .banner-exam-simple-link .button-cta:hover {
        color: var(--rdor-secondary-hover)
    }

    .banner-exam-simple-link .button-cta .banner-text {
        font-size: 1.8rem;
        line-height: 2.6rem
    }
}

.rdor-find-doctor-article-end {
    margin: 32px 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    padding: 20px;
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow-gray-default);
    border: 1px solid var(--gray-20);
    position: relative;
    overflow: hidden
}

.rdor-find-doctor-article-end::after {
    content: "";
    height: 100%;
    width: 4px;
    position: absolute;
    left: 0;
    top: 0;
    background: var(--banner-rd-vertical)
}

.rdor-find-doctor-article-end .texts-wrapper .title {
    font-size: 2rem;
    font-weight: 600;
    line-height: 2.6rem;
    margin: 0 0 8px 0;
    color: var(--rdor-primary)
}

.rdor-find-doctor-article-end .texts-wrapper .title b {
    color: var(--TS-60)
}

.rdor-find-doctor-article-end .texts-wrapper .subtitle {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    margin: 0
}

.rdor-find-doctor-article-end .texts-wrapper .subtitle b {
    color: var(--rdor-primary)
}

.rdor-find-doctor-article-end .cta-wrapper {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%
}

.rdor-find-doctor-article-end .cta-wrapper .partnership {
    display: flex;
    align-items: flex-end;
    font-size: 1.1rem;
    line-height: 1.5rem;
    gap: 4px
}

.rdor-find-doctor-article-end .cta-wrapper .partnership .icon-logo-rdor {
    font-size: 5.6rem;
    margin-bottom: .3rem;
    color: var(--rdor-primary)
}

.rdor-find-doctor-article-end .cta-wrapper .button-cta {
    padding: 0 16px
}

.rdor-find-doctor-article-end .cta-wrapper .button-cta .icon {
    font-size: 18px
}

.rdor-find-doctor-article-end .disclaimer {
    color: var(--gray-50);
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: 400
}

.rdor-find-doctor-article-end .disclaimer b {
    font-weight: 400
}

@media screen and (min-width:1050px) {
    .rdor-find-doctor-article-end {
        margin: 40px 0;
        padding: 32px;
        gap: 24px
    }

    .rdor-find-doctor-article-end .texts-wrapper .title {
        font-size: 2.6rem;
        line-height: 3.4rem;
        margin-bottom: 8px
    }

    .rdor-find-doctor-article-end .texts-wrapper .subtitle {
        font-size: 1.8rem;
        line-height: 2.6rem
    }

    .rdor-find-doctor-article-end .cta-wrapper {
        width: unset
    }

    .rdor-find-doctor-article-end .cta-wrapper .button-cta {
        width: unset;
        padding: 0 32px
    }

    .rdor-find-doctor-article-end .disclaimer {
        font-size: 1.1rem;
        line-height: 1.6rem
    }
}

.rdor-find-doctor-banner-home {
    background-color: var(--primary-10)
}

.rdor-find-doctor-banner-home .find-doctor-wrapper {
    max-width: 600px;
    margin: 0 auto
}

.rdor-find-doctor-banner-home .find-doctor-wrapper .text-container {
    padding: 32px 0
}

.rdor-find-doctor-banner-home .find-doctor-wrapper .text-container .logo-container {
    margin-bottom: 24px;
    font-size: 183px
}

.rdor-find-doctor-banner-home .find-doctor-wrapper .text-container .title {
    color: var(--rdor-primary);
    font-size: 2.2rem;
    line-height: 2.8rem;
    font-weight: 600;
    margin-bottom: 8px
}

.rdor-find-doctor-banner-home .find-doctor-wrapper .text-container .subtitle {
    font-size: 1.4rem;
    line-height: 2.4rem
}

.rdor-find-doctor-banner-home .find-doctor-wrapper .text-container .badges {
    margin: 16px 0 24px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 16px
}

.rdor-find-doctor-banner-home .find-doctor-wrapper .text-container .badges .item {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    font-size: 1.2rem;
    line-height: 1.6rem;
    border-radius: 16px;
    background: var(--white);
    padding: 5px 12px;
    box-shadow: var(--box-shadow-gray-light)
}

.rdor-find-doctor-banner-home .find-doctor-wrapper .text-container .badges .item .badge-photo {
    display: block;
    width: auto;
    height: 20px
}

.rdor-find-doctor-banner-home .find-doctor-wrapper .text-container .button-cta {
    margin-top: 24px;
    background-color: var(--rdor-primary)
}

.rdor-find-doctor-banner-home .find-doctor-wrapper .text-container .button-cta .icon-calendar {
    font-size: 18px
}

.rdor-find-doctor-banner-home .find-doctor-wrapper .text-container .button-cta .icon-search-doctor {
    font-size: 22px
}

.rdor-find-doctor-banner-home .find-doctor-wrapper .text-container .disclaimer {
    margin-top: 16px;
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: 400;
    color: var(--gray-60)
}

.rdor-find-doctor-banner-home .find-doctor-wrapper .image-container {
    display: none
}

@media screen and (min-width:1050px) {
    .rdor-find-doctor-banner-home {
        margin: 0
    }

    .rdor-find-doctor-banner-home .find-doctor-wrapper {
        display: grid;
        grid-template-columns: 600px 1fr;
        gap: 40px;
        align-items: center;
        max-width: unset
    }

    .rdor-find-doctor-banner-home .find-doctor-wrapper .text-container {
        padding: 64px 0
    }

    .rdor-find-doctor-banner-home .find-doctor-wrapper .text-container .logo-container {
        font-size: 208px;
        margin-bottom: 32px
    }

    .rdor-find-doctor-banner-home .find-doctor-wrapper .text-container .title {
        font-size: 3.2rem;
        line-height: 4rem;
        margin-bottom: 12px
    }

    .rdor-find-doctor-banner-home .find-doctor-wrapper .text-container .subtitle {
        font-size: 1.6rem;
        line-height: 2.4rem
    }

    .rdor-find-doctor-banner-home .find-doctor-wrapper .text-container .badges {
        margin: 24px 0 32px 0
    }

    .rdor-find-doctor-banner-home .find-doctor-wrapper .text-container .badges .item {
        gap: 8px;
        font-size: 1.3rem;
        line-height: 2.2rem
    }

    .rdor-find-doctor-banner-home .find-doctor-wrapper .text-container .button-cta {
        padding: 0 32px;
        width: unset;
        display: inline-flex;
        margin: 0
    }

    .rdor-find-doctor-banner-home .find-doctor-wrapper .text-container .button-cta:hover {
        background-color: var(--rdor-primary-hover)
    }

    .rdor-find-doctor-banner-home .find-doctor-wrapper .text-container .disclaimer {
        max-width: 380px;
        margin-top: 24px;
        font-size: 1.1rem;
        line-height: 1.6rem
    }

    .rdor-find-doctor-banner-home .find-doctor-wrapper .image-container {
        display: block;
        margin-top: auto
    }

    .rdor-find-doctor-banner-home .find-doctor-wrapper .image-container .doctors-photo {
        display: block;
        height: auto;
        margin: auto 0 0 auto;
        height: 456px;
        width: auto
    }
}

.first-paragraph-banner {
    border-radius: var(--border-radius);
    overflow: hidden;
    margin: 24px 0;
    min-height: 220px;
    display: flex;
    position: relative;
    box-shadow: var(--box-shadow-gray-default)
}

.first-paragraph-banner__image {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.first-paragraph-banner__image img {
    object-fit: cover;
    object-position: center center;
    display: block;
    height: 100%;
    width: 100%
}

.first-paragraph-banner__content {
    position: relative;
    flex: 1;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    padding: 24px;
    border-radius: 4px;
    background: linear-gradient(180deg, rgba(18, 94, 175, 0) 15%, rgba(8, 66, 128, .65) 50%, #002d5d 100%);
    box-shadow: var(--box-shadow-gray-light)
}

.first-paragraph-banner__title {
    color: var(--white);
    text-shadow: var(--box-shadow-gray-default);
    font-size: 2.2rem;
    font-weight: 600;
    line-height: 2.8rem;
    margin-bottom: 16px
}

.first-paragraph-banner__partnership {
    color: var(--white);
    font-size: 1rem;
    line-height: 1.4rem;
    font-weight: 400;
    margin-bottom: 8px;
    display: flex;
    align-items: flex-end;
    gap: 3px
}

.first-paragraph-banner__partnership .icon {
    font-size: 49px;
    margin-bottom: .3rem
}

@media screen and (min-width:1050px) {
    .first-paragraph-banner {
        margin: 0;
        min-height: 300px
    }
}

.rdor-find-doctor-floating {
    display: grid;
    grid-template-columns: 38px 1fr 90px;
    align-items: center;
    gap: 8px;
    padding: 12px 10px;
    border-radius: 16px;
    box-shadow: var(--box-shadow-gray-default);
    background-color: var(--white);
    position: fixed;
    bottom: 20px;
    left: 0;
    margin: 0 16px;
    z-index: 2;
    opacity: 1;
    transition: opacity var(--transition)
}

.rdor-find-doctor-floating._hide {
    opacity: 0;
    pointer-events: none
}

.rdor-find-doctor-floating .logo-wrapper {
    height: 38px;
    width: 38px;
    border-radius: 50%;
    background-color: var(--rdor-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-size: 30px
}

.rdor-find-doctor-floating .texts-wrapper .title {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.8rem;
    margin-bottom: 2px;
    color: var(--rdor-primary)
}

.rdor-find-doctor-floating .texts-wrapper .subtitle {
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.5rem
}

.rdor-find-doctor-floating .cta-wrapper .button-cta {
    padding: 8px 16px;
    height: unset;
    border-radius: 16px
}

@media screen and (min-width:1050px) {
    .rdor-find-doctor-floating {
        margin: 0;
        padding: 24px;
        position: sticky;
        top: 133px;
        bottom: unset;
        display: flex;
        flex-direction: column;
        gap: 24px;
        border-radius: var(--border-radius);
        border: 1px solid var(--gray-20)
    }

    .rdor-find-doctor-floating .texts-wrapper .title {
        font-size: 2.6rem;
        line-height: 3.4rem;
        margin-bottom: 8px
    }

    .rdor-find-doctor-floating .texts-wrapper .subtitle {
        font-size: 1.8rem;
        line-height: 2.6rem
    }

    .rdor-find-doctor-floating .cta-wrapper {
        display: flex;
        flex-direction: column;
        gap: 4px;
        width: 100%
    }

    .rdor-find-doctor-floating .cta-wrapper .partnership {
        display: flex;
        align-items: flex-end;
        font-size: 1.1rem;
        line-height: 1.5rem;
        gap: 4px
    }

    .rdor-find-doctor-floating .cta-wrapper .partnership .icon-logo-rdor {
        font-size: 5.6rem;
        margin-bottom: .3rem;
        color: var(--rdor-primary)
    }

    .rdor-find-doctor-floating .cta-wrapper .button-cta {
        border-radius: var(--border-radius);
        padding: 11px 0;
        font-size: 1.4rem;
        line-height: 2.4rem
    }
}

.rdor-find-doctor-generic {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px
}

.rdor-find-doctor-generic .texts-wrapper .title {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 2.4rem;
    margin: 0 0 8px 0
}

.rdor-find-doctor-generic .texts-wrapper .subtitle {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    margin: 0
}

.rdor-find-doctor-generic .texts-wrapper .subtitle b {
    color: var(--rdor-primary)
}

.rdor-find-doctor-generic .cta-wrapper {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%
}

.rdor-find-doctor-generic .cta-wrapper .partnership {
    display: flex;
    align-items: flex-end;
    font-size: 1.1rem;
    line-height: 1.5rem;
    gap: 4px
}

.rdor-find-doctor-generic .cta-wrapper .partnership .icon-logo-rdor {
    font-size: 5.6rem;
    margin-bottom: .3rem;
    color: var(--rdor-primary)
}

.rdor-find-doctor-generic .cta-wrapper .button-cta {
    padding: 0 16px
}

.rdor-find-doctor-generic .cta-wrapper .button-cta .icon {
    font-size: 18px
}

.rdor-find-doctor-generic .disclaimer {
    color: var(--gray-50);
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: 400
}

.rdor-find-doctor-generic .disclaimer b {
    font-weight: 400
}

@media screen and (min-width:1050px) {
    .rdor-find-doctor-generic {
        gap: 24px
    }

    .rdor-find-doctor-generic .texts-wrapper .title {
        font-size: 2.4rem;
        line-height: 3.2rem;
        margin-bottom: 16px
    }

    .rdor-find-doctor-generic .texts-wrapper .subtitle {
        font-size: 1.8rem;
        line-height: 2.6rem
    }

    .rdor-find-doctor-generic .cta-wrapper {
        width: unset
    }

    .rdor-find-doctor-generic .cta-wrapper .button-cta {
        width: unset;
        padding: 0 32px
    }

    .rdor-find-doctor-generic .disclaimer {
        font-size: 1.1rem;
        line-height: 1.6rem
    }
}

.rdor-find-doctor-link-list {
    background-color: var(--white);
    padding: 20px;
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow-gray-default);
    border: 1px solid var(--gray-20);
    position: relative;
    overflow: hidden;
    gap: 24px
}

.rdor-find-doctor-link-list .icon {
    font-size: 15rem
}

.rdor-find-doctor-link-list nav {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px
}

.rdor-find-doctor-link-list::after {
    content: "";
    height: 100%;
    width: 4px;
    position: absolute;
    left: 0;
    top: 0;
    background: var(--banner-rd-vertical)
}

.rdor-find-doctor-link-list .find-doctor-wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.rdor-find-doctor-link-list .find-doctor-wrapper .title {
    color: #004186;
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: 600
}

.rdor-find-doctor-link-list .find-doctor-wrapper ul {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 12px
}

.rdor-find-doctor-link-list .find-doctor-wrapper ul li {
    padding-left: 16px;
    position: relative;
    display: block
}

.rdor-find-doctor-link-list .find-doctor-wrapper ul li::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: var(--gray-100);
    left: 0;
    top: 1rem;
    transform: translateY(-50%)
}

.rdor-find-doctor-link-list .find-doctor-wrapper ul li a {
    color: var(--primary-60);
    font-weight: 400;
    text-decoration: underline;
    font-size: 1.4rem;
    line-height: 2.4rem
}

.rdor-find-doctor-link-list .find-doctor-wrapper ul li.see-all {
    padding-left: 0
}

.rdor-find-doctor-link-list .find-doctor-wrapper ul li.see-all::before {
    content: unset
}

.rdor-find-doctor-link-list .find-doctor-wrapper ul li.see-all a {
    color: var(--gray-100)
}

.rdor-find-doctor-link-list .disclaimer {
    color: var(--gray-50);
    font-size: 1rem;
    line-height: 1.6rem
}

@media screen and (min-width:576px) {
    .rdor-find-doctor-link-list .find-doctor-wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        width: 100%
    }

    .rdor-find-doctor-link-list .disclaimer {
        grid-column: span 2;
        margin-top: 0
    }
}

@media screen and (min-width:1050px) {
    .rdor-find-doctor-link-list {
        padding: 32px
    }

    .rdor-find-doctor-link-list .find-doctor-wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px
    }

    .rdor-find-doctor-link-list .find-doctor-wrapper .title {
        font-size: 2.4rem;
        line-height: 3.2rem
    }

    .rdor-find-doctor-link-list .find-doctor-wrapper ul {
        gap: 16px;
        margin-top: 16px
    }

    .rdor-find-doctor-link-list .find-doctor-wrapper ul li a {
        font-size: 1.6rem;
        line-height: 2.4rem;
        transition: color var(--transition)
    }

    .rdor-find-doctor-link-list .find-doctor-wrapper ul li a:hover {
        color: var(--primary-80)
    }

    .rdor-find-doctor-link-list .find-doctor-wrapper ul li.see-all {
        font-size: 1.6rem;
        line-height: 2.4rem;
        transition: color var(--transition)
    }

    .rdor-find-doctor-link-list .find-doctor-wrapper ul li.see-all:hover {
        color: var(--primary-80)
    }

    .rdor-find-doctor-link-list .disclaimer {
        font-size: 1.1rem;
        line-height: 1.6rem
    }
}

.recommendation-banner {
    border-radius: var(--border-radius);
    background: var(--primary-10);
    padding: 32px 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    position: relative;
    overflow: hidden
}

.recommendation-banner::after {
    content: "";
    background: var(--banner-rd-vertical);
    width: 4px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.recommendation-banner__texts {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.recommendation-banner__texts__title {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 600;
    text-transform: uppercase
}

.recommendation-banner__texts__text {
    font-size: 1.6rem;
    line-height: 2.4rem
}

.recommendation-banner__texts__text__specialty {
    text-decoration: underline;
    text-transform: lowercase
}

.recommendation-banner .cta-wrapper {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%
}

.recommendation-banner .cta-wrapper .partnership {
    display: flex;
    align-items: flex-end;
    font-size: 1.1rem;
    line-height: 1.5rem;
    gap: 4px
}

.recommendation-banner .cta-wrapper .partnership .icon-logo-rdor {
    font-size: 5.6rem;
    margin-bottom: .3rem;
    color: var(--rdor-primary)
}

.recommendation-banner .cta-wrapper .button-cta {
    padding: 0 16px
}

.recommendation-banner .cta-wrapper .button-cta .icon {
    font-size: 18px
}

.recommendation-banner__cta .icon {
    font-size: 18px
}

@media screen and (min-width:1050px) {
    .recommendation-banner {
        padding: 40px 32px;
        gap: 24px;
        margin: 0
    }

    .recommendation-banner__texts {
        gap: 10px
    }

    .recommendation-banner__texts__text {
        font-size: 1.8rem;
        line-height: 2.6rem
    }

    .recommendation-banner__texts__text__specialty {
        transition: var(--transition)
    }

    .recommendation-banner__texts__text__specialty:hover {
        color: var(--primary-60)
    }

    .recommendation-banner .cta-wrapper {
        width: unset
    }

    .recommendation-banner .cta-wrapper .button-cta {
        width: unset;
        padding: 0 32px
    }
}

.rdor-find-doctor-search-by-location {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    padding: 16px;
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow-gray-default);
    border: 1px solid var(--gray-20);
    position: relative;
    margin-bottom: 16px
}

.rdor-find-doctor-search-by-location::after {
    content: "";
    height: 100%;
    width: 4px;
    position: absolute;
    border-top-left-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
    left: 0;
    top: 0;
    background: var(--banner-rd-vertical)
}

.rdor-find-doctor-search-by-location .form-error-message {
    display: none
}

.rdor-find-doctor-search-by-location.error input {
    border-color: var(--error-50)
}

.rdor-find-doctor-search-by-location.error .form-error-message {
    display: block;
    color: var(--error-50);
    font-size: 1.1rem;
    position: absolute;
    left: 0;
    bottom: -16px
}

.rdor-find-doctor-search-by-location .texts-wrapper {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.rdor-find-doctor-search-by-location .texts-wrapper .title {
    font-size: 2rem;
    font-weight: 600;
    line-height: 2.6rem;
    color: var(--rdor-primary);
    margin: 0
}

.rdor-find-doctor-search-by-location .texts-wrapper .subtitle {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem
}

.rdor-find-doctor-search-by-location .cta-wrapper {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%
}

.rdor-find-doctor-search-by-location .cta-wrapper .partnership {
    display: flex;
    align-items: flex-end;
    font-size: 1.1rem;
    line-height: 1.5rem;
    gap: 4px
}

.rdor-find-doctor-search-by-location .cta-wrapper .partnership .icon-logo-rdor {
    font-size: 5.6rem;
    margin-bottom: .3rem;
    color: var(--rdor-primary)
}

.rdor-find-doctor-search-by-location .cta-wrapper .form-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px
}

.rdor-find-doctor-search-by-location .cta-wrapper .form-wrapper .input-search {
    flex: 1;
    position: relative
}

.rdor-find-doctor-search-by-location .cta-wrapper .form-wrapper .input-search .input-icon {
    position: absolute;
    left: 16px;
    top: 50%;
    color: var(--primary-60);
    font-size: 24px;
    transform: translateY(-50%);
    user-select: none;
    pointer-events: none
}

.rdor-find-doctor-search-by-location .cta-wrapper .form-wrapper .input-search .input-right-icon {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 12px;
    right: 16px;
    color: var(--gray-100);
    font-size: 20px;
    border: none;
    background-color: transparent;
    outline: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.rdor-find-doctor-search-by-location .cta-wrapper .form-wrapper .input-search .input-right-icon:has(~input[data-slug-value=""]) {
    color: var(--gray-50)
}

.rdor-find-doctor-search-by-location .cta-wrapper .form-wrapper .input-search .input-right-icon:has(~input[data-slug-value=""]:focus) {
    color: var(--gray-100)
}

.rdor-find-doctor-search-by-location .cta-wrapper .form-wrapper .input-search .input-right-icon .icon-caret-right {
    transform: rotate(90deg);
    font-size: 14px
}

.rdor-find-doctor-search-by-location .cta-wrapper .form-wrapper .input-search input {
    width: 100%;
    padding: 0 48px
}

.rdor-find-doctor-search-by-location .cta-wrapper .form-wrapper .input-search.auto-complete-open .auto-complete {
    display: block
}

.rdor-find-doctor-search-by-location .cta-wrapper .form-wrapper .input-search.auto-complete-open:not(:has(.auto-complete):has(li)) .auto-complete {
    display: none
}

.rdor-find-doctor-search-by-location .cta-wrapper .form-wrapper .input-search.auto-complete-open:has(.auto-complete):has(li) .auto-complete {
    display: block
}

.rdor-find-doctor-search-by-location .cta-wrapper .form-wrapper .input-search .auto-complete {
    display: none;
    width: calc(100% + 52px);
    position: absolute;
    top: 52px;
    z-index: 1;
    background-color: var(--white);
    border-radius: var(--border-radius);
    max-height: 295px;
    overflow-y: auto;
    box-shadow: var(--box-shadow-gray-default)
}

.rdor-find-doctor-search-by-location .cta-wrapper .form-wrapper .input-search .auto-complete .auto-complete-title {
    color: var(--primary-70);
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 500;
    text-transform: uppercase;
    padding: 16px 16px 8px 16px
}

.rdor-find-doctor-search-by-location .cta-wrapper .form-wrapper .input-search .auto-complete .auto-complete-items {
    margin: 0
}

.rdor-find-doctor-search-by-location .cta-wrapper .form-wrapper .input-search .auto-complete .auto-complete-item {
    padding: 12px 16px;
    display: grid;
    grid-template-columns: 24px 1fr;
    align-items: center;
    gap: 10px;
    position: relative;
    margin: 0
}

.rdor-find-doctor-search-by-location .cta-wrapper .form-wrapper .input-search .auto-complete .auto-complete-item.error {
    color: var(--gray-100);
    font-size: 1.6rem
}

.rdor-find-doctor-search-by-location .cta-wrapper .form-wrapper .input-search .auto-complete .auto-complete-item.error:hover {
    background-color: var(--white)
}

.rdor-find-doctor-search-by-location .cta-wrapper .form-wrapper .input-search .auto-complete .auto-complete-item.error .icon {
    color: var(--error-50);
    margin-top: 4px
}

.rdor-find-doctor-search-by-location .cta-wrapper .form-wrapper .input-search .auto-complete .auto-complete-item.with-divider {
    border-top: 1px solid var(--gray-20)
}

.rdor-find-doctor-search-by-location .cta-wrapper .form-wrapper .input-search .auto-complete .auto-complete-item[data-selected=true] {
    background-color: var(--gray-10)
}

.rdor-find-doctor-search-by-location .cta-wrapper .form-wrapper .input-search .auto-complete .auto-complete-item[data-selected=true].geolocation-item,
.rdor-find-doctor-search-by-location .cta-wrapper .form-wrapper .input-search .auto-complete .auto-complete-item[data-selected=true].particular-payment-item {
    background: var(--primary-20)
}

.rdor-find-doctor-search-by-location .cta-wrapper .form-wrapper .input-search .auto-complete .auto-complete-item::before {
    content: unset
}

.rdor-find-doctor-search-by-location .cta-wrapper .form-wrapper .input-search .auto-complete .auto-complete-item .auto-complete-logo {
    color: var(--primary-60)
}

.rdor-find-doctor-search-by-location .cta-wrapper .form-wrapper .input-search .auto-complete .auto-complete-item .auto-complete-info {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    cursor: pointer;
    color: var(--gray-100);
    display: flex;
    flex-direction: column;
    gap: 2px
}

.rdor-find-doctor-search-by-location .cta-wrapper .form-wrapper .input-search .auto-complete .auto-complete-item:hover {
    background-color: var(--gray-10)
}

.rdor-find-doctor-search-by-location .cta-wrapper .form-wrapper .input-search .auto-complete .auto-complete-item.with-type {
    grid-template-columns: 24px 1fr 50px
}

.rdor-find-doctor-search-by-location .cta-wrapper .form-wrapper .input-search .auto-complete .auto-complete-item .doctor-image {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    object-fit: cover
}

.rdor-find-doctor-search-by-location .cta-wrapper .form-wrapper .input-search .auto-complete .auto-complete-item .icon {
    font-size: 24px;
    display: block;
    margin-right: 8px
}

.rdor-find-doctor-search-by-location .cta-wrapper .form-wrapper .input-search .auto-complete .auto-complete-item .item-context {
    font-size: 1.2rem;
    line-height: 1.6rem;
    font-weight: 300;
    color: var(--gray-70)
}

.rdor-find-doctor-search-by-location .cta-wrapper .form-wrapper .input-search .auto-complete .auto-complete-item .item-type {
    font-size: 1.2rem;
    line-height: 2.2rem;
    font-weight: 300;
    color: var(--gray-70);
    margin-left: auto
}

.rdor-find-doctor-search-by-location .cta-wrapper .form-wrapper .input-search .auto-complete .auto-complete-see-all {
    color: var(--primary-60);
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2rem;
    text-transform: uppercase;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 16px 16px 16px;
    border-top: 1px solid var(--gray-20);
    gap: 8px
}

.rdor-find-doctor-search-by-location .cta-wrapper .form-wrapper .input-search .auto-complete .auto-complete-see-all .icon {
    font-size: 16px
}

.rdor-find-doctor-search-by-location .cta-wrapper .form-wrapper .input-search .auto-complete .geolocation-item,
.rdor-find-doctor-search-by-location .cta-wrapper .form-wrapper .input-search .auto-complete .particular-payment-item {
    border-bottom: 1px solid var(--gray-20)
}

.rdor-find-doctor-search-by-location .cta-wrapper .form-wrapper .input-search .auto-complete .geolocation-item *,
.rdor-find-doctor-search-by-location .cta-wrapper .form-wrapper .input-search .auto-complete .particular-payment-item * {
    color: var(--primary-80)
}

.rdor-find-doctor-search-by-location .cta-wrapper .form-wrapper .button-cta {
    height: 46px;
    width: 46px
}

.rdor-find-doctor-search-by-location .cta-wrapper .form-wrapper .button-cta .button-text {
    display: none
}

.rdor-find-doctor-search-by-location .cta-wrapper .form-wrapper .button-cta .loader {
    display: none
}

.rdor-find-doctor-search-by-location .cta-wrapper .form-wrapper .button-cta .icon {
    font-size: 18px
}

.rdor-find-doctor-search-by-location .cta-wrapper .form-wrapper .button-cta.loading .loader {
    display: block
}

.rdor-find-doctor-search-by-location .disclaimer {
    color: var(--gray-50);
    font-size: 1.1rem;
    line-height: 1.6rem;
    font-weight: 400
}

@media screen and (min-width:1050px) {
    .rdor-find-doctor-search-by-location {
        margin: 0;
        padding: 32px
    }

    .rdor-find-doctor-search-by-location .texts-wrapper {
        display: flex;
        flex-direction: column;
        gap: 8px
    }

    .rdor-find-doctor-search-by-location .texts-wrapper .title {
        font-size: 2.6rem;
        line-height: 3.4rem
    }

    .rdor-find-doctor-search-by-location .texts-wrapper .subtitle {
        font-size: 1.8rem;
        line-height: 2.6rem
    }

    .rdor-find-doctor-search-by-location .cta-wrapper .form-wrapper .input-search .auto-complete {
        width: 100%
    }

    .rdor-find-doctor-search-by-location .cta-wrapper .form-wrapper .button-cta {
        height: 46px;
        width: 132px;
        padding: 0 24px
    }

    .rdor-find-doctor-search-by-location .cta-wrapper .form-wrapper .button-cta .button-text {
        display: block
    }
}

.rdor-find-doctor-specialty-floating {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding: 16px;
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow-gray-default);
    border: 1px solid var(--gray-20);
    position: relative;
    overflow: hidden;
    margin-bottom: 16px;
    transition: opacity var(--transition)
}

.rdor-find-doctor-specialty-floating._hide {
    opacity: 0;
    pointer-events: none
}

.rdor-find-doctor-specialty-floating::after {
    content: "";
    height: 100%;
    width: 4px;
    position: absolute;
    left: 0;
    top: 0;
    background: var(--banner-rd-vertical)
}

.rdor-find-doctor-specialty-floating .texts-wrapper .title {
    font-size: 2rem;
    font-weight: 600;
    line-height: 2.6rem;
    color: var(--rdor-primary);
    margin: 0
}

.rdor-find-doctor-specialty-floating .cta-wrapper {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%
}

.rdor-find-doctor-specialty-floating .cta-wrapper .partnership {
    display: flex;
    align-items: flex-end;
    font-size: 1.1rem;
    line-height: 1.5rem;
    gap: 4px
}

.rdor-find-doctor-specialty-floating .cta-wrapper .partnership .icon-logo-rdor {
    font-size: 5.6rem;
    margin-bottom: .3rem;
    color: var(--rdor-primary)
}

.rdor-find-doctor-specialty-floating .cta-wrapper .button-cta {
    padding: 0 16px
}

.rdor-find-doctor-specialty-floating .cta-wrapper .button-cta .icon {
    font-size: 18px
}

.rdor-find-doctor-specialty-floating .disclaimer {
    color: var(--gray-50);
    font-size: 1.1rem;
    line-height: 1.6rem;
    font-weight: 400;
    margin-top: 8px
}

.rdor-find-doctor-specialty-floating .disclaimer b {
    font-weight: 400
}

@media screen and (min-width:1050px) {
    .rdor-find-doctor-specialty-floating {
        margin: 0;
        padding: 24px;
        position: sticky;
        top: 133px
    }
}

.rdor-find-doctor-specialty-mobile-sticky {
    display: none
}

@media screen and (max-width:1049px) {
    .rdor-find-doctor-specialty-mobile-sticky {
        display: flex !important;
        padding: 16px 16px 16px 20px;
        align-items: center;
        gap: 16px;
        flex: 1 0 0;
        border-radius: 4px;
        border: 1px solid var(--Gray-20, #e0e0e0);
        background: rgba(255, 255, 255, .8);
        box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .1);
        backdrop-filter: blur(15px);
        position: fixed;
        bottom: 16px;
        left: 16px;
        right: 16px;
        z-index: 1000;
        max-width: calc(100% - 32px);
        opacity: 1;
        transform: translateY(0);
        transition: transform .3s ease-in-out, opacity .3s ease-in-out;
        pointer-events: auto;
        overflow: hidden
    }

    .rdor-find-doctor-specialty-mobile-sticky::after {
        content: "";
        height: 100%;
        width: 4px;
        position: absolute;
        left: 0;
        top: 0;
        background: var(--banner-rd-vertical)
    }

    .rdor-find-doctor-specialty-mobile-sticky._hide {
        transform: translateY(calc(100% + 16px)) !important;
        opacity: 0 !important;
        pointer-events: none !important
    }

    .rdor-find-doctor-specialty-mobile-sticky .text-wrapper {
        width: 202px;
        min-width: 0;
        align-self: stretch
    }

    .rdor-find-doctor-specialty-mobile-sticky .text-wrapper .text {
        color: var(--RDor-90, #004186);
        font-feature-settings: "case" on;
        font-family: Rubik, sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .rdor-find-doctor-specialty-mobile-sticky .button-cta {
        display: flex;
        padding: 8px 16px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 24px;
        background: var(--MarcarConsulta, #df8d2c);
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05);
        color: var(--white, #fff);
        text-decoration: none;
        font-weight: 600;
        font-size: 14px;
        white-space: nowrap;
        flex-shrink: 0;
        transition: background-color .2s ease-in-out
    }

    .rdor-find-doctor-specialty-mobile-sticky .button-cta:hover {
        background: var(--MarcarConsulta-hover, #c87d26)
    }

    .rdor-find-doctor-specialty-mobile-sticky .button-cta:active {
        background: var(--MarcarConsulta-active, #b06d20)
    }
}

.rdor-find-doctor-widget-result {
    margin: 16px 0 24px 0
}

.rdor-find-doctor-widget-result .subtitle {
    margin-bottom: 16px
}

.rdor-find-doctor-widget-result .cta-wrapper {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%
}

.rdor-find-doctor-widget-result .cta-wrapper .partnership {
    display: flex;
    align-items: flex-end;
    font-size: 1.1rem;
    line-height: 1.5rem;
    gap: 4px
}

.rdor-find-doctor-widget-result .cta-wrapper .partnership .icon-logo-rdor {
    font-size: 5.6rem;
    margin-bottom: .3rem;
    color: var(--rdor-primary)
}

.rdor-find-doctor-widget-result .cta-wrapper .button-cta {
    padding: 0 16px
}

.rdor-find-doctor-widget-result .cta-wrapper .button-cta .icon {
    font-size: 18px
}

@media screen and (min-width:1050px) {
    .rdor-find-doctor-widget-result {
        margin: 24px 0
    }

    .rdor-find-doctor-widget-result .subtitle {
        margin-bottom: 20px
    }

    .rdor-find-doctor-widget-result .cta-wrapper {
        width: unset;
        display: inline-flex
    }

    .rdor-find-doctor-widget-result .cta-wrapper .button-cta {
        width: unset;
        padding: 0 32px
    }
}

.breadcrumbs {
    padding: 0;
    margin: 0;
    width: 100%;
    min-height: 20px
}

.breadcrumbs ul {
    list-style: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap
}

.breadcrumbs ul li {
    margin-right: 8px;
    display: flex;
    align-items: center;
    justify-content: center
}

.breadcrumbs ul li a,
.breadcrumbs ul li span {
    text-decoration: none;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.8rem;
    color: var(--gray-60)
}

.breadcrumbs ul li:not(:first-child):before {
    content: "";
    margin-right: 8px;
    width: 6px;
    height: 8px;
    background-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='8' viewBox='0 0 6 8' fill='none'><path d='M1.3125 0.625L4.6875 4L1.3125 7.375' stroke='%237A7A7A' stroke-linecap='round' stroke-linejoin='round'/></svg>")
}

.breadcrumbs ul li:last-child a,
.breadcrumbs ul li:last-child span {
    color: var(--gray-100)
}

@media screen and (min-width:1050px) {

    .breadcrumbs ul li a,
    .breadcrumbs ul li span {
        font-size: 1.4rem;
        line-height: 2rem;
        transition: color var(--transition)
    }

    .breadcrumbs ul li:before {
        transform: scale(1.3)
    }

    .breadcrumbs ul li a:hover {
        color: var(--primary-60)
    }
}

#component-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%
}

#component-pagination .page-selector-next,
#component-pagination .page-selector-prev {
    display: flex;
    align-items: center;
    justify-content: center
}

#component-pagination .page-selector-next .icon,
#component-pagination .page-selector-prev .icon {
    font-size: 1.2rem
}

#component-pagination .page-selector-prev .icon {
    transform: rotate(-180deg)
}

#component-pagination .page-selector-next .icon {
    transform: unset
}

#component-pagination .page-selector {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none
}

#component-pagination .page-selector .selector-button.disabled {
    opacity: .4;
    box-shadow: unset;
    user-select: none
}

#component-pagination .page-selector li {
    background: var(--white);
    border-radius: var(--border-radius);
    overflow: hidden;
    box-shadow: var(--box-shadow-gray-light)
}

#component-pagination .page-selector li .selector-button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    width: 34px;
    border-radius: var(--border-radius);
    font-weight: 400;
    font-size: 1.6rem;
    text-align: center;
    color: var(--primary-60);
    border: 1px solid var(--primary-60);
    text-decoration: none
}

#component-pagination .page-selector li.selected .selector-button {
    color: var(--white);
    background: var(--primary-60)
}

@media screen and (min-width:1050px) {
    #component-pagination {
        flex-direction: row;
        align-items: center;
        justify-content: space-between
    }

    #component-pagination .page-selector li .selector-button {
        height: 40px;
        width: 40px;
        transition: color var(--transition), background-color var(--transition)
    }

    #component-pagination .page-selector li .selector-button:hover:not(.disabled) {
        color: var(--white);
        background-color: var(--primary-60)
    }
}

.footer-rdor {
    background: var(--banner-rd);
    color: var(--white);
    padding: 48px 0
}

.footer-rdor .footer-rdor-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column
}

.footer-rdor .footer-rdor-logo-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 16px;
    font-size: 126px;
    color: var(--white)
}

.footer-rdor .footer-rdor-logo-container .footer-rdor-divider {
    border-bottom: .8px solid var(--white);
    width: 100%
}

.footer-rdor .footer-rdor-logo-container .footer-rdor-logo-text {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.8rem;
    width: 178px;
    text-align: center
}

.footer-rdor .footer-rdor-group {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-top: 40px;
    color: var(--white);
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    max-width: 300px
}

.footer-rdor .footer-rdor-group .title {
    grid-column: 1/-1;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 0
}

.footer-rdor .footer-rdor-group a {
    font-weight: 400;
    color: var(--white);
    text-decoration: underline
}

@media screen and (min-width:1050px) {
    .footer-rdor {
        padding: 26px 0
    }

    .footer-rdor .footer-rdor-container {
        flex-direction: row
    }

    .footer-rdor .footer-rdor-logo-container {
        flex-direction: row
    }

    .footer-rdor .footer-rdor-logo-container .icon {
        margin-top: -10px
    }

    .footer-rdor .footer-rdor-logo-container .footer-rdor-divider {
        border-left: .8px solid var(--white);
        height: 50px;
        width: 0;
        border-bottom: 0
    }

    .footer-rdor .footer-rdor-logo-container .footer-rdor-logo-text {
        text-align: left
    }

    .footer-rdor .footer-rdor-group {
        display: flex;
        gap: 24px;
        margin-top: 0;
        max-width: unset;
        flex-wrap: wrap;
        text-align: left
    }

    .footer-rdor .footer-rdor-group .title {
        align-self: center;
        grid-column: unset
    }
}

#footer .footer-tuasaude {
    background-color: var(--footer-bg);
    padding: 32px 0 0 0
}

#footer .footer-tuasaude .footer-wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px
}

#footer .footer-tuasaude .footer-wrapper .footer-logo {
    align-self: center;
    font-size: 186px
}

#footer .footer-tuasaude .footer-wrapper .footer-social-links {
    align-self: center
}

#footer .footer-tuasaude .footer-wrapper .footer-text address,
#footer .footer-tuasaude .footer-wrapper .footer-text p {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2.4rem;
    margin-bottom: 1.6rem;
    font-style: normal
}

#footer .footer-tuasaude .footer-wrapper .footer-text address:last-child,
#footer .footer-tuasaude .footer-wrapper .footer-text p:last-child {
    margin-bottom: 0
}

#footer .footer-tuasaude .footer-wrapper .footer-menu ul {
    list-style-type: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px
}

#footer .footer-tuasaude .footer-wrapper .footer-menu ul li a {
    font-size: 1.4rem;
    line-height: 2.4rem;
    text-decoration: underline
}

#footer .footer-tuasaude .footer-wrapper .footer-menu ul li a.special {
    text-transform: uppercase;
    font-weight: 500
}

#footer .footer-tuasaude .footer-wrapper .footer-certificate {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--gray-50);
    font-size: 1.2rem;
    line-height: 1.6rem
}

#footer .footer-tuasaude .footer-wrapper .footer-certificate img {
    height: 32px;
    width: auto;
    display: block
}

#footer .footer-tuasaude .footer-wrapper .footer-group {
    display: flex;
    flex-direction: column;
    grid-column: span 2;
    order: 7
}

#footer .footer-tuasaude .footer-wrapper .footer-group .footer-update-copy {
    text-align: center;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.4rem;
    border-top: 1px solid var(--gray-20);
    padding: 32px 0
}

#footer .footer-tuasaude .footer-wrapper .footer-group .footer-update-copy .dot {
    margin-top: 8px
}

#footer .footer-tuasaude .footer-wrapper .footer-group .footer-update-copy .language-selector {
    margin: 32px auto 0 auto
}

#footer .footer-tuasaude .footer-wrapper .footer-group .footer-mark {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    padding: 32px 0;
    border-top: 1px solid var(--gray-20)
}

@media screen and (min-width:576px) {
    #footer .footer-tuasaude .footer-wrapper {
        display: grid;
        grid-template-columns: 1.2fr 2fr;
        column-gap: 120px;
        row-gap: 48px
    }

    #footer .footer-tuasaude .footer-wrapper .footer-logo {
        justify-self: flex-start;
        order: 1
    }

    #footer .footer-tuasaude .footer-wrapper .footer-social-links {
        justify-self: flex-end;
        order: 2
    }

    #footer .footer-tuasaude .footer-wrapper .footer-text {
        grid-column: span 2;
        order: 3
    }

    #footer .footer-tuasaude .footer-wrapper .footer-newsletter {
        grid-column: span 2;
        order: 4
    }

    #footer .footer-tuasaude .footer-wrapper .footer-menu {
        grid-column: span 2;
        order: 5
    }

    #footer .footer-tuasaude .footer-wrapper .footer-certificate {
        grid-column: span 2;
        order: 6
    }

    #footer .footer-tuasaude .footer-wrapper .footer-certificate.inverted {
        order: 4;
        margin: 0;
        grid-row: span 2
    }

    #footer .footer-tuasaude .footer-wrapper .footer-group {
        grid-column: span 2;
        order: 7
    }
}

@media screen and (min-width:1050px) {
    #footer .footer-tuasaude .footer-wrapper {
        display: grid;
        grid-template-columns: 1.2fr 2fr;
        column-gap: 120px;
        row-gap: 48px
    }

    #footer .footer-tuasaude .footer-wrapper .footer-logo {
        justify-self: flex-start;
        order: 1
    }

    #footer .footer-tuasaude .footer-wrapper .footer-social-links {
        justify-self: flex-end;
        order: 2
    }

    #footer .footer-tuasaude .footer-wrapper .footer-text {
        grid-column: span 2;
        order: 3
    }

    #footer .footer-tuasaude .footer-wrapper .footer-newsletter {
        grid-column: unset;
        order: 4
    }

    #footer .footer-tuasaude .footer-wrapper .footer-menu {
        grid-column: unset;
        grid-row: span 2;
        order: 5
    }

    #footer .footer-tuasaude .footer-wrapper .footer-menu ul {
        gap: 16px
    }

    #footer .footer-tuasaude .footer-wrapper .footer-menu ul li a {
        transition: color var(--transition)
    }

    #footer .footer-tuasaude .footer-wrapper .footer-menu ul li a:hover {
        color: var(--primary-70)
    }

    #footer .footer-tuasaude .footer-wrapper .footer-certificate {
        grid-column: unset;
        order: 6;
        margin-top: -24px
    }

    #footer .footer-tuasaude .footer-wrapper .footer-certificate.inverted {
        order: 4;
        margin: 0;
        grid-row: span 2
    }

    #footer .footer-tuasaude .footer-wrapper .footer-group {
        grid-column: span 2;
        order: 7;
        display: flex;
        flex-direction: column;
        gap: 0
    }

    #footer .footer-tuasaude .footer-wrapper .footer-group .footer-update-copy {
        display: flex;
        align-items: center;
        padding: 32px 0;
        gap: 16px
    }

    #footer .footer-tuasaude .footer-wrapper .footer-group .footer-update-copy .dot {
        margin: 0;
        width: 4px;
        height: 4px;
        background-color: var(--primary-60);
        border-radius: 50%
    }

    #footer .footer-tuasaude .footer-wrapper .footer-group .footer-update-copy .language-selector {
        margin: 0 0 0 auto
    }

    #footer .footer-tuasaude .footer-wrapper .footer-group .footer-mark {
        align-items: center;
        padding: 0;
        padding: 32px 0;
        gap: 16px
    }
}

header.header-appointment {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 10;
    transition: transform var(--transition);
    transform: translateY(0);
    width: 100%
}

header.header-appointment.fixed {
    position: fixed !important
}

header.header-appointment._hide {
    transform: translateY(-100%)
}

header.header-appointment .nav-header {
    border-bottom: 1px solid var(--gray-20);
    width: 100%;
    background-color: var(--white);
    display: flex;
    align-items: center;
    height: 52px
}

header.header-appointment .nav-header .header-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    flex-direction: row;
    position: relative;
    z-index: 3
}

header.header-appointment .nav-header .header-wrapper .header-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 187px
}

header.header-appointment .nav-header #menuToggle {
    display: block;
    z-index: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 10px 0
}

header.header-appointment .nav-header #menuToggle .hamburger-toggle {
    width: 30px;
    height: 30px;
    background-color: transparent;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center
}

header.header-appointment .nav-header #menuToggle .hamburger-toggle .hamburger {
    width: 16px;
    height: 12px;
    position: relative;
    transition: .5s ease-in-out;
    cursor: pointer
}

header.header-appointment .nav-header #menuToggle .hamburger-toggle .hamburger span {
    display: block;
    position: absolute;
    height: 2px;
    width: 16px;
    background: var(--gray-100);
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

header.header-appointment .nav-header #menuToggle .hamburger-toggle .hamburger span:nth-child(1) {
    top: 0;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

header.header-appointment .nav-header #menuToggle .hamburger-toggle .hamburger span:nth-child(2) {
    top: 6px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

header.header-appointment .nav-header #menuToggle .hamburger-toggle .hamburger span:nth-child(3) {
    top: 12px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

header.header-appointment .nav-header #menuToggle .hamburger-toggle.active .hamburger span {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0;
    left: 3px;
    width: 17px
}

header.header-appointment .nav-header #menuToggle .hamburger-toggle.active .hamburger span:nth-child(2) {
    width: 0%;
    opacity: 0
}

header.header-appointment .nav-header #menuToggle .hamburger-toggle.active .hamburger span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 12px;
    left: 3px;
    width: 17px
}

header.header-appointment .nav-header #menu {
    position: absolute;
    width: 100%;
    top: 51px;
    left: 0;
    height: calc(100vh - 51px);
    max-height: calc(100vh - 51px);
    background: var(--white);
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    transition: max-height .5s cubic-bezier(0, 1, 0, 1);
    overflow: auto;
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

header.header-appointment .nav-header #menu.hide-top {
    max-height: 0
}

header.header-appointment .nav-header #menu ul {
    list-style: none;
    padding: 0 16px
}

header.header-appointment .nav-header #menu ul li.open-theme-menu a {
    display: block
}

header.header-appointment .nav-header #menu ul li.open-theme-menu a span {
    margin-left: 8px;
    font-size: 1.2rem;
    transform: rotate(90deg);
    transition: .5s ease
}

header.header-appointment .nav-header #menu ul li.open-theme-menu.open a span {
    transform: rotate(-90deg)
}

header.header-appointment .nav-header #menu ul li a {
    padding: 20px 0;
    border-bottom: 1px solid var(--gray-20);
    text-decoration: none;
    color: var(--gray-100);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.4rem;
    text-transform: uppercase
}

header.header-appointment .nav-header #menu ul li a .icon {
    margin-left: 8px
}

header.header-appointment .nav-header #menu ul li a.special {
    font-weight: 500;
    gap: 6px
}

header.header-appointment .nav-header #menu ul li a.super-special {
    font-weight: 500;
    color: var(--primary-60)
}

header.header-appointment .nav-header #menu ul li a:hover {
    color: var(--primary-70)
}

header.header-appointment .nav-header #menu .header-social-links {
    font-size: 2.2rem
}

header.header-appointment .nav-header .navigation-menu {
    margin-bottom: 20px
}

header.header-appointment .nav-header .navigation-menu li {
    text-align: center
}

@media screen and (min-width:1050px) {
    header.header-appointment {
        background-color: var(--white)
    }

    header.header-appointment .nav-header {
        z-index: 4;
        height: 82px;
        overflow: hidden
    }

    header.header-appointment .nav-header .header-wrapper nav {
        order: 2;
        flex: 1
    }

    header.header-appointment .nav-header .header-wrapper nav #menuToggle {
        padding: 0
    }

    header.header-appointment .nav-header .header-wrapper nav #menuToggle .hamburger-toggle {
        display: none
    }

    header.header-appointment .nav-header .header-wrapper nav #menuToggle #menu {
        position: unset;
        height: unset;
        width: unset;
        padding: unset
    }

    header.header-appointment .nav-header .header-wrapper nav #menuToggle #menu.hide-top {
        max-height: unset
    }

    header.header-appointment .nav-header .header-wrapper nav #menuToggle #menu ul {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin: unset;
        padding: unset;
        gap: 48px
    }

    header.header-appointment .nav-header .header-wrapper nav #menuToggle #menu ul li {
        margin: unset;
        height: 82px;
        display: flex;
        align-items: center
    }

    header.header-appointment .nav-header .header-wrapper nav #menuToggle #menu ul li a {
        transition: .3s ease;
        border: none;
        font-size: 1.5rem
    }

    header.header-appointment .nav-header .header-wrapper nav #menuToggle #menu ul li a .icon {
        display: none
    }

    header.header-appointment .nav-header .header-wrapper .header-logo {
        order: 1;
        position: unset;
        top: unset;
        left: unset;
        transform: unset;
        font-size: 276px
    }

    header.header-appointment .nav-header .header-wrapper.open #menu ul li a {
        color: var(--gray-30)
    }
}

:root {
    --header-height: 0px;
    --header-height-big: 0px
}

header#header {
    border-bottom: 1px solid var(--gray-20);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    transition: transform var(--transition);
    width: 100vw
}

header#header .progress-bar {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    z-index: 2
}

header#header .progress-bar .inner {
    width: 0;
    transition: width var(--transition);
    height: 100%;
    background-color: var(--primary-60)
}

body {
    padding-top: var(--header-height, 52px)
}

html[data-big-menu=true] body {
    padding-top: var(--header-height, 88px)
}

@media screen and (min-width:1050px) {
    body {
        padding-top: var(--header-height, 82px)
    }

    html[data-big-menu=true] body {
        padding-top: var(--header-height, 122px)
    }
}

.header-placeholder {
    padding-top: var(--header-height, 52px)
}

.header-placeholder[data-big="1"] {
    padding-top: var(--header-height, 88px)
}

@media screen and (min-width:1050px) {
    .header-placeholder {
        padding-top: var(--header-height, 82px)
    }

    .header-placeholder[data-big="1"] {
        padding-top: var(--header-height, 122px)
    }
}

.product-menu {
    align-items: center;
    border-bottom: 1px solid var(--gray-20);
    background-color: #fcfcfc
}

.product-menu .container {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center
}

.product-menu .badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 2px solid var(--gray-100);
    text-transform: uppercase;
    color: var(--gray-100);
    border-radius: 10px
}

.product-menu .badge-env-development {
    border-color: #5cb85c;
    color: #5cb85c
}

.product-menu .badge-env-staging {
    border-color: #f0ad4e;
    color: #f0ad4e
}

.product-menu ul {
    list-style: none;
    display: flex;
    gap: 16px;
    align-items: center;
    overflow-x: auto;
    white-space: nowrap;
    margin: 0 -16px;
    padding: 0 16px;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.product-menu ul li a {
    text-transform: uppercase;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    display: flex;
    align-items: center;
    height: 36px;
    transition: color var(--transition);
    position: relative
}

.product-menu ul li a[data-active="1"]:after {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 2px
}

.product-menu ul li a[data-type=blog] {
    color: var(--primary-60)
}

.product-menu ul li a[data-type=blog]:after {
    background-color: var(--primary-60)
}

.product-menu ul li a[data-type=blog]:hover {
    color: var(--primary-80)
}

.product-menu ul li a[data-type=find-doctor] {
    color: var(--rdor-primary)
}

.product-menu ul li a[data-type=find-doctor]:after {
    background-color: var(--rdor-primary)
}

.product-menu ul li a[data-type=find-doctor]:hover {
    color: var(--rdor-primary-hover)
}

.product-menu ul li a[data-type=exam] {
    color: var(--rdor-secondary)
}

.product-menu ul li a[data-type=exam]:after {
    background-color: var(--rdor-secondary)
}

.product-menu ul li a[data-type=exam]:hover {
    color: var(--rdor-secondary-hover)
}

.product-menu ul li a[data-type=doctor-answer] {
    color: var(--MR-60)
}

.product-menu ul li a[data-type=doctor-answer]:after {
    background-color: var(--MR-60)
}

.product-menu ul li a[data-type=doctor-answer]:hover {
    color: var(--MR-80)
}

.product-menu ul li a[data-type=news] {
    color: #0a5b79
}

.product-menu ul li a[data-type=news]:after {
    background-color: #0a5b79
}

.product-menu ul li a[data-type=news]:hover {
    color: #0d7499
}

@media screen and (min-width:1050px) {
    .product-menu ul {
        margin: 0;
        padding: 0;
        gap: 24px
    }

    .product-menu ul li a {
        height: 40px
    }
}

.modal-global-message {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(30, 30, 30, .5);
    transition: opacity var(--transition);
    opacity: 0;
    padding: 16px
}

.modal-global-message.open {
    opacity: 1
}

.modal-global-message .modal-header {
    position: relative
}

.modal-global-message .modal-header .modal-close-button {
    position: absolute;
    right: 16px;
    top: 16px;
    background-color: transparent;
    border: none;
    font-size: 20px
}

.modal-global-message .modal-body {
    padding: 32px;
    background-color: var(--white);
    border-radius: var(--border-radius)
}

.modal-global-message .modal-body .title-wrapper {
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 8px
}

.modal-global-message .modal-body .title-wrapper .icon-wrapper {
    background-color: #7cdd8e;
    color: var(--white);
    border-radius: 50%;
    width: 24px;
    height: 24px;
    font-size: 18px
}

.modal-global-message .modal-body .description {
    margin: 8px 0 24px 0
}

@media screen and (min-width:1050px) {
    .modal-global-message .modal-content {
        max-width: 560px
    }

    .modal-global-message .modal-content .modal-body {
        padding: 32px
    }

    .modal-global-message .modal-content .modal-body .title-wrapper {
        margin-bottom: 8px;
        display: flex;
        align-items: center;
        gap: 10px
    }

    .modal-global-message .modal-content .modal-body .title-wrapper .icon-wrapper {
        background-color: #7cdd8e;
        color: var(--white);
        border-radius: 50%;
        width: 28px;
        height: 28px;
        font-size: 24px
    }

    .modal-global-message .modal-content .modal-body .description {
        margin: 8px 0 24px 0
    }

    .modal-global-message .modal-content .modal-body button {
        max-width: 180px
    }
}

.product-banner-1-item {
    position: relative;
    display: flex;
    width: 100%;
    max-width: 380px;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.product-banner-1-item::after,
.product-banner-1-item::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background: #e0e0e0
}

.product-banner-1-item::before {
    top: 0
}

.product-banner-1-item::after {
    bottom: 0
}

.product-banner-1-item__spacer-top {
    margin-top: 32px
}

.product-banner-1-item__spacer-bottom {
    margin-bottom: 32px
}

.product-banner-1-item__disclaimer {
    color: var(--Gray-50, #a3a3a3);
    font-family: Rubik;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px;
    margin: 0 !important;
    text-align: center;
    align-self: stretch
}

.product-banner-1-item__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    align-self: stretch
}

.product-banner-1-item__image {
    width: 140px;
    height: 140px;
    aspect-ratio: 1/1;
    border-radius: 4px;
    object-fit: contain;
    flex-shrink: 0;
    display: block
}

.product-banner-1-item__content-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    align-self: stretch
}

.product-banner-1-item__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    align-self: stretch
}

.product-banner-1-item__logo {
    width: 40px;
    height: 12px;
    aspect-ratio: 10/3
}

.product-banner-1-item__logo svg {
    width: 100%;
    height: 100%
}

.product-banner-1-item__description {
    align-self: stretch;
    color: var(--Gray-100, #3d3d3d);
    text-align: center;
    font-family: Rubik;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.product-banner-1-item__price-container {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center
}

.product-banner-1-item__price {
    color: var(--Gray-100, #3d3d3d);
    font-family: Rubik;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.product-banner-1-item__price-original {
    color: var(--Gray-70, #7a7a7a);
    font-family: Rubik;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    text-decoration-line: line-through
}

.product-banner-1-item__discount {
    display: flex;
    padding: 3px 6px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: var(--white, #fff);
    font-family: Rubik;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    background-color: #f15252;
    border-radius: 4px
}

.product-banner-1-item__buy-button {
    display: flex;
    padding: 11px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 32px;
    background: #ff6a00;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05);
    color: var(--white, #fff);
    font-family: Rubik;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    text-transform: uppercase;
    text-align: center;
    border: none;
    cursor: pointer;
    text-decoration: none;
    width: 169px;
    box-sizing: border-box
}

@media screen and (min-width:1050px) {
    .product-banner-1-item {
        display: flex;
        width: 100%;
        max-width: 685px;
        flex-direction: column;
        align-items: flex-start;
        align-self: stretch
    }

    .product-banner-1-item__spacer-top {
        margin-top: 40px
    }

    .product-banner-1-item__spacer-bottom {
        margin-bottom: 40px
    }

    .product-banner-1-item__container {
        display: flex;
        width: 685px;
        justify-content: center;
        align-items: center;
        gap: 24px;
        border-radius: 4px;
        flex-direction: row;
        flex-wrap: wrap
    }

    .product-banner-1-item__disclaimer {
        flex-basis: 100%;
        margin-top: 16px !important;
        margin-bottom: 0 !important
    }

    .product-banner-1-item__image {
        width: 160px;
        height: 160px;
        flex-shrink: 0;
        aspect-ratio: 1/1;
        border-radius: 4px;
        object-fit: contain;
        display: block
    }

    .product-banner-1-item__content-wrapper {
        display: flex;
        flex-direction: row;
        width: 501px;
        align-items: center;
        justify-content: space-between;
        gap: 40px;
        flex-shrink: 0;
        align-self: stretch
    }

    .product-banner-1-item__content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        flex: 1 1 auto;
        min-width: 0;
        justify-content: center
    }

    .product-banner-1-item__logo {
        width: 46px;
        height: 14px;
        aspect-ratio: 23/7
    }

    .product-banner-1-item__logo svg {
        width: 100%;
        height: 100%
    }

    .product-banner-1-item__description {
        align-self: stretch;
        color: var(--Gray-100, #3d3d3d);
        text-align: left;
        font-family: Rubik;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: none;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .product-banner-1-item__price-container {
        display: flex;
        align-items: center;
        gap: 10px;
        justify-content: flex-start
    }

    .product-banner-1-item__price {
        color: var(--Gray-100, #3d3d3d);
        font-family: Rubik;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 26px
    }

    .product-banner-1-item__price-original {
        color: var(--Gray-70, #7a7a7a);
        font-family: Rubik;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
        text-decoration-line: line-through
    }

    .product-banner-1-item__discount {
        display: flex;
        padding: 3px 6px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        color: var(--white, #fff);
        font-family: Rubik;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 16px
    }

    .product-banner-1-item__buy-button {
        display: flex;
        padding: 11px 24px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 32px;
        background: #ff6a00;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05);
        color: var(--white, #fff);
        font-family: Rubik;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
        text-transform: uppercase;
        text-align: center;
        width: 169px;
        box-sizing: border-box;
        flex-shrink: 0;
        white-space: nowrap
    }

    .product-banner-1-item__buy-button:hover {
        border-radius: 32px;
        background: #ff7f26;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05)
    }
}

.product-banner-2-items {
    position: relative;
    display: flex;
    width: 100%;
    max-width: 380px;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.product-banner-2-items::after,
.product-banner-2-items::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background: #e0e0e0
}

.product-banner-2-items::before {
    top: 0
}

.product-banner-2-items::after {
    bottom: 0
}

.product-banner-2-items__spacer-top {
    margin-top: 32px
}

.product-banner-2-items__spacer-bottom {
    margin-bottom: 32px
}

.product-banner-2-items__disclaimer {
    color: var(--Gray-50, #a3a3a3);
    font-family: Rubik;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px;
    margin: 0 !important;
    text-align: center;
    align-self: stretch
}

.product-banner-2-items__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    align-self: stretch
}

.product-banner-2-items__row {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    flex-wrap: wrap
}

.product-banner-2-items__banner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex: 1 1 calc(50% - 8px);
    min-width: 0
}

.product-banner-2-items__image {
    width: 140px;
    height: 140px;
    aspect-ratio: 1/1;
    border-radius: 4px;
    object-fit: contain;
    flex-shrink: 0;
    display: block
}

.product-banner-2-items__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch
}

.product-banner-2-items__logo {
    width: 40px;
    height: 12px;
    aspect-ratio: 10/3
}

.product-banner-2-items__logo svg {
    width: 100%;
    height: 100%
}

.product-banner-2-items__description {
    align-self: stretch;
    color: var(--Gray-100, #3d3d3d);
    text-align: center;
    font-family: Rubik;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.product-banner-2-items__price-container {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center
}

.product-banner-2-items__price {
    color: var(--Gray-100, #3d3d3d);
    font-family: Rubik;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.product-banner-2-items__price-original {
    color: var(--Gray-70, #7a7a7a);
    font-family: Rubik;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    text-decoration-line: line-through
}

.product-banner-2-items__discount {
    display: flex;
    padding: 3px 6px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: var(--white, #fff);
    font-family: Rubik;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    background-color: #f15252;
    border-radius: 4px
}

.product-banner-2-items__buy-button {
    display: flex;
    padding: 11px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 32px;
    background: #ff6a00;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05);
    color: var(--white, #fff);
    font-family: Rubik;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    text-transform: uppercase;
    text-align: center;
    border: none;
    cursor: pointer;
    text-decoration: none;
    width: 169px;
    box-sizing: border-box
}

@media screen and (min-width:1050px) {
    .product-banner-2-items {
        display: flex;
        width: 100%;
        max-width: 685px;
        flex-direction: column;
        align-items: center
    }

    .product-banner-2-items__spacer-top {
        margin-top: 40px
    }

    .product-banner-2-items__spacer-bottom {
        margin-bottom: 40px
    }

    .product-banner-2-items__container {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        gap: 24px;
        align-self: stretch;
        flex-direction: row;
        flex-wrap: wrap
    }

    .product-banner-2-items__disclaimer {
        flex-basis: 100%;
        margin-top: 16px !important;
        margin-bottom: 0 !important
    }

    .product-banner-2-items__row {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        gap: 24px;
        align-self: stretch
    }

    .product-banner-2-items__banner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 8px;
        flex: 1 0 0
    }

    .product-banner-2-items__image {
        width: 160px;
        height: 160px;
        aspect-ratio: 1/1;
        border-radius: 4px;
        object-fit: contain;
        display: block
    }

    .product-banner-2-items__content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch
    }

    .product-banner-2-items__logo {
        width: 46px;
        height: 14px;
        aspect-ratio: 23/7
    }

    .product-banner-2-items__logo svg {
        width: 100%;
        height: 100%
    }

    .product-banner-2-items__description {
        align-self: stretch;
        color: var(--Gray-100, #3d3d3d);
        text-align: center;
        font-family: Rubik;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: none;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .product-banner-2-items__price-container {
        display: flex;
        align-items: center;
        gap: 10px;
        justify-content: center
    }

    .product-banner-2-items__price {
        color: var(--Gray-100, #3d3d3d);
        font-family: Rubik;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 26px
    }

    .product-banner-2-items__price-original {
        color: var(--Gray-70, #7a7a7a);
        font-family: Rubik;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
        text-decoration-line: line-through
    }

    .product-banner-2-items__discount {
        display: flex;
        padding: 3px 6px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 4px;
        background: #f15252;
        color: var(--white, #fff);
        font-family: Rubik;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 16px
    }

    .product-banner-2-items__buy-button {
        display: flex;
        padding: 11px 24px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 32px;
        background: #ff6a00;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05);
        color: var(--white, #fff);
        font-family: Rubik;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
        text-transform: uppercase;
        text-align: center;
        width: 169px;
        box-sizing: border-box
    }
}

.product-banner-4-items {
    position: relative;
    display: flex;
    width: 100%;
    max-width: 380px;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.product-banner-4-items::after,
.product-banner-4-items::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background: #e0e0e0
}

.product-banner-4-items::before {
    top: 0
}

.product-banner-4-items::after {
    bottom: 0
}

.product-banner-4-items__spacer-top {
    margin-top: 32px
}

.product-banner-4-items__spacer-bottom {
    margin-bottom: 32px
}

.product-banner-4-items__disclaimer {
    color: var(--Gray-50, #a3a3a3);
    font-family: Rubik;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px;
    margin: 0 !important;
    text-align: center;
    align-self: stretch
}

.product-banner-4-items__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    align-self: stretch
}

.product-banner-4-items__row {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    flex-wrap: wrap
}

.product-banner-4-items__banner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex: 1 1 calc(50% - 8px);
    min-width: 0
}

.product-banner-4-items__image {
    width: 140px;
    height: 140px;
    aspect-ratio: 1/1;
    border-radius: 4px;
    object-fit: contain;
    flex-shrink: 0;
    display: block
}

.product-banner-4-items__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch
}

.product-banner-4-items__logo {
    width: 40px;
    height: 12px;
    aspect-ratio: 10/3
}

.product-banner-4-items__logo svg {
    width: 100%;
    height: 100%
}

.product-banner-4-items__description {
    align-self: stretch;
    color: var(--Gray-100, #3d3d3d);
    text-align: center;
    font-family: Rubik;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.product-banner-4-items__price-container {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center
}

.product-banner-4-items__price {
    color: var(--Gray-100, #3d3d3d);
    font-family: Rubik;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.product-banner-4-items__price-original {
    color: var(--Gray-70, #7a7a7a);
    font-family: Rubik;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    text-decoration-line: line-through
}

.product-banner-4-items__discount {
    display: flex;
    padding: 3px 6px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: var(--white, #fff);
    font-family: Rubik;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    background-color: #f15252;
    border-radius: 4px
}

.product-banner-4-items__buy-button {
    display: flex;
    padding: 11px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 32px;
    background: #ff6a00;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05);
    color: var(--white, #fff);
    font-family: Rubik;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    text-transform: uppercase;
    text-align: center;
    border: none;
    cursor: pointer;
    text-decoration: none;
    width: 169px;
    box-sizing: border-box
}

@media screen and (min-width:1050px) {
    .product-banner-4-items {
        display: flex;
        width: 100%;
        max-width: 685px;
        flex-direction: column;
        align-items: flex-start
    }

    .product-banner-4-items__spacer-top {
        margin-top: 40px
    }

    .product-banner-4-items__spacer-bottom {
        margin-bottom: 40px
    }

    .product-banner-4-items__disclaimer {
        margin-top: 16px !important;
        margin-bottom: 0 !important
    }

    .product-banner-4-items__container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 40px;
        align-self: stretch
    }

    .product-banner-4-items__row {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        gap: 24px;
        align-self: stretch
    }

    .product-banner-4-items__banner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 8px;
        flex: 1 0 0
    }

    .product-banner-4-items__image {
        width: 160px;
        height: 160px;
        aspect-ratio: 1/1;
        border-radius: 4px;
        object-fit: contain;
        display: block
    }

    .product-banner-4-items__content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch
    }

    .product-banner-4-items__logo {
        width: 46px;
        height: 14px;
        aspect-ratio: 23/7
    }

    .product-banner-4-items__logo svg {
        width: 100%;
        height: 100%
    }

    .product-banner-4-items__description {
        align-self: stretch;
        color: var(--Gray-100, #3d3d3d);
        text-align: center;
        font-family: Rubik;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: none;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .product-banner-4-items__price-container {
        display: flex;
        align-items: center;
        gap: 10px;
        justify-content: center
    }

    .product-banner-4-items__price {
        color: var(--Gray-100, #3d3d3d);
        font-family: Rubik;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 26px
    }

    .product-banner-4-items__price-original {
        color: var(--Gray-70, #7a7a7a);
        font-family: Rubik;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
        text-decoration-line: line-through
    }

    .product-banner-4-items__discount {
        display: flex;
        padding: 3px 6px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 4px;
        background: #f15252;
        color: var(--white, #fff);
        font-family: Rubik;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 16px
    }

    .product-banner-4-items__buy-button {
        display: flex;
        padding: 11px 24px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 32px;
        background: #ff6a00;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05);
        color: var(--white, #fff);
        font-family: Rubik;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
        text-transform: uppercase;
        text-align: center;
        width: 169px;
        box-sizing: border-box
    }
}

.article-link-simple {
    margin: 32px 0;
    padding-left: 16px;
    position: relative;
    display: flex;
    gap: 4px;
    flex-direction: column;
    color: var(--gray-100);
    font-size: 1.6rem;
    line-height: 2.4rem
}

.article-link-simple::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 2px;
    left: 0;
    background-color: var(--primary-60)
}

.article-link-simple .fake-link-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: var(--primary-60)
}

.article-link-simple .fake-link-wrapper .fake-link {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.2rem;
    line-height: 1.6rem;
    text-decoration-line: underline
}

@media screen and (min-width:1050px) {
    .article-link-simple {
        margin: 40px 0;
        gap: 4px;
        font-size: 1.8rem;
        line-height: 2.6rem;
        transition: var(--transition)
    }

    .article-link-simple::before {
        transition: var(--transition)
    }

    .article-link-simple .fake-link-wrapper {
        transition: var(--transition)
    }

    .article-link-simple .fake-link-wrapper .fake-link {
        font-size: 1.4rem;
        line-height: 1.6rem
    }

    .article-link-simple:hover {
        color: var(--primary-80)
    }

    .article-link-simple:hover .fake-link-wrapper {
        color: var(--primary-80)
    }
}

.natural-treatment-badge {
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    background-color: var(--primary-10);
    margin: 16px 0;
    border-radius: var(--border-radius)
}

.natural-treatment-badge .icon {
    font-size: 30px
}

.natural-treatment-badge .text {
    color: var(--primary-80);
    font-size: 1.4rem;
    line-height: 2rem
}

@media screen and (min-width:1050px) {
    .natural-treatment-badge {
        margin: 24px 0
    }
}

.search-global {
    position: relative;
    width: 100%;
    max-width: 680px;
    height: 44px;
    margin: auto
}

.search-global .search-global-button {
    width: 100%;
    height: 100%;
    display: flex;
    background-color: var(--white);
    align-items: center;
    justify-content: space-between;
    border-radius: 4px;
    border: 1px solid var(--gray-30);
    padding: 10px 16px;
    font-size: 16px;
    user-select: none
}

.search-global .search-global-button .value {
    color: var(--gray-100)
}

.search-global .search-global-button .placeholder {
    color: var(--gray-40)
}

.search-global .search-global-button .icon {
    color: var(--primary-60);
    font-size: 22px
}

.search-global.error .value {
    color: var(--error-50)
}

.search-global.error .icon {
    color: var(--gray-100);
    font-size: 20px
}

@media screen and (min-width:1050px) {
    .search-global {
        height: 46px
    }

    .search-global .search-global-button {
        transition: border-color var(--transition)
    }

    .search-global .search-global-button:hover {
        border-color: var(--primary-60)
    }

    .search-global.error .search-global-button:hover {
        border-color: var(--gray-30)
    }
}

.themes-cloud {
    padding: 32px 0;
    background-color: var(--primary-10)
}

.themes-cloud .theme-title {
    display: flex;
    text-transform: uppercase;
    margin-bottom: 24px;
    gap: 6px;
    align-items: center
}

.themes-cloud .theme-title .icon {
    font-size: 14px
}

.themes-cloud .themes-cloud-container {
    display: grid;
    gap: 48px
}

.themes-cloud .themes-cloud-container .theme-container .theme-list {
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px
}

.themes-cloud .themes-cloud-container .theme-container .theme-list .theme-item {
    display: inline-block;
    background-color: var(--primary-70);
    padding: 6px 16px;
    border-radius: 20px;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 2rem;
    text-decoration: none;
    color: var(--white);
    text-transform: uppercase
}

@media screen and (min-width:1050px) {
    .themes-cloud {
        padding: 80px 0
    }

    .themes-cloud .theme-title {
        transition: color var(--transition)
    }

    .themes-cloud .theme-title .icon {
        font-size: 16px
    }

    .themes-cloud .theme-title:hover {
        color: var(--primary-60)
    }

    .themes-cloud .themes-cloud-container {
        display: grid;
        row-gap: 56px;
        column-gap: 24px
    }

    .themes-cloud .themes-cloud-container[data-items="1"] {
        grid-template-columns: repeat(1)
    }

    .themes-cloud .themes-cloud-container[data-items="2"],
    .themes-cloud .themes-cloud-container[data-items="3"],
    .themes-cloud .themes-cloud-container[data-items="4"] {
        grid-template-columns: repeat(2, 1fr)
    }

    .themes-cloud .themes-cloud-container[data-items="3"] .theme-container:last-of-type {
        grid-column-start: 2;
        grid-row-start: 1;
        grid-row-end: 4
    }

    .themes-cloud .themes-cloud-container .theme-container .theme-list .theme-item {
        padding: 8px 20px;
        transition: background-color var(--transition), color var(--transition), border-color var(--transition)
    }

    .themes-cloud .themes-cloud-container .theme-container .theme-list .theme-item:hover {
        background-color: var(--primary-80)
    }
}

.widget.calculator {
    width: 100%
}

.widget.calculator .calculator-outer-wrap:has(>.widget-result) .widget-questions {
    display: none !important;
    visibility: hidden !important
}

.widget.calculator .calculator-outer-wrap>.widget-result {
    width: 100%;
    max-width: 100%;
    margin: 0;
    box-sizing: border-box
}

.widget.calculator .calculator-outer-wrap {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    width: calc(100% + 32px);
    padding: 16px;
    margin-left: -16px;
    margin-right: -16px;
    background: var(--Primary-10, #edfaff);
    border-radius: 4px;
    box-sizing: border-box
}

.widget.calculator .widget-questions {
    --calculator-stack-gap: 0px;
    --calculator-error-slot: 20px;
    display: flex;
    width: 100%;
    padding: 16px;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    flex: 1 0 0;
    border-radius: 4px;
    background: var(--white, #fff);
    border: none;
    margin-left: 0;
    margin-right: 0;
    box-shadow: 0 33px 9px 0 rgba(183, 231, 251, 0), 0 21px 8px 0 rgba(183, 231, 251, .03), 0 12px 7px 0 rgba(183, 231, 251, .1), 0 5px 5px 0 rgba(183, 231, 251, .17), 0 1px 3px 0 rgba(183, 231, 251, .2)
}

.widget.calculator .widget-questions .calculator-question-stack {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--calculator-stack-gap);
    width: 100%;
    min-width: 0
}

.widget.calculator .widget-questions .calculator-intro {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    gap: 8px;
    width: 100%;
    padding-bottom: var(--calculator-error-slot);
    box-sizing: border-box
}

.widget.calculator .widget-questions .share-title {
    text-transform: uppercase;
    margin-bottom: 0;
    display: block;
    color: var(--Gray-100, #3d3d3d)
}

.widget.calculator .widget-questions .share-title h4 {
    margin: 0;
    padding: 0;
    font-family: Rubik, sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px
}

.widget.calculator .widget-questions .calculator-intro h5 {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    padding: 0;
    color: var(--Gray-100, #3d3d3d)
}

.widget.calculator .widget-questions .calculator-label {
    align-self: stretch;
    color: var(--Gray-100, #3d3d3d);
    font-family: Rubik, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

.widget.calculator .widget-questions .calculator-input {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 0
}

.widget.calculator .widget-questions .calculator-input [data-type=radio-group] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
    grid-column: 1/-1
}

.widget.calculator .widget-questions .calculator-input [data-type=radio-group] .radio {
    flex: 1 0 0
}

.widget.calculator .widget-questions .calculator-input [data-type=radio-group] input {
    display: none
}

.widget.calculator .widget-questions .calculator-input [data-type=radio-group] input[value=F]+label,
.widget.calculator .widget-questions .calculator-input [data-type=radio-group] input[value=M]+label {
    display: flex;
    height: 46px;
    padding: 11px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    border: 1px solid #e2cfed;
    background: rgba(215, 169, 241, .15);
    color: #8c5ca8;
    text-align: center;
    font-family: Rubik, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.widget.calculator .widget-questions .calculator-input [data-type=radio-group] input[value=F]+label::before,
.widget.calculator .widget-questions .calculator-input [data-type=radio-group] input[value=M]+label::before {
    content: "";
    width: 20px;
    height: 20px;
    background-color: currentColor;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 13.125C10.7797 13.125 11.5518 12.9714 12.2722 12.673C12.9926 12.3746 13.6471 11.9373 14.1984 11.3859C14.7498 10.8346 15.1871 10.1801 15.4855 9.45968C15.7839 8.73931 15.9375 7.96722 15.9375 7.1875C15.9375 6.40778 15.7839 5.63569 15.4855 4.91532C15.1871 4.19495 14.7498 3.5404 14.1984 2.98905C13.6471 2.43771 12.9926 2.00035 12.2722 1.70197C11.5518 1.40358 10.7797 1.25 10 1.25C8.42528 1.25 6.91505 1.87556 5.80155 2.98905C4.68806 4.10255 4.0625 5.61278 4.0625 7.1875C4.0625 8.76222 4.68806 10.2724 5.80155 11.3859C6.91505 12.4994 8.42528 13.125 10 13.125Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 13.125V18.75' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.2659 16.25H7.7334' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 13.125C10.7797 13.125 11.5518 12.9714 12.2722 12.673C12.9926 12.3746 13.6471 11.9373 14.1984 11.3859C14.7498 10.8346 15.1871 10.1801 15.4855 9.45968C15.7839 8.73931 15.9375 7.96722 15.9375 7.1875C15.9375 6.40778 15.7839 5.63569 15.4855 4.91532C15.1871 4.19495 14.7498 3.5404 14.1984 2.98905C13.6471 2.43771 12.9926 2.00035 12.2722 1.70197C11.5518 1.40358 10.7797 1.25 10 1.25C8.42528 1.25 6.91505 1.87556 5.80155 2.98905C4.68806 4.10255 4.0625 5.61278 4.0625 7.1875C4.0625 8.76222 4.68806 10.2724 5.80155 11.3859C6.91505 12.4994 8.42528 13.125 10 13.125Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 13.125V18.75' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.2659 16.25H7.7334' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    flex-shrink: 0
}

.widget.calculator .widget-questions .calculator-input [data-type=radio-group] input[value=F]:checked+label,
.widget.calculator .widget-questions .calculator-input [data-type=radio-group] input[value=F]:hover+label,
.widget.calculator .widget-questions .calculator-input [data-type=radio-group] input[value=M]:checked+label,
.widget.calculator .widget-questions .calculator-input [data-type=radio-group] input[value=M]:hover+label {
    background: #d895ff;
    border-color: #d895ff;
    color: var(--white, #fff)
}

.widget.calculator .widget-questions .calculator-input [data-type=radio-group] input[value=H]+label {
    display: flex;
    height: 46px;
    padding: 11px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    border: 1px solid #b5cfe3;
    background: rgba(130, 204, 255, .15);
    color: #396d92;
    text-align: center;
    font-family: Rubik, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.widget.calculator .widget-questions .calculator-input [data-type=radio-group] input[value=H]+label::before {
    content: "";
    width: 20px;
    height: 20px;
    background-color: currentColor;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M8.4375 17.5C10.0122 17.5 11.5224 16.8744 12.6359 15.7609C13.7494 14.6474 14.375 13.1372 14.375 11.5625C14.375 9.98778 13.7494 8.47755 12.6359 7.36405C11.5224 6.25056 10.0122 5.625 8.4375 5.625C6.86278 5.625 5.35255 6.25056 4.23905 7.36405C3.12556 8.47755 2.5 9.98778 2.5 11.5625C2.5 13.1372 3.12556 14.6474 4.23905 15.7609C5.35255 16.8744 6.86278 17.5 8.4375 17.5Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.5 6.25V2.5H13.75' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.6562 7.34417L17.4996 2.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M8.4375 17.5C10.0122 17.5 11.5224 16.8744 12.6359 15.7609C13.7494 14.6474 14.375 13.1372 14.375 11.5625C14.375 9.98778 13.7494 8.47755 12.6359 7.36405C11.5224 6.25056 10.0122 5.625 8.4375 5.625C6.86278 5.625 5.35255 6.25056 4.23905 7.36405C3.12556 8.47755 2.5 9.98778 2.5 11.5625C2.5 13.1372 3.12556 14.6474 4.23905 15.7609C5.35255 16.8744 6.86278 17.5 8.4375 17.5Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.5 6.25V2.5H13.75' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.6562 7.34417L17.4996 2.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    flex-shrink: 0
}

.widget.calculator .widget-questions .calculator-input [data-type=radio-group] input[value=H]:checked+label,
.widget.calculator .widget-questions .calculator-input [data-type=radio-group] input[value=H]:hover+label {
    background: #6ac2ff;
    border-color: #6ac2ff;
    color: var(--white, #fff)
}

.widget.calculator .widget-questions .calculator-input [data-type=radio-group] label {
    margin-bottom: 0;
    cursor: pointer
}

.widget.calculator .widget-questions .calculator-input input[type=number],
.widget.calculator .widget-questions .calculator-input input[type=text] {
    display: flex;
    height: 46px;
    padding: 11px 16px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    max-width: none;
    border-radius: 4px 0 0 4px;
    border: 1px solid var(--Gray-20, #e0e0e0);
    background: var(--white, #fff);
    grid-column: 1;
    grid-row: 1;
    font-size: 16px;
    line-height: 24px;
    box-sizing: border-box
}

.widget.calculator .widget-questions .calculator-input .calculator-input:has(span.caption) input[type=number],
.widget.calculator .widget-questions .calculator-input .calculator-input:has(span.caption) input[type=text] {
    border-radius: 4px 0 0 4px;
    border-right: none !important
}

.widget.calculator .widget-questions .calculator-input span.caption {
    grid-column: 2;
    grid-row: 1;
    padding: 11px 16px;
    height: 46px;
    display: flex;
    align-items: center;
    color: var(--Gray-100, #3d3d3d);
    font-family: Rubik, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-left: -2px;
    border-top: 1px solid var(--Gray-20, #e0e0e0);
    border-right: 1px solid var(--Gray-20, #e0e0e0);
    border-bottom: 1px solid var(--Gray-20, #e0e0e0);
    border-left: 1px solid var(--white, #fff);
    border-radius: 0 4px 4px 0;
    background: var(--white, #fff)
}

.widget.calculator .widget-questions .calculator-input .error,
.widget.calculator .widget-questions .calculator-input .help {
    grid-column: 1/-1
}

.widget.calculator .widget-questions .calculator-input .help {
    margin-top: 8px;
    color: var(--gray-50);
    font-size: 1.2rem;
    line-height: 1.8rem
}

.widget.calculator .widget-questions .calculator-input input[type=date] {
    height: 46px;
    min-height: 46px;
    max-height: 46px;
    padding: 0 40px 0 16px;
    border-radius: 4px;
    border: 1px solid var(--Gray-20, #e0e0e0);
    outline: 0;
    grid-column: 1;
    grid-row: 1;
    font-size: 16px;
    line-height: 46px;
    color: var(--Gray-100, #3d3d3d);
    box-sizing: border-box;
    overflow: hidden;
    background-color: var(--white, #fff);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Crect x='2' y='3' width='12' height='11' rx='2' stroke='%233D3D3D' stroke-width='1.25'/%3E%3Cpath d='M5 2V4.5' stroke='%233D3D3D' stroke-width='1.25' stroke-linecap='round'/%3E%3Cpath d='M11 2V4.5' stroke='%233D3D3D' stroke-width='1.25' stroke-linecap='round'/%3E%3Cpath d='M2 6H14' stroke='%233D3D3D' stroke-width='1.25'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 16px 16px
}

.widget.calculator .widget-questions .calculator-input input[type=date]::-webkit-calendar-picker-indicator {
    opacity: 0;
    width: 40px;
    height: 46px;
    margin: 0;
    padding: 0;
    cursor: pointer
}

.widget.calculator .widget-questions .calculator-input input[type=date]::-webkit-date-and-time-value {
    text-align: left
}

.widget.calculator .widget-questions .calculator-input input[type=date]::-webkit-datetime-edit {
    height: 46px;
    padding: 0;
    line-height: 46px
}

.widget.calculator .widget-questions .calculator-input input[type=date]::-webkit-datetime-edit-fields-wrapper {
    padding: 0
}

.widget.calculator .widget-questions .calculator-input select {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    height: 46px;
    min-height: 46px;
    max-height: 46px;
    padding: 11px 16px;
    padding-right: 40px;
    border-radius: 4px;
    border: 1px solid var(--Gray-20, #e0e0e0);
    background: var(--white, #fff);
    outline: 0;
    grid-column: 1;
    grid-row: 1;
    font-size: 16px;
    line-height: 24px;
    color: var(--Gray-100, #3d3d3d);
    -webkit-text-fill-color: var(--Gray-100, #3d3d3d);
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%233D3D3D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 12px 12px
}

.widget.calculator .widget-questions .calculator-input select option {
    color: var(--Gray-100, #3d3d3d)
}

.widget.calculator .widget-questions .calculator-input input[type=date]:focus,
.widget.calculator .widget-questions .calculator-input input[type=number]:focus,
.widget.calculator .widget-questions .calculator-input input[type=text]:focus,
.widget.calculator .widget-questions .calculator-input select:focus {
    border-color: #36b1df;
    outline: 0
}

.widget.calculator .widget-questions .calculator-input .field-group.invalid input[type=date]:focus,
.widget.calculator .widget-questions .calculator-input .field-group.invalid input[type=number]:focus,
.widget.calculator .widget-questions .calculator-input .field-group.invalid input[type=text]:focus,
.widget.calculator .widget-questions .calculator-input .field-group.invalid select:focus {
    border-color: var(--error-50) !important
}

.widget.calculator .widget-questions .calculator-input input[type=number]::placeholder,
.widget.calculator .widget-questions .calculator-input input[type=text]::placeholder {
    color: var(--gray-50);
    font-size: 16px;
    line-height: 24px
}

.widget.calculator .widget-questions .calculator-input input[type=number] {
    -moz-appearance: textfield;
    appearance: textfield
}

.widget.calculator .widget-questions .calculator-input input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.widget.calculator .widget-questions .field-group .error {
    opacity: 0;
    color: var(--error-50);
    font-weight: 400;
    font-size: 14px;
    line-height: var(--calculator-error-slot);
    min-height: var(--calculator-error-slot);
    box-sizing: border-box
}

.widget.calculator .widget-questions .field-group.invalid .error {
    opacity: 1
}

.widget.calculator .widget-questions .field-group.invalid input,
.widget.calculator .widget-questions .field-group.invalid input[type=date],
.widget.calculator .widget-questions .field-group.invalid input[type=number],
.widget.calculator .widget-questions .field-group.invalid input[type=text],
.widget.calculator .widget-questions .field-group.invalid select {
    border-color: var(--error-50) !important
}

.widget.calculator .widget-questions .field-group.invalid span.caption {
    border-color: var(--error-50);
    border-left-color: var(--white, #fff)
}

.widget.calculator .widget-questions .field-group.invalid:focus-within span.caption {
    border-top-color: var(--error-50) !important;
    border-right-color: var(--error-50) !important;
    border-bottom-color: var(--error-50) !important;
    border-left-color: var(--white, #fff) !important
}

.widget.calculator .widget-questions .field-group:focus-within span.caption {
    border-top-color: #36b1df !important;
    border-right-color: #36b1df !important;
    border-bottom-color: #36b1df !important;
    border-left-color: var(--white, #fff) !important
}

.widget.calculator .widget-questions .calculator-form {
    width: 100%;
    margin: 0;
    padding: 0
}

.widget.calculator .widget-questions .calculator-form form {
    display: flex;
    flex-direction: column;
    gap: var(--calculator-stack-gap);
    width: 100%;
    margin: 0;
    padding: 0
}

.widget.calculator .widget-questions .calculator-form form>input[type=hidden] {
    display: none
}

.widget.calculator .widget-questions .calculator-form .field-group {
    width: 100%
}

.widget.calculator .widget-questions .calculator-form .field-group .calculator-input {
    width: 100%
}

.widget.calculator .widget-questions .child-height-calculator .calculator-input [data-type=radio-group] {
    display: flex;
    align-items: stretch;
    gap: 16px;
    align-self: stretch;
    grid-column: 1/-1
}

.widget.calculator .widget-questions .child-height-calculator .calculator-input [data-type=radio-group] .radio {
    flex: 1 0 0
}

.widget.calculator .widget-questions .child-height-calculator .calculator-input [data-type=radio-group] input[value=F]+label,
.widget.calculator .widget-questions .child-height-calculator .calculator-input [data-type=radio-group] input[value=M]+label {
    display: flex;
    height: 46px;
    padding: 11px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    text-align: center;
    font-family: Rubik, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.widget.calculator .widget-questions .child-height-calculator .calculator-input [data-type=radio-group] input[value=F]+label {
    border: 1px solid #e2cfed;
    background: rgba(215, 169, 241, .15);
    color: #8c5ca8
}

.widget.calculator .widget-questions .child-height-calculator .calculator-input [data-type=radio-group] input[value=F]+label::before {
    content: "";
    width: 20px;
    height: 20px;
    background-color: currentColor;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 13.125C10.7797 13.125 11.5518 12.9714 12.2722 12.673C12.9926 12.3746 13.6471 11.9373 14.1984 11.3859C14.7498 10.8346 15.1871 10.1801 15.4855 9.45968C15.7839 8.73931 15.9375 7.96722 15.9375 7.1875C15.9375 6.40778 15.7839 5.63569 15.4855 4.91532C15.1871 4.19495 14.7498 3.5404 14.1984 2.98905C13.6471 2.43771 12.9926 2.00035 12.2722 1.70197C11.5518 1.40358 10.7797 1.25 10 1.25C8.42528 1.25 6.91505 1.87556 5.80155 2.98905C4.68806 4.10255 4.0625 5.61278 4.0625 7.1875C4.0625 8.76222 4.68806 10.2724 5.80155 11.3859C6.91505 12.4994 8.42528 13.125 10 13.125Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 13.125V18.75' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.2659 16.25H7.7334' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 13.125C10.7797 13.125 11.5518 12.9714 12.2722 12.673C12.9926 12.3746 13.6471 11.9373 14.1984 11.3859C14.7498 10.8346 15.1871 10.1801 15.4855 9.45968C15.7839 8.73931 15.9375 7.96722 15.9375 7.1875C15.9375 6.40778 15.7839 5.63569 15.4855 4.91532C15.1871 4.19495 14.7498 3.5404 14.1984 2.98905C13.6471 2.43771 12.9926 2.00035 12.2722 1.70197C11.5518 1.40358 10.7797 1.25 10 1.25C8.42528 1.25 6.91505 1.87556 5.80155 2.98905C4.68806 4.10255 4.0625 5.61278 4.0625 7.1875C4.0625 8.76222 4.68806 10.2724 5.80155 11.3859C6.91505 12.4994 8.42528 13.125 10 13.125Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 13.125V18.75' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.2659 16.25H7.7334' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    flex-shrink: 0
}

.widget.calculator .widget-questions .child-height-calculator .calculator-input [data-type=radio-group] input[value=F]:checked+label,
.widget.calculator .widget-questions .child-height-calculator .calculator-input [data-type=radio-group] input[value=F]:hover+label {
    background: #d895ff;
    border-color: #d895ff;
    color: var(--white, #fff)
}

.widget.calculator .widget-questions .child-height-calculator .calculator-input [data-type=radio-group] input[value=M]+label {
    border: 1px solid #b5cfe3;
    background: rgba(130, 204, 255, .15);
    color: #396d92
}

.widget.calculator .widget-questions .child-height-calculator .calculator-input [data-type=radio-group] input[value=M]+label::before {
    content: "";
    width: 20px;
    height: 20px;
    background-color: currentColor;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M8.4375 17.5C10.0122 17.5 11.5224 16.8744 12.6359 15.7609C13.7494 14.6474 14.375 13.1372 14.375 11.5625C14.375 9.98778 13.7494 8.47755 12.6359 7.36405C11.5224 6.25056 10.0122 5.625 8.4375 5.625C6.86278 5.625 5.35255 6.25056 4.23905 7.36405C3.12556 8.47755 2.5 9.98778 2.5 11.5625C2.5 13.1372 3.12556 14.6474 4.23905 15.7609C5.35255 16.8744 6.86278 17.5 8.4375 17.5Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.5 6.25V2.5H13.75' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.6562 7.34417L17.4996 2.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M8.4375 17.5C10.0122 17.5 11.5224 16.8744 12.6359 15.7609C13.7494 14.6474 14.375 13.1372 14.375 11.5625C14.375 9.98778 13.7494 8.47755 12.6359 7.36405C11.5224 6.25056 10.0122 5.625 8.4375 5.625C6.86278 5.625 5.35255 6.25056 4.23905 7.36405C3.12556 8.47755 2.5 9.98778 2.5 11.5625C2.5 13.1372 3.12556 14.6474 4.23905 15.7609C5.35255 16.8744 6.86278 17.5 8.4375 17.5Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.5 6.25V2.5H13.75' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.6562 7.34417L17.4996 2.5' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    flex-shrink: 0
}

.widget.calculator .widget-questions .child-height-calculator .calculator-input [data-type=radio-group] input[value=M]:checked+label,
.widget.calculator .widget-questions .child-height-calculator .calculator-input [data-type=radio-group] input[value=M]:hover+label {
    background: #6ac2ff;
    border-color: #6ac2ff;
    color: var(--white, #fff)
}

.widget.calculator .widget-questions .warning {
    margin-top: 24px;
    align-self: stretch;
    color: var(--Gray-50, #a3a3a3);
    font-family: Rubik, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.widget.calculator .widget-questions .submit-container .button-primary {
    display: flex;
    padding: 11px 48px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 24px;
    background: var(--Primary-60, #36b1df);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05);
    color: var(--white, #fff);
    text-align: center;
    font-family: Rubik, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px
}

.widget.calculator .calculator-post-area {
    width: 100%;
    margin: 0;
    box-sizing: border-box
}

.widget.calculator .calculator-consent,
.widget.calculator .calculator-history {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
    padding: 16px;
    border-radius: 4px;
    background: var(--white, #fff);
    box-shadow: 0 33px 9px 0 rgba(183, 231, 251, 0), 0 21px 8px 0 rgba(183, 231, 251, .03), 0 12px 7px 0 rgba(183, 231, 251, .1), 0 5px 5px 0 rgba(183, 231, 251, .17), 0 1px 3px 0 rgba(183, 231, 251, .2)
}

.widget.calculator .calculator-history {
    gap: 20px
}

.widget.calculator .calculator-history hr {
    margin: 0;
    align-self: stretch;
    width: 100%;
    border: none;
    border-top: 1px solid var(--Gray-20, #e0e0e0)
}

.widget.calculator .calculator-consent__intro {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch
}

.widget.calculator .calculator-consent__title-row {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch
}

.widget.calculator .calculator-consent__icon {
    display: none;
    flex-shrink: 0;
    width: 20px;
    height: 20px
}

.widget.calculator .calculator-consent__icon svg {
    display: block;
    width: 20px;
    height: 20px
}

.widget.calculator .calculator-consent__title {
    flex: 1;
    color: var(--Gray-100, #3d3d3d);
    font-family: Rubik, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    text-transform: uppercase
}

.widget.calculator .calculator-consent__text {
    margin: 0;
    align-self: stretch;
    color: var(--Gray-100, #3d3d3d);
    font-family: Rubik, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.widget.calculator .calculator-consent__button {
    display: flex;
    width: 100%;
    padding: 11px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 24px;
    border: 1px solid var(--Gray-20, #e0e0e0);
    background: var(--white, #fff);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05);
    cursor: pointer
}

.widget.calculator .calculator-consent__button-label {
    color: var(--Gray-100, #3d3d3d);
    font-family: Rubik, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    text-transform: uppercase
}

.widget.calculator .calculator-history__title {
    margin: 0;
    align-self: stretch;
    color: var(--Gray-100, #3d3d3d);
    font-family: Rubik, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    text-transform: uppercase
}

.widget.calculator .calculator-history__list {
    list-style: none;
    margin: 0;
    padding: 0;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    gap: 20px
}

.widget.calculator .calculator-history-item {
    margin: 0;
    padding: 0;
    padding-left: 0;
    border: none
}

.widget.calculator .calculator-history-item:not(:first-child) {
    border-top: 1px solid var(--Gray-20, #e0e0e0);
    padding-top: 20px
}

.widget.calculator .calculator-history-item::before {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    background: 0 0 !important
}

.widget.calculator .calculator-history-item--extra {
    display: none
}

.widget.calculator .calculator-history--expanded .calculator-history-item--extra {
    display: block
}

.widget.calculator .calculator-history--expanded .calculator-history__more-icon {
    transform: rotate(180deg)
}

.widget.calculator .calculator-history-item__inner {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap
}

.widget.calculator .calculator-history-item__result-row {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0
}

.widget.calculator .calculator-history-item__value {
    color: var(--Gray-100, #3d3d3d);
    font-family: Rubik, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px
}

.widget.calculator .calculator-history-item__tag {
    display: flex;
    padding: 4px 8px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 24px;
    flex-shrink: 0
}

.widget.calculator .calculator-history-item__tag--normal {
    background: #baedb1
}

.widget.calculator .calculator-history-item__tag--muted {
    background: #feeab5
}

.widget.calculator .calculator-history-item__tag-label {
    color: var(--Gray-100, #3d3d3d);
    font-family: Rubik, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.widget.calculator .calculator-history-item__date {
    color: var(--Gray-100, #3d3d3d);
    font-family: Rubik, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    flex-shrink: 0;
    text-align: right
}

.widget.calculator .calculator-history__more {
    margin: 0;
    display: flex;
    width: 100%;
    padding: 11px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 24px;
    border: 1px solid var(--Gray-20, #e0e0e0);
    background: var(--white, #fff);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05);
    cursor: pointer
}

.widget.calculator .calculator-history__more-label {
    color: var(--Gray-100, #3d3d3d);
    font-family: Rubik, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    text-transform: uppercase
}

.widget.calculator .calculator-history__more-icon {
    display: flex;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    transition: transform .2s ease
}

.widget.calculator .calculator-history__more-icon svg {
    display: block;
    width: 20px;
    height: 20px
}

@media screen and (min-width:1050px) {
    .widget.calculator .calculator-outer-wrap {
        width: 685px;
        max-width: 685px;
        padding: 16px;
        margin-left: 0;
        margin-right: 0;
        justify-content: flex-start;
        align-items: stretch;
        gap: 16px !important;
        border-radius: 4px;
        background: var(--Primary-10, #edfaff)
    }

    .widget.calculator .calculator-outer-wrap>.widget-result {
        width: 100%;
        max-width: 100%;
        margin: 0
    }

    .widget.calculator .widget-questions {
        --calculator-stack-gap: 0px;
        display: flex;
        padding: 24px;
        flex-direction: column;
        justify-content: center;
        align-items: stretch;
        gap: 0;
        flex: 1 0 0;
        border-radius: 4px;
        background: var(--white, #fff);
        box-shadow: 0 33px 9px 0 rgba(183, 231, 251, 0), 0 21px 8px 0 rgba(183, 231, 251, .03), 0 12px 7px 0 rgba(183, 231, 251, .1), 0 5px 5px 0 rgba(183, 231, 251, .17), 0 1px 3px 0 rgba(183, 231, 251, .2)
    }

    .widget.calculator .widget-questions .share-title h4 {
        font-size: 16px;
        line-height: 24px
    }

    .widget.calculator .widget-questions .calculator-intro h5 {
        font-size: 16px;
        line-height: 24px
    }

    .widget.calculator .widget-questions .calculator-label {
        align-self: stretch;
        color: var(--Gray-100, #3d3d3d);
        font-family: Rubik, sans-serif;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px
    }

    .widget.calculator .widget-questions .calculator-input [data-type=radio-group] {
        display: flex;
        align-items: flex-start;
        gap: 16px;
        align-self: stretch
    }

    .widget.calculator .widget-questions .calculator-input [data-type=radio-group] input[value=F]+label,
    .widget.calculator .widget-questions .calculator-input [data-type=radio-group] input[value=H]+label,
    .widget.calculator .widget-questions .calculator-input [data-type=radio-group] input[value=M]+label {
        padding: 11px 16px;
        height: auto;
        font-size: 16px;
        line-height: 24px
    }

    .widget.calculator .submit-container .button-primary:hover {
        background: #1e5a78
    }

    .widget.calculator .share-title {
        transition: color var(--transition)
    }

    .widget.calculator .share-title:hover {
        color: var(--Primary-60, #36b1df)
    }

    .widget.calculator .calculator-input .help {
        font-size: 1.4rem;
        line-height: 2rem
    }

    .widget.calculator .calculator-post-area {
        width: 100%;
        max-width: 100%;
        margin: 0
    }

    .widget.calculator .calculator-consent {
        justify-content: center;
        align-items: center;
        gap: 24px;
        padding: 24px
    }

    .widget.calculator .calculator-history {
        justify-content: flex-start;
        align-items: stretch;
        gap: 24px;
        padding: 24px
    }

    .widget.calculator .calculator-history__list {
        gap: 24px
    }

    .widget.calculator .calculator-history-item:not(:first-child) {
        padding-top: 24px
    }

    .widget.calculator .calculator-consent__intro {
        gap: 16px
    }

    .widget.calculator .calculator-consent__icon {
        display: flex
    }

    .widget.calculator .calculator-consent__title {
        font-size: 16px;
        line-height: 24px
    }

    .widget.calculator .calculator-consent__text {
        font-size: 14px;
        line-height: 24px
    }

    .widget.calculator .calculator-history__title {
        font-size: 16px;
        line-height: 24px
    }

    .widget.calculator .calculator-history-item__value {
        font-size: 16px;
        line-height: 24px
    }

    .widget.calculator .calculator-history-item__result-row {
        gap: 24px
    }

    .widget.calculator .calculator-history-item__tag-label {
        font-size: 14px;
        line-height: 20px
    }

    .widget.calculator .calculator-history-item__date {
        font-size: 14px;
        line-height: 24px
    }
}

.qi-quiz .size-6 .image-list,
.qi-quiz .size-8 .image-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 20px;
    column-gap: 12px;
    padding: 0 !important;
    margin: 0 !important
}

.qi-quiz .question-image {
    margin: 12px 0 24px
}

.qi-quiz .question-image img {
    max-width: 390px;
    margin: auto;
    display: block;
    background-color: var(--white);
    padding: 16px
}

.qi-quiz .answer img {
    width: 100%;
    max-width: 120px;
    margin: 0 auto
}

.qi-quiz .test-window .test-pane .test-questions .test-block .question .answers ul.image-list li {
    padding: 16px;
    min-height: unset;
    display: flex;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important
}

.qi-quiz .test-window .test-pane .test-questions .test-block .question .answers ul.image-list li img {
    display: block
}

.qi-quiz .test-window .test-pane .test-questions .test-block .question .answers ul.image-list li.selected,
.qi-quiz .test-window .test-pane .test-questions .test-block .question .answers ul.image-list li:hover {
    background-color: var(--primary-30)
}

@media screen and (min-width:1050px) {
    .qi-quiz .size-8 .image-list {
        display: grid;
        grid-template-columns: repeat(4, 1fr)
    }
}

.widget.quiz {
    max-width: 716px;
    margin-left: -16px !important;
    margin-right: -16px !important
}

.widget.quiz .test-content {
    position: relative;
    overflow: hidden
}

.widget.quiz.banner .test-index.just-progress {
    opacity: 0
}

.widget.quiz.banner .test-window .test-pane .test-questions {
    max-height: 410px
}

.widget.quiz.banner .test-window .test-pane .test-questions .test-block {
    opacity: 0
}

.widget.quiz.banner .test-window .test-pane .test-questions .test-block.test-begin {
    opacity: 1
}

.widget.quiz.on .test-window {
    position: relative
}

.widget.quiz.on .test-window .test-header {
    opacity: 1
}

.widget.quiz.on .test-window .background-image {
    background-color: var(--primary-10)
}

.widget.quiz.on .test-window .background-image:after {
    content: none
}

.widget.quiz.on .test-window .background-image img {
    display: none
}

.widget.quiz .test-index.just-progress {
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    background: #daf0f8;
    width: 100%;
    z-index: 1;
    height: 6px;
    display: flex;
    justify-content: space-between;
    opacity: 1;
    transition: opacity var(--transition)
}

.widget.quiz .test-index.just-progress li {
    display: inline-block;
    margin: 0;
    padding: 0;
    height: 100%
}

.widget.quiz .test-index.just-progress li.answered {
    background: var(--primary-60)
}

.widget.quiz .test-index.just-progress li::before {
    content: none
}

.widget.quiz .test-window {
    position: relative
}

.widget.quiz .test-window .test-header {
    padding: 16px 16px 12px 16px;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    opacity: 0
}

.widget.quiz .test-window .test-header .test-title {
    color: var(--primary-70);
    font-size: 1.2rem;
    line-height: 1.6rem;
    font-weight: 500;
    text-transform: uppercase;
    flex: 1
}

.widget.quiz .test-window .test-header .question-index {
    width: 48px;
    background-color: var(--white);
    color: var(--primary-70);
    border-radius: 15px;
    padding: 4px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px
}

.widget.quiz .test-window .test-header .global-timer {
    z-index: 1;
    padding: 4px 8px;
    width: 70px;
    background-color: var(--white);
    color: var(--primary-70);
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-radius: 14px
}

.widget.quiz .test-window .test-header .global-timer .icon {
    font-size: 16px
}

.widget.quiz .test-window .test-header .global-timer .global-timer-tick {
    width: 39px
}

.widget.quiz .test-window .test-header .timer {
    z-index: 1;
    padding: 4px 8px;
    width: 52px;
    background-color: var(--white);
    color: var(--primary-70);
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-radius: 14px
}

.widget.quiz .test-window .test-header .timer .icon {
    font-size: 16px
}

.widget.quiz .test-window .test-header .timer .global-timer-tick {
    width: 30px
}

.widget.quiz .test-window .background-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    object-position: top left
}

.widget.quiz .test-window .background-image:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(46, 45, 45, .1) 0, #3d3d3d 100%)
}

.widget.quiz .test-window .background-image img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.widget.quiz .test-window .test-pane {
    position: relative;
    left: 0;
    transition: transform .5s ease-in
}

.widget.quiz .test-window .test-pane .test-questions {
    display: flex;
    flex-direction: row;
    transition: max-height var(--transition);
    max-height: 1000px
}

.widget.quiz .test-window .test-pane .test-questions .test-block {
    position: relative
}

.widget.quiz .test-window .test-pane .test-questions .test-block .question-image img {
    width: 100%;
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow-blue-light)
}

.widget.quiz .test-window .test-pane .test-questions .test-block.test-begin {
    position: relative;
    padding: 24px 16px;
    color: #fff;
    height: 310px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.widget.quiz .test-window .test-pane .test-questions .test-block.test-begin .basic-quiz-share {
    position: absolute;
    top: -26px;
    right: 16px;
    display: flex;
    flex-direction: row;
    gap: 24px
}

.widget.quiz .test-window .test-pane .test-questions .test-block.test-begin .basic-quiz-share a {
    color: var(--white);
    font-size: 2.4rem
}

.widget.quiz .test-window .test-pane .test-questions .test-block.test-begin .title {
    margin-bottom: 16px
}

.widget.quiz .test-window .test-pane .test-questions .test-block.test-begin .start-btn {
    position: relative
}

.widget.quiz .test-window .test-pane .test-questions .test-block .question {
    z-index: 2;
    padding: 0 16px 56px 16px;
    width: 100%
}

.widget.quiz .test-window .test-pane .test-questions .test-block .question.valid .error {
    display: none
}

.widget.quiz .test-window .test-pane .test-questions .test-block .question.invalid .error {
    display: block;
    margin-top: 10px;
    color: var(--error-60)
}

.widget.quiz .test-window .test-pane .test-questions .test-block .question.invalid input {
    border: 1px solid var(--error-60);
    color: var(--error-60)
}

.widget.quiz .test-window .test-pane .test-questions .test-block .question.invalid input::placeholder {
    color: var(--error-40)
}

.widget.quiz .test-window .test-pane .test-questions .test-block .question .text {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: 12px;
    -webkit-text-size-adjust: 100%
}

.widget.quiz .test-window .test-pane .test-questions .test-block .question .question-image {
    text-align: center
}

.widget.quiz .test-window .test-pane .test-questions .test-block .question .question-image img {
    width: 100%;
    border-radius: 4px
}

.widget.quiz .test-window .test-pane .test-questions .test-block .question .answers .caption {
    color: var(--white);
    font-size: 1.6rem
}

.widget.quiz .test-window .test-pane .test-questions .test-block .question .answers ul {
    margin: 0
}

.widget.quiz .test-window .test-pane .test-questions .test-block .question .answers ul li {
    min-height: 52px;
    background-color: var(--white);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border-radius: var(--border-radius);
    cursor: pointer;
    list-style: none;
    font-size: 1.5rem;
    line-height: 2.4rem;
    transition: background-color var(--transition);
    padding: 12px 16px;
    border: 1px solid var(--primary-30);
    box-shadow: var(--box-shadow-gray-light);
    margin: 12px 0
}

.widget.quiz .test-window .test-pane .test-questions .test-block .question .answers ul li::after,
.widget.quiz .test-window .test-pane .test-questions .test-block .question .answers ul li::before {
    content: none
}

.widget.quiz .test-window .test-pane .test-questions .test-block .question .answers ul li.selected,
.widget.quiz .test-window .test-pane .test-questions .test-block .question .answers ul li:hover {
    background-color: var(--primary-30)
}

.widget.quiz .test-window .test-pane .test-questions .test-block .question .answers ul li .custom-loader-last-question {
    flex-shrink: 0;
    height: 26px;
    width: 26px
}

.widget.quiz .test-window .test-pane .test-questions .test-block .question .answers ul li.checkbox {
    justify-content: left
}

.widget.quiz .test-window .test-pane .test-questions .test-block .question .answers ul li.checkbox label {
    width: 100%
}

.widget.quiz .test-window .go-next,
.widget.quiz .test-window .go-previous,
.widget.quiz .test-window .skip-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    border: none;
    background-color: transparent;
    bottom: 20px;
    position: absolute;
    z-index: 1;
    font-size: 1.2rem;
    line-height: 1.6rem;
    font-weight: 500;
    color: var(--primary-80);
    transition: color var(--transition);
    text-transform: uppercase
}

.widget.quiz .test-window .go-next .icon,
.widget.quiz .test-window .go-previous .icon,
.widget.quiz .test-window .skip-btn .icon {
    font-size: 14px
}

.widget.quiz .test-window .go-previous {
    left: 20px
}

.widget.quiz .test-window .go-previous span {
    transform: rotate(180deg)
}

.widget.quiz .test-window .go-next,
.widget.quiz .test-window .skip-btn {
    right: 20px
}

.widget.quiz ._input {
    height: 48px;
    background-color: var(--white);
    border-radius: var(--border-radius);
    border: 1px solid var(--gray-20);
    padding: 0 16px;
    outline: 0;
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: var(--gray-100)
}

.widget.quiz ._input::placeholder {
    color: var(--gray-50)
}

.widget.quiz .type-multiple-choice ._input {
    height: auto;
    background: 0 0;
    border: none;
    padding: 0
}

.widget.quiz .widget-result {
    box-shadow: none;
    margin: 0
}

.widget.quiz .widget-result::after,
.widget.quiz .widget-result::before {
    content: none
}

.quiz .restart {
    margin-top: 20px
}

@media screen and (min-width:1050px) {
    .widget.quiz {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .widget.quiz .test-content {
        border-radius: var(--border-radius)
    }

    .widget.quiz.banner .test-window .test-pane .test-questions {
        max-height: 520px
    }

    .widget.quiz .test-window .test-header {
        padding: 24px 24px 16px 24px
    }

    .widget.quiz .test-window .test-pane .test-questions .test-block.test-begin {
        height: 478px;
        padding: 40px
    }

    .widget.quiz .test-window .test-pane .test-questions .test-block.test-begin .title {
        margin-bottom: 24px
    }

    .widget.quiz .test-window .test-pane .test-questions .test-block.test-begin .start-btn {
        width: 194px
    }

    .widget.quiz .test-window .test-pane .test-questions .test-block.test-begin .basic-quiz-share {
        top: -12px;
        right: 40px;
        gap: 32px
    }

    .widget.quiz .test-window .test-pane .test-questions .test-block.test-begin .basic-quiz-share a {
        font-size: 2.8rem;
        transition: color var(--transition);
        cursor: pointer
    }

    .widget.quiz .test-window .test-pane .test-questions .test-block.test-begin .basic-quiz-share a:hover {
        color: var(--primary-60)
    }

    .widget.quiz .test-window .test-pane .test-questions .test-block .question {
        padding: 0 24px 68px 24px
    }

    .widget.quiz .test-window .test-pane .test-questions .test-block .question .text {
        font-size: 1.8rem;
        line-height: 2.6rem;
        margin-bottom: 16px
    }

    .widget.quiz .test-window .test-pane .test-questions .test-block .question .question-image img {
        width: 70%
    }

    .widget.quiz .test-window .test-pane .test-questions .test-block .question .answers ul li {
        margin: 16px 0
    }

    .widget.quiz .test-window .go-next,
    .widget.quiz .test-window .go-previous,
    .widget.quiz .test-window .skip-btn {
        bottom: 24px;
        font-size: 1.4rem;
        line-height: 2rem;
        transition: color var(--transition)
    }

    .widget.quiz .test-window .go-next:hover,
    .widget.quiz .test-window .go-previous:hover,
    .widget.quiz .test-window .skip-btn:hover {
        color: var(--primary-60)
    }

    .widget.quiz .test-window .go-next .icon,
    .widget.quiz .test-window .go-previous .icon,
    .widget.quiz .test-window .skip-btn .icon {
        font-size: 16px
    }

    .widget.quiz .test-window .go-previous {
        left: 24px
    }

    .widget.quiz .test-window .go-next,
    .widget.quiz .test-window .skip-btn {
        right: 24px
    }
}

.widget.screening .board {
    background-color: var(--primary-10);
    padding: 16px
}

.widget.screening .board .blocks,
.widget.screening .board .loader {
    display: none
}

.widget.screening .board .block-holder {
    position: relative
}

.widget.screening .board .block-holder .screening-cover-image-wrapper {
    height: 140px;
    width: calc(100% + 16px + 16px);
    display: block;
    margin: -16px -16px 16px -16px;
    border-radius: var(--border-radius) var(--border-radius) 0 0;
    position: relative;
    overflow: hidden
}

.widget.screening .board .block-holder .screening-cover-image-wrapper .screening-cover-image {
    object-fit: cover;
    display: block;
    height: 100%;
    width: 100%
}

.widget.screening .board .block-holder .screening-cover-image-wrapper:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, #fff 100%)
}

.widget.screening .board .block-holder:not(:last-child) {
    margin-bottom: 72px
}

.widget.screening .board .block-holder:not(:last-child):after {
    content: "";
    width: 32px;
    height: 32px;
    border-radius: 50%;
    color: var(--white);
    position: absolute;
    bottom: -52px;
    left: 50%;
    transform: rotate(90deg) translateY(50%);
    font-size: 16px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="14" viewBox="0 0 24 24" fill="none"><path d="M12.563 5.25L19.313 12L12.563 18.75" stroke="%23FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M18.375 12H4.68701" stroke="%23FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center center;
    background-color: var(--primary-30);
    background-size: contain
}

.widget.screening .board .block-holder .block.type-option {
    border-radius: var(--border-radius);
    background-color: var(--white);
    padding: 16px;
    box-shadow: 0 33px 9px 0 rgba(183, 231, 251, 0), 0 21px 8px 0 rgba(183, 231, 251, .03), 0 12px 7px 0 rgba(183, 231, 251, .1), 0 5px 5px 0 rgba(183, 231, 251, .17), 0 1px 3px 0 rgba(183, 231, 251, .2)
}

.widget.screening .board .block-holder .block.type-option .code {
    display: none
}

.widget.screening .board .block-holder .block.type-option .header .title {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: 16px
}

.widget.screening .board .block-holder .block.type-option .image {
    margin-bottom: 16px
}

.widget.screening .board .block-holder .block.type-option .image img {
    width: 100%;
    border-radius: var(--border-radius)
}

.widget.screening .board .block-holder .block.type-option .options {
    margin: 0;
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px
}

.widget.screening .board .block-holder .block.type-option .options li {
    padding: 0;
    width: 100%;
    margin: 0;
    display: flex;
    align-items: center;
    list-style: none;
    border-radius: var(--border-radius);
    border: solid 1px var(--primary-30)
}

.widget.screening .board .block-holder .block.type-option .options li.type-image {
    width: calc(50% - 8px)
}

.widget.screening .board .block-holder .block.type-option .options li.type-image button {
    padding: 0
}

.widget.screening .board .block-holder .block.type-option .options li.type-image button .image {
    margin: 0
}

.widget.screening .board .block-holder .block.type-option .options li.type-image button .image img {
    display: block
}

.widget.screening .board .block-holder .block.type-option .options li button {
    padding: 16px 24px;
    min-height: 56px;
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: var(--gray-100);
    background-color: transparent;
    text-align: start;
    border: none;
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between
}

.widget.screening .board .block-holder .block.type-option .options li button .loader {
    display: block;
    width: 28px;
    height: 28px
}

.widget.screening .board .block-holder .block.type-option .options li.selected,
.widget.screening .board .block-holder .block.type-option .options li:hover {
    background-color: var(--primary-20);
    border-color: var(--primary-20)
}

.widget.screening .board .block-holder .block.type-option .options li:before {
    content: none
}

.widget.screening .board .block-holder .block.type-option .options.type-system {
    margin: 16px auto 0 auto;
    width: 168px
}

.widget.screening .board .block-holder .block.type-option .options.type-system li button {
    width: 168px;
    color: var(--primary-60);
    text-transform: uppercase;
    font-weight: 600;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center
}

.widget.screening .board .block-holder .block.type-help {
    text-align: center;
    margin-top: 16px
}

.widget.screening .board .block-holder .block.type-help .code {
    display: none
}

.widget.screening .board .article-list-medium-content {
    margin: 16px 0 0 0
}

.widget.screening .board .article-list-medium-content h3,
.widget.screening .board .article-list-medium-content p {
    margin: unset
}

@media screen and (min-width:1050px) {
    .widget.screening .board {
        border-radius: var(--border-radius)
    }

    .widget.screening .board .block-holder .screening-cover-image-wrapper {
        height: 160px;
        width: calc(100% + 24px + 24px);
        margin: -24px -24px 24px -24px
    }

    .widget.screening .board .block-holder .block.type-option {
        padding: 24px
    }

    .widget.screening .board .block-holder .block.type-option .header .title {
        font-size: 1.8rem;
        line-height: 2.8rem
    }

    .widget.screening .board .block-holder .block.type-option .options li.type-image {
        width: calc(33% - 9px)
    }

    .widget.screening .board .block-holder .block.type-option .options li button {
        font-size: 1.8rem;
        line-height: 2.8rem
    }

    .widget.screening .board .block-holder .block.type-help {
        margin-top: 20px
    }

    .widget.screening .board .block-holder .options.type-system {
        margin: 24px auto 0 auto
    }

    .widget.screening .board .article-list-medium-content .articles {
        row-gap: 24px;
        grid-template-columns: 1fr
    }

    .widget.screening .board .article-list-medium-content .articles .article {
        max-width: 520px
    }
}

.widget.symptom-checker {
    margin: 0 -16px
}

.widget.symptom-checker .widget-questions {
    background-color: var(--primary-10);
    padding: 16px
}

.widget.symptom-checker .widget-questions .checker {
    max-height: 0
}

.widget.symptom-checker .widget-questions ol.questions {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.widget.symptom-checker .widget-questions ol.questions li {
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    list-style: none !important;
    padding: 16px;
    background-color: var(--white);
    border-radius: var(--border-radius);
    font-size: 1.6rem;
    line-height: 2.4rem
}

.widget.symptom-checker .widget-questions ol.questions li:before {
    content: unset
}

.widget.symptom-checker .widget-questions ol.questions li .question-text {
    flex: 1
}

.widget.symptom-checker .widget-questions ol.questions li .options {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.widget.symptom-checker .widget-questions ol.questions li .options button {
    height: 38px;
    width: 80px;
    background-color: var(--white);
    color: var(--primary-60);
    border-radius: var(--border-radius);
    border: 1px solid var(--primary-60);
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 2.4rem;
    transition: background-color var(--transition)
}

.widget.symptom-checker .widget-questions ol.questions li .options button.selected,
.widget.symptom-checker .widget-questions ol.questions li .options button:hover {
    background-color: var(--primary-20)
}

.widget.symptom-checker .widget-questions .submit-container {
    max-width: 168px;
    margin: 16px auto 0 auto
}

@media screen and (min-width:834px) {
    .widget.symptom-checker {
        margin: 0
    }

    .widget.symptom-checker .widget-questions ol.questions li {
        font-size: 1.8rem;
        line-height: 2.8rem;
        padding: 16px 24px
    }

    .widget.symptom-checker .widget-questions ol.questions li .options {
        flex-direction: row;
        gap: 0
    }

    .widget.symptom-checker .widget-questions ol.questions li .options button {
        width: 84px;
        height: 56px;
        font-size: 1.6rem;
        line-height: 2.4rem
    }

    .widget.symptom-checker .widget-questions ol.questions li .options button:first-of-type {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .widget.symptom-checker .widget-questions ol.questions li .options button:last-of-type {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .widget.symptom-checker .widget-questions .submit-container {
        max-width: 168px;
        margin: 16px auto 0 auto
    }
}

.widget-calendar .month-calendar {
    background-color: var(--white);
    border-radius: var(--border-radius);
    width: 100%;
    overflow: hidden;
    padding: 16px 0;
    box-shadow: var(--box-shadow-gray-light)
}

.widget-calendar .month-calendar .header {
    position: relative;
    text-align: center;
    margin-bottom: 20px
}

.widget-calendar .month-calendar .header .title {
    font-size: 1.6rem;
    line-height: 2.4rem
}

.widget-calendar .month-calendar .header .title .month {
    font-weight: 700;
    text-transform: capitalize
}

.widget-calendar .month-calendar .header .navigation {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    gap: 180px
}

.widget-calendar .month-calendar .header .navigation button {
    padding: 8px;
    font-size: 20px;
    border: none;
    background-color: transparent;
    color: var(--primary-60)
}

.widget-calendar .month-calendar .calendar-table {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    margin: 0 auto
}

.widget-calendar .month-calendar .calendar-table li {
    margin: 0;
    aspect-ratio: 1/.9;
    border-top: 1px solid var(--gray-10);
    border-right: 1px solid var(--gray-10);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
    font-size: 1.4rem;
    font-weight: 400
}

.widget-calendar .month-calendar .calendar-table li.fertile,
.widget-calendar .month-calendar .calendar-table li.very-fertile {
    background-color: rgba(214, 119, 173, .1215686275)
}

.widget-calendar .month-calendar .calendar-table li.standard {
    background-color: rgba(103, 178, 111, .12)
}

.widget-calendar .month-calendar .calendar-table li.non-standard {
    background-color: rgba(194, 116, 159, .12)
}

.widget-calendar .month-calendar .calendar-table li:nth-child(7n) {
    border-right: none
}

.widget-calendar .month-calendar .calendar-table li.next,
.widget-calendar .month-calendar .calendar-table li.previous {
    color: var(--gray-50)
}

.widget-calendar .month-calendar .calendar-table li.weekday {
    border: none;
    font-weight: 500;
    aspect-ratio: unset;
    height: 24px;
    align-items: flex-start
}

.widget-calendar .month-calendar .calendar-table li::before {
    content: none
}

.widget-calendar .month-calendar .calendar-table li .event-container {
    display: flex;
    flex-direction: column
}

.widget-calendar .legend {
    font-size: 1.2rem;
    line-height: 1.6rem;
    display: flex;
    flex-direction: row;
    gap: 10px;
    color: var(--gray-60);
    padding: 20px 12px 0 12px
}

.widget-calendar .legend .item {
    display: grid;
    align-items: center;
    grid-template-columns: 28px 1fr
}

.widget-calendar .legend .item .icon {
    font-size: 20px;
    display: inline-block
}

.widget-calendar .icon-calendar-menstruation {
    color: #fbadad
}

.widget-calendar .icon-calendar-ovulation {
    color: #adb1fb
}

.widget-calendar .icon-calendar-fertile {
    color: #fbb0e6
}

.widget-calendar .icon-calendar-safe {
    color: #67b26f
}

.widget-calendar .icon-calendar-unsafe {
    color: #c2749f
}

@media screen and (min-width:1050px) {
    .widget-calendar .month-calendar {
        padding: 24px
    }

    .widget-calendar .month-calendar .header {
        margin-bottom: 24px
    }

    .widget-calendar .month-calendar .header .title {
        font-size: 1.8rem;
        line-height: 2.6rem
    }

    .widget-calendar .month-calendar .calendar-table li {
        aspect-ratio: unset;
        font-size: 1.6rem;
        gap: 9px;
        height: 54px
    }

    .widget-calendar .month-calendar .calendar-table li.weekday {
        height: 38px
    }

    .widget-calendar .month-calendar .calendar-table li .event-container .icon {
        font-size: 1.8rem
    }

    .widget-calendar .legend {
        padding: 24px 0 0 0;
        font-size: 1.6rem;
        line-height: 2.2rem;
        gap: 14px
    }

    .widget-calendar .legend .item {
        grid-template-columns: 30px 1fr
    }

    .widget-calendar .legend .item .icon {
        font-size: 22px
    }
}

.chinese-table {
    text-align: center;
    font-size: .9em;
    line-height: 33px;
    padding: 0;
    margin: 32px 0;
    display: grid;
    grid-template-columns: 1.2fr repeat(12, 1fr);
    gap: 3px
}

.chinese-table li {
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid transparent;
    height: 33px
}

.chinese-table li::before {
    content: none !important
}

.chinese-table li.m {
    background-color: #70b7f0
}

.chinese-table li.f {
    background-color: #e76486
}

.chinese-table li.selected {
    border: solid 5px #7bff7b
}

.widget.calculator#age-calculator .widget-result ul {
    padding-left: 20px
}

.widget.calculator#irregular-fertile-period-calculator .widget-questions {
    padding: 16px 12px
}

.widget.calculator#irregular-fertile-period-calculator .calculator-form form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 16px
}

.widget.calculator#irregular-fertile-period-calculator .calculator-form form input[type=date] {
    padding: 0 10px;
    max-width: unset
}

.widget.calculator#irregular-fertile-period-calculator .calculator-form form .field-group.field-date:nth-child(n+9) {
    display: none
}

.widget.calculator#irregular-fertile-period-calculator .calculator-form form .field-group.field-date.show {
    display: block !important
}

.widget.calculator#irregular-fertile-period-calculator .calculator-form form .error {
    font-size: 1.1rem
}

.widget.calculator#irregular-fertile-period-calculator .calculator-form form .buttons-wrapper {
    grid-column: span 2;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 16px;
    margin-bottom: 24px
}

.widget.calculator#irregular-fertile-period-calculator .calculator-form form .buttons-wrapper .remove-cycle-button {
    color: var(--error-50);
    text-align: center;
    font-size: 1.2rem;
    line-height: 1.6rem;
    text-decoration-line: underline;
    background-color: transparent;
    border: none
}

.widget.calculator#irregular-fertile-period-calculator .calculator-form form .buttons-wrapper .remove-cycle-button:disabled {
    cursor: not-allowed;
    opacity: .3
}

.widget.calculator#irregular-fertile-period-calculator .calculator-form form .buttons-wrapper .add-cycle-button {
    color: var(--primary-70);
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.6rem;
    background-color: transparent;
    border: 1px solid var(--primary-70);
    padding: 7px 10px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px
}

.widget.calculator#irregular-fertile-period-calculator .calculator-form form .buttons-wrapper .add-cycle-button:disabled {
    cursor: not-allowed;
    opacity: .4
}

.widget.calculator#irregular-fertile-period-calculator .calculator-form form .buttons-wrapper .add-cycle-button .icon {
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    border-radius: 100%;
    background-color: var(--primary-70);
    color: var(--white);
    transform: rotate(45deg)
}

.widget.calculator#irregular-fertile-period-calculator .calculator-form form .submit-container {
    grid-column: span 2
}

@media screen and (min-width:1050px) {
    .widget.calculator#irregular-fertile-period-calculator .widget-questions {
        padding: 24px
    }

    .widget.calculator#irregular-fertile-period-calculator .calculator-form form .buttons-wrapper .remove-cycle-button {
        transition: color var(--transition)
    }

    .widget.calculator#irregular-fertile-period-calculator .calculator-form form .buttons-wrapper .remove-cycle-button:hover:not(:disabled) {
        color: var(--error-60)
    }

    .widget.calculator#irregular-fertile-period-calculator .calculator-form form .buttons-wrapper .add-cycle-button * {
        transition: color var(--transition), background-color var(--transition)
    }

    .widget.calculator#irregular-fertile-period-calculator .calculator-form form .buttons-wrapper .add-cycle-button:hover:not(:disabled) {
        background-color: var(--primary-70);
        color: var(--white)
    }

    .widget.calculator#irregular-fertile-period-calculator .calculator-form form .buttons-wrapper .add-cycle-button:hover:not(:disabled) .icon {
        background-color: var(--white);
        color: var(--primary-70)
    }

    .widget.calculator#irregular-fertile-period-calculator .calculator-form form .submit-container {
        grid-column: span 2
    }
}

.widget-result {
    background: var(--cards);
    margin-top: 34px;
    margin-bottom: 24px;
    border-radius: var(--border-radius);
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 16px
}

.widget-result__header {
    display: grid;
    grid-template-columns: 40px 1fr;
    align-items: center;
    gap: 16px;
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    margin-bottom: 16px
}

.widget-result__header .icon-wrapper {
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: var(--primary-70);
    color: var(--white)
}

.widget-result__header .icon-wrapper .icon {
    font-size: 28px
}

.widget-result__header__result {
    display: flex;
    flex-direction: column;
    gap: 4px;
    text-transform: uppercase
}

.widget-result__header__result__title {
    font-size: 1.4rem;
    line-height: 2rem
}

.widget-result__header__result__description {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.4rem
}

.widget-result__header[data-type=negative] .icon-wrapper {
    background-color: var(--error-50)
}

.widget-result__header[data-type=intermediate] .icon-wrapper {
    background-color: #f1ac52
}

.widget-result .negative-banner-wrapper {
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid var(--gray-20)
}

.widget-result .negative-banner-wrapper .rdor-find-doctor-widget-result {
    margin: 0
}

.widget-result .negative-banner-wrapper .rdor-find-doctor-widget-result .button-cta {
    margin-bottom: 0
}

.widget-result__body__percentileImage {
    width: 100%;
    height: auto;
    object-fit: cover;
    margin: 24px 0;
    display: block
}

.widget-result__body__content li,
.widget-result__body__content p {
    margin-bottom: 24px;
    font-size: 1.4rem;
    line-height: 2.4rem
}

.widget-result__body__content br {
    display: none
}

.widget-result__body__content sup {
    line-height: 1.6px
}

.widget-result__body__articles {
    margin: 24px 0 0 0;
    border-top: 1px solid var(--gray-20);
    border-bottom: 0
}

.widget-result__body__articles__title {
    color: var(--gray-100);
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.4rem;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    padding-right: 28px
}

.widget-result__body__articles__title .icon {
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    transition: transform var(--transition)
}

.widget-result__body__articles__title .icon[data-open=true] {
    transform: translateY(-50%) rotate(-90deg)
}

.widget-result__body__articles__body {
    overflow: hidden;
    max-height: 1000px;
    transition: max-height var(--transition)
}

.widget-result__body__articles__body._hide {
    max-height: 0;
    transition: max-height .5s cubic-bezier(0, 1, 0, 1)
}

.widget-result__body__articles .article-list-medium-content {
    margin: 0
}

.widget-result__body__articles .article-list-medium-content h3,
.widget-result__body__articles .article-list-medium-content p {
    margin: unset
}

.widget-result__body__articles .article-list-medium-content .article-image {
    margin: 0 !important;
    overflow: unset !important
}

.widget-result__body .result-table {
    margin: 24px 0;
    width: 100%
}

.widget-result__footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px
}

.widget-result__footer__divider {
    border-top: 1px solid var(--gray-20);
    width: 100%
}

.widget-result__footer__restart {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--primary-70);
    gap: 6px;
    border-radius: var(--border-radius);
    border: 1px solid var(--primary-70);
    background-color: var(--transparent);
    padding: 8px 12px
}

.widget-result__footer__restart .icon {
    font-size: 16px
}

.widget-result__footer__disclaimer {
    color: var(--gray-50);
    font-size: 1.2rem;
    line-height: 1.6rem;
    text-align: center
}

.widget-result__footer__logo {
    font-size: 150px
}

.widget-result table tr:first-of-type th {
    background-color: #e1e1e1;
    color: var(--gray-100)
}

.widget-result.result-basic-symptom-checker {
    margin-left: 16px;
    margin-right: 16px;
    width: calc(100% - 32px)
}

@media screen and (min-width:1050px) {
    .widget-result {
        padding: 24px
    }

    .widget-result__header {
        grid-template-columns: 48px 1fr;
        gap: 12px;
        margin-bottom: 16px
    }

    .widget-result__header .icon-wrapper {
        height: 48px;
        width: 48px
    }

    .widget-result__header .icon-wrapper .icon {
        font-size: 32px
    }

    .widget-result__header__result {
        display: flex;
        flex-direction: column;
        gap: 4px;
        text-transform: uppercase
    }

    .widget-result__header__result__description {
        font-size: 1.8rem;
        line-height: 2.6rem
    }

    .widget-result__body__content li,
    .widget-result__body__content p {
        font-size: 1.6rem;
        line-height: 2.4rem;
        margin-bottom: 32px
    }

    .widget-result__body__content sup {
        line-height: 1.8px
    }

    .widget-result__body__articles {
        margin: 32px 0 0 0
    }

    .widget-result__body__articles__title {
        font-size: 1.6rem;
        transition: color var(--transition);
        cursor: pointer
    }

    .widget-result__body__articles__title:hover {
        color: var(--primary-60)
    }

    .widget-result__body__articles .article-list-medium-content {
        margin: 0
    }

    .widget-result__body__articles .article-list-medium-content .articles {
        row-gap: 24px;
        grid-template-columns: 1fr
    }

    .widget-result__body__articles .article-list-medium-content .articles .article {
        max-width: 520px
    }

    .widget-result__footer {
        gap: 32px
    }

    .widget-result__footer__restart {
        font-size: 1.4rem;
        transition: color var(--transition), background-color var(--transition)
    }

    .widget-result__footer__restart:hover {
        background-color: var(--primary-70);
        color: var(--white)
    }

    .widget-result__footer__restart .icon {
        font-size: 16px
    }

    .widget-result__footer__logo {
        font-size: 167px
    }

    .widget-result.result-basic-symptom-checker {
        margin-left: unset;
        margin-right: unset
    }
}

.doctors-list .doctor-cards-container {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.doctors-list .paginator {
    margin: 48px 0;
    --primary-60: var(--primary-70)
}

.doctors-list .paginator #component-pagination .page-selector .selector-button {
    border: none;
    box-shadow: var(--box-shadow-gray-light)
}

@media screen and (min-width:1050px) {
    .doctors-list .doctor-cards-container {
        display: flex;
        flex-direction: column;
        gap: 24px
    }

    .doctors-list .paginator {
        margin: 24px 0 56px 0
    }
}

.find-doctor-search-header {
    background: var(--banner-rd);
    padding: 16px 0;
    color: var(--white)
}

.find-doctor-search-header .title {
    margin-bottom: 10px
}

.find-doctor-search-header .subtitle {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.4rem;
    margin: 8px 0 16px 0;
    display: block
}

.find-doctor-search-header .form-title {
    color: var(--white);
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.4rem;
    display: block;
    margin-bottom: 8px
}

.main-loader-container {
    display: flex;
    margin-bottom: 60vh;
    padding: 16px 0;
    align-items: center;
    gap: 8px
}

.main-loader-container .title {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.4rem
}

@media screen and (min-width:1050px) {
    .find-doctor-search-header {
        padding: 32px 0
    }

    .find-doctor-search-header .title {
        margin-bottom: 16px;
        font-size: 3rem;
        line-height: 4rem
    }

    .find-doctor-search-header .subtitle {
        font-size: 1.6rem;
        margin: 12px 0
    }

    .find-doctor-search-header .form-title {
        font-size: 1.8rem;
        line-height: 2.6rem;
        margin-bottom: 12px
    }

    .find-doctor-search-header .info {
        font-size: 1.2rem;
        line-height: 1.8rem;
        max-width: 600px
    }

    .main-loader-container .title {
        font-size: 1.8rem;
        line-height: 2.6rem
    }
}

.hospital-suggestion {
    background-color: var(--white);
    padding: 16px;
    margin-bottom: 16px;
    border-radius: var(--border-radius);
    border: 1px solid var(--primary-50);
    box-shadow: 0 0 4px 0 rgba(75, 206, 255, .2), 0 4px 8px 0 rgba(75, 206, 255, .2);
    display: flex;
    align-items: center;
    flex-direction: column
}

.hospital-suggestion__badge {
    display: inline-flex;
    padding: 4px 10px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 16px;
    background: var(--primary-20);
    color: var(--primary-80);
    font-size: 1.1rem;
    text-transform: uppercase
}

.hospital-suggestion__badge .icon {
    font-size: 1.3rem
}

.hospital-suggestion__title {
    text-align: center;
    font-size: 2rem;
    line-height: 2.8rem;
    font-weight: 600;
    margin: 8px 0 6px 0
}

.hospital-suggestion__address {
    font-size: 1.2rem;
    line-height: 1.6rem;
    font-style: normal;
    font-weight: 400;
    margin: 6px 0 16px 0
}

.hospital-suggestion__CTA .icon {
    font-size: 18px
}

@media screen and (min-width:1050px) {
    .hospital-suggestion {
        display: grid;
        grid-template-columns: 1fr 288px;
        column-gap: 80px;
        padding: 32px;
        margin-bottom: 24px
    }

    .hospital-suggestion__badge {
        order: 1;
        justify-self: flex-start;
        font-size: 1.2rem;
        line-height: 1.6rem
    }

    .hospital-suggestion__title {
        order: 3;
        justify-self: flex-start;
        text-align: left;
        font-size: 2.4rem;
        line-height: 3.2rem;
        margin: 8px 0 6px 0;
        transition: color var(--transition)
    }

    .hospital-suggestion__title:hover {
        color: var(--primary-80)
    }

    .hospital-suggestion__address {
        order: 4;
        font-size: 1.4rem;
        line-height: 2rem;
        margin: 6px 0 0 0
    }

    .hospital-suggestion__CTA {
        order: 2;
        grid-row: span 3;
        width: 218px;
        display: inline-flex;
        margin: auto
    }
}

.location-cloud {
    background: var(--primary-20);
    position: relative;
    padding: 12px 40px 12px 16px;
    color: var(--primary-80);
    margin: 16px -16px 8px;
    display: flex;
    gap: 6px;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start
}

.location-cloud .location-close {
    position: absolute;
    top: 8px;
    right: 8px;
    border: none;
    background-color: transparent;
    color: var(--primary-80);
    padding: 8px;
    font-size: 18px;
    transition: color var(--transition)
}

.location-cloud .location-close:hover {
    color: var(--primary-20)
}

.location-cloud .title {
    color: var(--primary-80);
    font-size: 1.4rem;
    line-height: 2rem
}

.location-cloud .enable-location {
    border-radius: 4px;
    background-color: var(--white, #fff);
    display: flex;
    padding: 4px 12px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border: none;
    color: var(--primary-80);
    font-size: 1.4rem;
    line-height: 2.4rem;
    box-shadow: var(--box-shadow-gray-light)
}

.location-cloud .enable-location .icon {
    font-size: 16px
}

@media screen and (min-width:576px) {
    .location-cloud {
        margin: 0 0 16px 0;
        border-radius: var(--border-radius)
    }
}

@media screen and (min-width:1050px) {
    .location-cloud {
        padding: 20px;
        margin: 16px 0;
        gap: 12px;
        flex-direction: row;
        align-items: center;
        border-radius: var(--border-radius)
    }

    .location-cloud .location-close {
        top: 10px;
        right: 10px;
        font-size: 20px;
        transition: color var(--transition)
    }

    .location-cloud .location-close:hover {
        color: var(--primary-100)
    }

    .location-cloud .title {
        font-size: 1.6rem;
        line-height: 2rem
    }

    .location-cloud .enable-location {
        padding: 6px 12px;
        font-size: 1.5rem;
        line-height: 2.4rem;
        transition: color var(--transition), background-color var(--transition)
    }

    .location-cloud .enable-location:hover {
        color: var(--white);
        background-color: var(--primary-80)
    }

    .location-cloud .enable-location .icon {
        font-size: 16px
    }
}

.suggestion-cloud {
    background-color: var(--primary-80);
    padding: 16px;
    margin: 16px -16px;
    position: relative
}

.suggestion-cloud .suggestion-close {
    position: absolute;
    top: 8px;
    right: 8px;
    border: none;
    background-color: transparent;
    padding: 8px;
    font-size: 18px;
    color: var(--white);
    transition: color var(--transition)
}

.suggestion-cloud .suggestion-close:hover {
    color: var(--primary-20)
}

.suggestion-cloud .title {
    font-size: 1.4rem;
    line-height: 2rem;
    color: var(--white);
    margin-bottom: 12px;
    margin-right: 50px
}

.suggestion-cloud .suggestion-list {
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    row-gap: 12px
}

.suggestion-cloud .suggestion-list .suggestion-item .suggestion-link {
    display: block;
    color: var(--primary-80);
    padding: 4px 12px;
    background-color: var(--white);
    border-radius: var(--border-radius);
    font-size: 1.4rem;
    line-height: 2.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: none
}

.suggestion-cloud .suggestion-list .suggestion-item .suggestion-link .icon {
    font-size: 12px
}

@media screen and (min-width:576px) {
    .suggestion-cloud {
        margin: 0 0 16px 0;
        border-radius: var(--border-radius)
    }
}

@media screen and (min-width:1050px) {
    .suggestion-cloud {
        padding: 24px;
        margin: 0 0 24px 0
    }

    .suggestion-cloud .suggestion-close {
        top: 10px;
        right: 10px;
        font-size: 20px
    }

    .suggestion-cloud .title {
        font-size: 1.6rem;
        line-height: 2.4rem
    }

    .suggestion-cloud .suggestion-list .suggestion-item .suggestion-link {
        font-size: 1.6rem;
        line-height: 2.4rem;
        padding: 6px 12px;
        cursor: pointer;
        transition: background-color var(--transition)
    }

    .suggestion-cloud .suggestion-list .suggestion-item .suggestion-link:hover {
        background-color: var(--primary-30)
    }
}

.hospital-page .hospital-about {
    background-color: var(--white);
    margin: 16px -16px 24px -16px;
    padding: 20px 16px;
    font-size: 1.6rem;
    line-height: 2.4rem;
    box-shadow: var(--box-shadow-gray-light)
}

.hospital-page .hospital-about .more-about-button {
    border: none;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--primary-80);
    margin-top: 20px
}

.hospital-page .hospital-about .more-about-button .text {
    font-size: 1.6rem;
    line-height: 2.4rem;
    text-decoration-line: underline
}

.hospital-page .hospital-about .more-about-button .icon {
    font-size: 14px;
    transform: rotate(90deg)
}

.hospital-page .hospital-about .more-about-content {
    display: none
}

.hospital-page .hospital-about a {
    text-decoration: underline;
    color: var(--primary-60)
}

.hospital-page .hospital-about p+p {
    margin-top: 20px
}

@media screen and (min-width:576px) {
    .hospital-page .hospital-about {
        margin: 16px 0 24px 0;
        border-radius: var(--border-radius)
    }
}

@media screen and (min-width:1050px) {
    .hospital-page .hospital-about {
        margin: 24px 0;
        padding: 24px;
        font-size: 1.6rem;
        line-height: 2.4rem
    }

    .hospital-page .hospital-about p {
        font-size: 1.6rem;
        line-height: 2.4rem
    }

    .hospital-page .hospital-about .more-about-button {
        font-size: 1.6rem;
        line-height: 2.4rem;
        transition: color var(--transition)
    }

    .hospital-page .hospital-about .more-about-button:hover {
        color: var(--primary-90)
    }

    .hospital-page .hospital-about .more-about-button .text {
        text-decoration-line: underline
    }

    .hospital-page .hospital-about .more-about-button .icon {
        font-size: 14px;
        transform: rotate(90deg)
    }

    .hospital-page .hospital-about a {
        transition: var(--transition)
    }

    .hospital-page .hospital-about a:hover {
        color: var(--primary-80)
    }
}

.hospital-page .hospital-anchors {
    position: sticky;
    top: 86px;
    z-index: 2;
    margin: 4px -16px 16px -16px;
    background-color: var(--find-medic-bg);
    transition: top var(--transition);
    border-bottom: 1px solid var(--gray-20)
}

.hospital-page .hospital-anchors.menu-hide {
    top: 0
}

.hospital-page .hospital-anchors::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 40px;
    background: linear-gradient(270deg, var(--find-medic-bg) 0, rgba(255, 255, 255, 0) 100%);
    pointer-events: none
}

.hospital-page .hospital-anchors ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 24px;
    overflow-x: scroll;
    overflow-y: hidden;
    list-style: none;
    padding: 12px 16px 12px 16px;
    padding-right: 40px;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.hospital-page .hospital-anchors ul::-webkit-scrollbar {
    display: none
}

.hospital-page .hospital-anchors a {
    font-size: 1.4rem;
    line-height: 2.4rem;
    color: var(--gray-100);
    position: relative;
    transition: color var(--transition)
}

.hospital-page .hospital-anchors a::after {
    content: "";
    position: absolute;
    bottom: -18px;
    left: 50%;
    width: 110%;
    height: 4px;
    z-index: 6;
    transform: translate(-50%);
    background-color: transparent;
    border-radius: 3px;
    transition: background-color var(--transition)
}

.hospital-page .hospital-anchors a.active {
    color: var(--primary-70)
}

.hospital-page .hospital-anchors a.active::after {
    background-color: var(--primary-70)
}

@media screen and (min-width:1050px) {
    .hospital-page .hospital-anchors {
        margin: 12px 0 24px 0;
        position: unset
    }

    .hospital-page .hospital-anchors::after {
        content: none
    }

    .hospital-page .hospital-anchors ul {
        padding: 12px 0;
        gap: 32px
    }

    .hospital-page .hospital-anchors ul a {
        font-size: 1.6rem;
        line-height: 2.4rem;
        cursor: pointer;
        margin-left: 3px
    }

    .hospital-page .hospital-anchors ul a::after {
        bottom: -17px
    }

    .hospital-page .hospital-anchors ul a:hover {
        color: var(--primary-70)
    }

    .hospital-page .hospital-anchors ul a:hover::after {
        background-color: var(--primary-70)
    }
}

.hospital-page .hospital-contact {
    margin: 24px -16px 0 -16px;
    padding: 20px 16px;
    background-color: var(--white);
    box-shadow: var(--box-shadow-gray-light)
}

.hospital-page .hospital-contact .text-container {
    display: flex;
    gap: 20px;
    flex-direction: column
}

.hospital-page .hospital-contact .text-container .address-wrapper {
    display: grid;
    grid-template-columns: 20px 1fr;
    gap: 6px;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    line-height: 2.4rem;
    word-break: break-all
}

.hospital-page .hospital-contact .text-container .address-wrapper address {
    font-style: normal
}

.hospital-page .hospital-contact .text-container .address-wrapper a {
    color: var(--primary-80)
}

.hospital-page .hospital-contact .text-container .address-wrapper .icon {
    font-size: 20px;
    color: var(--primary-60);
    margin: auto
}

.hospital-page .hospital-contact .text-container .address-wrapper .icon-phone {
    font-size: 16px
}

.hospital-page .hospital-contact .map-wrapper {
    margin-left: -16px;
    margin-right: -16px
}

.hospital-page .hospital-contact .map-wrapper iframe {
    width: 100%
}

@media screen and (min-width:576px) {
    .hospital-page .hospital-contact {
        margin: 24px 0;
        border-radius: var(--border-radius)
    }

    .hospital-page .hospital-contact .map-wrapper {
        margin-left: 0;
        margin-right: 0
    }

    .hospital-page .hospital-contact .map-wrapper iframe {
        width: 100%
    }
}

@media screen and (min-width:1050px) {
    .hospital-page .hospital-contact {
        padding: 24px;
        margin: 24px 0 0 0
    }

    .hospital-page .hospital-contact .text-container .address-wrapper {
        font-size: 1.6rem;
        line-height: 2.4rem
    }

    .hospital-page .hospital-contact .text-container .address-wrapper a {
        transition: color var(--transition)
    }

    .hospital-page .hospital-contact .text-container .address-wrapper a:hover {
        color: var(--primary-100)
    }
}

.hospital-page .hospital-doctors {
    margin: 24px -16px;
    padding: 20px 16px;
    background-color: var(--white);
    box-shadow: var(--box-shadow-gray-light)
}

.hospital-page .hospital-doctors .input-container {
    position: relative
}

.hospital-page .hospital-doctors .input-container .input-right-icon {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 12px;
    right: 16px;
    color: var(--gray-50);
    font-size: 20px;
    border: none;
    background-color: transparent;
    outline: 0
}

.hospital-page .hospital-doctors .input-container .input-right-icon:has(~input:focus) {
    color: var(--gray-100)
}

.hospital-page .hospital-doctors .input-container .input-right-icon.error {
    color: var(--error-50) !important
}

.hospital-page .hospital-doctors .input-container input {
    width: 100%
}

.hospital-page .hospital-doctors .input-container.auto-complete-open .auto-complete {
    display: block !important
}

.hospital-page .hospital-doctors .input-container .auto-complete {
    display: none;
    width: 100%;
    position: absolute;
    top: 52px;
    z-index: 1;
    background-color: var(--white);
    border-radius: var(--border-radius);
    max-height: 295px;
    overflow-y: auto;
    box-shadow: var(--box-shadow-gray-default);
    padding: 2px 0
}

.hospital-page .hospital-doctors .input-container .auto-complete .auto-complete-item:last-of-type .auto-complete-item-link:after {
    background-color: transparent
}

.hospital-page .hospital-doctors .input-container .auto-complete .auto-complete-item .auto-complete-item-title {
    padding: 19px 16px 0 16px;
    color: var(--primary-70);
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2rem;
    text-transform: uppercase
}

.hospital-page .hospital-doctors .input-container .auto-complete .auto-complete-item .auto-complete-item-link {
    font-size: 1.6rem;
    line-height: 2.4rem;
    padding: 19px 16px;
    display: grid;
    grid-template-columns: 24px 1fr;
    align-items: center;
    justify-content: center;
    row-gap: 12px;
    column-gap: 10px;
    position: relative
}

.hospital-page .hospital-doctors .input-container .auto-complete .auto-complete-item .auto-complete-item-link .doctor-image {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: var(--primary-10);
    color: var(--primary-70);
    display: flex;
    align-items: center;
    justify-content: center
}

.hospital-page .hospital-doctors .input-container .auto-complete .auto-complete-item .auto-complete-item-link .doctor-image .icon {
    font-size: 18px
}

.hospital-page .hospital-doctors .input-container .auto-complete .auto-complete-item .auto-complete-item-link .doctor-info {
    display: flex;
    flex-direction: column;
    gap: 2px
}

.hospital-page .hospital-doctors .input-container .auto-complete .auto-complete-item .auto-complete-item-link .doctor-info .doctor-name {
    color: var(--gray-100);
    font-size: 1.6rem;
    line-height: 2.4rem
}

.hospital-page .hospital-doctors .input-container .auto-complete .auto-complete-item .auto-complete-item-link .doctor-info .doctor-specialty {
    color: var(--gray-50);
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.8rem
}

.hospital-page .hospital-doctors .input-container .auto-complete .auto-complete-item .auto-complete-item-link .link {
    grid-column: span 2;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: var(--rdor-secondary);
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 2rem;
    gap: 5px
}

.hospital-page .hospital-doctors .input-container .auto-complete .auto-complete-item .auto-complete-item-link .link .link-icon {
    font-size: 1.4rem
}

.hospital-page .hospital-doctors .input-container .auto-complete .auto-complete-item .auto-complete-item-link:after {
    content: "";
    position: absolute;
    left: 16px;
    bottom: 0;
    width: calc(100% - 32px);
    height: 1px;
    background-color: var(--gray-10)
}

.hospital-page .hospital-doctors .input-container .auto-complete .auto-complete-item .auto-complete-item-link.error {
    color: var(--gray-100);
    font-size: 1.6rem
}

.hospital-page .hospital-doctors .input-container .auto-complete .auto-complete-item .auto-complete-item-link.error:hover {
    background-color: var(--white)
}

.hospital-page .hospital-doctors .input-container .auto-complete .auto-complete-item .auto-complete-item-link.error .icon {
    color: var(--error-50);
    margin-top: 4px
}

.hospital-page .hospital-doctors .input-container .auto-complete .auto-complete-item .auto-complete-item-link[data-selected=true] {
    background-color: var(--gray-10)
}

.hospital-page .hospital-doctors .input-container .auto-complete .auto-complete-item .auto-complete-item-link:hover {
    background-color: var(--gray-10)
}

.hospital-page .hospital-doctors .subtitle {
    font-size: 1.2rem;
    line-height: 2.4rem;
    font-weight: 500;
    text-transform: uppercase;
    margin: 20px 0 0 0
}

.hospital-page .hospital-doctors .error-message-wrapper {
    display: grid;
    grid-template-columns: 24px 1fr;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    padding: 16px;
    font-size: 1.6rem;
    line-height: 2.4rem
}

.hospital-page .hospital-doctors .error-message-wrapper .icon {
    color: var(--error-50);
    font-size: 20px
}

.hospital-page .hospital-doctors .specialties-list {
    list-style: none
}

.hospital-page .hospital-doctors .specialties-list .specialty-item details {
    border-bottom: 1px solid var(--gray-20)
}

.hospital-page .hospital-doctors .specialties-list .specialty-item details summary .icon {
    font-size: 24px;
    color: var(--primary-60)
}

.hospital-page .hospital-doctors .specialties-list .specialty-item details summary .count {
    height: 22px;
    width: 22px;
    display: inline-flex;
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-20)
}

.hospital-page .hospital-doctors .specialties-list .specialty-item details .detail-content {
    font-size: 1.6rem;
    line-height: 2.4rem
}

.hospital-page .hospital-doctors .specialties-list .specialty-item details .detail-item {
    display: flex;
    flex-direction: column
}

.hospital-page .hospital-doctors .specialties-list .specialty-item details .detail-item .doctor-card {
    padding: 16px 0;
    border-bottom: 1px solid var(--gray-20);
    width: 100%;
    display: grid;
    grid-template-columns: 60px 1fr;
    gap: 16px;
    align-items: center;
    justify-content: center
}

.hospital-page .hospital-doctors .specialties-list .specialty-item details .detail-item .doctor-card:first-of-type {
    padding-top: 0
}

.hospital-page .hospital-doctors .specialties-list .specialty-item details .detail-item .doctor-card:last-of-type {
    padding-bottom: 0;
    border: none
}

.hospital-page .hospital-doctors .specialties-list .specialty-item details .detail-item .doctor-card .doctor-image {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    font-size: 34px;
    background-color: var(--primary-10);
    color: var(--primary-70);
    display: flex;
    align-items: center;
    justify-content: center
}

.hospital-page .hospital-doctors .specialties-list .specialty-item details .detail-item .doctor-card .doctor-name {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.4rem
}

.hospital-page .hospital-doctors .specialties-list .specialty-item details .detail-item .doctor-card .doctor-name b {
    color: var(--primary-60)
}

.hospital-page .hospital-doctors .specialties-list .specialty-item details .detail-item .doctor-card .doctor-specialty {
    color: var(--primary-80);
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.8rem;
    margin-top: 4px
}

.hospital-page .hospital-doctors .specialties-list .specialty-item details .detail-item .doctor-card .doctor-cta {
    grid-column: 1/span 2;
    padding: 0 16px
}

.hospital-page .hospital-doctors .specialties-list .specialty-item details .detail-item .doctor-card .doctor-cta .icon {
    font-size: 18px
}

.hospital-page .hospital-doctors .specialties-list .specialty-item details .detail-item .see-all-specialties-doctor {
    color: var(--primary-70);
    display: flex;
    padding: 20px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.4rem;
    text-transform: uppercase
}

.hospital-page .hospital-doctors .doctors-item-button .find-more-button {
    margin-top: 20px;
    border: none;
    background-color: transparent;
    font-size: 1.4rem;
    line-height: 2.4rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 100%;
    color: var(--gray-80)
}

.hospital-page .hospital-doctors .doctors-item-button .find-more-button .icon-search {
    font-size: 1.4rem
}

.hospital-page .hospital-doctors .doctors-item-button .find-more-button .icon-caret-right {
    font-size: 1.2rem
}

.hospital-page .hospital-doctors .doctors-item-button .find-more-button .text {
    text-decoration: underline
}

.hospital-page .hospital-doctors .doctors-item-button .find-more-button * {
    display: block
}

@media screen and (min-width:576px) {
    .hospital-page .hospital-doctors {
        margin: 24px 0;
        border-radius: var(--border-radius)
    }
}

@media screen and (min-width:1050px) {
    .hospital-page .hospital-doctors {
        margin: 24px 0;
        padding: 24px
    }

    .hospital-page .hospital-doctors .input-container .auto-complete .auto-complete-item .auto-complete-item-link {
        grid-template-columns: 24px 1fr 300px
    }

    .hospital-page .hospital-doctors .input-container .auto-complete .auto-complete-item .auto-complete-item-link .link {
        grid-column: unset;
        justify-content: flex-end
    }

    .hospital-page .hospital-doctors .subtitle {
        font-size: 1.4rem;
        line-height: 2.4rem;
        margin: 24px 0 0 0
    }

    .hospital-page .hospital-doctors .specialties-list .specialty-item details summary {
        padding: 24px 0;
        font-size: 1.8rem;
        line-height: 2.6rem;
        gap: 8px
    }

    .hospital-page .hospital-doctors .specialties-list .specialty-item details summary .icon {
        font-size: 26px
    }

    .hospital-page .hospital-doctors .specialties-list .specialty-item details summary .count {
        height: 30px;
        width: 30px;
        font-size: 14px
    }

    .hospital-page .hospital-doctors .specialties-list .specialty-item details .detail-content {
        font-size: 1.8rem;
        line-height: 2.6rem
    }

    .hospital-page .hospital-doctors .specialties-list .specialty-item details .detail-item {
        font-size: 1.8rem;
        line-height: 2.6rem
    }

    .hospital-page .hospital-doctors .specialties-list .specialty-item details .detail-item .doctor-card {
        grid-template-columns: 80px 1fr 208px;
        gap: 20px
    }

    .hospital-page .hospital-doctors .specialties-list .specialty-item details .detail-item .doctor-card .doctor-image {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        object-fit: cover;
        font-size: 54px;
        outline: 3px solid transparent;
        transition: outline var(--transition)
    }

    .hospital-page .hospital-doctors .specialties-list .specialty-item details .detail-item .doctor-card .doctor-image:hover {
        outline: 3px solid var(--primary-60)
    }

    .hospital-page .hospital-doctors .specialties-list .specialty-item details .detail-item .doctor-card .doctor-name {
        font-size: 1.8rem;
        line-height: 2.6rem;
        transition: color var(--transition)
    }

    .hospital-page .hospital-doctors .specialties-list .specialty-item details .detail-item .doctor-card .doctor-name:hover {
        color: var(--primary-60)
    }

    .hospital-page .hospital-doctors .specialties-list .specialty-item details .detail-item .doctor-card .doctor-specialty {
        font-size: 1.6rem;
        line-height: 2.4rem
    }

    .hospital-page .hospital-doctors .specialties-list .specialty-item details .detail-item .doctor-card .doctor-cta {
        grid-column: unset
    }

    .hospital-page .hospital-doctors .specialties-list .specialty-item details .detail-item .see-all-specialties-doctor {
        padding: 24px;
        cursor: pointer;
        transition: color var(--transition)
    }

    .hospital-page .hospital-doctors .specialties-list .specialty-item details .detail-item .see-all-specialties-doctor:hover {
        color: var(--primary-80)
    }

    .hospital-page .hospital-doctors .doctors-item-button .find-more-button {
        margin-top: 24px;
        font-size: 1.6rem;
        line-height: 2.4rem;
        transition: color var(--transition)
    }

    .hospital-page .hospital-doctors .doctors-item-button .find-more-button .search {
        font-size: 1.6rem
    }

    .hospital-page .hospital-doctors .doctors-item-button .find-more-button .caret-right {
        font-size: 1.2rem
    }

    .hospital-page .hospital-doctors .doctors-item-button .find-more-button * {
        transition: color var(--transition)
    }

    .hospital-page .hospital-doctors .doctors-item-button .find-more-button:hover {
        color: var(--primary-80)
    }
}

.hospital-page .floating-cta {
    display: none
}

@media screen and (min-width:1050px) {
    .hospital-page .floating-cta {
        display: block;
        color: var(--white);
        position: sticky;
        z-index: 0;
        top: 150px;
        width: 100%;
        margin-bottom: 0;
        border-radius: var(--border-radius);
        padding: 24px 32px;
        background: var(--banner-rd);
        opacity: 1;
        transition: opacity var(--transition)
    }

    .hospital-page .floating-cta._hide {
        opacity: 0;
        pointer-events: none
    }

    .hospital-page .floating-cta .hospital-title {
        margin: 0 0 8px 0;
        font-size: 2.6rem;
        line-height: 3.4rem
    }

    .hospital-page .floating-cta .address-item {
        display: grid;
        grid-template-columns: 20px 1fr;
        gap: 6px;
        color: var(--white);
        font-size: 1.4rem;
        line-height: 2.4rem;
        font-style: normal;
        font-weight: 400;
        margin: 8px 0
    }

    .hospital-page .floating-cta .address-item .icon {
        font-size: 20px
    }

    .hospital-page .floating-cta .address-item.city .icon {
        font-size: 24px
    }

    .hospital-page .floating-cta .doctor-cta {
        margin: 24px 0 0 0
    }

    .hospital-page .floating-cta .doctor-cta .icon {
        font-size: 18px
    }
}

.hospital-page .hospital-header {
    background: var(--white);
    box-shadow: var(--box-shadow-gray-light);
    padding: 24px 0
}

.hospital-page .hospital-header picture {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-20);
    border-radius: var(--border-radius);
    height: 200px;
    overflow: hidden
}

.hospital-page .hospital-header picture .hospital-photo {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.hospital-page .hospital-header picture .hospital-placeholder {
    background-color: var(--white);
    width: 120px;
    height: 120px;
    border-radius: 50%;
    font-size: 80px;
    color: #004186;
    display: flex;
    align-items: center;
    justify-content: center
}

.hospital-page .hospital-header .text-container {
    text-align: center
}

.hospital-page .hospital-header .text-container .hospital-title {
    margin: 16px 0 6px 0;
    font-size: 2rem;
    line-height: 2.8rem
}

.hospital-page .hospital-header .text-container .card-hospital-info {
    display: grid;
    grid-template-columns: 20px auto;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin: 6px auto
}

.hospital-page .hospital-header .text-container .card-hospital-info.card-hospital-city {
    font-size: 1.6rem;
    line-height: 2.4rem
}

.hospital-page .hospital-header .text-container .card-hospital-info.card-hospital-city .icon {
    font-size: 2rem;
    color: var(--primary-80)
}

.hospital-page .hospital-header .text-container .card-hospital-info.card-hospital-address {
    font-size: 1.4rem;
    line-height: 2.4rem;
    margin: 6px 0 16px 0;
    font-style: normal
}

.hospital-page .hospital-header .text-container .card-hospital-info.card-hospital-address .icon {
    font-size: 1.8rem;
    color: var(--primary-80)
}

.hospital-page .hospital-header .text-container .doctor-cta {
    gap: 11px
}

.hospital-page .hospital-header .text-container .doctor-cta .icon {
    font-size: 18px
}

.hospital-page .hospital-header .text-container .see-doctors {
    color: var(--gray-80);
    font-size: 1.4rem;
    line-height: 2.4rem;
    margin-top: 16px;
    display: inline-flex;
    align-items: center;
    gap: 8px
}

.hospital-page .hospital-header .text-container .see-doctors .text {
    text-decoration-line: underline
}

.hospital-page .hospital-header .text-container .see-doctors .icon {
    font-size: 12px
}

@media screen and (min-width:1050px) {
    .hospital-page .hospital-header {
        padding: 32px 0
    }

    .hospital-page .hospital-header picture {
        height: 240px
    }

    .hospital-page .hospital-header picture .hospital-placeholder {
        width: 174px;
        height: 174px;
        border-radius: 50%;
        font-size: 120px
    }

    .hospital-page .hospital-header .hospital-header-grid {
        display: grid;
        grid-template-columns: 240px 1fr;
        gap: 24px
    }

    .hospital-page .hospital-header .hospital-header-grid picture {
        height: 240px
    }

    .hospital-page .hospital-header .hospital-header-grid .text-container {
        text-align: left
    }

    .hospital-page .hospital-header .hospital-header-grid .text-container .hospital-title {
        margin: 0 0 8px 0;
        font-size: 2.6rem;
        line-height: 3.4rem
    }

    .hospital-page .hospital-header .hospital-header-grid .text-container .card-hospital-info {
        display: grid;
        grid-template-columns: 20px auto;
        justify-content: flex-start;
        gap: 6px;
        margin: 8px auto
    }

    .hospital-page .hospital-header .hospital-header-grid .text-container .card-hospital-info.card-hospital-city {
        font-size: 1.6rem;
        line-height: 2.4rem
    }

    .hospital-page .hospital-header .hospital-header-grid .text-container .card-hospital-info.card-hospital-city .icon {
        font-size: 2rem
    }

    .hospital-page .hospital-header .hospital-header-grid .text-container .card-hospital-info.card-hospital-address {
        font-size: 1.4rem;
        line-height: 2.4rem;
        margin: 8px 0 24px 0;
        font-style: normal
    }

    .hospital-page .hospital-header .hospital-header-grid .text-container .card-hospital-info.card-hospital-address .icon {
        font-size: 1.8rem;
        color: var(--primary-80)
    }

    .hospital-page .hospital-header .hospital-header-grid .text-container .doctor-cta {
        margin: 0;
        width: 216px
    }

    .hospital-page .hospital-header .hospital-header-grid .text-container .see-doctors {
        font-size: 1.4rem;
        line-height: 2.4rem;
        margin-top: 24px;
        transition: color var(--transition)
    }

    .hospital-page .hospital-header .hospital-header-grid .text-container .see-doctors:hover {
        color: var(--primary-60)
    }
}

.hospital-page .hospital-insurances {
    margin: 24px -16px;
    padding: 20px 16px;
    background-color: var(--white);
    box-shadow: var(--box-shadow-gray-light)
}

.hospital-page .hospital-insurances .input-container {
    position: relative
}

.hospital-page .hospital-insurances .input-container .input-right-icon {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 12px;
    right: 16px;
    color: var(--gray-50);
    font-size: 20px;
    border: none;
    background-color: transparent;
    outline: 0
}

.hospital-page .hospital-insurances .input-container .input-right-icon:has(~input:focus) {
    color: var(--gray-100)
}

.hospital-page .hospital-insurances .input-container .input-right-icon.error {
    color: var(--error-50) !important
}

.hospital-page .hospital-insurances .input-container input {
    width: 100%
}

.hospital-page .hospital-insurances .input-container.auto-complete-open .auto-complete {
    display: block !important
}

.hospital-page .hospital-insurances .input-container .auto-complete {
    display: none;
    width: 100%;
    position: absolute;
    top: 52px;
    z-index: 1;
    background-color: var(--white);
    border-radius: var(--border-radius);
    max-height: 295px;
    overflow-y: auto;
    box-shadow: var(--box-shadow-gray-default);
    padding: 2px 0
}

.hospital-page .hospital-insurances .input-container .auto-complete .auto-complete-item:last-of-type .auto-complete-item-link:after {
    background-color: transparent
}

.hospital-page .hospital-insurances .input-container .auto-complete .auto-complete-item .auto-complete-item-link {
    font-size: 1.6rem;
    line-height: 2.4rem;
    padding: 19px 16px;
    display: grid;
    grid-template-columns: 24px 1fr;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: relative
}

.hospital-page .hospital-insurances .input-container .auto-complete .auto-complete-item .auto-complete-item-link:after {
    content: "";
    position: absolute;
    left: 16px;
    bottom: 0;
    width: calc(100% - 32px);
    height: 1px;
    background-color: var(--gray-10)
}

.hospital-page .hospital-insurances .input-container .auto-complete .auto-complete-item .auto-complete-item-link .icon {
    font-size: 24px;
    margin-right: 8px;
    color: var(--primary-60)
}

.hospital-page .hospital-insurances .input-container .auto-complete .auto-complete-item .auto-complete-item-link.error {
    color: var(--gray-100);
    font-size: 1.6rem
}

.hospital-page .hospital-insurances .input-container .auto-complete .auto-complete-item .auto-complete-item-link.error:hover {
    background-color: var(--white)
}

.hospital-page .hospital-insurances .input-container .auto-complete .auto-complete-item .auto-complete-item-link.error .icon {
    color: var(--error-50);
    margin-top: 4px
}

.hospital-page .hospital-insurances .input-container .auto-complete .auto-complete-item .auto-complete-item-link[data-selected=true] {
    background-color: var(--gray-10)
}

.hospital-page .hospital-insurances .input-container .auto-complete .auto-complete-item .auto-complete-item-link[data-selected=true].geolocation-item {
    background: var(--primary-20)
}

.hospital-page .hospital-insurances .input-container .auto-complete .auto-complete-item .auto-complete-item-link:hover {
    background-color: var(--gray-10)
}

.hospital-page .hospital-insurances .subtitle {
    font-size: 1.2rem;
    line-height: 2.4rem;
    font-weight: 500;
    text-transform: uppercase;
    margin: 20px 0 12px 0
}

.hospital-page .hospital-insurances .top-search-buttons {
    margin: 0
}

.hospital-page .hospital-insurances .top-search-buttons .container {
    padding: 0
}

.hospital-page .hospital-insurances .top-search-buttons .top-search-list {
    margin: 0
}

.hospital-page .hospital-insurances .error-message-wrapper {
    display: grid;
    grid-template-columns: 24px 1fr;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    padding: 16px;
    font-size: 1.6rem;
    line-height: 2.4rem
}

.hospital-page .hospital-insurances .error-message-wrapper .icon {
    color: var(--error-50);
    font-size: 20px
}

.hospital-page .hospital-insurances .insurance-item-button .find-more-button {
    margin-top: 20px;
    border: none;
    background-color: transparent;
    font-size: 1.4rem;
    line-height: 2.4rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 100%;
    color: var(--gray-80)
}

.hospital-page .hospital-insurances .insurance-item-button .find-more-button .search {
    font-size: 1.4rem
}

.hospital-page .hospital-insurances .insurance-item-button .find-more-button .caret-right {
    font-size: 1.2rem
}

.hospital-page .hospital-insurances .insurance-item-button .find-more-button .text {
    text-decoration: underline
}

.hospital-page .hospital-insurances .insurance-item-button .find-more-button * {
    display: block
}

@media screen and (min-width:576px) {
    .hospital-page .hospital-insurances {
        margin: 24px 0;
        border-radius: var(--border-radius)
    }
}

@media screen and (min-width:1050px) {
    .hospital-page .hospital-insurances {
        padding: 24px
    }

    .hospital-page .hospital-insurances .subtitle {
        font-size: 1.4rem;
        line-height: 2.4rem;
        margin: 24px 0 16px 0
    }

    .hospital-page .hospital-insurances .insurances-list {
        gap: 16px;
        margin-top: 16px
    }

    .hospital-page .hospital-insurances .insurances-list .insurance-item .find-more-button {
        font-size: 1.6rem;
        transition: color var(--transition)
    }

    .hospital-page .hospital-insurances .insurances-list .insurance-item .find-more-button:hover {
        color: var(--primary-80)
    }

    .hospital-page .hospital-insurances .insurances-list .insurance-item .insurance-item-link {
        transition: background-color var(--transition)
    }

    .hospital-page .hospital-insurances .insurances-list .insurance-item .insurance-item-link:hover {
        background-color: var(--primary-30)
    }

    .hospital-page .hospital-insurances .insurance-item-button .find-more-button {
        margin-top: 24px;
        font-size: 1.6rem;
        line-height: 2.4rem;
        transition: color var(--transition)
    }

    .hospital-page .hospital-insurances .insurance-item-button .find-more-button .icon-search {
        font-size: 1.6rem
    }

    .hospital-page .hospital-insurances .insurance-item-button .find-more-button .icon-caret-right {
        font-size: 1.2rem
    }

    .hospital-page .hospital-insurances .insurance-item-button .find-more-button * {
        transition: color var(--transition)
    }

    .hospital-page .hospital-insurances .insurance-item-button .find-more-button:hover {
        color: var(--primary-80)
    }
}

.hospital-page .hospital-photos .photos-container {
    display: grid;
    gap: 8px;
    margin-bottom: 24px
}

.hospital-page .hospital-photos .photos-container.container-double,
.hospital-page .hospital-photos .photos-container.container-single {
    grid-template-columns: 1fr
}

.hospital-page .hospital-photos .photos-container.container-quadruple,
.hospital-page .hospital-photos .photos-container.container-quintuple,
.hospital-page .hospital-photos .photos-container.container-triple {
    grid-template-columns: 1fr 1fr
}

.hospital-page .hospital-photos .photos-container.container-quadruple img:first-of-type,
.hospital-page .hospital-photos .photos-container.container-quintuple img:first-of-type,
.hospital-page .hospital-photos .photos-container.container-triple img:first-of-type {
    grid-column: 1/span 2
}

.hospital-page .hospital-photos .photos-container img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    display: block;
    border-radius: var(--border-radius)
}

.hospital-page .hospital-photos .button-container {
    display: flex;
    align-items: center;
    justify-content: center
}

.hospital-page .hospital-photos .button-container .gallery-button {
    width: unset;
    padding: 0 24px
}

.hospital-page .hospital-photos .button-container .gallery-button .icon {
    font-size: 20px
}

.hospital-page .hospital-photos .gallery-modal {
    width: 100vw;
    height: 100vh;
    background-color: rgba(30, 30, 30, .5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    display: none
}

.hospital-page .hospital-photos .gallery-modal.open {
    display: block
}

.hospital-page .hospital-photos .gallery-modal .modal-content {
    background-color: var(--white);
    padding: 48px 48px 142px 48px;
    display: grid;
    height: 100%;
    width: 100%;
    grid-template-rows: 2.2rem calc(100vh - 7rem - 222px) 4.8rem;
    flex-direction: column;
    gap: 16px;
    position: relative
}

.hospital-page .hospital-photos .gallery-modal .modal-content .close-button {
    position: absolute;
    right: 16px;
    top: 16px;
    height: 24px;
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: none;
    color: var(--gray-100);
    font-size: 20px
}

.hospital-page .hospital-photos .gallery-modal .modal-content .position-badge {
    background-color: var(--primary-10);
    padding: 2px 8px;
    color: var(--primary-80);
    text-align: center;
    font-size: 1.2rem;
    line-height: 1.8rem;
    margin: auto;
    border-radius: 16px
}

.hospital-page .hospital-photos .gallery-modal .modal-content .image-container {
    position: relative
}

.hospital-page .hospital-photos .gallery-modal .modal-content .image-container img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center center;
    border-radius: var(--border-radius)
}

.hospital-page .hospital-photos .gallery-modal .modal-content .image-container .next,
.hospital-page .hospital-photos .gallery-modal .modal-content .image-container .prev {
    position: absolute;
    top: 50%;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    background-color: var(--gray-50);
    border: none;
    transform: translateY(-50%);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.hospital-page .hospital-photos .gallery-modal .modal-content .image-container .next:disabled,
.hospital-page .hospital-photos .gallery-modal .modal-content .image-container .prev:disabled {
    opacity: .2
}

.hospital-page .hospital-photos .gallery-modal .modal-content .image-container .prev {
    left: -42px;
    transform: rotate(180deg)
}

.hospital-page .hospital-photos .gallery-modal .modal-content .image-container .next {
    right: -42px
}

.hospital-page .hospital-photos .gallery-modal .modal-content .description {
    text-align: center;
    font-size: 1.6rem;
    line-height: 2.4rem
}

@media screen and (min-width:1050px) {
    .hospital-page .hospital-photos .photos-container {
        gap: 16px
    }

    .hospital-page .hospital-photos .photos-container.container-single {
        grid-template-columns: 1fr;
        grid-template-rows: 320px
    }

    .hospital-page .hospital-photos .photos-container.container-double {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 320px
    }

    .hospital-page .hospital-photos .photos-container.container-triple {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 152px 152px
    }

    .hospital-page .hospital-photos .photos-container.container-triple img:first-of-type {
        grid-row: 1/span 2;
        grid-column: unset
    }

    .hospital-page .hospital-photos .photos-container.container-quadruple {
        grid-template-columns: 2fr 1fr 1fr;
        grid-template-rows: 152px 152px
    }

    .hospital-page .hospital-photos .photos-container.container-quadruple img:first-of-type {
        grid-row: 1/span 2;
        grid-column: unset
    }

    .hospital-page .hospital-photos .photos-container.container-quadruple img:nth-of-type(2) {
        grid-column: 2/span 2
    }

    .hospital-page .hospital-photos .photos-container.container-quintuple {
        grid-template-columns: 2fr 1fr 1fr;
        grid-template-rows: 152px 152px
    }

    .hospital-page .hospital-photos .photos-container.container-quintuple img:first-of-type {
        grid-row: 1/span 2;
        grid-column: unset
    }

    .hospital-page .hospital-photos .photos-container img {
        width: 100%;
        display: block;
        border-radius: var(--border-radius)
    }

    .hospital-page .hospital-photos .gallery-modal {
        align-items: center;
        justify-content: center;
        padding: 0
    }

    .hospital-page .hospital-photos .gallery-modal.open {
        display: flex
    }

    .hospital-page .hospital-photos .gallery-modal .modal-content {
        width: 776px;
        height: 624px;
        padding: 48px 112px;
        border-radius: var(--border-radius);
        grid-template-rows: 2.8rem 434px 5.2rem
    }

    .hospital-page .hospital-photos .gallery-modal .modal-content .close-button {
        height: 32px;
        width: 32px;
        font-size: 26px
    }

    .hospital-page .hospital-photos .gallery-modal .modal-content .position-badge {
        padding: 2px 10px;
        font-size: 1.4rem;
        line-height: 2.4rem
    }

    .hospital-page .hospital-photos .gallery-modal .modal-content .description {
        font-size: 1.8rem;
        line-height: 2.6rem
    }
}

.hospital-page .hospital-sectors {
    margin: 24px -16px;
    padding: 20px 16px 0 16px;
    background-color: var(--white);
    box-shadow: var(--box-shadow-gray-light)
}

.hospital-page .hospital-sectors .topic-title {
    margin-bottom: 0
}

.hospital-page .hospital-sectors details:last-child {
    border-bottom: none
}

.hospital-page .hospital-sectors details summary {
    font-size: 1.6rem;
    line-height: 2.4rem
}

.hospital-page .hospital-sectors details .detail-content {
    margin-top: 20px;
    font-size: 1.6rem;
    line-height: 2.4rem
}

.hospital-page .hospital-sectors details .detail-item {
    display: grid;
    grid-template-columns: 24px 1fr;
    align-items: center;
    gap: 8px;
    font-size: 1.6rem;
    line-height: 2.4rem
}

.hospital-page .hospital-sectors details .detail-item .icon {
    font-size: 24px;
    color: var(--primary-60)
}

.hospital-page .hospital-sectors details .detail-item .icon.phone {
    font-size: 18px
}

.hospital-page .hospital-sectors details .detail-item address {
    font-style: normal
}

@media screen and (min-width:576px) {
    .hospital-page .hospital-sectors {
        margin: 24px 0;
        border-radius: var(--border-radius)
    }
}

@media screen and (min-width:1050px) {
    .hospital-page .hospital-sectors {
        margin: 24px 0;
        padding: 24px 24px 0 24px;
        border-radius: var(--border-radius)
    }

    .hospital-page .hospital-sectors details summary {
        font-size: 1.8rem;
        line-height: 2.6rem
    }

    .hospital-page .hospital-sectors details .detail-content {
        margin-top: 26px;
        font-size: 1.8rem;
        line-height: 2.6rem
    }

    .hospital-page .hospital-sectors details .detail-item {
        font-size: 1.8rem;
        line-height: 2.6rem
    }
}

.hospital-page .hospital-specialties {
    margin: 24px -16px;
    padding: 20px 16px;
    background-color: var(--white);
    box-shadow: var(--box-shadow-gray-light)
}

.hospital-page .hospital-specialties .input-container {
    position: relative
}

.hospital-page .hospital-specialties .input-container .input-right-icon {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 12px;
    right: 16px;
    color: var(--gray-50);
    font-size: 20px;
    border: none;
    background-color: transparent;
    outline: 0
}

.hospital-page .hospital-specialties .input-container .input-right-icon:has(~input:focus) {
    color: var(--gray-100)
}

.hospital-page .hospital-specialties .input-container .input-right-icon.error {
    color: var(--error-50) !important
}

.hospital-page .hospital-specialties .input-container input {
    width: 100%
}

.hospital-page .hospital-specialties .input-container.auto-complete-open .auto-complete {
    display: block !important
}

.hospital-page .hospital-specialties .input-container .auto-complete {
    display: none;
    width: 100%;
    position: absolute;
    top: 52px;
    z-index: 1;
    background-color: var(--white);
    border-radius: var(--border-radius);
    max-height: 295px;
    overflow-y: auto;
    box-shadow: var(--box-shadow-gray-default);
    padding: 2px 0
}

.hospital-page .hospital-specialties .input-container .auto-complete .auto-complete-item:last-of-type .auto-complete-item-link:after {
    background-color: transparent
}

.hospital-page .hospital-specialties .input-container .auto-complete .auto-complete-item .auto-complete-item-title {
    padding: 19px 16px 0 16px;
    color: var(--primary-70);
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2rem;
    text-transform: uppercase
}

.hospital-page .hospital-specialties .input-container .auto-complete .auto-complete-item .auto-complete-item-link {
    font-size: 1.6rem;
    line-height: 2.4rem;
    padding: 19px 16px;
    display: grid;
    grid-template-columns: 24px 1fr;
    align-items: center;
    justify-content: center;
    row-gap: 12px;
    column-gap: 10px;
    position: relative
}

.hospital-page .hospital-specialties .input-container .auto-complete .auto-complete-item .auto-complete-item-link .link {
    grid-column: span 2;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: var(--rdor-secondary);
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 2rem;
    gap: 5px
}

.hospital-page .hospital-specialties .input-container .auto-complete .auto-complete-item .auto-complete-item-link .link .link-icon {
    font-size: 1.4rem
}

.hospital-page .hospital-specialties .input-container .auto-complete .auto-complete-item .auto-complete-item-link:after {
    content: "";
    position: absolute;
    left: 16px;
    bottom: 0;
    width: calc(100% - 32px);
    height: 1px;
    background-color: var(--gray-10)
}

.hospital-page .hospital-specialties .input-container .auto-complete .auto-complete-item .auto-complete-item-link .icon-specialty {
    font-size: 24px;
    color: var(--primary-60)
}

.hospital-page .hospital-specialties .input-container .auto-complete .auto-complete-item .auto-complete-item-link.error {
    color: var(--gray-100);
    font-size: 1.6rem
}

.hospital-page .hospital-specialties .input-container .auto-complete .auto-complete-item .auto-complete-item-link.error:hover {
    background-color: var(--white)
}

.hospital-page .hospital-specialties .input-container .auto-complete .auto-complete-item .auto-complete-item-link.error .icon {
    color: var(--error-50);
    margin-top: 4px
}

.hospital-page .hospital-specialties .input-container .auto-complete .auto-complete-item .auto-complete-item-link[data-selected=true] {
    background-color: var(--gray-10)
}

.hospital-page .hospital-specialties .input-container .auto-complete .auto-complete-item .auto-complete-item-link:hover {
    background-color: var(--gray-10)
}

.hospital-page .hospital-specialties .subtitle {
    font-size: 1.2rem;
    line-height: 2.4rem;
    font-weight: 500;
    text-transform: uppercase;
    margin: 20px 0 0 0
}

.hospital-page .hospital-specialties .error-message-wrapper {
    display: grid;
    grid-template-columns: 24px 1fr;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    padding: 16px;
    font-size: 1.6rem;
    line-height: 2.4rem
}

.hospital-page .hospital-specialties .error-message-wrapper .icon {
    color: var(--error-50);
    font-size: 20px
}

.hospital-page .hospital-specialties .specialties-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    margin-top: 16px
}

.hospital-page .hospital-specialties .specialties-list .specialty-item {
    border-bottom: 1px solid var(--gray-20);
    display: grid;
    grid-template-columns: 24px 1fr;
    column-gap: 6px;
    row-gap: 12px;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
    border-radius: var(--border-radius)
}

.hospital-page .hospital-specialties .specialties-list .specialty-item:first-of-type {
    padding-top: 0
}

.hospital-page .hospital-specialties .specialties-list .specialty-item .icon-specialty {
    font-size: 24px;
    color: var(--primary-60)
}

.hospital-page .hospital-specialties .specialties-list .specialty-item .name {
    font-size: 1.6rem;
    line-height: 2.4rem
}

.hospital-page .hospital-specialties .specialties-list .specialty-item .name .count {
    height: 22px;
    width: 22px;
    display: inline-flex;
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-20);
    margin-left: 6px
}

.hospital-page .hospital-specialties .specialties-list .specialty-item .specialty-cta {
    grid-column: span 2
}

.hospital-page .hospital-specialties .specialties-list .specialty-item .specialty-cta .icon {
    font-size: 18px;
    color: var(--white)
}

.hospital-page .hospital-specialties .specialty-item-button .find-more-button {
    margin-top: 20px;
    border: none;
    background-color: transparent;
    font-size: 1.4rem;
    line-height: 2.4rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 100%;
    color: var(--gray-80)
}

.hospital-page .hospital-specialties .specialty-item-button .find-more-button .icon-search {
    font-size: 1.4rem
}

.hospital-page .hospital-specialties .specialty-item-button .find-more-button .icon-caret-right {
    font-size: 1.2rem
}

.hospital-page .hospital-specialties .specialty-item-button .find-more-button .text {
    text-decoration: underline
}

.hospital-page .hospital-specialties .specialty-item-button .find-more-button * {
    display: block
}

@media screen and (min-width:576px) {
    .hospital-page .hospital-specialties {
        margin: 24px 0;
        border-radius: var(--border-radius)
    }
}

@media screen and (min-width:1050px) {
    .hospital-page .hospital-specialties {
        margin: 24px 0;
        padding: 24px;
        border-radius: var(--border-radius)
    }

    .hospital-page .hospital-specialties .input-container {
        position: relative
    }

    .hospital-page .hospital-specialties .input-container .auto-complete .auto-complete-item .auto-complete-item-link {
        grid-template-columns: 24px 1fr 300px
    }

    .hospital-page .hospital-specialties .input-container .auto-complete .auto-complete-item .auto-complete-item-link .link {
        grid-column: unset;
        justify-content: flex-end
    }

    .hospital-page .hospital-specialties .subtitle {
        font-size: 1.4rem;
        line-height: 2.4rem;
        margin: 24px 0 0 0
    }

    .hospital-page .hospital-specialties .specialties-list .specialty-item {
        grid-template-columns: 24px 1fr 230px
    }

    .hospital-page .hospital-specialties .specialties-list .specialty-item .icon {
        font-size: 26px;
        transition: var(--transition)
    }

    .hospital-page .hospital-specialties .specialties-list .specialty-item .name {
        font-size: 1.8rem;
        line-height: 2.6rem;
        transition: var(--transition)
    }

    .hospital-page .hospital-specialties .specialties-list .specialty-item .name .count {
        height: 30px;
        width: 30px;
        font-size: 14px;
        margin-left: 8px
    }

    .hospital-page .hospital-specialties .specialties-list .specialty-item .specialty-cta {
        width: unset;
        grid-row: unset;
        grid-column: unset;
        justify-self: flex-end;
        padding: 0 16px
    }

    .hospital-page .hospital-specialties .specialties-list .specialty-item .find-more-button {
        font-size: 1.6rem;
        transition: color var(--transition)
    }

    .hospital-page .hospital-specialties .specialties-list .specialty-item .find-more-button:hover {
        color: var(--primary-80)
    }

    .hospital-page .hospital-specialties .specialty-item-button .find-more-button {
        margin-top: 24px;
        font-size: 1.6rem;
        line-height: 2.4rem;
        transition: color var(--transition)
    }

    .hospital-page .hospital-specialties .specialty-item-button .find-more-button .search {
        font-size: 1.6rem
    }

    .hospital-page .hospital-specialties .specialty-item-button .find-more-button .caret-right {
        font-size: 1.2rem
    }

    .hospital-page .hospital-specialties .specialty-item-button .find-more-button * {
        transition: color var(--transition)
    }

    .hospital-page .hospital-specialties .specialty-item-button .find-more-button:hover {
        color: var(--primary-80)
    }
}

.hospital-list-page .header {
    background: var(--banner-rd);
    position: relative
}

.hospital-list-page .header .header-appointment-wrapper {
    color: var(--white);
    padding: 24px 0;
    position: relative;
    z-index: 1
}

.hospital-list-page .header .header-appointment-wrapper h1 {
    margin-bottom: 8px
}

.hospital-list-page .header .header-appointment-wrapper h2 {
    font-size: 1.4rem;
    line-height: 2.2rem;
    font-weight: 400;
    margin: 8px 0 16px 0
}

.hospital-list-page .header .header-appointment-wrapper .input-container .input-state {
    width: 96px
}

.hospital-list-page .header .header-appointment-wrapper .input-container .input-search {
    margin-top: 16px;
    width: 100%;
    position: relative;
    flex: 1
}

.hospital-list-page .header .header-appointment-wrapper .input-container .input-search .input-right-icon {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 12px;
    right: 16px;
    color: var(--gray-100);
    font-size: 20px;
    border: none;
    background-color: transparent;
    outline: 0
}

.hospital-list-page .header .header-appointment-wrapper .input-container .input-search input {
    width: 100%;
    color: var(--gray-100);
    padding: 0 46px 0 16px;
    border-color: transparent
}

.hospital-list-page .header .header-appointment-wrapper .input-container .input-search input:focus {
    border-color: var(--primary-60)
}

.hospital-list-page .header .header-appointment-wrapper .input-container .input-search.error .input-right-icon {
    color: var(--error-60)
}

.hospital-list-page .header .header-appointment-wrapper .input-container .input-search.error input {
    color: var(--error-60);
    border-color: var(--error-60)
}

.hospital-list-page .header .header-appointment-wrapper .input-container .input-search.error .auto-complete {
    border-color: var(--error-60)
}

.hospital-list-page .header .header-appointment-wrapper .input-container .input-search.error .auto-complete li {
    cursor: unset
}

.hospital-list-page .header .header-appointment-wrapper .input-container .input-search.error .auto-complete li span.text-content {
    flex: 1
}

@media screen and (min-width:1050px) {
    .hospital-list-page .header .header-appointment-wrapper {
        padding: 32px 0
    }

    .hospital-list-page .header .header-appointment-wrapper h1 {
        margin-bottom: 10px
    }

    .hospital-list-page .header .header-appointment-wrapper h2 {
        font-size: 1.8rem;
        line-height: 2.6rem;
        margin: 10px 0 24px 0
    }

    .hospital-list-page .header .header-appointment-wrapper .input-container .input-state {
        width: 96px
    }

    .hospital-list-page .header .header-appointment-wrapper .input-container .input-search {
        display: inline-block;
        margin-top: 0;
        width: 300px;
        margin-left: 16px
    }
}

.banner-section {
    margin: 48px 0
}

.banner-section .banner-wrapper {
    border-radius: var(--border-radius);
    background: var(--primary-10);
    padding: 40px 32px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px
}

.banner-section .banner-wrapper .text-section .title {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.4rem
}

.banner-section .banner-wrapper .text-section .description {
    margin-top: 8px;
    font-size: 1.4rem;
    line-height: 2.4rem
}

.banner-section .banner-wrapper .logo-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 36px;
    justify-content: space-between;
    align-items: space-between;
    max-width: 237px;
    margin: auto;
    color: var(--primary-80)
}

.banner-section .banner-wrapper .logo-section .icon-insurance-logo-sulAmerica {
    font-size: 126px
}

.banner-section .banner-wrapper .logo-section .icon-insurance-logo-unimed {
    font-size: 90px
}

.banner-section .banner-wrapper .logo-section .icon-insurance-logo-bradesco {
    font-size: 120px
}

.banner-section .banner-wrapper .logo-section .icon-insurance-logo-amil {
    font-size: 90px
}

@media screen and (min-width:576px) {
    .banner-section .banner-wrapper {
        grid-template-columns: 1fr 1fr;
        gap: 32px
    }
}

@media screen and (min-width:1050px) {
    .banner-section {
        margin: 80px auto;
        max-width: 796px
    }

    .banner-section .banner-wrapper {
        padding: 56px;
        grid-template-columns: 1fr 1fr;
        gap: 180px;
        align-items: center
    }

    .banner-section .banner-wrapper .text-section .title {
        font-size: 1.8rem;
        line-height: 2.6rem
    }

    .banner-section .banner-wrapper .text-section .description {
        font-size: 1.6rem;
        line-height: 2.4rem
    }

    .banner-section .banner-wrapper .logo-section {
        margin: unset;
        max-width: unset
    }
}

.city-section {
    margin-top: 48px
}

.city-section h2 {
    font-size: 1.8rem
}

.city-section details summary {
    gap: 8px;
    font-size: 1.6rem;
    line-height: 2.4rem
}

.city-section details summary .icon {
    font-size: 22px;
    color: var(--primary-60)
}

.city-section details .city-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    list-style: none
}

.city-section details .city-list .city-item {
    font-size: 1.6rem;
    line-height: 2.4rem;
    padding-left: 16px;
    position: relative
}

.city-section details .city-list .city-item a {
    text-decoration: underline
}

.city-section details .city-list .city-item::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--primary-60);
    left: 0;
    top: 1.2rem;
    transform: translateY(-50%)
}

.city-section details .city-list .see-all a {
    color: var(--primary-60);
    text-decoration: underline;
    font-size: 1.4rem;
    line-height: 2.4rem
}

.city-section .see-more {
    margin-top: 16px
}

@media screen and (min-width:1050px) {
    .city-section {
        margin-top: 80px
    }

    .city-section h2 {
        font-size: 2.4rem
    }

    .city-section .city-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 104px
    }

    .city-section details summary {
        gap: 10px;
        font-size: 1.8rem;
        line-height: 2.4rem
    }

    .city-section details summary .icon {
        font-size: 24px
    }

    .city-section details .city-list .city-item a {
        transition: var(--transition)
    }

    .city-section details .city-list .city-item a:hover {
        color: var(--primary-60)
    }

    .city-section details .city-list .see-all a {
        font-size: 1.6rem;
        line-height: 2.4rem;
        transition: var(--transition)
    }

    .city-section details .city-list .see-all a:hover {
        color: var(--primary-80)
    }
}

.find-doctor-landing-page .header {
    background: var(--banner-rd);
    padding: 16px 0;
    color: var(--white);
    position: relative
}

.find-doctor-landing-page .header .product-name {
    color: var(--white);
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 2.4rem;
    text-transform: uppercase;
    display: block;
    padding-left: 10px;
    border-left: 1px solid var(--white);
    margin-bottom: 8px
}

.find-doctor-landing-page .header h1 {
    margin: 8px 0 4px 0
}

.find-doctor-landing-page .header .subtitle {
    margin: 4px 0 20px 0;
    font-size: 1.4rem;
    line-height: 2.2rem
}

.find-doctor-landing-page .header .info {
    margin-top: 20px
}

.find-doctor-landing-page .header .doctors-photo {
    display: none
}

@media screen and (min-width:1050px) {
    .find-doctor-landing-page .header {
        padding: 30px 0
    }

    .find-doctor-landing-page .header .container {
        position: relative
    }

    .find-doctor-landing-page .header .container .doctors-photo {
        position: absolute;
        right: -44px;
        bottom: -31px;
        z-index: 1;
        display: block;
        max-height: 493px;
        width: auto
    }

    .find-doctor-landing-page .header .product-name {
        font-size: 1.4rem;
        line-height: 3.2rem;
        padding-left: 10px;
        margin-bottom: 46px
    }

    .find-doctor-landing-page .header h1 {
        max-width: 600px
    }

    .find-doctor-landing-page .header .subtitle {
        font-size: 1.8rem;
        margin: 8px 0 24px 0
    }

    .find-doctor-landing-page .header .find-doctor-form {
        padding-top: 62px;
        position: relative;
        z-index: 1
    }

    .find-doctor-landing-page .header .info {
        font-size: 1.2rem;
        line-height: 1.8rem;
        max-width: 600px;
        margin-top: 94px
    }
}

.hospitals-section {
    margin: 48px 0
}

.hospitals-section h2 {
    font-size: 1.8rem
}

.hospitals-section .hospitals-list {
    margin: 0 -16px
}

.hospitals-section .hospitals-list .hospital-item {
    background: linear-gradient(180deg, rgba(0, 65, 134, 0) 33.75%, rgba(0, 65, 134, .95) 77.92%);
    border-radius: var(--border-radius);
    height: 315px;
    width: 280px;
    overflow: hidden
}

.hospitals-section .hospitals-list .hospital-item.see-all {
    background: unset
}

.hospitals-section .hospitals-list .hospital-item.see-all img {
    object-fit: cover;
    object-position: center center
}

.hospitals-section .hospitals-list .hospital-item.see-all .hospital-item-link {
    justify-content: center;
    align-items: center;
    flex-direction: row
}

.hospitals-section .hospitals-list .hospital-item.see-all .hospital-item-link .text {
    text-align: center;
    text-transform: uppercase;
    color: var(--white);
    font-size: 1.4rem;
    font-weight: 500
}

.hospitals-section .hospitals-list .hospital-item.see-all .hospital-item-link .icon {
    font-size: 1.5rem
}

.hospitals-section .hospitals-list .hospital-item .hospital-item-link {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 22px;
    color: var(--white);
    gap: 10px;
    position: relative
}

.hospitals-section .hospitals-list .hospital-item .hospital-item-link .hospital-photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    object-fit: cover;
    background-color: var(--primary-20)
}

.hospitals-section .hospitals-list .hospital-item .hospital-item-link .hospital-photo.icon {
    font-size: 80px;
    color: var(--white);
    padding-bottom: 120px
}

.hospitals-section .hospitals-list .hospital-item .hospital-item-link .title {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 2.4rem
}

.hospitals-section .hospitals-list .hospital-item .hospital-item-link .address {
    font-size: 1.4rem;
    line-height: 2.2rem
}

.hospitals-section .hospitals-list .hospital-item .hospital-item-link .city {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 1.4rem;
    font-weight: 500;
    gap: 6px
}

.hospitals-section .hospitals-list .hospital-item .hospital-item-link .city .icon {
    font-size: 1.6rem
}

@media screen and (min-width:1050px) {
    .hospitals-section {
        margin: 80px 0
    }

    .hospitals-section h2 {
        font-size: 2.4rem
    }

    .hospitals-section .hospitals-list {
        margin: 0
    }

    .hospitals-section .hospitals-list .hospital-item {
        border-radius: 4px;
        height: 360px;
        width: 330px
    }

    .hospitals-section .hospitals-list .hospital-item.see-all .hospital-item-link .text {
        font-size: 1.6rem
    }

    .hospitals-section .hospitals-list .hospital-item.see-all .hospital-item-link .icon {
        font-size: 1.7rem
    }

    .hospitals-section .hospitals-list .hospital-item .hospital-item-link {
        padding: 29px
    }

    .hospitals-section .hospitals-list .hospital-item .hospital-item-link .title {
        font-size: 2rem;
        line-height: 2.6rem
    }

    .hospitals-section .hospitals-list .hospital-item .hospital-item-link .address {
        font-size: 1.4rem;
        line-height: 2.2rem
    }

    .hospitals-section .hospitals-list .hospital-item .hospital-item-link .city {
        font-size: 1.6rem;
        gap: 6px
    }

    .hospitals-section .hospitals-list .hospital-item .hospital-item-link .city .icon {
        font-size: 1.8rem
    }

    .hospitals-section .splide__pagination {
        display: flex
    }
}

.insurances-section {
    margin: 48px 0
}

.insurances-section h2 {
    font-size: 1.8rem
}

.insurances-section details summary {
    gap: 8px;
    font-size: 1.6rem;
    line-height: 2.4rem
}

.insurances-section details summary .icon {
    font-size: 22px;
    color: var(--primary-60)
}

.insurances-section details .insurances-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    list-style: none
}

.insurances-section details .insurances-list .insurance-item {
    font-size: 1.6rem;
    line-height: 2.4rem;
    padding-left: 16px;
    position: relative
}

.insurances-section details .insurances-list .insurance-item a {
    text-decoration: underline
}

.insurances-section details .insurances-list .insurance-item::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--primary-60);
    left: 0;
    top: 1.2rem;
    transform: translateY(-50%)
}

.insurances-section details .insurances-list .see-all a {
    color: var(--primary-60);
    text-decoration: underline;
    font-size: 1.4rem;
    line-height: 2.4rem
}

.insurances-section .see-more {
    margin-top: 16px
}

@media screen and (min-width:1050px) {
    .insurances-section {
        margin: 80px 0
    }

    .insurances-section h2 {
        font-size: 2.4rem
    }

    .insurances-section .insurances-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 104px
    }

    .insurances-section details summary {
        gap: 10px;
        font-size: 1.8rem;
        line-height: 2.4rem
    }

    .insurances-section details summary .icon {
        font-size: 24px
    }

    .insurances-section details .insurances-list .insurance-item a {
        transition: var(--transition)
    }

    .insurances-section details .insurances-list .insurance-item a:hover {
        color: var(--primary-60)
    }

    .insurances-section details .insurances-list .see-all a {
        font-size: 1.6rem;
        line-height: 2.4rem;
        transition: var(--transition)
    }

    .insurances-section details .insurances-list .see-all a:hover {
        color: var(--primary-80)
    }
}

.step-by-step {
    margin: 48px 0
}

.step-by-step .step-grid {
    margin: 0 -16px;
    padding: 40px 16px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    background-color: var(--primary-10)
}

.step-by-step .step-grid .step-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px
}

.step-by-step .step-grid .step-item .badge {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: var(--primary-60);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-weight: 600;
    font-size: 16px
}

.step-by-step .step-grid .step-item .title {
    color: var(--gray-100);
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.4rem
}

.step-by-step .step-grid .step-item .subtitle {
    font-size: 1.4rem;
    line-height: 2.4rem;
    font-weight: 400;
    color: var(--gray-70)
}

@media screen and (min-width:1050px) {
    .step-by-step {
        margin: 80px 0
    }

    .step-by-step .step-grid {
        padding: 56px 32px;
        grid-template-columns: repeat(4, 1fr);
        gap: 48px;
        margin: 0
    }

    .step-by-step .step-grid .step-item {
        gap: 12px
    }

    .step-by-step .step-grid .step-item .title {
        font-size: 1.8rem;
        line-height: 2.4rem
    }

    .step-by-step .step-grid .step-item .subtitle {
        font-size: 1.6rem;
        line-height: 2.4rem;
        max-width: 260px
    }
}

.doctor-page .doctor-about {
    background-color: var(--white);
    margin: 32px -16px;
    padding: 20px 16px;
    box-shadow: var(--box-shadow-gray-light)
}

.doctor-page .doctor-about a {
    text-decoration: underline;
    color: var(--primary-60)
}

@media screen and (min-width:576px) {
    .doctor-page .doctor-about {
        margin: 32px 0;
        border-radius: var(--border-radius)
    }
}

@media screen and (min-width:1050px) {
    .doctor-page .doctor-about {
        margin: 32px 0;
        padding: 24px
    }

    .doctor-page .doctor-about p {
        font-size: 1.6rem;
        line-height: 2.4rem
    }

    .doctor-page .doctor-about a {
        transition: color var(--transition)
    }

    .doctor-page .doctor-about a:hover {
        color: var(--primary-80)
    }
}

.doctor-page .doctor-hospitals {
    background-color: var(--white);
    padding: 20px 16px;
    margin: 32px -16px;
    box-shadow: var(--box-shadow-gray-light)
}

.doctor-page .doctor-hospitals .hospital-list {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.doctor-page .doctor-hospitals .hospital-list .card-hospital {
    margin: 0;
    box-shadow: unset;
    border-bottom: 1px solid var(--gray-20)
}

.doctor-page .doctor-hospitals .hospital-list .card-hospital:last-of-type {
    border-bottom: none !important
}

.doctor-page .doctor-hospitals .hospital-list .card-hospital .card-hospital-image {
    border-radius: var(--border-radius);
    overflow: hidden
}

.doctor-page .doctor-hospitals .hospital-list .card-hospital .card-hospital-body {
    padding: 16px 0
}

.doctor-page .doctor-hospitals .hospital-list .card-hospital .card-hospital-cta-wrapper {
    border-top: none
}

@media screen and (min-width:576px) {
    .doctor-page .doctor-hospitals {
        margin: 32px 0;
        border-radius: var(--border-radius)
    }
}

@media screen and (min-width:1050px) {
    .doctor-page .doctor-hospitals {
        padding: 24px;
        margin: 32px 0
    }

    .doctor-page .hospital-list {
        display: flex;
        flex-direction: column;
        gap: 24px
    }

    .doctor-page .hospital-list .card-hospital {
        margin: 0;
        box-shadow: unset;
        border-bottom: 1px solid var(--gray-20);
        grid-template-columns: 180px 1fr;
        padding-bottom: 24px;
        gap: 24px
    }

    .doctor-page .hospital-list .card-hospital:last-of-type {
        padding-bottom: 0
    }

    .doctor-page .hospital-list .card-hospital .card-hospital-image {
        border-radius: var(--border-radius);
        overflow: hidden;
        width: 180px;
        min-height: 180px
    }

    .doctor-page .hospital-list .card-hospital .card-hospital-body {
        padding: 16px 0
    }

    .doctor-page .hospital-list .card-hospital .card-hospital-body .card-hospital-infos {
        border: none;
        margin: 16px 0 0 0;
        padding: 0
    }

    .doctor-page .hospital-list .card-hospital .card-hospital-cta-wrapper {
        border: none
    }
}

.doctor-page .doctor-page-header {
    padding: 24px 0;
    background-color: var(--white);
    box-shadow: var(--box-shadow-gray-light)
}

.doctor-page .doctor-page-header .doctor-card {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px
}

.doctor-page .doctor-page-header .doctor-card .doctor-photo {
    height: 90px;
    width: 90px;
    border-radius: 50%;
    background-color: var(--primary-10);
    display: flex;
    align-items: center;
    justify-content: center
}

.doctor-page .doctor-page-header .doctor-card .doctor-photo .doctor-placeholder {
    color: var(--primary-70);
    font-size: 60px
}

.doctor-page .doctor-page-header .doctor-card .doctor-infos {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    text-align: center;
    width: 100%
}

.doctor-page .doctor-page-header .doctor-card .doctor-infos .crm {
    font-size: 1.2rem;
    line-height: 1.8rem;
    text-decoration: none
}

.doctor-page .doctor-page-header .doctor-card .doctor-infos .doctor-specialty {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.4rem;
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 4px
}

.doctor-page .doctor-page-header .doctor-card .doctor-infos .doctor-specialty .icon {
    font-size: 24px;
    color: var(--primary-80)
}

.doctor-page .doctor-page-header .doctor-card .doctor-infos .doctor-specialties {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2rem;
    color: var(--gray-100)
}

.doctor-page .doctor-page-header .doctor-card .doctor-cta {
    gap: 11px
}

.doctor-page .doctor-page-header .doctor-card .doctor-cta .icon {
    font-size: 18px
}

@media screen and (min-width:1050px) {
    .doctor-page .doctor-page-header {
        padding: 32px 0
    }

    .doctor-page .doctor-page-header .doctor-card {
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: row;
        gap: 16px
    }

    .doctor-page .doctor-page-header .doctor-card .doctor-photo {
        height: 120px;
        width: 120px;
        border-radius: 50%
    }

    .doctor-page .doctor-page-header .doctor-card .doctor-photo .doctor-placeholder {
        font-size: 80px
    }

    .doctor-page .doctor-page-header .doctor-card .doctor-infos {
        flex: 1;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 4px;
        text-align: left
    }

    .doctor-page .doctor-page-header .doctor-card .doctor-infos .crm {
        font-size: 1.4rem;
        line-height: 2.4rem
    }

    .doctor-page .doctor-page-header .doctor-card .doctor-infos .doctor-specialties {
        font-size: 1.4rem;
        line-height: 2.4rem
    }

    .doctor-page .doctor-page-header .doctor-card .doctor-cta {
        gap: 11px;
        width: 216px;
        margin: 16px 0 0 0
    }
}

.specialties-list-page .specialties-list-header {
    background: var(--banner-rd);
    position: relative
}

.specialties-list-page .specialties-list-header .specialties-list-wrapper {
    color: var(--white);
    padding: 24px 0;
    position: relative;
    z-index: 1
}

.specialties-list-page .specialties-list-header .specialties-list-wrapper h1 {
    margin-bottom: 8px
}

.specialties-list-page .specialties-list-header .specialties-list-wrapper h2 {
    font-size: 1.4rem;
    line-height: 2.2rem;
    font-weight: 400;
    margin: 8px 0 16px 0
}

.specialties-list-page .specialties-list-header .specialties-list-wrapper .input-search {
    position: relative;
    flex: 1
}

.specialties-list-page .specialties-list-header .specialties-list-wrapper .input-search .input-right-icon {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 12px;
    right: 16px;
    color: var(--gray-100);
    font-size: 20px;
    border: none;
    background-color: transparent;
    outline: 0
}

.specialties-list-page .specialties-list-header .specialties-list-wrapper .input-search input {
    width: 100%;
    color: var(--gray-100);
    padding: 0 46px 0 16px;
    border-color: transparent
}

.specialties-list-page .specialties-list-header .specialties-list-wrapper .input-search input:focus {
    border-color: var(--primary-60)
}

.specialties-list-page .specialties-list-header .specialties-list-wrapper .input-search.auto-complete-open input {
    border-radius: 4px 4px 0 0;
    border-bottom-width: 0
}

.specialties-list-page .specialties-list-header .specialties-list-wrapper .input-search.auto-complete-open .auto-complete {
    display: block
}

.specialties-list-page .specialties-list-header .specialties-list-wrapper .input-search.auto-complete-open:not(:has(.auto-complete):has(li)) input {
    border-radius: 4px;
    border-bottom-width: 1px
}

.specialties-list-page .specialties-list-header .specialties-list-wrapper .input-search.auto-complete-open:not(:has(.auto-complete):has(li)) .auto-complete {
    display: none
}

.specialties-list-page .specialties-list-header .specialties-list-wrapper .input-search.auto-complete-open:has(.auto-complete):has(li) input {
    border-radius: 4px 4px 0 0;
    border-bottom: none
}

.specialties-list-page .specialties-list-header .specialties-list-wrapper .input-search.auto-complete-open:has(.auto-complete):has(li) .auto-complete {
    display: block
}

.specialties-list-page .specialties-list-header .specialties-list-wrapper .input-search .auto-complete {
    display: none;
    width: 100%;
    position: absolute;
    z-index: 1;
    background-color: var(--white);
    border: 1px solid var(--primary-60);
    border-top: none;
    border-radius: 0 0 4px 4px;
    max-height: 295px;
    overflow-y: auto
}

.specialties-list-page .specialties-list-header .specialties-list-wrapper .input-search .auto-complete li .error-wrapper,
.specialties-list-page .specialties-list-header .specialties-list-wrapper .input-search .auto-complete li a {
    padding: 12px 16px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    cursor: pointer;
    color: var(--gray-100);
    display: flex;
    align-items: center;
    position: relative
}

.specialties-list-page .specialties-list-header .specialties-list-wrapper .input-search .auto-complete li .error-wrapper:hover,
.specialties-list-page .specialties-list-header .specialties-list-wrapper .input-search .auto-complete li a:hover {
    background-color: var(--gray-10)
}

.specialties-list-page .specialties-list-header .specialties-list-wrapper .input-search .auto-complete li .error-wrapper .icon,
.specialties-list-page .specialties-list-header .specialties-list-wrapper .input-search .auto-complete li a .icon {
    font-size: 24px;
    display: block;
    margin-right: 8px
}

.specialties-list-page .specialties-list-header .specialties-list-wrapper .input-search .auto-complete li .error-wrapper .icon {
    color: var(--error-50)
}

.specialties-list-page .specialties-list-header .specialties-list-wrapper .input-search.loading .loader {
    display: block
}

.specialties-list-page .specialties-list-header .specialties-list-wrapper .input-search.loading label {
    display: none
}

.specialties-list-page .specialties-list-header .specialties-list-wrapper .input-search.loading button {
    display: none !important
}

.specialties-list-page .specialties-list-header .specialties-list-wrapper .input-search.error .input-right-icon {
    color: var(--error-60)
}

.specialties-list-page .specialties-list-header .specialties-list-wrapper .input-search.error input {
    color: var(--error-60);
    border-color: var(--error-60)
}

.specialties-list-page .specialties-list-header .specialties-list-wrapper .input-search.error .auto-complete {
    border-color: var(--error-60)
}

.specialties-list-page .specialties-list-header .specialties-list-wrapper .input-search.error .auto-complete li {
    cursor: unset
}

.specialties-list-page .specialties-list-header .specialties-list-wrapper .input-search.error .auto-complete li span.text-content {
    flex: 1
}

@media screen and (min-width:1050px) {
    .specialties-list-page .specialties-list-header .specialties-list-wrapper {
        padding: 32px 0
    }

    .specialties-list-page .specialties-list-header .specialties-list-wrapper h1 {
        margin-bottom: 10px
    }

    .specialties-list-page .specialties-list-header .specialties-list-wrapper h2 {
        font-size: 1.8rem;
        line-height: 2.6rem;
        margin: 10px 0 24px 0
    }

    .specialties-list-page .specialties-list-header .specialties-list-wrapper .input-search {
        width: 508px
    }
}

.most-searched {
    margin: 24px -16px 32px -16px;
    padding: 20px 16px;
    background-color: var(--white);
    box-shadow: var(--box-shadow-gray-light)
}

.most-searched .subtitle {
    margin-bottom: 24px;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.4rem;
    text-transform: uppercase
}

.most-searched .specialties-list {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-top: 12px
}

.most-searched .specialties-list .specialty-item ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
    list-style: none
}

.most-searched .specialties-list .specialty-item ul .specialty-city {
    color: var(--gray-100);
    font-size: 1.6rem;
    line-height: 2.4rem;
    text-decoration-line: underline;
    padding-left: 16px;
    position: relative
}

.most-searched .specialties-list .specialty-item ul .specialty-city::after {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--primary-60)
}

.most-searched .specialties-list .specialty-item ul .specialty-see-more {
    color: var(--primary-60);
    font-size: 1.6rem;
    line-height: 2.4rem;
    text-decoration-line: underline
}

@media screen and (min-width:576px) {
    .most-searched {
        margin: 24px 0 32px 0;
        border-radius: var(--border-radius)
    }
}

@media screen and (min-width:1050px) {
    .most-searched {
        margin: 40px 0 56px;
        padding: 32px
    }

    .most-searched .specialties-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 24px;
        row-gap: 64px
    }

    .most-searched .specialties-list .specialty-item ul .specialty-city {
        transition: var(--transition)
    }

    .most-searched .specialties-list .specialty-item ul .specialty-city:hover {
        color: var(--primary-60)
    }

    .most-searched .specialties-list .specialty-item ul .specialty-see-more {
        transition: var(--transition)
    }

    .most-searched .specialties-list .specialty-item ul .specialty-see-more:hover {
        color: var(--primary-80)
    }
}

.specialty-page .specialty-page-header {
    background: var(--banner-rd);
    position: relative
}

.specialty-page .specialty-page-header .header-appointment-wrapper {
    color: var(--white);
    padding: 24px 0;
    position: relative;
    z-index: 1
}

.specialty-page .specialty-page-header .header-appointment-wrapper h1 {
    margin-bottom: 8px
}

.specialty-page .specialty-page-header .header-appointment-wrapper h2 {
    font-size: 1.4rem;
    line-height: 2.2rem;
    font-weight: 400;
    margin: 8px 0 16px 0
}

.specialty-page .specialty-page-header .header-appointment-wrapper .input-search {
    position: relative;
    flex: 1
}

.specialty-page .specialty-page-header .header-appointment-wrapper .input-search .input-right-icon {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 12px;
    right: 16px;
    color: var(--gray-100);
    font-size: 20px;
    border: none;
    background-color: transparent;
    outline: 0
}

.specialty-page .specialty-page-header .header-appointment-wrapper .input-search input {
    width: 100%;
    color: var(--gray-100);
    padding: 0 46px 0 16px;
    border-color: transparent
}

.specialty-page .specialty-page-header .header-appointment-wrapper .input-search input:focus {
    border-color: var(--primary-60)
}

.specialty-page .specialty-page-header .header-appointment-wrapper .input-search.auto-complete-open input {
    border-radius: 4px 4px 0 0;
    border-bottom-width: 0
}

.specialty-page .specialty-page-header .header-appointment-wrapper .input-search.auto-complete-open .auto-complete {
    display: block
}

.specialty-page .specialty-page-header .header-appointment-wrapper .input-search.auto-complete-open:not(:has(.auto-complete):has(li)) input {
    border-radius: 4px;
    border-bottom-width: 1px
}

.specialty-page .specialty-page-header .header-appointment-wrapper .input-search.auto-complete-open:not(:has(.auto-complete):has(li)) .auto-complete {
    display: none
}

.specialty-page .specialty-page-header .header-appointment-wrapper .input-search.auto-complete-open:has(.auto-complete):has(li) input {
    border-radius: 4px 4px 0 0;
    border-bottom: none
}

.specialty-page .specialty-page-header .header-appointment-wrapper .input-search.auto-complete-open:has(.auto-complete):has(li) .auto-complete {
    display: block
}

.specialty-page .specialty-page-header .header-appointment-wrapper .input-search .auto-complete {
    display: none;
    width: 100%;
    position: absolute;
    z-index: 1;
    background-color: var(--white);
    border: 1px solid var(--primary-60);
    border-top: none;
    border-radius: 0 0 4px 4px;
    max-height: 295px;
    overflow-y: auto
}

.specialty-page .specialty-page-header .header-appointment-wrapper .input-search .auto-complete li .error-wrapper,
.specialty-page .specialty-page-header .header-appointment-wrapper .input-search .auto-complete li a {
    padding: 12px 16px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    cursor: pointer;
    display: flex;
    color: var(--gray-100);
    align-items: center;
    position: relative
}

.specialty-page .specialty-page-header .header-appointment-wrapper .input-search .auto-complete li .error-wrapper:hover,
.specialty-page .specialty-page-header .header-appointment-wrapper .input-search .auto-complete li a:hover {
    background-color: var(--gray-10)
}

.specialty-page .specialty-page-header .header-appointment-wrapper .input-search .auto-complete li .error-wrapper .icon,
.specialty-page .specialty-page-header .header-appointment-wrapper .input-search .auto-complete li a .icon {
    font-size: 24px;
    display: block;
    margin-right: 8px
}

.specialty-page .specialty-page-header .header-appointment-wrapper .input-search .auto-complete li .error-wrapper .icon {
    color: var(--error-50)
}

.specialty-page .specialty-page-header .header-appointment-wrapper .input-search.loading .loader {
    display: block
}

.specialty-page .specialty-page-header .header-appointment-wrapper .input-search.loading label {
    display: none
}

.specialty-page .specialty-page-header .header-appointment-wrapper .input-search.loading button {
    display: none !important
}

.specialty-page .specialty-page-header .header-appointment-wrapper .input-search.error .input-right-icon {
    color: var(--error-60)
}

.specialty-page .specialty-page-header .header-appointment-wrapper .input-search.error input {
    color: var(--error-60);
    border-color: var(--error-60)
}

.specialty-page .specialty-page-header .header-appointment-wrapper .input-search.error .auto-complete {
    border-color: var(--error-60)
}

.specialty-page .specialty-page-header .header-appointment-wrapper .input-search.error .auto-complete li {
    cursor: unset
}

.specialty-page .specialty-page-header .header-appointment-wrapper .input-search.error .auto-complete li span.text-content {
    flex: 1
}

@media screen and (min-width:1050px) {
    .specialty-page .specialty-page-header .header-appointment-wrapper {
        padding: 32px 0
    }

    .specialty-page .specialty-page-header .header-appointment-wrapper h1 {
        margin-bottom: 10px
    }

    .specialty-page .specialty-page-header .header-appointment-wrapper h2 {
        font-size: 1.8rem;
        line-height: 2.6rem;
        margin: 10px 0 24px 0
    }

    .specialty-page .specialty-page-header .header-appointment-wrapper .input-search {
        width: 508px
    }
}

.article-aside {
    display: flex;
    flex-direction: column;
    gap: 40px
}

.article-aside .author-card {
    margin: 0
}

.article-content {
    padding-top: 16px
}

.article-content p {
    margin-bottom: 24px
}

.article-content li a,
.article-content p a,
.article-content table a {
    color: var(--primary-60);
    text-decoration: underline
}

.article-content span.olighted {
    background-color: var(--primary-20)
}

.article-content .article-image {
    margin: 32px 0;
    border-radius: var(--border-radius);
    overflow: hidden
}

.article-content .article-image picture {
    display: block
}

.article-content .article-image picture img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: var(--border-radius)
}

.article-content .article-image .article-image-caption {
    padding: 8px 16px;
    text-align: center;
    color: var(--gray-70)
}

.article-content .article-image .censored {
    position: relative;
    overflow: hidden
}

.article-content .article-image .censored .censored-container {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .5);
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    backdrop-filter: blur(40px);
    z-index: 1
}

.article-content .article-image .censored .censored-container .icon {
    font-size: 32px
}

.article-content .article-image .censored .censored-container .title {
    margin-top: 14px
}

.article-content .article-image .censored .censored-container .description {
    margin-top: 8px;
    font-size: 1.2rem;
    line-height: 1.8rem;
    max-width: 254px;
    text-align: center
}

.article-content .article-image .censored .censored-container .button {
    margin-top: 24px;
    max-width: 214px;
    color: var(--gray-100)
}

.article-content .article-image .censored img {
    filter: blur(20px)
}

.article-content .article-vimeo-video,
.article-content .article-youtube-video,
.article-content .widget.screening,
.article-content .widget.symptom-checker {
    margin: 32px -16px
}

.article-content .rdor-find-doctor,
.article-content .rdor-find-doctor-simple,
.article-content .widget {
    margin: 24px 0
}

.article-content h2,
.article-content h3,
.article-content h4 {
    margin: 32px 0 16px 0
}

.article-content ol,
.article-content ul {
    list-style: none;
    margin: 24px 0
}

.article-content ol li,
.article-content ul li {
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2.4rem;
    position: relative;
    margin: 10px 0;
    display: block
}

.article-content ol {
    counter-reset: counter
}

.article-content ol li {
    counter-increment: counter;
    padding-left: 28px
}

.article-content ol li::before {
    content: counter(counter) ". ";
    color: var(--primary-60);
    font-weight: 700;
    position: absolute;
    left: 0
}

.article-content ul li {
    padding-left: 16px
}

.article-content ul li::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--primary-60);
    left: 0;
    top: 1.2rem;
    transform: translateY(-50%)
}

@media screen and (min-width:576px) {
    .article-content .widget.symptom-checker {
        margin: 32px 0
    }
}

@media screen and (min-width:1050px) {
    .article-content {
        padding-top: 24px
    }

    .article-content p {
        margin-bottom: 24px
    }

    .article-content p a {
        transition: color var(--transition)
    }

    .article-content p a:hover {
        color: var(--primary-80)
    }

    .article-content .article-image,
    .article-content .article-vimeo-video,
    .article-content .article-youtube-video,
    .article-content .rdor-find-doctor,
    .article-content .rdor-find-doctor-simple,
    .article-content .widget.screening,
    .article-content .widget.symptom-checker {
        margin: 40px 0
    }

    .article-content h2,
    .article-content h3,
    .article-content h4 {
        margin: 40px 0 24px 0
    }

    .article-content ol,
    .article-content ul {
        margin: 24px 0
    }

    .article-content ol li,
    .article-content ul li {
        margin: 16px 0;
        font-size: 1.8rem;
        line-height: 2.6rem
    }

    .article-content .article-image .censored {
        position: relative;
        display: block;
        overflow: hidden
    }

    .article-content .article-image .censored .censored-container .icon {
        font-size: 48px
    }

    .article-content .article-image .censored .censored-container .title {
        margin-top: 14px
    }

    .article-content .article-image .censored .censored-container .description {
        margin-top: 16px;
        font-size: 1.6rem;
        line-height: 2.4rem;
        max-width: 316px
    }

    .article-content .article-image .censored .censored-container .button {
        margin-top: 24px;
        max-width: 250px
    }

    .article-content .article-image .censored .censored-container .button:hover {
        background-color: var(--gray-100);
        color: var(--white)
    }
}

.gestational-week-widget {
    margin-top: 16px
}

.gestational-week-widget .gestational-week-header {
    border-radius: 16px 16px 0 0;
    background: #d4f3ff;
    padding: 16px 56px;
    position: relative
}

.gestational-week-widget .gestational-week-header .gestational-week-nav {
    position: absolute;
    top: 50%;
    background-color: var(--primary-60);
    height: 32px;
    width: 32px;
    border-radius: 50%;
    color: var(--white);
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%)
}

.gestational-week-widget .gestational-week-header .gestational-week-nav.go-back {
    left: 16px;
    transform: translateY(-50%) rotate(180deg)
}

.gestational-week-widget .gestational-week-header .gestational-week-nav.go-forward {
    right: 16px
}

.gestational-week-widget .gestational-week-header .title {
    color: var(--gray-100);
    text-align: center;
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 2.4rem
}

.gestational-week-widget .gestational-week-header .subtitle {
    color: var(--gray-100);
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.4rem
}

.gestational-week-widget .gestational-week-body {
    display: flex;
    flex-direction: column;
    border-radius: 0 0 16px 16px;
    padding: 16px;
    background: var(--primary-10);
    gap: 16px
}

.gestational-week-widget .gestational-week-body .gestational-week-item {
    display: flex;
    align-items: center;
    gap: 8px
}

.gestational-week-widget .gestational-week-body .gestational-week-item .image-container {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: var(--primary-60);
    overflow: hidden
}

.gestational-week-widget .gestational-week-body .gestational-week-item .image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.gestational-week-widget .gestational-week-body .gestational-week-item .text {
    flex: 1;
    color: var(--gray-100);
    font-size: 1.4rem;
    line-height: 2rem
}

@media screen and (min-width:1050px) {
    .gestational-week-widget {
        margin-top: 24px
    }

    .gestational-week-widget .gestational-week-header {
        padding: 20px 60px
    }

    .gestational-week-widget .gestational-week-header .gestational-week-nav {
        cursor: pointer;
        transition: background-color var(--transition)
    }

    .gestational-week-widget .gestational-week-header .gestational-week-nav:hover {
        background-color: var(--primary-80)
    }

    .gestational-week-widget .gestational-week-header .title {
        font-size: 2.4rem;
        line-height: 3.2rem
    }

    .gestational-week-widget .gestational-week-header .subtitle {
        font-size: 1.6rem;
        line-height: 2.4rem
    }

    .gestational-week-widget .gestational-week-body {
        display: grid;
        padding: 20px;
        gap: 20px
    }

    .gestational-week-widget .gestational-week-body[data-child-items="3"] {
        grid-template-columns: 1fr 1fr 1fr
    }

    .gestational-week-widget .gestational-week-body[data-child-items="2"] {
        grid-template-columns: 1fr 1fr
    }

    .gestational-week-widget .gestational-week-body .gestational-week-item {
        display: flex;
        flex-direction: column;
        gap: 8px
    }

    .gestational-week-widget .gestational-week-body .gestational-week-item .text {
        text-align: center;
        font-size: 1.6rem;
        line-height: 2.4rem
    }
}

.article-content {
    padding-top: 16px
}

.article-content p {
    margin-bottom: 24px
}

.article-content li a,
.article-content p a,
.article-content table a {
    color: var(--primary-60);
    text-decoration: underline
}

.article-content span.olighted {
    background-color: var(--primary-20)
}

.article-content .article-image {
    margin: 32px 0;
    border-radius: var(--border-radius);
    overflow: hidden
}

.article-content .article-image picture {
    display: block
}

.article-content .article-image picture img {
    width: 100%;
    height: auto;
    display: block
}

.article-content .article-image .article-image-caption {
    padding: 8px 16px;
    text-align: center;
    color: var(--gray-70)
}

.article-content .article-image .censored {
    position: relative;
    overflow: hidden
}

.article-content .article-image .censored .censored-container {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .5);
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    backdrop-filter: blur(40px);
    z-index: 1
}

.article-content .article-image .censored .censored-container .icon {
    font-size: 32px
}

.article-content .article-image .censored .censored-container .title {
    margin-top: 14px
}

.article-content .article-image .censored .censored-container .description {
    margin-top: 8px;
    font-size: 1.2rem;
    line-height: 1.8rem;
    max-width: 254px;
    text-align: center
}

.article-content .article-image .censored .censored-container .button {
    margin-top: 24px;
    max-width: 214px;
    color: var(--gray-100)
}

.article-content .article-image .censored img {
    filter: blur(20px)
}

.article-content .article-vimeo-video,
.article-content .article-youtube-video,
.article-content .widget.screening,
.article-content .widget.symptom-checker {
    margin: 32px -16px
}

.article-content .rdor-find-doctor,
.article-content .rdor-find-doctor-simple,
.article-content .widget {
    margin: 24px 0
}

.article-content h2,
.article-content h3,
.article-content h4 {
    margin: 32px 0 16px 0
}

.article-content ol,
.article-content ul {
    list-style: none;
    margin: 24px 0
}

.article-content ol li,
.article-content ul li {
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2.4rem;
    position: relative;
    margin: 10px 0;
    display: block
}

.article-content ol {
    counter-reset: counter
}

.article-content ol li {
    counter-increment: counter;
    padding-left: 28px
}

.article-content ol li::before {
    content: counter(counter) ". ";
    color: var(--primary-60);
    font-weight: 700;
    position: absolute;
    left: 0
}

.article-content ul li {
    padding-left: 16px
}

.article-content ul li::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--primary-60);
    left: 0;
    top: 1.2rem;
    transform: translateY(-50%)
}

@media screen and (min-width:576px) {
    .article-content .widget.symptom-checker {
        margin: 32px 0
    }
}

@media screen and (min-width:1050px) {
    .article-content {
        padding-top: 24px
    }

    .article-content p {
        margin-bottom: 24px
    }

    .article-content p a {
        transition: color var(--transition)
    }

    .article-content p a:hover {
        color: var(--primary-80)
    }

    .article-content .article-image,
    .article-content .article-vimeo-video,
    .article-content .article-youtube-video,
    .article-content .rdor-find-doctor,
    .article-content .rdor-find-doctor-simple,
    .article-content .widget.screening,
    .article-content .widget.symptom-checker {
        margin: 40px 0
    }

    .article-content h2,
    .article-content h3,
    .article-content h4 {
        margin: 40px 0 24px 0
    }

    .article-content ol,
    .article-content ul {
        margin: 24px 0
    }

    .article-content ol li,
    .article-content ul li {
        margin: 16px 0;
        font-size: 1.8rem;
        line-height: 2.6rem
    }

    .article-content .article-image .censored {
        position: relative;
        display: block;
        overflow: hidden
    }

    .article-content .article-image .censored .censored-container .icon {
        font-size: 48px
    }

    .article-content .article-image .censored .censored-container .title {
        margin-top: 14px
    }

    .article-content .article-image .censored .censored-container .description {
        margin-top: 16px;
        font-size: 1.6rem;
        line-height: 2.4rem;
        max-width: 316px
    }

    .article-content .article-image .censored .censored-container .button {
        margin-top: 24px;
        max-width: 250px
    }

    .article-content .article-image .censored .censored-container .button:hover {
        background-color: var(--gray-100);
        color: var(--white)
    }
}

.branded-content-header .updated-at-container {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 8px
}

.branded-content-header .updated-at-container .updated-at {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: var(--gray-50);
    font-size: 1.2rem;
    gap: 6px
}

.branded-content-header .updated-at-container .updated-at span {
    font-size: 1.6rem
}

.branded-content-header .author {
    font-size: 1.4rem;
    line-height: 2rem;
    margin: 8px 0 16px 0
}

.branded-content-header .author .author-link {
    color: var(--primary-60);
    text-decoration: underline
}

.branded-content-header .sponsor {
    padding: 10px 24px;
    margin-top: 16px;
    border-radius: var(--border-radius);
    background: #f2f6f9;
    color: var(--gray-70);
    font-size: 1.2rem;
    line-height: 1.6rem;
    font-style: italic;
    text-align: center
}

@media screen and (min-width:1050px) {
    .branded-content-header .updated-at-container {
        gap: 16px;
        margin-top: 8px
    }

    .branded-content-header .updated-at-container .updated-at {
        font-size: 1.4rem;
        line-height: 2rem;
        gap: 6px
    }

    .branded-content-header .updated-at-container .updated-at span {
        font-size: 1.8rem
    }

    .branded-content-header .author {
        font-size: 1.6rem;
        line-height: 2.4rem;
        margin: 8px 0 24px 0
    }

    .branded-content-header .author a {
        transition: color var(--transition)
    }

    .branded-content-header .author a:hover {
        color: var(--primary-70)
    }

    .branded-content-header .sponsor {
        padding: 12px 24px;
        margin-top: 24px;
        font-size: 1.4rem;
        line-height: 2rem
    }
}

.doctor-answer-article-page .answer {
    position: relative
}

.doctor-answer-article-page .answer p {
    margin-bottom: 24px
}

.doctor-answer-article-page .answer li a,
.doctor-answer-article-page .answer p a,
.doctor-answer-article-page .answer table a {
    color: var(--primary-60);
    text-decoration: underline
}

.doctor-answer-article-page .answer span.olighted {
    background-color: var(--primary-20)
}

.doctor-answer-article-page .answer .article-image picture {
    display: block
}

.doctor-answer-article-page .answer .article-image picture img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: var(--border-radius)
}

.doctor-answer-article-page .answer .article-image .article-image-caption {
    padding: 8px 16px;
    text-align: center;
    color: var(--gray-70)
}

.doctor-answer-article-page .answer .article-image .censored {
    position: relative;
    overflow: hidden
}

.doctor-answer-article-page .answer .article-image .censored .censored-container {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .5);
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    backdrop-filter: blur(40px);
    z-index: 1
}

.doctor-answer-article-page .answer .article-image .censored .censored-container .icon {
    font-size: 32px
}

.doctor-answer-article-page .answer .article-image .censored .censored-container .title {
    margin-top: 14px
}

.doctor-answer-article-page .answer .article-image .censored .censored-container .description {
    margin-top: 8px;
    font-size: 1.2rem;
    line-height: 1.8rem;
    max-width: 254px;
    text-align: center
}

.doctor-answer-article-page .answer .article-image .censored .censored-container .button {
    margin-top: 24px;
    max-width: 214px;
    color: var(--gray-100)
}

.doctor-answer-article-page .answer .article-image .censored img {
    filter: blur(20px)
}

.doctor-answer-article-page .answer .article-image,
.doctor-answer-article-page .answer .article-vimeo-video,
.doctor-answer-article-page .answer .article-youtube-video,
.doctor-answer-article-page .answer .widget.screening,
.doctor-answer-article-page .answer .widget.symptom-checker {
    margin: 32px -16px
}

.doctor-answer-article-page .answer .rdor-find-doctor,
.doctor-answer-article-page .answer .rdor-find-doctor-simple,
.doctor-answer-article-page .answer .widget {
    margin: 24px 0
}

.doctor-answer-article-page .answer h2,
.doctor-answer-article-page .answer h3,
.doctor-answer-article-page .answer h4 {
    margin: 32px 0 16px 0
}

.doctor-answer-article-page .answer ol,
.doctor-answer-article-page .answer ul {
    list-style: none;
    margin: 24px 0
}

.doctor-answer-article-page .answer ol li,
.doctor-answer-article-page .answer ul li {
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2.4rem;
    position: relative;
    margin: 10px 0;
    display: block
}

.doctor-answer-article-page .answer ol {
    counter-reset: counter
}

.doctor-answer-article-page .answer ol li {
    counter-increment: counter;
    padding-left: 28px
}

.doctor-answer-article-page .answer ol li::before {
    content: counter(counter) ". ";
    color: var(--primary-60);
    font-weight: 700;
    position: absolute;
    left: 0
}

.doctor-answer-article-page .answer ul li {
    padding-left: 16px
}

.doctor-answer-article-page .answer ul li::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--primary-60);
    left: 0;
    top: 1.2rem;
    transform: translateY(-50%)
}

@media screen and (min-width:1050px) {
    .doctor-answer-article-page .answer:has(+.da-recommendation) {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .doctor-answer-article-page .answer p {
        margin-bottom: 24px
    }

    .doctor-answer-article-page .answer p a {
        transition: color var(--transition)
    }

    .doctor-answer-article-page .answer p a:hover {
        color: var(--primary-80)
    }

    .doctor-answer-article-page .answer .article-image,
    .doctor-answer-article-page .answer .article-vimeo-video,
    .doctor-answer-article-page .answer .article-youtube-video,
    .doctor-answer-article-page .answer .rdor-find-doctor,
    .doctor-answer-article-page .answer .rdor-find-doctor-simple,
    .doctor-answer-article-page .answer .widget.screening,
    .doctor-answer-article-page .answer .widget.symptom-checker {
        margin: 40px 0
    }

    .doctor-answer-article-page .answer h2,
    .doctor-answer-article-page .answer h3,
    .doctor-answer-article-page .answer h4 {
        margin: 40px 0 24px 0
    }

    .doctor-answer-article-page .answer ol,
    .doctor-answer-article-page .answer ul {
        margin: 24px 0
    }

    .doctor-answer-article-page .answer ol li,
    .doctor-answer-article-page .answer ul li {
        margin: 16px 0;
        font-size: 1.8rem;
        line-height: 2.6rem
    }

    .doctor-answer-article-page .answer .article-image .censored {
        position: relative;
        display: block;
        overflow: hidden
    }

    .doctor-answer-article-page .answer .article-image .censored .censored-container .icon {
        font-size: 48px
    }

    .doctor-answer-article-page .answer .article-image .censored .censored-container .title {
        margin-top: 14px
    }

    .doctor-answer-article-page .answer .article-image .censored .censored-container .description {
        margin-top: 16px;
        font-size: 1.6rem;
        line-height: 2.4rem;
        max-width: 316px
    }

    .doctor-answer-article-page .answer .article-image .censored .censored-container .button {
        margin-top: 24px;
        max-width: 250px
    }

    .doctor-answer-article-page .answer .article-image .censored .censored-container .button:hover {
        background-color: var(--gray-100);
        color: var(--white)
    }
}

.doctor-answer-article-page .ask-question {
    margin: 24px -16px 0 -16px;
    background-color: var(--primary-10);
    padding: 24px 16px
}

.doctor-answer-article-page .ask-question .ask-question-form .title {
    display: block;
    margin-bottom: 16px
}

.doctor-answer-article-page .ask-question .ask-question-form .input-checkbox-group,
.doctor-answer-article-page .ask-question .ask-question-form .input-group {
    margin: 16px 0
}

.doctor-answer-article-page .ask-question .ask-question-form .textarea {
    height: unset;
    padding: 16px;
    resize: none;
    width: 100%
}

.doctor-answer-article-page .ask-question .ask-question-form .form-disclaimer {
    margin: 8px 0 16px 0
}

.doctor-answer-article-page .ask-question .ask-question-form .form-disclaimer ul {
    padding-left: 16px
}

.doctor-answer-article-page .ask-question .ask-question-form .form-disclaimer ul li {
    color: var(--gray-70);
    font-size: 1.2rem;
    line-height: 1.8rem
}

.doctor-answer-article-page .ask-question .ask-question-form .divider {
    margin: 16px 0
}

.doctor-answer-article-page .ask-question .ask-question-form .second-step .input-group label {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 2.4rem;
    display: block
}

.doctor-answer-article-page .ask-question .ask-question-form .second-step .input-group label span {
    font-weight: 400;
    color: var(--gray-60)
}

.doctor-answer-article-page .ask-question .ask-question-form .second-step .input-group input {
    width: 100%;
    margin: 4px 0
}

.doctor-answer-article-page .ask-question .ask-question-form .second-step .input-group .info {
    color: var(--gray-50);
    font-size: 1.2rem;
    line-height: 1.8rem
}

.doctor-answer-article-page .ask-question .ask-question-form .second-step .input-checkbox-group label {
    display: grid;
    grid-template-columns: 18px 1fr;
    font-size: 1.2rem;
    line-height: 1.6rem;
    align-items: center;
    gap: 8px
}

.doctor-answer-article-page .ask-question .ask-question-form .second-step .input-checkbox-group label input {
    appearance: none;
    background-color: var(--white);
    border-radius: 2px;
    border: 1px solid var(--gray-30);
    cursor: pointer;
    height: 18px;
    width: 18px;
    transition: background-color var(--transition), border-color var(--transition)
}

.doctor-answer-article-page .ask-question .ask-question-form .second-step .input-checkbox-group label input:checked {
    background-color: var(--primary-60);
    border-color: var(--primary-60);
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="10" fill="none"><path d="M10.375 1.5L4.25 8.5L1.625 5.875" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>')
}

.doctor-answer-article-page .ask-question .ask-question-form .second-step .input-checkbox-group label:has(input:disabled) {
    opacity: .4
}

.doctor-answer-article-page .ask-question .ask-question-form .second-step .input-checkbox-group label a {
    text-decoration: underline
}

.doctor-answer-article-page .ask-question .result .result-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.4rem;
    margin-bottom: 16px
}

.doctor-answer-article-page .ask-question .result .result-title .result-icon-wrapper {
    background-color: #7cdd8e;
    height: 26px;
    width: 26px;
    border-radius: 50%;
    font-size: 20px;
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center
}

.doctor-answer-article-page .ask-question .result .result-description {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.4rem;
    margin: 16px 0
}

.doctor-answer-article-page .ask-question .result .result-rdor {
    padding: 16px;
    border-radius: var(--border-radius);
    background: var(--primary-10);
    background-color: var(--white);
    box-shadow: var(--box-shadow-gray-light)
}

.doctor-answer-article-page .ask-question .result .result-rdor .title {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 500
}

.doctor-answer-article-page .ask-question .result .result-rdor .description {
    margin: 8px 0 24px 0;
    font-size: 1.4rem;
    line-height: 2.4rem
}

.doctor-answer-article-page .ask-question .result .result-rdor .cta-wrapper {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%
}

.doctor-answer-article-page .ask-question .result .result-rdor .cta-wrapper .partnership {
    display: flex;
    align-items: flex-end;
    font-size: 1.1rem;
    line-height: 1.5rem;
    gap: 4px
}

.doctor-answer-article-page .ask-question .result .result-rdor .cta-wrapper .partnership .icon-logo-rdor {
    font-size: 5.6rem;
    margin-bottom: .3rem;
    color: var(--rdor-primary)
}

.doctor-answer-article-page .ask-question .result .result-rdor .cta-wrapper .button .icon {
    font-size: 18px
}

@media screen and (min-width:1050px) {
    .doctor-answer-article-page .ask-question {
        margin: 32px 0 0 0;
        padding: 24px
    }

    .doctor-answer-article-page .ask-question .ask-question-form .input-checkbox-group,
    .doctor-answer-article-page .ask-question .ask-question-form .input-group,
    .doctor-answer-article-page .ask-question .ask-question-form .title {
        margin-bottom: 20px
    }

    .doctor-answer-article-page .ask-question .ask-question-form .form-disclaimer {
        margin: 8px 0 20px 0
    }

    .doctor-answer-article-page .ask-question .ask-question-form .form-disclaimer ul {
        padding-left: 16px
    }

    .doctor-answer-article-page .ask-question .ask-question-form .form-disclaimer ul li {
        font-size: 1.4rem;
        line-height: 2.4rem
    }

    .doctor-answer-article-page .ask-question .ask-question-form .divider {
        margin: 20px 0
    }

    .doctor-answer-article-page .ask-question .ask-question-form .second-step .input-group label {
        font-size: 1.6rem;
        line-height: 2.4rem
    }

    .doctor-answer-article-page .ask-question .ask-question-form .expand-button,
    .doctor-answer-article-page .ask-question .ask-question-form .submit-button {
        max-width: 200px;
        margin: unset;
        margin-right: auto
    }

    .doctor-answer-article-page .ask-question .result .result-title {
        font-size: 1.8rem;
        line-height: 2.6rem
    }

    .doctor-answer-article-page .ask-question .result .result-description {
        font-size: 1.6rem;
        line-height: 2.4rem
    }

    .doctor-answer-article-page .ask-question .result .result-rdor {
        padding: 24px
    }

    .doctor-answer-article-page .ask-question .result .result-rdor .title {
        font-size: 1.8rem
    }

    .doctor-answer-article-page .ask-question .result .result-rdor .description {
        margin: 8px 0 24px 0;
        font-size: 1.6rem
    }

    .doctor-answer-article-page .ask-question .result .result-rdor .button {
        width: 232px
    }
}

.doctor-answer-article-page .header .question {
    color: var(--gray-100);
    font-size: 1.4rem;
    font-style: italic;
    font-weight: 400;
    line-height: 2.4rem;
    padding: 16px;
    background: var(--primary-10);
    border-radius: var(--border-radius);
    margin: 20px 0 16px 0;
    position: relative
}

.doctor-answer-article-page .header .question:before {
    content: "";
    width: 32px;
    height: 32px;
    left: 24px;
    top: -10px;
    border-top-left-radius: var(--border-radius);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: var(--primary-10);
    position: absolute;
    display: block;
    z-index: -1
}

.doctor-answer-article-page .header .author-card-header {
    display: grid;
    grid-template-columns: 48px 1fr;
    align-items: center;
    margin: 16px 0 24px 0;
    row-gap: 16px
}

.doctor-answer-article-page .header .author-card-header .article-author-image {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    object-fit: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-10);
    color: var(--primary-60);
    font-size: 20px
}

.doctor-answer-article-page .header .author-card-header .author-card-infos {
    display: flex;
    flex-direction: column;
    margin-left: 2px
}

.doctor-answer-article-page .header .author-card-header .author-card-infos .name {
    color: var(--primary-60);
    font-size: 1.4rem;
    line-height: 2rem;
    text-decoration: underline
}

.doctor-answer-article-page .header .author-card-header .author-card-infos .specialty {
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 2rem
}

.doctor-answer-article-page .header .author-card-header .author-card-infos .crm {
    font-size: 1.2rem;
    line-height: 2rem;
    color: var(--gray-70);
    margin-left: 1px
}

.doctor-answer-article-page .header .author-card-header .author-cta-wrapper {
    grid-column: span 2;
    padding-top: 16px;
    border-top: 1px solid var(--gray-20)
}

@media screen and (min-width:1050px) {
    .doctor-answer-article-page .header .question {
        font-size: 1.6rem;
        line-height: 2.4rem;
        padding: 24px;
        margin: 20px 0 16px 0
    }

    .doctor-answer-article-page .header .question:before {
        content: "";
        width: 32px;
        height: 32px;
        left: 24px;
        top: -10px;
        border-top-left-radius: var(--border-radius);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        background-color: #f3f6f9;
        position: absolute;
        display: block;
        z-index: -1
    }

    .doctor-answer-article-page .header .author-card-header {
        display: flex;
        flex-direction: row;
        display: grid;
        grid-template-columns: 56px 259px 1fr;
        align-items: center;
        margin: 24px 0
    }

    .doctor-answer-article-page .header .author-card-header .article-author-image {
        width: 48px;
        height: 48px;
        font-size: 24px
    }

    .doctor-answer-article-page .header .author-card-header .author-card-infos .name {
        font-size: 1.6rem;
        line-height: 2.4rem;
        transition: color var(--transition)
    }

    .doctor-answer-article-page .header .author-card-header .author-card-infos .name:hover {
        color: var(--primary-80)
    }

    .doctor-answer-article-page .header .author-card-header .author-card-infos .specialty {
        font-size: 1.6rem;
        line-height: 2.4rem
    }

    .doctor-answer-article-page .header .author-card-header .author-card-infos .crm {
        font-size: 1.4rem;
        line-height: 2rem;
        color: var(--gray-70)
    }

    .doctor-answer-article-page .header .author-card-header .author-cta-wrapper {
        grid-column: unset;
        border-top: unset;
        border-left: 1px solid var(--gray-20);
        padding-left: 32px;
        padding-top: 0;
        height: 100%;
        display: flex;
        align-items: center
    }
}

.doctor-answer-question-form {
    padding-bottom: 32px
}

.doctor-answer-question-form .label-title {
    display: block;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.doctor-answer-question-form .label-input {
    display: block;
    margin-top: 16px;
    margin-bottom: 4px;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 2.4rem
}

.doctor-answer-question-form .label-input span {
    font-weight: 400
}

.doctor-answer-question-form .disclaimer {
    display: block;
    color: var(--gray-70);
    font-size: 1.1rem;
    line-height: 1.6rem;
    margin-top: 4px
}

.doctor-answer-question-form .textarea-wrapper {
    position: relative
}

.doctor-answer-question-form .textarea-wrapper .textarea-info {
    position: absolute;
    right: 10px;
    bottom: 20px;
    color: var(--gray-50);
    text-align: right;
    font-size: 1.1rem;
    line-height: 1.6rem
}

.doctor-answer-question-form .textarea-wrapper .textarea-info.error {
    color: var(--error-50)
}

.doctor-answer-question-form .input-group {
    position: relative
}

.doctor-answer-question-form .input-group .email-error,
.doctor-answer-question-form .input-group .name-error {
    position: absolute;
    right: 0;
    top: 5px;
    color: var(--error-50);
    text-align: right;
    font-size: 1.2rem;
    line-height: 1.6rem
}

.doctor-answer-question-form .input,
.doctor-answer-question-form .textarea {
    transition: border-color var(--transition)
}

.doctor-answer-question-form .input:focus,
.doctor-answer-question-form .textarea:focus {
    border-color: var(--primary-60)
}

.doctor-answer-question-form .input {
    width: 100%
}

.doctor-answer-question-form .textarea {
    border-radius: 4px;
    border: 1px solid var(--gray-20);
    background: var(--white);
    width: 100%;
    padding: 11px 16px;
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: var(--gray-100);
    resize: none;
    outline: 0;
    margin: 16px 0 8px 0
}

.doctor-answer-question-form .textarea::placeholder {
    color: var(--gray-50)
}

.doctor-answer-question-form .textarea.error {
    border-color: var(--error-50)
}

.doctor-answer-question-form .fake-textarea {
    height: 268px;
    overflow-x: hidden;
    overflow-y: auto;
    word-wrap: break-word
}

.doctor-answer-question-form .info-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 2px
}

.doctor-answer-question-form .info-list .info-item {
    color: var(--gray-70);
    font-size: 1.2rem;
    line-height: 1.8rem;
    padding-left: 16px;
    position: relative
}

.doctor-answer-question-form .info-list .info-item::after {
    content: "";
    position: absolute;
    left: 7px;
    top: 8px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: var(--gray-70)
}

.doctor-answer-question-form .checkbox-wrapper {
    margin: 16px 0;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.doctor-answer-question-form .checkbox-wrapper .input-checkbox-group {
    position: relative
}

.doctor-answer-question-form .checkbox-wrapper .input-checkbox-group .newsletter-error,
.doctor-answer-question-form .checkbox-wrapper .input-checkbox-group .privacy-error {
    position: absolute;
    bottom: -16px;
    color: var(--error-50);
    text-align: right;
    font-size: 1.1rem;
    line-height: 1.6rem
}

.doctor-answer-question-form .checkbox-wrapper .input-checkbox-group label {
    display: grid;
    grid-template-columns: 18px 1fr;
    font-size: 1.2rem;
    line-height: 1.6rem;
    align-items: center;
    color: var(--gray-100);
    gap: 8px
}

.doctor-answer-question-form .checkbox-wrapper .input-checkbox-group label input {
    appearance: none;
    background-color: var(--white);
    border-radius: 2px;
    border: 1px solid var(--gray-30);
    cursor: pointer;
    height: 18px;
    width: 18px;
    transition: background-color var(--transition), border-color var(--transition)
}

.doctor-answer-question-form .checkbox-wrapper .input-checkbox-group label input.error {
    border-color: var(--error-50)
}

.doctor-answer-question-form .checkbox-wrapper .input-checkbox-group label input:checked {
    background-color: var(--primary-60);
    border-color: var(--primary-60);
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="10" fill="none"><path d="M10.375 1.5L4.25 8.5L1.625 5.875" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>')
}

.doctor-answer-question-form .checkbox-wrapper .input-checkbox-group label:has(input:disabled) {
    opacity: .4
}

.doctor-answer-question-form .checkbox-wrapper .input-checkbox-group label a {
    text-decoration: underline
}

.doctor-answer-question-form .question-edit {
    position: absolute;
    right: 10px;
    bottom: 10px;
    display: inline-flex;
    padding: 6px 12px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border: none;
    border-radius: var(--border-radius);
    background-color: var(--gray-10);
    color: var(--gray-70);
    text-align: center;
    font-size: 1.2rem;
    line-height: 1.6rem
}

.doctor-answer-question-form .button-wrapper {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.doctor-answer-question-form .button-wrapper button {
    order: 1
}

.doctor-answer-question-form .button-wrapper button.go-back {
    color: var(--primary-80);
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: none;
    background-color: transparent;
    height: 46px;
    order: 2
}

.doctor-answer-question-form .button-wrapper button.go-back .icon {
    transform: rotate(180deg)
}

.doctor-answer-question-form .result-wrapper .result-description {
    margin: 16px 0;
    color: var(--gray-100);
    font-size: 1.6rem;
    line-height: 2.4rem
}

.doctor-answer-question-form .result-wrapper .restart-button {
    color: var(--primary-70);
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.4rem;
    text-decoration-line: underline;
    text-transform: uppercase;
    border: none;
    background-color: transparent;
    margin: 24px auto 0 auto
}

.doctor-answer-question-form .result-wrapper .rdor-wrapper {
    padding: 16px;
    border-radius: var(--border-radius);
    background-color: var(--white);
    border-radius: 4px;
    box-shadow: var(--box-shadow-gray-light)
}

.doctor-answer-question-form .result-wrapper .rdor-wrapper .rdor-title {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.4rem
}

.doctor-answer-question-form .result-wrapper .rdor-wrapper .rdor-description {
    font-size: 1.4rem;
    line-height: 2.4rem;
    margin: 8px 0 16px 0
}

.doctor-answer-question-form .result-wrapper .rdor-wrapper .cta-wrapper {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%
}

.doctor-answer-question-form .result-wrapper .rdor-wrapper .cta-wrapper .partnership {
    display: flex;
    align-items: flex-end;
    font-size: 1.1rem;
    line-height: 1.5rem;
    gap: 4px
}

.doctor-answer-question-form .result-wrapper .rdor-wrapper .cta-wrapper .partnership .icon-logo-rdor {
    font-size: 5.6rem;
    margin-bottom: .3rem;
    color: var(--rdor-primary)
}

.doctor-answer-question-form .result-wrapper .rdor-wrapper .cta-wrapper .button-cta {
    padding: 0 16px
}

.doctor-answer-question-form .result-wrapper .rdor-wrapper .cta-wrapper .button-cta .icon {
    font-size: 18px
}

@media screen and (min-width:1050px) {
    .doctor-answer-question-form {
        padding-bottom: 32px
    }

    .doctor-answer-question-form .label-title {
        font-size: 1.8rem;
        line-height: 2.6rem
    }

    .doctor-answer-question-form .textarea {
        padding: 16px;
        font-size: 1.6rem;
        line-height: 2.4rem;
        margin: 16px 0 8px 0
    }

    .doctor-answer-question-form .input-group {
        max-width: 508px
    }

    .doctor-answer-question-form .textarea-wrapper {
        position: relative
    }

    .doctor-answer-question-form .textarea-wrapper .textarea-info {
        position: absolute;
        right: 20px;
        bottom: 24px;
        color: var(--gray-50);
        text-align: right;
        font-size: 1.1rem;
        line-height: 1.6rem
    }

    .doctor-answer-question-form .fake-textarea {
        margin-top: 14px
    }

    .doctor-answer-question-form .checkbox-wrapper {
        margin: 27px 0
    }

    .doctor-answer-question-form .info-list {
        list-style: none;
        display: flex;
        flex-direction: column;
        gap: 2px
    }

    .doctor-answer-question-form .info-list .info-item {
        font-size: 1.4rem;
        line-height: 2.4rem
    }

    .doctor-answer-question-form .info-list .info-item::after {
        left: 6px;
        top: 10px;
        width: 3px;
        height: 3px
    }

    .doctor-answer-question-form .button-wrapper {
        margin-top: 24px;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start
    }

    .doctor-answer-question-form .button-wrapper button {
        width: unset;
        padding: 11px 24px;
        order: 2
    }

    .doctor-answer-question-form .button-wrapper button[type=submit] {
        width: 204px
    }

    .doctor-answer-question-form .button-wrapper button.go-back {
        order: 1
    }

    .doctor-answer-question-form .result-wrapper .result-description {
        margin: 8px 0 24px;
        font-size: 1.8rem;
        line-height: 2.6rem
    }

    .doctor-answer-question-form .result-wrapper .restart-button {
        display: inline-flex;
        font-size: 1.4rem;
        line-height: 2.4rem;
        transition: color var(--transition)
    }

    .doctor-answer-question-form .result-wrapper .restart-button:hover {
        color: var(--primary-80)
    }

    .doctor-answer-question-form .result-wrapper .rdor-wrapper {
        padding: 24px;
        position: relative
    }

    .doctor-answer-question-form .result-wrapper .rdor-wrapper .rdor-title {
        font-size: 1.8rem;
        line-height: 2.6rem
    }

    .doctor-answer-question-form .result-wrapper .rdor-wrapper .rdor-description {
        font-size: 1.6rem;
        line-height: 2.4rem;
        margin: 8px 0 24px 0
    }

    .doctor-answer-question-form .result-wrapper .rdor-wrapper .cta-wrapper {
        width: unset;
        display: inline-flex
    }

    .doctor-answer-question-form .result-wrapper .rdor-wrapper .cta-wrapper .button-cta {
        width: unset;
        padding: 0 32px
    }
}

.steps-badge {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    position: relative;
    margin: 20px 0
}

.steps-badge .steps-badge-item {
    height: 32px;
    width: 32px;
    border-radius: 50%;
    color: var(--white);
    background-color: var(--gray-20);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    position: relative;
    transition: background var(--transition), box-shadow var(--transition)
}

.steps-badge .steps-badge-item[data-step="1"]:after,
.steps-badge .steps-badge-item[data-step="2"]:after {
    content: "";
    height: 4px;
    width: calc(50vw - 64px);
    background-color: var(--gray-20);
    position: absolute;
    left: 32px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    transition: width var(--transition)
}

.steps-badge .steps-badge-item.active {
    box-shadow: 0 0 0 6px var(--primary-40);
    background: var(--primary-60)
}

.steps-badge .steps-badge-item.active:after {
    background: linear-gradient(90deg, var(--primary-60) 3%, var(--gray-20) 80%)
}

.steps-badge .steps-badge-item.done {
    background: var(--primary-60)
}

.steps-badge .steps-badge-item.done:before {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: var(--primary-60);
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="10" fill="none"><path d="M10.375 1.5L4.25 8.5L1.625 5.875" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>')
}

.steps-badge .steps-badge-item.done:after {
    background: var(--primary-60)
}

@media screen and (min-width:1050px) {
    .steps-badge {
        width: 208px
    }

    .steps-badge .steps-badge-item[data-step="1"]:after,
    .steps-badge .steps-badge-item[data-step="2"]:after {
        width: 56px
    }
}

.doctor-answer-steps-info {
    padding: 16px 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 24px;
    row-gap: 32px
}

.doctor-answer-steps-info .doctor-answer-steps-info-item {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.doctor-answer-steps-info .doctor-answer-steps-info-item .step-number {
    color: var(--primary-80);
    font-size: 18px;
    font-weight: 600;
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #ceece5
}

.doctor-answer-steps-info .doctor-answer-steps-info-item .step-title {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.4rem
}

.doctor-answer-steps-info .doctor-answer-steps-info-item .step-description {
    font-size: 1.4rem;
    line-height: 2.4rem
}

@media screen and (min-width:1050px) {
    .doctor-answer-steps-info {
        padding: 32px 0;
        grid-template-columns: repeat(4, 1fr);
        gap: 48px
    }

    .doctor-answer-steps-info .arrow {
        height: 32px;
        width: 32px;
        font-size: 15px;
        transform: rotate(0);
        flex-shrink: 0
    }

    .doctor-answer-steps-info .doctor-answer-steps-info-item .step-title {
        font-size: 1.8rem;
        line-height: 2.4rem
    }

    .doctor-answer-steps-info .doctor-answer-steps-info-item .step-description {
        font-size: 1.6rem;
        line-height: 2.4rem
    }
}

.special-cta {
    background-color: var(--background, var(--primary-10));
    overflow: hidden
}

.special-cta[data-type=outubro] {
    --background: #fff3fa;
    --button: #ff74c0
}

.special-cta[data-type=novembro] {
    --background: #edf6ff;
    --button: #125eaf
}

.special-cta[data-type=dezembro] {
    --background: #fff5f1;
    --button: #ff824b
}

.special-cta .special-cta-image-content {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 32px;
    align-self: center;
    margin: 0 -16px
}

.special-cta .special-cta-image-content img,
.special-cta .special-cta-image-content picture {
    display: block;
    max-height: 226px;
    width: auto;
    max-width: 100%;
    object-fit: cover
}

.special-cta .special-cta-text-content {
    padding: 24px 0 32px;
    max-width: 508px;
    margin: 0 auto
}

.special-cta .special-cta-text-content h2 {
    margin-bottom: 8px
}

.special-cta .special-cta-text-content p {
    font-size: 1.4rem;
    line-height: 2rem;
    margin-bottom: 24px
}

.special-cta .special-cta-text-content .special-cta-button {
    background-color: var(--button, var(--primary-60));
    transition: background var(--transition), filter var(--transition)
}

.special-cta .special-cta-text-content .special-cta-button:hover {
    background-color: var(--button, var(--primary-60));
    filter: brightness(1.1)
}

@media screen and (min-width:834px) {
    .special-cta .container {
        min-height: 400px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px
    }

    .special-cta .container .special-cta-image-content {
        order: 2;
        padding: 0;
        margin: 0
    }

    .special-cta .container .special-cta-image-content img,
    .special-cta .container .special-cta-image-content picture {
        max-height: 320px
    }

    .special-cta .container .special-cta-text-content {
        padding: 64px 0;
        margin: 0;
        align-self: center;
        order: 1
    }

    .special-cta .container .special-cta-text-content h2 {
        margin-bottom: 16px
    }

    .special-cta .container .special-cta-text-content p {
        margin-bottom: 32px;
        font-size: 1.6rem;
        line-height: 2.4rem
    }

    .special-cta .container .special-cta-text-content .special-cta-button {
        max-width: 224px
    }
}

.image-header-wrapper {
    background-color: var(--primary-20);
    position: absolute;
    top: 0;
    left: 0;
    height: 124px;
    width: 100%;
    z-index: -1
}

.image-header-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.theme-header {
    margin: 0 auto 16px auto;
    background-color: var(--primary-10);
    border-radius: var(--border-radius);
    padding: 24px 16px
}

.theme-header .theme-header-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px
}

.theme-header .theme-header-wrapper .breadcrumbs {
    width: unset
}

.theme-header .theme-header-wrapper .breadcrumbs ul {
    justify-content: center
}

.theme-header .theme-header-wrapper .summary {
    color: var(--gray-100);
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.4rem
}

.theme-header .theme-header-wrapper .sponsor-line {
    width: 154px;
    border-top: 1px solid #c4e0eb;
    margin: auto
}

.theme-header .theme-header-wrapper .sponsor {
    color: var(--gray-60);
    text-align: center;
    font-size: 1rem;
    line-height: 1.6rem;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    gap: 16px
}

.theme-header .theme-header-wrapper .sponsor img {
    height: 24px
}

.theme-header .theme-header-wrapper .letters-wrapper {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    gap: 24px;
    align-self: stretch;
    flex-wrap: wrap;
    padding-top: 24px;
    margin-top: 16px;
    border-top: 1px solid var(--primary-20)
}

.theme-header .theme-header-wrapper .letters-wrapper .letter {
    width: 20px;
    height: 20px;
    text-transform: uppercase;
    color: var(--primary-80);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    background-color: transparent;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center
}

.theme-header .theme-header-wrapper .letters-wrapper .letter.disabled {
    color: var(--gray-30)
}

@media screen and (min-width:1050px) {
    .image-header-wrapper {
        height: 262px
    }

    .theme-header {
        padding: 32px 48px;
        margin: 0 auto 24px auto
    }

    .theme-header .theme-header-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 16px
    }

    .theme-header .theme-header-wrapper .summary {
        font-size: 1.6rem;
        line-height: 2.4rem;
        max-width: 862px
    }

    .theme-header .theme-header-wrapper .sponsor img {
        height: 32px
    }

    .theme-header .theme-header-wrapper .letters-wrapper {
        padding-top: 16px;
        margin-top: 0
    }

    .theme-header .theme-header-wrapper .letters-wrapper .letter {
        width: 12px;
        height: 12px;
        font-size: 18px
    }
}

.dropdown-menu {
    border-bottom: 1px solid var(--gray-20);
    background-color: var(--white);
    overflow: hidden;
    height: calc(100vh - 53px);
    max-height: calc(100vh - 53px);
    transition: max-height .5s cubic-bezier(0, 1, 0, 1), left var(--transition);
    position: absolute;
    left: 0;
    top: calc(100% + 1px);
    width: 100vw
}

.dropdown-menu._hide {
    border-bottom: 0;
    max-height: calc(100vh - 53px)
}

.dropdown-menu.hide-top {
    max-height: 0
}

.dropdown-menu.hide-right {
    left: 100vw
}

.dropdown-menu.hide-left {
    left: -100vw
}

.dropdown-menu .column-header {
    display: flex;
    align-items: center;
    justify-content: stretch;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--gray-20)
}

.dropdown-menu .column-header .column-header-go-back {
    background-color: transparent;
    border: none;
    transform: rotate(180deg);
    font-size: 16px;
    color: var(--gray-100);
    display: flex;
    align-items: center;
    justify-content: center
}

.dropdown-menu .column-header .column-header-title {
    font-size: 1.4rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-left: 6px
}

.dropdown-menu .column-header .column-header-see-more {
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    color: var(--primary-60);
    font-size: 1.4rem;
    font-weight: 500;
    gap: 6px;
    margin-left: auto
}

.dropdown-menu .column-header .column-header-see-more .icon {
    font-size: 11px
}

.dropdown-menu .column-wrapper {
    display: flex;
    flex-direction: column;
    gap: 48px;
    padding-top: 24px;
    padding-bottom: 80px;
    height: 100%;
    overflow-y: auto
}

.dropdown-menu .column-wrapper .column {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 24px;
    position: relative
}

.dropdown-menu .column-wrapper .column::after {
    content: "";
    width: 100%;
    height: 0;
    bottom: -24px;
    right: 0;
    position: absolute;
    border-bottom: 1px solid var(--gray-20)
}

.dropdown-menu .column-wrapper .column:last-of-type::after {
    content: unset
}

.dropdown-menu .main-theme {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.4rem;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: color var(--transition);
    justify-content: space-between;
    width: 100%
}

.dropdown-menu .main-theme:hover {
    color: var(--primary-60)
}

.dropdown-menu .main-theme .icon {
    font-size: 12px;
    color: var(--primary-60);
    margin-top: -2px
}

.dropdown-menu .child-theme {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.4rem;
    text-transform: uppercase;
    transition: color var(--transition)
}

.dropdown-menu .child-theme:hover {
    color: var(--primary-60)
}

.dropdown-menu .child-article {
    display: flex;
    gap: 8px
}

.dropdown-menu .child-article .child-article-image {
    height: 48px;
    width: 48px;
    background-color: var(--gray-30);
    transition: filter var(--transition);
    object-fit: cover
}

.dropdown-menu .child-article .child-article-text {
    flex: 1;
    font-size: 1.4rem;
    line-height: 2rem;
    height: 20px;
    transition: color var(--transition)
}

.dropdown-menu .child-article:hover .child-article-text {
    color: var(--primary-60)
}

.dropdown-menu .child-article:hover .child-article-image {
    filter: brightness(1.1)
}

@media screen and (min-width:1050px) {
    .dropdown-menu {
        border-bottom: 1px solid var(--gray-20);
        background-color: var(--white);
        overflow: hidden;
        max-height: 600px;
        height: unset;
        transition: max-height var(--transition);
        position: absolute;
        left: 0;
        top: calc(100% + 1px);
        width: 100%
    }

    .dropdown-menu._hide {
        border-bottom: 0;
        max-height: 0
    }

    .dropdown-menu.hide-top {
        max-height: 0
    }

    .dropdown-menu .hide-left,
    .dropdown-menu.hide-right {
        left: unset
    }

    .dropdown-menu .special-container {
        max-width: 1230px
    }

    .dropdown-menu .column-wrapper {
        display: flex;
        flex-direction: row;
        gap: 48px;
        padding-top: 32px;
        padding-bottom: 32px
    }

    .dropdown-menu .column-wrapper .column {
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: 24px;
        position: relative
    }

    .dropdown-menu .column-wrapper .column::after {
        content: "";
        width: 0;
        height: 100%;
        top: 0;
        right: -24px;
        position: absolute;
        border-right: 1px solid var(--gray-20);
        border-bottom: unset
    }

    .dropdown-menu .column-wrapper .column:last-of-type::after {
        content: unset
    }

    .dropdown-menu .main-theme {
        font-size: 1.4rem;
        font-weight: 500;
        line-height: 2.4rem;
        text-transform: uppercase;
        display: flex;
        align-items: center;
        gap: 8px;
        transition: color var(--transition);
        width: max-content
    }

    .dropdown-menu .main-theme:hover {
        color: var(--primary-60)
    }

    .dropdown-menu .main-theme .icon {
        font-size: 12px;
        color: var(--primary-60);
        margin-top: -2px
    }

    .dropdown-menu .child-theme {
        font-size: 1.4rem;
        font-weight: 400;
        line-height: 2.4rem;
        text-transform: uppercase;
        transition: color var(--transition)
    }

    .dropdown-menu .child-theme:hover {
        color: var(--primary-60)
    }

    .dropdown-menu .child-article {
        display: flex;
        gap: 8px
    }

    .dropdown-menu .child-article .child-article-image {
        height: 40px;
        width: 40px;
        background-color: var(--gray-30);
        transition: filter var(--transition);
        object-fit: cover
    }

    .dropdown-menu .child-article .child-article-text {
        flex: 1;
        font-size: 1.4rem;
        line-height: 2rem;
        height: 60px;
        transition: color var(--transition)
    }

    .dropdown-menu .child-article:hover .child-article-text {
        color: var(--primary-60)
    }

    .dropdown-menu .child-article:hover .child-article-image {
        filter: brightness(1.1)
    }
}

header#header .header-tuasaude {
    background-color: var(--white);
    display: flex;
    align-items: center;
    height: 52px
}

header#header .header-tuasaude .header-tuasaude-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    flex-direction: row;
    position: relative;
    z-index: 3;
    gap: 6px
}

header#header .header-tuasaude .header-tuasaude-wrapper nav {
    order: 1;
    flex: 0 0 auto
}

header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-logo {
    order: 2;
    flex: 0 0 auto;
    margin-right: 2px;
    font-size: 96px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 4px
}

header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-logo a {
    display: block;
    line-height: 0
}

header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-env {
    margin-top: -4px;
    margin-left: 33px;
    color: #1f8f3a;
    font-size: 9px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .08em;
    text-transform: uppercase;
    background-color: #dcf4e3;
    border: 1px solid #69bf7f;
    border-radius: 999px;
    padding: 3px 8px;
    box-shadow: 0 1px 0 rgba(31, 143, 58, .12)
}

header#header .header-tuasaude .header-tuasaude-wrapper .find-medic-link {
    padding: 6px 12px;
    color: var(--white);
    background-color: var(--primary-60);
    text-transform: uppercase;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.6rem;
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow-gray-light);
    text-align: center
}

@media screen and (max-width:350px) {
    header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-logo {
        font-size: 88px
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .find-medic-link {
        flex-basis: 0
    }
}

@media screen and (max-width:1049px) {
    header#header .header-tuasaude .header-tuasaude-wrapper {
        gap: 0
    }

    header#header .header-tuasaude .header-tuasaude-wrapper nav {
        margin-right: 16px
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-logo {
        font-size: 105px;
        margin-right: 16px;
        padding-top: 6px
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-env {
        margin-top: -4px;
        margin-left: 33px;
        font-size: 9px;
        padding: 3px 7px
    }
}

@media screen and (min-width:1050px) {
    header#header .header-tuasaude {
        background-color: var(--white);
        position: relative;
        z-index: 4;
        height: 82px
    }

    header#header .header-tuasaude .header-tuasaude-wrapper {
        gap: 48px
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .find-medic-link {
        display: none
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-logo {
        order: 1;
        position: unset;
        top: unset;
        left: unset;
        transform: unset;
        font-size: 140px;
        margin-right: 0;
        padding-top: 8px
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-env {
        margin-top: -3px;
        margin-left: 37px;
        font-size: 10px;
        padding: 4px 9px
    }
}

header#header #menu {
    position: absolute;
    width: 100vw;
    top: 53px;
    max-height: 0;
    left: 0;
    background: var(--white);
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    transition: left .5s ease;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    transition: max-height .5s cubic-bezier(0, 1, 0, 1), left var(--transition)
}

header#header #menu.hide-left {
    left: -100vw
}

header#header #menu .navigation-menu {
    list-style: none;
    padding: 0 16px
}

header#header #menu .navigation-menu li {
    text-align: center;
    text-transform: uppercase
}

header#header #menu .navigation-menu li .super-special {
    display: none
}

header#header #menu .navigation-menu li .nav-anchor {
    padding: 16px 0;
    text-decoration: none;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 2.4rem;
    font-size: 1.6rem;
    position: relative;
    line-height: 2.4rem;
    color: var(--gray-100);
    height: 100%;
    display: flex;
    border-bottom: 1px solid var(--gray-20);
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 2.4rem
}

header#header #menu .navigation-menu li .nav-anchor .icon {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: var(--primary-60)
}

header#header #menu .header-social-links {
    font-size: 2.2rem;
    display: flex;
    align-items: flex-end;
    padding-bottom: 140px;
    max-width: 260px;
    margin: 0 auto
}

header#header #menuToggle {
    display: block;
    z-index: 10;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 10px 0
}

header#header #menuToggle .hamburger-toggle {
    width: 30px;
    height: 30px;
    background-color: transparent;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center
}

header#header #menuToggle .hamburger-toggle .hamburger {
    width: 16px;
    height: 12px;
    position: relative;
    transition: .5s ease-in-out;
    cursor: pointer
}

header#header #menuToggle .hamburger-toggle .hamburger span {
    display: block;
    position: absolute;
    height: 2px;
    width: 16px;
    background: var(--gray-100);
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

header#header #menuToggle .hamburger-toggle .hamburger span:nth-child(1) {
    top: 0;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

header#header #menuToggle .hamburger-toggle .hamburger span:nth-child(2) {
    top: 6px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

header#header #menuToggle .hamburger-toggle .hamburger span:nth-child(3) {
    top: 12px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

header#header #menuToggle .hamburger-toggle.active .hamburger span {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0;
    left: 3px;
    width: 17px
}

header#header #menuToggle .hamburger-toggle.active .hamburger span:nth-child(2) {
    width: 0%;
    opacity: 0
}

header#header #menuToggle .hamburger-toggle.active .hamburger span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 12px;
    left: 3px;
    width: 17px
}

header#header #menuToggle .hamburger-toggle.active~div#menu {
    height: calc(100dvh - 53px);
    max-height: calc(100dvh - 53px)
}

@media screen and (min-width:1050px) {
    header#header nav {
        order: 2;
        flex: 1;
        margin: 0
    }

    header#header nav #menuToggle {
        padding: 0
    }

    header#header nav #menuToggle .hamburger-toggle {
        display: none
    }

    header#header nav #menuToggle #menu {
        position: unset !important;
        height: unset !important;
        width: unset !important;
        padding-bottom: unset !important;
        max-height: unset !important
    }

    header#header nav #menuToggle #menu .navigation-menu {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 68px;
        margin: unset;
        padding: 0
    }

    header#header nav #menuToggle #menu .navigation-menu li {
        margin: unset;
        height: 82px;
        display: flex;
        align-items: center;
        flex: 0 0 auto
    }

    header#header nav #menuToggle #menu .navigation-menu li .super-special {
        display: flex;
        height: unset;
        padding: 7px 16px;
        font-size: 1.4rem;
        font-weight: 600;
        color: var(--white);
        align-items: center;
        justify-content: center;
        height: 38px;
        margin-left: 40px;
        width: 170px
    }

    header#header nav #menuToggle #menu .navigation-menu li .super-special:hover {
        background-color: var(--primary-70);
        color: var(--white)
    }

    header#header nav #menuToggle #menu .navigation-menu li .nav-anchor {
        border: none;
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 2.4rem;
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
        white-space: nowrap;
        padding: 0;
        transition: color var(--transition), text-decoration var(--transition)
    }

    header#header nav #menuToggle #menu .navigation-menu li .nav-anchor .nav-anchor-text {
        position: relative
    }

    header#header nav #menuToggle #menu .navigation-menu li .nav-anchor .icon {
        position: absolute;
        right: -20px;
        font-size: 14px;
        transform: rotate(90deg) translate(-50%);
        top: 50%
    }

    header#header nav #menuToggle #menu .navigation-menu li .nav-anchor.active,
    header#header nav #menuToggle #menu .navigation-menu li .nav-anchor:hover {
        color: var(--primary-60);
        text-decoration: underline
    }

    header#header nav #menuToggle #menu .header-social-links {
        display: none
    }
}

header#header .header-tuasaude {
    background-color: var(--white);
    display: flex;
    align-items: center;
    height: 52px
}

header#header .header-tuasaude .header-tuasaude-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    flex-direction: row;
    position: relative;
    z-index: 3
}

header#header .header-tuasaude #oldMenuToggle {
    display: block;
    z-index: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 10px 0
}

header#header .header-tuasaude #oldMenuToggle .hamburger {
    width: 16px;
    height: 12px;
    position: relative;
    transition: .5s ease-in-out;
    cursor: pointer;
    left: 4px;
    top: -1px
}

header#header .header-tuasaude #oldMenuToggle .hamburger span {
    display: block;
    position: absolute;
    height: 2px;
    width: 16px;
    background: var(--gray-100);
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

header#header .header-tuasaude #oldMenuToggle .hamburger span:nth-child(1) {
    top: 0;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

header#header .header-tuasaude #oldMenuToggle .hamburger span:nth-child(2) {
    top: 6px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

header#header .header-tuasaude #oldMenuToggle .hamburger span:nth-child(3) {
    top: 12px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

header#header .header-tuasaude #oldMenuToggle input {
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 2px;
    left: 12px;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
    -webkit-touch-callout: none
}

header#header .header-tuasaude #oldMenuToggle input:checked~.hamburger span {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0;
    left: 3px;
    width: 17px
}

header#header .header-tuasaude #oldMenuToggle input:checked~.hamburger span:nth-child(2) {
    width: 0%;
    opacity: 0
}

header#header .header-tuasaude #oldMenuToggle input:checked~.hamburger span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 12px;
    left: 3px;
    width: 17px
}

header#header .header-tuasaude #oldMenuToggle input:checked~div#oldMenu {
    left: 0
}

header#header .header-tuasaude #oldMenu {
    position: absolute;
    width: 100vw;
    top: 53px;
    height: calc(100vh - 53px);
    left: -100%;
    background: var(--white);
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    transition: left .5s ease;
    overflow: auto;
    padding-bottom: 40px;
    display: flex;
    justify-content: space-between;
    flex-direction: column
}

header#header .header-tuasaude #oldMenu ul {
    list-style: none
}

header#header .header-tuasaude #oldMenu ul li {
    margin: 26px 0
}

header#header .header-tuasaude #oldMenu ul li.open-theme-menu a span {
    margin-left: 8px;
    font-size: 1.2rem;
    transform: rotate(90deg);
    transition: .5s ease
}

header#header .header-tuasaude #oldMenu ul li.open-theme-menu.open a span {
    transform: rotate(-90deg)
}

header#header .header-tuasaude #oldMenu ul li a {
    padding: 0 12px;
    text-decoration: none;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: var(--gray-100);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

header#header .header-tuasaude #oldMenu ul li a.special {
    font-weight: 500;
    gap: 6px
}

header#header .header-tuasaude #oldMenu ul li a.super-special {
    height: unset;
    padding: 7px 16px;
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--white)
}

header#header .header-tuasaude #oldMenu ul li a.super-special:hover {
    background-color: var(--primary-70);
    color: var(--white)
}

header#header .header-tuasaude #oldMenu ul li a:hover {
    color: var(--primary-70)
}

header#header .header-tuasaude #oldMenu .header-social-links {
    font-size: 2.2rem
}

header#header .header-tuasaude .navigation-menu {
    margin-bottom: 20px
}

header#header .header-tuasaude .navigation-menu li {
    text-align: center
}

#theme-menu {
    display: none
}

@media screen and (min-width:1050px) {
    header#header._hide #theme-menu {
        display: none
    }

    header#header .header-tuasaude {
        background-color: var(--white);
        position: relative;
        z-index: 4;
        height: 82px
    }

    header#header .header-tuasaude .header-tuasaude-wrapper nav {
        order: 2;
        flex: 1
    }

    header#header .header-tuasaude .header-tuasaude-wrapper nav #oldMenuToggle {
        padding: 0
    }

    header#header .header-tuasaude .header-tuasaude-wrapper nav #oldMenuToggle .hamburger,
    header#header .header-tuasaude .header-tuasaude-wrapper nav #oldMenuToggle input {
        display: none
    }

    header#header .header-tuasaude .header-tuasaude-wrapper nav #oldMenuToggle #oldMenu {
        position: unset;
        height: unset;
        width: unset;
        padding-bottom: unset
    }

    header#header .header-tuasaude .header-tuasaude-wrapper nav #oldMenuToggle #oldMenu ul {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        margin: unset
    }

    header#header .header-tuasaude .header-tuasaude-wrapper nav #oldMenuToggle #oldMenu ul li {
        margin: unset;
        height: 82px;
        display: flex;
        align-items: center
    }

    header#header .header-tuasaude .header-tuasaude-wrapper nav #oldMenuToggle #oldMenu ul li a {
        transition: .3s ease
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-logo {
        order: 1;
        position: unset;
        top: unset;
        left: unset;
        transform: unset;
        font-size: 140px
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container {
        z-index: 5
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .search {
        order: 3;
        cursor: pointer
    }

    header#header .header-tuasaude .header-tuasaude-wrapper.open #oldMenu ul li a {
        color: var(--gray-30)
    }

    .fake-header.show {
        height: 82px
    }

    #theme-menu {
        display: block;
        position: fixed;
        left: 0;
        top: -400px;
        width: 100%;
        background-color: var(--white);
        padding: 24px 0 40px;
        border-bottom: solid 1px var(--gray-20);
        border-top: solid 1px var(--gray-20);
        transition: top 1s ease;
        z-index: 1
    }

    #theme-menu ul {
        list-style: none;
        display: grid;
        grid-template-columns: repeat(5, 1fr)
    }

    #theme-menu ul li a {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        text-decoration: none;
        color: var(--gray-100);
        display: inline-block;
        margin-bottom: 24px;
        transition: color var(--transition)
    }

    #theme-menu ul li a.special {
        font-weight: 500;
        display: flex;
        gap: 6px;
        justify-content: flex-start
    }

    #theme-menu ul li a:hover {
        color: var(--primary-70)
    }

    #theme-menu.open {
        top: 82px
    }
}

header#header .header-tuasaude .header-tuasaude-wrapper.open label.search {
    opacity: 0;
    pointer-events: none
}

header#header .header-tuasaude .header-tuasaude-wrapper.open nav {
    opacity: 0;
    pointer-events: none
}

header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container {
    background-color: var(--white);
    position: absolute;
    right: 2px;
    display: none;
    width: 100%;
    height: 100%
}

header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container .close-search {
    transform: translateY(-50%);
    background-color: transparent;
    border: none;
    padding: 12px;
    position: absolute;
    left: 6px;
    top: 50%;
    font-size: 16px;
    color: var(--gray-100)
}

header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container .close-search .icon {
    transform: rotate(180deg);
    color: var(--gray-100)
}

header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container form {
    height: 100%
}

header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container form.ia-search-field {
    position: relative;
    border: 1px solid transparent;
    background: var(--white)
}

header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container form.ia-search-field::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 24px;
    padding: 1px;
    background: var(--IA, linear-gradient(180deg, #36b1df 0, #1cc5af 100%));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none
}

header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container .ai-search-icon {
    display: none
}

header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container input {
    width: 100%;
    height: 100%;
    border: none;
    padding-left: 52px;
    padding-right: 110px
}

header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container .form-buttons {
    position: absolute;
    top: 50%;
    right: 14px;
    font-size: 18px;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px
}

header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container .icon-container {
    user-select: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto
}

header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container .icon-container .loader {
    width: 20px;
    height: 20px;
    display: none;
    box-sizing: border-box;
    flex: 0 0 auto;
    background: url(/img/loaderts.gif) center/contain no-repeat;
    position: static;
    animation: none;
    transform: none;
    border: 0;
    border-radius: 0;
    overflow: hidden
}

header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container .icon-container .loader::after,
header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container .icon-container .loader::before {
    content: none;
    display: none
}

header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container .icon-container .icon-close {
    display: none;
    color: var(--gray-100)
}

header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container .icon-container[data-clear=true] .icon-close {
    display: flex
}

header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container .icon-container[data-loading=true] .icon-close {
    display: none
}

header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container .icon-container[data-loading=true] .loader {
    display: block
}

header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container .icon-container[data-loading=true]~button.search {
    display: none
}

header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container .search-divider {
    display: none;
    background-color: transparent;
    width: 1px;
    height: 24px;
    background-color: #ccc
}

header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container button.search {
    border: none;
    background-color: transparent;
    color: var(--primary-60);
    font-size: 22px
}

header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container button.search .icon {
    width: 24px;
    height: 24px
}

header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container.open {
    right: 2px;
    display: block
}

header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container.open .icon-container .icon-close {
    display: flex
}

header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container.open .icon-container[data-loading=true] .icon-close {
    display: none
}

header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container.open .search-divider {
    display: block
}

header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container.open .icon-container[data-loading=true]~.search-divider {
    display: none
}

header#header .header-tuasaude .header-tuasaude-wrapper label.search {
    order: 3;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex: 1;
    min-width: 0;
    width: auto;
    height: 36px;
    padding: 0 16px;
    border: 1px solid var(--gray-20);
    border-radius: 24px;
    color: var(--gray-70);
    font-size: 1.3rem;
    text-decoration: none
}

header#header .header-tuasaude .header-tuasaude-wrapper label.search .search-trigger-star {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
    background: var(--IA, linear-gradient(180deg, #36b1df 0, #1cc5af 100%));
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M0 12C8.41569 10.0204 10.0204 8.41569 12 0C13.9796 8.41569 15.5843 10.0204 24 12C15.5843 13.9796 13.9796 15.5843 12 24C10.0204 15.5843 8.41569 13.9796 0 12Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M0 12C8.41569 10.0204 10.0204 8.41569 12 0C13.9796 8.41569 15.5843 10.0204 24 12C15.5843 13.9796 13.9796 15.5843 12 24C10.0204 15.5843 8.41569 13.9796 0 12Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat
}

header#header .header-tuasaude .header-tuasaude-wrapper label.search .search-trigger-text {
    display: block;
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

header#header .header-tuasaude .header-tuasaude-wrapper label.search .search-trigger-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    position: relative
}

header#header .header-tuasaude .header-tuasaude-wrapper label.search .search-trigger-icon .icon {
    display: none
}

header#header .header-tuasaude .header-tuasaude-wrapper label.search .search-trigger-icon::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: var(--IA, linear-gradient(180deg, #36b1df 0, #1cc5af 100%));
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9.369 2.041A8.016 8.016 0 0 0 2.82 6.54a7.885 7.885 0 0 0-.657 4.968c.403 2.087 1.686 3.995 3.477 5.171 1.12.735 2.392 1.162 3.833 1.286 1.629.141 3.501-.364 4.956-1.337.237-.158.447-.295.466-.303.019-.008 1.288 1.238 2.82 2.768 2.91 2.908 2.951 2.945 3.285 2.945.441 0 1.042-.599 1.039-1.036-.002-.337-.036-.375-2.941-3.282-1.528-1.53-2.778-2.793-2.778-2.809 0-.015.137-.231.304-.479a7.864 7.864 0 0 0 1.331-3.892 7.94 7.94 0 0 0-2.308-6.168c-1.637-1.648-3.979-2.518-6.278-2.331m1.951 2.092c1.586.378 2.898 1.301 3.768 2.651.325.506.67 1.36.811 2.016.091.416.124 1.493.063 1.983-.16 1.268-.723 2.433-1.64 3.39a5.469 5.469 0 0 1-1.52 1.142c-.905.465-1.589.642-2.602.673-.595.018-.774.008-1.195-.064-1.306-.222-2.31-.743-3.246-1.681-.878-.882-1.372-1.785-1.646-3.008-.081-.36-.093-.523-.093-1.235 0-.878.036-1.144.246-1.815a6.022 6.022 0 0 1 3.657-3.826c.781-.288 1.23-.358 2.197-.34.661.012.844.029 1.2.114' fill='black' fill-rule='evenodd'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9.369 2.041A8.016 8.016 0 0 0 2.82 6.54a7.885 7.885 0 0 0-.657 4.968c.403 2.087 1.686 3.995 3.477 5.171 1.12.735 2.392 1.162 3.833 1.286 1.629.141 3.501-.364 4.956-1.337.237-.158.447-.295.466-.303.019-.008 1.288 1.238 2.82 2.768 2.91 2.908 2.951 2.945 3.285 2.945.441 0 1.042-.599 1.039-1.036-.002-.337-.036-.375-2.941-3.282-1.528-1.53-2.778-2.793-2.778-2.809 0-.015.137-.231.304-.479a7.864 7.864 0 0 0 1.331-3.892 7.94 7.94 0 0 0-2.308-6.168c-1.637-1.648-3.979-2.518-6.278-2.331m1.951 2.092c1.586.378 2.898 1.301 3.768 2.651.325.506.67 1.36.811 2.016.091.416.124 1.493.063 1.983-.16 1.268-.723 2.433-1.64 3.39a5.469 5.469 0 0 1-1.52 1.142c-.905.465-1.589.642-2.602.673-.595.018-.774.008-1.195-.064-1.306-.222-2.31-.743-3.246-1.681-.878-.882-1.372-1.785-1.646-3.008-.081-.36-.093-.523-.093-1.235 0-.878.036-1.144.246-1.815a6.022 6.022 0 0 1 3.657-3.826c.781-.288 1.23-.358 2.197-.34.661.012.844.029 1.2.114' fill='black' fill-rule='evenodd'/%3E%3C/svg%3E") center/contain no-repeat
}

header#header .header-tuasaude .auto-complete {
    position: absolute;
    background: var(--white);
    width: 100%;
    border-radius: 0 0 8px 8px;
    padding: 8px 0;
    list-style: none;
    border-top: none;
    height: calc(100dvh - 93px);
    overflow-y: auto;
    top: 53px
}

header#header .header-tuasaude .auto-complete.is-empty {
    display: none
}

header#header .header-tuasaude .auto-complete .auto-complete-title {
    color: var(--gray-50);
    font-size: 1.2rem;
    line-height: 2.4rem;
    padding: 8px 0;
    text-transform: uppercase;
    margin-left: 16px;
    position: relative;
    margin-bottom: 8px
}

header#header .header-tuasaude .auto-complete .auto-complete-title:empty {
    margin-bottom: 0;
    padding: 0
}

header#header .header-tuasaude .auto-complete .auto-complete-item {
    display: flex;
    flex-direction: column;
    gap: 8px
}

header#header .header-tuasaude .auto-complete .auto-complete-item li {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start
}

header#header .header-tuasaude .auto-complete .auto-complete-item li a {
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2.4rem;
    padding: 8px 0 8px 16px;
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    color: var(--gray-100);
    text-decoration: none;
    transition: background-color var(--transition);
    min-width: 0
}

header#header .header-tuasaude .auto-complete .auto-complete-item li a span {
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word
}

header#header .header-tuasaude .auto-complete .auto-complete-item li a .icon {
    color: var(--gray-40);
    font-size: 18px
}

header#header .header-tuasaude .auto-complete .auto-complete-item li a .icon.icon-popular-search {
    color: var(--primary-60);
    font-size: 20px
}

header#header .header-tuasaude .auto-complete .auto-complete-item li a[data-selected=true] {
    background-color: var(--primary-10)
}

header#header .header-tuasaude .auto-complete .auto-complete-item li a:hover {
    background-color: var(--primary-10)
}

header#header .header-tuasaude .auto-complete .auto-complete-item li .clear-history {
    position: static;
    transform: none;
    height: auto;
    width: auto;
    align-self: center;
    white-space: nowrap;
    padding: 0 16px 0 8px;
    flex: 0 0 auto
}

header#header .header-tuasaude .auto-complete .clear-history {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    border: none;
    color: var(--gray-70);
    font-size: 1.2rem;
    font-weight: 400;
    height: 100%;
    text-decoration-line: underline;
    padding: 0 16px
}

header#header .header-tuasaude .auto-complete .auto-complete-error {
    padding: 0 16px
}

header#header .header-tuasaude .auto-complete .auto-complete-error .title {
    color: var(--gray-100);
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: 20px
}

header#header .header-tuasaude .auto-complete .auto-complete-error .description {
    color: var(--gray-70);
    font-size: 1.4rem;
    line-height: 1.8rem;
    margin-bottom: 8px
}

header#header .header-tuasaude .auto-complete .auto-complete-error ul {
    color: var(--gray-70);
    font-size: 1.4rem;
    line-height: 1.8rem;
    display: flex;
    flex-direction: column;
    gap: 8px;
    list-style: none
}

header#header .header-tuasaude .auto-complete .auto-complete-error ul li {
    padding-left: 12px;
    position: relative
}

header#header .header-tuasaude .auto-complete .auto-complete-error ul li::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background-color: var(--primary-60)
}

header#header .header-tuasaude .auto-complete .auto-complete-error .enter-hint {
    margin-top: 14px;
    color: var(--gray-100);
    font-size: 1.4rem;
    line-height: 2rem
}

@media screen and (max-width:420px) {
    header#header .header-tuasaude .header-tuasaude-wrapper label.search {
        padding: 0 15px;
        gap: 6px;
        max-width: 228px
    }
}

@media screen and (max-width:1049px) {
    header#header .header-tuasaude .header-tuasaude-wrapper label.search {
        display: flex;
        width: 192px;
        height: 42px;
        padding: 9px 14px 9px 16px;
        align-items: center;
        gap: 8px;
        box-sizing: border-box;
        border-radius: 24px;
        border: 1px solid var(--Gray-20, #e0e0e0);
        color: var(--Gray-50, #a3a3a3);
        font-family: Rubik;
        font-size: 1.4rem;
        font-style: normal;
        font-weight: 400;
        line-height: 2.4rem
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container {
        width: 100%;
        right: 0;
        padding: 11px 14px 11px 16px;
        align-items: center;
        gap: 12px;
        box-sizing: border-box
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container.open {
        display: flex
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container .close-search {
        position: static;
        transform: none;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
        width: 24px;
        height: 24px;
        padding: 0;
        background: 0 0;
        border: none
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container .close-search .icon {
        width: 24px;
        height: 24px;
        aspect-ratio: 1/1;
        transform: none;
        color: var(--gray-100)
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container form {
        position: relative;
        display: flex;
        flex: 1 0 0;
        width: auto;
        height: 42px;
        padding: 9px 14px 9px 16px;
        align-items: center;
        gap: 8px;
        box-sizing: border-box;
        border-radius: 24px;
        border: 1px solid var(--Gray-20, #e0e0e0);
        background: var(--white)
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container .ai-search-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 16px;
        height: 16px;
        flex: 0 0 auto;
        background: var(--IA, linear-gradient(180deg, #36b1df 0, #1cc5af 100%));
        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M0 12C8.41569 10.0204 10.0204 8.41569 12 0C13.9796 8.41569 15.5843 10.0204 24 12C15.5843 13.9796 13.9796 15.5843 12 24C10.0204 15.5843 8.41569 13.9796 0 12Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M0 12C8.41569 10.0204 10.0204 8.41569 12 0C13.9796 8.41569 15.5843 10.0204 24 12C15.5843 13.9796 13.9796 15.5843 12 24C10.0204 15.5843 8.41569 13.9796 0 12Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container form.ia-search-field input.search-input {
        flex: 1;
        min-width: 0;
        height: auto;
        border: none;
        border-radius: 0;
        padding: 0;
        overflow: hidden;
        color: var(--Gray-100, #3d3d3d);
        text-overflow: ellipsis;
        font-family: Rubik;
        font-size: 1.4rem !important;
        font-style: normal;
        font-weight: 400;
        line-height: 2.4rem !important;
        white-space: nowrap
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container form.ia-search-field input.search-input::placeholder {
        color: var(--Gray-50, #a3a3a3);
        font-family: Rubik;
        font-size: 1.4rem !important;
        font-style: normal;
        font-weight: 400;
        line-height: 2.4rem !important;
        overflow: hidden;
        text-overflow: ellipsis
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container.open form.ia-search-field input.search-input {
        font-size: 1.4rem !important;
        line-height: 2.4rem !important
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container .form-buttons {
        position: static;
        top: unset;
        right: unset;
        transform: none;
        gap: 8px
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container .icon-container {
        width: 18px;
        height: 18px
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container .icon-container .loader {
        width: 20px;
        height: 20px
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container .icon-container .icon-close {
        width: 16px;
        height: 16px
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container .icon-container .icon-close .icon {
        width: 16px;
        height: 16px;
        aspect-ratio: 1/1
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container .search-divider {
        display: none
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container button.search {
        color: var(--primary-60)
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container button.search .icon {
        width: 24px;
        height: 24px
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .auto-complete {
        display: flex;
        min-height: calc(100dvh - 118px);
        max-height: none;
        padding: 16px 16px 16px 0;
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        background: var(--white);
        flex-shrink: 0;
        align-self: stretch;
        box-sizing: border-box
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .auto-complete.is-empty {
        display: none
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .auto-complete .first-auto-complete,
    header#header .header-tuasaude .header-tuasaude-wrapper .auto-complete .second-auto-complete {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 8px
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .auto-complete .second-auto-complete {
        margin-top: 16px
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .auto-complete .auto-complete-title {
        margin-left: 0;
        margin-bottom: 0;
        padding: 0;
        width: 100%;
        box-sizing: border-box
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .auto-complete .auto-complete-title .clear-history {
        right: 0;
        padding: 0 16px 0 8px;
        text-align: right
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .auto-complete .auto-complete-item {
        width: 100%;
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 8px;
        box-sizing: border-box
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .auto-complete .auto-complete-item li {
        list-style: none;
        display: grid;
        grid-template-columns: minmax(0, 1fr) max-content;
        align-items: center;
        gap: 16px;
        width: 100%;
        padding: 0;
        box-sizing: border-box
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .auto-complete .auto-complete-item li a {
        background: var(--white);
        display: grid;
        grid-template-columns: 16px 1fr;
        min-height: 40px;
        align-items: center;
        gap: 8px;
        flex: 1 1 auto;
        min-width: 0;
        align-self: auto;
        width: auto;
        padding: 8px 0;
        box-sizing: border-box;
        overflow: hidden
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .auto-complete .auto-complete-item li a span {
        min-width: 0;
        white-space: normal;
        overflow-wrap: anywhere;
        word-break: break-word
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .auto-complete .auto-complete-item li a .icon {
        flex-shrink: 0;
        font-size: 16px
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .auto-complete .auto-complete-item li .clear-history {
        position: static;
        top: auto;
        right: auto;
        transform: none;
        min-height: 40px;
        height: auto;
        padding: 0 16px 0 8px;
        display: inline-flex;
        align-items: center;
        justify-content: flex-end;
        align-self: auto;
        margin-left: 0;
        margin-right: 0;
        flex-shrink: 0;
        line-height: 2.4rem;
        justify-self: end;
        text-align: right;
        white-space: nowrap
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container.open form.ia-search-field input.search-input.input.small {
        font-size: 1.4rem !important;
        line-height: 2.4rem !important;
        font-weight: 400 !important;
        font-style: normal !important;
        font-family: Rubik !important;
        color: var(--Gray-100, #3d3d3d) !important
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container.open form.ia-search-field input#headerSearch {
        font-size: 16px !important;
        line-height: 24px !important;
        font-weight: 400 !important;
        font-style: normal !important;
        font-family: Rubik !important;
        color: var(--Gray-100, #3d3d3d) !important;
        -webkit-text-size-adjust: 100%
    }
}

@media screen and (min-width:1050px) {
    header#header .header-tuasaude .header-tuasaude-wrapper.open {
        gap: 0
    }

    header#header .header-tuasaude .header-tuasaude-wrapper.open nav {
        display: none
    }

    header#header .header-tuasaude .header-tuasaude-wrapper.open label.search {
        display: none
    }

    header#header .header-tuasaude .header-tuasaude-wrapper.open .header-tuasaude-search-container.open {
        position: relative;
        right: auto;
        width: auto;
        max-width: none;
        flex: 1 0 0;
        margin-left: 48px;
        display: flex;
        gap: 12px
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container {
        order: 3;
        width: calc(100% - 220px);
        max-width: 842.67px;
        right: 2px;
        z-index: 5;
        background-color: var(--white);
        padding: 0;
        align-items: center
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container form {
        position: relative;
        display: flex;
        flex: 1 0 0;
        width: 100%;
        height: 48px;
        padding: 12px 16px;
        align-items: center;
        gap: 16px;
        border-radius: 24px;
        border: 1px solid var(--Gray-20, #e0e0e0);
        background: var(--white)
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container .form-buttons {
        position: static;
        top: unset;
        right: unset;
        transform: none;
        gap: 16px
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container .icon-container {
        width: 18px;
        height: 18px
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container .icon-container .loader {
        width: 20px;
        height: 20px
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container .icon-container .icon-close {
        width: 16px;
        height: 16px;
        cursor: pointer;
        transition: var(--transition)
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container .icon-container .icon-close .icon {
        width: 16px;
        height: 16px;
        aspect-ratio: 1/1
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container .icon-container .icon-close:hover {
        color: var(--primary-60)
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container form.ia-search-field input.search-input {
        flex: 1 0 0;
        min-width: 0;
        height: auto;
        border: none;
        border-radius: 0;
        padding: 0;
        overflow: hidden;
        color: var(--Gray-100, #3d3d3d);
        text-overflow: ellipsis;
        font-family: Rubik;
        font-size: 1.6rem !important;
        font-style: normal;
        font-weight: 400;
        line-height: 2.4rem !important;
        white-space: nowrap
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container form.ia-search-field input.search-input::placeholder {
        color: var(--Gray-50, #a3a3a3);
        font-family: Rubik;
        font-size: 1.6rem;
        font-style: normal;
        font-weight: 400;
        line-height: 2.4rem
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container .ai-search-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 16px;
        height: 16px;
        aspect-ratio: 1/1;
        flex: 0 0 auto;
        position: static;
        transform: none;
        pointer-events: none;
        background: var(--IA, linear-gradient(180deg, #36b1df 0, #1cc5af 100%));
        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M0 8C5.61046 6.68026 6.68026 5.61046 8 0C9.31974 5.61046 10.3895 6.68026 16 8C10.3895 9.31974 9.31974 10.3895 8 16C6.68026 10.3895 5.61046 9.31974 0 8Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M0 8C5.61046 6.68026 6.68026 5.61046 8 0C9.31974 5.61046 10.3895 6.68026 16 8C10.3895 9.31974 9.31974 10.3895 8 16C6.68026 10.3895 5.61046 9.31974 0 8Z' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;
        -webkit-mask-size: 16px 16px;
        mask-size: 16px 16px
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container .search-divider {
        display: none
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container button.search {
        color: var(--primary-60);
        font-size: 1.6rem
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container button.search .icon {
        width: 24px;
        height: 24px;
        flex-shrink: 0;
        aspect-ratio: 1/1
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container.open {
        right: 2px;
        display: flex
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container.open .icon-container .icon-close {
        display: flex
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container.open .icon-container[data-loading=true] .icon-close {
        display: none
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container.open .search-divider {
        display: block
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container.open .icon-container[data-loading=true]~.search-divider {
        display: none
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .close-search {
        display: none
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container.open .close-search {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
        width: 24px;
        height: 24px;
        padding: 0;
        position: static;
        transform: none;
        background: 0 0;
        border: none
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .header-tuasaude-search-container.open .close-search .icon {
        width: 24px;
        height: 24px;
        aspect-ratio: 1/1;
        transform: none;
        color: var(--gray-100)
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .auto-complete {
        max-height: 336px;
        height: auto;
        top: 66px;
        width: 100%;
        right: 0;
        border-radius: 12px;
        padding: 16px 0;
        box-shadow: 0 6px 24px rgba(30, 30, 30, .14)
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .auto-complete .second-auto-complete {
        margin-top: 16px
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .auto-complete .auto-complete-title {
        display: block;
        margin: 0 0 8px;
        padding: 0 16px;
        color: var(--gray-50);
        font-size: 1.2rem;
        font-weight: 400;
        line-height: 2.4rem;
        text-transform: uppercase
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .auto-complete .auto-complete-item {
        gap: 8px
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .auto-complete li a {
        min-height: 40px;
        height: auto;
        padding: 8px 16px;
        font-size: 1.6rem;
        line-height: 2.4rem
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .auto-complete li a b,
    header#header .header-tuasaude .header-tuasaude-wrapper .auto-complete li a strong {
        font-weight: 700
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .auto-complete .clear-history {
        right: 16px;
        top: 0;
        transform: none;
        height: 24px;
        padding: 0;
        line-height: 2.4rem;
        transition: color var(--transition)
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .auto-complete .clear-history:hover {
        color: var(--primary-60)
    }

    header#header .header-tuasaude .header-tuasaude-wrapper .auto-complete .auto-complete-error {
        padding: 0 16px
    }

    header#header .header-tuasaude .header-tuasaude-wrapper label.search {
        order: 3;
        flex: 1 0 0;
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        width: auto;
        height: 48px;
        padding: 12px 16px;
        border: 1px solid var(--gray-20);
        border-radius: 24px;
        color: var(--Gray-50, #a3a3a3);
        font-size: 1.6rem;
        line-height: 2.4rem;
        text-decoration: none
    }

    header#header .header-tuasaude .header-tuasaude-wrapper label.search .search-trigger-star {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 16px;
        height: 16px;
        aspect-ratio: 1/1
    }

    header#header .header-tuasaude .header-tuasaude-wrapper label.search .search-trigger-text {
        display: block;
        flex: 1;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    header#header .header-tuasaude .header-tuasaude-wrapper label.search .search-trigger-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 24px;
        height: 24px;
        flex-shrink: 0;
        aspect-ratio: 1/1
    }

    header#header .header-tuasaude .header-tuasaude-wrapper label.search .search-trigger-icon::before {
        width: 24px;
        height: 24px
    }

    .auto-complete-shadow {
        position: fixed;
        background: rgba(30, 30, 30, .2);
        pointer-events: none;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        opacity: 0;
        transition: opacity var(--transition)
    }

    .auto-complete-shadow.open {
        max-width: 100vw;
        max-height: 100vh;
        opacity: 1;
        transition: opacity var(--transition);
        pointer-events: unset
    }
}

header#header .top-mobile-ad-banner.is-hidden {
    display: none !important
}

header#header .top-mobile-ad-banner:has(.top-ad-banner-slot:empty) {
    display: none !important
}

header#header .top-mobile-ad-banner {
    display: flex;
    padding: 8px 0;
    background: #f5f5f5;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
    align-self: stretch
}

header#header .top-mobile-ad-banner .top-ad-banner-wrapper {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-self: stretch;
    width: 100%
}

header#header .top-mobile-ad-banner .top-ad-banner-header {
    display: flex;
    padding: 0 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch
}

header#header .top-mobile-ad-banner .top-ad-banner-label {
    color: var(--Gray-50, #a3a3a3);
    font-family: Rubik, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    text-transform: uppercase
}

header#header .top-mobile-ad-banner .top-ad-banner-close {
    width: 20px;
    height: 20px;
    aspect-ratio: 1/1;
    padding: 0;
    border: none;
    background: 0 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

header#header .top-mobile-ad-banner .top-ad-banner-close:hover {
    opacity: .8
}

header#header .top-mobile-ad-banner .top-ad-banner-slot {
    height: 100px;
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

@media screen and (min-width:1050px) {
    header#header .top-mobile-ad-banner {
        display: none !important
    }
}

.result-table-container tfoot {
    color: var(--gray-70);
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6rem
}

.article-anchors {
    margin: 10px -16px 0 -16px;
    border-bottom: 1px solid var(--gray-20)
}

.article-anchors ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    overflow-x: scroll;
    list-style: none;
    padding-left: 10px;
    padding-right: 10px;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.article-anchors ul::-webkit-scrollbar {
    display: none
}

.article-anchors ul li {
    position: relative;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2.4rem;
    flex-shrink: 0
}

.article-anchors ul li a {
    font-weight: 400;
    font-size: 1.4rem;
    color: var(--gray-60);
    padding: 6px;
    display: block
}

.article-anchors .navigator-wrapper {
    display: none
}

@media screen and (min-width:1050px) {
    .article-anchors {
        margin: 18px 0 0 0;
        max-width: 722px;
        position: relative
    }

    .article-anchors .article-anchors-container {
        overflow: hidden
    }

    .article-anchors ul {
        gap: 32px;
        margin-left: -6px;
        padding: 0;
        overflow: unset
    }

    .article-anchors ul li {
        font-weight: 400;
        font-size: 1.6rem;
        line-height: 2.4rem
    }

    .article-anchors ul li a {
        font-weight: 400;
        font-size: 1.6rem;
        line-height: 2.4rem;
        transition: color var(--transition)
    }

    .article-anchors ul li a:hover {
        color: var(--primary-60)
    }

    .article-anchors .navigator-wrapper {
        background: linear-gradient(to right, transparent 0, var(--white) 40%);
        border: none;
        position: absolute;
        top: 20%;
        width: 32px;
        height: 20px;
        justify-content: flex-end;
        color: var(--primary-60);
        transition: color var(--transition);
        display: flex;
        align-items: center
    }

    .article-anchors .navigator-wrapper:hover {
        color: var(--primary-80)
    }

    .article-anchors .navigator-wrapper._hide {
        opacity: 0;
        pointer-events: none
    }

    .article-anchors .navigator-wrapper.prev {
        transform: rotate(-180deg);
        left: 0
    }

    .article-anchors .navigator-wrapper.next {
        right: 0
    }
}

.article-author {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2rem;
    display: flex;
    align-items: center;
    margin-top: 8px;
    gap: 10px
}

.article-author .article-author-image {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    object-fit: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-10);
    color: var(--primary-60);
    font-size: 20px
}

.article-author .article-author-name a {
    color: var(--primary-60);
    text-decoration: underline;
    margin-right: 1px;
    display: inline-block
}

.article-author .article-author-name .article-author-specialty {
    display: block;
    color: var(--gray-100);
    font-size: 1.2rem;
    line-height: 1.6rem;
    font-weight: 500
}

.article-author .article-author-name .article-author-specialty .article-author-license {
    font-weight: 400;
    color: var(--gray-70);
    font-size: 1.2rem;
    line-height: 1.6rem;
    margin-left: 1px
}

.article-author .article-author-name .article-author-creator {
    display: block;
    color: var(--gray-70);
    font-size: 1.1rem;
    line-height: 1.5rem;
    font-weight: 400;
    margin-top: 4px
}

.article-author .article-author-name .article-author-creator a {
    color: var(--gray-70);
    text-decoration: underline
}

.article-author .article-author-name .article-author-creator .article-author-creator-specialty {
    font-weight: 500
}

@media screen and (min-width:1050px) {
    .article-author {
        margin-top: 8px;
        gap: 10px
    }

    .article-author .article-author-image {
        width: 48px;
        height: 48px;
        font-size: 24px
    }

    .article-author .article-author-name {
        font-size: 1.6rem;
        line-height: 2.4rem
    }

    .article-author .article-author-name a {
        transition: color var(--transition)
    }

    .article-author .article-author-name a:hover {
        color: var(--primary-80)
    }

    .article-author .article-author-name .article-author-specialty {
        font-size: 1.4rem;
        line-height: 2rem
    }

    .article-author .article-author-name .article-author-specialty .article-author-license {
        font-size: 1.4rem;
        line-height: 2rem
    }

    .article-author .article-author-name .article-author-creator {
        font-size: 1.2rem;
        line-height: 1.6rem
    }

    .article-author .article-author-name .article-author-creator .article-author-creator-specialty {
        font-weight: 500
    }
}

.sponsored-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background-color: #f2f6f9;
    border-radius: 4px;
    padding: 10px 24px 10px 24px;
    width: 100%;
    margin: 16px 0;
    height: 50px
}

.sponsored-banner .sponsored-text {
    font-size: 12px;
    font-weight: 400;
    white-space: nowrap;
    color: #7a7a7a;
    font-style: italic;
    line-height: 16px
}

.sponsored-banner .sponsored-logo {
    object-fit: contain;
    display: block
}

@media screen and (min-width:1050px) {
    .sponsored-banner {
        padding: 12px 0 12px 0
    }

    .sponsored-banner .sponsored-text {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px
    }

    .sponsored-banner .sponsored-logo {
        height: 26px
    }
}

.article-stamps-container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 16px;
    margin: 12px 0
}

.article-stamps-container .article-stamp {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px
}

.article-stamps-container .article-stamp .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #36b1df;
    background: 0 0;
    border-radius: 0;
    height: 16px;
    width: 16px
}

.article-stamps-container .article-stamp .text {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    text-decoration: underline
}

.article-stamps-container .article-stamp .text-opinion {
    text-decoration: none
}

@media screen and (max-width:1050px) {
    .article-stamps-container .article-stamp .text {
        font-size: 12px;
        line-height: 16px;
        font-weight: 400;
        transition: color var(--transition)
    }

    .article-stamps-container .article-stamp .text:hover {
        color: var(--primary-60)
    }
}

.article-updated-at-container {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 8px
}

.article-updated-at-container .article-updated-at {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: var(--gray-50);
    font-size: 1.2rem;
    gap: 6px
}

.article-updated-at-container .article-updated-at span {
    font-size: 1.6rem
}

@media screen and (min-width:1050px) {
    .article-updated-at-container {
        gap: 16px;
        margin-top: 8px
    }

    .article-updated-at-container .article-updated-at {
        font-size: 1.4rem;
        line-height: 2rem;
        gap: 6px
    }

    .article-updated-at-container .article-updated-at span {
        font-size: 1.8rem
    }
}

.article-infos .authorship .title {
    text-transform: uppercase;
    font-weight: 600
}

.article-infos .authorship .description {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.2rem
}

.article-infos .authorship .changes-list {
    margin-top: 16px;
    list-style: none;
    padding-left: 22px;
    position: relative
}

.article-infos .authorship .changes-list::after {
    content: "";
    position: absolute;
    top: 0;
    left: 6px;
    height: 100%;
    width: 1px;
    background-color: var(--primary-60)
}

.article-infos .authorship .changes-list .change-item {
    display: flex;
    flex-direction: column;
    gap: 6px
}

.article-infos .authorship .changes-list .change-item .space-between-dates {
    position: relative;
    margin-left: -18px;
    margin-top: -10px;
    margin-bottom: -10px;
    background-color: var(--white);
    height: 20px;
    z-index: 2
}

.article-infos .authorship .changes-list .change-item .space-between-dates div {
    position: absolute;
    left: 0;
    height: 5px;
    width: 5px;
    border-radius: 50%;
    border-radius: 50%;
    background-color: var(--primary-60)
}

.article-infos .authorship .changes-list .change-item .space-between-dates div:first-child {
    top: 0
}

.article-infos .authorship .changes-list .change-item .space-between-dates div:nth-child(2) {
    top: 10px
}

.article-infos .authorship .changes-list .change-item .space-between-dates div:nth-child(3) {
    top: 20px
}

.article-infos .authorship .changes-list .change-item.first .change-title {
    position: relative
}

.article-infos .authorship .changes-list .change-item.first .change-title::before {
    content: "";
    position: absolute;
    top: 0;
    left: -22px;
    height: 50%;
    width: 22px;
    background-color: var(--white);
    z-index: 1
}

.article-infos .authorship .changes-list .change-item.first .change-title::after {
    content: "";
    position: absolute;
    top: 50%;
    left: -21px;
    height: 9px;
    width: 9px;
    transform: translateY(-50%);
    border-radius: 50%;
    background-color: var(--white);
    border: 1px solid var(--primary-60);
    z-index: 1
}

.article-infos .authorship .changes-list .change-item.last {
    position: relative
}

.article-infos .authorship .changes-list .change-item.last::before {
    content: "";
    position: absolute;
    top: 1.2rem;
    left: -22px;
    height: calc(100% - 1.2rem);
    width: 22px;
    background-color: var(--white);
    z-index: 1
}

.article-infos .authorship .changes-list .change-item.last .change-title {
    position: relative
}

.article-infos .authorship .changes-list .change-item.last .change-title::after {
    content: "";
    position: absolute;
    top: 50%;
    left: -21px;
    height: 9px;
    width: 9px;
    transform: translateY(-50%);
    border-radius: 50%;
    background-color: var(--primary-60);
    border: 1px solid var(--primary-60);
    z-index: 1
}

.article-infos .authorship .changes-list .change-item .change-title {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.4rem
}

.article-infos .authorship .changes-list .change-item .change-title span {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.8rem
}

.article-infos .authorship .changes-list .change-item .change-info {
    font-size: 1.2rem
}

.article-infos .authorship .changes-list .change-item .change-info::first-letter {
    text-transform: uppercase
}

.article-infos .authorship .changes-list .change-item .author-link {
    font-weight: 400;
    color: var(--primary-60);
    text-decoration: underline
}

.article-infos .authorship .changes-list .change-item+.change-item {
    margin-top: 20px
}

.article-infos .authorship .see-all-history {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    border: none;
    background-color: transparent;
    text-transform: uppercase;
    color: var(--primary-60);
    font-size: 1.2rem;
    font-weight: 500;
    margin-top: 20px
}

.article-infos .authorship .see-all-history .icon {
    transform: rotate(90deg)
}

@media screen and (min-width:1050px) {
    .article-infos .authorship .description {
        font-size: 1.6rem;
        font-weight: 400;
        line-height: 2.4rem
    }

    .article-infos .authorship .changes-list {
        margin-top: 24px;
        padding-left: 26px
    }

    .article-infos .authorship .changes-list .change-item {
        gap: 8px
    }

    .article-infos .authorship .changes-list .change-item .space-between-dates {
        margin-left: -22px
    }

    .article-infos .authorship .changes-list .change-item .space-between-dates div {
        height: 6px;
        width: 6px
    }

    .article-infos .authorship .changes-list .change-item.first .change-title::before {
        left: -26px
    }

    .article-infos .authorship .changes-list .change-item.first .change-title::after {
        left: -25px
    }

    .article-infos .authorship .changes-list .change-item.last::before {
        left: -26px
    }

    .article-infos .authorship .changes-list .change-item.last .change-title::after {
        left: -25px
    }

    .article-infos .authorship .changes-list .change-item .change-title {
        font-size: 1.8rem;
        line-height: 2.6rem
    }

    .article-infos .authorship .changes-list .change-item .change-title span {
        font-size: 1.4rem;
        line-height: 2.4rem
    }

    .article-infos .authorship .changes-list .change-item .change-info {
        font-size: 1.4rem
    }

    .article-infos .authorship .changes-list .change-item .author-link {
        transition: color var(--transition)
    }

    .article-infos .authorship .changes-list .change-item .author-link:hover {
        color: var(--primary-80)
    }

    .article-infos .authorship .changes-list .change-item+.change-item {
        margin-top: 24px
    }

    .article-infos .authorship .see-all-history {
        font-size: 1.4rem
    }
}

.article-infos .bibliography .title {
    text-transform: uppercase;
    font-weight: 600
}

.article-infos .bibliography ul {
    padding-left: 20px
}

.article-infos .bibliography ul li {
    font-size: 1.4rem;
    line-height: 2rem;
    word-wrap: break-word;
    max-width: 648px
}

.article-infos .bibliography ul li.section {
    list-style: none;
    margin-left: -20px
}

.article-infos .bibliography ul li a {
    color: var(--primary-60);
    text-decoration: underline
}

.article-infos .bibliography ul li a:hover {
    color: var(--primary-80)
}

.article-infos .bibliography h2 {
    font-size: 1.4rem
}

@media screen and (min-width:1050px) {
    .article-infos .bibliography ul li {
        font-size: 1.4rem;
        line-height: 2.4rem
    }

    .article-infos .bibliography ul li a {
        color: var(--primary-60);
        text-decoration: underline
    }

    .article-infos .bibliography ul li a:hover {
        color: var(--primary-80)
    }

    .article-infos .bibliography h2 {
        font-size: 1.6rem
    }
}
/* ===== BLOG HEADER ===== */
.blog-header {
  position: sticky;
  top: 0;
  z-index: 20;
  background: #fff;
  border-bottom: 1px solid #e0e0e0;
}

.blog-header__top {
  width: min(100% - 32px, 1120px);
  margin: 0 auto;
  height: 76px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.blog-logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  flex-shrink: 0;
}

.blog-logo__image {
  height: 40px;
  width: auto;
  display: block;
}

.blog-main-nav {
  display: none;
}

.blog-main-nav a {
  color: #3d3d3d;
  text-decoration: none;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: color 0.2s ease;
}

.blog-main-nav a:hover {
  color: #36b1df;
}

@media screen and (min-width: 1050px) {
  .blog-main-nav {
    display: flex;
    align-items: center;
    gap: 24px;
    flex: 1;
    justify-content: center;
    flex-wrap: wrap;
  }
}

/* ===== BLOG FOOTER LOGO ===== */
.footer-logo__image {
  height: 36px;
  width: auto;
  display: block;
}
/* ===== BLOG HEADER ===== */
.blog-header {
  position: sticky;
  top: 0;
  z-index: 20;
  background: #fff;
  border-bottom: 1px solid #e0e0e0;
}

.blog-header__top {
  width: min(100% - 32px, 1120px);
  margin: 0 auto;
  height: 76px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.blog-logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  flex-shrink: 0;
}

.blog-logo__image {
  height: 40px;
  width: auto;
  display: block;
}

/* NAV DESKTOP */
.blog-main-nav {
  display: none;
}

.blog-main-nav a,
.blog-main-nav .dropdown-toggle {
  color: #3d3d3d;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: color 0.2s ease;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  font-family: inherit;
}

.blog-main-nav a:hover,
.blog-main-nav .dropdown-toggle:hover {
  color: #36b1df;
}

/* DROPDOWN */
.blog-nav-dropdown {
  position: relative;
}

.dropdown-toggle {
  display: flex;
  align-items: center;
  gap: 4px;
}

.dropdown-toggle::after {
  content: "▾";
  font-size: 12px;
  transition: transform 0.2s ease;
}

.dropdown-toggle.active::after {
  transform: rotate(180deg);
}

.dropdown-menu {
  display: none;
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.08);
  min-width: 200px;
  z-index: 100;
  overflow: hidden;
}

.dropdown-menu.open {
  display: block;
}

.dropdown-menu a {
  display: block;
  padding: 12px 16px;
  color: #3d3d3d;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
  border-bottom: 1px solid #f0f0f0;
  transition: background 0.2s ease;
}

.dropdown-menu a:last-child {
  border-bottom: none;
}

.dropdown-menu a:hover {
  background: #f5fbff;
  color: #36b1df;
}

/* HAMBURGUER */
.blog-menu-toggle {
  display: flex;
  flex-direction: column;
  gap: 5px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
}

.blog-menu-toggle span {
  display: block;
  width: 24px;
  height: 2px;
  background: #3d3d3d;
  border-radius: 2px;
  transition: all 0.3s ease;
}

.blog-menu-toggle.active span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

.blog-menu-toggle.active span:nth-child(2) {
  opacity: 0;
}

.blog-menu-toggle.active span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

/* MOBILE MENU */
.blog-mobile-menu {
  display: none;
  flex-direction: column;
  background: #fff;
  border-top: 1px solid #e0e0e0;
  padding: 16px 0;
}

.blog-mobile-menu.open {
  display: flex;
}

.blog-mobile-menu a {
  padding: 12px 16px;
  color: #3d3d3d;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  border-bottom: 1px solid #f0f0f0;
}

.blog-mobile-menu a:last-child {
  border-bottom: none;
}

.blog-mobile-menu a:hover {
  color: #36b1df;
}

@media screen and (min-width: 1050px) {
  .blog-main-nav {
    display: flex;
    align-items: center;
    gap: 32px;
  }

  .blog-menu-toggle {
    display: none;
  }

  .blog-mobile-menu {
    display: none !important;
  }
}

/* ===== FOOTER LOGO ===== */
.footer-logo__image {
  height: 36px;
  width: auto;
  display: block;
}