/* Custom Spacing Adjustments for Mobile and Web */
/* Optimized padding and margin values for better responsiveness */

/* ===== GLOBAL ADJUSTMENTS ===== */

/* Global paragraph font size */
p {
  font-size: 18px;
}

/* Reduce section padding for mobile */
@media (max-width: 768px) {

  section,
  .section {
    padding: 40px 0;
  }
}

/* ===== HEADER ADJUSTMENTS ===== */
.header .branding {
  padding: 8px 0;
}

@media (max-width: 768px) {
  .header .branding {
    padding: 5px 0;
  }
}

/* ===== HERO SECTION ===== */
.hero {
  margin-top: 120px;
  min-height: 70vh !important;
  /* Reduced height to show next section */
}

@media (max-width: 768px) {
  .hero {
    margin-top: 100px;
    min-height: auto;
    padding: 40px 0;
  }
}

.hero .hero-content {
  padding: 1rem 0;
}

@media (max-width: 768px) {
  .hero .hero-content {
    padding: 0.5rem 0;
  }
}

.hero .hero-content h1 {
  margin: 1rem 0;
}

@media (max-width: 768px) {
  .hero .hero-content h1 {
    margin: 0.75rem 0;
  }
}

.hero .hero-content .hero-description {
  margin-bottom: 1.5rem;
}

@media (max-width: 768px) {
  .hero .hero-content .hero-description {
    margin-bottom: 1rem;
  }
}

.hero .hero-content .hero-actions {
  margin-bottom: 1.5rem;
}

@media (max-width: 768px) {
  .hero .hero-content .hero-actions {
    margin-bottom: 1rem;
  }
}

.hero .hero-content .hero-actions .btn {
  padding: 0.75rem 1.5rem;
}

@media (max-width: 768px) {
  .hero .hero-content .hero-actions .btn {
    padding: 0.65rem 1.25rem;
  }
}

.hero .hero-content .emergency-contact {
  padding: 0.75rem;
}

@media (max-width: 768px) {
  .hero .hero-content .emergency-contact {
    padding: 0.65rem;
  }
}

/* ===== PAGE TITLE ===== */
.page-title {
  padding-top: 120px;
}

@media (max-width: 768px) {
  .page-title {
    padding-top: 100px;
  }
}

.page-title .heading {
  min-height: 30vh;
  align-content: center;
  /* padding: 60px 0; */
}

@media (max-width: 768px) {
  .page-title .heading {
    padding: 40px 0;
  }
}

.page-title nav {
  padding: 15px 0;
}

@media (max-width: 768px) {
  .page-title nav {
    padding: 12px 0;
  }
}

/* ===== SECTION TITLES ===== */
.section-title {
  padding-bottom: 40px;
}

@media (max-width: 768px) {
  .section-title {
    padding-bottom: 30px;
  }
}

.section-title h2 {
  margin-bottom: 8px;
  padding-bottom: 15px;
}

@media (max-width: 768px) {
  .section-title h2 {
    margin-bottom: 6px;
    padding-bottom: 12px;
  }
}

/* ===== FOOTER ===== */
.footer-16 {
  padding: 60px 0 0;
}

@media (max-width: 768px) {
  .footer-16 {
    padding: 40px 0 0;
  }
}

.footer-16 .footer-main {
  margin-bottom: 50px;
}

@media (max-width: 768px) {
  .footer-16 .footer-main {
    margin-bottom: 30px;
  }

  .footer-16 .brand-section {
    margin-bottom: 30px;
  }
}

.footer-16 .brand-section .contact-info .contact-item {
  margin-bottom: 12px;
}

@media (max-width: 768px) {
  .footer-16 .brand-section .contact-info .contact-item {
    margin-bottom: 10px;
  }
}

.footer-16 .brand-section .contact-info .contact-item i {
  margin-right: 10px;
  margin-top: 2px;
}

@media (max-width: 768px) {
  .footer-16 .brand-section .contact-info .contact-item i {
    margin-right: 8px;
  }
}

.footer-16 .footer-nav-wrapper {
  padding-left: 40px;
}

@media (max-width: 991px) {
  .footer-16 .footer-nav-wrapper {
    padding-left: 0;
    margin-top: 30px;
  }
}

@media (max-width: 768px) {
  .footer-16 .footer-nav-wrapper {
    margin-top: 20px;
  }
}

.footer-16 .nav-column {
  margin-bottom: 30px;
}

@media (max-width: 768px) {
  .footer-16 .nav-column {
    margin-bottom: 20px;
  }
}

.footer-16 .nav-column h6 {
  margin-bottom: 18px;
}

@media (max-width: 768px) {
  .footer-16 .nav-column h6 {
    margin-bottom: 12px;
  }
}

.footer-16 .footer-social {
  padding: 35px 0;
}

@media (max-width: 768px) {
  .footer-16 .footer-social {
    padding: 25px 0;
  }
}

.footer-16 .footer-social .newsletter-section h5 {
  margin-bottom: 10px;
}

@media (max-width: 768px) {
  .footer-16 .footer-social .newsletter-section h5 {
    margin-bottom: 8px;
  }
}

.footer-16 .footer-social .social-section {
  margin-top: 0;
}

@media (max-width: 991px) {
  .footer-16 .footer-social .social-section {
    margin-top: 20px;
  }
}

@media (max-width: 768px) {
  .footer-16 .footer-social .social-section {
    margin-top: 15px;
  }
}

.footer-16 .footer-social .social-links {
  gap: 24px;
}

@media (max-width: 576px) {
  .footer-16 .footer-social .social-links {
    gap: 16px;
  }
}

.footer-16 .footer-bottom {
  padding: 25px 0;
}

@media (max-width: 768px) {
  .footer-16 .footer-bottom {
    padding: 20px 0;
  }
}

.footer-16 .footer-bottom .legal-links {
  gap: 18px;
}

@media (max-width: 991px) {
  .footer-16 .footer-bottom .legal-links {
    margin-top: 15px;
  }
}

@media (max-width: 768px) {
  .footer-16 .footer-bottom .legal-links {
    gap: 12px;
    margin-top: 12px;
  }
}

.footer-16 .footer-bottom .legal-links .credits {
  margin-left: 6px;
  padding-left: 18px;
}

@media (max-width: 576px) {
  .footer-16 .footer-bottom .legal-links .credits {
    margin-left: 0;
    padding-left: 0;
    margin-top: 10px;
  }
}

/* ===== SERVICES SECTION ===== */
.services .row {
  margin-top: 0;
}

.services .row.gy-4 {
  row-gap: 30px;
}

@media (max-width: 768px) {
  .services .row.gy-4 {
    row-gap: 20px;
  }
}

.services .row.mt-4 {
  margin-top: 30px !important;
}

@media (max-width: 768px) {
  .services .row.mt-4 {
    margin-top: 20px !important;
  }
}

/* ===== DEPARTMENT DETAILS ===== */
.department-details .services-overview {
  margin-bottom: 40px;
}

@media (max-width: 768px) {
  .department-details .services-overview {
    margin-bottom: 30px;
  }
}

.department-details .expert-care-section {
  margin-top: 50px;
}

@media (max-width: 768px) {
  .department-details .expert-care-section {
    margin-top: 30px;
  }
}

/* ===== CONTACT SECTION ===== */
.contact .contact-info-item {
  margin-bottom: 25px;
}

@media (max-width: 768px) {
  .contact .contact-info-item {
    margin-bottom: 20px;
  }
}

.contact .map-container {
  margin-top: 40px;
}

@media (max-width: 768px) {
  .contact .map-container {
    margin-top: 30px;
  }
}

/* ===== FORM SECTIONS ===== */
.php-email-form .error-message,
.php-email-form .sent-message,
.php-email-form .loading {
  padding: 12px;
  margin-bottom: 18px;
}

@media (max-width: 768px) {

  .php-email-form .error-message,
  .php-email-form .sent-message,
  .php-email-form .loading {
    padding: 10px;
    margin-bottom: 15px;
  }
}

/* ===== FEATURED SERVICES ===== */
.featured-services .service-details {
  padding: 30px;
}

@media (max-width: 768px) {
  .featured-services .service-details {
    padding: 20px;
  }
}

/* ===== CALL TO ACTION ===== */
.call-to-action .features-section {
  margin-top: 40px;
}

@media (max-width: 768px) {
  .call-to-action .features-section {
    margin-top: 30px;
  }
}

/* ===== CAREER PAGE ===== */
.service-details-2 .service-details .detail-item {
  margin-bottom: 25px;
}

@media (max-width: 768px) {
  .service-details-2 .service-details .detail-item {
    margin-bottom: 20px;
  }
}

/* ===== ABOUT PAGE ===== */
.departments-tabs .department-info {
  padding: 20px;
}

@media (max-width: 768px) {
  .departments-tabs .department-info {
    padding: 15px;
  }
}

/* ===== EMPLOYEE FORM ===== */
.form-container .form-card {
  padding: 35px;
}

@media (max-width: 768px) {
  .form-container .form-card {
    padding: 25px;
  }
}

.form-container .form-header {
  margin-bottom: 30px;
}

@media (max-width: 768px) {
  .form-container .form-header {
    margin-bottom: 20px;
  }
}

/* ===== NAVIGATION MENU ===== */
@media (min-width: 1200px) {
  .navmenu>ul>li {
    padding: 15px 12px;
  }
}

@media (max-width: 1199px) {
  .navmenu ul {
    padding: 8px 0;
    margin: 0;
  }

  .navmenu a,
  .navmenu a:focus {
    padding: 8px 16px;
  }

  .navmenu .dropdown ul {
    padding: 8px 0;
    margin: 8px 16px;
  }
}

/* ===== MOBILE SPECIFIC ADJUSTMENTS ===== */
@media (max-width: 576px) {

  /* Reduce all container padding on very small screens */
  .container {
    padding-left: 12px;
    padding-right: 12px;
  }

  /* Adjust row gutters */
  .row {
    margin-left: -8px;
    margin-right: -8px;
  }

  .row>* {
    padding-left: 8px;
    padding-right: 8px;
  }
}

/* ===== UTILITY CLASSES ===== */
.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

@media (max-width: 768px) {
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-md-3 {
    margin-bottom: 1rem !important;
  }

  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }

  .mt-md-2 {
    margin-top: 0.5rem !important;
  }

  .mt-md-3 {
    margin-top: 1rem !important;
  }

  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
}


/* ===== SERVICES MEGA MENU - 2 COLUMNS ===== */
@media (min-width: 1200px) {
  .navmenu .services-mega-menu {
    display: flex !important;
    flex-direction: row;
    min-width: 500px;
    padding: 15px 0;
  }

  .navmenu .services-mega-menu .mega-menu-column {
    flex: 1;
    min-width: 250px;
    padding: 0 10px;
  }

  .navmenu .services-mega-menu .mega-menu-column>a {
    font-weight: 600;
    color: var(--nav-dropdown-color);
    pointer-events: none;
    padding: 10px 20px;
  }

  .navmenu .services-mega-menu .mega-menu-column ul {
    position: static !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 5px 0 !important;
    margin: 0 !important;
  }

  .navmenu .services-mega-menu .mega-menu-column ul li {
    min-width: auto;
  }

  .navmenu .services-mega-menu .mega-menu-column .toggle-dropdown {
    display: none;
  }
}

/* Mobile view - keep default behavior */
@media (max-width: 1199px) {
  .navmenu .services-mega-menu {
    display: block;
  }

  .navmenu .services-mega-menu .mega-menu-column>a {
    pointer-events: auto;
  }
}