.feature-2cards-title {
  color: #fff;
}

.feature-2cards-content {
  color: #fff;
}
.pan-feature-2cards {
  padding: 90px 0;
  background-size: cover;
  background-position: center center;
  height: 60.71428571428571vw;
  max-height: 850px;
  box-sizing: border-box;
/*  -moz-transition: background 5s ease-in-out;
  -webkit-transition: background 5s ease-in-out;
  -ms-transition: background 5s ease-in-out;
  transition: background 5s ease-in-out;*/
}
.screen.pan-feature-2cards-screen {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 0;
}
#page-wrapper .col-6.feature-2cards-card {
  width: 42.1428571vw;
  height: 20.35714285714286vw;
  border-radius: 24px;
  border: 2px solid #06A1EB;
  background: rgba(17, 27, 38,.5);
  position: relative;
}
#page-wrapper .col-6.feature-2cards-card::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
  color: #3495EF;
  position: absolute;
  bottom: 1.071428571428571vw;
  right: 1.071428571428571vw;
  font-size: 2.142857142857143vw;
}

.col-6.feature-2cards-card:hover {
  background: #111b26;
  cursor: pointer;
}
.feature-2cards-card-section {
  color: #F4762D;
  text-transform: uppercase;
  font-size: 1.428571428571429vw;
  padding: 1.214285714285714vw 1.428571428571429vw;
}
.feature-2cards-card-title {
  color: #fff;
  font-size: 2.714285714285714vw;
  padding: 4.428571428571429vw 1.428571428571429vw;
}
.feature-2cards-content {
  margin: 0 0 20px;
}
.feature-2cards-wrap {
  position: unset !important;
}
.cardWrapper {
  position: absolute;
  width: 100%;
  bottom: 100px;
  left: 0;
}
.feature-2cards .row {
  position: relative;
}
@Media (min-width:1400px) {

#page-wrapper .col-6.feature-2cards-card {
  width: 590px;
  height: 285px;
  border-radius: 24px;
  border: 2px solid #06A1EB;
}
#page-wrapper .col-6.feature-2cards-card::after {
  bottom: 15px;
  right: 15px;
  font-size: 30px;
}


  .feature-2cards-card-section {
  color: #F4762D;
  text-transform: uppercase;
  font-size: 20px;
  padding: 17px 20px;
}
.feature-2cards-card-title {
  color: #fff;
  font-size: 38px;
  padding: 62px 20px;
}
}
@media (max-width: 1100px) {
  #page-wrapper .row.feature-2cards {
      display: flex !important;
  }
}
@Media (max-width:576px) {
.pan-feature-2cards {
  height: 100vh;
  max-height: unset;
}
}

/* No less than 400px, no greater than 900px */
@media screen and (min-width:768px) and (max-width:900px){
  .blockWrap .content {
      margin: 0.3vw 0 2vw;
      width: 100%;
  }
  .cardWrapper {
    position: unset;
  }
}