/*
 Theme Name:   Astra Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Astra Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     astra
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  astrachild
*/


.header-quote a{
	background: #CC2525;
	color: #fff;
	padding: 8px 14px !important;
	border-radius: 50px;
	font-size: 13px !important;
}
.banner-heading1 {
    font-size: 23px;
    font-weight: 500;
}
.banner-heading2 {
    font-size: 36px;
    font-weight: 800;
}
.banner-button {
    margin-top: 20px;
}
.banner-button a{
   padding: 8px 25px !important;
	border-radius: 50px;
		background: #F0C418;
	color: #fff;
	text-decoration: none;
}
.banner-section figcaption.elementor-image-carousel-caption {
    font-family: 'Raleway';
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 35%);
}
ul.social-icons li {
    display: inline-block;
    margin-right: 10px;
}
ul.social-icons {
    margin: 0;
}
ul#menu-1-9ea5a76 {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

ul#menu-1-9ea5a76 li {
    margin-left: 25px;
    position: relative;
}

ul#menu-1-9ea5a76 li:before {
    content: "\f111";
    position: absolute;
    left: -2px;
    top: 8px;
    color: #F0C418;
    font-family: 'FontAwesome';
    font-size: 10px;
}

.address-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.address-list li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  line-height: 1.5;
	color: #fff;
}
.address-list li a{
	color: #fff;
}

.address-list li::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
}

/* Different icons for each item */


.address-list .map::before {
  background-image: url('https://i-goc.org/Nelson/wp-content/uploads/2025/05/Vector.png');
}

.address-list .phone::before {
  background-image: url('https://i-goc.org/Nelson/wp-content/uploads/2025/05/Group.png');
}

.address-list .email::before {
  background-image: url('https://i-goc.org/Nelson/wp-content/uploads/2025/05/Group-196.png');
	top: 7px;
}

.product-range {
     display: flex;
  gap: 15px;
  width: 100%;
  margin: 0 auto;
  height: auto;
  overflow: hidden;
  justify-content: center;
    }

   .card {
      flex: 0 0 170px;
      position: relative;
      overflow: hidden;
/*       transition: flex 0.5s ease; 
      border-radius: 20px;
      cursor: pointer;
      height: 350px;*/
	       transition: flex 0.5s ease, clip-path 0.5s ease;
/*     cursor: pointer; */
    height: 350px;
    clip-path: inset(0);
	   
    } 
.card h3 {
    color: #fff !important;
    font-family: 'Raleway';
    font-size: 20px !important;
    margin-bottom: 8px !important;
}
     .card img {
      width: 100%;
      height: 100% !important;
      object-fit: cover;
      transition: transform 0.5s ease;
      border-radius: 20px !important;
    } 
/* .card {
  flex: 0 0 170px;
  position: relative;
  overflow: hidden;
  transition: flex 0.5s ease, clip-path 0.5s ease;
  cursor: pointer;
  height: 350px;
  clip-path: inset(0);
}

.card img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  transition: transform 0.5s ease;
}


.card:hover {
  flex: 0 0 340px;
  clip-path: path("M0,0 H260 Q300,0 280,40 Q270,60 300,80 V350 H0 Z");
} */
    .card:hover img {
      transform: scale(1);
		clip-path: path("M 0 0 H 225 Q 270 0 240 90 L 250 50 Q 250 90 310 85 L 255 88 Q 340 75 340 115 V 350 H 0 Z");
    }

    

    .product-range .card:hover {
      flex: 0 0 340px;
    }

    .info {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
      color: #fff;
          padding: 50px 28px 20px;
      opacity: 0;
      transition: opacity 0.3s ease;
		border-radius: 0 0 20px 20px;
    }

.read-more {
    position: absolute;
       top: -3px;
    right: -3px;
    /* background: #002244; */
    opacity: 0;
    transition: opacity 0.3s ease;
}
.read-more img {
border-radius: 27px !important;	
}
    .card:hover .info,
    .card:hover .read-more {
      opacity: 1;
		
    }

.card.active {
  flex: 0 0 340px;
}

.card.active img {
  transform: scale(1);
}

.card.active .info,
.card.active .read-more {
  opacity: 1;
}
.card {
  clip-path: none;
  transition: clip-path 0.3s ease;
}

/* On hover or if marked active */
.card:hover img,
.card.active img{
  clip-path: path("M 0 0 H 225 Q 270 0 240 90 L 250 50 Q 250 90 310 85 L 255 88 Q 340 75 340 115 V 350 H 0 Z");
}
.zoom-gallery-image img {
     
      transition: transform 0.5s ease;
    }

    .zoom-gallery-image:hover img {
      transform: scale(1.1); /* zoom in */
    }

/*.zoom-image {*/
/*      width: 200px;*/
/*      overflow: hidden;*/
/*      border-radius: 12px;*/
/*    }*/


.zoom-image img {
      width: 100%;
      transition: transform 0.5s ease;
    }

    .zoom-image:hover img {
      transform: scale(1.1); /* zoom in */
    }