.features .feature-box {
  padding: 32px;
  border-radius: 15px;
  overflow: hidden;
}

.features .icon {
    width: 60px; /* Adjust the width based on your image size */
    height: auto;
    margin-bottom: 32px;
  }

  .features .icon img {
    width: 100% ;
  }


.features .bg-light-purple {
  background-color: #f5e8ff;
}

.features .bg-light-green {
  background-color: #e6fbf8;
}

.features .bg-light-yellow {
  background-color: #fff7e6;
}

.features .large-number {
  position: absolute;
  top: -62px;
  right: 6px;
  font-size: 130px;
  font-weight: 900;
}

.features .large-number.num01 {
  color: rgba(175, 120, 239, 0.2);
}


.features .large-number.num02 {
  color: rgba(63, 210, 168, 0.2);
}

.features .large-number.num03 {
  color: rgba(239, 185, 89, 0.2);
}

.features .position-relative {
  position: relative;
  min-height: 290px;
}

.features .feature-box h5 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
}

.features .feature-box p {
  font-weight: 400;
  font-size: 18px;
}

.about-section {
  background: rgba(242, 245, 246, 1);
  
}

.about-section .about-col {
background: rgba(255, 255, 255, 1);

}

.about-section .about-footer {
  margin-top: 62px;
  
}

.about-section .about-footer p {
  font-size: 20px;
  font-weight: 400;
}

.hero-section {
  text-align: left;
}

.hero-section p.lead {
  margin-bottom: 30px;
}

.hero-section .cta-action {
  padding: unset;
}

.hero-section p.lead span {
  font-weight: 800;
}


.hero-section .img-container {
  padding: 0;
}


.hero-section .img-container .expand-image {
  height: 574px;
  /* width: 711px; */
  object-fit: none;
  position: absolute;
  right: 0;
  top: 80px;
  bottom: 0;
}

.navbar {
  padding-bottom: 30px;
  z-index: 9999;
}