#page {position: relative;}
.dt-logo{display: flex;align-items: center;}
.dt-logo img{transition: height 0.5s ease-in-out;height: 71px;}
.sticky .dt-logo img{height: 50px;}
.site-header { padding: 0; width: 100%; background-color: var(--white); position: sticky;top:0; height: auto;z-index: 99;transition: all 0.5s ease-in-out;}
.site-header nav.navbar{align-items: center;}
.site-header *{transition: all 0.3s ease-in-out;}
header .dt-container{position: static;}

.logged-in .sticky { top: 32px; }
.logged-in .heeader{top:calc(60px + 32px);}

.dt-header-cta { display: flex; align-items: center; }
.dt-header-cta a { font-size:16px;color: #353535; }
.dt-header-cta a img { margin-right: 10px; }
.dt-header-cta .seprator { width: 1px; height: 60px;max-height: 80%; background-color: #E2E2E2; margin: 0 20px; display: inline-block; }


.navbar, .dropdown, .dropend, .dropstart, .dropup{position: static;}
.navbar .btn-simple:focus-visible, .navbar .btn-simple img:focus-visible{outline: none;}
.navbar-nav .nav-link{font-size: 16px;color: #353535;min-height: 100px;}
.navbar-nav .nav-link > svg{margin-left: 5px;}
.sticky .navbar-nav .nav-link{min-height: 50px;}
.navbar-nav .nav-link:hover{color: var(--red);transition: all 0.3s ease-in-out;}
.navbar-nav .nav-link:hover > svg *{fill: var(--red);}
.dropdown-toggle::after{display: none;}

/* Black Theme  */
.black-version{ display: none; }
.white-version{ display: block; }
.theme-black .black-version { display: block; }
.theme-black .white-version { display: none; }
/* Dark Header */
.theme-black .site-header{background: #000;color: var(--white);}
.theme-black .navbar-nav .nav-link{color: var(--white);}
.theme-black .navbar-nav .nav-link > svg *,
.theme-black .mobile-menu .nav-link > svg *{fill: var(--black);}
.theme-black .navbar-nav .nav-link:hover > svg *,
.theme-black .mobile-menu .nav-link:hover > svg *{fill: var(--red);}
.theme-black .dt-header-cta a{color: var(--white);}
.theme-black .dropdown-menu.mega-menu-full{background-color: #0F1014;}
.theme-black .mega-right >ul >li:hover{background-color: #1C1C1C;}
.theme-black .mega-right >ul >li >p,
.theme-black .mega-left h5,
.theme-black .mega-left p,
.theme-black .mega-right >ul >li >a{color: var(--white);}


/* Site Footer */
.site-footer { background-color: #000; padding-top: 8rem; color: #fff; overflow: hidden;}

/* Base: Mobile first */
.footer-grid { display: grid; grid-template-columns: 1fr; gap: 20px;}

/* Tablet (≥768px) */
@media (min-width: 768px) {
  .footer-grid {grid-template-columns: repeat(3, 1fr);}
}

/* Desktop (≥1200px) */
@media (min-width: 1200px) {
  .footer-grid {grid-template-columns: repeat(3, 1fr);}
}

/* Large screens (≥1600px) → 5 columns */
@media (min-width: 1600px) {
  .footer-grid {grid-template-columns: repeat(5, 1fr);}
}

.site-footer .menu {min-width: 220px;}

.footer-services { border-top: 1px solid #262626; padding: 80px 0px; background-color: #f5f5f5; color: #000;}
.footer-services ul li { width: 100%; display: inline-block;}
.footer-services ul li a { color: #1F1F1F; display: block; padding: 8px 0px !important; font-size: 16px !important;transition: all 0.3s ease-in-out;}
.footer-services h4 {color: #1F1F1F;}
.footer-services ul li a:hover {color: var(--red) !important;}

.footer-location{background-color: var(--red);border-radius: 50px;}
.footer-location a {font-size: 24px;padding: 6px 0px;color: #fff;}

.footer-bottom-bg{background-color: #f5f5f5;}
.footer-bottom {border-top: 1px solid #A7A7A7;padding: 20px;}
.footer-bottom .copyright a { font-size: 16px; color: #1F1F1F; margin-bottom: 0; transition: all 0.3s ease-in-out;}
.footer-bottom .copyright a:hover{color: var(--red) !important;}
.copyright {color: #1F1F1F;}
ul.social-icons,
ul.shareon { display: flex; align-items: center; justify-content: flex-end;}
ul.social-icons a,
ul.shareon a {padding-left: 1rem;}
ul.social-icons a img { filter: grayscale(1); transition: all 0.3s ease-in-out;}
ul.social-icons a:hover img {filter: grayscale(0);}

/* Dark Footer */
.theme-black .footer-services,
.theme-black .footer-bottom-bg{background-color: #0F1014;}
.theme-black .footer-services h4,
.theme-black .footer-services ul li a,
.theme-black .copyright,
.theme-black .footer-services p,
.theme-black .footer-services .normal,
.theme-black .footer-bottom .copyright a{color: var(--white);}
.theme-black .footer-bottom{border-color: var(--white);}
.theme-black ul.social-icons a img{filter: invert(1);}

/* Dark Elements */
  .theme-black .page{background-color: #000;}
	.theme-black .new-left{background-color: black;}
	.theme-black .new-right{background-color: #3e3e3e;}
	.theme-black .dark-theme .owl-carousel .owl-item img {filter: brightness(0) invert(1);}
	.theme-black .black{color: #fff !important;}
	.theme-black .black-page .customer-slider .owl-item img{filter: brightness(0) invert(1);}


/* Full-width mega menu */
@media screen and (min-width: 1200px) {
  .navbar-expand-xl .navbar-nav { justify-content: space-evenly; display: flex; width: 100%; }
  .dropdown-menu.mega-menu-full { position: absolute; top: 100%; left: 0; width: 100vw; max-width: 100%; padding: 2rem; border-radius: 0; border: none; background-color: #f6f6f6; box-shadow: 0 6px 10px rgba(0,0,0,0.1);transition: all 0.3s ease-in-out;}

  .dropdown-menu.mega-menu-full { opacity: 0; visibility: hidden; transform: translateY(10px); transition: opacity 0.25s ease, transform 0.25s ease; display: block;z-index: 99; }
  .dropdown-menu.mega-menu-full.show { opacity: 1; visibility: visible; transform: translateY(0);z-index: 999; }

  .mega-menu-full .dt-container {margin: 0 auto;}
  .navbar-nav .nav-item.dropdown.mega-menu {position: static;}
  .mega-left{display: flex;flex-direction: column;}
  .mega-left h5{font-size: 18px;font-weight: 800;color: #000;margin-bottom: 15px;}
  .mega-left p{font-size: 12px;color: #000;}
  .mega-left .mega-image{margin-top: 30px;}
  .mega-left .mega-image img {width: 100%;height: auto;}


  .mega-right >ul{ display: grid; grid-auto-flow: column; grid-template-rows: repeat(5, auto); gap: 0;}
  .navbar-nav .nav-item:nth-child(5) .mega-menu-full .mega-right .mega-items {grid-template-rows: repeat(4, auto);}
  .navbar-nav .nav-item:nth-child(7) .mega-menu-full .mega-right .mega-items {grid-template-rows: repeat(2, auto);}
  .mega-right >ul >li{padding: 10px;}
  .mega-right >ul >li >a{font-size: 14px;font-weight: 500;color: #000;margin-bottom: 5px;display: block;}
  .mega-right >ul >li:hover{background-color: #e6e5e5;}
  .mega-right >ul >li:hover >a{color: var(--red);}
  .mega-right >ul >li >p{font-size: 12px;font-weight: 400;color: #353535;text-transform: capitalize;max-width: 240px;}
}
/* Mobile Menu */

@media screen and (max-width: 1600px) {
 .dt-logo{max-width: 180px;}

 .navbar-nav .nav-link{min-height: 81px;}
 .dt-header-cta .seprator{height: 50px;}
 .dt-header-cta a {font-size: 0;min-width: 20px;}

}
@media screen and (max-width: 1440px) {
  header .dt-logo{max-width: 120px;}

  .navbar-nav .nav-link{min-height: 71px;font-size: 15px;}
  .dt-header-cta .seprator{height: 40px;}
  .dt-header-cta .btn{font-size: 14px;min-width: auto;}
  .footer-services h4 {font-size: 24px !important;}
  .footer-services a{font-size: 16px;}
  .footer-location a{font-size: 20px;}
  .footer-bottom .copyright, .footer-bottom .copyright a {font-size: 14px !important;}

}
@media screen and (max-width: 1199px) {

  .offcanvas-end{max-width: 90vw;}
  .offcanvas-header{padding: 10px;}
  .offcanvas-body{padding: 10px;}
  .dt-logo{max-width: 160px;}
  .mega-left{display: none;}
  .mobile-menu .nav-item{border-bottom: 1px solid #00000024;}
  .mobile-menu .nav-item.show > .nav-link > svg *{fill: var(--red);}
  .mobile-menu .nav-item:last-child{border-bottom: none;}
  .mobile-menu .nav-item > .nav-link{font-size: 18px;font-weight: 500;color: #000;display: flex;justify-content: space-between;padding: 16px 14px;}
  .mobile-menu .nav-item > .nav-link:hover{color: var(--red);}
  .mega-right >ul >li{padding: 0px;border-bottom: 1px solid #00000024;}
  .mega-right >ul >li:last-child{border-bottom: 0;}
  .mega-right >ul >li >a{font-size: 14px;font-weight: 400;color: #000;display: block;line-height: 25px;padding: 10px;}
  .mega-right >ul >li >a:hover{background-color: var(--white);}
  .mega-right >ul >li p{display: none;}
  .dropdown-menu.mega-menu-full {position: relative;width: 100%;border: none;background-color: #f6f6f6;overflow: hidden;border-top:1px solid #00000024;}
  .dropdown-menu.mega-menu-full.show {display: block;}

  .theme-black .offcanvas{background-color: #0F1014;}
  .theme-black .dropdown-menu.mega-menu-full{background-color: #1C1C1C;border-color: #ffffff24;}
  .theme-black .mobile-menu .nav-item{border-color: #ffffff24;}
  .theme-black .mobile-menu .nav-item > .nav-link{color: var(--white);}
  .theme-black .mega-right >ul >li >a:hover{background-color: var(--black);}

  .site-footer {padding-top: 0;}
  .footer-location a{font-size: 16px;}
}
@media screen and (max-width: 782px){
  .logged-in .sticky{top: 46px;}
}
@media screen and (max-width: 767px) {
  .footer-location{border-radius: 10px;}
  .footer-location a {
      width: 50%;
   }
}