/* ==========================================================================

   Mahati Event Hall – Custom Stylesheet

   Palette:

     Burgundy   #651F36

     Gold       #C5A46D

     Ivory      #FFFDF8

     Charcoal   #292526

     Secondary  #F7F1EC

     White      #FFFFFF

   ========================================================================== */



/* --------------------------------------------------------------------------

   1. CSS Variables

   -------------------------------------------------------------------------- */

:root {

  --color-burgundy: #651F36;

  --color-gold: #C5A46D;

  --color-gold-light: rgba(197, 164, 109, 0.25);

  --color-ivory: #FFFDF8;

  --color-charcoal: #292526;

  --color-secondary-bg: #F7F1EC;

  --color-white: #FFFFFF;



  --font-heading: 'Playfair Display', Georgia, serif;

  --font-body: 'Poppins', system-ui, -apple-system, sans-serif;



  --shadow-sm: 0 2px 8px rgba(41, 37, 38, 0.06);

  --shadow-md: 0 6px 20px rgba(41, 37, 38, 0.08);

  --shadow-lg: 0 12px 32px rgba(41, 37, 38, 0.12);



  --transition-fast: 0.25s ease;

  --transition-base: 0.35s ease;

  --radius-lg: 1.25rem;

  --radius-pill: 50rem;

}



/* --------------------------------------------------------------------------

   2. Base / Reset

   -------------------------------------------------------------------------- */

* {

  -webkit-tap-highlight-color: transparent;

}



html {

  scroll-behavior: smooth;

  overflow-x: hidden;

}



body {

  font-family: var(--font-body);

  color: var(--color-charcoal);

  background-color: var(--color-ivory);

  line-height: 1.7;

  overflow-x: hidden;

  font-weight: 400;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



h1, h2, h3, h4, h5, h6,

.font-playfair {

  font-family: var(--font-heading);

  letter-spacing: 0.2px;

}



img {

  max-width: 100%;

  height: auto;

  display: block;

}



a {

  transition: color var(--transition-fast), opacity var(--transition-fast);

}



/* Prevent horizontal overflow on small screens */

section, footer, .container, .row {

  max-width: 100%;

}



/* --------------------------------------------------------------------------

   3. Utility Classes

   -------------------------------------------------------------------------- */

.bg-burgundy { background-color: var(--color-burgundy) !important; }

.bg-ivory { background-color: var(--color-ivory) !important; }

.bg-secondary-bg { background-color: var(--color-secondary-bg) !important; }

.bg-gold { background-color: var(--color-gold) !important; }



.text-burgundy { color: var(--color-burgundy) !important; }

.text-gold { color: var(--color-gold) !important; }

.text-charcoal { color: var(--color-charcoal) !important; }



.border-gold-light { border-color: var(--color-gold-light) !important; }



.object-fit-cover { object-fit: cover; }



.tracking-wide { letter-spacing: 2px; }



/* --------------------------------------------------------------------------

   4. Buttons

   -------------------------------------------------------------------------- */

.btn {

  font-family: var(--font-body);

  font-weight: 500;

  letter-spacing: 0.3px;

  transition: all var(--transition-base);

  border-width: 2px;

}



.btn-gold {

  background-color: var(--color-gold);

  color: var(--color-white);

  border-color: var(--color-gold);

}



.btn-gold:hover,

.btn-gold:focus,

.btn-gold:active {

  background-color: var(--color-burgundy);

  border-color: var(--color-burgundy);

  color: var(--color-white);

  transform: translateY(-2px);

  box-shadow: var(--shadow-md);

}



.btn-outline-light {

  border-color: rgba(255, 255, 255, 0.85);

  color: var(--color-white);

  background: transparent;

}



.btn-outline-light:hover,

.btn-outline-light:focus {

  background-color: var(--color-white);

  color: var(--color-burgundy);

  border-color: var(--color-white);

  transform: translateY(-2px);

}



.btn-outline-burgundy {

  border-color: var(--color-burgundy);

  color: var(--color-burgundy);

  background: transparent;

}



.btn-outline-burgundy:hover,

.btn-outline-burgundy:focus {

  background-color: var(--color-burgundy);

  color: var(--color-white);

  transform: translateY(-2px);

}



.btn-outline-success {

  border-color: #25D366;

  color: #1e8a44;

  background: transparent;

}



.btn-outline-success:hover,

.btn-outline-success:focus {

  background-color: #25D366;

  color: var(--color-white);

  border-color: #25D366;

}



/* Focus visibility for keyboard users */

body.using-keyboard a:focus-visible,

body.using-keyboard button:focus-visible,

body.using-keyboard input:focus-visible,

body.using-keyboard select:focus-visible,

body.using-keyboard textarea:focus-visible {

  outline: 3px solid var(--color-gold);

  outline-offset: 2px;

}



/* --------------------------------------------------------------------------

   5. Top Bar

   -------------------------------------------------------------------------- */

.top-bar {

  font-size: 0.82rem;

  letter-spacing: 0.3px;

  border-bottom: 1px solid rgba(255, 255, 255, 0.08);

}



.top-bar a {

  transition: opacity var(--transition-fast);

}



.top-bar a:hover {

  opacity: 0.75;

}





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

:root {

    --header-burgundy: #651F36;

    --header-gold: #C5A46D;

    --header-ivory: #FFFDF8;

    --header-dark: #292526;

}



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

.site-header {

    position: sticky;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 1050;

    background: var(--header-ivory);

    transition: box-shadow 0.3s ease;

}



.site-header.scrolled {

    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);

}



/* ========== TOP BAR ========== */

.bg-burgundy {

    background-color: var(--header-burgundy);

}



.top-bar {

    font-size: 13px;

}



.top-link,

.top-location {

    color: #fff;

    text-decoration: none;

    display: inline-flex;

    align-items: center;

    gap: 7px;

}



.top-link:hover {

    color: var(--header-gold);

}



.top-social a {

    color: #fff;

    font-size: 14px;

    transition: color 0.3s;

}



.top-social a:hover {

    color: var(--header-gold);

}



/* ========== MAIN NAVBAR ========== */

.main-navbar {

    background: var(--header-ivory);

    padding: 12px 0;

    transition: padding 0.3s ease;

}



.header-logo {

    width: 100px;

    height: auto;

    max-height: 75px;

    object-fit: contain;

}



.navbar-brand {

    display: flex;

    align-items: center;

}



/* ========== NAV LINKS ========== */

.main-navbar .nav-link {

    color: var(--header-dark);

    font-size: 14px;

    font-weight: 500;

    padding: 10px 9px !important;

    transition: color 0.3s;

}



.main-navbar .nav-link:hover,

.main-navbar .nav-link.active {

    color: var(--header-burgundy);

}



/* ========== CALL BUTTON ========== */

.btn-header-call {

    background: var(--header-gold);

    color: #fff;

    padding: 10px 21px;

    border-radius: 30px;

    font-size: 14px;

    font-weight: 600;

    white-space: nowrap;

    border: 1px solid var(--header-gold);

    transition: all 0.3s ease;

}



.btn-header-call:hover {

    background: var(--header-burgundy);

    border-color: var(--header-burgundy);

    color: #fff;

}



/* ========== SCROLL EFFECT ========== */

.site-header.scrolled .main-navbar {

    padding-top: 7px;

    padding-bottom: 7px;

}



/* ========== ANCHOR SCROLL ========== */

html {

    scroll-behavior: smooth;

    scroll-padding-top: var(--sticky-header-height, 140px);

}



/* ========== MOBILE RESPONSIVE ========== */

@media (max-width: 991.98px) {



    .main-navbar {

        padding: 10px 0;

    }



    .navbar-toggler {

        border: 1px solid var(--header-gold);

        padding: 7px 11px;

    }



    .navbar-toggler:focus {

        box-shadow: 0 0 0 2px rgba(197, 164, 109, 0.25);

    }



    .navbar-collapse {

        padding-top: 15px;

        max-height: calc(100dvh - 135px);

        overflow-y: auto;

    }



    .main-navbar .nav-link {

        padding: 11px 5px !important;

        border-bottom: 1px solid #eee5dc;

    }



    .btn-header-call {

        margin-top: 12px;

        margin-bottom: 10px;

        display: inline-block;

    }



    .top-location,

    .top-social {

        display: none !important;

    }



    .top-bar {

        font-size: 12px;

    }



    .header-logo {

        width: 85px;

        max-height: 65px;

    }

}



@media (max-width: 575.98px) {



    .top-contact {

        gap: 12px !important;

    }



    .top-link {

        font-size: 11px;

    }



    .top-link i {

        font-size: 12px;

    }



    .top-link[href^="mailto:"] span {

        display: none;

    }



    .header-logo {

        width: 75px;

    }

}



@media (prefers-reduced-motion: reduce) {

    html {

        scroll-behavior: auto;

    }



    .site-header,

    .main-navbar {

        transition: none;

    }

}



/* Mobile Navbar Dropdown Fix */

@media (max-width: 991.98px) {



    .site-header {

        position: sticky;

        top: 0;

        z-index: 1050;

    }



    .main-navbar {

        position: relative;

    }



    .main-navbar .navbar-collapse {

        position: absolute;

        top: 100%;

        left: 0;

        right: 0;

        width: 100%;

        background: #FFFDF8;

        padding: 15px 20px 20px;

        max-height: calc(100dvh - 120px);

        overflow-y: auto;

        box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);

        z-index: 1051;

    }



    .main-navbar .nav-link {

        padding: 12px 8px !important;

        border-bottom: 1px solid #eee5dc;

    }



    .main-navbar .btn-header-call {

        width: 100%;

        text-align: center;

    }

}



/* --------------------------------------------------------------------------

   6. Navbar

   -------------------------------------------------------------------------- */

.navbar {

  transition: box-shadow var(--transition-base), padding var(--transition-base);

  border-bottom: 1px solid rgba(197, 164, 109, 0.18);

  z-index: 1030;

}



.navbar-brand {

  letter-spacing: 0.5px;

  line-height: 1.2;

}



.navbar-nav .nav-link {

  color: var(--color-charcoal);

  font-weight: 500;

  font-size: 0.95rem;

  padding: 0.5rem 0.85rem !important;

  position: relative;

  transition: color var(--transition-fast);

}



.navbar-nav .nav-link::after {

  content: '';

  position: absolute;

  left: 50%;

  bottom: 4px;

  width: 0;

  height: 2px;

  background-color: var(--color-gold);

  transition: width var(--transition-base), left var(--transition-base);

}



.navbar-nav .nav-link:hover,

.navbar-nav .nav-link:focus {

  color: var(--color-burgundy);

}



.navbar-nav .nav-link:hover::after,

.navbar-nav .nav-link:focus::after {

  width: 60%;

  left: 20%;

}



.navbar-toggler {

  border: 1px solid var(--color-gold);

  padding: 0.4rem 0.6rem;

}



.navbar-toggler:focus {

  box-shadow: 0 0 0 3px var(--color-gold-light);

}



/* --------------------------------------------------------------------------

   7. Hero Section

   -------------------------------------------------------------------------- */

.hero-section {

  height: 92vh;

  min-height: 560px;

  max-height: 900px;

  overflow: hidden;

}



.heroSwiper {

  width: 100%;

  height: 100%;

}



.heroSwiper .swiper-slide {

  position: relative;

  overflow: hidden;

}



.heroSwiper .swiper-slide img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transform: scale(1.05);

  transition: transform 6s ease;

}



.heroSwiper .swiper-slide-active img {

  transform: scale(1);

}



.hero-overlay {

  position: absolute;

  inset: 0;

  background: linear-gradient(

    180deg,

    rgba(41, 37, 38, 0.55) 0%,

    rgba(41, 37, 38, 0.45) 45%,

    rgba(41, 37, 38, 0.7) 100%

  );

  z-index: 1;

}



.hero-content {

  z-index: 2;

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

}



.hero-content h2 {

  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.35);

  line-height: 1.2;

}



.hero-content .lead {

  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);

  font-weight: 300;

}



/* Swiper navigation buttons */

.heroSwiper .swiper-button-next,

.heroSwiper .swiper-button-prev {

  color: var(--color-white);

  width: 52px;

  height: 52px;

  background: rgba(255, 255, 255, 0.12);

  border: 1px solid rgba(255, 255, 255, 0.35);

  border-radius: 50%;

  backdrop-filter: blur(4px);

  transition: all var(--transition-base);

}



.heroSwiper .swiper-button-next:hover,

.heroSwiper .swiper-button-prev:hover {

  background: var(--color-gold);

  border-color: var(--color-gold);

}



.heroSwiper .swiper-button-next::after,

.heroSwiper .swiper-button-prev::after {

  font-size: 1.1rem;

  font-weight: 700;

}



.heroSwiper .swiper-pagination-bullet {

  background: rgba(255, 255, 255, 0.65);

  opacity: 1;

  width: 10px;

  height: 10px;

  transition: all var(--transition-fast);

}



.heroSwiper .swiper-pagination-bullet-active {

  background: var(--color-gold);

  width: 28px;

  border-radius: 6px;

}



/* --------------------------------------------------------------------------

   8. About Section

   -------------------------------------------------------------------------- */

#about img {

  object-fit: cover;

  min-height: 350px;

}



#about ul li {

  font-size: 0.95rem;

  color: var(--color-charcoal);

}



/* --------------------------------------------------------------------------

   9. Services Section

   -------------------------------------------------------------------------- */

.service-card {

  transition: transform var(--transition-base), box-shadow var(--transition-base);

  overflow: hidden;

  background-color: var(--color-white);

}



.service-card:hover {

  transform: translateY(-6px);

  box-shadow: var(--shadow-lg) !important;

}



.service-card .card-img-top {

  transition: transform 0.6s ease;

}



.service-card:hover .card-img-top {

  transform: scale(1.06);

}



.service-card h5 {

  color: var(--color-burgundy);

  font-size: 1.1rem;

}



.service-card .btn-sm {

  font-size: 0.78rem;

  padding: 0.4rem 0.6rem;

  font-weight: 500;

}



/* --------------------------------------------------------------------------

   10. Why Choose Us

   -------------------------------------------------------------------------- */

#why-choose .rounded-4 {

  transition: transform var(--transition-base), box-shadow var(--transition-base);

}



#why-choose .rounded-4:hover {

  transform: translateY(-5px);

  box-shadow: var(--shadow-md) !important;

}



#why-choose h5 {

  font-size: 1.08rem;

  color: var(--color-burgundy);

}



/* --------------------------------------------------------------------------

   11. Booking Process Timeline

   -------------------------------------------------------------------------- */

.process-step {

  width: 72px;

  height: 72px;

  font-family: var(--font-heading);

  font-size: 1.9rem;

  font-weight: 700;

  color: var(--color-burgundy);

  border: 2px solid var(--color-gold);

  background-color: var(--color-white) !important;

  transition: all var(--transition-base);

}



.process-timeline .col-md-3:hover .process-step {

  background-color: var(--color-gold) !important;

  color: var(--color-white);

  transform: scale(1.08);

}



/* Horizontal connector line on desktop */

@media (min-width: 768px) {

  .process-timeline {

    position: relative;

  }

  .process-timeline::before {

    content: '';

    position: absolute;

    top: 36px;

    left: 12%;

    right: 12%;

    height: 2px;

    background: linear-gradient(

      90deg,

      var(--color-gold-light) 0%,

      var(--color-gold) 50%,

      var(--color-gold-light) 100%

    );

    z-index: 0;

  }

  .process-timeline .col-md-3 {

    position: relative;

    z-index: 1;

  }

}



/* --------------------------------------------------------------------------

   12. Gallery

   -------------------------------------------------------------------------- */

.gallery-img {

  width: 100%;

  height: 220px;

  object-fit: cover;

  transition: transform 0.5s ease, filter 0.5s ease;

  cursor: pointer;

}



.glightbox {

  display: block;

  overflow: hidden;

  border-radius: 0.75rem;

  position: relative;

}



.glightbox::after {

  content: '\F52A';

  font-family: 'bootstrap-icons';

  position: absolute;

  top: 50%;

  left: 50%;

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

  color: var(--color-white);

  font-size: 1.8rem;

  opacity: 0;

  transition: opacity var(--transition-base), transform var(--transition-base);

  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);

  pointer-events: none;

}



.glightbox:hover::after {

  opacity: 1;

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

}



.glightbox:hover .gallery-img {

  transform: scale(1.08);

  filter: brightness(0.85);

}



/* --------------------------------------------------------------------------

   13. Testimonials

   -------------------------------------------------------------------------- */

.testimonialSwiper .card {

  background-color: var(--color-white);

  transition: transform var(--transition-base), box-shadow var(--transition-base);

}



.testimonialSwiper .card:hover {

  transform: translateY(-4px);

  box-shadow: var(--shadow-md) !important;

}



.testimonialSwiper .card p {

  line-height: 1.7;

}



.testimonialSwiper .swiper-pagination-bullet {

  background: var(--color-gold);

  opacity: 0.4;

  width: 10px;

  height: 10px;

}



.testimonialSwiper .swiper-pagination-bullet-active {

  opacity: 1;

  width: 28px;

  border-radius: 6px;

}



/* --------------------------------------------------------------------------

   14. Contact Section

   -------------------------------------------------------------------------- */

#contact a.text-decoration-none:hover {

  color: var(--color-gold) !important;

}



#contact iframe {

  display: block;

  width: 100%;

  border-radius: var(--radius-lg);

}



/* Enquiry form */

#enquiryForm .form-control,

#enquiryForm .form-select {

  border: 1px solid #e3dcd3;

  border-radius: 0.65rem;

  padding: 0.7rem 0.95rem;

  font-size: 0.95rem;

  background-color: var(--color-white);

  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);

}



#enquiryForm .form-control:focus,

#enquiryForm .form-select:focus {

  border-color: var(--color-gold);

  box-shadow: 0 0 0 0.2rem var(--color-gold-light);

}



#enquiryForm .form-label {

  font-weight: 500;

  font-size: 0.88rem;

  color: var(--color-charcoal);

  margin-bottom: 0.35rem;

}



#enquiryForm .invalid-feedback {

  font-size: 0.8rem;

}



#enquiryForm .form-control.is-invalid,

#enquiryForm .form-select.is-invalid {

  border-color: #dc3545;

}



#enquiryForm .form-control.is-valid,

#enquiryForm .form-select.is-valid {

  border-color: #198754;

}



/* --------------------------------------------------------------------------

   15. FAQ Accordion

   -------------------------------------------------------------------------- */

#faqAccordion .accordion-button {

  font-family: var(--font-body);

  font-size: 1rem;

  color: var(--color-charcoal);

  background-color: transparent;

  padding: 1.15rem 1rem 1.15rem 0;

  box-shadow: none;

  border-radius: 0 !important;

}



#faqAccordion .accordion-button:not(.collapsed) {

  color: var(--color-burgundy);

  background-color: transparent;

  box-shadow: none;

}



#faqAccordion .accordion-button:focus {

  box-shadow: none;

  border-color: transparent;

}



#faqAccordion .accordion-button::after {

  background-size: 1rem;

  width: 1rem;

  height: 1rem;

}



#faqAccordion .accordion-button:not(.collapsed)::after {

  filter: hue-rotate(300deg) saturate(0.6);

}



#faqAccordion .accordion-body {

  padding: 0 1rem 1.4rem 0;

  font-size: 0.95rem;

  color: rgba(41, 37, 38, 0.82);

  line-height: 1.75;

}



#faqAccordion .accordion-item {

  border-color: rgba(197, 164, 109, 0.25);

}



/* --------------------------------------------------------------------------

   16. CTA Banner

   -------------------------------------------------------------------------- */

.cta-section {

  min-height: 380px;

  overflow: hidden;

}



.cta-section img {

  object-fit: cover;

  object-position: center;

}



.cta-overlay {

  background: linear-gradient(

    135deg,

    rgba(101, 31, 54, 0.85) 0%,

    rgba(41, 37, 38, 0.8) 100%

  );

}



.cta-section h2 {

  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.3);

}



/* --------------------------------------------------------------------------

   17. Footer

   -------------------------------------------------------------------------- */

footer {

  font-size: 0.9rem;

}



footer h5,

footer h6 {

  letter-spacing: 0.4px;

}



footer ul li {

  margin-bottom: 0.45rem;

}



footer ul li a {

  transition: color var(--transition-fast), padding-left var(--transition-fast);

  display: inline-block;

}



footer ul li a:hover {

  color: var(--color-gold) !important;

  padding-left: 4px;

}



footer .btn-sm {

  font-size: 0.8rem;

  padding: 0.35rem 0.85rem;

}



footer hr {

  border-color: rgba(255, 255, 255, 0.15);

}



/* --------------------------------------------------------------------------

   18. Floating Action Buttons

   -------------------------------------------------------------------------- */

.floating-buttons {

  position: fixed;

  right: 18px;

  bottom: 18px;

  display: flex;

  flex-direction: column;

  gap: 12px;

  z-index: 1050;

  transition: opacity var(--transition-base);

}



.float-btn {

  width: 56px;

  height: 56px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  color: var(--color-white);

  font-size: 1.35rem;

  text-decoration: none;

  box-shadow: var(--shadow-md);

  transition: transform var(--transition-base), box-shadow var(--transition-base),

    background-color var(--transition-base);

}



.float-btn:hover,

.float-btn:focus {

  transform: scale(1.1) translateY(-2px);

  color: var(--color-white);

  box-shadow: var(--shadow-lg);

}



.call-btn {

  background-color: var(--color-burgundy);

}



.call-btn:hover,

.call-btn:focus {

  background-color: #7c2743;

}



.whatsapp-btn {

  background-color: #25D366;

}



.whatsapp-btn:hover,

.whatsapp-btn:focus {

  background-color: #1ebe5a;

}



/* --------------------------------------------------------------------------

   19. Responsive Adjustments

   -------------------------------------------------------------------------- */

@media (max-width: 991.98px) {

  .navbar-nav {

    padding-top: 0.75rem;

    border-top: 1px solid var(--color-gold-light);

    margin-top: 0.75rem;

  }



  .navbar-nav .nav-link {

    padding: 0.6rem 0 !important;

  }



  .navbar-nav .nav-link::after {

    display: none;

  }



  .navbar-nav .btn {

    width: 100%;

    margin-top: 0.5rem;

  }

}



@media (max-width: 767.98px) {

  .hero-section {

    height: 88vh;

    min-height: 520px;

  }



  .hero-content h2 {

    font-size: 1.65rem;

  }



  .hero-content .lead {

    font-size: 0.95rem;

  }



  .hero-content .btn {

    font-size: 0.9rem;

    padding: 0.65rem 1.25rem !important;

  }



  .heroSwiper .swiper-button-next,

  .heroSwiper .swiper-button-prev {

    width: 42px;

    height: 42px;

  }



  .heroSwiper .swiper-button-next::after,

  .heroSwiper .swiper-button-prev::after {

    font-size: 0.9rem;

  }



  .process-step {

    width: 60px;

    height: 60px;

    font-size: 1.5rem;

  }



  .gallery-img {

    height: 150px;

  }



  .floating-buttons {

    right: 12px;

    bottom: 12px;

    gap: 10px;

  }



  .float-btn {

    width: 50px;

    height: 50px;

    font-size: 1.15rem;

  }



  .cta-section {

    min-height: 320px;

  }



  .cta-section h2 {

    font-size: 1.5rem;

  }

}



@media (max-width: 575.98px) {

  .hero-section {

    height: 85vh;

    min-height: 480px;

  }



  .hero-content h2 {

    font-size: 1.4rem;

  }



  .top-bar {

    font-size: 0.75rem;

  }



  .display-6 {

    font-size: 1.6rem;

  }



  .gallery-img {

    height: 130px;

  }

}



/* --------------------------------------------------------------------------

   20. Reduced Motion Support

   -------------------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {

  *,

  *::before,

  *::after {

    animation-duration: 0.001ms !important;

    animation-iteration-count: 1 !important;

    transition-duration: 0.001ms !important;

    scroll-behavior: auto !important;

  }



  .heroSwiper .swiper-slide img {

    transform: none !important;

  }



  .service-card:hover,

  .service-card:hover .card-img-top,

  .glightbox:hover .gallery-img,

  #why-choose .rounded-4:hover,

  .testimonialSwiper .card:hover,

  .float-btn:hover,

  .float-btn:focus,

  .process-timeline .col-md-3:hover .process-step {

    transform: none !important;

  }

}



/* --------------------------------------------------------------------------

   21. Print Styles (light optimization)

   -------------------------------------------------------------------------- */

@media print {

  .top-bar,

  .navbar,

  .hero-section,

  .floating-buttons,

  .cta-section,

  footer .btn,

  .swiper-button-next,

  .swiper-button-prev,

  .swiper-pagination {

    display: none !important;

  }



  body {

    background: #fff;

    color: #000;

  }

}