.hero-area{background-image:url(images/hero-area.webp);background-size:cover;height:100vh;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.hero-area h1{font-size:3.75rem;text-transform:capitalize;font-weight:700;margin-bottom:20px}@media (min-width:576px){.hero-area h1{font-size:5.625rem}}.hero-area .btn{padding:14px 50px;font-size:1rem;letter-spacing:1px}.hero-area .btn:focus,.hero-area .btn:hover{background-color:RGBA(25,135,84,var(--bs-bg-opacity,1));color:#fff}.about-block{padding:30px;border-bottom:2px solid transparent;transition:.5s all;margin-bottom:20px}.about-block:hover{border-bottom:2px solid RGBA(25,135,84,var(--bs-bg-opacity,1))!important}.about-block:hover .icon-box{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.about-block .icon-box{position:relative;width:160px;height:180px;background-color:transparent;margin:40px auto;font-size:50px;-webkit-transform:translateZ(0);transform:translateZ(0);transition-duration:.3s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.about-block .icon-box h4{color:#afbac4}.about-block .icon-box img{width:100%;height:auto}.tile{width:100%;aspect-ratio:1;margin-bottom:1.875rem;cursor:pointer}.tile .back{text-align:center;line-height:30px;font-size:19px;font-weight:500;border:1px solid #ae954b;background-color:#000;padding:.5rem;display:flex;align-items:center}.tile .back a{width:100%;text-decoration:none;color:#fff!important}.tile img{width:100%;height:100%}.tile>.back{word-wrap:break-word}#filter button{margin:0 3px 20px}#filter button.active{box-shadow:0 0 0 .2rem rgb(82 88 93 / 50%)}#filter button i{font-size:30px}.wall{display:grid;gap:5px;grid-template-columns:repeat(12,1fr);grid-auto-rows:100px;grid-auto-flow:dense}.brick>div{width:100%;height:100%;position:relative}.brick>div a{display:block;width:100%;height:100%;overflow:hidden}.brick>div a img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;cursor:pointer;transition:.5s ease-in-out}.brick>div:hover a img{transform:scale(1.1)}.hspan1{grid-column:span 1}.hspan2{grid-column:span 2}.hspan3{grid-column:span 3}.hspan4{grid-column:span 4}.vspan1{grid-row:span 1}.vspan2{grid-row:span 2}.vspan3{grid-row:span 3}.vspan4{grid-row:span 4}@media screen and (max-width:767px){.wall{grid-template-columns:repeat(3,1fr)}}.bg-tile1{background-image:url(images/bg-tile1.webp);background-size:auto;background-repeat:repeat}