.elementor-widget-container [data-tippy-root] > .tippy-box{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-538 .elementor-element.elementor-element-7389ad0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-538 .elementor-element.elementor-element-9519529{--display:flex;--min-height:0px;--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;--justify-content:space-between;}.elementor-538 .elementor-element.elementor-element-9519529.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image [data-tippy-root] > .tippy-box{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-image .wpcf7 label{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-image ::placeholder{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-image .wpcf7-submit{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-image .widget-image-caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-538 .elementor-element.elementor-element-85c05c1{width:var( --container-widget-width, 103.459% );max-width:103.459%;--container-widget-width:103.459%;--container-widget-flex-grow:0;}.elementor-538 .elementor-element.elementor-element-85c05c1.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-538 .elementor-element.elementor-element-9fc5544{--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;--justify-content:space-around;}.elementor-538 .elementor-element.elementor-element-9fc5544.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-nav-menu [data-tippy-root] > .tippy-box{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-nav-menu .wpcf7 label{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu ::placeholder{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .wpcf7-submit{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-538 .elementor-element.elementor-element-176e2b6 .elementor-menu-toggle{margin:0 auto;}.elementor-538 .elementor-element.elementor-element-7af9031{--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;--justify-content:space-around;}.elementor-538 .elementor-element.elementor-element-7af9031.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-social-icons [data-tippy-root] > .tippy-box{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-social-icons .wpcf7 label{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-social-icons ::placeholder{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-social-icons .wpcf7-submit{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-538 .elementor-element.elementor-element-ee99990{--grid-template-columns:repeat(0, auto);text-align:right;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-538 .elementor-element.elementor-element-81a7905{--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;--justify-content:space-around;}.elementor-538 .elementor-element.elementor-element-81a7905.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-button [data-tippy-root] > .tippy-box{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-button .wpcf7 label{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-button ::placeholder{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-button .wpcf7-submit{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-538:not(.elementor-motion-effects-element-type-background), .elementor-538 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-538 .elementor-element.elementor-element-9519529{--width:8.029%;}.elementor-538 .elementor-element.elementor-element-9fc5544{--width:45.782%;}.elementor-538 .elementor-element.elementor-element-7af9031{--width:24.156%;}.elementor-538 .elementor-element.elementor-element-81a7905{--width:18.584%;}}/* Start custom CSS for nav-menu, class: .elementor-element-176e2b6 *//* ==========================================
   COLORFUL GLASSMORPHISM MENU ITEMS
   ========================================== */

/* 1. Har Menu Item ko Glassy Pill (Button) Shape Dena */
.colorful-glass-menu ul li a,
.colorful-glass-menu .elementor-nav-menu > li > a {
    background: rgba(255, 255, 255, 0.03) !important; /* Halka sa transparent base */
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 30px !important; /* Gol kinare */
    padding: 10px 22px !important;
    margin: 0 6px !important; /* Buttons ke darmiyan fasla */
    font-weight: 600 !important;
    text-transform: capitalize !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

/* 2. Alag-Alag Colors (Har item ke liye) */

/* Item 1 (e.g. All tools) - Neon Blue */
.colorful-glass-menu ul li:nth-child(1) a {
    color: #3b82f6 !important; 
}
.colorful-glass-menu ul li:nth-child(1) a:hover {
    background: rgba(59, 130, 246, 0.15) !important; /* Glassy Blue Background */
    border-color: rgba(59, 130, 246, 0.5) !important;
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.3) !important; /* Blue Glow */
    transform: translateY(-3px); /* Hover par thora upar uthega */
}

/* Item 2 (e.g. Privacy Policy) - Neon Green */
.colorful-glass-menu ul li:nth-child(2) a {
    color: #10b981 !important; 
}
.colorful-glass-menu ul li:nth-child(2) a:hover {
    background: rgba(16, 185, 129, 0.15) !important;
    border-color: rgba(16, 185, 129, 0.5) !important;
    box-shadow: 0 8px 25px rgba(16, 185, 129, 0.3) !important;
    transform: translateY(-3px);
}

/* Item 3 (e.g. About Us) - Neon Purple */
.colorful-glass-menu ul li:nth-child(3) a {
    color: #8b5cf6 !important; 
}
.colorful-glass-menu ul li:nth-child(3) a:hover {
    background: rgba(139, 92, 246, 0.15) !important;
    border-color: rgba(139, 92, 246, 0.5) !important;
    box-shadow: 0 8px 25px rgba(139, 92, 246, 0.3) !important;
    transform: translateY(-3px);
}

/* Item 4 (Agar mazeed links hon) - Neon Pink */
.colorful-glass-menu ul li:nth-child(4) a {
    color: #ec4899 !important; 
}
.colorful-glass-menu ul li:nth-child(4) a:hover {
    background: rgba(236, 72, 153, 0.15) !important;
    border-color: rgba(236, 72, 153, 0.5) !important;
    box-shadow: 0 8px 25px rgba(236, 72, 153, 0.3) !important;
    transform: translateY(-3px);
}

/* Item 5 (Agar mazeed links hon) - Neon Orange/Yellow */
.colorful-glass-menu ul li:nth-child(5) a {
    color: #f59e0b !important; 
}
.colorful-glass-menu ul li:nth-child(5) a:hover {
    background: rgba(245, 158, 11, 0.15) !important;
    border-color: rgba(245, 158, 11, 0.5) !important;
    box-shadow: 0 8px 25px rgba(245, 158, 11, 0.3) !important;
    transform: translateY(-3px);
}

/* Default Sub-menu line hatane ke liye (Agar Elementor use kar rahe hain) */
.colorful-glass-menu .elementor-nav-menu--main .elementor-item:before,
.colorful-glass-menu .elementor-nav-menu--main .elementor-item:after {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-ee99990 *//* ==========================================
   ORIGINAL BRAND COLORS - GLASSMORPHISM ICONS
   ========================================== */

/* 1. Base Glassy Circle (Sab icons ke liye same) */
.glass-social-icons ul li a,
.glass-social-icons .elementor-social-icon {
    background: rgba(255, 255, 255, 0.03) !important; 
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 50% !important; 
    width: 45px !important; 
    height: 45px !important; 
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 6px !important; 
    font-size: 20px !important; 
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    text-decoration: none !important;
}

/* Reset Elementor Default Colors */
.glass-social-icons .elementor-social-icon i,
.glass-social-icons .elementor-social-icon svg {
    color: inherit !important;
    fill: currentColor !important;
}


/* ==========================================
   2. OFFICIAL COLORS (Hover par Glass Effect)
   ========================================== */

/* 1st Icon: Facebook (Original Blue: #1877F2) */
.glass-social-icons ul li:nth-child(1) a,
.glass-social-icons .elementor-grid-item:nth-child(1) .elementor-social-icon {
    color: #1877F2 !important; 
}
.glass-social-icons ul li:nth-child(1) a:hover,
.glass-social-icons .elementor-grid-item:nth-child(1) .elementor-social-icon:hover {
    background: rgba(24, 119, 242, 0.15) !important;
    border-color: rgba(24, 119, 242, 0.5) !important;
    box-shadow: 0 8px 25px rgba(24, 119, 242, 0.4) !important; 
    transform: translateY(-5px) !important;
}

/* 2nd Icon: YouTube (Original Red: #FF0000) */
.glass-social-icons ul li:nth-child(2) a,
.glass-social-icons .elementor-grid-item:nth-child(2) .elementor-social-icon {
    color: #FF0000 !important; 
}
.glass-social-icons ul li:nth-child(2) a:hover,
.glass-social-icons .elementor-grid-item:nth-child(2) .elementor-social-icon:hover {
    background: rgba(255, 0, 0, 0.15) !important;
    border-color: rgba(255, 0, 0, 0.5) !important;
    box-shadow: 0 8px 25px rgba(255, 0, 0, 0.4) !important;
    transform: translateY(-5px) !important;
}

/* 3rd Icon: Pinterest (Original Dark Red: #E60023) */
.glass-social-icons ul li:nth-child(3) a,
.glass-social-icons .elementor-grid-item:nth-child(3) .elementor-social-icon {
    color: #E60023 !important; 
}
.glass-social-icons ul li:nth-child(3) a:hover,
.glass-social-icons .elementor-grid-item:nth-child(3) .elementor-social-icon:hover {
    background: rgba(230, 0, 35, 0.15) !important;
    border-color: rgba(230, 0, 35, 0.5) !important;
    box-shadow: 0 8px 25px rgba(230, 0, 35, 0.4) !important;
    transform: translateY(-5px) !important;
}

/* 4th Icon: LinkedIn (Original Blue (#0077B5)*/
.glass-social-icons ul li:nth-child(4) a,
.glass-social-icons .elementor-grid-item:nth-child(4) .elementor-social-icon {
    color: #0077B5 !important; 
}
.glass-social-icons ul li:nth-child(4) a:hover,
.glass-social-icons .elementor-grid-item:nth-child(4) .elementor-social-icon:hover {
    background: rgba(37, 211, 102, 0.15) !important;
    border-color: rgba(24, 119, 242, 0.4) !important;
    box-shadow: 0 8px 25px rgba(24, 119, 242, 0.4) !important;
    transform: translateY(-5px) !important;
}

/* 5th Icon: Instagram (Original Pink/Magenta: #E4405F) */
.glass-social-icons ul li:nth-child(5) a,
.glass-social-icons .elementor-grid-item:nth-child(5) .elementor-social-icon {
    color: #E4405F !important; 
}
.glass-social-icons ul li:nth-child(5) a:hover,
.glass-social-icons .elementor-grid-item:nth-child(5) .elementor-social-icon:hover {
    background: rgba(228, 64, 95, 0.15) !important;
    border-color: rgba(228, 64, 95, 0.5) !important;
    box-shadow: 0 8px 25px rgba(228, 64, 95, 0.4) !important;
    transform: translateY(-5px) !important;
}

/* 6th Icon: Twitter (Original Light Blue: #1DA1F2) */
.glass-social-icons ul li:nth-child(6) a,
.glass-social-icons .elementor-grid-item:nth-child(6) .elementor-social-icon {
    color: #1DA1F2 !important; 
}
.glass-social-icons ul li:nth-child(6) a:hover,
.glass-social-icons .elementor-grid-item:nth-child(6) .elementor-social-icon:hover {
    background: rgba(29, 161, 242, 0.15) !important;
    border-color: rgba(29, 161, 242, 0.5) !important;
    box-shadow: 0 8px 25px rgba(29, 161, 242, 0.4) !important;
    transform: translateY(-5px) !important;
}

/* 7th Icon: LinkedIn (Classic Original Blue: #0077B5) */
.glass-social-icons ul li:nth-child(7) a,
.glass-social-icons .elementor-grid-item:nth-child(7) .elementor-social-icon {
    color: #0077B5 !important; 
}
.glass-social-icons ul li:nth-child(7) a:hover,
.glass-social-icons .elementor-grid-item:nth-child(7) .elementor-social-icon:hover {
    background: rgba(0, 119, 181, 0.15) !important;
    border-color: rgba(0, 119, 181, 0.5) !important;
    box-shadow: 0 8px 25px rgba(0, 119, 181, 0.4) !important;
    transform: translateY(-5px) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7389ad0 *//* ==========================================
   MUKAMMAL HEADER GLASSMORPHISM CODE
   ========================================== */

/* Main Header Container */
.custom-glass-header, 
header.site-header, 
#masthead, 
.elementor-location-header {
    position: fixed !important; /* Header ko top par lock karne ke liye */
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 9999 !important; /* Header ko sab se upar rakhne ke liye */
    
    /* 1. Background Color (Halka Dark aur Transparent) */
    background: rgba(15, 23, 42, 0.5) !important; 
    
    /* 2. Main Blur Effect (Glassmorphism) */
    backdrop-filter: blur(25px) !important;
    -webkit-backdrop-filter: blur(25px) !important; /* Safari ke liye */
    
    /* 3. Neeche ki taraf Glass ki Chamak (Border) */
    border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
    
    /* 4. Soft Shadow (3D Depth) */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
    
    transition: all 0.3s ease-in-out !important;
}

/* Header ke andar agar koi default background color hai toh usay transparent karna */
.custom-glass-header *, 
header.site-header *, 
#masthead *, 
.elementor-location-header * {
    background-color: transparent !important;
}

/* Page ke content ko thora neche karna taake header uske upar na chadh jaye */
body {
    padding-top: 80px !important; /* Apne header ki height ke hisaab se isay adjust karein (e.g. 100px) */
}/* End custom CSS */