.skewed-cards-wrapper {
  position: relative
}
.skewed-cards-wrapper .section-heading {
  max-width: 600px
}
@media screen and (max-width:1199px) {
  .skewed-cards-wrapper .section-heading {
    max-width: 348px
  }
}
@media screen and (max-width:767px) {
  .skewed-cards-wrapper .section-heading {
    max-width: 100%
  }
}
.skewed-cards-wrapper::before {
  content: "";
  background: url(/themes/custom/ltts_revamp/images/paralellogram-wave.webp) no-repeat;
  position: absolute;
  top: 1%;
  right: calc((100% - 100vw)/ 2);
  width: calc(50% + (100vw - 100%)/ 2);
  height: 315px;
  background-size: cover;
  z-index: -1
}
@media screen and (max-width:991px) {
  .skewed-cards-wrapper::before {
    width: 590px;
    height: 350px;
    top: -2%
  }
}
@media screen and (min-width:992px) and (max-width:1200px) {
  .skewed-cards-wrapper::before {
    width: 690px;
    top: 0;
    height: 350px
  }
}
@media screen and (max-width:767px) {
  .skewed-cards-wrapper::before {
    display: none
  }
}
@media screen and (min-width:1400px) {
  .skewed-cards-wrapper::before {
    height: 370px
  }
}
.skewed-cards-wrapper .skewed-cards-slider .skewed-card .card-image {
  position: relative
}
.skewed-cards-wrapper .skewed-cards-slider .skewed-card .card-image::after {
  content: "";
  position: absolute;
  width: 350px;
  height: 100%;
  top: 0;
  left: 77%;
  background-color: #0c1d44;
  z-index: 1;
  border-left: 10px solid #5586ce;
  transform: skew(27deg)
}
@media screen and (max-width:767px) {
  .skewed-cards-wrapper .skewed-cards-slider .skewed-card .card-image::after {
    display: none
  }
}
@media screen and (max-width:991px) {
  .skewed-cards-wrapper .skewed-cards-slider .skewed-card .card-image::after {
    width: 270px;
    left: 75%
  }
}
@media screen and (max-width:767px) {
  .skewed-cards-wrapper .skewed-cards-slider .skewed-card .card-image {
    order: 1
  }
}
.skewed-cards-wrapper .skewed-cards-slider .skewed-card .card-image > div {
  height: 100%
}
.skewed-cards-wrapper .skewed-cards-slider .skewed-card .card-image img {
  height: 100%;
  object-fit: cover
}
@media screen and (max-width:767px) {
  .skewed-cards-wrapper .skewed-cards-slider .skewed-card .card-image img {
    max-height: 200px
  }
}
.skewed-cards-wrapper .skewed-cards-slider .skewed-card .card-content {
  background-color: #0c1d44;
  padding: 64px 32px;
  color: #fff;
  z-index: 2
}
@media screen and (max-width:991px) {
  .skewed-cards-wrapper .skewed-cards-slider .skewed-card .card-content {
    padding: 32px 16px
  }
}
@media screen and (max-width:767px) {
  .skewed-cards-wrapper .skewed-cards-slider .skewed-card .card-content {
    padding: 24px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
  }
}
.skewed-cards-wrapper .skewed-cards-slider .skewed-card .card-content h2 {
  color: #23dce1
}
@media screen and (max-width:1199px) {
  .skewed-cards-wrapper .skewed-cards-slider .skewed-card .card-content h2 {
    font-size: 1.5rem;
    line-height: 28px
  }
}
@media screen and (max-width:767px) {
  .skewed-cards-wrapper .skewed-cards-slider .skewed-card .card-content h2 {
    line-height: 32px
  }
}
@media screen and (max-width:991px) {
  .skewed-cards-wrapper .skewed-cards-slider .skewed-card .card-content p {
    font-size: .875rem;
    line-height: 18px
  }
}
.skewed-cards-wrapper .skewed-cards-slider .skewed-card .card-content .card-link a {
  border-radius: 5px;
  font-weight: 600;
  padding: 0 20px;
  min-height: 52px;
  font-size: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none!important;
  transition: all .3s linear;
  border: 0;
  outline: 0;
  background-color: #23dce1;
  color: #112868;
  box-shadow: none
}
.skewed-cards-wrapper .skewed-cards-slider .skewed-card .card-content .card-link a:hover {
  background-color: #fff;
  color: #112868
}
@media screen and (max-width:1400px) {
  .skewed-cards-wrapper .skewed-cards-slider .skewed-card .card-content .card-link a {
    min-height: 44px
  }
}
@media screen and (max-width:767px) {
  .skewed-cards-wrapper .skewed-cards-slider .skewed-card .card-content .card-link a {
    min-height: 36px
  }
}
.skewed-cards-wrapper.light {
  position: relative
}
.skewed-cards-wrapper.light::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc((100% - 100vw)/ 2);
  background: #112868;
  width: 100vw;
  height: 100%;
  z-index: -1
}
@media screen and (max-width:767px) {
  .skewed-cards-wrapper.light::before {
    display: block
  }
}
.skewed-cards-wrapper.light h2 {
  color: #fff
}
.skewed-cards-wrapper.light .skewed-cards-slider .skewed-card .card-image::after {
  background-color: #ececec;
  transform: skew(-27deg)!important;
  left: 83%
}
@media screen and (max-width:1199px) {
  .skewed-cards-wrapper.light .skewed-cards-slider .skewed-card .card-image::after {
    left: 79%
  }
}
.skewed-cards-wrapper.light .skewed-cards-slider .skewed-card .card-content {
  background-color: #ececec
}
.skewed-cards-wrapper.light .skewed-cards-slider .skewed-card .card-content h2,
.skewed-cards-wrapper.light .skewed-cards-slider .skewed-card .card-content p {
  color: #112868
}
.skewed-cards-wrapper.light .skewed-cards-slider .skewed-card .card-content .card-link a {
  background-color: #112868;
  color: #fff
}
.skewed-cards-wrapper.light .skewed-cards-slider .skewed-card .card-content .card-link a:hover {
  background-color: #23dce1;
  color: #112868
}
.right-skewed-blue-bg .skewed-card .card-image::after {
  transform: skew(-27deg)!important;
  background-color: #3a64a3!important
}
.right-skewed-blue-bg .skewed-card .card-content {
  background-color: #3a64a3!important
}
.skewed-cards-wrapper.right-img-light-skewed .skewed-cards-slider .skewed-card .row {
  flex-direction: row-reverse
}
.skewed-cards-wrapper.right-img-light-skewed .skewed-cards-slider .skewed-card .card-image {
  background-color: #f8f8f8
}
.skewed-cards-wrapper.right-img-light-skewed .skewed-cards-slider .skewed-card .card-image::after {
  border-right: 10px solid #5784d5;
  transform: skew(-27deg);
  width: 250px;
  background-color: #f8f8f8;
  left: -120px;
  border-left: 0
}
@media screen and (max-width:1199px) {
  .skewed-cards-wrapper.right-img-light-skewed .skewed-cards-slider .skewed-card .card-image::after {
    width: 150px;
    transform: skew(-16deg);
    left: -64px
  }
}
.skewed-cards-wrapper.right-img-light-skewed .skewed-cards-slider .skewed-card .card-content {
  background-color: #f8f8f8
}
.skewed-cards-wrapper.right-img-light-skewed .skewed-cards-slider .skewed-card .card-content h2 {
  color: #112868
}
.skewed-cards-wrapper.right-img-light-skewed .skewed-cards-slider .skewed-card .card-content p {
  color: #191915
}