.wrapper-case-study {
    /* padding-bottom: 120px; */
    padding-inline: 64px;
    margin-bottom: 120px;
}
.wrapper-case-study .carousel-header{
    margin-bottom: 48px;
}
.case-study-desc {
    display: flex;
    width: 100%;
    margin-top: 32px;
}
.case-study-title {
  margin-bottom: 0;
}

.case-study-img img{
    max-width: 100%;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translateX(90%);
        transform: translateX(90%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translateX(90%);
        -ms-transform: translateX(90%);
        transform: translateX(90%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translateX(-140%);
        transform: translateX(-140%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translateX(-140%);
        -ms-transform: translateX(-140%);
        transform: translateX(-140%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.animationLTR {
    animation: fadeIn 0.8s both 0.3s, slideInRight 0.9s both 0.3s !important;
}

.animationRTL {
    animation: 0.8s both 0.3s, slideInLeft 0.9s both 0.3s !important;
}

.animationReset {
    animation: fadeOut 0.8s both;
}

.case-study-title{
   font-size: 24px;
   line-height: 32px;
}

.case-study-carousel .slick-dots {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    bottom: -48px;
}

.case-study-carousel .slick-dots li {
    width: 32px;
    height: 4px;
    margin-right: 8px;
    margin-left: 0;
    background-color: #000a3c;
    opacity: 0.5;
}

.case-study-carousel li.slick-active {
    opacity: 1;
}

.case-study-carousel .slick-dots li button {
    width: 100%;
    height: 100%;
    padding: 0;
}

.wrapper-case-study .slick-dotted.slick-slider{
  margin-bottom: 44px;
}

.wrapper-case-study > .coh-container:before,
.wrapper-case-study > .coh-container:after,
.wrapper-case-study .case-study-desc:before,
.wrapper-case-study .case-study-desc:after{
  content: unset;
}

.case-study-desc .secondary-btn > span:first-child{
  position: relative;
  left: 0;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 1025px){
  .case-study-desc .secondary-btn,
  .case-study-desc .wrapper-secondary-btn {
      margin-left: auto;
  }
  .case-study-desc .secondary-btn:hover svg {
    left: 0;
  }
  .case-study-desc .secondary-btn:hover > span:first-child{
    left: -10px;
  }
  .d-thumbnail {
    display: block !important;
  }
  .m-thumbnail {
    display: none !important;
  }
}
@media (max-width: 1024px){
  .wrapper-case-study{
    padding-inline: 32px;
    padding-bottom: 0;
    margin-bottom: 88px;
  }
  .case-study-title {
    font-size: 24px;
  }
  .case-study-desc {
    flex-direction: column;
    row-gap: 16px;
  }
  .d-thumbnail {
    display: none !important;
  }
  .m-thumbnail {
    display: block !important;
  }
}

@media (max-width: 767px){
  .wrapper-case-study{
    padding-inline: 16px;
  }
}