.elementor-40878 .elementor-element.elementor-element-8c4d03d{--display:flex;}.elementor-40878 .elementor-element.elementor-element-8c17414{--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;--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;}.elementor-40878 .elementor-element.elementor-element-8c17414:not(.elementor-motion-effects-element-type-background), .elementor-40878 .elementor-element.elementor-element-8c17414 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #CDF5F1 0%, #9FBEE6 100%);}.elementor-40878 .elementor-element.elementor-element-8c17414 > .elementor-shape-top .elementor-shape-fill, .elementor-40878 .elementor-element.elementor-element-8c17414 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#FFFFFF;}.elementor-40878 .elementor-element.elementor-element-8c17414 > .elementor-shape-top svg, .elementor-40878 .elementor-element.elementor-element-8c17414 > .e-con-inner > .elementor-shape-top svg{width:calc(291% + 1.3px);height:58px;}.elementor-40878 .elementor-element.elementor-element-0a8805a{--wd-cat-img-width:180px;}.elementor-40878 .elementor-element.elementor-element-0a8805a div.product-category .wd-entities-title, .elementor-40878 .elementor-element.elementor-element-0a8805a .wd-nav-product-cat>li>a{font-size:18px;text-transform:capitalize;}.elementor-40878 .elementor-element.elementor-element-e2b4080{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--overlay-opacity:0.5;}.elementor-40878 .elementor-element.elementor-element-e2b4080::before, .elementor-40878 .elementor-element.elementor-element-e2b4080 > .elementor-background-video-container::before, .elementor-40878 .elementor-element.elementor-element-e2b4080 > .e-con-inner > .elementor-background-video-container::before, .elementor-40878 .elementor-element.elementor-element-e2b4080 > .elementor-background-slideshow::before, .elementor-40878 .elementor-element.elementor-element-e2b4080 > .e-con-inner > .elementor-background-slideshow::before, .elementor-40878 .elementor-element.elementor-element-e2b4080 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#C7E1E2;--background-overlay:'';}.elementor-40878 .elementor-element.elementor-element-e2b4080::before{filter:brightness( 110% ) contrast( 100% ) saturate( 52% ) blur( 0.8px ) hue-rotate( 49deg );}.elementor-40878 .elementor-element.elementor-element-e2b4080 > .elementor-shape-top .elementor-shape-fill, .elementor-40878 .elementor-element.elementor-element-e2b4080 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#9DD2D9;}.elementor-40878 .elementor-element.elementor-element-e2b4080 > .elementor-shape-top svg, .elementor-40878 .elementor-element.elementor-element-e2b4080 > .e-con-inner > .elementor-shape-top svg{width:calc(100% + 1.3px);height:58px;}.elementor-40878 .elementor-element.elementor-element-d7f2b9b .wd-products-with-bg, .elementor-40878 .elementor-element.elementor-element-d7f2b9b .wd-products-with-bg .wd-product{--wd-prod-bg:#FFFFFF;--wd-bordered-bg:#FFFFFF;}.elementor-40878 .elementor-element.elementor-element-c1bbd1d{--display:flex;}.elementor-40878 .elementor-element.elementor-element-852fda7{--spacer-size:20px;}.elementor-40878 .elementor-element.elementor-element-20ba019{--spacer-size:10px;}.elementor-40878 .elementor-element.elementor-element-4273041{--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-40878 .elementor-element.elementor-element-4273041:not(.elementor-motion-effects-element-type-background), .elementor-40878 .elementor-element.elementor-element-4273041 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://toollagbe.store/wp-content/uploads/2025/10/wave-2.svg");}.elementor-40878 .elementor-element.elementor-element-4273041 > .elementor-shape-top .elementor-shape-fill, .elementor-40878 .elementor-element.elementor-element-4273041 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#9AA1E1;}.elementor-40878 .elementor-element.elementor-element-c7054eb{--spacer-size:20px;}.elementor-40878 .elementor-element.elementor-element-89ceb0a{--display:flex;}.elementor-40878 .elementor-element.elementor-element-d9925db{--display:flex;}.elementor-40878 .elementor-element.elementor-element-e45a3c8 .wd-products-with-bg, .elementor-40878 .elementor-element.elementor-element-e45a3c8 .wd-products-with-bg .wd-product{--wd-prod-bg:#FFFFFF;--wd-bordered-bg:#FFFFFF;}.elementor-40878 .elementor-element.elementor-element-51b10a2{--display:flex;}.elementor-40878 .elementor-element.elementor-element-51b10a2 > .elementor-shape-top .elementor-shape-fill, .elementor-40878 .elementor-element.elementor-element-51b10a2 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#72B8D2;}.elementor-40878 .elementor-element.elementor-element-4e589fc{--display:flex;}.elementor-40878 .elementor-element.elementor-element-bc5d429{--display:flex;}.elementor-40878 .elementor-element.elementor-element-a878aaa{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-40878 .elementor-element.elementor-element-a878aaa .elementor-divider-separator{width:100%;}.elementor-40878 .elementor-element.elementor-element-a878aaa .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-40878 .elementor-element.elementor-element-bc4929a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-40878 .elementor-element.elementor-element-22dd0b0{--display:flex;}@media(max-width:1024px){.elementor-40878 .elementor-element.elementor-element-8c17414{--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}}@media(max-width:768px){.elementor-40878 .elementor-element.elementor-element-8c17414{--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for html, class: .elementor-element-7d32c46 */.styled-section-title {
  display: flex; /* লাইন এবং টেক্সটকে এক লাইনে আনে */
  align-items: center; /* সব কিছুকে উল্লম্বভাবে মাঝখানে রাখে */
  text-align: center;
  margin: 10px 0; /* সেকশনের উপরে- নিচে ফাঁকা জায়গা */
  color: #222; /* লেখার রঙ */
}

/* লেখার ডানের এবং বামের লাইন দুটি */
.styled-section-title::before,
.styled-section-title::after {
  content: ''; /* এটা আবশ্যক */
  flex-grow: 1; /* লাইন দুটিকে বাকি জায়গা পূরণ করতে বলে */
  height: 2px; /* লাইন কতটুকু মোটা হবে */
  
  /* আপনার সাইটের "Buy Now" বাটনের সাথে মিলিয়ে লাল রঙ */
  background-color: #D32F2F; 
}

/* লেখার বাম পাশের লাইনের জন্য */
.styled-section-title::before {
  margin-right: 15px; /* লেখার বামে একটু ফাঁকা জায়গা */
}

/* লেখার ডান পাশের লাইনের জন্য */
.styled-section-title::after {
  margin-left: 15px; /* লেখার ডানে একটু ফাঁকা জায়গা */
}

/* h1 এর ভিতরের span কে স্টাইল করা (ঐচ্ছিক) */
.styled-section-title span {
  font-size: 28px; /* ফন্টের সাইজ (h1 এর মতো) */
  font-weight: 700;
  line-height: 1.2;
}/* End custom CSS */
/* Start custom CSS for wd_product_categories, class: .elementor-element-0a8805a *//* WoodMart-এর ক্যারোসেল আইটেম সেন্টারে আনতে */
.elementor-40878 .elementor-element.elementor-element-0a8805a .wd-carousel-wrap {
    justify-content: center;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6f6b198 */.styled-section-title {
  display: flex; /* লাইন এবং টেক্সটকে এক লাইনে আনে */
  align-items: center; /* সব কিছুকে উল্লম্বভাবে মাঝখানে রাখে */
  text-align: center;
  margin: 10px 0; /* সেকশনের উপরে- নিচে ফাঁকা জায়গা */
  color: #222; /* লেখার রঙ */
}

/* লেখার ডানের এবং বামের লাইন দুটি */
.styled-section-title::before,
.styled-section-title::after {
  content: ''; /* এটা আবশ্যক */
  flex-grow: 1; /* লাইন দুটিকে বাকি জায়গা পূরণ করতে বলে */
  height: 2px; /* লাইন কতটুকু মোটা হবে */
  
  /* আপনার সাইটের "Buy Now" বাটনের সাথে মিলিয়ে লাল রঙ */
  background-color: #D32F2F; 
}

/* লেখার বাম পাশের লাইনের জন্য */
.styled-section-title::before {
  margin-right: 15px; /* লেখার বামে একটু ফাঁকা জায়গা */
}

/* লেখার ডান পাশের লাইনের জন্য */
.styled-section-title::after {
  margin-left: 15px; /* লেখার ডানে একটু ফাঁকা জায়গা */
}

/* h1 এর ভিতরের span কে স্টাইল করা (ঐচ্ছিক) */
.styled-section-title span {
  font-size: 28px; /* ফন্টের সাইজ (h1 এর মতো) */
  font-weight: 700;
  line-height: 1.2;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e1c96af */.styled-section-title {
  display: flex; /* লাইন এবং টেক্সটকে এক লাইনে আনে */
  align-items: center; /* সব কিছুকে উল্লম্বভাবে মাঝখানে রাখে */
  text-align: center;
  margin: 10px 0; /* সেকশনের উপরে- নিচে ফাঁকা জায়গা */
  color: #222; /* লেখার রঙ */
}

/* লেখার ডানের এবং বামের লাইন দুটি */
.styled-section-title::before,
.styled-section-title::after {
  content: ''; /* এটা আবশ্যক */
  flex-grow: 1; /* লাইন দুটিকে বাকি জায়গা পূরণ করতে বলে */
  height: 2px; /* লাইন কতটুকু মোটা হবে */
  
  /* আপনার সাইটের "Buy Now" বাটনের সাথে মিলিয়ে লাল রঙ */
  background-color: #D32F2F; 
}

/* লেখার বাম পাশের লাইনের জন্য */
.styled-section-title::before {
  margin-right: 15px; /* লেখার বামে একটু ফাঁকা জায়গা */
}

/* লেখার ডান পাশের লাইনের জন্য */
.styled-section-title::after {
  margin-left: 15px; /* লেখার ডানে একটু ফাঁকা জায়গা */
}

/* h1 এর ভিতরের span কে স্টাইল করা (ঐচ্ছিক) */
.styled-section-title span {
  font-size: 28px; /* ফন্টের সাইজ (h1 এর মতো) */
  font-weight: 700;
  line-height: 1.2;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b9e1ce2 */.styled-section-title {
  display: flex; /* লাইন এবং টেক্সটকে এক লাইনে আনে */
  align-items: center; /* সব কিছুকে উল্লম্বভাবে মাঝখানে রাখে */
  text-align: center;
  margin: 30px 0; /* সেকশনের উপরে- নিচে ফাঁকা জায়গা */
  color: #222; /* লেখার রঙ */
}

/* লেখার ডানের এবং বামের লাইন দুটি */
.styled-section-title::before,
.styled-section-title::after {
  content: ''; /* এটা আবশ্যক */
  flex-grow: 1; /* লাইন দুটিকে বাকি জায়গা পূরণ করতে বলে */
  height: 2px; /* লাইন কতটুকু মোটা হবে */
  
  /* আপনার সাইটের "Buy Now" বাটনের সাথে মিলিয়ে লাল রঙ */
  background-color: #D32F2F; 
}

/* লেখার বাম পাশের লাইনের জন্য */
.styled-section-title::before {
  margin-right: 15px; /* লেখার বামে একটু ফাঁকা জায়গা */
}

/* লেখার ডান পাশের লাইনের জন্য */
.styled-section-title::after {
  margin-left: 15px; /* লেখার ডানে একটু ফাঁকা জায়গা */
}

/* h1 এর ভিতরের span কে স্টাইল করা (ঐচ্ছিক) */
.styled-section-title span {
  font-size: 28px; /* ফন্টের সাইজ (h1 এর মতো) */
  font-weight: 700;
  line-height: 1.2;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2bcfc4d *//* --- Google Font Import --- */
@import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@400;500;600;700&display=swap');

/* --- সম্পূর্ণ সেকশনের কন্টেইনার --- */
.custom-payment-text-wrapper-brands {
    text-align: center; 
    padding: 10px 0; 
    font-family: 'Hind Siliguri', sans-serif;
}

/* --- ব্র্যান্ড কালার হাইলাইট (প্রথম লাইনের অংশ) --- */
.payment-title-brands .premium-brand-highlight {
    
    /* === নতুন সমাধান: এই ৪টি লাইন যোগ করুন === */
    display: inline-block;  /* এটিকে প্যাডিং নেওয়ার ক্ষমতা দেওয়া হলো */
    padding-top: 5px;       /* উপরের কার-চিহ্নের জন্য অতিরিক্ত জায়গা */
    padding-bottom: 5px;    /* নিচের কার-চিহ্নের (যেমন ু, ূ) জন্য জায়গা */
    margin-bottom: -5px;    /* প্যাডিং এর কারণে লাইন যেন বেশি নিচে না নামে */
    /* === নতুন সমাধান শেষ === */

    /* আপনার পুরনো কোড নিচে যেমন ছিল তেমনই থাকবে */
    /* বিকাশ, নগদ, উপায়, রকেট-এর রঙ দিয়ে গ্রেডিয়েন্ট */
    background: linear-gradient(90deg, 
        #E2136E, /* bKash Pink */
        #EF4A23, /* Nagad Orange */
        #FAA91A, /* Upay Yellow */
        #6F2C91, /* Rocket Purple */
        #E2136E  /* Pink-এ শেষ করে লুপ তৈরি */
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 700;
    
    /* কালার অ্যানিমেশন */
    background-size: 300% 100%; 
    animation: brand-flow-animation 6s linear infinite;
}

/* --- ব্র্যান্ড কালার হাইলাইট (প্রথম লাইনের অংশ) --- */
.payment-title-brands .premium-brand-highlight {
    /* বিকাশ, নগদ, উপায়, রকেট-এর রঙ দিয়ে গ্রেডিয়েন্ট */
    background: linear-gradient(90deg, 
        #E2136E, /* bKash Pink */
        #EF4A23, /* Nagad Orange */
        #FAA91A, /* Upay Yellow */
        #6F2C91, /* Rocket Purple */
        #E2136E  /* Pink-এ শেষ করে লুপ তৈরি */
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-weight: 700;
    
    /* কালার অ্যানিমেশন */
    background-size: 300% 100%; 
    animation: brand-flow-animation 6s linear infinite;
}

/* --- গ্রেডিয়েন্ট অ্যানিমেশন কীফ্রেম --- */
@keyframes brand-flow-animation {
    0% { background-position: 0% center; }
    100% { background-position: -300% center; }
}

/* === আপডেটেড ২য় লাইন === */
/* --- সাব-টাইটেল (দ্বিতীয় লাইন) - ৩য় লাইনের মতো ডিজাইন --- */
.payment-subtitle-brands {
    font-family: 'Hind Siliguri', sans-serif;
    font-size: 17px; /* ৩য় লাইনের সাথে মিল রেখে */
    font-weight: 600; /* ৩য় লাইনের সাথে মিল রেখে */
    color: #2a3a60; /* ৩য় লাইনের টেক্সট কালার */
    
    /* ৩য় লাইনের মতো কালারফুল ব্যাকগ্রাউন্ড */
    background: linear-gradient(110deg, #e6f7ff 0%, #f7f3ff 100%); 
    
    border: 1px solid #e0e9ff; /* হালকা বর্ডার */
    padding: 16px 30px; /* প্যাডিং */
    border-radius: 12px; /* রাউন্ডেড কর্নার */
    display: inline-block; /* এটিকে বক্স বানানো হলো */
    margin-bottom: 25px; /* নিচের বক্স থেকে দূরত্ব */
    
    /* সুন্দর প্রিমিয়াম শ্যাডো */
    box-shadow: 0 7px 25px rgba(100, 120, 150, 0.1);
    transition: all 0.3s ease-in-out;
}

/* --- মাউস নিলে ২য় বক্সটিও উপরে উঠবে --- */
.payment-subtitle-brands:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 30px rgba(100, 120, 150, 0.2);
}

/* --- PayStation হাইলাইট (বক্সের ভেতরে) --- */
.payment-subtitle-brands .paystation-highlight {
    color: #553C9A; /* পার্পল রঙটি বক্সের ভেতরে সুন্দর লাগবে */
    font-weight: 700;
    letter-spacing: 0.15px;
}
/* === আপডেটেড ২য় লাইন শেষ === */


/* --- শেষের নোট (তৃতীয় লাইন - কালারফুল বক্স) --- */
.payment-footer-note-brands {
    font-family: 'Hind Siliguri', sans-serif;
    font-size: 17px;
    font-weight: 600; 
    color: #2a3a60; 
    
    /* আকর্ষণীয় কালারফুল ব্যাকগ্রাউন্ড গ্রেডিয়েন্ট */
    background: linear-gradient(110deg, #e6f7ff 0%, #f7f3ff 100%); 
    
    border: 1px solid #e0e9ff; 
    padding: 16px 30px; 
    border-radius: 12px; 
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-top: 0px;
    
    /* সুন্দর প্রিমিয়াম শ্যাডো */
    box-shadow: 0 7px 25px rgba(100, 120, 150, 0.1);
    transition: all 0.3s ease-in-out;
}

/* আইকনের স্টাইল */
.payment-footer-note-brands .brands-icon {
    width: 20px;
    height: 20px;
    fill: #485b8f; /* আইকনের রঙ */
}

/* --- মাউস নিলে ৩য় বক্সটিও উপরে উঠবে --- */
.payment-footer-note-brands:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 30px rgba(100, 120, 150, 0.2);
}/* End custom CSS */