.elementor-8470 .elementor-element.elementor-element-68a4799{--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:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-8470 .elementor-element.elementor-element-68a4799:not(.elementor-motion-effects-element-type-background), .elementor-8470 .elementor-element.elementor-element-68a4799 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#7435F8;}.elementor-8470 .elementor-element.elementor-element-5f60c936:not(.elementor-motion-effects-element-type-background), .elementor-8470 .elementor-element.elementor-element-5f60c936 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#f2f2f2;}.elementor-8470 .elementor-element.elementor-element-5f60c936, .elementor-8470 .elementor-element.elementor-element-5f60c936 > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-8470 .elementor-element.elementor-element-5f60c936{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;overflow:visible;}.elementor-8470 .elementor-element.elementor-element-5f60c936 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8470 .elementor-element.elementor-element-11d60eaf > .elementor-widget-container{margin:50px 0px 25px 0px;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-8470 .elementor-element.elementor-element-11d60eaf .consulting-custom-title{color:#7434FA;}.elementor-8470 .elementor-element.elementor-element-355c2092{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 22px) 0px;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;color:#000000;}.elementor-8470 .elementor-element.elementor-element-355c2092 a{color:#7434FA;}.elementor-8470 .elementor-element.elementor-element-58b50b83{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 23px) 0px;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;color:#000000;}.elementor-8470 .elementor-element.elementor-element-58b50b83 a{color:#7434FA;}.elementor-8470 .elementor-element.elementor-element-369d049d, .elementor-8470 .elementor-element.elementor-element-369d049d > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-8470 .elementor-element.elementor-element-369d049d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:30px;padding:0px 0px 0px 0px;overflow:visible;}.elementor-8470 .elementor-element.elementor-element-369d049d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8470 .elementor-element.elementor-element-a58dab1{color:#7434FA;}.elementor-8470 .elementor-element.elementor-element-466fedb5{color:#7434FA;}.elementor-8470 .elementor-element.elementor-element-74374a04:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-8470 .elementor-element.elementor-element-74374a04 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://i0.wp.com/zagatech.pro/wp-content/uploads/2025/07/about2.jpg?fit=1572%2C1079&ssl=1");background-repeat:no-repeat;background-size:cover;}.elementor-8470 .elementor-element.elementor-element-74374a04 > .elementor-element-populated, .elementor-8470 .elementor-element.elementor-element-74374a04 > .elementor-element-populated > .elementor-background-overlay, .elementor-8470 .elementor-element.elementor-element-74374a04 > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-8470 .elementor-element.elementor-element-74374a04 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:52px 0px 95px 0px;}.elementor-8470 .elementor-element.elementor-element-74374a04 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8470 .elementor-element.elementor-element-6bbcc5fe > .elementor-widget-container{margin:0px 0px 43px 0px;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-8470 .elementor-element.elementor-element-6bbcc5fe .consulting-custom-title{color:#ffffff;}.elementor-8470 .elementor-element.elementor-element-2bc78bf .elementor-progress-bar{background-color:#FFC207;}.elementor-8470 .elementor-element.elementor-element-2bc78bf .elementor-progress-text{color:#ffffff;}.elementor-8470 .elementor-element.elementor-element-2fe6fa8b .elementor-progress-bar{background-color:#7434FA;}.elementor-8470 .elementor-element.elementor-element-2fe6fa8b .elementor-progress-text{color:#ffffff;}.elementor-8470 .elementor-element.elementor-element-42aec938 .elementor-progress-bar{background-color:#FFC207;}.elementor-8470 .elementor-element.elementor-element-42aec938 .elementor-progress-text{color:#ffffff;}.elementor-8470 .elementor-element.elementor-element-7643682d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-8470 .elementor-element.elementor-element-7643682d .elementor-progress-bar{background-color:#7434FA;}.elementor-8470 .elementor-element.elementor-element-7643682d .elementor-progress-text{color:#ffffff;}.elementor-8470 .elementor-element.elementor-element-51e5d60{--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-8470 .elementor-element.elementor-element-ecd1c22{--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;--overlay-opacity:0.5;overflow:visible;}.elementor-8470 .elementor-element.elementor-element-ecd1c22:not(.elementor-motion-effects-element-type-background), .elementor-8470 .elementor-element.elementor-element-ecd1c22 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#471DC7;}.elementor-8470 .elementor-element.elementor-element-ecd1c22::before, .elementor-8470 .elementor-element.elementor-element-ecd1c22 > .elementor-background-video-container::before, .elementor-8470 .elementor-element.elementor-element-ecd1c22 > .e-con-inner > .elementor-background-video-container::before, .elementor-8470 .elementor-element.elementor-element-ecd1c22 > .elementor-background-slideshow::before, .elementor-8470 .elementor-element.elementor-element-ecd1c22 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8470 .elementor-element.elementor-element-ecd1c22 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#471DC7;--background-overlay:'';}.elementor-8470 .elementor-element.elementor-element-1ada742e, .elementor-8470 .elementor-element.elementor-element-1ada742e > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-8470 .elementor-element.elementor-element-1ada742e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:-60px;padding:0px 0px 0px 0px;overflow:visible;}.elementor-8470 .elementor-element.elementor-element-1ada742e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8470 .elementor-element.elementor-element-3fe8d8a0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-8470 .elementor-element.elementor-element-3fe8d8a0 .ce_cta__content__title{font-size:20px;line-height:24px;color:#000000;}.elementor-8470 .elementor-element.elementor-element-3fe8d8a0 .ce_cta__content__text{color:#ffffff;}.elementor-8470 .elementor-element.elementor-element-3fe8d8a0 .ce_cta__action .button:hover{background-color:#FFFFFF;color:#000000;}.elementor-8470 .elementor-element.elementor-element-451a46b3{--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;--overlay-opacity:0.5;--margin-top:55px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;overflow:visible;}.elementor-8470 .elementor-element.elementor-element-451a46b3:not(.elementor-motion-effects-element-type-background), .elementor-8470 .elementor-element.elementor-element-451a46b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#151724;}.elementor-8470 .elementor-element.elementor-element-451a46b3::before, .elementor-8470 .elementor-element.elementor-element-451a46b3 > .elementor-background-video-container::before, .elementor-8470 .elementor-element.elementor-element-451a46b3 > .e-con-inner > .elementor-background-video-container::before, .elementor-8470 .elementor-element.elementor-element-451a46b3 > .elementor-background-slideshow::before, .elementor-8470 .elementor-element.elementor-element-451a46b3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8470 .elementor-element.elementor-element-451a46b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#151724;--background-overlay:'';}.elementor-8470 .elementor-element.elementor-element-c3d5463{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -18px) 0px;padding:0px 0px 0px 0px;}.elementor-8470 .elementor-element.elementor-element-c3d5463 .elementskit-section-title-wraper .elementskit-section-title{color:#7434FA;font-size:62px;}.elementor-8470 .elementor-element.elementor-element-c3d5463 .elementskit-section-title-wraper .elementskit-section-title:hover{color:#FFFFFF;}.elementor-8470 .elementor-element.elementor-element-c3d5463 .elementskit-section-title-wraper .elementskit-section-title > span{color:#FFFFFF;}.elementor-8470 .elementor-element.elementor-element-c3d5463 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#FFCE05;}.elementor-8470 .elementor-element.elementor-element-c3d5463 .elementskit-section-title-wraper .elementskit-border-divider{width:100px;}.elementor-8470 .elementor-element.elementor-element-c3d5463 .elementskit-section-title-wraper .elementskit-border-divider.elementskit-style-long{width:100px;height:4px;}.elementor-8470 .elementor-element.elementor-element-c3d5463 .elementskit-section-title-wraper .elementskit-border-star{width:100px;height:4px;}.elementor-8470 .elementor-element.elementor-element-c3d5463 .elementskit-section-title-wraper .elementskit-border-divider, .elementor-8470 .elementor-element.elementor-element-c3d5463 .elementskit-border-divider::before{height:4px;}.elementor-8470 .elementor-element.elementor-element-538ef3d4{background-color:#151724;}.elementor-8470 .elementor-element.elementor-element-32433bb8{--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;--overlay-opacity:0.5;overflow:visible;}.elementor-8470 .elementor-element.elementor-element-32433bb8:not(.elementor-motion-effects-element-type-background), .elementor-8470 .elementor-element.elementor-element-32433bb8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-8470 .elementor-element.elementor-element-32433bb8::before, .elementor-8470 .elementor-element.elementor-element-32433bb8 > .elementor-background-video-container::before, .elementor-8470 .elementor-element.elementor-element-32433bb8 > .e-con-inner > .elementor-background-video-container::before, .elementor-8470 .elementor-element.elementor-element-32433bb8 > .elementor-background-slideshow::before, .elementor-8470 .elementor-element.elementor-element-32433bb8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-8470 .elementor-element.elementor-element-32433bb8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-8470 .elementor-element.elementor-element-53c27815{--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:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;overflow:visible;}@media(min-width:768px){.elementor-8470 .elementor-element.elementor-element-6f795506{width:50%;}.elementor-8470 .elementor-element.elementor-element-1058cf12{width:50%;}.elementor-8470 .elementor-element.elementor-element-dbbf606{width:50%;}.elementor-8470 .elementor-element.elementor-element-74374a04{width:50%;}.elementor-8470 .elementor-element.elementor-element-3ad6b7c8{width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-8470 .elementor-element.elementor-element-6f795506{width:50%;}.elementor-8470 .elementor-element.elementor-element-1058cf12{width:50%;}.elementor-8470 .elementor-element.elementor-element-dbbf606{width:50%;}.elementor-8470 .elementor-element.elementor-element-74374a04{width:50%;}.elementor-8470 .elementor-element.elementor-element-3ad6b7c8{width:100%;}}@media(max-width:1024px){.elementor-8470 .elementor-element.elementor-element-74374a04 > .elementor-element-populated{padding:52px 15px 95px 15px;}}@media(max-width:767px){.elementor-8470 .elementor-element.elementor-element-74374a04 > .elementor-element-populated{padding:50px 15px 90px 15px;}.elementor-8470 .elementor-element.elementor-element-c3d5463 .elementskit-section-title-wraper .elementskit-section-title > span{padding:20px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-2b7956d *//* === ZagaTech About Section Three Scoped === */
.zt_about_section_three {
  padding: 60px 0;
  background-color: #ffffff;
  font-family: 'Segoe UI', sans-serif;
}

.zt_about_container {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 55px;
}

.zt_about_heading {
  font-size: 30px;
  font-weight: 700;
  color: #000;
  line-height: 1.4;

  /* Image Design */
  background-image: url('https://zagatech.pro/assets/images/home/head_bg.webp'); /* replace with your actual image path */
  background-size: 336px 80px;
  background-position: top 5px left 0;
  background-repeat: no-repeat;
  padding-left: 10px;
  display: inline-block;
}


.zt_about_img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

.zt_about_paragraph {
  font-size: 16px;
  color: #000;
  font-weight: 400;
  line-height: 1.6;
}

.zt_about_subheading {
  font-size: 28px;
  font-weight: 700;
  color: #1d1d1c;
  margin-top: 30px;
  margin-bottom: 15px;
}

.zt_about_card_light {
  background-color: #d7d5e2;
  border-radius: 6px;
  padding: 20px;
  box-shadow: 0 0 102px rgba(2, 2, 0, 2.05);
  transition: all 0.3s ease;
  height: 100%;
}

.zt_about_card_light:hover {
  background-color: #ffc207;
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.1);
}

.zt_about_card_title {
  font-size: 20px;
  color: #1d1d1c;
  font-weight: 700;
  margin-bottom: 10px;
}

@media (max-width: 991px) {
  .zt_about_heading {
    font-size: 26px;
  }

  .zt_about_subheading {
    font-size: 24px;
  }

  .zt_about_card_title {
    font-size: 18px;
  }
}

@media (max-width: 576px) {
  .zt_about_heading {
    font-size: 22px;
  }

  .zt_about_subheading {
    font-size: 20px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fc6c507 *//* FIXED: Fully Scoped Industry Section Styles */
.zt_industry_section {
  padding: 60px 20px;
  background: #471dc7;
  color: #ffffff;
  text-align: center;
  font-family: 'Segoe UI', sans-serif;
}

.zt_industry_section .zt_industry_container {
  max-width: 1200px;
  margin: 0 auto;
}

.zt_industry_section .zt_about_heading_industry {
  display: inline-block;
  padding: 10px 25px;
  font-size: 56px;
  font-weight: 700;
  color: #000000;
  margin-bottom: 10px;
  position: relative;
  background: none; /* Remove background color */
  z-index: 1;
}

.zt_industry_section .zt_about_heading_industry::before {
  content: "";
  position: absolute;
  bottom: -40px;
  left: 0;
  width: 100%;
  height: 100px;
  background: url('https://zagatech.pro/assets/images/home/head_bg.webp') no-repeat center;
  background-size: contain;
  z-index: -1;
  opacity: 0.;
}



.zt_industry_section .zt_about_title_big {
  font-size: 32px;
  font-weight: 700;
  margin: 15px 0 20px;
  color: #ffffff;
}

.zt_industry_section .zt_about_paragraph {
  font-size: 16px;
  color: #dddddd;
  font-weight: 400;
  line-height: 1.6;
  max-width: 750px;
  margin: 0 auto 40px auto;
}

.zt_industry_section .zt_industry_grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin-bottom: 60px;
}

.zt_industry_section .zt_industry_card {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 12px;
  padding: 30px 15px;
  width: calc(25% - 20px);
  min-width: 200px;
  max-width: 250px;
  transition: all 0.3s ease;
  cursor: pointer;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
}

.zt_industry_section .zt_industry_card:hover {
  background: rgba(255, 255, 255, 0.1);
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6);
}

.zt_industry_section .zt_industry_icon {
  font-size: 32px;
  margin-bottom: 12px;
  color: #ffce05;
  width: 38px;
  height: 38px;
  transition: color 0.3s ease, transform 0.3s ease;
}

.zt_industry_section .zt_industry_card:hover .zt_industry_icon {
  color: #ffffff;
  transform: scale(1.2);
}

.zt_industry_section .zt_industry_card .zt_about_paragraph {
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  margin: 0;
}

/* Tab Card Section */
.zt_industry_section .zt_industry_tab_card {
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 10px;
  padding: 25px;
  text-align: center;
  color: #ffffff;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
  transition: all 0.3s ease;
  height: 100%;
}

.zt_industry_section .zt_industry_tab_card:hover {
  background: rgba(255, 255, 255, 0.12);
  box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}

.zt_industry_section .zt_industry_tab_title {
  font-size: 20px;
  font-weight: 600;
  color: #ffce05;
  margin: 10px 0;
}

/* Responsive Grid Adjustments */
@media (max-width: 991px) {
  .zt_industry_section .zt_industry_card {
    width: calc(33.333% - 20px);
  }
}

@media (max-width: 767px) {
  .zt_industry_section .zt_industry_card {
    width: calc(50% - 20px);
  }
}

@media (max-width: 480px) {
  .zt_industry_section .zt_industry_card {
    width: 100%;
  }

  .zt_industry_section .zt_about_title_big {
    font-size: 24px;
  }

  .zt_industry_section .zt_about_heading_industry {
    font-size: 14px;
    padding: 8px 20px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-538ef3d4 *//* ===============================
   ZagaTech Technology Card Grid
   =============================== */

/* === Container Grid for Cards === */
.row.row_soltn_col {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0px; /* space between cards */
    margin-top: 40px;
}

/* === Columns: 4 per row on Desktop === */
.row.row_soltn_col > div {
    flex: 0 0 calc(25% - 20px);
    max-width: calc(25% - 20px);
    box-sizing: border-box;
}

/* === 2 per row on Tablets === */
@media (max-width: 991px) {
    .row.row_soltn_col > div {
        flex: 0 0 calc(50% - 20px);
        max-width: calc(50% - 20px);
    }
}

/* === 1 per row on Mobile === */
@media (max-width: 576px) {
    .row.row_soltn_col > div {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* === Card Styling === */
.card.card_black_glassy {
    background: rgba(255, 255, 255, 0.03);
    border: 8px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 20px rgba(0,0,0,0.5);
    transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
    overflow: hidden;
    height: 90%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.card.card_black_glassy:hover {
    transform: translateY(-6px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.7);
    background: rgba(255, 255, 255, 0.05);
}

/* === Card Content === */
.card_black_glassy .card-body {
    padding: 20px;
    text-align: centr;
}

/* === Technology Section Headings === */
.tech_head_center {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 12px;
    text-transform: capitalize;
}

/* === Technology List Styling === */
.tech_ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
}

.tech_ul li {
    position: relative;
    padding-left: 24px;
    margin-bottom: 8px;
    font-size: 15px;
    color: #ddd;
    font-weight: 400;
}

.tech_ul li::before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: #ffce05;
    border-radius: 50%;
    left: 0;
    top: 6px;
    box-shadow: 0 0 6px rgba(255, 206, 5, 0.9);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-55093d02 */.ztx_whychoose {
  background-color: #fff;
  padding: 10px 0;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.ztx_why_dot {
  position: absolute;
  top: 40%;
  right: 55%;
  width: 70px;
  animation: float 6s ease-in-out infinite;
  z-index: 0;
}

.ztx_banner_title_xl {
  font-size: 5rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #000;
  line-height: 1;
  margin-bottom: 1.2rem;
}

.ztx_banner_title_xl .ztx_highlight_yellow {
  background: linear-gradient(180deg, #ffce05 100%, transparent 50%);
  display: inline-block;
}

.ztx_title_blk_big {
  font-size: 3.1rem;
  font-weight: 400;
  color: #000000;
  margin-top: 1rem;
}

.ztx_paracontent {
  font-size: 1rem;
  color: #0c0d0e;
  font-weight: 500;
  line-height: 1.7;
  text-align: justify;
}

.ztx_hr_black_big {
  height: 4px;
  width: 80px;
  background: #000;
  border: none;
  margin: 1rem 0;
}

.ztx_img_sec {
  position: relative;
  z-index: 2;
  margin-bottom: 2rem;
}

.ztx_img_full {
  border-radius: 12px;
  max-width: 100%;
  position: relative;
}

.ztx_pos_1,
.ztx_pos_2 {
  position: absolute;
  z-index: 3;
}

.ztx_pos_1 {
  top: -20px;
  left: -40px;
}

.ztx_pos_2 {
  bottom: -20px;
  right: -30px;
}

.ztx_progress_sec {
  margin-top: 2rem;
}

.ztx_progress_head {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 0.4rem;
  color: #000;
}

.ztx_progress_div {
  height: 10px;
  background: #e0e0e0;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 0.5rem;
}

.ztx_progress_fill {
  height: 100%;
  background-color: #ffce05;
  border-radius: 20px;
  transition: width 0.5s ease-in-out;
}

.ztx_progress_text {
  font-weight: 700;
  color: #000;
  font-size: 1rem;
  display: inline-block;
  margin-left: 8px;
}

.ztx_btn_group {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 1.1rem;
}

.btn-home {
  background-color: #000;
  color: #fff;
  padding: 0.5rem 1.1rem;
  font-weight: 600;
  font-size: 0.95rem;
  border-radius: 80px;
  transition: 0.3s ease-in-out;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 0.2rem;
}

.btn-home:hover {
  background-color: #ffce05;
  color: #000;
  border-radius: 80px;
}

@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

@media (max-width: 992px) {
  .ztx_banner_title_xl {
    text-align: center;
    font-size: 2.4rem;
  }
  .ztx_img_sec {
    text-align: center;
  }
  .ztx_btn_group {
    justify-content: center;
  }
}

@media (max-width: 576px) {
  .ztx_banner_title_xl {
    font-size: 2rem;
  }
  .ztx_title_blk_big {
    font-size: 1.1rem;
    text-align: center;
  }
  .ztx_paracontent {
    font-size: 0.95rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3cc72016 *//* =========================
   Hire Developers (scoped)
   ========================= */
#zt-hire {
  --zth-bg: radial-gradient(1200px 500px at 10% -10%, rgba(237,191,9,0.12), transparent 40%),
            radial-gradient(1200px 600px at 110% 110%, rgba(255,255,255,0.06), transparent 45%),
            transparent;
  --zth-text: #e9ecf1;
  --zth-muted: #b7bcc7;
  --zth-title: #ffffff;
  --zth-accent: #edbf09;
  --zth-chip-bg: #141722;
  --zth-chip-border: rgba(255,255,255,0.10);
  --zth-chip-hover: #181c2a;
  --zth-shadow: 0 10px 25px rgba(0,0,0,0.20);
  --zth-shadow-hover: 0 18px 42px rgba(0,0,0,0.28);
  --zth-radius: 14px;

  background: var(--zth-bg);
  color: var(--zth-text);
  position: relative;
  overflow: hidden;
}

/* Optional light variant: <section class="zth light"> */
#zt-hire.light {
  --zth-text: #2c2725;
  --zth-muted: #4f4f4f;
  --zth-title: #101114;
  --zth-chip-bg: #ffffff;
  --zth-chip-border: rgba(0,0,0,0.10);
  --zth-chip-hover: #f6f7fa;
}

#zt-hire .zth__container { position: relative; z-index: 1; }

/* Headings & body copy */
#zt-hire .zth__badge{
  display:inline-block;
  font-weight:800;
  letter-spacing:.3px;
  padding:8px 16px;
  border-radius:999px;
  font-size:36px;
  line-height:1;
  margin:0 0 8px 0;
  color:#00; /* readable over image */

  /* Image + overlay */
  background:
    linear-gradient(rgba(0,0,0,.0), rgba(0,0,0,.0)),
    url('https://zagatech.pro/assets/images/home/head_bg.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* Optional subtle border for contrast on light backgrounds */
  border: 1px solid rgba(255,255,255,.15);
}

/* Optional: gentle background pan (premium feel) */
@media (prefers-reduced-motion: no-preference){
  #zt-hire .zth__badge{
    background-size: 120% auto, cover; /* animate only the gradient layer size */
    animation: zthBadgePan 12s ease-in-out infinite alternate;
  }
  @keyframes zthBadgePan{
    0%   { background-position: center, center; }
    100% { background-position: 80% center, center; }
  }
}


#zt-hire .zth__title{
  color: var(--zth-title);
  font-weight: 900;
  font-size: clamp(28px, 3.2vw, 42px);
  line-height: 1.2;
  margin: 0;
}

#zt-hire .zth__copy { margin-top: 4px; }
#zt-hire .zth__text{
  color: var(--zth-muted);
  font-size: 16px;
  line-height: 1.75;
  margin: 0 0 10px 0;
  color: #000;
}

/* Feature chips wrapper */
#zt-hire .zth__features {
  margin-top: 10px;
  /* optional: ignore Bootstrap's row gaps so spacing is chip-controlled */
  --bs-gutter-y: 0;
}

/* optional: neutralize mb-3 on col wrappers */
#zt-hire .zth__features > [class*="col-"] {
  margin-bottom: 0 !important;
}

/* Chip base + vertical spacing */
#zt-hire .zth__chip{
  background: var(--zth-chip-bg);
  border: 1px solid var(--zth-chip-border);
  border-radius: var(--zth-radius);
  padding: 14px 14px;
  margin-block: 8px;              /* ← space above & below each chip */
  box-shadow: var(--zth-shadow);
  transition: transform .16s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;

  /* hover color tokens */
  --chip-hover-bg: rgba(255,205,5,.70);
  --chip-hover-border: rgba(237,191,9,.55);
  --chip-hover-text: var(--zth-title);
}

/* a touch more space on desktops */
@media (min-width: 992px){
  #zt-hire .zth__chip{ margin-block: 12px; }
}

/* Leading check icon */
#zt-hire .zth__chip::before{
  content: "✓";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width: 22px; height: 22px;
  border-radius: 50%;
  background: var(--zth-accent);
  color: #000;
  font-weight: 900;
  font-size: 14px;
  flex: 0 0 22px;
}

#zt-hire .zth__chip span{
  color: var(--zth-title);
  font-weight: 800;
  font-size: 15px;
}

/* Single hover rule (deduped) */
#zt-hire .zth__chip:hover{
  transform: translateY(-2px);
  background: var(--chip-hover-bg);
  box-shadow: var(--zth-shadow-hover);
  border-color: var(--chip-hover-border);
}
#zt-hire .zth__chip:hover span{ color: var(--chip-hover-text); }




/* Media (image) */
@keyframes zthFloat {
  0%,100% { transform: translateY(0); }
  50%     { transform: translateY(-10px); }
}
#zt-hire .zth__media { position: relative; }
#zt-hire .zth__image{
  max-width: 100%; height: auto; display:block;
  border-radius: 12px;
  box-shadow: 0 10px 20px rgba(0,0,0,0.15);
  animation: zthFloat 4.5s ease-in-out infinite;
}

/* Responsive refinements */
@media (max-width: 575px){
  #zt-hire .zth__badge{ font-size: 14px; }
  #zt-hire .zth__title{ font-size: clamp(24px, 6vw, 28px); }
  #zt-hire .zth__text{ font-size: 15px; }
  #zt-hire .zth__chip span{ font-size: 14px; }
}/* End custom CSS */
/* Start custom CSS *//* ---- Fix hero image being cut (Elementor/theme wrappers) ---- */

/* your section must never clip */
.hero-section { 
  overflow: visible !important; 
  border-radius: 0 !important; 
  /* make sure no fixed height */
  height: auto !important; 
  min-height: 0 !important;
}

/* common Elementor containers that cause clipping */
.elementor-section,
.elementor-container,
.elementor-column,
.elementor-widget-wrap,
.elementor-widget-container {
  overflow: visible !important;
  border-radius: 0 !important;
}

/* sometimes the theme page/content wraps also clip */
.entry-content,
.site-main,
.content-area {
  overflow: visible !important;
}

/* ensure the image itself never crops */
.hero-img {
  display: block;
  width: 100%;
  max-width: none;             /* let it render full height */
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;  /* stop top/bottom cropping */
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  position: relative;
  z-index: 1;
}

/* give the image column room */
.hero-row { 
  grid-template-columns: 1fr 1fr;  /* equal columns */
  align-items: start;              /* avoid vertical centering squeeze */
}

/* make sure the img wrapper itself doesn't clip */
.hero-img-wrap { 
  overflow: visible !important; 
}/* End custom CSS */