/* BANNER */
.page-banner{
  width:100%;
  padding:70px 0;
  background:#2f86f6;
  text-align:center;
  color:#fff;
}

.page-banner h1{
  font-size:52px;
  font-weight:800;
  margin-bottom:18px;
}

.page-banner p{
  font-size:15px;
}

.page-banner p a{
  color:#fff;
  text-decoration:none;
}

.page-banner span{
  margin:0 8px;
}

/* GALLERY */
.gallery-section{
  width:100%;
  padding:80px 0;
  background:#f8fbff;
}

.gallery-title{
  text-align:center;
  margin-bottom:45px;
}

.gallery-title span{
  color:#0a6ef5;
  font-size:13px;
  font-weight:600;
  letter-spacing:3px;
}

.gallery-title h2{
  color:#061b33;
  font-size:38px;
  font-weight:800;
  margin-top:10px;
}

.gallery-container{
  width:90%;
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}

.gallery-item{
  position:relative;
  overflow:hidden;
  border-radius:14px;
  display:block;
}

.gallery-item img{
  width:100%;
  height:280px;
  object-fit:cover;
  border-radius:14px;
  transition:.4s ease;
}

.gallery-overlay{
  position:absolute;
  inset:0;
  background:rgba(10,110,245,0.55);
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0;
  transition:.4s ease;
}

.gallery-overlay i{
  width:60px;
  height:60px;
  background:#fff;
  color:#0a6ef5;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
}

.gallery-item:hover img{
  transform:scale(1.08);
}

.gallery-item:hover .gallery-overlay{
  opacity:1;
}

/* RESPONSIVE */
@media(max-width:991px){
  .gallery-container{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:576px){
  .page-banner{
    padding:55px 0;
  }

  .page-banner h1{
    font-size:38px;
  }

  .gallery-section{
    padding:60px 0;
  }

  .gallery-title h2{
    font-size:30px;
  }

  .gallery-container{
    grid-template-columns:1fr;
  }

  .gallery-item img{
    height:240px;
  }
}

/* Gallery fixed */
.gallery-grid,.gallery-container{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1180px;margin:0 auto;}
.gallery-card,.gallery-item{display:block;overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 12px 35px rgba(10,110,245,.10);border:1px solid #e4eef8;}
.gallery-card img,.gallery-item img{width:100%;height:250px;object-fit:cover;display:block;transition:.4s ease;}
.gallery-card:hover img,.gallery-item:hover img{transform:scale(1.06);}
@media(max-width:991px){.gallery-grid,.gallery-container{grid-template-columns:repeat(2,1fr);}}
@media(max-width:576px){.gallery-grid,.gallery-container{grid-template-columns:1fr;}.gallery-card img,.gallery-item img{height:220px;}}