.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-30 .elementor-element.elementor-element-0f09a76{width:auto;max-width:auto;}.elementor-30 .elementor-element.elementor-element-0f09a76 .elementor-button{border-radius:22px 22px 22px 22px;}.elementor-30 .elementor-element.elementor-element-48a32a7{font-family:"Roboto", Sans-serif;font-size:10px;font-weight:400;}.elementor-30 .elementor-element.elementor-element-809bda0 .elementor-button{background-color:#61CE7000;font-family:"Roboto", Sans-serif;font-size:48px;font-weight:500;fill:#FF0000;color:#FF0000;}.elementor-30 .elementor-element.elementor-element-809bda0{width:auto;max-width:auto;}.elementor-30 .elementor-element.elementor-element-925bbad{font-family:"Roboto", Sans-serif;font-size:7px;font-weight:400;}.elementor-30 .elementor-element.elementor-element-f9a874f{width:auto;max-width:auto;}.elementor-30 .elementor-element.elementor-element-96bd363{text-align:left;font-family:"Roboto", Sans-serif;font-size:9px;font-weight:400;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}/* Start custom CSS for button, class: .elementor-element-0f09a76 */.btn-pulse, #btn-pulse-id {
  background: transparent;
  color: #00e676;
  border: 2px solid #00e676;
  border-radius: 50px;
  font-weight: bold;
  animation: pulse 2s infinite;
}
@keyframes pulse {
  0% { box-shadow: 0 0 0 0 rgba(0,230,118,0.7); }
  70% { box-shadow: 0 0 0 15px rgba(0,230,118,0); }
  100% { box-shadow: 0 0 0 0 rgba(0,230,118,0); }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-809bda0 *//* 🎯 Zoom Effect Button */
.btn-zoom, #btn-zoom-id {
  background: transparent;
  color: #ffffff;
  border: 2px solid #00bcd4;
  border-radius: 8px;
  padding: 12px 30px;
  font-weight: 600;
  letter-spacing: 1px;
  transition: all 0.3s ease;
}

/* 🪄 Hover Effect */
.btn-zoom:hover, #btn-zoom-id:hover {
  transform: scale(1.15);
  color: #00bcd4;
  background: rgba(0, 188, 212, 0.1);
  box-shadow: 0 0 20px rgba(0, 188, 212, 0.5);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f9a874f *//* 🚀 Advanced Zoom + Rotate + Glow Button */
.btn-zoom-rotate, #btn-zoom-rotate-id {
  background: transparent;
  color: #00ffff;
  border: 2px solid #00ffff;
  border-radius: 10px;
  padding: 12px 32px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: all 0.4s ease;
  box-shadow: 0 0 10px rgba(0,255,255,0.3);
  transform: perspective(800px) rotateX(0deg) rotateY(0deg);
}

/* ✨ Hover Animation */
.btn-zoom-rotate:hover, #btn-zoom-rotate-id:hover {
  transform: perspective(800px) rotateX(8deg) rotateY(-8deg) scale(1.15);
  box-shadow: 0 0 25px rgba(0,255,255,0.8), 0 0 50px rgba(0,255,255,0.5);
  color: #000;
  background: rgba(0,255,255,0.2);
}

/* 🩵 Optional smooth “active” press effect */
.btn-zoom-rotate:active, #btn-zoom-rotate-id:active {
  transform: perspective(800px) rotateX(0deg) rotateY(0deg) scale(0.95);
  transition: 0.2s ease;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-37f7b21 *//* 🎬 Cinematic Gradient + Fade + Zoom Headline */
.headline-cinematic, #headline-cinematic-id {
  display: inline-block;
  opacity: 0;
  transform: translateY(30px) scale(0.9);
  background-image: linear-gradient(90deg, #ff6b6b, #feca57, #48dbfb, #1dd1a1, #5f27cd);
  background-size: 400%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: fadeSlideZoom 1.4s ease forwards, textGradientFlow 6s ease infinite;
}

/* ✨ Fade + Slide + Zoom Animation */
@keyframes fadeSlideZoom {
  0% {
    opacity: 0;
    transform: translateY(40px) scale(0.9);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* 🌈 Gradient Flow Animation */
@keyframes textGradientFlow {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-90d5ef3 */.hero-title {
  display: inline-block;
  opacity: 0;
  transform: translateY(40px) scale(0.9);
  background-image: linear-gradient(90deg, #ff6b6b, #feca57, #48dbfb, #1dd1a1, #5f27cd);
  background-size: 400%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: heroTitleIn 1.2s ease forwards, gradientFlow 6s ease infinite;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5f2a074 *//* 🌀 Auto Rotating Image */
.img-rotate, #img-rotate-id {
  width: 200px;              /* আপনার ইমেজ সাইজ অনুযায়ী পরিবর্তন করুন */
  height: 200px;
  border-radius: 50%;        /* গোল রাখলে সুন্দর দেখায় */
  object-fit: cover;         /* ইমেজ ক্রপ করে perfect shape */
  border: 3px solid #00ffff; /* Optional Border */
  animation: autoRotate 10s linear infinite; /* মূল ঘূর্ণন effect */
  box-shadow:  px 15px rgba(0, 0, 0, 0.3);
}

/* 🔄 Keyframe Animation */
@keyframes autoRotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ac093c1 */.img-flip, #img-flip-id {
  transition: transform 0.6s;
  transform-style: preserve-3d;
}
.img-flip:hover, #img-flip-id:hover {
  transform: rotateY(180deg);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-54c7d9e */.img-tilt, #img-tilt-id {
  transition: transform 0.3s ease;
}
.img-tilt:hover, #img-tilt-id:hover {
  transform: rotateX(10deg) rotateY(10deg) scale(1.05);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-568fd03 */.img-bw-color, #img-bw-color-id {
  filter: grayscale(100%);
  transition: all 0.5s ease;
}
.img-bw-color:hover, #img-bw-color-id:hover {
  filter: grayscale(0%);
  transform: scale(1.05);
}/* End custom CSS */