/* General styling for the page-winwin-resort */.page-winwin-resort {font-family: 'Arial', sans-serif;color: #f0f0f0;background-color: #1a1a1a;line-height: 1.6;overflow-x: hidden;padding-top: var(--header-offset, 122px);} .page-winwin-resort__section-title {text-align: center;color: #ffcc00;font-size: 2.5em;margin-bottom: 40px;padding-top: 40px;} .page-winwin-resort__section-description {text-align: center;color: #cccccc;font-size: 1.1em;margin-bottom: 50px;max-width: 800px;margin-left: auto;margin-right: auto;} .page-winwin-resort__hero-section {position: relative;width: 100%;min-height: 600px;display: flex;align-items: center;justify-content: center;text-align: center;overflow: hidden;padding: 20px;box-sizing: border-box;} .page-winwin-resort__hero-image {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;z-index: 0;filter: brightness(0.5);} .page-winwin-resort__hero-content {position: relative;z-index: 1;max-width: 900px;padding: 20px;background-color: rgba(0, 0, 0, 0.5);border-radius: 10px;} .page-winwin-resort__hero-title {font-size: 3.5em;color: #ffffff;margin-bottom: 20px;line-height: 1.2;} .page-winwin-resort__hero-subtitle {font-size: 1.3em;color: #e0e0e0;margin-bottom: 30px;} .page-winwin-resort__hero-cta {display: inline-block;background-color: #ffcc00;color: #1a1a1a;padding: 15px 30px;font-size: 1.2em;font-weight: bold;border-radius: 5px;text-decoration: none;transition: background-color 0.3s ease, transform 0.3s ease;} .page-winwin-resort__hero-cta:hover {background-color: #e6b800;transform: translateY(-3px);} /* Partner/Provider Logo Area */.page-winwin-resort__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: 50px 20px;background-color: #222222;} .page-winwin-resort__logo-grid {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 30px;width: 100%;max-width: 1200px;} .page-winwin-resort__payment-logo {flex: 0 0 auto;width: 80px;height: 80px;max-width: 80px;max-height: 80px;box-sizing: border-box;object-fit: contain;} /* Homepage Introduction */.page-winwin-resort__intro-section {padding: 80px 20px;max-width: 1200px;margin: 0 auto;text-align: center;} .page-winwin-resort__intro-content {display: flex;align-items: center;gap: 40px;flex-wrap: wrap;justify-content: center;} .page-winwin-resort__intro-image {flex: 1 1 400px;max-width: 500px;border-radius: 10px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);max-width: 100%;height: auto;box-sizing: border-box;} .page-winwin-resort__intro-text {flex: 1 1 400px;text-align: left;} .page-winwin-resort__intro-text p {margin-bottom: 20px;color: #cccccc;} .page-winwin-resort__intro-text strong {color: #ffcc00;} .page-winwin-resort__intro-cta {display: inline-block;background-color: #ffcc00;color: #1a1a1a;padding: 12px 25px;font-size: 1.1em;font-weight: bold;border-radius: 5px;text-decoration: none;transition: background-color 0.3s ease, transform 0.3s ease;margin-top: 20px;} .page-winwin-resort__intro-cta:hover {background-color: #e6b800;transform: translateY(-3px);} /* Quick Access / Alternative Links */.page-winwin-resort__quick-access {padding: 80px 20px;background-color: #2a2a2a;text-align: center;} .page-winwin-resort__access-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 30px;max-width: 1200px;margin: 0 auto;} .page-winwin-resort__access-item {background-color: #333333;padding: 30px;border-radius: 10px;text-decoration: none;color: #f0f0f0;display: flex;flex-direction: column;align-items: center;transition: background-color 0.3s ease, transform 0.3s ease;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);box-sizing: border-box;} .page-winwin-resort__access-item:hover {background-color: #444444;transform: translateY(-5px);} .page-winwin-resort__access-icon {width: 100px;height: 100px;object-fit: contain;margin-bottom: 15px;max-width: 100%;height: auto;box-sizing: border-box;} .page-winwin-resort__access-text {font-size: 1.1em;font-weight: bold;color: #ffcc00;text-align: center;} /* Core Game / Service Introduction */.page-winwin-resort__game-section {padding: 80px 20px;max-width: 1200px;margin: 0 auto;text-align: center;} .page-winwin-resort__game-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 30px;} .page-winwin-resort__game-card {background-color: #222222;border-radius: 10px;overflow: hidden;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);text-align: left;transition: transform 0.3s ease;box-sizing: border-box;} .page-winwin-resort__game-card:hover {transform: translateY(-5px);} .page-winwin-resort__game-image {width: 100%;height: 200px;object-fit: cover;max-width: 100%;box-sizing: border-box;} .page-winwin-resort__game-title {font-size: 1.5em;color: #ffcc00;padding: 15px 20px 5px;} .page-winwin-resort__game-description {color: #cccccc;padding: 0 20px 15px;font-size: 0.95em;} .page-winwin-resort__game-cta {display: block;background-color: #ffcc00;color: #1a1a1a;padding: 10px 20px;text-align: center;font-weight: bold;text-decoration: none;transition: background-color 0.3s ease;border-radius: 0 0 10px 10px;} .page-winwin-resort__game-cta:hover {background-color: #e6b800;} /* Promotions / Offers */.page-winwin-resort__promo-section {padding: 80px 20px;background-color: #2a2a2a;text-align: center;} .page-winwin-resort__promo-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px;max-width: 1200px;margin: 0 auto;} .page-winwin-resort__promo-card {background-color: #333333;border-radius: 10px;overflow: hidden;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);text-align: left;transition: transform 0.3s ease;box-sizing: border-box;} .page-winwin-resort__promo-card:hover {transform: translateY(-5px);} .page-winwin-resort__promo-image {width: 100%;height: 220px;object-fit: cover;max-width: 100%;box-sizing: border-box;} .page-winwin-resort__promo-title {font-size: 1.4em;color: #ffcc00;padding: 15px 20px 5px;} .page-winwin-resort__promo-description {color: #cccccc;padding: 0 20px 15px;font-size: 0.95em;} .page-winwin-resort__promo-cta {display: block;background-color: #ffcc00;color: #1a1a1a;padding: 10px 20px;text-align: center;font-weight: bold;text-decoration: none;transition: background-color 0.3s ease;border-radius: 0 0 10px 10px;} .page-winwin-resort__promo-cta:hover {background-color: #e6b800;} /* Security & Customer Service */.page-winwin-resort__service-section {padding: 80px 20px;max-width: 1200px;margin: 0 auto;text-align: center;} .page-winwin-resort__service-content {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 30px;margin-bottom: 50px;} .page-winwin-resort__service-item {background-color: #222222;padding: 30px;border-radius: 10px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);box-sizing: border-box;} .page-winwin-resort__service-icon {width: 80px;height: 80px;object-fit: contain;margin-bottom: 15px;max-width: 100%;height: auto;box-sizing: border-box;} .page-winwin-resort__service-title {font-size: 1.3em;color: #ffcc00;margin-bottom: 10px;} .page-winwin-resort__service-description {color: #cccccc;font-size: 0.95em;} .page-winwin-resort__contact-cta {display: inline-block;background-color: #ffcc00;color: #1a1a1a;padding: 15px 30px;font-size: 1.2em;font-weight: bold;border-radius: 5px;text-decoration: none;transition: background-color 0.3s ease, transform 0.3s ease;} .page-winwin-resort__contact-cta:hover {background-color: #e6b800;transform: translateY(-3px);} /* FAQ Section */.page-winwin-resort__faq-section {padding: 80px 20px;background-color: #2a2a2a;max-width: 1000px;margin: 0 auto;} .page-winwin-resort__faq-container {margin-top: 40px;} .page-winwin-resort__faq-item {background-color: #333333;margin-bottom: 15px;border-radius: 8px;overflow: hidden;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);box-sizing: border-box;} .page-winwin-resort__faq-question {display: flex;justify-content: space-between;align-items: center;padding: 20px 25px;background-color: #3c3c3c;cursor: pointer;user-select: none;transition: background-color 0.3s ease;box-sizing: border-box;} .page-winwin-resort__faq-question:hover {background-color: #444444;} .page-winwin-resort__faq-question h3 {margin: 0;font-size: 1.2em;color: #f0f0f0;pointer-events: none;} .page-winwin-resort__faq-toggle {font-size: 1.5em;color: #ffcc00;font-weight: bold;pointer-events: none;transition: transform 0.3s ease;} .page-winwin-resort__faq-item.active .page-winwin-resort__faq-toggle {transform: rotate(45deg);} .page-winwin-resort__faq-answer {max-height: 0;overflow: hidden;padding: 0 25px;opacity: 0;transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), padding 0.4s ease, opacity 0.4s ease;box-sizing: border-box;} .page-winwin-resort__faq-item.active .page-winwin-resort__faq-answer {max-height: 2000px !important;padding: 20px 25px !important;opacity: 1;} .page-winwin-resort__faq-answer p {margin: 0;color: #cccccc;} /* Latest Blog Content Area */.page-winwin-resort__blog-section {padding: 80px 20px;max-width: 1200px;margin: 0 auto;text-align: center;} .page-winwin-resort__blog-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px;} .page-winwin-resort__blog-card {background-color: #222222;border-radius: 10px;overflow: hidden;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);text-align: left;transition: transform 0.3s ease;box-sizing: border-box;} .page-winwin-resort__blog-card:hover {transform: translateY(-5px);} .page-winwin-resort__blog-image {width: 100%;height: 200px;object-fit: cover;max-width: 100%;box-sizing: border-box;} .page-winwin-resort__blog-title {font-size: 1.4em;padding: 15px 20px 5px;} .page-winwin-resort__blog-title a {color: #ffcc00;text-decoration: none;transition: color 0.3s ease;} .page-winwin-resort__blog-title a:hover {color: #e6b800;} .page-winwin-resort__blog-excerpt {color: #cccccc;padding: 0 20px 20px;font-size: 0.95em;} /* General Link Styling for all a tags in main content */.page-winwin-resort a {text-decoration: none;color: #ffcc00;} .page-winwin-resort a:hover {text-decoration: underline;color: #e6b800;} /* Responsive adjustments */@media (max-width: 1024px) {.page-winwin-resort__hero-title {font-size: 3em;} .page-winwin-resort__hero-subtitle {font-size: 1.2em;} .page-winwin-resort__section-title {font-size: 2em;}}@media (max-width: 768px) {.page-winwin-resort__hero-section {min-height: 450px;} .page-winwin-resort__hero-title {font-size: 2.5em;} .page-winwin-resort__hero-subtitle {font-size: 1em;} .page-winwin-resort__hero-cta {padding: 12px 25px;font-size: 1.1em;} .page-winwin-resort__payment-providers {flex-direction: row;flex-wrap: wrap;justify-content: center;gap: 16px;padding: 30px 15px;} .page-winwin-resort__payment-logo {width: 80px !important;height: 80px !important;max-width: 80px !important;max-height: 80px !important;} .page-winwin-resort__payment-logo img {width: 80px !important;height: 80px !important;max-width: 80px !important;max-height: 80px !important;object-fit: contain;} .page-winwin-resort__intro-content {flex-direction: column;} .page-winwin-resort__intro-text {text-align: center;} .page-winwin-resort__intro-cta {margin-left: auto;margin-right: auto;} /* List item responsive adjustments */.page-winwin-resort__access-grid,.page-winwin-resort__game-grid,.page-winwin-resort__promo-grid,.page-winwin-resort__service-content,.page-winwin-resort__blog-grid {grid-template-columns: 1fr;gap: 20px;} .page-winwin-resort__access-item,.page-winwin-resort__game-card,.page-winwin-resort__promo-card,.page-winwin-resort__service-item,.page-winwin-resort__blog-card {width: 100% !important;max-width: 100% !important;box-sizing: border-box !important;margin-left: 0 !important;margin-right: 0 !important;padding: 20px 15px;} .page-winwin-resort__game-image,.page-winwin-resort__promo-image,.page-winwin-resort__blog-image,.page-winwin-resort__intro-image,.page-winwin-resort__access-icon,.page-winwin-resort__service-icon {max-width: 100% !important;height: auto !important;box-sizing: border-box !important;} .page-winwin-resort__faq-question,.page-winwin-resort__faq-answer {padding-left: 15px !important;padding-right: 15px !important;} .page-winwin-resort__faq-question h3 {font-size: 1.1em;} .page-winwin-resort__blog-excerpt,.page-winwin-resort__promo-description,.page-winwin-resort__game-description,.page-winwin-resort__service-description,.page-winwin-resort__intro-text p {word-wrap: break-word !important;overflow-wrap: break-word !important;word-break: break-word !important;} .page-winwin-resort__section-title {font-size: 1.8em;margin-bottom: 20px;padding-top: 20px;} .page-winwin-resort__section-description {font-size: 1em;margin-bottom: 30px;} .page-winwin-resort__hero-title {font-size: 2em;} .page-winwin-resort__hero-subtitle {font-size: 0.9em;}}@media (max-width: 480px) {.page-winwin-resort__hero-title {font-size: 1.8em;} .page-winwin-resort__hero-subtitle {font-size: 0.85em;} .page-winwin-resort__hero-cta {padding: 10px 20px;font-size: 1em;} .page-winwin-resort__section-title {font-size: 1.5em;} .page-winwin-resort__faq-question h3 {font-size: 1em;}}