.projects .top{align-items:center;display:flex;position:relative}.projects .top img{object-fit:cover;object-position:top;width:100%;height:100vh}.projects .top .text{text-align:left;color:#fff;z-index:2;width:40%;font-weight:900;position:absolute;bottom:10%;left:10%}.projects .top .text h3{font-size:40px;font-weight:900}.projects .top.no-image{background:linear-gradient(20deg,#1a9dd9 20%,#1459a2 80%);height:320px}.projects .top.no-image .text{bottom:auto}.projects .project-grid{background:#fff url(/mapalogobg.png) 100% 100%/50% no-repeat;padding:6% 10%}.projects .project-grid .row{margin-left:0;margin-right:0}.projects .project-grid .row:not(.filters){margin-left:-15px;margin-right:-15px}.projects .filters label{color:#212529;margin-bottom:6px;margin-left:4px;font-weight:700;display:block}.projects .filters>.col-md-4:first-child{padding-left:0!important;padding-right:15px!important}.projects .filters>.col-md-4:nth-child(2){padding-left:15px!important;padding-right:15px!important}.projects .filters>.col-md-4:nth-child(3){padding-left:15px!important;padding-right:0!important}.projects .filters .rs__control{min-height:38px;box-shadow:none;cursor:pointer;border-color:#ccc;border-radius:20px}.projects .filters .rs__control:hover{border-color:#b3b3b3}.projects .filters .rs__control--is-focused,.projects .filters .rs__control--is-focused:hover{border-color:#1a9dd9;box-shadow:0 0 0 1px #1a9dd9}.projects .filters .rs__menu{z-index:5}.projects .filters .rs__option--is-selected{background-color:#1459a2}.projects .filters .rs__option--is-focused{background-color:#1a9dd926}.projects .state-text{text-align:center;color:#6c757d;margin-top:40px}.projects .project-grid .item{cursor:pointer;border:1px solid #ededed;border-radius:10px;height:100%;transition:all .4s;overflow:hidden}.projects .project-grid .item:hover{box-shadow:0 .5rem 1rem #00000026!important}.projects .project-grid .item .image-frame{background:#eef2f7;height:174px;position:relative;overflow:hidden}.projects .project-grid .item img{object-fit:cover;width:100%;height:100%;display:block}.projects .project-grid h4{-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;height:48px;font-size:20px;font-weight:900;display:-webkit-box;overflow:hidden}.projects .project-grid .item span{color:#212529;font-size:1rem;font-weight:400;line-height:1.5}.projects .project-grid .btn-more{color:#fff;background-color:#343a40;border:0;border-radius:32px;padding:.5rem 1.5rem;font-size:1rem;font-weight:400;transition:all .3s}.projects .project-grid .btn-more:hover{color:#fff;background-color:#23272b}.custom-modal.modal{display:flex!important}.custom-modal .modal-dialog{margin:auto}.custom-modal .modal-dialog-centered{min-height:auto}.custom-modal .modal-dialog-centered:before{display:none}.custom-modal .modal-content{border-radius:20px;width:600px!important;min-width:600px!important;max-width:600px!important}.custom-modal img{border-radius:20px;width:100%}.custom-modal .modal-image-stage{background:#eef2f7;border-radius:20px;height:300px;position:relative;overflow:hidden}.custom-modal .modal-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.custom-modal .btn-close{opacity:1;color:currentColor;box-sizing:content-box;cursor:pointer;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3E%3C/svg%3E") 50%/.75rem no-repeat;border:0;border-radius:.357rem;margin:-.4rem -.7rem -.4rem auto;padding:.8rem;transition:all .23s .1s;position:relative;transform:translate(8px,-13px);box-shadow:0 1rem 3rem #0000002d!important}.custom-modal .project-details{margin-top:.5rem}@media (width<=1100px){.projects .top,.projects .top img{height:55vh}}@media (width<=768px){.projects .top .text{width:60%}.projects .top .text h3{font-size:2.5rem}.projects .filters>.col-md-4:first-child,.projects .filters>.col-md-4:nth-child(2),.projects .filters>.col-md-4:nth-child(3){padding-left:0!important;padding-right:0!important}.custom-modal .modal-content{width:auto!important;max-width:auto!important;min-width:auto!important;margin:.5rem!important}}