.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-b89994c:#FFFFFF;--e-global-color-e65e382:#E74D3C;--e-global-color-37a7ccd:#D8D8D8;--e-global-color-fa9a071:#9C9C9C;--e-global-color-d72a357:#040202;--e-global-color-793bcac:#191919;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-793bcac );}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.red-text{
    color: #E74D3C;
}

html,body{
    overflow-x: hidden;
}

.lst-none ul{
    list-style-type: none !important;
}

.mix-blend-mode{
    mix-blend-mode: difference;
}

.fire-bg img {
    animation: flameWobble 6s infinite linear;
}

@keyframes flameWobble {
    0%{
        filter:blur(2px);
         opacity: 0;
    }
   
    10%{
        filter:blur(0px);
    }
     20%{
       
         opacity: 1;
    }
  100% {
    transform: scale(1,1.2) translate(0, -30px) rotate(-2deg);
      opacity: 0;
  }
}

.delay-6s img{
    animation-delay: .6s;
}

.hero{
     animation:bg 150s linear  infinite !important;
}
.bg-change-animation{
    animation:bg 100s linear  infinite !important;
}

@keyframes bg{
    to{
        background-position-y: 1000px;
    }
}

/* মেইন উইজেট থেকে ওভারফ্লো হাইড করা */
.marquee-content {
    overflow: hidden;
}

/* Icon List এর আইটেমগুলোকে এক লাইনে আনা এবং অ্যানিমেট করা */
.marquee-content .elementor-icon-list-items {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    width: max-content; /* কন্টেন্ট অনুযায়ী উইডথ নেবে */
    animation: marquee 40s linear infinite;
}

/* ডান থেকে বামে যাওয়ার অ্যানিমেশন */
@keyframes marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%); /* আইটেম ডুপ্লিকেট করা থাকলে -50%, নাহলে -100% */
    }
}

/* উল্টো দিকে (Right Direction) নিতে চাইলে */
.marquee-right .elementor-icon-list-items {
    animation-direction: reverse;
}

<style>
    /* --------------------------------------
       ১. হেডিং এর জন্য স্টাইল
       -------------------------------------- */
    .mouse-gradient .elementor-heading-title {
        /* স্বাভাবিক অবস্থায় (Normal) একটি স্থির লিনিয়ার গ্রাডিয়েন্ট থাকবে */
        background: linear-gradient(90deg, #ff3131, #ff914d);
        
        /* টেক্সট ক্লিপিং সব সময় অন থাকবে */
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        color: transparent;
        
        transition: background 0.2s ease; /* স্মুথ ট্রানজিশন */
    }

    /* যখন মাউস হেডিংয়ের ওপর থাকবে (Hover) */
    .mouse-gradient:hover .elementor-heading-title {
        /* তখন মাউস ট্র্যাকিং কালার কাজ করবে */
        background: radial-gradient(
            circle 100px at var(--x, 50%) var(--y, 50%), 
            #ff3131 0%, 
            #ff914d 100%
        );
        
        /* পুনরায় ক্লিপিং নিশ্চিত করা */
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .membership {
    animation: bg2 200s linear infinite forwards;
}

@keyframes bg2{
    100% {
    background-position-X: 2000px;
}
}

.btn-orrange .elementor-button{
    overflow:hidden !important;
    position: relative;
  z-index: 0;
}

.btn-orrange .elementor-button:before, .btn-orrange .elementor-button:after,
.btn-orrange .elementor-button .elementor-button-content-wrapper:before,
.btn-orrange .elementor-button .elementor-button-content-wrapper:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #040202;
  transition: all .5s ease;
  z-index:-1;
}
.btn-orrange .elementor-button:before {
  transform: translate(-100%, -100%);
}
.btn-orrange .elementor-button:after {
  transform: translate(-100%, 100%);
}
.btn-orrange .elementor-button .elementor-button-content-wrapper:before {
  transform: translate(100%, -100%);
}
.btn-orrange .elementor-button .elementor-button-content-wrapper:after {
  transform: translate(100%, 100%);
}

.btn-orrange .elementor-button:hover:before {
  transform: translate(-49%, -49%);
}
.btn-orrange .elementor-button:hover:after {
  transform: translate(-49%, 49%);
}
.btn-orrange .elementor-button:hover .elementor-button-content-wrapper:before {
  transform: translate(50%, -50%);
}
.btn-orrange .elementor-button:hover .elementor-button-content-wrapper:after {
  transform: translate(50%, 50%);
}/* End custom CSS */