.whatsapp-float {
    /* 1. KEY: Makes it float relative to the viewport and stay put */
    position: fixed;
    /* 2. KEY: Controls its position on the right */
    right: 20px; /* Adjust this value to move it closer or further from the edge */

    /* 3. KEY: Positions it vertically in the center */
    top: 92%;
    transform: translateY(-50%); /* This pulls it up by half its own height for perfect centering */

    /* 4. KEY: Ensures it's always on top of other content */
    z-index: 1000; 

    /* Basic visual styles */
    background-color:#059862; /* WhatsApp brand color   #25D366 */
    color:#FFF;
    border-radius: 50%; /* Makes it a circle */
    text-align: center;
    box-shadow: 2px 2px 3px #999; /* Optional: adds a subtle shadow */
    width: 70px; /* Adjust size */
    height: 70px; /* Adjust size */
    line-height: 70px; /* Vertically centers the text/icon inside the circle */
    font-size: 35px; /* Adjust icon size */
    text-decoration: none; /* Remove underline */
    transition: all 0.3s ease-in-out; /* Optional: smooth hover effect */
}

/* Optional: Hover effect */
.whatsapp-float:hover {
    background-color:#ffffff;  /* Slightly darker on hover */
    color:#059862;
    box-shadow: 2px 2px 6px #777; 
    transform: translateY(-50%) scale(1.1); /* Slightly enlarge on hover */
}

/* 5. RESPONSIVENESS (for smaller screens) */
@media (max-width: 600px) {
    .whatsapp-float {
        /* Make it slightly smaller on mobile */
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 30px;
        /* Move it closer to the edge for better mobile feel */
        right: 15px;}
}









        body, textarea {
    font-family: 'poppins', sans-serif !important;
    line-height: 30px;
    font-size: 14px;
    font-weight: 500;
}

h1{
    color:#000 !important;
}
.album-box img {
    cursor: default !important;
    pointer-events: none;
    transform: none !important;
    transition: none !important;
}

/* Remove hover zoom if theme applies it */
.album-box:hover img,
.img-scale:hover {
    transform: none !important;
}


h1, h2 {
    font-weight: 700 !important;
}
        
        .strength-section {
            background-color: #003366; /* Navy blue */
            color: white;
            padding: 40px 20px;
            text-align: center;
        }
        .strength-title {
            font-size: 2.5em;
            font-weight: bold;
            margin-bottom: 10px;
            color: #fff;
        }
        .strength-subtitle {
            font-size: 1.1em;
            margin-bottom: 40px;
            max-width: 800px;
            margin-left: auto;
            margin-right: auto;
            color: #fff;
        }
        .stats-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(291px, 1fr));
            gap: 20px;
            max-width: 1030px;
            margin: 0 auto;
        }
        .stat-card {
            background-color: rgba(255, 255, 255, 0.1);
            border-radius: 10px;
            padding: 20px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            border: 1px solid rgba(255, 255, 255, 0.2);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .stat-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
        }
        .stat-icon {
            font-size: 2.5em;
            margin-bottom: 10px;
            display: block;
        }
        .stat-number {
            font-size: 1.8em;
            font-weight: bold;
            margin-bottom: 5px;
        }
        .stat-label {
            font-size: 0.9em;
            opacity: 0.9;
        }

      /* Responsive adjustments */
        @media (max-width: 768px) {
            .strength-title {
                font-size: 2em;
            }
            .strength-subtitle {
                font-size: 1em;
                padding: 0 10px;
            }
            .stats-grid {
                grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
                gap: 15px;
            }
            .stat-card {
                padding: 15px;
            }
            .stat-number {
                font-size: 1.5em;
            }
            .stat-icon {
                font-size: 2em;
            }
        }

        @media (max-width: 480px) {
            .strength-section {
                padding: 30px 10px;
            }
            .stats-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 10px;
            }
            .stat-card {
                padding: 12px;
            }
            .stat-number {
                font-size: 1.3em;
            }
            .stat-icon {
                font-size: 1.8em;
            }
            .stat-label {
                font-size: 0.8em;
            }
        }
        .responsive-padding {
          padding-left: 0px !important;
          padding-right: 10px;
        }
        
        /* 📱 Small screens (max width 768px or below) */
        @media (max-width: 768px) {
          .responsive-padding {
            padding-left: 0px !important;
            padding-right: 10px; /* optional, keep same or change */
          }
        }
   .modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0; top: 0;
    width: 100%; height: 100%;
    background-color: rgba(0,0,0,0.7);
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.modal-content {
    background: #fff;
    border-radius: 10px;
    max-width: 600px;
    width: 100%;
    text-align: center;
    padding: 30px 20px;
    position: relative;
    animation: fadeIn 0.3s ease;
}

.modal-content img {
    width: 100%;
    max-height: 250px;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 15px;
}

.modal-content h2 {
    font-size: 24px;
    margin-bottom: 15px;
}

.close {
    position: absolute;
    top: 1px;
    right: 18px;
    font-size: 28px;
    cursor: pointer;
    color: #333;
    transition: 0.3s;
}
.close:hover { color: #007bff; }

@keyframes fadeIn {
    from {opacity: 0; transform: scale(0.95);}
    to {opacity: 1; transform: scale(1);}
}

/* === Two-column List (always visible) === */
.modal-list {
    list-style: none;
    padding: 0;
    margin: 20px auto 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0px 25px;
    max-width: 450px;
    text-align: left;
    justify-items: start;
}

.modal-list li {
    font-size: 15px;
    color: #444;
    position: relative;
    padding-left: 15px;
}

.modal-list li::before {
    content: "•";
    position: absolute;
    left: 0;
    color: #007bff;
    font-size: 18px;
    line-height: 1.5;
}

/* keep 2 columns on all screens */
@media (max-width: 480px) {
    .modal-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 0px 10px;
    }
}

.align{
    text-align: justify;
}

.table-logos img {
    width: 200px !important;
    margin: 0 auto 0 auto;
}
.album-list {
    display: grid;
    grid-gap: 18px;
    grid-template-columns: 1fr 1fr !important;
}

/*contact page*/


  /* header (optional, similar to tabs area in screenshot) */
  .controls{
    display:flex;
    align-items:center;
    gap:16px;
    margin-bottom:18px;
  }
  .tabs{
    display:flex;
    gap:14px;
    align-items:center;
  }
  .tab{
    padding:8px 12px;
    border-radius:999px;
    background:transparent;
    color:var(--muted);
    font-size:14px;
  }
  .tab.active{
    color:var(--accent);
    border-bottom:3px solid var(--accent);
    padding-bottom:6px;
  }
  .spacer{flex:1;}
  .locations-select{
    background:white;
    border:1px solid #e0e7ef;
    padding:8px 12px;
    border-radius:8px;
  }

  /* grid */
  .grid{
    display:grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    align-items:start;
  }

  /* card */
  .card{
    background: linear-gradient(180deg, rgba(255,255,255,0.9), var(--card-bg));
    border-radius:15px;
    padding:28px;
    display:flex;
    gap:16px;
    border:1px solid rgba(10, 95, 140, 0.06);
    box-shadow: 0 6px 18px rgb(17 42 69 / 32%);
    align-items:flex-start;
  }
   .whatsapp-pill {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 18px;
    border-radius: 30px;
    background: #F5F9FC;   /* light blue */
    color: #0b3a66;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
}

.whatsapp-pill i {
    font-size: 18px;
    color: #25D366;
}

.whatsapp-pill:hover {
    background: #F5F9FC;
}

  .thumb{
    width:170px;
    min-width:120px;
    height:196px;
    border-radius:10px;
    overflow:hidden;
    flex-shrink:0;
    border:1px solid rgba(10,95,140,0.06);
  }
  .thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
  }

  .card-body{
    flex:1;
  }

  .branch-name{
    font-weight:700;
    color:var(--accent);
    margin:0 0 6px 0;
    font-size:18px;
  }

  .address{
    margin:0 0 12px 0;
    color:var(--muted);
    font-size:14px;
    line-height:1.35;
    max-width:100%;
  }

  .contact-row{
    display:flex;
    gap:12px;
    align-items:center;
    color:var(--muted);
    font-size:14px;
  }

  .phone{
    display:inline-flex;
    gap:8px;
    align-items:center;
    background:rgba(10,109,179,0.04);
    padding:8px 10px;
    border-radius:999px;
    border:1px solid rgba(10,109,179,0.06);
    color:var(--accent);
    font-weight:600;
  }

  /* small icon align */
  .phone svg{
    width:16px;
    height:16px;
    display:block;
    flex-shrink:0;
  }

  /* responsive */
  @media (max-width: 900px){
    .grid{grid-template-columns: 1fr;}
    .thumb{width:140px; height:84px;}
    .container{padding:0 18px;}
  }

  @media (max-width:420px){
    
    .thumb{display:none;} /* hide thumbnails on very small screens to save space */
    .card{padding:14px;}
  }

.table-logos.table-10 img {
    max-width: 200px !important;
    width: 100%;
    margin: 0 auto;
}
[class*=col-lg-] > h3, .boxed-area > h3, .container > h3 {
    text-transform: uppercase;
    font-weight: 700 !important;
    font-size: 21px;
}

.section-home-slider .slider li > .img-box:before {
    opacity: 1;
    z-index: 1;
    background: linear-gradient(to right, rgb(30 48 57 / 0%) 0%, rgba(0, 0, 0, 0) 60%) !important;
    border-radius: 0;
}
.social-colors.icon-links-grid .instagram:not(:hover){
     background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, 
  #fd5949 45%, #d6249f 60%, #285AEB 90%) !important;
}

.text-color-2 {
    color: #ffffff !important;
}
.client-logos {
  overflow: hidden;
  background: #f9f9f9; /* Section background */
  padding: 20px 0;
}

.logo-track {
  display: flex;
  width: max-content;
  animation: scroll 20s linear infinite;
}

.logo {
  flex: 0 0 auto;
  margin: 0 30px;
}

.logo img {
  max-height: 60px;
  object-fit: contain;
}

/* Scrolling Animation */
@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); } /* adjust if logos are repeated */
}

.album-box img {
    opacity: 1 !important;
}