.features-block-style1 {
  position: relative;
}
.features-block-style1:before {
  background-color: #EAE9F8;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  width: 10px;
  transition: all 300ms ease;
}
.features-block-style1:after {
  background-color: #EAE9F8;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 10px;
  width: 1px;
  transition: all 300ms ease;
}
.features-block-style1 .inner-block {
  background-color: #050416;
  border: 1px solid #131223;
}
.features-block-style1 .inner-block:before {
  background-color: #EAE9F8;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 1px;
  width: 10px;
  transition: all 300ms ease;
}
.features-block-style1 .inner-block:after {
  background-color: #EAE9F8;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 10px;
  width: 1px;
  transition: all 300ms ease;
}
.features-block-style1 .inner-block .line1 {
  position: absolute;
  bottom: 0;
  right: 0;
}
.features-block-style1 .inner-block .line1:before {
  background-color: #EAE9F8;
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  height: 1px;
  width: 10px;
  transition: all 300ms ease;
}
.features-block-style1 .inner-block .line1:after {
  background-color: #EAE9F8;
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  height: 10px;
  width: 1px;
  transition: all 300ms ease;
}
.features-block-style1 .inner-block .line2 {
  position: absolute;
  bottom: 0;
  left: 0;
}
.features-block-style1 .inner-block .line2:before {
  background-color: #EAE9F8;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 10px;
  transition: all 300ms ease;
}
.features-block-style1 .inner-block .line2:after {
  background-color: #EAE9F8;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 10px;
  width: 1px;
  transition: all 300ms ease;
}
.features-block-style1 .inner-block:hover .content:before {
  left: 100%;
}
.features-block-style1 .inner-block:hover .content:after {
  right: 100%;
}
.features-block-style1 .inner-block:hover .content .icon img, .features-block-style1 .inner-block:hover .content .icon i, .features-block-style1 .inner-block:hover .content .icon svg {
  transform: scale(-1) rotate(180deg);
}
.features-block-style1 .inner-block .content {
  border-bottom: 1px solid #131223;
  padding: 35px 0 29px;
  margin: 0 40px 39px;
  position: relative;
}
.features-block-style1 .inner-block .content:before {
  background-color: #ffffff;
  content: "";
  position: absolute;
  bottom: -1.5px;
  left: 0;
  height: 3px;
  width: 3px;
  transition: all 400ms ease;
}
.features-block-style1 .inner-block .content:after {
  background-color: #ffffff;
  content: "";
  position: absolute;
  bottom: -1.5px;
  right: 0;
  height: 3px;
  width: 3px;
  transition: all 400ms ease;
}
.features-block-style1 .inner-block .icon {
  color: #ffffff;
  display: inline-block;
  font-size: 50px;
  line-height: 1;
  margin-bottom: 16px;
  transition: all 300ms ease;
}
.features-block-style1 .inner-block .icon img, .features-block-style1 .inner-block .icon i, .features-block-style1 .inner-block .icon svg {
  display: block;
  transition: all 300ms ease;
}
.features-block-style1 .inner-block .features-title {
  color: #ffffff;
  font-weight: 600;
  line-height: 1.5;
  margin-top: 0;
}
.features-block-style1 .inner-block .features-details {
  color: #9190A2;
}
.features-block-style1 .inner-block .image {
  margin-bottom: 45px;
}
.features-block-style1 .inner-block .image img {
  width: 100%;
}
.features-block-style1 .inner-block .image-2 {
  margin-bottom: 29px;
  margin-left: 6px;
  margin-top: -25px;
}
.features-block-style1 .inner-block .image-3 {
  padding-top: 2px;
  margin-bottom: 0;
  margin-left: 1px;
}