.logo-image {
  height: 68px;
  padding-left: 12px;
}
body {
  font-family: 'Arial', sans-serif;
  font-size: 12px;
}
#sp-header {
  background: #282828;
}
.sp-megamenu-parent {
  background-color: #282828;
  padding-right: 440px;
  padding-left: 5px;
}
body {
  font-family: 'Arial', sans-serif;
  font-size: 12px;
}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
  color: #fff;
}
.sp-megamenu-parent > li > a {
  color: #fff;
}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
  color: #fff;
  background-color: #404040;
}
.sp-megamenu-parent > li:hover > a {
  color: #fff;
}
 

.sp-megamenu-parent {
 background-color: #282828;
 padding-right: 425px;
}


.mod_jo_slideshow .swiper-pagination {
	color: #000000 !important;
	margin-bottom: 10px;
}


.sp-main-body-top {
background: linear-gradient(
    to bottom,
    #3f3f3f 0%,
    #2a2a2a 40%,
    #151515 75%,
    #000000 100%
  ) !important;

  color: #d4d4d4;
 
  border-top: 1px solid #555;
  border-bottom: 1px solid #000;
}

#sp-right .sp-module:first-child {
  margin-top: 0;
  background-color: #323232;
}


#sp-right {
  background: #E5E5E5 url(../images/bg-rightside.png) left top repeat-y;
  padding: 15px;
}
@media (min-width: 992px) {
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
}

#sp-main-body {
  padding: 0px;
}


#sp-right .sp-module .sp-module-title 
{
  margin: 0 0 -22px;
  padding-bottom: 25px;
  font-size: 18px;
  font-weight: 600;
  border-bottom: 0px;
  border-radius: 10px;  
  color: #fff;
}


 .jsn-icon-info {
  color: #d4d4d4;
}


#sp-left .sp-module, #sp-right .sp-module {
  margin-top: 50px;
  border: 1px solid #f3f3f3;
  padding: 30px;
  border-radius: 10px;
  background-color: #282828;
}  


#sp-footer 
{
  border-top: 1px solid #b3b3b3;  
  padding-left: 440px;
  background: #fff;
  color: #171717;
}

#sp-footer .container-inner {
  padding: 30px 0px;
  border-top: 1px solid rgba(255,255,255,.1);
  margin-left: -130px;
}


body {
  background: radial-gradient(
    ellipse at top center,
    #56718a 0%,     /* exact lighter blue center */
    #3a5c7a 35%,    /* mid-tone blue */
    #1f2f45 65%,    /* deep navy */
    #071726 100%    /* dark edge */
  );
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}


.sp-megamenu-parent > li:hover > a {
  color: #fff;
  background-color: #404040;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
  font-size: 1.1em;
  color: #ccc;
  border-right: 1px solid #000;
 border-left: 1px solid #000;
}
.sp-megamenu-parent {
  background-color: #282828;
  padding-right: 437px;
}
.sp-megamenu-parent > li:last-child > a {
  padding: 0px 8px 0px 9px;
}


.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
  color: #fff;
  border-top-color: #1f3d59;
  background-color: #1f3d59;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
  color: #ec430f;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  font-family: 'Nobile', sans-serif;
  text-decoration: none;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
  text-decoration: none;
  border-top: 1px solid #366999;
    border-top-color: rgb(54, 105, 153);
  border-bottom: 1px solid #162c40;
  border-left: 1px solid #162c40;
  color: #ccc;
  transition: color 0.3s linear, background 0.3s ease-out;
  -moz-transition: color 0.3s linear, background 0.3s ease-out;
  -webkit-transition: color 0.3s linear, background 0.3s ease-out;
  padding: 8px 12px;
  display: block;
  font-size: 12px;
  line-height: 20px;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  background: #2c4f72;
  padding: 0px !important;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
  color: #fff;
}
 ul.social-icons {
  list-style: none;
  padding: 0;
  margin: 0;
  display: none !important;
}

 
  .col-lg-9 {
    flex: 0 0 auto;
    width: 100%;
  }
.col-lg-3 {
    flex: 0 0 auto;
    width: 100%;
   color: #fff;
  }

.container {
  padding-left: 8px;
  padding-right: 12px;
}

.sp-megamenu-parent {
  background-color: #282828;
  padding-right: 442px;
}



.sp-megamenu-parent {
  background-color: #282828;
  padding-right: 111px;
}

 

.sp-main-body-top {
  background: linear-gradient( to bottom, #3f3f3f 0%, #2a2a2a 200%, #151515 75%, #000 100% ) !important;
  color: #d4d4d4;
 
 
  border-top: 1px solid #555;
  border-bottom: 1px solid #000;
}


#sp-right {
  background: #E5E5E5 url(../images/bg-rightside.png) left top repeat-y;
  padding: 15px;
}
@media (min-width: 992px) {
  .col-lg-4 {
    flex: 0 0 auto;
    width: 25%;
  }
}

@media (min-width: 992px) {
  .col-lg-8 {
    flex: 0 0 auto;
    width: 74.667%;
  }
}

#sp-right .sp-module {
  margin-top: 50px;
  border: 0px solid #f3f3f3;
  padding: 15px;
  border-radius: 10px;
  background-color: #282828;
}




table {
  caption-side: bottom;
  border-collapse: collapse;
  margin-bottom: -44px;
}
@media (min-width: 992px) {
  #sp-right .sp-module {
    margin-top: 15px;
    border: 0px solid #f3f3f3;
    padding: 15px;
    border-radius: 10px;
    background-color: #282828;
  }
}


.layout-boxed .body-innerwrapper {
  max-width: 960px;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
}

#sp-right {
  background: #E5E5E5 url(../images/bg-rightside.png) left top repeat-y;
  padding: 14px;
}
#sp-right .sp-module:first-child {
  margin-top: 0;
  background-color: #323232;
  padding-bottom: 1px;
}
@media (min-width: 992px) {
  #sp-right {
    background: #E5E5E5 url(../images/bg-rightside.png) left top repeat-y;
    padding: 11px;
  }
}
@media (min-width: 992px) {
    #sp-right .sp-module {
      margin-top: 15px;
      border: 0px solid #f3f3f3;
      padding: 8px;
      border-radius: 5px;
      background-color: #282828;
    }
  }

@media (min-width: 992px) {
      #sp-right .sp-module {
        margin-top: 16px;
        border: 0px solid #f3f3f3;
        padding: 8px;
        border-radius: 5px;
        background-color: #282828;
      }
    }
  

.sp-main-body-top {
  background: linear-gradient( to bottom, #3f3f3f 0%, #2a2a2a 200%, #151515 75%, #000 100% ) !important;
  color: #d4d4d4;
 
 
  border-top: 1px solid #555;
  border-bottom: 1px solid #000;
}
@media (min-width: 992px) {
    #sp-right {
      background: #E5E5E5 url(../images/bg-rightside.png) left top repeat-y;
      padding: 20px;
    }
  }

@media (min-width: 992px) {
        #sp-right .sp-module {
          margin-top: 32px;
          border: 0px solid #f3f3f3;
          padding: 8px;
          border-radius: 5px;
          background-color: #282828;
        }
      }


 .sp-megamenu-parent {
  background-color: #282828;
  padding-right: 161px;
}



@media (min-width: 992px) {
  .sp-megamenu-parent {
    background-color: #282828;
    padding-right: 193px;
  }
}





@media (min-width: 992px) {
    .sp-megamenu-parent {
      background-color: #282828;
      padding-right: 184px;
    }
  }



.article-social-share .social-share-icon ul {
  padding: 0;
  list-style: none;
  margin: 0;
 display: none !important;
}

.sp-module ul > li > a {
  color: #fff;
}



@media (min-width: 992px) {
      .sp-megamenu-parent {
        background-color: #282828;
        padding-right: 210px;
      }
    }




 #sp-footer .container-inner {
  padding: 17px 0px;
  border-top: 1px solid rgba(255,255,255,.1);
  margin-left: -130px;
}

@media (min-width: 992px) {
  .sp-main-body-top {
    background: linear-gradient( to bottom, #3f3f3f 0%, #2a2a2a 200%, #151515 75%, #000 100% ) !important;
    color: #d4d4d4;
    border-top: 1px solid #555;
    border-bottom: 1px solid #000;
  }
}

@media (min-width: 992px) {
  table {
    caption-side: bottom;
    border-collapse: collapse;
    margin-bottom: -40px;
  }
}


@media (min-width: 992px) {
  img {
    display: block;
    max-width: 100%;
    height: 270px;
  }
}


.info-section {
  display: flex;
  gap: 40px;
}

.info-box {
  flex: 1;
}

/* Mobile */
@media (max-width: 991.99px) {
  .info-section {
    flex-direction: column;
  }
}


@media (max-width: 991.99px) {
.sp-main-body-top {
  background: linear-gradient( to bottom, #3f3f3f 0%, #2a2a2a 200%, #151515 75%, #000 100% ) !important;
  color: #d4d4d4;
  padding-left: 25px;
 padding-right: 25px;
  height: 400px;
  border-top: 1px solid #555;
  border-bottom: 1px solid #000;
}

}


@media (min-width: 992px) {

.sp-main-body-top {
  background: linear-gradient( to bottom, #3f3f3f 0%, #2a2a2a 200%, #151515 75%, #000 100% ) !important;
  color: #d4d4d4;
 padding-left: 25px;
 padding-right: 25px; 
  height: 200px;
  border-top: 1px solid #555;
  border-bottom: 1px solid #000;
}
}


/* ================= PRODUCT SECTION ================= */

.product-section {
  padding: 40px 20px;
}

.section-header {
  margin-bottom: 30px;
  border-bottom: 1px dashed #999;
  padding-bottom: 20px;
}

.section-header h3 {
  font-size: 22px;
  margin-bottom: 10px;
}

.section-header a {
  color: #33cccc;
  text-decoration: none;
}

.product-grid {
  display: flex;
  gap: 40px;
}

.product-box {
  flex: 1;
}

.product-box h3 {
  margin-bottom: 15px;
}

.product-box img {
  width: 100%;
  height: auto;
  border-radius: 6px;
  margin-bottom: 15px;
}

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

@media (max-width: 768px) {

  .product-grid {
    flex-direction: column;
    gap: 30px;
  }

  .product-section {
    padding: 20px 10px;
  }

}

/* Dotted line at bottom of Product Section */
.product-section {
  padding: 20px 10px;
  border-bottom: 2px dotted #999;
  margin-bottom: 30px;
}



/* MOBILE GRADIENT FIX */
html, body {
  min-height: 100%;
  background: radial-gradient(
    ellipse at top center,
    #56718a 0%,
    #3a5c7a 35%,
    #1f2f45 65%,
    #071726 100%
  );
  background-repeat: repeat;
  background-size: cover;
}


@media (min-width: 992px) {
  .info-section {
    display: flex;
    gap: 30px;
    padding-top: 20px;
  }
}

@media (min-width: 992px) {
    .sp-main-body-top {
      color: #fff;
    }
  }

 


@media (min-width: 992px) {
    .sp-main-body-top {
      background: linear-gradient( to bottom, #3f3f3f 0%, #2a2a2a 200%, #151515 75%, #000 100% ) !important;
       
      
      padding-left: 25px;
       padding-right: 25px;
      height: 200px;
      border-top: 1px solid #555;
      border-bottom: 1px solid #000;
    }
  }



 @media (max-width: 991.99px) {
.sp-main-body-top {
  background: linear-gradient( to bottom, #3f3f3f 0%, #2a2a2a 200%, #151515 75%, #000 100% ) !important;
  color: #d4d4d4;
 padding-left: 25px;
 padding-right: 25px; 
  height: 400px;
  border-top: 1px solid #555;
  border-bottom: 1px solid #000;
}
}


@media (min-width: 992px) {
      .sp-main-body-top {
        background: linear-gradient( to bottom, #3f3f3f 0%, #2a2a2a 200%, #151515 75%, #000 100% ) !important;
        padding-left: 10px;
        padding-right: 10px;
        height: 200px;
        border-top: 1px solid #555;
        border-bottom: 1px solid #000;
      }
    }
  

/* ================= COMPANY SECTION ================= */

/* Company Section Grid */
.company-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* Desktop & Tablet */
  gap: 30px;
  margin-top: 20px;
}

/* Each Box Style */
.company-box {
  padding: 20px;
  border-radius: 6px;
}

/* Title */
.company-box h3 {
  color: #e00000;
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: 400;
}

/* Text */
.company-box p {
  font-size: 14px;
  line-height: 1.7;
}

/* Links */
.company-box a {
  color: #0099ff;
  text-decoration: none;
}

.company-box a:hover {
  text-decoration: underline;
}

/* Mobile layout */
@media (max-width: 768px) {
  .company-grid {
    grid-template-columns: 1fr;
  }
}


.article-details .article-ratings-social-share {
  padding: 0rem 0;
  border-top: 0px solid #f5f5f5;
  border-bottom: 0px solid #f5f5f5;
  margin-bottom: -4rem;
  display: none !important;
}

/* ===== OUR TEAM SECTION ===== */

.our-team-section {
    padding: 60px 40px;
    max-width: 1200px;
    margin: auto;
}

/* Main Title */
.team-main-title {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 50px;
    color: #333;
}

/* Grid Layout */
.team-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px 80px;
}

/* Individual Box */
.team-box h3 {
    color: #e00000;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}

/* Horizontal Line */
.team-box hr {
    border: none;
    border-top: 1px solid #d5d5d5;
    margin: 10px 0 20px;
}

/* Paragraph */
.team-box p {
    font-size: 14px;
    line-height: 1.8;
    color: #333;
    margin: 0;
}

/* ===== Responsive ===== */
@media (max-width: 991px) {
    .team-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .our-team-section {
        padding: 40px 20px;
    }
}


/* ===== OUR EXPERTISE SECTION ===== */

.expertise-section {
    padding: 60px 40px;
    max-width: 1200px;
    margin: auto;
}

/* Main Title */
.expertise-title {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 40px;
    color: #333;
}

/* Grid Layout */
.expertise-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px 80px;
}

/* Box Title */
.expertise-box h3 {
    color: #e00000;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
}

/* Images */
.expertise-box img {
    width: 100%;
    max-width: 500px;
    height: 260px;
    object-fit: cover;
    border: 2px solid #000;
    display: block;
}

/* Responsive */
@media (max-width: 991px) {
    .expertise-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .expertise-section {
        padding: 40px 20px;
    }
}



/* ===== CAREER SECTION IMPROVED ===== */

.career-section {
    max-width: 1200px;
    margin: auto;
    padding: 60px 40px;
    background: #f5f5f5;
}

/* Intro */
.career-intro-title {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 20px;
}

.career-intro-text {
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 50px;
}

/* Main Title */
.career-main-title {
    font-size: 18px;
    margin-bottom: 30px;
}

/* Grid */
.career-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px 80px;
    margin-bottom: 60px;
}

/* Vertical divider (desktop only) */
@media (min-width: 992px) {
    .career-grid > div:nth-child(odd) {
        border-right: 1px solid #ddd;
        padding-right: 40px;
    }

    .career-grid > div:nth-child(even) {
        padding-left: 40px;
    }
}

/* Card Box */
.career-box {
    background: #ffffff;
    padding: 25px;
    border-radius: 4px;
}

/* Job Title */
.career-box h4 {
    color: #e00000;
    font-size: 16px;
    margin-bottom: 15px;
}

/* Small Section Title */
.career-box h5 {
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: 600;
    color: #333;
}

/* Bullet List */
.career-box ul {
    list-style: none;
    padding-left: 0;
}

.career-box ul li {
    position: relative;
    padding-left: 18px;
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 1.7;
}

/* Blue arrow bullet */
.career-box ul li::before {
    content: "›";
    position: absolute;
    left: 0;
    color: #0073e6;
    font-weight: bold;
}

/* Bottom Section Divider */
.bottom-section {
    border-top: 1px solid #ddd;
    padding-top: 50px;
}

/* Responsive */
@media (max-width: 991px) {
    .career-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .career-section {
        padding: 40px 20px;
    }
}



/* ===== MATERIAL HANDLING GALLERY ===== */

.mh-section {
    padding: 50px 0;
    background: #f5f5f5;
}

.mh-title {
    color: #e00000;
    font-size: 20px;
    margin-bottom: 10px;
}

.mh-desc {
    font-size: 14px;
    margin-bottom: 30px;
}

/* GRID */
.mh-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
}

/* IMAGE STYLE */
.mh-grid a {
    display: block;
    background: #fff;
    padding: 8px;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
}

.mh-grid a:hover {
    transform: translateY(-5px);
}

.mh-grid img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: 4px;
}

/* Tablet */
@media (max-width: 991px) {
    .mh-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile */
@media (max-width: 576px) {
    .mh-grid {
        grid-template-columns: 1fr;
    }
}

.image-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    margin-top: 30px;
}

.image-grid a {
    display: block;
    border: 1px solid #ddd;
    padding: 8px;
    background: #fff;
}

.image-grid img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    display: block;
}

/* Tablet */
@media (max-width: 991px) {
    .image-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile */
@media (max-width: 576px) {
    .image-grid {
        grid-template-columns: 1fr;
    }
}
/* ===== Dust Collector Gallery Layout ===== */

.dust-gallery {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 20px;
}

.dust-gallery img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 6px;
  transition: 0.3s ease;
}

.dust-gallery img:hover {
  transform: scale(1.03);
}

/* ===== Mobile View ===== */
@media (max-width: 767px) {
  .dust-gallery {
    grid-template-columns: 1fr;
  }
}

/* Gallery Layout */
.others-gallery {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 20px;
}

/* Remove default paragraph spacing */
.others-gallery p {
  margin: 0;
}

/* Make all images same size */
.others-gallery img {
  width: 100%;
  height: 300px;          /* SAME HEIGHT FOR ALL */
  object-fit: cover;      /* Crop without distortion */
  display: block;
  border-radius: 6px;
  transition: 0.3s ease;
}

/* Hover effect (optional) */
.others-gallery img:hover {
  transform: scale(1.03);
}

/* Mobile: 1 column */
@media (max-width: 768px) {
  .others-gallery {
    grid-template-columns: 1fr;
  }

  .others-gallery img {
    height: 220px;  /* Slightly smaller for mobile */
  }
}
/* Dust & Water Treatment Gallery Layout */
.dust-gallery {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 columns for desktop & tablet */
  gap: 20px;
  margin-top: 20px;
}

/* Make all images same size */
.dust-gallery img {
  width: 100%;
  height: 300px;          /* All images same height */
  object-fit: cover;      /* Crop to fit without distortion */
  display: block;
  border-radius: 6px;
  transition: transform 0.3s ease;
}

/* Optional hover effect */
.dust-gallery img:hover {
  transform: scale(1.03);
}

/* Mobile layout: 1 column */
@media (max-width: 768px) {
  .dust-gallery {
    grid-template-columns: 1fr;
  }

  .dust-gallery img {
    height: 220px; /* Slightly smaller for mobile */
  }
}


/* Product images same size with border */
.product-box img {
  width: 344px;
  height: 250px;
  object-fit: cover;           /* Crop to fit without distortion */
  border: 3px double #000000;  /* Double black border */
  display: block;
  margin-bottom: 10px;         /* Optional spacing below image */
}
@media (min-width: 992px) {
  .section-header {
    margin-bottom: 15px;
    border-bottom: 1px dashed #999;
    padding-bottom: 0px;
  }
}
@media (min-width: 992px) {
      #sp-right {
        background: #E5E5E5 url(../images/bg-rightside.png) left top repeat-y;
        padding: 15px;
      }
    }
  

 @media (min-width: 992px) {
          #sp-right .sp-module {
            margin-top: 15px;
            border: 0px solid #f3f3f3;
            padding: 8px;
            border-radius: 5px;
            background-color: #282828;
          }
}




@media (min-width: 992px) {
  .company-section {
    background: transparent !important;
    padding: 85px 30px;
  }
}
@media (min-width: 992px) {
  .company-box h3 {
    color: #e00000;
    font-size: 18px;
    margin-bottom: 3px;
    font-weight: 400;
  }
}




.company-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

/* Small mobile */
@media (max-width: 480px) {
  .company-grid {
    grid-template-columns: 1fr;
  }
}




/* Company Section Grid */
.company-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 columns desktop & tablet */
  gap: 25px;
  margin-top: 20px;
}

/* Each Box Style */
.company-box {
  padding: 20px;
  border-radius: 6px;
  background: #fff;
  box-sizing: border-box;
}

/* Headings */
.company-box h3 {
  margin-top: 0;
}

/* Mobile View */
@media (max-width: 768px) {
  .company-grid {
    grid-template-columns: 1fr; /* 1 column on mobile */
  }
}



/* Section spacing */
.company-section {
  margin-top: 40px;
}

/* Title style */
.company-title {
  text-align: left;
  font-size: 28px;
  margin-bottom: 20px;
}

/* Grid layout */
.company-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
}

/* Box style */
.company-box {
 
  padding: 20px;
  border-radius: 6px;
  background: #fff;
}

/* Mobile */
@media (max-width: 768px) {
  .company-grid {
    grid-template-columns: 1fr;
  }
}


@media (min-width: 992px) {
    .company-section {
      background: transparent !important;
      padding: 10px 10px;
    }
  }



/* Remove unwanted margins */
.company-section {
  margin: 40px 0;
  padding: 0;
}

/* Title aligned perfectly with grid */
.company-title {
  margin: 0 0 25px 0;  /* No left margin */
  padding: 0;
  font-size: 28px;
}

/* Grid */
.company-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
}

/* Box */
.company-box {
 
  
  border-radius: 6px;
  background: #fff;
  box-sizing: border-box;
}

/* Mobile */
@media (max-width: 768px) {
  .company-grid {
    grid-template-columns: 1fr;
  }
}



@media (min-width: 992px) {
  .company-title {
    margin: 0 0;
    padding: 0;
    padding-left: 0px;
    font-size: 28px;
    padding-left: 20px;
   padding-top: 20px;
  }
}


/* Expertise Section */
.expertise-section {
  margin: 50px 0;
}

/* Title */
.expertise-title {
  margin: 0 0 25px 0;
}

/* Grid Layout */
.expertise-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 columns */
  gap: 25px;
}

/* Each Box */
.expertise-box {
  text-align: center;
}

/* Make ALL images same size */
.expertise-box img {
  width: 100%;
  height: 260px;            /* SAME HEIGHT FOR ALL */
  object-fit: cover;        /* Crop without distortion */
  display: block;
  border-radius: 6px;
}

/* Optional: space between title & image */
.expertise-box h3 {
  margin-bottom: 15px;
}

/* Mobile: 1 column */
@media (max-width: 768px) {
  .expertise-grid {
    grid-template-columns: 1fr;
  }

  .expertise-box img {
    height: 220px;
  }
}


@media (min-width: 992px) {
  .expertise-section {
    margin: 50px 0px;
    padding-bottom: 0px;
    padding-top: 10px;
  }
}






@media (min-width: 992px) {
#sp-right {
	padding: 18px;
}
}



@media (min-width: 992px) {
    .info-section {
      display: flex;
      gap: 20px;
      padding-top: 10px;
    }
  }





@media (min-width: 992px) {
        .sp-main-body-top {
          background: linear-gradient( to bottom, #3f3f3f 0%, #2a2a2a 200%, #151515 75%, #000 100% ) !important;
          padding-left: 10px;
          padding-right: 15px;
          height: 175px;
          border-top: 1px solid #555;
          border-bottom: 1px solid #000;
        }
      }
    
  



@media (min-width: 992px) {
  .product-section {
    padding: 30px 10px;
    border-bottom: 2px dotted #999;
    margin-bottom: 30px;
  }
}



@media (min-width: 992px) {
    #sp-right .sp-module {
      margin-top: 35px;
      border: 0px solid #f3f3f3;
      padding: 8px;
      border-radius: 5px;
      background-color: #282828;
    }
  }



p {
  margin-top: 5px;
  margin-bottom: 1rem;
}

@media (min-width: 992px) {
  #sp-right .sp-module:first-child {
    margin-top: 6px;
    background-color: #323232;
    padding-bottom: 1px;
  }
}




      @media (min-width: 992px) {
          .sp-main-body-top {
            background: linear-gradient( to bottom, #3f3f3f 0%, #2a2a2a 200%, #151515 75%, #000 100% ) !important;
            padding-left: 0px;
            padding-right: 0px;
            height: 175px;
            border-top: 1px solid #555;
            border-bottom: 1px solid #000;
          }
        }

@media (min-width: 992px) {
    #sp-right {
      padding: 15px;
      margin-top: 1px;
    }
  }


@media (min-width: 992px) {
    .product-section {
      padding: 23px 10px;
      border-bottom: 2px dotted #999;
      margin-bottom: 30px;
    }
  }




@media (min-width: 992px) {
    .section-header {
      margin-bottom: 30px;
      border-bottom: 1px dashed #999;
      padding-bottom: 0px;
    }
  }

 @media (min-width: 992px) {
      .section-header {
        margin-bottom: 30px;
        border-bottom: 1px dashed #999;
        padding-bottom: 7px;
      }
    }
  



#sp-right .sp-module .sp-module-title {
  margin: 0 0 -22px;
  padding-bottom: 19px;
  font-size: 18px;
  font-weight: 600;
  border-bottom: 0px;
  border-radius: 10px;
  color: #fff;
}

@media (min-width: 992px) {
      #sp-right .sp-module {
        margin-top: 35px;
        border: 0px solid #f3f3f3;
        padding: 11px;
        border-radius: 5px;
        background-color: #282828;
      }
    }
  



@media (min-width: 992px) {
      .info-section {
        display: flex;
        gap: 32px;
        padding: 15px;
        padding-top: 5px;
      }
    }
 


ul.social-icons,
.sppb-social-icons,
.sp-social-share,
.article-social-share,
.article-social-share ul,
.social-share-icon,
.social-share-icon ul {
    display: none !important;
}


.article-social-share {
  display: none !important;
}


.article-social-share .social-share-icon ul {
  padding: 0;
  list-style: none;
  margin: 0;
   display: none !important;
}



 @media (max-width: 991.99px) {
.burger-icon {
  width: 25px;
  cursor: pointer;
   background-color: #fff !important;
}
}


@media (min-width: 992px) {
.burger-icon {
  width: 0px;
  cursor: pointer;
}
}


  @media (min-width: 992px) {
    .company-title {
      margin: 0 0;
      padding: 0;
    padding-top: 0px;
    padding-left: 0px;
      padding-left: 0px;
      font-size: 28px;
      padding-left: 20px;
      padding-top: 0px;
    }
  }
@media (min-width: 992px) {
  .expertise-title {
    margin: -55px 0 25px 0;
  }
}
.sp-module ul > li > a {
  color: #fff !important;
}
@media (min-width: 992px) {
  .expertise-box img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    display: block;
    border-radius: 6px;
  }
}

 h1 {
  margin-top: -35px;
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1.2;
}
@media (min-width: 992px) {
  .our-team-section {
    padding: 20px 40px;
    max-width: 1200px;
    margin: auto;
  }
}
@media (min-width: 992px) {
  .mh-section {
    padding: 15px 0;
    background: #f5f5f5;
    margin-top: -80px;
  }
}


@media (min-width: 992px) {
  .product-box img {
    width: 344px;
    height: 260px;
    object-fit: cover;
    border: 3px double #000000;
    display: block;
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) {
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
    padding: 22px;
  }
}
@media (min-width: 992px) {
  h1 {
    margin-top: -24px;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
  }
}



 .article-social-share .social-share-icon ul {
  padding: 0;
  list-style: none;
  margin: 0;
  display: none !important;
}
 .article-social-share .social-share-icon ul li a {
  color: #fff;
}
.article-social-share .social-share-icon ul li a {
  border: 1px solid #ededed;
  font-size: 0rem;
  border-radius: 0%;
  height: 0px;
  line-height: 0px;
  text-align: center;
  width: 0px;
  display: none !important;
}


.article-social-share .social-share-icon ul li:not(:last-child) {
  margin-right: 0px;
  display: none !important;
}
.article-social-share .social-share-icon ul {
  padding: 0;
  list-style: none;
  margin: 0;
  display: none !important;
}
.article-social-share {
  display: none;
}


.grid-layout{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin-bottom: 30px;
}

.grid-layout div{
  width: 100%;
}

/* Mobile */
@media (max-width: 768px){
  .grid-layout{
    grid-template-columns: 1fr;
  }
}


.section-title{
  font-size:26px;
  margin-bottom:40px;
}

.grid-layout{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:60px 80px;
}

.grid-item h3{
  color:#d40000;
  font-size:18px;
  font-weight:500;
  margin-bottom:8px;
}

.grid-item hr{
  border:none;
  border-top:1px solid #cfcfcf;
  margin-bottom:15px;
}

.grid-item p{
  font-size:14px;
  line-height:1.8;
  color:#333;
}

/* mobile */
@media (max-width:768px){
  .grid-layout{
    grid-template-columns:1fr;
    gap:40px;
  }
}


.richbox-2 {
  color: #d4d4d4;
  background: #2B5783 URL(../images/richbox-2.png) left bottom repeat-x;
}

 /* RIGHT SIDEBAR */
#sp-right {
  background: #E5E5E5 url(../images/bg-rightside.png) left top repeat-y;
  padding: 15px;
}

/* MODULE BOX */
#sp-right .sp-module {
  border: none;
  padding: 15px;
  margin-top: 20px;
  background-color: #282828;
  border-radius: 5px;
  box-shadow: 0px 0px 4px #666;
}

/* REMOVE TOP MARGIN FOR FIRST MODULE */
#sp-right .sp-module:first-child {
  margin-top: 0;
}

/* MODULE TITLE */
#sp-right .sp-module .sp-module-title {
  margin: 0;
  padding-bottom: 5px;
  font-size: 1.3em;
  font-weight: bold;
  border-bottom: none;

  /* ✅ FIXED FONT STACK (supports Japanese) */
  font-family: 'Nobile', 'Noto Sans JP', 'Hiragino Kaku Gothic Pro',
               'Meiryo', sans-serif !important;
}

/* RICHBOX TITLE STYLE */
.richbox-2.sp-module .sp-module-title {
  color: #fff;
  text-shadow: 1px 1px 1px #000;
}

/* FONT AWESOME ICON FIX */
.sp-module-title.fas::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f005"; /* star icon */
  padding-right: 6px;
  color: #86aceb;
}

/* OPTIONAL: If you still use .fa-star class */
.fa-star::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f005";
}

/* GRID LAYOUT (DESKTOP) */
@media (min-width: 992px) {
  .grid-layout {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    padding: 18px;
  }
}

/* COLUMN WIDTH (DESKTOP) */
@media (min-width: 992px) {
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
}
@media (min-width: 992px) {
    .product-section {
      padding: 15px 10px;
      border-bottom: 2px dotted #999;
      margin-bottom: 30px;
    }
  }

/* Sidebar Container */
#sp-right .sp-column {
  padding: 0;
}

/* Main Box */
.richbox-2 {
  color: #ffffff;
  background: linear-gradient(180deg, #2B5783 0%, #1f3f5c 100%);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
  margin-bottom: 20px;
}

/* Title */
.richbox-2 .sp-module-title {
  font-size: 16px;
  font-weight: 600;
  padding: 14px 16px;
  margin: 0;
  background: rgba(0,0,0,0.2);
  border-bottom: 1px solid rgba(255,255,255,0.1);
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Icon spacing */
.richbox-2 .sp-module-title:before {
  font-family: "Font Awesome 5 Free";
  content: "\f005"; /* star icon */
  font-weight: 900;
}

/* Content area */
.richbox-2 .sp-module-content {
  padding: 10px 0;
}

/* Menu list */
.richbox-2 ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Menu items */
.richbox-2 ul li {
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

/* Links */
.richbox-2 ul li a {
  display: block;
  padding: 12px 16px;
  color: #e0e0e0;
  text-decoration: none;
  font-size: 14px;
  transition: all 0.3s ease;
}

/* Hover effect */
.richbox-2 ul li a:hover {
  background: rgba(255,255,255,0.1);
  color: #ffffff;
  padding-left: 20px;
}

/* Active item */
.richbox-2 ul li.active a {
  background: rgba(255,255,255,0.15);
  color: #ffffff;
  font-weight: 600;
}

/* Remove last border */
.richbox-2 ul li:last-child {
  border-bottom: none;
}

/* Responsive (Mobile Fix) */
@media (max-width: 991px) {
  #sp-right {
    margin-top: 20px;
  }

  .richbox-2 {
    border-radius: 8px;
  }

  .richbox-2 .sp-module-title {
    font-size: 15px;
    padding: 12px;
  }

  .richbox-2 ul li a {
    font-size: 13px;
    padding: 10px 12px;
  }
}
.fa-star {
  --fa: "";
}
background: #2B5783 url('../images/richbox-2.png') left bottom repeat-x;


#sp-right .sp-module .sp-module-title {
  margin: 0;
  padding-bottom: 5px;
  font-size: 1.3em;
  font-weight: normal;
  border-bottom: none;
  font-family: 'Nobile', sans-serif !important;
}
.richbox-2.sp-module .sp-module-title {
  color: #fff;
  text-shadow: 1px 1px 1px #000;
}
.fa-star {
  --fa: "";
}
.sp-module-title.fas::before {
  font-weight: 900 !important;
  font-family: "Font Awesome 6 Free";
  padding-right: 6px;
  color: #86aceb;
}
#sp-right .sp-module ul > li > a {
  display: block;
  padding: 5px 0;
  line-height: 36px;
  padding: 2px 0;
  color: #fff !important;
}

 
#sp-right .richbox-2 {
  background: linear-gradient(180deg, #3b6fa3 0%, #2b5783 100%) !important;
  color: #ffffff !important;
  border-radius: 10px;
  overflow: hidden;
}
#sp-right .richbox-2 .sp-module-title {
  color: #ffffff !important;
  background: transparent !important;
  border-bottom: 1px solid rgba(255,255,255,0.2);
}
#sp-right .richbox-2 ul li a {
  color: #ffffff !important;
}
#sp-right .richbox-2 ul li a:hover {
  background: rgba(255,255,255,0.1);
  color: #ffffff !important;
}
#sp-right .sp-module.richbox-2 {
  background-color: unset !important;
}
 

/* FIX for mobile view */
@media (max-width: 991.99px) {

  #sp-right .richbox-2 {
    background: linear-gradient(180deg, #3b6fa3 0%, #2b5783 100%) !important;
    color: #ffffff !important;
  }

  #sp-right .richbox-2 .sp-module-title {
    color: #ffffff !important;
  }

  #sp-right .richbox-2 ul li a {
    color: #ffffff !important;
  }

}
@media (max-width: 991.99px) {

  #sp-right .sp-module.richbox-2 {
    background: linear-gradient(180deg, #3b6fa3, #2b5783) !important;
    color: #fff !important;
  }

}
/* ===== FORCE STYLE FOR ALL DEVICES (DESKTOP + MOBILE) ===== */

#sp-right .sp-module.richbox-2,
#sp-right .sp-module.richbox-2 .sp-module-content {
  background: linear-gradient(180deg, #3b6fa3 0%, #2b5783 100%) !important;
  color: #ffffff !important;
}

/* Title */
#sp-right .sp-module.richbox-2 .sp-module-title {
  color: #ffffff !important;
  background: transparent !important;
}

/* Links */
#sp-right .sp-module.richbox-2 ul li a {
  color: #ffffff !important;
}

/* Hover */
#sp-right .sp-module.richbox-2 ul li a:hover {
  background: rgba(255,255,255,0.1) !important;
  color: #ffffff !important;
}

 
@media (max-width: 991.99px) {
  #sp-right .sp-module.richbox-2 {
    background: linear-gradient(180deg, #3b6fa3 0%, #2b5783 100%) !important;
  }

#sp-right .sp-module.richbox-2 * {
  color: #ffffff !important;
}
#sp-right .sp-module.richbox-2 {
  background: linear-gradient(180deg, #3b6fa3, #2b5783) !important;
}
#sp-right .sp-module:first-child {
  margin-top: 0;
  background-color: #2b5783;
}
#sp-right .sp-module ul > li > a {
  display: block;
  line-height: 36px;
  padding: 2px 0;
}
.sp-module ul > li > a {
  color: #ffffff !important;
}
 }



.sp-module ul > li > a {
  color: #ffffff !important;
}




/* ===== SUBMENU WHITE TEXT FIX ===== */

#sp-right .richbox-2 ul li a {
  color: #ffffff !important;
}

/* Make list text fully visible */
#sp-right .richbox-2 ul li {
  color: #ffffff !important;
}

/* Divider line (light white) */
#sp-right .richbox-2 ul li {
  border-bottom: 1px solid rgba(255,255,255,0.3) !important;
}

/* Hover effect */
#sp-right .richbox-2 ul li a:hover {
  color: #ffffff !important;
  background: rgba(255,255,255,0.1) !important;
}

/* Active item */
#sp-right .richbox-2 ul li.active a {
  color: #ffffff !important;
  font-weight: 600;
}

/* ===== MOBILE FORCE FIX ===== */
@media (max-width: 991.99px) {

  #sp-right .richbox-2 ul li a {
    color: #ffffff !important;
  }

}




/* ================= FINAL MOBILE + DESKTOP FIX ================= */

/* ONLY target your module */
#sp-right .sp-module.richbox-2 {
  background: linear-gradient(180deg, #3b6fa3 0%, #2b5783 100%) !important;
  color: #ffffff !important;
  border-radius: 10px;
}

/* Fix content background override */
#sp-right .sp-module.richbox-2 .sp-module-content {
  background: transparent !important;
}

/* Title */
#sp-right .sp-module.richbox-2 .sp-module-title {
  color: #ffffff !important;
  background: transparent !important;
}

/* Menu text */
#sp-right .sp-module.richbox-2 ul li a {
  color: #ffffff !important;
}

/* Hover */
#sp-right .sp-module.richbox-2 ul li a:hover {
  background: rgba(255,255,255,0.1) !important;
  color: #ffffff !important;
}

/* ================= MOBILE FIX ================= */
@media (max-width: 991.99px) {

  /* FORCE override template */
  #sp-right .sp-module.richbox-2 {
    background: linear-gradient(180deg, #3b6fa3 0%, #2b5783 100%) !important;
  }

  /* FORCE all text white */
  #sp-right .sp-module.richbox-2 * {
    color: #ffffff !important;
  }

}


/* ===== CLEAN FINAL FIX (ISOLATED) ===== */

/* Target ONLY this module */
#sp-right .sp-module.my-blue-box {
  background: linear-gradient(180deg, #3b6fa3 0%, #2b5783 100%) !important;
  border-radius: 10px;
  overflow: hidden;
}

/* Remove template dark override */
#sp-right .sp-module.my-blue-box,
#sp-right .sp-module.my-blue-box .sp-module-content {
  background-color: transparent !important;
}

/* Force all text white */
#sp-right .sp-module.my-blue-box * {
  color: #ffffff !important;
}

/* Menu links */
#sp-right .sp-module.my-blue-box ul li a {
  display: block;
  padding: 10px 15px;
  color: #ffffff !important;
}

/* Divider */
#sp-right .sp-module.my-blue-box ul li {
  border-bottom: 1px solid rgba(255,255,255,0.3);
}

/* Hover */
#sp-right .sp-module.my-blue-box ul li a:hover {
  background: rgba(255,255,255,0.1);
}

/* ===== MOBILE HARD FIX ===== */
@media (max-width: 991.99px) {

  #sp-right .sp-module.my-blue-box {
    background: linear-gradient(180deg, #3b6fa3 0%, #2b5783 100%) !important;
  }



   .offcanvas-menu .offcanvas-inner ul.menu li.active > a, .offcanvas-menu .offcanvas-inner ul.menu li.active > .nav-header, .offcanvas-menu .offcanvas-inner ul.menu li.active > .mod-menu__heading {
  color: #ec430f;
}
.offcanvas-menu .offcanvas-inner ul.menu li > a, .offcanvas-menu .offcanvas-inner ul.menu li.active > .nav-header, .offcanvas-menu .offcanvas-inner ul.menu li.active > .mod-menu__heading {
  color: #000;
}
.sp-module ul > li > a {
	color: #000 !important;
}

.offcanvas-menu .offcanvas-inner ul.menu li.active a {
	color: #fff;
	background-color: #d4d4d4;
	opacity: 1;
        padding: 10px;
}
@media (max-width: 991.99px) {
  .sp-main-body-top {
    background: linear-gradient( to bottom, #3f3f3f 0%, #2a2a2a 200%, #151515 75%, #000 100% ) !important;
    color: #d4d4d4;
    padding-left: 25px;
    padding-right: 25px;
    height: 400px;
    border-top: 1px solid #555;
    border-bottom: 1px solid #000;
    padding: 0px;
  }
}
 .offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
  font-size: 15px;
  padding: 0px 0px;
  line-height: 40px;
  font-weight: 500;
}
.info-section {
  display: flex;
  gap: 0px;
}
#offcanvas-toggler .burger-icon {
  display: inline-block;
  margin-bottom: 10px;
}
  @media (max-width: 991.99px) {
    .sp-main-body-top {
      background: linear-gradient( to bottom, #3f3f3f 0%, #2a2a2a 200%, #151515 75%, #000 100% ) !important;
      color: #d4d4d4;
      padding-left: 25px;
      padding-right: 25px;
      height: 330px;
      border-top: 1px solid #555;
      border-bottom: 1px solid #000;
      padding: 0px;
    }
  }
@media (max-width: 991.99px) {
  #sp-right .sp-module:first-child {
    margin-top: 0;
    background-color: #282828;
  }
}
@media (max-width: 991.99px) {
  .info-section {
    flex-direction: column;
    padding: 5px;
  }
}

@media (max-width: 991.99px) {
#sp-top1 .mod-languages__list img {
  margin-left: 0px;
  margin-top: -53px;
 border: 1px solid #e0e2e5;
}
}
@media (min-width: 992px) {
#sp-top1 .mod-languages__list img {
  margin: 10px;
  padding-left: 109px;
  border: 1px solid #e0e2e5;
}
}
@media (max-width: 991.99px) {
  .burger-icon {
    width: 30px;
    cursor: pointer;
    background-color: #fff !important;
    padding-top: 0px;
  }
}

@media (max-width: 991.99px) {
#sp-top1 .mod-languages__list img {
  border: 1px solid #e0e2e5;
  max-width: 32px;
}
}
@media (min-width: 992px) {
#sp-top1 .mod-languages__list img {
  width: 42px;
  height: 28px;
  cursor: pointer;
  transition: 0.3s ease;
  border: 1px solid #e0e2e5;
  }
}