.column-wrap {
    display: flex;
    flex-direction: column;
    align-items: center; /* Centers content horizontally */
    justify-content: center; /* Centers content vertically */
    text-align: center; /* Ensures text is centered */
    height: 100%; /* Ensures full height usage */
  }
  
  .newsletter-text {
    margin-bottom: 15px; /* Adds spacing between text and image */
  }
  
  .column-wrap img {
    max-width: 80%; /* Ensures image doesn't stretch too much */
    height: auto;
  }

  	/* Full-width and full-height banner */
      .content-image {
        width: 100vw;
        height: 100vh;
        overflow: hidden;
    }

    .content-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        animation: zoom-out-only 8s infinite ease-in-out;
    }

    /* Smooth slow zoom-out effect */
    @keyframes zoom-out-only {
        0% { transform: scale(1.1); }
        100% { transform: scale(1); }
    }



.item-product-cat {
transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
position: relative;
}

.item-product-cat:hover {
transform: scale(1.05);
box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.2);
}

.item-product-cat-content {
overflow: hidden;
}

.item-image {
transition: transform 0.4s ease-in-out;
}

.item-product-cat:hover .item-image {
  transform: scale(1.05);
}

.item-title {
transition: color 0.3s ease-in-out;
}

.item-product-cat:hover .item-title {
color: #d92332;
}

/* Slide-in Animation */
.slick-slide {
opacity: 0;
transform: translateY(30px);
animation: fadeInUp 0.8s ease-in-out forwards;
}

@keyframes fadeInUp {
to {
opacity: 1;
transform: translateY(0);
}
}

@keyframes slideInRight {
from {
transform: translateX(100px);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
}

.item-product-cat {
opacity: 0;
transform: translateX(100px);
transition: all 0.8s ease-in-out;
}

.item-product-cat.active {
animation: slideInRight 0.8s ease-out forwards;
}

@keyframes slideInUp {
from {
transform: translateY(100px);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}

.section-column {
opacity: 0;
transform: translateY(100px);
transition: all 0.8s ease-in-out;
}

.section-column.active {
animation: slideInUp 0.8s ease-out forwards;
}

.reel {
    opacity: 0;
    transform: translateY(100px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
  }
  
  /* When the reel enters the viewport, the animation triggers */
  .reel.active {
    opacity: 1;
    transform: translateY(0);
  }
  
                              
                              .reels-container {
                                  display: grid;
                                  grid-template-columns: repeat(4, 1fr);
                                  gap: 10px;
                                  max-width: 1200px;
                                  margin: auto;
                              }
                              .reel {
                                  position: relative;
                                  width: 100%;
                                  overflow: hidden;
                                  border-radius: 10px;
                              }
                              video {
                                width: 100%;  /* Makes videos responsive */
                                max-width: 300px; /* Adjust the width as needed */
                                height: 250px; /* Reduces the height */
                                object-fit: cover; /* Ensures the video maintains its aspect ratio */
                                border-radius: 10px; /* Optional: Adds rounded corners */
                            }
                      
                          

                              .banners-row {
                                display: flex;
                                flex-wrap: wrap;
                                justify-content: center;
                                gap: 15px;
                                margin: 0 auto;
                                width: 100%;
                            }
                            
                            .block-widget-banner {
                                width: 100%;
                                max-width: 400px; /* Adjust based on design */
                                text-align: center;
                            }
                            
                            .banner-video-player {
                                width: 100%;
                                height: auto;
                            }
                            
                            .block-widget-banner {
                              opacity: 0;
                              transform: translateY(100px);
                              transition: opacity 0.8s ease-out, transform 0.8s ease-out;
                            }
                            
                            /* When the banner enters the viewport, it animates */
                            .block-widget-banner.active {
                              opacity: 1;
                              transform: translateY(0);
                            }
                            .item-product-cat {
                                transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
                                position: relative;
                            }
                            
                            .item-product-cat:hover {
                                transform: scale(1.05);
                                box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.2);
                            }
                            
                            .item-product-cat-content {
                                overflow: hidden;
                            }
                            
                            .item-image {
                                transition: transform 0.4s ease-in-out;
                            }
                            
                            .item-product-cat:hover .item-image {
                                transform: rotateY(10deg) scale(1.1);
                            }
                            
                            .item-title {
                                transition: color 0.3s ease-in-out;
                            }
                            
                            .item-product-cat:hover .item-title {
                                color: #d92332;
                            }
                            
                            /* Slide-in Animation */
                            .slick-slide {
                                opacity: 0;
                                transform: translateY(30px);
                                animation: fadeInUp 0.8s ease-in-out forwards;
                            }
                            
                            @keyframes fadeInUp {
                                to {
                                    opacity: 1;
                                    transform: translateY(0);
                                }
                            }
                            
                            @keyframes slideInRight {
                              from {
                                transform: translateX(100px);
                                opacity: 0;
                              }
                              to {
                                transform: translateX(0);
                                opacity: 1;
                              }
                            }
                            
                            .item-product-cat {
                              opacity: 0;
                              transform: translateX(100px);
                              transition: all 0.8s ease-in-out;
                            }
                            
                            .item-product-cat.active {
                              animation: slideInRight 0.8s ease-out forwards;
                            }
                            
                            @keyframes slideInUp {
                              from {
                                transform: translateY(100px);
                                opacity: 0;
                              }
                              to {
                                transform: translateY(0);
                                opacity: 1;
                              }
                            }
                            
                            .section-column {
                              opacity: 0;
                              transform: translateY(100px);
                              transition: all 0.8s ease-in-out;
                            }
                            
                            .section-column.active {
                              animation: slideInUp 0.8s ease-out forwards;
                            }



                            @keyframes slideInUp {
                              from {
                                  opacity: 0;
                                  transform: translateY(50px);
                              }
                              to {
                                  opacity: 1;
                                  transform: translateY(0);
                              }
                          }
                          
                          /* Initially hidden */
                          .golden-container {
                              opacity: 0;
                              transform: translateY(50px);
                              transition: opacity 0.8s ease-out, transform 0.8s ease-out;
                          }
                          
                          /* When section is active */
                          .golden-container.active {
                              animation: slideInUp 0.8s ease-out forwards;
                          }
                          
                          .golden-container {
                              display: flex;
                              align-items: center;
                              justify-content: space-between;
                              max-width: 1200px;
                              margin: 40px auto;
                              padding: 50px;
                              background: #fef9ea;
                              border-radius: 15px;
                              box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
                              border: 5px solid #d4af37;
                          }
                          
                          .golden-content {
                              width: 100%;
                              padding-right: 20px;
                          }
                          
                          .golden-title {
                              font-size: 28px;
                              font-weight: bold;
                              color: #d4af37;
                              margin-bottom: 15px;
                          }
                          
                          .golden-text {
                              font-size: 16px;
                              color: #333;
                              text-align: justify;
                              margin-bottom: 15px;
                              padding: 10px;
                              border-left: 5px solid #d4af37;
                              background: #faf3e0;
                              border-radius: 5px;
                          }
                          
                          .golden-btn {
                              margin-top: 20px;
                          }
                          
                          .golden-button {
                              display: inline-block;
                              padding: 10px 20px;
                              font-size: 16px;
                              color: white;
                              background-color: #d4af37;
                              text-decoration: none;
                              border-radius: 5px;
                              transition: 0.3s;
                          }
                          
                          .golden-button:hover {
                              background-color: #b9962e;
                          }
                          
                          .golden-image {
                              width: 100%;
                              text-align: center;
                          }
                          
                          .golden-image img {
                              width: 100%;
                              border-radius: 15px;
                              border: 3px solid #d4af37;
                              box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
                          }
                           /* Video Styling */
                        .golden-video {
                          width: 100%;
                          display: flex;
                          justify-content: center;
                          align-items: center;
                      }
                      
                      .golden-video video {
                          width: 100%;
                          height: auto;
                          max-height: 400px; /* Set a max height to maintain proportion */
                          object-fit: cover;
                          border-radius: 10px;
                      }
                      
                      /* Responsive adjustments */
                      @media (max-width: 991px) {
                          .golden-container {
                              flex-direction: column;
                              text-align: center;
                              padding: 30px;
                          }
                      
                          .golden-content, .golden-video {
                              width: 100%;
                              padding: 0;
                          }
                      
                          .golden-video {
                              margin-top: 20px;
                          }
                      }
                  
                      .review-section {
                        text-align: center;
                        padding: 30px;
                        border-radius: 10px;
                     
                        opacity: 0;
                        transform: scale(0.8);
                        animation: fadeInScale 0.8s ease-out forwards;
                    }
                    .review-section h2 {
                        color: #333;
                        margin-bottom: 10px;
                    }
                    .review-section p {
                        color: #555;
                        font-size: 16px;
                        margin-bottom: 20px;
                    }
                    .review-button {
                        display: inline-block;
                        padding: 12px 20px;
                        font-size: 16px;
                        color: #fff;
                        background-color: #cf8e3b;
                        border: none;
                        border-radius: 5px;
                        text-decoration: none;
                        font-weight: bold;
                        transition: 0.3s;
                        animation: blink 1.5s infinite alternate;
                    }
                    .review-button:hover {
                        background-color: #000000;
                    }
                    @keyframes fadeInScale {
                        from {
                            opacity: 0;
                            transform: scale(0.8);
                        }
                        to {
                            opacity: 1;
                            transform: scale(1);
                        }
                    }
                    @keyframes blink {
                        0% { opacity: 1; }
                        50% { opacity: 0.5; }
                        100% { opacity: 1; }
                    }