.sample-work-mdl{background:linear-gradient(180deg,#252d38,#666e81);padding-bottom:50px;padding-top:50px}.sample-work-mdl .sw-category ul{display:block;list-style:none;margin:0;padding:0}.sample-work-mdl .sw-category ul li{background:#fbffff;border:1px solid #f0f0f0;border-radius:4px;box-shadow:0 5px 20px 0 rgb(0 0 0/8%);cursor:pointer;font-size:20px;font-weight:500;margin-bottom:10px;padding:5px 15px;position:relative;transition:all .3s ease}.sample-work-mdl .sw-category ul li:hover{background-color:#ff5100;color:#fff}.sample-work-mdl .sw-category ul li.active{background-color:#ff5100;color:#fff;font-weight:700}.sample-work-mdl .switem{width:100%}.sample-work-mdl .sw-item{padding-left:10px;padding-right:10px}.sample-work-mdl .sw-item .sw-itemIn{background-color:#fff;border-bottom:10px solid #ff5100;border-radius:6px;box-shadow:5px 5px 20px 0 rgba(0,0,0,.2);margin-bottom:20px;text-align:center;transition:all .3s ease}.sample-work-mdl .sw-item .sw-link{display:block;padding:20px 10px 0;position:relative}.sample-work-mdl .sw-item .sw-item-img{align-items:center;display:flex;height:7vw;justify-content:center;margin-bottom:10px}.sample-work-mdl .sw-item .sw-item-img img{height:100%;object-fit:contain;width:100%}.sample-work-mdl .sw-item h6{align-items:center;display:flex;font-size:16px;justify-content:center;margin-bottom:0;min-height:52px;text-align:center;width:100%}.sample-work-mdl .switem.residential h6{display:block}.sample-work-mdl .viewallbtn-wrap{clear:both;margin-bottom:40px;padding-left:10px;padding-right:10px;text-align:center;width:100%}.sample-work-mdl .viewallbtn-wrap .viewallbtn{background-color:transparent;border:2px solid #fff;border-radius:50px;color:#fff;display:inline-block;font-size:14px;font-weight:700;letter-spacing:1px;line-height:1.5em;outline:none;padding:8px 20px;text-transform:uppercase;transition:all .5s ease}.sample-work-mdl .viewallbtn-wrap .viewallbtn:hover{background-color:#fff;color:#000;outline:none}.sample-work-mdl .sw-item .overlay{background-color:rgba(0,0,0,.8);height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:center;width:100%}.sample-work-mdl .sw-item .overlay,.sample-work-mdl .sw-item .overlay i{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;transition:transform .5s ease}.sample-work-mdl .sw-item .overlay i{background:linear-gradient(180deg,#252d38,#666e81);border-radius:50%;color:#fff;font-size:30px;height:70px;transform:scale(1);transform-origin:center;width:70px}.sample-work-mdl .sw-item .sw-link:hover .overlay{transform:scale(1)}.sample-work-mdl .sw-item .overlay i:hover{transform:scale(1.1)}@media (max-width:767px) and (min-width:480px){.sample-work-mdl .sw-category ul li:nth-child(3n){margin-right:0}}@media (max-width:767px){.sample-work-mdl .sample-work-wrap,.sample-work-mdl .sw-filter{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.sample-work-mdl .sw-category ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:20px}.sample-work-mdl .sw-category ul li{margin-right:2%;width:32%}}@media (max-width:479px){.sample-work-mdl .sw-category ul li{font-size:17px;padding-left:10px;padding-right:10px;width:49%}.sample-work-mdl .sw-category ul li:nth-child(2n){margin-right:0}.sample-work-mdl .sw-item{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.sample-work-mdl .sw-item .sw-link{padding-top:10px}.sample-work-mdl .sw-item .sw-item-img{height:20vw}.sample-work-mdl .switem.residential h6{min-height:82px}.sample-work-mdl .switem.healthcare h6,.sample-work-mdl .switem.passivehouse h6{min-height:65px}}