body{
    font-family: Arial, sans-serif;
    background:#f4f4f4;
    text-align:center;
    margin:0;
}


/* ===== HEADER ===== */

.header{
    position:relative;
    padding-top:40px;
}

.title{
    font-size:42px;
}


/* ===== WATERMARK LOGO ===== */

.logo-watermark{
  position:fixed;          /* stays centered even while scrolling */
  top:50%;
  left:50%;

  transform:translate(-50%, -50%);

  width:220px;             /* adjust size if needed */
  opacity:0.06;            /* watermark effect */

  pointer-events:none;     /* prevents blocking clicks */
  z-index:-1;              /* stays behind text */
}
@media (max-width:768px){
  .logo-watermark{
    width:140px;
  }
}
/* ===== CONTACT SECTION ===== */

.contact-container{
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap:25px;
    max-width:900px;
    margin:40px auto;
    padding:0 20px;
}

/* ===== CONTACT CARD (BLOCK STYLE) ===== */

.contact-card{
    display:block;
    width:100%;
    padding:25px;
    border-radius:12px;
    text-decoration:none;
    color:#333;
    background:white;
    box-shadow:0 5px 15px rgba(0,0,0,0.15);
    transition:0.3s;
}

.contact-card:hover{
    transform:translateY(-6px);
    box-shadow:0 10px 25px rgba(0,0,0,0.25);
}


/* ===== TEXT ===== */

.contact-card h2{
    margin-bottom:8px;
}

.contact-card p{
    font-size:16px;
}

/* ===== GRID LAYOUT ===== */

.contact-container{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:25px;
    max-width:900px;
    margin:40px auto;
    padding:0 20px;
}


/* ===== CONTACT CARD ===== */

.contact-card{
    display:block;
    width:100%;
    padding:22px;
    border-radius:12px;
    text-decoration:none;
    color:#333;
    background:white;
    box-shadow:0 5px 15px rgba(0,0,0,0.15);
    transition:0.3s;
}

.contact-card:hover{
    transform:translateY(-6px);
    box-shadow:0 10px 25px rgba(0,0,0,0.25);
}


/* ===== ICON + TEXT ALIGNMENT ===== */

.contact-content{
    display:flex;
    align-items:center;
    gap:18px;
}


/* ===== ICON STYLE ===== */

.contact-icon{
    width:38px;
    height:38px;
}


/* ===== TEXT ===== */

.contact-card h2{
    margin:0;
    font-size:20px;
}

.contact-card p{
    margin:3px 0 0;
    font-size:15px;
    color:#555;
}

/* ===== BACK BUTTON ===== */

.back-btn{
    display:inline-block;
    margin-top:40px;
    padding:12px 25px;
    background:#2b7cff;
    color:white;
    text-decoration:none;
    border-radius:8px;
    transition:0.3s;
}

.back-btn:hover{
    background:#1a5fd1;
    transform:translateY(-3px);
}