.ftco-section {padding: 2.5rem 0; }
 
.ftco-no-pt {padding-top: 0; }

.ftco-no-pb {padding-bottom: 0; }

.img {
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center; 
}
 
.owl-carousel {position: relative; }
.owl-carousel .owl-item {opacity: 1; }
.owl-carousel .owl-item.active {opacity: 1; }
.owl-carousel .owl-nav {
   position: absolute;
   bottom: 0;
   width: 100%; 
}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next {
   position: absolute;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   margin-top: -10px;
   color: rgba(255, 255, 255, 0.2) !important;
   -webkit-transition: 0.7s;
   -o-transition: 0.7s;
   transition: 0.7s;
   opacity: 1; 
}

   @media (prefers-reduced-motion: reduce) {
      .owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next {
         -webkit-transition: none;
         -o-transition: none;
         transition: none; 
      } 
   }

   .owl-carousel .owl-nav .owl-prev span:before,.owl-carousel .owl-nav .owl-next span:before {
      font-size: 16px;
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; 
   }

   @media (prefers-reduced-motion: reduce) {
      .owl-carousel .owl-nav .owl-prev span:before,.owl-carousel .owl-nav .owl-next span:before {
         -webkit-transition: none;
         -o-transition: none;
         transition: none; 
      } 
   }
.owl-carousel .owl-nav .owl-prev:hover span:before,.owl-carousel .owl-nav .owl-next:hover span:before {color: #DA4453; }
.owl-carousel .owl-nav .owl-prev {
   right: 0;
   margin-right: 20px; 
}
.owl-carousel .owl-nav .owl-next {right: 0; }
.owl-carousel .owl-dots {
   text-align: left;
   margin-top: 10px; 
}
.owl-carousel .owl-dots .owl-dot {
   width: 10px;
   height: 10px;
   margin: 5px;
   border-radius: 50%;
   background: rgba(255, 255, 255, 0.2);
   position: relative; 
}
.owl-carousel .owl-dots .owl-dot:hover, .owl-carousel .owl-dots .owl-dot:focus {outline: none !important; }
.owl-carousel .owl-dots .owl-dot.active {background: #DA4453; }
.owl-carousel.owl-drag .owl-item {
   -ms-touch-action: pan-y;
   touch-action: pan-y; 
}

.work {width: 100%; }
.work .img {
   width: 100%;
   height: 240px;
   position: relative;
   overflow: hidden;
   -webkit-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
   -moz-box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
   box-shadow: 0px 20px 35px -30px rgba(0, 0, 0, 0.26);
   z-index: 0; 
}
.work .img:after {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   content: '';
   z-index: -1;
   background: rgba(255, 93, 177, 0);
   background: -moz-linear-gradient(top, rgba(255, 93, 177, 0) 0%, rgba(148, 54, 103, 0) 42%, black 100%);
   background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 93, 177, 0)), color-stop(42%, rgba(148, 54, 103, 0)), color-stop(100%, black));
   background: -webkit-linear-gradient(top, rgba(255, 93, 177, 0) 0%, rgba(148, 54, 103, 0) 42%, black 100%);
   background: -o-linear-gradient(top, rgba(255, 93, 177, 0) 0%, rgba(148, 54, 103, 0) 42%, black 100%);
   background: -ms-linear-gradient(top, rgba(255, 93, 177, 0) 0%, rgba(148, 54, 103, 0) 42%, black 100%);
   background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 93, 177, 0)), color-stop(42%, rgba(148, 54, 103, 0)), to(black));
   background: linear-gradient(to bottom, rgba(255, 93, 177, 0) 0%, rgba(148, 54, 103, 0) 42%, black 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#000000', GradientType=0 );
   opacity: .6; 
}
.work .text {padding: 0 20px 20px 20px;}
.work .text h3 {
   margin-bottom: 0; 
   font-size: 24px;
}
.work .text h3 a {
   color: #fff; 
   cursor: pointer;
}
.work .text h3 a:hover {
   border-bottom: 2px solid #DA4453; 
   padding-bottom: 4px;
}


.business{background-color: #323232;}
.business h2{color: #fff;}

.case{padding: 3rem;}
.case h3{
   display: block;
   border-left: 2px solid #DA4453;
   padding-left: 12px;
   margin-bottom: 16px;
   font-weight: 400;
}
.case h5{
   font-weight: 400;
}

.list-item{
   display: flex;
   margin: .4rem auto;
}
.list-item dt{
   width: 100px;
   padding-right: 1rem;
}


@media (max-width: 991px) {   
   .list-item{
       display: flex;
       flex-wrap: wrap;
   }
   .list-item dt{
       width: 100%;
   }
}
.case h6{
   font-size: 1.25rem;
   margin-top: 1rem;
   margin-bottom: .25rem;
   line-height: 2;
   font-weight: 500;
}
.case h6::after{
   content: '';
   display: block;
   border-bottom: 1px solid rgba(0, 0, 0, .25);
}