:root{
  ---nexa: 'Nexa', sans-serif;
  ---gilroy: 'Gilroy-Medium', sans-serif;
  ---lemon: 'Lemon Milk', sans-serif;
  ---main-color: #1E75BC;
  ---title-color-second: #FF6600;
  --main-font-size: 45px;
  --font-size: 18px; 
  ---title-font: 35px;
  ---title-color: #1A202C;
  ---bg-color: #EAF5FE;
  ---main-title-font: 20px;
  ---sub-title-font: 35px;
  ---main-title-color: #00447B;
  ---sub-title-color: #00447B;
  ---sub-color: #FF6600;
}
#technology{
  background-color: var(---bg-color);
}
.tech_content{
  display: flex;
  flex-wrap: wrap;
  justify-content: center; 
  gap: 60px;
  margin: 65px;
}
.tech_content .item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(20% - 48px);
  /* Adjusted width calculation */
  height: 95px;
}
 
.tech_content .item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
}
 


/* Smaller Screen */
@media (max-width: 479px) {
  .tech_content {
    width: 100%;
    /* border: 2px solid red; */
    margin: 0;
    gap: 20px;
  }
  .tech_content .item {
    width: calc(50% - 20px);
    height: 65px;
    margin-top: 20px;
  }
  .tech-title{
    text-align: center;
  }
}

/* Medium Screen */
@media (min-width: 480px) and (max-width: 767px) {
  .tech_content {
    margin: 30px;
    gap: 30px;
  }
  .tech_content .item {
    width: calc(50% - 30px); /* Two items per row */
  }
}

/* Smaller Laptop and Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
  .tech_content {
    margin: 40px;
    gap: 40px;
  }
  .tech_content .item {
    width: calc(33.33% - 40px); /* Three items per row */
  }
}

/* Small Desktops */
@media (min-width: 1024px) and (max-width: 1280px) {
  .tech_content {
    margin: 50px;
    gap: 50px;
  }
  .tech_content .item {
    width: calc(25% - 45px); /* Four items per row */
  }
}

/* Larger Desktop */
@media (min-width: 1280px) {
  .tech_content {
    margin: 65px;
    margin-bottom: 0px;
    gap: 60px;
  }
  .tech_content .item {
    width: calc(20% - 48px); /* Five items per row */
  }
}