@font-face {
      font-family: 'Recoleta';
      src: url('https://cdn.webshopapp.com/shops/308968/files/490537243/recoleta-light.woff2') format('woff2');
      font-weight: 300;
      font-style: normal;
  }

  @font-face {
      font-family: 'Recoleta';
      src: url('https://cdn.webshopapp.com/shops/308968/files/490537245/recoleta-regular.woff2') format('woff2');
      font-weight: 400;
      font-style: normal;
  }

  @font-face {
      font-family: 'Recoleta';
      src: url('https://cdn.webshopapp.com/shops/308968/files/490537244/recoleta-medium.woff2') format('woff2');
      font-weight: 500;
      font-style: normal;
  }

  @font-face {
      font-family: 'Recoleta';
      src: url('https://cdn.webshopapp.com/shops/308968/files/490537246/recoleta-semibold.woff2') format('woff2');
      font-weight: 600;
      font-style: normal;
  }

  @font-face {
      font-family: 'Recoleta';
      src: url('https://cdn.webshopapp.com/shops/308968/files/490537242/recoleta-bold.woff2') format('woff2');
      font-weight: 700;
      font-style: normal;
  }


  :root {
      --primary-green: #275848;
      --primary-gold: #FFC107;
      --nav-yellow: #FEDC59;
      --text-dark: #333;
      --text-grey: #666;
      --pink-accent: #E91E63;
  }

  /* ============================
     UTILITY CLASSES
     ============================ */
  .d-none {
      display: none;
  }

  .d-flex {
      display: flex;
  }


  /* Flexbox Utilities */
  .flex-center {
      display: flex;
      align-items: center;
  }

  .flex-center-all {
      display: flex;
      justify-content: center;
      align-items: center;
  }

  .flex-between {
      display: flex;
      justify-content: space-between;
      align-items: center;
  }

  .flex-column {
      display: flex;
      flex-direction: column;
  }

  .flex-column-center {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
  }

  .flex-wrap {
      flex-wrap: wrap;
  }

  /* Gap Utilities */
  .gap-4 {
      gap: 4px;
  }

  .gap-8 {
      gap: 8px;
  }

  .gap-12 {
      gap: 12px;
  }

  .gap-16 {
      gap: 16px;
  }

  .gap-20 {
      gap: 20px;
  }

  .gap-24 {
      gap: 24px;
  }

  .gap-40 {
      gap: 40px;
  }

  /* Text Utilities */
  .text-center {
      text-align: center;
  }

  .text-14 {
      font-size: 14px;
  }

  .text-16 {
      font-size: 16px;
  }

  .text-20 {
      font-size: 20px;
  }

  /* Font Weight Utilities */
  .fw-500 {
      font-weight: 500;
  }

  .fw-600 {
      font-weight: 600;
  }

  .fw-700 {
      font-weight: 700;
  }

  /* Width Utilities */
  .w-full {
      width: 100%;
  }

  /* Border Radius Utilities */
  .rounded-18 {
      border-radius: 18px;
  }

  .rounded-24 {
      border-radius: 24px;
  }

  .rounded-30 {
      border-radius: 30px;
  }

  .rounded-full {
      border-radius: 50%;
  }

  /* Transition Utilities */
  .transition-all {
      transition: all 0.3s ease;
  }

  .transition-transform {
      transition: transform 0.3s ease;
  }

  /* Color Utilities */
  .text-grey {
      color: var(--text-grey);
  }

  .text-dark {
      color: var(--text-dark);
  }

  /* Display Utilities */
  .d-none {
      display: none !important;
  }

  .d-inline {
      display: inline !important;
  }

  .d-inline-block {
      display: inline-block !important;
  }

  .d-block {
      display: block !important;
  }

  .d-flex {
      display: flex !important;
  }

  .d-inline-flex {
      display: inline-flex !important;
  }

  .d-grid {
      display: grid !important;
  }

  .justify-content-center {
      justify-content: center !important;
  }

  .mb-5 {
      margin-bottom: 48px !important;
  }

  .grid-1 {
      grid-template-columns: repeat(1, 1fr);
  }

  .grid-2 {
      grid-template-columns: repeat(2, 1fr);
  }

  /* Small devices (≥576px) */
  @media (min-width: 576px) {
      .d-sm-none {
          display: none !important;
      }

      .d-sm-inline {
          display: inline !important;
      }

      .d-sm-inline-block {
          display: inline-block !important;
      }

      .d-sm-block {
          display: block !important;
      }

      .d-sm-flex {
          display: flex !important;
      }

      .d-sm-inline-flex {
          display: inline-flex !important;
      }

      .d-sm-grid {
          display: grid !important;
      }

      .grid-md-2 {
          grid-template-columns: repeat(2, 1fr);
      }
  }

  /* Medium devices (≥768px) */
  @media (min-width: 768px) {
      .d-md-none {
          display: none !important;
      }

      .d-md-inline {
          display: inline !important;
      }

      .d-md-inline-block {
          display: inline-block !important;
      }

      .d-md-block {
          display: block !important;
      }

      .d-md-flex {
          display: flex !important;
      }

      .d-md-inline-flex {
          display: inline-flex !important;
      }

      .d-md-grid {
          display: grid !important;
      }
  }

  /* Large devices (≥992px) */
  @media (min-width: 992px) {
      .d-lg-none {
          display: none !important;
      }

      .d-lg-inline {
          display: inline !important;
      }

      .d-lg-inline-block {
          display: inline-block !important;
      }

      .d-lg-block {
          display: block !important;
      }

      .d-lg-flex {
          display: flex !important;
      }

      .d-lg-inline-flex {
          display: inline-flex !important;
      }

      .d-lg-grid {
          display: grid !important;
      }
  }

  /* Extra large devices (≥1200px) */
  @media (min-width: 1200px) {
      .d-xl-none {
          display: none !important;
      }

      .d-xl-inline {
          display: inline !important;
      }

      .d-xl-inline-block {
          display: inline-block !important;
      }

      .d-xl-block {
          display: block !important;
      }

      .d-xl-flex {
          display: flex !important;
      }

      .d-xl-inline-flex {
          display: inline-flex !important;
      }

      .d-xl-grid {
          display: grid !important;
      }
  }

  /* Extra extra large devices (≥1400px) */
  @media (min-width: 1400px) {
      .d-xxl-none {
          display: none !important;
      }

      .d-xxl-inline {
          display: inline !important;
      }

      .d-xxl-inline-block {
          display: inline-block !important;
      }

      .d-xxl-block {
          display: block !important;
      }

      .d-xxl-flex {
          display: flex !important;
      }

      .d-xxl-inline-flex {
          display: inline-flex !important;
      }

      .d-xxl-grid {
          display: grid !important;
      }
  }

  body {
      font-family: 'Scto Grotesk A Medium', sans-serif;
/*       font-size: 1.6rem; */
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
      font-family: 'Recoleta', serif;
  }

  h1 {
      font-size: 5rem;
      line-height: 115%;
  }

  h2 {
      font-size: 4rem;
      line-height: 115%;
  }

  h4 {
      font-size: 2rem;
      line-height: 115%;
  }

  h5 {
      font-size: 1.8rem;
      line-height: 115%;
  }

  h6 {
      font-size: 1.4rem;
      line-height: 115%;
  }

  .header-top {
      background-color: var(--primary-green);
      color: #fff;
      padding: 8px 0;
      font-size: 13px;
      text-align: center;
      font-weight: 500;
  }

  .header-inner {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 8px 0;
  }

  .header-inner::before,
  .header-inner::after {
      content: none;
  }

  ul {
      list-style: none;
  }

  ul.menu {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      margin: 0;
      padding: 0;
  }

  ul.menu li {
      font-size: 14px;
  }

  .header-right {
      display: flex;
      align-items: center;
      gap: 16px;
  }

  .country-select img {
      width: 24px;
      height: 24px;
  }

  .country-select {
      padding: 4px 12px;
      display: flex;
      align-items: center;
      gap: 8px;
      border-radius: 50px;
      border: 1px solid #FBF4E8;
  }

  /* Hero Section */
  .hero-section {
      background: linear-gradient(135deg, #2d6a54 0%, #275848 100%);
      padding: 60px 0 0 0;
      position: relative;
      overflow: hidden;
  }

  .hero-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding-bottom: 80px;
      flex-wrap: wrap;
  }

  .hero-content {
      width: 44%;
      color: white;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
  }

  .hero-content-wrapper {
      /* max-width: 500px; */
      /* text-align: center; */
  }

  .hero-rating {
      display: flex;
      align-items: center;
      gap: 8px;
      margin-bottom: 14px;
      justify-content: center;
  }

  .stars {
      color: #FFC107;
      font-size: 16px;
      letter-spacing: 2px;
  }

  .hero-title {
      font-weight: 600;
      margin: 0 0 16px 0;
      color: #fff
  }

  .hero-subtitle {
      font-size: 16px;
      line-height: 1.6;
      opacity: 0.95;
      margin: 0 auto 16px auto;
      width: 100%;

      max-width: 428px;
  }

  .btn-primary,
  .hero-cta {
      display: inline-block;
      background: #FFC107;
      color: #1a1a1a;
      padding: 14px 32px;
      border-radius: 24px;
      font-weight: 600;
      font-size: 16px;
      text-decoration: none;
      transition: transform 0.2s, box-shadow 0.2s;

  }

  .hero-cta {
      width: 100%;
      margin: 0 auto 0 auto;
      max-width: 428px;
  }

  .btn-primary:hover,
  .hero-cta:hover {
      transform: translateY(-2px);
      box-shadow: 0 8px 20px rgba(255, 193, 7, 0.3);
      text-decoration: none;
      color: #1a1a1a;
  }

  .hero-features {
      display: flex;
      gap: 24px;
      margin-top: 24px;
      justify-content: center;
      align-items: center;
  }

  .feature-item {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 14px;
  }

  .feature-item svg {
      flex-shrink: 0;
  }

  /* Hero Slider */
  .hero-section .hero-slider {
      width: 40%;
      position: relative;
  }

  .slider-container {
      position: relative;
      width: 100%;
  }

  .slider-image {
      position: relative;
      width: 100%;
      padding-bottom: 100%;
      overflow: hidden;
      border-radius: 50% 50% 0 0;
  }

  .slider-image img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
  }

  .slider-arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background: rgba(255, 193, 7, 0.9);
      border: none;
      width: 48px;
      height: 48px;
      border-radius: 50%;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background 0.2s, transform 0.2s;
      z-index: 10;
  }

  .slider-arrow:hover {
      background: #FFC107;
      transform: translateY(-50%) scale(1.1);
  }

  .slider-prev {
      left: -24px;
  }

  .slider-next {
      right: -24px;
  }

  /* Hero Wave */
  .hero-wave {
      margin-top: 32px;
      /* position: absolute;
      bottom: 0;
      left: 0; */
      width: 100%;
      /* height: 80px; */
      overflow: hidden;
  }

  .hero-wave img {
      width: 100%;
      height: auto;
      max-width: 100%;
      display: block;
  }

  /* USP Section */
  .usp-section {
      padding: 0 0 40px 0;
      position: relative;
  }

  /* .usp-section::before {
      content: '';
      position: absolute;
      top: -18%;
      transform: translateY(-18%);
      left: 0;
      width: 100%;
      height: 114px;
      background-image: url('/assets/img/hero-wave.svg');
      background-size: 100%;
      background-position: top;
      background-repeat: no-repeat;
  } */

  @media (min-width:992px) {
      .usp-grid {
          display: grid !important;
          grid-template-columns: repeat(4, 1fr);
          gap: 40px;
          justify-items: center;
      }

      /* Bestsellers Section */
      .bestsellers-grid {
          display: grid;
          grid-template-columns: repeat(4, 1fr);
          gap: 12px;
      }
  }

  .usp-item {
      text-align: center;
      display: flex;
      align-items: center;
      gap: 12px;
  }

  .usp-icon {
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .usp-text {
      margin: 0;
      font-weight: 500;
  }

  .owl-carousel.usp-grid .owl-stage {
      transition-timing-function: linear !important;
  }


  @media (min-width: 768px) and (max-width: 991px) {
      .usp-grid {
          grid-template-columns: repeat(2, 1fr);
          gap: 30px;
      }

      .hero-title {
          font-size: 40px;
      }
  }

  @media (min-width: 768px) {
      .mobile-header {
          display: none !important;
      }
  }

  /* Owl Carousel Custom Styles */
  .hero-owl-carousel .owl-nav {
      position: absolute;
      top: 60%;
      transform: translateY(-50%);
      width: 100%;
      left: 0;
      right: 0;
  }

  .hero-owl-carousel .owl-nav button {
      /* position: absolute; */
      background: rgba(255, 193, 7, 0.9) !important;
      border: none;
      width: 48px;
      height: 48px;
      border-radius: 50%;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background 0.2s, transform 0.2s;
      z-index: 10;
  }

  .hero-owl-carousel .owl-nav button:hover {
      background: #FFC107 !important;
      transform: scale(1.1);
  }

  .hero-owl-carousel .owl-nav .owl-prev {
      left: -24px;
  }

  .hero-owl-carousel .owl-nav .owl-next {
      right: -24px;
  }

  .hero-owl-carousel .slider-item {
      position: relative;
  }



  .section-header {
      margin-bottom: 40px;
  }

  .section-title {
      margin: 0;
      font-weight: 600;
  }

  .shop-all-btn {
      background-color: #FFD93D;
      color: #000;
      padding: 14px 32px;
      border-radius: 30px;
      text-decoration: none;
      font-weight: 600;
      font-size: 16px;
      transition: all 0.3s ease;
      border: none;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      gap: 6px;
  }

  .shop-all-btn:hover {
      background-color: #FFC107;
      text-decoration: none;
      transform: translateY(-2px);
      box-shadow: 0 4px 12px rgba(255, 217, 61, 0.4);
  }



  .product-card {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 12px;
  }


  .product-image {
      background-color: #E8E4DC;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 300px;
      padding: 32px;
      border-radius: 18px;
  }

  .product-image img {
      width: 100%;
      object-fit: contain;
  }


  .best-seller-sec .review-count {
      color: #666;
      font-size: 14px;
      margin-left: 4px;
  }

  .product-title {
      margin: 6px 0 0 0;
      font-size: 24px;
      font-weight: 700;
      color: #000;
      margin-bottom: 8px;
  }

  .product-description {
      color: #666;
      font-size: 14px;
      line-height: 1.5;
      margin-bottom: 20px;
  }

  .product-footer {
      position: relative;
  }

  .add-to-cart-btn {
      background-color: #FED23A;
      padding: 16px 24px;
      border-radius: 24px;
      border: none;
      font-weight: 600;
      cursor: pointer;
      transition: all 0.3s ease;
      font-size: 16px;
      width: 100%;
      text-align: unset;
  }

  .product-footer:hover .add-to-cart-btn {
      background-color: #004B2C;
      transform: scale(1.05);
      color: #fff;
  }



  .product-price {
      font-size: 20px;
      font-weight: 700;
      color: #000;
      position: absolute;
      top: 0;
      margin: auto;
      bottom: 0;
      height: fit-content;
      right: 10px;
      padding: 4px 16px;
      border-radius: 24px;
      background-color: rgba(255, 255, 255, 0.32);
  }

  .product-footer:hover .product-price {
      color: #fff;
  }

  .shipping-info {
      color: #666;
      font-size: 13px;
      margin-top: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 4px;
  }

  /* Shop by Category Section */
  .categories-section {
      position: relative;
  }

  .categories-section::before,
  .categories-section::after {
      content: '';
      display: block;
      width: 100%;
      height: 160px;
      background-size: cover;
      background-repeat: no-repeat;
      margin-bottom: -1px;
  }

  .categories-section::before {
      background-image: url("data:image/svg+xml,%3Csvg width='1440' height='163' viewBox='0 0 1440 163' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M294.266 34.6488C187.363 15.1373 97.5762 38.4012 -0.0230713 62.1661V162.224H1441.41V62.1651C1392.86 73.4214 1353.32 83.4276 1278.24 78.425C1155.79 70.2631 1013.48 5.25677 922.392 0.87976C831.301 -3.49827 759.731 8.37959 670.645 38.4012C538.51 82.9277 401.177 54.1593 294.266 34.6488Z' fill='%23FFF0E1'/%3E%3C/svg%3E%0A");
  }

  .categories-section-container-wrapper {
      background-color: #FFF0E1;
  }

  .categories-section::after {
      background-color: #FFF0E1;
      background-image: url("data:image/svg+xml,%3Csvg width='1440' height='163' viewBox='0 0 1440 163' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1147.12 34.6488C1254.02 15.1373 1343.81 38.4012 1441.41 62.1661V162.224H-0.0230713V62.1651C48.525 73.4214 88.0642 83.4276 163.14 78.425C285.596 70.2631 427.901 5.25677 518.992 0.87976C610.082 -3.49827 681.653 8.37959 770.738 38.4012C902.874 82.9277 1040.21 54.1593 1147.12 34.6488Z' fill='white'/%3E%3C/svg%3E%0A");
  }

  .categories-header {
      margin-bottom: 28px;
  }

  .carousel-controls {
      display: flex;
      gap: 12px;
      align-items: center;
  }

  .progress-dots {
      display: flex;
      gap: 8px;
  }

  .dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background-color: #ccc;
      transition: all 0.3s ease;
  }

  .dot.active {
      width: 32px;
      border-radius: 4px;
      background-color: #666;
  }

  .carousel-arrow {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      border: 2px solid #ccc;
      background-color: transparent;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.3s ease;
  }

  .carousel-arrow:hover {
      border-color: #666;
      background-color: #f5f5f5;
  }

  .carousel-arrow svg {
      width: 20px;
      height: 20px;
  }

  .categories-carousel {
      position: relative;
      padding-bottom: 70px;
  }

  .category-card {
      text-align: center;
      padding: 0 9px;
  }


  .category-image {
      border-radius: 24px;
      width: 100%;
      height: auto;
      aspect-ratio: 1/1.04;
      object-fit: cover;
      transition: transform 0.3s ease;
  }

  .category-card:hover .category-image {
      transform: scale(1.05);
  }

  .category-name {
      margin-top: 14px;
      margin-bottom: 0;
      font-size: 24px;
      font-weight: 500;
  }


  /* Special Offers Section */
  .special-offers-section {
      padding: 0 0 60px 0;

  }

  .special-offers-section .section-title {
      margin-bottom: 40px;
      font-size: 44px;
  }

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

  .offer-card {
      background: #E64F29;
      border-radius: 14px;
      display: flex;
      justify-content: space-between;
      min-height: 200px;
      position: relative;
      overflow: hidden;
  }

  .offer-content {
      padding: 16px;
      background-image: url("data:image/svg+xml,%3Csvg width='229' height='169' viewBox='0 0 229 169' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='219.189' cy='12.4683' r='8.27661' stroke='%23FBA18D' stroke-width='1.5'/%3E%3Cpath d='M30.9663 18.8555H12.8765C13.2607 9.03848 21.1493 1.14986 30.9663 0.765625V18.8555Z' stroke='%23FBA18D' stroke-width='1.5'/%3E%3Cpath d='M12.243 129.25H0.749878V151.706H12.243C18.4439 151.706 23.4713 146.68 23.4716 140.479C23.4716 134.278 18.4441 129.25 12.243 129.25Z' stroke='%23FBA18D' stroke-width='1.5'/%3E%3Cpath d='M226.933 127.87V167.834C218.483 167.443 211.753 160.47 211.753 151.923V127.87H226.933Z' stroke='%23FBA18D' stroke-width='1.5'/%3E%3C/svg%3E%0A");
      background-size: 100% 86%;
      background-repeat: no-repeat;
      background-position: center;
      flex: 1;
      color: white;
      z-index: 2;
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
  }


  .offer-title {
      color: white;
      font-size: 30px;
      font-weight: 600;
      margin: 0 0 8px 0;
      line-height: 115%;
  }

  .offer-subtitle {
      font-size: 16px;
      margin: 0 0 8px 0;
      letter-spacing: 0.2%;
  }

  .offer-btn {
      background: #FEDC59;
      color: #1a1a1a;
      border: none;
      padding: 12px 28px;
      border-radius: 24px;
      font-weight: 600;
      font-size: 16px;
      cursor: pointer;
      transition: all 0.3s ease;
  }

  .offer-btn:hover {
      background: #FFC107;
      transform: translateY(-2px);
      box-shadow: 0 4px 12px rgba(254, 220, 89, 0.4);
  }

  /* .offer-image-wrapper {
      flex: 0 0 180px;
      height: 180px;
      position: relative;
      margin-left: 20px;
  } */
  .offer-image-wrapper {
      position: relative;
      flex: 1.4;
  }

  .offer-image {

      object-fit: cover;
      border-radius: 0 12px 12px 0px;
  }

  .offer-image-logo {
      position: absolute;
      bottom: 12px;
      right: 12px;
      width: auto;
      height: auto;
  }

  /* Store Info Box */
  .store-info-box {
      background: #FFF0E1;
      border: 1px solid #D6AE25;
      box-shadow: 0px 4px 0px #D6AE25;
      border-radius: 24px;
      padding: 80px;
      text-align: center;
      max-width: 990px;
      margin: 0 auto;
  }

  .store-info-title {
      /* font-size: 32px; */
      font-weight: 600;
      margin: 0 0 20px 0;
      color: #1a1a1a;
  }

  .store-info-text {
      font-size: 16px;
      line-height: 1.6;
      color: #333;
      margin: 0;
  }

  .grid-5 {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 20px;
  }

  .grid-4 {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;
  }

  /* Info Card Component */
  .info-card {
      background: #FFFBE6;
      border: 1.5px solid #BB4D00;
      box-shadow: 0px 4px 0px #BB4D00;
      border-radius: 12px;
      padding: 24px;
      height: 100%;
      transition: all 0.3s ease;
      display: flex;
      flex-direction: column;
      gap: 16px;
      text-decoration: none !important;
  }

  .info-card:hover {
      transform: translateY(-5px);
      box-shadow: 0px 8px 0px #BB4D00;
  }

  .info-card-icon {
      color: #BB4D00;
  }

  .info-card-title {
      font-weight: 500;
      color: #BB4D00;
      margin: 0;
  }

  .info-card-link {
      font-size: 14px;
      color: #BB4D00;
      font-weight: 500;
      display: flex;
      align-items: center;
      gap: 6px;
      margin-top: auto;
  }

  /* Quality Standards Section */
  .quality-standards-section {
      padding: 80px 0;
      text-align: center;
  }

  .quality-header-subtitle {
      font-size: 16px;
      color: #241C16;
      margin-bottom: 8px;
      display: block;
  }

  .quality-title {
      margin-bottom: 40px;
      max-width: 415px;
      margin-left: auto;
      margin-right: auto;
  }

  .quality-images-grid {
      display: flex;
      justify-content: center;
      max-width: 896px;
      margin: 0 auto 20px auto;
      position: relative;
  }

  .quality-image-item {
      position: relative;
      flex: 1;
      background: #fff;
      padding: 12px;
      border-radius: 40px;
      overflow: hidden;

  }



  .quality-image-wrapper img {
      width: 100%;
      border-radius: 46.75px;
      display: block;
      aspect-ratio: 1.01/1;
      object-fit: cover;
  }

  .quality-image-item-1 {
      transform: rotate(5.98deg) translateX(30px);


  }

  .quality-image-item-2 {
      transform: rotate(-5.8deg);
      z-index: 1;
  }

  .quality-image-item-3 {
      transform: rotate(3.37deg) translateX(-20px);
      z-index: 2;
  }

  .quality-image-label {
      font-family: 'Recoleta', serif;
      font-weight: 600;
      font-size: 18px;
      margin-top: 16px;
      color: #241C16;
  }

  .quality-badge {
      position: absolute;
      top: 0;
      right: 30%;
      z-index: 3;
  }

  .quality-badge-center {
      position: absolute;
      top: 54%;
      left: 30%;
      transform: translate(-23%, -26%);
      z-index: 3;
  }

  .quality-description {
      max-width: 800px;
      margin: 0 auto 30px;
      font-size: 15px;
      color: #666;
      line-height: 1.6;
  }

  /* about section */


  .about-section::before,
  .about-section::after {
      content: '';
      display: block;
      width: 100%;
      height: 110px;
      background-size: cover;
      background-repeat: no-repeat;
      margin-bottom: -1px;
  }

  .about-section::before {
      background-image: url("data:image/svg+xml,%3Csvg width='1442' height='161' viewBox='0 0 1442 161' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M294.289 34.2811C187.386 14.9766 97.5991 37.9937 -0.00012207 61.5063V160.502H1441.43V61.5053C1392.88 72.6422 1353.34 82.5422 1278.27 77.5927C1155.81 69.5174 1013.51 5.20099 922.415 0.870423C831.324 -3.46114 759.754 8.29066 670.668 37.9937C538.532 82.0477 401.2 53.5845 294.289 34.2811Z' fill='%23D5E0A8'/%3E%3C/svg%3E%0A");

  }

  .about-section-container-wrapper {
      background-color: #D5E0A8;
  }

  .about-section::after {
      background-color: #D5E0A8;
      background-image: url("data:image/svg+xml,%3Csvg width='1438' height='2024' viewBox='0 0 1438 2024' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M206.709 121.341C125.531 17.4241 35.0773 46.5516 0 74.1051C0 1153.34 0 2023.34 0 2023.34L1437.84 2007.24L1437.84 91.2816C1429.25 52.2773 1365.95 3.6004 1299.55 8.59564C1233.15 13.591 1189.71 47.0614 1182.22 100.943C1084.37 -37.3645 889.291 -20.6003 798.553 73.3321C737.392 -15.8835 600.598 28.0784 600.598 100.515C523.214 -26.3739 267.099 53.0567 206.709 121.341Z' fill='%23FFF7F0'/%3E%3C/svg%3E%0A");
  }

  .about-section .hero-inner {
      max-width: 1010px;
      margin: 0 auto;
      padding-bottom: 0;
  }

  .about-section img {
      max-width: 100%;
      width: 428px;
      height: auto;
  }

  .about-col {
      flex: 1;
      text-align: center;
  }

  /* Book Store Categories Section */
  section.bookstore-categories-section {
      background-color: #FFF7F0;
      padding: 80px 0;
      position: relative;
  }



  .bookstore-section-subtitle {
      max-width: 561px;
      color: #364153;
      margin-top: 10px;
  }

  .brand-section-svg {
      position: relative;
      width: 100%;
      height: 90px;
  }

  .brand-section-svg::after {
      content: "";
      position: absolute;
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      background-color: #FFF7F0;
      background-image: url("data:image/svg+xml, %3Csvg width='1427' height='163' viewBox='0 0 1427 163' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M294.289 34.6488C187.386 15.1373 97.5992 38.4012 0 62.1661V162.224H1441.43V62.1651C1392.88 73.4214 1353.34 83.4276 1278.27 78.425C1155.81 70.2631 1013.51 5.25677 922.415 0.87976C831.324 -3.49827 759.754 8.37959 670.668 38.4012C538.533 82.9277 401.2 54.1593 294.289 34.6488Z' fill='%23FFF0E1' /%3E%3C/svg%3E");
      background-repeat: repeat-x;
      background-size: cover;
  }

  .brand-section-svg svg {
      width: 100%;
      max-width: 100%;
  }

  .mob-p-0-container {
      padding-right: 0;
      padding-left: 0;
  }

  /* Brand Section Styles */
  .section.brand-section {
      background-color: #FFF0E1;
      padding-top: 24px;
      padding-bottom: 60px;
  }

  .brand-card {
      background: #fff;
      border-radius: 12px;
      padding: 24px;
      height: 100px;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: transform 0.3s ease;
      /* Space for hover move */
  }

  .brand-card:hover {
      transform: translateY(-5px);
  }

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

  /* Store Stand Section */

  .store-stand-section::before {
      background-image: url("data:image/svg+xml,%3Csvg width='1442' height='949' viewBox='0 0 1442 949' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1147.14 34.6488C1254.04 15.1373 1343.83 38.4012 1441.43 62.1661V948.912H0V62.1651C48.5481 73.4214 88.0872 83.4276 163.163 78.425C285.619 70.2631 427.924 5.25677 519.015 0.87976C610.105 -3.49827 681.676 8.37959 770.761 38.4012C902.897 82.9277 1040.23 54.1593 1147.14 34.6488Z' fill='%23FCC484'/%3E%3C/svg%3E%0A");
      background-color: #FFF0E1;
  }

  .store-stand-section::after {
      background-image: url("data:image/svg+xml,%3Csvg width='1438' height='1554' viewBox='0 0 1438 1554' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1231.13 121.341C1312.31 17.4241 1402.76 46.5516 1437.84 74.1051C1437.84 1153.34 1437.84 1553.34 1437.84 1553.34L0 1537.24L1.14441e-05 91.2816C8.59051 52.2773 71.8923 3.60036 138.293 8.59559C204.693 13.5909 248.127 47.0614 255.616 100.943C353.469 -37.3645 548.549 -20.6003 639.287 73.3321C700.448 -15.8835 837.243 28.0784 837.243 100.515C914.626 -26.3739 1170.74 53.0567 1231.13 121.341Z' fill='%23FFF7F0'/%3E%3C/svg%3E%0A");
      background-color: #FCC484
  }

  .store-stand-section .about-section-container-wrapper {
      background-color: #FCC484;
      padding-top: 40px;
      padding-bottom: 60px;
  }

  .store-stand-section .about-col {
      text-align: unset;
  }

  .store-stand-section .about-left-col h2 {
      max-width: 350px;
      margin-bottom: 20px;
  }

  .store-stand-section .about-right-col {
      text-align: end;
  }

  .store-card {
      background-color: #fff;
      border-radius: 20px;
      padding: 24px 16px;
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
  }

  .store-card-title {
      font-size: 1.6rem;
      font-family: 'Scto Grotesk A Medium', sans-serif;
  }

  .map-section {
      padding-top: 90px;
      padding-bottom: 60px;
      background-color: #FFF7F0;
  }

  .map-section .mapouter {
      position: relative;
      text-align: right;
      width: 100%;
      height: 502px;
  }

  .map-section .gmap_canvas {
      overflow: hidden;
      background: none !important;
      width: 100%;
      height: 502px;
  }

  .map-section .gmap_iframe {
      height: 502px !important;
  }

  /* Testimonials Section */
  .testimonials-section {
      background-color: #FFF7F0;
      position: relative;
      padding: 140px 0 160px 0;
  }

  .testimonials-section::after {
      content: "";
      /* background-color: #F69DA6; */
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100px;
      background-image: url("data:image/svg+xml,%3Csvg width='1442' height='949' viewBox='0 0 1442 949' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M294.289 34.6488C187.386 15.1373 97.5992 38.4012 0 62.1661V948.912H1441.43V62.1651C1392.88 73.4214 1353.34 83.4276 1278.27 78.425C1155.81 70.2631 1013.51 5.25677 922.415 0.87976C831.324 -3.49827 759.754 8.37959 670.668 38.4012C538.533 82.9277 401.2 54.1593 294.289 34.6488Z' fill='%23F59AAE'/%3E%3C/svg%3E%0A");
      background-size: cover;
  }

  .testimonials-section .section-title {
      margin-bottom: 32px;
      font-weight: 600;
  }

  .testimonials-wrapper {
      position: relative;
      max-width: 1030px;
      margin: 0 auto;
  }

  .testimonial-card {
      background: #fff;
      border-radius: 14px;
      padding: 22px;
      height: 100%;

      /* margin: 12px 0; */
  }

  .testimonial-header {
      margin-bottom: 24px;
      align-items: flex-start;
  }

  .user-name {
      font-size: 20px;
      color: #333;
      margin: 0 0 4px 0;
      font-weight: 300;
      font-family: 'Recoleta', serif;
  }

  .verified-badge {
      color: #25D366;
      font-size: 13px;
      font-weight: 500;
  }

  .testimonial-rating .stars path {
      fill: #FF8A5C;
  }

  .testimonial-text {
      font-size: 1.6rem;
      /* line-height: 1.6; */
      color: #27272A;
      text-align: center;
      font-family: 'Scto Grotesk A Medium', sans-serif;
      /* Match body font */
  }

  .testimonials-carousel .owl-nav button {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 48px;
      height: 48px;
      border-radius: 50%;
      background: #fff !important;
      border: 1px solid #e0e0e0 !important;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #333 !important;
      font-size: 24px !important;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
      transition: all 0.3s ease;
  }

  .testimonials-carousel .owl-nav button:hover {
      background: #f8f8f8 !important;
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  }

  .testimonials-carousel .owl-nav .owl-prev {
      left: -60px;
  }

  .testimonials-carousel .owl-nav .owl-next {
      right: -60px;
  }

  /* Custom arrow icons */
  .testimonials-carousel .owl-nav .owl-prev span,
  .testimonials-carousel .owl-nav .owl-next span {
      font-size: 30px;
      line-height: 1;
      margin-top: -4px;
      /* Center align fix */
  }

  .view-all-reviews {
      display: inline-block;
      color: #333;
      font-weight: 600;
      text-decoration: underline;
      margin-top: 30px;
      font-family: 'Recoleta', serif;
      font-size: 18px;
  }

  .view-all-reviews:hover {
      color: var(--primary-green);
  }

  /* Blog Section */
  .blog-section {
      background-color: #F59AAE;
      /* Pink color from image */
      padding-bottom: 180px;
      position: relative;
  }

  .blog-section::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100px;
      background-image: url("data:image/svg+xml,%3Csvg width='1442' height='1667' viewBox='0 0 1442 1667' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1147.14 34.6488C1254.04 15.1373 1343.83 38.4012 1441.43 62.1661V1666.75H0L0 62.1651C48.5481 73.4214 88.0872 83.4276 163.163 78.425C285.619 70.2631 427.924 5.25677 519.015 0.87976C610.105 -3.49827 681.676 8.37959 770.761 38.4012C902.897 82.9277 1040.23 54.1593 1147.14 34.6488Z' fill='%23FFF7F0'/%3E%3C/svg%3E%0A");
      background-size: cover;
  }


  .blog-section .section-title.text-white {
      color: #fff !important;
      margin-bottom: 50px;
      padding-top: 50px;
      /* Space from wave */
  }


  /* Blog Card */
  .blog-card {
      text-align: left;
      text-decoration: none;
  }

  .blog-card:hover {
      text-decoration: none;
  }

  .blog-image {
      width: 100%;
      margin-bottom: 16px;
      border-radius: 42px;
      overflow: hidden;
      aspect-ratio: 16/11;
  }

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

  .blog-content {
      color: #fff;
  }

  .blog-category {
      font-size: 14px;
      text-transform: uppercase;
      letter-spacing: 1px;
      display: block;
      font-family: 'Scto Grotesk A Medium', sans-serif;
  }

  .blog-title {
      font-size: 24px;
      margin-top: 10px;
      font-weight: 400;
      margin-bottom: 10px;
      color: #fff;
  }

  .blog-footer {
      display: inline-flex;
      align-items: center;
      color: #fff;
      text-decoration: none;
      font-size: 14px;
      opacity: 0.9;
      transition: opacity 0.3s;
  }

  .blog-footer:hover {
      opacity: 1;
  }

  .icon-circle {
      width: 32px;
      height: 32px;
      border-radius: 50%;
      border: 1px solid rgba(255, 255, 255, 0.5);
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .icon-circle svg {
      width: 16px;
      height: 16px;
  }

  /* Owl Carousel Overrides when active */
  .blog-carousel.owl-carousel {
      display: block;
      /* Override grid when owl is initialized */
  }

  .blog-carousel.owl-carousel .owl-stage-outer {
      overflow: visible;
      /* Allow overlap if needed */
  }

  /* FAQ Section */
  .faq-section {
      background-color: #FFF7F0;
      /* Matches testimonial/blog bg context */
      padding: 40px 0 100px 0;
      position: relative;
  }

  .faq-section .section-title {
      font-weight: 600;
  }

  .faq-accordion {
      padding-top: 16px;
      max-width: 800px;
      margin: 0 auto;
  }

  .faq-item {
      border-bottom: 1px solid #E0E0E0;
      padding: 24px 0;
  }


  .faq-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      cursor: pointer;
  }

  .faq-question {
      font-size: 18px;
      font-weight: 600;
      margin: 0;
      font-family: 'Scto Grotesk A Medium', sans-serif;
  }

  .faq-icon {
      flex-shrink: 0;
      transition: transform 0.3s ease;
  }

  .faq-body {
      display: none;
      padding-top: 16px;
      color: #636366;
      font-size: 16px;
  }

  /* Instagram Section */
  .instagram-section {
      background-color: #FFF7F0;
      padding-bottom: 0px;
      /* Flush with footer or next section */
  }

  .instagram-section .section-title {
      margin-bottom: 24px;
  }

  .insta-container-full {
      width: 100%;
      overflow: hidden;
      /* Images flush to edges */
  }

  .instagram-carousel .insta-item {
      border-radius: 12px;
      overflow: hidden;
  }

  .instagram-carousel .insta-item img {
      width: 100%;
      height: auto;
      display: block;
      border-radius: 12px;
  }

  /* Responsive */
  @media (min-width:767px) {

      /* Grid layout for Desktop (default) */
      .blog-carousel {
          display: grid !important;
          grid-template-columns: repeat(3, 1fr);
          gap: 24px;
      }
  }

  @media (max-width: 1200px) {
      .bestsellers-grid {
          grid-template-columns: repeat(3, 1fr);
      }
  }


  @media (max-width:992px) {
      .offers-grid {
          grid-template-columns: repeat(1, 1fr);
      }

      .d-none {
          display: none;
      }

      .d-flex {
          display: flex;
      }

      .hero-inner {
          gap: 28px;

      }

      .hero-section .hero-slider,
      .hero-content {
          width: 100%;
      }

      .section-header {
          justify-content: center;
      }

      .offers-grid {
          gap: 16px;
      }


      .offer-title {
          font-size: 28px;
      }

      .offer-subtitle {
          font-size: 15px;
      }

      .offer-image-wrapper {
          height: 200px;
      }

      .store-info-box {
          padding: 32px;
      }

      .store-info-title {
          font-size: 28px;
      }

      /* New Sections Mobile Adjustments */
      .grid-5,
      .grid-4 {
          display: block;
          gap: 0;
      }

      .quality-standards-section {
          padding: 40px 0;
      }

      .bookstore-categories-grid.owl-carousel,
      .clothing-categories-grid.owl-carousel {
          padding-bottom: 30px;
      }

      .bookstore-categories-grid .owl-dots,
      .clothing-categories-grid .owl-dots {
          text-align: center;
          margin-top: 20px;
          display: none;

      }

      .bookstore-categories-grid .owl-dot,
      .clothing-categories-grid .owl-dot {
          display: inline-block;
          margin: 0 4px;
          background-color: transparent;
          border: 0;
      }

      .bookstore-categories-grid .owl-dot span,
      .clothing-categories-grid .owl-dot span {
          width: 8px;
          height: 8px;
          background: #ccc;
          display: block;
          border-radius: 50%;
      }

      .bookstore-categories-grid .owl-dot.active span,
      .clothing-categories-grid .owl-dot.active span {
          background: var(--primary-gold);
          width: 24px;
          border-radius: 4px;
      }


      .quality-image-item {
          border-radius: 30px;
          flex: unset;
          flex-shrink: 0;
      }

      .quality-image-wrapper img {
          width: 205px;
          border-radius: 31px;
      }

      .quality-badge,
      .quality-badge-center {
          display: none
      }

      .testimonials-wrapper {
          padding: 0;
      }

      .testimonials-carousel .owl-nav {
          display: none;

      }

  }

  @media (max-width: 767px) {
      .slider-container {
          padding-right: 0;
      }

      .mobile-header {
          background-color: #fff;
          width: 100%;
          display: block !important;
      }

      .mobile-header-inner {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 8px 0;
      }

      .mobile-left,
      .mobile-right {
          display: flex;
          align-items: center;
          gap: 4px;
      }

      .mobile-center {
          flex-grow: 1;
          text-align: center;
          display: flex;
          justify-content: center;
      }

      .mobile-logo {
          max-height: 40px;
          width: auto;
      }

      .mobile-icon svg {
          width: 24px;
          height: 24px;
          display: block;
      }

      .header-bottom {
          background-color: var(--primary-green);
          height: 40px;
          width: 100%;
      }

      .mob-p-0-container {
          padding: 0;
      }

      /* Hero Mobile */
      .hero-section {
          padding: 40px 0 0 0;
      }

      .hero-inner {
          flex-direction: column;
          gap: 30px;
          padding-bottom: 60px;
      }

      .about-section .hero-inner {
          flex-direction: column-reverse;
          padding: 30px 0;
      }

      .hero-content {
          text-align: center;
      }

      .hero-title {
          font-size: 32px;
      }

      .hero-subtitle {
          font-size: 15px;
          max-width: 100%;
      }

      .hero-rating {
          justify-content: center;
      }

      .hero-features {
          flex-direction: column;
          gap: 12px;
          align-items: center;
      }

      .slider-container {
          max-width: 100%;
      }

      .slider-arrow {
          width: 40px;
          height: 40px;
      }

      .slider-prev {
          left: 10px;
      }

      .slider-next {
          right: 10px;
      }

      .hero-owl-carousel .owl-nav button {
          width: 40px;
          height: 40px;
      }

      .hero-owl-carousel .owl-nav .owl-prev {
          left: 10px;
      }

      .hero-owl-carousel .owl-nav .owl-next {
          right: 10px;
      }

      /* USP Mobile */
      .usp-section {
          padding: 30px 0;
      }

      .usp-grid {
          grid-template-columns: 1fr;
          gap: 24px;
      }

      h2 {
          font-size: 2.4rem;
      }

      .bestsellers-grid {
          grid-template-columns: repeat(2, 1fr);
          gap: 16px;
      }

      .product-image {
          height: 200px;
      }

      .product-title {
          font-size: 18px;
      }

      .category-name {
          font-size: 20px;
      }

      .special-offers-section {
          padding: 0 0 40px 0;
      }

      .special-offers-section .section-title {
          font-size: 32px;
          margin-bottom: 24px;
      }

      .offers-grid {
          grid-template-columns: 1fr;
          gap: 16px;
          margin-bottom: 24px;
      }

      .offer-card {
          min-height: auto;
      }

      .about-section::before {
          height: 43px;
          background-size: contain;
          background-repeat: repeat-x;
          margin-bottom: -5px;
      }

      .about-section::after {
          height: 40px;
      }


      .offer-title {
          font-size: 28px;
      }

      .offer-subtitle {
          font-size: 15px;
      }

      .offer-image-wrapper {
          height: 200px;
      }

      .section.brand-section {
          padding-top: 0;
      }

      .store-info-box {
          padding: 24px 20px;
          border-radius: 18px;
      }

      .store-info-title {
          font-size: 24px;
          margin-bottom: 12px;
      }

      .store-info-text {
          font-size: 15px;
          line-height: 1.5;
      }

      section.bookstore-categories-section {
          padding: 40px 0;
      }

      .title-wrapper {
          padding: 0px 20px;
      }

      .info-card-title {
          font-size: 14px;
      }

      .store-stand-section .hero-inner {
          flex-direction: column;
      }

      .store-stand-section .about-section-container-wrapper {
          padding-bottom: 0;
          padding-top: 0;
      }

      .store-stand-section::before {
          background-size: cover;
      }

      .store-stand-section .about-left-col h2 {
          max-width: 250px;
          margin-left: auto;
          margin-right: auto;
          text-align: center;
      }

      /* map section */
      .map-section {
          padding-top: 60px;
          padding-bottom: 50px;
      }

      .map-section .mapouter {
          height: 350px;
      }

      .map-section .gmap_canvas {
          height: 352px;
      }

      .map-section .gmap_iframe {
          height: 352px !important;
      }

      /* Testimonial section */

      .testimonials-section .section-title {
          margin: 0 auto 20px auto;
          padding: 0 20px;
      }

      .testimonials-section {
          padding: 0 0 100px 0;

      }

      .testimonials-section::after {
          height: 60px;
      }

      .testimonials-section .container {
          padding: 0;
      }

      .blog-section .section-title.text-white {
          padding: 0;
      }

      .blog-section {
          padding-bottom: 80px;
      }

      .blog-section::after {
          height: 40px;
      }

      .blog-image {
          border-radius: 24px;

      }

      .blog-category {
          font-size: 12px;
      }

      .blog-title {
          margin-top: 6px;
          margin-bottom: 6px;
          font-size: 14px;
      }

      .blog-footer {
          font-size: 12px;
      }

      .icon-circle svg {
          width: 12px;
          height: 12px;
      }

      .icon-circle {
          width: 21px;
          height: 21px;
      }

      .blog-carousel {
          /* On mobile, JS will init owl carousel which sets display: block */
          display: block;
      }

      /* FAQ Section */
      .faq-section {
          background-color: #FFF7F0;
          padding: 20px 0 50px 0;
      }
  }

  @media (max-width: 480px) {
      .bestsellers-grid {
          grid-template-columns: 1fr;
      }

      .section-header {
          flex-direction: column;
          gap: 20px;
          align-items: flex-start;
      }

      .add-to-cart-btn {
          font-size: 12px;
          padding: 12px;
      }

      .product-price {
          font-size: 12px;
          padding: 4px 8px;
      }

      .offer-content {
          padding: 12px;
          background-image: none;
      }

      .offer-title {
          font-size: 20px;
      }

      .offer-subtitle {
          font-size: 14px;
      }

      .offer-btn {
          padding: 10px 16px;
          font-size: 11px;
      }

      .store-info-title {
          font-size: 22px;
      }

      .store-info-text {
          font-size: 14px;
      }

      .offer-image-logo {
          width: 50px;
      }
  }



  @media (min-width: 992px) {


      .instagram-carousel .owl-stage-outer {
          overflow: visible;
      }

      .instagram-carousel .insta-item {
          margin: 0;
      }
  }

  @media (max-width: 991px) {
      .instagram-carousel {
          display: block;
      }

      .instagram-carousel .insta-item {
          /* Owl adds margin via option */
      }
  }