.elementor-1538 .elementor-element.elementor-element-c49d558{--display:flex;--min-height:383px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-1538 .elementor-element.elementor-element-c49d558:not(.elementor-motion-effects-element-type-background), .elementor-1538 .elementor-element.elementor-element-c49d558 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#031B40;background-image:url("https://bluefielduae.com/wp-content/uploads/2025/06/ChatGPT-Image-Jun-23-2025-04_37_21-AM.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1538 .elementor-element.elementor-element-67c6f2a{--display:flex;--margin-top:100px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-1538 .elementor-element.elementor-element-67c6f2a.e-con{--flex-grow:0;--flex-shrink:0;}.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-1538 .elementor-element.elementor-element-f1fb18a{text-align:left;}.elementor-1538 .elementor-element.elementor-element-f1fb18a .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:45px;font-weight:700;color:#FFFFFF;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-1538 .elementor-element.elementor-element-526c7b8{--divider-border-style:slashes;--divider-color:#FFC527;--divider-border-width:2px;--divider-pattern-height:3.8px;--divider-pattern-size:13.6px;}.elementor-1538 .elementor-element.elementor-element-526c7b8 .elementor-divider-separator{width:52%;}.elementor-1538 .elementor-element.elementor-element-526c7b8 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-1538 .elementor-element.elementor-element-9b94c56{--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-1538 .elementor-element.elementor-element-31f7923{--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-1538 .elementor-element.elementor-element-07cdb82{--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-1538 .elementor-element.elementor-element-a3e1f3d{--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;}body.elementor-page-1538:not(.elementor-motion-effects-element-type-background), body.elementor-page-1538 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1366px){.elementor-1538 .elementor-element.elementor-element-c49d558{--margin-top:-90px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}}@media(max-width:1024px){.elementor-1538 .elementor-element.elementor-element-c49d558{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-1538 .elementor-element.elementor-element-f1fb18a .elementor-heading-title{font-size:45px;}}@media(min-width:768px){.elementor-1538 .elementor-element.elementor-element-67c6f2a{--width:71%;}}/* Start custom CSS for heading, class: .elementor-element-f1fb18a */.hero-section h1 {
      font-size: 2.5em;
      font-family: Montserrat, Arial, sans-serif;
      margin-bottom: 16px;
      letter-spacing: 1px;
    }
    .hero-section p {
      font-size: 1.25em;
      margin-bottom: 28px;
    }
    .cta-btn {
      background: #fff;
      color: var(--bf-green);
      padding: 16px 36px;
      border-radius: 36px;
      font-weight: bold;
      text-decoration: none;
      box-shadow: 0 6px 24px rgba(32,64,108,0.10);
      font-size: 1.1em;
      border: none;
      display: inline-block;
      transition: background 0.18s, color 0.18s;
      margin: 0 8px;
    }
    .cta-btn:hover {
      background: var(--bf-green);
      color: #fff;
    }

    .section-title {
      color: var(--bf-blue);
      font-family: Montserrat, Arial, sans-serif;
      font-size: 2em;
      text-align: center;
      margin-top: 54px;
      margin-bottom: 24px;
      letter-spacing: 0.5px;
    }

    .features-grid {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 32px;
      max-width: 1100px;
      margin: 0 auto 44px auto;
    }
    .feature-card {
      background: #fff;
      border-radius: 18px;
      box-shadow: 0 6px 24px rgba(32,64,108,0.08);
      max-width: 300px;
      min-width: 220px;
      padding: 34px 22px 22px 22px;
      text-align: center;
      border-top: 5px solid var(--bf-green);
      transition: box-shadow 0.18s, transform 0.18s;
    }
    .feature-card:hover {
      box-shadow: 0 14px 36px rgba(32,64,108,0.14);
      transform: translateY(-4px) scale(1.03);
    }
    .feature-card i {
      color: var(--bf-green);
      font-size: 2.2em;
      margin-bottom: 14px;
      display: block;
    }
    .feature-card h4 {
      color: var(--bf-blue);
      font-size: 1.16em;
      margin-bottom: 10px;
    }
    .feature-card p {
      color: #444;
      font-size: 1em;
      line-height: 1.6;
    }

    .services-cards {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 26px;
      max-width: 1350px;
      margin: 0 auto 42px auto;
      justify-items: center;
    }
    .service-card {
      background: #fff;
      border-radius: 16px;
      box-shadow: 0 6px 28px rgba(32,64,108,0.13);
      padding: 30px 20px 18px 20px;
      max-width: 260px;
      min-width: 0;
      text-align: center;
      border-top: 4px solid var(--bf-green);
      transition: box-shadow 0.2s, transform 0.2s;
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .service-card:hover {
      box-shadow: 0 14px 36px rgba(32,64,108,0.17);
      transform: translateY(-6px) scale(1.03);
    }
    .service-card i {
      font-size: 1.7em;
      color: var(--bf-blue);
      margin-bottom: 13px;
      display: block;
    }
    .service-card h4 {
      color: var(--bf-green);
      font-size: 1.07em;
      margin-bottom: 10px;
    }
    .service-card p {
      color: #444;
      font-size: 0.97em;
      line-height: 1.5;
    }

    .howitworks-steps {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 22px;
      max-width: 950px;
      margin: 0 auto 46px auto;
    }
    .howitworks-card {
      background: #fff;
      border-radius: 15px;
      box-shadow: 0 5px 18px rgba(89,150,90,0.10);
      max-width: 210px;
      text-align: center;
      padding: 26px 14px 18px 14px;
      border-top: 4px solid var(--bf-blue);
    }
    .howitworks-card .step-number {
      background: var(--bf-blue);
      color: #fff;
      width: 34px;
      height: 34px;
      border-radius: 50%;
      margin: 0 auto 11px auto;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: bold;
      font-size: 1.07em;
    }
    .howitworks-card h5 {
      color: var(--bf-green);
      margin-bottom: 8px;
      margin-top: 10px;
    }
    .howitworks-card p {
      color: #444;
      font-size: 0.97em;
      line-height: 1.5;
    }

    .cta-section {
      background: linear-gradient(90deg, var(--bf-blue) 65%, var(--bf-green) 100%);
      padding: 60px 0 48px 0;
    }
    .cta-container {
      max-width: 480px;
      background: #fff;
      margin: 0 auto;
      border-radius: 22px;
      box-shadow: 0 8px 36px rgba(32,64,108,0.14);
      text-align: center;
      padding: 44px 28px 28px 28px;
    }
    .cta-icon {
      background: var(--bf-green);
      border-radius: 50%;
      width: 58px;
      height: 58px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: -44px auto 20px auto;
      box-shadow: 0 4px 16px rgba(89,150,90,0.13);
    }
    .cta-icon i {
      color: #fff;
      font-size: 2em;
    }
    .cta-container h2 {
      margin-bottom: 14px;
      font-size: 1.8em;
      color: var(--bf-blue);
      font-weight: 700;
      font-family: Montserrat, Arial, sans-serif;
    }
    .cta-container p {
      color: var(--bf-green);
      font-size: 1.08em;
      margin-bottom: 30px;
    }
    .cta-container .cta-btn {
      background: var(--bf-blue);
      color: #fff;
      padding: 13px 32px;
      border-radius: 8px;
      font-weight: 600;
      text-decoration: none;
      font-size: 1.06em;
      transition: background 0.18s;
      box-shadow: 0 2px 10px rgba(32,64,108,0.07);
      margin: 8px 0;
      display: inline-block;
    }
    .cta-container .cta-btn:hover {
      background: var(--bf-green);
      color: #fff;
    }
    .cta-extra {
      margin-top: 16px;
      font-size: 0.97em;
      color: #71809c;
    }
    .cta-extra a {
      color: var(--bf-blue);
      text-decoration: none;
      font-weight: 500;
    }
    .cta-extra a i {
      margin-right: 2px;
    }
    @media (max-width: 1100px) {
      .services-cards {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px;
      }
      .features-grid {
        flex-direction: column;
        gap: 16px;
        align-items: center;
      }
    }
    @media (max-width: 700px) {
      .services-cards {
        grid-template-columns: 1fr;
      }
      .service-card, .feature-card, .howitworks-card {
        max-width: 97vw;
      }
      .howitworks-steps {
        gap: 10px;
      }
    }/* End custom CSS */