.elementor-201521 .elementor-element.elementor-element-a254939{--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;overflow:visible;}.elementor-201521 .elementor-element.elementor-element-bb134f6{--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;overflow:visible;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-a254939 *//* ===== HERO B3 ===== */
.mobile-hero-b3{
  position:relative;

  width:100vw;
  max-width:100vw;
  margin-left:calc(-50vw + 50%);
  margin-right:calc(-50vw + 50%);

  min-height:100vh;

  background-image:url("https://iqratechnology.com/wp-content/uploads/2026/02/a_realistic_high_end_website_hero_banner_representing-14.jpeg");
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
  background-color:#0b0e1a;

  display:flex;
  align-items:center;
  padding:0 5%;
  overflow:hidden;

  image-rendering:-webkit-optimize-contrast;
  image-rendering:crisp-edges;
}

/* Overlay */
.mobile-hero-b3-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(
    90deg,
    rgba(0,0,0,0.95) 0%,
    rgba(0,0,0,0.85) 35%,
    rgba(0,0,0,0.6) 55%,
    rgba(0,0,0,0.15) 75%,
    rgba(0,0,0,0) 100%
  );
  z-index:1;
}

/* Content */
.mobile-hero-b3-content{
  position:relative;
  z-index:2;
  max-width:900px;
  color:#ffffff;
}

/* Title */
.mobile-hero-b3-content h1{
  font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif;
  font-size:56px;
  font-weight:300;
  line-height:1.25;
  letter-spacing:.3px;
  margin-bottom:32px;
  color:#ffffff;
}

/* Paragraph */
.mobile-hero-b3-content p{
  font-size:18px;
  line-height:1.7;
  color:#f2f2f2;
  max-width:700px;
  margin-bottom:44px;
}

/* Button */
.hero-btn-b3{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:16px 42px;
  border:2px solid #ffffff;
  color:#ffffff;
  background:transparent;
  font-size:16px;
  font-weight:600;
  text-decoration:none;
  border-radius:3px;
  transition:.3s ease;
}

.hero-btn-b3:hover{
  background:#060031;
  border-color:#060031;
  color:#ffffff;
}

/* Responsive */
@media(max-width:900px){
  .mobile-hero-b3{
    padding:0 6%;
    background-size:auto 90%;
  }

  .mobile-hero-b3-content h1{
    font-size:38px;
  }
}

@media(max-width:600px){
  .mobile-hero-b3{
    padding:80px 20px;
    background-position:70% bottom;
    background-size:auto 85%;
  }

  .mobile-hero-b3-content h1{
    font-size:30px;
  }

  .mobile-hero-b3-content p{
    font-size:16px;
  }
}/* End custom CSS */