/*!
Theme Name: Standard
Theme URI: http://underscores.me/
Author: WOWebsites LLC
Author URI: http://wowebsites.com
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: standard
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Standard is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/*--------------------------------------------------------------
## ROOT
--------------------------------------------------------------*/

:root {
	--heading-color: #674631;
	--link-color: #009074;
	--paragraph-color: black;
}


/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */}
/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {margin: 0;}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {font-size: 2em; margin: 0.67em 0;}
/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */}
/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {background-color: transparent;}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b, strong {font-weight: bolder; font-family: "noto sans tc" !important;}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code, kbd, samp {font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */}
/**
 * Add the correct font size in all browsers.
 */
small {font-size: 80%;}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {border-style: none;}
/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button, input, optgroup, select, textarea {font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button, input { /* 1 */ overflow: visible;}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button, select { /* 1 */ text-transform: none;}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button;}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {border-style: none; padding: 0;}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}
/**
 * Correct the padding in Firefox.
 */
fieldset {padding: 0.35em 0.75em 0.625em;}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {vertical-align: baseline;}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {overflow: auto;}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"], [type="radio"] {box-sizing: border-box; /* 1 */ padding: 0; /* 2 */}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {-webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {-webkit-appearance: button; /* 1 */ font: inherit; /* 2 */}
/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {display: block;}
/*
 * Add the correct display in all browsers.
 */
summary {display: list-item;}
/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {display: none;}
/**
 * Add the correct display in IE 10.
 */
[hidden] {display: none;}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body, button, input, select, optgroup, textarea {color: #404040; font-family: sans-serif; font-size: 16px; font-size: 1rem; line-height: 1.5;}
h1, h2, h3, h4, h5, h6 {clear: both;}
p {margin-bottom: 1.5em;}
dfn, cite, em, i {font-style: italic;}
blockquote {margin: 0 1.5em;}
address {margin: 0 0 1.5em;}
pre {background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em;}
code, kbd, tt, var {font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem;}
abbr, acronym {border-bottom: 1px dotted #666; cursor: help;}
mark, ins {background: #fff9c0; text-decoration: none;}
big {font-size: 125%;}
pre {background: #fff; font-family: "pingfang medium" !important; font-size: 25px; line-height: 1; margin-bottom: 1.6em; max-width: 100%; overflow: visible; padding: 0; color: black;}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {box-sizing: border-box;}
*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}
body {background: #fff; /* Fallback for when there is no custom background color defined. */}
hr {background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em;}
ul {list-style: disc;}
ol {list-style: decimal;}
dt {font-weight: bold;}
dd {margin: 0 1.5em 1.5em;}
img {height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */}
figure {margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */}
table {width: 100%; border-collapse:collapse;}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button, input[type="button"], input[type="reset"], input[type="submit"] {border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 3px; background: #e6e6e6; color: rgba(0, 0, 0, 0.8); font-size: 12px; font-size: 0.75rem; line-height: 1; padding: .6em 1em .4em;}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {border-color: #ccc #bbb #aaa;}
button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus {border-color: #aaa #bbb #bbb;}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {color: #666; border: 1px solid #ccc; border-radius: 3px; padding: 3px;}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {color: #111;}
select {border: 1px solid #ccc;}
textarea {width: 100%;}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {color: var(--link-color);}
a:hover {color: midnightblue;}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {clear: both; display: block; float: left; width: 100%;}
.main-navigation ul {display: none; list-style: none; margin: 0; padding-left: 0;}
.main-navigation ul ul {box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: left; position: absolute; top: 100%; left: -999em; z-index: 99999;}
.main-navigation ul ul ul {left: -999em; top: 0;}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {left: 100%;}
.main-navigation ul ul a {width: 200px;}
.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {left: auto;}
.main-navigation li {float: left; position: relative;}
.main-navigation a {display: block; text-decoration: none;}
/* Small menu. */
.menu-toggle, .main-navigation.toggled ul {display: block;}
@media screen and (min-width: 37.5em) {
	.menu-toggle {display: none;}
	.main-navigation ul {display: block;}
}
.site-main .comment-navigation, .site-main.posts-navigation, .site-main.post-navigation {margin: 0 0 1.5em;overflow: hidden;}
.comment-navigation .nav-previous,.posts-navigation .nav-previous,.post-navigation .nav-previous {float: left;width: 50%;}
.comment-navigation .nav-next,.posts-navigation .nav-next,.post-navigation .nav-next {float: right;text-align: right;width: 50%;}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {outline: 0;}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {display: inline; float: left; margin-right: 1.5em;}
.alignright {display: inline; float: right; margin-left: 1.5em;}
.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,.clear:after,.entry-content:before,.entry-content:after,.comment-content:before,.comment-content:after,.site-header:before,.site-header:after,.site-content:before,.site-content:after,.site-footer:before,.site-footer:after {content: ""; display: table; table-layout: fixed;}
.clear:after,.entry-content:after,.comment-content:after,.site-header:after,.site-content:after,.site-footer:after { clear: both;}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {margin: 0 0 1.5em; /* Make sure select elements fit in widgets. */}
.widget select {max-width: 100%;}
html .wpbdp-bar.cf {
    display: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
    position: absolute;
    z-index: -9999999999;
    top: -99999999px !important;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {display: block;}
.updated:not(.published) {display: none;}
.page-links {clear: both;margin: 0 0 1.5em;}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {word-wrap: break-word;}
.bypostauthor {display: block;}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer {/* Theme Footer (when set to scrolling) */ display: none;}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {display: block;}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {border: none; margin-bottom: 0; margin-top: 0; padding: 0;}
/* Make sure embeds and iframes fit their containers. */
embed, iframe, object {max-width: 100%;}
/* Make sure logo link wraps around logo image. */
.custom-logo-link {display: inline-block;}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {margin-bottom: 1.5em; max-width: 100%;}
.wp-caption img[class*="wp-image-"] {display: block; margin-left: auto; margin-right: auto;}
.wp-caption .wp-caption-text {margin: 0.8075em 0;}
.wp-caption-text {text-align: center;}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {margin-bottom: 1.5em;}
.gallery-item {display: inline-block; text-align: center; vertical-align: top; width: 100%;}
.gallery-columns-2 .gallery-item {max-width: 50%;}
.gallery-columns-3 .gallery-item {max-width: 33.33%;}
.gallery-columns-4 .gallery-item {max-width: 25%;}
.gallery-columns-5 .gallery-item {max-width: 20%;}
.gallery-columns-6 .gallery-item {max-width: 16.66%;}
.gallery-columns-7 .gallery-item {max-width: 14.28%;}
.gallery-columns-8 .gallery-item {max-width: 12.5%;}
.gallery-columns-9 .gallery-item {max-width: 11.11%;}
.gallery-caption {display: block;}
/*--------------------------------------------------------------
## START OF CSS STYLE
--------------------------------------------------------------*/
:root {
	--logo-font: "BebasNeue";
	--menu-font: "Helvetica";
	--heading-font: "PingFang Medium";
	--paragraph-font: "PingFang Light";
}
html {scroll-behavior: smooth;}
html.blog-page {scroll-behavior: auto !important;}

.entry-content p, .entry-content li {
  font-family: "PingFang Light" !important;
  font-weight: 100 !important;
  color: black;
  font-size: 15px;
  margin: 0 0 14px;
  line-height: 25px;

}
.entry-content p strong, .entry-content li strong {font-weight: 400 !important; font-family: 'PingFang Light'; font-family: "noto sans tc" !important;}

.elementor-button {
  font-family: var(--menu-font) !important;
  font-size: 16px !important;
  text-transform: uppercase;
  background-color: black !important;
  border: 0 !important;
  border-radius: 15px;
  padding: 22px 15px;
  min-width: 175px;
}

h1, h2, h3, h4, h5 {text-transform: capitalize;}

h1 {font-family: var(--heading-font) !important;}
h2 {
  color: black !important;
  font-family: var(--heading-font) !important;
  font-size: 49px;
  line-height: 49px !important;
  font-weight: 400 !important;
}

.showMobileView {display: none !important;}

/*******************************************************************************************/


/* HEADER CSS */
/*******************************************************************************************/
.single-wpbdp_listing #TopHeader,
.page-id-1443 #TopHeader {display: none;}
#TopHeader span {
  color: white !important;
  font-size: 20px !important;
  font-family: var(--paragraph-font);
  font-weight: 400 !important;
  letter-spacing: 2px;
}
#TopHeader .e-con-inner {line-height: 0 !important;}
#Header {min-height: 78px;}
#Header #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
  font-size: 17px !important;
  font-family: "pingfang light" !important;
  font-weight: 100 !important;
  text-transform: capitalize !important;
}
#Header #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {color: #bc0000 !important;}
#Header #LogoText {height: 43px !important; display: block;}
#Header #LogoText .LogoWhite {color: white !important;}
#Header .HeaderLogo .elementor-image-box-img {height: 38px !important;}
#Header .HeaderLogo .elementor-image-box-img img {max-width: 38px !important;}
#Header .HeaderLogo .elementor-image-box-title {
    font-size: 34px;
    font-family: var(--logo-font);
    font-weight: 100;
    color: black;
    line-height: 24px;
    display: block;
}
#Header .HeaderLogo .elementor-image-box-title a {height: 17px !important; display: block;}
#Header .HeaderSocial img {filter: brightness(0);}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item a {
  font-size: 16px !important;
  font-family: var(--menu-font) !important;
  font-weight: 100 !important;
  color: black !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu {
  margin-top: 19px;
  margin-left: 19px;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
  padding: 5px 20px !important;
  background-color: white;
}

body:not(.archive):not(.blog):not(.single-wpbdp_listing):not(.page-id-1443) #Header.fixed {
  position: -webkit-sticky; 
  position: fixed; 
  top: 0; 
  width: 100%; 
  animation: slideDown 0.8s ease; 
  background-color: white;
}

@keyframes slideDown {
    from {transform: translateY(-100%);}
    to {transform: translateY(0);}
}

.single-wpbdp_listing .listing-thumbnail, 
.single-wpbdp_listing .extra-images {
    display: none !important;
}


#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-box {height: 33px;}
#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, 
#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, 
#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {height: 2px !important;}
#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::before {top: 15px;}
#mega-menu-wrap-menu-1 .mega-menu-toggle:not(.mega-menu-open) .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::after {top: 30px;}
#mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open + #mega-menu-menu-1 {margin-top: 13px;}
#mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open + #mega-menu-menu-1 li.mega-menu-item a {
  color: white !important;
  padding: 10px;
  height: 50px;
  line-height: 30px;
}

/*******************************************************************************************/



/* FOOTER CSS */
/*******************************************************************************************/
.Footer .FooterLogo {height: 43px !important; display: block;}

.Footer .FooterLogo .LogoWhite {color: white !important;}
.Footer h3 {
  font-family: var(--menu-font) !important;
  font-size: 22px !important;
  color: white !important;
}
.Footer .elementor-icon-list-text {
  font-family: var(--menu-font) !important;
  font-size: 16px !important;
  color: white !important;
  margin-bottom: 5px;
}

.Footer .FooterLogo span {
  color: white;
  font-size: 42px;
  font-family: var(--logo-font);
  font-weight: 100;
  display: inline-block;
  line-height: 40px;
  margin-top: 1.5px;
}
.Footer h4 {
    color: white !important;
    font-family: var(--paragraph-font) !important;
    font-size: 18px !important;
    font-weight: 100 !important;
}

/*******************************************************************************************/



/* HOME PAGE CSS */
/*******************************************************************************************/



/* HOME BANNER CSS */
/*************************************************/
.HomeBanner h1 {
  color: black !important;
  font-family: var(--heading-font) !important;
  font-size: 77px;
  max-width: 565px;
  margin-bottom: 14px;
  line-height: 80px !important;
  font-weight: 400 !important;
  text-transform: capitalize;
}
.HomeBanner p {
  max-width: 420px;
  font-size: 16px;
  font-weight: 100 !important;
  font-family: var(--paragraph-font) !important;
  color: black !important;
  margin-bottom: 10px;
}
.HomeBanner .SearchDirectory form {
    max-width: 408px;
}

.SearchDirectory form {
    display: flex;
    width: 100%;
}
.SearchDirectory input[type="text"] {
    width: 100%;
    height: 47px;
    padding: 8px 10px;
    border: 1px solid black;
    background-color: transparent;
    font-family: 'pingfangultralight' !important;
    font-weight: 900 !important;
    font-size: 16px;
    line-height: 47px;
	border-right: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
	color: black;

}
.SearchDirectory button {
    background-color: white;
    color: black;
    font-size: 25px;
    padding: 9px 17px;
	border: 1px solid black;
	border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
	cursor: pointer;
}
.SearchDirectory input:focus{outline: none;}
.SearchDirectory button:disabled {cursor: auto !important;}

.DirectorySearchBar input[type="text"] {
    background-color: white !important;
    border: 1px solid white !important;
    border-right: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.DirectorySearchBar .SearchDirectory button {
    background-color: white !important;
    color: black !important;
    border: 1px solid white;
}
#wpbdp-categories {display: none;}

.SearchDirectory.ReviewsPage input[type="text"] {padding: 8px 10px 8px 18px !important;}
.SearchDirectory.ReviewsPage button {font-size: 20px !important;}

/*************************************************/


/* MARQUEE CSS */
/*************************************************/
.marquee {
  display: flex;
  overflow: hidden;
  height: 26px;
  user-select: none;
  gap: 40px;
}
.marquee__group {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  min-width: 100%;
  animation: scroll 30s linear infinite;
}
.page-marquee .marquee__group span {color: #aeaeae !important;}
.marquee__group span {
  color: #cecece;
  font-size: 28px;
  white-space: nowrap;
  font-family: var(--logo-font);
  font-weight: 100;
  opacity: 50%;
}
@keyframes scroll {
  from {transform: translateX(0);}
  to {transform: translateX(calc(-100% - 2rem));}
}
/*************************************************/


/* OUR SERVICES CSS */
/*************************************************/
.OurServicesDesc p {
  max-width: 385px;
  font-size: 15px !important;
  line-height: 25px !important;
}
.OurServicesSection .elementor-image-box-content {display: flex; align-items: baseline;}
.OurServicesSection .elementor-image-box-title {
    width: 800px;
    margin: 0 30px 0 0;
    top: 20px;
    position: relative;
    max-width: 100px;
	font-weight: 100;
}
.OurServicesSection h3 {
  color: black !important;
  font-family: var(--heading-font) !important;
  font-size: 33px;
  line-height: 30px !important;
}
.OurServicesSection .elementor-image-box-description {color: black !important; text-align: left;}
.OurServicesChips::after {
  content: "";
  background-image: url(https://www.gamblers.asia/wp-content/uploads/2024/02/Chips-Services.png);
  height: 441px;
  background-size: cover;
  position: absolute;
  width: 450px;
  bottom: -47px;
  z-index: -1;
  left: -77px;
}
.OurServicesDesc p, 
.OurServicesSection 
.elementor-image-box-description, 
.topRatedCasinoP p {
    color: #000000 !important;
    font-family: var(--paragraph-font) !important;
}
/*************************************************/

#HomeFAQs h3 {
  font-size: 26px;
  color: black;
  font-family: var(--heading-font) !important;
}
#HomeFAQs h5 {
  font-size: 18px;
  font-family: var(--menu-font);
  color: #b4b3b3;
  font-weight: 100;
}
#HomeFAQs .FAQsTagline p {
  font-size: 13.5px !important;
  color: #9c9c9c;
}

#HomeFAQs .elementor-toggle-item {
  background-color: #3d3d3d;
  margin-bottom: 15px;
  border-radius: 12px;
  padding: 5px 15px;
}

#HomeFAQs .elementor-toggle-title {
  font-family: var(--menu-font) !important;
  font-size: 17px;
  color: white !important;
  font-weight: 300 !important;
}

#HomeFAQs .elementor-tab-content,
#HomeFAQs .elementor-tab-content p,
#HomeFAQs .elementor-tab-content p a {
  font-family: var(--paragraph-font);
  color: white !important;
	font-size: 16px !important;
}


/* TOP CASINO CSS */
/*************************************************/
/*.TopCasino .casino-box {
  background-color: #1f1f1f;
  border: 10px solid #7a7a7a;
  border-radius: 45px;
  padding: 25px 10px;
  box-shadow: 0 5px 10px #dfdfdf;
}*/
.TopCasino .casino-box span {font-family: "Futura" !important; font-weight: 100 !important; color: white !important; font-size: 15px;}
/*******************************************************************************************/



/* PAGE CSS */
/*******************************************************************************************/
.InternalBanner h1 {
  color: #e8e8e8 !important;
  font-family: var(--heading-font) !important;
  font-size: 74px;
  line-height: 80px !important;
  font-weight: 400 !important;
}
.blue-color {color: #21bbb9 !important;}

#casinoButtons {z-index: 1;}

#rybutton .elementor-button {
	margin-top: -12px !important;
}
#jiufubutton .elementor-button {
	margin-top: -7px !important;
	
}


/*******************************************************************************************/



/* POST CSS */
/*******************************************************************************************/
.internalContent {background-color: white;}

.single-post h1,
.internalContent h1 {
  color: black !important;
  font-family: var(--heading-font) !important;
  font-size: 47px;
  line-height: 65px !important;
  font-weight: 400 !important;
	max-width: 810px;

}

.postContainer p,
.postContainer li,
.postContainer h5 {
  font-family: var(--paragraph-font);
  font-weight: 100 !important;
  color: black;
  font-size: 15px;
  margin: 0 0 15px;
  line-height: 1.6em;
}
.postContainer h3, .postContainer h4 {
    color: black !important;
    font-weight: 400 !important;
    text-shadow: 0 0 black;
}
.postContainer h3 {
		margin-top: 35px;
}


.internalContent p strong {font-weight: 400 !important; color: black;}
.page .internalContent h5 {
    padding-top: 10px;
    font-weight: 100;
    color: black;
    font-size: 16px;
    margin-bottom: 15px;
}

.postContainer .table-of-contents ol {padding-left: 20px !important;}
.postContainer .table-of-contents li {
  font-size: 15px;
  margin: 0;
  line-height: 25px;
}

.postContainerContent {
  background-color: white !important;
  border-radius: 20px;
  padding: 44px 40px;
}
.postContainerContent h3 {
  font-family: var(--paragraph-font);
  font-weight: 600;
  color: black;
  font-size: 23px;
  margin: 0 0 10px;
}
.postContainerContent h3:not(:first-child) {margin-top: 50px !important;}
.postContainerContent p {
  font-family: var(--paragraph-font);
  font-weight: 100 !important;
  color: black !important;
  font-size: 16px;
  line-height: 26px;
}

.BlogSidebar .pt-cv-thumbnail.pull-left {
    width: 150px !important;
    height: 100px;
    object-fit: cover;
    border-radius: 8px;
}
.BlogSidebar .pt-cv-title a {
    color: black !important;
    font-size: 15px;
    font-weight: 400;
}
.BlogSidebar .pt-cv-view .pt-cv-title {margin-bottom: 7px !important;}
.BlogSidebar .pt-cv-meta-fields {font-family: var(--paragraph-font); font-size: 12px !important;}
.BlogSidebar h5 {font-weight: 600 !important; margin: 0 !important;}
.BlogSidebar .PostCategory h5 {display: none !important;}

.BlogSidebar .PostCategory ul {padding: 0; margin: 0;}
.BlogSidebar .PostCategory li a {
    font-weight: 100;
    font-family: 'pingfang light';
    font-size: 15px;
}
.BlogSidebar .PostCategory li a span {color: black !important; font-family: "pingfang light";}
.BlogSidebar .PostCategory li {
    list-style: none !important;
    border-bottom: 1px solid #9fa0a0;
    margin-bottom: 12px;
    padding: 0 5px 12px;
}

#ReviewBanner h1 {
  color: black !important;
  font-family: var(--heading-font) !important;
  font-size: 64px;
  line-height: 74px !important;
  font-weight: 400 !important;
}
#ReviewBanner p {font-size: 16px !important; max-width: 520px;}

#AboutUsCard::before {
    content: "";
    background-image: url(https://www.gamblers.asia/wp-content/uploads/2024/04/card_aboutus.png);
    background-size: contain;
    height: 540px;
    background-position: top right;
    background-repeat: no-repeat;
}
.AboutUsLowerP p {max-width: 880px;}


#HowWeReviewBanner h1 {
  color: black !important;
  font-family: var(--heading-font) !important;
  font-size: 60px;
  line-height: 70px !important;
  font-weight: 400 !important;
  max-width: 260px;
}

#HowWeReviewContent h4 {color: black; font-size: 20px !important; line-height: 30px;}
#HowWeReviewContent h3 {
  color: black;
  font-size: 24px !important;
  line-height: 34px;
  margin-top: 20px !important;
  margin-bottom: 8px;
  font-weight: 300 !important;
}

#HowWeReviewContent p {
  margin: 0 0 27px !important;
  line-height: 26px !important;
  color: #000000 !important;
}
#HowWeReviewContent ul {padding-left: 70px !important;}
#HowWeReviewContent li {margin-bottom: 0; line-height: 25px; color: #000000 !important;}


/*******************************************************************************************/



/* REVIEW TEMPLATE CSS */
/*******************************************************************************************/
.CasinoReview {
  background-color: #000;
  padding: 25px 20px;
}
.OverallRatingContainer {
  border-left: 1px solid white;
  border-right: 1px solid white;
}
.OverallRatingContainer [data-star]::before {color: #5a574e !important;}
.OverallRatingContainer [data-star]::after {color: white !important;}

.loop-item-container .CasinoReview h5 {
  color: white !important;
  font-family: var(--paragraph-font) !important;
	font-family: "noto sans tc" !important;
  font-weight: bold !important;
  font-size: 16px;
}
.CasinoReview [data-star] {margin: 7px 0;}
.payment_option_crev {
  display: flex;
  padding: 0 !important;
  margin: 0 !important;
  height: 32px;
}
.loop-item-container b, strong {
	font-weight: 400 !important;
	font-family: "noto sans tc" !important;

}
.payment_option_crev li {list-style: none !important; margin: 0 !important; padding: 0 3px;}
.payment_option_crev img {
  border-radius: 4px;
  height: 26px;
  object-fit: contain;
  background-color: white;
  pointer-events: none;
}

.OverviewContainer,
.AtAGlanceContainer,
.ProsandConsContainer,
.BankingBonusContainer,
.ReputationResearchContainer,
.SoftwareGameVarietyContainer,
.AccessibilityContainer {
  border: 1px solid #efefef;
  background-color: white;
  box-shadow: 0 0 20px #d2d2d2;
}

    .AccessibilityContainer .ResTable th, .AccessibilityContainer .ResTable tr td:nth-child(1) {
		font-family: "noto sans tc" !important;
		font-weight: 400;
	
}
.OverviewContainer .star-rating .star {
  color: #42d5cb;
  font-size: 19px;
  margin: 0 3px;
}

.loop-item-container h4 {
  color: #000000 !important;
  font-family: var(--paragraph-font) !important;
	font-family: "noto sans tc" !important;
  font-weight: 400 !important;
  font-size: 17px;
  line-height: 25px !important;
	margin-bottom: -10px;
}

.loop-item-container h5 {
  color: #000000 !important;
  font-family: var(--paragraph-font) !important;
	font-family: "noto sans tc" !important;
  font-weight: 400 !important;
  font-size: 15px;
  line-height: 27px !important;
}

.loop-item-container p {
  color: #000000 !important;
  font-size: 15px;
  line-height: 25px;
  font-family: var(--paragraph-font);
  font-weight: 100 !important;
}
.loop-item-container .elementor-widget-container {
  color: black !important;
  font-size: 15px;
  line-height: 25px;
  font-family: var(--paragraph-font);
  font-weight: 100 !important;
  padding: 4px;
}

.gray-background {
  background-color: #efefef;
  border-bottom: 1px solid #bebebe;
}

.BBContainer:nth-child(2n+1) {background-color: #efefef;}
.BBContainer > .elementor-element {padding: 25px 30px;}
.BBContainer > .elementor-element:nth-child(2n+1) {border-right: 1px solid #bebebe;}
.BBContainer:not(.last-row) {border-bottom: 1px solid #dddcdc;}

.paragraph-padding,
.paragraph-padding.with-single-container {padding: 30px !important;}

.ProsContainer {background-color: #efdddd;}
.ConsContainer {background-color: #d4ffeb;}

.ProsContainer, .ConsContainer {
  border: 1px solid #bebebe;
  border-radius: 20px;
  padding: 20px 30px;
  margin-bottom: 9px !important;
}

.ProsContainer li,
.ConsContainer li {color: #050805 !important; margin-bottom: 10px !important;}

.ProsContainer ul,
.ConsContainer ul,
.ProsContainer ol,
.ConsContainer ol {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}
.ProsContainer li::before {
  content: "\f00d";
  background-color: #cf3729;
}
.ConsContainer li::before {
  content: "\f00c";
  background-color: #429b57;
}
.ProsContainer li::before, .ConsContainer li::before {
  font-family: "FontAwesome";
  display: inline-block;
  width: 25px;
  text-align: center;
  color: white;
  border-radius: 50%;
  height: 25px;
  line-height: 24px;
  margin-right: 20px;
  font-size: 14px;
}


.TitleContainer {
  background-color: black;
  padding: 13px 30px;
  border-bottom: 1px solid #bebebe;
}

.TitleContainer h3 {
  color: white !important;
  font-family: 'PingFang Light' !important;
	font-family: "noto sans tc", sans-serif !important;
  font-weight: 400 !important;
  font-size: 17px;
  line-height: 28px;
}
.TitleContainer [data-star]::before {color: #5a574e !important; font-size: 14px !important;}
.TitleContainer [data-star]::after {color: white !important; font-size: 14px !important;}

.TitleContainer h5 {color: white !important;}

.TitleContainer .elementor-icon-list-item {
  background-color: white;
  border-radius: 10px;
  padding: 4px 15px 6px !important;
}
.TitleContainer .elementor-icon-list-text {
  font-family: var(--paragraph-font) !important;
  font-size: 16px;
  font-weight: bold !important;
  color: black !important;
}
.TitleContainer .e-font-icon-svg.e-fas-star {
  fill: #00abec !important;
}

.OverviewContentContainer {padding: 30px;}
.OverviewTable {
  border: 1px solid #bebebe;
  border-radius: 20px;
}
.OverviewStars {padding: 7px 20px;}
.OverviewStars:not(.last-row) {border-bottom: 1px solid #bebebe;}
.overview-score-rating h5 {font-size: 13.5px !important;}

.AtAGlanceFirstCol {border-bottom: 1px solid #bebebe;} 
.AtAGlanceSecondCol,
.AtAGlanceSecFirstCol {
  border-bottom: 1px solid #bebebe;
  border-left: 1px solid #bebebe;
  text-align: center;
}

.AtAGlanceFirstCol,
.AtAGlanceSecFirstCol {
  background-color: #efefef;
  padding: 30px;
  min-height: 97px;
  text-align: center;
}

.left-last-radius {border-bottom: 0 !important}
.right-last-radius {border-bottom: 0 !important}
.last-row {border-bottom: 0 !important;}

.elementor-567 .elementor-element.elementor-element-8489cd2 img {
	height: 70px !important;
}


}
}


/*******************************************************************************************/

.OverviewContainer [data-star] {padding-bottom: 7px; line-height: normal; margin-right: -4px;}
.OverviewContainer [data-star]::before,
.OverviewContainer [data-star]::after {font-size: 14px !important; letter-spacing: 3px;}

[data-star] {
  text-align:center;
  font-style:normal;
  display:inline-block;
  position: relative;
  unicode-bidi: bidi-override;
  font-family: "FONTAWESOME";
}
[data-star]::before { 
  display:block;
  content: '\f005\f005\f005\f005\f005';
  color: #d4d4d4;
  font-size: 14px !important;
  letter-spacing: 5px;
}
[data-star]::after {
  white-space:nowrap;
  position:absolute;
  top:0;
  left:0;
  content: '\f005\f005\f005\f005\f005';
  width: 0;
  color: #00ada6;
  overflow:hidden;
  height:100%;
  font-size: 14px !important;
  letter-spacing: 5px;
}

[data-star^="0.1"]::after{width:3%}
[data-star^="0.2"]::after{width:4%}
[data-star^="0.3"]::after{width:6%}
[data-star^="0.4"]::after{width:7%}
[data-star^="0.5"]::after{width:8%}
[data-star^="0.6"]::after{width:9%}
[data-star^="0.7"]::after{width:10%}
[data-star^="0.8"]::after{width:11%}
[data-star^="0.9"]::after{width:12%}
[data-star^="1"]::after{width:20%}
[data-star^="1.1"]::after{width:23%}
[data-star^="1.2"]::after{width:24%}
[data-star^="1.3"]::after{width:26%}
[data-star^="1.4"]::after{width:27%}
[data-star^="1.5"]::after{width:28%}
[data-star^="1.6"]::after{width:29%}
[data-star^="1.7"]::after{width:30%}
[data-star^="1.8"]::after{width:31%}
[data-star^="1.9"]::after{width:32%}
[data-star^="2"]::after{width:40%}
[data-star^="2.1"]::after{width:43%}
[data-star^="2.2"]::after{width:44%}
[data-star^="2.3"]::after{width:46%}
[data-star^="2.4"]::after{width:47%}
[data-star^="2.5"]::after{width:48%}
[data-star^="2.6"]::after{width:49%}
[data-star^="2.7"]::after{width:50%}
[data-star^="2.8"]::after{width:51%}
[data-star^="2.9"]::after{width:52%}
[data-star^="3"]::after{width:60%}
[data-star^="3.1"]::after{width:63%}
[data-star^="3.2"]::after{width:64%}
[data-star^="3.3"]::after{width:66%}
[data-star^="3.4"]::after{width:67%}
[data-star^="3.5"]::after{width:68%}
[data-star^="3.6"]::after{width:69%}
[data-star^="3.7"]::after{width:70%}
[data-star^="3.8"]::after{width:71%}
[data-star^="3.9"]::after{width:72%}
[data-star^="4"]::after{width:80%}
[data-star^="4.1"]::after{width:83%}
[data-star^="4.2"]::after{width:84%}
[data-star^="4.3"]::after{width:86%}
[data-star^="4.4"]::after{width:87%}
[data-star^="4.5"]::after{width:88%}
[data-star^="4.6"]::after{width:89%}
[data-star^="4.7"]::after{width:90%}
[data-star^="4.8"]::after{width:91%}
[data-star^="4.9"]::after{width:92%}
[data-star^="5"]::after{width:100%}

/********************************************************/


.ResTable {
  border-collapse: collapse;
  width:100%;
  overflow: hidden;
}

.ResTable th {font-weight: bold;}

.ResTable th, .ResTable td {
  color: #000000 !important;
  font-size: 16px;
  line-height: 28px;
  font-family: var(--paragraph-font);
  padding: 21px 10px !important;
  text-align: center;
  width: 25%;
  border-left: 1px solid #bebebe;
  border-bottom: 1px solid #bebebe;
}
	
.ResTable th:nth-child(1),
.ResTable td:nth-child(1) {border-left: 0 !important;}

.ResTable thead tr:nth-child(odd) {background: #efefef;}
.ResTable tr:nth-child(even) {background: #efefef;}

.ResTable tr:last-child td {border-bottom: 0 !important;}

@media only screen and (max-device-width: 676px)  {
	.AccessibilityContainer .ResTable th, 
	.AccessibilityContainer .ResTable td {font-size: 15px !important; line-height: 1.3em !important;}
}
@media only screen and (max-device-width: 500px)  {
	.AccessibilityContainer .ResTable th, 
	.AccessibilityContainer .ResTable td {font-size: 14px !important;}
}
@media only screen and (max-device-width: 400px)  {
	.AccessibilityContainer .ResTable th, 
	.AccessibilityContainer .ResTable td {font-size: 13.5px !important;}
}
@media only screen and (max-device-width: 356px)  {
	.AccessibilityContainer .ResTable th, 
	.AccessibilityContainer .ResTable td {font-size: 12px !important;}
}

/*
@media only screen and (max-device-width: 1024px)  {
	.AccessibilityContainer .ResTable td:nth-of-type(1):before { content: "遊戲種類"; }
	.AccessibilityContainer .ResTable td:nth-of-type(2):before { content: "遊戲內容"; }
	.AccessibilityContainer .ResTable td:nth-of-type(3):before { content: "平台數量"; }
	.AccessibilityContainer .ResTable td:nth-of-type(4):before { content: "最高/最低賭注金額"; }
	
	.ResTable table, 
	.ResTable thead, 
	.ResTable tbody, 
	.ResTable th,
	.ResTable td, 
	.ResTable tr {display: block;}

	.ResTable thead tr {position: absolute; top: -9999px; left: -9999px;}   
	.ResTable td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
	}

	.ResTable tr:last-child {border-bottom: 1px solid #e6e6e6;}

	.ResTable td:before {
		position: absolute;
		top: 20px;
		left: 6px;
		width: 30%;
		padding-left: 10px;
		padding-right: 10px;		
		white-space: nowrap;
	}
	
	.ResTable tr:nth-child(2n) td {border-bottom: 1px solid white !important;}
	
	
	.ResTable td {text-align: left !important;}
	.ResTable td {width: 100%;}
	.ResTable tr td {padding-left: 30% !important;}
}

	
@media only screen and (max-device-width: 645px) {.ResTable tr td {padding-left: 40% !important;}}
@media only screen and (max-device-width: 480px) {.ResTable tr td {padding-left: 50% !important;}}
	
@media only screen and (max-device-width: 410px) {
	.ResTable tr td {padding-left: 54% !important; font-size: 14px !important;}
}
@media only screen and (max-device-width: 300px) {
	.ResTable td::before {text-wrap: auto !important; line-height: 1.3em !important;}
	.ResTable tr td {line-height: 1.3em !important; font-size: 13px !important;}
	.ResTable td:nth-child(4) {min-height: 80px;}
}
*/

.four-box .elementor-image-box-wrapper {
  background-color: #1da6a4;
  padding: 25px 23px;
  border-radius: 20px;
}

.four-box .elementor-image-box-img img {
  height: 50px;
  object-fit: contain;
  margin-bottom: 15px;
}

.four-box .elementor-image-box-title .small-number {font-size: 14px;}
.four-box .elementor-image-box-title .white-title {color: white !important;}
.four-box .elementor-image-box-title {
  color: black !important;
  font-weight: 100 !important;
  margin: 0 0 10px;
  font-size: 22px;
  font-family: var(--heading-font) !important;
}

.four-box .elementor-image-box-description {
  color: black !important;
  font-size: 13px !important;
  line-height: 23px;
}

.postContainerContent .elementor-button {
  background-color: #21bbb9 !important;
  box-shadow: 2px 2px 10px #6d6d6d !important;
  padding: 18px 50px !important;
  border-radius: 15px;
  font-size: 20px !important;
  font-family: var(--paragraph-font) !important;
}


/********************************************************/

.single-wpbdp_listing .listing-actions {display: none !important;}

.ListingHeader .DirectoryListingImage {min-height: 140px;}
.DirectoryListingImage {--width: 375px !important; max-width: 160px;}
.DirectoryListingImage img {max-width: 120px;}

.ListingHeader h1 {
  color: white !important;
      font-family: "PingFang Medium", sans-serif !important;
  font-size: 31px;
  line-height: 1.3em !important;
  font-weight: 400 !important;
}

.ReadFullReviewButton,
.VisitThisSiteButton {
  padding: 10px !important;
  text-transform: none;
  font-size: 18px !important;
  line-height: 18px;
  text-align: center;
  font-family: var(--menu-font) !important;
  font-weight: 300 !important;
  border: 2px solid #36a8af !important;
  border-radius: 50px;
  min-width: 190px !important;
}
.ReadFullReviewButton {
  background-color: #007c78 !important;
  color: white !important;
}
.VisitThisSiteButton {
  background-color: black !important;
  color: white !important;
}

.ReviewVisitContainer {
  display: flex;
  column-gap: 30px;
}

.ListingHeader .overview-score-rating h5,
.LisitngInfo .overview-score-rating h5 {
  font-size: 15px !important;
  font-family: var(--menu-font) !important;
  color: #383838 !important;
  font-weight: 400 !important;
}
.single-wpbdp_listing > * {
color: white !important;

}

.ListingHeader [data-star]::before,
.ListingHeader [data-star]::after,
.LisitngInfo [data-star]::before,
.LisitngInfo [data-star]::after {font-size: 17px !important; letter-spacing: 3px;}

.LisitngInfo h3 {
	font-family: "PingFang Light", sans-serif !important;
	font-weight: normal !important;
  color: black !important;
  font-size: 16px !important;
}
.LisitngInfo p {font-weight: 100 !important;}

.GATrustRatingBox {
  max-width: 200px;
  margin: auto;

 
}
.GATrustRatingBox h3 {
  font-family: BebasNeue, pingfang medium !important;
  font-size: 18px !important;
  color: white !important;
  letter-spacing: 0px;
	font-weight: normal !important;
}
.GATrustRatingBox h4 {
  font-family: var(--logo-font) !important;
  font-weight: bold !important;
  font-size: 36px !important;
  margin: 0 !important;
  text-align: center;
}
.GATrustRatingBox [data-star]::before,
.GATrustRatingBox [data-star]::after {font-size: 18px !important; letter-spacing: 1px;}

.GATrustRatingScore.red h4,
.GATrustRatingScore.red [data-star]::after {color: #ad1c1c !important;}
.GATrustRatingScore.lightred h4,
.GATrustRatingScore.lightred [data-star]::after {color: #fc2828 !important;}
.GATrustRatingScore.lightgreen h4,
.GATrustRatingScore.lightgreen [data-star]::after {color: #1cb95e !important;}
.GATrustRatingScore.green h4,
.GATrustRatingScore.green [data-star]::after {color: #03a849 !important;}

.TopCasinoSection h2 {font-family: var(--logo-font) !important; letter-spacing: 1px;}
.TopCasino .casino-box {
  background-color: black !important;
  border: 10px solid #dcd9d9 !important;
  border-radius: 45px;
  box-shadow: 0 3px 15px #b2b2b2;
  padding: 25px 0 0 !important;
  height: auto !important;
}
.TopBadge {margin-top: -50px; margin-bottom: 5px !important;}
.CasinoImage {min-height: 77px;}
.CasinoLink .elementor-button {
    border: 1px solid #00f5ff !important;
    border-radius: 50px;
    padding: 9px 30px !important;
    min-width: 114px !important;
    background-color: #03ac98 !important;
}
.CasinoLink .elementor-button span {
  text-transform: none !important;
  font-family: var(--paragraph-font) !important;
  font-weight: 100 !important;
	font-family: 'pingfang medium' !important;
	color: black !important;
}
.TopCasino .CasinoReadFR span a {
  background-color: #fe8f4a;
  display: block;
  padding: 20px 10px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  font-family: var(--menu-font) !important;
	font-family: 'pingfang light' !important;
	color: black !important;
	margin-bottom: -1px;

}
}


/********************************************************/
#DirectoryContainer h1 {
  color: black;
  font-family: var(--heading-font) !important;
  font-size: 50px;
  line-height: 54px !important;
  font-weight: 400 !important;
  margin-top: 20px;
}
#DirectoryContainer .listing-title {border: 0 !important;}
#DirectoryContainer .listing-title h3 {
  font-family: var(--heading-font) !important;
  font-weight: 400 !important;
  margin-top: 20px;
}
#DirectoryContainer.hideForm .listing-title h3 a {color: white !important; font-size: 16px; font-weight: 300; padding: 0 10px}
#DirectoryContainer .listing-title h3 a {color: white !important; font-size: 19px; font-weight: 300; padding: 0 10px}
#DirectoryContainer .listing-actions {display: none;}

#DirectoryContainer #wpbdp-listings-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    grid-gap: 26px min(10px, 4%);
}
#DirectoryContainer.hideForm .wpbdp-listing {
    text-align: center;
    border: 10px solid #dcd9d9 !important;
    box-shadow: 0 3px 15px #b2b2b2;
    border-radius: 45px;
    padding: 65px 0 0;
    margin: 2px 10px;
    background-color: black;
    flex: 0 0 270px;
}
#DirectoryContainer .wpbdp-listing {
    text-align: center;
    border: 10px solid #dcd9d9 !important;
    box-shadow: 0 3px 15px #b2b2b2;
    border-radius: 45px;
    padding: 30px 0 0;
    margin: 2px 10px;
    background-color: black;
    flex: 0 0 300px;
}
#DirectoryContainer .listingImageDir img {
    width: 60%;
    height: 80px;
    object-fit: contain;
}
#DirectoryContainer .listingReadMore a {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #2b2b2b;
    color: white;
    border-bottom-left-radius: 35px;
    border-bottom-right-radius: 35px;
    padding: 17px 10px;
    font-size: 16px;
    font-family: "PingFang Light" !important;
}

#DirectoryContainer [data-star]::before,
#DirectoryContainer [data-star]::after {font-size: 13px !important; letter-spacing: 7px;}

#DirectoryContainer [data-star]::before {color: #676158 !important;}
#DirectoryContainer [data-star]::after {color: #21d7bf !important;}


.CasinoStar [data-star]::before,
.CasinoStar [data-star]::after {font-size: 16px !important; letter-spacing: 7px;}
.CasinoStar [data-star]::before {color: #676158 !important;}
.CasinoStar [data-star]::after {color: white !important;}
html .TopCasino .CasinoStar span {
  font-weight: 100 !important;
  font-family: var(--menu-font) !important;
  margin-left: 3px;
}



/********************************************************/
#RankingBanner h1 {
  font-family: var(--logo-font) !important;
  letter-spacing: 1px;
  color: white !important;
  margin: 0;
  font-size: 52px !important;
  line-height: 1.1em;
}
#RankingBanner p {
  color: white;
  font-family: var(--paragraph-font);
  font-weight: 100 !important;
  margin-top: 5px;
  max-width: 370px;
}

.RankingsPage h2 {font-size: 45px !important; text-align: center !important;}
.TopCasinoIntro p {line-height: 1.6em !important;}

.TopCasino .casino-box span {font-size: 14px !important; font-weight: 400 !important;}
.TopCasino .CasinoStar [data-star]::before, 
.TopCasino .CasinoStar [data-star]::after {font-size: 13px !important;}

.elementor-10048 h2 {
    font-family: var(--logo-font) !important;
    font-weight: 600 !Important;
	font-size: 50px !important;
}
.elementor-10048 h3 {
	   font-family: var(--logo-font) !important;
    font-weight: 600 !Important;
	font-size: 43px;
}
.elementor-10048 .boxContinside a.elementor-button {
	font-size: 21px !important;
	font-family: 'noto sans tc' !important;
	
}
.elementor-10048 .contlogo img {
	max-width: 115px;
}
}
}

/********************************************************/
.BlogPostBanner h1 {
  color: black !important;
  font-family: var(--heading-font) !important;
  font-size: 70px;
  line-height: 70px !important;
  font-weight: 400 !important;
}
.BlogPostBanner p {
	color: black;
	max-width: 335px;
	font-weight: 100 !important;
	font-family: "pingfang light" !important;
}


#BlogMenu .elementor-icon-list-text {
  font-size: 17px !important;
  font-family: var(--paragraph-font);
  color: white;
  padding: 0 15px;
  border-bottom: 2px solid transparent;
  transition: 0.3s all;
	font-family: 'PingFang Light' !important;
}
#BlogMenu .elementor-icon-list-item a .elementor-icon-list-text.active {
  border-bottom: 2px solid white;
  transition: 0.3s all;
}


#BlogPage .pt-cv-ifield {display: flex; flex-direction: column;}
#BlogPage .pt-cv-meta-fields {order: 2;}
#BlogPage .pt-cv-content {order: 3;}
#BlogPage .pt-cv-page {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
}
#BlogPage .pt-cv-content-item {
  border-radius: 20px;
  background-color: #e9e9e9;
  padding: 0 0 10px !important;
  margin: 0 1.4% 30px;
  width: 30%;
	color: black;
}
#BlogPage .pt-cv-thumbnail {
  height: 230px !important;
  object-fit: cover;
}
#BlogPage .pt-cv-title a {color: black; font-size: 16.5px; font-family: 'noto sans tc', sans-serif !important; line-height: 29px; font-weight: 400;}
#BlogPage .pt-cv-title,
#BlogPage .pt-cv-meta-fields,
#BlogPage .pt-cv-content {padding: 0 25px; font-family: var(--paragraph-font); font-size: 16px;}
#BlogPage .pt-cv-content {font-size: 13px !important;}
#BlogPage .pt-cv-content {
    font-size: 14px !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}

#BlogPage .elementor-button {
    text-transform: capitalize !important;
    padding: 16px 10px;
    border-radius: 20px;
    width: 160px;
    margin-top: 20px;
    border: 2px solid #1f1f1f !important;
}

#BlogPage .BannerCTA .elementor-button {
    margin-top: 0;
    background-color: black !important;
    color: white !important;
    border: 2px solid black !important;
    width: 160px !important;
    border-radius: 20px !important;
    min-width: 160px !important;
}


#BlogArchivePage .elementor-posts-container.elementor-posts {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
#BlogArchivePage .elementor-grid-item {
  background-color: #e9e9e9;
  border-radius: 20px;
  flex: 0 0 356px;
}
#BlogArchivePage .elementor-post__text {padding: 0 25px;}
#BlogArchivePage .elementor-post__title {margin-bottom: 10px !important;}
#BlogArchivePage .elementor-post__title a {
  font-family: var(--paragraph-font) !important;
  font-weight: 600 !important;
  color: black !important;
  font-size: 18px !important;
}
#BlogArchivePage .elementor-post__meta-data span {
  font-family: var(--paragraph-font);
  font-weight: 100 !important;
  color: black;
  font-size: 13px !important;
}
#BlogArchivePage .elementor-post__excerpt p {
  font-family: var(--paragraph-font) !important;
  font-size: 16px !important;
  font-weight: 100 !important;
  color: #505050 !important;
  margin-bottom: 20px !important;

}
}



/********************************************************/
.single-post h1 {font-size: 60px !important; line-height: 1.3em !important;}
.single-post h2 {font-size: 26px; font-weight: 600 !important; margin-bottom: 10px; font-family: roboto !important;}
.single-post ol {margin-bottom: 29px;}
.single-post h4 {margin-bottom: 15px;}
.single-post b, strong {font-family: "pingfang medium";}
.single-post h3 {font-family: "noto sans tc" !important;}



.BlogBreadcrumbs span {
    font-size: 14px !important;
    font-family: 'pingfang light';
    color: #807e7e !important;
	text-transform: lowercase;
}
.BlogBreadcrumbs .breadcrumbs {border-bottom: 1px solid #807e7e !important; display: inline;}
.BlogPostPublish .elementor-widget-container {
  font-family: var(--paragraph-font) !important;
  font-weight: 100 !important;
  color: black;
  font-size: 15px !important;
}

.BlogShareSocial .elementor-share-btn__text {padding: 0 7px !important;}
.BlogShareSocial .elementor-grid::before {
    content: "";
    width: 500px;
    height: 1px;
    background-color: #efefef;
    display: block;
    position: absolute;
    left: -165%;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 22px;
	z-index: -1;
}
.BlogShareSocial .elementor-grid {padding: 0 10px 0 0;}

.RecentArticlesBottom  .pt-cv-content-item.pt-cv-1-col {padding: 0 20px;}
.RecentArticlesBottom .pt-cv-thumbnail {
    border-radius: 10px;
    height: 170px;
    width: 100%;
    object-fit: cover;
}
.RecentArticlesBottom .pt-cv-title a {
    color: black;
    margin-top: 5px;
    display: block;
	font-weight: 100;
	line-height: 1.5;
	font-family: "PingFang Light";
		font-size: 15px;
}
.RecentArticlesBottom .pt-cv-meta-fields {
  font-family: "Pingfang Light";
  color: #4c4c4c;
  font-size: 14px;
}


.paoc-image-popup {text-align: right; padding: 0 !important;}
.paoc-image-popup .popupaoc-img {width: 20px !important;}

#paoc-popup-2253-2 {margin-top: 100px;}
.paoc-close-popup.paoc-popup-close {
  top: 0;
  right: 0;
  border-radius: 0;
  border: 0;
  line-height: 30px;
}

.BlogSearchBar #searchForm {
  display: flex;
  width: 100%;
  max-width: 700px;
  margin: 40px auto;
}
.BlogSearchBar #searchInput {
  width: 100%;
  height: 47px;
  padding: 8px 10px;
  border-width: 1px 0px 1px 1px;
  border-style: solid none solid solid;
  border-color: black currentcolor black black;
  border-image: none;
  background-color: transparent;
  font-family: 'pingfangultralight' !important;
  font-weight: 900 !important;
  font-size: 16px;
  line-height: 47px;
  border-radius: 5px 0px 0px 5px;
}
.BlogSearchBar #searchButton {
  background-color: white;
  color: black;
  font-size: 25px;
  padding: 9px 17px;
  border-width: 1px 1px 1px 0px;
  border-style: solid solid solid none;
  border-color: black black black currentcolor;
  border-image: none;
  border-radius: 0px 5px 5px 0px;
  cursor: pointer;
}

.fa-facebook-f:before, .fa-facebook:before {content: "\f39e" !important;}

.ContentPage h4 {
  color: black;
  font-family: var(--heading-font) !important;
  font-weight: 100 !important;
  margin: 30px 0 10px;
}


.fa.fa-search {
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
}

.EducationalArchive h3 {
    font-size: 25px !important;
    margin-top: 10px;
    font-family: var(--heading-font) !important;
}
.EducationalArchive p {
    margin-top: 0 !important;
    margin-bottom: 5px;
    font-size: 16px;
	font-family: "PingFang Light";
}
.EducationArchiveLink h4 {border-bottom: 1px solid; padding-bottom: 1px; display: inline;}

.EducationTableOfContents {z-index: 1 !important;}
.EducationTableOfContents ol {margin: 0; padding: 0;}
.EducationTableOfContents ol li {
    cursor: pointer;
    padding: 20px 30px;
    margin-bottom: 2px;
    list-style: none;
    background: #e2e2e2;
    transition: background 0.3s;
    font-family: "Helvetica", Sans-serif;
    color: black;
    font-size: 17px;
}
.EducationTableOfContents ol li:hover,
.EducationTableOfContents ol li.active {background: #ab000f; color: white;}

#BlogMenu .elementor-icon-list-item.elementor-inline-item {border-bottom: 2px solid transparent;}
.category-poker #BlogMenu .elementor-icon-list-item.elementor-inline-item:nth-child(1) {border-bottom: 2px solid white;}
.category-baccarat #BlogMenu .elementor-icon-list-item.elementor-inline-item:nth-child(2) {border-bottom: 2px solid white;}
.category-mahjong #BlogMenu .elementor-icon-list-item.elementor-inline-item:nth-child(3) {border-bottom: 2px solid white;}



.EducationPageBanner h1 {
  color: black !important;
  font-family: var(--heading-font) !important;
  font-size: 60px;
  line-height: 60px !important;
  font-weight: 400 !important;
}
.EducationPageBanner p {
	color: black;
	max-width: 300px;
	font-weight: 200 !important;
}




.BlackCon h2,
.BlackCon h3, 
.BlackCon p {color: white !important;}

.BlackCon h2, .BlackCon h3 {
  font-family: var(--heading-font) !important;
  font-weight: 300 !important;
}

#SampleHands h3 {
  color: black;
  font-size: 30px;
  font-weight: 300 !important;
  font-family: var(--heading-font) !important;
  text-transform: uppercase;
}
#SampleHands h3 span {
  font-family: var(--logo-font) !important;
  font-weight: 100 !important;
}
.shapecard {
  font-size: 19px;
  margin-left: 2px;
}

.EducShowdown h3 {
    font-size: 21px;
    font-weight: 100 !important;
    margin-bottom: 20px;
	line-height: 1.3em;
}
.EducContainer h3 {
    color: black !important;
    font-weight: 400 !important;
    font-size: 18px;
}

#PokerAction h2 {
    color: #484848 !important;
    font-size: 80px;
    margin-bottom: 30px;
}
#PokerAction h3 {font-size: 30px;}
#PokerAction h3 span {
  font-family: var(--logo-font) !important;
  font-weight: 100 !important;
}

#BlindsAntes h3 {
    color: black !important;
    font-weight: 100 !important;
    font-size: 28px;
    font-family: var(--heading-font) !important;
}



#BaccaratBanner h1,
#BaccaratBanner p {color: white !important;}

#BaccaratBanner h1 {
    font-size: 70px;
	line-height: 70px;
}
#BaccaratBanner p {
    font-size: 18px;
    line-height: 28px;
}

#Introduction.BaccaratCon p,
.AdvancedTeaching p {
    font-size: 15px;
    color: black !important;
}

.HowItWorks h3 {
    color: black !important;
    font-size: 25px;
    font-family: var(--heading-font) !important;
}

.CardFirstCol::after {
    content: "";
    position: absolute;
    width: 6px;
    height: 245px;
    background-color: #5b5b5b;
    right: -23px;
    top: 0;
    bottom: 0;
}
.CardHeading h6 {min-height: 35px;}

#SampleHand h2 {
    font-size: 100px;
	line-height: 110px !important;
}
#SampleHand h3 {font-size: 30px;}

.shortParagraph p {
    max-width: 405px;
}
.longParagraph p {
    max-width: 465px;
}


.GamblersTable {
    border: 2px solid #d6d6d6;
    border-radius: 20px;
    text-align: center;
	border-top: 2px solid transparent;
}
.GamblersTableCon {padding: 0 40px;}
.GamblersTable h3 {
    padding: 12px 10px !important;
    margin: 0;
    background: linear-gradient(360deg, rgba(211, 211, 211, 1) 0%, rgba(233, 233, 233, 1) 100%);
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    width: 100.64%;
    position: relative;
    left: -2.01px;
    
}

.GamblersTable .ResTable th, 
.GamblersTable .ResTable td {
	padding: 12px 10px !important;
	border-left: 0 !important;
	border-bottom: 1px solid grey;
}
.GamblersTable .ResTable tr:nth-child(odd),
.GamblersTable .ResTable tr:nth-child(even) {background: transparent !important;}

.elementor-2803 .elementor-heading-title {
	font-size: 66px;}

.elementor-2776 .elementor-heading-title {
	font-size: 66px;}

.elementor-2732 .elementor-heading-title {
	font-size: 66px;}

.elementor-2264 .elementor-element.elementor-element-7505053 .elementor-heading-title {
	width: 230px;}

.elementor-2776 .elementor-post__title a {
	font-size: 16px !important;
	font-family: "pingfang light" !important;
	font-weight: 100 !important;
	color: #ab0010 !important;
}
.elementor-2803 .elementor-post__title a {
	font-size: 16px !important;
	font-family: "pingfang light" !important;
	font-weight: 100 !important;
	color: #ab0010 !important;

}

.elementor-2732 .elementor-post__title a {
	font-size: 16px !important;
	font-family: "pingfang light" !important;
	font-weight: 100 !important;
	color: #ab0010 !important;
}
.blog-page .nav-previous a {
	display: none !important;
	
}
.blog-page .nav-next a {
	display: none;
	
}
.elementor-2732 .elementor-element.elementor-element-88274df {
	margin-bottom: -18px !important;
}
.elementor-widget-archive-posts .elementor-pagination {
	margin-top: 40px;
	margin-bottom: -67px;
}
.single-post .postContainer li {
	margin-top: 10px;
}
}

}

/*
@media only screen and (max-width: 1024px) {
	.GamblersTableCon {padding: 0 10px;}
	
	.GamblersTable .ResTable td:nth-of-type(1):before { content: "下注類型"; }
	.GamblersTable .ResTable td:nth-of-type(2):before { content: "說明"; }
	.GamblersTable .ResTable td:nth-of-type(3):before { content: "賠率"; }
	
	.GamblersTable .ResTable tr td  {padding-left: 30% !important; border-bottom: 1px solid #eee !important;}
	.GamblersTable .ResTable tr:nth-child(even) {background: #f2f2f2 !important;}
	.GamblersTable .ResTable tr:nth-child(even) td {border-bottom: 1px solid white !important;}
	
	.GamblersTable .ResTable tr:nth-child(2n), 
	.GamblersTable .ResTable tr:nth-child(2n+1) {margin-bottom: 0;}
	.GamblersTable .ResTable tr:nth-child(2n) {border-top: 0 !important;}
	.GamblersTable .ResTable td::before {top: 12px !important; color: #000000 !important; font-size: 16px; line-height: 28px; font-family: var(--paragraph-font);}
	
	.GamblersTable .ResTable tr:last-child td:last-child {border-bottom: 0 !important;}
}

@media only screen and (max-width: 610px) {
	.GamblersTable .ResTable tr td {padding-left: 45% !important;}
}

@media only screen and (max-width: 400px) {
	.GamblersTable .ResTable tr td {padding-left: 55% !important;}
}
*/

@media only screen and (max-width: 767px) {
	.GamblersTableCon {padding: 0 20px;}

}

@media only screen and (max-width: 600px) {
	.GamblersTableCon .ResTable th, 
	.GamblersTableCon .ResTable td {font-size: 14px; line-height: 1.3em; font-family: 'pingfang light' !important;}
}
@media only screen and (max-width: 440px) {
	.GamblersTableCon {padding: 0 10px;}
}
@media only screen and (max-width: 360px) {
	.GamblersTableCon .ResTable th, 
	.GamblersTableCon .ResTable td {font-size: 13px; line-height: 1.3em;}
}

.ListingGeneralTitle {
  max-width: 155px;
}

/**********************************************************************************************************************************/

.hideme {display: none !important;}
.TopCasinoSection {transition: 0.3s all;}
.BlogPostBanner h1 {font-size: 66px; font-weight: 400 !important;}

.archive.category #BlogMenu > .e-con-inner .elementor-element {margin-left: -18px;}


@media only screen and (max-width: 1395px) {
	.page-id-2526 .EducationPageBanner {background-position: right -140px bottom 0 !important;}
	#BaccaratBanner.EducationPageBanner {background-position: right -40px bottom 0 !important;}
}
@media only screen and (max-width: 1265px) {
	 .category-news .BlogPostBanner {background-position: right -165px bottom 0 !important;}
}
@media only screen and (max-width: 1250px) {
	 .category-baccarat .BlogPostBanner {background-position: right -280px bottom 0 !important;}
}
@media only screen and (max-width: 1205px) {
	.page-id-2526 .EducationPageBanner {background-position: right -210px bottom 0 !important;}
	#BaccaratBanner.EducationPageBanner {background-position: right -120px bottom 0 !important;}
		
}
@media only screen and (max-width: 1160px) {
	.HomeBanner {background-position: right -60px bottom 0 !important;}
}
@media only screen and (max-width: 1130px) {
	#ReviewBanner {background-position: right -155px bottom 0 !important;}
	.page-id-2526 .EducationPageBanner {background-position: right -250px bottom 0 !important;}
	.category-news .BlogPostBanner {background-position: right -245px bottom 0 !important;}
}
@media only screen and (max-width: 1100px) {
	 .category-baccarat .BlogPostBanner {background-position: right -360px bottom 0 !important;}
}
@media only screen and (max-width: 1070px) {
	.HomeBanner {background-position: right -120px bottom 0 !important;}
	.page-id-2526 .EducationPageBanner {background-position: right -270px bottom 0 !important;}
	#BaccaratBanner.EducationPageBanner {background-position: right -150px bottom 0 !important;}
}
@media only screen and (max-width: 1040px) {
	.page-id-2526 .EducationPageBanner {background-position: right -300px bottom 0 !important;}
	#BaccaratBanner.EducationPageBanner {background-position: right -165px bottom 0 !important;}
	.category-news .BlogPostBanner {background-position: right -330px bottom 0 !important;}
}
@media only screen and (max-width: 1024px) {
	.HomeBanner {background-position: right -160px bottom 0 !important;}
	
	#ReviewBanner > .e-con-inner {padding: 80px 0;}
	#ReviewBanner {background-position: right -85px bottom 0 !important;}
	
	#casinoDetails {margin-bottom: 60px !important;}
	#casinoDetails > .e-con-inner {display: block !important;}
	
	#casinoDetails .casino-button-list-container,
	#casinoDetails #CasinoLoopItemsCol {--width: 100% !important;}
	
	.CasinoLeftContainer {padding-top: 30px !important;}
	.SearchAndTabContainer {padding: 0 !important;}
	
	#casinoDetails .elementor-grid-1 .elementor-grid {grid-template-columns: repeat(1,1fr) !important;}
	
	html .casinoButton {width: 100% !important;}
	
	#CasinoLoopItemsCol .elementor-widget-loop-grid > .elementor-widget-container {padding-top: 25px !important;}
	/*#CasinoLoopItemsCol .elementor-widget-loop-grid:not(.showTabMob) {display: none !important;}*/
	
	.CasinoReview,
	.OverviewContainer,
	.AtAGlanceContainer,
	.ProsandConsContainer,
	.BankingBonusContainer,
	.ReputationResearchContainer,
	.SoftwareGameVarietyContainer,
	.AccessibilityContainer {margin-bottom: 10px !important;}
	
	
	.page-id-2526 .EducationPageBanner {
  		--min-height: auto !important;
		background-position: right -80px bottom 0 !important;
	}
	#BaccaratBanner.EducationPageBanner {
  		--min-height: auto !important;
		background-position: right -150px bottom 0 !important;
		height: 401px;
	}
	
	
	#RankingBanner .e-con-inner {flex-direction: column;}
	#RankingBanner .elementor-widget-container {display: flex !important; justify-content: center !important;}
	#RankingBanner .DirectorySearchBar {--width: 100% !important; max-width: 500px; margin: auto;}
	
	
	/*#AboutUsCard {flex-direction: column-reverse;}*/
	#AboutUsCard .e-flex.e-con.e-child {width: 100% !important;}
	#AboutUsCard::before {height: 390px;}
	
	
	#HowWeReviewBanner {background-position: right -90px bottom 0 !important;}
	#HowWeReviewBanner > .e-con-inner {padding: 90px 0 !important;}
	
	.BlogPostBanner {--min-height: auto !important; background-position: right -225px bottom 0 !important;}
	.category-baccarat .BlogPostBanner {background-position: right -130px bottom 0 !important;}
	
	#BlogPage .pt-cv-page {display: block !important;}
	#BlogPage .pt-cv-content-item {width: 47%;}
	
	.BlogFeatImage img {height: auto !important;}
	.BlogSidebar {--width: 100% !important;}
	.BlogSidebar .PostCategory ul {max-width: 380px; margin: 20px auto 0;}
	
	.BlogSidebarHeading h5 {text-align: center;}
	.BlogSidebarHeading .elementor-divider-separator {margin: 0 auto !important;}
	.BlogRelatedArticles {margin-top: 10px;}
	
	.BlogAttributesContainer {padding: 0 10px;}
	.BlogTitle h1 {font-size: 50px !important;}
	.postContainer > .e-con-inner {flex-direction: column !important;}
	
	.EducationalArchive > .e-con-inner {flex-direction: column !important;}
	.EducationalArchive .TableOfContentsContainer {width: 100% !important;}
	.EducationalArchive .EducContent {--content-width: 100% !important; padding: 0 10px;}
	.EducationalArchive .EducContent > .e-con-inner {padding-top: 60px !important;}
	.EducationalArchive .EducContent {padding: 10 !important;}
	
	
	.category-table-games .BlogPostBanner {background-position: right -110px bottom 0 !important;}
	.category-news .BlogPostBanner {background-position: right 0 bottom 0 !important;}
	
	.elementor-2264 .BlogPostBanner {
		background-position: right -675px bottom 0 !important;}
	

}

@media only screen and (max-width: 980px) {
	.HomeBanner {background-position: right -310px bottom 0 !important;}
	#HowWeReviewBanner {background-position: right -130px bottom 0 !important;}
	.page-id-2526 .EducationPageBanner {background-position: right -110px bottom 0 !important;}
}

@media only screen and (max-width: 960px) {
	.CardSidebySideThreeCards {display: flex; max-width: 860px; margin: auto;}
	.CardSidebySideThreeCards .ThreeCards {width: 113%;}
}

@media only screen and (max-width: 950px) {
	.HeaderNavigation {width: 100% !important; padding: 0;}
	.HeaderSocial {display: none !important;}
	
	/*.TopCasinoSection {padding: 0 !important;}
	.page-id-1998 .TopCasinoContainer {
	  overflow: scroll;
	  padding: 0;
	  scrollbar-width: none;
	  -ms-overflow-style: none;
	}
	
	.TopCasinoSection .TopCasinoContainer .elementor-section-wrap {
	  overflow: scroll;
	  padding: 20px 0;
	  scrollbar-width: none;
	  -ms-overflow-style: none;
	}
	.TopCasino  {max-width: 950px !important; width: 950px !important;} */
	.home .TopCasino,
	.TopCasinoContainer .TopCasino {flex-wrap: wrap;}
	.TopCasino .casino-box {width: 100% !important; max-width: 280px; }
	
	.TopCasinoContainer {padding: 0 10px;}
	
	
	.category-baccarat .BlogPostBanner {background-position: right -170px bottom 0 !important;}
}
@media only screen and (max-width: 900px) {
	.TopCasinoSection {background-color: transparent; }
	/*.TopCasino  {max-width: 930px !important; width: 930px !important; --gap: 30px !important;}*/
	
	#DirectoryContainer #wpbdp-listings-list {grid-gap: 26px min(0px, 4%);}
	
	
	.LisitngInfo > .e-con-inner > .e-con.e-child {flex-direction: column-reverse !important;}
	.LisitngInfo > .e-con-inner > .e-con.e-child > .e-con.e-child {width: 100% !important; margin-top: -20px; margin-bottom: 33px; padding-left: 15px; padding-right: 15px;}
	
	
	#ReviewBanner {background-position: right -160px bottom 0 !important;}
	#HowWeReviewBanner {background-position: right -260px bottom 0 !important;}
	.page-id-2526 .EducationPageBanner {background-position: right -160px bottom 0 !important;}
	.category-news .BlogPostBanner {background-position: right -65px bottom 0 !important;}
}

@media only screen and (max-width: 890px) {
	.CardTitleDesc > .e-con-inner > .e-con.e-child {flex-direction: column !important;}
	.CardTitleDesc .e-con.e-child > .e-con.e-child {width: 100% !important; text-align: center;}
	
	.CardTitleDesc .e-con.e-child > .e-con.e-child .elementor-widget-image-box {display: flex; justify-content: center;}
	.CardTitleDesc .elementor-widget-image-box .elementor-image-box-title {margin: 0 !important; line-height: 1.3em !important;}
	
	.firstSentenceAbout {max-width: 400px !important;}
	
	.category-baccarat .BlogPostBanner {background-position: right -200px bottom 0 !important;}
}

@media only screen and (max-width: 885px) {
	.CardSidebySideThreeCards img {height: auto !important;}
}

@media only screen and (max-width: 870px) {
	.HomeBanner h1 {font-size: 70px !important;}
	.BlogPostBanner {background-position: right -320px bottom 0 !important;}
	.EducationPageBanner h1 {font-size: 55px !important; line-height: 1.1em !important;}
	.category-table-games .BlogPostBanner {background-position: right -220px bottom 0 !important;}
	
	.elementor-2264 .BlogPostBanner {
		background-position: right -860px bottom 0 !important;}
}

@media only screen and (max-width: 840px) {
	.OverviewTable {margin-top: 15px;}
	.OverviewContentContainer > .e-con-inner {display: block;}
	
	#HowWeReviewBanner {background-position: right -305px bottom 0 !important;}
	.category-news .BlogPostBanner {background-position: right -130px bottom 0 !important;}
}

@media only screen and (max-width: 815px) {
	.HomeBanner h1 {font-size: 60px !important; line-height: 1.3em !important; margin: 0;}

	
	.category-baccarat .BlogPostBanner {background-position: right -230px bottom 0 !important;}
}
	
@media only screen and (max-width: 790px) {
	#Header .HeaderLogo,
	#Header .HeaderNavigation {width: 50% !important; padding: 0;}
	
	#Header {min-height: 60px;}
	#Header .e-con-inner {padding: 10px 0;}
	
	#mega-menu-item-3100 .mega-sub-menu {margin: 0 !important;}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {background-color: #333 !important;}
	
	
	.BlogPostBanner {background-position: right -380px bottom 0 !important;}
	.category-baccarat .BlogPostBanner {background-position: right -260px bottom 0 !important;}
	.category-table-games .BlogPostBanner {background-position: right -270px bottom 0 !important;}
	
	.elementor-2264 .BlogPostBanner {
		background-position: right -910px bottom 0 !important;}
	}
}

@media only screen and (max-width: 780px) {
	#BaccaratBanner.EducationPageBanner {background-position: right -50px bottom 0 !important;}
	
}

@media only screen and (max-width: 767px) {
	.HomeBanner {background-position: right !important;}
	.HomeBanner > .e-con-inner {padding: 10px 0 !important;}
	
	.showMobileView {display: block !important;}
	.hideMobileView {display: none !important;}
	
	#Header .HeaderLogo .elementor-image-box-wrapper {display: flex; align-items: center; flex-direction: row;}
	#Header .HeaderLogo .elementor-image-box-img {margin-right: 15px !important;}
	
	#ReviewBanner p {max-width: 445px;}
	
	.firstSentenceAbout {max-width: 290px !important;}
	
	.SearchDirectory.mobileSearch input[type="text"] {background-color: white !important;}
	
	.OurServicesChips::after {
		height: 290px !important; 
		width: 225px !important; 
		bottom: -35px !important; 
		right: 40px !important;
		left: auto !important;
	}
	.ServicesPoints {padding-left: 0 !important;}
	.ServicesPoints .Points .elementor-widget-container {margin: 0 !important}
	
	
	.TopCasinoSection .elementor-divider-separator,
	.RankingsPage .elementor-divider-separator {display: block !important; width: 100% !important;}
	
	.TopCasinoSection .elementor-divider-separator h2,
	.RankingsPage .elementor-divider-separator h2 {margin: auto !important; font-size: 36px !important;}
	
	.TopCasinoSection .elementor-divider-separator::before,
	.TopCasinoSection .elementor-divider-separator::after,
	.RankingsPage .elementor-divider-separator::before,
	.RankingsPage .elementor-divider-separator::after {content: none !important;}
	
	.TopCasinoTitleContainer {padding: 0 10px !important; margin: 0 !important;}
	.TopCasinoTitleContainer .elementor-widget-container,
	.TopCasinoTitleContainer p {padding: 0 !important; margin: 0 !important; margin-bottom: 10px !important;}
	
	.FAQsContainer {margin-bottom: 20px !important;}
	
	.Footer .e-con-inner {padding-bottom: 20px !important;}
	.FooterSocialIcon .e-con.e-child {width: 35px;}	
	.FooterLInk .elementor-widget-container {border: 0 !important;}
	
	
	.TitleContainer > .e-con.e-child > .e-con.e-child {width: 35% !important; position: relative; top: 1px;}

	
	.OverallRatingContainer {
	  border-left: 0 !important;
	  border-right: 0 !important;
	  border-top: 1px solid white;
	  border-bottom: 1px solid white;
	  max-width: 300px;
	  margin: auto;
	}
	
	
	.OverviewStars .e-con-inner {--gap: 0 !important;}
	.OverviewStars .e-flex.e-con.e-child {width: 100% !important;}
	
	
	.AtAGlanceFirstCol, 
	.AtAGlanceSecondCol, 
	.AtAGlanceSecFirstCol {width: 50% !important; border-left: 0 !important;}
	
	.AtAGlanceFirstCol.left-last-radius, 
	.AtAGlanceSecondCol.last-row {border-bottom: 1px solid #bebebe !important;}
	
	
	.BBContainer > .e-con.e-child {width: 50% !important;}
	
	
	.AccessibilityContainer .e-con.e-flex {--flex-wrap: nowrap !important;}
	
	
	.page-id-2526 .EducationPageBanner {background-position: right -210px bottom 0 !important;}
	
	
	#GameObjectives h2, #GameObjectives p {text-align: center;}
	#PointCalculation .elementor-image-box-img {width: 100% !important;}
	#PointCalculation .elementor-image-box-img img {width: 100% !important; max-width: 240px; margin-bottom: 15px;}
	#SampleHand h2 {font-size: 80px !important; line-height: 1em !important;}
	
	.CardTitleDesc .elementor-widget-image-box img {margin-bottom: 10px !important;}
	
	#Odds .e-con.e-flex,
	#SideBet .e-con.e-flex {--flex-wrap: nowrap !important;}
	
	#BaccaratType .elementor-widget-container {margin: 0 !important;}
	#BaccaratType .elementor-widget-container img {max-width: 220px; margin-bottom: 20px;}
	#BaccaratType .elementor-widget-container .elementor-image-box-title {margin: 0; font-size: 45px;}
	
	
	#RankingBanner .elementor-widget-container img {max-width: 150px;}
	#RankingBanner p {max-width: 100% !important;}
	
	
	.BlogTitle h1 {font-size: 40px !important; line-height: 52px !important;}
	
	.DirectoryListingImage {--width: 100% !important; max-width: 100% !important;}
	.ListingHeader h1 {text-align: center; margin-bottom: 14px; margin-top: 9px;}
	.StarContainer {margin: auto; max-width: 130px;}
	
	.ListingHeader > .e-con-inner .e-con.e-child {--gap: 0 !important; margin-top: -7px; margin-bottom: -10px;}
	.ListingHeader .DirectoryListingImage {min-height: auto !important;}
	
	.LisitngInfo > .e-con-inner {padding: 60px 0 !important;}
	.ListingInfoContainer.e-flex.e-con.e-child {--flex-wrap: nowrap !important;}
	
	
	#HowWeReviewContent > .e-con-inner {padding-top: 40px;}
	#HowWeReviewContent ul {padding-left: 40px !important;}
	
	
	.CardSidebySide {justify-content: center; align-items: baseline;}
	.CardSidebySide > .e-con-inner > .e-flex.e-con.e-child,
	.CardSidebySide > .e-flex.e-con.e-child {width: 44% !important;}
	
	.CardFirstCol::after {top: 15px;}
	
	
	.CardSidebySideThreeCards .ThreeCards {width: 54%;}
	.CardSidebySideThreeCards .WithThreeCards {--width: 36.5% !important;}
	
	#HomeFAQs .elementor-toggle .elementor-tab-title {padding: 7px;}

	.postContainer p, 
	.postContainer li {font-family: 'pingfang light' !important;}
		
	.BlogPostPublish .elementor-widget-container {font-family: 'pingfang light' !important; color: #606060;}
	
	.paoc-image-popup {margin-right: -16px;}
	
	.elementor-2266 .elementor-element.elementor-element-3cf8763:not(.elementor-motion-effects-element-type-background) {background-position: right -298px bottom 0 !important;}

	
	.entry-content p strong, 
	.entry-content li strong {font-weight: 500 !important; font-family: 'noto sans tc' !important;}
	.EducContainer h3 {font-family: 'pingfang medium' !important; font-weight: 100 !important;}

	.category-news .BlogPostBanner {background-position: right -180px bottom 0 !important;}
	
	.single-post h2 {
		line-height: 39px !important;

		
	}
	.single-post b, strong {
		font-family: "pingfang medium" !important;
	}
	.single-post h3 {
		font-family: "pingfang medium" !important;
	}
	
	.single-post #postContent img {
		/*margin-bottom: -45px;*/

	}
	.elementor a {
		font-weight: 300 !important;
	}
	.elementor-10048 .contlogo img {
		max-width: 130px;
	}
		.elementor-10048 .boxContinside a.elementor-button {
	width: 75% !important;
	}

}

@media only screen and (max-width: 740px) {
	#ReviewBanner {background-position: right -200px bottom 0 !important;}
	.BlogPostBanner {background-position: right -420px bottom 0 !important;}
	
	.category-baccarat .BlogPostBanner {background-position: right -310px bottom 0 !important;}
}

@media only screen and (max-width: 720px) {
	#HowWeReviewBanner {background-position: right -355px bottom 0 !important;}
	.page-id-2526 .EducationPageBanner {background-position: right -240px bottom 0 !important;}
	#BaccaratBanner.EducationPageBanner {background-position: right -80px bottom 0 !important;}
}

@media only screen and (max-width: 715px) {
	.CardSidebySide.TwoCards img {height: auto !important;}
	.category-news .BlogPostBanner {background-position: right -220px bottom 0 !important;}
}

@media only screen and (max-width: 690px) {
	#ReviewBanner {background-position: right -165px bottom 0 !important;}
	#BaccaratBanner.EducationPageBanner {background-position: right -75px bottom 0 !important; height: 261px !important;}
	.page-id-2526 .EducationPageBanner {background-position: right -215px bottom 0 !important;}
	.BlogPostBanner {background-position: right -450px bottom 0 !important;}
	.category-table-games .BlogPostBanner {background-position: right -410px bottom 0 !important;}
	.category-news .BlogPostBanner {background-position: right -270px bottom 0 !important;}
	
	#ReviewBanner h1 {font-size: 50px !important; line-height: 1.3em !important;}
	.EducationPageBanner h1 {font-size: 50px !important;}
	.BlogPostBanner h1 {font-size: 50px !important; line-height: 1.3em !important;}
	
	
	#ReviewBanner p {max-width: 350px;}
	.BannerContentContainer,
	.EducationContentContainer,
	.BlogBannerContainer {--gap: 0 !important;}

	}
	
}

@media only screen and (max-width: 675px) {
	.CardSidebySideThreeCards .ThreeCards {width: 53%;}
	.CardSidebySideThreeCards .WithThreeCards {--width: 36% !important;}
}

@media only screen and (max-width: 670px) {
	.category-baccarat .BlogPostBanner {background-position: right -340px bottom 0 !important;}
	#HowWeReviewBanner {background-position: right -395px bottom 0 !important;}	
	#BaccaratBanner.EducationPageBanner {background-position: right -100px bottom 0 !important;}
}

@media only screen and (max-width: 655px) {

	.HomeBanner h1 {font-size: 50px !important;}
	
	#BlogPage .pt-cv-content-item {width: 97%;}
	
	.CardFirstCol::after {height: 212px;}
	
	.elementor-2732 .elementor-widget-image img {
		max-height: 260px;
	}
	.elementor-2803 .elementor-widget-image img {
		max-height: 260px;
	}
	.elementor-2776 .elementor-widget-image img {
		max-height: 260px;
	}
	.BlogFeatImage img {
		height: 240px !important;
	}
	
	.category-news .BlogPostBanner {background-position: right -300px bottom 0 !important;}
}

@media only screen and (max-width: 635px) {
	#ReviewBanner {background-position: right -200px bottom 0 !important;}
	.BlogPostBanner { background-position: right -500px bottom 0 !important;}
	.category-table-games .BlogPostBanner {background-position: right -400px bottom 0 !important;}
	
	.category-baccarat .BlogPostBanner {background-position: right -380px bottom 0 !important;}
	.category-baccarat .BlogPostBanner p {max-width: 250px;}
	
	.page-id-2526 .EducationPageBanner {background-position: right -250px bottom 0 !important;}
	
	
	.OurServicesChips::after {height: 265px !important; bottom: -15px !important; right: 5px !important;}
	
	.ImageWithHeight img {height: auto !important;}
	
	#BaccaratBanner .EducationContentContainer {max-width: 270px;}
	
	#BlogPage .pt-cv-content {
		font-family: 'pingfang light' !important;
	font-size: 16px;}
	
	#BlogPage .pt-cv-title a {
		font-family: 'noto sans tc', sans-serif !important;
		font-weight: 400 !important;}
	
	.loop-item-container h4 {
		font-family: 'noto sans tc', sans-serif; !important;
		font-weight: 400 !important;
	}
}

@media only screen and (max-width: 600px) {
	.OurServicesChips h2, .OurServicesDesc p {max-width: 330px !important;}
	.BlogPostBanner .e-flex.e-con.e-child {max-width: 295px;}
	.category-baccarat .BlogPostBanner {background-position: right -415px bottom 0 !important;}
	
	#HowWeReviewBanner > .e-con-inner {padding: 60px 0 !important;}
	#HowWeReviewBanner {background-position: right -325px bottom 0 !important;}
	
	.EducationalArchive p {
		font-family: "pingfang light" !important;
	}
	
	.page-id-2526 .EducationPageBanner {background-position: right -280px bottom 0 !important;}
	
	body:not(.blog) #BlogMenu > .e-con-inner {padding: 10px 0;}
	body:not(.blog) #BlogMenu .elementor-icon-list-text {font-size: 14px !important; line-height: 1.4em; padding: 5px 5px !important;}
	
	#HomeFAQs .elementor-toggle-title {font-size: 15px; line-height: 1.3em;font-family: 'PingFang light' !important;}
	
	.CardFirstCol::after {height: 200px;}
	
	.page-id-2526 .AddPadding {padding-top: 30px;}	
	.page-id-2528 .AddPadding {padding-top: 60px;}
	
	.AccessibilityContainer .ResTable th,
	.AccessibilityContainer .ResTable tr td:nth-child(1) {font-family: "Roboto", "Sans-serif" !important; font-weight: bolder !important;}
}

@media only screen and (max-width: 590px) {
	#ReviewBanner {background-position: right -225px bottom 0 !important;}
	.page-id-2526 .AddPadding {padding-top: 60px;}
	
	.CardSidebySideThreeCards {--gap: 30px !important; justify-content: center;}
	
	.SearchDirectory input[type="text"] {
		font-family: "pingfang light" !important;
		font-weight: 100 !important;
	}
}

@media only screen and (max-width: 580px) {
	#ReviewBanner {background-position: right -150px bottom 0 !important;}
	#BaccaratBanner.EducationPageBanner {background-position: right -65px bottom 0 !important;}
	.page-id-2526 .EducationPageBanner {background-position: right -200px bottom 0 !important;}
	.BlogPostBanner { background-position: right -378px bottom 0 !important;}
	.category-baccarat .BlogPostBanner,
	.category-table-games .BlogPostBanner {background-position: right -310px bottom 0 !important;}
	.category-news .BlogPostBanner {background-position: right -190px bottom 0 !important;}
	
	#ReviewBanner > .e-con-inner,
	.page-id-2526 .EducationPageBanner > .e-con-inner,
	#BaccaratBanner.EducationPageBanner > .e-con-inner,
	.BlogPostBanner > .e-con-inner {padding: 40px 0;}
	
	.elementor-2176 .elementor-heading-title {font-family: 'pingfang medium' !important; font-weight: 100 !important;}
}


@media only screen and (max-width: 550px) {
	
	.AboutUsCardBG {display: none !important;}
	.firstSentenceAbout {max-width: 235px !important;}
	
	
	#ReviewBanner {background-position: right -175px bottom 0 !important;}
	.category-baccarat .BlogPostBanner {background-position: right -335px bottom 0 !important;}
	#HowWeReviewBanner {background-position: right -340px bottom 0 !important;}
	
	
	.CardFirstCol::after {height: 180px; top: 20px;}
	
	#BlogPage .pt-cv-content {
		font-family: 'pingfang light' !important;
	font-size: 16px;}
	
	#BlogPage .pt-cv-title a {
		font-family: 'noto sans tc', sans-serif !important;
		font-weight: 400 !important;
	}
	
	.elementor-2264 .elementor-element.elementor-element-1420679 {background-position: right -483px bottom 0 !important;}
}

@media only screen and (max-width: 540px) {
	.BlogShareSocial .elementor-grid::before {width: 400px; left: -125%;}
	.EducContent .elementor-widget-image img {height: 260px !important;}
}

@media only screen and (max-width: 535px) {
	#ReviewBanner > .e-con-inner,
	.page-id-2526 .EducationPageBanner > .e-con-inner,
	.BlogPostBanner > .e-con-inner {padding: 30px 0;}
	
	#ReviewBanner {background-position: right -240px bottom 0 !important;}
	.page-id-2526 .EducationPageBanner {background-position: right -280px bottom 0 !important;}
	.BlogPostBanner {background-position: right -353px bottom 0 !important;}
	.category-baccarat .BlogPostBanner,
	.category-table-games .BlogPostBanner {background-position: right -305px bottom 0 !important;}
	
	.BlogBannerContainer {max-width: 250px;}
	
	#ReviewBanner .BannerContentContainer,
	.page-id-2526 .EducationContentContainer {max-width: 250px; --gap: 10px !important;}
	
	#ReviewBanner h1,
	.EducationPageBanner h1 {line-height: 1.1em !important;}
	
	.OurServicesChips h2, .OurServicesDesc p {max-width: 275px !important;}
	
	.TopCasinoTitleContainer .e-con-inner {--gap: 5px !important; padding: 0 5px;}
	.TopCasinoSection h2 {font-size: 40px !important; font-weight: 400 !important;}
	
	.elementor-button {padding: 15px; min-width: 150px;}
	
	.TitleContainer {padding: 10px !important;}
	
	.paragraph-padding, 
	.paragraph-padding.with-single-container {padding: 20px !important;}
	
	.OverviewContentContainer {padding: 20px 10px !important;}
	.ProsAndConsContainerHolder {padding: 0 10px !important;}
	
	.BBContainer > .elementor-element,
	.AtAGlanceFirstCol, 
	.AtAGlanceSecFirstCol {padding: 25px 10px !important;}
	
	.BBContainer > .elementor-element h5, 
	.AtAGlanceFirstCol h5 {line-height: 1.3em !important;}
	
	#HowWeReviewBanner h1 {font-size: 45px; line-height: 1.1em !important;}
	#HowWeReviewBanner {background-position: right -250px bottom 0 !important;}
}

@media only screen and (max-width: 530px) {
	.AboutUsHeadingCon .elementor-widget-container {margin: 0 !important;}
	#AboutUs.internalContent h1 {font-size: 55px !important; line-height: 1.1em !important;}
	
	#BlogArchivePage .elementor-grid-item {width: 100%;}
	
	.elementor-1185 .elementor-widget-heading .elementor-heading-title {font-size: 46px !important;}
	
	#BlogArchivePage .elementor-post__title a {font-family: "pingfang medium" !important;font-weight: 100 !important;}
	#BlogArchivePage .elementor-post__excerpt p	{font-family: "pingfang light" !important;}
	
	.category-news .BlogPostBanner {background-position: right -140px bottom 0 !important;}
}

@media only screen and (max-width: 505px) {
	.BlogPostBanner { background-position: right -400px bottom 0 !important;}
	.category-baccarat .BlogPostBanner {background-position: right -330px bottom 0 !important;}
	.category-table-games .BlogPostBanner {background-position: right -300px bottom 0 !important;}
	.category-news .BlogPostBanner {background-position: right -180px bottom 0 !important;}
	
	#BaccaratBanner.EducationPageBanner {background-position: right -160px bottom 0 !important;}
	#BaccaratBanner .EducationContentContainer {max-width: 219px; margin-top: -30px;}
	
	.blog #BlogMenu .elementor-icon-list-text {font-size: 14px !important; padding: 0 10px !important;}
}

@media only screen and (max-width: 490px) {
	.OverviewStars .e-flex.e-con.e-child:nth-child(1) {/*width: 60% !important;*/ padding-left: 0 !important;}
	.OverviewStars .e-flex.e-con.e-child:nth-child(2) {/*width: 40% !important;*/}
	
	.CardFirstCol::after {height: 160px;}
}

@media only screen and (max-width: 485px) {
	.TitleContainer > .e-flex.e-con.e-child {--gap: 10px !important; align-items: start;}
	
	.OurServicesChips .elementor-widget-container {margin: 0 !important;}
	.OurServicesChips h2, .OurServicesDesc p {max-width: 220px !important;}
	.OurServicesChips::after {height: 250px !important; width: 200px !important; bottom: -10px !important; right: 10px !important;}
	.OurServicesChips h2 {font-size: 42px !important;}
	
	.page-id-2526 .EducationPageBanner {background-position: right -380px bottom 0 !important;}
	
	
	#BaccaratBanner.EducationPageBanner {background-position: right -160px bottom 0 !important;}
	
	#SampleHand h2 {font-size: 60px !important;}
	
	.BlogPostBanner {background-position: right -390px bottom 0 !important;}
	.BlogPostBanner p {width: 220px !important; font-size: 14px !important; line-height: 1.6em !important; font-family: 'pingfang light' !important;}
	
	.category-baccarat .BlogPostBanner {background-position: right -315px bottom 0 !important;}
	#HowWeReviewBanner {background-position: right -275px bottom 0 !important;}
	
	.elementor-2264 .elementor-element.elementor-element-1420679 {
		background-position: right -490px bottom 0 !important;}
	
	.TitleContainer .overview-score-rating h5 {font-size: 13.5px !important;}
	
	.category-table-games .BlogPostBanner {background-position: right -310px bottom 0 !important;}
}

@media only screen and (max-width: 480px) {
	#AboutUsCard::before {top:0;}
	#AboutUs.internalContent h1 {font-size: 45px !important;}
	.firstSentenceAbout {max-width: 180px !important;}
	
	.entry-content p, 
	.entry-content li,
	.entry-content td,
	.loop-item-container .elementor-widget-container {font-family: "pingfang light" !important; font-size: 15px !important;}
	.OurServicesDesc p, .OurServicesSection .elementor-image-box-description, .topRatedCasinoP p {font-family: "pingfang light" !important;}
	
	.CardSidebySide.TwoCards.NoHeading h6 {display: none;}
	.CardSidebySide.TwoCards.NoHeading .CardFirstCol::after {height: 130px;}
	
	#HomeFAQs .elementor-tab-content {font-family: "pingfang light" !important;}
}

@media only screen and (max-width: 475px) {
	#ReviewBanner {background-position: right -240px bottom 0 !important;}
}

@media only screen and (max-width: 465px) {
	#BaccaratBanner.EducationPageBanner {background-position: right -185px bottom 0 !important;}
	
	.CardSidebySideThreeCards {--gap: 15px !important;}
}

@media only screen and (max-width: 450px) {
	#ReviewBanner {background-position: right -290px bottom 0 !important;}
	
	.EducationPageBanner p {font-size: 15px !important; line-height: 1.6em !important;}
	
	.ListingInfoContainer.e-flex.e-con.e-child {--flex-wrap: wrap; margin-bottom: 30px; --gap: 8px !important; padding-right: 10px; padding-left: 10px;}
	.ListingGeneralTitle {padding: 0;}
	
	
	.BlogPostBanner {background-position: right -410px bottom 0 !important;}
	.BlogPostBanner p {width: 220px !important; font-family; "pingfang light" !important;}
	
	#HowWeReviewBanner {background-position: right -290px bottom 0 !important;}
	
	.page-id-2526 .EducationPageBanner {background-position: right -330px bottom 0 !important;}
	#BaccaratBanner.EducationPageBanner {background-position: right -144px bottom 0 !important;}
	
	.elementor-1185 .BlogPostBanner p {max-width: 180px !important;}	
}

@media only screen and (max-width: 445px) {
	.BlogPostBanner {background-position: right -420px bottom 0 !important;}
	
		.elementor-2266 .BlogPostBanner {background-position: right -137px bottom 0 !important;}
}

@media only screen and (max-width: 440px) {
	.category-baccarat .BlogPostBanner > .e-con-inner {padding: 20px 0;}
	.category-baccarat .BlogPostBanner {background-position: right -410px bottom 0 !important;}
	.category-baccarat .BlogPostBanner .e-flex.e-con.e-child {max-width: 240px;}
	
	.BlogShareSocial .elementor-grid::before {width: 330px; left: -95%;}
	
	.TitleContainer h3 {font-size: 16px !important; font-family: 'noto sans tc', sans-serif; !important; font-weight: 400 !important;}
}

@media only screen and (max-width: 430px) {
	.TopCasinoSection h2 {font-size: 32px !important;}
	
	.category-baccarat .BlogPostBanner .e-flex.e-con.e-child {max-width: 215px;}
	.category-baccarat .BlogPostBanner p {width: 175px !important;}
	
	#HowWeReviewBanner {background-position: right -310px bottom 0 !important;}
	
	.page-id-2526 .EducationPageBanner {background-position: right -335px bottom 0 !important;}
}

@media only screen and (max-width: 420px) {
	.CardFirstCol::after {height: 140px; width: 3px;}
	.CardSidebySide.TwoCards.NoHeading .CardFirstCol::after {height: 110px;}
	.CardSidebySide.TwoCards h6 {min-height: 18px !important;}
	.HowItWorks h3, 
	#SampleHand h3 {font-size: 18px !important;}
}

@media only screen and (max-width: 415px) {
	.HomeBanner .e-con-inner {padding: 30px 0;}
	.HomeBanner h1 {line-height: 1.1em !important;}

	
	#ReviewBanner {background-position: right -307px bottom 0 !important;}
	.page-id-2526 .EducationPageBanner {background-position: right -266px bottom 0 !important;}
	.BlogPostBanner {background-position: right -445px bottom 0 !important;}
	.category-baccarat .BlogPostBanner {background-position: right -430px bottom 0 !important;}
	
	#ReviewBanner .BannerContentContainer,
	.EducationContentContainer {max-width: 220px;}
	
	.OurServicesChips h2 {font-size: 44px !important;}
	.OurServicesChips h2, .OurServicesDesc p {max-width: 220px !important;}
	
	#BaccaratBanner .EducationContentContainer {max-width: 181px;}
	
	.EducationPageBanner h1 {font-size: 31px !important;}
	
	body:not(.blog) #BlogMenu .elementor-icon-list-text {font-size: 12px !important; padding: 5px 4px 0 !important;}
	.category-news .BlogPostBanner {background-position: right -235px bottom 0 !important;}
	
}
@media only screen and (max-width: 410px) {
	.TitleContainer h3 {font-size: 16px;}
	.TitleContainer .overview-score-rating h5 {font-size: 12.5px !important;}	
	.TitleContainer [data-star]::before,
	.TitleContainer [data-star]::after {font-size: 12px !important; letter-spacing: 4px !important;}
	
	
	.OverviewContainer [data-star]::before, 
	.OverviewContainer [data-star]::after {font-size: 12px !important; letter-spacing: 3px;}
	.OverviewContainer .overview-score-rating h5 {font-size: 12.5px !important;}
	
	#HowWeReviewBanner {background-position: right -340px bottom 0 !important;}
	
}
@media only screen and (max-width: 400px) {
	.BlogPostBanner p {max-width: 230px !important; font-family: 'pingfang light' !important;}
	
	
	.BlogBannerContainer {max-width: 200px;}
	.BlogPostBanner {background-position: right -440px bottom 0 !important;}
	.category-baccarat .BlogPostBanner {background-position: right -450px bottom 0 !important;}
	
	#AboutUsCard::before {top: 35px;}
	.firstSentenceAbout {max-width: 155px !important;}
	
	#ReviewBanner {background-position: right -316px bottom 0 !important;}
	
	
	.page-id-2526 .EducationPageBanner {background-position: right -292px bottom 0 !important;}
}
@media only screen and (max-width: 390px) {
	.TitleContainer > .e-con.e-child > .e-con.e-child {width: 140px !important;}
	.OurServicesChips::after {height: 210px !important; width: 170px !important; bottom: 10px !important; right: -5px !important;}
	.OverviewStars {padding: 7px 10px;}
	
	
	#ReviewBanner {background-position: right -339px bottom 0 !important;}
	.BlogPostBanner {background-position: right -460px bottom 0 !important;}
	#HowWeReviewBanner {background-position: right -360px bottom 0 !important;}
		
	.BlogBreadcrumbs span {font-size: 13px !important;}
	#BaccaratBanner.EducationPageBanner {background-position: right -174px bottom 0 !important;}
	.category-table-games .BlogPostBanner {background-position: right -370px bottom 0 !important;}
	
	#BlogArchivePage .elementor-grid-item {flex: 0 0 100% !important;}
		
}

@media only screen and (max-width: 380px) {
	.category-baccarat .BlogPostBanner {background-position: right -470px bottom 0 !important;}
	.archive.category #BlogMenu > .e-con-inner .elementor-element {margin-left: 0 !important;}
	
	.category-news .BlogPostBanner {background-position: right -270px bottom 0 !important;}
	.page-id-2526 .EducationPageBanner {background-position: right -313px bottom 0 !important;}
	.page-id-2526 .EducationContentContainer {max-width: 210px;}
	
	#BaccaratBanner.EducationPageBanner {background-position: right -174px bottom 0 !important;}
	
	.CardSidebySide.TwoCards {padding-bottom: 20px;}
	.CardSidebySide.TwoCards.NoHeading {margin-bottom: 20px;}
	.CardFirstCol::after {height: 120px;}
	.CardSidebySide.TwoCards.NoHeading .CardFirstCol::after {height: 105px;}
}

@media only screen and (max-width: 375px) {
	.CardSidebySide > .e-con-inner > .e-flex.e-con.e-child, 
	.CardSidebySide > .e-flex.e-con.e-child {width: 43% !important;}
	.CardSidebySide.TwoCards.NoHeading .CardFirstCol::after {height: 90px;}
	.elementor-14 .elementor-element.elementor-element-9818f7b:not(.elementor-motion-effects-element-type-background) {min-height: 600px;}
}

@media only screen and (max-width: 360px) {
	.loop-item-container h5,
	.loop-item-container p, 
	.loop-item-container li {font-size: 14px !important; line-height: 1.3em !important;}
	
	#Header .HeaderLogo .elementor-image-box-img {margin-right: 10px !important;}
	
	
	.ProsContainer li::before, 
	.ConsContainer li::before {line-height: 25px !important; margin-right: 10px;}
	
	
	.page-id-2526 .EducationPageBanner {background-position: right -324px bottom 0 !important;}
	
	
	.TitleContainer > .e-con.e-child > .e-con.e-child {width: 130px !important;}
	
	/*.OverviewStars .e-flex.e-con.e-child:nth-child(1) {width: 52% !important;}
	.OverviewStars .e-flex.e-con.e-child:nth-child(2) {width: 46% !important;}*/
	
	#ReviewBanner {background-position: right -350px bottom 0 !important;}
	.BlogPostBanner {background-position: right -505px bottom 0 !important;}
	.BlogPostBanner p {max-width: 185px !important;}
	
	.blog .BlogPostBanner {background-position: right -450px bottom 0 !important;}
	#HowWeReviewBanner {background-position: right -390px bottom 0 !important;}
	
	.BlogShareSocial .elementor-grid::before {width: 270px; left: -75%;}
	
	.CardSidebySideThreeCards {--gap: 5px !important;}
	
	.elementor-2264 .elementor-element.elementor-element-1420679 {
		background-position: right -555px bottom 0 !important;
	}

}

@media only screen and (max-width: 346px) {
	.TitleContainer h3 {font-size: 15px;}
	.TitleContainer > .e-con.e-child > .e-con.e-child {width: 120px !important;}
	.TitleContainer [data-star]::before, .TitleContainer [data-star]::after {letter-spacing: 3px !important;}
	 .TitleContainer .overview-score-rating h5 {font-size: 11.5px !important;}
	
	.blog .BlogPostBanner {background-position: right -485px bottom 0 !important;}
	.BlogPostBanner {background-position: right -525px bottom 0 !important;}
	.BlogPostBanner p {max-width: 165px !important;}
	
	.category-baccarat .BlogPostBanner {background-position: right -355px bottom 0 !important;}
	.category-baccarat .BlogPostBanner h1 {font-size: 39px !important;}
	.category-baccarat .BlogPostBanner p {max-width: 200px !important;}
	
	
	.page-id-2526 .EducationPageBanner {background-position: right -410px bottom 0 !important;}
	.category-table-games .BlogPostBanner {background-position: right -406px bottom 0 !important;}
	
}

@media only screen and (max-width: 330px) {
	#ReviewBanner {background-position: right -315px bottom 0 !important;}
	.blog .BlogPostBanner {background-position: right -490px bottom 0 !important;}
	.BlogPostBanner {background-position: right -550px bottom 0 !important;}
	#HowWeReviewBanner {background-position: right -410px bottom 0 !important;}
	.category-news .BlogPostBanner {background-position: right -310px bottom 0 !important;}
	
	#AboutUsCard::before {top: 65px; height: 115px;}
	
	.CardSidebySide > .e-con-inner > .e-flex.e-con.e-child,
	.CardSidebySide > .e-flex.e-con.e-child {width: 42% !important;}
	.CardFirstCol::after {height: 115px; top: 10px;}
}
@media only screen and (max-width: 326px) {
	.TitleContainer > .e-flex.e-con.e-child {--gap: 0 !important; --flex-direction: column;}
	.TitleContainer .elementor-widget-container {padding: 0 !important;}
	.TitleContainer [data-star]::before, 
	.TitleContainer [data-star]::after {letter-spacing: 5px !important;}
	
	.OverviewStars,
	.OverviewStars .e-con-inner {--gap: 1px !important;}
	.OverviewStars .e-flex.e-con.e-child:nth-child(1),
	.OverviewStars .e-flex.e-con.e-child:nth-child(2) {width: 100% !important; padding: 0 !important;}
	
	
	.page-id-2526 .EducationPageBanner {background-position: right -360px bottom 0 !important;}
}


@media only screen and (max-width: 320px) {
	#ReviewBanner {background-position: right -385px bottom 0 !important;}
	.category-baccarat .BlogPostBanner {background-position: right -390px bottom 0 !important;}
	
	#DirectoryContainer {padding: 0 !important;}
	#DirectoryContainer h1 {font-size: 40px; line-height: 1.1em !important;}
	#DirectoryContainer .wpbdp-listing {flex: 0 0 100% !important;}
	
	.CardSidebySide.TwoCards.NoHeading .CardFirstCol::after {height: 63px; top: 30px;}
	
	.elementor-2264 .elementor-element.elementor-element-1420679 {
		Background-position: right -585px bottom 0 !important;}
	
	    .OurServicesChips h2, .OurServicesDesc p {
			max-width: 190px !important;}
			
			.OurServicesDesc p {
				font-size: 16px !important;}
			
			.OurServicesChips h2 {
				font-size: 36px !important;}
	
	  .elementor-2732  .BlogPostBanner { 
			background-position: right -590px bottom 0 !important;}
			
	.elementor-2266 .BlogPostBanner {
		        background-position: right -177px bottom 0 !important;}

	#BaccaratBanner.EducationPageBanner {
		background-position: right -221px bottom 0 !important;}
	}
}

@media only screen and (max-width: 295px) {
	#ReviewBanner {background-position: right -360px bottom 0 !important;}
	.blog .BlogPostBanner {background-position: right -520px bottom 0 !important;}
	.BlogPostBanner {background-position: right -570px bottom 0 !important;}
	.category-baccarat .BlogPostBanner {background-position: right -415px bottom 0 !important;}
	
	#AboutUsCard::before {top: 80px; height: 90px;}
	
	.BlogShareSocial .elementor-grid::before {width: 220px; left: -55%;}
	
	.page-id-2526 .EducationPageBanner {background-position: right -445px bottom 0 !important;}
	.category-table-games .BlogPostBanner {background-position: right -420px bottom 0 !important;}
	.category-news .BlogPostBanner {background-position: right -330px bottom 0 !important;}
}

@media only screen and (max-width: 289px) {
	.CardFirstCol::after {content: none !important;}
	.CardSidebySide > .e-con-inner > .e-flex.e-con.e-child, 
	.CardSidebySide > .e-flex.e-con.e-child,
	.CardSidebySideThreeCards .ThreeCards,
	.CardSidebySideThreeCards .WithThreeCards {width: 100% !important;}
}


@media only screen and (max-width: 991px) {
	.BlogSidebar .BlogRelatedArticles .pt-cv-content-item {width: 50% !important;}
	
	.BlogSidebar .BlogRelatedArticles .pt-cv-thumbnail.pull-left,
	.RecentArticlesBottom .pt-cv-thumbnail {width: 100% !important; height: 240px !important;}
}

@media only screen and (max-width: 767px) {	
	.RecentArticlesBottom .pt-cv-content-item.pt-cv-1-col {width: 50% !important;}
	
	.BlogSidebar .BlogRelatedArticles .pt-cv-view .pt-cv-ifield,
	.RecentArticlesBottom .pt-cv-view .pt-cv-ifield {margin-bottom: 20px !important;}
	.RecentArticlesBottom .pt-cv-meta-fields {font-size: 12px;}

}

@media only screen and (max-width: 600px) {	
	.BlogSidebar .BlogRelatedArticles .pt-cv-thumbnail.pull-left,
	.RecentArticlesBottom .pt-cv-thumbnail {height: 240px !important;}
}

@media only screen and (max-width: 530px) {	
	.BlogSidebar .BlogRelatedArticles .pt-cv-content-item,
	.RecentArticlesBottom .pt-cv-content-item.pt-cv-1-col {width: 100% !important;}
	
	.BlogSidebar .BlogRelatedArticles .pt-cv-thumbnail.pull-left,
	.RecentArticlesBottom .pt-cv-thumbnail {height: 240px !important;}
}
@media only screen and (max-width: 360px) {	
	.BlogSidebar .BlogRelatedArticles .pt-cv-thumbnail.pull-left,
	.RecentArticlesBottom .pt-cv-thumbnail {height: 240px !important;}
	
}
@media (min-width: 768px) {
	    .elementor-2264 .elementor-element.elementor-element-fd97386 {
			margin-left: 60px;}
		.elementor-1827 .elementor-element.elementor-element-b2645c0 {margin-top: -50px; margin-bottom: -50px;}
	
		
	}
	
}



/* NEW LONG FORM REVIEW CSS */
#dirimg img {
	max-height: 70px !important;}

[data-star]::after {
	color: #21d7bf !important;}


.ListingHeader {display: none !important;}

.longrevN .CasinoReview,
.longrevN .OverviewContainer,
.longrevN .AtAGlanceContainer,
.longrevN .ProsandConsContainer,
.longrevN .BankingBonusContainer,
.longrevN .ReputationResearchContainer,
.longrevN .SoftwareGameVarietyContainer,
.longrevN .AccessibilityContainer {
    overflow: hidden;
    border-radius: 20px;
	--margin-bottom: 10px;
}

.longrevN .loop-item-container h5 {
    font-size: 15px;
}

.longrevN .TitleContainer > .e-con-full.e-flex.e-con.e-child {
    --column-gap: 10px;
}


.longrevN .OverallRatingContainer {
    border-left: 1px solid #636363;
    border-right: 1px solid #636363;
}
.longrevN .CasinoReview h5 {
    line-height: 1.2 !important;
    font-size: 14px;
    font-weight: normal !important;
}

.longrevN .TitleContainer h3 {
    line-height: 1 !important;
}

.longrevN .OverallRatingContainer [data-star]::before {color: white !important}
.longrevN .OverallRatingContainer [data-star]::before,
.longrevN .OverallRatingContainer [data-star]::after {font-size: 16px !important;}


.longrevN .OverviewTable
 {
    overflow: hidden;
    box-shadow: -1px 0px 15px #d2d2d2 !important;
}
.longrevN .OverviewTable .OverviewStars,
.longrevN .OverviewTable .OverviewStars .sidetext  {
    padding: 0;
}

.longrevN .OverviewTable {
	border: 0;
	box-shadow: 0 0 20px #efefef;}
.longrevN .OverviewStars:not(.last-row) {
    border-bottom: 1px solid #dddcdc;
}
.longrevN .OverviewTable .OverviewStars .sidetext .elementor-widget-container {
    background-color: black;
    padding: 11px 5px 11px 30px;
}
.longrevN .OverviewTable .OverviewStars .sidetext .elementor-widget-container h5 {
    color: white !important;
}
.longrevN .overview-score-rating h5 {
    font-size: 14px !important;
    font-weight: 400 !important;
    font-family: 'Helvetica' !important;
}


.longrevN .AccessibilityContainer.longtable .elementor-widget-shortcode > .elementor-widget-container {
    padding: 0;
}

.longrevN .AccessibilityContainer.longtable th,
.longrevN .AccessibilityContainer.longtable td:first-child {background-color: black !important; color: white !important;}

.longrevN .ResTable {margin: 0;}
.longrevN .ResTable th, 
.longrevN .ResTable td {border-left: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0;}

.longrevN .AccessibilityContainer.longtable th:nth-child(2), 
.longrevN .AccessibilityContainer.longtable td:nth-child(2) {
    width: 40%;
}
.longrevN  .AccessibilityContainer.longtable td:nth-child(2) {padding: 10px 24px !important}
.longrevN .AccessibilityContainer.longtable td:nth-child(2) p {
	text-align: left !important;
	margin: 0	
}

@media only screen and (min-width: 768px) {
.longrevN .AccessibilityContainer.longtable th:nth-child(3), 
.longrevN .AccessibilityContainer.longtable td:nth-child(3) {
    width: 13%;
}
}

.GameAnalysisDesc {
    background-color: #f1f1f1;
}

.GameAnalysisDesc:has(.elementor-widget-container p) {
  padding: 20px 30px;
}


.longrevN .AtAGlanceFirstCol, 
.longrevN .AtAGlanceSecFirstCol {background-color: #f1f1f1;}

.longrevN .AtAGlanceFirstCol:first-child {border-left: 0 !important;}
.longrevN .AtAGlanceTable > .e-con.e-child > .e-con.e-child:last-child .AtAGlanceFirstCol,
.longrevN .AtAGlanceTable > .e-con.e-child > .e-con.e-child:last-child .AtAGlanceSecFirstCol, 
.longrevN .AtAGlanceTable > .e-con.e-child > .e-con.e-child:last-child .AtAGlanceSecondCol {
    border-bottom: 0 !important;
} {
    border-bottom: 0 !important;
}

.longrevN .AtAGlanceFirstCol, 
.longrevN .AtAGlanceSecFirstCol,
.longrevN .AtAGlanceSecondCol, 
.longrevN .AtAGlanceSecFirstCol {
	  border-bottom: 1px solid #e1e1e1 !important;
    border-left: 1px solid #e1e1e1 !important;
}

.longrevN .AtAGlanceFirstCol {
    border-bottom: 1px solid #e1e1e1;
}


.ProsAndConsContainerHolder h4 {
    font-weight: 500 !important;
    font-size: 18px;
}


.longrevN .BBContainer:nth-child(2n+1) {background-color: transparent !important;}
.longrevN .BBContainer > .elementor-element:nth-child(2n+1) {
    border: 0 !important;
    background-color: #f1f1f1;
}

@media only screen and (min-width: 768px) {
.longrevN .BBContainer > .elementor-element:nth-child(2n+1) {   width: 50%;}
.BBContainer > .elementor-element:nth-child(2n) {padding-left: 44px !important;}
}


.OverviewContentDescContainer .elementor-widget-container {padding: 0;}
.OverviewContentDescContainer table {
  width: 100%;
  border-collapse: collapse;
	margin: 0;
	font-family: "PingFang Light" !important;
}
.OverviewContentDescContainer table td {font-size: 15px !important; padding: 17px; font-family: "Noto Sans TC", sans-serif !important;}

.OverviewContentDescContainer th {
    text-align: center !important;
    background-color: black;
    color: white;
	font-size: 17px !important;
	padding: 13.5px 10px !important;
}

.OverviewContentDescContainer table td:first-child {
	font-weight: bold; 
	width: 27%; 
	background-color: #f1f1f1; 
	text-align: center; 
	font-family: "Noto Sans TC", sans-serif !important;
	font-weight: 400;
}

.OverviewContentDescContainer tr:not(:last-child) {border-bottom: 1px solid #dddcdc}

.OverviewContentDescContainer table td:nth-child(2) {text-align: center; width: 27%}
.OverviewContentDescContainer table td:nth-child(2) span {display: block;     text-shadow: 0 0 black;}

.OverviewContentDescContainer [data-star]::before, .OverviewContentDescContainer [data-star]::after {
    font-size: 15px !important;
    letter-spacing: 3px;
}

.OverviewContentDescContainer td:last-child {
    text-shadow: 0 0 black;
    padding: 20px;
}

.longrevN .ReputationResearchContainer .paragraph-padding,
.longrevN .CustomerSupportContainer .paragraph-padding {background-color: #f1f1f1;}


.longrevN .ConsContainer {background-color: #e7eff2;}
.longrevN .ConsContainer li::before {background-color: #389b91;}

.longrevN .TitleContainer [data-star]::after {
	color: #21d7bf !important;
	font-size: 16px !important;
}
.longrevN .TitleContainer [data-star]::before {font-size: 16px !important;}

@media only screen and (min-width: 768px) {
.longrevN .ConvenientWD .BBContainer > .elementor-element:nth-child(2n+1) {
    padding-left: 30px !important;
}
.longrevN .ConvenientWD .BBContainer > .elementor-element:nth-child(2n) {
    padding-left: 30px !important;
}
}

.longrevN .FriendlinessAnalysis .BBContainer > .elementor-element:nth-child(2n+1) {width: 100%;}

.longrevN .FriendlinessAnalysis .BBContainer > .elementor-element:nth-child(2n+1), .longrevN .FriendlinessAnalysis .BBContainer > .elementor-element:nth-child(2n) {
    padding-left: 30px !important;
}


.TitleContainer > .e-flex.e-con.e-child {align-items: center;}

@media only screen and (max-width: 767px) {
	.NewReviewOverview .OverviewTable .sidestars {display: flex !important;}
	.NewReviewOverview .OverviewTable .OverviewStars .e-con-full:last-child .elementor-widget {width: auto !important;}
	
	.NewGlanceTable .AtAGlanceSecondCol {padding: 25px 30px !important;}
	.NewGlanceTable .AtAGlanceSecondCol p {margin: 0 !important;}
	
	.longrevN .AtAGlanceTable > .e-con.e-child > .e-con.e-child:last-child .AtAGlanceFirstCol.withborderMobile,
	.longrevN .AtAGlanceTable > .e-con.e-child > .e-con.e-child:last-child .AtAGlanceSecondCol.withborderMobile {border-bottom: 1px solid #e1e1e1 !important;}
	
	.longrevN .AccessibilityContainer .ResTable th {font-size: 15px !important; text-shadow: 0 0 white;}
	
}

.CredibilityContainer p {margin: 0 !important;}

@media only screen and (max-width: 678px) {
	.NewOveviewTableN {overflow-x: scroll;}
	.NewReviewOverview table {width: 670px;}
}

@media only screen and (max-width: 535px) {
	.OverviewGray,
	.OverviewWithStar {padding: 10px 20px 25px;}
	
	.SummaryOverallTable .nopaddingMobile {padding: 20px !important;}

	.nopaddingMobile .elementor-widget-text-editor:not(.SummaryOverallTable .elementor-widget-text-editor) {
		padding: 20px !important;
	}
	
	.NewGlanceTable .AtAGlanceSecondCol {padding: 25px 10px !important;}
	
	.longrevN .FriendlinessAnalysis .BBContainer > .elementor-element:nth-child(2n+1), 
	.longrevN .FriendlinessAnalysis .BBContainer > .elementor-element:nth-child(2n) {
		padding: 25px 10px !important;
	}
	
	.longrevN .TitleContainer h3 {font-size: 16px !important;}
}

.AccessibilityContainer .ResTable tr:nth-child(even) {background: transparent !important;}