/* Reset and base styles */

* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

}



body {

  font-family: Arial, sans-serif;

  line-height: 1.6;

  overflow-x: hidden;

}



ul {

  list-style: none;

}



a {

  text-decoration: none;

  color: inherit;

}



/* Container */

.container {

  max-width: 1200px;

  margin: 0 auto;

  padding: 0 20px;

  width: 100%;

}



/* Header */

.main-header {

  background-color: #000;

  color: #fff;

  padding: 15px 0;

}



.main-header .container {

  display: flex;

  justify-content: space-between;

  align-items: center;

}



/* Logo */

.logo {

  display: flex;

  align-items: center;

}



.logo img {

  height: 96px;

  width: auto;

}



/* Navigation */

.main-nav ul {

  display: flex;

  gap: 30px;

}



.main-nav a {

  color: #fff;

  font-size: 16px;

  padding: 5px 0;

  position: relative;

}



.main-nav a:hover {

  color: #ff9500;

}



.main-nav li:not(:last-child)::after {

  content: "•";

  color: #ff9500;

  margin-left: 30px;

}



/* Mobile menu toggle */

.mobile-menu-toggle {

  display: none;

  flex-direction: column;

  gap: 5px;

  cursor: pointer;

}



.mobile-menu-toggle span {

  display: block;

  width: 25px;

  height: 3px;

  background-color: #fff;

  border-radius: 3px;

}



/* Hero Section */

.hero-section {

  background: url("../images/background1.png") no-repeat center center;

  background-size: cover;

  min-height: 600px;

  color: #fff;

  padding: 60px 0;

  position: relative;

  overflow: hidden;

  background-color: #1a1000;

}



.hero-section .container {

  display: flex;

  justify-content: space-between;

  align-items: center;

  position: relative;

}



.hero-content {

  max-width: 600px;

  padding-right: 20px;

}



.update-badge {

  display: inline-block;

  background-color: #d67900;

  color: #fff;

  font-weight: bold;

  padding: 8px 20px;

  border-radius: 30px;

  margin-bottom: 20px;

  font-size: 14px;

}



.hero-section h1 {

  font-size: 64px;

  font-weight: 900;

  margin-bottom: 10px;

  line-height: 1.1;

  text-transform: uppercase;

}



.hero-section h2 {

  font-size: 38px;

  font-weight: 700;

  margin-bottom: 30px;

  color: #9aff4d;

  text-transform: uppercase;

}



.hero-section p {

  margin-bottom: 20px;

  font-size: 16px;

  line-height: 1.7;

}



.hero-image {

  flex: 1;

  display: flex;

  justify-content: flex-end;

  align-items: center;

  position: relative;

}



/* Disclaimer Section */

.disclaimer-section {

  background: url("../images/background2.png") no-repeat center center;

  background-size: cover;

  color: #fff;

  padding: 80px 0;

  position: relative;

  min-height: 600px;

  display: flex;

  align-items: center;

  text-align: center;

}



.disclaimer-section .container {

  max-width: 800px;

  position: relative;

  z-index: 2;

}



.disclaimer-section h2 {

  font-size: 42px;

  margin-bottom: 30px;

  font-weight: 700;

}



.disclaimer-content {

  max-width: 700px;

  margin: 0 auto;

}



.disclaimer-content p {

  margin-bottom: 20px;

  font-size: 16px;

  line-height: 1.7;

}



.disclaimer-highlight {

  color: #9aff4d;

  font-size: 20px !important;

  font-weight: 700;

  margin-top: 30px !important;

}



.card-symbols {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  display: flex;

  justify-content: space-around;

  padding: 0 15%;

  z-index: 1;

}



.symbol {

  width: 40px;

  height: 40px;

  position: relative;

  margin-top: 20px;

}



.symbol:before {

  content: "";

  position: absolute;

  top: -20px;

  left: 50%;

  width: 2px;

  height: 100px;

  background-color: #ff7700;

  transform: translateX(-50%);

  box-shadow: 0 0 10px #ff7700, 0 0 20px #ff7700;

}



.symbol:after {

  content: "";

  position: absolute;

  width: 40px;

  height: 40px;

  top: 80px;

  left: 0;

  background-size: contain;

  background-repeat: no-repeat;

  filter: drop-shadow(0 0 8px #ff7700);

}



.symbol.spade:after {

  content: "♠";

  font-size: 60px;

  color: #ff7700;

  text-shadow: 0 0 10px #ff7700;

  top: 40px;

  left: -10px;

}



.symbol.club:after {

  content: "♣";

  font-size: 60px;

  color: #ff7700;

  text-shadow: 0 0 10px #ff7700;

  top: 40px;

  left: -10px;

}



.symbol.heart:after {

  content: "♥";

  font-size: 60px;

  color: #ff7700;

  text-shadow: 0 0 10px #ff7700;

  top: 40px;

  left: -10px;

}



.symbol.diamond:after {

  content: "♦";

  font-size: 60px;

  color: #ff7700;

  text-shadow: 0 0 10px #ff7700;

  top: 40px;

  left: -10px;

}



/* Media queries for responsive design */

@media (max-width: 768px) {

  .main-nav {

    display: none;

    position: absolute;

    top: 70px;

    left: 0;

    right: 0;

    background-color: #000;

    padding: 20px;

    z-index: 100;

  }



  .main-nav.active {

    display: block;

  }



  .main-nav ul {

    flex-direction: column;

    gap: 15px;

  }



  .main-nav li:not(:last-child)::after {

    display: none;

  }



  .mobile-menu-toggle {

    display: flex;

  }



  /* Hero section responsive */

  .hero-section .container {

    flex-direction: column;

    text-align: center;

  }



  .hero-section {

    display: none;

  }



  .hero-content {

    padding-right: 0;

    margin-bottom: 40px;

  }



  .hero-section h1 {

    font-size: 42px;

  }



  .hero-section h2 {

    font-size: 28px;

  }



  /* Disclaimer section responsive */

  .disclaimer-section {

    padding: 100px 0 60px;

  }



  .disclaimer-section h2 {

    font-size: 36px;

  }



  .card-symbols {

    padding: 0 10%;

  }



  .symbol:before {

    height: 60px;

  }



  .symbol:after {

    top: 40px;

  }



  .symbol.spade:after,

  .symbol.club:after,

  .symbol.heart:after,

  .symbol.diamond:after {

    font-size: 40px;

    top: 20px;

  }

}



@media (max-width: 480px) {

  .logo img {

    height: 30px;

  }



  .hero-section {

    padding: 40px 0;

  }



  .hero-section h1 {

    font-size: 32px;

  }



  .hero-section h2 {

    font-size: 22px;

    margin-bottom: 20px;

  }



  .hero-section p {

    font-size: 14px;

  }



  .disclaimer-section {

    padding: 80px 0 40px;

  }



  .disclaimer-section h2 {

    font-size: 28px;

  }



  .disclaimer-content p {

    font-size: 14px;

  }



  .disclaimer-highlight {

    font-size: 16px !important;

  }



  .card-symbols {

    padding: 0 5%;

  }



  .symbol:before {

    height: 40px;

  }



  .symbol:after {

    top: 20px;

  }



  .symbol.spade:after,

  .symbol.club:after,

  .symbol.heart:after,

  .symbol.diamond:after {

    font-size: 30px;

    top: 10px;

  }

}



.best-casinos-section {

  padding: 80px 0;

  background: #fff;

}



.best-casinos-section .container {

  flex-direction: column;

  align-items: center;

  text-align: center;

}



.section-title {

  color: white;

  font-size: 36px;

  font-weight: 700;

  margin-bottom: 24px;

  text-align: center;

}



.section-description {

  /* max-width: 1000px; */

  color: white;

  font-size: 16px;

  line-height: 1.8;

  text-align: center;

}



@media (max-width: 768px) {

  .disclaimer-section {

    padding-top: 0;

    min-height: 300px;

  }

  .best-casinos-section {

    padding: 60px 0;

  }



  .best-casinos-section {

    display: none;

  }



  .section-title {

    font-size: 28px;

    margin-bottom: 20px;

  }



  .section-description {

    font-size: 14px;

    padding: 0 20px;

  }



  .disclaimer-section p:nth-child(1),

  .disclaimer-section p:nth-child(3) {

    display: none;

  }

}



@media (max-width: 480px) {

  .best-casinos-section {

    padding: 40px 0;

  }



  .section-title {

    font-size: 24px;

    margin-bottom: 16px;

  }

}



.winomania {

  width: 100%;

  display: flex;

  align-items: start;

  flex-direction: row;

}



.winomania-1 {

  display: flex;

  flex-direction: row;

  width: 100%;

  border-radius: 20px;

  border-top: none;

  border-left: none;

  border-right: none;

  border-bottom: 1px solid #54d501;

  border-bottom-left-radius: 0;

  border-bottom-right-radius: 0;

  background-color: white;

  position: relative;

}



.logo-winomania {

  background-color: #54d501;

  padding: 50px 20px 50px 20px;

  width: 30%;

  flex-shrink: 0;

  z-index: 2;

  display: flex;

  justify-content: center;

  align-items: center;

  border-radius: 20px 20px 20px 0;

  position: relative;

}



.logo-winomania-img {

  margin: 0 auto;

  max-width: 100%;

  height: auto;

  display: block;

}



.options-winomania {

  background-color: #ffffff;

  padding: 30px;

  flex-grow: 1;

  z-index: 1;

  border-radius: 0 20px 20px 0;

  position: relative;

  left: -18px;

}



.option-item {

  display: flex;

  align-items: flex-start;

  gap: 15px;

  margin-bottom: 20px;

}



.option-item:last-child {

  margin-bottom: 0;

}



.option-icon {

  width: 24px;

  height: 24px;

  background-color: black;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-shrink: 0;

}



.option-content {

  display: flex;

  flex-direction: column;

  gap: 5px;

}



.option-label {

  font-weight: bold;

  color: black;

  font-size: 16px;

}



.option-value {

  color: #333;

  font-size: 14px;

  line-height: 1.4;

}



@media (max-width: 768px) {

  .options-winomania {

    padding: 20px;

  }



  .option-item {

    margin-bottom: 15px;

  }



  .option-icon {

    width: 20px;

    height: 20px;

  }



  .option-label {

    font-size: 14px;

  }



  .option-value {

    font-size: 13px;

  }

}



@media (max-width: 480px) {

  .options-winomania {

    padding: 15px;

    border-radius: 0;

  }



  .option-item {

    margin-bottom: 12px;

  }

}



.rating-winomania {

  background-color: white;

  padding: 30px;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  gap: 10px;

  width: 20%;

  z-index: 1;

}



.rating-score {

  font-size: 48px;

  font-weight: bold;

  color: #54d501;

  line-height: 1;

}



.rating-stars {

  display: flex;

  gap: 5px;

  margin: 5px 0;

}



.rating-votes {

  font-size: 14px;

  color: #333;

  text-decoration: underline;

}



@media (max-width: 1024px) {

  .rating-winomania {

    width: 25%;

    padding: 20px;

  }



  .rating-score {

    font-size: 42px;

  }

}



@media (max-width: 768px) {

  .rating-winomania {

    width: 100%;

    padding: 15px;

  }



  .rating-score {

    font-size: 36px;

  }



  .rating-votes {

    font-size: 13px;

  }

}



.claim-winomania {

  background-color: white;

  padding: 30px;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  gap: 20px;

  width: 25%;

  z-index: 1;

  border-radius: 0 20px 20px 0;

}



.bonus-text {

  text-align: center;

}



.bonus-main {

  font-size: 24px;

  font-weight: bold;

  color: #333;

  margin-bottom: 5px;

}



.bonus-extra {

  font-size: 20px;

  font-weight: bold;

  color: #333;

}



.claim-button {

  background-color: #ffcc00;

  color: white;

  text-decoration: none;

  padding: 15px 40px;

  border-radius: 25px;

  font-size: 16px;

  font-weight: bold;

  transition: background-color 0.3s ease;

  text-align: center;

  width: 100%;

  max-width: 200px;

}



.claim-button:hover {

  background-color: #cca300;

}



@media (max-width: 1024px) {

  .claim-winomania {

    width: 30%;

    padding: 20px;

  }



  .bonus-main {

    font-size: 22px;

  }



  .bonus-extra {

    font-size: 18px;

  }



  .claim-button {

    padding: 12px 30px;

    font-size: 15px;

  }

}



@media (max-width: 768px) {

  .claim-winomania {

    width: 100%;

    padding: 15px;

  }



  .bonus-main {

    font-size: 20px;

  }



  .bonus-extra {

    font-size: 16px;

  }



  .claim-button {

    padding: 10px 25px;

    font-size: 14px;

    max-width: 180px;

  }

}



/* Add media queries for responsive design */

@media (max-width: 1024px) {

  .winomania {

    width: 90%;

  }



  .winomania-1 {

    flex-direction: column;

  }



  .logo-winomania {

    width: 111.2%;

    padding: 30px 20px;

    border-radius: 20px 20px 0 0;

  }



  .options-winomania {

    width: 111.2%;

    left: 0;

    border-radius: 0 0 20px 20px;

  }



  .rating-winomania {

    width: 100%;

    border-radius: 0;

  }



  .claim-winomania {

    width: 100%;

    border-radius: 0 0 20px 20px;

  }

}



@media (max-width: 768px) {

  .winomania {

    width: 95%;

  }



  .logo-winomania {

    padding: 20px;

    width: 105.2%;

  }



  .logo-winomania img {

    max-width: 200px;

  }



  .options-winomania {

    padding: 20px;

    width: 105.2%;

  }



  .option-item {

    gap: 10px;

  }



  .option-icon {

    width: 20px;

    height: 20px;

  }



  .option-label {

    font-size: 14px;

  }



  .option-value {

    font-size: 13px;

  }

}



@media (max-width: 480px) {

  .winomania {

    width: 100%;

  }



  .logo-winomania {

    padding: 15px;

    width: 100%;

  }



  .logo-winomania img {

    max-width: 180px;

  }



  .options-winomania {

    padding: 15px;

    width: 100%;

  }



  .option-item {

    margin-bottom: 10px;

  }



  .rating-winomania {

    padding: 15px;

  }



  .claim-winomania {

    padding: 15px;

  }



  .bonus-text {

    font-size: 18px;

  }



  .claim-button {

    padding: 12px 30px;

    font-size: 14px;

  }

}



.casino-details-section {

  width: 100%;

  margin-top: -1px;

  background: white;

  overflow: hidden;

  border-radius: 0 0 20px 20px;

}



.toggle-button1,

.toggle-button2,

.toggle-button3 {

  width: 100%;

  padding: 15px;

  background: black;

  border: none;

  cursor: pointer;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

  font-size: 16px;

  color: white;

  font-weight: 600;

  transition: background-color 0.3s ease;

}



.toggle-button1:hover,

.toggle-button2:hover,

.toggle-button3:hover {

  background-color: #333;

}



.toggle-icon {

  transition: transform 0.3s ease;

}



.toggle-button1.collapsed .toggle-icon,

.toggle-button2.collapsed .toggle-icon,

.toggle-button3.collapsed .toggle-icon {

  transform: rotate(180deg);

}



.details-content1,

.details-content2,

.details-content3 {

  padding: 30px;

  opacity: 1;

  transition: max-height 0.5s ease, opacity 0.3s ease, padding 0.3s ease;

  overflow: hidden;

  display: flex;

  gap: 30px;

  background: white;

}



.details-content1.collapsed,

.details-content2.collapsed,

.details-content3.collapsed {

  max-height: 0;

  opacity: 0;

  padding: 0 30px;

}



.casino-description {

  flex: 0 0 30%;

  line-height: 1.6;

  color: #333;

  padding-right: 30px;

  border-right: 1px solid #e0e0e0;

}



.details-columns {

  flex: 0 0 70%;

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 30px;

}



.details-columns h3 {

  color: #a7c18a;

  font-size: 20px;

  margin-bottom: 20px;

  padding-bottom: 10px;

  border-bottom: 2px solid #54d501;

}



.key-features ul,

.pros ul,

.cons ul {

  list-style: none;

  padding: 0;

}



.key-features li,

.pros li,

.cons li {

  position: relative;

  padding-left: 25px;

  margin-bottom: 15px;

  color: #333;

  line-height: 1.6;

}



.key-features li::before {

  position: absolute;

  left: 0;

  color: #a7c18a;

}



.star-icon,

.plus-icon,

.warning-icon {

  padding-right: 10px;

}



.pros li::before {

  position: absolute;

  left: 0;

  color: #29a4a8;

}



.cons li::before {

  position: absolute;

  left: 0;

  color: #dcab38;

}

.final-verdict {

  margin-right: 20px;

}



@media (max-width: 1024px) {

  .details-content1,

  .details-content2,

  .details-content3 {

    flex-direction: column;

  }



  .casino-description {

    flex: none;

    width: 100%;

    margin-bottom: 30px;

    padding-right: 0;

    padding-bottom: 30px;

    border-right: none;

    border-bottom: 1px solid #e0e0e0;

  }



  .details-columns {

    flex: none;

    width: 100%;

    grid-template-columns: 1fr 1fr;

    gap: 20px;

  }



  .final-verdict {

    grid-column: 1 / -1;

  }

}



@media (max-width: 768px) {

  .details-content1,

  .details-content2,

  .details-content3 {

    padding: 20px;

  }



  .casino-description {

    font-size: 14px;

    margin-bottom: 20px;

  }



  .details-columns {

    grid-template-columns: 1fr;

    gap: 20px;

  }



  .details-columns h3 {

    margin-bottom: 15px;

  }



  .key-features ul,

  .pros ul,

  .cons ul {

    margin-bottom: 15px;

  }



  .final-verdict {

    margin-top: 20px;

  }



  .details-content1.collapsed,

  .details-content2.collapsed,

  .details-content3.collapsed {

    display: none;

  }

}



@media (max-width: 480px) {

  .details-content1,

  .details-content2,

  .details-content3 {

    padding: 15px;

  }



  .casino-description {

    font-size: 13px;

    margin-bottom: 15px;

  }



  .details-columns {

    gap: 15px;

  }



  .key-features li,

  .pros li,

  .cons li {

    font-size: 13px;

    margin-bottom: 8px;

  }



  .final-verdict p {

    font-size: 13px;

  }



  .details-content1.collapsed,

  .details-content2.collapsed,

  .details-content3.collapsed {

    display: none;

  }

}



.winomania-container {

  border: 1px solid #54d501;

  border-radius: 20px;

  margin: 0 auto;

  width: 80%;

  margin-bottom: 5%;

  margin-top: 20px;

}



.first {

  position: absolute;

  left: -36px;

  border: 5px solid white;

  border-radius: 50%;

  background-color: white;

}



.key-features h3 {

  color: #54d501;

}



.pros-cons h3 {

  color: #54d501;

}



.final-verdict h3 {

  color: #54d501;

}



.casino-reviews-section {

  background-color: black;

  padding-bottom: 50px;

}



.best-casinos-section {

  background-color: black;

}



.toggle-button1,

.toggle-button2,

.toggle-button3 {

  background-color: #828282;

}



.perebivka-container {

  background-image: url("../images/Rectangle24.svg");

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  width: 100%;

  display: flex;

  flex-direction: row;

  align-items: center;

  justify-content: space-around;

}



.perebivka-item {

  color: white;

  display: flex;

  flex-direction: row;

  align-items: center;

  justify-content: space-around;

}



.perebivka-item img {

  padding-right: 10px;

}



.perebivka {

  width: 100%;

}



@media (max-width: 768px) {

  .perebivka-container {

    flex-direction: column;

  }



  .perebivka-item {

    padding-bottom: 10px;

  }

}



/* Casino Comparison Section */

.casino-comparison-section {

  background-color: #d24211;

  padding: 80px 0;

  color: #fff;

  position: relative;

  overflow: hidden;

}



.comparison-content {

  display: flex;

  flex-direction: row;

  align-items: center;

  max-width: 1200px;

  margin: 0 auto;

  padding: 0 20px;

}



.comparison-text {

  flex: 1;

  padding-right: 40px;

}



.comparison-title {

  color: #9aff4d;

  font-size: 24px;

  font-weight: 700;

  margin-bottom: 5px;

}



.comparison-subtitle {

  font-size: 32px;

  font-weight: 700;

  margin-bottom: 20px;

}



.comparison-text p {

  margin-bottom: 20px;

  line-height: 1.7;

}



.casino-review {

  margin-bottom: 20px;

}



.casino-review h4 {

  color: #9aff4d;

  font-size: 18px;

  font-weight: 700;

  display: inline;

}



.casino-review p {

  display: inline;

  margin-left: 5px;

}



.comparison-image {

  flex: 1;

  display: flex;

  justify-content: center;

  align-items: center;

}



.comparison-image img {

  max-width: 100%;

  height: auto;

}



@media (max-width: 1024px) {

  .comparison-content {

    flex-direction: column-reverse;

  }



  .comparison-text {

    padding-right: 0;

    margin-top: 40px;

    width: 100%;

  }



  .comparison-image {

    width: 100%;

  }



  .comparison-subtitle {

    font-size: 28px;

  }

}



@media (max-width: 768px) {

  .casino-comparison-section {

    padding: 60px 0;

  }



  .comparison-title {

    font-size: 20px;

  }



  .comparison-subtitle {

    font-size: 24px;

    margin-bottom: 15px;

  }



  .casino-review h4 {

    font-size: 16px;

  }



  .comparison-text p,

  .casino-review p {

    font-size: 14px;

    line-height: 1.6;

  }

}



@media (max-width: 480px) {

  .casino-comparison-section {

    padding: 40px 0;

  }



  .comparison-title {

    font-size: 18px;

  }



  .comparison-subtitle {

    font-size: 20px;

  }



  .casino-review {

    margin-bottom: 15px;

  }



  .comparison-image img {

    max-width: 90%;

  }

}



/* FAQ Section */

.faq-section {

  background: url("../images/background3.png") no-repeat center center;

  background-size: cover;

  padding: 80px 0;

  color: #fff;

  position: relative;

}



.faq-title {

  font-size: 36px;

  font-weight: 700;

  text-align: center;

  margin-bottom: 40px;

}



.faq-accordion {

  max-width: 900px;

  margin: 0 auto;

}



.faq-item {

  background-color: #fff;

  border-radius: 10px;

  margin-bottom: 16px;

  overflow: hidden;

  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);

}



.faq-question {

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 20px 25px;

  cursor: pointer;

  background-color: #fff;

  color: #000;

  position: relative;

}



.faq-question h3 {

  font-size: 18px;

  font-weight: 600;

  margin: 0;

}



.faq-toggle {

  background: none;

  border: none;

  width: 24px;

  height: 24px;

  position: relative;

  cursor: pointer;

  border-radius: 50%;

  padding: 0;

  background-color: #f36a05;

}



.plus-icon1 {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  transition: transform 0.3s ease;

}



.faq-item.active .plus-icon1 {

  transform: translate(-50%, -50%) rotate(45deg);

}



.plus-icon1::before,

.plus-icon1::after {

  content: "";

  position: absolute;

  background-color: #fff;

}



.plus-icon1::before {

  width: 12px;

  height: 2px;

  top: 0;

  left: -6px;

}



.plus-icon1::after {

  width: 2px;

  height: 12px;

  top: -6px;

  left: -1px;

}



.faq-item.active .plus-icon1::after {

  display: none;

}



.faq-answer {

  max-height: 0;

  overflow: hidden;

  transition: max-height 0.3s ease;

  padding: 0 25px;

  color: #000;

}



.faq-item.active .faq-answer {

  max-height: 300px;

  padding-bottom: 20px;

}



.faq-answer p {

  margin: 0;

  line-height: 1.6;

}



.faq-item.active .faq-question {

  background-color: #f36a05;

  color: #ffffff;

}



.faq-item.active .faq-answer {

  background-color: #f36a05;

  color: #ffffff;

}



/* Media queries for responsive design */

@media (max-width: 768px) {

  .faq-section {

    padding: 60px 0;

  }



  .faq-title {

    font-size: 28px;

    margin-bottom: 30px;

  }



  .faq-question {

    padding: 15px 20px;

  }



  .faq-question h3 {

    font-size: 16px;

  }



  .faq-answer {

    padding: 0 20px;

  }

}



@media (max-width: 480px) {

  .faq-section {

    padding: 40px 0;

  }



  .faq-title {

    font-size: 24px;

    margin-bottom: 25px;

  }



  .faq-question {

    padding: 12px 15px;

  }



  .faq-question h3 {

    font-size: 15px;

    padding-right: 10px;

  }



  .faq-toggle {

    width: 20px;

    height: 20px;

  }



  .plus-icon1::before {

    width: 10px;

    left: -5px;

  }



  .plus-icon1::after {

    height: 10px;

    top: -5px;

  }



  .faq-answer {

    padding: 0 15px;

  }



  .faq-answer p {

    font-size: 14px;

  }

}



.main-footer {

  background: #000;

  color: #fff;

  padding: 18px 0 8px 0;

  font-size: 14px;

  width: 100%;

}



.footer-container {

  max-width: 1200px;

  margin: 0 auto;

  display: flex;

  align-items: center;

  justify-content: space-between;

  flex-wrap: wrap;

  padding: 0 24px;

  gap: 0;

}



.footer-left {

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  min-width: 220px;

}



.footer-logo {

  display: flex;

  align-items: center;

  gap: 8px;

  margin-bottom: 8px;

}



.footer-logo img {

  height: 60px;

  width: auto;

}



.footer-site-name {

  color: #ff9500;

  font-size: 26px;

  font-weight: 700;

  font-family: "Montserrat", Arial, sans-serif;

  letter-spacing: 0.5px;

}



.footer-copyright {

  color: #ccc;

  font-size: 12px;

  margin-top: 2px;

}



.footer-nav {

  display: flex;

}



.footer-nav ul {

  display: flex;

  align-items: center;

  gap: 32px;

  list-style: none;

  margin: 0;

  padding: 0;

}



.footer-nav li {

  position: relative;

  color: #fff;

  font-size: 16px;

  font-weight: 500;

}



.footer-nav li:not(:last-child)::after {

  content: "\2022";

  color: #ff9500;

  margin-left: 32px;

  font-size: 18px;

  vertical-align: middle;

}



.footer-nav a {

  color: #fff;

  text-decoration: none;

  font-size: 16px;

  font-weight: 500;

  transition: color 0.2s;

}



.footer-nav a:hover {

  color: #ff9500;

}



.footer-center-logos {

  display: flex;

  align-items: center;

  gap: 24px;

  margin: 0 32px 0 0;

}



.footer-center-logos img {

  height: 28px;

  width: auto;

  opacity: 0.7;

  filter: grayscale(1);

  transition: opacity 0.2s;

}



.footer-center-logos img:hover {

  opacity: 1;

  filter: none;

}



.footer-right {

  display: flex;

  flex-direction: column;

  align-items: flex-end;

  min-width: 120px;

  gap: 2px;

}



.footer-18plus {

  margin-bottom: 4px;

}



.footer-links {

  display: flex;

  flex-direction: column;

  align-items: flex-end;

  gap: 2px;

}



.footer-links a {

  color: #ccc;

  font-size: 13px;

  text-decoration: none;

  transition: color 0.2s;

}



.footer-links a:hover {

  color: #ff9500;

}



@media (max-width: 1024px) {

  .footer-container {

    flex-direction: column;

    align-items: center;

    gap: 18px;

  }

  .footer-left,

  .footer-right {

    align-items: center;

    min-width: unset;

  }

  .footer-right {

    margin-top: 8px;

  }

  .footer-center-logos {

    margin: 12px 0;

    flex-direction: column;

  }

}



@media (max-width: 600px) {

  .main-footer {

    font-size: 12px;

    padding: 12px 0 4px 0;

  }

  .footer-container {

    flex-direction: column;

    align-items: center;

    padding: 0 8px;

    gap: 10px;

  }

  .footer-logo img {

    height: 28px;

  }

  .footer-site-name {

    font-size: 18px;

  }

  .footer-nav ul {

    gap: 16px;

    flex-direction: column;

  }

  .footer-nav li:not(:last-child)::after {

    margin-left: 16px;

  }

  .footer-center-logos {

    gap: 12px;

    margin: 8px 0;

  }

  .footer-center-logos img {

    height: 18px;

  }

  .footer-right {

    min-width: unset;

    margin-top: 4px;

  }

  .footer-links a {

    font-size: 11px;

  }

}



.third-conteiner {

  margin-bottom: 0;

}



.privacy-policy-container {

  background: #fff;

  color: #222;

  border-radius: 16px;

  padding: 32px;

  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.04);

  max-width: 900px;

  margin: 0 auto;

}



.container-privacy-policy {

  padding: 60px 0 40px 0;

  min-height: 60vh;

}



.privacy-policy-title {

  font-size: 2.5rem;

  font-weight: 700;

  margin-bottom: 24px;

  color: #ff9500;

}



.container-terms-of-service {

  padding: 60px 0 40px 0;

  min-height: 60vh;

}



.terms-of-service-title {

  font-size: 2.5rem;

  font-weight: 700;

  margin-bottom: 24px;

  color: #ff9500;

  text-align: center;

}



.terms-of-service-container {

  background: #fff;

  color: #222;

  border-radius: 16px;

  padding: 32px;

  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.04);

  max-width: 900px;

  margin: 0 auto;

}



.privacy-policy-title {

  text-align: center;

}