.project-title .headingAfter {

  background: #000;

  width: 30px;

  height: 1px;

  /* margin-top: 15px; */

  margin: auto 10px auto 0;

}
.project-title h6 {
  align-self: center;
  margin-left: 3%;
  text-transform: uppercase;
  letter-spacing: .02em;
}

.completed-projects_right .project-title .headingAfter {

    margin: auto 0px auto 10px;

}

.completed-projects {

  box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.07);

  padding: 30px 30px 56px;

}

.project-title {

    margin-bottom: 15px;

}

.project-title img {

  height: 39px;

  position: absolute;

  left: -30px;

  filter: grayscale(100);

}

.completed-projects_right .project-title img {

  right: -30px;

left: unset;

}

.project-title h3 {

    margin-bottom: 0px;

    font-family: 'ProximaNovaBold';

    font-size: 20px;

}

.project-title span {

    top: -8px;

    position: relative;

    font-size: 13px;

    font-style: italic;

}

.intro-para p {

    text-align: center;

    margin: 0px auto 40px;

    width: 60%;

}

.mt-70 {

    margin-top: 70px;

}

.full_img img {

    width: 100%;

    box-shadow: 4px 7px 20px 0px rgba(0, 0, 0, 0.25);

    height: 100%;

    object-fit: cover;

}

.full_img a {

  height: 100%;

}

.thumb_img img {

    width: 95%;

    /* margin: auto 0 9% auto; */

    /* height: 168px; */

    display: block;

    object-fit: cover;

}

.completed-projects_right .thumb_img img {

    width: 95%;

    /* margin: auto auto 9% 0; */

}

.mb-40 {

    margin-bottom: 40px;

}

.mt-20 {

    margin-top: 20px;

}

.mfp-with-zoom.mfp-ready.mfp-bg {

    opacity: 0.97;

  }

  .mfp-arrow-left {

    background: url(../images/CP/left-arrow.png) !important;

    background-size: 45% !important;

    background-repeat: no-repeat !important;

    background-position: center !important;

  }

  .mfp-arrow-right {

    background: url(../images/CP/right-arrow.png) !important;

    background-size: 45% !important;

    background-repeat: no-repeat !important;

    background-position: center !important;

  }

  .mfp-arrow-right::before, .mfp-arrow-right::after {

    border-color: transparent !important;

}



.mfp-arrow-left::before, .mfp-arrow-left::after {

border-color: transparent !important;

}

.banner-title {

    position: relative;

    display: flex;

    margin-top: 50%;

  }

  .visibility_cl {

      visibility: hidden;

  }



@media (max-width: 600px) {

    .thumb_img {

        padding: 0px;

        margin-top: 30px;

    }

    .thumb_img img {

        width: 100%;

        margin: auto auto 9% auto;

        height: auto;

        display: block;

    }

    .completed-projects_right .full_img {

        order: 1;

    }

    .completed-projects_right .thumb_img {

        order: 2;

    }

    .completed-projects_right .thumb_img img {

        width: 100%;

        margin: auto auto 9% auto;

    }

    .intro-para p {

        font-size: 14px;

    }

    .mt-70 {

        margin-top: 45px;

      }

      #h2cont {

        font-size: 20px;

      }

      .p-tb20 {

        padding-bottom: 20px;

        padding-top: 5px;

      }

      .wt-breadcrumb {

          padding-left: 0px;

      }

      .visibility_cl {

        visibility: hidden;

        display: none;

    }

    .banner-title {

      margin-top: 33% !important;

    }

    .completed-projects_right .project-title img {

      right: unset;

      left: -30px;

    }
    .project-title h6 {
      font-size: 13px;
      margin-left: 15%;
    }

}

@media screen and (min-width: 600px) and (max-width: 992px) {

    .thumb_img img {

        width: 95%;

        margin: auto 0 9% auto;

        height: 95px;

    }

}

@media screen and (min-width: 992px) and (max-width: 1199px) {

    .thumb_img img {

        width: 95%;

        height: 131px;

    }

}

@media (max-width: 992px) {

  .intro-para p {

    width: 80%;

  }

}



/* .full_img-list a {

    width: 100%;

    border: 2px solid black;

    background: white;

    color: black;

    display: block;

    transition: 0.25s ease;

  }

  .full_img-list a:hover {

    transform: translate(-30px, -30px);

    border-color: #5bc0eb;

  }

 



  .card-container .card a .card--hover {

    display: none;

  }



  .full_img-list .card--border {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    border: 2px dashed black;

    z-index: -1;

  } */

  



  .full_img a {

    align-items: center;

    border: 1px solid #eee;

    display: flex;

    justify-content: center;

    position: relative;

    z-index: 1000;

  }

  .full_img a img {

    object-fit: cover;

  }

  .full_img a::before, .full_img a::after {

    background-image: linear-gradient(170deg, #F39158 0%, #E43E3D 50%, #D7084E 75%);

    content: "";

    height: 100%;

    position: absolute;

    transition: all 0.2s;

    transition-delay: 0.2s;

    transform: translateY(0px) translateX(0px);

    width: 100%;

    z-index: -1;

  }

  .full_img a::after {

    background-image: linear-gradient(0deg, #FFCF70 0%, #FFAE3D 97%);

  }

  .full_img a:hover {

    animation-name: hoverPop;

    animation-duration: 0.4s;

    animation-fill-direction: forward;

  }

  .full_img a:hover img {

    box-shadow: 2px 2px 4px 0px rgba(10, 12, 15, 0.27);

    box-shadow: 0px 0px 30px 0px rgba(10, 12, 15, 0.27);

  }

  .full_img a:hover::before {

    animation: slick-hover-2 3s 0.4s linear infinite;

    transform: translateY(-5px) translateX(-5px);

  }

  .full_img a:hover::after {

    animation: slick-hover 3s 0.4s linear infinite reverse;

    transform: translateY(5px) translateX(5px);

  }





  

  

  @keyframes slick-hover {

    0.00% {

      transform: translateY(5px) translateX(5px);

    }

    16.67% {

      transform: translateY(-6px) translateX(-9px);

    }

    33.33% {

      transform: translateY(4px) translateX(12px);

    }

    50.00% {

      transform: translateY(5px) translateX(-5px);

    }

    66.67% {

      transform: translateY(-3px) translateX(8px);

    }

    83.33% {

      transform: translateY(-7px) translateX(-5px);

    }

    100.00% {

      transform: translateY(5px) translateX(5px);

    }

  }

  @keyframes slick-hover-2 {

    0.00% {

      transform: translateY(-5px) translateX(-5px);

    }

    16.67% {

      transform: translateY(3px) translateX(-5px);

    }

    33.33% {

      transform: translateY(9px) translateX(-5px);

    }

    50.00% {

      transform: translateY(-5px) translateX(5px);

    }

    66.67% {

      transform: translateY(7px) translateX(-4px);

    }

    83.33% {

      transform: translateY(-1px) translateX(7px);

    }

    100.00% {

      transform: translateY(-5px) translateX(-5px);

    }

  }