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

    body,
    html {
      height: 100%
    }

    body,
    html,
    main {
      font-family: Verdana, sans-serif
    }

    main {
      display: flex;
      flex-direction: column;
      min-height: 100vh;
      background: #f0f5fa
    }

    main figcaption,
    main h1,
    main h2,
    main h3,
    main h4,
    main h5,
    main li,
    main p,
    main span {
      color: #232328;
      font-family: Verdana, sans-serif
    }

    main .faq-container,
    main .general-table-wrapper,
    main figure,
    main h1,
    main h2,
    main h3,
    main h4,
    main h5,
    main h6,
    main ol,
    main p,
    main ul {
      margin: 0 auto;
      width: calc(100% - 280px)
    }

    main .general-table-wrapper {
      border: 1px solid #e03d23;
      border-radius: 18px;
      margin-bottom: 15px
    }

    main figure {
      margin: 0 auto 20px
    }

    main p {
      font-size: 16px;
      line-height: 20px;
      font-weight: 400;
      line-height: normal
    }

    main .wrapper {
      width: calc(100% - 280px);
      margin: 0 auto
    }

    body {
      overflow-x: hidden;
      position: relative;
      background: #f0f5fa
    }

    a {
      text-decoration: none;
      transition: .3s
    }

    button,
    input,
    table,
    tbody,
    td,
    thead,
    tr {
      font-family: Verdana, sans-serif
    }

    button,
    input {
      border: none;
      box-shadow: none;
      transition: .3s
    }

    input {
      outline: none
    }

    a,
    li,
    p,
    span {
      font-size: 18px;
      line-height: normal
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      text-align: center;
      padding: 15px 0;
      color: #1e1e24
    }

    h1 {
      font-size: 22px;
      font-weight: 700;
      line-height: normal;
      letter-spacing: 1.32px
    }

    h2 {
      font-size: 20px;
      line-height: 24px
    }

    h3 {
      font-size: 18px;
      line-height: 20px
    }

    h4 {
      font-size: 16px;
      line-height: 18px
    }

    h5,
    h6 {
      font-size: 14px;
      line-height: 16px
    }

    a,
    b,
    button,
    figcaption,
    h1,
    h2,
    h3,
    i,
    input,
    label,
    li,
    p,
    span,
    td,
    tr {
      color: #1e1e24
    }

    p {
      padding-bottom: 20px
    }

    li {
      list-style: none
    }

    button {
      cursor: pointer;
      background: transparent
    }

    img {
      display: block
    }

    i {
      font-style: normal
    }

    #__next {
      min-height: 100%;
      display: flex;
      flex-direction: column
    }

    .content {
      position: relative;
      flex-grow: 1;
      padding-top: 0
    }

    .content .content-block {
      margin-bottom: 20px;
      border-radius: 20px;
      background: transparent
    }

    .content .general-ol {
      display: flex;
      justify-content: space-between;
      flex-direction: column;
      margin-bottom: 20px;
      counter-reset: counter-ol;
      padding-left: 20px
    }

    .content .general-ol li {
      position: relative;
      padding-left: 10px;
      margin-bottom: 10px;
      counter-increment: counter-ol
    }

    .content .general-ol li:before {
      position: absolute;
      content: counter(counter-ol) ".";
      display: flex;
      align-items: center;
      justify-content: center;
      width: 26px;
      height: 26px;
      border-radius: 50%;
      top: -2px;
      left: -26px;
      font-size: 18px
    }

    .content .general-ul {
      display: flex;
      justify-content: space-between;
      flex-direction: column;
      margin-bottom: 20px
    }

    .content .general-ul li {
      position: relative;
      padding-bottom: 10px;
      padding-left: 15px
    }

    .content .general-ul li:before {
      content: no-open-quote;
      position: absolute;
      width: 5px;
      height: 5px;
      left: 0;
      top: 10px;
      background-color: #232328;
      border-radius: 50%
    }

    .pageError {
      min-height: calc(100vh - 70px)
    }

    .buttons {
      display: flex;
      align-items: center
    }

    .imgWrap {
      display: block;
      position: relative
    }

    figure {
      margin-bottom: 20px;
      text-align: center
    }

    figure span {
      height: 50%;
      width: 100%;
      position: absolute;
      left: 0;
      top: -50%
    }

    figcaption {
      color: #1e1e24;
      font-size: 14px
    }

    .general-image {
      max-width: 100%;
      display: block;
      border-radius: 15px;
      max-height: 500px;
      width: auto;
      height: auto;
      margin: 0 auto 10px auto;
    }

    .general-image.vertical {
      max-height: 500px;
      max-width: 70%
    }

    .general-image.horizontal {
      max-width: 100%
    }

    .general-table {
      border-collapse: collapse;
      width: 100%;
      overflow: hidden;
      text-align: center;
      font-size: 14px;
      line-height: 18px;
      margin: 0 auto;
      border-radius: 18px
    }

    .general-table thead {
      background: #fb4d00
    }

    .general-table .general-tr {
      background: transparent
    }

    .general-table .general-tr .general-td {
      text-align: start;
      color: #0e121c;
      font-size: 16px;
      line-height: 20px;
      background-color: #fff;
      padding: 16px 16px 16px 20px;
      border-bottom: 1px solid #e03d23;
      border-left: 1px solid #e03d23
    }
    .general-table .general-tr .general-td a {
        color: #fb4c01;
        font-size: 16px;
      } 
      .general-table .general-tr .general-td a:hover {
        text-decoration: underline;
      }

    .general-table .general-tr .general-td:first-child {
      border-left: none
    }

    .general-table .general-tr:last-child .general-td {
      border-bottom: none
    }

    .general-table thead tr th {
      padding: 16px;
      color: #fff;
      font-size: 20px;
      font-weight: 700;
      border-right: 1px solid #181616
    }

    .general-table thead tr th:first-child {
      border-right: 1px solid #181616;
      border-left: 1px solid #fb4d00
    }

    .general-table thead tr th:last-child {
      border-right: 1px solid #fb4d00
    }

    .faq-container .faq-item {
      position: relative;
      min-height: 54px;
      margin: 0 auto 20px;
      background-color: #fff;
      z-index: 5;
      border-radius: 26px;
      transition: all .4s ease
    }

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

    .faq-container .faq-item:hover .icon:after,
    .faq-container .faq-item:hover .icon:before {
      background: #0e121c
    }

    .faq-container .faq-item:hover {
      border-color: #0e121c
    }

    .faq-container .faq-item:hover .faq-question {
      color: #0e121c
    }

    .faq-container .faq-question {
      color: #0e121c;
      position: relative;
      padding-bottom: 0;
      font-weight: 700;
      font-size: 18px;
      top: 15px;
      width: 96%;
      line-height: 22px;
      padding-right: 25px
    }

    .faq-container .faq-answer {
      width: 96%;
      padding: 10px 0 22px;
      height: 0;
      overflow: hidden;
      z-index: -1;
      position: relative;
      opacity: 0;
      top: 10px;
      color: #fff
    }

    .faq-container .icon {
      height: 18px;
      position: absolute;
      width: 18px;
      right: 25px;
      top: 25px;
      z-index: 2
    }

    .faq-container .icon:after,
    .faq-container .icon:before {
      background: #0e121c;
      content: no-open-quote;
      height: 4px;
      right: 0;
      position: absolute;
      top: 0;
      width: 18px;
      transition: transform .4s ease
    }

    .faq-container .toggle {
      margin: 0;
      cursor: pointer;
      top: 0;
      z-index: 3
    }

    .faq-container .bg-active,
    .faq-container .toggle {
      width: 100%;
      height: 100%;
      opacity: 0;
      position: absolute
    }

    .faq-container .bg-active {
      background-color: #fb4d00;
      border-radius: 26px;
      z-index: -1
    }

    .faq-container .toggle:checked~.bg-active {
      opacity: 1
    }

    .faq-container .toggle:checked~.icon:after,
    .faq-container .toggle:checked~.icon:before {
      background: #fff
    }

    .faq-container .toggle:checked~.faq-question {
      color: #fff
    }

    .faq-container .toggle:not(:checked)~.icon:before {
      transform: rotate(180deg)
    }

    .faq-container .toggle:not(:checked)~.icon:after {
      transform: rotate(90deg)
    }

    .faq-container .toggle:checked~.faq-answer {
      height: auto;
      opacity: 1;
      z-index: 2
    }

    .columns {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin: 0 auto;
      width: 80%
    }

    .columns .general-ol,
    .columns .general-ul {
      padding-left: 0;
      width: 90%
    }

    .columns p {
      width: 100%
    }

    .columns .column {
      width: 48%
    }

    .columns .column-header {
      padding-top: 0;
      text-align: left
    }

    .columns .column-p {
      position: relative;
      margin-left: 15px;
      padding-left: 25px
    }

    .columns .column-p:before {
      content: no-open-quote;
      position: absolute;
      width: 20px;
      height: 20px;
      background-image: url(/list.svg);
      background-repeat: no-repeat;
      background-size: cover;
      left: 0;
      top: 8px
    }

    .table_of_contents_wrapper {
      max-width: 1128px;
      width: 96%;
      margin: 20px auto
    }

    .table_of_contents {
      max-width: 400px;
      border-radius: 8px;
      border: 1px solid #c01414
    }

    .table_of_contents .toggle {
      display: none
    }

    .table_of_contents .lbl-toggle {
      display: inline-block;
      font-weight: 600;
      font-size: 13px;
      text-transform: uppercase;
      text-align: center;
      padding: 10px;
      color: #fff;
      background: #c01414;
      width: 100%;
      cursor: pointer;
      border-radius: 7px;
      transition: all .25s ease-out
    }

    .table_of_contents .table_box {
      max-height: 0;
      overflow: hidden;
      transition: max-height .25s ease-in-out;
      display: flex;
      width: 100%;
      max-width: 500px;
      flex-direction: column
    }

    .table_of_contents .toggle:checked+.lbl-toggle+div {
      max-height: 1000px;
      padding: 20px;
      background: #181616;
      border-radius: 8px;
      gap: 20px
    }

    .table_of_contents .table_link {
      position: relative;
      padding-left: 15px;
      font-weight: 500;
      font-size: 18px;
      line-height: 22px;
      color: #fff
    }

    .table_of_contents .table_link:hover {
      color: #e13d22
    }

    .content404Page.wrapper {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      max-width: 100%;
      width: 100%;
      background: #002f5a
    }

    .content404Page.wrapper .content404 {
      display: flex;
      flex-direction: column;
      width: 280px
    }

    .content404Page.wrapper .content404 img {
      display: block;
      margin: 0 auto
    }

    .content404Page.wrapper .content404 h1 {
      color: #fff
    }

    .content404Page.wrapper .content404 button {
      position: relative;
      background: #fff;
      padding: 10px 24px;
      border-radius: 48px;
      font-size: 16px;
      line-height: 22px;
      font-weight: 700;
      color: #fff;
      background: linear-gradient(180deg, #f95016, #ec3c15)
    }

    .contentMap {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 100vh;
      max-width: 100%;
      width: 100%;
      background: #205685
    }

    .contentMap h1 {
      text-align: left;
      color: #1e1e24;
      margin-bottom: 64px
    }

    .contentMap .sitemapLinks {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      max-width: 640px
    }

    .contentMap .sitemapLinks a {
      display: inline-block;
      color: #fff;
      margin: 0 auto 12px;
      position: relative
    }

    .contentMap .sitemapLinks a:before {
      position: absolute;
      left: -16px;
      top: 10px;
      content: no-open-quote;
      width: 8px;
      height: 8px;
      background: #fff;
      border-radius: 50%
    }

    .contentMap .sitemapLinks a:hover {
      color: #92c637
    }

    .img-overlay {
      position: fixed;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background: rgba(0, 0, 0, .7);
      transition: opacity .5s;
      visibility: hidden;
      opacity: 0;
      z-index: 1;
      display: flex;
      align-items: center;
      justify-content: center
    }

    .img-overlay:target {
      visibility: visible;
      opacity: 1
    }

    .img-overlay .img-popup {
      margin: 70px auto;
      padding: 20px;
      border-radius: 5px;
      width: 100%;
      position: relative;
      transition: all 5s ease-in-out
    }

    .img-overlay .img-popup.horizontal {
      aspect-ratio: 1/.2
    }

    .img-overlay .img-popup.vartical {
      aspect-ratio: .5/1
    }

    .button-block {
      padding: 24px 16px;
      text-align: center;
      margin: 10px 0;
      background-color: transparent
    }

    .button-block button {
      position: relative;
      overflow: hidden;
      width: 770px;
      max-width: 100%;
      padding: 16px 34px;
      color: #fff;
      font-size: 24px;
      font-weight: 700;
      line-height: 26px;
      text-transform: uppercase;
      border-radius: 8px;
      background: #fb4d00;
      box-shadow: 0 0 12px 0 rgba(11, 54, 0, .16)
    }

    .button-block button:after,
    .button-block button:before {
      position: absolute;
      content: no-open-quote;
      background-repeat: no-repeat;
      background-size: cover
    }

    .button-block button:after {
      width: 78px;
      height: 52px;
      background-image: url(/circle_1.svg);
      left: 0;
      top: 0
    }

    .button-block button:before {
      width: 135px;
      height: 68px;
      background-image: url(/circle_2.svg);
      right: -30px;
      bottom: 0
    }

    .quote {
      position: relative;
      margin: 30px auto 40px;
      width: 96%;
      max-width: 600px;
      border-radius: 12px;
      background: #fb4d00
    }

    .quote p {
      padding: 40px;
      width: 100%;
      text-align: center;
      font-size: 14px;
      line-height: 18px;
      font-weight: 500;
      color: #fff
    }

    .quote:after,
    .quote:before {
      position: absolute;
      content: no-open-quote;
      width: 24px;
      height: 20px;
      background-image: url(/quote-icon-orange.svg);
      background-repeat: no-repeat;
      background-size: cover
    }

    .quote:after {
      left: -5px;
      top: -10px
    }

    .quote:before {
      right: -5px;
      bottom: -10px;
      transform: rotate(180deg)
    }

    .reviews {
      max-width: 1128px;
      margin: 0 auto;
      width: 96%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between
    }

    .reviews .review {
      padding: 20px 20px 0;
      border-radius: 20px;
      border: 1px solid #000;
      border-left: 5px solid #df0000;
      margin-bottom: 20px;
      width: 48%
    }

    .reviews .review p {
      max-width: 100%;
      width: 100%
    }

    .reviews .review .name {
      font-weight: 700
    }

    .reviews .review .date {
      color: rgba(0, 0, 0, .5)
    }

    .reviews .review .answer {
      padding-left: 10px;
      border-left: 1px solid rgba(0, 0, 0, .5);
      padding-bottom: 0;
      margin-bottom: 20px
    }

    .slots-wrapper {
      background: #000;
      margin-bottom: 30px
    }

    .slots-wrapper .slots-list {
      max-width: 1128px;
      margin: 0 auto;
      width: 96%;
      display: flex;
      justify-content: center;
      flex-wrap: wrap
    }

    .slots-wrapper .slots-list .slot {
      position: relative;
      border-radius: 4px;
      width: 300px;
      height: 188px;
      margin: 20px
    }

    .slots-wrapper .slots-list .slot .slot-text {
      position: absolute;
      bottom: 10px;
      left: 0;
      width: 100%;
      background: rgba(0, 0, 0, .7);
      padding: 5px 0
    }

    .slots-wrapper .slots-list .slot .slot-text p {
      color: #fff;
      text-align: center;
      font-size: 16px;
      z-index: 3;
      position: relative;
      padding-bottom: 0
    }

    .slots-wrapper .slots-list .slot .slot-img {
      overflow: hidden;
      border-radius: 4px;
      position: relative
    }

    .slots-wrapper .slots-list .slot .slot-img img {
      display: block;
      width: 100%;
      height: 100%
    }

    .slots-wrapper .slots-list .slot .slot-img amp-img {
      object-fit: cover
    }

    .slots-wrapper .slots-list .slot .slot-back {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border-radius: 4px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      overflow: hidden;
      background-color: rgba(0, 0, 0, .4);
      z-index: 2
    }

    .slots-wrapper .slots-list .slot .slot-back .slot-review {
      padding: 16px 20px;
      color: #fff;
      font-size: 18px;
      font-weight: 700;
      line-height: 22px;
      text-transform: uppercase;
      border-radius: 50px;
      background: #a91704;
      transition: .4s
    }

    .slots-wrapper .slots-list .slot .slot-back .slot-review:hover {
      background: linear-gradient(135deg, #df0000, #a10000)
    }

    .slots-wrapper .slots-list .slot .slot-back .toggle {
      display: none
    }

    .slots-wrapper .slots-list .slot .slot-back .lbl-toggle {
      display: inline-block;
      font-weight: 600;
      font-size: 13px;
      text-transform: uppercase;
      text-align: center;
      padding: 10px;
      color: #fff;
      background: #df0000;
      cursor: pointer;
      border-radius: 7px;
      transition: all .25s ease-out
    }

    .slots-wrapper .slots-list .slot .slot-back .lbl-toggle:hover {
      background: linear-gradient(135deg, #df0000, #a10000)
    }

    .slots-wrapper .slots-list .slot .slot-back .toggle:checked+.lbl-toggle {
      display: none
    }

    .slots-wrapper .slots-list .slot .slot-back .slot-box {
      max-height: 0;
      overflow: hidden;
      transition: max-height .25s ease-in-out;
      display: flex;
      width: 100%;
      max-width: 500px;
      flex-direction: column
    }

    .slots-wrapper .slots-list .slot .slot-back .slot-box a {
      text-align: center;
      padding: 10px;
      background: #df0000;
      width: 48%;
      color: #fff;
      border-radius: 8px
    }

    .slots-wrapper .slots-list .slot .slot-back .slot-box button {
      width: 48%;
      border: 1px solid #fff;
      border-radius: 8px;
      color: #fff;
      font-size: 18px
    }

    .slots-wrapper .slots-list .slot .slot-back .slot-box button:hover {
      color: #a91704;
      border: 1px solid #a91704;
      background: #fff
    }

    .slots-wrapper .slots-list .slot .slot-back .toggle:checked+.lbl-toggle+div {
      max-height: 300px;
      background: #000;
      padding: 20px 10px;
      display: flex;
      flex-direction: row;
      justify-content: space-between
    }

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

      main .faq-container,
      main .general-table-wrapper,
      main .wrapper,
      main figure,
      main h1,
      main h2,
      main h3,
      main h4,
      main h5,
      main h6,
      main ol,
      main p,
      main ul {
        width: calc(100% - 32px)
      }

      .general-image { 
        width: 100%;
      }

      main .wrapper {
        padding: 0 10px
      }

      main .general-table-wrapper {
        overflow: scroll
      }

      h1 {
        font-size: 26px;
        line-height: 30px
      }

      h2 {
        font-size: 22px;
        line-height: 32px
      }

      h3 {
        font-size: 20px;
        line-height: 30px
      }

      h4 {
        font-size: 18px;
        line-height: 28px
      }

      h5,
      h6 {
        font-size: 16px;
        line-height: 26px
      }

      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
        padding: 10px 0
      }

      .general-table .general-tr .general-td {
        padding-left: 10px;
        padding-right: 10px
      }

      .content .contentMain,
      .content .general-ol li,
      .content .general-ul li {
        width: 100%
      }

      .columns {
        flex-wrap: wrap
      }

      .columns .column {
        width: 100%
      }

      .column-p {
        margin-left: 0
      }

      .button-block button {
        padding: 14px 5px
      }

      .quote {
        width: calc(100% - 32px)
      }

      .faq-container .faq-item {
        border-radius: 14px
      }

      .faq-container .faq-question {
        width: 100%;
        padding-left: 20px;
        padding-right: 30px
      }

      .faq-container .faq-answer {
        width: 100%;
        padding-left: 20px
      }

      .faq-container .bg-active {
        border-radius: 14px
      }

      .faq-container .icon {
        right: 15px
      }
    }

    @media screen and (max-width:600px) {
      .reviews .review {
        width: 100%
      }
    }

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

      .general-table,
      .general-table-wrapper {
        max-width: 100%
      }
      .general-table .general-tr .general-td {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 14px;
    }

      .general-table .general-tr .general-td a {
        font-size: 14px;
       } 

    }

    .icon {
      position: relative;
      width: 28px;
      height: 28px
    }

    .icon span {
      position: absolute;
      display: block;
      width: 100%;
      height: 1px;
      background-color: #fff;
      transition: all .3s ease
    }

    .icon span:first-child {
      top: 5px
    }

    .icon span:nth-child(2) {
      top: 47%
    }

    .icon span:nth-child(3) {
      bottom: 50%
    }

    .icon span:nth-child(4) {
      bottom: 5px
    }

    .header {
      border-radius: 30px;
      background: #002f5a;
      min-height: 60px;
      position: fixed;
      top: 20px;
      left: 50%;
      right: 0;
      width: calc(100% - 280px);
      z-index: 10;
      padding: 0;
      transform: translate(-50%)
    }

    .header .headerInner {
      position: relative;
      top: 14px;
      padding: 0 40px;
      height: 100%
    }

    .header .headerInner .headerWrapper {
      display: flex;
      align-items: center;
      justify-content: space-between
    }

    .header .headerInner .logo {
      position: relative;
      left: 130px
    }

    .header .headerInner .toggle {
      width: 28px;
      height: 28px;
      left: 40px;
      top: 4px;
      margin: 0;
      opacity: 0;
      cursor: pointer;
      position: absolute;
      z-index: 3
    }

    .header .headerInner .toggle:checked~.headerWrapper .icon span:first-child {
      transform: scaleX(0)
    }

    .header .headerInner .toggle:checked~.headerWrapper .icon span:nth-child(2) {
      transform: rotate(45deg)
    }

    .header .headerInner .toggle:checked~.headerWrapper .icon span:nth-child(3) {
      transform: rotate(-45deg)
    }

    .header .headerInner .toggle:checked~.headerWrapper .icon span:nth-child(4) {
      transform: scaleX(0)
    }

    .header .headerInner .toggle:checked~.menu {
      height: 100%;
      opacity: 1;
      padding-bottom: 40px;
      padding-top: 37px
    }
	
	.header .headerInner .toggle:checked~.menu a {
		display:block;
	}

    .header .headerInner .logo a {
      display: block
    }

    .header .headerInner .logo .ampLogo {
      position: relative
    }

    .header .headerInner .logo .ampLogo button {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%
    }

    .header .headerInner .menu {
      height: 0;
      opacity: 0;
      display: flex;
      align-items: center;
      flex-direction: column;
      gap: 28px;
      transition: all .3s ease
    }

    .header .headerInner .menu a {
      text-align: center;
      color: #fff;
      font-size: 20px;
      font-weight: 700;
      line-height: 22px;
      text-transform: uppercase;
	  display:none;
    }

    .header .headerInner .menu a.active,
    .header .headerInner .menu a:hover {
      color: #fb4d00
    }

    .buttons .logButton {
      background: #04447e;
      margin-right: 10px;
    }

    .buttons .logButton,
    .buttons .regButton {
      padding: 5px 24px;
      font-size: 16px;
      line-height: 22px;
      font-weight: 700;
      color: #fff;
      border-radius: 48px;
  
    }

    .buttons .regButton {
      position: relative;
      margin-right: 20px;
      background: #fff;
      background: linear-gradient(180deg, #f95016, #ec3c15)
    }

    @media screen and (max-width:1250px) {
      .header {
        width: calc(100% - 32px)
      }

      .header .headerInner {
        padding: 0 16px
      }

      .header .headerInner .toggle {
        left: 16px;
        top: 3px
      }

      .header .headerInner .logo {
        left: 70px
      }

      .header .buttons .regButton {
        margin-right: 0
      }

      .header .buttons .logButton {
        display: none
      }

      .header .buttons .logButton,
      .header .buttons .regButton {
        font-size: 16px
      }
    }

    @media screen and (max-width:660px) {
      .header .headerInner .logo {
        left: 0
      }
    }

    @media screen and (max-width:390px) {
      .header .buttons .regButton {
        padding: 5px 10px;
        font-size: 12px
      }

      .header .logo {
        width: 90px
      }
      .header .headerInner .logo a img {
        width: 100px;
      }
      .icon { 
        width: 20px;
        height: 20px;
      }
    }

    .advantages {
      padding: 20px 0
    }

    .advantages ul {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 40px
    }

    .advantages ul li {
      width: 300px;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 12px
    }

    .advantages ul li img {
      width: 60px;
      height: 60px
    }

    .advantages ul li p {
      width: 100%;
      padding-bottom: 0;
      text-align: center;
      font-size: 18px;
      font-weight: 500;
      line-height: 24px;
      height: 65px
    }

    @media (max-width:1250px) {
      .advantages {
        overflow-x: scroll;
        flex-wrap: nowrap
      }

      .advantages ul li {
        max-width: 160px;
        flex: 0 0 auto
      }
    }

    .mirror-block {
      max-width: 600px;
      margin: 0 auto 20px;
      width: 96%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 20px 0;
      background-color: #fb4d00;
      border-radius: 16px
    }

    .mirror-block img {
      margin-bottom: 16px;
      width: 60px;
      height: 60px
    }

    .mirror-block span {
      color: #fff;
      text-align: center;
      margin-bottom: 8px;
      font-size: 20px;
      font-weight: 700;
      line-height: 24px
    }

    .mirror-block p {
      margin-bottom: 20px;
      padding-bottom: 0;
      text-align: center;
      font-size: 16px;
      font-weight: 400;
      line-height: 20px;
      color: #fff
    }

    .mirror-block p span {
      font-size: inherit;
      font-weight: inherit;
      line-height: inherit;
      color: #fff
    }

    .mirror-block button {
      max-width: 400px;
      width: 100%;
      color: #fb4d00;
      font-size: 18px;
      font-weight: 500;
      line-height: 22px;
      padding: 12px 24px;
      border-radius: 52px;
      background: #fff
    }

    @media (max-width:1250px) {
      .mirror-block button {
        padding: 12px 24px
      }
    }

    @media (max-width:630px) {
      .mirror-block {
        padding: 20px;
        width: calc(100% - 32px)
      }
    }

    .cupon-banner {
      max-width: 600px;
      width: 96%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 40px 15px;
      background-color: #fb4d00;
      border-radius: 26px;
      margin: 0 auto 20px
    }

    .content-side {
      width: 100%
    }

    .content-side__title {
      padding-bottom: 0;
      width: 100%;
      margin: 0 0 20px;
      color: #fff;
      text-align: center;
      font-size: 28px;
      font-weight: 700;
      line-height: 28px
    }

    .content-side__promocode {
      display: flex;
      width: 100%
    }

    .content-side__promocode-button {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 68px;
      border-radius: 0 52px 52px 0;
      background: #fff;
      cursor: pointer
    }

    .content-side__promocode-copy {
      width: 100%;
      padding: 12px;
      text-align: center;
      color: #fff;
      font-size: 18px;
      font-weight: 700;
      line-height: 22px;
      border-radius: 52px 0 0 52px;
      border: 2px solid #fff
    }

    @media (max-width:630px) {
      .promo-block {
        width: calc(100% - 32px)
      }

      .content-side__title {
        max-width: 300px;
        margin: 0 auto 20px;
        font-size: 24px
      }
    }

    .bannerApp .bannerAppWripper {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      max-width: 1128px;
      margin: 0 auto
    }

    .bannerApp .bannerAppInfo {
      display: flex;
      flex-direction: column;
      gap: 30px
    }

    .bannerApp .bannerAppInfo p {
      padding-bottom: 0;
      color: #fff;
      font-size: 80px;
      font-weight: 700;
      line-height: 80px;
      text-transform: uppercase;
      width: 100%
    }

    .bannerApp .bannerAppBtns {
      display: flex;
      align-items: center;
      gap: 20px
    }

    .bannerApp .bannerAppBtns button {
      position: relative;
      padding: 18px 14px 40px 40px;
      width: 340px;
      color: #2f5fdc;
      font-size: 18px;
      font-weight: 500;
      line-height: 22px;
      border-radius: 12px;
      background: #fff;
      box-shadow: 0 0 8px 0 rgba(41, 114, 199, .45);
      text-align: left
    }

    .bannerApp .bannerAppBtns button:before {
      position: absolute;
      content: no-open-quote;
      width: 18px;
      height: 18px;
      top: 18px;
      left: 14px;
      background-image: url(/uploads/img/android-logo.svg);
      background-repeat: no-repeat;
      background-size: cover
    }

    .bannerApp .bannerAppBtns button:hover {
      color: #fff;
      background: #2f5fdc;
      box-shadow: 0 0 8px 0 rgba(41, 114, 199, .45)
    }

    .bannerApp .bannerAppBtns button:hover:before {
      background-image: url(/uploads/img/android_white.svg)
    }

    .bannerApp .bannerAppBtns button:after {
      content: open-quote 158003 скачиваний close-quote;
      position: absolute;
      top: 44px;
      left: 15px
    }

    .bannerApp .bannerAppBtns .ios-btn:before {
      background-image: url(/uploads/img/apple.svg);
      left: 14px
    }

    .bannerApp .bannerAppBtns .ios-btn:after {
      content: open-quote 35356 скачиваний close-quote;
      position: absolute;
      top: 44px;
      left: 15px
    }

    .bannerApp .bannerAppBtns .ios-btn:hover:before {
      background-image: url(/uploads/img/apple_white.svg)
    }

    .bannerApp .bannerAppImg {
      margin-top: -30px
    }

    .bannerApp {
      margin-top: 130px;
      background: url(/uploads/img/app_banner_bg.webp) no-repeat;
      background-size: cover
    }

    @media screen and (max-width:1250px) {
      .bannerApp {
        margin-top: 110px
      }

      .bannerApp .bannerAppWripper {
        padding: 0 20px;
        justify-content: center
      }

      .bannerApp .bannerAppInfo {
        align-items: flex-start;
        gap: 10px;
        padding: 15px 10px 15px 0
      }

      .bannerApp .bannerAppInfo p {
        max-width: 250px;
        margin: 0;
        font-size: 26px;
        line-height: normal
      }

      .bannerApp .bannerAppImg {
        margin-top: 15px;
        width: 105px;
        height: 214px
      }

      .bannerApp .bannerAppImg img {
        width: 200%;
        height: 100%
      }

      .bannerApp .bannerAppBtns {
        flex-direction: column;
        gap: 10px
      }

      .bannerApp .bannerAppBtns button {
        padding: 10px 14px 30px 30px;
        width: 280px;
        font-size: 14px;
        line-height: 18px;
        border-radius: 8px
      }

      .bannerApp .bannerAppBtns button:before {
        top: 10px;
        left: 8px
      }

      .bannerApp .bannerAppBtns button:after {
        left: 11px;
        top: 30px
      }

      .bannerApp .bannerAppBtns .ios-btn:after {
        left: 30px;
        top: 30px
      }

      .bannerApp .bannerAppBtns .ios-btn:before {
        left: 8px
      }
    }

    @media screen and (max-width:550px) {
      .bannerApp {
        position: relative
      }

      .bannerApp .bannerAppWripper {
        justify-content: flex-start
      }

      .bannerApp .bannerAppWripper .bannerAppImg {
        position: absolute;
        right: 5px;
        bottom: 0;
        display: none
      }

      .bannerApp .bannerAppWripper .bannerAppInfo {
        width: 200px
      }
    }

    @media screen and (max-width:490px) {
      .bannerApp .bannerAppBtns button {
        width: 180px
      }

      .bannerApp .bannerAppBtns button:after {
        top: 35px
      }

      .bannerApp .bannerAppBtns .ios-btn:after {
        top: 35px;
        left: 10px
      }
    }

    @media screen and (max-width:360px) {
      .bannerApp .bannerAppInfo p {
        font-size: 22px
      }
    }

    .breadcrumbs {
      display: flex;
      align-items: center;
      padding-top: 25px;
      overflow-x: hidden
    }

    .breadcrumbs a {
      color: #fb4d00;
      font-size: 14px
    }

    .breadcrumbs a:hover {
      text-decoration: none
    }

    .breadcrumbs .last {
      position: relative;
      margin-left: 10px;
      font-size: 14px
    }

    .breadcrumbs a:after {
      display: inline-block;
      width: 11px;
      height: 11px;
      background-image: url(/arrow-right.svg);
      background-size: cover;
      background-repeat: no-repeat;
      margin-left: 10px;
      content: no-open-quote
    }

    @media screen and (max-width:1250px) {
      .breadcrumbs.wrapper {
        margin-top: 15px
      }
    }
    .mainBanner {
  height: 408px;
  margin-bottom: 50px;
  margin-top:  91px;
  background: #060407;
  position: relative;
  }
  .mainBanner .mainBannerButton {
    position: absolute;
    bottom: 52px;
    left: 0;
    display: flex;
    justify-content: center;
    width: 100%;
    z-index: 2;
  }
  .mainBanner .mainBannerButton  button {
    width: 400px;
    padding: 26px 24px;
    border-radius: 52px;
    text-transform: uppercase;
    border: 1px solid #FDC19F;
    background: linear-gradient(92deg, #F95117 0%, #F66F35 100%);
    box-shadow: 0px 0px 12px 0px rgba(255, 46, 0, 0.26);
    transition: 0.4s;
    color: #FFF;
    font-family: Verdana;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
  }
    .mainBannerInner {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  position: relative;
    }
  .mainBannerInner .mainBannerText {
    text-align: center;
    padding-top: 53px;
    height: 100%;
    position: relative;
    z-index: 2;
  }
  .mainBannerInner .mainBannerText  p {
      width: 100%;
      padding-bottom: 0;
    }
  
  .textFirst {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 14px;
    justify-content: center;
    display: flex;    
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 1.5px;
  }
  .textSecond {
    display: flex;
    justify-content: center;
    color: #FFF;
    font-size: 120px;
    font-style: normal;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    width: 100%;
  }
  .textSecond span {
      color: rgba(248, 97, 43, 1);
      font-size: 120px;
      font-style: normal;
      font-weight: 800;
      line-height: 1;
      letter-spacing: 1.2px;
      text-transform: uppercase;
    }

  .textThird {
    color: #fff;
    font-family: Verdana;
    font-size: 35px;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 2.1px;
    text-transform: uppercase;
    justify-content: center;
    display: flex;
  }

  .mainBannerInner:before {
    content: no-open-quote;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(/uploads/img/left.webp)no-repeat;
    background-size: cover;
    width: 752px;
    height: 407px;
  }
  .mainBannerInner:after {
    content: no-open-quote;
    position: absolute;
    bottom: 0;
    right: 0;
    background: url(/uploads/img/right.webp)no-repeat;
    background-size: cover;
    width: 752px;
    height: 407px;
  }

@media (max-width: 1250px) {
  .mainBanner {
    height: 142px;
    margin: 90px 0 30px 0;
  }
  .mainBanner .mainBannerButton {
      bottom: -30px;
  }
  .mainBanner .mainBannerButton button {
      padding: 18px 0px;
      max-width: 300px;
      width: 97%;
    }
  
    .mainBannerInner .mainBannerText  {
      padding-top: 0;
    }
    .textFirst {
      font-size: 12px;
      font-weight: 500;
      letter-spacing: 0.66px;
      line-height: normal;
      display: flex;
      justify-content: center;
    }
    .textSecond  {
      justify-content: center;
      font-size: 52px;
      line-height: 52px;
      letter-spacing: 0.52px;
    }
    .textSecond  span {
        font-size: 52px;
        line-height: 52px;
        letter-spacing: 0.52px;
    }
  
    .textThird {
      display: flex;
      justify-content: center;
      font-size: 15px;
      letter-spacing: 0.9px;
      line-height: normal;
      text-wrap: wrap;
      margin-bottom: 12px;
    }
      .mainBannerInner:before {
        width: 262px;
        height: 142px;
      }
      .mainBannerInner:after {
        width: 262px;
        height: 142px;
      }
      .textThird {
        margin-bottom: 15px;
      }
      .mainBannerText p {
        margin: 6px;
      }
}
@media (max-width: 930px) {
    .mainBanner  button {
      width: 100%;
      padding: 12px 15px;
      font-size: 16px; 
    }
}
@media (max-width: 590px) {
    .mainBannerInner .mainBannerText {
      max-width: 265px;
    }
    .mainBannerInner:after  {
      right: -70px;      
    }
    .mainBannerInner:before{
      left: -55px;
    }
}
@media (max-width: 320px) {
    .mainBannerInner:after {
      display: none;
    }
}

    .burger {
      display: none;
      position: relative
    }

    .mobileMenu {
      position: fixed;
      top: 0;
      right: 0;
      display: block;
      z-index: 5;
      background: #e13d22;
      width: 100%;
      max-width: 350px;
      min-height: 100vh;
      padding: 30px 20px;
      transition: right .8s
    }

    .mobileMenu .buttons {
      display: block;
      margin-top: 32px
    }

    .mobileMenu .buttons button {
      display: block;
      margin: 0 auto 12px;
      width: 50%
    }

    .mobileMenu[hidden] {
      right: -200%
    }

    .mobileMenu .mobileMenuTop {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 75px
    }

    .mobileMenu .mobileMenuLinks {
      display: flex;
      flex-direction: column;
      gap: 28px
    }

    .mobileMenu .mobileMenuLinks a {
      color: #fff;
      font-size: 20px;
      text-align: center;
      font-weight: 700;
      line-height: 22px;
      text-transform: uppercase
    }

    .mobileMenu .mobileMenuLinks a:active {
      color: #181616
    }

    .overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100vh;
      background: rgba(0, 0, 0, .5);
      z-index: 1;
      display: block
    }

    .overlay[hidden] {
      display: none
    }

    @media screen and (max-width:1250px) {
      .burger {
        display: block
      }
    }

    .contentSidebar {
      width: 350px;
      height: 540px;
      position: sticky;
      right: 0;
      top: 100px;
      padding: 20px;
      background: #1b243a;
      border-radius: 15px
    }

    .contentSidebar .appName {
      font-size: 20px;
      font-weight: 700;
      text-align: center;
      color: #fff
    }

    .contentSidebar .appImg {
      display: flex;
      justify-content: center
    }

    .contentSidebar .appItem {
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-radius: 15px;
      padding: 10px;
      margin: 10px 0;
      position: relative
    }

    .contentSidebar .appItem button {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0
    }

    .contentSidebar .appItem .appInfo {
      width: calc(100% - 40px)
    }

    .contentSidebar .appItem .appInfoTitle {
      font-size: 15px;
      line-height: 20px;
      color: #fff;
      display: block
    }

    .contentSidebar .appItem .appInfoSubtitle {
      font-size: 13px;
      color: #fff;
      line-height: 20px;
      display: block
    }

    .contentSidebar .appItem:nth-child(1n) {
      background: #8d53e9
    }

    .contentSidebar .appItem:nth-child(1n):hover {
      background: #712cde
    }

    .contentSidebar .appItem:nth-child(2n) {
      background: #00b7ff
    }

    .contentSidebar .appItem:nth-child(2n):hover {
      background: #2ca0ce
    }

    @media screen and (max-width:1250px) {
      .contentSidebar {
        display: none
      }
    }

    .footer {
      background: #002f5a;
      box-shadow: 0 0 50px 5px rgba(0, 0, 0, .1);
      padding: 20px 0
    }

    .footer .footerInner {
      display: block;
      text-align: center
    }

    .footer .footerInner .dmca-badge {
      display: block;
      margin-top: 4px;
      margin-bottom: 8px
    }

    .footer .footerInner .dmca-badge img {
      display: block;
      margin: 0 auto
    }

    .footer .footerInner .copyright {
      color: #fff;
      font-size: 15px
    }

    .footer .footerInner .menu {
      padding: 18px;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 10px
    }

    .footer .footerInner .menu a {
      color: #fff;
      margin: 0 5px 5px
    }

    .footer .scrollTop {
      background: #fb4d00;
      width: 30px;
      height: 30px;
      display: flex;
      justify-content: center;
      align-items: center;
      position: fixed;
      bottom: 100px;
      right: 20px;
      opacity: 0;
      cursor: pointer;
      border-radius: 50%;
      z-index: 5
    }

    .footer .scrollTop.pam_content {
      opacity: 1
    }

    .footer-block-btn {
      z-index: 5;
      position: fixed;
      right: 0;
      bottom: 0;
      left: 0;
      height: 60px;
      padding-right: 16px;
      padding-left: 16px;
      border-radius: 30px;
      background: #fb4d00;
      width: calc(100% - 32px);
      left: 50%;
      transform: translate(-50%);
      display: none;
      justify-content: center;
      align-items: center
    }

    .footer-block-btn .buttons {
      display: flex;
      justify-content: center;
      width: 100%
    }

    .footer-block-btn .buttons button {
      width: 48%
    }

    .footer-block-btn .buttons .regButton {
      display: none;
      padding: 12px 24px;
      color: #fff;
      border-radius: 12px;
      background: linear-gradient(94deg, #e13d22, #e15b22)
    }

    .footer-block-btn .buttons .logButton {
      padding: 5px 24px;
      border-radius: 48px;
      background: #fff;
      color: #fb4d00;
      text-align: center;
      font-size: 16px;
      font-weight: 700;
      line-height: 22px
    }

    @media (max-width:1250px) {
      .footer {
        padding: 20px 0 80px
      }

      .footer-block-btn {
        display: flex;
        max-width: 358px;
        bottom: 20px
      }

      .footer-block-btn .buttons .logButton {
        width: 100%
      }
    }

    @media (max-width:390px) {
      .footer .footerInner .menu {
        grid-template-columns: repeat(1, 1fr)
      }
    }

    .nav-submenu {
      position: relative;
      height: 100%
    }

    .nav-submenu:hover .nav-submenu-list {
      display: flex
    }

    .nav-submenu .nav-submenu-link {
      color: #fff;
      font-size: 16px;
      font-weight: 500;
      line-height: normal;
      height: 55px;
      display: flex;
      align-items: center
    }

    .nav-submenu .nav-submenu-list {
      position: absolute;
      background: #000;
      top: 40px;
      left: -10px;
      width: 160px;
      flex-direction: column;
      padding: 10px 10px 0;
      display: none
    }

    .nav-submenu .nav-submenu-list a {
      margin-bottom: 10px;
      margin-right: 0
    }

    @media screen and (max-width:1250px) {
      #mobileMenu .nav-submenu {
        margin-top: 20px
      }

      #mobileMenu .nav-submenu-link {
        color: #df0000;
        font-size: 20px;
        text-align: center;
        font-weight: 700;
        line-height: 22px;
        text-transform: uppercase;
        display: block;
        height: auto
      }

      #mobileMenu .nav-submenu-list {
        display: flex;
        width: 100%;
        left: 0;
        position: relative;
        top: 0
      }
    }
	
	/* football banner */
	.football_final {width: 100%; height: 300px; background: linear-gradient(180deg, #153CDA 0%, #041361 100%); position: relative;
	  overflow: hidden; margin-bottom: 20px; margin-top:  91px;}
	.football_final_pattern {position: absolute; top: 0; left: 0; background: url(/pattern.svg)no-repeat; width: 100%; height: 100%; z-index: 1;
	background-size: cover;}
	.football_final_inner {display: flex; justify-content: center; width: 100%; max-width: 380px; margin: 0 auto; position: relative; height: 100%;
	  padding-top: 20px;}
	.football_final_inner .item_left {position: absolute; bottom: 0; left: -330px; width: 376px; height: 290px; background: url(/football_left.webp) no-repeat;
	  background-size: cover; z-index: 2;}
	.football_final_inner .item_right {position: absolute; bottom: 0; right: -330px; width: 376px; height: 290px; background: url(/football_right.webp) no-repeat;
		  background-size: cover; z-index: 2;}
	.football_final_inner .info {display: flex; flex-direction: column; align-items: center; position: relative; z-index: 3;}
	.football_final .logo_champs {width: 126px; height: 60px; background: url(/logo_champs.svg) no-repeat; background-size: contain;
	position: absolute; top: 20px; left: 20px; z-index: 2;}
	.football_final .text {width: 325px; height: 167px; background: url(/text.webp) no-repeat; background-size: contain;}
	.football_final .info_button {display: flex; justify-content: center; margin-top: 20px;}
	.football_final .info_button button {background: #F8C602; border: 1px solid #0051D8; padding: 15px 20px; border-radius: 10px;
	  color: #000D40; font-size: 20px; line-height: 24px; font-family: Tahoma, sans-serif; font-weight: 700; text-transform: uppercase;}
	.football_final .info_button button:hover {opacity: 0.8;}
	.football_final .item_mobile {display: none;}

	@media screen and (max-width: 1000px) {
	  .football_final {height: auto;}
	  .football_final_inner .item_left, .football_final_inner .item_right {display: none; }
	  .football_final_pattern {background: url(/pattern_mobile.svg)no-repeat; background-position: center 300px; background-size: cover;}
	  .football_final .item_mobile {display: block; width: 410px; height: 250px; background: url(/football_mobile.webp)no-repeat; background-size: cover; z-index: 2;}
	  .football_final .info_button button {font-size: 16px; line-height: 20px; padding: 12px 25px;}
	  .football_final .logo_champs {width: 87px; height: 42px; top: 8px; left: 8px;}
	}

	@media screen and (max-width: 550px) {
	  .football_final .item_mobile {width: 360px; height: 220px;}
	  .football_final_pattern {background-position: center 130px;}
	}

  .language-switcher {
    position: relative;
    display: inline-block;
}
.dropdown-button {
    background: linear-gradient(135deg, #f8ba13, #fb7c34); 
    color: white; 
    padding: 5px 24px;    
    border: none; 
    border-radius: 5px; 
    cursor: pointer; 
    border-radius: 48px;
    font-size: 16px;
}
.language-switcher  a:hover {
    opacity: 0.8;
}

.dropdown-content {
    display: none;
    position: absolute; 
    background-image: linear-gradient(0deg, rgba(0, 50, 102, 0) 0, #003266 73%, #003266 98%);
    background-color: #0a519e;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); 
    z-index: 1;
    min-width: 173px; 
    border-radius: 20px;
}

.dropdown-content a {
    color: #fff; 
    padding: 12px 16px; 
    text-decoration: none; 
    display: block;
    font-size: 16px;
}

.dropdown-content a:hover {
    opacity: 0.8;
    text-decoration: underline;
}

@media screen and (max-width: 1250px) { 
    .dropdown-content a {
        font-size: 12px;
    }

    .dropdown-button {
        color: white; 
        padding: 7px 20px;        
        font-size: 12px;
    }
    .dropdown-content {
        min-width: 140px; 
    }
    .header .buttons .regButton {
        margin-right: 0;
    }
}

@media screen and (max-width: 1250px) {  
    .header .buttons .regButton { 
        display: none;
    }
}

.casinos {
  width: 100%;
  margin: 20px auto;
  gap: 20px;
  display: flex;
  flex-direction: column;
}
.casinos .casinos-wrapper {
  background: #E7F3FF;
  box-shadow: -2px 2px 4px 0px #002F5A80;
  padding: 16px;
  border-radius: 4px;
  width: 96%;
  margin: 0 auto;
}
.casinos .casinos-title {
  background: #004381;
  width: 100%;
  margin:  0 auto;
  font-family: Tahoma;
  font-weight: 700;
  font-size: 18px;
  line-height: 100%;
  color: #fff;
  text-align: center;
  height: 46px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
}
.casinos .casinos-card {
  display: grid;
  grid-template-columns: 298px 1fr;
  gap: 20px;
  justify-items: center;
  padding-top: 16px;
}
.casinos-img button {
  background: #F66D33;
  padding: 12px 32px;
  width: 100%;
  max-width: 296px;
  font-family: Tahoma;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  color: #fff;
  border-radius: 100px;
  margin-top: 12px;
  cursor: pointer;
}
.casinos-img button:hover {
  opacity: 0.8;
}
.casinos-wrapper .casinos-info {
  display: grid;
  grid-template-columns: repeat(2 ,1fr);
  gap: 12px;
  width: 100%;
}
.casinos-info .info-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.info-wrapper .left,
.info-wrapper .right {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  gap:12px;
  flex-direction: column;
}
.casinos-info .bonus-info,
.casinos-info .min-deposit,
.casinos-info .license-info,
.casinos-info .min-withdrawal,
.casinos-info .payment-methods {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  gap: 12px;
}
.casinos-info .bonus-info {
  grid-column-start: 1;
  grid-column-end: 2;
}
.casinos-info .min-deposit {
  grid-column-start: 3;
  grid-column-end: 4;
}
.casinos-info .license-info {
  grid-column-start: 1;
  grid-column-end: 2;
}
.casinos-info .min-withdrawal {
  grid-column-start: 3;
  grid-column-end: 4;
}

.casinos-info .payment-methods {
  background: #C0DCF8;
  padding: 12px 16px;
  border-radius: 4px;
  width: 100%;
  /* max-width: 495px; */
}
.bonus-info .title ,
.min-deposit .title,
.license-info .title,
.min-withdrawal .title,
.payment-methods .title {
  color: #333333;
  font-family: Tahoma;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
}
.bonus-info .bonus,
.min-deposit .deposit,
.license-info .license,
.min-withdrawal .withdrawal,
.payment-methods .payment {
  color: #333333;
  font-family: Tahoma;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
}

@media screen and (max-width: 1450px) {  
  .casinos-info .payment-methods {
  grid-column-start: 1;
  grid-column-end: 4;
  }
  .casinos-info .info-wrapper {
    grid-column-start: 1;
    grid-column-end: 4;  
  }
  .casinos-wrapper .casinos-info {
    height: 100%;
    min-height: 244px;
  }
}
@media screen and (max-width: 1100px) {  
  .casinos-info .info-wrapper {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (max-width: 700px) {  
  .casinos .casinos-card {
    grid-template-columns: 1fr;
  }
}