* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      /* overflow-x: hidden; */
    }

    .text-black {
      color: #0a0a0aef !important;
    }

    body {
      overflow-x: hidden;
    }

    .left-nav {
      margin-top: 10px;
    }

    header {
      background-color: #edeeee;
      height: 50px;
    }

    a {
      text-decoration: none !important;
    }

    .naav {
      background: rgb(15, 43, 172);
    }

    .mega {
      color: rgb(204, 79, 79);
    }

    .span {
      color: rgb(106, 106, 134);
    }

    .navbar-collapse {
      padding-left: 60px;
    }

    .nav-link {
      font-family: "Questrial", sans-serif;
      color: #fff !important;
      font-size: 14px;
      margin-right: 15px;
      justify-content: start;
    }

    .nav-item,
    .active {
      color: #f6b018 !important;
    }

    .speaker:hover {
      box-shadow: 0 0 3px #cbd1d1, 0 0 7px #cbd1d1, 0 0 3px #cbd1d1;
    }

    .hvr-grow {
      /* display: inline-block;
    vertical-align: middle; */
      -webkit-transform: perspective(1px) translateZ(0);
      transform: perspective(1px) translateZ(0);
      /* box-shadow: 0 0 1px rgba(0, 0, 0, 0); */
      -webkit-transition-duration: 0.3s;
      transition-duration: 0.3s;
      -webkit-transition-property: transform;
      transition-property: transform;
    }

    .hvr-grow:hover,
    .hvr-grow:focus,
    .hvr-grow:active {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
      z-index: 9;
    }

    .cart {
      background-color: crimson !important;
    }

    .icon {
      color: rgb(209, 147, 13);
    }

    h5 {
      color: rgb(199, 71, 71);
    }

    .fifth-section {
      box-shadow: 0 0 3px #f1f1f1, 0 0 7px #cbd1d1, 0 0 3px #cbd1d1;
    }

    /*---------------*/

    .second-last {
      background-color: #eeeeee;
      padding: 40px;
    }

    .fb,
    .twitt,
    .yt,
    .insta {
      clip-path: circle();
      background-color: #808080;
      font-size: 20px;
      color: rgb(255, 255, 255);
      padding: 17px;
    }

    .footer-section {
      background-color: #000;
    }

    .viewmore {
      text-decoration: none;
      color: black !important;
    }

    .title {
      margin-bottom: 25px;
      border-bottom: 4px solid #e5e5e5;
    }

    .secondlast-icon {
      font-size: 30px;
      padding-bottom: 12px;
    }

    li {
      list-style-type: none;
    }

    .view-more-page {
      padding-bottom: 40px;
    }

    .parag {
      padding-bottom: 40px;
    }

    .slickslide {
      margin: 15px 25px 15px 25px;
    }

    .product1 img {
      display: block;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 50px;
      width: 20%;
    }

    .product2 {
      margin: 10px;
      padding: 2%;
      position: relative;
      text-align: center;
    }

    .slider-nav {
      width: 35%;
      display: block;
      margin-left: auto;
      margin-right: auto;
    }

    .image-container {
      position: relative;
      width: 100%;
      padding-top: 100%;
      /* This gives a square aspect ratio */
      overflow: hidden;
      background: #f8f8f8;
      /* Fallback color while images load */
    }

    .image-container img {
      position: absolute;
      top: 50%;
      left: 50%;
      height: 100%;
      width: 100%;
      object-fit: contain;
      /* Ensures images contain in the container while preserving aspect ratio */
      transform: translate(-50%, -50%);
    }