@font-face {
    font-family: 'Regular';
    src: url('../fonts/Regular.eot');
    src: url('../fonts/Regular.eot') format('embedded-opentype'),
         url('../fonts/Regular.woff2') format('woff2'),
         url('../fonts/Regular.woff') format('woff'),
         url('../fonts/Regular.ttf') format('truetype'),
         url('../fonts/Regular.svg#Regular') format('svg');
}

@font-face {
    font-family: 'Medium';
    src: url('../fonts/Medium.eot');
    src: url('../fonts/Medium.eot') format('embedded-opentype'),
         url('../fonts/Medium.woff2') format('woff2'),
         url('../fonts/Medium.woff') format('woff'),
         url('../fonts/Medium.ttf') format('truetype'),
         url('../fonts/Medium.svg#Medium') format('svg');
}

@font-face {
    font-family: 'Bold';
    src: url('../fonts/Bold.eot');
    src: url('../fonts/Bold.eot') format('embedded-opentype'),
         url('../fonts/Bold.woff2') format('woff2'),
         url('../fonts/Bold.woff') format('woff'),
         url('../fonts/Bold.ttf') format('truetype'),
         url('../fonts/Bold.svg#Bold') format('svg');
}

body {
    font-family: 'Regular', sans-serif !important;
}

select,
button,
a,
input,
textarea,
img {
    outline: none !important;
    box-shadow: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
b,
strong {
    font-family: 'Bold' !important;
}

a,
button {
    text-decoration: none !important;
    transition: .3s all !important;
}

/*img {*/
/*    max-width: 100% !important;*/
/*    border: 0 !important;*/
/*}*/

footer ul ul {
    display: none !important;
}

.logo__partner img {
    width: auto !important;
    height: auto !important;
    max-width: 80% !important;
    max-height: 80% !important;
}

.ratio > div > picture {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 1.5rem;
    overflow: hidden;
}

.ratio > div > picture img {
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
    transition: .3s all;
}

.ratio > div > picture:hover img {
    transform: scale(1.1);
}

.ratio > div > iframe {
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 1.5rem;
}

.nav-up {
    top: -150px;
}

header {
    position: fixed;
    width: 100%;
    padding: 1rem 0;
    top: 0;
    transition: .3s all;
    z-index: 99;
    background-color: #fff;
    color: #303030;
    border-radius: 0 0 1.5rem 1.5rem;
}

header .col {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

header .col > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

header .contacts {
    display: flex;
    align-items: center;
    gap: 2rem;
}

header .contacts a {
    font-size: .9rem;
    font-family: 'Bold';
}

header .contacts button,
.send,
.f__button {
    padding: .88rem 1rem;
    border: 0;
    border-radius: .5rem;
    font-size: .75rem;
    color: #fff;
    background-color: #0090B2;
    line-height: 100%;
}

header .contacts button:hover,
.send:hover,
.f__button:hover {
    background-color: #007a95;
}

form .send {
    font-size: 1rem;
    width: 100%;
    padding: 1.2rem;
}

header ul {
    display: flex;
    justify-content: space-between;
    padding: 1rem 0 0 0;
    border-top: 1px solid #E1E1E1;
    margin: 0;
    list-style: none;
    font-size: 14px;
    font-family: 'Medium';
}

header a {
    color: #303030;
}

header a:hover {
    color: #0090B2;
}

header ul ul {
    display: none;
}

header .location {
    display: flex;
    gap: 1rem;
    align-items: center;
    transition: .3s all;
    cursor: pointer;
}

header .location:hover {
    opacity: .7;
}

header .location picture {
    flex-shrink: 0;
}

header .location p {
    font-size: 13px;
    margin: 0;
}

.search form {
    position: relative;
    display: flex;
    align-items: center;
}

.search {
    width: 100%;
    max-width: 250px;
}

.search form input {
    background: #F5F7F9 !important;
    padding: .75rem 1rem;
    border-radius: .5rem;
    font-size: .75rem;
    width: 100%;
    border-color: transparent;
}

.search form input::placeholder {
    color: #303030;
}

.search form button {
    padding: 0;
    background-color: transparent;
    border: 0;
    position: absolute;
    right: 1rem;
    cursor: pointer;
}

.search form button:hover {
    opacity: .5;
}

header ul li:hover ul {
    display: flex;
    flex-direction: column;
    position: absolute;
    border-radius: 1rem;
    border: 0;
    padding-top: 1rem;
}

header ul li:hover ul li {
    background-color: #f0f0f0;
    font-size: .8rem;
    padding: .5rem 1rem;
    font-family: 'Regular';
}

header ul li:hover ul li:first-child {
    border-radius: 1rem 1rem 0 0;
    padding-top: 1rem;
}

header ul li:hover ul li:last-child {
    border-radius: 0 0 1rem 1rem;
    padding-bottom: 1rem;
}

header .contacts > picture {
    display: none;
}

#menu ul {
    padding: 0;
    margin: 1.5rem;
    list-style: none;
    font-size: 1.2rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

#menu .close {
    position: fixed;
    top: 1rem;
    right: 1rem;
}

#menu ul ul {
    font-size: 1rem;
    background-color: #f0f0f0;
    padding: 1rem;
    border-radius: 1rem;
}

#menu ul a {
    color: #303030;
}

#menu .location {
    display: flex;
    margin: 1.5rem;
    align-items: center;
    gap: 1rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e1e1e1;
}

#menu .location p {
    margin: 0;
}

.mobile__contacts {
    display: none !important;
}

.widgets {
    position: fixed;
    right: .75rem;
    bottom: .75rem;
    z-index: 9;
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.widgets a:hover {
    transform: scale(1.1);
}

footer {
    padding-top: 5rem;
}

footer .container-fluid {
    background-color: #333333;
    color: #fff;
    border-radius: 1.5rem 1.5rem 0 0;
    padding-top: 3rem;
    padding-bottom: 1.5rem;
}

footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    font-family: 'Medium';
}

footer a {
    color: #fff;
}

footer a:hover {
    color: #777;
}

.f__2 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.f__2 hr {
    width: calc(100% - 1.5rem);
    opacity: 1;
    border: 0;
    background-color: #555555;
    height: 1px;
    position: absolute;
    left: .75rem;
    margin: 0;
}

.border__top {
    top: 0 !important;
}

.border__bottom {
    bottom: 0;
}

.f__location {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.f__location picture {
    flex-shrink: 0;
}

.f__location p {
    font-size: 14px;
    margin: 0;
}

.f__phone {
    font-size: 1rem;
    font-family: 'Bold';
}

.f__social {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.f__social a:hover {
    transform: scale(1.1);
}

.f__3 {
    display: flex;
    align-items: center;
    font-size: .75rem;
    justify-content: space-between;
}

main {
    margin-top: 150px;
}

.slider__block {
    display: flex;
}

.slider__block__text {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    height: 375px;
    background-color: #0090B2;
    color: #fff;
    border-radius: 1.5rem;
    padding: 1.5rem;
    width: 350px;
    flex-shrink: 0;
}

.slider__block__text h1 {
    font-size: 1.5rem;
}

.slider__block__text > div {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.slider__block__text > div picture {
    flex-shrink: 0;
}

.slider__block__text > div p {
    font-size: 13px;
    margin: 0;
}

.slider__block__text button {
    width: 100%;
    padding: 12.5px;
    border-radius: 12px;
    background-color: #fff;
    color: #0090B2;
    font-size: 12px;
    font-family: 'Medium';
    border: 0;
}

.slider__block__text button:hover {
    background-color: #007a95;
    color: #fff;
}

.slider__block__slider {
    width: calc(100% - 350px);
    height: 375px;
    position: relative;
    background-color: #f0f0f0;
    border-radius: 1.5rem;
    overflow: hidden;
    flex-shrink: 0;
}

.owl-carousel {
    position: relative;
}

.slider .item picture {
    position: absolute;
    width: 100%;
    height: 100%;
}

.slider {
    height: 100%;
}

.slider .item {
    display: flex;
    align-items: end;
    height: 375px;
}

.slider .item picture img {
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
}

.slider .item h2 {
    font-size: 1.5rem;
    font-family: 'Medium' !important;
    padding: 1.5rem;
    border-radius: 1.5rem;
    color: #fff;
    background-color: #30303040;
    backdrop-filter: blur(1.5rem);
    -webkit-backdrop-filter: blur(1.5rem);
    position: relative;
    z-index: 2;
    margin: 0 2rem 3rem 2rem;
}

.slider .item h2 a {
    font-size: 1rem;
    color: #fff;
    border-bottom: 1px solid #fff;
}

.slider .item h2 a:hover {
    border-color: transparent;
}

.slider .owl-dots {
    position: absolute;
    display: flex;
    left: 2.75rem;
    bottom: 1.5rem;
    gap: 10px;
}

.slider .owl-dots button {
    width: 36px !important;
    height: 4px !important;
    border-radius: 4px !important;
}

.slider .owl-dots button:not(.active) {
    background-color: #fff !important;
}

.slider .owl-dots button:hover {
    background-color: #0090B2 !important;
}

.slider .owl-dots button.active {
    background-color: #0090B2;
}

.block__1 {
    margin-top: 5rem;
}

.zag h2 {
    font-size: 1.5rem;
    color: #303030;
    margin: 0 0 3rem 0;
}

.zag span {
    color: #0090B2;
}

.card__1 {
    background-color: #F9F9F9;
    padding: 2rem;
    border-radius: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    justify-content: space-between;
    min-height: 180px;
}

.card__1 picture {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 100%;
    background-color: #0090B2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card__1 picture img {
    width: auto !important;
    height: auto !important;
    max-width: 2.3rem;
    max-height: 2.3rem;
}

.card__1 p {
    margin: 0;
    font-size: 14px;
}

.carousel_1 .owl-dots,
.carousel_2 .owl-dots,
.carousel_3 .owl-dots,
.carousel_4 .owl-dots,
.carousel_5 .owl-dots,
.carousel_6 .owl-dots {
    position: absolute;
    bottom: -2rem;
    display: flex;
    justify-content: center;
    width: 100%;
    gap: 10px;
}

.carousel_1 .owl-dots button,
.carousel_2 .owl-dots button,
.carousel_3 .owl-dots button,
.carousel_4 .owl-dots button,
.carousel_5 .owl-dots button,
.carousel_6 .owl-dots button {
    width: 36px !important;
    height: 4px !important;
    border-radius: 4px !important;
}

.carousel_1 .owl-dots button:not(.active),
.carousel_2 .owl-dots button:not(.active),
.carousel_3 .owl-dots button:not(.active),
.carousel_4 .owl-dots button:not(.active),
.carousel_5 .owl-dots button:not(.active),
.carousel_6 .owl-dots button:not(.active) {
    background-color: #e1e1e1;
}

.carousel_1 .owl-dots button:hover,
.carousel_1 .owl-dots button.active,
.carousel_2 .owl-dots button:hover,
.carousel_2 .owl-dots button.active,
.carousel_3 .owl-dots button:hover,
.carousel_3 .owl-dots button.active,
.carousel_4 .owl-dots button:hover,
.carousel_4 .owl-dots button.active,
.carousel_5 .owl-dots button:hover,
.carousel_5 .owl-dots button.active,
.carousel_6 .owl-dots button:hover,
.carousel_6 .owl-dots button.active {
    background-color: #0090B2;
}

.application__block {
    margin-top: 5rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
    border-radius: 1.5rem;
    color: #fff;
    background-color: #0090B2;
}

.application__block h2 {
    font-size: 2rem;
    font-family: 'Medium' !important;
    margin: 0;
}

.application__block p {
    font-size: 1rem;
    margin: .5rem 0 0 0;
}

.application__block form {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.application__block form input {
    width: 100%;
    border-color: transparent;
    padding: 13px 16px !important;
    border-radius: .5rem;
    background: rgba(255, 255, 255, .25) !important;
    font-size: .75rem !important;
    height: 100%;
    transition: .3s all;
    color: #fff !important;
}

.application__block form input::placeholder {
    color: #fff;
}

.application__block form input:focus {
    background-color: transparent !important;
    border-color: #fff;
}

.application__block form .send {
    width: auto;
    background-color: #fff !important;
    color: #0090B2 !important;
    padding: 15px !important;
    font-family: 'Medium';
}

.application__block form .send:hover {
    background-color: #007a95 !important;
    color: #fff !important;
}

.benefits__block {
    margin-top: 5rem !important;
    display: flex;
    color: #303030;
}

.benefits__block > div {
    width: 100%;
    height: 100%;
}

.benefits__block > div:first-child {
    position: relative;
}

.benefits__block > div:first-child picture {
    position: absolute;
    width: 100%;
    height: 100%;
}

.benefits__block > div:first-child picture img {
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 1.5rem;
}

.benefits__block > div:last-child {
    padding: 3rem;
    background-color: #F9F9F9;
    border-radius: 1.5rem;
}

.benefits__block h2 {
    font-size: 1.5rem;
    color: #303030;
    margin: 0;
}

.benefits__block h2 em {
    font-style: normal !important;
    color: #0090B2 !important;
}

.benefits__block p {
    font-size: 1rem;
    margin: 1rem 0 0 0;
}

.block__2 {
    margin-top: 5rem;
    color: #303030;
}

.block__2 h2 {
    font-size: 1.5rem;
    color: #303030;
    margin: 0 0 3rem 0;
}

.block__2 h2 span {
    color: #0090B2;
}

.card__2 {
    background-color: #F9F9F9;
    border-radius: 1.5rem;
}

.card__2 .ratio picture {
    position: absolute;
    width: 100%;
    height: 100%;
}

.card__2 .ratio picture img {
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 1.5rem;
}

.card__2__text {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.card__2__text p {
    color: #0090B2;
    font-size: 1rem;
    margin: 0;
}

.card__2__text h3 {
    font-size: 14px;
    font-family: 'Medium' !important;
    margin: 0;
    line-height: 130%;
    min-height: 55px;
}

.card__2 > a {
    border: 1px solid #e1e1e1;
    width: calc(100% - 2rem);
    padding: 1rem;
    border-radius: 1rem;
    display: inline-block;
    font-size: .75rem;
    margin: 0 1rem 1rem 1rem;
    text-align: center;
    color: #252525;
    font-family: 'Medium', sans-serif;
}

.card__2 > a:hover {
    border-color: #252525;
}

.carousel_1 .owl-nav,
.carousel_2 .owl-nav,
.carousel_3 .owl-nav,
.carousel_4 .owl-nav,
.carousel_2 .owl-nav {
    width: auto;
    position: absolute;
    top: -96px;
    display: flex;
    right: 0;
    border-radius: 64px;
}

.owl-nav button {
    width: 64px;
    height: 64px;
    background-color: #0090B2 !important;
    border-radius: 100%;
    font-size: 0 !important;
}

.owl-nav button:hover {
    transform: scale(1.1);
}

.owl-prev {
    background: url(../img/left.svg) center no-repeat #0090B2 !important;
}

.owl-next {
    background: url(../img/right.svg) center no-repeat #0090B2 !important;
}

.card__3 {
    display: flex;
    gap: 1.5rem;
    padding-right: 10%;
}

.card__3 > picture {
    flex-shrink: 0;
    width: 86px;
    height: 86px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0090B210;
}

.card__3 > picture img {
    width: auto !important;
    height: auto !important;
    max-width: 3rem;
    max-height: 3rem;
}

.card__3 p strong {
    font-size: 1rem;
    font-family: 'Medium' !important;
}

.card__3 p {
    color: #303030;
    font-size: 13px;
    margin: 0 0 1rem 0;
}

.block__2gis {
    width: 100%;
    padding: 3rem 0;
    background-color: #0090B210;
    font-size: 3rem;
    color: #999;
    border-radius: 1.5rem;
    margin-top: 5rem;
    text-align: center;
}

.block__2gis iframe {
    width: calc(100% - 6rem);
    height: 824px;
    border: 0;
}

.carousel_4 .ratio,
.ratio-3x4 {
    --bs-aspect-ratio: calc(4 / 3 * 100%);
}

.carousel_4 .ratio picture,
.carousel_5 .ratio picture {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 1.5rem;
    overflow: hidden;
    cursor: pointer;
}

.carousel_5 .ratio picture {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    cursor: default;
    border: 1px solid #f0f0f0;
    transition: .3s all;
}

.carousel_5 .ratio picture:hover {
    border-color: #e1e1e1;
}

.carousel_4 .ratio picture img {
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
    transition: .3s all;
}

.carousel_5 .ratio picture img {
    object-fit: contain !important;
    width: 100% !important;
    height: 100% !important;
    transition: .3s all;
}

.carousel_4 .ratio picture:hover img {
    transform: scale(1.1);
}

.carousel_4 .owl-nav,
.carousel_5 .owl-nav {
    display: flex;
    position: absolute;
    height: 100% !important;
    width: 100% !important;
    top: 0;
    align-items: center !important;
    justify-content: space-between !important;
    z-index: -1;
}

.carousel_4 .owl-prev,
.carousel_5 .owl-prev {
    margin-left: -88px !important;
}

.carousel_4 .owl-next,
.carousel_5 .owl-next {
    margin-right: -88px !important;
}

.contacts__block {
    margin-top: 5rem;
}

.contacts__block .col > div {
    display: flex;
}

.contacts__block__map {
    width: 70%;
    background: #f9f9f9;
    border-radius: 1.5rem;
    overflow: hidden;
}

.contacts__block__text {
    width: 30%;
    background-color: #0090B2;
    border-radius: 1.5rem;
    padding: 3rem;
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.contacts__block__text h2 {
    font-size: 1.5rem;
    margin: 0;
}

.contacts__block__text > div {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.contacts__block__text > div > picture {
    flex-shrink: 0;
}

.contacts__block__text > div > p {
    font-size: 14px;
    line-height: 160%;
    margin: 0;
}

.contacts__block__text > div a {
    color: #fff;
}

.contacts__block__text > div a:hover {
    opacity: .5;
}

.contacts__block__text > div:last-child {
    flex-direction: column;
    gap: .75rem;
}

.contacts__block__text > div:last-child button {
    width: 100%;
    padding: 12.5px;
    font-size: .75rem;
    font-family: 'Medium';
    border-radius: .5rem;
}

.contacts__block__text > div:last-child button:first-child {
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
}

.contacts__block__text > div:last-child button:first-child:hover {
    background-color: #fff;
    color: #0090B2;
}

.contacts__block__text > div:last-child button:last-child {
    background-color: #fff;
    color: #0090B2;
    border: 0;
}

.contacts__block__text > div:last-child button:last-child:hover {
    background-color: #007a95;
    color: #fff;
}

header .active a,
#menu .active a {
    color: #0090B2;
}

header .active ul a,
#menu .active ul a {
    color: #303030;
}

header .active ul a:hover {
    color: #0090B2;
}

header .active ul .active a,
#menu .active ul .active a {
    color: #0090B2;
}

footer .active a {
    color: #999;
}

.inner__header .col {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-top: 1rem;
    margin-bottom: 2rem;
}

.inner__header ul {
    list-style: none;
    display: inline-flex;
    align-items: start;
    gap: .5rem;
    font-size: .75rem;
    color: #999;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    white-space: wrap;
}

.inner__header a {
    color: #303030;
}

.inner__header a:hover {
    color: #0090B2;
}

.inner__header h1 {
    font-size: 2rem;
    margin: 0;
    color: #303030;
}

.text__block__1 {
    display: flex;
}

.text__block__1__column {
    flex-direction: column;
}

.text__block__reverse {
    flex-direction: row-reverse;
}

.text__block__1 > div {
    width: 100%;
}

.text__block__1 > div:first-child {
    position: relative;
}

.text__block__1 > div:first-child picture {
    position: absolute;
    width: 100% !important;
    height: 100% !important;
}

.text__block__1 > div:first-child picture img {
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 1.5rem;
}

.text__block__1 > div:last-child {
    padding: 2rem;
    background-color: #F9F9F9;
    border-radius: 1.5rem;
}

.text__block__1 > div:last-child p {
    color: #303030;
    font-size: 1rem;
    line-height: 160%;
    margin: 0 0 1rem 0;
}

.text__block__1 > div:last-child p:last-child {
    margin: 0;
}

.about__text__2 {
    margin-top: 5rem;
}

.reviews__block {
    margin-top: 5rem;
    padding-top: 3rem;
    padding-bottom: 84px;
    background-color: #F9F9F9;
    border-radius: 1.5rem;
}

.review__card {
    background-color: #fff;
    border-radius: 1.5rem;
    padding: 2rem;
    color: #303030;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.review__card > p {
    font-size: 14px;
    line-height: 160%;
    margin: 0;
}

.review__card > div {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.review__card > div picture {
    flex-shrink: 0;
    width: 5rem;
    height: 5rem;
    border-radius: 100%;
    overflow: hidden;
}

.review__card > div picture img {
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
}

.review__card > div p {
    font-size: .75rem;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

.review__card > div p strong {
    font-size: 1rem;
    font-family: 'Medium' !important;
}

.service__card {
    display: flex;
    flex-direction: column;
    background-color: #F9F9F9;
    border-radius: 1.5rem;
}

.service__card .ratio picture {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 1.5rem;
    overflow: hidden;
}

.service__card .ratio picture img {
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
    transition: .3s all;
}

.service__card .ratio picture:hover img {
    transform: scale(1.1);
}

.service__card .ratio span {
    position: absolute;
    z-index: 2;
    top: 1.5rem;
    left: 1.5rem;
    background-color: rgba(255, 255, 255, .75);
    backdrop-filter: blur(1.5rem);
    -webkit-backdrop-filter: blur(1.5rem);
    padding: .75rem 1rem;
    border-radius: .5rem;
    color: #303030;
    font-size: .75rem;
    line-height: 100%;
}

.service__card__text {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 1rem;
    font-family: 'Medium';
}

.service__card__text > a:first-child {
    color: #303030;
    font-size: 15px;
}

.service__card__text > a:first-child:hover {
    color: #0090B2;
}

.service__card__text > a:last-child {
    padding: 12.5px 16px;
    background-color: #fff;
    border-radius: .5rem;
    font-size: .75rem;
    color: #0090B2;
}

.service__card__text > a:last-child:hover {
    background-color: #0090B2;
    color: #fff;
}

.text__block__2 {
    display: flex;
    color: #303030;
}

.text__block__2__reverse {
    flex-direction: row-reverse;
}

.text__block__2 > div:first-child {
    width: 25%;
    position: relative;
}

.text__block__2 > div:first-child picture {
    position: absolute;
    width: 100%;
    height: 100%;
}

.text__block__2 > div:first-child picture img {
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 1.5rem;
}

.text__block__2 > div:last-child {
    padding: 3rem;
    background-color: #f9f9f9;
    border-radius: 1.5rem;
    width: 75%;
}

.text__block__2 h2 {
    font-size: 1.5rem;
    margin: 0;
}

.text__block__2 p {
    font-size: 1rem;
    line-height: 160%;
    margin: 1rem 0 0 0;
}

.text__block p {
    font-size: 1rem;
    line-height: 160%;
    color: #303030;
    margin: 0 0 1rem 0;
}

.text__block p:last-child {
    margin: 0;
}

.text__block ul,
.text__block ol {
    font-size: 1rem;
    line-height: 160%;
    margin: 0 1rem 1rem 2rem;
    padding: 0;
    color: #303030;
}

.price__container .row .col-lg-5 {
    position: relative;
}

.price__container .row .col-lg-5 picture {
    position: absolute;
    width: calc(100% - 1.5rem);
    height: 100%;
}

.price__container .row .col-lg-5 picture img {
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 1.5rem;
}

.price__container p {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .75rem 0;
    border-bottom: 1px solid #e1e1e1;
    color: #303030;
    font-size: 1rem;
    margin: 0;
    gap: 2rem;
}

.price__container p em {
    font-style: normal;
}

.price__container p strong {
    text-align: end;
}

.price__container p:last-child {
    border: 0;
}

.share__block {
    padding: 1.5rem;
    border-radius: 1rem;
    background-color: #F9F9F9;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #303030;
    font-size: 14px;
    margin-top: 3rem;
}

.nav {
    gap: 5rem;
    overflow-x: scroll;
    flex-wrap: nowrap !important;
}

.nav::-webkit-scrollbar {
  width: 0;
}

nav {
    position: relative;
    margin-bottom: 1rem;
}

nav > hr {
    position: absolute;
    width: 100%;
    bottom: 1rem;
    margin: 0;
    opacity: 1;
    border-color: #e1e1e1;
    z-index: -1;
}

nav button {
    background-color: transparent;
    padding: 0 0 1.5rem 0;
    display: flex;
    align-items: center;
    gap: 1rem;
    border: 0;
    color: #c1c1c1;
    border-bottom: 1px solid transparent;
    white-space: nowrap;
}

nav button picture {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
}

nav button img {
    opacity: .3;
    transition: .3s all;
}

nav button:hover {
    opacity: 1;
    color: #303030;
}

nav button:hover img {
    opacity: 1;
}

nav button.active {
    color: #303030;
    border-color: #303030;
}

nav button.active img {
    opacity: 1;
}

.photos__grid {
    margin-top: .5rem !important;
}

.photos__grid picture {
    cursor: pointer;
}

.review__form {
    padding: 2rem;
    background-color: #0090B2;
    color: #fff;
    border-radius: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: sticky;
    top: 150px;
    align-items: start;
}

.review__form h2 {
    font-size: 2rem;
    font-family: 'Medium' !important;
    margin: 0 0 .5rem 0;
}

.tab-content .review__card {
    box-shadow: 0 15px 35px rgba(0, 0, 0, .05);
}

.review__form input,
.review__form textarea {
    padding: 13px 24px;
    background: #3DAAC4 !important;
    border-radius: .5rem;
    font-size: .75rem;
    border-color: transparent;
    color: #fff !important;
    transition: .3s all;
}

.review__form textarea {
    height: 130px;
}

.review__form input:focus,
.review__form textarea:focus {
    background: transparent !important;
    border-color: #fff;
}

.review__form input::placeholder,
.review__form textarea::placeholder {
    color: #fff;
}

.review__form .send {
    background-color: #fff !important;
    color: #0090B2 !important;
    font-family: 'Medium';
    width: auto !important;
}

.review__form .send:hover,
.review__form .send:focus {
    background-color: #007a95 !important;
    color: #fff !important;
}

.inner__contacts .col {
    display: flex;
}

.inner__contacts .col > div:first-child {
    width: 30%;
    display: flex;
    flex-direction: column;
}

.inner__contacts .col > div:first-child > div:first-child {
    background-color: #0090B2;
    color: #fff;
    border-radius: 1.5rem;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.inner__contacts .col > div:first-child > div:first-child > div {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.inner__contacts .col > div:first-child > div:first-child > div picture {
    flex-shrink: 0;
}

.inner__contacts .col > div:first-child > div:first-child > div p {
    font-size: 14px;
    line-height: 160%;
    margin: 0;
}

.inner__contacts .col > div:first-child > div:first-child > div a {
    color: #fff;
}

.inner__contacts .col > div:first-child > div:first-child > div a:hover {
    color: #ffffff70;
}

.inner__contacts .col > div:first-child > div:first-child button {
    width: 100%;
    background-color: #fff;
    color: #0090B2;
    font-size: .75rem;
    font-family: 'Medium';
    padding: 12.5px;
    border: 0;
    border-radius: .5rem;
}

.inner__contacts .col > div:first-child > div:first-child button:hover {
    background-color: #007a95;
    color: #fff;
}

.inner__contacts .col > div:first-child > div:last-child {
    background-color: #F9F9F9;
    color: #303030;
    border-radius: 1.5rem;
    padding: 2rem;
}

.inner__contacts .col > div:first-child > div:last-child h2 {
    color: #303030;
    font-size: 1.5rem;
    margin: 0 0 1rem 0;
}

.inner__contacts .col > div:first-child > div:last-child p {
    font-size: 14px;
    color: #303030;
    margin: 0 0 1rem 0;
}

.inner__contacts .col > div:first-child > div:last-child ul {
    font-size: 1rem;
    margin: 0 1rem;
    padding: 0;
}

.inner__contacts .col > div:first-child > div:last-child p:last-child {
    margin: 0;
}

.inner__contacts .col > div:first-child > div:last-child strong {
    font-size: 1rem;
    font-family: 'Medium' !important;
}

.inner__contacts .col > div:first-child > div:last-child a {
    color: #303030;
}

.inner__contacts .col > div:first-child > div:last-child a:hover {
    color: #0090B2;
}

.inner__contacts .col > div:last-child {
    width: 70%;
    border-radius: 1.5rem;
    background-color: #f0f0f0;
}

.vacancy__card {
    padding: 2rem;
    background-color: #F9F9F9;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: start;
    justify-content: space-between;
    height: 100%;
    border-radius: 1.5rem;
}

.vacancy__card h2 {
    font-size: 1.5rem;
    color: #0090B2;
    font-family: 'Medium' !important;
    margin: 0 0 1rem 0;
}

.vacancy__card ul,
.vacancy__card p {
    font-size: 1rem;
    color: #303030;
    line-height: 160%;
}

.vacancy__card p {
    margin: 0 0 1rem 0;
}

.vacancy__card p:last-child {
    margin: 0;
}

.vacancy__card ul {
    margin: 0 1rem;
    padding: 0;
}

.vacancy__card button {
    background-color: #0090B2;
    color: #fff;
    font-size: 1rem;
    font-family: 'Medium';
    padding: 13.5px 24px;
    border-radius: .5rem;
    border: 0;
    line-height: 100%;
}

.vacancy__card button:hover {
    background-color: #007a95;
}

.vacancy__card span {
    width: 5rem;
    height: 5rem;
    border-radius: 100%;
    background-color: #0090B2;
    color: #fff;
    font-size: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
}

.director {
    display: flex;
    justify-content: start;
}

.director .ratio span {
    position: absolute;
    z-index: 2;
    color: #fff;
    padding: .5rem 1rem;
    font-size: 20px;
    border-radius: .5rem;
    bottom: 2rem;
    left: 2rem;
    background-color: #0090B2;
}

.director > div:first-child {
    width: 30%;
}

.director > div:first-child > div {
    position: sticky;
    top: 150px;
}

.director > div:last-child {
    width: 70%;
    background-color: #F9F9F9;
    color: #303030;
    padding: 3rem;
    border-radius: 1.5rem;
}

.director > div:last-child h2 {
    font-size: 1.5rem;
    margin: 0;
}

.director > div:last-child p {
    font-size: 1rem;
    margin: 0 0 1rem 0;
    line-height: 160%;
}

.director > div:last-child p:last-child {
    margin: 0;
}

.card__shedule {
    display: flex;
    flex-direction: column;
    font-size: 1rem;
    color: #303030;
    font-family: 'Medium';
    margin-bottom: 1rem;
    position: relative;
    height: 100%;
    justify-content: space-between;
}

.card__shedule > div {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.card__shedule span {
    color: #0090B2;
    font-size: 1.5rem;
    font-family: 'Regular';
}

.card__shedule picture {
    width: 150px;
    height: 150px;
}

.card__shedule img {
    width: 100% !important;
    height: 100% !important;
}

#questions button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    width: 100%;
    padding: .75rem .75rem .75rem 1.5rem;
    border-radius: 1.5rem;
    font-size: 20px;
    color: #303030;
    font-family: 'Medium';
    background-color: transparent;
    border: 1px solid #E1E1E1;
    text-align: start;
}

#questions button:hover {
    border-color: #c1c1c1;
}

#questions button picture {
    flex-shrink: 0;
    width: 64px;
    height: 64px;
    border-radius: 100%;
    background-color: #0090B2;
    display: flex;
    align-items: center;
    justify-content: center;
}

#questions button picture img {
    transform: rotate(-90deg);
    transition: .3s all;
}

#questions button:not(.collapsed) {
    background-color: #0090B2;
    border-color: transparent;
    color: #fff;
}

#questions button:not(.collapsed) picture {
    border: 1px solid #fff;
}

#questions button:not(.collapsed) img {
    transform: rotate(90deg);
}

#questions .accordion-item {
    margin-bottom: 1.5rem;
}

#questions .accordion-body {
    padding: 2rem;
    background-color: #f9f9f9;
    border-radius: 1.5rem;
    color: #303030;
}

@media (min-width: 1440px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1300px;
    }
}

@media (max-width: 1400px) {}

@media (max-width: 1200px) {
    header .location,
    .search,
    header .col > ul {
        display: none;
    }

    header .col .contacts > picture {
        display: block;
    }

    main {
        margin-top: 94px;
    }

}

@media (max-width: 992px) {
    footer ul {
        flex-direction: column;
        gap: 1rem;
        align-items: start;
    }

    .f__2 {
        flex-direction: column;
        gap: 2rem;
        align-items: start;
    }

    .f__3 {
        flex-direction: column;
        gap: 1.2rem;
        align-items: start;
    }

    .slider__block {
        flex-direction: column-reverse;
    }

    .slider__block > div {
        width: 100%;
    }

    .slider__block__text {
        height: 100%;
    }

    .application__block form {
        flex-direction: column;
    }

    .benefits__block > div:first-child {
        height: 300px;
    }

    .benefits__block > div:last-child {
        height: auto;
        padding: 1.5rem;
    }

    .benefits__block {
        flex-direction: column;
    }

    .card__3 {
        gap: 1rem;
        padding-right: 0;
    }

    .contacts__block .col > div {
        flex-direction: column-reverse;
    }

    .contacts__block .col > div > div {
        width: 100%;
    }

    .contacts__block__map {
        height: 300px;
    }

    .text__block__1 { 
        flex-direction: column;
    }
    
    .text__block__1 > div:first-child {
        height: 300px;
    }

    .text__block__2 {
        flex-direction: column;
    }

    .text__block__2 > div {
        width: 100% !important;
    }

    .text__block__2 > div:first-child {
        height: 300px;
    }

    .text__block__2 > div:last-child {
        padding: 2rem;
    }

    .price__container .col-lg-5 {
        height: 300px;
    }

    .inner__contacts .col {
        flex-direction: column;
    }

    .inner__contacts .col > div {
        width: 100% !important;
    }

    .inner__contacts .col > div:last-child {
        height: 300px;
    }

    .director {
        flex-direction: column;
    }

    .director > div {
        width: 100% !important;
    }

    .director > div:last-child {
        padding: 2rem;
    }
}

@media (max-width: 768px) {
    header .contacts a,
    header .contacts button {
        display: none;
    }

    header {
        padding-top: 0;
    }
    
    .mobile__contacts {
        display: flex !important;
        padding-top: 1rem;
        justify-content: space-between;
    }

    .mobile__contacts a {
        font-size: 1rem;
        font-family: 'Bold';
    }

    .mobile__contacts button {
        padding: .88rem 1rem;
        border: 0;
        border-radius: .5rem;
        font-size: .75rem;
        color: #fff;
        background-color: #0090B2;
        line-height: 100%;
    }

    main {
        margin-top: 150px;
    }
    
}

@media (max-width: 576px) {
    .slider .item h2 {
        margin-left: 1.5rem;
    }

    .card__1 {
        padding: 1rem;
        border-radius: 1rem;
    }

    .service__card__text {
        padding: 1rem;
    }

    .service__card__text a:last-child {
        font-size: 10px;
        width: 100%;
        text-align: center;
    }

    .price__container p {
        flex-direction: column;
        gap: .5rem;
        align-items: start;
    }

    .share__block {
        flex-direction: column;
        gap: 1rem;
    }
    
    nav hr {
        bottom: 0;
    }

    .card__shedule {
        font-size: .8rem;
    }

    .card__shedule span {
        font-size: 1rem;
    }

    #questions button {
        padding: .5rem .5rem .5rem 1.5rem;
        font-size: 1rem;
    }

    #questions button picture {
        width: 3rem;
        height: 3rem;
    }

    #questions .accordion-body {
        padding: 1rem;
        border-radius: 1rem;
    }

}