.elementor-4752 .elementor-element.elementor-element-3348c4d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4752 .elementor-element.elementor-element-3348c4d.e-con{--align-self:center;}.elementor-4752 .elementor-element.elementor-element-8db80c0{padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-8db80c0 */body {
  margin: 0;
  font-family: 'Poppins', sans-serif;
  background: radial-gradient(circle at top, );
}

/* HEADER WRAPPER */
.header {
  position: fixed;
  top: 18px;
  width: 100%;
  display: flex;
  justify-content: center;
  z-index: 999;
}

/* NAVBAR */
.nav {
  width: 92%;
  max-width: 1350px;
  padding: 12px 22px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  border-radius: 60px;

  /* GLASS EFFECT */
  background: linear-gradient(
    135deg,
    rgba(255,255,255,0.08),
    rgba(255,255,255,0.02)
  );

  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);

  border: 1px solid rgba(255,255,255,0.12);

  box-shadow:
    0 10px 35px rgba(0,0,0,0.35),
    inset 0 1px 0 rgba(255,255,255,0.15);
}

/* LOGO */
.logo {
  color: white;
  line-height: 1;
}

.logo .small {
  font-size: 12px;
  opacity: 0.7;
}

.logo .big {
  font-size: 26px;
  font-weight: 600;
}

/* MENU */
.menu {
  display: flex;
  gap: 28px;
}

.menu a {
  color: rgba(255,255,255,0.85);
  text-decoration: none;
  font-size: 15px;
  font-weight: 500;
  transition: 0.3s;
}

.menu a:hover {
  color: #fff;
}

/* RIGHT SECTION */
.right {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* LANGUAGE */
.lang {
  display: flex;
  align-items: center;
  gap: 6px;

  padding: 6px 14px;
  border-radius: 20px;

  font-size: 14px;
  color: #fff;

  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.15);
}

/* CTA BUTTON */
.cta {
  padding: 10px 20px;
  border-radius: 30px;

  background: linear-gradient(135deg, #7c3aed, #c026d3);
  color: #fff;

  font-size: 14px;
  font-weight: 500;
  border: none;

  cursor: pointer;

  box-shadow: 0 6px 18px rgba(192,38,211,0.4);
  transition: 0.3s;
}

.cta:hover {
  transform: translateY(-2px);
}

/* ICON BUTTON */
.icon {
  width: 36px;
  height: 36px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.15);

  color: white;
  font-size: 14px;
  cursor: pointer;
}
/* DROPDOWN */
.dropdown {
  position: relative;
}

.dropdown-menu {
  position: absolute;
  top: 40px;
  left: 0;

  display: flex;
  flex-direction: column;
  gap: 10px;

  padding: 12px 16px;
  min-width: 200px;

  border-radius: 12px;

  background: rgba(20, 20, 40, 0.85);
  backdrop-filter: blur(18px);

  border: 1px solid rgba(255,255,255,0.1);

  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: 0.3s;
}

/* SHOW ON HOVER */
.dropdown:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* DROPDOWN LINKS */
.dropdown-menu a {
  color: rgba(255,255,255,0.85);
  text-decoration: none;
  font-size: 14px;
  transition: 0.3s;
}

.dropdown-menu a:hover {
  color: #fff;
}
/* MOBILE TOGGLE */
.mobile-toggle{
  display:none;
  font-size:28px;
  color:#fff;
  cursor:pointer;
}

/* MOBILE RESPONSIVE */
@media (max-width: 991px){

  .header{
    top:10px;
  }

  .nav{
    width:95%;
    padding:14px 18px;
    border-radius:25px;
    position:relative;
  }

  /* LOGO */
  .logo .big{
    font-size:22px;
  }

  .logo .small{
    font-size:11px;
  }

  /* MOBILE MENU BUTTON */
  .mobile-toggle{
    display:block;
  }

  /* HIDE DESKTOP MENU */
  .menu{
    position:absolute;
    top:85px;
    left:0;
    width:100%;

    display:none;
    flex-direction:column;
    gap:18px;

    padding:25px;

    border-radius:24px;

    background: rgba(15,15,30,0.95);
    backdrop-filter: blur(20px);

    border:1px solid rgba(255,255,255,0.08);

    box-sizing:border-box;
  }

  /* ACTIVE MOBILE MENU */
  .menu.active{
    display:flex;
  }

  /* MENU LINKS */
  .menu a{
    font-size:16px;
    width:100%;
  }

  /* RIGHT SECTION */
  .right{
    display:none;
  }

  /* DROPDOWN */
  .dropdown{
    width:100%;
  }

  .dropdown-menu{
    position:relative;
    top:10px;
    opacity:1;
    visibility:visible;
    transform:none;

    display:none;

    width:100%;
    background:rgba(255,255,255,0.03);

    padding:15px;
    border-radius:14px;
    margin-top:10px;
  }

  /* SHOW DROPDOWN ON TAP */
  .dropdown:hover .dropdown-menu{
    display:flex;
  }

}/* End custom CSS */