.elementor-12 .elementor-element.elementor-element-5db4e48{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-35041cc{--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-12 .elementor-element.elementor-element-a2b9c28.elementor-element{--align-self:flex-start;}.elementor-12 .elementor-element.elementor-element-a2b9c28 .elementor-heading-title{color:var( --e-global-color-05ffcf8 );}.elementor-12 .elementor-element.elementor-element-b53557e .elementor-heading-title{font-family:"Times New Roman", Sans-serif;font-size:62px;font-weight:600;color:var( --e-global-color-05ffcf8 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-8f0c13c{font-family:"Times New Roman", Sans-serif;font-size:20px;font-weight:400;}.elementor-12 .elementor-element.elementor-element-704bd7a{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-12 .elementor-element.elementor-element-146ab91 .elementor-button{background-color:var( --e-global-color-primary );font-weight:600;fill:var( --e-global-color-05ffcf8 );color:var( --e-global-color-05ffcf8 );transition-duration:0.5s;border-radius:999px 999px 999px 999px;padding:14px 22px 14px 22px;}.elementor-12 .elementor-element.elementor-element-146ab91 .elementor-button:hover, .elementor-12 .elementor-element.elementor-element-146ab91 .elementor-button:focus{background-color:var( --e-global-color-9f2dacc );color:var( --e-global-color-05ffcf8 );}.elementor-12 .elementor-element.elementor-element-146ab91 .elementor-button:hover svg, .elementor-12 .elementor-element.elementor-element-146ab91 .elementor-button:focus svg{fill:var( --e-global-color-05ffcf8 );}.elementor-12 .elementor-element.elementor-element-4ae0483 .elementor-button{background-color:#FFFFFF8C;font-weight:600;fill:var( --e-global-color-05ffcf8 );color:var( --e-global-color-05ffcf8 );transition-duration:0.5s;border-style:solid;border-width:1px 1px 1px 1px;border-color:#5FB4FFB3;border-radius:999px 999px 999px 999px;padding:14px 22px 14px 22px;}.elementor-12 .elementor-element.elementor-element-4ae0483 .elementor-button:hover, .elementor-12 .elementor-element.elementor-element-4ae0483 .elementor-button:focus{background-color:#5FB4FF10;}.elementor-12 .elementor-element.elementor-element-794d812{--display:flex;}.elementor-12 .elementor-element.elementor-element-d430069{--display:flex;--justify-content:space-between;--padding-top:96px;--padding-bottom:96px;--padding-left:96px;--padding-right:96px;}.elementor-12 .elementor-element.elementor-element-467b49a.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-467b49a .elementor-heading-title{color:var( --e-global-color-05ffcf8 );}.elementor-12 .elementor-element.elementor-element-e7a38ed{text-align:center;}.elementor-12 .elementor-element.elementor-element-e7a38ed .elementor-heading-title{font-family:"Times New Roman", Sans-serif;font-size:52px;font-weight:bold;color:var( --e-global-color-05ffcf8 );}.elementor-12 .elementor-element.elementor-element-19f93e7{text-align:center;font-family:"Times New Roman", Sans-serif;font-size:20px;font-weight:400;}.elementor-12 .elementor-element.elementor-element-33316b1{--display:flex;--justify-content:space-between;--padding-top:96px;--padding-bottom:96px;--padding-left:96px;--padding-right:96px;}.elementor-12 .elementor-element.elementor-element-7a37338.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-7a37338 .elementor-heading-title{color:var( --e-global-color-05ffcf8 );}.elementor-12 .elementor-element.elementor-element-9318d58{text-align:center;}.elementor-12 .elementor-element.elementor-element-9318d58 .elementor-heading-title{font-family:"Times New Roman", Sans-serif;font-size:52px;font-weight:bold;color:var( --e-global-color-05ffcf8 );}.elementor-12 .elementor-element.elementor-element-bfdb906{text-align:center;font-family:"Times New Roman", Sans-serif;font-size:20px;font-weight:400;}.elementor-12 .elementor-element.elementor-element-e8e2786{--display:flex;--justify-content:space-between;--padding-top:96px;--padding-bottom:96px;--padding-left:96px;--padding-right:96px;}.elementor-12 .elementor-element.elementor-element-e8e2786:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-e8e2786 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6F2FF;}.elementor-12 .elementor-element.elementor-element-e5cf158.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-e5cf158 .elementor-heading-title{color:var( --e-global-color-05ffcf8 );}.elementor-12 .elementor-element.elementor-element-5ed70ab{text-align:center;}.elementor-12 .elementor-element.elementor-element-5ed70ab .elementor-heading-title{font-family:"Times New Roman", Sans-serif;font-size:52px;font-weight:bold;color:var( --e-global-color-05ffcf8 );}.elementor-12 .elementor-element.elementor-element-311dfd8{text-align:center;font-family:"Times New Roman", Sans-serif;font-size:20px;font-weight:400;}.elementor-12 .elementor-element.elementor-element-7fe15d0{text-align:center;font-family:"Times New Roman", Sans-serif;font-size:20px;font-weight:400;}.elementor-12 .elementor-element.elementor-element-15f5dac{--display:flex;--justify-content:space-between;--padding-top:96px;--padding-bottom:96px;--padding-left:96px;--padding-right:96px;}.elementor-12 .elementor-element.elementor-element-1ede822.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-1ede822 .elementor-heading-title{color:var( --e-global-color-05ffcf8 );}.elementor-12 .elementor-element.elementor-element-efccdbc{text-align:center;}.elementor-12 .elementor-element.elementor-element-efccdbc .elementor-heading-title{font-family:"Times New Roman", Sans-serif;font-size:52px;font-weight:bold;color:var( --e-global-color-05ffcf8 );}.elementor-12 .elementor-element.elementor-element-d65329f{text-align:center;font-family:"Times New Roman", Sans-serif;font-size:20px;font-weight:400;}.elementor-12 .elementor-element.elementor-element-b567959{--display:flex;--justify-content:space-between;--padding-top:96px;--padding-bottom:96px;--padding-left:96px;--padding-right:96px;}@media(max-width:1024px){.elementor-12 .elementor-element.elementor-element-5db4e48{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-d430069{--padding-top:72px;--padding-bottom:72px;--padding-left:10px;--padding-right:10px;}.elementor-12 .elementor-element.elementor-element-33316b1{--padding-top:72px;--padding-bottom:72px;--padding-left:10px;--padding-right:10px;}.elementor-12 .elementor-element.elementor-element-e8e2786{--padding-top:72px;--padding-bottom:72px;--padding-left:10px;--padding-right:10px;}.elementor-12 .elementor-element.elementor-element-15f5dac{--padding-top:72px;--padding-bottom:72px;--padding-left:10px;--padding-right:10px;}.elementor-12 .elementor-element.elementor-element-b567959{--padding-top:72px;--padding-bottom:72px;--padding-left:10px;--padding-right:10px;}.elementor-12 .elementor-element.elementor-element-5592d1b{padding:0px 20px 0px 20px;}}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-b53557e .elementor-heading-title{font-size:42px;}.elementor-12 .elementor-element.elementor-element-d430069{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}}/* Start custom CSS for html, class: .elementor-element-299aa48 */.hero-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    color: #5d6d7d;
    font-size: 14px;
}
.meta-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 999px;
    background: white;
    border: 1px solid var(--border);
    box-shadow: var(--shadow-soft);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cd115b1 */.hero-panel {
    background: rgba(255, 255, 255, .72);
    border: 1px solid rgba(219, 232, 245, .9);
    border-radius: 28px;
    padding: 24px;
    box-shadow: var(--shadow);
    position: relative;
    overflow: hidden;
}
.hero-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255, 201, 76, .12), rgba(95, 180, 255, .12));
    pointer-events: none;
}

.hero-graphic {
    position: relative;
    min-height: 460px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.orb.one {
    width: 120px;
    height: 120px;
    background: rgba(95, 180, 255, .24);
    top: 24px;
    right: 24px;
}

.orb.two {
    width: 84px;
    height: 84px;
    background: rgba(255, 201, 76, .28);
    left: 26px;
    bottom: 44px;
}

.orb.three {
    width: 52px;
    height: 52px;
    background: rgba(97, 206, 112, .24);
    right: 84px;
    bottom: 92px;
}

.orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(0);
    opacity: .9;
}

.device {
    width: min(320px, 100%);
    aspect-ratio: 4 / 5;
    border-radius: 30px;
    background: linear-gradient(180deg, #16324f, #234a73);
    box-shadow: 0 24px 50px rgba(22, 50, 79, .25);
    padding: 16px;
    position: relative;
}

.device-inner {
    width: 100%;
    height: 100%;
    border-radius: 22px;
    background: linear-gradient(135deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .06)), linear-gradient(180deg, #f8fbff, #eaf4ff);
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.mini-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    font-weight: 700;
    color: #38526d;
}

.chart {
    flex: 1;
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(95, 180, 255, .20), rgba(255, 201, 76, .14));
    border: 1px solid rgba(22, 50, 79, .06);
    position: relative;
    overflow: hidden;
    padding: 16px;
}

.chart::after {
    content: "";
    position: absolute;
    left: -20%;
    top: 18%;
    width: 140%;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(22, 50, 79, .25), transparent);
    transform: rotate(-18deg);
}

.chip-row {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: auto;
}

.chip {
    padding: 8px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    background: white;
    color: #35516d;
    border: 1px solid rgba(219, 232, 245, .95);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5db4e48 */.hero {
    position: relative;
    overflow: hidden;
    padding: 78px 0 90px;
    background: radial-gradient(circle at top right, rgba(95, 180, 255, .18), transparent 28%), radial-gradient(circle at bottom left, rgba(255, 201, 76, .18), transparent 24%), linear-gradient(180deg, #fdfefe 0%, #f6fbff 100%);
}
.eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: rgba(95, 180, 255, .12);
    color: var(--heading);
    border: 1px solid rgba(95, 180, 255, .18);
    padding: 8px 14px;
    border-radius: 999px;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 18px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-58979e7 */.grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.service-card {
    padding: 26px;
    position: relative;
    overflow: hidden;
    transition: var(--transition);
}

.card {
    background: rgba(255, 255, 255, .9);
    border: 1px solid rgba(219, 232, 245, .9);
    border-radius: var(--radius);
    box-shadow: var(--shadow-soft);
   border-radius:18px;
}

.icon {
    width: 54px;
    height: 54px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    margin-bottom: 18px;
    background: linear-gradient(135deg, rgba(95, 180, 255, .16), rgba(255, 201, 76, .18));
    color: var(--heading);
    font-size: 22px;
    border: 1px solid rgba(219, 232, 245, .95);
}

.service-card h3 {
    font-size: 20px;
font-weight: bold;
    margin-bottom: 10px;
}

.service-card p {
    font-size: 14px;
    color: #5d6d7d;
}


.service-card .more {
    margin-top: 18px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--heading);
    font-weight: 700;
    font-size: 14px;
}

.service-card:hover{
      transform:translateY(-6px);
      box-shadow:0 22px 40px rgba(22,50,79,.12);
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e85873 */.grid-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

.solution {
    padding: 22px;
    min-height: 170px;
}

.solution .badge {
    display: inline-flex;
    padding: 7px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    color: var(--heading);
    background: rgba(95, 180, 255, .12);
    margin-bottom: 14px;
}

.solution h3 {
font-weight: 700;
    font-size: 18px;
    margin-bottom: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-33316b1 */.solutions {
    background: linear-gradient(180deg, #f7fbff, #ffffff);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ac1def4 */.tech-row {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 16px;
}

.tech-item {
    padding: 18px 14px;
    text-align: center;
    font-weight: 700;
    color: #35516d;
    background: rgba(255, 255, 255, .72);
    border: 1px solid rgba(219, 232, 245, .95);
    border-radius: 16px;
    box-shadow: var(--shadow-soft);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ee09aa0 */.timeline {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    position: relative;
}

.step {
    padding: 24px;
    position: relative;
}

.step-num {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: rgba(255, 201, 76, .22);
    color: var(--heading);
    font-weight: 800;
    margin-bottom: 14px;
    border: 1px solid rgba(255, 201, 76, .35);
}

.step h3 {
font-weight:bold;
    font-size: 18px;
    margin-bottom: 8px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5592d1b */.cta-box {
    text-align: center;
    background: rgba(255, 255, 255, .78);
    border: 1px solid rgba(255, 255, 255, .55);
    box-shadow: var(--shadow);
    border-radius: 30px;
    padding: 42px 24px;
    max-width: 900px;
    margin: 0 auto;
    backdrop-filter: blur(10px);
}

.cta-box h2 {
    font-size: clamp(28px, 4vw, 42px);
    margin-bottom: 12px;
}

.btn-primary {
    background: #ffc94c;
    color: #16324f!important;
    box-shadow: 0 10px 20px rgba(255, 201, 76, .24);
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 22px;
    border-radius: 999px;
    font-weight: 700;
    font-size: 14px;
    transition: var(--transition);
    border: 1px solid transparent;
    cursor: pointer;
    white-space: nowrap;
}

.btn-outline {
    background: transparent;
    border-color: rgba(95, 180, 255, .7);
    color: #16324f!important;
    background: rgba(255, 255, 255, .55);
    backdrop-filter: blur(10px);
}

    .btn-primary:hover{transform:translateY(-2px);filter:brightness(.98)}
    .btn-outline{
      background:transparent;
      border-color:rgba(95,180,255,.7);
      color:var(--heading);
      background:rgba(255,255,255,.55);
      backdrop-filter: blur(10px);
    }
    .btn-outline:hover{
      background:rgba(95,180,255,.10);
      transform:translateY(-2px);
    }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b567959 */.cta {
    background: linear-gradient(135deg, rgba(255, 201, 76, .92), rgba(95, 180, 255, .88));
    padding: 72px 0;
}/* End custom CSS */
/* Start custom CSS *//* services */
.grid-3{
  display:grid;
  grid-template-columns: repeat(3,1fr);
  gap:22px;
}

@media (max-width:1024px){
  .grid-3{
    grid-template-columns: repeat(2,1fr);
  }
}

@media (max-width:600px){
  .grid-3{
    grid-template-columns: 1fr;
  }
}


/* solutions */
.grid-4{
  display:grid;
  grid-template-columns: repeat(4,1fr);
  gap:18px;
}

@media (max-width:1024px){
  .grid-4{
    grid-template-columns: repeat(2,1fr);
  }
}

@media (max-width:600px){
  .grid-4{
    grid-template-columns: 1fr;
  }
}


/* tech stack */
.tech-row{
  display:grid;
  grid-template-columns: repeat(6,1fr);
  gap:16px;
}

@media (max-width:1024px){
  .tech-row{
    grid-template-columns: repeat(4,1fr);
  }
}

@media (max-width:768px){
  .tech-row{
    grid-template-columns: repeat(3,1fr);
  }
}

@media (max-width:480px){
  .tech-row{
    grid-template-columns: repeat(2,1fr);
  }
}


/* timeline */
.timeline{
  display:grid;
  grid-template-columns: repeat(4,1fr);
  gap:22px;
}

@media (max-width:1024px){
  .timeline{
    grid-template-columns: repeat(2,1fr);
  }
}

@media (max-width:600px){
  .timeline{
    grid-template-columns: 1fr;
  }
}/* End custom CSS */