/* ==========================================================
   FOOTER
========================================================== */

.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);
}

/* ==========================================================
   BACKGROUND WORD
========================================================== */

.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;

}


/* ==========================================================
   TOP
========================================================== */

.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;
}

/* ==========================================================
   GRID
========================================================== */

.bee-footer__grid {

   position: relative;

   z-index: 2;

   display: grid;

   grid-template-columns:
      1.4fr 1fr 1fr 1fr;

   gap: 3rem;

   padding-bottom: 5rem;

}


/* ==========================================================
   LOGO
========================================================== */

.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;

}


/* ==========================================================
   DESCRIPTION
========================================================== */

.bee-footer__description {

   max-width: 340px;

   color:
      rgba(255, 255, 255, 0.68);

   font-size: 0.98rem;

   line-height: 1.9;

}


/* ==========================================================
   COLUMN TITLE
========================================================== */

.bee-footer__column h3 {

   margin-bottom: 1.5rem;

   color: var(--bee-gold);
   font-size: 1rem;
   font-weight: 700;

   letter-spacing: 0.02em;

}


/* ==========================================================
   LIST
========================================================== */

.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);

}


/* ==========================================================
   SOCIALS
========================================================== */

.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);

}


/* ==========================================================
   BOTTOM
========================================================== */

.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;

}


/* ==========================================================
   RESPONSIVE
========================================================== */

@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);
}









/* ==========================================================
FOOTER BRANDING
========================================================== */

/* ==========================================================
BRAND TEXT
========================================================== */

.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;
}

/* ==========================================================
CONTACT LINKS
========================================================== */

.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;
}

/* ==========================================================
ICONS
========================================================== */

.bee-footer__contact a svg {
   width: 16px;
   height: 16px;

   opacity: 0.7;

   flex-shrink: 0;

   transition:
      opacity 0.4s ease,
      transform 0.4s ease;
}

/* ==========================================================
HOVER
========================================================== */

.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);
  }

/* ==========================================================
RESPONSIVE
========================================================== */

@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;
    }
}