/**
Theme Name: Mehra Wines Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mehra-wines-astra-child
Template: astra
*/
.elementor-button span.elementor-button-content-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}
.hover_backgroundcard:hover {background: #8E7048 !important;}

.hover_backgroundcard:hover
 span.elementor-icon-list-icon svg {
    fill: #fff !important
}
.elementor-button:hover svg {
    transform: translateX(8px);
}
span.elementor-button-text {
    padding-top: 3px;
}
.elementor-button .elementor-button-icon svg  {
    transition: all 0.3s ease;
     font-size: 26px;
}
a {
	text-decoration:none !important;
}
.breadcurm-ct .elementor-heading-title:hover a {
    color: #BD9E5E;
}
.star-1 {
  animation: zoomInOut 2.5s ease-in-out infinite;
}

.star-2 {
  animation: zoomInOut 3s ease-in-out infinite;
  animation-delay: 0.4s;
}

.star-3 {
  animation: zoomInOut 3.5s ease-in-out infinite;
  animation-delay: 0.8s;
}

@keyframes zoomInOut {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.15); }
}

.home-banner-slider .elementor-swiper-button-prev::after {
    content: 'Prev';
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    font-family: 'Inter';
    letter-spacing: 2px;
    color: #BD9E5E;
    line-height: 1;
    padding-top: 3px;
}

.home-banner-slider .elementor-swiper-button-prev {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
}

.home-banner-slider .elementor-swiper-button-next::before {
    content: 'Next';
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    font-family: 'Inter';
    letter-spacing: 2px;
    color: #BD9E5E;
    line-height: 1;
    padding-top: 3px;
}

.home-banner-slider .elementor-swiper-button-next {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
}
@media screen and (max-width:767px){
    .elementor-button .elementor-button-icon svg  {
         font-size: 18px;
    }
}




/* new css design */

.timelineborder_ct .elementor-widget-html {
    height: 100%;
}
.image_overlayct{
    position: relative;
    overflow: hidden;
}

.image_overlayct .elementor-widget-image{
    position: relative;
}

.image_overlayct .elementor-widget-image:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000033;
    z-index: 2;
    pointer-events: none;
}

.image_overlayct img{
    display: block;
}

/*contact form  */
.contactFormCt label {
    color: #0B0B0B !important;
}

.contactFormCt {
    font-family: 'Open Sans';
}

.contactFormCt input, .contactFormCt textarea,  .contactFormCt select {
    background-color: #FFFFFF !important;
    border: 1px solid transparent !important;
    color: #1E1E1E !important;
}

.contactFormCt input::placeholder, .contactFormCt textarea::placeholder, .contactFormCt select::placeholder {
    color: #4A4A4A !important;
    opacity: unset !important;
}
.contactFormCt input:focus, .contactFormCt textarea:focus,  .contactFormCt select:focus {
    border: 1px solid #8E7048 !important;
    box-shadow: unset !important;
}

.contactFormCt button.wpforms-submit {
    background-color: #8E7048 !important;
    height: unset !important;
    padding: 16px 60px !important;
}

.homeProSlider .swiper-slide {
    width: 38% !important;
} 

.homeProSlider .swiper-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 40px;
 	transform: unset !important; 
}

.homeProSlider .swiper-wrapper::-webkit-scrollbar {
    height: 8px;
}

.homeProSlider .swiper-wrapper::-webkit-scrollbar-track {
    background: linear-gradient(
        to bottom,
        transparent 3px,
        #d8d1c7 3px,
        #d8d1c7 4px,
        transparent 4px
    );
    border-radius: 20px;
}


.homeProSlider .swiper-wrapper::-webkit-scrollbar-thumb {
    background: #8E7048;
    border-radius: 20px;
}
@media(max-width:1024px){
	.homeProSlider .swiper-slide {
    width: 67% !important;
}
} 

/* slider custom */
/* ===== MAIN SLIDER CONTAINER ===== */
.elementor-element .bottle_imagesslider {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 20px !important;
  padding: 20px 0px 30px 30px !important;
  scroll-behavior: smooth !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: thin !important;
  scrollbar-color: #8E7048 transparent !important;
  cursor: grab !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Grab cursor active state */
.bottle_imagesslider:active {
  cursor: grabbing !important;
}

/* Custom scrollbar - Desktop */
.bottle_imagesslider::-webkit-scrollbar {
  height: 4px !important;
}
.bottle_imagesslider::-webkit-scrollbar-track {
  background: #8E7048 !important;
}
.bottle_imagesslider::-webkit-scrollbar-thumb {
  background-color: #8E7048 !important;
  border-radius: 10px !important;
}

/* ===== EACH BOTTLE CARD CONTAINER ===== */
.elementor-element .colimage_ct {
  flex: 0 0 auto !important;
  width: 270px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  padding: 15px 10px !important;
  box-sizing: border-box !important;
}

/* Image inside card */
.colimage_ct img {
  width: auto !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto 15px auto !important;
}

.branc_sectionct {
    position: relative;
}
@media (min-width: 768px) {
    .branc_sectionct .right-image {
        position: absolute;
        top: -50px;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        
        opacity: 0;
        visibility: hidden;
        transform: scale(0.95);
        transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, visibility 0.4s ease-in-out;
        pointer-events: none;
    }

    .branc_sectionct .right-image.active {
        opacity: 1;
        visibility: visible;
        transform: scale(1);
        pointer-events: auto;
    }
}

/* ===== MOBILE RESPONSIVE ===== */
@media (max-width: 767px) {
	 .branc_sectionct .right-image {
        display: none;
    }

    .branc_sectionct .right-image.active {
        display: block;
    }

  .elementor-element .bottle_imagesslider {
    gap: 16px !important;
    padding: 15px 0px 20px 16px !important;
  
  }

  .bottle_imagesslider::-webkit-scrollbar {
    display: none !important;
  }

  .elementor-element .colimage_ct {
    width: 240px !important;
    padding: 10px 8px !important;
  }

  


}

@media (min-width: 768px) and (max-width: 1024px) {

  .elementor-element .colimage_ct {
    width: 250px !important;
  }

  .colimage_ct img {
    height: 240px !important;
  }
}

@media(max-width:1024px){
	.home .Header_ct:has(.elementor-menu-toggle.elementor-active){
    background:#0B0B0B !important;


}