.elementor-71 .elementor-element.elementor-element-252355d{--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-71 .elementor-element.elementor-element-7ae2a39a{--display:flex;}/* Start custom CSS for html, class: .elementor-element-33382684 */body {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
      overflow: hidden;
    }

    html, body {
      height: 100%;
      width: 100%;
    }

    .hero-container {
      position: relative;
      width: 100%;
      height: 100%;
      overflow: hidden;
      transition: background 0.8s ease-in-out;
      background: linear-gradient(135deg, #f0f4f8 0%, #d9e2ec 100%);
    }

    .hero-container.finance {
      background: linear-gradient(135deg, #f8f9ff 0%, #e8eaff 100%);
    }

    .hero-container.law {
      background: linear-gradient(135deg, #fff8f8 0%, #ffe8e8 100%);
    }

    .hero-container.exim {
      background: linear-gradient(135deg, #f8fff8 0%, #e8ffe8 100%);
    }

    .hero-container.industrial {
      background: linear-gradient(135deg, #fffaf8 0%, #ffeae8 100%);
    }

    .content-wrapper {
      position: relative;
      z-index: 2;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 5%;
    }

    .left-content {
      max-width: 40%;
      width: 40%;
      z-index: 10;
    }

    .right-content {
      width: 60%;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      padding: 0;
      position: relative;
      height: 100%;
    }

    .svg-container {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) scale(0.9);
      width: 80%;
      height: 80%;
      opacity: 0;
      transition: all 0.6s ease;
    }

    .svg-container.active {
      opacity: 1;
      transform: translate(-50%, -50%) scale(1);
    }

    .svg-container.default {
      opacity: 1;
      transform: translate(-50%, -50%) scale(1);
    }

    .svg-container svg {
      width: 100%;
      height: 100%;
      filter: drop-shadow(0 10px 40px rgba(99, 102, 241, 0.15));
    }

.right-content {
  position: relative;
  min-height: 400px;
}
    .logo {
      font-size: 3em;
      font-weight: 800;
      color: #1a1a1a;
      margin-bottom: 0.5em;
      letter-spacing: 0.05em;
      line-height: 1.1;
    }

    .tagline {
      font-size: 1.3em;
      color: #2a2a2a;
      margin-bottom: 1.5em;
      line-height: 1.4;
      font-weight: 300;
    }

    .description {
      font-size: 1em;
      color: #4a4a4a;
      line-height: 1.8;
      margin-bottom: 2em;
    }

    .interactive-word {
      color: #6366f1;
      font-weight: 600;
      cursor: pointer;
      position: relative;
      transition: all 0.3s ease;
      padding: 0.1em 0.3em;
      border-radius: 4px;
    }

    .interactive-word:hover {
      color: #818cf8;
      background: rgba(99, 102, 241, 0.1);
    }

    .interactive-word.active {
      color: #a5b4fc;
      background: rgba(99, 102, 241, 0.2);
    }

    @keyframes float {
      0%, 100% { transform: translateY(0px); }
      50% { transform: translateY(-20px); }
    }

    .animate-float {
      animation: float 3s ease-in-out infinite;
    }

    @media (max-width: 1200px) {
      .content-wrapper {
        padding: 3%;
      }
      
      .logo {
        font-size: 2.5em;
      }
      
      .tagline {
        font-size: 1.2em;
      }
    }

    @media (max-width: 768px) {
      .logo {
        font-size: 2em;
      }

      .tagline {
        font-size: 1.1em;
      }

      .content-wrapper {
        padding: 5%;
        flex-direction: column;
      }

      .left-content, .right-content {
        width: 100%;
        max-width: 100%;
      }

      .right-content {
        margin-top: 2em;
        justify-content: center;
      }
      
      .svg-container {
        max-width: 400px;
      }
    }/* End custom CSS */