/*--------------------------------------------------------------
# WhyUs2
--------------------------------------------------------------*/
.whyus2 {
  padding: 0 0 30px 0;
  position: relative;
  z-index: 3;
}

.whyus2 .content {
  padding: 30px;
  background: var(--maincol1); /* #ff5821; */
  border-radius: 4px;
  color: #fff;
}

.whyus2 .content h3 {
  font-weight: 700;
  font-size: 34px;
  margin-bottom: 30px;
}

.whyus2 .content p {
  margin-bottom: 30px;
}

.whyus2 .content .more-btn {
  display: inline-block;
  background: rgba(255, 255, 255, 0.2);
  padding: 6px 30px 8px 30px;
  color: #fff;
  border-radius: 50px;
  transition: all ease-in-out 0.4s;
}

.whyus2 .content .more-btn i {
  font-size: 14px;
}

.whyus2 .content .more-btn:hover {
  color: var(--maincol1); /* #ff5821; */
  background: #fff;
}

.whyus2 .icon-boxes .icon-box {
  text-align: center;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.3);
  padding: 40px 30px;
  width: 100%;
}

.whyus2 .icon-boxes .icon-box i {
  font-size: 40px;
  color: var(--maincol1); /* #ff5821; */
  margin-bottom: 30px;
}

.whyus2 .icon-boxes .icon-box h4 {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 30px 0;
}

.whyus2 .icon-boxes .icon-box p {
  font-size: 15px;
  color: #716f6f;
}
.whyus2 .icon-box:hover {
  background: var(--maincol1); /* #ff5821; */
}
.whyus2 .icon-boxes .icon-box:hover i {
  color: #fff;
}
.whyus2 .icon-boxes .icon-box:hover p {
  color: #fff;
}