:root{
  --maroon: #123c61;        /* Mehroon */
  --maroon-dark: #b27c0b;
  --cream: #f6efe3;         /* Cream */
  --cream-2: #efe2cf;
  --ink: #1f1a1b;
  --muted: rgba(31,26,27,.72);
  --white: #ffffff;
  --shadow: 0 14px 38px rgba(16, 10, 12, .12);
  --radius: 18px;
}

html, body {
  font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: var(--cream);
  color: var(--ink);
  scroll-behavior: smooth;
}

a { text-decoration: none; }
code { color: var(--maroon); }

::selection{
  background: rgba(122, 31, 43, .18);
}

/* Topbar */
.topbar{
  background: linear-gradient(90deg, var(--maroon), var(--maroon-dark));
  color: rgba(255,255,255,.92);
  font-size: 13px;
}
.topbar .topbar-item{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 760px;
}
.topbar-link{
  color: rgba(255,255,255,.95);
  font-weight: 600;
}
.topbar-link:hover{ color: var(--cream); }

/* Header glass */
.header-glass{
  background: #fff;
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(246, 239, 227, .18);
}
.navbar .nav-link{
  color: #000;
  font-weight: 500;
  border-radius: 999px;
  padding: .55rem .95rem;
}
.navbar .nav-link:hover,
.navbar .nav-link.active{
  color: var(--maroon);
  background: var(--cream);
}

.navbar-brand .brand-title{
  font-family: "Playfair Display", serif;
  letter-spacing: .6px;
  font-weight: 700;
  color: var(--cream);
  font-size: 18px;
}
.navbar-brand .brand-subtitle{
  color: rgba(246,239,227,.85);
  font-size: 12px;
}
.brand-badge{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: rgba(246,239,227,.14);
  border: 1px solid rgba(246,239,227,.22);
  color: var(--cream);
}

.nav-logo{
  height: 80px;        /* same visual height as badge */
  width: auto;
  object-fit: contain;
}
@media (max-width: 576px){
  .nav-logo{ height: 75px; }
}


/* Buttons */
.btn-maroon{
  --bs-btn-bg: var(--maroon);
  --bs-btn-border-color: var(--maroon);
  --bs-btn-hover-bg: var(--maroon-dark);
  --bs-btn-hover-border-color: var(--maroon-dark);
  --bs-btn-color: var(--cream);
  --bs-btn-hover-color: var(--cream);
  border-radius: 999px;
  box-shadow: 0 10px 24px rgba(122, 31, 43, .25);
}

.btn-cream{
  background: var(--cream);
  color: var(--maroon);
  border: 1px solid rgba(246,239,227,.7);
  border-radius: 999px;
  font-weight: 700;
}
.btn-cream:hover{
  background: var(--cream-2);
  color: var(--maroon-dark);
}

.btn-outline-cream{
  border: 1px solid rgba(246,239,227,.8);
  color: var(--cream);
  border-radius: 999px;
  font-weight: 600;
}
.btn-outline-cream:hover{
  background: var(--cream);
  color: var(--maroon);
}

.btn-outline-maroon{
  border: 1px solid rgba(122,31,43,.55);
  color: var(--maroon);
  border-radius: 999px;
  font-weight: 700;
}
.btn-outline-maroon:hover{
  background: var(--maroon);
  color: var(--cream);
}

/* Sections */
.section-pad{
  padding: 80px 0;
}
.section-alt{
  background: radial-gradient(900px 400px at 10% 10%, rgba(122,31,43,.12), transparent 60%),
              radial-gradient(900px 450px at 90% 30%, rgba(122,31,43,.08), transparent 60%),
              var(--cream);
  border-top: 1px solid rgba(122,31,43,.08);
  border-bottom: 1px solid rgba(122,31,43,.08);
}

.section-head .section-kicker{
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .35rem .75rem;
  border-radius: 999px;
  background: rgba(122,31,43,.10);
  color: var(--maroon);
  font-weight: 700;
  font-size: 13px;
  margin-bottom: 10px;
}
.section-title{
  font-family: "Playfair Display", serif;
  font-weight: 700;
  letter-spacing: .2px;
}
.section-text{
  color: var(--muted);
  line-height: 1.75;
}

/* Hero */
.hero-section{ position: relative; }
.hero-img{
  height: 78vh;
  min-height: 520px;
  object-fit: cover;
  filter: saturate(1.06) contrast(1.02);
}
.carousel-overlay{
  position: absolute;
  inset: 0;
  background: radial-gradient(1200px 500px at 15% 30%, rgba(122,31,43,.72), rgba(122,31,43,.15)),
              linear-gradient(90deg, rgba(0,0,0,.25), rgba(0,0,0,.05));
}
.carousel-caption{
  inset: 0;
  display: flex !important;
  align-items: center;
}
.hero-card{
  max-width: 740px;
  padding: 26px 26px;
  border-radius: 22px;
  background: rgba(246,239,227,.10);
  border: 1px solid rgba(246,239,227,.18);
  backdrop-filter: blur(10px);
  box-shadow: 0 18px 60px rgba(0,0,0,.25);
}
.hero-kicker{
  color: rgba(246,239,227,.95);
  font-weight: 700;
  letter-spacing: .3px;
}
.hero-title{
  font-family: "Playfair Display", serif;
  font-weight: 700;
  color: var(--cream);
  line-height: 1.12;
}
.hero-text{
  color: rgba(246,239,227,.88);
  line-height: 1.75;
  margin-top: 10px;
}
.text-cream{ color: var(--cream) !important; }

.hero-strip{
  margin-top: 40px;
  position: relative;
  z-index: 4;
  padding-bottom: 20px;
}
.mini-card{
  background: var(--cream);
  border: 1px solid rgba(122,31,43,.10);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 16px 16px;
  display: flex;
  gap: 12px;
  align-items: center;
}
.mini-card i{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: rgba(122,31,43,.10);
  color: var(--maroon);
  font-size: 20px;
}
.mini-card p{
  color: var(--muted);
  font-size: 14px;
}

/* About */
.info-card{
  background: var(--cream);
  border: 1px solid rgba(122,31,43,.10);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 16px 16px;
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.info-card i{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: rgba(122,31,43,.10);
  color: var(--maroon);
  font-size: 20px;
}
.info-card h6{ margin: 0; font-weight: 700; }
.about-frame{
  position: relative;
}
.about-frame img{
  box-shadow: 0 22px 70px rgba(16,10,12,.18);
}
.about-badge{
  position: absolute;
  left: 16px;
  bottom: 16px;
  background: rgba(122,31,43,.92);
  border: 1px solid rgba(246,239,227,.18);
  color: var(--cream);
  border-radius: 16px;
  padding: 12px 14px;
  box-shadow: 0 20px 60px rgba(0,0,0,.25);
}
.badge-icon{
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: rgba(246,239,227,.12);
}

/* Services */
.service-card{
  background: var(--cream);
  border: 1px solid rgba(122,31,43,.10);
  border-radius: 22px;
  box-shadow: var(--shadow);
  padding: 22px 18px;
  height: 100%;
  transition: transform .25s ease, box-shadow .25s ease;
  position: relative;
  overflow: hidden;
}
.service-card::after{
  content:"";
  position:absolute;
  inset:-50px -80px auto auto;
  width: 180px;
  height: 180px;
  background: radial-gradient(circle at 30% 30%, rgba(122,31,43,.18), transparent 60%);
  transform: rotate(25deg);
}
.service-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 18px 50px rgba(16,10,12,.15);
}
.service-icon{
  width: 56px;
  height: 56px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  background: rgba(122,31,43,.10);
  color: var(--maroon);
  font-size: 24px;
  margin-bottom: 14px;
}
.service-card h5{
  font-weight: 800;
  margin-bottom: 8px;
}
.service-card p{
  color: var(--muted);
  margin: 0;
}

/* --- Services: 360° icon rotation on card hover --- */
.service-icon i{
  display: inline-block;                 /* required for transform */
  transition: transform .7s ease;        /* smooth rotation */
  transform-origin: center;
  will-change: transform;
}

.service-card:hover .service-icon i{
  transform: rotate(360deg);
}

/* Optional: make it feel more premium (slight pop + glow) */
.service-icon{
  transition: transform .35s ease, box-shadow .35s ease, background-color .35s ease;
}

.service-card:hover .service-icon{
  transform: translateY(-2px);
  background: rgba(122,31,43,.14);
  box-shadow: 0 12px 28px rgba(122,31,43,.18);
}


/* Why */
.why-box{
  background: var(--cream);
  border: 1px solid rgba(122,31,43,.10);
  border-radius: 22px;
  box-shadow: var(--shadow);
  padding: 24px 20px;
}
.why-list{
  display: grid;
  gap: 12px;
}
.why-item{
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 14px 14px;
  border-radius: 18px;
  border: 1px dashed rgba(122,31,43,.25);
  background: rgba(246,239,227,.7);
}
.why-item i{
  font-size: 20px;
  color: var(--maroon);
  margin-top: 2px;
}
.why-item p{
  color: var(--muted);
}
.why-image{
  position: relative;
}
.why-image img{
  box-shadow: 0 22px 70px rgba(16,10,12,.18);
}
.why-float-card{
  position: absolute;
  right: 16px;
  bottom: 16px;
  background: rgba(246,239,227,.92);
  border: 1px solid rgba(122,31,43,.12);
  border-radius: 16px;
  padding: 12px 14px;
  box-shadow: 0 20px 60px rgba(0,0,0,.18);
}
.float-icon{
  width: 44px;
  height: 44px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: rgba(122,31,43,.10);
  color: var(--maroon);
  font-size: 20px;
}

/* Achievements */
.stat-card{
  background: var(--cream);
  border: 1px solid rgba(122,31,43,.10);
  border-radius: 22px;
  box-shadow: var(--shadow);
  padding: 18px 16px;
  text-align: center;
  height: 100%;
}
.stat-icon{
  width: 56px;
  height: 56px;
  border-radius: 18px;
  display: grid;
  place-items: center;
  background: rgba(122,31,43,.10);
  color: var(--maroon);
  font-size: 24px;
  margin: 0 auto 10px;
}
.stat-number{
  font-family: "Playfair Display", serif;
  font-size: 38px;
  font-weight: 700;
  color: var(--maroon);
  line-height: 1.1;
}
.stat-label{
  color: var(--muted);
  font-weight: 600;
}

/* Gallery */
.gallery-item{
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid rgba(122,31,43,.10);
  box-shadow: 0 16px 46px rgba(16,10,12,.10);
  background: var(--cream-2);
}
.gallery-item img{
  width: 100%;
  height: 210px;
  object-fit: cover;
  transition: transform .35s ease;
}
.gallery-item:hover img{ transform: scale(1.06); }
.gallery-overlay{
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 40%, rgba(122,31,43,.70));
  opacity: 0;
  transition: opacity .35s ease;
}
.gallery-item:hover .gallery-overlay{ opacity: 1; }
.gallery-cap{
  position: absolute;
  left: 14px;
  bottom: 12px;
  right: 14px;
  color: var(--cream);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  opacity: 0;
  transform: translateY(10px);
  transition: .35s ease;
}
.gallery-item:hover .gallery-cap{
  opacity: 1;
  transform: translateY(0);
}
.gallery-cap .tag{
  font-size: 12px;
  font-weight: 700;
  padding: .28rem .6rem;
  border-radius: 999px;
  background: rgba(246,239,227,.16);
  border: 1px solid rgba(246,239,227,.18);
}

/* Contact */
.contact-card, .contact-form{
  background: var(--cream);
  border: 1px solid rgba(122,31,43,.10);
  border-radius: 22px;
  box-shadow: var(--shadow);
  padding: 24px 20px;
}
.contact-lines{
  display: grid;
  gap: 12px;
}
.contact-line{
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 14px 14px;
  border-radius: 18px;
  border: 1px dashed rgba(122,31,43,.25);
  background: rgba(246,239,227,.7);
}
.contact-line i{
  color: var(--maroon);
  font-size: 20px;
  margin-top: 2px;
}
.contact-line a{
  color: var(--maroon);
  font-weight: 700;
}
.contact-line a:hover{ color: var(--maroon-dark); }
.text-muted-cream{ color: rgba(31,26,27,.70); }

.form-control{
  border-radius: 16px;
  border: 1px solid rgba(122,31,43,.18);
}
.form-control:focus{
  border-color: rgba(122,31,43,.45);
  box-shadow: 0 0 0 .25rem rgba(122,31,43,.12);
}

.notice{
  border-radius: 16px;
  padding: 12px 14px;
  background: rgba(122,31,43,.10);
  border: 1px solid rgba(122,31,43,.16);
  color: var(--maroon-dark);
  font-weight: 600;
}

/* Map */
.map-section{
  padding: 70px 0 90px;
}
.map-card{
  background: var(--cream);
  border: 1px solid rgba(122,31,43,.10);
  border-radius: 22px;
  box-shadow: var(--shadow);
  overflow: hidden;
}
.map-head{
  padding: 18px 18px 0;
}
.map-head h3{
  font-family: "Playfair Display", serif;
  font-weight: 700;
  color: var(--maroon);
}
.map-iframe{
  padding: 18px;
}
.map-iframe iframe{
  border-radius: 18px;
}

/* Footer */
.footer{
  background: linear-gradient(180deg, var(--maroon-dark), var(--maroon));
  color: rgba(246,239,227,.92);
}
.footer .brand-title{
  color: var(--cream);
  font-family: "Playfair Display", serif;
  font-weight: 700;
}
.footer .brand-subtitle{ color: rgba(246,239,227,.80); }
.footer-box{
  background: rgba(246,239,227,.08);
  border: 1px solid rgba(246,239,227,.12);
  border-radius: 22px;
  padding: 18px 16px;
  height: 100%;
}
.footer-title{
  font-family: "Playfair Display", serif;
  font-weight: 700;
  color: var(--cream);
  margin-bottom: 12px;
}
.footer-links{
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 10px;
}
.footer-links a{
  color: rgba(246,239,227,.90);
  font-weight: 600;
}
.footer-links a:hover{ color: var(--cream-2); }

.footer-contact a{ color: rgba(246,239,227,.92); font-weight: 700; }
.footer-contact a:hover{ color: var(--cream-2); }

.footer-hr{
  border-color: rgba(246,239,227,.18);
  opacity: 1;
}

.social-btn{
  width: 42px;
  height: 42px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: rgba(246,239,227,.10);
  border: 1px solid rgba(246,239,227,.16);
  color: var(--cream);
  transition: transform .25s ease;
}
.social-btn:hover{
  transform: translateY(-3px);
  color: var(--cream-2);
}

/* Lightbox */
.lightbox-content{
  background: rgba(0,0,0,.86);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  overflow: hidden;
}
.lightbox-close{
  position: absolute;
  right: 14px;
  top: 14px;
  z-index: 10;
}
.lightbox-img{
  max-height: 86vh;
  object-fit: contain;
}

/* Floating Buttons */
.float-actions{
  position: fixed;
  right: 16px;
  bottom: 16px;
  display: grid;
  gap: 10px;
  z-index: 999;
}
.float-btn{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 999px;
  font-weight: 800;
  letter-spacing: .2px;
  box-shadow: 0 18px 40px rgba(0,0,0,.22);
  border: 1px solid rgba(255,255,255,.10);
  backdrop-filter: blur(8px);
  transition: transform .2s ease, box-shadow .2s ease;
}
.float-btn i{ font-size: 18px; }
.float-btn:hover{ transform: translateY(-3px); }

.float-call{
  background: rgba(122,31,43,.96);
  color: var(--cream);
  box-shadow: 0 0 0 rgba(122,31,43,0);
  animation: glowMaroon 2.2s infinite ease-in-out;
}
.float-wa{
  background: rgba(18, 140, 126, .95);
  color: #fff;
  animation: glowGreen 2.2s infinite ease-in-out;
}

@keyframes glowMaroon{
  0%, 100% { box-shadow: 0 0 0 0 rgba(122,31,43,.0), 0 18px 40px rgba(0,0,0,.22); }
  50% { box-shadow: 0 0 0 10px rgba(122,31,43,.18), 0 18px 40px rgba(0,0,0,.22); }
}
@keyframes glowGreen{
  0%, 100% { box-shadow: 0 0 0 0 rgba(37,211,102,.0), 0 18px 40px rgba(0,0,0,.22); }
  50% { box-shadow: 0 0 0 10px rgba(37,211,102,.18), 0 18px 40px rgba(0,0,0,.22); }
}

/* Reveal animations */
.reveal{
  opacity: 0;
  transform: translateY(14px);
  transition: opacity .65s ease, transform .65s ease;
}
.reveal.show{
  opacity: 1;
  transform: translateY(0);
}
#callme {
        position: fixed;
        right: 10px;
        top: 190px;
        width: 70px;
        height: 70px;
        cursor: pointer;
      
        z-index: 99990;
    }
    #callme #callmeMain {
        -moz-border-radius: 50% !important;
        -webkit-border-radius: 50% !important;
        border-radius: 50% !important;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        background-color: rgb(40 167 69);
        width: 60px;
        height: 60px;
        -webkit-animation: zcwmini2 1.5s 0s ease-out infinite;
        -moz-animation: zcwmini2 1.5s 0s ease-out infinite;
        animation: zcwmini2 1.5s 0s ease-out infinite;
    }
    #callme #callmeMain:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: -6px;
        left: -6px;
        background-image: url(https://ss.zadarma.com/callbackWidget/images/mini.png);
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-animation: zcwphone2 1.5s linear infinite;
        -moz-animation: zcwphone2 1.5s linear infinite;
        animation: zcwphone2 1.5s linear infinite;
    }
    @-webkit-keyframes zcwphone {
        0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
        25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
        50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
        75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
        100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    }
    @-moz-keyframes zcwphone {
        0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
        25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
        50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
        75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
        100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    }
    @keyframes zcwphone {
        0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
        25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
        50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
        75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
        100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    }
    @-webkit-keyframes zcwphone2 {
        0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
        25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
        50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
        75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
        100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    }
    @-moz-keyframes zcwphone2 {
        0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
        25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
        50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
        75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
        100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    }
    @keyframes zcwphone2 {
        0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
        25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
        50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
        75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
        100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    }
    @-webkit-keyframes zcwmini {
        0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
        10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
        100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
    }
    @-moz-keyframes zcwmini {
        0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
        10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
        100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
    }
    @keyframes zcwmini {
        0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
        10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
        100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
    }
    @-webkit-keyframes zcwmini2 {
        0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
        10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
        100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
    }
    @-moz-keyframes zcwmini2 {
        0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
        10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
        100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
    }
    @keyframes zcwmini2 {
        0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
        10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
        100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
    }
   #enu-st {
       display: block;
    width: 100%;
    color: #fff;
    background-color: #153d61;
   }
/* Responsive tweaks */
@media (max-width: 991px){
  .hero-img{ height: 68vh; min-height: 520px; }
  .hero-card{ padding: 18px 16px; }
  .section-pad{ padding: 64px 0; }
  .sticky-top{
	  position:relative;
  }
}
.cu-glry img{
	width:100%;
	border-radius:10px;
}
.cu-glry{
	margin-bottom:30px;
}
.navbar-toggler{
	background:#143d63
}
#callme1 img {
    width: 50px;
}
#callme1 {
    position: fixed;
    right: 10px;
    bottom: 270px;
    width: 60px;
    height: 70px;
    cursor: pointer;
    z-index: 99990;
}
.whatsup img {
    width: 50px;
}
.whatsup {
    position: fixed;
    right: 10px;
    width: 50px;
    bottom: 180px;
    z-index: 9999;
}
@media(max-width:767px)
{
	.mb-ds-nn{
		display:none!important;
	}
	.jf-cn-cntr{
		justify-content:center!important
	}
	.cu-font-sze-bn{
		font-size:13px;
	}
}
@media (max-width: 575px){
  .hero-img{ height: 64vh; min-height: 500px; }
  .hero-title{ font-size: 30px; }
  .stat-number{ font-size: 32px; }
  .gallery-item img{ height: 190px; }
  .float-btn{ padding: 12px 12px; }
}