/* .home-container {
  width: 100%;
  height: 580px;
  background-image: url('./assests/hero-image.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: flex-end;
  justify-content: space-around;
}

.home-p-container {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  width: 80%;
}

.home-container .line1 {
  width: 4px;
  height: 35px;
  background-color: #E32124;
  margin-right: 12px;
  position: relative;
  bottom: 35px;

} */



.hero-mendix {
  position: relative;
  width: 100%;
  height: 700px;
  /* Adjust as needed */
}

.hero-image-mendix {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.overlay-mendix {
  position: absolute;
  bottom: 2%;
  left: 0;
  width: 80%;
  color: white;
  padding: 20px;
  box-sizing: border-box;
  margin-left: 10%;


}

.overlay-mendix h1 {
  font-size: 50px;
  margin: 0;
  font-weight: 400;
  color: #ffff;
}

.overlay-mendix p {
  font-size: 18px;
  margin: 5px 0 0;
}

.divider-mendix {
  color: red;
  font-weight: bold;
  margin-right: 6px;


}

.fusion-span-mendix {
  margin-left: 1%;
}




.line-heading-mendix p {
  font-size: 45px;
  color: #fff;
  line-height: 1.5;
  letter-spacing: 2px;
  font-weight: 400;
}


.why-medix-container-mendix {

  margin: 50px auto;
  text-align: center;
  padding: 0 20px;
  width: 100%;
  padding: 0;
      margin-bottom: 10%;
}


.why-medix-container-mendix h2 {
  margin-bottom: 26px;
  font-size: 35px;
  font-weight: 400;
}


.why-medix-container-mendix .line-mendix {
  width: 60px;
  height: 2px;
  background-color: red;
  margin: 10px auto 30px auto;
  width: 137px;

}


.why-medix-container-mendix .grid-container-mendix {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 70%;

  padding: 72px;
  border-radius: 8px;
  gap: 28px;
  margin: auto auto auto 17%;
}

.why-medix-container-mendix .grid-item-mendix {
  text-align: left;
  padding: 0;
  width: 91%;
}


.why-medix-container-mendix .grid-item-mendix h3 {

  margin-bottom: 10px;
  font-weight: 400;
  font-family: 'Abaca-regular';
  font-size: 28px;
}


.why-medix-container-mendix .red-line-mendix {
  color: red;
  font-size: 30px;
  font-weight: 800;
  margin-right: 8px;

}


.why-medix-container-mendix .grid-item-mendix p {
  font-size: 18px;
  color: #282828;
  padding-right: 75px;
  margin-left: 28px;
  line-height: 26px;
}

.why-medix-container-mendix .bg-mendix {
  width: 100%;
  background-color: #f7f7f7;
}




.section-industries-mendix {
  width: 100%;
  background: rgb(246, 246, 246);
  background: linear-gradient(0deg, rgba(246, 246, 246, 1) 66%, rgba(255, 255, 255, 1) 66%);
}

.industries-mendix {
  padding: 50px 20px;
  width: 80%;
  margin: auto;

}

.industries-heading-1-mendix {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.industries-mendix h2 {
  font-size: 35px;
    margin-bottom: 30px;
  font-weight: 400;


}

.industries-mendix .line-mendix {
  height: 3px;
  background-color: red;
  width: 13%;
}

.industries-p-mendix {

  margin-bottom: 56px;
  font-size: 20px;
      margin-top: 30px;

}

.grid-container-mendix {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 50px;
}

.industry-mendix {

  background: white;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  text-align: left;
  transition: transform 0.3s ease;
}

.industry-mendix:hover {
  transform: translateY(-5px);
}

.industry-mendix img {
  width: 100%;
  height: 286px;
  object-fit: cover;
}

.industries-heading-mendix .red-line-mendix {
  width: 4px;
  height: 20px;
  background-color: red;
}

.industries-heading-mendix {
  display: flex;
  align-items: center;
  /* Align items in the center */
  gap: 10px;
  /* Space between the red line and h3 */
  padding-left: 20px;
}

.industry-mendix p {
  padding-left: 35px;
}


.industry-mendix h3 {
  margin: 15px 0 5px;
  font-size: 24px;
  position: relative;
  font-weight: 400;
  padding-bottom: 8px;
  color: black;
  padding-right: 10px;
}

.industry-mendix p {
  font-size: 18px;
  font-weight: 400;
  margin-top: 0;
  padding-right: 10px;
  line-height: 24px;


}




.business-growth-container-mendix {
  width: 100%;
  height: 1000px;
  display: flex;
  justify-content: center;
  align-items: center;



}

.business-growth-mendix {

  display: flex;
  justify-content: center;
  gap: 24%;
}

.business-growth-img-mendix {
  width: 33%;
}

.business-growth-img-mendix img {
  width: 750px;
  height: 676px;
      max-width: 131%;
}

.business-growth-text-mendix {
  width: 40%;
  display: flex;
  flex-direction: column;
  gap: 0;
  color: #343434;
}

.business-growth-text-mendix h1 {
  font-size: 35px;
  font-weight: 400;
    margin-bottom: 21px;
  line-height: 46px;

}


.business-growth-text-mendix h4 {
  font-size: 20px;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 18px;
      font-family: 'Abaca-medium';

}

.business-growth-text-mendix h4 span {
  font-size: 20px;
  font-weight: 400;
  line-height: 35px;
  font-family: 'Abaca-regular';

}


.business-growth-text-mendix li::marker {
  color: #E32124;
  font-size: 30px;
}



.business-growth-text-mendix button {
  background: red;
  color: white;
  border: none;
  padding: 10px 27px;
  font-size: 19px;
  border-radius: 4px;
  cursor: pointer;
  margin-left: 12px;
}

.business-growth-mendix ul {
  padding-left: 12px;
  list-style-type: disc !important;
      margin-left: 17px;
  /* Bullets for unordered lists */

}


/* fusion-services section */

/* .fusion-services-container {
  
  width: 100%;
  height: 100vh;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;

} */




/* Main container styling */
.fusion-services-container-mendix {
  background-image: url('/wp-content/uploads/2025/27/fusion-background.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: auto !important;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}


.fusion-services-mendix {
      padding: 100px 0 100px 0;
  width: 74%;
  margin: auto;
  display: flex;
  flex-direction: column;
  /* justify-content: center;
  align-items: center; */
}


/* Heading section */
.fusion-services-container-mendix h3 {
  font-size: 35px;
  font-weight: 400;


}

.fusion-services-container-mendix p {
  font-size: 20px;
  color: #ddd;
  margin-left: 40px;
  line-height: 27px;
  letter-spacing: 1px;
  margin: 40px;

}

/* Services grid */
.services-grid-mendix {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 10%;
  width: 90%;
  margin-left: 23px;
  line-height: 37px;
  letter-spacing: 1px;
}

/* Individual service box */
.service-item-mendix {
  /* background: rgba(255, 255, 255, 0.05); */
  padding: 20px;
  border-radius: 8px;
}

/* Service titles */
.service-item-mendix h3 {
  font-size: 26px;
  font-weight: 500;
  color: white;
  margin-bottom: 15px;
}

/* List inside services */
.service-item-mendix ul {
  list-style: none;
  padding-left: 0;
}

.service-item-mendix ul li {
  font-size: 20px;
  color: #bbb;
  margin-bottom: 10px;
  position: relative;
  padding-left: 20px;
  margin-bottom: 22px;

}

.service-item-mendix ul li::before {
  content: "•";
  color: white;
  font-size: 18px;
  position: absolute;
  left: 0;
  top: 2px;
}











.why-choose-mendix-container-mendix {
  width: 100%;
  text-align: center;
  background-color: #F6F6F6;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;


}

.why-choose-mendix-mendix {
  width: 68%;
  margin-top: 5%;
  display: flex;
  flex-direction: column;

}

.why-choose-mendix-container-mendix h2 {
  font-size: 35px;
  font-weight: 400;
  margin-bottom: 10px;
  text-align: left;
      margin-bottom: 30px;
}


.why-choose-mendix-container-mendix .subtext-mendix {
  font-size: 20px;
  color: black;
  margin-bottom: 30px;
  text-align: left;

  margin-right: 10%;
}


.why-choose-mendix-container-mendix .grid-container-mendix-mendix {
  display: grid;
  grid-template-columns: 40% 40%;
  ;
  text-align: left;
  margin-top: 20px;
  margin-bottom: 9%;
  column-gap: 15%;

}


.why-choose-mendix-container-mendix .grid-item-mendix {
  padding: 10px 20px;
}


.why-choose-mendix-container-mendix .grid-item-mendix h3 {
  font-size: 20px;
  font-weight: 500;
  display: flex;
  align-items: center;
  margin-bottom: 10px;

  line-height: 29.2px;
}


.why-choose-mendix-mendix ul li::marker {
  color: red;
  font-size: 1.6rem;

}

.why-choose-mendix-mendix .grid-item-mendix ul li p {
  font-size: 21px;
  font-weight: 500;
  width: 110%;
  margin: 0;
  font-family: 'Abaca-medium';

}

.why-choose-mendix-mendix ul li h3 {
  margin-top: 10px;

  font-size: 20px;
  font-weight: 400 !important;
}

.why-choose-mendix-mendix ul {
  WIDTH: 310PX;
  PADDING: 0PX;
  list-style-type: disc !important;
}


.why-choose-mendix-container-mendix .red-dot-mendix {
  width: 10px;
  height: 10px;
  background-color: red;
  border-radius: 50%;
  margin-right: 10px;
}
















.oracle-section-mendix {
  width: 100%;
  height: 612px;
  display: flex;
  justify-content: center;
  align-items: center;
      margin: 8% 0 10% 0;

}

.oracle-bg-design-mendix {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 400px;
  padding: 50px 0 0 0;
  background-color: #fff;
  background-image: url('/wp-content/uploads/2025/27/emdix-design.png');

  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
}

/* Container */
.oracle-container-mendix {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 5%;

}


.oracle-text-container-mendix {
  width: 35%;

  padding-right: 20px;
}

.oracle-text-mendix {
  width: 90%;
}

.oracle-text-mendix h1 {
  font-size: 32px;
  font-weight: 600;
  
  font-weight: 500;
  margin-bottom: 15px;
      line-height: 46px;
      margin-bottom: 40px;
}

.oracle-text-mendix p {
  font-size: 20px;
  
  line-height: 1.6;
  margin-bottom: 10px;
}

/* Right Side Image */
.oracle-image-mendix {
  width: 35%;
}

.oracle-image-mendix img {
  width: 100%;
  max-width: 700px;
  min-width: 400px;
  border-radius: 5px;
}







.why-abacasys-container-mendix {
  width: 60%;
  margin: 0 auto;
  padding: 30px;
  border-radius: 10px;


}


.why-abacasys-container-mendix h2 {
  text-align: left;
  font-size: 32px;
  margin-bottom: 20px;
  font-weight: 400;
  color: #343434;
  margin: 0;
}

.why-abacasys-container-mendix h3 {
  font-size: 28px;
  font-weight: 500;
  margin-top: 30px;
  display: flex;
  align-items: center;
}

.why-abacasys-container-mendix .divider-mendix {
  color: red;
  font-size: 24px;
  margin-right: 10px;
}

.why-abacasys-container-mendix p {
  font-size: 18px;
  line-height: 1.6;
  margin-left: 22px;
}

.why-abacasys-container-mendix p .strong-mendix {
  font-size: 20px;
  color: #282828;
  font-weight: 600;
}

.why-abacasys-container-mendix ul {
  padding-left: 20px;
  margin-left: 20px;
}

.why-abacasys-container-mendix ul li {
  font-size: 18px;
  margin-bottom: 10px;
}













































@media (max-width: 1638px) {
  .home-p-container-mendix {
    margin-bottom: 20px;
  }

  .overlay-mendix {
    bottom: 5%;
  }

  .overlay-mendix h1 {
    font-size: 42px;
  }
}


@media (max-width: 1478px) {
  .business-growth-img-mendix img {
    width: 640px;
    height: auto;
  }

  .business-growth-text-mendix h1 {
    margin: 0;
  }

  .industry-mendix h3 {
    font-size: 22px;

  }

  .industry-mendix p {
    font-size: 17px;
    font-weight: 400;
  }

  .why-medix-container-mendix .grid-container-mendix {
    width: 78%;
  }

  .overlay-mendix h1 {
    font-size: 36px;
  }
}


@media (max-width: 1245px) {

  .business-growth-img-mendix img {
    width: 550px;
    height: auto;
  }

  .business-growth-mendix {
    align-items: center;
  }

  .business-growth-text-mendix h4 {
    margin-bottom: 10px;
  }

  .oracle-image-mendix {
    width: 45%;
  }

  .why-abacasys-container-mendix {
    width: 70%;
  }

  .hero-mendix {
    height: 630px;

  }

  .overlay-mendix h1 {
    font-size: 30px;
  }

  .industry-mendix h3 {
    font-size: 19px;
  }



  .fusion-services-container-mendix p {
    font-size: 18px;
  }

  .service-item-mendix ul {
    list-style-type: disc !important;
  }

  .service-item-mendix ul li {
    font-size: 18px;
  }

  .service-item-mendix h3 {
    font-size: 23px;
  }

  .why-medix-container-mendix .grid-item-mendix p {
    font-size: 14px;
    padding-right: 0;
  }


  .why-medix-container-mendix .grid-item-mendix h3 {
    font-size: 20px;
  }

  .why-choose-mendix-mendix {
    width: 90%;
  }

  .why-choose-mendix-container-mendix .grid-item-mendix h3 {
    font-size: 18px;
  }
}

@media (max-width: 1056px) {
  .line-heading-mendix p {
    font-size: 38px;
    line-height: 1.4;
    letter-spacing: 1.5px;
  }

  .home-p-container-mendix {

    margin-bottom: 30px;
  }

  .home-container-mendix .line1-mendix {
    bottom: 31px;
    height: 22px;

  }

  .business-growth-container-mendix {
    height: auto;
    margin-top: 10%;
  }

  .business-growth-mendix {
    flex-direction: column;
    padding: 50px;
  }

  .business-growth-img-mendix {
    width: 100%;
  }

  .business-growth-img-mendix img {
    width: 100%;
  }

  .business-growth-text-mendix {
    width: 100%;
  }

  .hero-mendix {
    height: 500px;
  }

  .overlay-mendix h1 {
    font-size: 35px;
  }

  .why-medix-container-mendix .grid-container-mendix {
    width: 85%;
    margin: auto;
    padding: 0;
  }

  .why-medix-container-mendix .grid-item-mendix p {
    font-size: 13px;
  }

  .why-medix-container-mendix .grid-item-mendix h3 {
    font-size: 18px;

  }

  .overlay-mendix h1 {
    font-size: 26px;
  }
}


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

  .industries-mendix {
    width: 90%;
    padding: 40px 15px;
  }

  .industries-mendix h2 {
    font-size: 24px;
  }

  .industry-mendix h3 {
    font-size: 20px;
  }

  .industry-mendix p {
    font-size: 16px;
    padding-left: 20px;
  }

  .service-item-mendix {
    width: 100%;
  }


  .oracle-text-container-mendix {
    width: 53%;
    /* padding-right: 20px; */
    padding: 43px;
  }

  .fusion-services-container-mendix h3 {
    font-size: 32px;
  }

  .fusion-services-mendix {
    width: 90%;
  }

  .service-item-mendix h3 {
    font-size: 22px;


  }

  .why-medix-containe-mendixr .grid-item-mendix {
    width: 100%;
  }

  .why-choose-mendix-container-mendix {
    height: auto;
  }
}

@media (max-width: 886px) {
  .line-heading-mendix p {
    font-size: 32px;
    margin-bottom: 14px;
  }

  .home-container-mendix .line1-mendix {
    bottom: 29px;
    height: 26px;
  }

  .home-p-container-mendix {
    margin-bottom: 44px;
  }

  .business-growth-text-mendix h1 {
    font-size: 30px;
  }

  .business-growth-text-mendix h4 {
    font-size: 15px;
  }

  .business-growth-text-mendix h4 span {
    font-size: 15px;
  }

  .services-grid-mendix {
    grid-template-columns: 1fr;
  }

  .oracle-container-mendix {
    flex-direction: column;
  }

  .oracle-section-mendix {
    height: auto;
  }

  .oracle-bg-design-mendix {
    height: auto;
  }

  .oracle-text-container-mendix {
    width: 90%;
    padding: 0;
  }

  .oracle-text-mendix {
    width: 100%;
  }

  .oracle-image-mendix {
    width: 90%;
    margin-top: 40px;

  }

  .oracle-image-mendix img {
    min-width:
      250px;
  }

  .why-abacasys-container-mendix h2 {
    font-size: 29px;
  }


  .why-abacasys-container-mendix h3 {
    font-size: 25px;

  }

  .why-abacasys-container-mendix p {
    font-size: 16px;
  }


  .why-abacasys-container-mendix ul li {
    font-size: 16px;

  }

  .why-abacasys-container-mendix {
    width: 80%;
  }

  .hero {
    height: 400px;
  }

  .overlay h1 {
    font-size: 31px;
  }


  .why-medix-container-mendix .grid-container-mendix {
    grid-template-columns: 1fr;
  }

  .why-medix-container-mendix h2 {
    font-size: 24px;
  }

  .why-choose-mendix-mendix ul li {
    font-size: 19px;
  }

  .why-choose-mendix-container-mendix .grid-item-mendix h3 {
    font-size: 16px;
  }

  .overlay-mendix h1 {
    font-size: 22px;
  }
}

@media (max-width: 768px) {
  .grid-container-mendix {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }

  .industries-mendix h2 {
    font-size: 22px;
  }

  .industries-mendix p {
    font-size: 14px;
  }

  .industry-mendix h3 {
    font-size: 18px;
  }

  .industry-mendix p {
    font-size: 14px;
    padding-left: 15px;
  }

  .industries-heading-mendix {
    padding-left: 15px;
  }

  .industry-mendix img {
    height: 220px;
  }

  .business-growth-text-mendix button {
    font-size: 15px;
  }

  .fusion-services-mendix {
    width: 90%;
  }


  .hero-mendix {
    height: 300px;

  }

  .overlay-mendix {
    bottom: 1%;
  }


  .overlay-mendix h1 {
    font-size: 21px
  }

  .fusion-services-container-mendix p {
    font-size: 16px;


  }

  .service-item-mendix ul li {
    font-size: 16px;
  }

  .why-choose-mendix-container-mendix .grid-container-mendix-mendix {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .why-choose-mendix-container-mendix h2 {
    font-size: 24px;
  }


  .why-choose-mendix-container-mendix .subtext-mendix {
    font-size: 15px;

  }


  .overlay-mendix h1 {
    font-size: 14px;


  }

  .why-choose-mendix-mendix ul {
    width: 100%;
  }
}



@media (max-width: 531px) {
  .line-heading-mendix p {
    font-size: 26px;
  }

  .home-container-mendix .line1-mendix {
    bottom: 45px;
  }

  .home-p-container-mendix {
    width: 92%;
  }

  .business-growth-text-mendix h1 {
    font-size: 26px;
  }

  .business-growth-text-mendix h4 span {
    line-height: 24px;
  }


  .hero-mendix {
    height: 200px;
  }

  .overlay-mendix h1 {
    font-size: 15px;
  }

  .overlay-mendix {
    bottom: -2%;
  }

  .overlay-mendix h1 {
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  .industries-mendix {

    padding: 30px 10px;
  }

  .industries-mendix h2 {
    font-size: 20px;
    text-align: center;
  }

  .industries-mendix p {
    font-size: 14px;
  }

  .grid-container-mendix {
    gap: 15px;
  }

  .industry-mendix {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
  }

  .industry-mendix img {
    height: 180px;
  }

  .industries-heading-mendix {
    padding-left: 10px;
  }

  .industry-mendix p {
    font-size: 14px;
    padding-left: 27px;

  }

  .industry-mendix h3 {
    font-size: 16px;
  }



  .business-growth-text-mendix h1 {
    font-size: 24px;
  }

  .business-growth-text-mendix button {
    font-size: 11px;


  }

  .service-item-mendix {
    padding: 0;
  }


  .why-abacasys-container-mendix h2 {
    font-size: 23px;

  }

  .why-abacasys-container-mendix h3 {
    font-size: 20px;
  }

  .why-abacasys-container-mendix p {
    font-size: 14px;
  }

  .why-abacasys-container-mendix ul li {
    font-size: 14px;
  }

  .why-abacasys-container-mendix {
    width: 90%;
    padding: 0;
  }

  .why-abacasys-container-mendix p .strong-mendix {
    font-size: 17px;
  }

  .hero-image-mendix {
    object-position: left;
  }


  .hero-mendix {
    height: 400px;
  }

  .overlay-mendix {
    padding: 0;
    bottom: 4%;
  }

  .overlay-mendix h1 {
    font-size: 17px;
  }

  .overlay-mendix h1 {
    font-size: 22px;
  }

  .fusion-span-1-mendix {
    margin-left: 3%;
  }

  .fusion-services-container-mendix h3 {
    font-size: 26px;
  }

  .why-choose-mendix-container-mendix .grid-item-mendix h3 {
    font-size: 15px;
  }

  .why-choose-mendix-mendix ul li {
    font-size: 17px;

  }

  .why-choose-mendix-mendix ul {
    padding: 0;
  }

  .overlay-mendix h1 {
    font-size: 20px;
  }

  .fusion-span-mendix {
    margin-left: 0;
  }
}

@media (max-width: 384px) {

  .home-p-container-mendix {

    margin-bottom: 28px;

  }

  .line-heading-mendix p {
    font-size: 23px;
  }

  .home-container-mendix .line1-mendix {
    bottom: 63px;
    height: 19px;
  }

  .home-p-container-mendix {
    margin-bottom: 5px;
  }

  .business-growth-text-mendix h1 {
    font-size: 20px;

  }

  .business-growth-mendix ul {
    padding-left: 14px;
  }


  .overlay-mendix h1 {

    font-size: 17px;
  }

  .overlay-mendix {

    bottom: 5%;
  }

  .fusion-services-container-mendix h3 {
    font-size: 22px;
  }


}





















































/* / Responsive Design / */




















@media (max-width: 760px) {
  .line-heading-mendix p {
    font-size: 32px;
    line-height: 1.4;
    letter-spacing: 1.2px;
  }

  .home-p-container-mendix {

    margin-bottom: 20px;
  }

  .home-container-mendix .line1-mendix {
    bottom: 53px;
    height: 24px;
  }
}




/* 
@media (max-width: 480px) {
  .line-heading p {
    font-size: 23px;
    line-height: 1.3;
    letter-spacing: 1px;
  }

  .home-p-container {
    margin-left: 10px;
    margin-bottom: 15px;
  }
} */