:root{
    --bs-yellow: #ffc354;
    --bs-dark-yellow:#f2bc5a;
}

html, body {
    overflow-x: hidden !important;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

.myyellowBg{
    background-color: var(--bs-yellow);
}

.call-action {
    z-index: 2;
    padding: 100px 0;
    background: linear-gradient(45deg, var(--bs-dark-yellow), var(--bs-yellow));
    position: relative;
}

.call-action:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: url("../data/overlay.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    z-index: -1;
  }

.aboutCompany{
    height: 50px;
    padding: 5px;
}


.clientlogos{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    gap:10px;
    flex-wrap: wrap;
}

.productImgbox{
    display: flex;
    align-items: center;
    justify-content: center;
}

.productImg{
    width: 400px;
    object-fit: cover;
    max-width: 100%;
    height: 400px;
    margin: 0 auto;
}

.gap-0 {
    gap: 0 !important;
  }
  
  .gap-1 {
    gap: 0.25rem !important;
  }
  
  .gap-2 {
    gap: 0.5rem !important;
  }
  
  .gap-3 {
    gap: 1rem !important;
  }
  
  .gap-4 {
    gap: 1.5rem !important;
  }
  
  .gap-5 {
    gap: 3rem !important;
  }