﻿:root {
    /* begin - colors */
    --primary-h: 204;
    --secondary-h: 0;
    --tertiary-h: 0;
    --extra1-h: 2;
    --extra2-h: 45;
    --primary-gray-h: 180;
    --brand-primary: hsl(var(--primary-h), 100%, 37%);
    --brand-secondary: hsl(var(--secondary-h), 0%, 50%);
    --brand-tertiary: hsl(var(--tertiary-h), 0%, 8%);
    --brand-extra1: hsl(var(--extra1-h), 82%, 40%);
    --brand-extra2: hsl(var(--extra2-h), 97%, 51%);
    --gray-0: hsl(var(--primary-gray-h), 0%, 0%);
    --gray-1: hsl(var(--primary-gray-h), 0%, 10%);
    --gray-2: hsl(var(--primary-gray-h), 0%, 20%);
    --gray-3: hsl(var(--primary-gray-h), 0%, 30%);
    --gray-4: hsl(var(--primary-gray-h), 0%, 40%);
    --gray-5: hsl(var(--primary-gray-h), 0%, 50%);
    --gray-6: hsl(var(--primary-gray-h), 0%, 60%);
    --gray-7: hsl(var(--primary-gray-h), 0%, 70%);
    --gray-8: hsl(var(--primary-gray-h), 0%, 80%);
    --gray-9: hsl(var(--primary-gray-h), 0%, 92%); /* end - colors */
}
body {
    font-family: "HeliosCond";
    font-weight: normal;
    font-style: normal;
}
.digit {
    font-family: "Roboto", Arial, sans-serif;
}
a {
    color: var(--brand-tertiary);
}
a:hover {
    color: var(--gray-5);
}
h1 {
    color: var(--brand-tertiary);
    font-size: clamp(1.25rem, 1.25rem + 1vw, 2rem);
    font-weight: 700;
    margin-bottom: 1rem;
}
button:focus {
    outline-color: var(--brand-primary);
}
.btn-primary-custom {
    background-color: var(--brand-primary);
    border: none;
}
.btn-primary-custom:hover {
    background-color: var(--gray-6);
}
.btn-secondary-custom {
    background-color: var(--gray-4);
    border: none;
}
.btn-secondary-custom:hover {
    background-color: var(--gray-6);
}
.btn-nav {
    color: #666666;
    background-color: #f2f6fb;
    width: 100%;
}
.btn-nav:hover {
    background-color: var(--gray-9);
    color: var(--extra1-h);
}
.btn-outline-secondary-custom {
    color: var(--gray-3);
    border-color: var(--brand-secondary);
}
.btn-outline-secondary-custom:hover {
    background-color: var(--gray-6);
    border-color: var(--gray-6);
    color: white;
}
.w-all-25 {
    width: 25%;
}
.w-all-50 {
    width: 50%;
}
.w-all-75 {
    width: 75%;
}
.w-all-100 {
    width: 100%;
}
.w-all-auto {
    width: auto;
}
@media (min-width: 576px) {
    .w-sm-25 {
        width: 25%;
    }
    .w-sm-50 {
        width: 50%;
    }
    .w-sm-75 {
        width: 75%;
    }
    .w-sm-100 {
        width: 100%;
    }
    .w-sm-auto {
        width: auto;
    }
}
@media (min-width: 768px) {
    .w-md-25 {
        width: 25%;
    }
    .w-md-50 {
        width: 50%;
    }
    .w-md-75 {
        width: 75%;
    }
    .w-md-100 {
        width: 100%;
    }
    .w-md-auto {
        width: auto;
    }
}
@media (min-width: 992px) {
    .w-lg-25 {
        width: 25%;
    }
    .w-lg-50 {
        width: 50%;
    }
    .w-lg-75 {
        width: 75%;
    }
    .w-lg-100 {
        width: 100%;
    }
    .w-lg-auto {
        width: auto;
    }
} /* begin - card */
.card-custom {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    border: none;
    transition: 0.5s;
    height: 100%;
}
.card-custom-bg {
    background-color: var(--gray-9);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    border: none;
    transition: 0.5s;
    height: 100%;
    padding: 0.5rem;
}
.card-custom:hover,
.card-custom-bg:hover {
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.3);
}
.card-title-custom {
    text-align: center;
    font-size: clamp(1rem, 1rem + 1vw, 1.2rem);
    color: var(--gray-4);
    line-height: 1.3;
    margin: 0;
}
.card-title2-custom {
    font-size: 1.25rem;
    color: var(--gray-4);
    font-weight: 700;
    margin: 0 0 1rem 0;
}
.card-title-custom_center {
    font-size: clamp(1rem, 1rem + 1vw, 1.25rem);
    color: var(--gray-4);
    font-weight: 700;
    text-align: center;
    margin: 0;
    padding: 0;
}
.card-title-custom_center a {
    color: var(--gray-4);
}
.card-subtitle-custom {
    font-size: 1rem;
    color: var(--gray-4);
    margin-top: 0.5rem;
}
.card-subtitle2-custom {
    font-size: 1rem;
    color: var(--gray-4); /*    font-weight: 700;*/
    margin-bottom: 0.5rem;
}
.card-footer-custom {
    padding: 0 1.25rem 1.25rem 1.25rem;
    background-color: white;
    z-index: 5;
    border: none;
}
.card-label-hit {
    position: absolute;
    top: 1.25rem;
    left: 1.25rem;
    background-color: var(--brand-extra2);
    padding: 0.5rem 1.5rem;
    text-transform: uppercase;
    font-size: 0.8125rem; /*    color: var(--brand-primary);*/
    color: #25567b;
    border-radius: 0.25rem;
    z-index: 10;
}
.card-label-hit_detail {
    top: 2rem;
    left: 2rem;
}
.card-label-city {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    background-color: var(--gray-4);
    padding: 0.15rem 0.5rem;
    text-transform: uppercase;
    font-size: 0.75rem;
    color: white;
    border-radius: 0.25rem;
}
.card-label-date {
    position: absolute;
    bottom: 0.5rem;
    left: 1.25rem;
    width: calc(100% - 2.5rem);
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 700;
    color: white;
    z-index: 2;
    white-space: nowrap;
    overflow: hidden;
}
.card-label-date__day {
    font-size: clamp(2rem, 2rem + 1vw, 3rem);
    line-height: 1;
}
.card-label-date_primary {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: clamp(0.75rem, 0.75rem + 1vw, 1.25rem);
    font-weight: 700;
    color: white;
    background-color: var(--brand-primary);
    padding: 0.5rem 0;
    z-index: 2;
    text-align: center;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-transform: uppercase;
}
.card-price {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    overflow-x: hidden;
}
.card-price__discount {
    color: var(--brand-primary);
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    margin: 0 0.75rem 1rem 0;
}
.card-price__initial {
    color: var(--gray-4);
    font-size: 1.125rem;
    text-decoration: line-through;
    text-decoration-color: var(--brand-primary);
    line-height: 1;
    white-space: nowrap;
    margin: 0 0.75rem 1rem 0;
}
.card-price__profit {
    color: white;
    font-size: 0.875rem;
    font-weight: 700;
    padding: 0.25rem 0.75rem;
    background-color: var(--gray-4);
    margin-bottom: 1rem;
    border-radius: 0.25rem;
}
.card-price .fas {
    font-size: 85%;
}
.card-action {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.card-action__cta {
    text-transform: uppercase;
    flex-basis: 50%;
}
.card-action__more {
    color: var(--gray-4);
    font-size: 0.875rem;
    text-transform: uppercase;
}
.card-icon {
    color: var(--gray-6);
    font-size: 4rem;
    text-align: center;
}
.card-icon a {
    color: var(--gray-6);
}
.card-img-wrapper {
    display: block;
    position: relative;
}
.card-img-wrapper:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.35) 100%);
}
.card-img-custom-overlay {
    display: block;
    position: relative;
}
.card-img-overlay_play {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url("/themes/tdglobaldent/assets/images/jcarousel/button-play.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30%;
}
.card-footer-custom-catalog {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0 0 0;
    flex-wrap: wrap;
    background-color: var(--gray-9);
}
.card-footer_download {
    white-space: nowrap;
    padding: 0.5rem 0;
    line-height: 1;
}
.card-footer_download .fas {
    color: var(--gray-6);
}
.card-footer_open {
    white-space: nowrap;
    background-color: white;
    border-radius: 0.25rem;
    padding: 0.25rem 0.5rem;
}
.card-footer_open .far {
    color: var(--gray-7);
}
.card-deck-custom .card {
    margin-bottom: 15px;
}
.card-deck-custom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.card-deck-custom .card {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
} /* end - card */ /* begin - header */
.navbar-custom {
    background-color: white;
    box-shadow: 0 3px 15px 0 rgba(47, 56, 68, 0.22);
    margin-bottom: 0;
}
.nav-link-custom {
    font-size: 0.875rem;
    text-transform: uppercase;
}
.navbar-light .navbar-nav .nav-link {
    color: var(--brand-tertiary);
}
.navbar__contact-phone {
    display: flex;
    align-items: center;
    margin-bottom: 0.3rem;
}
@media (max-width: 575px) {
    .navbar__contact-phone_icon {
        font-size: 1.75rem;
    }
}
@media (max-width: 992px) {
    .no-sticky {
        transform: translateY(-121px);
    }
}
.navbar__topbutton {
    margin-bottom: 0.5rem;
} /* end - header */
.header-announce__title {
    font-size: clamp(1.25rem, 1.25rem + 1vw, 2rem);
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
    color: var(--brand-tertiary);
}
.header-announce__title::after {
    content: "";
    width: 80px;
    height: 3px;
    background-color: var(--brand-primary);
    display: block;
    margin-top: 0.5rem;
}
.page-title__breadcrumb {
    background: none;
    margin: 0;
    padding: 10px 0px 0px 0px;
}
.page-title__breadcrumb-wrapper::after {
    content: "";
    width: 80px;
    height: 3px;
    background-color: var(--brand-primary);
    display: block;
    margin-top: 0.5rem;
}
.page-title__breadcrumb-item a {
    color: var(--gray-4);
}
.page-title__breadcrumb-item.active {
    color: var(--brand-tertiary);
}
.page__nav {
    border-radius: 0.25rem;
    padding: 0.75rem 0;
    margin: 2rem 0 1rem;
    flex-wrap: nowrap;
    overflow-x: auto;
}
.page__nav-contact {
    padding: 0 0 0.75rem 0;
    margin: 0;
    flex-wrap: wrap;
    overflow-x: initial;
}
.page__nav_bg {
    background-color: var(--gray-9);
    padding: 0.75rem;
}
.page__nav .nav-link {
    white-space: nowrap;
}
.page__nav-contact .nav-link {
    font-size: 1.15rem;
    padding: 0.5rem 1rem 0.5rem 0rem;
    color: #999;
}
.page__nav-contact .nav-link:hover,
.page__nav-contact .nav-link.active {
    color: #333;
    text-decoration: underline;
    background: none;
} /* begin - main slider */
.slider-main__item {
    /*    min-height: 200px;    height: 50vh;    max-height: 426px; */
    background-size: cover;
} /*@media (max-width: 1024px) {    .slider-main__item {        height: 40vh;    }}@media (max-width: 767px) {    .slider-main__item {        height: 10vh;    }} */
.carousel-inner picture .img-fluid {
    width: 100%;
}
.slider-main__item-title {
    font-size: clamp(1.25rem, 1.25rem + 1.5vw, 2.5rem);
    color: white;
    text-transform: uppercase;
    margin-bottom: 0.75rem;
    font-weight: 600;
}
.slider-main__item-title mark {
    color: var(--brand-primary);
    background: none;
}
.slider-main__item-subtitle {
    font-size: 1.5rem;
    color: #fff;
    margin-bottom: 1rem;
}
.slider-main__item-cta {
    font-size: 1rem;
    text-transform: uppercase;
    margin: 0 auto 1rem auto;
    width: 30%;
} /* end - main slider */ /* begin - education */
.page__filter {
    background-color: var(--gray-9);
    border-radius: 0.25rem;
    padding: 1rem 1.25rem;
    margin: 1rem 0rem 2.5rem 0rem;
}
.carousel-control-custom {
    background-color: var(--brand-primary);
    color: var(--brand-tertiary);
    opacity: 0.5;
    transition: opacity 0.15s ease;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 1.25rem;
    top: 25%;
    margin: 1rem;
} /* end - education */ /* begin - about */
.about__mission-text {
    background-color: var(--gray-9);
} /* end - about */ /* begin - product */
.product__announce-rubric {
    border: none;
}
.product__announce-rubric_img-wrapper {
    padding: 1.25rem 1.25rem 0 1.25rem;
    text-align: center;
    display: block;
    overflow: hidden;
}
.product__announce-rubric_img-wrapper img {
    border-bottom: 1px solid var(--gray-9);
}
.card-footer_brand-primary {
    background-color: var(--brand-primary);
    padding: 0.5rem 1rem;
    border-radius: 0 0 0.25rem 0.25rem;
    flex-grow: 1;
    display: flex;
}
.product__announce-rubric-title {
    color: white;
    font-weight: 600;
    font-size: clamp(0.85rem, 0.85rem + 1vw, 1.5rem);
    margin: auto;
    text-align: center;
}
.product__actions_sticky {
    position: sticky;
    top: 120px;
}
.product__cta_sticky {
    position: sticky;
    bottom: 10px;
    z-index: 10;
    padding-right: 54px;
} /* end - product */ /* begin - footer */
footer {
    background-color: var(--gray-2);
    color: white;
}
.footer__menu-head {
    padding-bottom: 1rem;
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
}
.footer__menu-panel {
    padding: 3rem 0 1.5rem 0;
}
.footer__menu-list,
.footer__menu-list a {
    color: var(--gray-7);
}
.footer__menu-list a:hover {
    color: white;
}
.footer__menu-list li {
    padding-bottom: 0.5rem;
}
.footer__bottom-panel {
    background-color: var(--gray-1);
}
.footer__bottom-panel_text {
    color: var(--gray-7);
    padding: 1.5rem 0rem;
}
.footer__developer {
    color: var(--gray-4);
}
.footer__developer:hover {
    color: white;
} /* end - footer */ /* begin - scroll top button  */
#scroll-to-top-btn {
    display: block;
    position: fixed;
    right: 16px;
    bottom: -88px;
    width: 44px;
    height: 44px;
    transition:
        bottom 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55),
        opacity 0.3s,
        background-color 0.3s,
        border-color 0.3s;
    border-radius: 50%;
    background-color: rgba(0, 113, 189, 0.3);
    color: #fff;
    font-size: 1.3rem;
    line-height: 44px;
    opacity: 0;
    z-index: 2000;
    text-align: center;
    text-decoration: none;
}
#scroll-to-top-btn:hover {
    background-color: rgba(0, 113, 189, 0.8);
    color: #fff;
}
#scroll-to-top-btn:focus,
#scroll-to-top-btn:active {
    color: #fff;
}
#scroll-to-top-btn.visible {
    bottom: 14px;
    opacity: 1;
}
@media (max-width: 768px) {
    #scroll-to-top-btn {
        bottom: -72px;
        width: 36px;
        height: 36px;
        line-height: 36px;
        font-size: 1rem;
    }
} /* end - scroll top button  */ /* begin - video */
.figure {
    position: relative;
}
.figure-button {
    position: absolute;
    background-image: url("/themes/tdglobaldent/assets/images/jcarousel/button-play.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 100%; /*	padding-bottom: 56.25%;*/
    top: 0;
    left: 0;
}
.figure-button-zoom {
    background-image: url("/themes/tdglobaldent/assets/images/jcarousel/button-zoom.png"); /*	padding-bottom: 70%;*/
    background-color: rgba(0, 0, 0, 0.2);
    background-size: 30%;
}
.figure-caption-custom {
    font-size: 0.875rem;
    font-weight: 600;
}
.figure-caption-custom a {
    color: var(--brand-secondary);
}
.figure-caption-custom a:hover {
    color: var(--brand-primary);
}
.figure-carousel {
    margin: 0 1.5rem 0 0;
} /* end - video */ /* begin - contact */
.contact__address {
    margin-bottom: 1rem;
}
.contact__address-header {
    font-weight: bold;
    font-size: 1.1rem;
}
.contact__address-office {
    color: var(--brand-tertiary);
}
.contact__address-office a {
    text-decoration: underline;
}
.contact__address-type {
    font-size: 0.875rem;
    line-height: 0.875rem;
    margin: 0 0 0 0;
    color: var(--gray-6);
    padding: 0;
}
.contact__address-icon {
    font-size: 1.5rem;
    color: var(--brand-extra2);
    margin-right: 0.6rem;
    flex-basis: 1.6rem;
}
.contact__address-icon_big {
    font-size: 2.4rem;
    color: var(--gray-8);
    margin-right: 0.6rem;
    flex-basis: 3rem;
    line-height: 3rem;
}
.contact__staff {
    margin-bottom: 2rem;
}
.contact__staff-body {
    padding: 0.75rem 0;
}
.contact__staff-ways {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem;
}
.contact__staff-ways_item {
    white-space: nowrap;
    margin: 0 1rem 0.5rem 0;
}
.contact__staff-icon {
    color: var(--brand-extra2);
} /* end - contact */ /* begin - comment */
.comment__item {
    margin-bottom: 3rem;
}
.comment__user {
    font-size: 3rem;
    color: var(--gray-8);
    padding: 0 1rem 0 0;
}
.comment__form-add {
    /*	margin-bottom: 2rem;*/
    padding: 1.25rem;
}
.comment__form-text {
    font-size: 0.75rem;
    color: var(--brand-secondary);
}
.form-icon {
    color: var(--gray-3);
    background-color: var(--gray-9);
} /* end - comment */
.youtube-item .play {
    background: url("../images/youtube-play-btn.png") no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-position: 0 -50px;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    position: absolute;
    height: 50px;
    width: 69px;
    transition: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.img-scalable img {
    width: 100% !important;
    height: auto !important;
} /* begin - job */
.job__main {
    background-image: url("/storage/app/media/about/job-main-14.jpg");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
@media (min-width: 1200px) {
    .container.container-wide {
        max-width: none;
    }
}
.job__main-container {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 657px;
    padding: 1rem;
}
.job__main-logo {
    background-color: rgba(255, 255, 255, 0.75);
    border-radius: 0.25rem;
    margin: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.job__main-logo_h1 {
    color: var(--brand-tertiary);
    font-size: clamp(1.75rem, 1.75rem + 1vw, 2.5rem);
    line-height: 1;
    margin: 0;
}
.job__main-logo_h3 {
    color: var(--brand-secondary);
    font-size: clamp(0.75rem, 0.75rem + 1vw, 1.25rem);
    font-weight: 700;
    line-height: 1;
    margin: 0;
}
.job__nav {
    margin: 3rem 0 0 0;
}
.job__nav-item {
    padding-bottom: 1rem;
}
.job__h2 {
    font-size: clamp(1.5rem, 1.5rem + 1vw, 2rem);
    color: var(--brand-tertiary);
    margin-bottom: 2rem;
    font-weight: 700;
}
.job__about {
    margin-top: 3rem;
}
.card-body-job {
    padding: 2rem;
}
.card-title-job {
    font-size: clamp(1.5rem, 1.5rem + 1vw, 1.75rem);
    color: var(--brand-tertiary);
    margin-bottom: 1.25rem;
}
@media (max-width: 768px) {
    .job__values-img {
        max-height: 7rem;
        margin-bottom: 1rem;
    }
    .job__main-container {
        min-height: 400px;
    }
}
.job__values {
    margin-top: 4rem;
}
.job__opportunity {
    padding: 4rem 0;
    margin-top: 4rem;
    background-color: #f2f6fb;
}
.job__opportunity-img {
    max-height: 4rem;
}
@media (max-width: 576px) {
    .job__opportunity-img {
        margin-bottom: 1rem;
    }
}
.card-title-job-opportunity {
    font-size: clamp(1rem, 1rem + 1vw, 1.5rem);
    color: var(--brand-tertiary);
    margin: 0;
}
.job__gallery {
    margin-top: 4rem;
}
.job__vacancy {
    padding: 4rem 0;
    background-color: #f2f6fb;
    margin-top: 2.5rem;
}
.job__subheader {
    color: var(--brand-secondary);
    font-size: 1rem;
    white-space: nowrap;
}
.job__vacancy-label {
    color: var(--brand-secondary);
    font-size: 1rem;
    display: block;
}
.job__vacancy-item {
    font-size: 1.35rem;
    line-height: 1.25;
    color: var(--gray-2);
    border-bottom: 1px dashed var(--gray-2);
    display: inline-block;
    list-style: none;
    margin-bottom: 0.1rem;
}
.job__vacancy-item:focus {
    outline: 0;
}
.job__vacancy-item:hover {
    color: var(--gray-6);
}
.job__vacancy-item::-webkit-details-marker {
    display: none;
}
.job__vacancy-item-details {
    margin: 1.5rem 0;
}
.job__vacancy-item_title {
    font-size: 1rem;
    font-weight: 700;
}
.job__vacancy-item_list {
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 1.5rem;
}
.job__vacancy-item_city {
    font-size: 1.35rem;
    color: var(--brand-secondary);
}
.job__gallery-slider_item {
    min-height: 330px;
    height: 60vh;
    max-height: 630px;
    background-color: var(--gray-7);
    background-size: cover;
    background-position: center;
}
@media (max-width: 1024px) {
    .job__gallery-slider_item {
        height: 40vh;
    }
}
@media (max-width: 767px) {
    .job__gallery-slider_item {
        height: 10vh;
    }
}
.job__vacancy-item_contact {
    font-size: 1.25rem;
    margin-bottom: 0.75rem;
}
.job__vacancy-item_contact .fas {
    color: var(--brand-extra2);
    display: inline-block;
    padding-right: 0.5rem;
}
.job__vacancy-item_contact a {
    text-decoration: underline;
}
.job__vacancy-item_messenger {
    font-size: 0.8125rem;
    color: var(--brand-secondary);
}
.job__vacancy-item_viber {
    color: #7b519d;
}
.job__vacancy-item_whatsapp {
    color: #20b038;
}
.job__vacancy-item_telegram {
    color: #0088cc;
}
.job__vacancy_company-about {
    font-size: 1rem;
    color: var(--brand-secondary);
}
.job__vacancy-main {
    text-align: center;
} /* end - job */
.nav-link__age-mark {
    font-size: 0.8em;
    font-weight: bold;
    color: var(--gray-9);
    background-color: var(--gray-4);
    padding: 2px 4px;
    border-radius: 4px;
}
.active .nav-link__age-mark {
    color: var(--brand-tertiary);
    background-color: white;
}

.agree__input {
  margin-right: 5px;
}

.agree__input input {
  display: inline-block;
  height: 1rem;
  width: 1rem;
}

.agree__content a {
  text-decoration: underline;
}