.elementor-9749 .elementor-element.elementor-element-2852d1a4{--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;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9749 .elementor-element.elementor-element-b20d9ee{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9749 .elementor-element.elementor-element-7824629a{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-9749 .elementor-element.elementor-element-12fdb167{text-align:center;}.elementor-9749 .elementor-element.elementor-element-12fdb167 img{width:60px;height:43px;object-fit:contain;object-position:center center;}.elementor-9749 .elementor-element.elementor-element-77b9ccce{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-9749 .elementor-element.elementor-element-77891d68{text-align:center;}.elementor-9749 .elementor-element.elementor-element-77891d68 img{width:102px;height:43px;object-fit:contain;object-position:center center;}.elementor-9749 .elementor-element.elementor-element-2cbf6e3d{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-9749 .elementor-element.elementor-element-7f106547{text-align:center;}.elementor-9749 .elementor-element.elementor-element-7f106547 img{width:102px;height:43px;object-fit:contain;object-position:center center;}.elementor-9749 .elementor-element.elementor-element-53062e5f{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-9749 .elementor-element.elementor-element-256d324c{text-align:center;}.elementor-9749 .elementor-element.elementor-element-256d324c img{width:60px;height:43px;object-fit:contain;object-position:center center;}.elementor-9749 .elementor-element.elementor-element-303026a2{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-9749 .elementor-element.elementor-element-fe8156b{text-align:center;}.elementor-9749 .elementor-element.elementor-element-fe8156b img{width:102px;height:43px;object-fit:contain;object-position:center center;}.elementor-9749 .elementor-element.elementor-element-34ba4c15{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-9749 .elementor-element.elementor-element-2c0d1f56{text-align:center;}.elementor-9749 .elementor-element.elementor-element-2c0d1f56 img{width:102px;height:43px;object-fit:contain;object-position:center center;}.elementor-9749 .elementor-element.elementor-element-275200b4{--e-n-carousel-swiper-slides-to-display:5;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;}@media(max-width:1024px){.elementor-9749 .elementor-element.elementor-element-12fdb167 img{width:52px;height:42px;}.elementor-9749 .elementor-element.elementor-element-77891d68 img{width:83px;height:42px;}.elementor-9749 .elementor-element.elementor-element-7f106547 img{width:83px;height:42px;}.elementor-9749 .elementor-element.elementor-element-256d324c img{width:52px;height:42px;}.elementor-9749 .elementor-element.elementor-element-fe8156b img{width:83px;height:42px;}.elementor-9749 .elementor-element.elementor-element-2c0d1f56 img{width:83px;height:42px;}.elementor-9749 .elementor-element.elementor-element-275200b4{--e-n-carousel-swiper-slides-to-display:4;}}@media(min-width:768px){.elementor-9749 .elementor-element.elementor-element-2852d1a4{--content-width:1260px;}}@media(max-width:767px){.elementor-9749 .elementor-element.elementor-element-2852d1a4{--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-9749 .elementor-element.elementor-element-12fdb167 img{width:54px;height:38px;}.elementor-9749 .elementor-element.elementor-element-77891d68 img{width:79px;height:38px;}.elementor-9749 .elementor-element.elementor-element-7f106547 img{width:79px;height:38px;}.elementor-9749 .elementor-element.elementor-element-256d324c img{width:54px;height:38px;}.elementor-9749 .elementor-element.elementor-element-fe8156b img{width:79px;height:38px;}.elementor-9749 .elementor-element.elementor-element-2c0d1f56 img{width:79px;height:38px;}.elementor-9749 .elementor-element.elementor-element-275200b4{--e-n-carousel-swiper-slides-to-display:2;}}/* Start custom CSS *//* ========================================================= PARENT CONTAINER ========================================================= */ .tech-support-badge-parent-001 { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; pointer-events: none; z-index: 5; } /* ========================================================= COMMON BADGE STYLE ========================================================= */ /* ========================================================= PREMIUM GLASS EFFECT — BADGE BACKGROUND ========================================================= */ .tech-support-badge-inner-001 { position: absolute !important; width: max-content !important; max-width: 250px !important; min-width: 220px; display: inline-flex !important; align-items: center; justify-content: center; padding: 12px 15px !important; box-sizing: border-box; /* ========================= REAL GLASS BACKGROUND ========================= */ background: linear-gradient( 135deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.035) 35%, rgba(0, 0, 0, 0.05) 100% ), rgba(0, 0, 0, 0.45) !important; /* Strong blur */ backdrop-filter: blur(22px) saturate(160%) brightness(115%) !important; -webkit-backdrop-filter: blur(22px) saturate(160%) brightness(115%) !important; /* ========================= GLASS BORDER ========================= */ border: 1px solid rgba(255, 80, 90, 0.50) !important; border-top-color: rgba(255, 180, 180, 0.38) !important; border-left-color: rgba(255, 120, 130, 0.30) !important; border-radius: 18px !important; /* ========================= GLASS SHADOW + INNER LIGHT ========================= */ box-shadow: 0 10px 35px rgba(0, 0, 0, 0.30), 0 0 18px rgba(255, 20, 35, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.18), inset 0 -1px 0 rgba(255, 30, 40, 0.08) !important; /* ========================= TEXT ========================= */ color: #ffffff !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.35 !important; white-space: normal !important; /* ========================= ANIMATION ========================= */ transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease, background 0.3s ease !important; pointer-events: auto; } /* ========================================================= BADGE 1 — SERVER SUPPORT ========================================================= */ .tech-support-badge-inner-001-1 { top: 6% !important; left: 54% !important; transform: translateX(-50%) rotate(0deg) !important; } /* ========================================================= BADGE 2 — CRM SUPPORT ========================================================= */ .tech-support-badge-inner-001-2 { top: 112% !important; left: 42% !important; transform: translate(-50%, -50%) rotate(0deg) !important; } /* ========================================================= BADGE 3 — SECURITY SUPPORT ========================================================= */ .tech-support-badge-inner-001-3 { top: 138% !important; left: 28% !important; transform: translate(-50%, -50%) rotate(0deg) !important; } /* ========================================================= BADGE 4 — HOSTING SUPPORT ========================================================= */ .tech-support-badge-inner-001-4 { top: -4% !important; right: 9% !important; transform: translateY(-50%) rotate(0deg) !important; } /* ========================================================= BADGE 5 — RISK MANAGEMENT ========================================================= */ .tech-support-badge-inner-001-5 { top: 62% !important; right: -4% !important; transform: translateY(-50%) rotate(0deg) !important; } /* ========================================================= BADGE 6 — TRADING OPERATIONS ========================================================= */ .tech-support-badge-inner-001-6 { top: 123% !important; right: 15% !important; transform: translateY(-50%) rotate(0deg) !important; } /* ========================================================= HOVER EFFECT Position is preserved — only moves 4px upward ========================================================= */ /* Badge 1 */ .tech-support-badge-inner-001-1:hover { transform: translateX(-50%) translateY(-4px) rotate(0deg) !important; border-color: rgba(255, 45, 55, 0.95) !important; box-shadow: 0 0 20px rgba(255, 20, 35, 0.28), 0 0 45px rgba(255, 20, 35, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.12); } /* Badge 2 */ .tech-support-badge-inner-001-2:hover { transform: translate(-50%, calc(-50% - 4px)) rotate(0deg) !important; border-color: rgba(255, 45, 55, 0.95) !important; box-shadow: 0 0 20px rgba(255, 20, 35, 0.28), 0 0 45px rgba(255, 20, 35, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.12); } /* Badge 3 */ .tech-support-badge-inner-001-3:hover { transform: translate(-50%, calc(-50% - 4px)) rotate(0deg) !important; border-color: rgba(255, 45, 55, 0.95) !important; box-shadow: 0 0 20px rgba(255, 20, 35, 0.28), 0 0 45px rgba(255, 20, 35, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.12); } /* Badge 4 */ .tech-support-badge-inner-001-4:hover { transform: translateY(calc(-50% - 4px)) rotate(0deg) !important; border-color: rgba(255, 45, 55, 0.95) !important; box-shadow: 0 0 20px rgba(255, 20, 35, 0.28), 0 0 45px rgba(255, 20, 35, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.12); } /* Badge 5 */ .tech-support-badge-inner-001-5:hover { transform: translateY(calc(-50% - 4px)) rotate(0deg) !important; border-color: rgba(255, 45, 55, 0.95) !important; box-shadow: 0 0 20px rgba(255, 20, 35, 0.28), 0 0 45px rgba(255, 20, 35, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.12); } /* Badge 6 */ .tech-support-badge-inner-001-6:hover { transform: translateY(calc(-50% - 4px)) rotate(0deg) !important; border-color: rgba(255, 45, 55, 0.95) !important; box-shadow: 0 0 20px rgba(255, 20, 35, 0.28), 0 0 45px rgba(255, 20, 35, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.12); } /* ========================================================= TABLET + MOBILE ========================================================= */ @media (max-width: 1024px) { .tech-support-badge-parent-001 { position: relative !important; width: 100% !important; height: auto !important; display: flex !important; flex-wrap: wrap; justify-content: center; align-items: center; gap: 12px; padding: 25px 15px !important; } .tech-support-badge-inner-001, .tech-support-badge-inner-001-1, .tech-support-badge-inner-001-2, .tech-support-badge-inner-001-3, .tech-support-badge-inner-001-4, .tech-support-badge-inner-001-5, .tech-support-badge-inner-001-6 { position: relative !important; top: auto !important; left: auto !important; right: auto !important; transform: none !important; min-width: 0; max-width: 300px; } /* Mobile Hover */ .tech-support-badge-inner-001:hover, .tech-support-badge-inner-001-1:hover, .tech-support-badge-inner-001-2:hover, .tech-support-badge-inner-001-3:hover, .tech-support-badge-inner-001-4:hover, .tech-support-badge-inner-001-5:hover, .tech-support-badge-inner-001-6:hover { transform: translateY(-3px) !important; } }/* End custom CSS */