.bee-footer {
position: relative;
overflow: hidden;
padding-top: 5rem;
background:
linear-gradient(180deg,
#02101f 0%,
#041a31 100%);
}
.bee-footer a:hover {
color: var(--bee-gold);
} .bee-footer__background-word {
font-size: clamp(60px, 11vw, 140px);
font-weight: 900;
letter-spacing: -6px;
color: transparent;
-webkit-text-stroke: 1.5px rgba(127, 212, 255, 0.15);
text-stroke: 1.5px rgba(127, 212, 255, 0.15);
line-height: 0.8;
white-space: nowrap;
user-select: none;
text-transform: uppercase;
text-align: center;
user-select: none;
} .bee-footer__top {
position: relative;
z-index: 2;
margin-bottom: 6rem;
}
.bee-footer__intro {
max-width: 860px;
}
.bee-footer__title {
margin-top: 1.5rem;
color: #ffffff;
font-size: clamp(3rem, 6vw, 4rem);
font-weight: 600;
line-height: 1.05;
letter-spacing: -0.025em;
text-wrap: balance;
} .bee-footer__grid {
position: relative;
z-index: 2;
display: grid;
grid-template-columns:
1.4fr 1fr 1fr 1fr;
gap: 3rem;
padding-bottom: 5rem;
} .bee-footer__logo {
display: inline-flex;
margin-bottom: 1.5rem;
color:
#ffffff;
font-size: 1.5rem;
font-weight: 800;
letter-spacing: -0.04em;
text-decoration: none;
} .bee-footer__description {
max-width: 340px;
color:
rgba(255, 255, 255, 0.68);
font-size: 0.98rem;
line-height: 1.9;
} .bee-footer__column h3 {
margin-bottom: 1.5rem;
color: var(--bee-gold);
font-size: 1rem;
font-weight: 700;
letter-spacing: 0.02em;
} .bee-footer__column ul {
display: flex;
flex-direction: column;
gap: 1rem;
margin: 0;
padding: 0;
list-style: none;
}
.bee-footer__column ul li {
color:
rgba(255, 255, 255, 0.65);
font-size: 0.95rem;
line-height: 1.6;
}
.bee-footer__column ul li a {
color:
rgba(255, 255, 255, 0.65);
text-decoration: none;
transition:
color 0.35s ease,
transform 0.35s ease;
}
.bee-footer__column ul li a:hover {
color: var(--bee-gold);
} .bee-footer__socials {
display: flex;
align-items: center;
gap: 0.8rem;
margin-top: 2rem;
}
.bee-footer__socials a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius: 50%;
background:
rgba(255, 255, 255, 0.06);
border:
1px solid rgba(255, 255, 255, 0.08);
color:
#ffffff;
transition:
all 0.35s ease;
}
.bee-footer__socials a:hover {
transform:
translateY(-4px);
background:
rgba(255, 255, 255, 0.1);
} .bee-footer__bottom {
position: relative;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
min-height: 90px;
border-top:
1px solid rgba(255, 255, 255, 0.08);
}
.bee-footer__bottom p {
color:
rgba(255, 255, 255, 0.5);
font-size: 0.9rem;
} @media (max-width: 1200px) {
.bee-footer__grid {
grid-template-columns:
repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.bee-footer {
padding-top: 5rem;
}
.bee-footer__top {
margin-bottom: 4rem;
}
.bee-footer__title {
font-size:
clamp(2.8rem, 12vw, 4.5rem);
}
.bee-footer__grid {
grid-template-columns: 1fr;
gap: 3rem;
padding-bottom: 4rem;
}
.bee-footer__background-word {
font-size:
clamp(4rem, 22vw, 8rem);
top: 10rem;
}
.bee-footer__bottom {
min-height: 70px;
}
}
.bee-footer-widget {
margin-top: 20px;
}
.bee-footer-widget p {
color: rgba(255, 255, 255, 0.8);
}  .bee-footer__brand-text {
margin: 0 0 28px;
color: rgba(255, 255, 255, 0.72);
font-size: 15px;
line-height: 1.9;
letter-spacing: 0.02em;
} .bee-footer__contact {
display: flex;
flex-direction: column;
gap: 14px;
}
.bee-footer__contact a {
display: inline-flex;
align-items: center;
gap: 12px;
width: fit-content;
color: rgba(255, 255, 255, 0.92);
font-size: 16px;
font-weight: 500;
letter-spacing: 0.03em;
text-decoration: none;
transition:
opacity 0.4s ease,
transform 0.4s ease,
color 0.4s ease;
} .bee-footer__contact a svg {
width: 16px;
height: 16px;
opacity: 0.7;
flex-shrink: 0;
transition:
opacity 0.4s ease,
transform 0.4s ease;
} .bee-footer__contact a:hover {
opacity: 0.72;
transform: translateX(4px);
}
.bee-footer__contact a:hover svg {
opacity: 1;
transform: translateX(1px);
}
.bee-footer__column .sub-menu{
display:none;
}
.bee-footer__branding-widget p {
margin-top:10px;
color:rgba(255,255,255,0.6);
} @media (max-width: 768px) {
.bee-footer__branding-widget {
max-width: 100%;
}
.bee-footer__branding-widget p {
font-size: 14px;
line-height: 1.8;
}
.bee-footer__contact a {
font-size: 13px;
}
}
.pll-parent-menu-item > ul.sub-menu > li .menu-link,.pll-parent-menu-item > .menu-link{
display:flex !important;
align-items: center;
gap:5px;
}
@media (max-width: 921px) {
.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .ast-menu-toggle {
color: #fff;
background: rgba(255, 255, 255, 0.05);
padding: 0;
align-items: center;
width: 40px;
margin: auto;
height: 40px;
}
}