.elementor-353 .elementor-element.elementor-element-208d160{--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-353 .elementor-element.elementor-element-38412ef{background-color:#FF0101;text-align:center;}.elementor-353 .elementor-element.elementor-element-5711d53{--display:flex;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-353 .elementor-element.elementor-element-3f7a224{--display:flex;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-353 .elementor-element.elementor-element-3f7a224.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-353 .elementor-element.elementor-element-fb105c8{--display:flex;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-353 .elementor-element.elementor-element-9c90ce5.elementor-element{--align-self:center;}.elementor-353 .elementor-element.elementor-element-d22a334{--display:flex;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-353 .elementor-element.elementor-element-49635e3{--display:flex;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-353 .elementor-element.elementor-element-919f539{--display:flex;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-353 .elementor-element.elementor-element-070bc47{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-353 .elementor-element.elementor-element-f0c1c99{--display:flex;}.elementor-353 .elementor-element.elementor-element-e9eb9c8{--display:flex;}.elementor-353 .elementor-element.elementor-element-bcb3f29{--display:flex;}.elementor-353 .elementor-element.elementor-element-c7daabb.elementor-element{--align-self:center;}.elementor-353 .elementor-element.elementor-element-82c610a{--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-353 .elementor-element.elementor-element-04a9929.elementor-element{--align-self:center;}.elementor-353 .elementor-element.elementor-element-351904d{--display:flex;}.elementor-353 .elementor-element.elementor-element-443ed3e{--display:flex;}.elementor-353 .elementor-element.elementor-element-3f93e49{--display:flex;}.elementor-353 .elementor-element.elementor-element-fc8a50d{--display:flex;}.elementor-353 .elementor-element.elementor-element-20dc939{--display:flex;}@media(min-width:768px){.elementor-353 .elementor-element.elementor-element-3f7a224{--width:100.64%;}.elementor-353 .elementor-element.elementor-element-49635e3{--content-width:905px;}.elementor-353 .elementor-element.elementor-element-070bc47{--content-width:622px;}}/* Start custom CSS for button, class: .elementor-element-c50e283 */@keyframes bounce {
  0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
  40% { transform: translateY(-10px); }
  60% { transform: translateY(-5px); }
}
.elementor-353 .elementor-element.elementor-element-c50e283 {
  animation: bounce 1.2s ease-in-out infinite;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5b06f57 */@keyframes shake {
  0%, 100% { transform: translateX(0); }
  20%, 60% { transform: translateX(-6px); }
  40%, 80% { transform: translateX(6px); }
}
.elementor-353 .elementor-element.elementor-element-5b06f57 {
  animation: shake 1.8s ease-in-out infinite;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9c90ce5 */@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.elementor-353 .elementor-element.elementor-element-9c90ce5 {
  animation: spin 2.5s linear infinite;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-1d9cb04 */@keyframes pulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.1); opacity: 0.85; }
}
.elementor-353 .elementor-element.elementor-element-1d9cb04 {
  animation: pulse 1.3s ease-in-out infinite;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9f91c7b */@keyframes flip {
  0% { transform: rotateY(0deg); }
  50% { transform: rotateY(180deg); }
  100% { transform: rotateY(360deg); }
}
.elementor-353 .elementor-element.elementor-element-9f91c7b {
  animation: flip 9s linear infinite;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-09e626b */.elementor-353 .elementor-element.elementor-element-09e626b .elementor-button {
  display: inline-block;
  perspective: 900px;
  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: smoothFlipBtn 2.4s cubic-bezier(.4,.15,.25,.9) infinite;
}

@keyframes smoothFlipBtn {
  0%   { transform: rotateY(0deg);   opacity: 1; }
  45%  { transform: rotateY(90deg);  opacity: 0; }
  55%  { transform: rotateY(270deg); opacity: 0; }
  100% { transform: rotateY(360deg); opacity: 1; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f45a078 *//* Hover-only smooth flip for any section/widget */
.elementor-353 .elementor-element.elementor-element-f45a078 {
  display: inline-block;               /* transform করার জন্য */
  perspective: 900px;                  /* 3D depth effect */
  transform-origin: center center;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform, opacity;
  transition: transform 1s cubic-bezier(.4,.15,.25,.9); /* smooth transition */
}

/* Hover trigger */
.elementor-353 .elementor-element.elementor-element-f45a078:hover {
  transform: rotateY(360deg);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2436867 */.elementor-353 .elementor-element.elementor-element-2436867 {
  display: inline-block;
  transition: transform 0.1s ease-in-out;
}

.elementor-353 .elementor-element.elementor-element-2436867:hover {
  animation: shakeBtn 0.5s ease-in-out 1;
}

@keyframes shakeBtn {
  0% { transform: translateX(0); }
  25% { transform: translateX(-4px); }
  50% { transform: translateX(4px); }
  75% { transform: translateX(-4px); }
  100% { transform: translateX(0); }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c7daabb */@keyframes pulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.1); opacity: 0.85; }
}
.elementor-353 .elementor-element.elementor-element-c7daabb {
  animation: pulse 1.3s ease-in-out infinite;
}/* Button hover shine effect without breaking click */
.elementor-353 .elementor-element.elementor-element-c7daabb {
  position: relative;
  overflow: hidden;
  background: ;
  color: #fff;
  border-radius: 50px;
  padding: 12px 28px;
  transition: all 0.3s ease;
  z-index: 1; /* keep button on top */
}

.elementor-353 .elementor-element.elementor-element-c7daabb::after {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.45) 50%, rgba(255,255,255,0) 100%);
  transform: skewX(-20deg);
  pointer-events: none; /* key point: click passes through */
}

.elementor-353 .elementor-element.elementor-element-c7daabb:hover::after {
  animation: shineSweep 1s ease;
}

@keyframes shineSweep {
  0% { left: -75%; }
  100% { left: 125%; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-04a9929 *//* Button hover shine effect without breaking click */
.elementor-353 .elementor-element.elementor-element-04a9929 {
  position: relative;
  overflow: hidden;
  background: ;
  color: #fff;
  border-radius: 50px;
  padding: 12px 28px;
  transition: all 3.3s ease;
  z-index: 1; /* keep button on top */
}

.elementor-353 .elementor-element.elementor-element-04a9929::after {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.45) 50%, rgba(255,255,255,0) 100%);
  transform: skewX(-20deg);
  pointer-events: none; /* key point: click passes through */
}

.elementor-353 .elementor-element.elementor-element-04a9929:hover::after {
  animation: shineSweep 5s ease;
}
.elementor-353 .elementor-element.elementor-element-04a9929:hover::after {
  animation: shineSweep 2s ease;
}

@keyframes shineSweep {
  0% { left: -75%; }
  100% { left: 125%; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4abeed6 */.elementor-353 .elementor-element.elementor-element-4abeed6 {
  display: inline-block;
  transition: transform 0.1s ease-in-out;
}

.elementor-353 .elementor-element.elementor-element-4abeed6:hover {
  animation: shakeBtn 0.5s ease-in-out 1;
}

@keyframes shakeBtn {
  0% { transform: translateX(0); }
  25% { transform: translateX(-4px); }
  50% { transform: translateX(4px); }
  75% { transform: translateX(-4px); }
  100% { transform: translateX(0); }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-72e9583 *//* Button hover shine effect without breaking click */
.elementor-353 .elementor-element.elementor-element-72e9583 {
  position: relative;
  overflow: hidden;
  background: #0ea5e9;
  color: #fff;
  border-radius: 50px;
  padding: 12px 28px;
  transition: all 0.3s ease;
  z-index: 1; /* keep button on top */
}

.elementor-353 .elementor-element.elementor-element-72e9583::after {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.45) 50%, rgba(255,255,255,0) 100%);
  transform: skewX(-20deg);
  pointer-events: none; /* key point: click passes through */
}

.elementor-353 .elementor-element.elementor-element-72e9583:hover::after {
  animation: shineSweep 3s ease;
}

@keyframes shineSweep {
  0% { left: -75%; }
  100% { left: 125%; }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-093edc8 *//* Button auto shine effect */
.elementor-353 .elementor-element.elementor-element-093edc8 {
  position: relative;
  overflow: hidden;
  background: #12181F; 
 }

/* Shine pseudo-element */
.elementor-353 .elementor-element.elementor-element-093edc8::after {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 20%;
  height: 100%;
  
  background: linear-gradient(
    90deg,
    
   rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.45) 25%,
    rgba(255,255,255,0) 50%
  );
  transform: skewX(-20deg);
  pointer-events: none; /* Click passes through */
  animation: shineSweep 2s linear infinite;
}

/* Shine animation */
@keyframes shineSweep {
  0% { left: -75%; }
  100% { left: 125%; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-085155e *//* Button auto shine effect */
.elementor-353 .elementor-element.elementor-element-085155e {
  position: relative;
  overflow: hidden;
  background: #0ea5e9; /* Button color */
  color: #fff;
  border-radius: 50px;
  padding: 12px 28px;
  z-index: 1;
}

/* Shine pseudo-element */
.elementor-353 .elementor-element.elementor-element-085155e::after {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.45) 50%,
    rgba(255,255,255,0) 100%
  );
  transform: skewX(-20deg);
  pointer-events: none; /* Click passes through */
  animation: shineSweep 2s linear infinite;
}

/* Shine animation */
@keyframes shineSweep {
  0% { left: -75%; }
  100% { left: 125%; }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b4f7b44 *//* Button auto shine effect */
.elementor-353 .elementor-element.elementor-element-b4f7b44 {
  position: relative;
  overflow: hidden;
  background: #0ea5e9; /* Button color */
  color: #fff;
  border-radius: 50px;
  padding: 15px 28px;
  z-index: 1;
}

/* Shine pseudo-element */
.elementor-353 .elementor-element.elementor-element-b4f7b44::after {
  content: "hello";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.45) 50%,
    rgba(255,255,255,0) 100%
  );
  transform: skewX(-20deg);
  pointer-events: none; /* Click passes through */
  animation: shineSweep 9s linear infinite;
}

/* Shine animation */
@keyframes shineSweep {
  0% { left: -75%; }
  100% { left: 125%; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f4fcb8b */.netflix-btn {
  position: relative;
  display: inline-block;
  padding: 18px 50px;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  background: #111;
  border-radius: 6px;
  text-decoration: none;
  letter-spacing: 0.1em;
  overflow: hidden;
  cursor: pointer;
  transition: color 0.4s ease;
  z-index: 1;
}

/* Animated stripes overlay */
.netflix-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 200%;
  height: 100%;
  background: repeating-linear-gradient(
    90deg,
    #e50914 0px,
    #e50914 4px,
    transparent 4px,
    transparent 12px
  );
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: -1;
}

/* Smooth red overlay */
.netflix-btn::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #e50914;
  opacity: 0;
  transition: opacity 0.5s ease;
  z-index: -2;
}

/* Hover state */
.netflix-btn:hover {
  color: #fff;
}

.netflix-btn:hover::before {
  opacity: 1;
  animation: slide-stripes 1.5s linear forwards;
}

.netflix-btn:hover::after {
  opacity: 1;
  transition-delay: 1.5s; /* fill solid after stripes */
}

/* Keyframes for moving stripes */
@keyframes slide-stripes {
  0% { transform: translateX(-50%); }
  100% { transform: translateX(0%); }
}/* End custom CSS */