body{
font-family:Arial;
margin:0;
padding:0;
background:#fff;
color:#222;
}
.about p{
  text-align:justify;
  line-height:1.7;
  margin-bottom:15px;
}
/* HEADER */
header{
background:#0b3d91;   /* Navy Blue */
padding:15px;
}

.logo{
color:#ffffff;
font-size:22px;
font-weight:700;
letter-spacing:0.5px;
}

nav a{
color:#ffffff;
margin-left:15px;
text-decoration:none;
font-weight:600;
}

nav a:hover{
opacity:0.85;
}

.header-flex{
display:flex;
justify-content:space-between;
align-items:center;
}

/* HERO */
.hero{
text-align:center;
padding:80px 20px;
background:#e6f0ff;  /* Light Blue */
}

/* BUTTON */
.btn{
display:inline-block;
background:#0b3d91;
color:#fff;
padding:10px 20px;
margin-top:20px;
text-decoration:none;
border-radius:5px;
}

/* CONTAINER */
.container{
padding:40px 20px;
max-width:1000px;
margin:auto;
}

.card{
background:#f5f8ff;
padding:20px;
margin:10px 0;
border-radius:8px;
}

/* FOOTER */
footer{
background:#0a1f44;
color:#fff;
text-align:center;
padding:15px;
}
.footer-links a{
color:#ffffff !important;
text-decoration:none;
}
/* FORM */
input, textarea{
width:100%;
padding:10px;
margin:10px 0;
border:1px solid #ddd;
border-radius:5px;
}

button{
background:#0b3d91;
color:#fff;
padding:10px;
border:none;
border-radius:5px;
cursor:pointer;
}

/* SECTION TITLE */
.latest-section h2{
  text-align:center;
  color:#0b3d91;
  margin-bottom:30px;
  font-size:28px;
  font-weight:700;
  letter-spacing:0.5px;
}

/* Card */
.latest-box{
  display:flex;
  align-items:flex-start;
  gap:18px;
  background:linear-gradient(145deg,#ffffff,#f0f5ff);
  padding:18px;
  border-radius:16px;
  margin-bottom:22px;
  border:1px solid #d6e4ff;
  transition:all .3s ease;
}

.latest-box:hover{
  transform:translateY(-4px);
  box-shadow:0 8px 25px rgba(11,61,145,0.15);
}

/* Image */
.img-area{ 
  position:relative;
}

.img-area img{
  width:200px;
  height:260px;
  border-radius:14px;
  object-fit:cover;
  transition:.3s;
}

.img-area img:hover{
  transform:scale(1.03);
}

/* Content */
.info-area h3{
  font-size:22px;
  color:#0b3d91;
  margin-bottom:10px;
  font-weight:700;
  border-left:4px solid #0b3d91;
  padding-left:10px;
}

/* Description Box */
.desc{
  background:rgba(11,61,145,0.07);
  padding:12px 14px;
  border-radius:10px;
  margin-bottom:12px;
  font-size:15.5px;
  line-height:24px;
  color:#444;
}

/* Details Line */
.details{
  font-size:14.5px;
  line-height:24px;
  margin-bottom:15px;
  color:#333;
}

/* Buttons */
.call-btns a{
  padding:10px 20px;
  margin-right:10px;
  border-radius:30px;
  font-weight:600;
  color:#fff;
  text-decoration:none;
  font-size:14px;
  display:inline-block;
  transition:.3s;
}

.call{
  background:linear-gradient(45deg,#0b3d91,#082c6c);
}

.whatsapp{
  background:linear-gradient(45deg,#1a5fd0,#0b3d91);
}

.call-btns a:hover{
  transform:scale(1.05);
  opacity:0.95;
}

/* Mobile */
@media(max-width:600px){
  .latest-box{
    display:block;
    text-align:center;
    padding:15px;
  }

  .img-area img{
    width:100%;
    max-width:320px;
    height:auto;
    margin:auto;
  }

  .info-area{
    margin-top:15px;
  }

  .info-area h3{
    border-left:none;
    padding-left:0;
    text-align:center;
  }

  .call-btns{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
  }

  .call-btns a{
    margin-bottom:10px;
  }
}
/* tag -----------section */
.service-tags{
  text-align:center;
  padding:40px 20px;
  background:#f5f8ff;
  border-top:1px solid #d6e4ff;
}

.tags-title{
  font-size:24px;
  color:#0b3d91;
  margin-bottom:25px;
  font-weight:700;
}

.tags-list{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
}

.tags-list a{
  background:#e6f0ff;
  color:#0b3d91;
  padding:8px 14px;
  border-radius:25px;
  font-size:14px;
  text-decoration:none;
  font-weight:600;
  border:1px solid #cfe0ff;
  transition:all .3s ease;
}

.tags-list a:hover{
  background:#0b3d91;
  color:#fff;
  transform:translateY(-2px);
}
/* service area section -----------section */
/* SERVICE AREA SECTION */
.service-area{
  padding:50px 20px;
  background:#f5f8ff;
  text-align:center;
}

.service-area h2{
  font-size:28px;
  color:#0b3d91;
  margin-bottom:30px;
  font-weight:700;
}

/* GRID */
.location-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
  gap:15px;
  max-width:1000px;
  margin:auto;
}

/* LOCATION BOX */
.location-box{
  display:block;
  background:#ffffff;
  border:1px solid #d6e4ff;
  padding:12px 10px;
  border-radius:10px;
  text-decoration:none;
  color:#0b3d91;
  font-weight:600;
  font-size:15px;
  transition:all .3s ease;
}

/* HOVER */
.location-box:hover{
  background:#0b3d91;
  color:#ffffff;
  transform:translateY(-3px);
  box-shadow:0 6px 18px rgba(11,61,145,0.2);
}

/* MOBILE */
@media(max-width:600px){
  .location-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .location-box{
    font-size:14px;
    padding:10px;
  }
}
/* 18+ pop pup BOX */
/* 18+ Popup Background */
.age-popup{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.85);
display:flex;
justify-content:center;
align-items:center;
z-index:9999;
}

/* Popup Box */
.age-box{
background:#fff;
padding:30px;
max-width:420px;
text-align:center;
border-radius:8px;
}

/* Heading */
.age-box h2{
color:#0d6efd;   /* Blue */
margin-bottom:10px;
}

/* Buttons */
.age-btn{
display:inline-block;
padding:10px 18px;
margin:10px;
border:none;
border-radius:5px;
cursor:pointer;
font-size:15px;
}

/* Accept Button */
.age-yes{
background:#0d6efd;   /* Blue */
color:#fff;
}

/* Exit Button */
.age-no{
background:#6c757d;
color:#fff;
}
.age-popup{
display:none;
}
/* copypaste rule code */
body {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
img{
pointer-events:none;
}