/* line 1, ../sass/screen.scss */
div.free-card {
  width: 100%;
}
/* line 4, ../sass/screen.scss */
div.free-card.bordered h3 {
  border-bottom: 1px solid rgba(44, 44, 44, 0.2);
}
/* line 8, ../sass/screen.scss */
div.free-card > a {
  display: block;
}
/* line 11, ../sass/screen.scss */
div.free-card .top {
  cursor: pointer;
}
/* line 14, ../sass/screen.scss */
div.free-card .top:hover .arrow {
  transform: rotate(-45deg);
}
/* line 17, ../sass/screen.scss */
div.free-card .top:hover .img div {
  transform: scale(1.02);
}
/* line 22, ../sass/screen.scss */
div.free-card .img-card {
  overflow: hidden;
  position: relative;
  display: block;
  border-radius: 10px;
}
/* line 27, ../sass/screen.scss */
div.free-card .img-card div {
  background-size: cover;
  background-position: center;
  transition: all .6s;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
/* line 38, ../sass/screen.scss */
div.free-card h3 {
  color: #2C2C2C;
  font-size: 24px;
  position: relative;
  padding-right: 66px;
  padding-top: 10px;
  padding-bottom: 20px;
}
/* line 45, ../sass/screen.scss */
div.free-card h3 .arrow {
  position: absolute;
  top: 0;
  right: 0;
  width: 42px;
  height: 42px;
  border-radius: 50px;
  border-width: 1px;
  border-style: solid;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform .3s;
}
/* line 58, ../sass/screen.scss */
div.free-card h3 .arrow polyline,
div.free-card h3 .arrow line {
  stroke: #2C2C2C;
}
/* line 64, ../sass/screen.scss */
div.free-card .list {
  display: flex;
  flex-wrap: wrap;
}
/* line 67, ../sass/screen.scss */
div.free-card .list .item {
  flex: 0 0 50%;
  margin-bottom: 8px;
}
/* line 71, ../sass/screen.scss */
div.free-card .list i {
  font-size: 30px;
}
/* line 74, ../sass/screen.scss */
div.free-card .list .icon {
  margin-right: 8px;
}
/* line 77, ../sass/screen.scss */
div.free-card .list .text {
  color: #2C2C2C;
  font-size: 16px;
}
/* line 80, ../sass/screen.scss */
div.free-card .list .text:after {
  width: 6px;
  height: 10px;
  content: '';
  background: url(../img/chevron.svg);
  display: inline-block;
  background-repeat: no-repeat;
  transition: all .3s;
  position: relative;
  right: 0;
}
/* line 92, ../sass/screen.scss */
div.free-card .list a {
  display: flex;
}
/* line 96, ../sass/screen.scss */
div.free-card .list a:hover .text:after {
  right: -2px;
}

@media screen and (max-width: 1040px) {
  /* line 108, ../sass/screen.scss */
  div.free-card .list {
    display: block;
  }
}