.elementor-253001 .elementor-element.elementor-element-5d32bf8{--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;--margin-top:31px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;overflow:visible;}.elementor-253001 .elementor-element.elementor-element-c7d7a82{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;overflow:visible;}.elementor-253001 .elementor-element.elementor-element-cf1efd3{--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-253001 .elementor-element.elementor-element-0d187e2{--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-253001 .elementor-element.elementor-element-2acca2f .master-addons-cf7 .wpcf7-not-valid-tip{display:block;}.elementor-253001 .elementor-element.elementor-element-2acca2f .master-addons-cf7 .wpcf7-validation-errors{display:block !important;}.elementor-253001 .elementor-element.elementor-element-2acca2f .master-addons-cf7::before{background:#6e00e9;}.elementor-253001 .elementor-element.elementor-element-2acca2f .master-addons-cf7{width:100%;padding:0px 40px 40px 40px;}.elementor-253001 .elementor-element.elementor-element-2acca2f .master-addons-cf7 .wpcf7-form-control.wpcf7-text, .elementor-253001 .elementor-element.elementor-element-2acca2f .master-addons-cf7 .wpcf7-form-control.wpcf7-textarea{width:100%;}.elementor-253001 .elementor-element.elementor-element-2acca2f .master-addons-cf7 .wpcf7-form input[type="submit"]{color:#FFF;border-color:transparent;border-radius:0px 0px 0px 0px;padding:20px 50px 20px 50px;}.elementor-253001 .elementor-element.elementor-element-2acca2f .master-addons-cf7 .wpcf7-form input[type="submit"]:hover{color:#6e00e9;}.elementor-253001 .elementor-element.elementor-element-2acca2f .master-addons-cf7 .wpcf7-submit{border-width:0px 0px 0px 0px;}.elementor-253001 .elementor-element.elementor-element-2acca2f .ma-cf input[type="submit"]:hover{border-color:#6e00e9;}.elementor-253001 .elementor-element.elementor-element-b875cea{--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-253001 .elementor-element.elementor-element-05da7ec{--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;}@media(min-width:768px){.elementor-253001 .elementor-element.elementor-element-cf1efd3{--width:50%;}.elementor-253001 .elementor-element.elementor-element-0d187e2{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-5d32bf8 *//* ===== HERO G1 ===== */
.mobile-hero-g1{
  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-for-a-404.jpeg");
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
  background-color:#0b0e1a;

  display:flex;
  align-items:center;
  padding:0 8%;
  overflow:hidden;

  image-rendering:-webkit-optimize-contrast;
  image-rendering:crisp-edges;
}

/* Overlay */
.mobile-hero-g1-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-g1-content{
  position:relative;
  z-index:2;
  max-width:900px;
  color:#ffffff;
}

/* Title */
.mobile-hero-g1-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-g1-content p{
  font-size:18px;
  line-height:1.7;
  color:#f2f2f2;
  max-width:700px;
  margin-bottom:44px;
}

/* Button */
.hero-btn-g1{
  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-g1:hover{
  background:#090a4c;
  border-color:#090a4c;
  color:#ffffff;
}

/* Responsive */
@media(max-width:900px){
  .mobile-hero-g1{
    padding:0 6%;
    background-size:auto 90%;
  }

  .mobile-hero-g1-content h1{
    font-size:38px;
  }
}

@media(max-width:600px){
  .mobile-hero-g1{
    padding:80px 20px;
    background-position:70% bottom;
    background-size:auto 85%;
  }

  .mobile-hero-g1-content h1{
    font-size:30px;
  }

  .mobile-hero-g1-content p{
    font-size:16px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c7d7a82 */.what-next-section{
  width:100%;
  min-height:60vh;
  background:#f3f3f3;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:40px 20px;
  font-family:"Segoe UI", Arial, sans-serif;
}

.what-next-box{
  max-width:620px;
}

.what-next-box h2{
  font-size:42px;
  margin-bottom:18px;
  color:#333;
  font-weight:600;
}

.what-next-box .desc{
  color:#555;
  font-size:16px;
  margin-bottom:25px;
}

.small-title{
  margin-bottom:10px;
  color:#333;
  font-weight:600;
}

.links{
  list-style:none;
  padding:0;
  margin:0;
}

.links li{
  margin:12px 0;
  font-size:16px;
  color:#444;
}

.links a{
  color:#28414c;   /* changed */
  text-decoration:none;
  font-weight:500;
}

.links a:hover{
  text-decoration:underline;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b875cea */.genius-strip{
  display:flex;
  width:100%;
  background:#e9e9e9;
  font-family:"Segoe UI", Arial, sans-serif;
}

.genius-item{
  flex:1;
  padding:18px 25px;
  border-top:2px solid transparent;
}

.genius-item .number{
  display:block;
  font-size:14px;
  color:#777;
  margin-bottom:8px;
}

.genius-item p{
  margin:0;
  font-size:16px;
  color:#222;
  font-weight:500;
}

/* Active one */
.genius-item.active{
  border-top:2px solid #000;
}

/* Mobile */
@media(max-width:700px){
  .genius-strip{
    flex-direction:column;
  }

  .genius-item{
    border-top:none;
    border-left:3px solid transparent;
  }

  .genius-item.active{
    border-left:3px solid #000;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-05da7ec */.genius-slider{
  background:#eeeeee;
  padding:70px 8%;
  position:relative;
  font-family:"Segoe UI", Arial, sans-serif;
  overflow:hidden;
}

.slide{
  display:none;
  align-items:center;
  gap:70px;
}

.slide.active{
  display:flex;
}

.slide-img{
  flex:1;
}

.slide-img img{
  width:100%;
  display:block;
}

.slide-content{
  flex:1;
  max-width:520px;
}

.slide-content h3{
  font-size:26px;
  margin-bottom:15px;
  color:#222;
}

.slide-content p{
  font-size:15px;
  line-height:1.8;
  color:#555;
}

/* Arrows */
.slider-arrows{
  position:absolute;
  top:40px;
  right:8%;
  font-size:22px;
  color:#777;
  cursor:pointer;
}

.slider-arrows span{
  margin-left:15px;
}

.slider-arrows span:hover{
  color:#000;
}

/* Mobile */
@media(max-width:900px){
  .slide{
    flex-direction:column;
  }
}/* End custom CSS */