.elementor-1771 .elementor-element.elementor-element-856a053{--display:flex;}.elementor-1771 .elementor-element.elementor-element-15ee22e > .elementor-widget-container{transition:background 1.3s;}.elementor-1771 .elementor-element.elementor-element-277ab02{column-gap:0px;font-size:19px;text-shadow:7px 0px 12px rgba(0,0,0,0.3);}.elementor-1771 .elementor-element.elementor-element-4dbca39{--display:flex;}.elementor-1771 .elementor-element.elementor-element-69240e2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1771 .elementor-element.elementor-element-b42b592{--display:flex;--min-height:305px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-1771 .elementor-element.elementor-element-727eff5{width:var( --container-widget-width, 50.259% );max-width:50.259%;--container-widget-width:50.259%;--container-widget-flex-grow:0;--e-transform-transition-duration:300ms;}.elementor-1771 .elementor-element.elementor-element-727eff5 > .elementor-widget-container:hover{--e-transform-flipX:-1;}.elementor-1771 .elementor-element.elementor-element-727eff5.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1771 .elementor-element.elementor-element-727eff5 img{width:100%;max-width:100%;height:334px;}.elementor-1771 .elementor-element.elementor-element-6b4bf01{width:var( --container-widget-width, 45.238% );max-width:45.238%;--container-widget-width:45.238%;--container-widget-flex-grow:0;--e-transform-transition-duration:300ms;}.elementor-1771 .elementor-element.elementor-element-6b4bf01 > .elementor-widget-container:hover{--e-transform-flipX:-1;}.elementor-1771 .elementor-element.elementor-element-6b4bf01.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1771 .elementor-element.elementor-element-6b4bf01 img{width:100%;max-width:100%;height:334px;object-fit:cover;object-position:center center;}.elementor-1771 .elementor-element.elementor-element-32cab81{--display:flex;}.elementor-1771 .elementor-element.elementor-element-0c21fd3 > .elementor-widget-container{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-primary ) 0%, #FFE9EF 100%);border-style:solid;border-width:-159px -159px -159px -159px;border-radius:13px 13px 13px 13px;box-shadow:-1px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-1771 .elementor-element.elementor-element-0c21fd3{font-size:19px;}.elementor-1771 .elementor-element.elementor-element-c814765{--display:flex;}.elementor-1771 .elementor-element.elementor-element-f58ed64 > .elementor-widget-container{background-color:#E7E7E7;border-style:double;border-radius:39px 39px 39px 39px;box-shadow:21px -61px 31px 0px rgba(0,0,0,0.5);}.elementor-1771 .elementor-element.elementor-element-f58ed64 .elementor-widget-container{--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-1771 .elementor-element.elementor-element-f58ed64{font-size:19px;}@media(min-width:768px){.elementor-1771 .elementor-element.elementor-element-b42b592{--content-width:1547px;}}/* Start custom CSS for image, class: .elementor-element-15ee22e *//* Default Image Style */
img {
  width: 100%; /* Makes the image responsive */
  height: auto; /* Keeps the aspect ratio intact */
  transition: transform 0.4s ease, box-shadow 0.4s ease, opacity 0.4s ease; /* Smooth transition on hover */
  border-radius: 10px; /* Rounded corners for a stylish look */
  opacity: 0.9; /* Slight opacity for better effect */
}

/* Hover Effect - Zoom, Rotate, and Shadow */
img:hover {
  transform: scale(1.1) rotate(5deg); /* Zoom in and slightly rotate */
  opacity: 1; /* Full opacity when hovered */
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2); /* Apply shadow for a 3D effect */
}

/* Scroll Effect: Fade In & Slide Up */
img.scroll-animate {
  opacity: 0;
  transform: translateY(50px); /* Start position off-screen (50px down) */
  transition: opacity 1s ease-out, transform 1s ease-out; /* Smooth fade and slide */
}

/* When the image is in view (triggered by JavaScript) */
img.scroll-animate.visible {
  opacity: 1;
  transform: translateY(0); /* Return to original position */
}

/* Hover Effect for Circular Crop */
img.circular-hover {
  transition: all 0.4s ease;
  border-radius: 50%; /* Circular shape on hover */
  transform: scale(1.1); /* Slight zoom in */
}

/* Glow effect on hover */
img:hover {
  box-shadow: 0 0 20px rgba(0, 255, 255, 0.7); /* Blue glow */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-277ab02 *//* Dancing Text Styling */
.dancing-text {
  display: inline-block;
  font-size: rem; /* Larger font for visibility */
  font-weight: ;
  color: #ff6347; /* Initial text color */
  text-transform: uppercase; /* Uppercase text for a futuristic look */
  padding: 10px 20px; /* Add some padding for text spacing */
  letter-spacing: 3px; /* Adjust the letter spacing */
  animation: dance 0.1s ease-in infinite, glow 0s ease-out infinite alternate, slide 22s ease-in-out infinite;
  transition: transform 0.2s ease, color 0.5s ease, text-shadow 0.3s ease, font-size 0.3s ease;
  background: linear-gradient(45deg, #ff6347, #00f); /* Gradient background */
  -webkit-background-clip: text; /* Clip background to text */
  color: transparent; /* Make text color transparent for background gradient */
  box-shadow: 0 0 10px rgba(255, 99, 71, 0.6), 0 0 20px rgba(255, 99, 71, 0.7); /* Glowing effect */
}

/* Keyframe animation for the dancing effect */
@keyframes dance {
  0%, 100% {
    transform: translateX(0) rotate(0deg);
  }
  25% {
    transform: translateX(10px) rotate(5deg);
  }
  50% {
    transform: translateX(0) rotate(-5deg);
  }
  75% {
    transform: translateX(-10px) rotate(5deg);
  }
}

/* Glowing effect for the text */
@keyframes glow {
  0% {
    text-shadow: 0 0 5px #00f, 0 0 10px #00f, 0 0 15px #00f;
  }
  100% {
    text-shadow: 0 0 20px #00f, 0 0 30px #00f, 0 0 40px #00f;
  }
}

/* Sliding effect for a futuristic look */
@keyframes slide {
  02% {
    transform: translateX(-100%);
  }
  50% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(01%);
  }
}

/* Hover Effect: Grow & Intensify Glow */
.dancing-text:hover {
  transform: scale(1) translateY(-5px); /* Slightly grow and move up */
  text-shadow: 0 0 30px #00f, 0 0 50px #00f, 0 0 80px #00f; /* Stronger glow on hover */
  color: #ff6347; /* Keep the initial color on hover */
  font-size: 1.4rem; /* Slightly increase the font size */
}

/* Make the text more responsive */
@media (max-width: 768px) {
  .dancing-text {
    font-size: rem; /* Adjust for medium screen sizes */
  }
}

@media (max-width: 480px) {
  .dancing-text {
    font-size: rem; /* Adjust for small screens */
  }
}/* End custom CSS */