/*===================================== 

YOU CAN WRIGHT CUSTOME CSS 

======================================*/
.why-feature {
  display: flex;
  gap: 20px;
  max-width: 286px;
}
.why-feature:not(:last-child) {
  margin-bottom: 50px;
}
.why-feature .box-icon {
  transform: translateY(-4px);
}
.why-feature .box-title {
  font-size: 22px;
  color: #fff;
  margin-bottom: 15px;
}
.why-feature .box-text {
  color: #fff;
}
.why-feature-right {
  text-align: right;
}
.why-feature-right .why-feature {
  flex-direction: row-reverse;
}


/* Small devices */
@media (max-width: 767px) {
  .why-feature {
    flex-direction: column !important;
    text-align: center;
    max-width: 230px;
  }
}
/* Extra small devices */
@media (max-width: 575px) {
  .why-feature {
    margin-left: auto;
    margin-right: auto;
  }
  .why-feature-right {
    margin-top: 50px;
  }
}
/* Medium devices */
@media (max-width: 991px) {
  .why-sec2 {
    background-position: left center;
    background-size: 300% 100%;
  }
}
.why-sec3 {
  max-width: 1800px;
/*  border-radius: 50px;*/
  overflow: hidden;
  position: relative;
  margin: 0 auto;
  background-color: #000000;
  /* Medium devices */
}
@media (max-width: 991px) {
  .why-sec3 {
    border-radius: 20px;
  }
}