/* Base cleanup */
.elementor-social-icon {
    border: none !important;
    background-size: cover !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

/* FACEBOOK */
.elementor-social-icon-facebook-f {
    background-color: #1877F2 !important;
}
.elementor-social-icon-facebook-f svg path {
    fill: #ffffff !important;
}

/* INSTAGRAM (Gradient background) */
.elementor-social-icon-icon-instagram-1 {
    background: linear-gradient(45deg, #F58529, #DD2A7B, #8134AF, #515BD4) !important;
}
.elementor-social-icon-icon-instagram-1 svg path {
    fill: #ffffff !important;
}

/* X (Twitter) */
.elementor-social-icon-x-twitter {
    background-color: #000000 !important;
}
.elementor-social-icon-x-twitter svg path {
    fill: #ffffff !important;
}

/* YOUTUBE */
.elementor-social-icon-icon-youtube-v {
    background-color: #FF0000 !important;
}
.elementor-social-icon-icon-youtube-v svg path {
    fill: #ffffff !important;
}

/* TIKTOK */
.elementor-social-icon-tiktok {
    background-color: #000000 !important; /* TikTok uses black base */
}
.elementor-social-icon-tiktok svg path {
    fill: #25F4EE !important; /* TikTok demo */
}
.elementor-social-icon-tiktok svg path:nth-child(2) {
    fill: #FE2C55 !important; /* Red accent */
}



/* Force the gallery images to cover their slide */
.galleryslide .elementor-image-carousel .swiper-slide {
    height: 250px !important;              /* Set your desired height */
    overflow: hidden !important;
}

.galleryslide .elementor-image-carousel .swiper-slide-inner,
.galleryslide .elementor-image-carousel .swiper-slide img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
}

.content-area .elementor-widget-theme-post-content h1,.content-area .elementor-widget-theme-post-content h2,.content-area .elementor-widget-theme-post-content h3,.content-area .elementor-widget-theme-post-content h4,.content-area .elementor-widget-theme-post-content h5,.content-area .elementor-widget-theme-post-content h6 {
    margin-top: 20px;
    margin-bottom:20px;
}

.content-area .elementor-widget-theme-post-content img {
  border-radius: 25px;
  margin: 20px 0;
  
}

.elementor-102 .elementor-element.elementor-element-0b38977 .elementskit-menu-hamburger > .ekit-menu-icon
 {
        fill: white;
    }

/* Make the badge wrap BOTH icon + text */
.spanbadge .elementor-icon-list-item {
    display: inline-flex;
    align-items: center;
    padding: 6px 18px;
    border-radius: 999px;
    background: linear-gradient(135deg, #f6a21a 0%, #ffd86b 100%);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
}

/* Keep text styles here */
.spanbadge .elementor-icon-list-text {
    font-size: 11px;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: 0.55px;
    color: #000 !important;
    
}

/* Ensure icon also aligns + matches badge color */
.spanbadge .elementor-icon-list-icon,
.spanbadge .elementor-icon-list-icon svg {
    display: flex;
    align-items: center;
    color: #000;
    fill: #000;
}

/* Remove any default spacing Elementor adds */
.spanbadge .elementor-icon-list-items {
    padding: 0;
    margin: 0;
}

.spanbadge .elementor-icon-list-item {
    margin: 0 !important;
}


.deliverable-list.elementor-icon-list-items {
    display: flex;
    flex-wrap: wrap;
    gap: 12px !important;
    align-items: center;
}

.deliverable-list .elementor-icon-list-item:first-child {
    width: 100%;
}

.deliverable-list .elementor-icon-list-item:not(:first-child) {
    padding: 02px 12px;
    border-radius: 999px;
    background: rgba(255, 200, 0, 0.08);
    border: 1px solid rgba(212, 163, 0, 0.25);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    transition: all .25s ease;
}

.deliverable-list .elementor-icon-list-item:not(:first-child):hover {
    background: rgba(255, 200, 0, 0.14);
    border-color: rgba(212, 163, 0, 0.4);
    transform: translateY(-2px);
}

/* ================================
   GLASS BADGE (USING .glass-header)
   ================================ */

.glass-header {
  /* Badge spacing */
  
  margin: 0 auto;
  

  /* Glass background */
  background: linear-gradient(
    180deg,
    rgba(15, 18, 25, 0.60),
    rgba(15, 18, 25, 0.38)
  );

  /* Real glass blur */
  backdrop-filter: blur(18px) saturate(130%);
  -webkit-backdrop-filter: blur(18px) saturate(130%);

  /* Badge shape */
  border-radius: 16px;

  /* Proper glass border */
  border: 1px solid rgba(255, 255, 255, 0.14);

  /* Floating depth */
  box-shadow:
    0 18px 45px rgba(0, 0, 0, 0.45),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);

  /* Smoothness */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* ================================
   SUBTLE HOVER LIFT (OPTIONAL)
   ================================ */

.glass-header:hover {
  transform: translateY(-1px);
  box-shadow:
    0 22px 55px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}