.aj-hero {
position: relative;
overflow: visible;
background: #fff;
min-height: 80vh;
display: flex;
flex-direction: column;
justify-content: center;
padding: 48px 16px;
--orb-size: clamp(460px, 44vw, 780px);
--orbit: clamp(120px, 14vw, 260px);
--orange: rgba(255, 90, 60, 0.3);
--blue: rgba(4, 25, 42, 0.3);
--speed: 85s;
}
.aj-hero__inner {
position: relative;
z-index: 2;
max-width: 1100px;
margin: 0 auto;
text-align: center;
}
.aj-hero__title {
font-size: clamp(28px, 4vw, 50px);
line-height: 1.15;
margin: 0 0 10px;
}
.aj-hero__subtitle {
color: #5b5b5b;
margin: 0 0 26px;
font-size: clamp(16px, 4vw, 20px);
} .aj-hero::before,
.aj-hero::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: var(--orb-size);
height: var(--orb-size);
pointer-events: none;
z-index: 0;
filter: blur(38px);
border-radius: 50%;
will-change: transform;
opacity: 0.95;
}
.aj-hero::before {
background: radial-gradient(
ellipse at 40% 50%,
var(--orange) 0%,
rgba(255, 90, 60, 0.05) 80%
);
transform: translate(-50%, -50%) scaleX(1.3) scaleY(0.8) rotate(0deg)
translateX(var(--orbit));
animation: ajBlobOrbit var(--speed) linear infinite;
}
.aj-hero::after {
background: radial-gradient(
ellipse at 60% 50%,
var(--blue) 0%,
rgba(4, 25, 42, 0.06) 80%
);
transform: translate(-50%, -50%) scaleX(0.8) scaleY(1.2) rotate(0deg)
translateX(var(--orbit));
animation: ajBlobOrbit var(--speed) linear infinite;
animation-delay: calc(var(--speed) / -2);
}
@keyframes ajBlobOrbit {
from {
transform: translate(-50%, -50%) rotate(0deg) translateX(var(--orbit));
}
to {
transform: translate(-50%, -50%) rotate(360deg) translateX(var(--orbit));
}
} .aj-search {
display: flex;
justify-content: center;
}
.aj-search__rail {
display: flex;
align-items: center;
gap: 0;
background: #fff;
padding: 10px;
border-radius: 46px;
box-shadow: 0 1px 0 #ff593c36 inset, 0 0 0 6px rgba(4, 25, 42, 0.06),
0 16px 36px rgba(31, 15, 71, 0.25);
width: min(1120px, 96%);
}
.aj-search__cell {
display: flex;
align-items: center;
gap: 10px;
padding: 10px 16px;
white-space: nowrap;
}
.aj-search__cell--grow {
flex: 1 1 45%;
}
.aj-search__cell input {
border: none;
outline: none;
width: 100%;
background: transparent;
font-size: 16px;
}
.aj-ico {
display: inline-flex;
opacity: 0.9;
}
.aj-search__divider {
width: 1px;
height: 28px;
background: #e8e8ee;
margin: 0 4px;
} .aj-search__select {
position: relative;
}
.aj-search__select select {
appearance: none;
background: transparent;
border: none;
font-size: 16px;
padding-right: 18px;
cursor: pointer;
}
.aj-search__select::after {
content: "";
position: absolute;
right: 10px;
top: 50%;
width: 8px;
height: 8px;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: translateY(-60%) rotate(45deg);
opacity: 0.55;
} .aj-search__location {
position: relative;
flex-direction: row;
align-items: center;
}
.aj-loc-suggestions {
position: absolute;
left: 44px;
right: 12px;
top: calc(100% + 6px);
background: #fff;
border: 1px solid #ececf3;
box-shadow: 0 10px 24px rgba(31, 15, 71, 0.1);
border-radius: 14px;
padding: 6px;
z-index: 5;
}
.aj-loc-suggestion {
width: 100%;
text-align: left;
padding: 10px 12px;
background: #fff;
border: 0;
border-radius: 10px;
cursor: pointer;
font-size: 14px;
display: flex;
align-items: center;
gap: 6px;
transition: background 0.2s;
}
.aj-loc-suggestion:hover {
background: #f7f7fb;
} .aj-search__submit {
margin-left: auto;
background: #ff5a3c;
color: #fff;
border: none;
border-radius: 28px;
padding: 12px 32px;
font-weight: 600;
cursor: pointer;
transition: background 0.25s;
border: 1px solid #ff5a3c !important;
}
.aj-search__submit:hover {
background: #ff5a3c;
}
.nt-related-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
}
.nt-related-grid .nt-related-card {
grid-template-rows: auto;
}
.nt-related-grid .nt-related-card img {
max-height: 222px;
}
.nt-related-grid .nt-related-card a {
text-decoration: none;
}
.nt-for-user .nt-for-business__inner {
grid-template-columns: 2.2fr 0.8fr;
} @media (max-width: 820px) {
.aj-search__divider {
display: none;
}
.aj-search__cell {
padding: 8px 12px;
}
.aj-search__submit {
padding: 12px 16px;
}
.aj-hero {
--orb-size: clamp(320px, 54vw, 600px);
--orbit: clamp(90px, 18vw, 180px);
}
.nt-for-user .nt-for-business__inner {
grid-template-columns: 1fr;
}
.nt-for-user .nt-for-business__col--media {
order: 1;
height: 320px; }
.nt-for-user .nt-for-business__col--text {
order: 2;
text-align: center;
}
.nt-related-grid {
display: flex;
flex-wrap: wrap;
gap: 15px;
}
.aj-testimonials-swiper .swiper-pagination-bullet {
background: white;
}
}
@media (max-width: 600px) {
.aj-hero {
min-height: 72vh;
padding: 32px 12px;
--orb-size: clamp(280px, 78vw, 520px);
--orbit: clamp(60px, 14vw, 120px);
--speed: 90s;
overflow: hidden;
}
.aj-hero::before,
.aj-hero::after {
top: 60%;
filter: blur(30px);
opacity: 0.75;
}
.aj-search__rail {
width: 94%;
padding: 10px;
flex-wrap: wrap;
row-gap: 8px;
column-gap: 8px;
border-radius: 28px;
}
.aj-search__divider {
display: none !important;
}
.aj-search__rail > .aj-search__cell {
flex: 1 1 100%;
padding: 10px 12px;
background: #fff;
border-radius: 18px;
box-shadow: 0 1px 0 #eee inset;
}
.aj-loc-suggestions {
position: static;
margin-top: 6px;
left: auto;
right: auto;
}
.aj-search__submit {
flex: 1 1 100%;
width: 100%;
padding: 14px 16px;
border-radius: 22px;
margin-left: 0;
}
.nt-related-grid .nt-related-card {
width: 100%;
}
}