:root {
  --primary-color: #F31414;
}
body {
  color: #333;
  font-family: "Roboto", sans-serif;
  overflow-x: hidden;
  line-height: 1.65;
}
p {
  margin-bottom: 0;
}
h2 {
  color: #000;
  font-size: 38px;
  font-weight: 600;
  margin-bottom: 15px;
}
h3 {
  color: #000;
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 12px;
}
h4 {
  font-size: 22px;
  font-weight: 600;
}
h5 {
  font-size: 20px;
  margin-bottom: 5px;
  color: var(--primary-color);
}
a, a:hover {
  text-decoration: none;
}
.primaryBtn {
  background-color: var(--primary-color);
  border: none;
  padding: 10px 25px;
  border-radius: 10px;
  display: flex;
  height: 42px;
  width: 200px;
  color: #fff;
  align-items: center;
  text-align: center;
  font-weight: 400;
}
.primaryBtn:hover {
  transition: all 0.5s;
  background: #151620;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.secondaryBtn {
  background: var(--primary-color);
  border: none;
  color: #fff !important;
  padding: 10px 25px;
  height: 42px;
  border-radius: 10px;
  font-weight: 400;
}
.secondaryBtn:hover { 
  background: #151620;
  transition: all 0.5s;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.form-control:focus {
  border-color: inherit !important;
  box-shadow: none !important;
}
/* Navbar Start */
.navbar {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
  background-color: transparent;
  transition: background-color 0.4s ease, box-shadow 0.4s ease;
  padding: 12px 0;
  transition: all 0.3s;
}
.navbarMenu-search {
  width: 18px;
  margin-left: 10px;
  cursor: pointer;
}
.navbarMenu-search:hover {
  opacity: 0.65;
  transition: all 0.5s;
}
.navbarContainer {
  margin: 20px auto;
  padding: 6px 25px;
  border-radius: 20px;
  background: rgb(255 255 255 / 5%);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  /* display: flex; */
  width: 100%;
  transition: background-color 0.4s ease, box-shadow 0.4s ease;
  /* justify-content: space-between;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap; */
}
.navbar.scrolled .navbarContainer {
  background-color: rgba(255, 255, 255, 1);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.navbar-brand img {
  height: 48px;
}
.navbar-nav .nav-link {
  color: #fff;
  font-weight: 400;
  margin: 0 10px;
  position: relative;
  padding-bottom: 0;
  padding-top: 0;
  font-size: 17px;
}
.navbar.scrolled .nav-link {
  color: #000;
  transition: all 0.5s;
}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link:hover {
  color: var(--primary-color);
  transition: all 0.5s;
}
.navbar-nav .nav-link:hover::after, .navbar-nav .nav-link.active::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  height: 1px;
  width: 75%;
  margin: 0 auto;
  background: var(--primary-color);
}
.navbar-toggler {
  background: #d2d2d3;
  cursor: pointer;
}
.navbar.scrolled .navbar-toggler {
  background: #fff;  
  transition: all 0.5s;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: none;
}
.navbar .search-icon {
  color: #fff;
  font-size: 18px;
  margin-left: 15px;
  cursor: pointer;
}
.nav-link.dropdown-toggle::after {
  display: none;
}
.custom-dropdown {
  position: relative;
  margin-right: 30px !important;
}
.custom-dropdown::before {
  content: "";
  position: absolute;
  right: -6px;
  top: 50%;
  transform: translateY(-50%);
  border-top: 4px solid currentColor;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}
.navbar .dropdown-toggle::after {    
  transform: rotate(270deg);
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: var(--primary-color) !important;
}
.scrolled .navbar-nav .nav-link.active, .scrolled .navbar-nav .nav-link.show {
  color: var(--primary-color) !important;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
  position: absolute;
  padding: 6px;
  border-radius: 10px;
  top: 50px;
  background: rgb(0 0 0 / 50%);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.scrolled.navbar-expand-lg .navbar-nav .dropdown-menu {
  background-color: rgba(255, 255, 255, 1);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.scrolled.navbar .dropdown-item {
  color: #000;
}
.second-sub-menu {
  position: absolute;
  padding: 6px;
  border-radius: 10px;
  top: 0px !important;
  left: 100% !important;
  margin-left: 4px;
  background: rgb(255 255 255 / 5%);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.navbar .dropdown-item {
  color: #ffffff;
  transition: all 0.5s;
}
.navbar .dropdown-item:focus, .navbar .dropdown-item:hover {
  transition: all 0.5s;
  color: var(--primary-color);
  background-color: transparent !important;
}
.navbar .dropdown-item:hover {
  padding-left: 10px;
  transition: all 0.5s;
}
.contact-menu {
  border-radius: 8px;
  padding: 0px 10px !important;
  background: rgb(243 20 20);
  display: -webkit-inline-box;
}
.scrolled .contact-menu {
  color: #fff !important;
  display: -webkit-inline-box;
}
.contact-menu:hover {
  transition: all 0.5s;
  background: #151620;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.contact-menu:hover::after, .contact-menu.active::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  height: 1px;
  width: 75%;
  margin: 0 auto;
  background: var(--primary-color);
  display: none;
}
.logo-scrolled {
  display: none;
}
.navbar.scrolled .logo-default {
  display: none;
}
.navbar.scrolled .logo-scrolled {
  display: block;
}
.navtopBar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.navtopBar a {
  color: #d7d7d7;
  font-size: 14px;
  transition: all 0.5s;
}
.navtopBar a:hover {
  opacity: 0.65;
}
.scrolled .navtopBar a {
  color: #212529;
  font-size: 14px;
}
.navtopBar img {
  max-width: 20px;
}
.navtopBar {
  transition: all 0.3s;
}
.scrolled .navtopBar {
  border-bottom: 1px solid #ececec;
  display: none;
}
.navtopBar span {
  color: #8d8d8d;
}
.navbottomBar {
  display: flex;
}

.menuiconGroup {
  display: flex;
  align-items: center;
}
.menuiconGroup .nav-icon {
  position: relative;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.menuiconGroup img {
  padding: 5px;
  width: 32px; 
  margin-left: 10px;
  border-radius: 5px;
  transition: all 0.3s ease;
}
.menuiconGroup img:hover {
  opacity: 0.65;
}
.menuiconGroup-badge {
  position: absolute;
  top: -5px;
  right: -5px;
  background: #22a734;
  color: #fff;
  font-size: 10px;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  z-index: 2;
}
.menuiconGroup-login {
  margin-left: 15px !important; 
  background-color: var(--primary-color) !important;
}
.menuiconGroup .nav-icon img:nth-child(1) {
  display: inline-block;
}
.menuiconGroup .nav-icon img:nth-child(2) {
  display: none;
}
.scrolled .menuiconGroup .nav-icon img:nth-child(1):not(:only-child) {
  display: none;
}
.scrolled .menuiconGroup .nav-icon img:nth-child(2) {
  display: inline-block;
}
.scrolled .menuiconGroup .nav-icon img.menuiconGroup-login {
  display: inline-block !important;
}
/* Navbar End */
/* Search Modal Start */
.searchModal .modal-content {
  background: #fff;
}
.searchModal .searchBox {
  display: flex;
  align-items: center;
}
.searchModal .searchBox input {
  position: relative;
}
.searchModal .searchIcon {
  position: absolute;
  right: 30px;
}
.searchModal .searchIcon img {
  width: 20px;
}
.searchModal h5 {
  color: #000;
  font-size: 20px;
}
.productCard img {
  width: 100%;
  height: 150px;
  object-fit: cover;
  object-position: center;
  margin-bottom: 10px;
}
/* .productCard:hover .productImg {
  opacity: 0.8;
} */
.productCard:hover .sale {
  opacity: 1 !important;
}
.productImg {
  position: relative;
  overflow: hidden;
}
.productImg img {
  width: 100%;
  display: block;
}
.productCard h6 {
  color: #000;
  margin-bottom: 4px;
}
.searchModal .productCard {
  background: #fff;
  border-radius: 15px;
  padding: 15px;
  display: block;
  border: 1px solid #eee;
  position: relative;
  transition: 0.3s;
}
.searchModal .productCard:hover {
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.searchModal .stars {
  color: orange;
  font-size: 14px;
}
.searchModal .price {
  font-size: 14px;
  font-weight: bold;  
  color: var(--primary-color);
}
.searchModal .price .old {
  text-decoration: line-through;
  color: #999;
  font-size: 12px;
  margin-left: 5px;
}
.searchModal .badge.sale {
  position: absolute;
  top: 10px;
  left: 10px;
  background: var(--primary-color);
}
.searchModal .badge.new {
  position: absolute;
  top: 10px;
  left: 10px;
  background: #22a734;
}
.buyBtn1 {
  position: absolute;
  bottom: -50px;
  left: 50%;
  transform: translateX(-50%);
  background: #22a734;
  color: #fff;
  border: none;
  padding: 6px 20px;
  cursor: pointer;
  border-radius: 10px;
  transition: 0.3s ease;
  opacity: 0;
}
.buyBtn1:hover {
  transition: all 0.5s;
  background: #151620;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.productImg:hover .buyBtn1 {
  bottom: 20px;
  opacity: 1;
}
/* Search Modal End */
/* Login Modal Start */
.authModal .modal-content {
  background: #fff;
}
.closeBtn {
  transition: all 0.5s;
}
.closeBtn:hover {
  opacity: 0.65;
}
.authModal .modal-content {
  padding: 10px 15px;
  border: none;
}
.authModal .subtitle {
  color: #777;
  font-size: 14px;
  margin-bottom: 20px;
}
.authModal .form-group {
  margin-bottom: 15px;
}
.authModal .form-group label {
  font-weight: 500;
}
.authModal .form-group span {
  color: var(--primary-color);
}
.authModal .form-control {
  height: 50px;
  border-radius: 12px;
}
.authModal .passwordField {
  position: relative;
}
.authModal .togglePass {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.authModal .mainBtn {
  background: var(--primary-color);
  color: #fff;
  height: 55px;
  border-radius: 10px;
  font-weight: 500;
}
.authModal .mainBtn:hover {
  transition: all 0.5s;
  background: #151620;
}
.authModal .outlineBtn {
  border: 1px solid #151620;
  height: 55px;
  border-radius: 10px;
  font-weight: 500;
}
.authModal .outlineBtn:hover {
  border: 1px solid #15162084;
  color: var(--primary-color);
}
.authModal .forgot {
  font-size: 14px;
  text-decoration: underline;
  color: #151620;
}
.authModal textarea {
  height: auto !important;
}
.authModal h3 {
  color: #000;
  font-size: 24px;
}
.authModal .modal-header {
  border-bottom: none;
  margin-bottom: -15px;
}
@media (max-width: 576px) {
  .authModal .modal-dialog {
    margin: 10px;
  }
  .title {
    font-size: 22px;
  }
}
/* Login Modal End */
/* Home Banner Start */
.homeSlider {
  position: relative;
  overflow: hidden;
}
.homeSlider-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
}
#mainCarousel .carousel-item img {
  object-fit: cover;
  height: 100vh;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
#mainCarousel .carousel-item {
  object-fit: cover;
  height: 100vh;
  width: 100%;
  position: relative;
  object-fit: cover;
  object-position: center;
}
#mainCarousel .carousel-inner::after {
  display: block;
  clear: both;
  content: "";  
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: linear-gradient(35deg,rgba(8, 10, 20, 0.9) 0%, rgba(8, 10, 20, 0.76) 25%, rgba(8, 10, 20, 0.35) 50%, rgba(8, 10, 20, 0.75) 75%, rgba(8, 10, 20, 0.9) 100%);
}
.homeSlider-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  z-index: 5;
}
.homeSlider-caption {
  margin-top: 8%;
}
.homeSlider-caption h1 {
  font-size: 72px;
  font-weight: 600;
  line-height: 1.2;
  color: #fff;
}
.homeSlider-caption h5 {
  color: #d7d7d7;
  margin-bottom: 14px;
  font-size: 16px;
  font-weight: 400;
}
.homeSlider-caption p {
  color: #d7d7d7;
  width: 45%;
  font-size: 15px;
  font-weight: 300;
  margin-left: 3%;
  margin-bottom: 0;
}
.caption-underline {
  width: 66%;
  height: 1px;
  background-color: #88848b;
  margin: 22px 0 35px 0;
}
.homeSlider-indicators {
  position: absolute;
  left: 32px;
  top: 45%;
  z-index: 6;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.homeSlider-indicators button {
  background: transparent;
  border: none;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  transition: color 0.3s;
}
.homeSlider-indicators .active {
  color: var(--primary-color);
  font-size: 18px;
}
.homeSlider-indicators::after {
  content: '';
  background: #fff;
  width: 1px;
  height: 8px;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: -5px auto;
  margin-bottom: 0 !important;
}
.homeSlider-indicators::before {
  content: '';
  background: #fff;
  width: 1px;
  height: 45px;
  margin: -30px auto;
  margin-bottom: 0 !important;
}
.homeSlider-content-flex {
  display: flex;
}
/* Home Banner End */
/* Small Product Slider Start */
.productSlider {
  width: 315px;
  border-radius: 10px;
  overflow: hidden;
  padding: 15px;
  background: linear-gradient(90deg, #080A14 0%, rgb(8 10 20 / 0%) 100%);
}
.productSlider img {
  width: 100%;
  height: 155px;
  object-fit: contain;
}
.productSlider h4 {
  color: #fff;
  font-size: 17px;
  font-weight: 400;
  margin-left: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid rgb(243 20 20 / 42%);
}
.productSlider .carousel-control-prev,
.productSlider .carousel-control-next {
  width: 10%;
}
.productSlider .carousel-control-prev-icon, .productSlider .carousel-control-next-icon {
  border: 2px solid #eeeeeea9;
  background-size: 75% 75%;
  border-radius: 20px;
  width: 30px;
  height: 30px;
  top: 15px;
  position: relative;
}
.productSlider-price {
  display: flex;
  align-items: center;
  padding-top: 10px;
  justify-content: space-around;
  border-top: 1px solid #5d4e4e;
}
.productSlider-price p {
  color: #fff;
}
.productSlider-price p span {
  color: var(--primary-color);
  font-size: 12px;
  font-weight: 500;
}
.buyBtn2 {  
  background: #22a734;
  color: #fff;
  border: none;
  font-size: 14px;
  padding: 6px 20px;
  cursor: pointer;
  border-radius: 10px;
  transition: 0.3s ease;  
}
.buyBtn2:hover {  
  transition: all 0.5s;
  background: #151620;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
/* Small Product Slider Start */
/* Brochure Start */
.brochure-btn {
  position: fixed;
  right: -45px;
  top: 50%;
  color: #fff;
  padding: 15px 8px;
  border-radius: 10px;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  text-align: center;
  font-weight: 600;
  letter-spacing: 0px;
  z-index: 5;
  cursor: pointer;
  background: rgb(255 255 255 / 5%);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  transform: rotate(270deg);
}
.brochure-btn.scrolled {
  transition: all 0.5s;
  background: var(--primary-color); 
}
.brochure-btn:hover {
  opacity: 0.8;
  transition: all 0.5s;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);  
}
.brochure-btn span {
  display: block;
  line-height: 1.2;
}
.brochure-btn.scrolled .brochure-btn-span1, .brochure-btn.scrolled .brochure-btn-span2 {
  color: #fff;
}
.brochure-btn-span1 {
  color: var(--primary-color);
}
.brochure-btn-span2 {
  font-size: 36px;
  line-height: .1 !important;
  color: var(--primary-color);
  padding-left: 12px;
}
/* Brochur End */
/* WhatsApp Start */
.whatsapp-float {
  position: fixed;
  bottom: 45px;
  right: 30px;
  color: white;
  z-index: 6;
}
.whatsapp-float img {
  height: 60px;
  transition: 0.3s;
  transition: transform 0.4s ease;
}
.whatsapp-float img:hover {
  opacity: 0.8;
  transition: 0.3s;
  transform: scale(1.15);
}
/* WhatsApp End */
/* Home Type Start */
.homeType {
  padding: 75px 0;
}
.homeType-box {
  padding: 10px 20px;
  margin: 15px 0;
  border-radius: 12px;
  border: 1px solid #D5D5D5;
  transition: all 0.5s;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.icon-wrapper {
  position: relative;
  width: 46px;
  height: 46px;
  margin: 15px 0;
}
.icon-wrapper img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.5s ease;
}
.icon-wrapper .hover-img {
  opacity: 0;
}
.homeType-box:hover {
  background: var(--primary-color);
  border-color: var(--primary-color);
}
.homeType-box:hover .default-img {
  opacity: 0;
}
.homeType-box:hover .hover-img {
  opacity: 1;
}
.homeType-box h4 {
  color: #000;
  margin-bottom: 0;
}
.homeType-box:hover h4 {
  color: #fff;
}
.homeType-box:hover p {
  color: #d7d7d7;
}
/* Home Type End */
/* Home About Start */
.homeAbout {
  padding-bottom: 85px;
}
.homeAbout h2 {
  max-width: 80%;
}
.homeAbout h5 {
  margin-top: 15px;
}
.homeAbout p {
  margin-bottom: 35px;
}
.homeAbout-img {
  text-align: center;
  position: relative;
}
.homeAbout-img img {
  max-width: 80%;
  border-radius: 20px;
}
.homeAbout-img-count {
  position: absolute;
  top: 35px;
  right: 0;
  color: #fff;
  padding: 10px 15px;
  border-radius: 12px;
  background: var(--primary-color);
}
.homeAbout-img-count h4 {
  font-size: 40px;
  margin-bottom: 0;
}
.homeAbout-img-count h6 {
  color: #E5E5E5;
  font-weight: 400;
  margin-bottom: 5px;
}
/* Home About End */
/* Home Projects Start */
.homeProject {
  padding: 80px 0;
  position: relative;
  background: #080A14;
}
.homeProject .secondaryBtn {
  height: 40px;
  padding: 7px 25px 10px 25px !important;
}
.homeProject .secondaryBtn:hover {
  background: #151620;
}
.homeProject-img img {
  position: absolute;
  top: 0;
  left: -5px;
  height: 100%;
}
.homeProject-img img {
  height: 101%;
}
.homeProject-box-title {
  position: relative;
  z-index: 1;
}
.homeProject h2 {
  color: #fff;
}
.completed-projects {
  padding: 80px 0;
  position: relative;
}
.completed-projects h6 {
  color: #ff1e1e;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.completed-projects h2 {
  font-weight: 700;
  margin-bottom: 0;
}
.homeProject-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.homeProject-slider {
  display: flex;
  gap: 20px;
  transition: transform 0.5s ease;
}
.project-card {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  width: 320px;
  flex-shrink: 0;
  transition: transform 0.4s ease;
}
.project-card img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.project-card:hover img { transform: scale(1.05); }
.project-card h5 {
  color: #000;
  font-weight: 600;
  text-align: center;
  padding: 15px 10px;
  margin: 0;
}
.homeProject-slider-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 5;
  transition: all 0.3s ease;
}
.homeProject-slider-btn:hover {
  color: #fff;
  background: #ff1e1e;
  border-color: #ff1e1e;
}
.prev-btn { left: 10px; }
.next-btn { right: 10px; }
/* Home Projects End */
/* Home Strength Start */
.homeStrength {
  padding: 85px 0;
}
.homeStrength-box {
  padding: 10px 26px 20px 26px;
  margin: 12px 0;
  border-radius: 12px;
  border: 1px solid #D5D5D5;
  transition: all 0.5s;
  position: relative;
  overflow: hidden;
  display: block;
}
.homeStrength-box:hover {  
  border: 1px solid #F88484;
  transition: all 0.5s;
  opacity: 0.8;
}
.homeStrength-box p {
  color: #333;
}
.homeStrength-box img {
  position: relative;
  width: 42px;
  height: 4px;
  margin: 15px 0;
}
.homeStrength-box h4 {
  color: #000;
  padding-top: 10px;
  padding-bottom: 5px;
  max-width: 92%;
}
.homeStrength-box-link {
  position: absolute;
  right: 12px;
  top: 12px;
  width: 24px;
  height: 24px;
  display: flex;
  color: var(--primary-color);
  background: #FEE8E8;
  align-items: center;
  align-content: center;
  justify-content: center;
  border-radius: 20px;
  font-size: 20px;
  padding: 16px;
  transform: rotate(333deg);
}
.homeStrength-box:hover .homeStrength-box-link, .homeStrength-box-link:hover {  
  color: #fff;
  background: var(--primary-color);
  transform: rotate(0deg);
  opacity: 0.8;
  transition: all 0.5s;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
/* Home Strength End */
/* Home Product Start */
.homeProduct {
  background-image: url('../img/home-project-bg1.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 85px 0;
  position: relative;
}
.homeProduct::after {
  content: "";  
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: linear-gradient(35deg, rgb(8 10 20) 0%, rgb(8 10 20) 25%, rgb(8 10 20 / 75%) 50%, rgb(8 10 20 / 80%) 75%, rgb(8 10 20) 100%);
}
.homeProduct h2 {
  color: #fff;
  margin-bottom: 20px;
}
.homeProduct-content {
  position: relative;
  z-index: 1;
}
.homeProduct-wrapper {
  position: relative;
  overflow: hidden; 
}
.homeProduct-track {
  display: flex;
  gap: 20px;
  transition: transform 0.6s ease;
  will-change: transform;
}
.homeProduct-slide {
  position: relative;
  min-width: 33.33%; 
  border-radius: 20px;
  overflow: initial;
  flex-shrink: 0;
}
.homeProduct-slide img {
  width: 100%;
  height: 260px;
  object-fit: cover;
  border-radius: 20px;
  padding: 16px;
  margin-bottom: -16px;
}
.homeProduct-slide::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 20px;
  background: rgb(255 255 255 / 5%);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  transition: background-color 0.4s ease, box-shadow 0.4s ease;
}
.homeProduct-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.15);
  border: none;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  color: #fff;
  font-size: 22px;
  cursor: pointer;
  transition: all 0.3s ease;
  z-index: 5;
}
.homeProduct-btn:hover {
  background: rgba(255, 255, 255, 0.4);
}
.prev-btns {
  left: 10px;
}
.next-btns {
  right: 10px;
}
.homeProduct .secondaryBtn {
  padding: 8px 25px;
}
.homeProduct-img {
  position: relative;
}
.homeProduct-title {
  position: relative;
  display: flex;
  z-index: 1;
  padding: 10px 15px;
  align-items: center;
  justify-content: space-between;
}
.homeProduct-title h6 {
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 0;
}
.homeProduct-price {
  color: #fff;
}
.homeProduct-price span {
  color: var(--primary-color);
  font-size: 12px;
  font-weight: 500;
}
.homeProduct-buy {
  background: #22a734;
  color: #fff;
  border: none;
  font-size: 14px;
  padding: 6px 20px;
  cursor: pointer;
  border-radius: 10px;
  transition: 0.3s ease;
  position: absolute;
  top: 25px;
  right: 25px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.homeProduct-buy:hover {
  transition: all 0.5s;
  background: #151620;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
/* Home Product End */
/* Home Client Start */
.homeClient {
  padding: 80px 0 75px 0;
  background: #F8FAFB;
}
.homeClient h2 {
  margin-bottom: 25px;
}
.clientSlider {
  overflow: hidden;
  position: relative;
  margin-bottom: 20px;
}
.clientSlider::before,
.clientSlider::after {
  content: "";
  position: absolute;
  top: 0;
  width: 120px;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}
.clientSlider::before {
  left: 0;
  background: linear-gradient(to right, #f8f9fa 0%, rgba(248, 249, 250, 0) 100%);
}
.clientSlider::after {
  right: 0;
  background: linear-gradient(to left, #f8f9fa 0%, rgba(248, 249, 250, 0) 100%);
}
.homeClient-clientTrack {
  display: flex;
  gap: 20px;
  animation: scroll linear infinite;
}
.homeClient-logo {
  border-radius: 10px;
  min-width: 225px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
  position: relative;
  z-index: 1;
  border: 1px solid #E4EEF3;
}
.homeClient-logo img {
  max-width: 100%;
  border-radius: 10px;
  transition: all 0.3s ease;
}
.homeClient-logo:hover img {
  filter: grayscale(0%);
  transform: scale(1.05);
}
@keyframes scroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
/* Home Client End */
/* Testimonials Start */
.homeTestimonials {
  padding: 80px 0;
}
.homeTestimonials-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.homeTestimonials-header .homeTestimonials-left {
  flex: 1 1 55%;
}
.homeTestimonials-header .homeTestimonials-right {
  flex: 1 1 40%;
  text-align: start;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.homeTestimonials-stats {
  display: inline-flex;
  align-items: center;
  gap: 30px;
}
.homeTestimonials-stats h3 {
  font-weight: 700;
  color: #000;
  margin: 0;
}
.homeTestimonials-left p {
  margin: 0;
  max-width: 60%;
  font-size: 0.9rem;
}
.homeTestimonials-divider {
  width: 1px;
  height: 40px;
  background-color: var(--primary-color);
}
.homeTestimonials-wrapper {
  position: relative;
  overflow: hidden;
  margin-top: 30px;
}
.homeTestimonials-track {
  display: flex;
  gap: 30px;
  transition: transform 0.6s ease;
}
.homeTestimonials-card {
  flex: 0 0 32%;
  background-color: #F8FAFB;
  border-radius: 15px;
  padding: 40px 30px;
  text-align: left;
  position: relative;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}
.homeTestimonials-quote-icon img {
  width: 40px;
  height: 40px;
  padding: 6px;
  border: 1px solid rgb(230 0 0 / 53%);
  border-radius: 50%;
  position: absolute;
  top: 20px;
  left: 30px;
}
.homeTestimonials-card p {
  margin-top: 32px;
  line-height: 1.7;
}
.homeTestimonials-author {
  color: var(--primary-color);
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 15px;
  text-align: right;
}
.homeTestimonials-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: 2px solid #f2b8b8;
  color: var(--primary-color);
  font-size: 22px;
  cursor: pointer;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  transition: all 0.3s ease;
}
.homeTestimonials-btn:hover {
  background-color: var(--primary-color);
  color: #fff;
  border-color: var(--primary-color);
}
.homeTestimonials-buttons {
  display: inline-flex;
  gap: 10px;
  margin-left: 20px;
  vertical-align: middle;
}
/* Testimonials End */
/* Brand Start */
.homeBrands {
  padding: 5px 0 75px 0;
}
.homeBrands h2 {
  margin-bottom: 30px;
}
.brandslider {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  margin-bottom: 15px;
}
.brandslider-track {
  display: inline-flex;
  animation: scroll 25s linear infinite;
}
.brandslider.second .brandslider-track {
  animation: scroll-reverse 25s linear infinite;
}
.brandslider-slide {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 225px;
  border-radius: 10px;
  margin: 0 10px;
  flex-shrink: 0;
  transition: transform 0.3s ease;
  border: 1px solid #BCD1DB;
}
.brandslider-slide:hover {
  transform: scale(1.05);
  border: none;
}
.brandslider-slide img {
  max-width: 100%;
  height: auto;
  filter: grayscale(20%);
  object-fit: contain;
  border-radius: 10px;
}
@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

@keyframes scroll-reverse {
  0% { transform: translateX(-50%); }
  100% { transform: translateX(0); }
}
/* Brand End */
/* Footer Start */
footer {
  padding: 60px 0 20px 0;
  color: #d7d7d7;
  font-weight: 300;
  background: #080A14;
}
footer h2 {
  color: #fff;
  font-size: 42px;
  font-weight: 500;
}
.footer-logo img {
  max-width: 175px;
  margin-bottom: 10px;
}
.footer-logo-text {
  max-width: 96%;
}
.footer-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
}
.footerCap {
  max-width: 50%;
}
.footer-links a,
.footer-contact a {
  display: block;
  text-decoration: none;
  color: #d7d7d7;
  margin-bottom: 6px;
}
.footer-links a:hover,
.footer-contact a:hover {
  color: var(--primary-color);
}
.readyBorder {
  width: 98%;
  margin: 30px auto;
  border-bottom: 1px solid #4c50676e;
}
.social-icons {
  display: flex;
}
.social-icons a {
  width: 32px;
  height: 32px;
  margin: 0 6px;
  background: var(--primary-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.social-icons img {
  width: 20px;
  height: 20px;
}
.social-icons img:hover {
  background: var(--primary-color);
}
.footer-contact-flex {
  display: flex;
}
.copyright {
  font-size: 13px;
  margin-top: 0;
  padding-top: 20px;
  border-top: 1px solid #4c50676e;
}
/* Footer End */
/* Inner Page Banner Start */
.innerBanner {
  width: 100%;
  height: 450px;
  position: relative;
  top: 0;
  display: flex;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  align-items: center;
  justify-content: flex-start;
}
.innerBanner::after {
  content: '';
  background: #000;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 0;
  background: linear-gradient(35deg, rgb(8 10 20) 0%, rgb(8 10 20) 25%, rgb(8 10 20 / 75%) 50%, rgb(8 10 20 / 80%) 75%, rgb(8 10 20) 100%);
  opacity: 0.85;
}
.innerBanner-content {
  position: relative;
  z-index: 1;
}
.innerBanner-content h1 {
  font-size: 46px;
  font-weight: 600;
  line-height: 1.2;
  color: #fff;
  border-bottom: 1px solid #88848b;
  display: -webkit-inline-box;
  padding-bottom: 10px;
  padding-top: 60px;
  max-width: 50%;
}
.banner-subtext {
  display: flex;
}
.banner-subtext a {
  color: var(--primary-color);
}
.banner-subtext span {
  margin: 0 10px;
  color: #a19494;
}
.banner-subtext p {
  color: #D5D5D5;
}
.banner-arrow {
  position: absolute;
  bottom: -120px;
  right: 30px;
  width: 50px;
  height: 50px;
  border: 2px solid var(--primary-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 25px;
  z-index: 1;
  /* cursor: pointer; */
  transition: 0.3s ease;    
  animation: bounce 1.5s infinite;
}
/* .banner-arrow:hover {
  background: var(--primary-color);
  color: #fff;
} */
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(10px);
  }
  60% {
    transform: translateY(5px);
  }
}
.whoweareBanner {
  background-image: url(../img/whoweare-banner-img.jpg);
}
.brandswedealBanner {
  background-image: url(../img/brandswedeal-banner-img.jpg);
}
.systemwedoBanner {
  background-image: url(../img/systemwedo-banner-img.jpg);
}
.careerBanner {
  background-image: url(../img/career-banner-img.jpg);
}
.projectsBanner {
  background-image: url(../img/projects-banner-img.jpg);
}
.firealarmBanner {
  background-image: url(../img/firealarm-banner-img.jpg);
}
.edwardsfirealarmsystemBanner {
  background-image: url(../img/edwardsfirealarmsystem-banner-img.jpg);
}
.emergencylightingsystemBanner {
  background-image: url(../img/emergencylightingsystem-banner-img.jpg);
}
.firefoamsystemBanner {
  background-image: url(../img/firefoamsystemBanner-banner-img.jpg);
}
.hsequalitypolicyBanner {
  background-image: url(../img/hsequalitypolicy-banner-img.jpg);
}
.blogBanner {
  background-image: url(../img/blog-banner-img.jpg);
}
.productsBanner {
  background-image: url(../img/products-banner-img.jpg);
}
.contactBanner {
  background-image: url(../img/contact-banner-img.jpg);
}
/* Inner Page Banner End */
/* Who we are Start */
.whowearePage {
  padding: 80px 0 60px 0;
}
/* Who We Are — section spacing */
.whowearePage > .container > .row,
.whowearePage > .container > .whowearePage-part1,
.whowearePage > .container > .whowearePage-part2,
.whowearePage > .container > .whowearePage-part3 {
  margin-bottom: 40px;
}
.whowearePage p {
  margin-bottom: 25px;
}
.whowearePage h4 {
  color: var(--primary-color);
}
.whowearePage a {
  color: var(--primary-color);
}
.whowearePage a:hover {
  color: var(--primary-color);
  opacity: 0.8;
}
.whowearePage-part1 {
  background-color: #F8FAFB;
  border-radius: 15px;
  margin-bottom: 25px;
  padding: 20px 20px 0 20px;
}
.whowearePage-part1 img, .whowearePage-part1 iframe {
  padding-bottom: 20px;
}
.whowearePage-part2 {
  background-color: #F8FAFB;
  border-radius: 15px;
  margin-bottom: 35px;
  padding: 20px;
  position: relative;
}
.whowearePage-part2 img {
  border-radius: 15px;
}
.whowearePage-part2-content {
  position: absolute;
  background: #fff;
  top: 15%;
  max-width: 51%;
  z-index: 1;
  border-radius: 15px;
  padding: 30px 30px 0 30px;
}
.whowearePage-part3 {
  border-radius: 15px;
  margin-bottom: 35px;
  padding: 20px;
  position: relative;
}
.whowearePage-part3 img {
  border-radius: 15px;
}
.whowearePage-part3-content {
  position: absolute;
  background: #F8FAFB;
  top: 25%;
  right: 1%;
  max-width: 51%;
  border-radius: 15px;
  padding: 30px 30px 0 30px;
}
.visionSection {
  background:#F8FAFB;
  padding:95px 0;
}
.visionSection-box {
  padding:30px;
}
.visionSection-box h4 {
  color: var(--primary-color);
  margin-bottom: 20px;
}
.visionSection-box h4::after {
  content:"";
  width:40px;
  height:2px;
  display:block;
  margin-top:6px;
  background: rgb(0 0 0 / 22%);
}
.visionSection-box-tag span {
  display: block;
}
.centerImg .visionSection-box {
  background: #fff;
  border-radius: 15px;
}
.equalHeight {
  min-height:400px;
}
.redText {
  color: var(--primary-color);
}
/* Who we are Ed */
/* Brand Start */
.brandlogoSection {
  padding:60px 0;
}
.brandlogoSection-grid{
  display:grid;
  grid-template-columns: repeat(5, 1fr); 
  border-top:1px solid #D5D5D5;
  border-left:1px solid #D5D5D5;
}
.brandlogoSection-item{
  height:130px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  border-right:1px solid #D5D5D5;
  border-bottom:1px solid #D5D5D5;
}
.brandlogoSection-item img {
  max-width:185px;
  transition:0.3s;
  filter:grayscale(0%);
}
.brandlogoSection-item img:hover {
  filter:grayscale(100%);
  transition:0.3s;
}
/* Brand End */
/* System We Do Start */
.systemwedoPage {
  padding:95px 0;
}
.systemwedoPage-card {
  text-align: center;
  transition: all 0.35s ease;
}
.systemwedoPage-card img {
  max-width: 100%;
  object-fit: contain;
  transition: transform 0.35s ease;
}
.systemwedoPage-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}
.systemwedoPage-card:hover img {
  transform: scale(1.005);
}
/* System We Do End */
/* Career Start */
.careerPage {
  padding: 95px 0 75px 0;
}
.careerPage h2 span{
  display: block;
}
.contactText a {
  color: var(--primary-color);
  text-decoration: none;
  font-weight: 600;
}
.jobCard {
  background: #ffffff;
  border-radius: 12px;
  padding: 25px;
  margin-bottom: 20px;
  border: 1px solid #eeeeee;
  transition: 0.3s ease;
}
.jobCard:hover {
  box-shadow: 0 8px 25px rgba(0,0,0,0.05);
  transform: translateY(-3px);
}
.jobTag {
  font-size: 12px;
  font-weight: 600;
  color: #198754;
  letter-spacing: 1px;
}
.jobTitle {
  font-size: 22px;
  font-weight: 600;
  color: #0f2e2e;
}
.jobMeta {
  font-size: 14px;
  color: #6c757d;
}
.applyBtn {
  background: var(--primary-color);
  color: #fff;
  border-radius: 8px;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 500;
  border: none;
  transition: 0.3s ease;
}
.applyBtn:hover {
  opacity: 0.8;
  transition: all 0.5s;
  background: var(--primary-color);
}
.dropdownIcon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #ddd;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s;
}
.dropdownIcon:hover {
  background: #f1f1f1;
}
@media (max-width: 991px) {
  .careerPage .leftSection {
    margin-bottom: 40px;
  }
}
/* Career End */
/* Projects Start */
.projectsPage {
  padding: 95px 0;
}
.projectImg {
  width: 100%;
  height: 250px;
  object-fit: cover;
  cursor: pointer;
  border-radius: 8px;
  transition: 0.3s;
}
.projectImg:hover {
  opacity: 0.8;
  /* transform: scale(1.05); */
}
.projectsPage-box {
  position: relative;
}
.projectsPage-box h4 {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  font-size: 18px;
  padding: 6px 15px;
  border-radius: 0 6px 6px 0;
  background: rgb(0 0 0 / 75%);
}
.projectsPage-box h4 span {
  display: none;
}
.modalImg {
  max-width: 80%;
  max-height: 80vh;
  border-radius: 10px;
}
.closeBtn {
  position: absolute;
  top: 15px;
  right: 25px;
  font-size: 30px;
  color: #fff;
  border: none;
  cursor: pointer;
  z-index: 1000;
  width: 35px;
  height: 35px;
  display: flex;
  border-radius: 50px;
  background: var(--primary-color);
  justify-content: center;
  align-items: center;
}
.lightboxBtn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 40px;
  background: rgba(0, 0, 0, 0.5);
  border: none;
  color: #fff;
  height: 50px;
  width: 50px;
  display: flex;
  padding: 10px 15px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}
#lightboxModal .prev-btn { left: 5%; }
#lightboxModal .next-btn { right: 5%; }
.modal-content {
  border-radius: 15px;
  background: transparent;
}
#lightboxModal {
  background: rgb(255 255 255 / 5%);
  backdrop-filter: blur(10px);
}
#lightboxTitle {    
  padding: 6px 18px;
  border-radius: 14px;
  display: -webkit-inline-box;
  background: rgb(0 0 0 / 65%);
}
/* Projects End */
/* HSC Start */
.hscSection {
  padding: 90px 0 70px 0;
}
.hscSection ul {
  margin: 15px;
}
.hscSection li {
  margin: 12px 0;
}
/* HSC End */
/* Fire Start */
.firecontentSection-1 {
  padding: 85px 0 65px 0;
}
.firecontentSection-1-big {
  font-size: 24px;
  display: block;
  font-style: italic;
}
.firecontentSection-1 img {
  margin-bottom: 35px;
  border-radius: 20px;
  border: 5px solid #f8fafb;
}
.firecontentSection-1-text {
  font-size: 24px;
  padding: 20px;  
  border-radius: 15px;
  background: #F8FAFB;
}
.firecontentSection-2 {
  padding-bottom: 40px;
}
.firecontentSection-2 h3 {
  padding-bottom: 10px;
}
.firecontentSection-2 h4 {
  color: var(--primary-color);
}
.firecontentSection-2 ul li {
  margin-bottom: 10px;
}
.firecontentSection-3 {
  padding-bottom: 40px;
}
.firecontentSection-3 h3 {
  padding-bottom: 10px;
}
.firecontentSection-3 h4 {
  color: var(--primary-color);
}
.firecontentSection-3 li {
  margin-bottom: 10px;
}
.firecontentSection-3-box {
  padding: 20px;
  height: 100%;
  border-radius: 15px;
  background: #F8FAFB;
}
.firecontentSection-3-box p {
  max-width: 90%;
  margin-top: 5%;
}
.firecontentSection-3 a {
  color: var(--primary-color);
}
.firecontentSection-3 img {
  border-radius: 20px;
  border: 5px solid #f8fafb;
}
.firecontentSection-4 {
  padding-bottom: 40px;
}
.firecontentSection-4 img {
  border-radius: 20px;
  border: 5px solid #f8fafb;
}
.firecontentSection-5 {
  padding: 45px;
}
.firecontentSection-5 a {
  color: var(--primary-color);
}
.firecontentSection-6 {
  padding-bottom: 95px;
}
.firecontentSection-6 h4 {
  padding-bottom: 6px;
  color: var(--primary-color);
}
.firecontentSection-6 a {
  color: var(--primary-color);
}
.firecontentSection-6-box {
  padding: 20px;
  height: 100%;
  border-radius: 15px;
  background: #F8FAFB;
}
/* Fire End */
/* Edwards Start */
.edwardsSection-1 {
  padding: 85px 0 65px 0;
}
.edwardsSection-1-big {
  font-size: 24px;
  display: block;
  font-style: italic;
}
.edwardsSection-1 img {
  margin-bottom: 35px;
  border-radius: 20px;
  border: 5px solid #f8fafb;
}
.edwardsSection-1-text {
  font-size: 24px;
  padding: 20px;  
  border-radius: 15px;
  background: #F8FAFB;
}
.edwardsSection-2 {
  margin: 20px 0 75px 0;
  padding: 75px 0;
  background: #080A14;
}
.edwardsSection-2 h3 {
  color: #fff;
}    
.edwardsSection-2 p {
  color: #d7d7d7;
  opacity: 0.8;
}
.edwardsSection-2 h4 {
  color: var(--primary-color);
}
.edwardsSection-2-box {
  padding: 30px;
  margin: 10px 0;
  border-radius: 15px;  
  background: rgb(255 255 255 / 5%) !important;  
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.edwardsSection-2-box {
  padding: 30px;
  margin: 10px 0;
  border-radius: 15px;
  background: #f8fafb;
}
.edwardsSection-3 {
  padding-bottom: 50px;
}
.edwardsSection-3 li {
  margin-bottom: 10px;
}
.edwardsSection-4 {
  padding-bottom: 80px;
}
.edwardsSection-4 a {
  color: var(--primary-color);
}
/* Edwards End */
/* Emergency Start */
.emergencySection-1 {
  padding: 85px 0 65px 0;
}
.emergencySection-1-big {
  font-size: 24px;
  display: block;
  font-style: italic;
}
.emergencySection-1 img {
  margin-bottom: 35px;
  border-radius: 20px;
  border: 5px solid #f8fafb;
}
.emergencySection-1-text {
  font-size: 24px;
  padding: 20px;  
  border-radius: 15px;
  background: #F8FAFB;
}
.emergencySection-2 {
  margin: 25px 0;
}
.emergencySection-2 h3 {
  margin-bottom: 20px;
}
.emergencySection-2 p {
  margin-bottom: 20px;
}
.emergencySection-2 img {
  margin-bottom: 35px;
  border-radius: 20px;
}
.emergencySection-3 p {
  margin-bottom: 20px;
}
.emergencySection-3 img {
  margin-bottom: 35px;
  border-radius: 20px;
}
.emergencySection-4 {
  padding: 75px 0;
  margin: 60px 0 80px 0;
  background: #080a14;
}
.emergencySection-4 h3 {
  color: var(--primary-color);
}
.emergencySection-4 p {
  color: #d7d7d7;
  opacity: 0.8;
}
.emergencySection-5 {
  padding-bottom: 65px;
}
.emergencySection-6 {
  padding-bottom: 85px;
}
.emergencySection-6 li {
  margin-bottom: 6px;
}
.emergencySection-6 a {
  color: var(--primary-color);
}
/* Emergency End */
/* Foam Start */
.foamSection-1 {
  padding: 95px 0;
}
.foamSection-1-big {
  font-size: 24px;
  display: block;
  font-style: italic;
}
.foamSection-1 img {
  margin-bottom: 35px;
  border-radius: 20px;
  border: 5px solid #f8fafb;
}
.foamSection-1-text {
  font-size: 24px;
  padding: 20px;  
  border-radius: 15px;
  background: #F8FAFB;
}
/* Foam End */
/* Services Start */
.servicesSlider {
  padding:80px 0;
  background: #F8FAFB;
}
.servicesSlider-card {
  background:#fff;
  border-radius:15px;
  overflow:hidden;
  box-shadow:0 10px 25px rgba(0,0,0,0.08);
  transition:0.4s;
}
.servicesSlider-card:hover {
  opacity: 0.8;
}
.servicesSlider-card img {
  width:100%;
  height:220px;
  object-fit:cover;
}
.servicesSlider-card h5 {
  height: 50px;
  color: #000;
}
.servicesSlider-content {
  padding:15px 25px;
}
.servicesSlider-more {
  color: var(--primary-color);
  text-decoration:none;
  text-align: end;
}
.servicesSlider-more:hover {
  text-decoration:underline;
}
.servicesSlider .swiper {
  padding-bottom:50px;
}
.serviceArrow {
  position: absolute;
  bottom: -85px;
}
/* Services End */
/* Faq Start */
.faqSection {
  padding: 80px 0 95px 0;
}
.faqSection .accordion-button {
  color: #000;
  font-size: 18px;
  line-height: 1.45;
  font-weight: 500;
  background: #F8FAFB;
}
.faqSection .accordion-body {
  color: #333;
}
.faqSection a {
  color: var(--primary-color);
}
.accordion-button:focus {
  z-index: 3;
  outline: 0;
  box-shadow: none !important;
}
/* Faq End */
/* Blog Start */
.blogSection {
  padding: 55px 0 45px 0;
}
.blogCard {
  border-radius: 15px;
  overflow: hidden;
  transition: 0.3s;
  border: 1px solid #D5D5D5;
}
.blogCard img {
  height: 200px;
  object-fit: cover;
  width: 100%;
  object-position: center;
}
.blogCard:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgb(231 231 231 / 45%);
}
.blogSection-title {
  padding: 4px 0 8px 0px;
  margin-bottom: 15px;
  border-bottom: 1px solid rgb(213 213 213 / 55%);
}
.blogSection .dateText {
  font-size: 14px;
  text-align: right;
}
.blogSection h5 {
  font-size: 18px;
  line-height: 1.5;
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 2;      
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.blogSection p {
  display: -webkit-box;
  -webkit-line-clamp: 3;      
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.blogSection .secondaryBtn {
  display: block;
  width: 100%;
  text-align: center;
  height: 38px;
  padding: 6px 25px;
  margin-top: 12px;
}
.pagination .page-link {
  color: #000;
}
.pagination .active .page-link {
  background: #000;
  border-color: #000;
  color: #fff;
}
.pagination .active .page-link:focus {
    box-shadow: none;
}
/* Blog Equal Height Grid */
.blogSection .row { align-items: stretch; }
.blogSection .col-lg-4,
.blogSection .col-md-6 { display: flex; }
.blogCard { display: flex; flex-direction: column; width: 100%; }
.blogCard .card-body { flex: 1; display: flex; flex-direction: column; }
.blogCard .card-body .secondaryBtn { margin-top: auto; }

/* Single Blog Page */
.singleBlogSection { padding: 60px 0 80px; }
.singleBlog-meta { display: flex; gap: 14px; flex-wrap: wrap; align-items: center; margin-bottom: 18px; }
.singleBlog-cat { background: #F31414; color: #fff; font-size: 12px; font-weight: 600; padding: 4px 12px; border-radius: 20px; text-transform: uppercase; letter-spacing: .05em; }
.singleBlog-date,
.singleBlog-author { font-size: 13px; color: #888; }
.singleBlog-title { font-size: 32px; font-weight: 700; color: #1a1a2e; line-height: 1.3; margin-bottom: 24px; }
.singleBlog-img { margin-bottom: 32px; border-radius: 12px; overflow: hidden; }
.singleBlog-img img { width: 100%; height: 420px; object-fit: cover; object-position: center; }
.singleBlog-content { font-size: 16px; line-height: 1.85; color: #333; margin-bottom: 36px; }
.singleBlog-content h2,
.singleBlog-content h3,
.singleBlog-content h4 { color: #1a1a2e; font-weight: 700; margin: 28px 0 14px; }
.singleBlog-content p { margin-bottom: 18px; }
.singleBlog-content ul,
.singleBlog-content ol { padding-left: 22px; margin-bottom: 18px; }
.singleBlog-content li { margin-bottom: 8px; }
.singleBlog-tags { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 36px; }
.singleBlog-tag { background: #f4f4f4; color: #444; font-size: 12px; padding: 4px 12px; border-radius: 20px; text-decoration: none; transition: background .2s; }
.singleBlog-tag:hover { background: #F31414; color: #fff; }
.singleBlog-nav { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding: 24px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin-bottom: 48px; }
.singleBlog-navBtn { font-size: 14px; font-weight: 600; color: #F31414; text-decoration: none; max-width: 48%; display: flex; align-items: center; gap: 6px; transition: opacity .2s; }
.singleBlog-navBtn:hover { opacity: .75; color: #F31414; }
.singleBlog-navBtn--next { margin-left: auto; text-align: right; }
/* Blog End */
/* Contact Page Start */
.contactSection {
  padding:95px 0 85px 0;
}
.contactForm {
  background:#ffffff;
  padding:40px;
  border-radius:15px;
  box-shadow:0 5px 25px rgba(0,0,0,0.05);
}
.form-control, .form-select {
  border-radius:8px;
  padding:12px;
}
textarea {
  resize:none;
}
.infoCard {
  background:#F8FAFB;
  padding:20px;
  border-radius:15px;
  display:flex;
  align-items:flex-start;
  gap:15px;
  margin-bottom:20px;
}
.infoCard span {
  color: var(--primary-color);
}
.infoCard a {
  color: #000;
}
.infoCard a:hover {
  color: var(--primary-color);
}
.heroCard {
  background:#000;
  border-radius:15px;
  padding:30px;
  color:#fff;
  margin-bottom:25px;
  position:relative;
  overflow:hidden;
}
.heroCard img {
  max-width: 125px;
  position: absolute;
  right: 15px;
  bottom: 0;
  padding: 20px;
}
.contactSection iframe {
  border-radius: 15px;
}
@media(max-width:991px){
  .heroCard img {
    position:static;
    margin-top:20px;
  }
}
/* Contact Page End */
/* Product Start */
.productlistSection {
  padding: 85px 0;
}
.productlistSection .filter-bar {
  background: #ffffff;
  padding: 15px;
  border-radius: 10px;
  position: sticky;
  top: 125px;
  z-index: 1;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}
.productlistSection .filter-bar .form-check-input {
  height: 22px;
  width: 22px;
}
.productlistSection .filter-bar .btn,
.productlistSection .filter-bar input {
  height: 45px;
}
.productlistSection .dropdown {
  text-align: left;
}
.productlistSection .dropdown-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%; 
}
.productlistSection .dropdown-toggle::after {
  display: inline-block;
  vertical-align: middle;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;
  margin-left: auto; 
}
.productlistSection .dropdown-menu {
  max-height: 220px;
  overflow-y: auto;
  padding: 10px;
  border-radius: 10px;
}
.productlistSection .form-check {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 5px;
}
.productlistSection .form-check-input {
  margin: 0;
  cursor: pointer;
}
.productlistSection .form-check-label {
  margin: 0;
  cursor: pointer;
  font-size: 14px;
}
.productlistSection .productlistCard {
  background: #ffffff;
  border-radius: 12px;
  overflow: hidden;
  display: block;
  cursor: pointer;
  border: 1px solid #e2e8f0;
  transition: 0.3s;
}
.productlistSection .productlistCard:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}
.productlistSection .product-img {
  position: relative;
}
.productlistSection .productlistCard-img img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  transition: 0.4s;
}
.productlistSection .productlistCard:hover img {
  transform: scale(1.05);
}
.productlistSection .buyBtn3 {
  background: #22a734;
  color: #fff;
  border: none;
  font-size: 14px;
  padding: 6px 20px;
  cursor: pointer;
  border-radius: 10px;
  transition: 0.3s ease;
  position: absolute;
  top: -15px;
  right: 10px;
  opacity: 0;
  text-wrap-mode: nowrap;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.productlistSection .productlistCard:hover .buyBtn3 {
  opacity: 1;
}
.productlistSection .productlistCard:hover .buyBtn3:hover {
  transition: all 0.5s;
  background: #151620;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.productlistSection .productlistCard-info {
  padding: 10px;
  display: flex;
  margin-top: 8px;
  justify-content: space-between;
}
.productlistSection .productlistCard-info h6  {
  color: #000;
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 0;
}
.productlistSection .productlistCard-price {
  color: #000;
  font-weight: 600;
}
.productlistSection .productlistCard-price span {
  color: var(--primary-color);
  font-size: 12px;
  font-weight: 500;
}
.productlistCard-actions {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.9);
  display: flex;
  flex-direction: column;
  gap: 10px;
  opacity: 0;
  z-index: 1;
  transition: 0.3s;
}
.productlistCard:hover .productlistCard-actions {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.productlistCard-img {
  position: relative;
  overflow: hidden;
}
.productlistCard-img::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.3);
  opacity: 0;
  transition: 0.3s;
}
.productlistCard:hover .productlistCard-img::after {
  opacity: 1;
}
.cartBtn3 {
  background: var(--primary-color);
  color: #fff;
  border: none;
  font-size: 14px;
  padding: 6px 20px;
  cursor: pointer;
  border-radius: 10px;
  position: relative;
  z-index: 1;
  top: 35px;
  transition: 0.3s ease;
  text-wrap-mode: nowrap;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.cartBtn3:hover {
  transition: all 0.5s;
  background: #151620;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
/* Product End */
/* Product Details Start */
.productdetailsSection {
  padding: 65px 0;
}
.productdetailsSection-img {
  width: 100%;
  height: 340px;
  object-fit: contain;
  border-radius: 10px;
  object-position: center;
  border: 1px solid #e2e8f0;  
}
.productdetailsSection-title {
  font-size: 24px;
  font-weight: 600;
}
.productdetailsSection-price {
  color: #198754;
  font-weight: 600;
  font-size: 18px;
}
.productdetailsSection-price span {
  font-size: 14px;
}
.productdetailsSection-rating {
  color: #f0bb4a;
  font-size: 18px;
}
.productdetailsSection-features li {
  margin-bottom: 6px;
  font-size: 14px;
}
.productdetailsSection-buyBtn {
  background: #22a734;
  color: #fff;
  width: 100%;
  border: none;
  text-align: center;
  display: block;
  padding: 10px;
  border-radius: 10px;
  margin-top: 15px;
  transition: 0.3s ease;
}
.productdetailsSection-buyBtn:hover {
  transition: all 0.5s;
  background: #151620;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.productdetailsSection-order-card {
  border: 1px solid #eee;
  border-radius: 10px;
  padding: 15px;
  font-size: 14px;
  position: sticky;
  top: 125px;
}
.productdetailsSection-order-title {
  font-weight: 600;
  margin-bottom: 10px;
}
.productdetailsSection-order-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.productdetailsSection-qtyBtn {
  width: 28px;
  height: 28px;
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 5px;
}
.orderbuyBtn {
  background: #22a734;  
  border-radius: 10px;
  text-align: center;
  width: 48%;
  padding: 10px;  
  color: #fff;
}
.orderbuyBtn:hover {
  transition: all 0.5s;
  background: #151620;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.orderbuycart {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ordercartBtn {
  border-radius: 10px;
  text-align: center;
  width: 48%;
  padding: 10px 8px 8px 8px;
  color: #fff;
  background: var(--primary-color);
}
.ordercartBtn:hover {
  color: #fff;
  transition: all 0.5s;
  background: #151620;
}
/* .ordercartBtn {
  border-radius: 10px;
  text-align: center;
  display: block;
  padding: 8px;
  color: #151620;
  border: 1px solid #151620;
}
.ordercartBtn:hover {
  background: #151620;
  color: #fff;
  transition: all 0.5s;
  border: 1px solid #151620;
} */
/* Product Details End */
/* Add to Cart Start */
.cartCard {
  background:#fff;
  padding:20px;
  border-radius:8px;
  margin-bottom:15px;
  border: 1px solid #ddd;
}
.cartCardproduct {
  display:flex;
  gap:15px;
  position: relative;
}
.cartCardproduct h6 {
  color: #000;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 2px;
}
.cartCardproduct-subtitle {
  font-size: 13px;
  margin-bottom: 15px;
  font-weight: 500;
  opacity: 0.8;
}
.cartCardproduct img { 
  width: 125px;
  height: 125px;
  object-fit: contain;
  object-position: center;
}
.cartCardproduct .oldPrice { 
  text-decoration:line-through; 
  color:#888; 
}
.cartCardproduct .qtyBox button {
  width:30px;
  height:30px;
}
.summary-box {
  background:#fff;
  padding:20px;
  border-radius:8px;
  position:sticky;
  top:100px;
}
.summary-row {
  display:flex;
  justify-content:space-between;
  margin-bottom:10px;
}
.total { 
  font-weight:bold; 
  font-size:18px; 
}
.cartCardproduct-subtotal {
  color: #000;
  font-size: 17px;
  font-weight: 500;
}
.cartCardproduct-subtotal-span {
  font-size: 13px;
}
.cartCardproduct-removeBtn {
  color: var(--primary-color);
  transition: all 0.3s ease;
  background: #f3141417;
  padding: 3px 12px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 12px;
  position: absolute;
  top: 0;
  right: 0;
}
.cartCardproduct-removeBtn:hover {
  color: #fff;
  background: var(--primary-color);
}
.cartCardproduct-price {
  color: #198754;
  font-weight: 600;
  font-size: 18px;
}
.cartCardproduct-span {
  font-size: 14px;
}
/* Add to Cart End */
/* Checkout Start */
.summaryRow {
  display:flex;
  justify-content:space-between;
  margin-bottom:10px;
}
.summaryBox {
  background:#fff;
  padding:20px;
  border-radius:8px;
  position:sticky;
  top: 125px;
}
.checkoutSection {
  padding: 65px 0;
}
.cardBox {
  background:#fff;
  padding:20px;
  border-radius:8px;
  margin-top:15px;
  position: relative;
  border: 1px solid #ddd;
}
.changeBtn {
  color: #0d5fd7;
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 12px;
  cursor: pointer;
  padding: 3px 12px;
  border-radius: 5px;
  background-color: rgb(13 95 215 / 15%);
}
.changeBtn:hover, .changeBtn:focus, .changeBtn.btn:active {
  color: #fff;
  transition: 0.3s ease;
  background-color: #0d5fd7;
}
.cardBox-phone {
  color: #4f82cc;
}
.cardBox h6 {
  color: #000;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 2px;
}
.cardBox-currency {
  font-size: 14px;
}
.cardBox-price {
  color: #198754;
  font-weight: 600;
  font-size: 18px;
}
.cardBox-price-strike {
  color: #958f8f;
}
.oldPrice {
  text-decoration:line-through;
  color:#958f8f;
}
.cardBox-product {
  display:flex;
  gap:15px;
}
.cardBox-product img {
  width: 125px;
  height: 125px;
  object-fit: contain;
  object-position: center;
}
.cardBox-total {
  font-weight:bold;
  font-size:16px;
}
.save-box {
  background:#e6f4ea;
  color:#2e7d32;
  padding:10px;
  border-radius:5px;
}
.addressModal .modal-content {
  background: #fff;
  padding: 10px 15px;
  border: none;
}
.detailsBox h6 {
  color: var(--primary-color);
  /* animation: shake 0.5s infinite; */
}
/* @keyframes shake {
  0% { transform: translateX(0); }
  25% { transform: translateX(-4px); }
  50% { transform: translateX(4px); }
  75% { transform: translateX(-4px); }
  100% { transform: translateX(0); }
} */
/* Checkout End */
/* Payment Details Start */
.payment-option {
  padding:15px;
  border-bottom:1px solid #eee;
  cursor:pointer;
}
.payment-option.active {
  background:#e3f2fd;
  border-left:4px solid #2874f0;
}
.summary-box {
  background:#fff;
  padding:20px;
  border-radius:4px;
}
.summary-row {
  display:flex;
  justify-content:space-between;
  margin-bottom:12px;
  font-size:14px;
}
.total {
  font-size:18px;
  font-weight:600;
}
.pay-btn {
  background:#fb641b;
  color:#fff;
  width:100%;
  padding:14px;
  border:none;
  font-weight:600;
}
/* Payment Details End */
@media (max-width: 598px) { 
  .navbottomBar {
    display: initial;
  }
  .navbottomBar .navbar-brand {
    float: left;
  }
  .navbottomBar .navbar-toggler {
    float: right;
    margin-top: 5px;
  } 
  .navbottomBar .navbar-collapse {
    width: 100%;
    clear: both;
  }  
  .navbar .dropdown-item {
    text-wrap: auto;
  }
  .menuiconGroup {
    margin-top: 8px;
  }
  .homeSlider-caption {
    margin-top: 25%;
  }
  .homeSlider-caption h1 {
    font-size: 30px;
  }
  .homeSlider-indicators {
    display: none;
  }
  .homeSlider-caption p {
    display: none;
  }
  .homeSlider-content-flex {
    margin-bottom: 20px;
  }
  .homeSlider-caption h5 {
    margin-bottom: 10px;
    font-size: 14px;
  }
  .productSlider h4 {
    font-size: 16px;
    padding-bottom: 4px;
  }
  .productSlider img {
    width: 50% !important;
    height: 50% !important;
  }
  .buyBtn2 {
    font-size: 12px;
  }
  .brochure-btn {
    right: -60px;
    font-size: 14px;
  }
  .homeAbout h2 {
    font-size: 30px;
    max-width: 100%;
  }
  .homeAbout h5 {
    margin-top: 0;
  }
  .homeAbout-img {
    margin-top: 40px;
  }
  .homeAbout-img img {
    max-width: 90%;
  }
  .homeAbout-img-count {
    top: -45px;
  }
  .homeAbout-img-count h4 {
    font-size: 34px;
  }
  .homeTestimonials-left p {
    max-width: 100%;
  }
  footer h2 {
    font-size: 32px !important;
  }
  .footerCap {
    max-width: 90% !important;
  }
  .footer-logo-text {
    max-width: 98%;
  }
  .homeProduct-slide {
    min-width: 100%; 
  }
  .innerBanner-content h1 {
    font-size: 36px;
  }
  .innerBanner-content h1 {
    max-width: 100%;
  }
  .brandlogoSection-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .careerPage h2 span {
    display: initial;
  }
  .firecontentSection-3 h3 {
    margin-bottom: -10px;
    padding-bottom: 0 !important;
  }
  .firecontentSection-3 h4 {
    padding-top: 20px;
  }
  .firecontentSection-3 img {
    margin-top: 30px;
  }
  .firecontentSection-5 {
    padding: 45px 0;
  }
  #lightboxTitle {    
    font-size: 16px;
  }
  .productImg:hover .buyBtn1 {
    font-size: 13px;
    width: 100px;
  }
  .cartCardproduct-removeBtn {
    font-size: 10px !important;
    top: initial !important;
    bottom: 0;
  }
}
@media (min-width: 600px) and (max-width: 992px) { 
  .navbottomBar {
    display: initial;
  }
  .navbottomBar .navbar-brand {
    float: left;
  }
  .navbottomBar .navbar-toggler {
    float: right;
    margin-top: 5px;
  } 
  .navbottomBar .navbar-collapse {
    width: 100%;
    clear: both;
  } 
  .menuiconGroup {
    margin-top: 8px;
  }
  .homeSlider-caption {
    margin-top: 35%;
  }
  .homeSlider-caption h1 {
    font-size: 40px;
  }
  .homeSlider-caption p {
    display: none;
  }
  .buyBtn2 {
    font-size: 12px;
  }
  .homeSlider-content-flex {
    margin-bottom: 20px;
  }
  .productSlider {
    width: 300px;
    margin-bottom: 150px;
  }
  .productSlider img {
    width: 50%;
    height: 50% !important;
  }
  .homeSlider-caption h5 {
    margin-bottom: 10px;
    font-size: 14px;
  }
  .productSlider h4 {
    font-size: 15px;
  }
  .homeAbout h2 {
    font-size: 38px;
    max-width: 100%;
  }
  .homeAbout h5 {
    margin-top: 0;
  }
  .homeAbout-img {
    margin-top: 40px;
  }
  .homeAbout-img img {
    max-width: 65%;
  }
  .homeAbout-img-count {
    top: -45px;
  }
  .homeAbout-img-count h4 {
    font-size: 34px;
  }
  .footerCap {
    max-width: 90%;
  }
  .homeProduct-slide {
    min-width: 50%; 
  }
  .innerBanner-content h1 {
    font-size: 38px;
  }
  .innerBanner-content h1 {
    max-width: 100%;
  }
  .careerPage h2 span {
    display: initial;
  }
  .firecontentSection-3 h4 {
    padding-top: 20px;
  }
  .firecontentSection-3 img {
    margin-top: 30px;
  }
  .firecontentSection-5 {
    padding: 45px 0;
  }
  #lightboxTitle {    
    font-size: 18px;
  }
  .productImg:hover .buyBtn1 {
    font-size: 13px;
    width: 100px;
  }
}
@media (min-width: 992px) {
  .navbar .dropdown:hover > .dropdown-menu {
    display: block;
  }
  .dropdown-submenu {
    position: relative;
  }
  .dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    display: none;
  }
  .dropdown-submenu:hover > .dropdown-menu {
    display: block;
  }
  .dropdown-submenu.dropstart > .dropdown-menu {
    left: auto;
    right: 100%;
  }
  .navbar-nav .nav-link.active, .navbar-nav .nav-link:hover {
    color: var(--primary-color);
    transition: all 0.5s;
  }
  .scrolled .navbar-nav .nav-link.active, .scrolled .navbar-nav .nav-link:hover {
    color: var(--primary-color);
    transition: all 0.5s;
  }
  .navbar .dropdown-menu {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    display: block;
  }
  .navbar .dropdown:hover > .dropdown-menu,
  .navbar .dropdown-submenu:hover > .dropdown-menu {
    opacity: 1;
    visibility: visible;
  }
}
@media (max-width: 991px) {
  .dropdown-menu {
    position: static !important;
    transform: none !important;
  }
  .dropdown-submenu .dropdown-menu {
    margin-left: 15px;
  }
  .banner-arrow {
    right: 70px;
  }
  .whowearePage-part2-content {
    position: initial;
    background: #fff;
    max-width: 100%;   
    margin-bottom: 20px;
    padding: 30px 30px 1px 30px;
  }
  .whowearePage-part3-content {
    position: initial;
    background: #F8FAFB;
    max-width: 100%;
    margin-bottom: 20px;
    padding: 30px 30px 1px 30px;
  }
  .visionSection {
    padding:65px 0;
  }
  .searchModal .modal-dialog {
    margin: 10px;
  }
  .searchModal .productCard img {
    max-height: 90px;
  }
}
@media (max-width: 992px) {  
  .navbarContainer {
    padding: 4px 20px;
  }
  .navbar-nav .nav-link {
    margin: 10px;
  }
  .navbar-nav .nav-link:hover::after, .navbar-nav .nav-link.active::after {
    width: 100%;
  }
  .navbar-brand img {
    height: 40px;
  }
  .navbarMenu-search {
    margin-bottom: 15px;
  }
  .homeSlider .carousel-item img {
    height: 100%;
  }
  .homeSlider-container {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .homeSlider-content-flex {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .caption-underline {
    margin: 18px auto 26px auto;
  }
  .project-card { 
    width: 240px; 
  }
  .project-card img { 
    height: 160px; 
  }
  .homeProject-slider-btn { 
    width: 40px; 
    height: 40px; 
  }
  .homeClient-logo {
    min-width: 150px;
  }
  .clientSlider::before,
  .clientSlider::after {
    width: 60px;
  }
  .homeTestimonials-header {
    flex-direction: column;
  }
  .homeTestimonials-header .right {
    margin-top: 25px;
  }
  .homeTestimonials-card {
    flex: 0 0 80%;
  }
  .homeTestimonials-header .homeTestimonials-right {
    margin-top: 20px;
  }
  .brandslider-slide {
    width: 150px;
    height: auto;
    margin: 0 8px;
  }
  .equalHeight {
    min-height:auto;
    text-align:center;
    margin-bottom:30px;
  }
  .brandlogoSection-grid{
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1000px) and (max-width: 1024px) { 
  .navbar-brand img {
    height: 36px;
  }
  .navbar-nav .nav-link {
    margin: 0 2px;
    font-size: 14px;
  }
  .navbarMenu-search {
    width: 16px;
    margin-left: 6px;
  }
  .menuiconGroup img {
    width: 28px;
  }
  .homeSlider-indicators {
    display: none;
  }
  .homeSlider-caption h1 {
    font-size: 54px;
  }
  .productSlider {
    width: 345px;
    position: relative;
    right: 8%;
  }
  .productSlider .carousel-control-prev-icon, .productSlider .carousel-control-next-icon {
    height: 25px;
  }
  .homeAbout h2 {
    font-size: 34px;
    max-width: 100%;
  }
  .homeAbout p {
    margin-bottom: 25px;
  }
  .homeAbout-img {
    top: 20%;
  }
  .homeAbout-img-count {
    top: -40px;
  }
  .homeAbout-img-count h4 {
    font-size: 34px;
  }
  .homeClient-logo {
    min-width: 175px;
  }
}
@media (max-width: 991.98px) {
  .menuiconGroup {
    margin-left: auto; 
    margin-right: 10px;
  }
  .menuiconGroup img {
    width: 28px;
    margin-left: 5px;
  }
  .menuiconGroup-login {
    margin-left: 10px !important;
  }
  .navbar-brand {
    margin-right: 0;
  }
}
/* Cart Page Fixes */
.cartCard { background:#fff; border:1px solid #e5e5e5; border-radius:12px; padding:20px; margin-bottom:16px; }
.cartCardproduct { display:flex; gap:16px; align-items:flex-start; }
.cartCardproduct img { width:90px; height:90px; object-fit:cover; border-radius:8px; flex-shrink:0; }
.cartCardproduct h6 { font-size:15px; font-weight:600; color:#1a1a2e; margin-bottom:4px; }
.cartCardproduct-subtitle { font-size:13px; color:#888; margin-bottom:8px; }
.cartCardproduct-price { font-size:16px; font-weight:700; color:var(--primary-color); }
.cartCardproduct-price span { font-size:12px; font-weight:400; }
.cartCardproduct-removeBtn { font-size:12px; color:var(--primary-color); text-decoration:none; display:inline-block; margin-top:4px; }
.cartCardproduct-removeBtn:hover { text-decoration:underline; color:var(--primary-color); }
.qtyBox { display:flex; align-items:center; gap:6px; }
.summaryBox { background:#fff; border:1px solid #e5e5e5; border-radius:12px; padding:24px; }
.summaryRow { display:flex; justify-content:space-between; align-items:center; padding:10px 0; font-size:14px; }
.summaryRow.total { font-size:16px; font-weight:700; }
.cartCardproduct-subtotal { font-size:15px; font-weight:600; }
.cartCardproduct-subtotal-span { font-size:12px; font-weight:400; }

/* Checkout Page */
.rescoCheckout .checkoutBox { background:#fff; border:1px solid #e5e5e5; border-radius:12px; padding:28px; }
.rescoCheckout .woocommerce h3 { font-size:18px; font-weight:700; color:#1a1a2e; margin-bottom:16px; }
.rescoCheckout .woocommerce .form-row { margin-bottom:16px; }
.rescoCheckout .woocommerce .form-row label { font-size:13px; font-weight:600; color:#555; margin-bottom:4px; display:block; }
.rescoCheckout .woocommerce .form-row input,
.rescoCheckout .woocommerce .form-row select,
.rescoCheckout .woocommerce .form-row textarea { width:100%; padding:10px 14px; border:1px solid #ddd; border-radius:8px; font-size:14px; color:#333; background:#fafafa; transition:border .2s; }
.rescoCheckout .woocommerce .form-row input:focus,
.rescoCheckout .woocommerce .form-row select:focus { border-color:var(--primary-color); outline:none; background:#fff; }
.rescoCheckout .woocommerce #place_order { background:var(--primary-color) !important; color:#fff !important; border:none !important; border-radius:8px !important; padding:14px 32px !important; font-size:15px !important; font-weight:600 !important; width:100% !important; cursor:pointer !important; transition:opacity .2s !important; }
.rescoCheckout .woocommerce #place_order:hover { opacity:.85 !important; }
.rescoCheckout .woocommerce .shop_table { width:100%; border-collapse:collapse; margin:16px 0; }
.rescoCheckout .woocommerce .shop_table th,
.rescoCheckout .woocommerce .shop_table td { padding:10px; border-bottom:1px solid #eee; font-size:14px; }
.rescoCheckout .woocommerce-additional-fields { margin-top:20px; }
.rescoCheckout .woocommerce-terms-and-conditions-wrapper { font-size:12px; color:#888; margin:16px 0; }

/* Contact hero card */
.heroCard { background:#0d0f1a; border-radius:12px; padding:20px 24px; margin-bottom:16px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.heroCard h5 { color:var(--primary-color); font-size:13px; font-weight:600; margin:0 0 4px; }
.heroCard h4 { color:#fff; font-size:16px; font-weight:700; margin:0; }
.heroCard img { width:56px; height:56px; object-fit:contain; flex-shrink:0; }
.infoCard { background:#fff; border:1px solid #e5e5e5; border-radius:10px; padding:14px 18px; margin-bottom:12px; font-size:14px; color:#333; }
.infoCard strong { display:block; font-size:12px; text-transform:uppercase; letter-spacing:.05em; color:#888; margin-bottom:4px; }
.infoCard a { color:#333; text-decoration:none; }
.infoCard a:hover { color:var(--primary-color); }
.contactForm { background:#fff; border:1px solid #e5e5e5; border-radius:12px; padding:28px; }
.contactForm h2 { font-size:20px; font-weight:700; color:#1a1a2e; margin-bottom:20px; }
.contactForm .form-control { border-radius:8px; border:1px solid #ddd; padding:10px 14px; font-size:14px; }
.contactForm .form-control:focus { border-color:var(--primary-color); box-shadow:none; }

/* ============================================================
   Shared "Our Strength" service pages — strengthSection prefix
   Mirrors firecontentSection / edwardsSection styling so the
   new pages match the existing strength pages pixel-for-pixel.
   ============================================================ */
section[class*="strengthSection-"] { padding: 45px 0; }
section[class*="strengthSection-"] h3 { padding-bottom: 10px; }
section[class*="strengthSection-"] h4 { color: var(--primary-color); padding-bottom: 6px; }
section[class*="strengthSection-"] ul li,
section[class*="strengthSection-"] ol li { margin-bottom: 10px; }
section[class*="strengthSection-"] a { color: var(--primary-color); }
section[class*="strengthSection-"] img {
  border-radius: 20px;
  border: 5px solid #f8fafb;
  margin-bottom: 20px;
}
.strengthSection-1 { padding: 85px 0 45px 0; }
.strengthSection-1-big {
  font-size: 24px;
  display: block;
  font-style: italic;
  margin-bottom: 10px;
}
.strengthSection-1-text {
  font-size: 20px;
  padding: 20px;
  border-radius: 15px;
  background: #F8FAFB;
}
/* Highlight / feature boxes (feature_boxes + two_columns layouts) */
[class*="strengthSection-"][class$="-box"] {
  padding: 25px;
  height: 100%;
  margin: 10px 0;
  border-radius: 15px;
  background: #F8FAFB;
}

.certificate-box{
    background:#f8f9fa;
    border:1px solid #e5e5e5;
    border-left:5px solid #F31414;
    border-radius:10px;
    padding:20px;
    margin-top:25px;
}

.certificate-box h3{
    color:#F31414;
    font-size:30px;
    margin-bottom:20px;
}

.certificate-box a{
    display:flex;
    align-items:center;
    gap:10px;
    color:#222;
    text-decoration:none;
    font-size:18px;
    font-weight:600;
    margin-bottom:15px;
    transition:.3s;
}

.certificate-box a:hover{
    color:#F31414;
}

@media(max-width:768px){

    .certificate-box{
        padding:15px;
    }

    .certificate-box h3{
        font-size:22px;
    }

    .certificate-box a{
        font-size:15px;
        line-height:1.5;
    }

}
.certificate-box{
    background:#f8f9fa;
    border:1px solid #e5e5e5;
    border-left:5px solid #F31414;
    border-radius:10px;
    padding:20px;
    margin-top:25px;
}

.certificate-box h4{
    margin-bottom:20px;
}

.certificate-box a{
    display:flex;
    align-items:center;
    gap:10px;
    color:#222;
    text-decoration:none;
    font-size:18px;
    font-weight:600;
    margin-bottom:-10px;
    transition:.3s;
}

.certificate-box a:hover{
    color:#F31414;
}

@media(max-width:768px){

    .certificate-box{
        padding:15px;
    }

    .certificate-box h3{
        font-size:22px;
    }

    .certificate-box a{
        font-size:14px;
        line-height:1.5;
    }


}

.caseStudyBanner{
    background-image: url(../img/case-study-banner-img.jpg);
}