.back-to-top {
        visibility: hidden;
      }
      .nav-fixed.sticky,
      body {
        background-color: var(--bg2);
      }
      .btn,
      body,
      footer .social div a {
        color: var(--white);
      }
      :root {
        --swiper-navigation-size: 44px;
        --body: #fff;
        --black: #000;
        --white: #fff;
        --theme: #f39300;
        --theme2: #f39300;
        --title: #010f1c;
        --dark: #222222;
        --text: #5c6574;
        --text2: #ababab;
        --bg: #16181b;
        --box-shadow: 0px 6px 30px 0px rgba(52, 55, 170, 0.15);
        --bg2: #16181b;
        --border: #373737;
        --border-2: #d2d2d1;
        --border-3: #ffffff17;
        --title-font: 'Roboto', sans-serif;
        --body-font: 'Roboto', sans-serif;
      }
      *,
      ::after,
      ::before {
        box-sizing: border-box;
      }
      body {
        font-size: 16px;
        font-weight: 400;
        line-height: 28px;
        padding: 0;
        margin: 0;
        font-family: var(--body-font);
      }
      button,
      footer .social div a {
        background-color: transparent;
      }
      h1,
      h2,
      h3 {
        font-weight: 700;
      }
      button {
        border: none;
        padding: 0;
      }
      input:focus {
        outline: 0;
      }
      input::placeholder {
        color: var(--text);
      }
      h1 {
        font-size: 42px;
        line-height: 120%;
      }
      h2 {
        font-size: 40px;
      }
      h3 {
        font-size: 18px;
      }
      a {
        cursor: pointer;
        text-decoration: none;
        transition: 0.4s ease-in-out;
        color: var(--text);
      }
      .banner-style3 .title span,
      a:hover {
        color: var(--theme);
      }
      .nav-fixed {
        position: fixed;
        z-index: 10;
        width: 100%;
      }
      nav {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px 20px;
        max-width: 1296px;
        margin: 0 auto;
      }
      @media (max-width: 960px) {
        nav .logo {
          padding: 0 12px;
        }
      }
      .btn {
        border: 1px solid #fff;
        border-radius: 10px;
        padding: 10px 20px 10px 9px;
        font-size: 17px;
        font-weight: 600;
        background: rgba(1, 15, 28, 0.5);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 3px;
      }
      .btn:hover {
        border-color: var(--theme2);
      }
      .icon {
        width: 20px;
        height: 25px;
        display: inline-block;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        margin-top: 3px;
      }
      .banner-wrapper.style3 .shape1 {
        position: absolute;
        bottom: 135px;
        left: 26px;
        z-index: 4;
      }
      .banner-wrapper.style3 .shape2 {
        position: absolute;
        top: 100px;
        right: 140px;
        z-index: 4;
      }
      .banner-wrapper.style3 .shapelogo1 {
        position: absolute;
        bottom: 10%;
        left: 6%;
        z-index: 10;
      }
      .banner-wrapper.style3 .shapelogo2 {
        position: absolute;
        bottom: 24%;
        left: 20%;
        z-index: 9;
      }
      .banner-wrapper.style3 .shapelogo3 {
        position: absolute;
        bottom: 23%;
        right: 17%;
        z-index: 9;
      }
      .banner-wrapper.style3 .shapelogo4 {
        position: absolute;
        bottom: 10%;
        right: 4%;
        z-index: 10;
      }
      @media (max-width: 1399px) {
        .banner-wrapper.style3 .shapelogo1,
        .banner-wrapper.style3 .shapelogo2,
        .banner-wrapper.style3 .shapelogo3,
        .banner-wrapper.style3 .shapelogo4 {
          scale: 0.9;
        }
        .banner3-slider .swiper-pagination {
          display: none !important;
        }
      }
      @media (max-width: 1199px) {
        .banner-wrapper.style3 .shapelogo1,
        .banner-wrapper.style3 .shapelogo2,
        .banner-wrapper.style3 .shapelogo3,
        .banner-wrapper.style3 .shapelogo4 {
          scale: 0.8;
        }
        .banner-wrapper.style3 .shapelogo1 {
          position: absolute;
          bottom: 10%;
          left: 0;
          z-index: 10;
        }
        .banner-wrapper.style3 .shapelogo2 {
          position: absolute;
          bottom: 24%;
          left: 13%;
          z-index: 9;
        }
        .banner-wrapper.style3 .shapelogo3 {
          position: absolute;
          bottom: 23%;
          right: 13%;
          z-index: 9;
        }
        .banner-wrapper.style3 .shapelogo4 {
          position: absolute;
          bottom: 10%;
          right: 0;
          z-index: 10;
        }
      }
      @media (max-width: 991px) {
        .banner-wrapper.style3 .shapelogo1,
        .banner-wrapper.style3 .shapelogo2,
        .banner-wrapper.style3 .shapelogo3,
        .banner-wrapper.style3 .shapelogo4 {
          scale: 0.6;
        }
        .banner-wrapper.style3 .shapelogo1 {
          position: absolute;
          z-index: 10;
        }
        .banner-wrapper.style3 .shapelogo2 {
          position: absolute;
          z-index: 9;
        }
        .banner-wrapper.style3 .shapelogo3 {
          position: absolute;
          z-index: 9;
        }
        .banner-wrapper.style3 .shapelogo4 {
          position: absolute;
          z-index: 10;
        }
      }
      @media (max-width: 767px) {
        .banner-wrapper.style3 .shapelogo1,
        .banner-wrapper.style3 .shapelogo2,
        .banner-wrapper.style3 .shapelogo3,
        .banner-wrapper.style3 .shapelogo4 {
          scale: 0.6;
        }
        .banner-wrapper.style3 .shapelogo1 {
          position: absolute;
          bottom: 10%;
          left: 0;
          z-index: 10;
        }
        .banner-wrapper.style3 .shapelogo2 {
          position: absolute;
          bottom: 24%;
          left: 13%;
          z-index: 9;
        }
        .banner-wrapper.style3 .shapelogo3 {
          position: absolute;
          bottom: 24%;
          right: 9%;
          z-index: 9;
        }
        .banner-wrapper.style3 .shapelogo4 {
          position: absolute;
          bottom: 9%;
          right: -3%;
          z-index: 10;
        }
      }
      .banner-wrapper.style3 .overlay,
      .banner-wrapper.style31 .overlay,
      .banner-wrapper.style32 .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(1, 15, 28, 0.3);
        z-index: 1;
      }
      .banner-style3 .subtitle,
      .banner-style3 .title {
        position: relative;
        color: #fff;
        font-family: Roboto, sans-serif;
        font-weight: 900;
        text-align: center;
      }
      .icon.cashraces,
      .icon.livecasino,
      .icon.sports,
      .icon.stream {
        width: 22px;
        height: 22px;
        margin-top: 0;
      }
      .icon.arrow-right {
        background-image: url('./arrow-right.webp?w=20&q=60');
      }
      .icon.circle-user {
        background-image: url('./circle-user.webp?w=20&q=60');
      }
      .icon.mobile-screen {
        background-image: url('./mobile-screen.webp?w=30&q=60');
        width: 30px;
        height: 37px;
        margin-top: -1px;
      }
      .icon.google-play {
        background-image: url('./google-play.webp?w=20&q=60');
      }
      .icon.app-store-ios {
        background-image: url('./app-store-ios.webp?w=20&q=60');
      }
      .icon.angels-up {
        background-image: url('./angles-up.webp?w=20&q=60');
      }
      .icon.sports {
        background-image: url('./sports.webp?w=22&q=60');
      }
      .icon.livecasino {
        background-image: url('./livecasino.webp?w=22&q=60');
      }
      .icon.poker {
        width: 24px;
        height: 24px;
        background-image: url('./poker.webp?w=22&q=60');
        margin-top: 0;
      }
      .icon.stream {
        background-image: url('./stream.webp?w=22&q=60');
      }
      .icon.cashraces {
        background-image: url('./cashraces.webp?w=22&q=60');
      }
      .icon.facebook,
      .icon.instagram,
      .icon.x,
      .icon.youtube {
        width: 16px;
        height: 20px;
      }
      .icon.x {
        background-image: url('./x-twitter.webp?w=16&q=60');
      }
      .icon.facebook {
        background-image: url('./facebook.webp?w=16&q=60');
      }
      .icon.instagram {
        background-image: url('./instagram.webp?w=16&q=60');
      }
      .icon.youtube {
        background-image: url('./youtube.webp?w=16&q=60');
      }
      .banner-bottom {
        padding: 13px 0;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        background: rgba(1, 15, 28, 0.5);
        position: absolute;
        width: 100%;
        bottom: 0px;
        z-index: 11;
        justify-content: center;
        display: flex;
      }
      .banner-section,
      .banner-style3,
      .faq-question,
      footer {
        position: relative;
      }
      .banner-bottom span {
        display: flex;
        font-weight: 100;
        font-size: 28px;
        gap: 5px;
      }
      .banner-bottom .container {
        align-items: center;
        gap: 20px;
      }
      .container {
        display: flex;
        justify-content: center;
        margin: 0 auto;
        padding-right: 20px;
        padding-left: 20px;
      }
      .about-section .container,
      .faq-accordion,
      .faq-section .container {
        flex-direction: column;
      }
      @media (min-width: 576px) {
        .container {
          max-width: 540px;
        }
      }
      @media (min-width: 768px) {
        .container {
          max-width: 720px;
        }
      }
      @media (min-width: 992px) {
        .container {
          max-width: 960px;
        }
      }
      @media (min-width: 1200px) {
        .container {
          max-width: 1140px;
        }
      }
      @media (min-width: 1400px) {
        .container {
          max-width: 1296px;
        }
      }
      .about-section {
        padding: 120px 0;
      }
      .about-section h2 {
        color: var(--theme2) !important;
        font-size: 32px;
        font-weight: 400;
        line-height: 32px;
        text-transform: capitalize;
        margin-bottom: 30px;
        margin-top: 0;
      }
      .about-section .title {
        color: var(--theme2);
        font-size: 20px;
        font-weight: 300;
        line-height: normal;
        text-transform: uppercase;
        margin-bottom: 6px;
        display: flex;
        align-items: center;
        gap: 5px;
      }
      .about-section p {
        color: var(--text2);
        font-size: 16px;
        font-style: normal;
        font-weight: 300;
        line-height: 1.6;
        margin-bottom: 30px;
        margin-top: 0;
      }
      .faq-section {
        padding: 0 0 120px;
      }
      .faq-section h2 {
        text-align: center;
        font-size: 36px;
        line-height: 1.3;
        margin: 0 0 40px;
      }
      .faq-accordion {
        max-width: 800px;
        margin: 0 auto;
        display: flex;
        width: 100%;
      }
      .faq-item {
        margin-bottom: 15px;
        border-radius: 5px;
        overflow: hidden;
        border: 1px solid #444;
      }
      .faq-question {
        background-color: #2e2e2e;
        color: #f39300;
        border: none;
        padding: 15px 20px 15px 40px;
        width: 100%;
        font-weight: 600;
        font-size: 18px;
        cursor: pointer;
        transition: background-color 0.35s;
        margin: 0;
      }
      .faq-question::before {
        content: '+';
        position: absolute;
        left: 15px;
        top: 50%;
        transform: translateY(-50%) rotate(0);
        transition: transform 0.3s;
        font-size: 20px;
        display: inline-block;
      }
      .faq-item.active .faq-question::before {
        transform: translateY(-50%) rotate(45deg);
      }
      .faq-question:hover {
        background-color: #3e3e3e;
      }
      .faq-answer {
        display: none;
        padding: 20px 25px;
        background-color: #1f1f1f;
        border-top: 1px solid #444;
      }
      .faq-answer p {
        color: #ababab;
        margin: 0;
        line-height: 1.6;
      }
      footer {
        background: radial-gradient(
            100% 100% at 50% 0,
            rgba(55, 119, 135, 0.05) 0,
            rgba(55, 119, 135, 0) 100%
          ),
          #1b1d21;
        border-top: 1px solid rgba(255, 255, 255, 0.07);
        padding: 90px 0 60px;
        z-index: 9;
      }
      footer .container > img {
        width: 100%;
        height: auto;
      }
      footer .container {
        flex-direction: column;
        align-items: center;
        text-align: center;
      }
      footer .logo {
        margin-bottom: 0px;
      }
      footer .license {
        display: flex;
        justify-content: center;
        margin-top: 20px;
        gap: 5px;
      }
      #lcqualitybadge svg {
        height: 45px;
      }
      footer .social {
        display: grid;
        gap: 10px;
        margin-bottom: 1rem;
      }
      footer .social div span {
        font-size: 22px;
        line-height: 1.8;
      }
      footer .social div a {
        width: 36px;
        height: 36px;
        line-height: 49px;
        text-align: center;
        border: 1px solid rgba(255, 255, 255, 0.2);
      }
      @media (max-width: 576px) {
        footer .logo {
          margin-bottom: 10px;
        }
        footer .social {
          display: grid;
          margin-bottom: 70px;
        }
      }
      .bg-img {
        background-position: center;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-size: cover;
      }
      .banner-style3 {
        padding: 80px 0 575px;
        z-index: 3;
      }
      .banner-style3 .subtitle {
        font-size: 36px;
        line-height: 1.3;
      }
      .banner-style3 .title {
        font-size: 66px;
        font-style: normal;
        text-transform: capitalize;
        margin-bottom: 20px;
        margin-top: 0;
        color: var(--theme);
      }

      @media (max-width: 768px) {
        .banner-style3 .title {
          font-size: 45px;
        }
        .banner-style3 .subtitle {
          font-size: 28px;
        }
      }
      .banner-wrapper.style1 .shape1_1,
      .banner-wrapper.style2 .shape1_1 {
        position: absolute;
        top: 35px;
        left: 0;
        z-index: 4;
      }
      .banner-wrapper.style1 .shape1_2,
      .banner-wrapper.style2 .shape1_2 {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 4;
      }
      .banner-wrapper.style1 .shape1_3 {
        position: absolute;
        z-index: 4;
      }
      .banner-wrapper.style1 .shape1_4,
      .banner-wrapper.style2 .shape1_4 {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 4;
      }
      .banner-wrapper.style1 .shape1_5,
      .banner-wrapper.style2 .shape1_5 {
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 4;
      }
      .banner-wrapper.style1 .shape1_6,
      .banner-wrapper.style2 .shape1_6 {
        position: absolute;
        bottom: 196px;
        z-index: 4;
      }
      .banner-wrapper.style1 .overlay,
      .banner-wrapper.style2 .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0.3;
        background: var(--title);
        z-index: 3;
      }
      .banner-wrapper.style1 .banner-thumb-area {
        position: relative;
        z-index: 5;
        margin-top: 65px;
      }
      .banner-wrapper.style1 .banner-thumb-area .circle,
      .banner-wrapper.style2 .banner-thumb-area .circle {
        position: absolute;
        top: 32%;
        right: 25%;
        z-index: 5;
      }
      .banner-wrapper.style1 .banner-thumb-area .circle a,
      .banner-wrapper.style2 .banner-thumb-area .circle a {
        position: absolute;
        top: 38%;
        left: 38%;
        transform: translate(-50%, 50%);
        -webkit-transform: translate(-50%, 50%);
        -moz-transform: translate(-50%, 50%);
        -ms-transform: translate(-50%, 50%);
        -o-transform: translate(-50%, 50%);
      }
      .banner-wrapper.style2 .shape1_3 {
        position: absolute;
        bottom: 0;
        z-index: 4;
      }
      .banner-wrapper.style2 .banner-thumb-area {
        position: relative;
        z-index: 5;
        margin-top: 95px;
      }
      .banner-wrapper.style3 .shape1 {
        position: absolute;
        bottom: 135px;
        left: 26px;
        z-index: 4;
      }
      .banner-wrapper.style3 .shape2 {
        position: absolute;
        top: 100px;
        right: 140px;
        z-index: 4;
      }
      .banner-wrapper.style3 .shape3 {
        position: absolute;
        bottom: -75px;
        z-index: 11;
      }
      .banner-wrapper.style3 .shape3 img {
        width: 777px;
        height: 623px;
        margin-bottom: 0;
      }
      @media (max-width: 768px) {
        .banner-wrapper.style3 .shape3 {
          bottom: -20px;
        }
        .banner-wrapper.style3 .shape3 img {
          width: 480px;
          height: auto;
        }
        .banner-style3 {
          padding: 80px 0 420px;
          z-index: 3;
        }
      }
      @media (max-width: 650px) {
        .banner-style3 {
          padding: 80px 0 390px;
        }
      }
      @media (max-width: 575px) {
        .banner-style3 {
            padding: 30px 0 390px;
        }
      }
      .banner-wrapper.style3 .shapelogo1 {
        position: absolute;
        bottom: 10%;
        left: 6%;
        z-index: 10;
      }
      .banner-wrapper.style3 .shapelogo2 {
        position: absolute;
        bottom: 24%;
        left: 20%;
        z-index: 9;
      }
      .banner-wrapper.style3 .shapelogo3 {
        position: absolute;
        bottom: 23%;
        right: 17%;
        z-index: 9;
      }
      .banner-wrapper.style3 .shapelogo4 {
        position: absolute;
        bottom: 10%;
        right: 4%;
        z-index: 10;
      }
      @media (max-width: 1399px) {
        .banner-wrapper.style3 .shapelogo1,
        .banner-wrapper.style3 .shapelogo2,
        .banner-wrapper.style3 .shapelogo3,
        .banner-wrapper.style3 .shapelogo4 {
          scale: 0.9;
        }
        .banner3-slider .swiper-pagination {
          display: none !important;
        }
      }
      @media (max-width: 1199px) {
        .banner-wrapper.style3 .shapelogo1,
        .banner-wrapper.style3 .shapelogo2,
        .banner-wrapper.style3 .shapelogo3,
        .banner-wrapper.style3 .shapelogo4 {
          scale: 0.8;
        }
        .banner-wrapper.style3 .shapelogo1 {
          position: absolute;
          bottom: 10%;
          left: 0;
          z-index: 10;
        }
        .banner-wrapper.style3 .shapelogo2 {
          position: absolute;
          bottom: 24%;
          left: 13%;
          z-index: 9;
        }
        .banner-wrapper.style3 .shapelogo3 {
          position: absolute;
          bottom: 23%;
          right: 13%;
          z-index: 9;
        }
        .banner-wrapper.style3 .shapelogo4 {
          position: absolute;
          bottom: 10%;
          right: 0;
          z-index: 10;
        }
      }
      @media (max-width: 991px) {
        .banner-wrapper.style3 .shapelogo1,
        .banner-wrapper.style3 .shapelogo2,
        .banner-wrapper.style3 .shapelogo3,
        .banner-wrapper.style3 .shapelogo4 {
          scale: 0.6;
        }
        .banner-wrapper.style3 .shapelogo1 {
          position: absolute;
          bottom: 10%;
          left: -1%;
          z-index: 10;
        }
        .banner-wrapper.style3 .shapelogo2 {
          position: absolute;
          bottom: 24%;
          left: 13%;
          z-index: 9;
        }
        .banner-wrapper.style3 .shapelogo3 {
          position: absolute;
          bottom: 23%;
          right: 6%;
          z-index: 9;
        }
        .banner-wrapper.style3 .shapelogo4 {
          position: absolute;
          bottom: 10%;
          right: -7%;
          z-index: 10;
        }
      }
      @media (max-width: 767px) {
        .banner-wrapper.style3 .shapelogo1,
        .banner-wrapper.style3 .shapelogo2,
        .banner-wrapper.style3 .shapelogo3,
        .banner-wrapper.style3 .shapelogo4 {
          scale: 0.6;
        }
        .banner-wrapper.style3 .shapelogo1 {
          position: absolute;
          bottom: 10%;
          left: 0;
          z-index: 10;
        }
        .banner-wrapper.style3 .shapelogo2 {
          position: absolute;
          bottom: 24%;
          left: 13%;
          z-index: 9;
        }
        .banner-wrapper.style3 .shapelogo3 {
          position: absolute;
          bottom: 24%;
          right: 9%;
          z-index: 9;
        }
        .banner-wrapper.style3 .shapelogo4 {
          position: absolute;
          bottom: 9%;
          right: -3%;
          z-index: 10;
        }
      }
      .banner-wrapper.style3 .overlay,
      .banner-wrapper.style31 .overlay,
      .banner-wrapper.style32 .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(1, 15, 28, 0.3);
        z-index: 1;
      }
      .banner-wrapper.style31 .shape3,
      .banner-wrapper.style31 .shapelogo1,
      .banner-wrapper.style31 .shapelogo4 {
        position: absolute;
        z-index: 2;
      }
      .banner-wrapper. .banner-style32 {
        padding-bottom: 847px;
      }
      .banner-wrapper {
        height: 100%;
      }
      .banner-wrapper.style32 .shapelogo1 {
        position: absolute;
        top: 70px;
        right: 0;
        scale: 0.8;
        z-index: 2;
      }
      .banner-wrapper.style32 .shapelogo4 {
        position: absolute;
        top: 70px;
        left: 0;
        scale: 0.8;
        z-index: 2;
      }
      .banner-wrapper.style32 .shapelogo5 {
        position: absolute;
        top: 90px;
        left: 0;
        right: 0;
        z-index: 2;
        scale: 0.9;
        text-align: center;
      }
      @media (max-width: 1699px) {
        .banner-wrapper.style31 .shape3,
        .banner-wrapper.style31 .shapelogo1,
        .banner-wrapper.style31 .shapelogo4 {
          position: absolute;
          z-index: 2;
        }
        .banner-wrapper.style32 .shapelogo1 {
          position: absolute;
          top: 70px;
          right: -13%;
          scale: 0.7;
          z-index: 2;
        }
        .banner-wrapper.style32 .shapelogo4 {
          position: absolute;
          top: 70px;
          left: -13%;
          scale: 0.7;
          z-index: 2;
        }
        .banner-wrapper.style32 .shapelogo5 {
          position: absolute;
          top: 90px;
          left: -50%;
          right: -50%;
          z-index: 2;
          scale: 0.9;
          text-align: center;
        }
      }
      @media (max-width: 1399px) {
        .banner-wrapper.style31 .shape3,
        .banner-wrapper.style31 .shapelogo1,
        .banner-wrapper.style31 .shapelogo4 {
          position: absolute;
          z-index: 2;
        }
        .banner-wrapper.style32 .shapelogo1 {
          position: absolute;
          top: 70px;
          right: -18%;
          scale: 0.6;
          z-index: 2;
        }
        .banner-wrapper.style32 .shapelogo4 {
          position: absolute;
          top: 70px;
          left: -18%;
          scale: 0.6;
          z-index: 2;
        }
        .banner-wrapper.style32 .shapelogo5 {
          position: absolute;
          top: 90px;
          left: -50%;
          right: -50%;
          z-index: 2;
          scale: 0.7;
          text-align: center;
        }
      }

      @media (max-width: 1199px) {
        .banner-wrapper.style31 .shapelogo1,
        .banner-wrapper.style31 .shapelogo4 {
          position: absolute;
          z-index: 2;
        }
        .banner-wrapper.style31 .shapelogo5 {
          position: absolute;
          top: 170px;
          left: -2%;
          z-index: 2;
          scale: 0.7;
        }
        .banner-wrapper.style32 .shapelogo1 {
          position: absolute;
          top: 70px;
          right: -26%;
          scale: 0.6;
          z-index: 2;
        }
        .banner-wrapper.style32 .shapelogo4 {
          position: absolute;
          top: 70px;
          left: -26%;
          scale: 0.6;
          z-index: 2;
        }
        .banner-wrapper.style32 .shapelogo5 {
          position: absolute;
          top: 50px;
          left: -50%;
          right: -50%;
          z-index: 2;
          scale: 0.7;
          text-align: center;
        }
      }
      @media (max-width: 991px) {
        .banner-wrapper.style31 .shape3,
        .banner-wrapper.style31 .shapelogo1,
        .banner-wrapper.style31 .shapelogo4 {
          position: absolute;
          z-index: 2;
        }
        .banner-wrapper.style32 .banner-style32 {
          padding-bottom: 828px;
        }
        .banner-bottom span {
          font-size: 18px;
        }
        .banner-wrapper.style32 .shapelogo1 {
          position: absolute;
          top: 70px;
          right: -39%;
          scale: 0.6;
          z-index: 2;
        }
        .banner-wrapper.style32 .shapelogo4 {
          position: absolute;
          top: 70px;
          left: -32%;
          scale: 0.6;
          z-index: 2;
        }
        .banner-wrapper.style32 .shapelogo5 {
          position: absolute;
          top: 10px;
          left: -50%;
          right: -50%;
          z-index: 2;
          scale: 0.6;
          text-align: center;
        }
      }
      @media (max-width: 767px) {
        .banner-wrapper.style31 .shape3,
        .banner-wrapper.style31 .shapelogo1,
        .banner-wrapper.style31 .shapelogo4 {
          position: absolute;
          z-index: 2;
        }
        .banner-wrapper.style32 .banner-style32 {
          padding-bottom: 664px;
        }
        .banner-bottom .container {
          flex-wrap: wrap;
        }
        .banner-bottom span {
          width: 100%;
          order: -1;
          justify-content: center;
          display: flex;
          text-align: center;
        }
        .banner-wrapper.style32 .shapelogo1 {
          position: absolute;
          top: 180px;
          right: -29%;
          scale: 0.5;
          z-index: 2;
        }
        .banner-wrapper.style32 .shapelogo4 {
          position: absolute;
          top: 180px;
          left: -24%;
          scale: 0.5;
          z-index: 2;
        }
        .banner-wrapper.style32 .shapelogo5 {
          position: absolute;
          top: 0;
          left: -50%;
          right: -50%;
          z-index: 2;
          scale: 0.6;
          text-align: center;
        }
      }
      @media (max-width: 730px) {
        .banner-wrapper.style31 .shape3,
        .banner-wrapper.style31 .shapelogo1,
        .banner-wrapper.style31 .shapelogo4 {
          position: absolute;
          z-index: 2;
        }
        .banner-wrapper.style32 .banner-style32 {
          padding-bottom: 664px;
        }
        .banner-wrapper.style32 .shapelogo1 {
          position: absolute;
          top: 180px;
          right: -29%;
          scale: 0.5;
          z-index: 2;
        }
        .banner-wrapper.style32 .shapelogo4 {
          position: absolute;
          top: 180px;
          left: -24%;
          scale: 0.5;
          z-index: 2;
        }
        .banner-wrapper.style32 .shapelogo5 {
          position: absolute;
          top: 0;
          left: -50%;
          right: -50%;
          z-index: 2;
          scale: 0.5;
          text-align: center;
        }
      }
      @media (max-width: 670px) {
        .banner-wrapper.style3 .shapelogo1,
        .banner-wrapper.style3 .shapelogo2,
        .banner-wrapper.style3 .shapelogo3,
        .banner-wrapper.style3 .shapelogo4 {
          scale: 0.5;
        }
        .banner-wrapper.style3 .shapelogo1 {
          position: absolute;
          bottom: 6%;
          left: -5%;
          z-index: 10;
        }
        .banner-wrapper.style3 .shapelogo2 {
          position: absolute;
          bottom: 28%;
          left: 4%;
          z-index: 9;
        }
        .banner-wrapper.style3 .shapelogo3 {
          position: absolute;
          bottom: 28%;
          right: -12%;
          scale: 0.6;
          z-index: 9;
        }
        .banner-wrapper.style3 .shapelogo4 {
          position: absolute;
          bottom: 4%;
          right: -14%;
          z-index: 10;
        }
        .banner-wrapper.style31 .shape3,
        .banner-wrapper.style31 .shapelogo1,
        .banner-wrapper.style31 .shapelogo4 {
          position: absolute;
          text-align: center;
          z-index: 2;
        }
        .banner-wrapper.style32 .banner-style32 {
          padding-bottom: 664px;
        }
        .banner-wrapper.style32 .shapelogo1 {
          position: absolute;
          top: 180px;
          right: -49%;
          scale: 0.5;
          z-index: 2;
        }
        .banner-wrapper.style32 .shapelogo4 {
          position: absolute;
          top: 180px;
          left: -44%;
          scale: 0.5;
          z-index: 2;
        }
        .banner-wrapper.style32 .shapelogo5 {
          position: absolute;
          top: 0;
          left: -50%;
          right: -50%;
          z-index: 2;
          scale: 0.5;
          text-align: center;
        }
      }
      @media (max-width: 650px) {
        nav .logo {
          order: -1;
          justify-content: center;
          display: flex;
        }
        .banner-wrapper.style3 .shapelogo1,
        .banner-wrapper.style3 .shapelogo2,
        .banner-wrapper.style3 .shapelogo3,
        .banner-wrapper.style3 .shapelogo4 {
          scale: 0.5;
        }
        .banner-wrapper.style3 .shapelogo1 {
          position: absolute;
          bottom: 6%;
          left: -5%;
          z-index: 10;
        }
        .banner-wrapper.style3 .shapelogo2 {
          position: absolute;
          bottom: 28%;
          left: 0;
          z-index: 9;
        }
        .banner-wrapper.style3 .shapelogo3 {
          position: absolute;
          bottom: 28%;
          right: -20%;
          scale: 0.6;
          z-index: 9;
        }
        .banner-wrapper.style3 .shapelogo4 {
          position: absolute;
          bottom: 4%;
          right: -14%;
          z-index: 10;
        }
        .banner-wrapper.style31 .shape3,
        .banner-wrapper.style31 .shapelogo1,
        .banner-wrapper.style31 .shapelogo4 {
          position: absolute;
          text-align: center;
          z-index: 2;
        }
        .banner-wrapper.style32 .banner-style32 {
          padding-bottom: 724px;
        }
        .banner-wrapper.style32 .shapelogo1 {
          position: absolute;
          top: 180px;
          right: -49%;
          scale: 0.5;
          z-index: 2;
        }
        .banner-wrapper.style32 .shapelogo4 {
          position: absolute;
          top: 180px;
          left: -44%;
          scale: 0.5;
          z-index: 2;
        }
        .banner-wrapper.style32 .shapelogo5 {
          position: absolute;
          top: 20px;
          left: -50%;
          right: -50%;
          z-index: 2;
          scale: 0.5;
          text-align: center;
        }
      }
      @media (max-width: 490px) {
        .banner-wrapper.style3 .shapelogo1,
        .banner-wrapper.style3 .shapelogo2,
        .banner-wrapper.style3 .shapelogo3,
        .banner-wrapper.style3 .shapelogo4 {
          scale: 0.5;
        }
        .banner-wrapper.style3 .shapelogo1 {
          position: absolute;
          bottom: 6%;
          left: -11%;
          z-index: 10;
        }
        .banner-wrapper.style3 .shapelogo2 {
          position: absolute;
          bottom: 28%;
          left: -6%;
          z-index: 9;
        }
        .banner-wrapper.style3 .shapelogo3 {
          position: absolute;
          bottom: 28%;
          right: -29%;
          scale: 0.6;
          z-index: 9;
        }
        .banner-wrapper.style3 .shapelogo4 {
          position: absolute;
          bottom: 4%;
          right: -20%;
          z-index: 10;
        }
        .banner-wrapper.style31 .shape3,
        .banner-wrapper.style31 .shapelogo1,
        .banner-wrapper.style31 .shapelogo4 {
          position: absolute;
          text-align: center;
          z-index: 2;
        }
        .banner-wrapper.style32 .banner-style32 {
          padding-bottom: 724px;
        }
        .banner-wrapper.style32 .shapelogo1 {
          position: absolute;
          top: 180px;
          right: -79%;
          scale: 0.5;
          z-index: 2;
        }
        .banner-wrapper.style32 .shapelogo4 {
          position: absolute;
          top: 180px;
          left: -74%;
          scale: 0.5;
          z-index: 2;
        }
        .banner-wrapper.style32 .shapelogo5 {
          position: absolute;
          top: 0;
          left: -100%;
          right: -100%;
          z-index: 2;
          scale: 0.4;
          text-align: center;
        }
        .banner-bottom {
          background: rgba(1, 15, 28, 1);
        }
      }

      .banner3-slider .arrow-prev3 {
        position: absolute;
        z-index: 99;
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
      }
      .banner3-slider .arrow-next3 {
        position: absolute;
        top: 93%;
        left: 55%;
        z-index: 99;
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
      }
      .banner3-slider .swiper-pagination {
        position: absolute;
        top: 86% !important;
        left: 26% !important;
        z-index: 1;
      }
      .banner3-slider .swiper-pagination-bullet {
        color: var(--white);
        font-size: 16px;
        font-style: normal;
        margin: 0 10px !important;
        opacity: 0.3;
      }
      .banner3-slider .swiper-pagination-bullet-active {
        color: var(--theme);
        font-size: 24px;
        font-style: normal;
        background: 0 0;
        opacity: 1;
      }
      .banner3-slider .swiper-horizontal > .swiper-pagination-bullets,
      .banner3-slider .swiper-pagination-bullets.swiper-pagination-horizontal,
      .banner3-slider .swiper-pagination-custom,
      .banner3-slider .swiper-pagination-fraction {
        width: 50%;
      }
      .back-to-top {
        border-radius: 12px;
        background-color: var(--theme2);
        width: 50px;
        height: 50px;
        line-height: 0;
        color: var(--white);
        font-size: 18px;
        position: fixed;
        display: inline-block;
        z-index: 99;
        right: 30px;
        bottom: 30px;
        transition: 0.4s ease-in-out;
        opacity: 0;
        transform: translateY(20px);
      }
      .back-to-top:hover {
        background-color: var(--title);
      }
      .back-to-top.show {
        opacity: 1;
        visibility: visible;
        transform: translate(0);
      }
      footer > div > p {
        margin: 0;
      }
      footer > div > p > a {
        color: var(--theme);
      }
      @media (max-width: 650px) {
        nav .btn {
          order: 1;
        }
      }
      .comments-section {
        padding: 0px 0 40px;
        background: var(--bg2);
      }
      .comments-section .container {
        flex-direction: column;
        align-items: center;
        gap: 20px;
      }
      .comments-section h2 {
        text-align: center;
        font-size: 36px;
        line-height: 1.3;
        margin: 0 0 20px;
        display: block;
        width: 100%;
      }
      .comment-item {
        background: #232527;
        border-radius: 8px;
        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.07);
        padding: 24px 26px;
        margin-bottom: 16px;
        width: 100%;
        max-width: 800px;
      }
      .comment-item em {
        color: #fff;
        font-size: 1.13em;
        font-style: normal;
        display: block;
        margin-bottom: 12px;
      }
      .comment-user {
        color: var(--text2);
        font-size: 1em;
        margin-right: 14px;
      }
      .comment-stars {
        color: #f7b401;
        font-weight: 700;
        letter-spacing: 1.5px;
        font-size: 1em;
      }
      @media (max-width: 650px) {
        .comments-section {
          padding: 0px 0 25px;
        }
        .comment-item {
          padding: 14px 12px;
          font-size: 15px;
          max-width: 100%;
        }
      }
      .social-icon {
        display: flex;
        gap: 10px;
        margin-bottom: 1rem;
      }
      @media (max-width: 373px) {
        footer .social {
          display: flex;
          margin-bottom: 70px;
          flex-direction: column;
        }
      }
      .scl-f {
        margin: 0 auto;
      }
      .banner-wrapper.style3.bg-img {
          margin-top: 106px;
          display: flex;
          justify-content: center;
      }
      .shape3 {
        overflow: hidden;
      }
      .nav-fixed {
        background-color: var(--bg2);
      }
      .m-menu ul li{
        list-style-type:none;
        padding: 0 10px;
      }
      .m-menu ul li a{
        color: #fff;
      }
      .amp-menu {
        display: flex;
        padding: 0;
      }
      .h-btn {
        display: flex;
        gap: 10px;
        height: 49px;
      }
      .btn-hdr {
        display: flex;
        gap: 10px;
        height: 49px;
      }
      @media (max-width: 1150px) {
        #menu-main {
          display: none;
        }
      }
      @media (min-width: 1150px) {
        .ham-btn {
          display: none;
        }
      }
      .ham-btn {
        cursor: pointer;
        border: solid 1px #fff;
        border-radius: 10px;
        padding: 8px;
      }
      .hamburger-menu {
        align-content: center;
        margin-left: auto;
      }
      .mobile-menu {
        width:400px;
        margin-top:107px;
        position: fixed;
        top: 0;
        left: 0;
        transform: translateX(-100%);
        transition: transform 1s cubic-bezier(.22,.61,.36,1);
        background-color: #14181c;
        border-right: solid 1px rgba(255, 255, 255, .1);
      }
      amp-sidebar[open].mobile-menu {
        transform: translateX(0);
      }

      .close-btn {
        font-size: 25px;
        color: #f39300;
        padding: 20px 30px;
        cursor: pointer;
        float: right;
      }
      .amp-menu-ham {
        list-style-type: none;
        padding: 0;
        margin-top: 60px;
      }
      .amp-menu-ham > li {
        padding: 15px 30px;
        color: #fff;
      }
      .amp-menu-ham li a{
        color: #fff;
      }

      @media (max-width: 575px) {
        .mobile-menu {
          width: 100%;
          margin-top:157px;
        }
      }
      .header-btn-2 {
        background: #f39300;
        color: var(--bg2);
      }
      .header-btn-2:hover {
        background: #f39300;
        color: #fff;
        border: 1px solid #fff;
      }
      .m-menu ul li a:hover, .amp-menu-ham li a:hover {
        color: #f39300;
      }
      .m-menu {
        align-self: center;
      }
      .ham-icon rect {
        fill: #f39300;
      }
      @media (max-width: 575px){
        .h-btn{
          display:flex;
          flex-wrap: wrap;
          gap: 8px;
          width: 100%;
          justify-content: center;
        }
        .h-btn .hamburger-menu{
          display: flex;
        }
        .hamburger-menu {
          margin-left: 0;
        }
        .ham-icon rect {
          fill: #f39300;
        }
        .h-btn > .ham-btn {
          width: 100%;
        }
        .banner-wrapper.style3.bg-img {
          margin-top: 157px;
        }
        .btn {
          padding: 3.5px 20px 3.5px 9px;
        }
        nav {
          flex-wrap: wrap;
          gap: 10px;
          justify-content: center;
        }
      }
      .inline-img {
          display: flex;
          justify-content: center;
          margin: 30px auto;
      }
      .responsive-img{
        max-width: 100%;
        width: 100%;
        height: auto;
        display: block;
      }
      strong {
        font-weight: 700;
      }
      .banner-style3 .title {
          text-transform: uppercase;
      }
      .banner-style3 .subtitle {
        text-transform: uppercase;
      }
      @media (max-width: 480px) {
        .banner-wrapper.style3 .shape3 img {
          width: 310px;
          height: auto;
        }
        .banner-wrapper.style3 .shape3 {
          bottom: 124px;
        }
      }
      @media (max-width: 991px) {
        .about-section {
            padding: 80px 0;
        }
      }