.elementor-259 .elementor-element.elementor-element-28a0c9f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.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-259 .elementor-element.elementor-element-ed5adef{background-color:#FF0101;text-align:center;}.elementor-259 .elementor-element.elementor-element-a30e7c2{--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;}.elementor-259 .elementor-element.elementor-element-0a77e0c{--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;}.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 );}.elementor-259 .elementor-element.elementor-element-1b648a8{--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;}.elementor-259 .elementor-element.elementor-element-1622068{--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;}.elementor-259 .elementor-element.elementor-element-d912021{--display:flex;}.elementor-259 .elementor-element.elementor-element-3bb4f0b{--display:flex;}.elementor-259 .elementor-element.elementor-element-2ff3a97{--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;}.elementor-259 .elementor-element.elementor-element-3674606{--display:flex;}.elementor-259 .elementor-element.elementor-element-46944ab{--display:flex;}.elementor-259 .elementor-element.elementor-element-46c0bd5{--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-259 .elementor-element.elementor-element-3c2e7a2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-259 .elementor-element.elementor-element-abf9d68{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-259 .elementor-element.elementor-element-6b55cf5{--display:flex;}.elementor-259 .elementor-element.elementor-element-eb9aa77{--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;}.elementor-259 .elementor-element.elementor-element-d97655b{--display:flex;}.elementor-259 .elementor-element.elementor-element-868b496{--display:flex;}.elementor-259 .elementor-element.elementor-element-f0b73ab{--display:flex;}.elementor-259 .elementor-element.elementor-element-446ead8{--display:flex;--min-height:242px;--justify-content:center;}.elementor-259 .elementor-element.elementor-element-575e9cf{text-align:center;}.elementor-259 .elementor-element.elementor-element-5b50063{--display:flex;}@media(min-width:768px){.elementor-259 .elementor-element.elementor-element-3c2e7a2{--width:50%;}.elementor-259 .elementor-element.elementor-element-abf9d68{--width:50%;}}/* Start custom CSS for image, class: .elementor-element-573005f */@keyframes floatUpDown {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-25px); /* কতটুকু উপরে উঠবে */
  }
}

.elementor-259 .elementor-element.elementor-element-573005f {
  animation: floatUpDown 4s ease-in-out infinite;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1b648a8 */@keyframes floatUpDown {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-25px); /* কতটুকু উপরে উঠবে */
  }
}

.elementor-259 .elementor-element.elementor-element-1b648a8 {
  animation: floatUpDown 2s ease-in-out infinite;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bd134ee */@keyframes zoomInOut {
  0%,100% { transform: scale(1); }
  50% { transform: scale(1.05); }
}
.elementor-259 .elementor-element.elementor-element-bd134ee { animation: zoomInOut 6s ease-in-out infinite; }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-12b4812 */@keyframes swayLeftRight {
  0%,100% { transform: translateX(0); }
  50% { transform: translateX(20px); }
}
.elementor-259 .elementor-element.elementor-element-12b4812 { animation: swayLeftRight 5s ease-in-out infinite; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3674606 */@keyframes rotateSlight {
  0%,100% { transform: rotate(0deg); }
  50% { transform: rotate(3deg); }
}
.elementor-259 .elementor-element.elementor-element-3674606 { animation: rotateSlight 6s ease-in-out infinite; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46944ab */@keyframes floatDiagonal {
  0%,100% { transform: translate(0,0); }
  25% { transform: translate(15px,-15px); }
  75% { transform: translate(-15px,15px); }
}
.elementor-259 .elementor-element.elementor-element-46944ab { animation: floatDiagonal 8s ease-in-out infinite; }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d0559b5 */@keyframes rotateSection {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.elementor-259 .elementor-element.elementor-element-d0559b5 {
  animation: rotateSection 20s linear infinite;
  transform-origin: center center; /* মাঝখানকে ঘুরার কেন্দ্র ধরা হবে *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-abf9d68 */.elementor-259 .elementor-element.elementor-element-abf9d68{
  display: inline-block;               /* make it transformable */
  perspective: 900px;                  /* depth */
  transform-origin: center center;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform, opacity;
  animation: smoothFlip 2.6s cubic-bezier(.4,.15,.25,.9) infinite;
}

@keyframes smoothFlip {
  0%   { transform: rotateY(0deg);   opacity: 1; }
  40%  { transform: rotateY(90deg);  opacity: 0; }
  60%  { transform: rotateY(270deg); opacity: 0; }
  100% { transform: rotateY(360deg); opacity: 1; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d97655b */.c {
  position: relative;
  background: #111; /* Card background */
  border-radius: 12px;
  overflow: hidden;
  padding: 20px;
  color: #fff;
  z-index: 1;
}

/* Flowing Gradient Border */
.c::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px; /* border thickness */
  border-radius: 12px;
  background: linear-gradient(
    90deg,
    #ff007f,
    #a020f0,
    #ff007f,
    #ca006b,
    #ebe7f3
  );
  background-size: 400% 400%;
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: borderFlow 5s linear infinite;
  pointer-events: none;
  z-index: -1;

  /* Glow */
  filter: drop-shadow(0 0 8px #ff007f)
          drop-shadow(0 0 12px #a020f0)
          drop-shadow(0 0 15px #ffffff);
}

@keyframes borderFlow {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-868b496 */.car {
  position: relative;
  background: #111; /* card background */
  border-radius: 12px;
  overflow: hidden;
  padding: 20px;
  color: #fff;
  z-index: 1;
  transition: transform 0.3s ease;
}

/* Animated Gradient Border */
.car::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 6px;
  border-radius: 12px;
  background: linear-gradient(270deg, #ff007f, #a020f0, #000000, #ff007f);
  background-size: 600% 600%;
  -webkit-mask: 
    linear-gradient(#000 0 0) content-box, 
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: gradientBorder 6s ease infinite;
  pointer-events: none;
  z-index: -1;
}

@keyframes gradientBorder {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Hover Effects */
.car:hover {
  transform: scale(1.03); /* slight zoom */
}

.car:hover::before {
  animation: gradientBorder 2s linear infinite; /* faster */
  filter: drop-shadow(0 0 10px #ff0033) drop-shadow(0 0 20px #ff6600);
}

@keyframes gradientBorder {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f0b73ab */.card {
  position: relative;
  background: #111; /* card background */
  border-radius: 12px;
  overflow: hidden;
  padding: 20px;
  color: #fff;
  z-index: 1;
}

/* Animated Gradient Border */
.card::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 5px; /* border thickness */
  border-radius: 12px;
  background: linear-gradient(270deg, #ff0033, #ff6600, #ffcc00, #ff0033);
  background-size: 600% 600%;
  -webkit-mask: 
    linear-gradient(#000 0 0) content-box, 
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: gradientBorder 6s ease infinite;
  pointer-events: none;
  z-index: -1;
}

@keyframes gradientBorder {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-446ead8 */.ca {
  position: relative;
  background: #111; /* card background */
  border-radius: 12px;
  overflow: hidden;
  padding: 20px;
  color: #fff;
  z-index: 1;
}

/* Rotating Gradient Border with Glow */
.ca::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px; /* border thickness */
  border-radius: 12px;
  background: conic-gradient(
    from 0deg,
    #ff007f,
    #a020f0,
    #000000,
    #ffffff,
    #ff007f
  );
  background-size: 200% 200%;
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: rotateBorder 6s linear infinite;
  pointer-events: none;
  z-index: -1;

  /* Glow effect */
  filter: drop-shadow(0 0 8px #ff007f)
          drop-shadow(0 0 12px #a020f0)
          drop-shadow(0 0 15px #ffffff);
}

@keyframes rotateBorder {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}/* End custom CSS */