.card{

      font-family: 'Segoe UI', sans-serif;

      margin: 0;

      padding: 40px;

      background-color: #f8fafc;
      transition: transform 0.3s ease;

    }
   


    .card-container {

      display: flex;

      flex-wrap: wrap;

      gap: 60px;

      justify-content: center;

      margin-top: 80px;
     padding: 60px 10px;
      /* max-width: 1200px; */
      margin: auto;
  }


   .card {
  background-color: rgb(225 214 250 / 38%);
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  border-radius: 20px;
  padding: 15px 10px;
  max-width: 500px;
  flex: 1 1 400px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: solid #1a3066 2px;
    margin-top: -30px;

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

.card:hover {
  transform: translateY(-10px); 
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.592); 
  border-right:#1a3066 5px solid;
}
    .card h2 {

      font-size: 30px;

      color: #1e3a8a;

      margin-bottom: 16px;

    }



    .card p {

      font-size: 16px;

      line-height: 1.6;

      color: #111827;

    font-weight: bold;

    }



    .card img {

      width: 100px;

      height: 100px;

      align-self: flex-end;

      margin-top: 20px;

    }
   

/* Main heading (same as expertise) */
.section-heading {
  text-align: center;
  font-size: 42px;
  color: #1a3066;
  font-weight: bold;
  font-family: 'Poppins', sans-serif;
  position: relative;
}
@media (max-width:576px) {
  .section-heading {
    font-size: 28px !important;
  }
  
}

.section-heading::after {
  content: "";
  display: block;
  width: 80px;
  height: 4px;
  background: #ff9800;
  margin: 20px auto 0;
  border-radius: 2px;
}


/* Expertise Section */

.expertise-container {
  padding: 60px 40px;
  max-width: 1300px;
  margin: auto;
  
}

.expertise-container h1 {
  text-align: center;
  font-size: 42px;
  color: #1a3066;
  font-weight: bold;
  margin-bottom: 60px;
  font-family: 'Poppins', sans-serif;
  position: relative;
}

.expertise-container h1::after {
  content: "";
  display: block;
  width: 80px;
  height: 4px;
  background: #ff9800;
  margin: 20px auto 0;
  border-radius: 2px;
}

.expertise-container p {
  font-size: 16px;
  line-height: 1.7;
  color: #333;
  font-weight: 500;
}

/* Card Style */
.box {
  background:  rgb(225 214 250 / 38%);
  border: 2px solid #1a3066;
  border-radius: 20px;
  padding: 30px 25px;
  box-shadow: 0px 0px 2px rgba(8, 4, 4, 0.43);
  transition: all 0.3s ease-in-out;
  text-align: center;
  position: relative;
  overflow: hidden;
}

/* Hover Effect */
.box:hover {
  transform: translateY(-8px);
 box-shadow: 1px 12px 20px rgb(127 105 105 / 99%);

  border-right: 5px solid #1a3066;
}

/* Icon Style */
.box .icon {
  font-size: 28px;
  color: #fff;
  background: #f3701f;
  padding: 10px;
  border-radius: 50%;

  display: inline-block;
  transition: background 0.3s;
}

.box:hover .icon {
  background: #1a3066;
}

/* Responsive Fix */
@media (max-width: 768px) {
  .expertise-container {
    padding: 40px 20px;
  }
  .expertise-container h1 {
    font-size: 28px;
  }
}




.grid {

  display: grid;

  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));

  gap: 40px 60px;

}



.box {

  display: flex;

  align-items: flex-start;

  gap: 15px;

}



/* .icon {

  font-size: 18px;

  color: #fcfdfd;

  line-height: 1.4;

  background-color: #1a3066;

  border-radius: 68%;

  padding: 5px;

} */

.iso-compliance {

  padding: 60px 20px;

  background-color: #fff;

  text-align: center;

  max-width: 1300px;

  margin: auto;

}



.iso-header h2 {

  font-size: 36px;

  color: #1a3066;

  margin-bottom: 10px;

  font-family: sans-serif;

}



.iso-header p {

  font-size: 20px;

  color: #000;

  max-width: 800px;

  margin: 0 auto 50px;

  line-height: 1.6;

  font-weight: bold;

  text-align: center;

}



.iso-cards {

  display: flex;

  justify-content: space-between;

  gap: 30px;

  flex-wrap: wrap;

}



.iso-card {

  background-color:  rgb(225 214 250 / 38%);
  border: 2px solid #1a3066;

  padding: 30px 25px;

  border-radius: 20px;

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

  flex: 1;

  min-width: 280px;

  max-width: 380px;

  text-align: center;

}
.iso-card:hover {

  transform: translateY(-8px);

  box-shadow: 0 8px 25px rgba(0,0,0,0.12);

  border-left: 5px solid #1a3066;

  border-right: 5px solid #1a3066;

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

}



.iso-card img {

  height: 80px;

  margin-bottom: 20px;

}



.iso-card h3 {

  color: #1a3066;

  font-size: 22px;

  margin-bottom: 15px;

  font-family: sans-serif;

}



.iso-card p {

  font-size: 15px;

  color: #1a3066;

  line-height: 1.6;

}

 .services-section {

  padding: 60px 20px;

  text-align: center;

  background-color: #fff;

  max-width: 1300px;

  margin: auto;

}
.service1 {

  background:  rgb(225 214 250 / 38%);

  border-radius: 20px;

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

  padding: 30px 40px;

  border: solid #1a3066 2px;

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

}
.service1:hover {
  transform: translateY(-10px); 
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.548); 
  border-right:#1a3066 5px solid;
}


.services-section h1 {

  /* font-size: 36px; */

  color: #1a3066;

  margin-bottom: 50px;

  font-family: sans-serif;

  font-weight: bold;

}



.services-container {

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  gap: 30px;

}



.service-card {

  background:  rgb(225 214 250 / 38%);

  border-radius: 20px;
  border: 2px solid #1a3066;

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

  max-width: 350px;

  padding: 25px 20px;

  text-align: center;

  transition: transform 0.3s ease;

}



.service-card:hover {

  transform: translateY(-10px); 
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.538); 
  border-right:#1a3066 5px solid;

}

.service-card img {
  width: 100%;

  height: 220px;

  max-height: 300px;

  object-fit: contain;

  margin-bottom: 20px;

}



.service-card h3 {

  font-size: 20px;

  color: #1e347e;

  margin-bottom: 15px;

}



.service-card p {

  font-size: 15px;

  color: #333;

  line-height: 1.6;

  margin-bottom: 20px;

}
/* === Fix for service image overflow in mobile view === */
.service1 {
  overflow: hidden; /* keeps image inside the rounded border */
}

.service1 .service-images img {
  width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 15px;
  border: 2px solid #172c67;
  display: block;
}

/* Mobile Responsive Fix */
@media (max-width: 767px) {
  .service1 {
    flex-direction: column;
    text-align: center;
    padding: 20px;
  }

  .service1 .service-text {
    text-align: center;
    margin-bottom: 20px;
  }

  .service1 .service-images {
    text-align: center;
  }

  .service1 .service-images img {
    width: 90%;
    max-width: 300px;
    margin: 0 auto;
  }
}


/* 

.read-more-btn {

  display: inline-block;

  background-color: #f26522;

  color: #fff;

  border-color: #f3701f;

  padding: 10px 20px;

  border-radius: 6px;

  text-decoration: none;

  font-weight: bold;

  transition: background-color 0.3s;

}



.read-more-btn:hover {

  background-color: #fff;

  color: #fdfbfb;

 border-color: #f3701f;



} */



.stats-section {

  padding: 40px 20px;

  background-color: #ffffff;

  display: flex;

  justify-content: center;

}



.stats-container {

  display: flex;

  gap: 10px;

  flex-wrap: wrap;

  justify-content: center;

}



.stat-card {

  background-color: #fff;

  padding: 10px 0px;

  border-radius: 0px 20px 0px 20px; /* top-left, top-right, bottom-right, bottom-left */

  width: 160px;

  text-align: center;

  box-shadow: 12px 7px 12px 7px rgb(13 13 13 / 26%);

  transition: transform 0.3s;

}



.stat-card:hover {

  transform: translateY(-5px);

}



.stat-card h3 {

  color: #f26522;

  font-size: 24px;

  margin-bottom: 10px;

  font-weight: 700;

}



.stat-card p {

  font-size: 16px;

  font-weight: 500;

  color: #111;

}

 .services-section {

  padding: 60px 30px;

  background-color: #fff;

}



.service-block {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 40px;

  margin-bottom: 60px;

  flex-wrap: wrap;

}



.service-block.reverse {

  flex-direction: row-reverse;

}



.service-text {

  flex: 1;

  min-width: 300px;

}



.service-text h2 {

  font-size: 36px;

  color: #1a3066;

  margin-bottom: 15px;

  font-weight: 700;

  font-family: sans-serif;

}



.service-text p {

  font-size: 16px;

  color: #333;

  line-height: 1.6;

  margin-bottom: 20px;

}



.btn-orange {

  display: inline-block;

  padding: 10px 20px;

  background-color: #f26522;

  color: #fff;

  border: 2px solid #f26522;

  text-decoration: none;

  font-weight: bold;

  border-radius: 4px;

  transition: background 0.3s, color 0.3s;

}



.btn-orange:hover {

  background: transparent;

  color: #f26522;

}



.service-image {

  flex: 1;

  min-width: 300px;

  text-align: center;
  border: 2px solid #1a3066 !important;
  border-radius: 20px !important;

}



.service-image img {

  max-width: 100%;

  height: 300px;
  border-radius: 20px;

}

.partners-section {

  padding: 50px 0;
  /* background: #f9f9f9;  */
  text-align: center;

}



.partners-section h2 {

  font-size: 36px;

  color: #1a3066;

  margin-bottom: 30px;

  text-align: center;

  font-family: sans-serif;

}

.marquee {
  overflow: hidden;
  position: relative;
    width: 100vw;
}

.marquee-content {
  display: flex;
  width: max-content;
  animation: scroll 20s linear infinite;
}

.marquee-content img {
  margin: 0 20px;
  height: 100px;
  object-fit: contain;
}

/* .marquee:hover .marquee-content {
  animation-play-state: paused;
 
} */

@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* 2nd marquee */
.partnerss-section {
  padding: 0px 0;
  background: #f9f9f9;
}

.section-heading {
  font-size: 2rem;
  font-weight: bold;
}

.new-marquee {
  width: 100vw; /* full screen */
  overflow: hidden;
  position: relative;
  background: #fff;
  border-top: 2px solid #eee;
  border-bottom: 2px solid #eee;
  padding: 10px 0;
}

.new-marquee-content {
  display: flex;
  width: max-content;
  animation: scroll 20s linear infinite;
}

.new-marquee-content h5 {
  margin: 0 30px; /* space between texts */
  font-size: 2.2rem;
  font-weight: 600;
  white-space: nowrap;
  color: #1c2d71;
  letter-spacing: 1px;
}
@media(max-width:576px){
  .new-marquee-content h5{
    font-size: 24px !important;
  }
}

/* Pause animation on hover */
.marquee:hover .marquee-content {
  animation-play-state: paused;
}

@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.logo-grid {

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  gap: 30px;

}



.logo-grid img {
  background-color: rgb(225 214 250 / 38%);
  border: 1px solid #1a3066;
border-radius: 20px;
  max-width: 100px;

  height: auto;

  transition: transform 0.3s ease;

}



.logo-grid img:hover {

  transform: scale(1.1);

}



 .accredited-section {

  text-align: center;

  padding: 50px 20px;

  font-family: 'Segoe UI', sans-serif;

}



.accredited-section h2 {

  font-size: 36px;

  color: #1a3066;

  margin-bottom: 10px;

  font-family: sans-serif;

  font-weight: bold;

}



.accredited-section p {

  font-size: 1rem;

  max-width: 800px;

  margin: 0 auto 40px;

  line-height: 1.6;

  color: #333;

}



.logo-grid {

  display: flex;

  justify-content: center;

  flex-wrap: wrap;

  gap: 10px;

}



.logo-box {

  background-color: rgb(225 214 250 / 38%);
  border: 2px solid #1a3066;

  border-radius: 10px;

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

  padding: 20px;

  width: 160px;

  height: 120px;

  display: flex;

  align-items: center;

  justify-content: center;

}



.logo-box img {

  max-width: 100%;

  max-height: 100%;

  object-fit: contain;

}

.blog-section {

  text-align: center;

  padding: 60px 20px;

  font-family: 'Segoe UI', sans-serif;

}



.blog-section h2 {

  font-size: 36px;

  font-weight: bold;

  font-family: sans-serif;

  color: #1a3066;

  margin-bottom: 40px;



}



.blog-cards {

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  gap: 30px;

}



.blog-card {

  background-color: rgb(225 214 250 / 38%);
  border: 2px solid #1a3066;

  width: 320px;

  border-radius: 20px;

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

  overflow: hidden;

  padding: 15px;

  text-align: left;

  display: flex;

  flex-direction: column;

}
 .blog-card:hover {

  transform: translateY(-10px); 
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.6); 
  border-right:#1a3066 5px solid;
  transition: transform 0.3s ease, box-shadow 0.3s ease;  

}

.blog-card img {

  width: 100%;

  height: auto;

  border-radius: 6px;

}



.blog-card h3 {

  font-size: 1.1rem;

  font-family: sans-serif;

  color: #0d2c6b;

  margin: 15px 0 10px;

}



.blog-card .meta {

  color: #f26522;

  font-size: 0.9rem;

  margin-bottom: 10px;

}



.blog-card .excerpt {

  font-size: 0.95rem;

  color: #333;

  line-height: 1.5;

}



.read-more-btn {

  margin-top: 30px;

  padding: 10px 25px;

  background-color: #f26522;

  color: #fff;

  border: none;

  border-radius: 6px;

  font-size: 1rem;

  cursor: pointer;

  transition: background 0.3s;

}



.read-more-btn:hover {

  background-color: #f9f9f9;

  border-color: #d5541b;

  color: #f26522;

}

 .blogg-section {

  padding: 50px 20px;

  font-family: 'Segoe UI', sans-serif;

  text-align: center;

}



.blogg-buttons {

  margin-bottom: 30px;

}



.blogg-buttons button {

  padding: 8px 16px;

  border-radius: 6px;

  font-size: 14px;

  cursor: pointer;

  margin: 0 5px;

  border: none;

  transition: background 0.3s ease;

}



.btn-outline {

  border: 1px solid #ccc;

  background: transparent;

  color: #333;

}



.btn-filled {

  background-color: #5c60f5;

  color: #fff;

}



.btn-outline:hover {

  background-color: #f0f0f0;

}



.btn-filled:hover {

  background-color: #444cd1;

}



.blogg-grid {

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

  gap: 30px;

}



.blogg-card {

  width: 320px;

  background: rgb(225 214 250 / 38%);
  border: 2px solid #1a3066;

  border-radius: 10px;

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

  overflow: hidden;

  padding: 15px;

  text-align: left;

  display: flex;

  flex-direction: column;

}
.blogg-card:hover {
 transform: translateY(-10px); 
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.553); 
  border-right:#1a3066 5px solid;

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

}



.blogg-card img {

  width: 100%;

  height: 180px;

  object-fit: cover;

  border-radius: 6px;

}



.blogg-card h3 {

  font-size: 1rem;

  margin: 15px 0 5px;

  color: #001d62;

}



.blogg-card h3 a {

  text-decoration: none;

  color: inherit;

  font-weight: bold;

}



.blogg-card .meta {

  font-size: 0.85rem;

  color: #888;

  margin-bottom: 10px;

}



.blogg-card .meta a {

  color: #0056b3;

  text-decoration: none;

}



.blogg-card p {

  font-size: 0.95rem;

  color: #333;

  line-height: 1.4;

  flex-grow: 1;

}



.read-btn {

  margin-top: 10px;

  display: inline-block;

  padding: 6px 12px;

  background-color: red;

  color: white;

  font-size: 0.85rem;

  border-radius: 4px;

  text-decoration: none;

  width: fit-content;

}

.testimonial-section {

  padding: 60px 20px;

  text-align: center;

  font-family: 'Segoe UI', sans-serif;

}



.testimonial-section h2 {

  font-size: 36px;

  font-weight: bold;

  font-family: sans-serif;

  color: #1a3066;

  margin-bottom: 40px;

}



.testimonial-container {

  display: flex;

  justify-content: center;

  gap: 30px;

  flex-wrap: wrap;

}



.testimonial-card {

  position: relative;

  width: 420px;

  background: #fff;

  border-radius: 10px;

  padding: 30px 20px;

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

  text-align: center;

}



.testimonial-card h3 {

  font-size: 1.1rem;

  margin-bottom: 10px;

  color: #333;

}



.stars {

  color: #f6c300;

  font-size: 1.2rem;

  margin-bottom: 15px;

}



.half-star {

  color: #f6c300;

  position: relative;

  display: inline-block;

}



.testimonial-card p {

  font-size: 0.95rem;

  color: #222;

  line-height: 1.5;

}



.arrow {

  position: absolute;

  top: 50%;

  font-size: 1.5rem;

  color: #0d2c6b;

  background: white;

  padding: 5px 10px;

  border-radius: 50%;

  cursor: pointer;

  transform: translateY(-50%);

  user-select: none;

}



.left-arrow {

  left: 10px;

}



.right-arrow {

  right: 10px;

}



.newsletter-section {

  background-color: #f7faff;

  padding: 60px 20px;

  font-family: 'Segoe UI', sans-serif;

}



.newsletter-container {

  display: flex;

  justify-content: center;

  align-items: center;

  max-width: 1100px;

  margin: 0 auto;

  flex-wrap: wrap;

  gap: 40px;

}



.newsletter-image img {

  max-width: 400px;

  width: 100%;

  border-radius: 50% 50% 50% 0;

  object-fit: cover;

}



.newsletter-content {

  flex: 1;

  min-width: 300px;

}



.newsletter-content h2 {

  font-size: 36px;

  font-weight: bold;

  font-family: sans-serif;

  color: #1a3066;

  margin-bottom: 10px;

}

@media (max-width:576px){
  .newsletter-content h2{
    font-size: 24px !important;
  }
}



.newsletter-content p {

  font-size: 1rem;

  margin-bottom: 10px;

  color: #333;

}



.newsletter-content .terms a {

  color: #0056b3;

  text-decoration: underline;

  font-weight: 500;

}



form {

  display: flex;

  flex-direction: column;

  gap: 15px;

  margin-top: 20px;

}



form label {

  font-size: 0.95rem;

  color: #333;

}



form label span {

  color: red;

}



form input {

  padding: 10px;

  font-size: 1rem;

  border: 1px solid #ccc;

  border-radius: 4px;

}



form button {

  width: 120px;

  padding: 10px;

  background-color: #0056b3;

  color: #fff;

  border: none;

  border-radius: 4px;

  font-size: 1rem;

  cursor: pointer;

}



form button:hover {

  background-color: #003f87;

}

/* footeer css */

.footer {

  background-color: #1c2d71;

  color: #fff;

  padding: 50px 20px 20px;

  font-family: 'Segoe UI', sans-serif;

}



.footer-container {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  gap: 40px;

  max-width: 1200px;

  margin: 0 auto;

  padding-bottom: 30px;

  border-bottom: 1px solid #ccc;

}



.footer-column {

  flex: 1;

  min-width: 220px;

}



.footer-column h3 {

  font-size: 1.1rem;

  margin-bottom: 15px;

  color: #fff;

}



.footer-column p, .footer-column ul li {

  font-size: 0.95rem;

  margin-bottom: 8px;

  color: #e0e0e0;

}



.footer-column ul {

  list-style: none;

  padding: 0;

}



.footer-bottom {

  text-align: center;

  padding-top: 20px;

}



.footer-social {

  margin-bottom: 10px;

}



.footer-social a {

  display: inline-block;

  margin: 0 8px;

  color: #fff;

  background-color: #0077b5;

  padding: 8px;

  border-radius: 50%;

  font-size: 1rem;

  transition: 0.3s;

}



.footer-social a:nth-child(2) {

  background-color: #3b5998;

}



.footer-social a:nth-child(3) {

  background-color: #ff0000;

}



.footer-social a:hover {

  opacity: 0.8;

}



.footer-bottom p {

  font-size: 0.85rem;

  margin: 10px 0;

  color: #e0e0e0;

}



.footer-links a {

  margin: 0 10px;

  font-size: 0.9rem;

  color: #fff;

  font-weight: 600;

  text-decoration: none;

}



.footer-links a:hover {

  text-decoration: underline;

}



 @media (max-width: 768px) {

  .footer-container {

    flex-direction: row;

    align-items: center;

    text-align: center;

    padding: 0 10px 20px;

    gap: 30px;

  }



  .footer-column {

    flex: unset;

    width: 100%;

    min-width: auto;

  }



  .footer-column h3 {

    font-size: 1rem;

  }



  .footer-column p, 

  .footer-column ul li {

    font-size: 0.9rem;

  }



  .footer-social {

    margin-top: 20px;

  }



  .footer-social a {

    margin: 0 6px;

    font-size: 0.9rem;

    padding: 6px;

  }



  .footer-bottom p {

    font-size: 0.8rem;

  }



  .footer-links {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    gap: 10px;

    margin-top: 10px;

  }



  .footer-links a {

    font-size: 0.85rem;

    margin: 5px;

  }

  .fa-brain{

    color: #1c2d71 !important

  }

}

/* team */
/* TEAM SECTION */
.team {
  transition: all 0.4s ease-in-out;
}

.team img {
  border-radius: 50%;
  transition: transform 0.4s ease-in-out;
}

.team:hover img {
  transform: scale(1.05);
}

/* Social Icons Overlay */
.team-social {
  top: 0;
  left: 0;
  opacity: 0;
  background: rgba(0, 0, 0, 0.5);
  transition: opacity 0.4s ease-in-out;
}

.team:hover .team-social {
  opacity: 1;
}

/* Social buttons */
.team-social a {
  color: #fff;
  border-color: #fff;
  transition: all 0.3s ease;
}

.team-social a:hover {
  background: #fff;
  color: #007bff;
}

/* Text Styling */
.team h4 {
  font-weight: 600;
  margin-top: 10px;
  color: #222;
}

.team i {
  color: #666;
  display: block;
  font-size: 14px;
}

/* Section heading */
.section-heading {
  font-weight: 700;
  font-size: 2rem;
  color: #222;
  position: relative;
  display: inline-block;
}

.section-heading::after {
  content: "";
  width: 60px;
  height: 3px;
  background: #007bff;
  position: absolute;
  left: 50%;
  bottom: -10px;
  transform: translateX(-50%);
  border-radius: 2px;
}

/* Responsive Layout */
@media (max-width: 768px) {
  .team {
    margin-bottom: 30px;
  }

  .team img {
    width: 90%;
    margin: 0 auto;
  }

  /* Force 2 columns in mobile view */
  .team.col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (max-width: 480px) {
  .section-heading {
    font-size: 1.6rem;
  }

  .team i {
    font-size: 13px;
  }
}