.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-677d7f0:#FAECE8;--e-global-color-f0d6112:#E76E50;--e-global-color-2132e91:#FFFFFF;--e-global-color-1d6a66f:#000000;--e-global-color-3b0ef2e:#616161;--e-global-color-81a84c8:#38332E;--e-global-color-00dd4b3:#E76E506B;--e-global-color-1665fb0:#E6F0E9;--e-global-color-636bb93:#509567;--e-global-color-516ac8b:#625950;--e-global-color-6dcdf4d:#E76E50;--e-global-color-b4c412e:#EB836A;--e-global-color-ef33374:#38332E;--e-global-color-eca087c:#F5F1E7;--e-global-color-ce879b4:#333333;--e-global-color-c38d41a:#EFE6E1;--e-global-color-0e4e003:#FFF5ED;--e-global-color-c2d8a22:#AB8965;--e-global-color-13d7696:#AB8965;--e-global-color-695f483:#99724A;--e-global-color-10b1f4c:#99724A42;--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:#FFF5ED;font-family:"Inter", Sans-serif;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 h1{font-family:"Playfair Display", Sans-serif;}.elementor-kit-5 h2{font-family:"Playfair Display", Sans-serif;}.elementor-kit-5 h3{font-family:"Playfair Display", Sans-serif;}.elementor-kit-5 h4{font-family:"Playfair Display", Sans-serif;}.elementor-kit-5 h5{font-family:"Inter", Sans-serif;}.elementor-kit-5 h6{font-family:"Inter", Sans-serif;}.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 */.orenge_text{
    color: #AB8965;
}

/* Inter ফন্ট ইম্পোর্ট */
    @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700&display=swap');
    
    .rz-mask-3-wrapper {
        position: relative;
        width: 300px; /* আইকনের জায়গা করার জন্য width একটু বাড়িয়েছি */
        height: 50px;
        margin: 0px auto;
        overflow: hidden;
        border: 1px solid #AB8965;
        font-family: 'inter', sans-serif;
        font-weight: 300;
        transition: 0.5s;
        letter-spacing: 1px;
        /* বর্ডার রেডিয়াস পরিবর্তন করা হয়েছে */
        border-radius: 50px;
        background: white;
    }

    .rz-mask-3-text {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-align: center;
        /* ফ্লেক্সবক্স ব্যবহার করা হয়েছে আইকন এবং টেক্সট সেন্টারে রাখার জন্য */
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px; /* টেক্সট ও আইকনের মাঝের গ্যাপ */
        
        color: #AB8965;
        font-size: 18px;
        font-weight: bold;
        z-index: 0;
    }

    .rz-mask-3-btn {
        width: 100%;
        height: 100%;
        font-family: 'inter', sans-serif;
        font-weight: bold;
        font-size: 18px;
        letter-spacing: 1px;
        color: #fff;
        background: #AB8965; /* আপনার দেওয়া কালার */
        border: none;
        cursor: pointer;
        position: relative;
        z-index: 1;
        padding: 0;
        text-decoration: none;
        
        /* ফ্লেক্সবক্স ব্যবহার করা হয়েছে আইকন এবং টেক্সট সেন্টারে রাখার জন্য */
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;

        /* MASK SETTINGS */
        -webkit-mask: url("https://raw.githubusercontent.com/pizza3/asset/master/natureSmaller.png");
        mask: url("https://raw.githubusercontent.com/pizza3/asset/master/natureSmaller.png");
        -webkit-mask-size: 7100% 100%;
        mask-size: 7100% 100%;

        /* Initial Animation */
        -webkit-animation: rz-ani2-btn3 0.7s steps(70) forwards;
        animation: rz-ani2-btn3 0.7s steps(70) forwards;
    }

    .rz-mask-3-btn:hover {
        -webkit-animation: rz-ani-btn3 0.7s steps(70) forwards;
        animation: rz-ani-btn3 0.7s steps(70) forwards;
        color: #000;
    }

    /* Keyframes unchanged */
    @-webkit-keyframes rz-ani-btn3 {
        from { -webkit-mask-position: 0 0; mask-position: 0 0; }
        to { -webkit-mask-position: 100% 0; mask-position: 100% 0; }
    }
    @keyframes rz-ani-btn3 {
        from { -webkit-mask-position: 0 0; mask-position: 0 0; }
        to { -webkit-mask-position: 100% 0; mask-position: 100% 0; }
    }

    @-webkit-keyframes rz-ani2-btn3 {
        from { -webkit-mask-position: 100% 0; mask-position: 100% 0; }
        to { -webkit-mask-position: 0 0; mask-position: 0 0; }
    }
    @keyframes rz-ani2-btn3 {
        from { -webkit-mask-position: 100% 0; mask-position: 100% 0; }
        to { -webkit-mask-position: 0 0; mask-position: 0 0; }
    }
    
    /* ---- MOBILE RESPONSIVE PART ---- */
    @media screen and (max-width: 767px) {
        /* মোবাইলে ফন্ট সাইজ ১৪ পিক্সেল */
        .rz-mask-3-text,
        .rz-mask-3-btn {
            font-size: 14px !important;
        }
        
        /* মোবাইলে বাটনের হাইট একটু কমানো যেতে পারে (অপশনাল) */
        .rz-mask-3-wrapper {
            height: 45px;
        }/* End custom CSS */