.tabbing-with-slider{padding:100px 0px 55px;}
.tabbing-with-slider .heading{text-align:center;}
.tabbing-with-slider .heading h2{font-size: 52px;margin-bottom: 25px;}

.tabbing-with-slider .filters {
  margin-top:25px;
  display: flex;
  justify-content: center;flex-wrap: wrap;}

.tabbing-with-slider .filters .filter:first-child{margin-left:0;}
.tabbing-with-slider .filters .filter{background-color: #F4F3F2;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
  color: #898989;
  padding: 12px 26px;margin-left: 24px;cursor: pointer;margin-top: 20px;}

.tabbing-with-slider .filters .filter.active{color:#ffffff;background-color: #000000;}

.tabbing-with-slider .projects{margin:60px auto 0;max-width:996px;}
.tabbing-with-slider .projects .project{margin:0px 35px;padding:45px 0px;}

.tabbing-with-slider .projects .project .main-box{
  /* border: 1.5px solid #0F0F14; */
  box-shadow: 4px 4px 32px 3px #F1F1F1;
  padding:16px;
  display:flex;
  align-items:center;
  /*   justify-content: space-between; */
  border-radius:16px;
  /*       max-width: max-content; */
}

.tabbing-with-slider .projects .project .main-box .img-box{line-height:0;}
.tabbing-with-slider .projects .project .main-box .img-box img{border-radius:16px;max-width: 419px;
  min-height: 420px;
  max-height: 420px;
  object-fit: cover;
      width: 100%;
}

.tabbing-with-slider .projects .project .main-box .text-box{max-width: max-content;padding:  0px 50px;}
.tabbing-with-slider .projects .project .main-box .text-box h6{font-size:12px;font-weight:600;max-width: max-content;
  display: inline-block;
  margin-right: 7px;color:#FFFFFF;margin-bottom:14px;padding:4px 8px;
  background:#4676FB;border-radius:4px;}
.tabbing-with-slider .projects .project .main-box .text-box h6 a { color:#fff;  text-decoration: none; }
.tabbing-with-slider .projects .project .main-box .text-box h4{font-size: 28px;max-width: 430px;font-weight: 600;color: #0F0F14;margin-bottom: 16px;}
.tabbing-with-slider .projects .project .main-box .text-box h4 a {color: #0F0F14; text-decoration: none;  }
.tabbing-with-slider .projects .project .main-box .text-box p{font-size:16px;max-width: 350px;}
.tabbing-with-slider .projects .project .main-box .text-box .user-profile{display:flex;margin-top:38px;}
.tabbing-with-slider .projects .project .main-box .text-box .user-profile .profile{margin-right:20px;}
.tabbing-with-slider .projects .project .main-box .text-box .user-profile .profile img{width: 64px;
  height: 64px;
  overflow: hidden;
  border-radius: 100px;}
.tabbing-with-slider .projects .project .main-box .text-box .user-profile .name-date h5{font-size:18px;font-weight:600;color:#0F0F14;}
.tabbing-with-slider .projects .project .main-box .text-box .user-profile .name-date h5 a {color:#0F0F14; text-decoration: none; }
/* .tabbing-with-slider .projects .project .main-box .text-box .user-profile .name-date {display:flex;} */
.tabbing-with-slider .projects .project .main-box .text-box .user-profile .name-date .date {display:flex;align-items:center;margin-top;10px;}
.tabbing-with-slider .projects .project .main-box .text-box .user-profile .name-date .date img:first-child{margin-left:0;}
.tabbing-with-slider .projects .project .main-box .text-box .user-profile .name-date .date img{max-width:18px;margin-left: 8px;margin-right: 8px;}
.tabbing-with-slider .projects .project .main-box .text-box .user-profile .name-date .date p{font-size:14px;margin: 0;}
.tabbing-with-slider .slick-prev{left: -8px;top: 44%;z-index: 99;}
.tabbing-with-slider .slick-next{right: 65px;top: 44%;z-index: 99;}

.tabbing-with-slider .slick-list{overflow: visible;}
.tabbing-with-slider .slick-prev::before,
.tabbing-with-slider .slick-next::before{
  content:'';
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 72px;
  width: 72px;
  position: absolute;
  opacity: 1;

}
.tabbing-with-slider .slick-initialized .slick-slide {
  display: flex;  height: auto;
}
.tabbing-with-slider .slick-track {
  display: flex;
}

.show { 
  animation: show .3s ease 0s 1 normal forwards;    
  transform-origin: center;
}

@keyframes hide {
  0%{
    transform: scale(0);        
  }
  100% {
    transform: scale(0);        
    width: 0;
    height: 0;
    margin: 0;
  }
}
/* @keyframes show {
0%{
transform: scale(1);     
width: 0;
height: 0;
margin: 0;   
}
100% {
transform: scale(1);    
}
} */

@media(min-width:768px) and (max-width:991.98px){
  .tabbing-with-slider .projects .project .main-box .img-box img{max-width:100%;}
}
@media(max-width:991.98px){
  .tabbing-with-slider .projects .project .main-box{display:block;width:100%;padding: 16px 16px 40px;}
  .tabbing-with-slider .projects .project .main-box .img-box img{margin: 0 auto;}
  .tabbing-with-slider .projects .project .main-box .text-box{margin-top:20px;}
}

@media(max-width:767.98px){
.tabbing-with-slider .slick-prev,
  .tabbing-with-slider .slick-next{top:48%;}
  .tabbing-with-slider .slick-prev{left:-5px;}
  .tabbing-with-slider .slick-next{right: 45px;}
  .tabbing-with-slider .projects .project .main-box .text-box .user-profile .name-date .date p {font-size: 13px;}
  .tabbing-with-slider .slick-prev::before, .tabbing-with-slider .slick-next::before{height:50px;width:50px;}
.tabbing-with-slider .filters .filter {padding: 10px 20px;margin-left: 20px;}
  .tabbing-with-slider .projects {margin: 30px auto 0;}
  .tabbing-with-slider .projects .project .main-box .text-box{padding:0;}
  .tabbing-with-slider .projects .project .main-box .img-box img {min-height: inherit;
    max-height: inherit;height: 250px;}
}
@media(max-width:575.98px){
.tabbing-with-slider .filters .filter {font-size:12px;padding: 10px 16px;}
  .tabbing-with-slider .projects .project {
    margin: 0px 30px;}
  .tabbing-with-slider .slick-prev, .tabbing-with-slider .slick-next{top:45%;}
}

@media(max-width:425.98px){
.tabbing-with-slider .projects .project .main-box .text-box h4 {font-size: 22px;}
  .tabbing-with-slider .projects {margin: 0px auto 0;}
  .tabbing-with-slider .projects .project .main-box .text-box .user-profile{display:block;text-align:center;}
  .tabbing-with-slider .projects .project .main-box .text-box .user-profile .profile img{margin:0 auto 20px;}
  .tabbing-with-slider .projects .project .main-box .text-box .user-profile .name-date .date {justify-content: center;}
.tabbing-with-slider .slick-prev {left: -20px;}
  .tabbing-with-slider .slick-next {right: 31px;}
  .tabbing-with-slider .filters .filter {font-size: 11px;padding: 8px 10px 6px;margin-left: 10px;}
  .tabbing-with-slider .projects .project .main-box .text-box .user-profile .name-date .date p {font-size: 11px;}
/* .tabbing-with-slider .projects .project .main-box .img-box img {
    min-height: 250px;
    max-height: 250px;
} */
  .tabbing-with-slider .projects .project .main-box .text-box .user-profile .profile{margin-right:0;}
}