@media only screen and (max-width: 768px) {
  .social-links,
  .social-links-list {
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow: visible;
    padding-left: 20px;
  }
  .inner-banner {
    padding-top: 100px;
  }
  .inner-banner .main-banner-content h1 {
    font-size: 32px;
  }
  .inner-banner .main-banner-content p {
    font-size: 16px;
  }
  .banner-form {
    margin-top: 20px;
  }
  .ptb-footer {
    padding-top: 30px;
    padding-bottom: 0px;
  }
  .feather-col {
    display: none;
  }
  .footer-box-1, .footer-box-2 {
    margin-bottom: 5px;
  }
  .footer-box-1 p {
    padding: 5px 0;
  }
  .copyright-sec {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .bottom-hr {
    margin: 0;
    display: none;
  }

  /* Hide hero paragraph and list on mobile */
  .book-banner-area .main-banner-content p,
  .book-banner-area .main-banner-content .banner-features {
    display: none;
  }
}

/* Desktop Styles for Footer */
.ptb-footer {
  padding-top: 30px !important;
  padding-bottom: 0px !important;
}

/* Remove extra gap above footer */
#contact-us {
  padding-bottom: 50px !important;
}
.feather-img img {
  max-height: 200px;
  object-fit: contain;
  object-position: bottom right;
}
.foot-row {
  min-height: auto !important;
}

/* Tighten internal footer spacing to remove gaps */
.footer-box-1 .clock-box-links {
    margin-bottom: 10px !important; /* Reduced from default */
    padding-bottom: 10px !important;
}

.footer-box-1 strong.h6 {
    display: block;
    padding-bottom: 5px !important; /* Reduced from 10px */
    margin-bottom: 0 !important;
}

.social-links {
    margin-top: 5px !important; /* Reduced from 10px */
}

.social-links strong.h5 {
    margin-bottom: 5px !important;
    display: inline-block;
}

.social-links-list {
    margin-bottom: 0 !important;
}

/* Reduce gap between social icons and DMCA section */
.clearfix + .social-links {
    margin-top: 5px !important;
}

.bottom-hr {
  margin: 0;
  border-top: 1px solid rgba(0,0,0,0.1);
  opacity: 1;
  display: none; /* Hide the HR line completely to remove any residual spacing around it */
}

/* Remove bottom margins from footer elements to close the gap */
.footer-box-1, .footer-box-2 {
    margin-bottom: 0 !important;
}

.social-links {
    margin-bottom: 0 !important;
}

.awards-links {
    margin-bottom: 0 !important;
}

/* Ensure feather image doesn't push height too much on desktop if not needed, 
   but user didn't ask to hide it on desktop, just fix gap. 
   Reduced padding should fix the main gap. */

img {
  max-width: 100%;
  height: auto;
}

html, body {
  overflow-x: hidden;
}

/* Footer feather gap fix */
.feather-col { padding: 0; }
.feather-img { margin: 0; line-height: 0; }
.feather-img img { display: block; margin-bottom: -4px; }
.ptb-footer .row.foot-row { align-items: flex-end; }

/* ── Nav Dropdown (Desktop) ── */
.navbar { z-index: 10000 !important; }
.bp-has-dropdown { position: relative; z-index: 10000; }
.bp-chevron { display: inline-block; vertical-align: middle; margin-left: 4px; transition: transform 0.2s; }
.bp-has-dropdown.bp-open .bp-chevron { transform: rotate(180deg); }

.bp-nav-dropdown {
    list-style: none;
    margin: 0;
    padding: 8px;
    /* Desktop: absolute dropdown */
    position: absolute;
    top: calc(100% + 12px);
    left: 50%;
    transform: translateX(-50%) translateY(6px);
    min-width: 230px;
    background: #fff;
    border-radius: 10px;
    border-top: 3px solid #3173BB;
    box-shadow: 0 8px 32px rgba(49,115,187,0.13), 0 2px 8px rgba(0,0,0,0.08);
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
    display: block;
}
.bp-nav-dropdown::before {
    content: '';
    position: absolute;
    top: -9px; left: 50%;
    transform: translateX(-50%);
    border: 6px solid transparent;
    border-bottom-color: #3173BB;
    border-top: none;
}
.bp-has-dropdown.bp-open .bp-nav-dropdown {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0);
}
.bp-nav-dropdown li a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 14px;
    font-size: 13px;
    font-weight: 500;
    color: #333;
    white-space: nowrap;
    text-decoration: none;
    border-radius: 7px;
}
.bp-nav-dropdown li a:hover { color: #3173BB; background: #f0f6ff; }
.bp-dd-icon {
    display: flex; align-items: center; justify-content: center;
    width: 28px; height: 28px;
    background: #f0f6ff; border-radius: 6px; flex-shrink: 0; color: #3173BB;
}
.bp-nav-dropdown li a:hover .bp-dd-icon { background: #3173BB; color: #fff; }
.bp-dd-divider { border-top: 1px solid #f0f0f0; margin-top: 4px; padding-top: 4px; }
.bp-dd-divider a { color: #3173BB !important; font-weight: 600 !important; }

/* ── Nav Dropdown (Mobile ≤991px) ── */
@media (max-width: 991px) {
    .bp-nav-dropdown {
        /* Reset desktop positioning */
        position: static !important;
        transform: none !important;
        left: auto !important;
        top: auto !important;
        /* Reset desktop visuals */
        box-shadow: none !important;
        border-radius: 0 !important;
        border-top: none !important;
        border-bottom: none !important;
        /* Mobile style */
        border-left: 3px solid #3173BB !important;
        background: #f0f6ff !important;
        padding: 4px 0 4px 8px !important;
        margin: 2px 0 6px 12px !important;
        min-width: unset !important;
        width: calc(100% - 12px) !important;
        /* Always visible when open — use display toggle */
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        /* Hidden by default via display */
    }
    .bp-nav-dropdown::before { display: none !important; }
    /* Show when parent has bp-open */
    .bp-has-dropdown.bp-open .bp-nav-dropdown {
        display: block !important;
    }
    .bp-nav-dropdown li a {
        padding: 8px 10px !important;
        font-size: 14px !important;
        white-space: normal !important;
        color: #222 !important;
        border-radius: 5px !important;
    }
    .bp-dd-icon { width: 22px !important; height: 22px !important; }
}

/* ── Fixed Bottom CTA Bar ── */
.fixed-cta-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    z-index: 9999;
    box-shadow: 0 -3px 12px rgba(0,0,0,0.2);
}
.fixed-cta-bar a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 50%;
    padding: 14px 10px;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    letter-spacing: 0.3px;
    transition: 0.3s;
}
.fixed-cta-bar .cta-get-started {
    background: #ffffff;
    color: #3173BB;
    border-top: 2px solid #3173BB;
}
.fixed-cta-bar .cta-get-started:hover {
    background: #f0f6ff;
}
.fixed-cta-bar .cta-call-now {
    background: #3173BB;
    color: #ffffff;
}
.fixed-cta-bar .cta-call-now:hover {
    background: #265fa0;
}
.fixed-cta-bar .cta-live-chat {
    background: #3173BB;
    color: #ffffff;
}
.fixed-cta-bar .cta-live-chat:hover {
    background: #265fa0;
}
.fixed-cta-bar i { font-size: 16px; }

/* Fixed CTA bar: mobile/tablet only */
.fixed-cta-bar { display: none !important; }
.fixed-cta-bar .cta-call-now { display: none; }
.fixed-cta-bar .cta-live-chat { display: none; }

@media (max-width: 991px) {
    .fixed-cta-bar { display: flex !important; }
    .fixed-cta-bar .cta-call-now { display: flex !important; }
    .fixed-cta-bar .cta-live-chat { display: none !important; }
}

@media (max-width: 991px) { body { padding-bottom: 56px; } }

/* Hide old single call btn */
.mobile-call-btn { display: none !important; }
.desktop-call-fab { display: none !important; }

/* ── Section CTA: Desktop = Live Chat, Mobile = Call Now ── */
.bp-cta-callnow { display: none !important; }
.bp-cta-livechat { display: inline-block !important; }
.cta-btn-wrap { display: flex; flex-wrap: nowrap; gap: 10px; justify-content: unset; }
.cta-btn-wrap .btn-style { flex: 0 1 auto; white-space: nowrap; }
.cta-btn { display: flex !important; flex-wrap: nowrap !important; gap: 10px; align-items: center; }

@media (max-width: 767px) {
    .bp-cta-callnow { display: inline-block !important; }
    .bp-cta-livechat { display: none !important; }
}

@media (max-width: 767px) {

    /* Only kill heavy entrance/scroll animations on mobile */
    .animated, .wow,
    [class*="fadeIn"], [class*="fadeOut"],
    [class*="slideIn"], [class*="slideOut"],
    [class*="zoomIn"], [class*="zoomOut"],
    [class*="bounceIn"], [class*="bounceOut"],
    [class*="rotateIn"], [class*="flipIn"] {
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
        visibility: visible !important;
    }
}