.elementor-934 .elementor-element.elementor-element-37494b3{--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;}.elementor-934 .elementor-element.elementor-element-822e98b{text-align:center;}.elementor-934 .elementor-element.elementor-element-822e98b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:40px;font-weight:600;letter-spacing:7.8px;word-spacing:0px;color:var( --e-global-color-primary );}/* Start custom CSS for heading, class: .elementor-element-822e98b */.elementor-934 .elementor-element.elementor-element-822e98b {
  position: relative;
  background: linear-gradient(90deg,#fff,#bfc2ff,#777fff,#bfc2ff,#fff);
  background-size: 300%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: liquid 12s infinite linear;
}
@keyframes liquid {
  0% {background-position: 0%}
  100% {background-position: 300%}
}/* End custom CSS */
/* Start custom CSS for wd_social_buttons, class: .elementor-element-93e4921 *//* ==========================================
   POUYAWEB - Glass Tooltip for Social Icons
   Clean Final English Version
   ========================================== */

/* Base container */
a.wd-social-icon {
    position: relative !important;
    overflow: visible !important;
}

/* Remove Woodmart default dot */
a.wd-social-icon::before {
    display: none !important;
}

/* Hidden tooltip (initial state) */
a.wd-social-icon::after {
    content: attr(data-tip) !important;
    position: absolute;
    top: -32px;                /* closer to icon */
    left: 50%;
    transform: translateX(-50%) translateY(10px);
    padding: 7px 16px;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    color: #fff;

    /* Glass effect */
    background: rgba(255,255,255,0.22);
    backdrop-filter: blur(12px) saturate(180%);
    -webkit-backdrop-filter: blur(12px) saturate(180%);
    border-radius: 14px;
    box-shadow: 0 6px 22px rgba(0,0,0,0.22);

    opacity: 0;
    pointer-events: none;
    transition: opacity 0.38s ease, 
                transform 0.38s ease;
    z-index: 99;
}

/* Smooth hover show */
a.wd-social-icon:hover::after {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

/* ==========================================
   Dynamic Names for Each Social Icon
   (Works with all Woodmart variations)
   ========================================== */

/* Instagram */
a.wd-social-icon[class*="instagram"]::after {
    content: "Instagram" !important;
    background: rgba(255, 0, 102, 0.40) !important;
}

/* YouTube */
a.wd-social-icon[class*="youtube"]::after {
    content: "YouTube" !important;
    background: rgba(255, 0, 0, 0.40) !important;
}

/* LinkedIn */
a.wd-social-icon[class*="linkedin"]::after {
    content: "LinkedIn" !important;
    background: rgba(14,118,168,0.40) !important;
}

/* GitHub */
a.wd-social-icon[class*="github"]::after {
    content: "GitHub" !important;
    background: rgba(33,33,33,0.40) !important;
}

/* WhatsApp */
a.wd-social-icon[class*="whatsapp"]::after {
    content: "WhatsApp" !important;
    background: rgba(37,211,102,0.40) !important;
}

/* Telegram — works with all variations:
   social-telegram, social-telegram-1, telegram-icon, etc. */
a.wd-social-icon[class*="telegram"]::after {
    content: "Telegram" !important;
    background: rgba(0,136,204,0.40) !important;
}




a[href*="t.me"]::after {
    content: "Telegram" !important;
    background: rgba(0, 136, 204, 0.40) !important; /* Telegram blue */
    backdrop-filter: blur(12px) saturate(180%);
    -webkit-backdrop-filter: blur(12px) saturate(180%);
    border-radius: 14px;
    padding: 6px 14px;
    color: #fff;
    position: absolute;
    top: -32px;
    left: 50%;
    transform: translateX(-50%) translateY(12px);
    opacity: 0;
    transition: 0.32s ease;
    pointer-events: none;
    white-space: nowrap;
}

/* show on hover */
a[href*="t.me"]:hover::after {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
}/* End custom CSS */