.page-747-2-live-net {      font-family: Arial, sans-serif;      color: #333;      line-height: 1.6;      background-color: #f8f8f8;    }.page-747-2-live-net__container {      max-width: 1200px;      margin: 0 auto;      padding: 20px;    }.page-747-2-live-net__section {      background-color: #ffffff;      margin-bottom: 25px;      padding: 30px;      border-radius: 8px;      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);    }.page-747-2-live-net__section-title {      color: #0056b3;      text-align: center;      margin-bottom: 30px;      font-size: 2.5em;      font-weight: bold;    }.page-747-2-live-net__section-subtitle {      color: #007bff;      text-align: center;      margin-bottom: 20px;      font-size: 1.2em;    }.page-747-2-live-net__text-content {      font-size: 1.1em;      line-height: 1.8;      color: #555;    }.page-747-2-live-net__text-content p {      margin-bottom: 15px;    }/* Hero Section */.page-747-2-live-net__hero-section {      position: relative;      background-size: cover;      background-position: center;      color: #ffffff;      text-align: center;      padding: 10px 0 80px 0; /* Adjusted padding-top to 10px */      border-radius: 8px;      overflow: hidden;      margin-bottom: 25px;    }.page-747-2-live-net__hero-overlay {      position: absolute;      top: 0;      left: 0;      width: 100%;      height: 100%;      background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7));      z-index: 1;    }.page-747-2-live-net__hero-content {      position: relative;      z-index: 2;      max-width: 900px;      margin: 0 auto;      padding: 40px 20px;    }.page-747-2-live-net__hero-title {      font-size: 3.5em;      margin-bottom: 20px;      font-weight: bold;      line-height: 1.2;    }.page-747-2-live-net__hero-subtitle {      font-size: 1.5em;      margin-bottom: 40px;      opacity: 0.9;    }.page-747-2-live-net__button {      display: inline-block;      background-color: #007bff;      color: #ffffff;      padding: 15px 30px;      border-radius: 5px;      text-decoration: none;      font-size: 1.2em;      font-weight: bold;      transition: background-color 0.3s ease, transform 0.2s ease;      margin: 0 10px;      border: none;      cursor: pointer;    }.page-747-2-live-net__button:hover {      background-color: #0056b3;      transform: translateY(-2px);    }/* Payment Providers Section */.page-747-2-live-net__payment-providers {      display: flex;      flex-wrap: wrap;      justify-content: center;      align-items: center;      gap: 30px;      width: 100%;      max-width: 100%;      box-sizing: border-box;      padding: 30px;      background-color: #ffffff;      border-radius: 8px;      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);      margin-bottom: 25px;    }.page-747-2-live-net__payment-providers-title {      width: 100%;      text-align: center;      font-size: 2em;      color: #0056b3;      margin-bottom: 25px;      font-weight: bold;    }.page-747-2-live-net__payment-logo {      flex: 0 0 auto;      width: 80px;      height: 80px;      max-width: 80px;      max-height: 80px;      box-sizing: border-box;    }.page-747-2-live-net__payment-logo img {      display: block;      width: 80px !important;      height: 80px !important;      max-width: 80px !important;      max-height: 80px !important;      object-fit: contain;    }/* Quick Access Links */.page-747-2-live-net__quick-access-grid {      display: grid;      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));      gap: 20px;      margin-top: 30px;    }.page-747-2-live-net__quick-access-item {      text-align: center;      background-color: #e9f5ff;      padding: 25px;      border-radius: 8px;      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);      transition: transform 0.2s ease, box-shadow 0.2s ease;    }.page-747-2-live-net__quick-access-item:hover {      transform: translateY(-5px);      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);    }.page-747-2-live-net__quick-access-item .page-747-2-live-net__button {      margin: 0;      width: 100%;      box-sizing: border-box;    }/* Games Section */.page-747-2-live-net__games-grid {      display: grid;      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));      gap: 25px;      margin-top: 30px;    }.page-747-2-live-net__game-card {      background-color: #f0f8ff;      border-radius: 8px;      overflow: hidden;      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);      transition: transform 0.2s ease, box-shadow 0.2s ease;      display: flex;      flex-direction: column;    }.page-747-2-live-net__game-card:hover {      transform: translateY(-5px);      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);    }.page-747-2-live-net__game-card-image {      width: 100%;      height: 250px;      overflow: hidden;    }.page-747-2-live-net__game-card-image img {      width: 100%;      height: 100%;      object-fit: cover;      display: block;    }.page-747-2-live-net__game-card-content {      padding: 20px;      flex-grow: 1;      display: flex;      flex-direction: column;      justify-content: space-between;    }.page-747-2-live-net__game-card-title {      font-size: 1.5em;      color: #0056b3;      margin-bottom: 10px;      font-weight: bold;    }.page-747-2-live-net__game-card-description {      font-size: 0.95em;      color: #666;      margin-bottom: 20px;    }/* Promotions Section */.page-747-2-live-net__promotions-grid {      display: grid;      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));      gap: 25px;      margin-top: 30px;    }.page-747-2-live-net__promo-card {      background-color: #fff8e1;      border-radius: 8px;      overflow: hidden;      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);      transition: transform 0.2s ease, box-shadow 0.2s ease;      display: flex;      flex-direction: column;    }.page-747-2-live-net__promo-card:hover {      transform: translateY(-5px);      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);    }.page-747-2-live-net__promo-card-image {      width: 100%;      height: 200px;      overflow: hidden;    }.page-747-2-live-net__promo-card-image img {      width: 100%;      height: 100%;      object-fit: cover;      display: block;    }.page-747-2-live-net__promo-card-content {      padding: 20px;      flex-grow: 1;      display: flex;      flex-direction: column;      justify-content: space-between;    }.page-747-2-live-net__promo-card-title {      font-size: 1.4em;      color: #e67e22;      margin-bottom: 10px;      font-weight: bold;    }.page-747-2-live-net__promo-card-description {      font-size: 0.95em;      color: #666;      margin-bottom: 20px;    }/* Security and Support Section */.page-747-2-live-net__security-features {      display: grid;      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));      gap: 25px;      margin-top: 30px;    }.page-747-2-live-net__feature-card {      background-color: #e6f7ff;      padding: 25px;      border-radius: 8px;      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);      text-align: center;    }.page-747-2-live-net__feature-card-title {      font-size: 1.3em;      color: #007bff;      margin-bottom: 10px;      font-weight: bold;    }.page-747-2-live-net__feature-card-description {      color: #555;    }/* FAQ Section */.page-747-2-live-net__faq-list {      margin-top: 30px;    }.page-747-2-live-net__faq-item {      background-color: #ffffff;      border: 1px solid #e0e0e0;      border-radius: 8px;      margin-bottom: 15px;      overflow: hidden;      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.03);    }.page-747-2-live-net__faq-question {      display: flex;      justify-content: space-between;      align-items: center;      padding: 20px;      background-color: #f0f0f0;      cursor: pointer;      user-select: none;      transition: background-color 0.3s ease;    }.page-747-2-live-net__faq-question:hover {      background-color: #e0e0e0;    }.page-747-2-live-net__faq-question h3 {      margin: 0;      font-size: 1.2em;      color: #333;      pointer-events: none; /* Prevent h3 from blocking click event */      flex-grow: 1;      text-align: left;    }.page-747-2-live-net__faq-toggle {      font-size: 1.5em;      font-weight: bold;      color: #007bff;      margin-left: 15px;      pointer-events: none; /* Prevent span from blocking click event */      transition: transform 0.3s ease;    }.page-747-2-live-net__faq-item.active .page-747-2-live-net__faq-toggle {      transform: rotate(45deg);    }.page-747-2-live-net__faq-answer {      max-height: 0;      overflow: hidden;      padding: 0 20px;      opacity: 0;      transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), padding 0.4s ease, opacity 0.4s ease;      color: #555;      text-align: left;    }.page-747-2-live-net__faq-item.active .page-747-2-live-net__faq-answer {      max-height: 2000px !important;      padding: 20px !important;      opacity: 1;    }.page-747-2-live-net__faq-answer p {        margin: 0;    }/* Blog Section */.page-747-2-live-net__blog-grid {      display: grid;      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));      gap: 25px;      margin-top: 30px;    }.page-747-2-live-net__blog-card {      background-color: #ffffff;      border-radius: 8px;      overflow: hidden;      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);      transition: transform 0.2s ease, box-shadow 0.2s ease;      display: flex;      flex-direction: column;    }.page-747-2-live-net__blog-card:hover {      transform: translateY(-5px);      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);    }.page-747-2-live-net__blog-card-image {      width: 100%;      height: 200px;      overflow: hidden;    }.page-747-2-live-net__blog-card-image img {      width: 100%;      height: 100%;      object-fit: cover;      display: block;    }.page-747-2-live-net__blog-card-content {      padding: 20px;      flex-grow: 1;      display: flex;      flex-direction: column;      justify-content: space-between;    }.page-747-2-live-net__blog-card-title {      font-size: 1.4em;      color: #0056b3;      margin-bottom: 10px;      font-weight: bold;    }.page-747-2-live-net__blog-card-description {      font-size: 0.95em;      color: #666;      margin-bottom: 20px;    }.page-747-2-live-net__blog-card .page-747-2-live-net__button {        padding: 10px 20px;        font-size: 1em;        width: auto;        align-self: flex-start;    }/* General Image Styling */.page-747-2-live-net img {        max-width: 100%;        height: auto;        display: block;    }/* Responsive adjustments */@media (max-width: 768px) {      .page-747-2-live-net__container {        padding: 10px;      }      .page-747-2-live-net__section {        padding: 20px;      }      .page-747-2-live-net__section-title {        font-size: 2em;        margin-bottom: 20px;      }      .page-747-2-live-net__hero-section {        padding: 10px 0 60px 0;      }      .page-747-2-live-net__hero-title {        font-size: 2.5em;      }      .page-747-2-live-net__hero-subtitle {        font-size: 1.2em;        margin-bottom: 30px;      }      .page-747-2-live-net__button {        padding: 12px 20px;        font-size: 1em;        margin: 5px;      }      .page-747-2-live-net__payment-providers {        flex-direction: row;        flex-wrap: wrap;        justify-content: center;        gap: 16px;        padding: 20px;      }      .page-747-2-live-net__payment-logo,      .page-747-2-live-net__payment-logo img {        width: 80px !important;        height: 80px !important;        max-width: 80px !important;        max-height: 80px !important;      }      .page-747-2-live-net__quick-access-grid,      .page-747-2-live-net__games-grid,      .page-747-2-live-net__promotions-grid,      .page-747-2-live-net__security-features,      .page-747-2-live-net__blog-grid {        grid-template-columns: 1fr;        gap: 20px;      }      /* List item mobile responsiveness */      .page-747-2-live-net__quick-access-item,      .page-747-2-live-net__game-card,      .page-747-2-live-net__promo-card,      .page-747-2-live-net__feature-card,      .page-747-2-live-net__blog-card {        width: 100% !important;        max-width: 100% !important;        box-sizing: border-box !important;        margin-left: 0 !important;        margin-right: 0 !important;        word-wrap: break-word !important;        overflow-wrap: break-word !important;      }      .page-747-2-live-net__faq-question h3 {        font-size: 1.1em;      }      .page-747-2-live-net__faq-answer {        padding: 15px !important;      }      .page-747-2-live-net img:not(.page-747-2-live-net__payment-logo img) {        max-width: 100% !important;        height: auto !important;        box-sizing: border-box !important;      }      .page-747-2-live-net__game-card-image,      .page-747-2-live-net__promo-card-image,      .page-747-2-live-net__blog-card-image {        height: 180px; /* Adjust height for smaller screens */      }    }