.elementor-103737 .elementor-element.elementor-element-b52963e:not(.elementor-motion-effects-element-type-background), .elementor-103737 .elementor-element.elementor-element-b52963e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-103737 .elementor-element.elementor-element-b52963e > .elementor-container{max-width:1327px;}.elementor-103737 .elementor-element.elementor-element-b52963e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:15px 10px 15px 10px;}.elementor-103737 .elementor-element.elementor-element-b52963e > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-103737 .elementor-element.elementor-element-51282f6.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-103737 .elementor-element.elementor-element-51282f6.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-103737 .elementor-element.elementor-element-51282f6 > .elementor-element-populated{margin:0px 36px 0px 0px;--e-column-margin-right:36px;--e-column-margin-left:0px;}.elementor-103737 .elementor-element.elementor-element-86505e8{--iteration-count:infinite;width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;--dynamic-text-color:#0984E3;}.elementor-103737 .elementor-element.elementor-element-86505e8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-103737 .elementor-element.elementor-element-86505e8 .elementor-headline{text-align:left;font-family:"Inter", sans-serif;font-size:45px;line-height:0.6em;}.elementor-103737 .elementor-element.elementor-element-86505e8 .elementor-headline-dynamic-text{font-weight:900;line-height:1.2em;}.elementor-103737 .elementor-element.elementor-element-83a1c20{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;}.elementor-103737 .elementor-element.elementor-element-bfae194{--iteration-count:infinite;--dynamic-text-color:#0984E3;}.elementor-103737 .elementor-element.elementor-element-bfae194 .elementor-headline{text-align:left;font-family:"Inter", sans-serif;font-size:20px;text-transform:uppercase;}.elementor-103737 .elementor-element.elementor-element-bfae194 .elementor-headline-dynamic-text{font-family:"Inter", sans-serif;font-weight:800;}.elementor-103737 .elementor-element.elementor-element-3af9758 .elementor-button{background-color:#0984E3;background-image:none;font-family:"Inter", sans-serif;border-radius:10px 10px 10px 10px;padding:16px 19px 16px 19px;}.elementor-103737 .elementor-element.elementor-element-3af9758{width:auto;max-width:auto;z-index:0;}.elementor-103737 .elementor-element.elementor-element-3af9758 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-103737 .elementor-element.elementor-element-3af9758 .elementor-button, .elementor-103737 .elementor-element.elementor-element-3af9758 .elementor-button .elementor-button-icon{font-size:18px;}.elementor-103737 .elementor-element.elementor-element-dd1e5bc .elementor-button{background-color:#1C1B1B;background-image:none;font-family:"Inter", sans-serif;border-radius:10px 10px 10px 10px;padding:16px 19px 16px 19px;}.elementor-103737 .elementor-element.elementor-element-dd1e5bc{width:auto;max-width:auto;z-index:0;}.elementor-103737 .elementor-element.elementor-element-dd1e5bc > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-103737 .elementor-element.elementor-element-dd1e5bc .elementor-button, .elementor-103737 .elementor-element.elementor-element-dd1e5bc .elementor-button .elementor-button-icon{font-size:18px;}.elementor-103737 .elementor-element.elementor-element-e2ed54d > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-103737 .elementor-element.elementor-element-e961098 img, .elementor-103737 .elementor-element.elementor-element-e961098 svg{border-style:solid;border-width:3px 3px 3px 3px;border-color:#25252547;border-radius:10px 10px 10px 10px;}@media(max-width:1024px) and (min-width:768px){.elementor-103737 .elementor-element.elementor-element-51282f6{width:100%;}.elementor-103737 .elementor-element.elementor-element-e2ed54d{width:100%;}}@media(max-width:1024px){.elementor-103737 .elementor-element.elementor-element-b52963e{padding:10px 10px 20px 10px;}.elementor-103737 .elementor-element.elementor-element-51282f6 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:15px 0px 0px 0px;}.elementor-103737 .elementor-element.elementor-element-86505e8 > .elementor-widget-container{padding:0px 5px 0px 0px;}.elementor-103737 .elementor-element.elementor-element-86505e8{--container-widget-width:25%;--container-widget-flex-grow:0;width:var( --container-widget-width, 25% );max-width:25%;}.elementor-103737 .elementor-element.elementor-element-86505e8 .elementor-headline{font-size:35px;}.elementor-103737 .elementor-element.elementor-element-bfae194 .elementor-headline{font-size:18px;}.elementor-103737 .elementor-element.elementor-element-3af9758 .elementor-button, .elementor-103737 .elementor-element.elementor-element-3af9758 .elementor-button .elementor-button-icon{font-size:16px;}.elementor-103737 .elementor-element.elementor-element-dd1e5bc .elementor-button, .elementor-103737 .elementor-element.elementor-element-dd1e5bc .elementor-button .elementor-button-icon{font-size:16px;}}@media(max-width:767px){.elementor-103737 .elementor-element.elementor-element-b52963e{padding:10px 10px 20px 10px;}.elementor-103737 .elementor-element.elementor-element-51282f6 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-103737 .elementor-element.elementor-element-86505e8 > .elementor-widget-container{padding:0px 15px 0px 0px;}.elementor-103737 .elementor-element.elementor-element-86505e8 .elementor-headline{font-size:24px;}.elementor-103737 .elementor-element.elementor-element-83a1c20 > .elementor-widget-container{margin:0px 10px 0px 0px;}.elementor-103737 .elementor-element.elementor-element-83a1c20{font-size:14px;}.elementor-103737 .elementor-element.elementor-element-bfae194 .elementor-headline{font-size:16px;}.elementor-103737 .elementor-element.elementor-element-3af9758 .elementor-button, .elementor-103737 .elementor-element.elementor-element-3af9758 .elementor-button .elementor-button-icon{font-size:14px;}.elementor-103737 .elementor-element.elementor-element-3af9758 .elementor-button{padding:13px 16px 13px 16px;}.elementor-103737 .elementor-element.elementor-element-dd1e5bc .elementor-button, .elementor-103737 .elementor-element.elementor-element-dd1e5bc .elementor-button .elementor-button-icon{font-size:14px;}.elementor-103737 .elementor-element.elementor-element-dd1e5bc .elementor-button{padding:13px 16px 13px 16px;}.elementor-103737 .elementor-element.elementor-element-e2ed54d > .elementor-element-populated{padding:0px 0px 0px 0px;}}/* Start custom CSS for button, class: .elementor-element-3af9758 */.button-animation {
    position: relative;
    overflow: hidden;
    z-index: 1; /* বাটনের বেস z-index */

    /* আপনার যোগ করা সাইজিং স্টাইল */
    box-sizing: border-box;
    padding: 0px 0px;
    border-radius: 10px;

    /* আপনার প্রাইমারি কালার (হোভারের আগে) */
    background-color: #1C1B1B; /* প্রাইমারি কালার */
    border: none;
    color: #FFFFFF; /* প্রাইমারি কালারে টেক্সট এর রঙ */
}

/* সেকেন্ডারি কালার: সাদা (৫% অপাসিটি) */
.button-animation::before {
    content: '';
    position: absolute;
    top: -100%; /* শুরুতে বাটন এর উপরে লুকিয়ে রাখে */
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.05); /* সাদা রঙ ৫% অপাসিটিতে */
    transition: top 0.2s ease-out; /* সেকেন্ডারি কালার অ্যানিমেশন 0.2 সেকেন্ড */
    z-index: 2; /* প্রাইমারি কালারের উপরে থাকবে */
    border-radius: 10px;
}

/* তৃতীয় কালার: #00A7BA - এটি এখন দৃশ্যমান হওয়া উচিত */
.button-animation::after {
    content: '';
    position: absolute;
    top: -100%; /* শুরুতে বাটন এর উপরে লুকিয়ে রাখে */
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #06528d !important; /* <-- !important যোগ করা হয়েছে */
    transition: top 0.4s ease-out 0.1s; /* তৃতীয় কালার অ্যানিমেশন 0.4 সেকেন্ডে, এবং 0.1 সেকেন্ড দেরিতে শুরু হবে */
    z-index: 3 !important; /* <-- !important যোগ করা হয়েছে */
    border-radius: 10px;
}

/* হোভার করলে ::before (সাদা) এবং ::after (তৃতীয় কালার) উভয় লেয়ার স্লাইড-ডাউন হবে */
.button-animation:hover::before {
    top: 0; /* সাদা (সেকেন্ডারি) কালার স্লাইড করে নিচে আসবে */
}

.button-animation:hover::after {
    top: 0; /* তৃতীয় কালার (বিলম্বিত ভাবে) স্লাইড করে নিচে আসবে */
}

/* বাটনের টেক্সট এর জন্য */
.button-animation span.elementor-button-text {
    position: relative;
    z-index: 4; /* নিশ্চিত করে টেক্সট সব অ্যানিমেটেড লেয়ারের উপরে থাকে */
    transition: color 0.3s ease-out; /* ঐচ্ছিক: টেক্সট রঙের পরিবর্তনের জন্য ট্রানজিশন */
}

/* হোভারে টেক্সট এর রঙ পরিবর্তন করতে (যদি প্রয়োজন হয়) */
.button-animation:hover span.elementor-button-text {
    color: #FFFFFF; /* হোভার ব্যাকগ্রাউন্ডে সাদা টেক্সট ভালো লাগবে */
}

/* দুই বাটনের মাঝে 12 পিক্সেল গ্যাপের জন্য */
/* যদি দুটি 'button-animation' ক্লাসযুক্ত বাটন পাশাপাশি থাকে */
.button-animation {
    display: inline-block; /* অথবা display: inline-flex; */
    vertical-align: middle; /* যদি বাটনগুলো উল্লম্বভাবে অ্যালাইন করতে চান */
}



/* প্রথম বাটনটির পরে আসা button-animation ক্লাসযুক্ত প্রতিটি বাটনে 12px বাম মার্জিন যোগ করে */
.button-animation + .button-animation2 {
    margin-left: 12px;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dd1e5bc */.button-animation2 {
    position: relative;
    overflow: hidden;
    z-index: 1; /* বাটনের বেস z-index */

    /* আপনার যোগ করা সাইজিং স্টাইল */
    box-sizing: border-box;
    padding: 0px 0px;
    border-radius: 10px;

    /* আপনার প্রাইমারি কালার (হোভারের আগে) */
    background-color: #1C1B1B; /* প্রাইমারি কালার */
    border: none;
    color: #FFFFFF; /* প্রাইমারি কালারে টেক্সট এর রঙ */
}

/* সেকেন্ডারি কালার: সাদা (৫% অপাসিটি) */
.button-animation2::before {
    content: '';
    position: absolute;
    top: -100%; /* শুরুতে বাটন এর উপরে লুকিয়ে রাখে */
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.05); /* সাদা রঙ ৫% অপাসিটিতে */
    transition: top 0.2s ease-out; /* সেকেন্ডারি কালার অ্যানিমেশন 0.2 সেকেন্ড */
    z-index: 2; /* প্রাইমারি কালারের উপরে থাকবে */
    border-radius: 10px;
}

/* তৃতীয় কালার: #00A7BA - এটি এখন দৃশ্যমান হওয়া উচিত */
.button-animation2::after {
    content: '';
    position: absolute;
    top: -100%; /* শুরুতে বাটন এর উপরে লুকিয়ে রাখে */
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #06528d !important; /* <-- !important যোগ করা হয়েছে */
    transition: top 0.4s ease-out 0.1s; /* তৃতীয় কালার অ্যানিমেশন 0.4 সেকেন্ডে, এবং 0.1 সেকেন্ড দেরিতে শুরু হবে */
    z-index: 3 !important; /* <-- !important যোগ করা হয়েছে */
    border-radius: 10px;
}

/* হোভার করলে ::before (সাদা) এবং ::after (তৃতীয় কালার) উভয় লেয়ার স্লাইড-ডাউন হবে */
.button-animation2:hover::before {
    top: 0; /* সাদা (সেকেন্ডারি) কালার স্লাইড করে নিচে আসবে */
}

.button-animation2:hover::after {
    top: 0; /* তৃতীয় কালার (বিলম্বিত ভাবে) স্লাইড করে নিচে আসবে */
}

/* বাটনের টেক্সট এর জন্য */
.button-animation2 span.elementor-button-text {
    position: relative;
    z-index: 4; /* নিশ্চিত করে টেক্সট সব অ্যানিমেটেড লেয়ারের উপরে থাকে */
    transition: color 0.3s ease-out; /* ঐচ্ছিক: টেক্সট রঙের পরিবর্তনের জন্য ট্রানজিশন */
}

/* হোভারে টেক্সট এর রঙ পরিবর্তন করতে (যদি প্রয়োজন হয়) */
.button-animation2:hover span.elementor-button-text {
    color: #FFFFFF; /* হোভার ব্যাকগ্রাউন্ডে সাদা টেক্সট ভালো লাগবে */
}

/* দুই বাটনের মাঝে 12 পিক্সেল গ্যাপের জন্য */
/* যদি দুটি 'button-animation2' ক্লাসযুক্ত বাটন পাশাপাশি থাকে */
.button-animation2 {
    display: inline-block; /* অথবা display: inline-flex; */
    vertical-align: middle; /* যদি বাটনগুলো উল্লম্বভাবে অ্যালাইন করতে চান */
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-b52963e */@media (max-width: 900px) {
  .reverse-col-1 {
    order: 2 !important;
  }
  .reverse-col-2 {
    order: 1 !important;
  }
}


----------------/* End custom CSS */