#projects-featherlight > a{display:block;box-shadow:0 2px 13px 0 rgba(0,0,0,0.17);background-color:#ffffff;border-radius:16px;overflow:hidden; margin-bottom:20px;}
#projects-featherlight > a:nth-of-type(4n){margin-right:0px;}
#projects-featherlight > a .image{background-position:center center;background-repeat:no-repeat;background-size:cover;background-color:#ecebe9;height:225px;border-radius:16px 16px 0px 0px;position:relative;}
#projects-featherlight > a .image::before{transition:all 0.25s ease-in-out;position:absolute;top:0px;right:0px;bottom:0px;left:0px;content:'';background-color:#ffffff;z-index:0;pointer-events:none;opacity:0;}
#projects-featherlight > a .text{background-color:#ffffff;padding:16px 24px 36px 24px;transition:all 0.25s ease-in-out;}
#projects-featherlight > a .text .title{display:flex; justify-content:space-between;    align-items: flex-start; }
#projects-featherlight > a .text .title .unit{display: flex;gap:2px;}
#projects-featherlight > a .text .title  .unit .unit-item{ font-size: 9px;border:1px solid #888888;padding:2px;color:#888888;line-height: normal;}
#projects-featherlight > a:hover .image::before{opacity:0.6;}
#projects-featherlight > a:hover .text .title .highlight.black {color:#bd4900;}
.featherlight .featherlight-project-content img.featherlight-inner{display: none !important;}
.featherlight .featherlight-project-content{max-width:1640px!important;margin:0px auto!important;width:100%!important;padding:0px 60px!important;}
.featherlight .featherlight-project-content .featherlight-project-block{background-color:#ffffff;width:calc((((100% - (11 * 40px))/12) * 10) + ((10 - 1) * 40px));margin:0px auto;overflow:hidden;position:relative;padding:60px calc((((100% - (9 * 40px))/10) * 1) + ((1 - 1) * 40px));display: flex;justify-content:space-between; }
.featherlight .featherlight-project-content .featherlight-project-block .project-image{width: calc((((100% - (11 * 20px))/12) * 4) + ((4 - 1) * 20px));}
.featherlight .featherlight-project-content .featherlight-project-block .text{width: calc((((100% - (11 * 20px))/12) * 8) + ((8 - 1) * 20px));}
.featherlight .featherlight-project-content .featherlight-project-block button.featherlight-close-icon.featherlight-close{position:absolute;top:0px;right:0px;}
.featherlight .featherlight-project-content .featherlight-project-block .highlight-small{margin-bottom:16px;}
.featherlight .featherlight-project-content .featherlight-project-block  p{font-size: 14px;line-height:1.36;}
.featherlight .featherlight-project-content > span{top:0px!important;width:calc((((100% - (11 * 40px))/12) * 1) + ((1 - 1) * 40px))!important;}
.featherlight .featherlight-project-content > span:hover{background:rgba(255,255,255,0)!important;}
.featherlight .featherlight-project-content > span:hover > span{color:#bd4900!important;}
.featherlight .featherlight-project-content > span > span{font-size:24px!important;color:#888888!important;display:block;text-shadow:none!important;width:initial!important;left:initial!important;right:initial!important;width:100%!important;}
.featherlight .featherlight-project-content .featherlight-previous{left:60px!important;right:initial!important;}
.featherlight .featherlight-project-content .featherlight-previous > span{text-align:right;}
.featherlight .featherlight-project-content .featherlight-next{right:60px!important;left:initial!important;}
.featherlight .featherlight-project-content .featherlight-next > span{text-align:left;}

@media screen and (max-width:768px){
  .featherlight .featherlight-project-content .featherlight-project-block{width:calc(100% - 80px);flex-wrap: wrap;gap:5px;}
  .featherlight .featherlight-project-content .featherlight-project-block .project-image{width:100%;max-width:300px; margin:0 auto;}
  .featherlight .featherlight-project-content .featherlight-project-block .text{width:100%;}
  .featherlight .featherlight-project-content .featherlight-project-block  p{font-size: 12px;  line-height: normal;}
	.featherlight .featherlight-project-content{padding:0px!important;}
  .featherlight .featherlight-project-content img{margin: unset;}
	.featherlight .featherlight-project-content > span{width:40px!important;}
	.featherlight .featherlight-project-content > span > span{text-align:center!important;}
	.featherlight .featherlight-project-content .featherlight-previous{left:0px!important;}
	.featherlight .featherlight-project-content .featherlight-next{right:0px!important;}

}
@media screen and (max-width:576px){
  #projects-featherlight > a{border-radius: 8px;}
  #projects-featherlight > a .image{display: none;}
  #projects-featherlight > a .text{padding: 16px 24px;}
	.featherlight .featherlight-project-content .featherlight-project-block{padding:40px 20px;margin:25px auto;}
}