.elementor-kit-6{--e-global-color-primary:#00BF62;--e-global-color-secondary:#FF3131;--e-global-color-text:#FFFFFF;--e-global-color-accent:#111111;--e-global-color-8da31e5:#000000;--e-global-color-afdd7b6:#D5EBCB;--e-global-typography-primary-font-family:"DM Sans";--e-global-typography-primary-font-size:45px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-size:18px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Outfit";--e-global-typography-text-font-size:15px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Lexend Deca";--e-global-typography-accent-font-size:20px;--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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 */.highlight {
    color: #00A561;
}

/* ১. বাটন এবং আইকনের সাধারণ সেটিং */
.my-custom-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden; /* অ্যানিমেশনের সময় আইকন বাইরে যাবে না */
    transition: all 0.3s ease;
}

/* ২. আইকনটি শুরুতে অদৃশ্য এবং ছোট হয়ে থাকবে */
.my-custom-button i, 
.my-custom-button svg, 
.my-custom-button img {
    opacity: 0;
    max-width: 0;
    transform: translateX(10px); /* সামান্য ডানে সরে থাকবে */
    transition: all 0.4s ease; /* অ্যানিমেশন কত স্মুথ হবে তার সময় */
    display: inline-block !important;
}

/* ৩. হোভার করলে আইকনটি স্মুথলি ভেসে উঠবে */
.my-custom-button:hover i, 
.my-custom-button:hover svg, 
.my-custom-button:hover img {
    opacity: 1;
    max-width: 30px; /* আইকনের সাইজ অনুযায়ী */
    transform: translateX(0); /* আগের জায়গায় ফিরে আসবে */
    margin-left: 10px; /* টেক্সট থেকে দূরত্ব */
}/* End custom CSS */