.module-portfolio .logo__image > img{height:70px; width:100%;}
.portfolio-image {margin: 60px 0px 24px 0px;}
.portfolio-image img{max-height: 70px; width: auto; max-width: 100%;}
.portfolio__content .image__logo img{aspect-ratio: 3/2;  object-fit: contain;height: 70px;}
.portfolio__content_left-bottom .cta{border-radius: 0;line-height: normal;}
.portfolio__box-wrapper{padding:50px;}
a.portfolio__box-wrapper {display: flex !important;  margin-bottom: 0px !important;  justify-content: space-between;  flex-direction: column;  min-height: 480px;}
.portfolio .portfolio__content {width: calc(300% + 0px)!important; padding: 0px;}
.portfolio__content .title, .portfolio__content .image__logo {padding: 40px;width: 100%;}
.portfolio__content .external-url, .portfolio__content .social_wrapper{border-top: 1px solid rgba(26, 30, 34, 0.40);}
.portfolio__content .image__logo {height: calc(100% - 240px);  display: flex;  justify-content: center;  align-items: center;}
.social_wrapper .linkedIn-Icon,.portfolio__content-left{border-right: 1px solid rgba(26, 30, 34, 0.40);}
.social_wrapper.signle_social-wrapper .linkedIn-Icon{border-right: none;}
.portfolio__content-right {padding: 80px 40px 40px 40px;}
.portfolio__content-right a.btn-close {font-size: 2rem !important;  right: 40px !important;  top: 40px !important;  width: 40px;  height: 40px;  display: flex;  justify-content: center;  align-items: center;  transition: 0.3s all ease-in-out;}
.portfolio__content-right a.btn-close:hover{opacity:1;}
.portfolio__content-left .url-text{padding:17.5px 0px;}  
.social_wrapper a{height: 135px;  display: flex;  justify-content: center;  align-content: center;  align-items: center;  font-size: 40px;}
.portfolio .portfolio__wrapper:nth-child(3n+2) .portfolio__content {left: calc(-100% - 0px)!important;}
.portfolio .portfolio__wrapper:nth-child(3n) .portfolio__content {left: calc(-200% - 0px)!important;}
.portfolio__content {margin: 40px 0px !important;}
.portfolio-pagination {margin-top: 48px;}
.portfolio__row .portfolio__wrapper a.portfolio__box-wrapper{border: 1px solid rgba(26, 30, 34, 0.40);padding: 32px;}
/*.portfolio__row .portfolio__wrapper a.portfolio__box-wrapper{border-top:none;}*/
.portfolio__content-left{display: flex;justify-content: space-between;flex-direction: column;}
.portfolio__content-left .icon-arrowright.left{display:none;}
.portfolio__content-left .icon-arrowright.right{transform: rotate(-45deg);margin-top: -3px;}
.sort-option-list a:focus-visible, .filter-sub-list a:focus-visible{outline-offset: -9px;}
.portfolio__box-wrapper .bod__box {min-height: 150px;display: flex;align-items: flex-end;}

.portfolio__content-right a {text-decoration: underline;}

@media all and (max-width:991.98px){
a.portfolio__box-wrapper{ min-height: 427px;}
.portfolio__content-right a.btn-close {  font-size: 1.7rem !important;  right: 13px !important;  top: 15px !important;  width: 30px;  height: 30px;  }
.portfolio__content-right {  padding: 50px 20px 20px 20px;}
.portfolio__content .image__logo {height: calc(100% - 156px);}
.portfolio .portfolio__content{width: calc(200% + 0px) !important;}
.social_wrapper a {height: 80px;}
.portfolio__content .title, .portfolio__content .image__logo{padding: 25px;}
.portfolio .portfolio__wrapper:nth-child(3n+2) .portfolio__content,
.portfolio .portfolio__wrapper:nth-child(3n) .portfolio__content {left: 0px !important;}
.portfolio .portfolio__wrapper:nth-child(even) .portfolio__content {left: calc(-100% - 0px) !important;}
.portfolio__row .portfolio__wrapper:nth-child(even) a.portfolio__box-wrapper {border-left: none;}
.portfolio__row .portfolio__wrapper:nth-child(1) a.portfolio__box-wrapper, .portfolio__row .portfolio__wrapper:nth-child(2) a.portfolio__box-wrapper {border-top: 1px solid rgba(26, 30, 34, 0.40);}
.social_wrapper a{font-size: 25px;}
}

@media all and (max-width:767.98px){
.sort-portfolio {width: 250px;padding-right: 10px;}
.portfolio__content-right{position: initial;}
.portfolio__row .portfolio__wrapper:nth-child(1) a.portfolio__box-wrapper{border-top:1px solid rgba(26, 30, 34, 0.40);}
.portfolio__row .portfolio__wrapper:nth-child(even) a.portfolio__box-wrapper {border-left:  1px solid rgba(26, 30, 34, 0.40)!important;}
.portfolio .portfolio__content {width: calc(100% + 0px) !important;}
.portfolio .portfolio__wrapper:nth-child(even) .portfolio__content {left: 0px !important;}
.portfolio__content .social_wrapper {border-bottom: 1px solid rgba(26, 30, 34, 0.40);}
.portfolio__content-left {border-right: none;}
.portfolio__content .image__logo{padding-top: 60px;}
}


@media all and (min-width:991.98px){
.portfolio__row .portfolio__wrapper:nth-child(1) a.portfolio__box-wrapper,.portfolio__row .portfolio__wrapper:nth-child(2) a.portfolio__box-wrapper{border-top: 1px solid rgba(26, 30, 34, 0.40);}
.portfolio__row .portfolio__wrapper:nth-child(3) a.portfolio__box-wrapper{border-top: 1px solid rgba(26, 30, 34, 0.40);}
.portfolio__row .portfolio__wrapper:nth-child(3n + 2) a.portfolio__box-wrapper,.portfolio__row .portfolio__wrapper:nth-child(3n + 3) a.portfolio__box-wrapper {border-left: none;}
 }





/* filter css start*/

.sort-portfolio .sort-link a,
.filter-sub-list li a.list-option {width: 100%;  display: block;  padding: 12.5px 24px;}
.sort-portfolio .sort-link a.selected,
.list-option.selected,
.sort-portfolio .sort-link a:hover,
.filter-sub-list li a.list-option:hover{background: var(--sky); color: var(--space-grey);}

.filter-option-list-wrapper .list-item .icon.icon-chevronbig {
  transition: 0.3s all ease-in-out;
}

.filter-option-list-wrapper .list-item.active .icon.icon-chevronbig {
  transition: 0.3s all ease-in-out;
  transform: rotate(180deg);
}

.sort-option-selected, .filter-option-list-wrapper .filter-option-list .list-item-wrapper > a{border: 1px solid #9E9E9E;background: transparent;min-width: 180px; width:auto; margin-left:10px;border-radius: 30px;padding: 20px 28px;}
.sort-option-selected{margin-left: 0;margin-right: 10px;}
.filter-list-wrapper {padding: 0px 0 48px;}
.sort-option-selected:hover > span.text , a.list-option:hover > span.selected-text{color: var(--space-grey);}

.filter-option-list-wrapper .filter-option-list .list-item {position: relative;}

.sort-portfolio .sort-option-list,
.filter-option-list-wrapper .filter-option-list .filter-sub-list {position: absolute;width: 96%;overflow-y: auto;border-radius: 20px;background: rgba(255, 255, 255, 0.6);    animation-name: fadeInDown;-webkit-animation-name: fadeInDown;animation-duration: 0.35s;animation-fill-mode: both;-webkit-animation-duration: 0.35s;-webkit-animation-fill-mode: both;    backdrop-filter: blur(3rem);top: 64px;  border: 1px solid #9E9E9E;  right: 0px;display: none;}

.sort-portfolio.active .sort-option-list,
.filter-option-list-wrapper .list-item-wrapper.active .filter-sub-list {visibility: visible;display: block;opacity: 0;z-index: 10;animation-name: fadeInUp;-webkit-animation-name: fadeInUp;animation-duration: 0.4s;animation-fill-mode: both;-webkit-animation-duration: 0.4s;-webkit-animation-fill-mode: both;}
.sort-portfolio.active .sort-option-list{width: 95%;margin-right: 10px;}


@media all and (max-width:991.98px){
.sort-portfolio.select-menu a:hover{background: transparent;}
.sort-portfolio   .select-btn.button {border-radius: 30px;border: 1px solid #9E9E9E;min-width: 180px;width: auto;padding: 20px 28px;  }
.sort-portfolio.select-menu { margin: 0 10px 0 10px;}
.sort-portfolio .sort-option-list,
.filter-option-list-wrapper .filter-option-list .filter-sub-list {top: 50px;}
}

@media all and (max-width:767.98px){
.filter-option-list{max-width:250px;}
.filter-option-list-wrapper .list-item{margin-bottom: 15px;}

}
/* filter css end*/