:root {
--white: #FFFFFF; 
--main-gray: #848484;
--gradient: linear-gradient(90deg, #55D0E7, #027F96);
}
body {
font-family: "Onest", sans-serif;
font-size: 16px;
font-weight: 500;
}
body.admin-bar header nav {
margin-top: 32px;
}
a {
text-decoration: none;
color: #444444;
}
.link {
text-decoration: none;
}
.btn {
border-radius: 30px;
padding: 15px 52px;
backdrop-filter: blur(27px);
font-family: "Onest", sans-serif;
font-size: 16px;
font-weight: 500;
border: none;
transition: 0.1s ease;
}
.btn-light:hover {
background: linear-gradient(
90deg,
rgba(85, 208, 231, 1) 0%,
rgba(2, 127, 150, 1) 100%
);
color: var(--white);
transition: 0.1s ease;
}
.gap-top-section {
padding-top: 60px; 
background: #ffffff;
}
.gap-section {
padding-top: 60px; 
padding-bottom: 60px; 
}
.top-gap-120 {
padding-top: 120px; 
}
.top-gap-60 {
padding-top: 60px; 
}
.bottom-gap-60 {
padding-bottom: 60px; 
}
.bottom-gap-120 {
padding-bottom: 120px; 
}
.gap-120 {
padding-top: 120px; 
padding-bottom: 120px; 
}
.mb-80 {
margin-bottom: 80px;
}
.mb-50 {
margin-bottom: 50px;
}
.mb-60 {
margin-bottom: 60px;
}
.mt-80 {
margin-top: 80px;
}
.mt-50 {
margin-top: 50px;
}
.mt-60 {
margin-top: 60px;
}
.title {
font-family: "Onest", sans-serif;
font-size: 40px;
line-height: 90%;
font-weight: 500;
}
.title-black {
color: #111111;
} .navbar {
padding: 0 20px;
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.navbar-brand {
padding: 15px 0px;
}
.nav-link {
font-family: "Onest", sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 19.2px;
text-align: left;
color: #85858C;
padding-left: 10px !important;
padding-right: 10px !important;
}
.nav-link:focus, .nav-link:hover {
color: var(--white) !important;
}
.navbar-nav .nav-item.current-menu-item a {
color: var(--white) !important;
} .call-to-action h5 {
font-family: "Onest", sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 19.2px;
text-align: left;
color: #85858C;
}
.call-to-action a {
text-align: left;
}
#outer {
width: 100%;
text-align: center;
overflow: hidden;
position: relative; 
}
#home-top-video:before {
content:"";
position: absolute;
top:0;
right:0;
left:0;
height: 1500px;
bottom:0;
z-index:-1;
background:rgba(0, 0, 0, 0.7);
background-size: cover;
}
#background-video {
position: fixed;
width: 100%;
height: 100vh;
top: 0;
left: 0;
object-fit: cover;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
z-index: -2;
}
.main {
backdrop-filter: blur(74px);
background: rgba(20, 20, 20, 0.4);
padding-top: 120px;
padding-bottom: 40px;
position: relative;
z-index: 2;
}
.main h1 {
font-size: 70px;
font-weight: 400;
line-height: 70px;
color: var(--white);
}
.main p {
color: var(--main-gray);
} .banners-section {
background: #f5f5f7;
overflow: hidden;
padding: 0;
}
.banners-slider-wrap {
position: relative;
}
.banners-slider {
margin: 0;
} .banners-slider:not(.slick-initialized) > .banner-slide:not(:first-child) {
display: none;
}
.banners-slider-wrap:not(.is-initialized) .banners-slider__arrow,
.banners-slider-wrap:not(.is-initialized) .banners-slider__dots-wrap {
display: none;
}
.banners-slider .slick-list {
overflow: hidden;
} .banner-slide {
background: #f5f5f7;
min-height: 500px;
overflow: hidden;
}
.banner-slide--clickable {
cursor: pointer;
}
.banner-slide__inner {
position: relative;
display: flex;
align-items: center;
min-height: 450px;
padding: 40px 150px 40px;
gap: 48px;
}
a.banner-slide__inner {
color: inherit;
cursor: pointer;
text-decoration: none;
}
.banner-slide--clickable .banner-slide__inner {
transition: background-color 0.24s ease, transform 0.24s ease;
}
.banner-slide--clickable:hover .banner-slide__cta {
transform: translateY(-4px);
box-shadow: 0 12px 30px rgba(2, 128, 150, 0.355);
}
.banner-slide--clickable:hover .banner-slide__media img,
.banner-slide--clickable:focus-within .banner-slide__media img {
transform: translateY(-4px);
}
.banner-slide--clickable .banner-slide__inner:focus-visible {
outline: 2px solid #52cee5;
outline-offset: -2px;
} .banner-slide--right .banner-slide__inner { flex-direction: row; justify-content: flex-start; }
.banner-slide--left .banner-slide__inner  { flex-direction: row-reverse; justify-content: flex-start; }
.banner-slide--full .banner-slide__inner  {
display: block;
min-height: 500px;
padding: 0;
} .banner-slide__content {
position: relative;
z-index: 2;
flex: 0 0 auto;
max-width: 440px;
}
.banner-slide--full .banner-slide__content {
display: flex;
flex-direction: column;
justify-content: flex-end;
min-height: 500px;
max-width: 620px;
padding: 56px 150px 96px;
} .banner-slide__content::before {
content: '';
display: block;
width: 40px;
height: 4px;
border-radius: 999px;
margin-bottom: 20px;
}
.banner-slide--full .banner-slide__content::before {
background: linear-gradient(90deg, #55D0E7, #027F96);
}
.banner-slide__title {
margin: 0 0 20px;
color: #1d1d1f;
font-family: "Onest", sans-serif;
font-size: 30px;
font-weight: 600;
line-height: 1.0;
letter-spacing: -0.045em;
text-transform: none;
}
.banner-slide--full .banner-slide__title {
color: #ffffff;
}
.banner-slide__text {
color: #6e6e73;
font-size: 25px;
font-weight: 600;
line-height: 1.55;
letter-spacing: -0.01em;
text-transform: none;
}
.banner-slide--full .banner-slide__text {
color: rgba(255, 255, 255, 0.88);
}
.banner-slide__text p { margin: 0; }
.banner-slide--clickable .banner-slide__title,
.banner-slide--clickable .banner-slide__text {
pointer-events: none;
}
.banner-slide__cta {
display: inline-flex;
align-items: center;
margin-top: 28px;
padding: 11px 25px;
border-radius: 50px;
background: linear-gradient(90deg, #55D0E7, #027F96);
box-shadow: 0 8px 28px rgba(2, 127, 150, 0.12);
color: #ffffff;
pointer-events: none;
transition: transform 0.24s ease, box-shadow 0.24s ease, background-color 0.24s ease;
}
.banner-slide__cta-label {
font-family: "Onest", sans-serif;
font-size:       16px;
font-weight:     500;
line-height: 1;
letter-spacing: -0.02em;
}
.banner-slide__cta-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border-radius: 50%;
color: #ffffff;
padding-left: 10px;
} .banner-slide__media {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
min-height: 300px;
}
.banner-slide--right .banner-slide__media  { justify-content: flex-end; }
.banner-slide--left  .banner-slide__media  { justify-content: flex-start; }
.banner-slide--full .banner-slide__media {
position: absolute;
inset: 0;
min-height: 100%;
justify-content: stretch;
}
.banner-slide__media img {
display: block;
width: auto;
max-width: min(100%, 660px);
max-height: 380px;
object-fit: contain;
transition: filter 0.5s ease, transform 0.6s cubic-bezier(0.25,0.46,0.45,0.94);
transform: translateY(6px);
}
.banner-slide--full .banner-slide__media img {
width: 100%;
height: auto;
max-width: none;
max-height: none;
object-fit: cover;
transform: scale(1.01);
}
.slick-active .banner-slide__media img {
transform: translateY(0);
} .banners-slider__arrow {
position: absolute;
top: 50%;
z-index: 10;
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 50%;
border: none;
cursor: pointer;
background: rgba(255, 255, 255, 0.75);
backdrop-filter: blur(16px) saturate(180%);
-webkit-backdrop-filter: blur(16px) saturate(180%);
color: #1d1d1f;
transform: translateY(-50%);
box-shadow: 0 2px 14px rgba(0,0,0,0.10), 0 0 0 0.5px rgba(0,0,0,0.07);
transition: background 0.22s ease, box-shadow 0.22s ease, color 0.22s ease;
}
.banners-slider__arrow svg {
width: 18px;
height: 18px;
flex-shrink: 0;
}
.banners-slider__arrow:hover,
.banners-slider__arrow:focus-visible {
background: #ffffff;
color: #027F96;
box-shadow: 0 4px 22px rgba(0,0,0,0.16), 0 0 0 0.5px rgba(0,0,0,0.10);
outline: none;
}
.banners-slider__arrow--prev { left: -10px; }
.banners-slider__arrow--next { right: -10px; } .banners-slider__dots-wrap {
position: absolute;
bottom: -10px;
left: 50%;
transform: translateX(-50%);
z-index: 10;
}
.banners-slider__dots {
display: flex !important;
align-items: center;
gap: 6px;
margin: 0;
padding: 0;
list-style: none;
}
.banners-slider__dots li { margin: 0; }
.banners-slider__dots li button {
display: block;
width: 8px;
height: 8px;
border: none;
border-radius: 50%;
background: rgba(29, 29, 31, 0.18);
color: transparent;
font-size: 0;
padding: 0;
cursor: pointer;
transition: width 0.28s ease, border-radius 0.28s ease, background 0.28s ease;
}
.banners-slider__dots li button::before { display: none; }
.banners-slider__dots li.slick-active button {
width: 28px;
border-radius: 4px;
background: linear-gradient(90deg, #55D0E7, #027F96);
} @media (max-width: 1199px) {
.banner-slide__inner { padding: 64px 64px 96px; gap: 36px; }
.banner-slide__content { max-width: 380px; }
.banner-slide__media img { max-width: min(100%, 560px); max-height: 340px; }
.banner-slide--full .banner-slide__content {
min-height: 460px;
max-width: 520px;
padding: 48px 64px 84px;
}
}
@media (max-width: 991px) {
.banner-slide { min-height: auto; }
.banner-slide__inner,
.banner-slide--left .banner-slide__inner,
.banner-slide--right .banner-slide__inner,
.banner-slide--full .banner-slide__inner {
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding: 52px 36px 96px;
gap: 28px;
min-height: auto;
}
.banner-slide__content,
.banner-slide--left .banner-slide__content,
.banner-slide--full .banner-slide__content,
.banner-slide--right .banner-slide__content {
max-width: 100%;
}
.banner-slide__media,
.banner-slide--left .banner-slide__media,
.banner-slide--right .banner-slide__media,
.banner-slide--full .banner-slide__media {
width: 100%;
min-height: auto;
justify-content: center;
}
.banner-slide--full .banner-slide__inner {
display: flex;
min-height: 420px;
padding: 0;
}
.banner-slide--full .banner-slide__content {
justify-content: flex-end;
min-height: 420px;
padding: 40px 36px 88px;
}
.banner-slide--full .banner-slide__media {
position: absolute;
inset: 0;
}
.banner-slide--full .banner-slide__media img {
max-width: none;
max-height: none;
}
.banner-slide__media img { max-width: 100%; max-height: 260px; }
.banner-slide__cta { margin-top: 24px; }
.banners-slider__arrow { width: 40px; height: 40px; }
.banners-slider__arrow--prev { left: 16px; }
.banners-slider__arrow--next { right: 16px; }
.banners-slider__dots-wrap { bottom: 28px; left: 36px; transform: none; }
}
@media (max-width: 575px) {
.banner-slide__inner,
.banner-slide--left .banner-slide__inner,
.banner-slide--right .banner-slide__inner,
.banner-slide--full .banner-slide__inner {
padding: 40px 20px 80px;
gap: 20px;
}
.banner-slide--full .banner-slide__inner {
padding: 0;
min-height: 320px;
}
.banner-slide--full .banner-slide__content {
min-height: 320px;
padding: 28px 20px 72px;
}
.banner-slide__content::before { margin-bottom: 14px; }
.banner-slide__title { font-size: 32px; margin-bottom: 14px; }
.banner-slide__text  { font-size: 15px; }
.banner-slide__cta {
gap: 10px;
margin-top: 20px;
padding: 12px 14px 12px 16px;
}
.banner-slide__cta-label { font-size: 14px; }
.banner-slide__cta-icon {
width: 30px;
height: 30px;
}
.banner-slide__media img { max-height: 200px; }
.banners-slider__arrow { width: 36px; height: 36px; }
.banners-slider__arrow--prev { left: 12px; }
.banners-slider__arrow--next { right: 12px; }
.banners-slider__dots-wrap { 
bottom: 7px; 
left: 20px; 
background: #ffffff;
padding: 5px;
border-radius: 10px;
}
} .partners-showcase {
position: relative;
overflow: hidden;
padding: 70px 0 40px;
}
.partners-showcase__video-wrap,
.partners-showcase__overlay {
position: absolute;
inset: 0;
}
.partners-showcase__video-wrap {
z-index: 0;
}
.partners-showcase__video-poster,
.partners-showcase__video {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
filter: grayscale(1) brightness(0.38);
}
.partners-showcase__video-poster {
z-index: 0;
}
.partners-showcase__video {
z-index: 1;
opacity: 0;
transition: opacity 0.25s ease;
}
.partners-showcase__video.is-ready {
opacity: 1;
}
.partners-showcase__container {
position: relative;
z-index: 2;
}
.partners-showcase__grid {
display: grid;
grid-template-columns: minmax(200px, 500px) minmax(0, 1fr);
gap: 48px;
align-items: center;
}
.partners-showcase__intro {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.partners-showcase__title {
padding: 0 0 30px;
margin-bottom: 30px;
color: #ffffff;
font-size: 45px;
line-height: 1;
font-weight: 600;
text-transform: uppercase;
border-bottom: white 1px solid;
min-width: 400px;
}
.partners-showcase__text {
margin: 0;
color: var(--accent);
font-size: 20px;
line-height: 1.45;
font-weight: 300;
}
.partners-showcase__featured-logo {
width: min(100%, 350px);
min-height: 56px;
margin-top: 10px;
display: flex;
align-items: center;
justify-content: center;
}
.partners-showcase__featured-logo img {
display: block;
max-width: 100%;
width: auto;
height: auto;
object-fit: contain;
}
.partners-showcase__featured-placeholder {
color: rgba(255, 255, 255, 0.82);
font-size: 18px;
line-height: 1.3;
text-transform: uppercase;
letter-spacing: 0.08em;
}
.partners-showcase__logos {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
.partners-showcase__logo-card {
min-height: 76px;
padding: 10px;
display: flex;
align-items: center;
justify-content: center;
}
.partners-showcase__logo-card img {
display: block;
max-width: 100%;
max-height: 56px;
width: auto;
height: auto;
object-fit: contain;
}
.partners-showcase__logo-card--empty {
grid-column: 1 / -1;
color: rgba(17, 17, 17, 0.7);
font-size: 16px;
text-align: center;
}
@media (max-width: 991px) {
.partners-showcase {
padding: 72px 0;
}
.partners-showcase__grid {
grid-template-columns: 1fr;
gap: 10px;
}
.partners-showcase__intro {
max-width: 100%;
}
.partners-showcase__text {
max-width: 100%;
}
}
@media (max-width: 767px) {
.partners-showcase {
margin-top: 0px;
padding: 30px 0 20px 0;
}
.partners-showcase__logos {
grid-template-columns: 1fr 1fr;
}
.partners-showcase__title {
margin-bottom: 16px;
}
.partners-showcase__text {
font-size: 18px;
}
.partners-showcase__featured-logo,
.partners-showcase__logo-card {
padding: 5px;
border-radius: 22px;
}
.partners-showcase__featured-logo {
margin-top: none;
}
.partners-showcase__logo-card img {
max-height: 48px;
}
.partners-showcase__logo-card {
min-height: 58px;
}
} .categories .item {
padding: 20px 20px 70px 20px;
transition: 0.3s ease;
position: relative;
}
.categories .item img {
margin-top: 20px;
width: 250px;
height: auto;
margin-left: auto;
margin-right: auto;
display: block;
transition: 0.3s ease;
border-radius: 10px;
}
.categories .item .title {
position: absolute;
bottom: 10px;
}
.categories .item .title h5 {
font-family: "Onest", sans-serif;
font-size: 16px;
line-height: 120%;
font-weight: 500;
margin-bottom: 0;
}
.categories .item .title h6 {
color: var(--main-gray);
font-size: 16px;
line-height: 120%;
font-weight: 500;
}
.categories .item:hover {
transition: 0.3s ease;
}
.categories .item:hover img {
transform: scale(1.1);
transition: 0.3s ease;
} .categories-bento {
display: grid;
grid-auto-flow: dense;
grid-template-columns: repeat(6, minmax(0, 1fr));
grid-auto-rows: 150px;
gap: 16px;
}
.bento-tile {
--tile-bg: #f2f8f9;
--tile-fg: #153238;
--tile-muted: rgba(21, 50, 56, 0.72);
position: relative;
isolation: isolate;
display: flex;
min-width: 0;
min-height: 0;
padding: 18px;
overflow: hidden;
color: var(--tile-fg);
text-decoration: none;
background: var(--tile-bg);
border-radius: 8px;
transition: transform 0.28s ease, box-shadow 0.28s ease;
}
.bento-tile:hover {
color: var(--tile-fg);
transform: translateY(-4px);
box-shadow: 0 18px 42px rgba(7, 45, 54, 0.16);
}
.bento-tile--all {
grid-column: span 2;
grid-row: span 2;
min-height: 316px;
align-items: flex-start;
background:
radial-gradient(circle at 82% 24%, rgba(255, 210, 77, 0.34), transparent 28%),
linear-gradient(135deg, #33b7cf 0%, #afe2ea 100%);
}
.bento-tile--wide {
grid-column: span 2;
}
.bento-tile--small {
grid-column: span 1;
}
.bento-tile__content {
position: relative;
z-index: 2;
width: min(100%, 62%);
}
.bento-tile--small .bento-tile__content {
width: min(100%, 72%);
}
.bento-tile--all .bento-tile__content {
width: min(100%, 76%);
}
.bento-tile__eyebrow,
.bento-tile__sub,
.bento-tile__cta {
display: inline-flex;
align-items: center;
gap: 8px;
color: var(--tile-muted);
font-size: 13px;
line-height: 1.2;
}
.bento-tile__eyebrow {
margin-bottom: 10px;
}
.bento-tile__name {
margin: 0;
color: var(--tile-fg);
font-family: "Onest", sans-serif;
font-size: 22px;
font-weight: 700;
line-height: 1.12;
overflow-wrap: anywhere;
}
.bento-tile--small .bento-tile__name {
font-size: 14px;
}
.bento-tile--all .bento-tile__name {
font-size: 34px;
line-height: 1.04;
}
.bento-tile__sub {
margin-top: 8px;
}
.bento-tile__cta {
margin-top: 18px;
color: rgba(255, 255, 255, 0.88);
font-weight: 700;
}
.bento-tile__media {
position: absolute;
right: 12px;
bottom: 10px;
z-index: 1;
display: flex;
align-items: flex-end;
justify-content: flex-end;
width: 52%;
height: 90%;
pointer-events: none;
}
.bento-tile--small .bento-tile__media {
right: -4px;
width: 50%;
opacity: 0.95;
}
.bento-tile__media img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
object-fit: contain;
filter: drop-shadow(0 14px 18px rgba(10, 39, 45, 0.18));
transition: transform 0.28s ease;
}
.bento-tile:hover .bento-tile__media img {
transform: scale(1.05);
}
.bento-tile__media i,
.bento-tile__all-media > i {
color: var(--tile-muted);
font-size: 76px;
line-height: 1;
}
.bento-tile__all-media {
position: absolute;
right: 18px;
bottom: 18px;
z-index: 1;
width: 58%;
height: 58%;
pointer-events: none;
}
.bento-tile__preview {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
width: 46%;
aspect-ratio: 1 / 1;
padding: 10px;
overflow: hidden;
background: rgba(255, 255, 255, 0.92);
border-radius: 8px;
box-shadow: 0 14px 28px rgba(0, 36, 44, 0.2);
}
.bento-tile__preview img {
display: block;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.bento-tile__preview--1 {
right: 34%;
bottom: 34%;
}
.bento-tile__preview--2 {
right: 0;
bottom: 45%;
}
.bento-tile__preview--3 {
right: 45%;
bottom: 0;
}
.bento-tile__preview--4 {
right: 8%;
bottom: 4%;
}
.bento-tile--tone-catalog {
--tile-fg: #ffffff;
--tile-muted: rgba(255, 255, 255, 0.72);
}
.bento-tile--tone-teal {
--tile-bg: #3dbad2;
--tile-fg: #ffffff;
--tile-muted: rgba(255, 255, 255, 0.78);
}
.bento-tile--tone-light {
--tile-bg: #f4feff;
--tile-fg: #153238;
}
.bento-tile--tone-yellow {
--tile-bg: #84cfffa8;
--tile-fg: #263238;
}
.bento-tile--tone-cyan {
--tile-bg: #d7f2f6;
--tile-fg: #0d3d46;
}
.bento-tile--tone-deep {
--tile-bg: #62dad97a;
--tile-fg: #ffffff;
--tile-muted: rgba(255, 255, 255, 0.78);
}
.bento-tile--tone-ice {
--tile-bg: #f5fbfc;
--tile-fg: #1c3e45;
}
.bento-tile--tone-mint {
--tile-bg: #dff4ec;
--tile-fg: #143d38;
}
.bento-tile--tone-graphite {
--tile-bg: #2632380f;
--tile-fg: #212529;
--tile-muted: rgba(255, 255, 255, 0.75);
}
.bento-tile--tone-soft {
--tile-bg: #cdeff6;
--tile-fg: #0d3d46;
}
.bento-tile--tone-sky {
--tile-bg: #52aaee8c;
--tile-fg: #1e3439;
}
@media (max-width: 1199.98px) {
.categories-bento {
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-auto-rows: 150px;
}
}
@media (max-width: 991.98px) {
.categories-bento {
grid-auto-rows: 142px;
}
.bento-tile {
padding: 18px;
}
.bento-tile__name {
font-size: 20px;
}
.bento-tile--small .bento-tile__name {
font-size: 17px;
}
}
@media (max-width: 767.98px) {
.categories-bento {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-auto-rows: 190px;
}
.bento-tile,
.bento-tile--all,
.bento-tile--wide,
.bento-tile--small {
grid-column: auto;
grid-row: auto;
min-height: 190px;
}
.categories-bento.slick-initialized {
display: block;
margin: 0 -8px;
}
.categories-bento.slick-initialized .slick-list {
padding-bottom: 22px;
}
.categories-bento.slick-initialized .slick-track {
display: flex;
}
.categories-bento.slick-initialized .bento-tile {
display: flex;
height: 210px;
min-height: 210px;
margin: 0 8px;
}
.categories-bento.slick-initialized .bento-tile:hover {
transform: none;
box-shadow: none;
}
.categories-bento .slick-dots {
bottom: -8px;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
margin: 0;
padding: 0;
}
.categories-bento .slick-dots li {
width: 8px;
height: 8px;
margin: 0;
}
.categories-bento .slick-dots li button {
width: 8px;
height: 8px;
padding: 0;
}
.categories-bento .slick-dots li button:before {
width: 8px;
height: 8px;
color: #027f96;
font-size: 8px;
line-height: 8px;
opacity: 0.25;
}
.categories-bento .slick-dots li.slick-active button:before {
opacity: 1;
}
}
@media (max-width: 575.98px) {
.bento-tile__content,
.bento-tile--small .bento-tile__content,
.bento-tile--all .bento-tile__content {
width: min(100%, 68%);
}
.bento-tile--all .bento-tile__name {
font-size: 26px;
}
.bento-tile__name {
font-size: 19px;
}
.bento-tile__media {
width: 58%;
height: 85%;
}
.bento-tile__cta {
margin-top: 10px;
}
.bento-tile__preview {
width: 40%;
}
} .section-features-bg {
background: linear-gradient(to bottom, #000000 0%, #444444 100%);
}
.features h3 {
font-family: "Onest", sans-serif;
font-size: 21px;
line-height: 120%;
font-weight: 500;
color: var(--accent);
}
.features p {
font-weight: 500;
color: var(--accent);
text-align: left;
font-family: "Onest", sans-serif;
font-size: 14px;
line-height: 1.2rem;
padding-right: 20px;
}
.features img {
width: 190px;
height: 190px;
flex: 0 0 190px;
object-fit: cover;
border-radius: 16px;
}
.features > div {
min-width: 0;
}
.features-title {
color: var(--accent);
}
.features a.features-link-old {
color: #111111;
font-size: 14px;
line-height: 140%;
font-weight: 500;
text-decoration: underline;
}
.arrow-link {
width: 12px;
height: 12px;
position: relative;
top: -1px;
left: 10px;
}
.main-p-14 {
color: var(--main-gray);
font-family: "Onest", sans-serif;
font-size: 14px;
line-height: 1.6rem;
font-weight: 500;
} .main-gradient {
background: linear-gradient(
180deg,
rgba(0, 122, 146, 1) 0%,
rgba(21, 196, 229, 1) 100%
),
linear-gradient(to left, #d9d9d9, #d9d9d9);
}
.contact-section {
padding-top: 120px; 
padding-bottom: 80px; 
}
.archive .contact-section {
padding-top: 60px; 
}
.contact-section img {
width: 220px;
}
.contact-section h2 {
color: var(--white);
font-size: 40px;
line-height: 100%;
opacity: 0.6;
}
.contact-section .phone {
color: var(--white);
font-size: 40px;
line-height: 90%;
position: relative;
}
.gradient-contact-title {
margin: 0 0 0.5rem;
color: var(--white);
font-size: 14px;
font-weight: 500;
line-height: 120%;
opacity: 0.6;
}
.contact-section .contact-adress {
color: var(--white);
font-size: 18px;
line-height: 120%;
}
::-webkit-scrollbar {
background-color: #000;
width: 5px;
height: 5px;
}
::-webkit-scrollbar-thumb {
background: linear-gradient(
180deg,
rgba(0, 122, 146, 1) 0%,
rgba(21, 196, 229, 1) 100%
),
linear-gradient(to left, #d9d9d9, #d9d9d9);
border-radius: 20px;
}
.gap-150 {
padding-left: 150px;
padding-right: 150px;
}
.top-100 {
padding-top: 100px;
}
.title-page {
font-size: 50px;
line-height: 50px;
font-weight: 400;
}
.title-block {
padding-right: 80px;
margin-top: 50px;
color: #111111;
line-height: 29.4px;
font-weight: 500;
font-size: 21px;
}
.item-block {
margin-top: 30px;
margin-bottom: 30px;
font-size: 16px;
font-weight: 500;
line-height: 22.4px;
color: #111111;
padding-right: 60px;
}
.product .item-block {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.maps {
max-height: 530px;
}
.title-footer {
margin-bottom: 0;
color: #85858c;
line-height: 25px;
font-size: 13px;
} .main-gray {
color: #85858c;
font-size: 14px;
}
.btn-dark {
background: #111111;
color: #ffffff;
transition:      opacity 0.2s, transform 0.2s;
font-size: 16px;
}
.btn-dark:hover {
background: #454545ff;
transform:       translateY(-1px);
color: #ffffff;
} .bread-crumbs {
font-size: 14px;
margin-bottom: 50px;
font-weight: 500;
}
.bread-crumbs .active-crumbs {
color: #111111;
} .about-us-img {
width: 590px;
margin-top: 50px;
} .service .item-block {
padding-right: 110px;
}
.service-img {
width: 590px;
margin-top: 10px;
}
.services-block .title {
line-height: 100%;
}
.services-block .item-block {
font-size: 18px;
padding-right: 0px;
margin-top: 0px;
}
.services-block img {
width: 44px;
}
.service-card {
background: #f0f0f2;
height: 138px;
padding: 20px;
}
.services-block {
margin-bottom: 120px;
} .partners_white .img-partners {
opacity: 0.5;
height: 34px;
}
.partners_white .partner-item:hover .img-partners {
opacity: 1;
}
.partners_white .partner-item:hover {
background-color: #f0f0f2;
color: #111111;
}
.partners_white .partner-item {
border-bottom: 1px solid #e0e0e0;
}
.partner-border-top {
border-top: 1px solid #e0e0e0;
}
.partner-item .icon-arrow {
width: 14px;
opacity: 0.5;
}
.partner-item:hover .icon-arrow {
opacity: 1;
}
.partner-item {
display: flex;
padding-top: 15px;
padding-bottom: 15px;
align-items: center;
color: #85858C;
} .contact-white .phone {
color: #111111;
}
.contact-white .contact-adress {
color: #111111;
}
.contact-white .title {
font-size: 14px;
line-height: 120%;
opacity: 0.6;
color: #111111;
}
.contact-white h2 {
color: #848484;
}
.contact-title {
margin-bottom: 70px;
} .not_found {
background-color: #000000;
padding-top: 200px;
padding-bottom: 200px;
}
.not_found h1 {
background: linear-gradient(
180deg,
rgba(178, 178, 178, 1) 0%,
rgba(0, 0, 0, 1) 100%
);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-align: center;
font-family: "Onest-Regular", sans-serif;
font-size: 160px;
line-height: 100%;
font-weight: 400;
position: relative;
} .device-img img {
width: 100%;
display: block;
transition: 0.3s ease;
max-width: 280px;
}
.device-img {
padding: 10px;
transition: 0.3s ease;
position: relative;
}
.categories-title {
color: #111111;
font-size: 16px;
line-height: 130%;
font-weight: 500;
}
.categories-ul a {
color: #848484;
}
.categories-ul {
list-style: none;
padding-left: 0;
}
.categories-ul li {
color: #848484;
padding: 12px 0;
border-bottom: 1px solid #e0e0e0;
transition: 0.3s ease;
}
.categories-ul li:hover {
color: #111111;
background: #f0f0f2;
padding-left: 15px;
transition: 0.3s ease;
}
.categories-ul li:hover a {
color: #111111;
}
.categories-ul li:first-child {
border-top: 1px solid #e0e0e0;
}
.sub {
margin-top: 80px;
}
.sub .col-3, .sub .col-md-3 {
padding: 0.25rem;
} .category .title-block {
font-size: 18px;
margin-bottom: 80px;
margin-top: 40px;
}
.product .item-block {
padding-right: 0;
font-size: 15px;
}
.product .item-block .main-gray {
white-space: pre-line;
}
.show-block,
.hide-block {
display: flex;
background: #f0f0f2;
border-radius: 30px;
color: #848484;
font-size: 16px;
line-height: 140%;
font-weight: 500;
padding: 8px;
align-items: center;
transition: 0.2s ease;
}
.show-block:hover,
.hide-block:hover {
background: #e1e1e5;
color: #111111;
cursor: pointer;
transition: 0.2s ease;
}
.btn-icon {
background-color: #fff;
padding: 4px 8px 7px 8px;
}
.btn-icon img {
width: 16px;
}
.product-charac h5 {
color: #008aa4;
font-size: 16px;
line-height: 140%;
font-weight: 500;
padding-bottom: 5px;
}
.product-charac li {
color: #111111;
font-size: 14px;
line-height: 140%;
font-weight: 500;
padding: 4px 4px;
}
.with-icon li {
list-style: none;
padding: 0;
}
.with-icon ul {
padding-left: 0;
}
.about-product {
background: #f0f0f2;
padding-bottom: 40px;
}
.about-product h2 {
color: #111111;
font-size: 40px;
line-height: 100%;
font-weight: 500;
padding-top: 40px;
padding-bottom: 40px;
}
.about-card {
background: #ffffff;
border-radius: 8px;
margin-bottom: 20px;
}
.about-card p {
color: #848484;
}
.about-card .info {
padding: 45px 40px 0 40px;
}
.about-card a {
color: #111111;
text-decoration: underline;
}
.concept-section-video {
display: block;
width: 100%;
max-height: 520px;
margin: 0 auto;
border-radius: 8px;
background: #111111;
}
.about-card img + .concept-section-video {
margin-top: 24px;
}
.download-link {
color: #008aa4;
font-size: 16px;
line-height: 140%;
font-weight: 500;
text-decoration: underline;
}
.product-details-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) 360px;
gap: 36px;
align-items: start;
}
.product-details-layout--single {
display: block;
}
.product-details-layout__main {
min-width: 0;
}
.product-details-layout__aside {
padding-top: 128px;
}
.product-medical-areas {
background: #ffffff;
border-radius: 8px;
padding: 18px;
}
.product-medical-areas h2 {
font-size: 28px;
line-height: 120%;
padding: 0 0 18px;
}
.product-medical-areas__list {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 0;
padding: 0;
list-style: none;
}
.product-medical-areas__item {
margin: 0;
padding: 0;
}
.product-medical-areas__link {
display: inline-flex;
align-items: center;
min-height: 40px;
padding: 9px 14px;
border: 1px solid rgba(0, 138, 164, 0.24);
border-radius: 8px;
color: #008aa4;
font-size: 15px;
line-height: 130%;
transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}
.product-medical-areas__link:hover,
.product-medical-areas__link:focus {
border-color: #008aa4;
background: rgba(0, 138, 164, 0.08);
color: #006f84;
}
.product-doctor-reviews {
background: #ffffff;
border: 1px solid #ffffff;
border-radius: 8px;
padding: 18px;
}
.product-doctor-reviews h2 {
font-size: 28px;
line-height: 120%;
padding: 0 0 18px;
}
.product-doctor-review {
border-top: 1px solid rgba(17, 17, 17, 0.08);
padding-top: 22px;
margin-top: 22px;
}
.product-doctor-review:first-of-type {
border-top: 0;
padding-top: 0;
margin-top: 0;
}
.product-doctor-review__photo {
width: 100%;
height: 250px;
border-radius: 8px;
object-fit: cover;
background: #f5f5f7;
}
.product-doctor-review__body {
margin-top: 18px;
}
.product-doctor-review h3 {
color: #111111;
font-size: 18px;
line-height: 125%;
font-weight: 500;
margin: 0 0 6px;
}
.product-doctor-review p {
color: rgba(17, 17, 17, 0.68);
font-size: 15px;
line-height: 155%;
margin: 0;
}
.product-doctor-review__role {
color: #008aa4 !important;
font-weight: 500;
margin-bottom: 8px !important;
}
.product-doctor-review__clinic {
color: #111111 !important;
font-weight: 500;
margin-bottom: 12px !important;
}
.product-doctor-review__text p + p {
margin-top: 10px;
}
.product-downloads {
padding: 18px;
background: #ffffff;
border-radius: 8px;
}
.product-details-layout__aside > .product-downloads:first-child {
margin-top: 0;
}
.product-downloads h2 {
font-size: 25px;
line-height: 120%;
padding: 0 0 18px;
}
.product-downloads__list {
display: grid;
gap: 18px;
}
.product-downloads__item {
min-width: 0;
border-bottom: 1px solid rgb(147 146 146 / 22%);
padding-bottom: 10px;
text-align: center;
}
.product-downloads__preview {
display: block;
margin-bottom: 12px;
}
.product-downloads__preview img {
display: block;
width: 100%;
max-height: 250px;
border-radius: 8px;
object-fit: contain;
background: #ffffff;
}
.product-downloads__link {
display: inline-block;
}
.product-downloads .product-downloads__button {
display: flex;
align-items: center;
justify-content: center;
width: fit-content;
max-width: 100%;
margin: 14px auto 0;
}
.product-videos-section {
background: #ffffff;
padding: 40px 0 50px 0;
}
.product-videos-section h2 {
color: #111111;
font-size: 28px;
line-height: 100%;
font-weight: 600;
padding: 0 0 40px;
margin: 0;
}
.product-videos {
display: grid;
gap: 24px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.product-videos__item {
aspect-ratio: 16 / 9;
background: #111111;
border-radius: 8px;
overflow: hidden;
margin: 0 20px;
}
.product-videos__item iframe {
border: 0;
display: block;
height: 100%;
width: 100%;
}
.product-slider {
--product-gallery-thumb-size: 76px;
--product-gallery-gap: 10px;
}
.product-gallery__main {
position: relative;
overflow: hidden;
border: 1px solid #e6e6ea;
border-radius: 8px;
background: #ffffff;
}
.product-gallery__main .slick-list,
.product-gallery__main .slick-track,
.product-gallery__main .slick-slide,
.product-gallery__main .slick-slide > div {
height: 100%;
}
.product-gallery__main-slide {
display: flex !important;
align-items: center;
justify-content: center;
width: 100%;
min-height: 430px;
aspect-ratio: 1 / 1;
padding: 34px;
}
.product-gallery__main-slide img {
display: block;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.product-gallery__thumbs {
position: relative;
margin-top: 14px;
padding: 0 34px;
}
.product-gallery__thumbs .slick-list {
margin: 0 calc(var(--product-gallery-gap) * -0.5);
}
.product-gallery__thumbs .slick-slide {
padding: 0 calc(var(--product-gallery-gap) * 0.5);
}
.product-gallery__thumb {
display: flex !important;
align-items: center;
justify-content: center;
width: 100%;
aspect-ratio: 1 / 1;
min-height: var(--product-gallery-thumb-size);
padding: 8px;
border: 1px solid #e1e1e5;
border-radius: 6px;
background: #ffffff;
opacity: 0.72;
transition: border-color 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}
.product-gallery__thumb img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
pointer-events: none;
}
.product-gallery__thumb:hover,
.product-gallery__thumb:focus-visible,
.product-gallery__thumb-slide.is-active .product-gallery__thumb {
border-color: #008aa4;
box-shadow: 0 0 0 2px rgba(0, 138, 164, 0.12);
opacity: 1;
outline: none;
}
.product-gallery__arrow {
position: absolute;
z-index: 2;
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border: 1px solid #e1e1e5;
border-radius: 50%;
background: rgba(255, 255, 255, 0.92);
color: #111111;
font-size: 18px;
line-height: 1;
cursor: pointer;
transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, opacity 0.2s ease;
}
.product-gallery__arrow:hover,
.product-gallery__arrow:focus-visible {
border-color: #008aa4;
background: #ffffff;
color: #008aa4;
outline: none;
}
.product-gallery__arrow.slick-disabled {
opacity: 0.35;
cursor: default;
}
.product-gallery__arrow--main {
top: 50%;
transform: translateY(-50%);
}
.product-gallery__arrow--thumbs {
top: 50%;
width: 28px;
height: 28px;
font-size: 14px;
transform: translateY(-50%);
}
.product-gallery__arrow--prev {
left: 10px;
}
.product-gallery__arrow--next {
right: 10px;
}
.product-gallery__thumbs .product-gallery__arrow--prev {
left: 0;
}
.product-gallery__thumbs .product-gallery__arrow--next {
right: 0;
} footer {
background: #000000;
padding-top: 40px;
padding-bottom: 15px;
} footer .widget .widget-title {
margin: 0 0 0.5rem;
color: var(--white);
font-size: 14px;
font-weight: 500;
line-height: 120%;
}
footer .widget ul {
list-style: none;
padding: 0;
}
footer .widget ul li a {
color: #85858c;
font-size: 14px;
line-height: 1.8rem;
padding: 7px 0px;
}
footer .widget ul li:hover a {
color: var(--white);
}
footer .copyrigth {
color: #85858c;
font-size: 14px;
line-height: 120%;
}
.form-control:focus {
box-shadow: 0 0 0 2px rgba(13, 110, 253, .25);
}  .home-request-section {
background: linear-gradient(0deg, rgba(0, 122, 146, 1) 0%, rgba(21, 196, 229, 1) 100%), linear-gradient(to left, #d9d9d9, #d9d9d9);
padding: 80px 0;
}
.home-request-section__inner {
display:        grid;
grid-template-columns: 1fr 1fr;
gap:            60px;
align-items:    center;
} .home-request-section__info {
color: #fff;
}
.home-request-section__title {
font-size:     clamp(2rem, 4vw, 3rem);
font-weight:   700;
line-height:   1.15;
margin-bottom: 20px;
color:         #fff;
}
.home-request-section__desc {
font-size:     20px;
font-weight:   300;
line-height:   1.6;
margin-bottom: 36px;
color:         rgba(255,255,255,0.9);
}
.home-request-section__or {
font-size:     0.9rem;
font-weight:   500;
text-transform: uppercase;
letter-spacing: 0.06em;
color:         rgba(255,255,255,0.75);
margin-bottom: 14px;
}
.home-request-section__or a {
color: #fff;
}
.home-request-section__or a:hover {
text-decoration: underline;
}
.home-request-section__socials {
display:    flex;
flex-wrap: wrap;
gap:        12px;
align-items: flex-start;
width: 100%;
}
.home-request-section__socials .site-sidebar__social{
width: 45px;
height: 45px;
}
.news-card__subcat {
font-size:    10px;
font-weight:  500;
color:        #1d1d1fb5;
background:   rgba(34, 34, 34, 0.1);
padding:      3px 10px;
border-radius: 50px;
font-family:  "Onest", sans-serif;
text-transform: uppercase;
letter-spacing: 0.04em;
} .home-request-section__form-wrap {
background:    #fff;
border-radius: 24px;
padding:       40px 36px;
box-shadow:    0 8px 40px rgba(0,0,0,0.10);
}
.home-request-section__form .form-control {
background: #f5f5f5 !important;
font-size:  0.95rem;
}
.home-request-section__form .form-label {
font-size:     0.8rem;
margin-bottom: 4px;
} .home-request-section__form .hero-btn.w-100 {
width: 100%;
justify-content: center;
border: none !important;
}
.education-registration-section__action {
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: center;
gap: 22px;
min-height: 280px;
}
.education-registration-section__action-title {
font-size: 28px;
font-weight: 700;
line-height: 1.25;
color: #1d1d1f;
margin: 0;
}
.education-registration-section__action-text {
font-size: 16px;
line-height: 1.55;
color: rgba(29, 29, 31, 0.7);
margin: 0;
}
.education-registration-section__button {
width: 100%;
justify-content: center;
border: none !important;
} @media (max-width: 991px) {
.home-request-section__inner {
grid-template-columns: 1fr;
gap: 30px;
}
.home-request-section__form-wrap {
padding: 15px 20px;
}
.education-registration-section__action {
min-height: 220px;
}
} .home-news-section__header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 36px;
flex-wrap: wrap;
gap: 16px;
}
.home-news-section__title {
font-size: clamp(1.5rem, 3vw, 2.2rem);
font-weight: 700;
color: #1d1d1fdc;
margin: 0;
}
.home-news-section__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 28px;
}
.news-card {
display: flex;
flex-direction: column;
border-radius: 16px;
overflow: hidden;
text-decoration: none;
color: inherit;
box-shadow: 0 4px 10px #a8aaaac3;
transition: transform .25s ease, box-shadow .25s ease;
}
.news-card:hover {
transform: translateY(-4px);
box-shadow: 0 6px 15px #52cfe5ab;
}
.news-card__img {
width: 100%;
aspect-ratio: 16 / 9;
overflow: hidden;
flex-shrink: 0;
}
.news-card__img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.news-card__img--empty {
background: #e9ecef;
}
.news-card__body {  padding: 20px 22px 24px;
flex: 1;
display: flex;
flex-direction: column;
gap: 10px;
}
.news-card__title {
font-size: 19px;
font-weight: 700;
color: #1d1d1fdc;
margin: 0;
line-height: 1.4;
min-height: 50px;
}
.news-card__terms {
display: flex;
flex-wrap: wrap;
gap: 6px;
align-items: center;
}
.news-card__excerpt {
font-size: 14px;
color: #1d1d1fc5;
margin: 0;
line-height: 1.55;
}
.news-card__meta {
align-items: flex-start;
}
.product-btn-dark {
padding: 11px 22px !important;
}
@media (max-width: 991px) {
.home-news-section__grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 575px) {
.home-news-section__grid {
grid-template-columns: 1fr;
margin-left: 10px;
margin-right: 10px;
}
}
.news-card__btn {
margin-top: auto;
align-self: flex-start;
border: 2px solid var(--accent) !important;
color: #ffffff !important;
}
.news-card__btn:hover {
background: #55d0e71a !important;
}
@media (max-width: 576px) {
.navbar-toggler {
border: none;
}
.fixed-top {
right: auto !important;
}
.mobile-manager .text {
color: #85858c;
text-align: left;
font-family: "Onest", sans-serif;
font-size: 8px;
line-height: 120%;
}
.mobile-manager .phone {
color: #ffffff;
text-align: left;
font-family: "Onest", sans-serif;
font-size: 14px;
line-height: 120%;
}
.navbar-collapse {
min-height: 100vh;
}
.navbar-nav .nav-item a.nav-link {
color: #85858c;
text-align: center;
font-family: "Onest", sans-serif;
font-size: 27px;
line-height: 160%;
}
.navbar-nav {
margin-top: 170px;
}
.navbar-toggler i {
font-size: 33px;
position: relative;
right: -20px;
}
.main h1 {
text-align: left;
font-family: "Onest-Regular", sans-serif;
font-size: 35px;
line-height: 110%;
font-weight: 400;
}
.main p {
color: #848484;
text-align: left;
font-family: "Onest", sans-serif;
font-size: 14px;
line-height: 150%;
font-weight: 500;
}
.outer .partners {
padding-top: 300px;
}
.gap-top-section {
padding-top: 30px;
padding-bottom: 30px;
}
.gap-section {
padding-top: 30px;
padding-bottom: 0px;
}
.title {
font-size: 25px;
line-height: 90%;
}
.categories .item img {
padding-top: 0px;
width: 100%;
}
.features img {
width: 100%;
height: 190px;
flex-basis: auto;
object-position: top;
margin-bottom: 15px;
}
.mb-80 {
margin-bottom: 0px;
}
.features {
margin-bottom: 20px;
}
.features h3 {
font-size: 15px;
min-height: 41px;
align-content: center;
}
.features .hero-btn {
font-size: 11px;
padding: 10px 5px;
display: flex;
}
.features .hero-btn svg{
width: 16px;
height: 16px;
}
.contact-section {
padding-top: 30px;
padding-bottom: 30px;
}
.contact-section img {
width: 100% !important;
align-content: center;
}
.contact-section h2 {
font-size: 18px;
}
.contact-section .phone {
font-size: 23px;
}
.home-request-section__form {
margin-top: 15px;
}
.home-request-section__form .col-12 {
margin-top: 10px;
}
.home-news-section__header {
margin-bottom: 25px;
}
.home-news-section__header .hero-btn  {
flex: 0;
padding: 8px 15px;
}
.news-card__title  {
min-height: 45px;
}
footer .widget {
margin-bottom: 30px;
}
.gap-150 {
padding-left: 15px;
padding-right: 15px;
}
.top-100 {
padding-top: 100px;
}
.navbar {
box-shadow: none;
width: 100%;
margin-top: 0 !important;
}
.title-page {
font-size: 30px;
font-weight: 400;
}
.device-img {
width: 60%;
margin: 0 auto;
margin-bottom: 30px;
}
.device-img img {
margin: 0 auto;
}
.bread-crumbs {
margin-bottom: 20px;
}
.title-page {
line-height: 100%;
}
.title-block {
padding-right: 0;
}
.category .title-block {
margin-bottom: 30px;
margin-top: 20px;
font-size: 14px;
line-height: 140%;
font-weight: 500;
}
.device-img.m-fix {
margin-top: 40px;
margin-bottom: 20px;
width: 100%;
}
.sub {
margin-top: 35px;
} 
.sub .item img {
padding-bottom: 50px;
}
.not_found {
padding-top: 200px;
padding-bottom: 200px;
}
.not_found h1 {
font-size:130px;
}
.contact-title {
margin-bottom: 40px;
}
.about-us .item-block {
padding-right: 0;
}
.about-us .title-block {
margin-top: 30px;
}
.about-us-img, .service-img {
margin-top: 0;
width: 100%;
}
.partners {
padding-bottom: 0;
}
.service .title-block{
margin-top: 30px;
font-size: 16px;
}
.service .item-block {
padding-right: 0;
font-size: 14px;
margin-top: 20px;
margin-bottom: 20px;
}
.services-block .service-card h6 {
float: left;
}
.services-block .item-block {
margin-bottom: 0;
padding-left: 35px;
font-size: 16px;
}
.services-block .item-block.m-fix {
margin-bottom: 30px;
margin-top: 30px;
padding-left: 0;
}
.service-card {
height: auto;
}
.services-block {
margin-bottom: 60px;
}
.product-gallery__main-slide {
min-height: 320px;
padding: 24px;
}
.product-gallery__thumbs {
padding: 0 30px;
}
.product-charac {
border-bottom: 1px solid #d9d9d9;
margin-bottom: 25px;
padding-bottom: 10px;
}
.about-product h2 {
font-size: 25px;
line-height: 90%;
font-weight: 500;
padding-top: 20px;
padding-bottom: 20px;
}
.about-card {
margin-left: 0;
margin-right: 0;
margin-bottom: 10px !important;
}
.about-card .info {
padding: 25px 20px 0 20px;
line-height: 140%;
font-weight: 500;
}
.about-card .info h3 {
font-size: 16px;
}
.about-card .info p {
font-size: 14px;
}
.about-product .about-card img {
width: 100%;
}
.download img {
width: 100%;
}
.download .download-link {
font-size: 14px;
}
.download .hero-btn {
font-size: 14px;
padding: 11px;
}
.product-details-layout {
display: block;
}
.product-details-layout__aside {
position: static;
padding-top: 10px;
}
.product-medical-areas {
padding: 16px;
}
.product-medical-areas h2 {
font-size: 25px;
padding-bottom: 18px;
padding-top: 0px !important;
}
.product-medical-areas__link {
min-height: 38px;
font-size: 14px;
}
.product-doctor-reviews {
padding: 16px;
}
.product-doctor-reviews h2 {
font-size: 25px;
padding-bottom: 18px;
padding-top: 0px !important;
}
.product-doctor-review__photo {
height: 220px;
}
.product-downloads {
padding: 16px;
}
.product-downloads h2 {
font-size: 25px;
padding-bottom: 18px;
padding-top: 0px !important;
}
.product-downloads__preview img {
max-height: 220px;
}
.product-videos-section {
padding-top: 40px;
}
.product-videos-section h2 {
font-size: 24px;
line-height: 90%;
padding-bottom: 30px;
font-weight: 600;
}
.product-videos {
gap: 16px;
grid-template-columns: 1fr;
}
.navbar-brand {
margin-right: 10px;
}
.navbar-toggler {
padding-left: 0;
padding-right: 5px;
}
.categories .item .title {
padding-right: 10px;
}
.recommended-product-card .title {
padding-right: 0px;
}
.categories .item .title h5 {
margin-bottom: 0;
font-size: 15px;
}
.categories .item {
padding: 10px;
}
.tax-group .sub .item img {
padding-bottom: 10px;
}
.tax-group .categories .item .title {
position: relative;
bottom: unset;
}
.tax-group .categories .item .title h5 {
line-height: 130%;
}
#lang-switch {
position: absolute;
bottom: 160px;
margin: 0px !important;
display: flex;
flex-direction: row;
align-content: center;
justify-content: center;
align-items: center;
width: 90%;
}
.hero-section__title {
font-size: 22px !important;
margin: 0 0 10px 0 !important;
}
.hero-section__text {
font-size: 16px !important;
}
.hero-section__content {
flex: 1 1 30px !important;
}
.banners-slider__arrow--prev {
display: none !important;
}
.banners-slider__arrow--next {
display: none !important;
}
.home-request-section__info {
text-align: center;
}
.home-request-section__socials {
justify-content: center;
}
.slick-dotted.slick-slider {
margin-bottom: 0px !important;
}
.banners-section.slick-list {
max-height: 210px !important;
}
.banner-slide__media {
align-items: start !important;
}
.banner-slide__media img {
width: auto;
height: 100%; 
}
.partners-showcase__title {
min-width: 0;
font-size: 30px;
padding: 0 0 20px;
}
.partners.partners_white {
margin-top: 30px;
}
.partners-showcase__title {
margin-left: auto !important;
margin-right: auto !important;
}
.partners-showcase__intro {
text-align: center;
}
.hero-section__actions {
margin-top: 20px;
}
.categories-bento .bento-tile__name {
font-size: 20px;
}
.categories-bento .bento-tile--all .bento-tile__name {
font-size: 27px;
}
.home-request-section__desc {
line-height: 1.2;
margin-bottom: 26px;
}
.home-request-section__or {
font-size: 11px;
}
.home-request-section__form-wrap {
margin-bottom: 30px;
}
.contact-section .contact-adress {
font-size: 16px;
}
.modal-header {
align-items: flex-start;
}
.modal-title{
font-size: 20px;
}
.modal-header .main-gray{
font-size: 12px;
}
.modal-content {
padding: 10px !important;
margin: 10px !important;
}
.modal-content .btn-close{
padding: 15px;
}
.modal-content label{
font-size: 12px;
}
.modal-content .form-check-label{
font-size: 10px;
}
.modal-content .form-check-input[type=checkbox] {
min-height: 20px;
}
.modal-content input{
padding: 5px 10px !important;
}
.modal-content .col-md-6{
margin-bottom: 3px !important;
}
.modal-content .col-12{
margin-bottom: 3px !important;
}
.modal-content .btn-dark{
font-size: 14px;
padding: 15px 30px !important;
width: auto !important;
}
.product-btn-accent {
flex: 0 !important;
}
.product-btn-dark {
padding: 11px 22px;
}
.hide-show-block .col-12{
width: auto !important;
margin: 0 10px 10px 10px !important;
padding-right: 20px;
}
}
.thank-you-page {
padding-bottom: 100px;
}
.thank-you-page__card {
display: grid;
grid-template-columns: minmax(0, 1.5fr) minmax(280px, 0.9fr);
gap: 32px;
margin-top: 32px;
padding: 48px;
border-radius: 32px;
background: linear-gradient(135deg, #f8f9fc 0%, #ffffff 100%);
box-shadow: 0 25px 60px rgba(14, 19, 35, 0.08);
}
.thank-you-page__badge {
display: inline-flex;
align-items: center;
padding: 10px 16px;
border-radius: 999px;
background: rgba(8, 223, 238, 0.08);
color: var(--accent);
font-size: 14px;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
margin-bottom: 20px;
}
.thank-you-page__title {
margin-bottom: 18px;
}
.thank-you-page__text,
.thank-you-page__note {
max-width: 680px;
font-size: 18px;
line-height: 1.7;
color: #52525d;
}
.thank-you-page__note {
margin-top: 12px;
}
.thank-you-page__actions {
display: flex;
flex-wrap: wrap;
gap: 16px;
margin-top: 32px;
}
.thank-you-page__aside-card {
height: 100%;
padding: 32px 28px;
border-radius: 24px;
background: var(--gradient);
color: #fff;
}
.thank-you-page__aside-title {
margin-bottom: 12px;
font-size: 28px;
font-weight: 700;
line-height: 1.2;
}
.thank-you-page__aside-card p {
margin-bottom: 20px;
color: rgba(255, 255, 255, 0.9);
line-height: 1.6;
}
.thank-you-page__phone {
color: #fff;
font-size: 24px;
font-weight: 700;
text-decoration: none;
}
.thank-you-page__phone:hover {
color: #fff;
text-decoration: underline;
}
@media (max-width: 991px) {
.thank-you-page__card {
grid-template-columns: 1fr;
padding: 32px 24px;
}
.banners-section .slick-list {
max-height: 126px !important;
}
.banners-section .container {
padding: 0 !important;
}
}
@media (max-width: 575px) {
.thank-you-page__card {
padding: 24px 18px;
border-radius: 24px;
}
.thank-you-page__text,
.thank-you-page__note {
font-size: 16px;
}
.thank-you-page__phone {
font-size: 20px;
}
}
.floating-consultation-btn {
position: fixed;
right: 24px;
bottom: 24px;
z-index: 9998;
min-height: 58px;
padding: 16px 24px;
border: 2px solid #ffffff;
box-shadow: 0 16px 32px rgba(0, 0, 0, 0.18);
text-decoration: none;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 12px;
transform-origin: right center;
transition: width 0.46s cubic-bezier(0.22, 1, 0.36, 1), min-width 0.46s cubic-bezier(0.22, 1, 0.36, 1), padding 0.46s cubic-bezier(0.22, 1, 0.36, 1), border-radius 0.46s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.4s ease, transform 0.46s cubic-bezier(0.22, 1, 0.36, 1), filter 0.4s ease;
}
.floating-consultation-btn__text {
display: inline-block;
}
.floating-consultation-btn__icon {
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.floating-consultation-btn:hover {
text-decoration: none;
}
.hero-btn.floating-call-btn {
display: none;
}
@media (max-width: 575px) {
.hero-btn.floating-call-btn {
position: fixed;
right: 14px;
bottom: 82px;
z-index: 9999;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0;
width: 56px;
min-width: 56px;
min-height: 56px;
padding: 0;
overflow: hidden;
border: 2px solid #ffffff;
border-radius: 999px;
background: var(--gradient);
box-shadow: 0 16px 32px rgba(0, 0, 0, 0.18);
color: #ffffff;
text-decoration: none;
transform-origin: right center;
will-change: width, min-width, padding, border-radius;
transform: translateY(0) scale(1);
filter: saturate(0.98);
transition: width 0.46s cubic-bezier(0.22, 1, 0.36, 1), min-width 0.46s cubic-bezier(0.22, 1, 0.36, 1), padding 0.46s cubic-bezier(0.22, 1, 0.36, 1), gap 0.46s cubic-bezier(0.22, 1, 0.36, 1), border-radius 0.46s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.4s ease, transform 0.46s cubic-bezier(0.22, 1, 0.36, 1), filter 0.4s ease;
}
.hero-btn.floating-call-btn:hover,
.hero-btn.floating-call-btn:focus-visible {
color: #ffffff;
text-decoration: none;
}
.hero-btn.floating-call-btn:focus-visible {
outline: 3px solid rgba(85, 208, 231, 0.5);
outline-offset: 3px;
}
.floating-call-btn__icon {
display: inline-flex;
flex-shrink: 0;
align-items: center;
justify-content: center;
}
.floating-call-btn__number {
display: inline-block;
width: 0;
max-width: 0;
margin: 0;
overflow: hidden;
color: #ffffff;
font-size: 16px;
font-weight: 500;
line-height: 1;
white-space: nowrap;
opacity: 0;
visibility: hidden;
transform: translateX(10px);
transition: width 0.46s cubic-bezier(0.22, 1, 0.36, 1), max-width 0.46s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.24s ease, transform 0.46s cubic-bezier(0.22, 1, 0.36, 1), visibility 0s linear 0.46s;
}
.hero-btn.floating-call-btn.is-expanded {
width: min(220px, calc(100vw - 28px));
min-width: min(220px, calc(100vw - 28px));
padding: 14px 18px 14px 20px;
gap: 12px;
justify-content: space-between;
box-shadow: 0 18px 36px rgba(0, 0, 0, 0.22);
transform: translateY(-2px) scale(1.02);
filter: saturate(1.05);
}
.floating-call-btn.is-expanded .floating-call-btn__number {
width: 132px;
max-width: 180px;
opacity: 1;
visibility: visible;
transform: translateX(0);
transition: width 0.46s cubic-bezier(0.22, 1, 0.36, 1), max-width 0.46s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.3s ease 0.08s, transform 0.46s cubic-bezier(0.22, 1, 0.36, 1), visibility 0s;
}
.hero-btn.floating-call-btn:active {
transform: scale(0.96);
}
.hero-btn.floating-call-btn.is-expanded:active {
transform: translateY(-1px) scale(1.09);
}
.floating-consultation-btn {
right: 14px;
left: auto;
bottom: 14px;
width: 56px;
min-width: 56px;
min-height: 56px;
padding: 0;
border-radius: 999px;
overflow: hidden;
justify-content: center;
will-change: width, min-width, padding, border-radius;
transform: translateY(0) scale(1);
filter: saturate(0.98);
}
.floating-consultation-btn__text {
display: none;
max-width: 0;
opacity: 0;
visibility: hidden;
white-space: nowrap;
overflow: hidden;
transform: translateX(14px);
transition: max-width 0.9s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.28s ease, transform 0.42s cubic-bezier(0.22, 1, 0.36, 1), visibility 0s linear 0.42s;
}
.floating-consultation-btn.is-expanded {
width: auto;
min-width: min(260px, calc(100vw - 28px));
padding: 14px 18px 14px 20px;
justify-content: space-between;
box-shadow: 0 18px 36px rgba(0, 0, 0, 0.22);
transform: translateY(-2px) scale(1.02);
filter: saturate(1.05);
}
.floating-consultation-btn.is-expanded .floating-consultation-btn__text {
max-width: 190px;
display: inline-block;
opacity: 1;
visibility: visible;
transform: translateX(0);
transition: max-width 0.42s cubic-bezier(0.22, 1, 0.36, 1), opacity 1s ease 0.09s, transform 0.9s cubic-bezier(0.22, 1, 0.36, 1), visibility 0s;
}
.floating-consultation-btn.is-expanded .floating-consultation-btn__icon {
margin-left: 2px;
}
.floating-consultation-btn:active {
transform: scale(0.96);
}
.floating-consultation-btn.is-expanded:active {
transform: translateY(-1px) scale(1.09);
}
}