.elementor-29268 .elementor-element.elementor-element-d6e11f0{--display:flex;--min-height:300px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.4;}.elementor-29268 .elementor-element.elementor-element-d6e11f0:not(.elementor-motion-effects-element-type-background), .elementor-29268 .elementor-element.elementor-element-d6e11f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://globalit.com/wp-content/uploads/2024/09/top-bg-people-1.webp");background-position:center center;background-size:cover;}.elementor-29268 .elementor-element.elementor-element-d6e11f0::before, .elementor-29268 .elementor-element.elementor-element-d6e11f0 > .elementor-background-video-container::before, .elementor-29268 .elementor-element.elementor-element-d6e11f0 > .e-con-inner > .elementor-background-video-container::before, .elementor-29268 .elementor-element.elementor-element-d6e11f0 > .elementor-background-slideshow::before, .elementor-29268 .elementor-element.elementor-element-d6e11f0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-29268 .elementor-element.elementor-element-d6e11f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#12263F;--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-29268 .elementor-element.elementor-element-813df7d{text-align:center;}.elementor-29268 .elementor-element.elementor-element-813df7d .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-29268 .elementor-element.elementor-element-f8fe419{--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-29268 .elementor-element.elementor-element-6e256b5a{--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-29268 .elementor-element.elementor-element-514dd8e2{--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:50px;--margin-bottom:50px;--margin-left:50px;--margin-right:50px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-29268 .elementor-element.elementor-element-6e256b5a{--width:25%;}.elementor-29268 .elementor-element.elementor-element-514dd8e2{--width:75%;}}/* Start custom CSS for template, class: .elementor-element-d5c05f6 */.section {
      width: 100%;
      background:
        radial-gradient(circle at top left, rgba(56, 189, 248, 0.18), transparent 60%),
        var(--bg-section);
      border-radius: 24px;
      border: 1px solid var(--border-soft);
      padding: 24px 18px 22px;
    }

    .pill {
      display: inline-flex;
      align-items: center;
      padding: 4px 10px;
      border-radius: 999px;
      background: rgba(15, 23, 42, 0.8);
      border: 1px solid var(--border-soft);
      color: #E5E7EB;
      font-size: 11px;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      gap: 6px;
      margin-bottom: 14px;
    }

    .pill-dot {
      width: 7px;
      height: 7px;
      border-radius: 999px;
      background: radial-gradient(circle, var(--globalit-orange), #F97316);
    }

    .headline {
      font-size: clamp(26px, 4vw, 32px);
      font-weight: 700;
      letter-spacing: 0.03em;
      text-transform: uppercase;
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      align-items: baseline;
      margin-bottom: 8px;
    }

    .headline span.accent {
      background: linear-gradient(120deg, #FACC15, var(--globalit-orange), #F97316);
      -webkit-background-clip: text;
      color: transparent;
    }

    .subheadline {
      font-size: 14px;
      color: var(--text-muted);
      max-width: 620px;
      margin-bottom: 20px;
    }

    .content-row {
      display: flex;
      flex-direction: column;
      gap: 20px;
    }

    .left, .right {
      width: 100%;
    }

    .badge-row {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-bottom: 18px;
      font-size: 11px;
      color: #E5E7EB;
    }

    .badge {
      padding: 4px 10px;
      border-radius: 999px;
      background: rgba(15, 23, 42, 0.9);
      border: 1px solid rgba(75, 85, 99, 0.85);
      display: inline-flex;
      align-items: center;
      gap: 6px;
    }

    .badge span.dot {
      width: 6px;
      height: 6px;
      border-radius: 999px;
      background: var(--accent-blue);
    }

    .social-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 12px;
    }

    .social-btn {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      padding: 13px 14px;
      border-radius: 16px;
      border: 1px solid var(--border-soft);
      background: rgba(15, 23, 42, 0.85);
      color: #E5E7EB;
      text-decoration: none;
      font-size: 13px;
      font-weight: 600;
      transform: translateY(0);
      transition:
        transform 0.13s ease-out,
        border-color 0.13s ease-out,
        background 0.13s ease-out;
    }

    .social-btn:hover {
      transform: translateY(-1px);
      border-color: rgba(196, 181, 253, 0.9);
      background: rgba(15, 23, 42, 0.95);
    }

    .social-main {
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .social-icon {
      width: 32px;
      height: 32px;
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
    }

    .social-name {
      display: flex;
      flex-direction: column;
      text-align: left;
    }

    .social-name strong {
      font-size: 13px;
    }

    .social-handle {
      font-size: 11px;
      color: #9CA3AF;
    }

    .social-arrow {
      font-size: 13px;
      color: #E5E7EB;
    }

    /* Channel color chips (still flat, no shadows) */
    .facebook   { background: radial-gradient(circle at top left, #2563EB, #0B1120); }
    .instagram  { background: radial-gradient(circle at top left, #EC4899, #FB923C); }
    .linkedin   { background: radial-gradient(circle at top left, #0EA5E9, #0B1120); }
    .x-twitter  { background: radial-gradient(circle at top left, #111827, #020617); }

    /* Right side visual – flat layout */
    .hero-visual {
      width: 100%;
      border-radius: 20px;
      background:
        radial-gradient(circle at top left, rgba(250, 204, 21, 0.22), transparent 60%),
        rgba(15, 23, 42, 0.95);
      border: 1px solid rgba(30, 64, 175, 0.9);
      padding: 14px 16px;
    }

    .hero-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-size: 11px;
      color: #9CA3AF;
      margin-bottom: 16px;
    }

    .hero-logo {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-size: 12px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }

    .hero-logo-mark {
      width: 11px;
      height: 11px;
      border-radius: 4px;
      background: linear-gradient(135deg, var(--globalit-orange), #F97316);
    }

    .hero-tag {
      padding: 3px 8px;
      border-radius: 999px;
      border: 1px solid rgba(148, 163, 255, 0.7);
      background: rgba(15, 23, 42, 0.9);
    }

    .hero-main-text {
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 6px;
    }

    .hero-sub {
      font-size: 12px;
      color: #9CA3AF;
      max-width: 320px;
      margin-bottom: 16px;
    }

    .hero-metrics {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      font-size: 11px;
    }

    .metric-pill {
      padding: 6px 8px;
      border-radius: 999px;
      background: rgba(15, 23, 42, 1);
      border: 1px solid rgba(55, 65, 81, 0.9);
      display: inline-flex;
      align-items: baseline;
      gap: 6px;
      color: #E5E7EB;
    }

    .metric-value {
      font-weight: 700;
      font-size: 13px;
      color: #F9FAFB;
    }

    .metric-label {
      text-transform: uppercase;
      letter-spacing: 0.12em;
      color: #9CA3AF;
    }

    .footer-row {
      margin-top: 20px;
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      justify-content: space-between;
      align-items: center;
      font-size: 11px;
      color: var(--text-muted);
    }

    .footer-row a {
      color: #C4B5FD;
      text-decoration: none;
      border-bottom: 1px dashed rgba(196, 181, 253, 0.8);
    }

    .footer-row a:hover {
      border-bottom-style: solid;
      color: #E5E7EB;
    }

    /* Responsive adjustments */
    @media (min-width: 640px) {
      .section {
        padding: 28px 22px 24px;
      }
      .social-grid {
        grid-template-columns: 1fr 1fr;
      }
    }

    @media (min-width: 900px) {
      .section {
        padding: 32px 26px 26px;
      }
      .content-row {
        flex-direction: row;
        align-items: stretch;
      }
      .left {
        flex: 3;
      }
      .right {
        flex: 2.2;
      }
      .hero-visual {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
      }
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-37a3633 */.section {
      width: 100%;
      background:
        radial-gradient(circle at top left, rgba(56, 189, 248, 0.18), transparent 60%),
        var(--bg-section);
      border-radius: 24px;
      border: 1px solid var(--border-soft);
      padding: 24px 18px 22px;
    }

    .pill {
      display: inline-flex;
      align-items: center;
      padding: 4px 10px;
      border-radius: 999px;
      background: rgba(15, 23, 42, 0.9);
      border: 1px solid var(--border-soft);
      color: #e5e7eb;
      font-size: 11px;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      gap: 6px;
      margin-bottom: 14px;
    }

    .pill-dot {
      width: 7px;
      height: 7px;
      border-radius: 999px;
      background: radial-gradient(circle, var(--globalit-orange), #fb923c);
    }

    .headline {
      font-size: clamp(26px, 4vw, 32px);
      font-weight: 700;
      letter-spacing: 0.03em;
      text-transform: uppercase;
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      align-items: baseline;
      margin-bottom: 8px;
    }

    .headline span.accent {
      background: linear-gradient(120deg, #fed7aa, var(--globalit-orange), #f97316);
      -webkit-background-clip: text;
      color: transparent;
    }

    .subheadline {
      font-size: 14px;
      color: var(--text-muted);
      max-width: 620px;
      margin-bottom: 20px;
    }

    .content-row {
      display: flex;
      flex-direction: column;
      gap: 20px;
    }

    .left, .right {
      width: 100%;
    }

    .badge-row {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-bottom: 18px;
      font-size: 11px;
      color: #e5e7eb;
    }

    .badge {
      padding: 4px 10px;
      border-radius: 999px;
      background: var(--chip-bg);
      border: 1px solid rgba(75, 85, 99, 0.85);
      display: inline-flex;
      align-items: center;
      gap: 6px;
    }

    .badge span.dot {
      width: 6px;
      height: 6px;
      border-radius: 999px;
      background: var(--accent-blue);
    }

    .social-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 12px;
    }

    .social-btn {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      padding: 13px 14px;
      border-radius: 16px;
      border: 1px solid var(--border-soft);
      background: rgba(15, 23, 42, 0.9);
      color: #e5e7eb;
      text-decoration: none;
      font-size: 13px;
      font-weight: 600;
      transform: translateY(0);
      transition:
        transform 0.13s ease-out,
        border-color 0.13s ease-out,
        background 0.13s ease-out;
    }

    .social-btn:hover {
      transform: translateY(-1px);
      border-color: rgba(196, 181, 253, 0.9);
      background: rgba(15, 23, 42, 1);
    }

    .social-main {
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .social-icon {
      width: 32px;
      height: 32px;
      border-radius: 999px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      background: var(--chip-bg);
    }

    .social-name {
      display: flex;
      flex-direction: column;
      text-align: left;
    }

    .social-name strong {
      font-size: 13px;
    }

    .social-handle {
      font-size: 11px;
      color: #9ca3af;
    }

    .social-arrow {
      font-size: 13px;
      color: #e5e7eb;
    }

    /* Channel color accents on icons only */
    .facebook-icon   { color: #3b82f6; }
    .instagram-icon  { color: #ec4899; }
    .linkedin-icon   { color: #0ea5e9; }
    .x-icon          { color: #e5e7eb; }
    .youtube-icon    { color: #ef4444; }

    /* Right side visual */
    .hero-visual {
      width: 100%;
      border-radius: 20px;
      background:
        radial-gradient(circle at top left, rgba(254, 215, 170, 0.2), transparent 60%),
        rgba(15, 23, 42, 0.95);
      border: 1px solid rgba(30, 64, 175, 0.9);
      padding: 14px 16px;
    }

    .hero-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-size: 11px;
      color: #9ca3af;
      margin-bottom: 16px;
    }

    .hero-logo {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-size: 12px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }

    .hero-logo-mark {
      width: 11px;
      height: 11px;
      border-radius: 4px;
      background: linear-gradient(135deg, var(--globalit-orange-soft), var(--globalit-orange));
    }

    .hero-tag {
      padding: 3px 8px;
      border-radius: 999px;
      border: 1px solid rgba(148, 163, 255, 0.7);
      background: rgba(15, 23, 42, 0.9);
    }

    .hero-main-text {
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 6px;
    }

    .hero-sub {
      font-size: 12px;
      color: #9ca3af;
      max-width: 320px;
      margin-bottom: 16px;
    }

    .hero-metrics {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      font-size: 11px;
    }

    .metric-pill {
      padding: 6px 8px;
      border-radius: 999px;
      background: rgba(15, 23, 42, 1);
      border: 1px solid rgba(55, 65, 81, 0.9);
      display: inline-flex;
      align-items: baseline;
      gap: 6px;
      color: #e5e7eb;
    }

    .metric-value {
      font-weight: 700;
      font-size: 13px;
      color: #f9fafb;
    }

    .metric-label {
      text-transform: uppercase;
      letter-spacing: 0.12em;
      color: #9ca3af;
    }

    .footer-row {
      margin-top: 20px;
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      justify-content: space-between;
      align-items: center;
      font-size: 11px;
      color: var(--text-muted);
    }

    .footer-row a {
      color: #c4b5fd;
      text-decoration: none;
      border-bottom: 1px dashed rgba(196, 181, 253, 0.8);
    }

    .footer-row a:hover {
      border-bottom-style: solid;
      color: #e5e7eb;
    }

    /* Responsive adjustments */
    @media (min-width: 640px) {
      .section {
        padding: 28px 22px 24px;
      }
      .social-grid {
        grid-template-columns: 1fr 1fr;
      }
    }

    @media (min-width: 900px) {
      .section {
        padding: 32px 26px 26px;
      }
      .content-row {
        flex-direction: row;
        align-items: stretch;
      }
      .left {
        flex: 3;
      }
      .right {
        flex: 2.2;
      }
      .hero-visual {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
      }
    }/* End custom CSS */