:root {
    --primary-blue: #246EB9;
    --primary-green: #4CB944;
    --light-bg: #FDFFFC;
    --text-dark: #1a1a1a;
    --text-gray: #666666;
}

* {
    margin: 0;
   padding: 0;
    box-sizing    : border-box;
}

body {


  font-family: 'Lato', sans-serif;
  background: var(--light-bg);
  color: var(--text-dark);
       line-height: 1.6;}

.age-verify-overlay {
  position: fixed;
	   top :      0;
	    left: 0;
	    width: 100%;
	  height: 100%;
	  background: rgba(0, 0, 0, 0.92);
	    display: flex;
	    align-items: center;
		justify-content: center;
	    z-index: 9999;
}

.age-verify-box {
  background     :     white;
	padding: 45px 40px;
   max-width  : 480px;
   text-align: center;
}

.age-icon {
  font-size: 72px;
  color: var(--primary-blue);
    margin-bottom: 20px;
}

.age-verify-title {
    font-size: 26px;
               font-weight: 700;
                    margin-bottom: 16px;
  color: var(--text-dark);
}

.age-verify-text {
   font-size: 15px;
  color: var(--text-gray);
               margin-bottom: 28px;
    line-height: 1.6;
}

.age-verify-btn {
  background: var(--primary-blue);
  color     :        white;
   border: none;
    padding: 16px 40px;
   font-size: 17px;
   font-weight: 700;
  cursor: pointer;
   display     :      inline-flex;
   align-items: center;
   gap: 10px;
  font-family: 'Lato', sans-serif;
    transition: background 0.3s;


}

.age-verify-btn:hover

{
   background: #1d5a96;
}

.age-verify-btn .material-symbols-outlined {
    font-size: 24px;
}

.topnav-wrapper {
  background: #ffffff;
    padding: 18px 0;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
   position  :   sticky;
    top: 0;
    z-index: 1000;

}


.topnav-inner {
  max-width: 1240px;
    margin: 0 auto;
   padding: 0 25px;
    display  :  flex;
   justify-content: space-between;
  align-items: center;
}

.logo-area .brand-logo    {
   display: block;
	height: 45px;
}

.logo-area .brand-logo img {
	 height     :   100%;
   width: auto;
}

.main-navigation ul.nav-list    {
  list-style: none;
  display: flex;
	gap: 35px;
	align-items: center;
}

.main-navigation ul.nav-list li a {
   text-decoration: none;
  color: var(--text-dark);
   font-weight: 400;
  font-size: 15px;
  transition: color 0.25s;
}

.main-navigation ul.nav-list li a:hover {
  color: var(--primary-blue);
}

.mobile-toggle 
 {
   display: none;
    cursor     :   pointer;
}

.mobile-toggle .material-symbols-outlined {
   font-size: 32px;
  color: var(--text-dark);
}

.hero-main {
  padding: 85px 25px;
  background: linear-gradient(135deg, #f8f9fa 0%, var(--light-bg) 100%);
}

.hero-content-wrap   {


  max-width: 1240px;
	 margin:  0 auto;
   display     :       flex;
   align-items: center;
    gap: 60px;
}

.hero-text-side {
       flex: 1;

}

.hero-headline {
  font-size: 48px;
    font-weight: 900;
    line-height: 1.15;
  margin-bottom: 22px;
  color: var(--text-dark);
}



.hero-subtext
{
   font-size: 17px;
  color: var(--text-gray);
  margin-bottom: 35px;
    line-height: 1.65;
}

.trust-badges {
   display: flex;
   gap: 30px;
   flex-wrap     :    wrap;
}

.badge-item {
    display: flex;
   align-items: center;
	 gap: 10px;
  color: var(--text-gray);
  font-size: 14px;
}

.badge-item .material-symbols-outlined {
  color: var(--primary-green);
    font-size: 24px; 
	
}

.hero-visual-side {
    flex: 1; 

}

.hero-img {

		 width: 100%;
  height: auto;
    display: block;
                    animation: pulse 3s ease-in-out infinite;}@keyframes pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
}.footer-main {
   background: #1a1a1a;
   color: #ffffff;
  padding: 65px 25px 30px;}

.footer-wrap {
  max-width: 1240px;
  margin: 0 auto;
}

.footer-grid {
  display: grid;
                    grid-template-columns :       2fr 1fr 1fr 1fr 1.5fr;
    gap: 45px;
    margin-bottom: 50px;
}

.footer-logo-img {
    height: 42px;
  width: auto;
   margin-bottom: 18px;
}


.footer-tagline {
  font-size: 14px;
  line-height: 1.7;
  color: #cccccc;
  margin-bottom: 22px;
}

.gambling-warning-box


{
  background: rgba(220, 53, 69, 0.12);
    border-left: 4px solid #dc3545;
	 padding: 18px 20px;
  margin-top: 22px;
}

.warning-title {
    font-size: 15px;
			 color: #dc3545;
	  font-weight: 700;
	    margin-bottom: 10px;
}

.gambling-warning-box p {
      font-size: 13px;
          line-height   :     1.6;
	 color: #e8e8e8;
    margin-bottom: 8px;

}

.age-restriction {
    font-weight: 700;
  color: #ffc107;
   margin-top: 12px;
    font-size: 14px;
}

.footer-heading {
    font-size: 16px;
   font-weight: 700;
   margin-bottom: 18px;
   color: #ffffff;
}

.footer-links {
  list-style: none;
}

.footer-links li {
    margin-bottom: 12px;
}

.footer-links li a {
       color: #cccccc;
	    text-decoration: none;
	    font-size: 14px;
	  transition: color 0.25s;
}

.footer-links li a:hover {
  color: var(--primary-blue);
}

.contact-info p,
.footer-col-contact p {
   font-size: 14px;
   color: #cccccc;
  margin-bottom: 10px;
}

.footer-bottom {
	  border-top: 1px solid #333333;
    padding-top     :     28px;
  text-align: center;

}

.regulator-links {
	display :     flex;
    justify-content: center;
  align-items: center;
    gap: 28px;
   margin-bottom   :24px;
   flex-wrap: wrap;
}

.regulator-links a {
   display: block;

	  opacity :       1;
}

.regulator-links img {
  height: 32px;
   width: auto;
  display: block;
}

.copyright-text {
   font-size   :        14px;
  color: #999999;
   margin-bottom    :        12px; 

}

.disclaimer-text {
    font-size: 13px;
                    color: #777777;
  font-style: italic;
}

@media (max-width: 968px) {
    .main-navigation {
        display: none;
        position: absolute;
        top: 70px;
        left: 0;
        right: 0;
        background: white;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        padding: 20px;
    }
    
    .main-navigation ul.nav-list {
        flex-direction: column;
        gap: 20px;
    }
    
    .mobile-toggle {
        display: block;
    }
    
    .hero-content-wrap {
        flex-direction: column;
        gap: 40px;
    }
    
    .hero-headline {
        font-size: 38px;
    }
    
    .footer-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }
}

@media (max-width: 580px) {
    .hero-headline {
        font-size: 34px;
    }
    
    .trust-badges {
        flex-direction: column;
        gap: 15px;
    }
}.casino-cards-section {
    padding: 70px 25px;
  background: var(--light-bg); 

}

.casino-grid {
   max-width: 1240px;
	margin: 0 auto;
    display: grid;
  grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}

.casino-card {
  background: #1a1a1a;
               padding: 35px 28px;
    border: 1px solid #333333;
    transition: transform 0.3s, box-shadow 0.3s;
}

.casino-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 28px rgba(0,0,0,0.25);
}

.card-header {
  display: flex;
    flex-direction: column;
     gap: 16px;
  margin-bottom: 24px;
}

.casino-logo {

          width: 100%;
    height: auto;
     }

.rating-badge {
  background: var(--primary-green);
    color: white;
    padding: 8px 16px;
    font-weight: 700;
  font-size: 16px;
        align-self: flex-start;
}

.casino-offer {
  background: linear-gradient(135deg, #2a2a2a 0%, #1f1f1f 100%);
  padding: 22px 20px;
  margin-bottom: 24px;
  text-align: center;
    border: 1px solid #333333;
}

.offer-main {
  font-size: 15px;
  color: #999999;
  margin-bottom: 6px;
}

.offer-bonus {
	font-size: 32px;
  font-weight: 900;
  color: var(--primary-blue);
   margin-bottom: 4px;
}

.offer-spins
	{
  font-size: 18px;
    font-weight: 700;
    color: #ffffff; 

}

.casino-advantages {
  margin-bottom   :  20px;
}

.advantage-item     {
    margin-bottom: 10px;
    color: #e5e5e5;
   display: flex;
	gap: 10px;
  font-size: 14px;
  align-items: center;
}

.advantage-item .material-symbols-outlined    {
  color: var(--primary-green);
    font-size: 20px;
}

.casino-description {


  font-size: 14px;
    margin-bottom: 24px;
   color: #aaaaaa;
   line-height: 1.65;

}

.card-actions {
  display: flex;
    flex-direction: column;
  gap: 12px;
   margin-bottom: 18px;
}

.btn-get-bonus {
  background: var(--primary-blue);
    color: white;
   text-decoration: none;
  padding: 16px 24px;
   text-align: center;
   font-weight: 700;
    font-size: 16px;
  transition: all 0.3s;
      position   :   relative;
   overflow: hidden;
}

.btn-get-bonus::before   {
  content: '';
  position: absolute;
   top: 50%;
  left: 50%;
   width: 0;
  height: 0;
  background: rgba(255,255,255,0.3);
  transform: translate(-50%, -50%);
  transition: width 0.5s, height 0.5s;
}

.btn-get-bonus:hover::before {
        width: 300px;
        height: 300px;
}

.btn-get-bonus:hover {
   background: #1d5a96;

  transform: scale(1.03);
}

.btn-read-review {


  background: transparent;
  color: var(--primary-blue);
  text-decoration: none;
        padding: 14px 24px;
   text-align: center;
   font-weight: 600;
  font-size: 15px;
  border: 2px solid var(--primary-blue);
       transition: all 0.3s;
}

.btn-read-review:hover
{
	  background: var(--primary-blue);
   color: white;
	}

.terms-disclaimer {
    font-size: 11px;
   color: #777777;
  line-height: 1.5;
   text-align: center;
}@media (max-width: 968px) {
    .casino-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }
    
    .casino-logo {
        height: 55px;
    }
}

@media (max-width: 580px) {
    .casino-cards-section {
        padding: 50px 20px;
    }
    
    .casino-card {
        padding: 28px 20px;
    }
    
    .offer-bonus {
        font-size: 28px;
    }
}.compare-offers-section {
  background: linear-gradient(135deg, #1a1a1a 0%, #0d0d0d 100%);
          padding: 75px 25px;
}

.compare-wrapper {
   max-width: 1240px;
    margin: 0 auto;
}

.compare-heading {
   font-size    :42px;
  font-weight: 900;
     color: #ffffff;
    text-align: center;
    margin-bottom: 18px;
}  

.compare-intro {


	font-size: 18px;
  color: #cccccc;
	text-align: center;
  margin-bottom: 55px;
  max-width: 720px;
  margin-left: auto;
      margin-right: auto;


}

.compare-cards-grid {
   display: grid;
  grid-template-columns: repeat(3, 1fr);
    gap: 28px;
     }  

.compare-card {
    background: #ffffff;
    padding: 38px 30px;
   text-align: center;
  transition: transform .3s;
}

.compare-card:hover {
  transform: translateY(-8px);
}

.compare-icon {
    font-size: 56px;
  color: var(--primary-blue);
   margin-bottom: 20px;
  display: block;
}

.compare-card-title {
    font-size: 22px;
  font-weight: 700;
  color: #1a1a1a;
    margin-bottom: 14px;
}

.compare-card-text {
   font-size: 15px;
  line-height: 1.65;
   color: #666666;
	
}@media (max-width: 968px) {
    .compare-cards-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    
    .compare-heading {
        font-size: 34px;
    }
    
    .compare-intro {
        font-size: 16px;
        margin-bottom: 40px;
    }
}

@media (max-width: 580px) {
    .compare-offers-section {
        padding: 55px 20px;
    }
    
    .compare-heading {
        font-size: 28px;
    }
    
    .compare-card {
        padding: 32px 24px;
    }
}.reviews-cta-section {
               background: #ffffff;
    padding :       85px 25px;
}

.reviews-cta-wrapper {
   max-width: 920px;
  margin: 0 auto;
}

.cta-content-area {
   text-align: center;
}

.cta-heading {
    font-size: 44px;
   font-weight: 900;
  color: var(--text-dark);
	margin-bottom: 24px;
  line-height: 1.2;
}

.cta-description {
  font-size: 18px;
  line-height: 1.7;
  color: var(--text-gray);
   margin-bottom: 20px;
}

.cta-subtext {
   font-size: 16px;
  line-height: 1.65;
    color: #888888;
  margin-bottom: 38px;
}

.cta-btn-primary {
  background: var(--primary-blue);
   color: white;
    text-decoration   :    none;
  padding: 18px 42px;
    font-size    : 17px;
    font-weight: 700;
          display: inline-flex;
    align-items: center;
    gap: 12px;
   transition: all .35s;
}

.cta-btn-primary:hover {
  background: #1d5a96;
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(36, 110, 185, 0.3);
}

.cta-btn-primary .material-symbols-outlined  {
  font-size: 26px;
}@media (max-width: 768px) {
    .reviews-cta-section {
        padding: 65px 20px;
    }
    
    .cta-heading {
        font-size: 32px;
    }
    
    .cta-description {
        font-size: 16px;
    }
    
    .cta-subtext {
        font-size: 15px;
    }
    
    .cta-btn-primary {
        padding: 16px 32px;
        font-size: 16px;
    }
}.about-preview-section {

	  background: var(--light-bg);
    padding: 80px 25px;}

.about-preview-wrapper	{
  align-items: center;
   grid-template-columns: 1fr 1fr;
  margin: 0 auto;
  gap: 55px;
    max-width: 1240px;
  display: grid;
}

.about-text-col {
   padding-right: 20px;
} 

.about-preview-heading {
   font-size: 38px;
  font-weight: 900;
  color: var(--text-dark);
    margin-bottom    :24px;
  line-height: 1.25;
}

.about-preview-text {
  font-size: 16px; 
    line-height: 1.7; 
  color: var(--text-gray); 
   margin-bottom: 18px;
}

.about-cta-btn {
    display: inline-flex;
         align-items: center;
   gap: 10px;
  background: var(--primary-green);
  color: white;
  text-decoration: none;
               padding: 15px 32px;
  font-weight: 700;
          font-size: 16px;
    margin-top: 12px;
    transition: all 0.3s;
}



.about-cta-btn:hover {
   background: #3da039;
  transform: translateX(4px);
}

.about-cta-btn .material-symbols-outlined {
   font-size: 22px;
     -o-transition: transform 0.3s;
   transition: transform 0.3s;

}

.about-cta-btn:hover .material-symbols-outlined {
  transform: translateX(4px);
}

.about-image-col {


	 position: relative;}

.about-platform-img {
  width: 100%;
    height: auto;
  display     :     block;
}@media (max-width: 968px) {
    .about-preview-wrapper {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .about-text-col {
        padding-right: 0;
    }
    
    .about-preview-heading {
        font-size: 32px;
    }
    
    .about-image-col {
        order: -1;
    }
}

@media (max-width: 580px) {
    .about-preview-section {
        padding: 60px 20px;
    }
    
    .about-preview-heading {
        font-size: 28px;
    }
    
    .about-preview-text {
        font-size: 15px;
    }
}.faq-contact-section {
  background-image: url('../prospectimg/dd.webp');
  background-size: cover;
		background-position: center;
     position     :      relative;
  padding     :85px 25px;
}

.faq-contact-section::before		{
  content: '';
  position: absolute;
    top: 0;
   left: 0;
  right: 0;
   bottom: 0;
  background: rgba(0, 0, 0, 0.75);
  z-index: 1;
}

.faq-contact-wrapper {
    max-width: 1240px;
  margin     :    0 auto;
    display: grid;
    grid-template-columns: 1.2fr 1fr;
   gap    :     50px;
   position: relative;
    z-index: 2;
}

.faq-column {
  padding-right: 25px;
}

.faq-heading {
    font-size   :       36px;
	font-weight: 900;
   color: #ffffff;
   margin-bottom     :      32px;
}

.faq-item		{
	 margin-bottom    :    28px;
 padding-bottom: 28px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.faq-item:last-child {
    border-bottom: none;
}

.faq-question {
    font-size: 19px;
   font-weight   :     700;
  color :   #ffffff;
    margin-bottom: 10px;
}

.faq-answer {

		font-size  : 15px;
    line-height: 1.65;
    color: #cccccc;
	
     }

.contact-cta-column  {
    display: flex;
    align-items: center;
}

.contact-cta-box	{
     background: rgba(255, 255, 255, 0.95);
    padding: 42px 36px;
    text-align: center;
   width: 100%;

}


.contact-icon {


  font-size: 62px;
  color: var(--primary-blue);
    margin-bottom: 18px;
  display: block;
     }

.contact-cta-heading {
   font-size: 28px;
  font-weight: 900;
  color: var(--text-dark);
    margin-bottom: 16px;
}  

.contact-cta-text {
   font-size: 15px;
	line-height: 1.65;
  color: var(--text-gray);
   margin-bottom: 26px;
	
}

.contact-cta-btn {
	  background: var(--primary-blue);
  color: white;
      text-decoration: none;
  padding: 16px 36px;
  font-weight: 700;
    font-size: 16px;
    display: inline-flex;
	align-items: center;
  gap: 10px;
  transition: all 0.3s;
}

.contact-cta-btn:hover {
    background: #1d5a96;
  transform: translateY(-3px);
}

.contact-cta-btn .material-symbols-outlined

{
   font-size: 22px; 

}@media (max-width: 968px) {
    .faq-contact-wrapper {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .faq-column {
        padding-right: 0;
    }
    
    .faq-heading {
        font-size: 30px;
    }
    
    .contact-cta-box {
        padding: 36px 28px;
    }
}

@media (max-width: 580px) {
    .faq-contact-section {
        padding: 65px 20px;
    }
    
    .faq-heading {
        font-size: 26px;
        margin-bottom: 24px;
    }
    
    .faq-question {
        font-size: 17px;
    }
    
    .faq-answer {
        font-size: 14px;
    }
    
    .contact-cta-heading {
        font-size: 24px;
    }
    
    .contact-cta-box {
        padding: 32px 24px;
    }
}.legal-content-page {
  background: var(--light-bg);
	  padding: 65px 25px;
	   min-height: 60vh;
}

.legal-wrapper {
   max-width: 850px;
  margin: 0 auto;
}

.legal-wrapper h1 {
    font-size: 42px;
                    font-weight: 900;
  color: var(--text-dark);
  margin-bottom: 12px;
  line-height: 1.2;
	
}

.updated-date {
   font-size: 14px;
   color  : #888888;
   margin-bottom  :38px;
   font-style:italic;
}

.legal-wrapper h2 {
  font-size: 26px; 
  font-weight: 700; 
  color: var(--text-dark); 
   margin-top: 42px; 
   margin-bottom: 16px; 
   line-height: 1.3;
}

.legal-wrapper h3 {
   font-size: 20px;
  font-weight: 700;
  color: var(--text-dark);
  margin-top: 28px;
	margin-bottom: 12px;


}

.legal-wrapper p {
   font-size: 16px;
  line-height: 1.75;
  color: var(--text-gray);
  margin-bottom: 18px;
}@media (max-width: 768px) {
    .legal-content-page {
        padding: 50px 20px;
    }
    
    .legal-wrapper h1 {
        font-size: 32px;
    }
    
    .legal-wrapper h2 {
        font-size: 22px;
        margin-top: 32px;
    }
    
    .legal-wrapper h3 {
        font-size: 18px;
    }
    
    .legal-wrapper p {
        font-size: 15px;
    }
}.about-page-content {
  background: var(--light-bg);
					padding: 70px 25px;
}

.about-page-wrapper {
  max-width    :   1240px;
     margin: 0 auto;
    display    :      grid;
  grid-template-columns: 1.3fr 1fr;
   gap: 60px;
   align-items: start;
}

.about-text-section h1 {
  font-size: 44px;
	 font-weight: 900;
  color: var(--text-dark);
    margin-bottom: 28px;
  line-height: 1.2;
}

.about-text-section p {
	 font-size: 17px;
  line-height: 1.75;
  color: var(--text-gray);
  margin-bottom: 22px;
}

.about-main-img {
  width: 100%;
    height  :       auto;
    display  :   block;
}@media (max-width: 968px) {
    .about-page-wrapper {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .about-image-section {
        order: -1;
    }
    
    .about-text-section h1 {
        font-size: 36px;
    }
}

@media (max-width: 580px) {
    .about-page-content {
        padding: 55px 20px;
    }
    
    .about-text-section h1 {
        font-size: 30px;
        margin-bottom: 22px;
    }
    
    .about-text-section p {
        font-size: 16px;
    }
}.contact-page-section {

	  background: var(--light-bg);
    padding: 70px 25px;
  min-height: 65vh;


}

.contact-page-wrapper {
    max-width: 680px;
 margin: 0 auto; 

}

.contact-form-area h1 {
  font-size: 44px;
  font-weight: 900;
  color: var(--text-dark);
   margin-bottom: 18px;
    line-height  :    1.2;
}

.contact-intro {
  font-size: 17px;
    line-height: 1.65;
  color: var(--text-gray);
    margin-bottom  :38px;
}

.contact-form {
                    background: #ffffff; 
	    padding:   42px 38px; 
	     border: 1px solid #e5e5e5;
}

.form-group {
    margin-bottom    : 24px;

}

.form-group label  
  {
    display: block;
  font-size: 15px;
   font-weight: 600;
  color: var(--text-dark);
    margin-bottom: 8px; 

}

.form-group input,
.form-group textarea {
  width: 100%;
  padding: 14px 16px;
    font-size   :      15px;
  font-family: 'Lato', sans-serif;
    border: 1px solid #d0d0d0;
	background: #ffffff;
  color: var(--text-dark);
    transition: border-color 0.25s;
}

.form-group input:focus,
.form-group textarea:focus 
 {
   outline: none;
  border-color: var(--primary-blue);
}

.form-group textarea {
  resize: vertical;
  min-height: 140px;
}

.submit-btn {
  background: var(--primary-blue);
  color: white;
   border: none;
    padding: 16px 38px;
    font-size  :        16px;
  font-weight: 700;
   cursor: pointer;
  font-family: 'Lato', sans-serif;
        transition: background 0.3s;
  width: 100%;
}

.submit-btn:hover {
    background: #1d5a96;
}

.contact-direct-info {
   margin-top: 32px;
    text-align: center;
}

.direct-email {
   font-size: 16px;
  color: var(--text-gray);
}

.direct-email a {
  color: var(--primary-blue); 
	    text-decoration: none; 
	   font-weight: 600;
}

.direct-email a:hover {
   text-decoration    :  underline;
}

.thankyou-popup {
       display: none;
         position: fixed;
   top: 0;
  left: 0;
   width: 100%;
   height: 100%;
  background: rgba(0, 0, 0, 0.85);
	 align-items: center;
    justify-content: center;
	z-index: 9999;}

.popup-content {
   background: white;
   padding: 48px 42px;
  max-width: 480px;
   text-align: center; 

}

.popup-icon {
	font-size: 68px;

	  color: var(--primary-green);

	    margin-bottom: 20px;
}

.popup-content h2
{
  font-size: 28px;
  font-weight: 900;
  color: var(--text-dark);
   margin-bottom: 14px;
}

.popup-content p {
   font-size: 16px;
  line-height: 1.65;
  color: var(--text-gray);
   margin-bottom: 28px;
}

.close-popup-btn {


  background: var(--primary-blue);
   color: white;
	 border: none;
   padding: 14px 36px;
   font-size: 16px;
   font-weight: 700;
  cursor: pointer;
  font-family: 'Lato', sans-serif;
    transition: background 0.3s;

}

.close-popup-btn:hover {
   background: #1d5a96;
}@media (max-width: 768px) {
    .contact-page-section {
        padding: 55px 20px;
    }
    
    .contact-form-area h1 {
        font-size: 34px;
    }
    
    .contact-form {
        padding: 32px 24px;
    }
    
    .popup-content {
        padding: 38px 28px;
        margin: 0 20px;
    }
}

@media (max-width: 580px) {
    .contact-form-area h1 {
        font-size: 28px;
    }
    
    .contact-intro {
        font-size: 16px;
    }
}.reviews-page-header {
     background: linear-gradient(135deg, #f8f9fa 0%, var(--light-bg) 100%);
  padding: 65px 25px;
   text-align: center; 

     }

.reviews-header-wrap {
   max-width: 780px;
  margin: 0 auto;
} 

.reviews-page-header h1 {
  font-size: 48px;
    font-weight: 900;
  color: var(--text-dark);
  margin-bottom: 18px;
    line-height: 1.2;
}

.reviews-page-header p {
  font-size: 18px;
  color: var(--text-gray);
    line-height: 1.65; 

}

.reviews-list-section 
 {
  background: var(--light-bg);
       padding: 70px 25px;
}

.reviews-list-wrap	{
	 max-width   :      1100px;
   margin: 0 auto;
}

.review-card-row {
      background: #1a1a1a;
   border :    1px solid #333333;
   padding: 38px 35px;
   margin-bottom: 28px;
  display: grid;
  grid-template-columns     :   280px 1fr;
   gap: 45px;
 align-items: center;
   transition: box-shadow 0.3s;
}

.review-card-row:hover {
  box-shadow: 0 8px 24px rgba(0,0,0,0.3);
}  

.review-card-logo img {
    width: 100%;
    height: auto;
   display: block;
}

.review-card-header {
   display: flex;
  justify-content: space-between;
    align-items: center;
   margin-bottom: 16px;
}



.review-card-header h2 {
    font-size: 28px;
  font-weight :  900;
   color: #ffffff;
}

.rating-display {
  background: var(--primary-green);
      color: white;
  padding: 8px 18px;
    font-weight: 700;
    font-size: 17px;
}

.review-excerpt {


    font-size: 16px;
    line-height: 1.7;
   color: #cccccc;
  margin-bottom: 22px;
	}

.review-actions {
   display: flex;
   gap: 14px;
}

.read-full-review {
   background: transparent;
  color: var(--primary-blue);
    text-decoration: none;
  padding: 14px 28px;
    font-weight  :        600;
	 font-size: 15px;
  border: 2px solid var(--primary-blue);
    transition: all 0.3s;
   display:      inline-block;
}



.read-full-review:hover {
  background: var(--primary-blue);
       color: white;
}

.visit-casino-btn


{
  background: var(--primary-blue);
   color: white;
  text-decoration: none;
    padding: 14px 28px;
  font-weight: 700;
          font-size: 15px;
    transition: background 0.3s;
   display: inline-block;


}

.visit-casino-btn:hover {
  background: #1d5a96;
}@media (max-width: 968px) {
    .review-card-row {
        grid-template-columns: 1fr;
        gap: 28px;
        padding: 32px 28px;
    }
    
    .review-card-logo {
        max-width: 240px;
        margin: 0 auto;
    }
    
    .reviews-page-header h1 {
        font-size: 38px;
    }
}

@media (max-width: 580px) {
    .reviews-page-header {
        padding: 50px 20px;
    }
    
    .reviews-page-header h1 {
        font-size: 32px;
    }
    
    .reviews-page-header p {
        font-size: 16px;
    }
    
    .reviews-list-section {
        padding: 50px 20px;
    }
    
    .review-card-row {
        padding: 28px 22px;
    }
    
    .review-card-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
    
    .review-card-header h2 {
        font-size: 24px;
    }
    
    .review-actions {
        flex-direction: column;
        width: 100%;
    }
    
    .read-full-review,
    .visit-casino-btn {
        width: 100%;
        text-align: center;
    }
}.why-trust-section {
   background:        #ffffff;
  padding: 75px 25px;
}



.why-trust-wrapper {
   max-width :1240px;
    margin: 0 auto;
}

.trust-heading {

	    font-size: 40px;
  font-weight: 900;
  color: var(--text-dark);
   text-align: center;
    margin-bottom: 52px;
     }

.trust-features {
   display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap     :   35px;
}

.trust-item {
  text-align: center;
   padding: 32px 24px;
}

.trust-icon {
   font-size: 58px;
  color: var(--primary-blue);
	margin-bottom: 18px;
   display: block;
}

.trust-item h3 {
  font-size: 20px;
  font-weight: 700;
  color: var(--text-dark);
  margin-bottom: 12px;
}  

.trust-item p {
    font-size     :     15px;
   line-height: 1.65;
  color: var(--text-gray);
}@media (max-width: 968px) {
    .trust-features {
        grid-template-columns: repeat(2, 1fr);
        gap: 28px;
    }
    
    .trust-heading {
        font-size: 34px;
        margin-bottom: 40px;
    }
}

@media (max-width: 580px) {
    .why-trust-section {
        padding: 60px 20px;
    }
    
    .trust-features {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    
    .trust-heading {
        font-size: 28px;
    }
    
    .trust-item {
        padding: 24px 20px;
    }
}.review-hero-section {
    position: relative;
    height: 420px;
  overflow: hidden;

}

.review-hero-img {
      display: block;
    height: 100%;
	object-fit: cover;
	width: 100%;
     }

.review-hero-overlay {
   position    :       absolute;
   top  :     0;
   left: 0;
  width: 100%;
   height: 100%;
  background: rgba(0, 0, 0, 0.72);
  display: flex;
   align-items: center;
    justify-content: center;
	}

.review-hero-content {
    text-align: center;
  max-width: 680px;
               padding: 0 25px;
}

.review-casino-logo {

	                    height: 85px;
  width: auto;
  margin-bottom: 24px; 

}



.review-hero-content h1 {
  font-size: 46px;
    font-weight: 900;
    color :#ffffff;
    margin-bottom: 18px;
    line-height: 1.2;
}

.review-rating-large {
  background: var(--primary-green);
    color: white;
  padding: 12px 28px;
 font-size: 28px;
  font-weight: 700;
   display :inline-block;
}

.review-content-section {
  background: var(--light-bg);
    padding: 70px 25px;
}

.review-content-wrapper {
  max-width: 850px;
    margin: 0 auto;
}

.review-content-wrapper h2 {
    font-size    :    30px;
	font-weight: 900;
  color: var(--text-dark);
 margin-top: 42px;
   margin-bottom: 18px;
    line-height: 1.3;
}

.review-content-wrapper h2:first-child {
    margin-top: 0;
}

.review-content-wrapper h3     {
    font-size: 22px;
    font-weight: 700;
  color: var(--text-dark);
    margin-top: 32px;
   margin-bottom: 14px;
	
}

.review-content-wrapper p {
   font-size    :   17px;
   line-height: 1.75;
  color: var(--text-gray);
   margin-bottom: 20px;
}


.review-cta-box {
   background: #f8f9fa;
   padding: 38px 32px;
   text-align: center;
	margin-top: 48px;
  border-left: 4px solid var(--primary-blue);
}

.review-visit-btn {
  background: var(--primary-blue);
  color: white;
  text-decoration: none;
    padding: 18px 42px;
                    font-size: 18px;
  font-weight: 700;
  display: inline-block;
   transition: background 0.3s;
	margin-bottom: 16px;
}

.review-visit-btn:hover {
   background: #1d5a96;
}

.review-disclaimer {
	font-size   :  13px;
  color: #888888;
  margin-top  :        14px;
}@media (max-width: 768px) {
    .review-hero-section {
        height: 380px;
    }
    
    .review-casino-logo {
        height: 70px;
    }
    
    .review-hero-content h1 {
        font-size: 36px;
    }
    
    .review-rating-large {
        font-size: 24px;
        padding: 10px 24px;
    }
    
    .review-content-section {
        padding: 55px 20px;
    }
    
    .review-content-wrapper h2 {
        font-size: 26px;
    }
    
    .review-content-wrapper h3 {
        font-size: 20px;
    }
    
    .review-content-wrapper p {
        font-size: 16px;
    }
    
    .review-cta-box {
        padding: 32px 24px;
    }
}

@media (max-width: 580px) {
    .review-hero-section {
        height: 340px;
    }
    
    .review-casino-logo {
        height: 60px;
        margin-bottom: 18px;
    }
    
    .review-hero-content h1 {
        font-size: 28px;
    }
}.index-faq-section {
  background: var(--light-bg);
  padding: 75px 25px;
	
}

.index-faq-wrapper {
   max-width: 920px;
    margin: 0 auto;
	
}

.index-faq-heading {
   font-size: 40px;
          font-weight: 900;
  color: var(--text-dark);
    text-align: center;
 margin-bottom: 48px;
}

.faq-list {
   display: flex;
   flex-direction: column;
  gap: 32px;
}

.faq-row {
   border-bottom   :      1px solid #e0e0e0;
  padding-bottom: 28px;
}

.faq-row:last-child {
  border-bottom: none;
    padding-bottom: 0;
}

.faq-question {
  font-size: 20px;
	 font-weight: 700;
  color: var(--text-dark);
  margin-bottom: 12px;
  line-height: 1.35;
}

.faq-answer {
	   font-size: 16px;
   line-height: 1.75;
  color: var(--text-gray);
   margin: 0;
     }
@media (max-width: 768px) {
    .index-faq-heading {
        font-size: 34px;
        margin-bottom: 38px;
    }
    
    .faq-list {
        gap: 28px;
    }
    
    .faq-row {
        padding-bottom: 24px;
    }
    
    .faq-question {
        font-size: 18px;
    }
}

@media (max-width: 580px) {
    .index-faq-section {
        padding: 60px 20px;
    }
    
    .index-faq-heading {
        font-size: 28px;
        margin-bottom: 32px;
    }
    
    .faq-list {
        gap: 24px;
    }
    
    .faq-row {
        padding-bottom: 20px;
    }
    
    .faq-question {
        font-size: 17px;
        margin-bottom: 10px;
    }
    
    .faq-answer {
        font-size: 15px;
    }
}.roulette-hero .badge-item .material-symbols-outlined {
   color: #dc3545;
}

.roulette-hero ~ .casino-cards-section .btn-get-bonus {
	 background: #dc3545;
}

.roulette-hero ~ .casino-cards-section .btn-get-bonus:hover  
  {

   background: #c82333;
     }

.roulette-hero ~ .casino-cards-section .btn-get-bonus::before {
  background: rgba(255,255,255,0.3);
}

.blackjack-hero .badge-item .material-symbols-outlined {
    color:       #1e88e5;
}

.blackjack-hero ~ .casino-cards-section .btn-get-bonus {
  background: #1e88e5;
}

.blackjack-hero ~ .casino-cards-section .btn-get-bonus:hover {
    background: #1565c0;
}

.blackjack-hero ~ .casino-cards-section .btn-get-bonus::before {
  background: rgba(255,255,255,0.3);
}

.baccarat-hero .badge-item .material-symbols-outlined {
   color: #ff9800;
}

.baccarat-hero ~ .casino-cards-section .btn-get-bonus {
  background: #ff9800; 
	
}

.baccarat-hero ~ .casino-cards-section .btn-get-bonus:hover {
	background :  #f57c00;
}

.baccarat-hero ~ .casino-cards-section .btn-get-bonus::before {
  background: rgba(255,255,255,0.3);
}

.index-faq-section {
  background: var(--light-bg);
  padding: 75px 25px;
}

.index-faq-wrapper {
   max-width: 920px;
  margin: 0 auto;
}

.index-faq-heading   {
    font-size: 40px;
  font-weight   :    900;
  color: var(--text-dark);
  text-align     :       center;
   margin-bottom: 48px;
}

.faq-list {
    display: flex;
  flex-direction: column;
    gap: 32px;
}

.faq-row {
   border-bottom: 1px solid #e0e0e0;
	padding-bottom: 28px;
}

.faq-row:last-child {
  border-bottom: none;
                    padding-bottom: 0;
}

.faq-question {
  font-size     :     20px;
    font-weight: 700;
  color: var(--text-dark);
  margin-bottom: 12px;
   line-height :     1.35;
}

.faq-answer {


	font-size: 16px;
  line-height: 1.75;
  color: var(--text-gray);
  margin: 0;}

.faq-contact-section .faq-heading {
    color: #ffffff;
}

.faq-contact-section .faq-question {
	color    :   #ffffff;
}

.faq-contact-section .faq-answer {
     color: #cccccc;

}@media (max-width: 768px) {
    .index-faq-heading {
        font-size: 34px;
        margin-bottom: 38px;
    }
    
    .faq-list {
        gap: 28px;
    }
    
    .faq-row {
        padding-bottom: 24px;
    }
    
    .faq-question {
        font-size: 18px;
    }
}

@media (max-width: 580px) {
    .index-faq-section {
        padding: 60px 20px;
    }
    
    .index-faq-heading {
        font-size: 28px;
        margin-bottom: 32px;
    }
    
    .faq-list {
        gap: 24px;
    }
    
    .faq-row {
        padding-bottom: 20px;
    }
    
    .faq-question {
        font-size: 17px;
        margin-bottom: 10px;
    }
    
    .faq-answer {
        font-size: 15px;
    }
}