.elementor-88 .elementor-element.elementor-element-ccfa42b{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-88 .elementor-element.elementor-element-ccfa42b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-88 .elementor-element.elementor-element-eafec94{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;border-style:none;}.elementor-88 .elementor-element.elementor-element-eafec94.elementor-element{--align-self:flex-start;}@media(max-width:767px){.elementor-88 .elementor-element.elementor-element-ccfa42b{--min-height:0px;}.elementor-88 .elementor-element.elementor-element-eafec94{width:100%;max-width:100%;}.elementor-88 .elementor-element.elementor-element-7786446{width:100%;max-width:100%;}}@media(min-width:768px){.elementor-88 .elementor-element.elementor-element-ccfa42b{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-599bdee */glass-strong/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ccfa42b */<!-- গুগল ফন্ট ও ফন্ট অসাম লিংক (যদি থিমে আগে থেকে লোড করা না থাকে) -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@400;500;600;700&display=swap" rel="stylesheet">

<style>
  /* ১. গ্লোবাল সিএসএস ভ্যারিয়েবল (এইচএসএল কালার টোকেন) */
  :root {
    --wp-bg-dark: hsl(222, 47%, 5%);           /* #070b19 - ডিপ ডার্ক ব্যাকগ্রাউন্ড */
    --wp-fg-light: hsl(210, 40%, 96%);         /* হালকা টেক্সট কালার */
    --wp-card-bg: hsl(222, 40%, 9%);           /* কার্ড ব্যাকগ্রাউন্ড */
    --wp-primary-blue: hsl(221, 83%, 53%);     /* প্রাইমারি ব্লু কালার */
    --wp-accent-yellow: hsl(48, 97%, 54%);     /* অ্যাকসেন্ট গোল্ডেন ইয়েলো */
    --wp-muted-text: hsl(215, 20%, 55%);       /* মিউটেড গ্রে টেক্সট */
    --wp-border-color: rgba(255, 255, 255, 0.08);
  }

  /* ২. পুরো পেজের বডি ও ফন্ট ফিক্স */
  body, 
  .elementor-widget-html, 
  h1, h2, h3, h4, h5, h6, p, span, a, li, button, input, label {
    font-family: 'Hind Siliguri', sans-serif !important;
  }

  /* আপনার পুরো ল্যান্ডিং পেজের মেইন কন্টেইনার ব্যাকগ্রাউন্ড ডার্ক করার জন্য */
  body.elementor-page {
    background-color: var(--wp-bg-dark) !important;
    color: var(--wp-fg-light) !important;
  }

  /* ৩. আপনার টেলউইন্ড ইউটিলিটি ক্লাসগুলোর পিওর সিএসএস রূপান্তর */
  
  /* হলুদ গ্লো ইফেক্ট */
  .glow-yellow {
    box-shadow: 0 0 20px rgba(250, 204, 21, 0.25), 0 0 60px rgba(250, 204, 21, 0.1) !important;
  }
  
  /* স্ট্রং হলুদ গ্লো ইফেক্ট */
  .glow-yellow-strong {
    box-shadow: 0 0 30px rgba(250, 204, 21, 0.45), 0 0 80px rgba(250, 204, 21, 0.2) !important;
  }
  
  /* ব্লু গ্লো ইফেক্ট */
  .glow-blue {
    box-shadow: 0 0 20px rgba(37, 99, 235, 0.25), 0 0 60px rgba(37, 99, 235, 0.1) !important;
  }
  
  /* গ্লাস মরফিজম নরমাল (Glass Effect) */
  .glass {
    background: rgba(30, 41, 59, 0.5) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
  }
  
  /* গ্লাস মরফিজম স্ট্রং (Glass Strong Effect) */
  .glass-strong {
    background: rgba(30, 41, 59, 0.75) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
  }

  /* কিছু সাধারণ ডার্ক মোড টেক্সট এডজাস্টমেন্ট */
  .text-muted-foreground {
    color: var(--wp-muted-text) !important;
  }
  .text-accent {
    color: var(--wp-accent-yellow) !important;
  }
  .text-primary {
    color: var(--wp-primary-blue) !important;
  }
</style>/* End custom CSS */