.elementor-17 .elementor-element.elementor-element-cd403f9:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-cd403f9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8FCFF;}.elementor-17 .elementor-element.elementor-element-cd403f9 > .elementor-container{max-width:1300px;}.elementor-17 .elementor-element.elementor-element-cd403f9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 50px 0px;}.elementor-17 .elementor-element.elementor-element-cd403f9 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-17 .elementor-element.elementor-element-88e7faa.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-17 .elementor-element.elementor-element-ea5e899 .elementor-button{background-color:#F0F9FF;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;fill:#0284C7;color:#0284C7;border-radius:100px 100px 100px 100px;}.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-17 .elementor-element.elementor-element-45a55dc{width:var( --container-widget-width, 60% );max-width:60%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:center;}.elementor-17 .elementor-element.elementor-element-45a55dc .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:42px;font-weight:700;color:#000000;}.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-17 .elementor-element.elementor-element-549f563{width:var( --container-widget-width, 60% );max-width:60%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:center;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;}@media(max-width:1024px){.elementor-17 .elementor-element.elementor-element-45a55dc{width:100%;max-width:100%;}.elementor-17 .elementor-element.elementor-element-549f563{width:100%;max-width:100%;}}@media(max-width:767px){.elementor-17 .elementor-element.elementor-element-45a55dc .elementor-heading-title{font-size:25px;}.elementor-17 .elementor-element.elementor-element-549f563{font-size:16px;}}/* Start custom CSS for shortcode, class: .elementor-element-47e496d */.iptv-step-num {
    background: linear-gradient(135deg, #2563eb, #60a5fa) !important;   
}
.iptv-device-icon {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, #0284C7, #60a5fa) !important;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    flex-shrink: 0;
    overflow: hidden;
    transition: background 0.2s;
}

.iptv-device-card:hover {

	box-shadow: 0 8px 15px rgba(14, 165, 233, 0.26);
	color: #fff;
}
.iptv-device-card {
  position: relative;
  transition: all 0.3s ease;
}

.iptv-device-card {
  position: relative;
  overflow: hidden;
  border-radius: 12px; /* card radius match করো */
}

/* top border */
.iptv-device-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0px;        /* side gap for clean corner */
  width: calc(100% - 20px); /* full width minus gaps */
  height: 3px;

  background: linear-gradient(90deg, #29b6f6, #60a5fa);
  border-radius: 999px;

  transform: scaleX(0);   /* width animation alternative */
  transform-origin: left;
  transition: transform 0.3s ease;
}

/* hover করলে line আসবে */
.iptv-device-card:hover::before {
  transform: scaleX(1);
  width: 100%;
}

.iptv-modal {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  z-index: 1;
}/* End custom CSS */