
    .menu-toggle {
    display: none;
    }

    /* MOBILE NAV FIX */
    @media (max-width: 768px) {
    
        .admin-btn
        {
            display: none;
        }
       
      .menu-toggle {
        display: block;
        font-size: 22px;
        background: none;
        border: none;
        cursor: pointer;
      }
    
         .nav-links {
            position: fixed;
            top: 0;
            right: -100%;
            width: 61%;
            height: 100vh;
            background: #0a2439fc;
            display: flex;
            flex-direction: column;
            padding-top: 40px;
            transition: 0.3s ease;
            z-index: 999;
        }
    
      .nav-links.active {
        right: 0;
      }
    
      .nav-links a {
        color: #fff;
        padding: 14px 20px;
        border-bottom: 1px solid rgba(255,255,255,0.1);
      }
    
      .menu-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.4);
        display: none;
        z-index: 998;
      }
    
      .menu-overlay.active {
        display: block;
      }
    }

    /*-----------------*/
    .enquiry-btn1{
        position:relative;
        overflow:hidden;
        animation:blinkPulse 1.5s infinite;
    }
    
    /* BLINK EFFECT */
    
    @keyframes blinkPulse{
    
        0%{
            transform:scale(1);
            box-shadow:0 0 0 rgba(37,99,235,0.4);
            opacity:1;
        }
    
        50%{
            transform:scale(1.05);
            box-shadow:0 0 25px rgba(37,99,235,0.7);
            opacity:.92;
        }
    
        100%{
            transform:scale(1);
            box-shadow:0 0 0 rgba(37,99,235,0.4);
            opacity:1;
        }
    }
    
    /*===========================*/
    
    .enquiry-btn1 {
  background: linear-gradient(135deg, #0009ff, #010d1c);     
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 6px 18px rgba(0, 184, 148, 0.3);
  transition: all 0.3s ease;
}

/* Hover effect */
.enquiry-btn1:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(0, 184, 148, 0.4);
}

/* Click effect */
.enquiry-btn1:active {
  transform: scale(0.97);
}

/* Remove default button outline */
.enquiry-btn1:focus {
  outline: none;
}
/*====================================*/





/* =========================
PREMIUM VISITOR COUNTER
========================= */

.visitor-counter-section{
    padding:60px 0 30px;
    background:#f4f7fb;
}

.visitor-counter-box{

    background:
    linear-gradient(135deg,#0f172a,#1e293b);

    border-radius:32px;

    padding:50px;

    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:40px;

    position:relative;
    overflow:hidden;

    box-shadow:
    0 20px 50px rgba(15,23,42,.18);

}

.visitor-counter-box::before{

    content:'';

    position:absolute;

    width:400px;
    height:400px;

    background:
    rgba(255,255,255,.05);

    border-radius:50%;

    top:-150px;
    right:-120px;

}

.visitor-left{
    position:relative;
    z-index:2;
    max-width:650px;
}

.visitor-badge{

    display:inline-block;

    padding:10px 18px;

    background:
    rgba(255,255,255,.12);

    border:
    1px solid rgba(255,255,255,.1);

    border-radius:40px;

    color:#fff;

    font-size:13px;
    font-weight:700;

    letter-spacing:1px;

    margin-bottom:20px;
}

.visitor-left h2{

    font-size:42px;
    line-height:1.3;

    color:#fff;

    margin-bottom:18px;

    font-weight:800;
}

.visitor-left p{

    color:#cbd5e1;

    font-size:17px;

    line-height:1.9;
}


/* RIGHT */

.visitor-right{
    position:relative;
    z-index:2;
}

.counter-circle{

    width:260px;
    height:260px;

    border-radius:50%;

    background:
    linear-gradient(135deg,#2563eb,#38bdf8);

    display:flex;
    align-items:center;
    justify-content:center;

    animation:pulseGlow 2s infinite;

    box-shadow:
    0 0 40px rgba(37,99,235,.45);
}

.counter-inner{

    width:210px;
    height:210px;

    border-radius:50%;

    background:#fff;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    text-align:center;

    padding:20px;
}

.counter-label{

    color:#64748b;

    font-size:15px;

    margin-bottom:12px;

    font-weight:600;
}

.visitor-number{

    font-size:42px;

    font-weight:900;

    color:#111827;

    line-height:1;
}


/* ANIMATION */

@keyframes pulseGlow{

    0%{
        transform:scale(1);
        box-shadow:0 0 35px rgba(37,99,235,.35);
    }

    50%{
        transform:scale(1.04);
        box-shadow:0 0 55px rgba(37,99,235,.6);
    }

    100%{
        transform:scale(1);
        box-shadow:0 0 35px rgba(37,99,235,.35);
    }

}


/* MOBILE */

@media(max-width:992px){

    .visitor-counter-box{
        flex-direction:column;
        text-align:center;
        padding:40px 25px;
    }

    .visitor-left h2{
        font-size:32px;
    }

}

@media(max-width:768px){

    .counter-circle{
        width:220px;
        height:220px;
    }

    .counter-inner{
        width:180px;
        height:180px;
    }

    .visitor-number{
        font-size:34px;
    }

    .visitor-left h2{
        font-size:26px;
    }

    .visitor-left p{
        font-size:15px;
    }

}


/*======================================================*/

/* MAIN FOOTER */
.main-footer {
  background: linear-gradient(135deg,#0f3b5e,#0a2c46);
  color: #fff;
  padding: 60px 20px 20px;
}

/* GRID */
.footer-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(220px,1fr));
  gap: 40px;
}

/* COLUMN */
.footer-col {
  text-align: left;
}

/* MOBILE CENTER */
@media(max-width:768px){
  .footer-col {
    text-align: center;
  }
}

/* HEADINGS */
.footer-col h3,
.footer-col h4 {
  margin-bottom: 14px;
  font-weight: 600;
}

/* TEXT + ICON ALIGN */
.footer-col p,
.footer-col li {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #cbd5e1;
  margin-bottom: 10px;
}

/* MOBILE TEXT CENTER */
@media(max-width:768px){
  .footer-col p,
  .footer-col li {
    justify-content: center;
  }
}

/* LINKS */
.footer-col a {
  color: #cbd5e1;
  text-decoration: none;
  transition: 0.3s;
}

.footer-col a:hover {
  color: #facc15;
}

/* LIST */
.footer-col ul {
  list-style: none;
  padding: 0;
}

/* ICON STYLE */
.footer-col i {
  color: #f1f1ed;
  font-size: 14px;
}

/* SOCIAL ICONS */
.social-icons {
  margin-top: 15px;
  display: flex;
  gap: 10px;
}

/* CENTER ON MOBILE */
@media(max-width:768px){
  .social-icons {
    justify-content: center;
  }
}

.social-icons a {
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,0.1);
  border-radius: 50%;
  color: #fff;
  transition: 0.3s;
  font-size: 16px;
}

.social-icons a:hover {
  background: #1a4e77;
  color: #000;
  transform: translateY(-4px);
}

/* DIVIDER */
.footer-divider {
  height: 1px;
  background: rgba(255,255,255,0.1);
  margin: 25px 0;
}

/* BOTTOM */
.footer-bottom {
  text-align: center;
  font-size: 13px;
  color: #94a3b8;
}


/**/



/* Overlay */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(15, 23, 42, 0.6);
  backdrop-filter: blur(6px);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 999;
}

/* Card */
.modal-card {
  width: 420px;
  background: #fff;
  border-radius: 18px;
  padding: 25px;
  box-shadow: 0 25px 60px rgba(0,0,0,0.2);
  animation: pop 0.3s ease;
}

@keyframes pop {
  from {transform: scale(0.9); opacity:0;}
  to {transform: scale(1); opacity:1;}
}

/* Header */
.modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
}

.modal-header h2 {
  font-size: 20px;
  font-weight: 600;
  color: #1e293b;
}

.close {
  font-size: 20px;
  cursor: pointer;
  color: #555;
}

/* Form */
.enquiry-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* Input Group */
.input-group {
  position: relative;
}

.input-group i {
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  color: #94a3b8;
}

/* Inputs */
.enquiry-form input,
.enquiry-form textarea {
  width: 100%;
  padding: 12px 12px 12px 38px;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  background: #f8fafc;
  transition: 0.3s;
  font-size: 14px;
}

textarea {
  padding-left: 12px !important;
}

/* Focus effect */
.enquiry-form input:focus,
.enquiry-form textarea:focus {
  border-color: #00b894;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(0,184,148,0.15);
  outline: none;
}

/* Button */
.btn-primary {
  background: linear-gradient(135deg, #00b894, #0f1c37);
  color: white;
  padding: 12px;
  border-radius: 30px;
  border: none;
  font-weight: 600;
  cursor: pointer;
  margin-top: 5px;
  transition: 0.3s;
}

.btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 20px rgba(0,184,148,0.3);
}











