.elementor-33 .elementor-element.elementor-element-3bbc643{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-66f0672 );--border-color:var( --e-global-color-66f0672 );--padding-top:70px;--padding-bottom:70px;--padding-left:10px;--padding-right:10px;}.elementor-33 .elementor-element.elementor-element-3bbc643:not(.elementor-motion-effects-element-type-background), .elementor-33 .elementor-element.elementor-element-3bbc643 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at top center, #2D6BFF29 0%, var( --e-global-color-1efb503 ) 38%);}.elementor-33 .elementor-element.elementor-element-3509ee7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-end;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-33 .elementor-element.elementor-element-56c101a .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:45px;font-weight:800;line-height:1.2em;color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-33 .elementor-element.elementor-element-6728a4e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;padding:0px 0px 0px 0px;font-family:"Syne", Sans-serif;font-weight:400;}.elementor-33 .elementor-element.elementor-element-6728a4e a{color:var( --e-global-color-accent );}.elementor-33 .elementor-element.elementor-element-f63749c{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:60px;--padding-left:10px;--padding-right:10px;}.elementor-33 .elementor-element.elementor-element-fd562a9{--display:flex;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-33 .elementor-element.elementor-element-1fbde7f{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-33 .elementor-element.elementor-element-1fbde7f.elementor-element{--flex-grow:0;--flex-shrink:0;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-33 .elementor-element.elementor-element-3bbc643{--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;}}@media(max-width:767px){.elementor-33 .elementor-element.elementor-element-56c101a .elementor-heading-title{font-size:28px;}}@media(max-width:1024px) and (min-width:768px){.elementor-33 .elementor-element.elementor-element-3509ee7{--width:100%;}}/* Start custom CSS for heading, class: .elementor-element-56c101a */.elementor-33 .elementor-element.elementor-element-56c101a .heading_heighlight{
    color: #5B8FFF;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3bbc643 */.hero_section {
  position: relative;
  overflow: hidden;

  /* Base background */
  background:
    radial-gradient(
      circle at top center,
      rgba(59, 130, 246, 0.08) 0%,
      transparent 40%
    ),
    linear-gradient(
      180deg,
      #ffffff 0%,
      #f8fafc 100%
    );

  /* Grid */
  background-image:
    linear-gradient(rgba(148, 163, 184, 0.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148, 163, 184, 0.12) 1px, transparent 1px);

  background-size: 15px 15px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1fbde7f *//* কন্টেইনার স্টাইল */
.ai-pc-container {
    display: flex;
    flex-wrap: wrap; /* আইটেমগুলো যেন স্বয়ংক্রিয়ভাবে পরের লাইনে যায় */
    gap: 20px;       /* আইটেমগুলোর মাঝের দূরত্ব */
    width: 100%;
}

/* বড় স্ক্রিনে (১০২৪px এর বেশি) ৮টি কার্ড পুরো রো কভার করবে */
.ai-pc-card {
	background: var(  --e-global-color-cb5335a);
    border: 1px solid var(--e-global-color-1efb503);
    border-radius: 10px;
    padding: 15px 10px; /* প্যাডিং কিছুটা বাড়িয়ে রিডেবিলিটি সুন্দর করা হয়েছে */
    text-align: center;
    text-decoration: none;
    display: block;
    transition: all 0.3s ease;
    
    /* ৮টি আইটেমের পারফেক্ট ক্যালকুলেশন এবং সমান উইডথ নিশ্চিত করা */
    flex: 1 1 calc((100% - 140px) / 8); 
    box-sizing: border-box;
}

/* ট্যাবলেট স্ক্রিন (768px থেকে 1024px) - প্রতি লাইনে ৬টি কার্ড */
@media (max-width: 1024px) and (min-width: 768px) {
    .ai-pc-card {
        flex: 1 1 calc((100% - 100px) / 6);
    }
}

/* মোবাইল স্ক্রিন (768px এর নিচে) - প্রতি লাইনে ২টি কার্ড */
@media (max-width: 767px) {
    .ai-pc-card {
        flex: 1 1 calc((100% - 20px) / 2);
    }
}

/* বাকি অভ্যন্তরীণ স্টাইলগুলো আগের মতোই থাকবে */
.ai-pc-card:hover {
    border-color: ver(--e-global-color-66f0672);
    background-color: var(--e-global-color-40073f0);
}

.ai-pc-icon {
    font-size: 25px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ai-pc-icon img {
    width: 30px;
}

.ai-pc-title {
    color: var(--e-global-color-1efb503);
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 8px 0;
}

.ai-pc-count {
    color: var(--e-global-color-text);
    font-size: 16px;
    margin: 0;
}/* End custom CSS */