/*
Theme Name: Child Harvi
Version: 1.0
Description: A child theme of Hello Elementor
Author: admin
Template: hello-elementor
*/

@import url("../hello-elementor/style.css");
.read-more-btn::before {
    content: "";
    position: absolute;
    left: 12px;
    width: 22px;
    height: 22px;

    background-color: #6b3b12;

    -webkit-mask: url("btn.svg") no-repeat center;
    mask: url("btn.svg") no-repeat center;

    -webkit-mask-size: contain;
    mask-size: contain;
}

/* Hover effect */
.read-more-btn:hover::before {
    background-color: #000;
}
.custul {margin:0 !important;}
.custul li {padding:7px 0;}
.testimonials .swiper-pagination-bullet {width: 10px !important;height: 10px !important;margin-top: 3px !important;background: #FFD4C0 !important;opacity:1 !important ;vertical-align:middle !important;}
.testimonials .swiper-pagination-bullet-active {width: 16px !important;height: 16px !important;background: #0A0A0A !important;}

.reviews .swiper-pagination-bullet {width: 10px !important;height: 10px !important;margin-top: 3px !important;background: #BDBDBD !important;opacity:1 !important ;vertical-align:middle !important;}
.reviews .swiper-pagination-bullet-active {width: 16px !important;height: 16px !important;background: #0A0A0A !important;}

 .cursor{
  position: fixed;
  margin-top: -15px;
  margin-left: -10px;
  left:0px;
  top:0px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #fb5101;
  z-index: 999999;
  pointer-events: none;
		transition: all 200ms ease-out;
		 transform: translate(calc(-50% + 15px), -50%);
    animation: pulseshadow 1s infinite;
}
.cursor:before{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #fb5101;
  z-index: -1;
  opacity: 1
	  
}

@keyframes pulseshadow{
  0%{
    box-shadow: 0 0 0 0 rgba(251, 81, 1, 0.4);
     opacity: 0.7;
  }
  70%{
    box-shadow: 0 0 0 20px rgba(251, 81, 1, 0);
     opacity: 0.5;
  }
  100%{
    box-shadow: 0 0 0 0 rgba(251, 81, 1, 0);
     opacity: 0.2;
  }
}
.cursor.hover{animation: none; background-color:rgba(251, 81, 1, 0.2);  border: none; width:40px; height:40px;}
.dmenu ul.sub-menu li a {border:1px solid #fff;}
.dmenu ul.sub-menu li a:hover {border:1px solid #FB5101;}

.left-float-image,
.right-float-image {
  position: relative !important;
  animation: float-up-down 6s ease-in-out infinite;
}

.left-float-image {
  animation-name: float-left;
  animation-delay: 0s;
  transform-origin: center;
}

.right-float-image {
  animation-name: float-right;
  animation-delay: -3s; /* Half-cycle offset for cross-motion */
  transform-origin: center;
}

@keyframes float-left {
  0%, 100% {
    transform: translateY(0px) translateX(0px);
  }
  50% {
    transform: translateY(-25px) translateX(-12px);
  }
}

@keyframes float-right {
  0%, 100% {
    transform: translateY(0px) translateX(0px);
  }
  50% {
    transform: translateY(-25px) translateX(-12px);
  }
}

.quicklink:hover h5 a {color:#FB5101 !important;}
.quicklink:hover svg path {fill:#FB5101;}
.contactfooter input::placeholder, .contactfooter textarea::placeholder {color:#fff !important;opacity:1 !important;}
/* Hover Effect */
.insight:hover circle{
    fill:#0A0A0A;
    stroke:#fff;   
}

.insight:hover path{
    stroke:#fff;
}
.timeline-slider .e-n-carousel.swiper{
    position: relative;
}

/* Center Horizontal Timeline Line */
.timeline-slider .e-n-carousel.swiper::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 2%;     /* after left arrow */
    right: 2%;    /* before right arrow */
    height: 1px;
    background: #FB5101;
    transform: translateY(-50%);
    z-index: 0;
}

/* Keep Slides Above Line */
.timeline-slider .swiper-wrapper{
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 1366px) {
   .timeline-slider .e-n-carousel.swiper::before{
       left: 0;
       right:0;
   }
}

@media screen and (max-width: 1188px) {
    .aboutimg {bottom:5% !important;}
}
@media screen and (max-width: 1104px) {
    .aboutimg {bottom:5% !important;}
}
@media screen and (max-width: 1025px) {
    .aboutimg {bottom:14% !important;}
}
@media screen and (max-width: 1024px) {
    .aboutimg {bottom:0% !important;position:relative !important;}
}

.eael-image-accordion-item .overlay-inner a {visibility: visible !important;opacity: 1 !important;}
.eael-image-accordion-item .overlay-inner p {max-height: 0;
    opacity: 0;
    overflow: hidden;
    transform: translateY(20px);
    transition: 
        max-height 0.2s ease,
        opacity 0.2s ease,
        transform 0.2s ease; }
.eael-image-accordion-item.overlay-active .overlay-inner p {max-height: 200px; /* adjust as needed */
    opacity: 1;
    transform: translateY(0);margin-bottom: 20px;margin-top:0 !important;}
.eael-img-accordion .eael-image-accordion-hover:before {background-color: rgba(0, 0, 0, 0) !important;background-image: linear-gradient(360deg, #FB5101 1%, #FB510100 40%);}
.img-accordion-title::after {
    content: "";
    width: 32px;
    height: 32px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M22.1996 6.70001H10.3496C8.89959 6.70001 8.89959 9.00001 10.3496 9.00001H19.2996C15.6996 12.45 12.1496 15.95 8.54959 19.4C8.04959 19.9 7.49959 20.4 6.99959 20.9C5.89959 21.95 7.59959 23.65 8.69959 22.55C12.3496 19 16.0496 15.45 19.6996 11.85C20.1496 11.4 20.5996 11 21.0496 10.55V19.7C21.0496 21.15 23.3496 21.15 23.3496 19.7V7.85001C23.3496 7.25001 22.8496 6.70001 22.1996 6.70001Z' fill='white'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}
.img-accordion-title {opacity:1 !important;visibility:visible !important;margin:0 !important;display: flex;align-items: center;gap: 10px;}
.eael-img-accordion .overlay .overlay-inner {padding:0 10px;}