header .ct-header {
  color: white;
  font-size: 13px;
  font-weight: 500;
}

nav .logo img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
  
.main-head .nav-notch {
  position: relative;
  font-weight: 700;
  font-size: 20px;
  color: black;
}

.main-head .nav-notch::before {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateX(-50%);
  left: -20px;
  height: 5px;
  width: 30px;
  border-radius: 10px;
  background-color: var(--theme-color);
}

.main-head span {
  font-weight: 500;
  color: gray;
}

.navbar-list {
  background-color: white;
  z-index: 111;
}

.nav-ul {
  list-style-type: none;
}

.nav-ul .nav-li {
  font-weight: 600;
}

.banner {
  width: 100%;
}

.banner img {
  height: 100%;
  width: 100%;
  object-fit: fill;
}

.theme-btn {
  border: none;
  background: var(--theme-color);
  color: white;
}

.overlay-black {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
  z-index: 1;
  background-color: #00000080;
}

.bannerslider-arrow {
  height: 50px !important;
  width: 50px !important;
  background-color: white;
}

.bannerslider-arrow:after {
  font-size: 25px;
  color: var(--theme-color) !important;
  font-weight: 600;
}

.banner-slider .content {
  position: absolute;
  z-index: 11;
  color: white;
}

.straps {
  top: 0px;
  left: 0px;
  position: absolute;
  height: 100%;
  width: 60%;
  background-color: #3f51b5c5;
  z-index: 1;
  clip-path: polygon(0% 0%, 50% 0, 100% 73%, 75% 100%, 0% 100%);
}

.section-shape {
  position: relative;
  height: 400px;
  width: 85%;
}

.section-shape img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.tag {
  position: relative;
}

.tag::before {
  position: absolute;
  content: "";
  height: 4px;
  width: 60px;
  top: -10px;
  left: 0px;
  border-radius: 10px;
  background-color: var(--theme-color);
}

.section-c-image {
  height: 300px;
  width: 100%;
}

.section-c-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.heighlight-card {
  height: 300px;
}

.heighlight-card .number-img {
  height: 100%;
  position: relative;
}

.number-img .main-th {
  position: absolute;
  color: var(--theme-color);
}

.number-img .main-ani {
  position: absolute;
  font-size: 18px;
  font-weight: 600;
  left: 50%;
  transform: translateX(-50%);
  color: var(--theme-color);
  width: max-content;
}

.number-img img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.heighlight-card .content p {
  font-weight: 600;
}

.brand {
  height: 100px;
  width: 100%;
}

.brand img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}


footer .logo{
height: 90px;
width: 100%;
}

footer .logo img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    margin-top: -15px;
}

.top-breadcrumb{
  background: #3f51b51c;

}

.top-breadcrumb h5{
  color: var(--theme-color);
  letter-spacing: 1px;
}


.product-preview{
  height: 300px;
  width: 100%;
/* box-shadow:0px 0px 14px 0px rgb(0 0 0 / 16%); */
overflow: hidden;
border-radius: 10px;
border: 1px solid #d3d3d3;
}

.product-preview-part{
height: 80px;
width: 100%;
overflow: hidden;
border: 1px solid #d3d3d3;
border-radius: 10px;
}

.product-preview img, .product-preview-part img{
height: 100%;
width: 100%;
object-fit: contain;
}


.product-feature{
  list-style-type: circle;
}

.descripton-img{
  height: 100px;
  width: 100%;
}

.descripton-img img{
  height: 100%;
  width: 100%;
object-fit: cover;
}

.sicky-container{
  position: sticky;
  top: 100px;
}

.line{
  height: 3px;
  width: 50px;
  background-color: var(--theme-color);
  margin: 0px auto;
}
div.gap-2{
  margin: 20px 0px ;
}