.evqual-graphics-wrapper {
  display: flex;
  gap: 30px;
  padding: 100px 0
}
@media screen and (min-width:768px) and (max-width:1199px) {
  .evqual-graphics-wrapper {
    gap: 15px
  }
}
@media screen and (max-width:767px) {
  .evqual-graphics-wrapper {
    display: none
  }
}
.evqual-graphics-wrapper .box-wrapper {
  flex: 1
}
.evqual-graphics-wrapper .box-wrapper:nth-child(2n) .outer-box .title {
  bottom: unset;
  top: 98%
}
.evqual-graphics-wrapper .box-wrapper.brand-blue .outer-box {
  background-color: #112868
}
.evqual-graphics-wrapper .box-wrapper.brand-blue .outer-box .title .round {
  background-color: #112868
}
.evqual-graphics-wrapper .box-wrapper.light-blue-500 .outer-box {
  background-color: #7bd7ef
}
.evqual-graphics-wrapper .box-wrapper.light-blue-500 .outer-box .title .round {
  background-color: #7bd7ef
}
.evqual-graphics-wrapper .box-wrapper .outer-box {
  border-radius: 15px;
  padding: 15px;
  position: relative
}
.evqual-graphics-wrapper .box-wrapper .outer-box .inner-box {
  border-radius: 10px;
  background-color: #fff;
  box-shadow: rgba(0,0,0,.35) 0 5px 15px;
  padding: 10px;
  overflow: hidden
}
.evqual-graphics-wrapper .box-wrapper .outer-box .inner-box .icon img {
  width: 100%;
  height: 100px;
  object-fit: contain;
  transition: all .2s linear
}
@media screen and (min-width:768px) and (max-width:991px) {
  .evqual-graphics-wrapper .box-wrapper .outer-box .inner-box .icon img {
    height: 65px
  }
}
.evqual-graphics-wrapper .box-wrapper .outer-box .inner-box .icon img:hover {
  transform: scale(1.1)
}
.evqual-graphics-wrapper .box-wrapper .outer-box .title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 98%;
  gap: 8px;
  left: 50%;
  transform: translateX(-50%);
  margin: 0;
  text-align: center;
  width: 100%
}
.evqual-graphics-wrapper .box-wrapper .outer-box .title h6 {
  color: #017978
}
.evqual-graphics-wrapper .box-wrapper .outer-box .title .round {
  border-radius: 50%;
  outline: 3px solid #fff;
  padding: 7px
}
.evqual-graphics-wrapper .box-wrapper .outer-box .title .round .inner-circle {
  border-radius: 50%;
  background-color: #fff;
  width: 10px;
  height: 10px
}
.evqual-graphics-wrapper .box-wrapper .outer-box .title .dotted-line {
  height: 30px;
  width: 1px;
  border: 1px dashed #000
}
.evqual-mobile {
  display: none
}
@media screen and (max-width:767px) {
  .evqual-mobile {
    display: block
  }
}