.sec-content + .sec-card{
  padding-top: 8.8rem;
}
.card-slider .owl-stage-outer{
  overflow: initial;
}
.card-item{
  display: block;
  position: relative;
}
.card-item-img{
  width: 100%;
  height: 40rem;
  overflow: hidden;
  position: relative;
}
.card-slider .card-item-img{
  width: 54.6rem;
  border-radius: 20px;
}
.card-item-img::after{
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.4;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.card-item:hover .card-item-img::after{
  opacity: 0;
}
.card-item-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card-text{
  position: absolute;
  display: flex;
  align-items: center;
  bottom: 3rem;
  right: 3rem;
  vertical-align: text-bottom;
  writing-mode: sideways-lr;
}
.card-text-icon{
  width: 4rem;
  height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.card-item:hover .card-text-icon{
  margin-top: 1rem;
  height: 4rem;
}
.card-btn {
  line-height: initial;
}
.card-slider .owl-nav{
  position: absolute;
  top: -11.4rem;
  right: 0;
} 
@media(min-width:1360px) and (max-width:1403.98px){
  .card-item-img {
    height: 37rem;
  }
  .card-slider .card-item-img {
    width: 50.6rem;
  }
  .card-slider .owl-nav {
    top: -9.4rem;
  }
}
@media(min-width:1200px) and (max-width:1359.98px){
  .card-item-img {
    height: 33rem;
  }
  .card-slider .card-item-img {
    width: 45rem;
  }
  .card-text {
    bottom: 2.4rem;
    right: 2.4rem;
  }
  .card-text-icon {
    width: 3.6rem;
  }
  .card-item:hover .card-text-icon {
    height: 3.6rem;
  }
  .card-slider .owl-nav {
    top: -8.8rem;
  }
}
@media(min-width:992px) and (max-width:1199.98px){
  .card-item-img {
    height: 27.6rem;
  }
  .card-slider .card-item-img {
    width: 37.7rem;
  }
  .card-text {
    bottom: 2.4rem;
    right: 2.4rem;
  }
  .card-text-icon {
    width: 3rem;
  }
  .card-item:hover .card-text-icon {
    height: 3rem;
  }
  .card-slider .owl-nav {
    top: -8.4rem;
  }
}
@media(min-width:768px) and (max-width:991.98px){
  .sec-card .title {
    padding-right: 8rem;
  }
  .card-item-img {
    height: 31rem;
  }
  .card-slider .card-item-img {
    width: 42.3rem;
  }
  .card-text {
    bottom: 2.4rem;
    right: 2.4rem;
  }
  .card-text-icon {
    width: 3rem;
  }
  .card-item:hover .card-text-icon {
    height: 3rem;
  }
  .card-slider .owl-nav {
    top: -6.4rem;
  }
}
@media(max-width:767.98px){
  .card-slider{
    width: calc(100% + 1.5rem);
  }
  .card-slider .card-item-img {
    width: 32.5rem;
    height: 25.2rem;
  }
  .card-item-img {
    height: 40rem;
  }
  .card-text {
    bottom: 1.6rem;
    right: auto;
    vertical-align: initial;
    writing-mode: inherit;
    left: 1.6rem;
  }
  .card-text-icon {
    width: 0;
    height: 3.2rem;
  }
  .card-item:hover .card-text-icon {
    margin-top: 0;
    height: 3.2rem;
    width: 3.2rem;
    margin-right: 1rem;
  }
  .card-slider .owl-nav {
    top: auto;
    right: 1.5rem;
    bottom: -5.6rem;
  }
  .card-btn .btn {
    width: 100%;
  }
}
@media(max-width:575.98px){
  .card-item-img {
    height: 84.2vw;
  }
}