@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

* {
  box-sizing: border-box;
}
body, .body {
  font-size: 14px;
  background-color: #f8fbf4;
}
h1, h2, h3, h4, h5, h6{
  font-family: Montserrat;
}
body main h2{
  color: #3d5631 !important;
  font-size: 34px !important;
}
h1 span, h2 span, h3 span{
  color: #69cd03 !important;
}
a{
  text-decoration: none !important;
}
p{
  font-family: Montserrat;
  font-size: 16px;
}
.container-inner, .container-inner2{
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
}
.v2_69 {
  width: 100%;
  height: 1248px;
  background: rgba(255,255,255,1);
  opacity: 1;
  position: relative;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.v2_70 {
  width: 100%;
  height: 72px;
  background: rgba(248,251,244,1);
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.v2_71 {
  width: 100%;
  height: 72px;
  background: url("../images/v2_71.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin: 64px;
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 80px;
  overflow: hidden;
}
.name {
  color: #fff;
}
.v2_73 {
  width: 100%;
  height: 28px;
  background: url("../images/v2_73.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin: 24px;
  opacity: 1;
  position: absolute;
  top: 22px;
  left: 121px;
  overflow: hidden;
}
.name {
  color: #fff;
}
.v2_79 {
  width: 40px;
  height: 72px;
  background: url("../images/v2_79.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 1240px;
  overflow: hidden;
}
.v2_81 {
  width: 100%;
  height: 796px;
  background: rgba(248,251,244,1);
  opacity: 1;
  position: absolute;
  top: 72px;
  left: 0px;
  overflow: hidden;
}
.v2_82 {
  width: 100%;
  height: 796px;
  background: url("../images/v2_82.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 80px 0px;
  margin: 64px;
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 80px;
  overflow: hidden;
}
.v2_83 {
  width: calc(50% - 20px);
  height: 636px;
  background: url("../images/v2_83.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin: 16px;
  opacity: 1;
  position: absolute;
  top: 80px;
  left: 0px;
  overflow: hidden;
}
.v2_84 {
  width: calc(50% - 20px);
  position: absolute;
  top: 218px;
  left: 0px;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
  font-size: 56px;
  opacity: 1;
  text-align: left;
}
.v2_85 {
  width: calc(50% - 20px);
  color: rgba(81,82,77,1);
  position: absolute;
  top: 298px;
  left: 0px;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  font-size: 16px;
  opacity: 1;
  text-align: left;
}
.v2_86 {
  width: calc(50% - 20px);
  height: 636px;
  background: rgba(228,242,216,1);
  margin: 32px;
  opacity: 1;
  position: absolute;
  top: 80px;
  left: 660px;
  border-radius: 8px;
  box-shadow: 2.94px 2.94px 5px rgba(148,151,136,0.4);
  overflow: hidden;
}
.v2_87 {
  width: calc(50% - 20px);
  height: 636px;
  background: url("../images/v2_87.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 24px 24px;
  margin: 32px;
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
/* ... remaining class rules unchanged ... */

/* ==============================
 * New Odds header layout (admin-only header-odds-new.php)
 * ============================== */

.odds-new-header {
  align-self: stretch;
  background-color: #f8fbf4;
  overflow: visible;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 80px;
  text-align: center;
  color: #21221e;
}

.odds-new-header .header-container {
  width: 100%;
  flex: 1;
  border-bottom: 1px solid #cecfc9;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0;
  max-width: 1200px;
  margin: 0 auto;
}

.odds-new-header .header-logo-link img,
.odds-new-header .header-logo-link svg {
  height: 40px;
  width: auto;
  max-width: 121px;
}

.odds-new-header .header-logo-link .site-title-text {
  font-weight: 700;
  font-size: 18px;
  line-height: 40px;
}

.odds-new-header .nav-container {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}

.odds-new-header .nav-links-header-list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.odds-new-header .nav-links-header-list > li > a {
  display: block;
  padding: 4px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 600;
  text-decoration: none;
  color: #21221e;
}

.odds-new-header .nav-links-header-list > li.current-menu-item > a,
.odds-new-header .nav-links-header-list > li.current-menu-ancestor > a {
  color: #0a5c16;
  text-decoration: underline;
}

/* Submenus: hide by default, show on hover */
.odds-new-header .nav-links-header-list li {
  position: relative;
}

.odds-new-header .nav-links-header-list li ul.sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 180px;
  background-color: #f8fbf4;
  border: 1px solid #cecfc9;
  list-style: none;
  margin: 0;
  padding: 8px 0;
  display: none;
  z-index: 9999;
}

.odds-new-header .nav-links-header-list li ul.sub-menu li a {
  display: block;
  padding: 6px 16px;
  text-transform: none;
  font-weight: 500;
  line-height: 1.4;
  color: #21221e;
  text-decoration: none;
  white-space: nowrap;
}

.odds-new-header .nav-links-header-list li:hover > ul.sub-menu,
.odds-new-header .nav-links-header-list li:focus-within > ul.sub-menu {
  display: block;
}

.odds-new-header .nav-links-header-list li ul.sub-menu li:hover > ul.sub-menu {
  display: block;
  top: 0;
  left: 100%;
}

.odds-new-header .right-container {
  align-self: stretch;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

/* Burger button: three-line icon trigger for mobile nav */
.odds-new-header .burger-button {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 32px;
  height: 32px;
  padding: 4px;
  border: none;
  background: transparent;
  cursor: pointer;
}

.odds-new-header .search-button {
  height: 40px;
  width: 40px;
  position: relative;
  border: none;
  background: transparent;
  cursor: pointer;
}

.odds-new-header .search-button-child {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background-color: #19e638;
  width: 40px;
  height: 40px;
}

.odds-new-header .search-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}

/* ==============================
 * New Odds footer layout (admin-only footer-odds-new.php)
 * ============================== */
footer{
  background-color: transparent !important;
}
.footer.odds-new-footer {
  align-self: stretch;
  background-color: #f8fbf4;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 80px;
  font-size: 22px;
}

.footer.odds-new-footer .footer-section--padding,
.footer.odds-new-footer .footer-section--padding-alt {
  padding-left: 0;
  padding-right: 0;
}

.footer.odds-new-footer .footer-widgets,
.footer.odds-new-footer .section-newsletter-flex {
  display: flex;
  gap: 40px;
}

.footer.odds-new-footer .awareness-logos {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

.footer.odds-new-footer .wysiwyg-part p {
  font-size: 14px;
}
.custom-logo-link{
  padding: 15px 0;
  display: block;
}
.custom-logo-link img{
  width: 160px;
}
.odds-new-design-footer{
  width: 100%;
}
.footer.odds-new-footer{
  background-color: #f8fbf4;
}

/* ==============================
 * New Odds footer structure (HTML wrapper inside odds-new-footer)
 * Matches .footer > .top-container / .bottom-container layout
 * ============================== */

.footer.odds-new-footer .top-container,
.footer.odds-new-footer .bottom-container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 32px 0;
  border-top: 1px solid #cecfc9;
  padding-top: 24px;
}

.footer.odds-new-footer .bottom-container {
  align-items: center;
}

.footer.odds-new-footer .col-1,
.footer.odds-new-footer .col-2,
.footer.odds-new-footer .col-12,
.footer.odds-new-footer .col-22 {
  flex: 1;
}

.footer.odds-new-footer .col-1 {
  max-width: 340px;
}

.footer.odds-new-footer .oddsonline-logo-icon,
.footer.odds-new-footer .col-3-icon {
  display: block;
  max-width: 160px;
  height: auto;
}

.footer.odds-new-footer .oddsonline-is-a-container {
  margin-top: 16px;
  font-size: 14px;
  line-height: 1.5;
  color: #51524d;
}

.footer.odds-new-footer .betting-odds3 {
  color: #0a5c16;
  text-decoration: underline;
}

.footer.odds-new-footer .title6 {
  margin-bottom: 12px;
}

.footer.odds-new-footer .top-bookies {
  font-size: 16px;
  text-transform: uppercase;
}

.footer.odds-new-footer .nav-container2 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.footer.odds-new-footer .nav-links-header .text13 {
  font-size: 14px;
  color: #21221e;
}

.footer.odds-new-footer .nav-container2 ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer.odds-new-footer .nav-container2 li {
  margin: 0 0 2px 0;
}

.footer.odds-new-footer .nav-container2 a {
  display: block;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #21221e;
  text-decoration: none;
}

.footer.odds-new-footer .nav-container2 a:hover {
  text-decoration: underline;
}

.footer.odds-new-footer .bottom-container .text {
  font-size: 14px;
  color: #51524d;
}

.footer.odds-new-footer .search-button {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  padding: 5px;
  border: 1px solid #ddd;
  object-fit: contain;
}

@media (max-width: 960px) {
  /* Top part of footer: stack columns */
  .footer.odds-new-footer .top-container {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }

  /* Bottom footer: two-row layout */
  .footer.odds-new-footer .bottom-container {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }

  /* First row: social icons on the left */
  .footer.odds-new-footer .bottom-container .col-12 {
    order: 1;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 12px;
  }

  /* First row: age icon on the right */
  .footer.odds-new-footer .bottom-container .col-3-icon {
    order: 2;
    flex: 0 0 auto;
  }

  /* Second row: centered text */
  .footer.odds-new-footer .bottom-container .col-22 {
    order: 3;
    flex: 0 0 100%;
    text-align: center;
    margin-top: 12px;
  }
}

/* ==============================
 * About Us page layout (admin-only About template)
 * Scoped under .about-page-odds to avoid interfering globally
 * ============================== */

.about-page-odds .about-us {
  width: 100%;
  position: relative;
  background-color: #fff;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  font-size: 14px;
  color: #3d5631;
  font-family: Montserrat, sans-serif;
}

.about-page-odds .body {
  align-self: stretch;
  background-color: #f8fbf4;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 80px 80px;
  font-size: 42px;
}

.about-page-odds .hero-section {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: 52px;
}

.about-page-odds .container-hero-inner {
  align-self: stretch;
  height: 540px;
  display: flex;
  align-items: center;
  padding: 64px 0;
  box-sizing: border-box;
  gap: 64px;
  max-width: 1200px;
  margin: 0 auto;
}

.about-page-odds .container-hero-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 32px;
  width: 50%;
}

.about-page-odds .title {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.about-page-odds .welcome-to-oddsonline-container {
  align-self: stretch;
  line-height: 60px;
  text-transform: capitalize;
}

.about-page-odds .where-smart-betting {
  color: #99c66a;
}

.about-page-odds .description {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: 22px;
  color: #51524d;
}

.about-page-odds .we-are-oddsonline {
  align-self: stretch;
  line-height: 28px;
  font-weight: 500;
}

.about-page-odds .image {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  font-size: 42px;
  color: #99c66a;
}

.about-page-odds .oddsonline-logo-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
}

.about-page-odds .oddsonline-logo-icon2 {
  width: 100%;
  max-height: 100%;
}

.about-page-odds .your-odds-your-container {
  line-height: 48px;
  font-weight: 700;
}

.about-page-odds .your-edge {
  color: #3d5631;
}

.about-page-odds .about-section {
  align-self: stretch;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 64px 0 80px;
  font-size: 22px;
  color: #51524d;
}

.about-page-odds .container-inner {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  gap: 40px;
}

.about-page-odds .text6 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.about-page-odds .mission-section {
  align-self: stretch;
  box-shadow: 0 0 0 0.39px rgba(179, 212, 143, 0.2) inset,
              -1.96px -1.96px 5.87px #fff,
              2.94px 2.94px 5.87px rgba(148, 151, 136, 0.4);
  border-radius: 8px;
  background-color: #e5f2d9;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  padding: 64px 48px;
}

.about-page-odds .container-inner2 {
  flex: 1;
  display: flex;
  align-items: flex-start;
  gap: 40px;
}

.about-page-odds .left-column {
  align-self: stretch;
  width: calc(50% - 20px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.about-page-odds .title2 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.about-page-odds .our-mission {
  align-self: stretch;
  line-height: 48px;
}

.about-page-odds .our-mission-is {
  align-self: stretch;
  font-size: 22px;
  line-height: 28px;
  font-weight: 500;
  color: #51524d;
}

.about-page-odds .left-column-child {
  align-self: stretch;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}

.about-page-odds .right-column {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  font-size: 28px;
  color: #949788;
}

.about-page-odds .frame-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 16px;
}

.about-page-odds .to-improve-your-gaming-experie-wrapper,
.about-page-odds .to-make-your-search-simple-wrapper,
.about-page-odds .responsible-gambling-matters-wrapper {
  align-self: stretch;
  border-bottom: 1px solid #cecfc9;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0 16px;
}

.about-page-odds .to-improve-your-container {
  flex: 1;
  line-height: 32px;
}

.about-page-odds .you-should-be-free-to-make-you-wrapper {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #51524d;
}

.about-page-odds .you-should-be {
  flex: 1;
  line-height: 24px;
  font-weight: 500;
}

.about-page-odds .frame-container {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 16px;
  font-size: 16px;
  color: #51524d;
}

.about-page-odds .to-make-your-search-simple-wrapper {
  font-size: 28px;
  color: #949788;
}

.about-page-odds .text8 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}

.about-page-odds .frame-div {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.about-page-odds .check-icon-parent,
.about-page-odds .check-icon-parent2 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.about-page-odds .check-icon {
  height: 19.5px;
  width: 16px;
}

.about-page-odds .check-icon4 {
  height: 20px;
  width: 25.8px;
}

.about-page-odds .explore-detailed-reviews-of-bo-wrapper {
  align-self: stretch;
  flex: 1;
  display: flex;
  align-items: flex-start;
}

.about-page-odds .what-we-do-section {
  align-self: stretch;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 80px 0;
  font-size: 16px;
  color: #51524d;
}

.about-page-odds .container-inner3 {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}

.about-page-odds .title3 {
  width: 100%;
  max-width: 840px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  text-align: center;
  font-size: 42px;
  color: #3d5631;
}

.about-page-odds .frame-parent2 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.about-page-odds .check-icon-parent2 {
  gap: 12px;
}

.about-page-odds .betting-odds {
  color: inherit;
}

.about-page-odds .choosesection {
  align-self: stretch;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  padding: 64px 0 80px;
  gap: 40px;
}

.about-page-odds .title4 {
  width: 100%;
  max-width: calc(50% - 20px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.about-page-odds .stats-item, .about-page-odds .stats-item5{
  width: 100%;
}

.about-page-odds .oddsonline-delivers-expert {
  align-self: stretch;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #51524d;
}

.about-page-odds .frame-parent4 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  font-size: 14px;
  color: #99c66a;
}

.about-page-odds .stats-item,
.about-page-odds .stats-item5 {
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.about-page-odds .content {
  align-self: stretch;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

.about-page-odds .games {
  align-self: stretch;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 600;
}

.about-page-odds .b {
  align-self: stretch;
  font-size: 34px;
  line-height: 42px;
  display: -webkit-inline-box;
  color: #3d5631;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.about-page-odds .total-games-available {
  align-self: stretch;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #51524d;
  display: -webkit-inline-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.about-page-odds .divider-icon {
  align-self: stretch;
  display: block;
  width: 100%;
  height: 0;
  border-top: 1px solid #CECFC9;
}

.about-page-odds .stats-item-wrapper {
  align-self: stretch;
  display: flex;
  align-items: center;
}

.about-page-odds .responsible-gambling-matters-wrapper {
  font-size: 28px;
  color: #3d5631;
}

.about-page-odds .span {
  color: #949788;
}

.about-page-odds .cta-section {
  align-self: stretch;
  border-radius: 8px;
  background-color: #3d5631;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px 0;
  text-align: center;
  font-size: 34px;
  color: #fff;
}

.about-page-odds .container-inner9 {
  max-width: 842px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}

.about-page-odds .title5 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.about-page-odds .get-the-best-container {
  align-self: stretch;
  line-height: 42px;
}

.about-page-odds .take-the-next {
  align-self: stretch;
  font-size: 14px;
  line-height: 21px;
  color: #c0cbce;
}

.about-page-odds .button-link {
  border-radius: 8px;
  background-color: #19e638;
  border: 1px solid #19e638;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 64px;
  text-align: left;
  font-size: 18px;
  color: #0a5c16;
}

.about-page-odds .primary {
  line-height: 24px;
  text-transform: uppercase;
  font-weight: 600;
}

/* ==============================
 * Odds News page layout (admin-only page-news.php)
 * Scoped under .news-page-odds
 * ============================== */

.news-page-odds {
  width: 100%;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  font-size: 14px;
  color: #3d5631;
  font-family: Montserrat, sans-serif;
}

.news-page-odds .body {
  align-self: stretch;
  background-color: #f8fbf4;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: 16px;
}
.news-page-odds .body .breadcrumbs,
.single-review-odds .body .breadcrumbs {
  display: none;
}
.news-page-odds .link {
  display: flex;
  align-items: flex-start;
}

.news-page-odds .text6 {
  position: relative;
  line-height: 24px;
  font-weight: 500;
}

.news-page-odds .hero-section {
  align-self: stretch;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  /* padding: 0 80px; */
  font-size: 56px;
}

.news-page-odds .container-hero-inner {
  flex: 1;
  display: flex;
  align-items: flex-start;
  padding: 64px 0;
  box-sizing: border-box;
  max-width: 100%;
}

.news-page-odds .title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.news-page-odds .casino-news {
  align-self: stretch;
  position: relative;
  line-height: 64px;
  text-transform: capitalize;
}

.news-page-odds .casino-news .news {
  color: #99c66a;
}

.news-page-odds .news-section {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  /* padding: 0 80px 80px; */
  gap: 20px;
  font-size: 22px;
}

.news-page-odds .sidebar {
  width: 300px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.news-page-odds .sidebar-inner-container {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 4px;
}

.news-page-odds .filter-section {
  align-self: stretch;
  box-shadow: 0 0 0 0.39px rgba(179, 212, 143, 0.2) inset,
              -1.96px -1.96px 5.87px #fff,
              2.94px 2.94px 5.87px rgba(148, 151, 136, 0.4);
  border-radius: 8px;
  background-color: #e5f2d9;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px;
}

.news-page-odds .title2 {
  align-self: stretch;
  height: 35px;
  border-bottom: 1px solid #cecfc9;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 0 0 8px;
}

.news-page-odds .categories {
  align-self: stretch;
  position: relative;
  line-height: 28px;
}

.news-page-odds .filter-container {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: 16px 0 0;
  gap: 8px;
  font-size: 14px;
}

.news-page-odds .filter-item {
  border-radius: 14px;
  background-color: #3d5631;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 12px;
  color: #fff;
}

.news-page-odds .filter-item2 {
  border-radius: 14px;
  border: 1px solid #3d5631;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 12px;
}

.news-page-odds .filter-item .text,
.news-page-odds .filter-item2 .text {
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 600;
}

.news-page-odds .article-section {
  width: calc(100% - 320px);
  background-color: #f8fbf4;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 0;
}

.news-page-odds .article-section .container-inner {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}

.news-page-odds .row {
  width: 842px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.news-page-odds .insight-cards {
  width: calc(50% - 10px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.wp-block-latest-posts{
  display: flex;
  flex-wrap: wrap;
}

.news-page-odds .card-container, .wp-block-latest-posts li {
  align-self: stretch;
  height: 440px;
  box-shadow: 0 0 0 0.39px rgba(153, 198, 106, 0.2) inset,
              -1.96px -1.96px 5.87px #fff,
              2.94px 2.94px 5.87px rgba(148, 151, 136, 0.4);
  border-radius: 8px;
  background-color: #e5f2d9;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.wp-block-latest-posts li{
  height: auto;
}
.wp-block-latest-posts li a{
  width: 100%;
}
.news-page-odds .visual-side-icon, .wp-block-latest-posts img {
  width: 100%;
  height: 240px;
  border-radius: 8px 8px 0 0;
  object-fit: cover;
  flex-shrink: 0;
}
.news-card-title-link{
  max-height: 56px;
  overflow: hidden;
}

.news-page-odds .text-side{
  align-self: stretch;
  height: 190px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding: 16px 12px 6px;
  box-sizing: border-box;
  gap: 0;
  flex-shrink: 0;
}
.wp-block-latest-posts .wp-block-latest-posts__post-excerpt{
  height: 100px;
  padding: 10px 16px 6px;
}

.news-page-odds .text-side .content {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

.news-page-odds .title3 {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0 8px;
}

.news-page-odds .what-odds-is{
  flex: 1;
  position: relative;
  line-height: 28px;
  display: -webkit-inline-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: #3d5631;
  font-weight: bold;
}
.wp-block-latest-posts .wp-block-latest-posts__post-title {
  line-height: 28px;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  color: #3d5631 !important;
  font-weight: bold;
  text-decoration: none !important;
  padding: 10px 16px 0;
}

.news-page-odds .description {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #51524d;
}

.news-page-odds .constitution-hill-makes {
  flex: 1;
  position: relative;
  line-height: 24px;
  font-weight: 500;
  display: -webkit-inline-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.news-page-odds .footer-side, .wp-block-latest-posts .wp-block-latest-posts__post-author{
  align-self: stretch;
  display: flex;
  align-items: center;
  padding: 16px 0 0;
  gap: 8px;
  font-size: 14px;
  color: #949788;
}
ul.wp-block-latest-posts.is-style-tw-posts-card > li{
  padding: 0;
  background-color: #e5f2d9;
}
.wp-block-latest-posts li > div{
  margin-top: 0 !important;
  width: 100% !important;
}
.wp-block-latest-posts .wp-block-latest-posts__post-author{
  padding: 16px 16px 0;
  font-weight: bold;
}

.news-page-odds .peter-jackson {
  position: relative;
  line-height: 20px;
  font-weight: 500;
  display: -webkit-inline-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.news-page-odds .hours-ago {
  width: 120px;
  position: relative;
  line-height: 20px;
  font-weight: 500;
  display: -webkit-inline-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  flex-shrink: 0;
}

.news-page-odds .pagination {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 48px 0 0;
  gap: 12px;
  font-size: 16px;
}

.news-page-odds .left-button-icon,
.news-page-odds .right-button-icon {
  height: 40px;
  width: 40px;
  position: relative;
  border-radius: 4px;
}

.news-page-odds .page-button {
  height: 40px;
  width: 40px;
  position: relative;
  border-radius: 4px;
  background-color: #99c66a;
  border: 1px solid #99c66a;
  box-sizing: border-box;
}

.news-page-odds .div {
  position: absolute;
  top: calc(50% - 12px);
  left: calc(50% - 3px);
  line-height: 24px;
  font-weight: 500;
}

.news-page-odds .page-button2 {
  height: 40px;
  width: 40px;
  position: relative;
  border-radius: 4px;
  border: 1px solid #19e638;
  box-sizing: border-box;
}

.news-page-odds .div2 {
  position: absolute;
  top: calc(50% - 12px);
  left: calc(50% - 5px);
  line-height: 24px;
  font-weight: 500;
}

.news-page-odds .dots {
  display: flex;
  align-items: center;
  gap: 8px;
}

.single-news-odds {
  width: 100%;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  font-size: 14px;
  color: #21221e;
  font-family: Montserrat, sans-serif;
}

.single-news-odds .body {
  align-self: stretch;
  background-color: #f8fbf4;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: 16px;
  color: #51524d;
}
.single-news-odds .link,
.single-news-odds .link2 {
  display: flex;
  align-items: flex-start;
}

.single-news-odds .div {
  position: relative;
  text-decoration: underline;
  line-height: 24px;
  font-weight: 500;
}

.single-news-odds .link2 {
  color: #949788;
}

.single-news-odds .text6 {
  position: relative;
  line-height: 24px;
  font-weight: 500;
}

.single-news-odds .hero-section {
  align-self: stretch;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 56px;
  color: #3d5631;
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
}

.single-news-odds .container-hero-inner {
  width: calc(100% - 420px);
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 64px 0;
  box-sizing: border-box;
}

.single-news-odds .title {
  height: 192px;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.single-news-odds .latest-champion-hurdle {
  align-self: stretch;
  flex: 1;
  position: relative;
  line-height: 64px;
  text-transform: capitalize;
}

.single-news-odds .news-section {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  gap: 20px;
  font-size: 22px;
  color: #949788;
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
}

.single-news-odds .sidebar {
  width: 400px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.single-news-odds .sidebar-inner-container {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 4px;
  gap: 32px;
  background-color: transparent !important;
}

.single-news-odds .filter-section {
  align-self: stretch;
  box-shadow: 0 0 0 0.39px rgba(179, 212, 143, 0.2) inset,
              -1.96px -1.96px 5.87px #fff,
              2.94px 2.94px 5.87px rgba(148, 151, 136, 0.4);
  border-radius: 8px;
  background-color: #e5f2d9;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px;
  color: #3d5631;
}

.single-news-odds .title2 {
  align-self: stretch;
  height: 35px;
  border-bottom: 1px solid #cecfc9;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 0 0 8px;
}

.single-news-odds .categories {
  align-self: stretch;
  position: relative;
  line-height: 28px;
}

.single-news-odds .filter-container {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  padding: 16px 0 0;
  gap: 8px;
  font-size: 14px;
}

.single-news-odds .filter-item {
  border-radius: 14px;
  background-color: #3d5631;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 12px;
  color: #fff;
}

.single-news-odds .filter-item2 {
  border-radius: 14px;
  border: 1px solid #3d5631;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 12px;
}

.single-news-odds .filter-item .text,
.single-news-odds .filter-item2 .text {
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 600;
}

.single-news-odds .sidebar-card {
  align-self: stretch;
  box-shadow: 0 0 0 0.39px rgba(179, 212, 143, 0.2) inset,
              -1.96px -1.96px 5.87px #fff,
              2.94px 2.94px 5.87px rgba(148, 151, 136, 0.4);
  border-radius: 8px;
  background-color: #e5f2d9;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  padding: 16px;
}

.single-news-odds .sidebar-card .container-inner {
  flex: 1;
  display: flex;
  align-items: flex-start;
}

.single-news-odds .title-parent {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 16px;
}

.single-news-odds .title3 {
  align-self: stretch;
  border-bottom: 1px solid #cecfc9;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0 16px;
}

.single-news-odds .title4 {
  flex: 1;
  position: relative;
  line-height: 28px;
}

.single-news-odds .footer-side {
  align-self: stretch;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}

.single-news-odds .div2,
.single-news-odds .div3 {
  position: relative;
  line-height: 20px;
  font-weight: 500;
  display: -webkit-inline-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.single-news-odds .div3 {
  width: 120px;
  flex-shrink: 0;
}

.single-news-odds .news-section2 {
  width: calc(100% - 420px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: 16px;
}

.single-news-odds .container-inner4 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.single-news-odds .visual-side-icon {
  align-self: stretch;
  height: 480px;
  border-radius: 8px 8px 0 0;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}

.single-news-odds .frame-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px 0 0;
  gap: 24px;
}

.single-news-odds .info-parent {
  align-self: stretch;
  display: flex;
  align-items: center;
  gap: 24px;
}

.single-news-odds .info {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 8px;
}

.single-news-odds .peter-jackson,
.single-news-odds .hours-ago {
  position: relative;
  line-height: 24px;
  font-weight: 500;
  display: -webkit-inline-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.single-news-odds .hours-ago {
  width: 120px;
  flex-shrink: 0;
}

.single-news-odds .share {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
}

.single-news-odds .content {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  color: #51524d;
}

.single-news-odds .subtitle {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0 8px;
  font-size: 28px;
  color: #3d5631;
}

.single-news-odds .following-the-exit {
  flex: 1;
  position: relative;
  line-height: 32px;
}

.aioseo-author-bio-compact {
  margin-top: 40px !important;
  width: calc(100% - 20px);
  max-width: 1200px;
  margin: 0 auto 20px auto;
}

.single-news-odds .article-content {
  width: 100%;
}

.single-news-odds .constitution-hills-shock-container,
.single-news-odds .the-new-lion {
  align-self: stretch;
  flex: 1;
  position: relative;
  line-height: 24px;
  font-weight: 500;
  display: -webkit-inline-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

.single-news-odds .cheltenham-festival {
  color: inherit;
}

.single-news-odds .cheltenham-festival2 {
  text-decoration: underline;
}

.blog{
  background-color: #f8fbf4;
}
.aioseo-author-bio-compact{
  background-color: #e5f2d9;
  padding: 24px;
  border: 0 !important;
  box-shadow: 2.94px 2.94px 5px rgba(148,151,136,0.4);
}
.aioseo-author-bio-compact-main{
  color: #51524D;
  margin-bottom: 20px !important;
  margin-top: 0 !important;
}
.aioseo-author-bio-compact-right {
  display: flex;
  flex-direction: column-reverse; /* main (bio) first, header last */
}
.aioseo-author-bio-compact-header{
  display: block !important;
}
.aioseo-author-bio-compact-header .author-name, .aioseo-author-bio-compact-header .author-job-title {
  display: block !important;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  font-size: 16px;
  color: #949788;
  font-weight: normal;
}
.aioseo-author-bio-compact .aioseo-author-bio-compact-left .aioseo-author-bio-compact-image{
  padding: 10px;
  border: 1px solid #ddd;
}

/* ==============================
 * Sport Betting Odds page layout (admin-only page-sport-odds.php)
 * Scoped under .sport-page-odds to avoid interfering globally
 * ============================== */

.sport-page-odds.sport-page {
  width: 100%;
  position: relative;
  background-color: #fff;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  font-size: 16px;
  color: #51524d;
  font-family: Montserrat, sans-serif;
}

.sport-page-odds .body {
  align-self: stretch;
  background-color: #f8fbf4;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #949788;
}
.sport-page-odds .link {
  display: flex;
  align-items: flex-start;
}

.sport-page-odds .text6 {
  position: relative;
  line-height: 24px;
  font-weight: 500;
}

.sport-page-odds .section-hero {
  align-self: stretch;
  height: auto;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 80px;
  box-sizing: border-box;
  font-size: 56px;
  color: #99c66a;
  margin-bottom: 40px;
}

.sport-page-odds .container-hero-inner {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}

.sport-page-odds .container-hero-title {
  width: calc(50% - 20px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 32px;
}

.sport-page-odds .title {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.sport-page-odds .tennis-betting-odds {
  align-self: stretch;
  position: relative;
  line-height: 64px;
  text-transform: capitalize;
}

.sport-page-odds .compare-tennis-betting {
  align-self: stretch;
  position: relative;
  line-height: 64px;
  text-transform: capitalize;
  color: #3d5631;
}

.sport-page-odds .description {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  font-size: 16px;
  color: #51524d;
}

.sport-page-odds .every-tennis-season {
  align-self: stretch;
  position: relative;
  line-height: 24px;
  font-weight: 500;
}

.sport-page-odds .image-icon {
  height: auto;
  width: calc(50% - 20px);
  object-fit: cover;
}

.sport-page-odds .recommended-section {
  align-self: stretch;
  background-color: #e6e6e6;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 80px 0 0;
  text-align: center;
  font-size: 42px;
  color: #3d5631;
}

.sport-page-odds .title-section {
  width: 840px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0 48px;
  box-sizing: border-box;
}

.sport-page-odds .recommended-tennis-betting-container {
  flex: 1;
  position: relative;
  line-height: 48px;
}

.sport-page-odds .tennis-betting-sites {
  color: #99c66a;
}

.sport-page-odds .casino-key-section {
  align-self: stretch;
  background-color: #3d5631;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 80px;
  text-align: left;
  font-size: 34px;
  color: #fff;
}

.sport-page-odds .container-inner {
  align-self: stretch;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}

.sport-page-odds .title-parent {
  width: calc(50% - 20px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
}

.sport-page-odds .title2 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.sport-page-odds .how-do-tennis-container {
  align-self: stretch;
  position: relative;
  line-height: 42px;
}

.sport-page-odds .there-are-two {
  align-self: stretch;
  position: relative;
  font-size: 22px;
  line-height: 28px;
  font-weight: 500;
  color: #cecfc9;
}

.sport-page-odds .buttons-links {
  display: flex;
  align-items: flex-start;
  font-size: 18px;
  color: #0a5c16;
}

.sport-page-odds .button-link {
  border-radius: 8px;
  background-color: #19e638;
  border: 1px solid #19e638;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 64px;
}

.sport-page-odds .primary {
  position: relative;
  line-height: 24px;
  text-transform: uppercase;
  font-weight: 600;
}

.sport-page-odds .frame-parent {
  width: calc(50% - 20px);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 40px;
  font-size: 28px;
}

.sport-page-odds .title-wrapper {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}

.sport-page-odds .title3 {
  flex: 1;
  border-bottom: 1px solid #949788;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 0 40px;
  gap: 16px;
}

.sport-page-odds .title-group {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.sport-page-odds .title4 {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sport-page-odds .fractional-odds {
  flex: 1;
  position: relative;
  line-height: 32px;
}

.sport-page-odds .key-fact {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: #99c66a;
}

.sport-page-odds .b {
  flex: 1;
  position: relative;
  line-height: 28px;
}

.sport-page-odds .description2 {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #cecfc9;
}

.sport-page-odds .just-like-the {
  flex: 1;
  position: relative;
  line-height: 24px;
  font-weight: 500;
}

.sport-page-odds .title5 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.sport-page-odds .sport-page-inner {
  align-self: stretch;
  background-color: #e6e6e6;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 80px 0;
}

.sport-page-odds .section-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
}

.sport-page-odds .section {
  width: 1060px;
  border-bottom: 1px solid #e5f2d9;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 0 40px;
  gap: 16px;
}

.sport-page-odds .title7 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  font-size: 34px;
  color: #3d5631;
}

.sport-page-odds .popular-tennis-betting-container {
  flex: 1;
  position: relative;
  line-height: 42px;
}

.sport-page-odds .check-icon-parent {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.sport-page-odds .check-icon {
  height: 20px;
  width: 25.8px;
  position: relative;
}

.sport-page-odds .match-winner-one-of-the-most-wrapper {
  align-self: stretch;
  flex: 1;
  display: flex;
  align-items: flex-start;
}

.sport-page-odds .section2 {
  align-self: stretch;
  border-bottom: 1px solid #cecfc9;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 0 40px;
  gap: 40px;
  font-size: 28px;
  color: #3d5631;
}

.sport-page-odds .title-parent2 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  font-size: 34px;
}

.sport-page-odds .text9 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  font-size: 16px;
  color: #51524d;
}

.sport-page-odds .title-parent3 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.sport-page-odds .section4 {
  width: 1060px;
  border-bottom: 1px solid #e5f2d9;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 0 40px;
  gap: 40px;
}

.sport-page-odds .title-parent11 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  font-size: 28px;
  color: #3d5631;
}

.sport-page-odds .section6 {
  align-self: stretch;
  border-bottom: 1px solid #cecfc9;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 0 40px;
  font-size: 34px;
  color: #3d5631;
}

.sport-page-odds .section7 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: 34px;
  color: #99c66a;
}

.sport-page-odds .to-wager-on {
  color: #3d5631;
}

.sport-page-odds .faq-section {
  align-self: stretch;
  background-color: #f8fbf4;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 80px;
  text-align: center;
  font-size: 34px;
  color: #3d5631;
}

.sport-page-odds .inner-container {
  width: 1060px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
}

.sport-page-odds .cards-container {
  display: flex;
  align-items: flex-start;
  gap: 40px;
  text-align: left;
  font-size: 28px;
  color: #949788;
}

.sport-page-odds .colum-1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.faq-item {
  width: calc(50% - 14px);
  box-shadow: 0 0 0 0.39px rgba(179, 212, 143, 0.2) inset,
              -1.96px -1.96px 5.87px #fff,
              2.94px 2.94px 5.87px rgba(148, 151, 136, 0.4);
  border-radius: 8px;
  background-color: #e5f2d9;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  padding: 24px !important;
  box-sizing: border-box;
  flex-direction: column;
  margin-bottom: 28px !important;
}
.faq-item-question{
  font-family: Montserrat;
  font-weight: 700 !important;
  font-style: Bold !important;
  font-size: 24px !important;
  line-height: 32px !important;
  width: 100% !important;
  border-bottom: 1px solid #CECFC9 !important;
  background-color: transparent !important;
  color: #949788 !important;
}
.faq-item-answer{
  background-color: transparent !important;
  font-family: Montserrat !important;
  font-weight: 500 !important;
  font-style: Medium !important;
  font-size: 16px !important;
  line-height: 24px !important;
  color: #51524D !important;
}
.faq-wrapper .faq-list .faq-item .faq-item-question::after{
  display: none !important;
}

.sport-page-odds .container-inner2 {
  flex: 1;
  display: flex;
  align-items: flex-start;
}

.sport-page-odds .title-parent14 {
  width: 462px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 16px;
}

.sport-page-odds .title22 {
  align-self: stretch;
  border-bottom: 1px solid #cecfc9;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0 16px;
}

.sport-page-odds .description4 {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #51524d;
}

.sport-page-odds .expert-section {
  align-self: stretch;
  background-color: #f8fbf4;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px 80px 80px;
}

.sport-page-odds .inner-container2 {
  align-self: stretch;
  box-shadow: 0 0 0 0.39px rgba(179, 212, 143, 0.2) inset,
              -1.96px -1.96px 5.87px #fff,
              2.94px 2.94px 5.87px rgba(148, 151, 136, 0.4);
  border-radius: 8px;
  background-color: #e5f2d9;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  padding: 24px;
  gap: 24px;
}

.sport-page-odds .image-container {
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  padding: 5.5px;
}

.sport-page-odds .expert-image {
  height: 109.1px;
  width: 109.1px;
  position: relative;
}

.sport-page-odds .expert-image-child {
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: -2.81px -2.81px 5.63px rgba(153, 198, 106, 0.2),
              2.81px 2.81px 5.63px rgba(33, 34, 30, 0.15);
  border-radius: 3.46px;
  background-color: #e5f2d9;
  width: 109.1px;
  height: 109.1px;
}

.sport-page-odds .expert-image-item {
  position: absolute;
  top: 8.39px;
  left: 8.39px;
  border-radius: 3.46px;
  width: 92.3px;
  height: 92.3px;
  object-fit: contain;
}

.sport-page-odds .joe-smith-is-container {
  align-self: stretch;
  flex: 1;
  position: relative;
  line-height: 24px;
  font-weight: 500;
}

.sport-page-odds .see-full-bio {
  text-decoration: underline;
}

.sport-page-odds .name {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #949788;
}

.sport-page-odds .joe-smith {
  width: 1059px;
  position: relative;
  line-height: 24px;
  font-weight: 500;
  display: inline-block;
}
.sport-page-odds .wp-block-columns{
  width: 100%;
}

@media (max-width: 960px) {
  .sport-page-odds .faq-item {
    width: 100%;
  }
}
.faq-wrapper .faq-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.faq-wrapper .faq-list .faq-item .faq-item-answer{
  max-height: unset !important;
}
.faq-wrapper .faq-list .faq-item .faq-item-answer .faq-item-answer-inner{
  padding: 1.25rem !important;
}
/* Sport odds FAQ: force all answers open */
.sport-page-odds .faq-item {
  /* already styled as cards, keep as-is */
}

/* Always show the answer, regardless of .open / .closed */
.sport-page-odds .faq-item-answer {
  display: block !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

/* If Poka hides inner content on closed items, override it too */
.sport-page-odds .faq-item-answer-inner {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Optional: make the question look non-clickable (no accordion) */
.sport-page-odds .faq-item-question {
  cursor: default !important;
}
/* ==============================
 * Single Review page layout (admin-only single-affiliates.php)
 * Scoped under .single-review-odds to avoid interfering globally
 * ============================== */
.single-review-odds .body{
  background-color: #f8fbf4;
}
.single-review-odds .link,
.single-review-odds .link2 {
  display: flex;
  align-items: flex-start;
}

.single-review-odds .div2 {
  position: relative;
  text-decoration: underline;
  line-height: 24px;
  font-weight: 500;
}

.single-review-odds .link2 {
  color: #949788;
}

.single-review-odds .text {
  position: relative;
  line-height: 24px;
  font-weight: 500;
}

.single-review-odds .heros-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 80px;
  color: #fff;
}

.single-review-odds .hero-inner-container {
  width: 1200px;
  height: 520px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.single-review-odds .container-hero-inner {
  align-self: stretch;
  flex: 1;
  border-radius: 8px;
  background-color: #0066ff;
  display: flex;
  align-items: flex-start;
  gap: 64px;
  max-width: 100%;
}
.single-review-odds .heros-section .container-hero-inner{
  border-radius: 8px 8px 0 0;
}

.single-review-odds .casino-info {
  align-self: stretch;
  width: calc(50% - 20px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 48px 0 48px 48px;
  box-sizing: border-box;
  gap: 32px;
}

.single-review-odds .rating-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  text-align: right;
}

.single-review-odds .rating {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.single-review-odds .score {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.single-review-odds .div3 {
  position: relative;
  line-height: 28px;
  font-weight: 500;
}

.single-review-odds .div4 {
  position: relative;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  text-align: left;
}

.single-review-odds .stars {
  height: 16px;
  width: 99.8px;
  position: relative;
}

.single-review-odds .full-icon,
.single-review-odds .full-icon2,
.single-review-odds .full-icon3,
.single-review-odds .full-icon4,
.single-review-odds .half-icon {
  position: absolute;
  top: 0;
  width: 16.8px;
  height: 16px;
}

.single-review-odds .full-icon {
  left: 0;
}

.single-review-odds .full-icon2 {
  left: 20.79px;
}

.single-review-odds .full-icon3 {
  left: 41.58px;
}

.single-review-odds .full-icon4 {
  left: 62.37px;
}

.single-review-odds .half-icon {
  left: 83px;
}

.single-review-odds .title {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  font-size: 56px;
}
.single-review-odds .title14{
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  font-size: 42px;
  color: #3D5631;
}

.single-review-odds .bet {
  align-self: stretch;
  position: relative;
  line-height: 64px;
  text-transform: capitalize;
}

.single-review-odds .card-label-parent {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  font-size: 14px;
  color: #3d5631;
}

.single-review-odds .card-label {
  border-radius: 4px;
  background-color: #e5f2d9;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
}

.single-review-odds .top-betting-site {
  position: relative;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 600;
  color: #99C66A;
}

.single-review-odds .text2 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  font-size: 22px;
  color: #fff;
}

.single-review-odds .play-now-at {
  flex: 1;
  position: relative;
  line-height: 28px;
  font-weight: 500;
}

.single-review-odds .buttons-links {
  display: flex;
  align-items: flex-start;
  font-size: 18px;
  color: #0a5c16;
}

.single-review-odds .button-link {
  border-radius: 8px;
  background-color: #19e638;
  border: 1px solid #19e638;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 64px;
  color: #0A5C16;
}

.single-review-odds .primary {
  position: relative;
  line-height: 24px;
  text-transform: uppercase;
  font-weight: 600;
}

.single-review-odds .casino-brand-wrapper {
  position: relative;
  width: 50%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.single-review-odds .casino-brand-circle {
  position: relative;
  width: 280px;
  height: 280px;
  border-radius: 50%;
  border: 15px solid #E5F2D9;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #1b2a18;
  z-index: 2;
}

.single-review-odds .casino-brand-icon {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.single-review-odds .casino-brand-ring {
  position: absolute;
  border-radius: 50%;
  border: 1px solid #E5F2D9;
  pointer-events: none;
}

.single-review-odds .casino-brand-ring--1 {
  width: 340px;
  height: 340px;
  opacity: 0.8;
}

.single-review-odds .casino-brand-ring--2 {
  width: 400px;
  height: 400px;
  opacity: 0.6;
}

.single-review-odds .casino-brand-ring--3 {
  width: 460px;
  height: 460px;
  opacity: 0.4;
}

.single-review-odds .casino-brand-ring--4 {
  width: 520px;
  height: 520px;
  opacity: 0.2;
}

.single-review-odds .casino-brand-icon {
  align-self: stretch;
  flex: 1;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}

.single-review-odds .highlights-section
{
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: 14px;
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
}
.single-review-odds .inner-container2,
.single-review-odds .container-inner,
.single-review-odds .container-hero-inner,
.single-review-odds .inner-container5,
.review-section .container-inner,
.single-review-odds .container-inner6
{
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
}

.single-review-odds .inner-container {
  align-self: stretch;
  height: 100px;
  border-radius: 0 0 8px 8px;
  background-color: #3d5631;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 24px 48px;
  box-sizing: border-box;
}

.single-review-odds .container-inner {
  flex: 1;
  display: flex;
  gap: 32px;
  flex-direction: column;
}
.single-review-odds .highlights-section .container-inner{
  flex-direction: row;
}

.single-review-odds .left {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

.single-review-odds .sport-bonus-up {
  align-self: stretch;
  position: relative;
  font-size: 22px;
  line-height: 28px;
  color: #fff;
}

.single-review-odds .divider {
  height: 50px;
  width: 1px;
  position: relative;
  border-right: 1px solid #949788;
  box-sizing: border-box;
}

.single-review-odds .overview-section {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  padding: 64px 80px;
  color: #3d5631;
}

.single-review-odds .inner-container2 {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 40px;
}

.single-review-odds .overview {
  height: 264px;
  width: calc(50% - 20px);
  box-shadow: 0 0 0 0.39px rgba(179, 212, 143, 0.2) inset,
              -1.96px -1.96px 5.87px #fff,
              2.94px 2.94px 5.87px rgba(148, 151, 136, 0.4);
  border-radius: 8px;
  background-color: #e5f2d9;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  box-sizing: border-box;
}

.single-review-odds .inner-container3 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}

.single-review-odds .overview2 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.single-review-odds .header {
  align-self: stretch;
  border-bottom: 1px solid #cecfc9;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0 16px;
  gap: 8px;
}

.single-review-odds .chip-icon {
  height: 32px;
  width: 32px;
  position: relative;
}

.single-review-odds .title2 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.single-review-odds .card-container {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  font-size: 16px;
  color: #949788;
  border-radius: 8px;
  background-color: #E5F2D9;
  padding: 14px 0;
}

.single-review-odds .frame-parent {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.single-review-odds .web-icon-parent {
  display: flex;
  align-items: flex-start;
  padding: 0 24px 0 0;
  gap: 8px;
}

.single-review-odds .betcom,
.single-review-odds .novatech-solutions-nv {
  position: relative;
  line-height: 24px;
  font-weight: 500;
  color: #51524d;
  text-decoration: none;
}

.single-review-odds .score2 {
  display: flex;
  align-items: center;
  text-align: right;
  color: #51524d;
}

.single-review-odds .pros-cons-section {
  height: 264px;
  flex: 1;
  box-shadow: 0 0 0 0.39px rgba(179, 212, 143, 0.2) inset,
              -1.96px -1.96px 5.87px #fff,
              2.94px 2.94px 5.87px rgba(148, 151, 136, 0.4);
  border-radius: 8px;
  background-color: #e5f2d9;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  box-sizing: border-box;
}

.single-review-odds .inner-container4 {
  align-self: stretch;
  flex: 1;
  display: flex;
  align-items: flex-start;
  gap: 40px;
}

.single-review-odds .pros {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.single-review-odds .card-container2 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px 0 0;
  gap: 8px;
  font-size: 16px;
  color: #51524d;
}

.single-review-odds .plus-icon-parent {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.single-review-odds .good-bonus-conditions {
  flex: 1;
  position: relative;
  line-height: 24px;
  font-weight: 500;
}

.single-review-odds .deposit-section {
  align-self: stretch;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 80px 80px;
  color: #3d5631;
}

.single-review-odds .inner-container5 {
  width: 100%;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
}

.single-review-odds .title5 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.single-review-odds .deposit-methods {
  align-self: stretch;
  position: relative;
  line-height: 28px;
}

.single-review-odds .logos {
  align-self: stretch;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  align-content: center;
  gap: 24px 40px;
}

.single-review-odds .casino-key-section {
  align-self: stretch;
  background-color: #3d5631;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: 42px;
  padding: 80px;
}

.single-review-odds .container-inner2 {
  align-self: stretch;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}

.single-review-odds .title-parent {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
}

.single-review-odds .title6 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.single-review-odds .key-things-to-container {
  align-self: stretch;
  position: relative;
  line-height: 48px;
  color: #99C66A;
}

.single-review-odds .to-know-before {
  color: #fff;
}

.single-review-odds .before-signing-up {
  align-self: stretch;
  position: relative;
  font-size: 22px;
  line-height: 28px;
  font-weight: 500;
  color: #cecfc9;
}

.single-review-odds .frame-parent3 {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 40px;
  font-size: 28px;
  color: #fff;
}

.single-review-odds .icon-container-parent {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.single-review-odds .icon-container {
  align-self: stretch;
  width: 70px;
  position: relative;
}

.single-review-odds .title7 {
  flex: 1;
  border-bottom: 1px solid #949788;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 0 40px;
  gap: 16px;
}
.single-review-odds .title7:last-of-type{
  border-bottom: 0 !important;
}

.single-review-odds .title-group {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.single-review-odds .title8 {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
}

.single-review-odds .bonus-wagering {
  flex: 1;
  position: relative;
  line-height: 32px;
}

.single-review-odds .key-fact {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 22px;
  color: #99c66a;
}

.single-review-odds .description {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #cecfc9;
}

.single-review-odds .review-section {
  align-self: stretch;
  background-color: #e6e6e6;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 80px 0;
}

.single-review-odds .review-section .title-parent {
  align-self: stretch;
  border-bottom: 1px solid #cecfc9;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 0 40px;
  gap: 16px;
  font-size: 42px;
}

.single-review-odds .review-section .title {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.single-review-odds .bet-casino-and-container {
  align-self: stretch;
  position: relative;
  line-height: 48px;
}

.single-review-odds .review-section .text {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  font-size: 16px;
  color: #51524d;
}

.single-review-odds .bet-is-a {
  flex: 1;
  position: relative;
  line-height: 24px;
  font-weight: 500;
}

.single-review-odds .faq-section {
  align-self: stretch;
  background-color: #f8fbf4;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 80px;
  text-align: center;
  font-size: 34px;
}

.single-review-odds .faq-section .inner-container {
  width: 1060px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
}

.single-review-odds .do-you-have {
  flex: 1;
  position: relative;
  line-height: 42px;
}

.single-review-odds .cards-container {
  display: flex;
  align-items: flex-start;
  gap: 40px;
  text-align: left;
  font-size: 28px;
  color: #949788;
}

.single-review-odds .colum-1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.single-review-odds .faq-card {
  width: calc(50% - 20px);
  box-shadow: 0 0 0 0.39px rgba(179, 212, 143, 0.2) inset,
              -1.96px -1.96px 5.87px #fff,
              2.94px 2.94px 5.87px rgba(148, 151, 136, 0.4);
  border-radius: 8px;
  background-color: #e5f2d9;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  padding: 24px;
  box-sizing: border-box;
}

.single-review-odds .faq-card .container-inner {
  flex: 1;
  display: flex;
  align-items: flex-start;
}

.single-review-odds .faq-card .title-parent {
  width: 462px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 16px;
}

.single-review-odds .faq-card .title4 {
  align-self: stretch;
  border-bottom: 1px solid #cecfc9;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0 16px;
}

.single-review-odds .faq-card .title5 {
  flex: 1;
  position: relative;
  line-height: 32px;
}

.single-review-odds .faq-card .description {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #51524d;
}

.single-review-odds .faq-card .text {
  flex: 1;
  position: relative;
  line-height: 24px;
  font-weight: 500;
}

.single-review-odds .related-section {
  align-self: stretch;
  background-color: #f8fbf4;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px 80px 80px;
}

.single-review-odds .related-section .container-inner6 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.single-review-odds .title14 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.single-review-odds .related-reviews {
  align-self: stretch;
  position: relative;
  line-height: 48px;
}

.single-review-odds .cta-section {
  align-self: stretch;
  background-color: #3d5631;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px 80px 64px;
  color: #99c66a;
}

.single-review-odds .cta-section .title {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  padding: 0 0 16px;
}

.single-review-odds .cta-section .bet {
  position: relative;
  text-transform: uppercase;
}

.single-review-odds .cta-section .hero-section{
  width: 100%;
}
.single-review-odds .related-section{
  width: 100%;
}
.cards {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
  margin: 20px 0;
}
.cards .top img{
  width: 130px;
  height: 130px;
  border-radius: 50%;
  padding: 10px;
  border: 1px solid #ddd;
  margin-bottom: 15px;
}
.cards .casino-title{
  font-family: Montserrat;
  font-weight: 700;
  font-style: Bold;
  font-size: 34px;
  line-height: 42px;
  color: #3D5631;
  text-align: center;
  margin-bottom: 6px;
}
.cards .button-link2{
  width: 264;
  height: 52;
  padding-top: 14px;
  padding-right: 64px;
  padding-bottom: 14px;
  padding-left: 64px;
  opacity: 1;
  border-radius: 8px;
  border-width: 1px;
  background-color: #19E638;
  color: #0A5C16;
  font-family: Montserrat;
  font-weight: 600;
  font-style: SemiBold;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0%;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.cards .button{
  font-family: Montserrat;
  font-weight: 600;
  font-style: SemiBold;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0%;
  text-transform: capitalize;
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 0%;
  color: #0F8A22;
}
.cards .container-inner7{
  padding: 15px;
}
.cards .container-inner7,
.cards .top,
.cards .action{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.casino-title-rating{
  margin-bottom: 40px;
}
.rating .icon{
  font-size: 1rem !important;
}
.single-review-odds .rating{
  gap: 6px !important;
}
.review-section h1, .review-section h2, .betcalc-odds-page h2{
  color: #3D5631 !important;
}
.betcalc-odds-page h2, .betcalc-odds-page h3{
  margin-top: 20px;
}

/* ==============================
 * Admin-only Bet Calculator redesign
 * Maps existing odds_bet_calculator HTML to new design
 * ============================== */

.betcalc-container {
  /* overall page section */
  align-self: stretch;
  background-color: #f8fbf4; /* subtle background; overridden if needed by base CSS */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  font-family: Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #3d5631;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}

.betcalc-container > h1 {
  font-size: 42px;
  line-height: 52px;
  font-weight: 700;
  color: #3d5631 !important;
  margin: 0 0 32px;
  text-align: left;
}

/* Bet type definitions accordion (map to .table-accordion/.accordion design) */

.betcalc-container .accordion {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 32px;
}

.betcalc-container .accordion-toggle {
  width: 100%;
  max-width: 1280px;
  box-shadow: 0 0 0 0.39px rgba(179, 212, 143, 0.2) inset,
              -1.96px -1.96px 5.87px #fff,
              2.94px 2.94px 5.87px rgba(148, 151, 136, 0.4);
  border-radius: 8px;
  background-color: #e5f2d9;
  border: none;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 22px;
  font-weight: 600;
  color: #3d5631;
  cursor: pointer;
}

.betcalc-container .accordion-toggle .arrow {
  margin-left: 12px;
  font-size: 18px;
}

.betcalc-container .accordion-content {
  width: 100%;
  max-width: 1280px;
  margin-top: 12px;
  box-shadow: 0 0 0 0.39px rgba(153, 198, 106, 0.2) inset,
              -1.96px -1.96px 5.87px #fff,
              2.94px 2.94px 5.87px rgba(148, 151, 136, 0.4);
  border-radius: 8px;
  background-color: #e5f2d9;
  overflow: hidden;
  padding: 10px 12px 16px;
  box-sizing: border-box;
}

.betcalc-container .def-table {
  width: 100%;
  border-collapse: separate; /* needed for rounded corners */
  border-spacing: 0;
  font-size: 16px;
}

.betcalc-container .def-table thead tr {
  background-color: #435135;
}

/* Remove outer border, keep only inner grid lines */
.betcalc-container .def-table th,
.betcalc-container .def-table td {
  padding: 8px 12px;
  text-align: left;
  border: none; /* override base table borders */
}

/* vertical inner borders (not on first column) */
.betcalc-container .def-table tr > * + * {
  border-left: 1px solid #ddd;
}

/* horizontal inner borders (not on header row) */
.betcalc-container .def-table tr + tr > * {
  border-top: 1px solid #ddd;
}

.betcalc-container .def-table tbody tr:nth-child(odd) {
  background-color: #e5f2d9;
}

/* rounded corners for the visual table area */
.betcalc-container .accordion-content {
  border-radius: 8px;
  overflow: hidden; /* clip table corners to radius */
}

/* Main calculator card (.calc-box mapped to .bet-calculator2) */

.betcalc-container .calc-box {
  width: 100%;
  max-width: 1280px;
  box-shadow: 0 0 0 0.39px rgba(179, 212, 143, 0.2) inset,
              -1.96px -1.96px 5.87px #fff,
              2.94px 2.94px 5.87px rgba(148, 151, 136, 0.4);
  border-radius: 8px;
  background-color: #e5f2d9;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  font-size: 16px;
}

.betcalc-container .calc-header {
  background-color: #435135;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
}

.betcalc-container .calc-header span {
  font-size: 22px;
  line-height: 28px;
  font-weight: 700;
  color: #fff;
}

.betcalc-container .settings-btn {
  border-radius: 8px;
  background-color: #f8fbf4;
  border: 1px solid #99c66a;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 600;
  color: #99c66a;
  cursor: pointer;
}

.betcalc-container .calc-body {
  padding: 24px 12px 32px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.betcalc-container .form-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
}

.betcalc-container .form-row label {
  min-width: 180px;
  font-size: 14px;
  font-weight: 500;
  color: #51524d;
}

.betcalc-container .form-row select,
.betcalc-container .form-row input[type="number"],
.betcalc-container .form-row input[type="text"] {
  height: 40px;
  border-radius: 8px;
  background-color: #f8fbf4;
  border: 1px solid #99c66a;
  padding: 8px 12px;
  box-sizing: border-box;
  font-size: 14px;
  color: #3d5631;
}

.betcalc-container .form-row .help-icon {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid #99c66a;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #99c66a;
}

.betcalc-container .help-icon {
  position: relative;
  cursor: help;
}

.betcalc-container .help-icon::after {
  content: attr(data-tooltip);
  position: absolute;
  left: 50%;
  bottom: 125%;
  transform: translateX(-50%);
  white-space: nowrap;
  background-color: #3d5631;
  color: #fff;
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 11px;
  line-height: 1.3;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s ease-out, transform 0.15s ease-out;
  transform-origin: bottom center;
}

.betcalc-container .help-icon:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(-2px);
}

/* Settings panel */

.betcalc-container .settings-panel {
  padding: 16px 12px 8px;
  border-top: 1px solid #cecfc9;
  background-color: #f8fbf4;
}

.betcalc-container .settings-panel h4 {
  margin: 0 0 12px;
  font-size: 16px;
  font-weight: 600;
  color: #3d5631;
}

.betcalc-container .settings-panel .form-row label {
  min-width: 0;
}

/* Selections table mapped to .table/.header-table/.row */

.betcalc-container .sel-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 8px;
}

.betcalc-container .sel-table thead tr {
  height: 40px;
  background-color: #cecfc9;
}

.betcalc-container .sel-table th,
.betcalc-container .sel-table td {
  padding: 8px 12px;
  text-align: center;
}

.betcalc-container .sel-table tbody tr:nth-child(odd) {
  background-color: #e5f2d9;
}

.betcalc-container .sel-table tbody tr:nth-child(even) {
  background-color: #f8fbf4;
}

/* Summary section / results mapped to .table2/.header-table2 */

.betcalc-container .summary-title {
  margin-top: 24px;
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 600;
  color: #3d5631;
}

.betcalc-container .results-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 8px;
  font-size: 16px;
  color: #51524d;
}

.betcalc-container .results-table thead tr {
  height: 32px;
  background-color: #cecfc9;
}

.betcalc-container .results-table th,
.betcalc-container .results-table td {
  padding: 8px 12px;
  text-align: center;
}

.betcalc-container .results-table tbody tr {
  background-color: #e5f2d9;
}

.betcalc-container .results-table td {
  font-weight: 600;
}

/* ==============================
 * Admin-only Home page layout (front-page.php for admins)
 * Scoped under to avoid interfering globally
 * ============================== */

.home-page-1 {
  width: 100%;
  position: relative;
  background-color: #fff;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  font-size: 14px;
  color: #99c66a;
  font-family: Montserrat;
}
> div{
  /* padding-top: 0 !important; */
}

.body {
  align-self: stretch;
  background-color: #f8fbf4;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.section-hero {
  align-self: stretch;
  height: 540px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.container-inner2,
.container-inner3,
.inner-container,
.inner-container3{
  max-width: 1200px !important;
  width: 100% !important;
  margin: 0 auto !important;
}

.section-hero .container-hero-inner {
  align-self: stretch;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 48px 0;
  box-sizing: border-box;
  gap: 20px;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}

.section-hero .container-hero-title {
  width: calc(50% - 20px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 32px;
}

.section-hero .title, .section-hero h1 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.section-hero .betting-odds {
  align-self: stretch;
  position: relative;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 600;
  color: #99c66a;
}

.section-hero .all-sports-betting, .section-hero h1 {
  align-self: stretch;
  position: relative;
  font-size: 56px !important;
  line-height: 64px !important;
  text-transform: capitalize;
  color: #3d5631 !important;
}

.section-hero .description {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  font-size: 16px;
  color: #51524d;
}

.section-hero .sports-betting-fans {
  align-self: stretch;
  position: relative;
  line-height: 24px;
  font-weight: 500;
}

.section-hero .image-icon {
  align-self: stretch;
  max-height: 100%;
  object-fit: cover;
}

.affiliate-featured-section {
  align-self: stretch;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 64px 80px 120px;
  font-size: 34px;
  color: #3d5631;
}

.affiliate-featured-section .inner-container {
  align-self: stretch;
  display: flex;
  align-items: flex-end;
  gap: 40px;
}

.affiliate-featured-section .casino-cards,
.affiliate-featured-section .casino-cards2 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}

.affiliate-featured-section .card-container,
.affiliate-featured-section .card-container2 {
  width: 100%;
  box-shadow: 0 0 0 0.39px rgba(153, 198, 106, 0.2) inset,
              -1.9579px -1.9579px 5.87px #fff,
              2.9369px 2.9369px 5.87px rgba(148, 151, 136, 0.4);
  border-radius: 8px;
  background-color: #e5f2d9;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px 16px 16px;
  box-sizing: border-box;
  max-width: 100%;
}

.affiliate-featured-section .card-container2 {
  border: 3px solid #99c66a;
  font-size: 34px;
}

.affiliate-featured-section .container-inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 64px;
  max-width: 100%;
}

.affiliate-featured-section .top {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.affiliate-featured-section .casino-image-icon,
.affiliate-featured-section .casino-image-icon3 {
  width: 130px;
  height: 130px;
  position: relative;
  object-fit: cover;
}

.affiliate-featured-section .casino-image-icon3 {
  object-fit: contain;
}

.affiliate-featured-section .casino-title-rating {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

.affiliate-featured-section .casino-title {
  display: flex;
  align-items: center;
  justify-content: center;
}

.affiliate-featured-section .bet {
  position: relative;
  line-height: 42px;
}

.affiliate-featured-section .stars {
  width: 99.8px;
  height: 16px;
  position: relative;
}

.affiliate-featured-section .full-icon,
.affiliate-featured-section .full-icon2,
.affiliate-featured-section .full-icon3,
.affiliate-featured-section .full-icon4,
.affiliate-featured-section .half-icon {
  position: absolute;
  top: 0;
  width: 16.8px;
  height: 16px;
}

.affiliate-featured-section .full-icon { left: 0; }
.affiliate-featured-section .full-icon2 { left: 20.79px; }
.affiliate-featured-section .full-icon3 { left: 41.58px; }
.affiliate-featured-section .full-icon4 { left: 62.37px; }
.affiliate-featured-section .half-icon { left: 83px; }

.affiliate-featured-section .action {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  font-size: 18px;
  color: #0a5c16;
}

.affiliate-featured-section .buttons-links {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}

.affiliate-featured-section .button-link {
  flex: 1;
  border-radius: 8px;
  background-color: #19e638;
  border: 1px solid #19e638;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 64px;
}

.affiliate-featured-section .primary {
  position: relative;
  line-height: 24px;
  text-transform: uppercase;
  font-weight: 600;
}

.affiliate-featured-section .buttons-links2 {
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0f8a22;
}

.affiliate-featured-section .button {
  position: relative;
  text-decoration: underline;
  line-height: 24px;
  text-transform: capitalize;
  font-weight: 600;
}

.affiliate-featured-section .card-label {
  border-radius: 4px 4px 0 0;
  background-color: #99c66a;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 12px;
}

.affiliate-featured-section .top-betting-site {
  position: relative;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 600;
}

.featured-casinos .row {
  display: flex;
  align-items: flex-end;
  gap: 0px;
  flex-wrap: wrap;
}
.featured-casinos .col-4,
.featured-casinos .col-lg-6,
.featured-casinos .col-lg-12,
.featured-casinos .col-md-12 {
  flex: 1;
  max-width: none;
}
.featured-casinos .single-affiliate {
  border-radius: 8px;
  background-color: #e5f2d9;
  padding: 20px;
  box-sizing: border-box;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.featured-casinos .single-affiliate--highlighted {
  border: 3px solid #99c66a;
}
.featured-casinos .single-affiliate-badge,
.featured-casinos .review-badge {
  border-radius: 4px 4px 0 0;
  /* background-color: #99c66a; */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 12px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  color: #3d5631;
  margin-top: -18px;
}
.featured-casinos .review-logo img {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  border: 1px solid #ddd;
  padding: 10px;
  object-fit: contain;
  margin-bottom: 16px;
}
.featured-casinos .single-affiliate-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.featured-casinos .single-affiliate-text,
.featured-casinos .review-bonus {
  font-size: 18px;
  line-height: 24px;
  color: #3d5631;
  height: 122px;
  overflow: hidden;
}
.featured-casinos .single-affiliate-cta .btn-primary {
  width: 100%;
  border-radius: 8px;
  background-color: #19e638;
  border: 1px solid #19e638;
  color: #0a5c16;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
  padding: 14px 64px;
}
.featured-casinos .review-extra-links-item a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #0f8a22;
  text-decoration: underline;
  text-transform: capitalize;
  margin-top: 16px;
}
.recommended-section {
  align-self: stretch;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 80px 96px;
  text-align: center;
  font-size: 42px;
}
.recommended-section .inner-container2 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 64px;
}
.recommended-section .title-section {
  width: 840px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
.recommended-section .title5 {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
}
.recommended-section .betting-odds-across-container {
  flex: 1;
  position: relative;
  line-height: 48px;
}
.recommended-section .description {
  width: calc(50% - 20px);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #51524d;
}
.recommended-section .explore-the-latest {
  flex: 1;
  position: relative;
  line-height: 24px;
  font-weight: 500;
}
.recommended-section .row-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  font-size: 22px;
  color: #3d5631;
}
.recommended-section .row {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  gap: 40px;
}
.recommended-section .betting-odds-cards,
.recommended-section .betting-odds-cards13 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.recommended-section .card-container,
.recommended-section .card-container13 {
  width: 296px;
  box-shadow: 0 0 0 0.39px rgba(153, 198, 106, 0.2) inset,
              -1.9579px -1.9579px 5.87px #fff,
              2.9369px 2.9369px 5.87px rgba(148, 151, 136, 0.4);
  border-radius: 8px;
  background-color: #e5f2d9;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
}
.recommended-section .visual-element-icon {
  align-self: stretch;
  height: 164px;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.recommended-section .text-side {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px;
  gap: 16px;
}
.recommended-section .title6 {
  align-self: stretch;
  height: 56px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.recommended-section .premier-league-betting {
  flex: 1;
  position: relative;
  line-height: 28px;
  display: -webkit-inline-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.recommended-section .action-button {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  font-size: 18px;
  color: #0a5c16;
}
.recommended-section .buttons-links2 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}
.recommended-section .button-link {
  height: 40px;
  flex: 1;
  border-radius: 8px;
  background-color: #19e638;
  border: 1px solid #19e638;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 64px;
}
.recommended-section .primary {
  position: relative;
  line-height: 24px;
  text-transform: uppercase;
  font-weight: 600;
  flex-shrink: 0;
}

.news-section {
  align-self: stretch;
  background-color: #e6e6e6;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 80px;
  color: #3d5631;
}
.news-section .top {
  align-self: stretch;
  display: flex;
  align-items: center;
}

.news-section .title19 {
  flex: 1;
  display: flex;
  align-items: center;
}

.news-section .latest-news {
  position: relative;
  line-height: 48px;
}
.news-section .insight-inner-container .betting-odds-cards {
  flex: 1 1 0;      /* equal flex children */
}

.news-section .card-container14 {
  width: 100%;      /* take full width of its flex item */
}
.news-section .buttons-links15 {
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #0f8a22;
}

.news-section .button2 {
  position: relative;
  text-decoration: underline;
  line-height: 24px;
  text-transform: capitalize;
  font-weight: 600;
}

.news-section .cards {
  align-self: stretch;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: 22px;
}

.news-section .insight-inner-container {
  align-self: stretch;
  display: flex;
  align-items: flex-end;
  padding: 4px;
  gap: 24px;
}

.news-section .card-container14 {
  align-self: stretch;
  height: 440px;
  box-shadow: 0 0 0 0.39px rgba(153, 198, 106, 0.2) inset,
              -1.9579px -1.9579px 5.87px #fff,
              2.9369px 2.9369px 5.87px rgba(148, 151, 136, 0.4);
  border-radius: 8px;
  background-color: #e5f2d9;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.news-section .visual-side-icon {
  width: 405px;
  height: 240px;
  border-radius: 8px 8px 0 0;
  object-fit: cover;
  flex-shrink: 0;
}

.news-section .text-side14 {
  align-self: stretch;
  height: 190px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding: 16px 12px 0;
  box-sizing: border-box;
  gap: 0;
  flex-shrink: 0;
}

.news-section .content {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

.news-section .title20 {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0 8px;
}

.news-section .what-odds-is {
  flex: 1;
  position: relative;
  line-height: 28px;
  display: -webkit-inline-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.news-section .description2 {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #51524d;
}

.news-section .constitution-hill-makes {
  flex: 1;
  position: relative;
  line-height: 24px;
  font-weight: 500;
  display: -webkit-inline-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.news-section .footer-side {
  align-self: stretch;
  display: flex;
  align-items: center;
  padding: 16px 0 0;
  gap: 8px;
  font-size: 14px;
  color: #949788;
}

.news-section .author {
  display: flex;
  align-items: flex-start;
}

.news-section .peter-jackson {
  position: relative;
  line-height: 20px;
  font-weight: 500;
  display: -webkit-inline-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.news-section .footer-side-child {
  height: 4px;
  width: 4px;
  position: relative;
  border-radius: 50%;
  background-color: #949788;
}

.news-section .hours-ago {
  width: 120px;
  position: relative;
  line-height: 20px;
  font-weight: 500;
  display: -webkit-inline-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  flex-shrink: 0;
}

.explain-section {
  align-self: stretch;
  background-color: #3d5631;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 80px;
  color: #e5f2d9;
}

.explain-section .inner-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 100%;
}

.explain-section .title-section {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  text-align: center;
}

.explain-section .title {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.explain-section .sport-markets-and-container {
  flex: 1;
  position: relative;
  line-height: 42px;
}

.explain-section .sport-markets-and-container .span { color: #fff; }
.explain-section .sport-markets-and-container .betting-odds-explained { color: #99c66a; }

.explain-section .description {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  font-size: 16px;
  color: #cecfc9;
}

.explain-section .of-course-before {
  flex: 1;
  position: relative;
  line-height: 24px;
  font-weight: 500;
}

.explain-section .football-odds-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 64px 0 0;
  gap: 64px;
  text-align: left;
  font-size: 16px;
  color: #cecfc9;
}

.explain-section .football-odds {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.explain-section .content {
  width: calc(50% - 20px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.explain-section .title2 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  font-size: 28px;
  color: #e5f2d9;
}

.explain-section .most-popular-football {
  flex: 1;
  position: relative;
  line-height: 32px;
}

.explain-section .text {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}

.explain-section .frame-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.explain-section .frame-group {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  gap: 24px;
}

.explain-section .check-icon-parent {
  flex: 1;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.explain-section .check-icon {
  height: 20px;
  width: 25.8px;
  position: relative;
}

.explain-section .match-result-wrapper {
  align-self: stretch;
  flex: 1;
  display: flex;
  align-items: flex-start;
}

.explain-section .check-icon-parent4 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.explain-section .visual-icon {
  height: 340px;
  border-radius: 8px;
  object-fit: cover;
}

.work-betting-odds-section {
  align-self: stretch;
  background-color: #e6e6e6;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 80px 0;
}

.work-betting-odds-section .title4{
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.text-container {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  text-align: left;
  font-size: 16px;
  color: #51524d;
}

.read-betting-odds-section {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 80px;
  background-color: #3D5631;
}

.read-betting-odds-section .inner-container3 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 64px;
}

.read-betting-odds-section .description2 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  text-align: left;
  font-size: 16px;
  color: #51524d;
}

.read-betting-odds-section .frame-parent6 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  font-size: 28px;
}

.read-betting-odds-section .frame-parent7,
.read-betting-odds-section .frame-parent8 {
  align-self: stretch;
  border-bottom: 1px solid #cecfc9;
  display: flex;
  align-items: flex-start;
  padding: 0 0 40px;
  gap: 40px;
}
.read-betting-odds-section .frame-parent7:last-of-type{
  border-bottom: 0 !important;
}

.read-betting-odds-section .frame-parent8 {
  padding: 40px 0;
}

.read-betting-odds-section .title-parent,
.read-betting-odds-section .title-group {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.read-betting-odds-section .key-fact,
.read-betting-odds-section .key-fact4 {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 22px;
  color: #99c66a;
}

.read-betting-odds-section .b,
.read-betting-odds-section .b4 {
  position: relative;
  line-height: 28px;
}

.read-betting-odds-section .description3,
.read-betting-odds-section .description4 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 16px;
  font-size: 16px;
  color: #CECFC9;
}

.read-betting-odds-section .frame-parent10 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  padding: 40px 0 0;
  gap: 40px;
}

.read-betting-odds-section .convert-icon {
  height: 16px;
  width: 16.3px;
  position: relative;
}

.description-section {
  align-self: stretch;
  background-color: #e6e6e6;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.description-section .wp-block-group.alignfull{
  width: 100%;
}

.description-section .inner-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
}

.description-section .div2 {
  align-self: stretch;
  border-bottom: 1px solid #cecfc9;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 0 40px;
  gap: 40px;
}

.description-section .title-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.description-section .title {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}

.description-section .what-do-odds-container {
  flex: 1;
  position: relative;
  line-height: 42px;
}

.description-section .odds-mean-in { color: #99c66a; }

.description-section .text {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  font-size: 16px;
  color: #51524d;
}

.description-section .of-course-when {
  flex: 1;
  position: relative;
  line-height: 24px;
  font-weight: 500;
}

.description-section .title-group {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  font-size: 16px;
  color: #51524d;
}

.description-section .title2 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  font-size: 28px;
  color: #3d5631;
}

.description-section .betting-odds-and {
  flex: 1;
  position: relative;
  line-height: 32px;
}

.description-section .frame-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.description-section .check-icon-parent {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.description-section .check-icon {
  height: 20px;
  width: 25.8px;
  position: relative;
}

.description-section .odds-of-20-1-20-05-wrapper {
  align-self: stretch;
  flex: 1;
  display: flex;
  align-items: flex-start;
}

.description-section .text6 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.description-section .now-to-the {
  align-self: stretch;
  position: relative;
  line-height: 24px;
  font-weight: 500;
}

.description-section .div4 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  font-size: 16px;
  color: #51524d;
}

.description-section .title-container {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.description-section .title3 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  font-size: 34px;
  color: #3d5631;
}

.faq-section {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 80px;
  text-align: center;
}
.faq-section h2.wp-block-heading{
  margin-bottom: 50px !important;
}

.faq-section .cards-container {
  display: flex;
  align-items: flex-start;
  gap: 40px;
  text-align: left;
  font-size: 28px;
  color: #949788;
}

.faq-section .colum-1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.faq-section .faq-card {
  width: calc(50% - 20px);
  box-shadow: 0 0 0 0.39px rgba(179, 212, 143, 0.2) inset,
              -1.9579px -1.9579px 5.87px #fff,
              2.9369px 2.9369px 5.87px rgba(148, 151, 136, 0.4);
  border-radius: 8px;
  background-color: #e5f2d9;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  padding: 24px;
  box-sizing: border-box;
}

.faq-section .container-inner {
  flex: 1;
  display: flex;
  align-items: flex-start;
}

.faq-section .title-parent3 {
  width: 462px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 16px;
}

.faq-section .title6 {
  align-self: stretch;
  border-bottom: 1px solid #cecfc9;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0 16px;
}

.faq-section .description {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #51524d;
}

.expert-section {
  align-self: stretch;
  background-color: #f8fbf4;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px 80px 80px;
  font-size: 16px;
  color: #51524d;
}

.expert-section .inner-container3 {
  align-self: stretch;
  box-shadow: 0 0 0 0.39px rgba(179, 212, 143, 0.2) inset,
              -1.96px -1.96px 5.87px #fff,
              2.94px 2.94px 5.87px rgba(148, 151, 136, 0.4);
  border-radius: 8px;
  background-color: #e5f2d9;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  padding: 24px;
  gap: 24px;
}

.expert-section .image-container {
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  padding: 5.5px;
}

.expert-section .expert-image {
  height: 109.1px;
  width: 109.1px;
  position: relative;
}

.expert-section .expert-image-child {
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: -2.8139px -2.8139px 5.63px rgba(153, 198, 106, 0.2),
              2.8139px 2.8139px 5.63px rgba(33, 34, 30, 0.15);
  border-radius: 3.46px;
  background-color: #e5f2d9;
  width: 109.1px;
  height: 109.1px;
}

.expert-section .expert-image-item {
  position: absolute;
  top: 8.39px;
  left: 8.39px;
  border-radius: 3.46px;
  width: 92.3px;
  height: 92.3px;
  object-fit: contain;
}

.expert-section .text19 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.expert-section .joe-smith-is-container {
  align-self: stretch;
  flex: 1;
  position: relative;
  line-height: 24px;
  font-weight: 500;
}

.expert-section .see-full-bio {
  text-decoration: underline;
}

.expert-section .name {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #949788;
}

.expert-section .joe-smith {
  width: 100%;
  position: relative;
  line-height: 24px;
  font-weight: 500;
  display: inline-block;
}
.review-box {
  box-shadow: 0 0 0 0.39px rgba(153,198,106,.2) inset,
              -1.06px -1.06px 2.87px #aaa,
              2.94px 2.94px 5.87px rgba(148,151,136,.4);
  border-radius: 8px;
  background-color: #e5f2d9;
  overflow: hidden;
}
.review-box-wrap {
  display: flex;
  align-items: center;
  padding: 10px;
  gap: 32px;
}
.review-box-thumb { flex: 0 0 106px; }
.review-box-thumb .review-logo img {
  width: 90px;
  height: 90px;
  border-radius: 8px;
  object-fit: contain;
  border: 1px solid #ddd;
  padding: 10px;
  min-width: unset;
  margin: 0 !important;
}
.review-box-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.review-box-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #cecfc9;
  padding-bottom: 8px;
}
.review-box-name {
  font-size: 34px;
  line-height: 42px;
  font-weight: 700;
  color: #3d5631 !important;
  margin: 0 !important;
}
.review-box-rating .review-rating span strong {
  font-size: 22px;
  line-height: 28px;
  font-weight: 500;
  color: #51524d;
}
.review-box-rating .rating .icon {
  font-size: 1rem;
}
.review-pros-cons {
  display: flex;
  gap: 24px;
  font-size: 16px;
  color: #51524d;
}
.review-box-actions {
  flex: 0 0 284px;
  border-left: 1px solid #cecfc9;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 32px;
  gap: 14px;
  font-size: 18px;
  color: #0a5c16;
}
.review-box-actions .review-bonus {
  font-size: 28px;
  line-height: 32px;
  color: #99c66a;
}
.review-box-actions .btn-primary {
  width: 100%;
  border-radius: 8px;
  background-color: #19e638;
  border: 1px solid #19e638;
  color: #0a5c16;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
  /* padding: 14px 64px; */
}
.review-box-actions .review-extra-links-item a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: #0f8a22;
  text-decoration: underline;
  text-transform: capitalize;
}
.wp-block-odds-why-odds .why-odds-block,
.why-odds-block {
  	align-self: stretch !important;
  	background-color: #3d5631 !important;
  	display: flex !important;
  	flex-direction: column !important;
  	align-items: center !important;
  	justify-content: flex-start !important;
  	padding: 80px !important;
    position: relative !important;
}

.wp-block-odds-hero-section .hero-section-block,
.hero-section-block {
  	align-self: stretch !important;
  	height: 540px !important;
  	overflow: hidden !important;
  	display: flex !important;
  	flex-direction: row !important;
  	align-items: center !important;
  	justify-content: center !important;
  	box-sizing: border-box !important;
  	background-color: #f8fbf4 !important;
}

.wp-block-odds-sports-markets .sports-markets-block,
.sports-markets-block {
  	align-self: stretch !important;
  	border-radius: 8px !important;
  	display: flex !important;
  	flex-direction: column !important;
  	align-items: center !important;
  	padding: 80px 0 !important;
  	text-align: center !important;
  	color: #99c66a !important;
}

.wp-block-odds-how-odds-work .how-odds-work-block,
.how-odds-work-block {
  	align-self: stretch !important;
  	background-color: #f8fbf4 !important;
  	display: flex !important;
  	flex-direction: column !important;
  	align-items: center !important;
  	padding: 80px 20px !important;
  	color: #3d5631 !important;
}

.wp-block-odds-how-read-odds .how-read-odds-block,
.how-read-odds-block {
  	align-self: stretch !important;
  	background-color: #e5f2d9 !important;
  	display: flex !important;
  	flex-direction: column !important;
  	align-items: center !important;
  	padding: 80px 20px !important;
  	color: #3d5631 !important;
}

.wp-block-odds-what-odds-mean .what-odds-mean-block,
.what-odds-mean-block {
  	align-self: stretch !important;
  	background-color: #f8fbf4 !important;
  	display: flex !important;
  	flex-direction: column !important;
  	align-items: center !important;
  	padding: 80px 20px !important;
  	color: #3d5631 !important;
}

.wp-block-odds-find-best-sites .find-best-sites-block,
.find-best-sites-block {
  	align-self: stretch !important;
  	background-color: #3d5631 !important;
  	display: flex !important;
  	flex-direction: column !important;
  	align-items: center !important;
  	padding: 80px 20px !important;
  	color: #fff !important;
}
.about-section {
  	align-self: stretch;
  	background-color: #3d5631;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	padding: 80px;
    position: relative;
}
.about-section .container-inner {
  	align-self: stretch;
  	overflow: hidden;
  	display: flex;
  	align-items: flex-start;
  	justify-content: space-between;
  	gap: 20px;
}
.about-section .title-parent {
  	width: calc(50% - 20px);
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	gap: 48px;
}
.about-section .title {
  	align-self: stretch;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	gap: 24px;
}
.about-section .title {
  	align-self: stretch;
  	position: relative;
  	line-height: 48px;
    font-size: 42px;
    color: #fff;
}
.about-section .span {
  	color: #99C66A;
}
.about-section .oddsonline {
  	color: #99c66a;
}
.about-section .oddsonline-is-an {
  	align-self: stretch;
  	position: relative;
  	font-size: 22px;
  	line-height: 28px;
  	font-weight: 500;
  	color: #cecfc9;
}
.about-section .buttons-links {
  	width: 290px;
  	border-radius: 8px;
  	border: 1px solid #19e638;
  	box-sizing: border-box;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	padding: 14px 64px;
  	font-size: 18px;
}
.about-section .button {
  	position: relative;
  	line-height: 24px;
  	text-transform: uppercase;
  	font-weight: 600;
}
.about-section .button a {
  color: #fff !important;
  text-decoration: none;
  padding: 0 !important;
}
.about-section .frame-parent {
  	width: calc(50% - 20px);
  	display: flex;
  	flex-direction: column;
  	align-items: flex-end;
  	gap: 40px;
  	font-size: 28px;
}
.about-section .icon-container-parent {
  	align-self: stretch;
  	display: flex;
  	align-items: flex-start;
  	gap: 16px;
}
.about-section .icon-container {
  	align-self: stretch;
  	width: 70px;
  	position: relative;
}
.about-section .verified-icon {
  	/* position: absolute; */
  	top: 0px;
  	left: calc(50% - 27px);
  	width: 53.1px;
  	height: 64px;
  	object-fit: contain;
}
.about-section .title2 {
  	flex: 1;
  	border-bottom: 1px solid #949788;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	padding: 0px 0px 40px;
  	gap: 16px;
}
.about-section .title2:last-of-type{
  border-bottom: 0 !important;
}
.about-section .licensed-verified {
  	align-self: stretch;
  	position: relative;
  	line-height: 32px;
    color: #fff;
}
.about-section .we-review-only {
  	align-self: stretch;
  	position: relative;
  	font-size: 16px;
  	line-height: 24px;
  	font-weight: 500;
  	color: #cecfc9;
}
.about-section .bonus-icon {
  	/* position: absolute; */
  	top: 0px;
  	left: calc(50% - 31px);
  	width: 62.9px;
  	height: 56px;
  	object-fit: contain;
}
.about-section .compare-icon {
  	/* position: absolute; */
  	top: 0px;
  	left: calc(50% - 31px);
  	width: 61px;
  	height: 48px;
  	object-fit: contain;
}

.top-sports-section {
  	align-self: stretch;
  	border-radius: 8px;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	padding: 80px 0;
  	text-align: center;
  	color: #99c66a;
}
.top-sports-section .container-inner2 {
  	width: 100%;
  	overflow: hidden;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	gap: 64px;
  	max-width: 100%;
}
.top-sports-section .title-section {
  	max-width: 840px;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	gap: 24px;
}
.top-sports-section .title5 {
  	align-self: stretch;
  	display: flex;
  	align-items: center;
  	justify-content: center;
}
.top-sports-section .betting-odds-across-container {
  	flex: 1;
  	position: relative;
  	line-height: 48px;
    color: #3d5631 !important;
}
.top-sports-section .description {
  	width: calc(50% - 20px);
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	font-size: 16px;
  	color: #51524d;
}
.top-sports-section .explore-the-latest {
  	flex: 1;
  	position: relative;
  	line-height: 24px;
  	font-weight: 500;
}
.top-sports-section .row-parent {
  	align-self: stretch;
  	display: flex;
  	flex-wrap: wrap;
  	justify-content: flex-start;
  	gap: 24px;
  	font-size: 22px;
  	color: #3d5631;
}
.top-sports-section .betting-odds-cards {
  	display: flex;
  	flex-direction: column;
  	align-items: stretch;
  	box-sizing: border-box;
  	width: calc(25% - 18px); /* 4 per row on desktop */
}
.top-sports-section .card-container {
  	box-shadow: 0px 0px 0px 0.39px rgba(153, 198, 106, 0.2) inset, -1.9579046964645386px -1.9579046964645386px 5.87px #fff, 2.936856985092163px 2.936856985092163px 5.87px rgba(148, 151, 136, 0.4);
  	border-radius: 8px;
  	background-color: #e5f2d9;
  	overflow: hidden;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	justify-content: space-between;
  	height: 100%;
}
.top-sports-section .visual-element-icon {
  	align-self: stretch;
  	height: 164px;
  	max-width: 100%;
  	overflow: hidden;
  	flex-shrink: 0;
  	object-fit: cover;
}
.top-sports-section .text-side {
  	align-self: stretch;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	padding: 16px;
  	gap: 16px;
}
.top-sports-section .title6 {
  	align-self: stretch;
  	height: 56px;
  	display: flex;
  	align-items: flex-start;
  	justify-content: center;
}
.top-sports-section .premier-league-betting {
  	flex: 1;
  	position: relative;
  	line-height: 28px;
  	display: -webkit-inline-box;
  	overflow: hidden;
  	text-overflow: ellipsis;
  	-webkit-line-clamp: 2;
  	-webkit-box-orient: vertical;
}
.top-sports-section .action-button {
  	align-self: stretch;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	text-align: left;
  	font-size: 18px;
  	color: #0a5c16;
}
.top-sports-section .buttons-links2 {
  	align-self: stretch;
  	display: flex;
  	align-items: flex-start;
}
.top-sports-section .button-link {
  	height: 40px;
  	flex: 1;
  	border-radius: 8px;
  	background-color: #19e638;
  	border: 1px solid #19e638;
  	box-sizing: border-box;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	padding: 14px 64px;
}
.top-sports-section .primary {
  	position: relative;
  	line-height: 24px;
  	text-transform: uppercase;
  	font-weight: 600;
  	flex-shrink: 0;
}
.top-sports-section .betting-odds-cards13 {
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
}
.top-sports-section .card-container13 {
  	width: 296px;
  	box-shadow: 0px 0px 0px 0.39px rgba(153, 198, 106, 0.2) inset, -1.9579046964645386px -1.9579046964645386px 5.87px #fff, 2.936856985092163px 2.936856985092163px 5.87px rgba(148, 151, 136, 0.4);
  	border-radius: 8px;
  	background-color: #e5f2d9;
  	overflow: hidden;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
}
.title19 {
  font-size: 42px;
  font-family: 'Montserrat';
  font-weight: bold;
  color: #3D5631;
}
.title5, 
.betting-odds-explained{
  font-size: 42px;
  font-family: 'Montserrat';
  font-weight: bold;
  color: #99C66A;
}
.sport-markets-and-container{
  color: #fff !important;
}
.how-do-betting-container,
.work-betting-odds-section h2{
  text-align: center;
  margin-bottom: 30px;
  font-size: 42px;
  font-family: 'Montserrat';
  font-weight: bold;
  color: #3D5631;
}
.how-do-betting-container .betting-odds-explained{
  color: #99C66A;
}
.work-betting-odds-section {
  	align-self: stretch;
  	background-color: #e6e6e6 !important;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	padding: 80px 0px;
}
.work-betting-odds-section .title4 {
  	align-self: stretch;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
}
.work-betting-odds-section .how-do-betting-container {
  	align-self: stretch;
  	position: relative;
  	line-height: 42px;
}
.work-betting-odds-section p{
    gap: 16px;
  	text-align: left;
  	font-size: 16px;
  	color: #51524d;
    font-family: Montserrat;
}
.work-betting-odds-section .text-container {
  	align-self: stretch;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	gap: 16px;
  	text-align: left;
  	font-size: 16px;
  	color: #51524d;
    font-family: Montserrat;
}
.read-betting-odds-section {
  	align-self: stretch;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	padding: 80px;
}
.read-betting-odds-section > div{
  flex-basis: 100%;
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
}
.read-betting-odds-section .inner-container3 {
  	align-self: stretch;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	gap: 64px;
}
.read-betting-odds-section .title-section p, 
.read-betting-odds-section .title-parent h3,
.sport-markets-and-container{
  color: #fff !important;
}
.read-betting-odds-section .description2 {
  	align-self: stretch;
  	display: flex;
  	align-items: flex-start;
  	text-align: left;
  	font-size: 16px;
  	color: #fff;
}
.read-betting-odds-section .frame-parent6 {
  	align-self: stretch;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	text-align: left;
  	font-size: 28px;
}
.read-betting-odds-section .frame-parent7 {
  	align-self: stretch;
  	border-bottom: 1px solid #cecfc9;
  	display: flex;
  	align-items: flex-start;
  	padding: 20px 0px;
  	gap: 40px;
}
.read-betting-odds-section .title-parent {
  	flex: 1;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	justify-content: center;
}
.read-betting-odds-section .title6 {
  	width: calc(50% - 20px);
  	display: flex;
  	align-items: flex-start;
    color: #fff;
}
.read-betting-odds-section .key-fact {
  	align-self: stretch;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	font-size: 22px;
  	color: #99c66a;
}
.read-betting-odds-section .b {
  	flex: 1;
  	position: relative;
  	line-height: 28px;
}
.read-betting-odds-section .frame-parent8 {
  	align-self: stretch;
  	border-bottom: 1px solid #cecfc9;
  	display: flex;
  	align-items: flex-start;
  	padding: 40px 0px;
  	gap: 40px;
}
.read-betting-odds-section .title-group {
  	flex: 1;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
}
.read-betting-odds-section .frame-parent10 {
  	align-self: stretch;
  	display: flex;
  	align-items: flex-start;
  	padding: 40px 0px 0px;
  	gap: 40px;
}
.read-betting-odds-section .key-fact4 {
  	align-self: stretch;
  	display: flex;
  	align-items: center;
  	gap: 8px;
  	font-size: 22px;
  	color: #99c66a;
}
.read-betting-odds-section .b4 {
  	position: relative;
  	line-height: 28px;
}
.read-betting-odds-section .convert-icon {
  	height: 16px;
  	width: 16.3px;
  	position: relative;
}
 .of-course-before {
  	line-height: 24px;
  	font-weight: 500;
}
.read-betting-odds-section .title-section{
  text-align: center;
}
.read-betting-odds-section .description2{
  text-align: center;
}
.review-logo--rounded{
  max-width: none !important;
  background-color: transparent !important;
}
.single-affiliate-links{
  padding: 0;
}
.review-box-actions{
  background-color: transparent !important;
}
.review-box-actions.review-box-actions--rounded{
  border-radius: 0 !important;
}
.reviews-table .review-box-thumb--counter::after{
  display: none;
}
.reviews-table .review-logo:not(.review-logo--rounded){
  min-height: unset;
}
.reviews-table .review-box-meta{
  margin-bottom: 0 !important;
}
.reviews-table .review-bonus {
  font-size: 1.1rem;
  text-align: left;
}
.reviews-table .review-box-info{
  padding: 0 !important;
}
.reviews-table .review-box-actions{
  padding: 0 0 0 16px !important;
}
.tw-cols-card-shadow > .wp-block-column{
  background-color: transparent !important;
  box-shadow: unset !important;
}
.wp-block-columns h2{
  color: #3D5631 !important;
}
h2.sport-markets-and-container{
  color: #fff !important;
}
.wp-block-columns h3{
  margin-top: 20px;
}
.wp-block-group.alignfull.has-background {
  background-color: transparent !important;
}
.description-section .wp-block-heading{
  font-size: 32px !important;
  text-align: center;
  margin-bottom: 30px !important;
  color: #3D5631 !important;
  font-weight: bold !important;
}
.description-section h3{
  color: #99c66a !important;
}
.wp-block-table {
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #ddd;
}
.wp-block-table table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
.wp-block-table table td,
.wp-block-table table th {
  padding: 12px 16px;
  border: 1px solid #ddd;
}

/* Header row (your first row with <strong>...) */
.wp-block-table table tbody tr:first-child td,
.wp-block-table table tbody tr:first-child th {
  background-color: #3D5631;
  color: #ffffff;
  font-weight: 600;
}

/* Data rows: even/odd AFTER header */
.wp-block-table table tbody tr:nth-child(2n) {
  background-color: #E5F2D9;
  color: #51524D;
}
.wp-block-table table tbody tr:nth-child(2n + 1):not(:first-child) {
  background-color: #D6EAC2;
  color: #51524D;
}
.calc-box .summary-title{
  color: #3d5631 !important;
}
.betcalc-odds-page .section-hero {
  	align-self: stretch;
  	height: 520px;
  	overflow: hidden;
  	flex-shrink: 0;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	box-sizing: border-box;
  	font-size: 56px;
  	color: #3d5631;
}
.betcalc-odds-page  .container-hero-inner {
  	align-self: stretch;
  	flex: 1;
  	display: flex;
  	align-items: center;
  	justify-content: space-between;
  	gap: 20px;
  	max-width: 100%;
}
.betcalc-odds-page  .container-hero-title {
  	width: 60%;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	justify-content: center;
  	gap: 32px;
}
.betcalc-odds-page  .title {
  	align-self: stretch;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
}
.betcalc-odds-page .description{
  font-family: Montserrat;
  font-weight: 500;
  font-style: Medium;
  font-size: 22px;
  line-height: 28px;
  letter-spacing: 0%;
  color: #51524D;
}
.betcalc-odds-page .all-types {
  	align-self: stretch;
  	position: relative;
  	line-height: 64px;
  	text-transform: capitalize;
  	color: #99c66a;
}
.betcalc-odds-page .calculate-your-potential {
  	align-self: stretch;
  	position: relative;
  	line-height: 28px;
  	font-weight: 500;
}
.betcalc-odds-page .image-icon {
  	height: auto;
  	width: 40%;
  	object-fit: cover;
}
.betcalc-container h1{
  display: none;
}
.betcalc-odds-page .free-bet-calculator-section {
  	align-self: stretch;
  	background-color: #3d5631;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	font-size: 42px;
  	color: #99c66a;
    padding: 80px 20px;
    margin-top: 80px;
}
.betcalc-odds-page .container-inner2 {
  	align-self: stretch;
  	overflow: hidden;
  	display: flex;
  	align-items: flex-start;
  	justify-content: space-between;
  	gap: 20px;
}
.betcalc-odds-page .title-container {
  	width: 60%;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	gap: 48px;
}
.betcalc-odds-page .title7 {
  	align-self: stretch;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	gap: 24px;
}
.betcalc-odds-page .free-bet-calculator-container {
  	align-self: stretch;
  	position: relative;
  	line-height: 48px;
}
.betcalc-odds-page .sports-betting-odds {
  	color: #fff;
}
.betcalc-odds-page .a-free-bet {
  	align-self: stretch;
  	position: relative;
  	font-size: 22px;
  	line-height: 28px;
  	font-weight: 500;
  	color: #cecfc9;
}
.betcalc-odds-page .buttons-links {
  	display: flex;
  	align-items: flex-start;
  	font-size: 18px;
  	color: #0a5c16;
}
.betcalc-odds-page .button-link {
  	border-radius: 8px;
  	background-color: #19e638;
  	border: 1px solid #19e638;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	padding: 14px 64px;
}
.betcalc-odds-page .primary {
  	position: relative;
  	line-height: 24px;
  	text-transform: uppercase;
  	font-weight: 600;
}
.betcalc-odds-page .frame-container {
  	width: calc(50% - 20px);
  	display: flex;
  	flex-direction: column;
  	align-items: flex-end;
  	gap: 40px;
  	font-size: 28px;
  	color: #fff;
}
.betcalc-odds-page .icon-container-parent {
  	align-self: stretch;
  	display: flex;
  	align-items: flex-start;
  	gap: 16px;
}
.betcalc-odds-page .icon-container7 {
  	align-self: stretch;
  	width: 70px;
  	position: relative;
}
.betcalc-odds-page .check-icon {
  	position: absolute;
  	top: 0px;
  	right: 0.4px;
  	width: 51.6px;
  	height: 40px;
}
.betcalc-odds-page .title8 {
  	flex: 1;
  	border-bottom: 1px solid #949788;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	padding: 0px 0px 40px;
  	gap: 16px;
}
.betcalc-odds-page .frame-div {
  	align-self: stretch;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	gap: 8px;
}
.betcalc-odds-page .fast-payout-calculation {
  	flex: 1;
  	position: relative;
  	line-height: 32px;
}
.betcalc-odds-page .key-fact {
  	align-self: stretch;
  	display: flex;
  	align-items: left;
  	justify-content: flex-start;
  	font-size: 22px;
  	color: #99c66a;
}
.betcalc-odds-page .description2 {
  	align-self: stretch;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	font-size: 16px;
  	color: #cecfc9;
}
.betcalc-odds-page .see-your-potential {
  	flex: 1;
  	position: relative;
  	line-height: 24px;
  	font-weight: 500;
}
.betcalc-odds-page .title12 {
  	flex: 1;
  	display: flex;
  	flex-direction: column;
  	align-items: flex-start;
  	gap: 24px;
}
.betcalc-odds-page .free-bet-calculator-section{
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  width: 100vw;
  max-width: 100vw;
}
.odds-new-header {
  position: relative; /* anchor the full-width search bar */
}

.odds-new-header .header-search {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  background: #f8fbf4;
  border-top: 1px solid #cecfc9;
  box-shadow: 0 4px 12px rgba(0,0,0,0.12);
  z-index: 1000;
  padding: 12px 20px;
}

.odds-new-header .header-search.is-open {
  display: block;
}

.odds-new-header .header-search form div {
  display: flex;
  gap: 8px;
  max-width: 1200px;
  margin: 0 auto;
}

.odds-new-header .header-search input[type="search"],
.odds-new-header .header-search input[name="s"] {
  min-width: 220px;
  border-radius: 6px;
  border: 1px solid #99c66a;
  padding: 6px 10px;
  width: calc(100% - 80px);
}

.odds-new-header .header-search input[type="submit"] {
  border-radius: 6px;
  background: #99c66a;
  color: #fff;
  border: none;
  padding: 6px 12px;
  font-weight: 600;
  cursor: pointer;
}
.full-width{
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  width: 100vw;
  max-width: 100vw;
  padding: 40px 0;
}
.gray-bg{
  background-color: #E6E6E6;
}
.green-bg{
  background-color: #3D5631;
}
.green-bg h2, .green-bg p:first-of-type{
  color: #fff !important;
  text-align: center;
}
.green-bg p:first-of-type{
  margin-bottom: 40px;
}
.green-bg h3{
  color: #fff !important;
}
.green-bg p{
  color: #CECFC9;
}
.steps-section > div {
  display: grid;
  grid-template-columns: 1fr 1fr; /* 50% / 50% */
  column-gap: 40px;
  row-gap: 16px;
  counter-reset: step-counter;
}
.steps-section > div > h2,
.steps-section > div > p:first-of-type {
  grid-column: 1 / -1; /* span both columns */
}
/* Left column: step titles */
.steps-section > div > h3 {
  grid-column: 1;
  position: relative;
  padding-left: 50px; /* space for number */
  margin: 16px 0 4px;
  counter-increment: step-counter;
}

/* Number before each h3: 01, 02, 03… */
.steps-section > div > h3::before {
  content: counter(step-counter, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: -4px;
  font-weight: 700;
  color: #99c66a; /* your green */
  background: #546a4a;
  padding: 5px;
  border-radius: 50%;
}

/* Right column: the paragraph immediately after each h3 */
.steps-section > div > h3 + p {
  grid-column: 2;
  margin: 16px 0 4px;
}
.buttons-links{
  cursor: pointer;
}
/* Editor content lists: replace bullets with check icon */
.site-content ul{
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

.site-content li {
  position: relative;
  padding-left: 26px;  /* space for icon */
  margin-bottom: 8px;
}

/* Check icon before each list item */
.site-content li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0.1em;
  font-weight: 700;
  color: #99c66a;      /* Odds green */
}
.check-icon-parent4{
  display: flex;
  align-content: flex-start;
  justify-content: flex-start;
}
.check-icon-parent4 img{
  width: 26px;
  height: 26px;
}

@media (max-width: 768px) {
  .about-section .icon-container{
    margin: 0 auto;
  }
  .reviews-table .review-bonus{
    text-align: center;
  }
  .reviews-table{
    flex-wrap: wrap;
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-content: flex-start;
  }
  .review-box {
    width: calc(50% - 20px) !important;
  }
  .review-pros-cons{
    flex-direction: column;
  }
  .sport-page-odds .title-parent,
  .sport-page-odds .frame-parent{
    width: 100%;
  }
  /* Sport odds page: mobile layout */
  .sport-page-odds .section-hero {
    height: auto;
    padding: 32px 16px;
  }

  .sport-page-odds .container-hero-inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }

  .sport-page-odds .container-hero-title {
    width: 100%;
  }
  .sport-page-odds .image-icon{
    width: auto;
    height: auto;
    margin: 0 auto;
  }

  .sport-page-odds .tennis-betting-odds,
  .sport-page-odds .compare-tennis-betting {
    font-size: 28px;
    line-height: 1.2;
  }

  .sport-page-odds .description {
    font-size: 16px;
  }

  /* Recommended sites & inner content: full-width + side padding */
  .sport-page-odds .recommended-section,
  .sport-page-odds .sport-page-inner,
  .sport-page-odds .faq-section {
    padding: 48px 16px;
  }

  .sport-page-odds .recommended-section .title-section,
  .sport-page-odds .recommended-section .section,
  .sport-page-odds .sport-page-odds .title-section,
  .sport-page-odds .section,
  .sport-page-odds .section2,
  .sport-page-odds .section4,
  .sport-page-odds .section6,
  .sport-page-odds .section7,
  .sport-page-odds .faq-section .inner-container {
    width: 100%;
  }

  /* Card rows stack vertically */
  .sport-page-odds .recommended-section .row,
  .sport-page-odds .cards-container {
    flex-direction: column;
    gap: 24px;
  }

  .sport-page-odds .recommended-section .betting-odds-cards,
  .sport-page-odds .faq-section .faq-card {
    width: 100%;
  }

  /* Casino-key / two-column sections stack */
  .sport-page-odds .casino-key-section {
    padding: 48px 16px;
  }

  .sport-page-odds .casino-key-section .container-inner {
    flex-direction: column;
    gap: 32px;
  }

  /* General text size adjustments */
  .sport-page-odds .title7,
  .sport-page-odds .title2,
  .sport-page-odds .popular-tennis-betting-container {
    font-size: 24px;
    line-height: 1.3;
  }
  .single-review-odds .casino-brand-wrapper{
    width: 100%;
  }
  /* About hero: stack text and image and ensure logo is visible */
  .about-page-odds .container-hero-inner{
    height: auto;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }

  .about-page-odds .container-hero-title,
  .about-page-odds .image {
    width: 100%;
    align-items: center;
    margin-top: 40px;
  }
  .single-news-odds .container-hero-inner{
    padding: 20px 0;
  }
  .single-news-odds .title{
    height: unset;
    font-size: 36px;
  }
  .single-news-odds .latest-champion-hurdle{
    line-height: 45px;
  }
  .single-news-odds .subtitle{
    font-size: 22px;
  }

  .about-page-odds .oddsonline-logo-icon2 {
    width: 100%;
    height: auto;
    display: block;
  }

  /* About bottom stats: arrange columns */
  .about-page-odds .bottom-stats {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .about-page-odds .bottom-stats .column {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .about-page-odds .bottom-stats .column:first-child,
  .about-page-odds .bottom-stats .column:last-child {
    margin-bottom: 16px;
  }

  .about-page-odds .bottom-stats .column:nth-child(2) {
    justify-content: center;
  }

  .odds-new-header {
    padding: 0 16px;
  }

  .odds-new-header .header-container {
    flex-wrap: wrap;
    gap: 8px;
  }

  .odds-new-header .nav-container {
    order: 3;
    justify-content: flex-start;
    margin-bottom: 8px;
  }

  .odds-new-header .nav-links-header-list {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 12px;
  }

  .odds-new-header .right-container {
    order: 2;
  }

  .odds-new-header .header-search {
    padding: 10px 12px;
  }

  .odds-new-header .header-search form div {
    max-width: 100%;
  }

  .odds-new-header .header-search input[type="search"],
  .odds-new-header .header-search input[name="s"] {
    width: 100%;
  }

  .betcalc-odds-page .section-hero {
    height: auto;
    padding: 32px 16px;
  }

  .betcalc-odds-page .container-hero-inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }

  .betcalc-odds-page .container-hero-title,
  .betcalc-odds-page .image-icon {
    width: 100%;
  }

  .betcalc-odds-page .all-types {
    font-size: 32px;
    line-height: 40px;
  }

  .betcalc-odds-page .description {
    font-size: 16px;
  }
   .betcalc-odds-page .free-bet-calculator-section {
    padding: 48px 16px;
    margin-top: 40px;
  }

  .betcalc-odds-page .container-inner2 {
    flex-direction: column;
    gap: 32px;
  }

  .betcalc-odds-page .title-container,
  .betcalc-odds-page .frame-container {
    width: 100%;
  }
  .steps-section > div {
    grid-template-columns: 1fr;
  }

  .steps-section > div > h3 {
    grid-column: 1;
  }

  .steps-section > div > h3 + p {
    grid-column: 1;
  }
  .full-width {
    padding: 32px 16px;
  }
  .about-section .container-inner{
    flex-direction: column;
    gap: 60px;
  }
  .frame-parent7, .frame-parent8, .frame-parent10{
    flex-direction: column;
  }
  .review-box-wrap{
    align-items: center;
    gap: 12px;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: column;
    text-align: center;
  }
  .review-rating{
    justify-content: center;
  }
  .review-rating > span{
    display: none;
  }
  .review-box-name, .review-box-rating{
    /* width: 100%; */
  }
  .review-box-actions{
    border: none;
    padding: 0 !important;
    gap: 0;
    flex: unset;
  }
  .section-hero{
    height: auto;
  }
  .section-hero .container-hero-inner{
    flex-direction: column;
    padding: 0 !important;
  }
  .section-hero .image-icon{
    margin: 0 auto;
    width: 100%;
  }
  .about-page-odds .container-inner2,
  .about-page-odds .container-inner{
    flex-direction: column;
  }
  .about-page-odds .left-column{
    width: 100%;
  }

  /* About bottom stats: first & last columns on top row, middle column below centered */
  .about-page-odds .frame-parent4 {
    background: none;
    border: none;
    padding: 4px;
    margin-right: 8px;
    cursor: pointer;
  }
  .sport-page-odds .recommended-tennis-betting-container,
  .sport-page-odds .how-do-tennis-container{
    font-size: 28px;
    line-height: 36px;
  }
}

.odds-new-header .burger-line {
  display: block;
  width: 20px;
  height: 2px;
  min-height: 2px;
  background-color: #21221e;
  margin: 2px 0;
  border-radius: 2px;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

/* Burger open state: transform into X */
.odds-new-header .burger-button.is-open .burger-line:nth-child(1) {
  transform: translateY(10px) rotate(45deg);
}

.odds-new-header .burger-button.is-open .burger-line:nth-child(2) {
  opacity: 0;
}

.odds-new-header .burger-button.is-open .burger-line:nth-child(3) {
  transform: translateY(-10px) rotate(-45deg);
}

/* Footer menus: two columns */
.odds-new-footer .nav-container2 ul {
  column-count: 2;
  column-gap: 24px;
}

.odds-new-footer .nav-container2 li {
  break-inside: avoid;
  margin-bottom: 4px;
}
.submenu-toggle{
  display:none;
}
.single-review-odds .casino-info .free-spins{
  color: #fff;
}
.odds-new-header .burger-button{
  display: none;
}
.why-oddsonline{
    color: #fff !important;
  }
  .home-odds-body{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
  }
.tw-cols-card.tw-cols-card-shadow,
.tw-cols-card ul.wp-block-list li{
  background-color: transparent !important;
  box-shadow: unset !important;
  border-left: 0 !important;
}

@media (max-width: 1200px){
  .single-news-odds .container-hero-inner{
    width: 100%;
  }
  .single-news-odds .container-inner4,
  .single-news-odds .sidebar{
    padding: 20px;
  }
  .single-review-odds .heros-section {
    padding: 0 16px;
  }

  .single-review-odds .hero-inner-container {
    width: 100%;
    height: auto;
  }

  .single-review-odds .casino-info {
    width: 100%;
    padding: 32px 16px;
  }

  .single-review-odds .casino-brand-wrapper {
    padding: 24px 0 32px;
  }
  .single-review-odds .casino-brand-circle {
    width: 220px;
    height: 220px;
    border-width: 10px;
  }

  .single-review-odds .casino-brand-ring--1 { width: 260px; height: 260px; }
  .single-review-odds .casino-brand-ring--2 { width: 300px; height: 300px; }
  .single-review-odds .casino-brand-ring--3 { width: 340px; height: 340px; }
  .single-review-odds .casino-brand-ring--4 { width: 380px; height: 380px; }
  .single-review-odds .highlights-section {
    padding: 24px 16px 0;
  }
  .single-review-odds .overview-section .inner-container2,
  .single-review-odds .pros-cons-section .inner-container4,
  .single-review-odds .deposit-section .inner-container5,
  .single-review-odds .casino-key-section .container-inner2,
  .single-review-odds .review-section .container-inner,
  .single-review-odds .container-inner6 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .single-review-odds .inner-container{
    padding: 8px 24px;
  }
  .top-sports-section{
    padding: 40px 20px;
  }
  .section-hero .container-hero-inner {
    padding: 40px 20px;
  }
  .section-hero{
    height: auto;
  }
  .single-affiliate-cta{
    width: 100%;
  }
  .featured-casinos .single-affiliate-cta .btn-primary{
    padding: 14px 10px;
  }
  .work-betting-odds-section{
    padding: 40px 20px;
  }
  .explain-section .visual-icon{
    width: auto;
    height: auto;
  }
  .page .container-inner{
    padding: 16px;
  }
}
@media (max-width: 1000px){
  .explain-section .football-odds{
    flex-direction: column;
  }
  .top-sports-section .betting-odds-cards {
    width: calc(33% - 18px);
  }
  .single-review-odds .overview-section .inner-container2,
  .single-review-odds .pros-cons-section .inner-container4 {
    flex-direction: column;
    gap: 32px;
  }
  .single-review-odds .pros-cons-section,
  .single-review-odds .overview{
    height: auto;
    width: 100%;
  }
  .single-review-odds .overview-section{
    padding: 50px 0;
  }
  .casino-key-section .container-inner2{
    flex-direction: column;
  }
  .top-sports-section .row-parent{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .football-odds:nth-of-type(2) .visual-icon{
    order: 2;
  }
}

/* News section: 2 cards on laptop, 1 per row on mobile */
@media (min-width: 769px) and (max-width: 1200px) {
  .news-section .insight-inner-container {
    flex-wrap: wrap;
  }

  .news-section .cards .betting-odds-cards {
    flex: unset;
    width: calc(50% - 20px);
  }
}

@media (max-width: 768px) {
  .single-news-odds .visual-side-icon{
    height: auto;
    border-radius: 8px;
  }
  .single-news-odds .content h2,
  .single-news-odds .content h3{
    margin-top: 30px;
  }
  .single-news-odds .subtitle{
    margin-bottom: 40px;
  }
  .cards{
    flex-wrap: wrap;
  }
  .single-review-odds .title14{
    font-size: 28px;
    line-height: 36px;
  }
  .top-sports-section .betting-odds-cards {
    width: calc(50% - 18px);
  }
  .news-section,
  .explain-section,
  .read-betting-odds-section {
    padding: 40px 20px;
  }
  .about-section {
    justify-content: space-between;
    gap: 20px;
    padding: 40px 20px;
  }
  .explain-section .content,
  .section-hero .container-hero-title{
    width: 100%;
  }
  .footer.odds-new-footer{
    padding: 0 20px;
  }
  .single-review-odds .cta-section,
  .single-review-odds .related-section{
    padding: 20px;
  }
  .single-review-odds .title-parent,
  .single-review-odds .frame-parent3,
  .single-review-odds .card-container,
  .cards .container-inner7, .cards .top, .cards .action{
    width: 100%;
  }
  .single-review-odds .deposit-section,
  .single-review-odds .casino-key-section{
    padding: 40px 20px;
  }
  .single-review-odds .inner-container{
    border-radius: 8px;
  }
  .single-review-odds .card-label-parent{
    width: 100%;
  }
  .single-review-odds .divider {
    height: 1px;
    width: 100%;
    position: relative;
    border-right: 1px solid #949788;
    box-sizing: border-box;
    background: #949788;
  }
  .single-review-odds .inner-container{
    height: auto;
  }
  .single-review-odds .rating-parent,
  .single-review-odds .title,
  .single-review-odds .play-now-at,
  .single-review-odds .casino-info .free-spins{
    text-align: center;
    align-items: center;
  }
  .single-review-odds .card-label,
  .single-review-odds .buttons-links,
  .single-review-odds .title2,
  .single-review-odds .button-link{
    margin: 0 auto;
  }
  .single-review-odds .casino-info{
    order: 2;
  }
  .single-review-odds .card-label-parent{
    width: 100%;
  }
  .single-review-odds .highlights-section .container-inner {
    flex-direction: column;
    gap: 16px;
  }
  .single-review-odds .container-hero-inner {
    flex-direction: column;
    gap: 32px;
  }
  .submenu-toggle{
    display:inline-block;
  }
  .review-box-actions .review-bonus{
    font-size: 1rem;
    line-height: 24px;
    height: 67px;
    overflow: hidden;
  }
  /* Show burger, hide nav until opened */
  .odds-new-header .burger-button {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .odds-new-header .nav-container {
    display: none;
    width: 100%;
  }

  .odds-new-header .nav-container.is-open {
    display: block;
  }

  .odds-new-header .nav-links-header-list {
    flex-direction: column;
    align-items: flex-start;
    padding: 8px 0 12px;
  }

  /* Add horizontal padding to 1200px containers on mobile */
  .container-inner,
  .container-inner2,
  .inner-container,
  .inner-container2,
  .inner-container3 {
    padding-left: 16px;
    padding-right: 16px;
  }

  /* News cards: one per row on mobile */
  .news-section .insight-inner-container {
    flex-direction: column;
  }

  .news-section .cards .betting-odds-cards {
    flex: 0 0 100%;
    max-width: 100%;
  }

  /* FAQ cards: stack one per row */
  .faq-section {
    padding: 48px 16px;
  }

  .faq-section .cards-container {
    flex-direction: column;
    gap: 24px;
  }

  .faq-section .faq-card {
    width: 100%;
  }
  .faq-item{
    padding: 0 !important;
    width: 100%;
  }
  .footer .top-container .col-1{
    width: 100%;
    max-width: 100%;
  }
  .odds-new-header .header-container {
    max-width: 100%;
  }
  .container-hero-title,
  .about-page-odds .container-hero-title,
  .news-page-odds .title {
    width: 100%;
    max-width: 100%;
  }
  /* Main big titles: shrink font-size and allow wrapping */
  .section-hero h1,
  .section-hero h2,
  .betcalc-odds-page .all-types,
  .about-page-odds .welcome-to-oddsonline-container,
  .news-page-odds .casino-news {
    font-size: 28px !important;
    line-height: 1.2 !important;
    max-width: 100%;
    word-break: break-word;
  }
  /* Make sure hero sections use mobile padding, not desktop 80px */
  .about-page-odds .body,
  .news-page-odds .hero-section {
    padding-left: 16px;
    padding-right: 16px;
  }
  /* Single news: stack sidebar and content on mobile */
  .single-news-odds .hero-section {
    padding-left: 16px;
    padding-right: 16px;
  }

  .single-news-odds .news-section {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }

  .single-news-odds .sidebar,
  .single-news-odds .news-section2 {
    width: 100%;
  }
  .single-news-odds .sidebar {
    width: 100%;
    order: 2;
  }

  .single-news-odds .news-section2 {
    font-size: 16px;
    width: 100%;
    font-size: 16px;
    order: 1;
  }
  /* News page: stack sidebar and articles on mobile */
  .news-page-odds .news-section {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }
  .news-page-odds .sidebar,
  .news-page-odds .article-section {
    width: 100%;
  }
  .news-page-odds .article-section {
    background-color: #f8fbf4;
  }
  /* News cards: one per row on mobile */
  .news-page-odds .row {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
  }
  .news-page-odds .insight-cards {
    width: 100%;
  }
  /* Header container: logo + burger on first row, menu on second */
  .odds-new-header {
    padding: 0 16px;
  }
  .odds-new-header .header-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    max-width: 100%;
  }

  .odds-new-header .header-left {
    flex: 0 0 auto;
  }

  .odds-new-header .right-container {
    flex: 0 0 auto;
    order: 2;
  }

  /* Burger button visible on mobile */
  .odds-new-header .burger-button {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  /* Mobile menu container: full-width dropdown under header */
  .odds-new-header .nav-container {
    order: 3;
    flex: 0 0 100%;
    display: none;           /* hidden by default */
    width: 100%;
    background-color: #f8fbf4;
    border-top: 1px solid #cecfc9;
    padding: 8px 0;
  }

  .odds-new-header .nav-container.is-open {
    display: block;
  }

  /* Menu items stacked vertically with nice tap targets */
  .odds-new-header .nav-links-header-list {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 0;
    margin: 0;
  }

  .odds-new-header .nav-links-header-list > li > a {
    display: block;
    padding: 12px 4px;
    font-size: 14px;
    line-height: 20px;
    border-bottom: 1px solid #e0e1da;
  }
  .odds-new-header .nav-links-header-list > li > a:last-of-type{
    border-bottom: 0 !important;
  }

  /* Submenus on mobile: simple indented list */
  .odds-new-header .nav-links-header-list li.menu-item-has-children > a {
    position: relative;
    padding-right: 36px;
  }

  /* Submenu hidden by default on mobile; opened via JS toggle */
  .odds-new-header .nav-links-header-list li ul.sub-menu {
    position: static;
    border: none;
    padding: 0;
    margin: 0;
    display: none;
    background: transparent;
  }

  .odds-new-header .nav-links-header-list li ul.sub-menu.is-open {
    display: block;
  }

  .odds-new-header .nav-links-header-list li ul.sub-menu li a {
    padding: 10px 16px;
    font-size: 13px;
    border-bottom: 1px solid #e0e1da;
  }

  /* Submenu arrow button */
  .odds-new-header .submenu-toggle {
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    border: none;
    background: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }

  .odds-new-header .submenu-toggle-icon {
    width: 10px;
    height: 10px;
    border-right: 2px solid #21221e;
    border-bottom: 2px solid #21221e;
    transform: rotate(45deg); /* chevron down */
    transition: transform 0.2s ease;
  }

  .odds-new-header .submenu-toggle.is-open .submenu-toggle-icon {
    transform: rotate(-135deg); /* chevron up */
  }
  .footer .col-2{
    max-width: 100%
  }
  .about-page-odds .container-hero-inner{
    padding: 0;
  }
  .about-section .title-parent,
  .about-section .frame-parent,
  .top-sports-section .description{
    width: 100%;
  }
  .about-page-odds .title4{
    max-width: 100%;
  }
}
@media (max-width: 550px){
  .top-sports-section .betting-odds-cards {
    width: 100%;
  }
}
@media (max-width: 500px){
  .review-box{
    width: 100% !important;
  }
  .about-page-odds .button-link{
    padding: 14px 20px;
  }
  .about-page-odds .title5{
    padding: 0 20px;
  }
  .about-page-odds .mission-section{
    padding: 40px 20px;
  }
  .section-hero .all-sports-betting,
  .about-section .why-oddsonline,
  .title5, .sport-markets-and-container,
  .top-sports-section .betting-odds-across-container,
  .news-section .latest-news,
  .explain-section .sport-markets-and-container{
    font-size: 28px !important;
    line-height: 36px !important;
  }
  .title19{
    font-size: 28px;
    line-height: 36px;
  }
  .news-section .buttons-links15{
    font-size: 14px;
  }
  .about-section .frame-parent,
  .explain-section .title2,
  .read-betting-odds-section .title6{
    font-size: 22px;
    line-height: 32px;
  }
  .news-section .what-odds-is{
    font-size: 16px;
    line-height: 24px;
  }
  .explain-section .frame-group{
    flex-direction: column;
  }
  .read-betting-odds-section .title6{
    width: 100%;
  }
  .wp-block-spacer{
    height: 50px !important;
  }
}
/* Global breadcrumbs: replace 'Home' link with home icon for logged-in redesign */
.odds-new-design-header .breadcrumbs .item-home > a {
  position: relative;
  font-size: 0;          /* hide text but keep link clickable */
  line-height: 0;
}

/* Icon before Home breadcrumb link */
.odds-new-design-header .breadcrumbs .item-home > a::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../images/home.png") no-repeat center center;
  background-size: contain;
}
.wp-block-poka-affiliate-table{
  width: 100%;
}
.tw-cols-card-shadow > .wp-block-column{
  background-color: transparent !important;
  box-shadow: none !important;
}
.breadcrumbs-wrapper{
  background-color: transparent !important;
}
.about-page-odds .stats-item{
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
}

/* Generic content / API landing pages (Soccer Data Feed, etc.) */
main.site-content.wysiwyg-part.wp-site-blocks {
  max-width: 1200px;
  margin: 0 auto 60px auto;
  padding: 40px 20px;
  font-family: "Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #21221e;
}

main.site-content.wysiwyg-part.wp-site-blocks img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto 24px auto;
}

main.site-content.wysiwyg-part.wp-site-blocks h1,
main.site-content.wysiwyg-part.wp-site-blocks h2,
main.site-content.wysiwyg-part.wp-site-blocks h3 {
  font-family: "Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 700;
  color: #3d5631;
  margin: 24px 0 16px;
}

main.site-content.wysiwyg-part.wp-site-blocks h1 {
  font-size: 36px;
  line-height: 1.2;
}

main.site-content.wysiwyg-part.wp-site-blocks h2 {
  font-size: 28px;
  line-height: 1.25;
}

main.site-content.wysiwyg-part.wp-site-blocks h3 {
  font-size: 22px;
  line-height: 1.3;
}

main.site-content.wysiwyg-part.wp-site-blocks p {
  font-size: 16px;
  line-height: 1.7;
  margin: 0 0 16px;
}

main.site-content.wysiwyg-part.wp-site-blocks b,
main.site-content.wysiwyg-part.wp-site-blocks strong {
  font-weight: 600;
}

main.site-content.wysiwyg-part.wp-site-blocks a {
  color: #0a5c16;
  text-decoration: underline;
}

/* Feature/link rows like "Cross-Checked Data" blocks */
main.site-content.wysiwyg-part.wp-site-blocks p > a {
  display: inline-block;
  padding: 10px 16px;
  border-radius: 999px;
  background-color: #e5f2d9;
  color: #0a5c16;
  font-weight: 600;
  text-decoration: none;
  margin-bottom: 4px;
}

main.site-content.wysiwyg-part.wp-site-blocks p > a + br {
  display: none;
}

/* Slight separation between feature title <a> and following description <p> */
main.site-content.wysiwyg-part.wp-site-blocks p + p {
  margin-top: 4px;
}

/* API / data feed landing page sections */
.api-hero {
  padding: 40px 0 32px;
}

.api-hero-inner {
  display: flex;
  align-items: center;
  gap: 32px;
}

.api-hero-media {
  flex: 0 0 340px;
}

.api-hero-content {
  flex: 1 1 auto;
}

.api-hero-content h1 {
  margin-top: 0;
}

.api-section {
  padding: 32px 0;
  border-top: 1px solid #e0e1da;
}

.api-section:first-of-type {
  border-top: none;
}

.api-section h2 {
  margin-top: 0;
}

/* Key stats grid */
.api-stats .api-stats-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin-top: 24px;
}

.api-stat {
  border-radius: 8px;
  background-color: #f8fbf4;
  padding: 16px 20px;
  box-shadow: 0 0 0 0.39px rgba(153, 198, 106, 0.2) inset,
              -1.96px -1.96px 5.87px #fff,
              2.94px 2.94px 5.87px rgba(148, 151, 136, 0.4);
}

.api-stat-label {
  font-size: 14px;
  line-height: 20px;
  color: #51524d;
  margin-bottom: 4px;
}

.api-stat-value {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
  color: #3d5631;
  margin-bottom: 4px;
}

.api-stat-desc {
  font-size: 14px;
  line-height: 1.5;
  color: #51524d;
}

/* Icon + text lists (tournaments / markets) */
.api-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 24px;
  margin-top: 24px;
}

.api-list-item {
  display: flex;
  align-items: center;
  gap: 12px;
}

.api-list-icon img {
  width: 32px;
  height: 32px;
}

.api-list-text {
  font-weight: 500;
  color: #21221e;
}

/* Why Odds.Online features grid */
.api-features-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px 24px;
  margin-top: 24px;
}

.api-feature {
  border-radius: 8px;
  background-color: #f8fbf4;
  padding: 16px 20px;
}

.api-feature a {
  display: inline-block;
  margin-bottom: 6px;
}

.api-feature p {
  margin: 0;
}
.about-section, 
.news-section,
.explain-section,
.work-betting-odds-section,
.read-betting-odds-section{
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  width: 100vw !important;
  max-width: 100vw !important;
}
.wysiwyg-part ul > li::before{
  content: "✓" !important;
  background-color: transparent !important;
  font-size: 22px !important;
  font-weight: bold !important;
  color: #60bf00 !important;
}

@media (max-width: 1000px) {
  .api-hero-inner {
    flex-direction: column;
    align-items: flex-start;
  }

  .api-hero-media {
    flex: 0 0 auto;
    width: 100%;
  }

  .api-stats .api-stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .api-list,
  .api-features-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .api-stats .api-stats-grid,
  .api-list,
  .api-features-grid {
    grid-template-columns: 1fr;
  }
}

/* Contact page (Contact Form 7 inside custom layout) */
.contact-page-odds .contact-us {
  width: 100%;
  background-color: #fff;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  font-size: 14px;
  color: #21221e;
  font-family: Montserrat, system-ui, -apple-system, "Segoe UI", sans-serif;
}

.contact-page-odds .body {
  align-self: stretch;
  background-color: #f8fbf4;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 80px;
  font-size: 56px;
  color: #99c66a;
}

.contact-page-odds .body > .container {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 80px 0;
  gap: 20px;
}

.contact-page-odds .headline {
  align-self: stretch;
  width: 510px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.contact-page-odds .lets-collaborate {
  font-size: 36px;
  line-height: 1.2;
  text-transform: capitalize;
}
.section-heading{
  color: #3d5631 !important;
  text-align: center;
  margin-bottom: 60px !important;
  font-weight: bold !important;
}
.contact-page-odds .lets-collaborate .title-primary {
  color: #3d5631; /* dark green */
}

.contact-page-odds .lets-collaborate .title-accent {
  color: #99c66a; /* light green */
}

.contact-page-odds .we-believe-in {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #51524d;
}

.contact-page-odds .contact-form {
  align-self: stretch;
  width: 620px;
  box-shadow: 0 0 0 0.39px rgba(179, 212, 143, 0.2) inset,
              -1.96px -1.96px 5.87px #fff,
              2.94px 2.94px 5.87px rgba(148, 151, 136, 0.4);
  border-radius: 8px;
  background-color: #e5f2d9;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: 14px;
  color: #51524d;
}

.contact-page-odds .contact-form .container-inner {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  gap: 16px;
}

.contact-page-odds .wpcf7-form p {
  margin-bottom: 12px;
}

/* CF7 fields styled like custom inputs */
.contact-page-odds .wpcf7-form input[type="text"],
.contact-page-odds .wpcf7-form input[type="email"],
.contact-page-odds .wpcf7-form input[type="tel"],
.contact-page-odds .wpcf7-form textarea,
.contact-page-odds .wpcf7-form select {
  width: 100%;
  max-width: 100%;
  padding: 10px 12px;
  border-radius: 8px;
  background-color: #f8fbf4;
  border: 1px solid #99c66a;
  box-sizing: border-box;
  font-family: inherit;
}

/* Make first two fields share a row on large screens */
.contact-page-odds .wpcf7-form {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 32px;
}

.contact-page-odds .wpcf7-form .form-field {
  flex: 1 1 100%;
}

.contact-page-odds .wpcf7-form .form-field.string.required.request_anonymous_requester_email,
.contact-page-odds .wpcf7-form .form-field.string.required.request_subject {
  flex: 1 1 calc(50% - 16px);
}

.contact-page-odds .wpcf7-form > p {
  flex: 1 1 100%;
}

/* Attachments field styled as dropzone */
.contact-page-odds .wpcf7-form .wpcf7-form-control-wrap[data-name="your-attachments"] {
  position: relative;
  display: block;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 10px 12px;
  width: 100%;
  box-sizing: border-box;
  background-color: #f8fbf4;
  color: #51524d;
}

.contact-page-odds .wpcf7-form .wpcf7-form-control-wrap[data-name="your-attachments"]::after {
  content: 'Add file or drop files here';
  font-size: 14px;
  color: #51524d;
}

.contact-page-odds .wpcf7-form input[type="file"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.contact-page-odds .wpcf7-form input[type="submit"] {
  border-radius: 8px;
  padding: 14px 64px;
  border: 1px solid #19e638;
  cursor: pointer;
  background-color: #19e638;
  color: #0a5c16;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}

.contact-page-odds .wpcf7-form input[type="submit"]:hover {
  opacity: 0.9;
}

.contact-page-odds .contact-page__info {
  max-width: 600px;
  margin: 30px auto 40px auto;
  font-size: 14px;
  line-height: 1.5;
}
.contact-page-odds .aioseo-author-bio-compact{
  display: none;
}
.contact-page-odds h1{
  color: #3D5631;
}
.contact-page-odds h2{
  margin-top: 30px;
}
#recommended-by-experts{
  margin-bottom: 60px;
  color: #3d5631 !important;
  text-align: center;
}
#welcome-to-pokatheme{
  text-align: left;
}
#welcome-to-pokatheme span{
  text-transform: uppercase;
  font-size: 16px;
}

@media (max-width: 1000px) {
  .contact-page-odds .body {
    padding: 0 20px;
  }

  .contact-page-odds .body > .container {
    flex-direction: column;
    align-items: flex-start;
  }

  .contact-page-odds .headline,
  .contact-page-odds .contact-form {
    width: 100%;
  }

  .contact-page-odds .wpcf7-form {
    display: block;
  }
  body main h2{
    font-size: 28px !important;
  }
}

@media (max-width: 600px) {
  .odds-stepper-btn{
    display: none !important;
  }
  .sel-table .outcome-select {
    width: 80px !important;
  }
  .odds-stepper input.odds-input{
    width: 30px !important;
  }
  .betcalc-container .sel-table th, .betcalc-container .sel-table td {
    padding: 8px 10px !important;
  }
  .contact-page-odds .body > .container {
    padding: 40px 0;
  }

  .contact-page-odds .lets-collaborate {
    font-size: 36px;
    line-height: 1.2;
  }
  .contact-page-odds .contact-page__info{
    padding: 0 20px;
  }
  .about-section .icon-container-parent{
    flex-direction: column;
  }
  .about-section .icon-container-parent figure{
    width: 100%;
    text-align: center;
  }
  .about-section .licensed-verified,
  .about-section .we-review-only{
    text-align: center;
  }
  .top-sports-section{
    padding: 40px 0;
  }
  body main h2{
    font-size: 28px !important;
  }
  .tw-cols-card > .wp-block-column{
    padding: 0 !important;
  }
}

/* Temporary */
.page-id-11805 .breadcrumbs-wrapper{
  display: none;
}