.elementor-5 .elementor-element.elementor-element-3d073fe{--display:flex;}.elementor-5 .elementor-element.elementor-element-59ec1f1{--display:flex;}.elementor-5 .elementor-element.elementor-element-f9faddb{--display:flex;}.elementor-5 .elementor-element.elementor-element-2ef3985{--display:flex;}.elementor-5 .elementor-element.elementor-element-df2545b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-5 .elementor-element.elementor-element-a2b7ffe{--display:flex;}.elementor-5 .elementor-element.elementor-element-28369b9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-5 .elementor-element.elementor-element-7dda6f0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-5 .elementor-element.elementor-element-535ae3e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-5 .elementor-element.elementor-element-826d08d{--display:flex;}.elementor-5 .elementor-element.elementor-element-add510e{--display:flex;}/* Start custom CSS for html, class: .elementor-element-df2545b *//* ============================================
   PASTE THIS AT THE END OF YOUR <style> TAG
   MOBILE FIX — films-au section
   ============================================ */

@media (max-width: 900px) {

  #films-au .section {
    padding: 50px 16px !important;
  }

  /* FORCE single column — override everything */
  #films-au .films-main-grid {
    display: block !important;
    width: 100% !important;
  }

  /* Left col: full width */
  #films-au .films-main-grid > div:first-child {
    width: 100% !important;
    display: block !important;
  }

  /* Sidebar: full width, centered, static */
  #films-au .films-sidebar {
    position: static !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 16px !important;
    margin-top: 32px !important;
  }

  /* Pricing card: full width max 420px centered */
  #films-au .films-sidebar > div {
    width: 100% !important;
    max-width: 420px !important;
  }

  /* Header: stack vertically */
  #films-au .sec-header {
    flex-direction: column !important;
    align-items: flex-start !important;
    max-width: 100% !important;
  }

  /* Stats: 2x2 grid */
  #films-au .content-stats {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    max-width: 100% !important;
  }

  /* Tabs: scrollable */
  #films-au .tabs {
    overflow-x: auto !important;
    max-width: 100% !important;
    padding-bottom: 4px !important;
    scrollbar-width: none !important;
  }
  #films-au .tabs::-webkit-scrollbar { display: none !important; }

  /* Row wrap: full width */
  #films-au .row-wrap {
    max-width: 100% !important;
  }

  /* Poster cards smaller */
  #films-au .poster-card { width: 115px !important; }
  #films-au .poster-skeleton { width: 115px !important; }

  /* Platform pills centered */
  #films-au .platform-pills {
    justify-content: center !important;
  }

  /* Heading size */
  #films-au h2 {
    font-size: 28px !important;
  }

}

@media (max-width: 480px) {
  #films-au .section { padding: 36px 14px !important; }
  #films-au h2 { font-size: 24px !important; }
  #films-au .poster-card { width: 100px !important; }
  #films-au .poster-skeleton { width: 100px !important; }
  #films-au .cstat { padding: 10px 12px !important; }
  #films-au .cstat-n { font-size: 16px !important; }
}/* End custom CSS */
/* Start custom CSS */.elementor-section-wrap,
.elementor-widget-container,
.e-con-inner {
  padding: 0 !important;
  max-width: 100% !important;
}

#sport-au, #films-au, #why-au, #rev-au,
#faq-au, #hero-au, #about-au, #pp-au,
#tut-au, #dev-au, #rev-page {
  background: #E8F8F7 !important;
}

#footer-au {
  background: #0A0F1E !important;
}

body {
  background: #E8F8F7 !important;
}/* End custom CSS */