html::-webkit-scrollbar,
body::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari */
}

/* Disable scroll when offcanvas is open */
body.offcanvas-open {
  overflow: hidden !important;
  padding-right: 0 !important;
  /* remove Bootstrap shift */
}

.py-cl{
	padding-top: 19px !important;
	padding-bottom: 19px !important;
}

.mt-8{
	margin-top: 8rem !important;
}
/* md (≥768px) */
@media (min-width: 768px) {
  .mt-md-8 {
    margin-top: 8rem !important;
  }
}

/* lg (≥992px) */
@media (min-width: 992px) {
  .mt-lg-8 {
    margin-top: 8rem !important;
  }
}

/* xl (≥1200px) */
@media (min-width: 1200px) {
  .mt-xl-8 {
    margin-top: 8rem !important;
  }
}



 .card-box{
  min-height:380px;
  position:relative;
  overflow:hidden;
  transition:all .4s ease;
  background:rgba(0,0,0,.25);
}

.card-title,
.card-content p,
.card-link{
  color:#fff;
  transition:all .3s ease;
}

/* =========================
   ABOUT HOVER (WHITE)
========================= */
.info-switch-wrap.is-about .about-box{
  background:#fff;
}

.info-switch-wrap.is-about .about-box .card-title,
.info-switch-wrap.is-about .about-box .card-content p,
.info-switch-wrap.is-about .about-box .card-link{
  color:#000;
}

/* =========================
   ISO IMAGE (WHEN ABOUT HOVER)
========================= */
.why-box::before{
  content:"";
  position:absolute;
  inset:0;
  background:url('../img/home/hero-banner.jpeg') center/cover no-repeat;
  opacity:0;
  transition:opacity .4s ease;
  z-index:0;
}

.why-box::after{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(14, 32, 53, 0.6);
  opacity:0;
  transition:opacity .4s ease;
  z-index:1;
}

.why-box > *{
  position:relative;
  z-index:2;
}

/* SHOW ISO IMAGE */
.info-switch-wrap.is-about .why-box::before,
.info-switch-wrap.is-about .why-box::after{
  opacity:1;
}

/* HIDE ISO CONTENT */
.info-switch-wrap.is-about .why-box > *{
  opacity:0;
  visibility:hidden;
}

/* =========================
   ISO HOVER (WHITE)
========================= */
.info-switch-wrap.is-why .why-box{
  background:#fff;
}

.info-switch-wrap.is-why .why-box .card-title,
.info-switch-wrap.is-why .why-box .card-content p,
.info-switch-wrap.is-why .why-box .card-link{
  color:#000;
}

/* =========================
   ABOUT IMAGE (WHEN ISO HOVER)
========================= */
.about-box::before{
  content:"";
  position:absolute;
  inset:0;
  background:url('../img/home/about-scaled.png') center/cover no-repeat;
  opacity:0;
  transition:0.4s;
  z-index:0;
}

.about-box::after{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(14, 32, 53, 0.6);
  opacity:0;
  transition:0.4s;
  z-index:1;
}

.about-box > *{
  position:relative;
  z-index:2;
}

/* SHOW ABOUT IMAGE */
.info-switch-wrap.is-why .about-box::before,
.info-switch-wrap.is-why .about-box::after{
  opacity:1;
}

/* HIDE ABOUT CONTENT */
.info-switch-wrap.is-why .about-box > *{
  opacity:0;
  visibility:hidden;
}

.industry-hover-overlay{
	background: linear-gradient(
		to bottom,
		rgba(26,56,89,.75) 0%,
		rgba(26,56,89,0) 40%,
		rgba(26,56,89,0) 60%,
		rgba(26,56,89,.85) 100%
	);
	opacity:0;
	transition:.45s ease;
	z-index:2;
}

.industry-hover-content{
	opacity:0;
	transform:translateY(30px);
	transition:.45s ease;
	z-index:3;
}

.hover-effect-scale:hover .industry-hover-overlay{
	opacity:1;
}

.hover-effect-scale:hover .industry-hover-content{
	opacity:1;
	transform:translateY(0);
}

.hover-card {
  transition: all 0.3s ease;
  border: 1px solid rgba(0, 0, 0, 0.1);
  /* default soft border */
}

.hover-card:hover {
  border-color: #000 !important;
  /* black on hover */
}
.border-cl{
  border-color: #1a3859 !important;
} 

.position-sticky {
  transition: all .3s ease;
}

.category-card-wrap {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.category-card-img {
  width: 100%;
  height: 380px;
  object-fit: cover;
  display: block;
}

/* PRODUCT CARD */
.products-card {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* IMAGE WRAPPER */
.products-card-img {
  aspect-ratio: 1 / 1;
  overflow: hidden;

  display: flex;
  align-items: center;
  justify-content: center;
}

/* IMAGE */
.products-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* change to contain if needed */
  display: block;
}
.product-card {
  height: 100%;
  overflow: hidden;
  /* background: #fff; */
}

.product-img-box {
  width: 100%;
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.product-img-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 12px;
}

.table-bg {
  background: #fff !important;
  width: 100% !important; 
}

.dropdown-item:hover,
.dropdown-item:focus {
  background-color: #f5f6f0 !important;
}