@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

body {
    font-family: "Montserrat", 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-weight: 800 !important;
}

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

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

header {
    position: fixed;
    z-index: 9;
    width: 100%;
    padding: 1.5rem;
}

header .col {
    background-color: rgba(255, 255, 255, .75);
    border-radius: 5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .5rem 1.5rem;
    backdrop-filter: blur(1.5rem);
    -webkit-backdrop-filter: blur(1.5rem);
}

header a {
    color: #000;
}

header a:hover {
    color: #098897;
}

.menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    padding: 1.5rem 2rem;
    border-radius: 5rem;
    background-color: #fff;
    font-size: 14px;
    font-weight: 500;
}

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

.menu ul li {
    display: inline-block;
    margin-right: 3rem;
}

.menu ul li:last-child {
    margin: 0;
}

header .col > div:last-child {
    display: flex;
    align-items: center;
    gap: 2rem;
}

header .col > div:last-child ul {
    margin: 0;
    padding: 0;
    font-size: 14px;
}

header .col > div:last-child ul a,
header .col > div:last-child ul span {
    color: #c1c1c1;
}

header .col > div:last-child ul a:hover {
    color: #000;
}

header .col > div:last-child ul li {
    display: inline-block;
    margin-right: .5rem;
}

header .col > div:last-child ul li:last-child {
    margin: 0;
}

header .col > div:last-child > a {
    font-size: 1rem;
    font-weight: 700;
}

.slider {
    position: relative;
    border-radius: 0 0 2rem 2rem;
    overflow: hidden;
}

.slider .item {
    height: 750px;
    position: relative;
}

.slider .item::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    opacity: .75;
    z-index: 1;
}

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

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

.slider .item .row {
    position: relative;
    z-index: 2;
    height: 100%;
    padding: 3rem;
}

.slider .item .col {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: end;
    padding-bottom: calc(96px - 3rem);
    color: #fff;
    gap: 2.5rem;
}

.slider h1 {
    font-size: 3rem;
    font-weight: 700;
    line-height: 100%;
    margin: 0;
}

.slider ul {
    font-size: 1.5rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

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

.slider .col button {
    padding: 1.5rem 3rem;
    line-height: 100%;
    background-color: #098897;
    color: #fff;
    font-size: 1rem;
    border: 0;
    border-radius: 5rem;
}

.slider .col button:hover {
    background-color: #fff;
    color: #098897;
}

.slider .owl-dots {
    position: absolute;
    width: 100%;
    display: flex;
    padding: 0 78px;
    gap: 1.5rem;
    margin-top: -3rem;
}

.slider .owl-dots button {
    width: 24px;
    height: 5px;
    border-radius: 5rem;
    background-color: #fff !important;
    opacity: .3;
}

.slider .owl-dots button:hover {
    opacity: 1;
}

.slider .owl-dots button.active {
    width: 80px;
    opacity: 1;
}

#menu .close {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
}

#menu .col > ul {
    list-style: none;
    font-size: 2rem;
    font-weight: 500;
    margin: 1rem;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 2rem;
}

#menu a {
    color: #000;
}

#menu .lang ul {
    display: inline-flex;
    align-items: center;
    gap: 1rem;
    list-style: none;
    padding: 1rem 2rem;
    background-color: #f9f9f9;
    border-radius: 5rem;
    font-size: 1.5rem;
    color: #000;
}

#menu .lang ul a,
#menu .lang ul span {
    color: #c1c1c1;
}

#menu .col > a {
    font-size: 2.2rem;
    display: block;
    margin: 2rem 1.5rem 1.5rem 1.5rem;
    font-weight: 700;
    color: #098897;
}

footer > div {
    background-color: #023C43;
    padding-top: 3.5rem;
    border-radius: 2rem 2rem 0 0;
    margin-top: 3.5rem;
}

footer > div .col {
    padding: 0 !important;
}

.f__1 {
    display: flex;
    justify-content: space-between;
    padding: 0 3rem;
}

.f__1 > div {
    display: flex;
}

.f__1 > div:first-child {
    flex-direction: column;
    align-items: start;
    gap: 2rem;
}

.f__1__contacts {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    font-size: 1rem;
}

.f__1__contacts a {
    color: #fff;
}

.f__1__contacts a:hover {
    opacity: .5;
}

.f__1__contacts > a:first-child {
    font-size: 1.5rem;
    font-weight: 700;
}

.f__1__social {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.f__1__social picture {
    width: 3rem;
    height: 3rem;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #098897;
    transition: .3s all;
}

.f__1__social picture:hover {
    background-color: #023C43;
}

.f__1 > div:last-child {
    width: 70%;
}

.f__1 > div:last-child ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 1rem;
    display: flex;
    flex-direction: column;
    gap: .8rem;
}

.f__1 > div:last-child ul a {
    color: rgba(255, 255, 255, .5);
}

.f__1 > div:last-child ul a:hover {
    color: #fff;
}

.f__1 > div:last-child > div {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.f__1 > div:last-child > div h3 {
    color: #fff;
    font-size: 1.5rem;
    font-weight: 400 !important;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
}

.f__2 {
    background-color: #002428;
    padding: 2rem 3.5rem;
    border-radius: 2rem 2rem 0 0;
    margin-top: 3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    font-size: 14px;
}

.f__2 a {
    color: #fff;
}

.f__2 a:hover {
    color: rgba(255, 255, 255, .5)
}

.block__1 {
    margin-top: 3.5rem;
    padding: 0 1.5rem;
}

.block__inner {
    display: flex;
    flex-direction: column;
    gap: 44px;
}

.zag {
    display: flex;
    position: relative;
    align-items: center;
    gap: 2rem;
    font-size: 1.5rem;
    font-weight: 600 !important;
}

.zag::before {
    content: '';
    width: 86px;
    height: 1px;
    background-color: #098897;
}

.zag__2 {
    font-size: 1.5rem;
    margin: 0;
    font-weight: 600 !important;
}

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

.card__1 > div:first-child {
    width: 100px;
    flex-shrink: 0;
}

.card__1 img {
    transition: .3s all;
}

.card__1 img:hover {
    opacity: .75;
}

.card__1 a {
    color: #098897;
    font-weight: 600;
}

.card__1 a:hover {
    color: #000;
}

.card__1 p {
    font-size: .75rem;
    margin: .75rem 0 0 0;
}

.carousel__1 {
    position: relative;
}

.carousel__1 .owl-dots {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 0 78px;
    gap: 1.5rem;
    margin-top: 44px;
}

.carousel__1 .owl-dots button {
    width: 24px;
    height: 5px;
    border-radius: 5rem;
    background-color: #E1E1E1 !important;
}

.carousel__1 .owl-dots button:hover {
    background-color: #098897 !important;
}

.carousel__1 .owl-dots button.active {
    background-color: #098897 !important;
    width: 80px;
}

.about__block {
    display: flex;
    flex-direction: column;
    gap: 3.5rem;
}

.about__text {
    display: flex;
    gap: 3.5rem;
}

.about__text > div {
    width: 100%;
}

.about__text > div:first-child picture {
    display: block;
    width: 100%;
    height: 100%;
}

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

.about__benefits {
    display: flex;
    flex-wrap: wrap;
    gap: 3.5rem;
}

.about__benefits b {
    font-size: 1rem;
    font-weight: 600 !important;
}

.about__benefits p {
    font-size: .8rem;
}

.about__benefits > div {
    width: calc(50% - 1.8rem);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.about__benefits picture {
    width: 72px;
    height: 72px;
    border-radius: 100%;
    background-color: #098897;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about__numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: space-around;
}

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

.about__numbers > div b {
    font-size: 3rem;
    color: #098897;
}

.about__numbers > div p {
    font-size: 1rem;
    margin: 0;
}

.block__bg {
    background-color: #F9F9F9;
    padding: 3.5rem 1.5rem;
    border-radius: 2rem;
}

.zag__block {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.zag__block button,
.services__grid button {
    padding: 1.5rem 3rem;
    line-height: 100%;
    background-color: #098897;
    color: #fff;
    font-size: 1rem;
    border: 0;
    border-radius: 5rem;
}

.zag__block a {
    padding: 1.5rem 3rem;
    line-height: 100%;
    border: 1px solid #098897;
    color: #098897;
    font-size: 1rem;
    border-radius: 5rem;
}

.zag__block a:hover {
    background-color: #098897;
    color: #fff;
}

.services__grid button {
    width: 100%;
    margin-top: 2rem;
    display: none;
}

.zag__block button:hover,
.services__grid button:hover {
    background-color: #fff;
    color: #098897;
}

.services__grid {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
}

.card__2 {
    width: calc(25% - 1.2rem);
    --bs-aspect-ratio: calc(4 / 3 * 100%);
}

.card__2 .ratio div > picture {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 2rem;
}

.card__2 .ratio div > picture::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    background: linear-gradient(360deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    top: 0;
    left: 0;
    z-index: 2;
    opacity: .7;
}

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

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

.card__2 .ratio div > div {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    align-items: end;
    padding: 1.5rem;
}

.card__2 .ratio div > div picture {
    width: 3rem;
    height: 3rem;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #098897;
    transition: .3s all;
}

.card__2 .ratio div > div a {
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: 1.5rem;
    font-weight: 500;
    gap: 1.5rem;
}

.card__2 .ratio div > div a:hover picture {
    background-color: #023C43;
}

.card__2 .ratio div > div a:hover {
    color: rgba(255, 255, 255, .5);
}

.nav-pills {
    flex-wrap: nowrap !important;
}

.nav-pills li {
    width: 100%;
}

.nav-pills li button {
    width: 100%;
    padding: 20px 0;
    border-radius: 5rem !important;
    border: 1px solid rgba(0, 0, 0, .2) !important;
    color: #000;
    font-size: 1rem;
    font-weight: 500;
}

.nav-pills li button:hover {
    color: #000;
    border-color: #000 !important;
}

.nav-pills li button.active {
    background-color: #098897 !important;
    border-color: #098897 !important;
}

.results__block {
    display: flex;
    align-items: center;
}

.results__block > div:first-child {
    padding-right: 90px;
}

.results__block > div {
    width: 50%;
    flex-shrink: 0;
}

.results__block p {
    font-size: 1rem;
    line-height: 160%;
}

.slider__2 {
    position: relative;
}

.slider__2__title {
    background-color: #f9f9f9;
    font-size: 1rem;
    padding: 1rem;
    border-radius: 1.5rem;
    text-align: center;
    margin-bottom: 1.5rem;
}

.slider__2__images {
    display: flex;
    gap: 1.5rem;
    height: 384px;
}

.slider__2__images > div {
    position: relative;
    width: 100%;
    height: 100%;
}

.slider__2__images > div picture {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

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

.slider__2__images > div span {
    position: absolute;
    z-index: 2;
    padding: .75rem 2rem;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 5rem;
    background-color: #098897;
    margin: 1rem;
}

.slider__2 .owl-dots {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 0 78px;
    gap: 1.5rem;
    margin-top: 2rem;
}

.slider__2 .owl-dots button {
    width: 24px;
    height: 5px;
    border-radius: 5rem;
    background-color: #E1E1E1 !important;
}

.slider__2 .owl-dots button:hover {
    background-color: #098897 !important;
}

.slider__2 .owl-dots button.active {
    background-color: #098897 !important;
    width: 80px;
}

.carousel__2 {
    position: relative;
}

.block__bg__2 {
    padding: 3.5rem 1.5rem;
    border-radius: 2rem;
    background-color: #098897;
}

.block__bg__2 .zag {
    color: #fff;
}

.block__bg__2 .zag::before {
    background-color: #fff;
}

.block__bg__2 .zag__block a {
    color: #fff;
    margin-right: 2rem;
    padding: 1.5rem 3rem;
    border-radius: 5rem;
    border: 1px solid rgba(255, 255, 255, .3);
}

.block__bg__2 .zag__block a:hover {
    border-color: #fff;
}

.card__3 {
    position: relative;
}

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

.card__3 .ratio div picture {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 1.5rem;
    overflow: hidden;
    z-index: 1;
}

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

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

.card__3 .ratio > div {
    display: flex;
    align-items: end;
}

.card__3__text {
    position: relative;
    z-index: 2;
    width: 100%;
    margin: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    background-color: #fff;
    border-radius: 1rem;
    align-items: start;
}

.card__3__text span {
    color: #fff;
    font-size: .75rem;
    padding: 10px 16px;
    border-radius: 5rem;
    background-color: #098897;
}

.card__3__text h3 {
    font-size: 1rem;
    font-weight: 600 !important;
    margin: 0;
    color: #000;
}

.carousel__2 .owl-dots {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 0 78px;
    gap: 1.5rem;
    margin-top: 2rem;
}

.carousel__2 .owl-dots button {
    width: 24px;
    height: 5px;
    border-radius: 5rem;
    background-color: rgba(255, 255 ,255, .3) !important;
}

.carousel__2 .owl-dots button:hover {
    background-color: #fff !important;
}

.carousel__2 .owl-dots button.active {
    background-color: #fff !important;
    width: 80px;
}

.all__specialists {
    display: none;
}

.application__block {
    padding: 3.5rem 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    border-radius: 2rem;
    background: url(../img/application__bg.png) center no-repeat;
    background-size: cover;
    margin-top: 3.5rem;
}

.application__block h2 {
    margin: 0 0 1.5rem 0;
    font-size: 2rem;
    color: #fff;
    font-weight: 600 !important;
}

.application__block p {
    color: #fff;
    font-size: .75rem;
}

.application__block p a {
    color: #fff;
    font-weight: 500;
    border-bottom: 1px solid #fff;
}

.application__block p a:hover {
    border: 0;
}

.application__block form {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    width: 100%;
    max-width: 1166px;
}

.application__block form input,
.application__block form textarea {
    width: 100% !important;
    max-width: 370px !important;
    height: 68px;
    border-radius: 5rem;
    font-size: 1rem;
    border: 1px solid transparent;
    padding: 0 1.5rem;
    background-color: rgba(0, 0, 0, .25);
}

.application__block form textarea {
    padding: 1.5rem 2rem;
    border-radius: 1.5rem;
    height: 142px;
    min-width: 100%;
    display: block;
}

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

.send {
    background-color: #098897 !important;
    color: #fff !important;
    transition: .3s all;
    border: 0;
}

.send:hover {
    background-color: #023C43 !important;
}

.all__sales {
    display: none;
}

.carousel__3 {
    position: relative;
}

.carousel__3 .owl-dots {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 0 78px;
    gap: 1.5rem;
    margin-top: 44px;
}

.carousel__3 .owl-dots button {
    width: 24px;
    height: 5px;
    border-radius: 5rem;
    background-color: #E1E1E1 !important;
}

.carousel__3 .owl-dots button:hover {
    background-color: #098897 !important;
}

.carousel__3 .owl-dots button.active {
    background-color: #098897 !important;
    width: 80px;
}

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

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

.card__4__image:hover img {
    transform: scale(1.1);
}

.card__4__more {
    position: absolute;
    width: 84px;
    height: 84px;
    border-radius: 100%;
    background-color: #098897;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 1.5rem;
    right: 1.5rem;
    z-index: 2;
}

.card__4__more:hover {
    background-color: #023C43;
}

.card__4 > a {
    width: 100%;
    padding: 2rem;
    border-radius: 1.5rem;
    font-size: 1rem;
    font-weight: 600;
    color: #000;
    display: block;
    background-color: #F9F9F9;
}

.card__4 > a:hover {
    color: #098897;
}

nav {
    display: flex;
    position: relative;
    align-items: center;
    gap: 2rem;
    font-size: 1.5rem;
    font-weight: 600 !important;
}

nav::before {
    content: '';
    width: 86px;
    height: 1px;
    background-color: #098897;
}

nav button {
    padding: 0 !important;
    border: 0 !important;
    margin-right: 2rem;
    color: #c1c1c1 !important;
}

nav button:hover {
    color: #000 !important;
}

nav button.active {
    color: #000 !important;
}

nav .nav {
    border: 0 !important;
}

.tab-pane {
    position: relative;
}

.card__5 {
    margin-bottom: 1.5rem;
}

.card__5 .ratio span {
    position: absolute;
    font-size: .75rem;
    color: #fff;
    background-color: #098897;
    padding: 1rem;
    border-radius: 5rem;
    top: 1.5rem;
    left: 1.5rem;
    z-index: 2;
}

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

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

.card__5__image:hover img {
    transform: scale(1.1);
}

.card__5__text {
    width: 100%;
    padding: 2rem;
    border-radius: 1.5rem;
    font-size: 1rem;
    font-weight: 600;
    background-color: #F9F9F9;
    color: #000;
}

.card__5 a:hover .card__5__text {
    color: #098897;
}

.see__all {
    position: absolute;
    top: -6.7rem;
    right: 0;
    z-index: 2;
    padding: 1.5rem 3rem;
    line-height: 100%;
    border: 1px solid #098897;
    color: #098897;
    font-size: 1rem;
    border-radius: 5rem;
}

.see__all:hover {
    background-color: #098897;
    color: #fff;
}

.map__block {
    position: relative;
    display: flex;
    width: 100%;
    height: 560px;
    border-radius: 2rem;
    overflow: hidden;
    margin-top: 3.5rem;
}

.map__block > div {
    background-color: #fff;
    border-radius: 1.5rem;
    padding: 1.5rem;
    position: absolute;
    margin: 5rem 1.5rem;
    z-index: 2;
    width: 100%;
    max-width: 660px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, .1);
}

.map__block__1 {
    display: flex;
}

.map__block__1 > div {
    width: 100%;
    display: flex;
    gap: 1.5rem;
    flex-direction: column;
}

.map__block__1 > div > div b {
    color: #098897;
    font-weight: 500 !important;
    font-size: .75rem;
    display: block;
    margin: .5rem 0;
}

.map__block__1 > div > div {
    display: flex;
    gap: .75rem;
}

.map__block__1 > div > div > picture {
    width: 2rem;
    height: 2rem;
    border-radius: 100%;
    background-color: #098897;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.map__block__1 > div > div a,
.map__block__1 > div > div p {
    color: #000;
    font-size: 14px;
    font-weight: 500;
}

.map__block__1 > div > div a:hover {
    color: #098897;
}

.social__map {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
    width: 4.5rem;
    margin-top: 1rem;
}

.social__map picture {
    width: 2rem;
    height: 2rem;
    border-radius: 100%;
    background-color: #F0F0F0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s all;
}

.social__map picture:hover {
    background-color: #fff;
}

.map__block > div > button {
    width: 100%;
    padding: 1.5rem;
    background-color: #098897;
    color: #fff;
    font-size: 1rem;
    border-radius: 5rem;
    border: 0;
    margin-top: 1.5rem;
}

.map__block > div > button:hover {
    background-color: #023C43;
}

#application h3,
#application2 h3 {
    font-weight: 600 !important;
}

#application form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

#application input {
    width: 100%;
    padding: 1.5rem;
    border-radius: 5rem;
}

#application p {
    font-size: .75rem;
    text-align: center;
}

.header__inner__block {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background: url(../img/slide.png) center no-repeat;
    background-size: cover;
    padding: 130px 48px 24px 48px;
    border-radius: 0 0 2rem 2rem;
    overflow: hidden;
}

.header__inner__block::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    opacity: .75;
    z-index: 1;
}

.header__inner__block ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: .75rem;
    color: rgba(255, 255, 255, .5);
    position: relative;
    z-index: 2;
}

.header__inner__block a {
    color: #fff;
}

.header__inner__block a:hover {
    color: rgba(255, 255, 255, .5);
}

.header__inner__block ul li {
    display: inline-block;
    margin-right: .25rem;
}

.header__inner__block ul li:last-child {
    margin: 0;
}

.header__inner__block h1 {
    color: #fff;
    font-size: 2rem;
    line-height: 120%;
    margin: 0;
    position: relative;
    z-index: 2;
}

.submenu {
    margin-top: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 3rem;
}

.submenu ul {
    width: 100%;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    flex-wrap: nowrap;
    white-space: nowrap;
}

.submenu ul li {
    width: 100%;
}

.submenu ul li a {
    padding: 20px;
    border: 1px solid rgba(0, 0, 0, .2);
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    border-radius: 5rem;
    width: 100%;
    display: block;
    text-align: center;
}

.submenu ul li a:hover {
    border-color: #000;
}

.about__inner__block {
    display: flex;
    margin-top: 3.5rem;
}

.about__inner__block > div:first-child {
    width: 45%;
    position: relative;
}

.about__inner__block > div:first-child picture {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

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

.about__inner__block > div:last-child {
    width: 55%;
    padding: 3rem;
    border-radius: 2rem;
    background-color: #F9F9F9;
    display: flex;
    align-items: start;
    flex-direction: column;
    gap: 2rem;
}

.about__inner__block button {
    padding: 1.5rem 3rem;
    line-height: 100%;
    background-color: #098897;
    color: #fff;
    font-size: 1rem;
    border: 0;
    border-radius: 5rem;
}

.about__inner__block button:hover {
    background-color: #fff;
    color: #098897;
}

.about__inner__numbers {
    display: flex;
    gap: 1.5rem;
    margin-top: 3.5rem;
}

.about__inner__numbers > div {
    background-color: #098897;
    color: #fff;
    border-radius: 2rem;
    height: 390px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 3rem;
    width: 100%;
}

.about__inner__numbers > div b {
    font-size: 100px;
    line-height: 100%;
}

.about__inner__numbers > div strong {
    font-size: 1.5rem;
    font-weight: 500 !important;
}

.about__inner__numbers > div p {
    font-size: .8rem;
    margin: 1rem 0 0 0;
}

.about_inner__text {
    margin-top: 3.5rem;
    display: flex;
}

.about_inner__text > div:first-child {
    width: 45%;
    padding: 3rem;
    border-radius: 2rem;
    background-color: #f9f9f9;
}

.about_inner__text > div:first-child p {
    font-size: 1rem;
    line-height: 160%;
}

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

.about_inner__text > div:last-child {
    width: 55%;
    position: relative;
}

.about_inner__text > div:last-child picture {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

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

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

footer .active a {
    color: #fff !important;
}

.submenu .active a {
    background-color: #098897;
    color: #fff;
}

.doctors__list {
    padding: 3.5rem 3rem;
    gap: 3rem;
}

.doctors__list .nav {
    width: 260px;
    gap: 1rem;
    flex-shrink: 0;
}

.doctors__list .nav button {
    font-size: 1rem;
    font-weight: 500;
    color: #000;
    padding: 1rem;
    border-radius: 1rem;
    border: 1px solid rgba(0, 0, 0, .2);
    text-align: start;
}

.doctors__list .nav button:hover {
    border-color: #000;
}

.doctors__list .nav button.active {
    background-color: transparent;
    border-color: #098897;
    color: #098897;
}

.doctors__list .tab-content {
    width: calc(100% - 2rem - 292px);
    position: relative;
}

.doctor__about {
    display: flex;
    gap: 2rem;
    width: 100%;
}

.doctor__photo {
    width: 292px;
    flex-shrink: 0;
}

.doctor__photo .ratio {
    position: sticky;
    top: 120px;
}

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

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

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

.doctor__text {
    width: calc(100% - 292px - 2rem);
    position: relative;
}

.doctor__text h2 {
    font-size: 1.5rem;
    font-weight: 600 !important;
    margin: 0;
}

.doctor__text > div:first-child {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    align-items: start;
    padding: 1rem 0 1.5rem 0;
}

.doctor__text > div:first-child span {
    color: #000;
    background-color: #e1e1e1;
    font-size: .75rem;
    padding: 10px 16px;
    border-radius: 5rem;
}

.doctor__text b {
    font-size: 14px;
    font-weight: 600 !important;
}

.doctor__text p {
    font-size: 14px;
}

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

.doctor__text > div:nth-child(2n) {
    display: flex;
    gap: 2rem;
    padding: 1.5rem 0;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 1.5rem;
}

.doctor__text > div:nth-child(2n) > div {
    width: 100%;
}

.doctor__text h3 {
    font-size: 1.5rem;
    font-weight: 600 !important;
}

.doctor__text .carousel__3 img {
    border-radius: .5rem;
    transition: .3s all;
    cursor: pointer;
}

.doctor__text .carousel__3 img:hover {
    opacity: .8;
}

.certificates__block {
    display: inline-flex;
    flex-direction: column;
    gap: 2rem;
}

.reviews__grid {
    margin-top: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.review__form {
    flex-direction: column;
    gap: 1.5rem;
}

.review__form > div {
    display: flex;
    gap: 1.5rem;
    width: 100%;
}

.review__form textarea {
    padding: 1rem;
}

.certificates__grid,
.sales__grid {
    padding: 3rem;
}

.certificates__grid {
    padding: 3rem;
}

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

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

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

.news__image {
    position: relative;
    height: 500px;
}

.news__image > div {
    position: absolute;
    z-index: 9;
    right: 1.5rem;
    bottom: 1.5rem;
    background-color: #fff;
    border-radius: 100%;
    transition: .3s all;
}

.news__image > div:hover {
    background-color: rgba(255, 255, 255, .75);
}

.news__text span {
    padding: 1rem;
    color: #fff;
    background-color: #098897;
    border-radius: 5rem;
    font-size: .75rem;
}

.req {
    padding: 1.5rem;
    margin: 3rem 1.5rem 0 1.5rem;
    border-radius: 1.5rem;
    background-color: #f0f0f0;
}

.req strong {
    font-weight: 600 !important;
}

.req p {
    font-size: 1rem;
}

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

.services__inner__grid {
    padding: 3rem;
}

.services__inner__grid .col {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.services__inner__grid .card__2 {
    width: calc(50% - .75rem);
}

.service__inner__text {
    display: flex;
    gap: 2rem;
    padding: 3rem;
    justify-content: space-between;
}

.service__inner__text > div:first-child {
    width: 260px;
    flex-shrink: 0;
}

.service__inner__text > div:first-child > div {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: sticky;
    top: 130px;
}

.service__inner__text > div:first-child a {
    font-size: 1rem;
    font-weight: 600;
    color: #000;
    width: 100%;
    padding: 1rem;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 1rem;
}

.service__inner__text > div:first-child a:hover {
    border-color: #098897;
    color: #098897;
}

.service__inner__text > div:last-child {
    width: 70%;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

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

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

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

.card__6_text {
    padding: 3rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.card__6_text h2 {
    font-size: 1.5rem;
    font-weight: 600 !important;
    margin: 0;
    line-height: 100%;
}

.card__6_text p {
    font-size: 1rem;
    line-height: 160%;
}

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

.p__block__1 h2,
.p__block__2 h2 {
    font-size: 2rem;
    font-weight: 600 !important;
    margin: 0 0 1.5rem 0;
}

.p__block__1 p,
.p__block__2 p {
    font-size: 1.2rem;
    font-weight: 500;
    margin: .5rem 0;
}

.p__block__1 .ratio > div {
    display: flex;
    align-items: center;
    justify-content: center;
}

.p__block__1 .ratio > div > picture:first-child {
    position: relative;
    z-index: 9;
    cursor: pointer;
    transition: .3s all;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #fff;
    -webkit-animation: si-button-pulse 3s ease;
    animation: si-button-pulse 3s ease;
    -webkit-animation-iteration-count: 199;
    animation-iteration-count: 199;
    display: flex;
    align-items: center;
    justify-content: center;
}

.p__block__1 .ratio > div > picture:first-child img {
    width: 17px;
}

@keyframes si-button-pulse {
	from {
		-webkit-box-shadow: 0 0 0 0px rgba(255, 255, 255, 1);
		box-shadow: 0 0 0 0px rgba(255, 255, 255, 1);
	}
	
	to {
		-webkit-box-shadow: 0 0 0 44px rgba(255, 255, 255, 0);
		box-shadow: 0 0 0 44px rgba(255, 255, 255, 0);
	}
}

#p__video h3 {
    font-size: 1.5rem;
    font-weight: 600 !important;
}

#p__video iframe,
.p__steps iframe,
.p__review__modal iframe {
    border: 0;
    width: 100%;
    height: 100%;
    border-radius: .5rem;
    overflow: hidden;
}

.p__block__1 .ratio > div > picture:first-child:hover {
    transform: scale(1.1);
}

.p__block__1 .ratio > div > picture:last-child {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.p__block__1 .ratio > div > picture:last-child img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.p__block__1__button {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    margin-top: 2rem;
}

.p__block__1__button p {
    font-size: .75rem;
}

.p__block__1__button button {
    padding: 1.5rem 3rem;
    line-height: 100%;
    background-color: #098897;
    color: #fff;
    font-size: 1rem;
    border: 0;
    border-radius: 5rem;
    width: 100%;
    white-space: nowrap;
}

.p__block__1__button button:hover {
    background-color: #fff;
    color: #098897;
}

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

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

.p__benefit > picture {
    width: 5rem;
    height: 5rem;
    border-radius: 100%;
    background-color: #fff;
    box-shadow: 0 15px 35px rgba(0, 0, 0, .05);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.p__benefit b {
    font-size: 1.3rem;
    font-weight: 600 !important;
}

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

.p__steps .nav li {
    display: inline-flex !important;
}

.p__steps .nav li button {
    font-size: 1rem !important;
}

.p__steps .ratio > div {
    background-color: #f0f0f0;
    border-radius: 1.5rem;
    overflow: hidden;
}

.p__steps .ratio > div picture {
    position: absolute;
    width: 100%;
    height: 100%;
}

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

.p__zapis {
    font-size: 1rem;
    padding: 1rem 3rem;
    border-radius: 5rem;
    color: #098897;
    border: 1px solid #098897;
    background-color: transparent;
    font-weight: 500;
    display: inline-block;
    margin-top: 2rem;
}

.p__zapis:hover {
    background-color: #098897;
    color: #fff;
}

.p__block__2 strong {
    font-weight: 500 !important;
}

.p__block__2 em {
    font-style: normal;
    color: #098897;
}

.p__block__2 blockquote {
    background-color: #f0f0f0;
    padding: 1rem 2rem;
    border-radius: .75rem;
    font-size: .75rem;
}

.p__block__2 blockquote p {
    font-size: .9rem;
}

.p__table td {
    width: 33.3333%;
}

.p__table td:nth-child(2n) {
    background-color: #09889709 !important;
}

.p__results .item img {
    border-radius: 1.5rem;
    cursor: pointer;
    transition: .3s all;
}

.p__results .item img:hover {
    opacity: .8;
}

.p__reviews .ratio > div {
    display: flex;
    align-items: center;
    justify-content: center;
}

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

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

.p__i__2 {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .3s all;
}

.p__i__2:hover {
    transform: scale(1.1);
}

.p__i__2 img {
    width: 17px !important;
}

@media (min-width: 1440px) {

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

@media (max-width: 1400px) {
    .menu ul li {
        display: inline-block;
        margin-right: 2rem;
    }
}

@media (max-width: 1200px) {
    header .col {
        padding: 1rem 1.5rem 1rem 1rem;
    }
}

@media (max-width: 992px) {
    .about__text {
        flex-direction: column;
    }

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

    .about__numbers {
        flex-wrap: wrap;
        gap: 3rem;
    }

    .about__numbers > div {
        width: calc(50% - 1.5rem);
        gap: 0;
    }

    .card__2 {
        width: calc(50% - .75rem);
        --bs-aspect-ratio: calc(4 / 3 * 100%);
    }

    .nav-pills {
        overflow-x: scroll !important;
        white-space: nowrap !important;
    }

    .nav-pills li button {
        padding: 1rem 2rem;
    }

    .application__block form {
        flex-direction: column;
        gap: 1rem;
    }

    .map__block {
        flex-direction: column;
        height: auto;
    }

    .map__block > div {
        margin: 0;
        max-width: 100%;
        width: 100%;
        position: relative;
    }

    .map__block__1 {
        justify-content: space-around;
    }

    .map__block__1 > div {
        width: auto;
    }

    .about__inner__block {
        flex-direction: column;
    }

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

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

    .about__inner__block > div:last-child {
        padding: 2rem;
        gap: 1rem;
    }
    
    .about_inner__text {
        flex-direction: column-reverse;
    }

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

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

    .about_inner__text > div:first-child {
        padding: 2rem;
    }

    .doctors__list {
        flex-direction: column;
    }

    .doctors__list .nav {
        width: 100%;
        flex-direction: row !important;
    }

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

    .service__inner__text {
        flex-direction: column;
        padding: 1.5rem;
    }

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

    .service__inner__text > div:first-child > div {
        flex-direction: row;
        overflow-x: scroll;
        white-space: nowrap;
    }

    .doctors__list .tab-content {
        width: 100%;
    }

    .p__block__1__button {
        flex-direction: column;
        gap: 1rem;
    }

    .p__block__1__button p {
        font-size: .75rem !important;
    }

    .p__steps .nav li {
        overflow-x: scroll;
    }

    .p__table {
        width: 100%;
        overflow-x: scroll;
    }
}

@media (max-width: 768px) {
    .f__1 > div:last-child {
        width: 60%;
    }

    .results__block > div {
        width: 100%;
        padding: 0 !important;
    }

    .results__block {
        flex-direction: column;
    }

    .slider__2 {
        margin-top: 2rem;
    }

    .block__bg__2 .zag__block a {
        display: none;
    }

    .zag__block a {
        display: none;
    }

    .all__specialists {
        display: block;
        color: #fff;
        font-size: 1rem;
        border-radius: 5rem;
        border: 1px solid rgba(255, 255, 255, .3);
        padding: 1rem;
        text-align: center;
    }

    .all__sales {
        display: block;
        color: #098897;
        border: 1px solid #098897;
        font-size: 1rem;
        border-radius: 5rem;
        padding: 1rem;
        text-align: center;
    }

    .see__all {
        position: relative;
        color: #098897;
        border: 1px solid #098897;
        font-size: 1rem;
        border-radius: 5rem;
        padding: 1.5rem;
        text-align: center;
        top: .5rem;
        display: block;
    }

    .submenu {
        padding: 0 .75rem;
    }
    
    .submenu ul {
        overflow-x: scroll;
    }

    .submenu ul li a {
        padding: 20px 40px;
    }

    .about__inner__numbers {
        flex-direction: column;
    }

    .about__inner__numbers > div {
        height: 250px;
        padding: 2rem;
    }

    .about__inner__numbers > div b {
        font-size: 5rem;
    }

    .doctor__about {
        flex-direction: column;
    }

    .doctors__list {
        padding: 1.5rem;
    }

    .doctor__text {
        width: 100%;
    }

    .services__inner__grid .card__2 {
        width: 100%;
    }

    .services__inner__grid {
        padding: 1.5rem .75rem;
    }
}

@media (max-width: 576px) {
    header {
        padding: .75rem;
    }

    header .col > div:last-child > a {
        display: none;
    }

    .slider .item {
        height: 640px;
    }

    .slider .item .row {
        padding: 1.5rem;
    }

    .slider .item .row .col {
        padding-bottom: calc(96px - 1.5rem);
    }

    .slider h1 {
        font-size: 2.5rem;
    }

    .slider ul {
        font-size: 1rem;
    }

    .slide__buttons {
        flex-direction: column;
        align-items: start;
    }

    .slider .owl-dots {
        padding: 0 2rem;
    }

    footer > div {
        padding-top: 1rem;
    }

    .f__1 {
        flex-direction: column;
        gap: 2rem;
    }

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

    .f__1 > div:last-child {
        flex-direction: column;
        gap: 2rem;
    }

    .f__2 {
        flex-direction: column;
        align-items: center;
        gap: 1.2rem;
    }

    .f__1,
    .f__2 {
        padding: 1.5rem;
    }

    .card__1 {
        flex-direction: column;
        align-items: start;
    }

    .zag,
    nav {
        gap: 1rem;
    }

    .zag::before,
    nav::before {
        width: 2.5rem;
    }

    .about__benefits {
        gap: .5rem;
        flex-direction: column;
        gap: 2rem;
    }

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

    .about__benefits > div {
        width: 100%;
        flex-direction: row;
    }

    .about__benefits > div b {
        font-size: .9rem;
    }

    .about__benefits > div p {
        font-size: .7rem;
        margin: .5rem 0 0 0;
    }

    .about__numbers > div {
        text-align: center;
    }

    .about__numbers b {
        font-size: 2rem !important;
    }

    .zag__block button {
        display: none;
    }

    .services__grid button {
        display: block;
    }

    .services__grid {
        gap: .75rem;
    }

    .card__2 {
        width: calc(50% - .375rem);
    }

    .card__2 .ratio div > picture {
        border-radius: 1rem;
    }

    .card__2 .ratio div > div {
        padding: .75rem;
    }

    .card__2 .ratio div > div a {
        font-size: 1rem;
        gap: .75rem;
    }

    .slider__2__images {
        height: 200px;
    }

    .slider__2__images > div span {
        padding: .5rem 1rem;
        font-size: .75rem;
        margin: .5rem;
    }

    .card__4__more {
        width: 50px;
        height: 50px;
        top: .5rem;
        right: .5rem;
    }

    .map__block__1 {
        flex-direction: column;
        gap: 1.5rem;
    }

    .map__block__1 > div > div b {
        font-size: 1rem;
        margin: .75rem 0;
    }

    .map__block__1 > div > div {
        gap: 1rem;
    }

    .map__block__1 > div > div > picture {
        width: 3rem;
        height: 3rem;
    }

    .map__block__1 > div > div > picture img {
        width: 1rem;
    }

    .map__block__1 > div > div a,
    .map__block__1 > div > div p {
        font-size: 1rem;
    }

    .social__map {
        display: flex;
        align-items: center;
        gap: .5rem;
        flex-wrap: wrap;
        width: 100%;
        margin-top: 1rem;
    }

    .social__map picture {
        width: 3rem;
        height: 3rem;
    }

    .social__map picture img {
        width: 1rem;
    }

    .header__inner__block { 
        padding: 120px 24px 24px 24px;
    }

    .doctor__photo {
        width: 100%;
    }

    .certificates__grid,
    .sales__grid {
        padding: 1.5rem;
    }

    .card__6_text {
        padding: 1.5rem;
        gap: .75rem;
    }

    .p__block__1 h2,
    .p__block__2 h2 {
        font-size: 1.5rem;
        margin: 0 0 1rem 0;
    }

    .p__block__1 p,
    .p__block__2 p {
        font-size: 1rem;
    }

    .p__benefit > picture {
        width: 4rem;
        height: 4rem;
    }

    .p__benefit b {
        font-size: 1rem;
    }

    .p__benefit p {
        font-size: .75rem;
    }

}