:root {

  --primary-color: #027ec6;

  --dark-bg: rgba(0, 0, 0, 0.8);

  --light-bg: #faf8f5;

  --section-bg: #e4e8ef;

  --faq-bg: #e5e9ef;

}



body {

  font-family: Inter, sans-serif;

}

h1 {

  color: #FAF8F5;

  font-size: 3.75rem;

  font-style: normal;

  font-weight: 800;

  line-height: 4.625rem;

}

h3 {

  color: #000;

  font-size: 2rem;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

}

h2 {

  color: #027EC6;

  font-size: 3.125rem;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

}

p {

  color: #000;

  font-size: 1.125rem;

  font-style: normal;

  font-weight: 400;

  line-height: 1.875rem;

}

a {
  display: inline-block;
}

a.btn-partner {
  color: #027EC6;
  text-align: center;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: #fff;
  padding: 13px 25px;
}

.commitment_btn span {
  color: #FFF;
  text-align: center;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

p.sub_heading {

  font-size: 1.5rem;

  line-height: normal;

}

.list_text span {
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
}

.banner_text p {
  font-size: 2rem !important;
  font-style: normal;
  font-weight: 300;
  line-height: 125%;
  letter-spacing: 0.02rem;
}

h2.commitment_sec {

  font-weight: 400;

}

h2.commitment_sec span {

  font-weight: 700;

}



button.accordion-button.collapsed {

  color: #000;

  font-size: 1rem;

  font-style: normal;

  font-weight: 400;

  line-height: 1.5rem;

}

.accordion-button:not(.collapsed) {

  color: #027EC6;

  font-size: 1rem;

  font-style: normal;

  font-weight: 700;

  line-height: normal;

}

.text-primary-custom {

  color: var(--primary-color) !important;

}



.bg-primary-custom {

  background-color: var(--primary-color) !important;

  padding-top: 10px;

}



.bg-light-custom {

  background-color: var(--light-bg) !important;

}



.bg-section {

  background-color: var(--section-bg) !important;

}



.bg-faq {

  background-color: var(--faq-bg) !important;

}



.hero-section {

  background-image: url('./assets/images/power.png');

  background-size: cover;

  background-position: center;

  background-color: rgba(0, 0, 0, 0.6);

  background-blend-mode: overlay;

  min-height: 650px;

}



.why-choose-section {

  background-image: url('./assets/images/img_mask_group.svg');

  background-size: cover;

  background-position: center;

}



.industries-section {

  background-image: url('./assets/images/img_bg.svg');

  background-size: cover;

  background-position: center;

}



.commitment-bg {

  background-image: url('./assets/images/img_group_48095455.svg');

  background-size: cover;

  background-position: center;

}



.product-card {

  background: linear-gradient(0deg, #d1d5db 0%, #6f7175 100%);

  position: relative;

  overflow: hidden;

}



.product-label {

  position: absolute;

  font-size: 2rem;

  font-weight: 800;

  line-height: 1;

  text-transform: uppercase;

  color: rgba(255, 255, 255, 0.2);

  top: 20px;

  right: 20px;

}



.logo-size {

  width: 306px;

  height: 108px;

}



.contact-icon {

  width: 34px;

  height: 34px;

}



.application-icon {

  width: 100px;

  height: 100px;

}



.feature-icon {

  width: 30px;

  height: 30px;

}

.commitment_btn a.btn-partner {
  font-size: 1rem;
}



.client-logo {

  width: 208px;

  height: 102px;

  object-fit: contain;

}



.fab {

  position: fixed;

  bottom: 56px;

  right: 38px;

  width: 62px;

  height: 62px;

  background-color: #000000;

  border-radius: 30px;

  z-index: 1000;

  border: 4px solid #ffffff !important;



}



.industry-card img {

  height: 200px;

  object-fit: cover;

}



.faq-item {

  box-shadow: 0px 5px 16px rgba(8, 15, 52, 0.06);

}



.btn-custom-primary {

  background-color: var(--primary-color);

  border-color: var(--primary-color);

  color: white;

}



.btn-custom-primary:hover {

  background-color: #025a9b;

  border-color: #025a9b;

  color: white;

}



.shadow-custom {

  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);

}




@media (max-width: 768px) {

  .logo-size {

    width: 200px;

    height: 70px;

  }



  .hero-section {

    min-height: auto;

  }



  .product-card {

    height: 250px;

  }



  .application-icon {

    width: 60px;

    height: 60px;

  }



  .client-logo {

    width: 150px;

    height: 75px;

  }

}



.cta-compact {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

  background-color: #000;

  color: #fff;

  border-radius: 8px;

  width: auto;

}



.partner_text {

  padding: 8px;
  padding-left: 30px;

}

.btn-partner {

  padding: 12px;

}

.partner_cta {

  justify-self: center;

}

.head_text a {

  color: #000 !important;

}


img.after_img {
  position: absolute;
  bottom: 5px;
  right: 5px;
  transform: rotate(45deg);
}






/*Industries Section  */

.industry-list {

  display: flex;
  flex-wrap: wrap;

  justify-content: center;

  gap: 1.5rem;

}



.industry-card {

  flex: 0 1 calc(20% - 1.5rem);

  background: #fff;

  border-radius: 12px;

  overflow: hidden;

  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);

  transition: transform 0.3s ease, box-shadow 0.3s ease;

}



.industry-link {

  display: flex;

  flex-direction: column;

  text-decoration: none;

  color: inherit;

}



.industry-image {

  width: 100%;

  height: 160px;

  overflow: hidden;

}



.industry-image img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}







.industry-card {

  position: relative;

  background: #fff;

  text-align: center;
  border-bottom: 5px solid #027EC6;

}



/* .industry-card ::after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 6px;

  background: #0096ff;

  border-bottom-left-radius: 8px;

  border-bottom-right-radius: 8px;

} */



.industry-card span {

  color: #000;

  text-align: center;

  font-size: 1.125rem;

  font-style: normal;

  font-weight: 400;

  line-height: 1.5rem;

  display: block;

}





@media (max-width: 1200px) {

  .industry-card {
    flex: 0 1 calc(25% - 1rem);
  }

}

@media (max-width: 992px) {

  .industry-card {
    flex: 0 1 calc(33.333% - 1rem);
  }

}

@media (max-width: 768px) {

  .industry-card {
    flex: 0 1 calc(50% - 1rem);
  }

}

@media (max-width: 480px) {

  .industry-card {
    flex: 0 1 100%;
  }

}



.box_img {

  border-radius: 10px;

}



/* background*/



.Commitment_back {

  background-image: url("./assets/images/back-ground.png");

  background-repeat: no-repeat;

  background-size: cover;

}





.commitment_btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

  color: #fff;

  border-radius: 8px;

  width: auto;

  background-color: var(--primary-color);

  border-color: var(--primary-color);

}



/* global */

.text-primary-custom {

  color: #027EC6;

}



.btn-custom-primary {

  background-color: #027EC6;

  color: #fff;

  border: none;

  padding: 13px 20px;

  font-weight: 600;

  transition: background-color 0.3s ease;

}



.btn-custom-primary:hover {

  background-color: #0056b3;

}



.shadow-custom {

  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);

}



.cta-box {

  max-width: fit-content;

}



.assured_quality {

  margin-top: -100px;

}

.global_trust {

  margin-bottom: 100px;

}



/* faq */



.accordion-button::after {

  content: "+";

  font-size: 1.5rem;

  font-weight: bold;

  color: #027EC6;

  background-image: none !important;

  transform: none !important;

  transition: transform 0.3s ease, color 0.3s ease;

}



.accordion-button:not(.collapsed)::after {

  content: "–";

  color: #027EC6;

}

.accordion-button:not(.collapsed) {

  background: none;

  box-shadow: none;

}

.footer_site_link a {

  color: #fff;

  text-decoration: none;

}

.accordion-button:focus {

  box-shadow: none;

}



/* contact-line */

.section-heading {

  position: relative;

  width: 100%;

  text-align: center;

}



.section-heading h2 {

  position: relative;

  display: inline-block;

  font-weight: 700;

  color: #007bff;

  letter-spacing: 1px;
  font-size: 2rem;

}



/* Horizontal lines */

.section-heading::before,

.section-heading::after {

  content: "";

  position: absolute;

  top: 50%;

  width: 39%;

  height: 2px;

  background-color: #d9d9d9;
  /* line color */

  transform: translateY(-50%);

}

.section-heading::before {

  left: 0;

}


.section-heading::after {

  right: 0;

}





/* Responsive adjustments */

@media (max-width: 576px) {

  .section-heading::before,

  .section-heading::after {

    width: 50px;
  }

}



/* owl css */

.client-logo {

  max-width: 160px;

  max-height: 90px;

  object-fit: contain;

  margin: 0 auto;

  transition: transform 0.3s ease;

}



.client-logo:hover {

  transform: scale(1.05);

}



.owl-nav {

  text-align: center;

  margin-top: 20px;

}



.owl-nav button.owl-prev,

.owl-nav button.owl-next {

  background: #007bff;

  color: #fff;

  border-radius: 50%;

  width: 40px;

  height: 40px;

  font-size: 18px;

  margin: 0 5px;

}



.client-logo {

  max-width: 160px;

  max-height: 90px;

  object-fit: contain;

  margin: 0 auto;

  transition: transform 0.3s ease;

}



.client-logo:hover {

  transform: scale(1.05);

}



/* Hide default dots/arrows */

.owl-dots,

.owl-nav {

  display: none !important;

}



/* Custom pagination lines */

.custom-lines .line {

  width: 50px;

  height: 8px;

  border-radius: 4px;

  background-color: #ccc;

  cursor: pointer;

  transition: all 0.3s ease;

}



.custom-lines .line.active {

  background-color: var(--bs-primary, #007bff);

}



/* circular */



#products {

  position: relative;

  overflow: hidden;

}


.right-side-circles {

  position: relative;

  right: 0px;

  transform: translateY(-50%);

  pointer-events: none;

  z-index: 1;

  overflow: visible;

  top: -115px;

}


.right-side-circles .circle {

  position: absolute;

  border-radius: 50%;

  opacity: 0.95;

  z-index: -1;

}


.circle-large {

  width: 160px;

  height: 160px;

  right: -98px;

  top: 0;

  border: 1px solid #D1D5DB;

  z-index: 1 !important;

}


.circle-small {

  width: 160px;

  height: 160px;

  background: radial-gradient(circle, #027EC6 0%, #203874 100%);

  right: -50px;

  top: 90px;

  z-index: 0 !important;

}



body {

  overflow-x: hidden;

}



/* bottom left  */

.left-side-circles {

  position: relative;

  left: 0;

  transform: translateY(50%);

  pointer-events: none;

  z-index: 1;

  overflow: visible;

  bottom: -80px;

}


.circle-large-left {

  position: absolute;

  width: 160px;

  height: 160px;

  left: -37px;

  bottom: 34px;

  background: radial-gradient(circle, #027EC6 0%, #203874 100%);

  border-radius: 50%;

  z-index: 0 !important;

}


.circle-small-left {

  position: absolute;

  width: 160px;

  height: 160px;

  border: 1px solid #D1D5DB;

  left: 10px;

  bottom: 119px;

  border-radius: 50%;

  z-index: 1 !important;

}

/* ================================
   Responsive Adjustments for Mobile
   ================================ */
@media (max-width: 768px) {

  /* Right side decorative circles */
  .right-side-circles {
    top: -60px;
    right: -40px;
    transform: translateY(-30%);
  }

  .circle-large {
    width: 100px;
    height: 100px;
    right: -60px;
    top: 10px;
  }

  .circle-small {
    width: 100px;
    height: 100px;
    right: -20px;
    top: 70px;
  }

  /* Left side decorative circles */
  .left-side-circles {
    bottom: -40px;
    left: -20px;
    transform: translateY(30%);
  }

  .circle-large-left {
    width: 100px;
    height: 100px;
    left: -20px;
    bottom: 20px;
  }

  .circle-small-left {
    width: 100px;
    height: 100px;
    left: 5px;
    bottom: 80px;
  }

  /* Prevent horizontal scroll on mobile */
  body,
  html {
    overflow-x: hidden !important;
  }

  .btn-partner {
    padding: 11px;
  }

}

@media (max-width: 480px) {

  /* Slightly smaller for very small screens */
  .circle-large,
  .circle-small,
  .circle-large-left,
  .circle-small-left {
    width: 80px;
    height: 80px;
  }

  .right-side-circles {
    top: -70px;
    right: 4px;
  }

  .left-side-circles {
    bottom: -100px;
    left: -17px;
  }
}


/* mobile menu */
.mobile-nav {
  position: fixed;
  top: 0;
  right: -100%;
  width: 80%;
  max-width: 320px;
  height: 100vh;
  background: #fff;
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.2);
  transition: right 0.4s ease;
  z-index: 1051;
  padding: 1.5rem 1.2rem;
  overflow-y: auto;
}

.mobile-nav.open {
  right: 0;
}

/* Close button */
.mobile-nav .close-btn {
  background: none;
  border: none;
  font-size: 2rem;
  color: #333;
  position: absolute;
  cursor: pointer;
  line-height: 1;
  transition: color 0.3s;
}

.mobile-nav nav a {
  display: block;
  padding: 0.75rem 0;
  border-bottom: 1px solid #eee;
  color: #212529;
  font-size: 1.05rem;
  font-weight: 500;
  transition: color 0.3s, padding-left 0.3s;
}

.close-btn {
  position: absolute;
  top: 15px;
  left: 15px;
  background: none;
  border: none;
  font-size: 28px;
  cursor: pointer;
  color: #333;
}

#overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 1050;
}

#overlay.active {
  display: block;
}

.industry_name {
  min-height: 70px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 10px 0 10px 0;
}


@media (max-width: 1400px) {
  html {
    font-size: 15px;
  }

  .application-list p {
    font-size: 1rem;
  }

  .industry-card span {
    font-size: 1rem;
  }

  .industry_name {
    min-height: 60px;
    padding: 5px 0;
  }

  .list_text span {
    font-size: 1rem;
  }

  h2 {
    font-size: 2.725rem;
  }

  .experience_cta {
    min-height: auto !important;
  }

  .cta-compact .partner_text {
    font-size: 1rem !important;
  }

  a.btn-partner {
    font-size: 1rem !important;
  }

  .commitment_btn a.btn-partner {
    font-size: 0.9rem;
  }


}

@media (max-width: 1200px) {
  .industry-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.3rem;
  }

  h2.commitment_sec {
    font-size: 2.5rem;
  }

  .global_trust {
    margin-bottom: 50px;
  }
}

@media (max-width: 1200px) {
  .assured_quality {
    margin: 0;
  }
}

@media (max-width: 768px) {
  html {
    font-size: 14px;
  }


  .banner_text p br {
    display: none;
  }

  .banner_text p {
    font-size: 1.5rem !important;
  }

  h2 {
    font-size: 2.025rem;
  }

  .about-sec h3 {
    font-size: 1.4rem;
  }

  /* .cta-compact {
    flex-direction: column;
    gap: 0;
  }

  a.btn-partner {
    width: 100%;
    justify-content: center;
  }

  .partner_text {
    padding: 10px 25px;
  } */

  .right-side-circles, .left-side-circles {
    display: none;
  }
  
  h2.commitment_sec {
    font-size: 2.2rem;
  }

  h2.commitment_sec br {
    display: none;
  }

  img.after_img {
    width: 85px;
  }

  .applications-data {
    width: 45%;
  }

}