.elementor-57 .elementor-element.elementor-element-8b5741a{--display:flex;--min-height:100vh;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:23px;--padding-bottom:1003px;--padding-left:23px;--padding-right:23px;}.elementor-57 .elementor-element.elementor-element-8b5741a .elementor-background-slideshow__slide__image{background-size:contain;}.elementor-57 .elementor-element.elementor-element-07c523e{--display:flex;--min-height:100vh;--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:center;}.elementor-57 .elementor-element.elementor-element-e733513{--display:flex;}.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 );color:var( --e-global-color-primary );}.elementor-57 .elementor-element.elementor-element-6881dac .elementor-heading-title{color:#FFFFFF;}.elementor-57 .elementor-element.elementor-element-d5624b9{--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;}.elementor-57 .elementor-element.elementor-element-ab5c0e4{--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-57 .elementor-element.elementor-element-6e6d3ba{--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-57 .elementor-element.elementor-element-5ab43f5{--display:flex;}.elementor-57 .elementor-element.elementor-element-0da682c{--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-57 .elementor-element.elementor-element-0da682c.e-con{--flex-grow:0;--flex-shrink:0;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-57 .elementor-element.elementor-element-07c523e{--width:50%;}.elementor-57 .elementor-element.elementor-element-ab5c0e4{--width:50%;}.elementor-57 .elementor-element.elementor-element-0da682c{--width:100%;}}@media(max-width:767px){.elementor-57 .elementor-element.elementor-element-8b5741a .elementor-background-slideshow__slide__image{background-size:auto;}.elementor-57 .elementor-element.elementor-element-8b5741a{--margin-top:0px;--margin-bottom:61px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for container, class: .elementor-element-8b5741a */.hero {
    position: relative;
    bottom: 0;
    height: 100vh;
    background-repeat: no-repeat;
}

.hero::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 200px;
    background: linear-gradient(to top, #181b20, transparent) !important;
    pointer-events: none;
    z-index: 2;
}

/* Responsive fix for mobile */
@media (max-width: 600px) {
    .hero{
        bottom: 0px;
    }
    .hero::after {
        height: 90px;
    }
}/* End custom CSS */
/* Start custom CSS */body {
      margin: 0; padding: 0; background: #111827;
      font-family: 'Inter', sans-serif; color: #fff;
    }
      
    body {
      margin: 0; padding: 0; background: #09090b;
      font-family: 'Inter', sans-serif; color: #fff;
    }
    .relative { position: relative; }
    .z-10 { z-index: 10; }
    .min-h-screen { min-height: 100vh; }
    .flex { display: flex; }
    .items-center { align-items: center; }
    .justify-center { justify-content: center; }
    .container { max-width: 1280px; margin: 0 auto; }
    .mx-auto { margin-left: auto; margin-right: auto; }
    .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
    .grid { display: grid; }
    .lg:grid-cols-2 { grid-template-columns: repeat(2, 1fr);}
    .gap-16 { gap: 4rem;}
    .space-y-8 > * + * { margin-top: 2rem;}
    .absolute { position: absolute; }
    .-top-20 { top: -5rem; }
    .-left-10 { left: -2.5rem; }
    .w-20 { width: 5rem;}
    .h-20 { height: 5rem;}
    .bg-red-500/20 { background: rgba(239, 68, 68, 0.2);}
    .rounded-full { border-radius: 9999px;}
    .blur-xl { filter: blur(32px);}
    .animate-float { animation: float 5s ease-in-out infinite;}
    @keyframes float { 0%,100%{transform:translateY(0);} 50%{transform:translateY(-20px);} }
    .top-40 { top: 10rem;}
    .-right-10 { right: -2.5rem;}
    .w-16 { width: 4rem;}
    .h-16 { height: 4rem;}
    .bg-white/10 { background: rgba(255,255,255,0.1);}
    .blur-lg { filter: blur(16px);}
    .space-y-6 > * + * { margin-top: 1.5rem;}
    .inline-flex { display: inline-flex;}
    .items-center { align-items: center;}
    .space-x-2 > * + * { margin-left: .5rem;}
    .bg-red-500/10 { background: rgba(239, 68, 68, 0.1);}
    .border { border-width: 1px;}
    .border-red-500/20 { border-color: rgba(239, 68, 68, 0.2);}
    .rounded-full { border-radius: 9999px;}
    .px-6 { padding-left: 1.5rem; padding-right: 1.5rem;}
    .py-3 { padding-top: .75rem; padding-bottom: .75rem;}
    .backdrop-blur-sm { backdrop-filter: blur(4px);}
    .w-2 { width: .5rem;}
    .h-2 { height: .5rem;}
    .bg-red-500 { background: #ef4444;}
    .rounded-full { border-radius: 9999px;}
    .animate-pulse { animation: pulse 2s cubic-bezier(0.4,0,0.6,1) infinite;}
    @keyframes pulse { 0%,100%{opacity:1;} 50%{opacity:.5;} }
    .text-red-400 { color: #f87171;}
    .font-medium { font-weight: 500;}
    .text-5xl { font-size: 3rem;}
    .lg:text-7xl { font-size: 5rem;}
    .font-black { font-weight: 900;}
    .leading-tight { line-height: 1.1;}
    .block { display: block;}
    .text-white { color: #fff;}
    .bg-gradient-to-r { background: linear-gradient(to right, #ef4444, #f87171, #dc2626);}
    .bg-clip-text { -webkit-background-clip: text; background-clip: text;}
    .text-transparent { color: transparent;}
    .animate-gradient { animation: gradientBG 4s ease-in-out infinite;}
    @keyframes gradientBG {
      0% {background-position:0% 50%;}
      50% {background-position:100% 50%;}
      100% {background-position:0% 50%;}
    }
    .text-xl { font-size: 3.3rem;}
    .lg:text-2xl { font-size: 1.5rem;}
    .text-gray-300 { color: #d1d5db;}
    .leading-relaxed { line-height: 1.625;}
    .max-w-2xl { max-width: 42rem;}
    .font-semibold { font-weight: 600;}
    .flex-col { flex-direction: column;}
    .sm:flex-row { flex-direction: row;}
    .gap-6 { gap: 1.5rem;}
    .bg-gradient-to-r { background: linear-gradient(to right, #ef4444, #dc2626);}
    .hover:from-red-600:hover { background: #dc2626;}
    .hover:to-red-700:hover { background: #b91c1c;}
    .text-lg { font-size: 1.125rem;}
    .rounded-full { border-radius: 9999px;}
    .font-semibold { font-weight: 600;}
    .transform { transform: translateZ(0);}
    .hover:scale-105:hover { transform: scale(1.05);}
    .transition-all { transition: all .3s;}
    .duration-300 { transition-duration: .3s;}
    .shadow-2xl { box-shadow: 0 25px 50px -12px rgba(0,0,0,.25);}
    .hover:shadow-red-500/25:hover { box-shadow: 0 10px 30px 0 rgba(239,68,68,.25);}
    .border-2 { border-width: 2px;}
    .border-white/20 { border-color: rgba(255,255,255,0.2);}
    .hover:bg-white/10:hover { background: rgba(255,255,255,0.1);}
    .backdrop-blur-sm { backdrop-filter: blur(4px);}
    .group:hover .group-hover:translate-x-1 { transform: translateX(.25rem);}
    .group:hover .group-hover:scale-110 { transform: scale(1.10);}
    .group:hover .group-hover:text-red-400 { color: #f87171;}
    .group:hover .group-hover:text-gray-300 { color: #d1d5db;}
    .group:hover .group-hover:opacity-100 { opacity: 1;}
    .group:hover .group-hover:scale-110 { transform: scale(1.10);}
    .group:hover .group-hover:scale-105 { transform: scale(1.05);}
    .group:hover .group-hover:text-red-400 { color: #f87171;}
    .group:hover .group-hover:text-gray-300 { color: #d1d5db;}
    .group { position: relative; }
    .grid-cols-3 { grid-template-columns: repeat(3,1fr);}
    .gap-8 { gap: 2rem;}
    .pt-8 { padding-top: 2rem;}
    .text-center { text-align: center;}
    .relative { position: relative;}
    .mb-3 { margin-bottom: .75rem;}
    .w-12 { width: 3rem;}
    .h-12 { height: 3rem;}
    .bg-gradient-to-r { background: linear-gradient(to right, #ef4444 20%, #dc2626 80%);}
    .rounded-xl { border-radius: 1rem;}
    .flex { display: flex;}
    .items-center { align-items: center;}
    .justify-center { justify-content: center;}
    .mx-auto { margin-left: auto; margin-right: auto;}
    .transition-all { transition: all .3s;}
    .duration-300 { transition-duration: .3s;}
    .border-red-500/30 { border-color: rgba(239,68,68,0.3);}
    .text-2xl { font-size: 1.5rem;}
    .lg:text-3xl { font-size: 1.875rem;}
    .font-bold { font-weight: 700;}
    .text-gray-400 { color: #9ca3af;}
    .text-sm { font-size: .875rem;}
    .relative { position: relative;}
    .bg-gradient-to-br { background: linear-gradient(to bottom right, #111827, #000, #111827);}
    .rounded-3xl { border-radius: 1.5rem;}
    .p-8 { padding: 2rem;}
    .shadow-2xl { box-shadow: 0 25px 50px -12px rgba(0,0,0,.25);}
    .border { border-width: 1px;}
    .backdrop-blur-sm { backdrop-filter: blur(4px);}
    .transform { transform: translateZ(0);}
    .hover:scale-105:hover { transform: scale(1.05);}
    .transition-all { transition: all .5s;}
    .duration-500 { transition-duration: .5s;}
    .w-full { width: 100%;}
    .h-auto { height: auto;}
    .rounded-2xl { border-radius: 1rem;}
    .shadow-2xl { box-shadow: 0 25px 50px -12px rgba(0,0,0,.25);}
    .absolute { position: absolute;}
    .-top-6 { top: -1.5rem;}
    .-right-6 { right: -1.5rem;}
    .bg-gradient-to-r { background: linear-gradient(to right, #ef4444, #dc2626);}
    .rounded-2xl { border-radius: 1rem;}
    .p-4 { padding: 1rem;}
    .shadow-xl { box-shadow: 0 10px 30px 0 rgba(0,0,0,.15);}
    .animate-bounce { animation: bounce 1.5s infinite;}
    @keyframes bounce { 0%,100%{transform:translateY(0);} 50%{transform:translateY(-10px);} }
    .-bottom-6 { bottom: -1.5rem;}
    .-left-6 { left: -1.5rem;}
    .bg-gradient-to-r { background: linear-gradient(to right, #fff, #e5e7eb);}
    .text-black { color: #000;}
    .top-1/2 { top: 50%;}
    .-right-8 { right: -2rem;}
    .bg-gradient-to-r { background: linear-gradient(to right, #1f2937, #111827);}
    .p-3 { padding: .75rem;}
    .border-red-500/30 { border-color: rgba(239,68,68,0.3);}
    .animate-float { animation: float 5s ease-in-out infinite;}
    .absolute { position: absolute;}
    .inset-0 { top:0; right:0; bottom:0; left:0;}
    .-z-10 { z-index: -10;}
    .top-1/2 { top: 50%;}
    .left-1/2 { left: 50%;}
    .transform { transform: translate(-50%, -50%);}
    .w-96 { width: 24rem;}
    .h-96 { height: 24rem;}
    .border { border-width: 1px;}
    .border-red-500/20 { border-color: rgba(239,68,68,0.2);}
    .rounded-full { border-radius: 9999px;}
    .animate-ping { animation: ping 2s cubic-bezier(0,0,0.2,1) infinite;}
    @keyframes ping { 0% { transform: scale(1); opacity:1;} 100% { transform:scale(1.2); opacity:0; } }
    .w-80 { width: 20rem;}
    .h-80 { height: 20rem;}
    .border-white/10 { border-color: rgba(255,255,255,0.1);}
    .animate-pulse { animation: pulse 2s cubic-bezier(0.4,0,0.6,1) infinite;}
    
    /* Responsive adjustments */
    @media (max-width: 1024px) {
      .lg:grid-cols-2 { grid-template-columns: 1fr; }
      .lg:text-7xl { font-size: 3rem; }
      .lg:text-2xl { font-size: 1.25rem; }
      .lg:text-3xl { font-size: 1.5rem; }
    }
    @media (max-width: 640px) {
      .sm:flex-row { flex-direction: column; }
      .px-6 { padding-left: 1rem; padding-right: 1rem;}
      .gap-16 { gap: 2rem; }
    }
    
 .responsive-text {
  font-size: clamp(1.05rem, 3vw, 1.5rem);
  line-height: 1.4;
  word-break: break-word;
}

@media (max-width: 500px) {
  .responsive-text {
    font-size: 1rem;
  }
}


.hero-text{
     font-family: 'Inter', 'Segoe UI', Arial, sans-serif;
  font-weight: 900;
  margin-top: 1.5rem;
  color: #fff;
  line-height: 1.1;
  font-size: clamp(2rem, 8vw, 4.5rem);
  word-break: break-word;
}/* End custom CSS */