a.product-name:hover {
 text-decoration: none
}

.product-content {
 padding-top: 50px
}

.breadscrumb {
 margin-bottom: 15px;
 border-bottom: 1px solid #d2d2d2;
 padding-top: 15px;
 padding-bottom: 10px
}

 .breadscrumb .current, .breadscrumb .parent {
  color: #df002c
 }

 .breadscrumb .current, .breadscrumb .img, .breadscrumb .parent {
  font-family: Helvetica;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left
 }

 .breadscrumb .img {
  line-height: 2;
  color: #898989
 }

.container {
 width: 100%;
 margin-right: auto;
 margin-left: auto
}

.produc-list {
 margin-top: 20px
}

.container-fluid {
 padding-left: 0;
 padding-right: 0
}

.homepage-product-slide-tab {
 position: relative
}

.homepage-product-slide-tab-name {
 margin: 0;
 padding: 0 0 5px 25px;
 line-height: 24px;
 color: #000;
 font-size: 20px;
 font-weight: 600;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis
}

.homepage-product-slide-tab-price {
 margin: 0;
 padding: 5px 0 5px 25px;
 font-family: Helvetica;
 font-size: 18px;
 font-weight: 400;
 font-stretch: normal;
 font-style: normal;
 line-height: 18px;
 letter-spacing: normal;
 color: #212121
}

.homepage-product-slide-tab a:hover {
 text-decoration: none
}

.homepage-product-slide-tab-top {
 height: 217px
}

.homepage-product-slide-tab-detail {
 position: absolute;
 background-color: red;
 width: 167px;
 height: 30px;
 text-align: center;
 padding-top: 3px;
 margin-bottom: 0;
 color: #fff;
 left: 50%;
 transform: translateX(-50%);
 bottom: 42px;
 opacity: 0
}

.product-drive-cost {
 padding: 10px 0 40px 25px
}

.btn {
 border-radius: 0
}

.product-btn-cost-estimates {
 border-radius: 5px;
 width: 147px;
 height: 37px;
 font-size: 16px;
 background-color: #006064;
 color: #fff;
 text-align: right;
 margin-left: 15px
}

 .product-btn-cost-estimates:hover {
  background-color: #33b913;
  color: #fff;
  border: 1px solid #33b913
 }

.image-product-sm {
 width: 100%;
 height: 217px;
 -o-object-fit: contain;
 object-fit: contain
}

@media (max-width:767px) {
 .produc-list {
  margin-top: 50px
 }

 .breadscrumb {
  display: none
 }

 .product-drive-cost {
  padding: 10px 0 20px;
  align-items: center;
  justify-content: center
 }

 .homepage-product-slide-tab-name {
  padding: 0 0 5px;
  text-align: center
 }

 .homepage-product-slide-tab-price {
  padding: 0;
  text-align: center
 }

 .carousel-indicators {
  bottom: -20px;
  margin-left: 0;
  margin-right: 0
 }

  .carousel-indicators .active, .carousel-indicators li {
   height: 11px;
   width: 11px;
   margin-left: 2px;
   margin-right: 2px
  }
}

/* Custom styles from Index.cshtml & _Layout.cshtml */
.lazy { transition: 0.3s; }
.lazy:hover { transform: scale(1.1); }

.boxItem {
    padding: 30px;
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    box-shadow: 0px 10px 26px 0px rgba(0, 0, 0, 0.2);
    transition: 0.2s;
    background-image: linear-gradient(-70deg, #fff, #fff 70%, green);
    background-size: auto;
    background-position-x: 100%;
    height: 100%;
}
.boxItem:hover {
    box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
}
.mau-2nd-nh {
    background-color: #006064;
    color: #00897b;
}
@media screen and (max-width: 400px) {
    .textSeo {
        margin-top: 60px;
    }
}

/* --- Tech Company Aesthetic --- */
.tech-card {
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border: none !important;
    border-radius: 16px !important;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}
.tech-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 137, 123, 0.15) !important;
}
.tech-card .image-product-sm {
    border-radius: 16px 16px 0 0;
    transition: 0.5s ease;
}
.tech-card:hover .image-product-sm {
    transform: scale(1.05);
}
.tech-feature-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid rgba(0,0,0,0.05) !important;
    border-radius: 16px !important;
    border-bottom: 4px solid #00897b !important;
    background: #fff;
    height: 100%;
}
.tech-feature-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0, 137, 123, 0.1) !important;
}
.icon-box {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    background: linear-gradient(135deg, #006064, #00897b);
    color: white;
    box-shadow: 0 8px 15px rgba(0, 137, 123, 0.2);
    margin-bottom: 1.5rem;
}
.tech-heading {
    background: -webkit-linear-gradient(45deg, #006064, #00897b);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
}
.tech-btn {
    border-radius: 50px;
    padding: 10px 25px;
    font-weight: 600;
    letter-spacing: 0.5px;
    background: linear-gradient(135deg, #006064, #00897b);
    color: white !important;
    border: none;
    transition: 0.3s;
    box-shadow: 0 5px 15px rgba(0, 137, 123, 0.3);
}
.tech-btn:hover {
    box-shadow: 0 8px 25px rgba(0, 137, 123, 0.5);
    transform: translateY(-2px);
}