@charset "UTF-8";
body {
  --primary-color: #C4FF04;
  --secondary-color: #1E73ED;
  --third-color: #FF99E1;
  --fourth-color: #E7E6E9;
  --fifth-color: #FFFE1A;
  --black-color: #000000;
  --white-color:#ffffff;
  --counter-color: #257FFF;
  --tab-color:#E5E4E7;
  --primary-black-text-color: #1E1E1E;
  --secondary-black-text-color: #222222;
  --btn-text-color: #111111;
}

* {
  font-family: "Open Sans", sans-serif;
}



html, body {
  margin: 0;
  padding: 0;
  height: 100% !important;
  width: 100%;
  font-weight: 400;
  color: var(--secondary-black-text-color);
  overflow: auto;
}

.bg-img {
  position: relative;
  background-image: url(../imgs/bg-img.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "PP Formula Condensed", sans-serif;
  font-weight: bold;
}

.btn {
  font-size: 14px;
  font-weight: 500;
  color: var(--btn-text-color);
  font-family: "Roboto", sans-serif;
  width: 200px;
  height: 44px;
  line-height: 30px;
}

.primary-btn:hover, .secondary-btn:hover, .blue-btn:hover, .white-btn:hover, .white-blue-btn:hover {
  box-shadow: 1px 1px 8px var(--black-color) !important;
}

.bg-color {
  background-color: var(--fourth-color);
}

.primary-btn, .primary-btn:hover, .primary-btn:active {
  background-color: var(--primary-color);
  border: 1px solid var(--black-color);
  box-shadow: 2px 2px 0px var(--black-color);
}

.secondary-btn, .secondary-btn:hover, .secondary-btn:active {
  background-color: var(--third-color) !important;
  border: 1px solid var(--black-color);
}

.blue-btn, .blue-btn:hover, .blue-btn:active {
  background-color: var(--secondary-color) !important;
  border: 1px solid var(--black-color);
  box-shadow: 2px 2px 0px var(--black-color);
  color: var(--white-color) !important;
}

.white-btn, .white-btn:hover, .white-btn:active {
  background-color: var(--white-color) !important;
  border: 1px solid var(--black-color);
  box-shadow: 2px 2px 0px var(--black-color);
  color: var(--black-color);
}

.white-blue-btn, .white-blue-btn:hover, .white-blue-btn:active {
  background-color: var(--white-color) !important;
  border: 1px solid var(--black-color);
  box-shadow: 2px 2px 0px var(--black-color);
  color: var(--secondary-color);
}

.large-text {
  font-size: 120px;
  font-weight: bold;
}

.main-text {
  font-size: 109.55px;
  color: var(--secondary-black-text-color);
  font-weight: 700;
  line-height: 114px;
}

.secondary-text {
  font-size: 89.88px;
  color: var(--secondary-black-text-color);
  font-weight: 700;
}

.third-text {
  font-size: 66.53px;
}

.fourth-text {
  font-size: 60px;
}

.fifth-text {
  font-size: 50px;
}

.six-text {
  font-size: 40px;
}

.slick-prev:before, .slick-next:before {
  color: var(--black-color) !important;
}

.title-box {
  background-color: var(--third-color);
  border: 1px solid var(--black-color);
  font-family: "Monument Extended", sans-serif;
  font-weight: 400;
  font-size: 17.92px;
  line-height: 17px;
}

.paragraphText {
  font-size: 16px;
  font-weight: 600;
  color: var(--secondary-black-text-color);
}

.marquee {
  display: inline-flex;
}
.marquee marquee {
  background-color: var(--primary-color);
  border: 1px solid var(--black-color);
}
.marquee marquee .marqueeText {
  font-family: "Monument Extended", sans-serif;
  color: var(--secondary-black-text-color);
  font-weight: 400;
  line-height: 18px;
  font-size: 18px;
}
.marquee marquee .marqueeText img {
  width: 20px;
  height: 20px;
}

.navbar-toggler-icon {
  background-image: url(../imgs/hamburger-Icon.png) !important;
}

.navbar-toggler {
  border: none !important;
}

.navbar-toggler:focus {
  box-shadow: none !important;
}

body header .navbar {
  border: 1px solid var(--black-color);
  height: 70px;
}
body header .navbar .border-right-btn {
  width: 1px;
  height: 70px;
  background: var(--black-color);
}
body header .navbar .navbar-brand img {
  width: 100%;
  max-width: 150px;
}
body header .navbar .border-left-btn {
  width: 1px;
  height: 70px;
  background: var(--black-color);
}
body header .navbar .navbar-nav .nav-item .nav-link {
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}
body header .navbar .navbar-nav .nav-item .service-dropdown {
  background-color: var(--fourth-color);
  top: 50%;
}
body header .navbar .navbar-nav .nav-item .animate {
  animation-duration: 0.3s;
  -webkit-animation-duration: 0.3s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  transform: translateY(0px);
}
@keyframes slideIn {
  0% {
    transform: translateY(0px);
    opacity: 0;
  }
  100% {
    transform: translateY(20px);
    opacity: 1;
  }
  0% {
    transform: translateY(0px);
    opacity: 0;
  }
}
body header .navbar .navbar-nav .nav-item .slideIn {
  animation-name: slideIn;
}
body header .navbar .offcanvas .contact-us {
  width: 148px;
  height: 38px;
  line-height: 22px;
  font-size: 16px;
}
body main .home .banner-section .scroll-text {
  overflow-x: auto;
  white-space: nowrap;
  width: 100%;
  height: 100%;
  scrollbar-width: none;
}
body main .home .banner-section .scroll-text .scroll-inner {
  display: inline-block;
  white-space: nowrap;
  scroll-snap-type: x mandatory;
  scroll-padding: 0px 2.25rem;
  scrollbar-width: none;
}
body main .home .banner-section .scroll-text .scroll-inner .scroll-inner-slider .menu-name {
  display: inline-block;
}
body main .home .banner-section .scroll-text .scroll-inner .scroll-inner-slider .menu-name div {
  display: inline-flex;
  align-items: center;
}
body main .home .banner-section .scroll-text .scroll-inner .scroll-inner-slider .menu-name div img {
  width: 25px;
  height: 25px;
}
body main .home .banner-section .scroll-text .scroll-inner .scroll-inner-slider .menu-name div p {
  font-family: "Dela Gothic One", sans-serif;
  font-weight: 400;
  font-size: 17px;
  margin: 0 0 0 4px;
}
body main .home .banner-section .scroll-text.active {
  cursor: grab;
  cursor: -webkit-grab;
}
body main .home .banner-section .banner-slider .slick-slider-banner {
  opacity: 1;
  transition: opacity 1s ease-out;
}
body main .home .banner-section .banner-slider .slick-active {
  opacity: 1 !important;
  transition: opacity 1s ease-in;
}
body main .home .banner-section .banner-slider .slick-cloned {
  opacity: 1;
}
body main .home .banner-section .banner-slider .banner-img {
  max-width: 550px;
  width: 100%;
}
body main .home .banner-section .banner-slider .btn {
  font-size: 14px;
  font-weight: 700;
  line-height: 28px;
}
body main .home .slider-section {
  background-color: var(--white-color);
  border-bottom: 1px solid var(--black-color);
}
body main .home .slider-section .slick-slider .slider {
  background-color: var(--white-color);
  border: 1px solid var(--black-color);
  width: 300px;
  min-height: 200px;
}
body main .home .slider-section .slick-slider .slider img {
  max-width: 240px;
  width: 100%;
  margin: auto;
}
body main .home .slider-section .slick-slider .slider .slider-text {
  color: var(--primary-black-text-color);
  font-weight: 700;
  font-size: 18px;
}
body main .home .slider-section .slick-slider .slick-dots {
  bottom: -45px;
}
body main .home .slider-section .slick-slider .slick-dots li {
  width: 15px !important;
  height: 15px !important;
  margin: 0 4px !important;
}
body main .home .slider-section .slick-slider .slick-dots li button:before {
  content: "◼" !important;
  font-size: 0px !important;
  opacity: 1 !important;
  width: 15px;
  height: 15px;
  background-color: var(--black-color);
}
body main .home .slider-section .slick-slider .slick-dots .slick-active button:before {
  font-size: 0px !important;
  background-color: var(--primary-color);
  color: transparent;
  opacity: 1 !important;
  border: 1px solid var(--black-color);
  width: 21px;
  height: 21px;
  position: absolute;
  top: -3px;
  left: -2px;
}
body main .home .excellent-service-level .excellent-service-mainText {
  max-width: 600px;
  width: 100%;
}
body main .home .excellent-service-level .excellent-service__inner {
  background-image: url(../imgs/home/excellent-service-bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  text-align: center;
}
body main .home .excellent-service-level .excellent-service__inner img {
  max-width: 340px;
  margin: auto;
  width: 100%;
}
body main .home .excellent-service-level .excellent__gaming {
  background-color: var(--primary-color);
  border: 0.5px solid var(--black-color);
  height: 100%;
}
body main .home .excellent-service-level .excellent__casino-engine {
  background-color: var(--third-color);
  border: 0.5px solid var(--black-color);
}
body main .home .excellent-service-level .excellent__bonus-engine {
  background-color: var(--fifth-color);
  border: 0.5px solid var(--black-color);
}
body main .home .excellent-service-level .excellent__jackpot-engine {
  background-color: var(--secondary-color);
  border: 0.5px solid var(--black-color);
}
body main .home .excellent-service-level .excellent-service-level__semiText {
  font-size: 21px;
  font-weight: 700;
}
body main .home .featured-products {
  border-top: 1px solid var(--black-color);
  border-bottom: 1px solid var(--black-color);
}
body main .home .featured-products .feature-name {
  background-color: var(--third-color);
  border: 0.5px solid var(--black-color);
  color: var(--secondary-black-text-color);
  display: inline-block;
}
body main .home .featured-products .featured-products__mainText {
  max-width: 700px;
  width: 100%;
  margin: auto;
  font-size: 60px;
}
body main .home .featured-products .featured-products__inner {
  background-color: var(--fourth-color);
  border: 1px solid var(--black-color);
}
body main .home .featured-products .featured-products__inner .featured-products__inner-img {
  max-width: 520px;
  width: 100%;
}
body main .home .featured-products .featured-products__inner .featured-products__year {
  border-left: 1px solid var(--black-color);
  justify-content: space-between;
}
body main .home .featured-products .featured-products__inner .featured-products__year .years {
  transform: rotate(180deg);
  writing-mode: vertical-rl;
  text-orientation: mixed;
  border-top: 1px solid var(--black-color);
  border-bottom: 1px solid var(--black-color);
}
body main .home .featured-products .featured-products__inner .featured-products__year .years div {
  font-family: "Monument Extended", sans-serif;
  font-weight: 400;
  height: 270px;
  text-align: center;
  width: 100%;
  font-size: 14px;
  letter-spacing: 7px;
}
body main .home .featured-products .featured-products__inner .featured-slider .feature-slider-row {
  min-height: 372px;
}
body main .home .featured-products .featured-products__inner .featured-slider .slick-prev:before, body main .home .featured-products .featured-products__inner .featured-slider .slick-next:before {
  font-size: 30px !important;
}
body main .home .featured-products .featured-products__inner .featured-slider .slick-next {
  right: -6%;
  position: absolute;
  top: 43px;
  transform: rotate(270deg);
}
body main .home .featured-products .featured-products__inner .featured-slider .slick-prev {
  left: 104.5%;
  position: absolute;
  top: 87.5%;
  transform: rotate(270deg);
}
body main .home .about-us {
  border-bottom: 1px solid var(--black-color);
}
body main .home .about-us img {
  max-width: 550px;
  width: 100%;
  margin: auto;
}
body main .home .covering-sports .sports-slider {
  background-color: var(--fourth-color);
  border-top: 1px solid var(--black-color);
  border-bottom: 1px solid var(--black-color);
  overflow-x: auto;
  white-space: nowrap;
  width: 100%;
  height: 100%;
  scrollbar-width: none;
  margin-top: -3px;
  cursor: pointer;
}
body main .home .covering-sports .sports-slider .sports-rowOne .sports-rowOne__sliderinner .sports-row__inner .sports {
  display: flex;
  align-items: center;
  font-size: 34.62px;
  margin-top: 10px;
}
body main .home .covering-sports .sports-slider .sports-rowOne .sports-rowOne__sliderinner .sports-row__inner .right-line {
  height: 70px;
  transform: rotate(20deg);
  width: 1px;
  background: var(--black-color);
  margin: 0 20px;
  margin-top: -5px;
}
body main .home .covering-sports .sports-slider .sports-rowOne .sports-rowOne__sliderinner .sports-row__inner img {
  width: 30px;
  height: 30px;
}
body main .home .covering-sports .sports-slider.active {
  cursor: grab;
  cursor: -webkit-grab;
}
body main .home .covering-sports .row3 .sports-rowOne .sports-rowOne__sliderinner .sports-row__inner .right-line {
  margin-bottom: -7px;
}
body main .exchange-iframe .inner-tabs {
  border: 1.64px solid var(--secondary-black-text-color);
  padding: 8px 10px;
  border-radius: 7px;
  box-shadow: 2px 2px 0px 0px var(--secondary-black-text-color);
  color: var(--secondary-black-text-color);
  font-family: "Dela Gothic One", sans-serif;
  font-weight: 400;
  font-size: 14px;
  width: 100%;
  height: 100%;
}
body main .exchange-iframe .activeTab {
  background-color: var(--secondary-color);
  color: var(--white-color);
  box-shadow: none;
}
body main .exchange-iframe .why-iframe .why-ifram-mobile-text div ul li {
  font-size: 12px;
  font-weight: 700;
  text-align: left;
}
body main .exchange-iframe .info-section {
  position: relative;
}
body main .exchange-iframe .info-section .bottom-border-section {
  border-bottom: 1px solid var(--black-color);
}
body main .exchange-iframe .info-section img {
  max-width: 900px;
  width: 100%;
  margin: auto;
}
body main .exchange-iframe .info-section::before {
  content: "";
  border-right: 1px solid #000;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  height: 100%;
}
body main .exchange-iframe .virtual-sports .virtualtabs .virtualtabs__inner h4 {
  font-size: 28px;
  font-weight: 700;
  line-height: 34px;
  transform: translateY(4px);
}
body main .exchange-iframe .virtual-sports .virtualtabs .virtualtabs__inner-one {
  background-color: var(--third-color);
}
body main .exchange-iframe .virtual-sports .virtualtabs .virtualtabs__inner-two {
  background-color: var(--secondary-color);
}
body main .exchange-iframe .virtual-sports .virtualtabs .virtualtabs__inner-three {
  background-color: var(--fifth-color);
}
body main .exchange-iframe .virtual-sports .virtualtabs .virtualtabs__inner-four {
  background-color: var(--primary-color);
}
body main .exchange-iframe .virtual-sports .virtualtabs .virtualtabs__inner {
  border: 1px solid var(--black-color);
}
body main .exchange-iframe .virtual-sports .virtualtabs .virtualtabs__inner .virtualtabs__inner-img {
  background-color: var(--white-color);
  border: 1px solid var(--black-color);
  box-shadow: 4px 4px 0px 0px var(--black-color);
  width: 65px;
  height: 65px;
  text-align: center;
  line-height: 46px;
}
body main .exchange-iframe .virtual-sports .virtualtabs .virtualtabs__inner .virtualtabs__inner-img img {
  width: 40px;
  height: 40px;
}
body main .exchange-iframe .virtual-sports .virtualtabs .virtual-sports-deatils .virtual-sports-deatils-img {
  max-width: 600px;
  width: 100%;
}
body main .exchange-iframe .inhouse {
  background-color: var(--fourth-color);
  border-top: 1px solid var(--black-color);
  border-bottom: 1px solid var(--black-color);
}
body main .exchange-iframe .inhouse img {
  max-width: 550px;
  width: 100%;
  margin: auto;
}
body main .casino-integration .banner-section .banner-img {
  max-width: 500px;
  margin: auto;
  width: 100%;
}
body main .casino-integration .banner-section p {
  margin-top: -22px;
}
body main .casino-integration .inner-tabs {
  border: 1.64px solid var(--secondary-black-text-color);
  padding: 8px 10px;
  border-radius: 7px;
  box-shadow: 2px 2px 0px 0px var(--secondary-black-text-color);
  color: var(--secondary-black-text-color);
  font-family: "Dela Gothic One", sans-serif;
  font-weight: 400;
  font-size: 12px;
  background-color: var(--white-color);
  width: 100%;
  height: 100%;
}
body main .casino-integration .activeTab {
  background-color: var(--secondary-color);
  color: var(--white-color);
  box-shadow: none;
}
body main .casino-integration .why-casino p {
  max-width: 900px;
  margin: auto;
  width: 100%;
}
body main .casino-integration .why-casino .why-casino-inner-bg {
  background-image: url(../imgs/casino-integration/why-casino-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
body main .casino-integration .why-casino .why-casino-inner-bg p {
  font-size: 14px;
  font-weight: 600;
  line-height: 20.8px;
}
body main .casino-integration .why-casino .why-casino-inner-bg img {
  width: 64px;
  height: 54px;
}
body main .casino-integration .fully-managed-section {
  border-top: 1px solid var(--black-color);
  border-bottom: 1px solid var(--black-color);
  position: relative;
}
body main .casino-integration .fully-managed-section::before {
  content: "";
  border-right: 1px solid var(--black-color);
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  height: 100%;
}
body main .casino-integration .fully-managed-section .fully-managed-img {
  max-width: 550px;
  margin: auto;
  width: 100%;
}
body main .casino-integration .casino-integration-featured .outer-box {
  border: 1px solid var(--secondary-black-text-color);
}
body main .casino-integration .casino-integration-featured .outer-box .inner-box-white {
  background-color: var(--white-color);
  border: 1px solid var(--secondary-black-text-color);
  box-shadow: 4px 4px 0px 0px var(--black-color);
}
body main .casino-integration .casino-integration-featured .outer-box .inner-box-white img {
  width: 45px;
}
body main .casino-integration .casino-integration-featured .outer-box h5 {
  font-size: 24.14px;
  color: var(--secondary-black-text-color);
  transform: translateY(6px);
}
body main .casino-integration .casino-integration-featured .bg-color-pink {
  background-color: var(--third-color);
}
body main .casino-integration .casino-integration-featured .bg-color-blue {
  background-color: var(--secondary-color);
}
body main .casino-integration .casino-integration-featured .bg-color-yellow {
  background-color: var(--fifth-color);
}
body main .casino-integration .casino-integration-featured .bg-color-green {
  background-color: var(--primary-color);
}
body main .casino-integration .featured-back-office .featured-back-office-text {
  transform: translateY(-17px);
}
body main .casino-integration .management-dashboards .management-dashboards-border {
  border: 1px solid var(--black-color);
}
body main .casino-integration .management-dashboards .management-dashboards-img img {
  position: absolute;
  top: -30px;
  right: 10px;
  max-width: 450px;
  width: 100%;
}
body main .casino-integration .business-trunkey .business-trunkey-img {
  max-width: 450px;
  margin: auto;
  width: 100%;
}
body main .casino-integration .customization-lobby {
  background-color: var(--fourth-color);
  border-top: 1px solid var(--black-color);
  border-bottom: 1px solid var(--black-color);
}
body main .casino-integration .customization-lobby .customization-lobby-img {
  max-width: 550px;
  margin-right: 0;
  width: 100%;
}

body main .service .banner-section p {
  margin-bottom: 0px !important;
  line-height: 25px;
  font-size: 16px;
  font-weight: 500;
}
body main .service .banner-section .large-text {
  font-size: 100px;
}
body main .service .banner-section a {
  text-transform: uppercase;
}
body main .service .banner-section a.btn {
  margin-top: 30px;
}
body main .service .in-numbers {
  background-color: var(--primary-color);
  padding: 20px 0px 40px;
  border: 1px solid #222222;
}
body main .service .in-numbers .in-numbers-content {
  margin-top: 20px;
  margin-bottom: 20px;
}
body main .service .in-numbers .in-numbers-content h3 {
  letter-spacing: 1px;
}
body main .service .in-numbers .in-numbers-content .in_numbers__inner {
  position: relative;
  width: 20%;
}
body main .service .in-numbers .in-numbers-content .in_numbers__inner .innertabs {
  border: 1px solid var(--black-color);
  background-color: var(--white-color);
  padding: 20px;
}
body main .service .in-numbers .in-numbers-content .in_numbers__inner .innertabs span {
  text-align: center;
  color: var(--counter-color);
  font-size: 45px;
  font-weight: 500;
  font-family: "Dela Gothic One", sans-serif;
}
body main .service .in-numbers .in-numbers-content .in_numbers__inner .innertabs small {
  color: var(--counter-color);
  font-size: 45px;
  font-weight: 800;
  text-transform: uppercase;
}
body main .service .in-numbers .in-numbers-content .in_numbers__inner .innertabs-title {
  background: var(--black-color);
  width: 80%;
  text-align: center;
  margin: auto;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translate(-50%);
  padding: 10px 10px 3px;
}
body main .service .in-numbers .in-numbers-content .in_numbers__inner .innertabs-title span {
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--white-color);
  font-family: "PP Formula Condensed", sans-serif;
  display: inline-block;
  letter-spacing: 1px;
}
body main .service .service-overview {
  text-align: center;
}
body main .service .service-overview .fifth-text span {
  font-size: 50px;
  text-transform: capitalize;
  font-family: "PP Formula Condensed", sans-serif;
  color: var(--counter-color);
  text-align: center;
}
body main .service .service-overview p {
  font-size: 18px;
  font-weight: 500;
}
body main .service .service-overview .outer-box {
  border: 1px solid var(--secondary-black-text-color);
  margin-bottom: 5px;
}
body main .service .service-overview .outer-box .inner-box-white {
  background-color: var(--white-color);
  border: 1px solid var(--secondary-black-text-color);
  box-shadow: 4px 4px 0px 0px var(--black-color);
}
body main .service .service-overview .outer-box .inner-box-white img {
  width: 60px;
}
body main .service .service-overview .outer-box h5 {
  font-size: 32px;
  font-weight: 700;
  color: var(--secondary-black-text-color);
  text-align: left;
  text-transform: uppercase;
  margin-bottom: 0px;
  transform: translateY(6px);
}
body main .service .service-overview .bg-color-pink {
  background-color: var(--third-color);
}
body main .service .service-overview .bg-color-blue {
  background-color: var(--secondary-color);
}
body main .service .service-overview .bg-color-yellow {
  background-color: var(--fifth-color);
}
body main .service .service-overview .bg-color-green {
  background-color: var(--primary-color);
}
body main .service .responsible-gaming .bottom-border-section {
  border: 1px solid var(--black-color);
}
body main .service .responsible-gaming .bottom-border-section p {
  font-size: 16px;
  font-weight: 500;
}
body main .service .responsible-gaming .bottom-border-section .fifth-text span {
  font-size: 50px;
  text-transform: capitalize;
  font-family: "PP Formula Condensed", sans-serif;
  color: var(--counter-color);
  text-align: center;
}
body main .service .responsible-gaming .border-right-section {
  border-right: 1px solid var(--black-color);
}
body main .service .responsible-gaming .border-left-section {
  border-left: 1px solid var(--black-color);
}
body main .service .responsible-gaming img {
  max-width: 500px;
  width: 100%;
  margin: auto;
}
body main .service .virtual-sports .virtualtabs .virtualtabs__inner-one {
  background-color: var(--third-color);
}
body main .service .virtual-sports .virtualtabs .virtualtabs__inner-two {
  background-color: var(--secondary-color);
}
body main .service .virtual-sports .virtualtabs .virtualtabs__inner-three {
  background-color: var(--fifth-color);
}
body main .service .virtual-sports .virtualtabs .virtualtabs__inner-four {
  background-color: var(--primary-color);
}
body main .service .virtual-sports .virtualtabs .virtualtabs__inner {
  border: 1px solid var(--black-color);
  width: 215px;
}
body main .service .virtual-sports .virtualtabs .virtualtabs__inner .virtualtabs__inner-img {
  background-color: var(--white-color);
  border: 1px solid var(--black-color);
  box-shadow: 4px 4px 0px 0px var(--black-color);
}
body main .service .virtual-sports .virtualtabs .virtualtabs__inner .virtualtabs__inner-img img {
  width: 30px;
}
body main .service .virtual-sports .virtualtabs .virtual-sports-deatils {
  max-width: 950px;
  margin: auto;
  width: 100%;
}
body main .service .virtual-sports .virtualtabs .virtual-sports-deatils .virtual-sports-deatils-img {
  max-width: 350px;
  width: 100%;
  margin: auto;
}
body main .service .service-tabs {
  background-color: var(--white-color);
  border-top: 1px solid var(--black-color);
  border-bottom: 1px solid var(--black-color);
}
body main .service .service-tabs p {
  font-size: 16px;
  font-weight: 500;
}
body main .service .service-tabs img {
  max-width: 450px;
  width: 100%;
  margin: auto;
}
body main .service .service-tabs .btn {
  margin-top: 20px;
}
body main .service .service-tabs .extra-text-color {
  text-transform: capitalize;
  font-family: "PP Formula Condensed", sans-serif;
  color: var(--counter-color);
  text-align: center;
}
body main .service .service-tabs ul {
  text-align: center;
  margin-bottom: 40px;
  border-bottom: none !important;
  gap: 20px;
}
body main .service .service-tabs ul li a {
  background-color: var(--tab-color) !important;
  border: 1px solid var(--black-color);
  box-shadow: 2px 2px 0px var(--black-color);
  color: var(--black-color);
  padding: 8px 80px;
  text-decoration: none;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 8px;
}
body main .service .service-tabs ul li a.active {
  background-color: var(--secondary-color) !important;
  border: 1px solid var(--black-color);
  box-shadow: 2px 2px 0px var(--black-color);
  color: var(--white-color) !important;
}
body main .service .service-tabs ul li a:hover {
  border-color: var(--black-color) !important;
}
body main .back-office .banner-section {
  margin-top: 30px;
}
body main .back-office .banner-section .banner-img {
  max-width: 500px;
  width: 100%;
  margin: auto;
}
body main .back-office .banner-section p {
  font-size: 16px;
  font-weight: 500;
}
body main .back-office  .fifth-text {
  text-transform: uppercase;
}
body main .back-office .back-office-sysytem .fifth-text span {
  font-size: 50px;
  text-transform: uppercase;
  font-family: "PP Formula Condensed", sans-serif;
  color: var(--counter-color);
  text-align: center;
}
body main .back-office .back-office-sysytem p {
  font-size: 16px;
  font-weight: 500;
}
body main .back-office .border-left-section {
  border-right: 1px solid var(--black-color);
}
body main .back-office .manage-features .fifth-text {
  text-transform: uppercase;
  text-align: center;
}
body main .back-office .manage-features p {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
}
body main .back-office .manage-features .outer-box {
  border: 1px solid var(--black-color);
  margin-top: 5px;
}
body main .back-office .manage-features .outer-box.bg-color-blue {
  background-color: var(--secondary-color);
}
body main .back-office .manage-features .outer-box .d-flex {
  flex-direction: column;
  position: relative;
  top: 2px;
}
body main .back-office .manage-features .outer-box h5 {
  color: var(--white-color);
  color: var(--white-color);
  font-size: 30px;
  margin-top: 20px;
  text-transform: capitalize;
  font-weight: 700;
}
body main .back-office .manage-features .outer-box .inner-box-green {
  background-color: var(--primary-color);
  border: 1px solid var(--secondary-black-text-color);
  box-shadow: 4px 4px 0px 0px var(--black-color);
}
body main .back-office .manage-features .outer-box .inner-box-green img {
  width: 70px;
}
body main .back-office .back-office-info-section {
  position: relative;
  border-top: 1px solid var(--black-color);
}
body main .back-office .back-office-info-section .bottom-border-section {
  border-bottom: 1px solid var(--black-color);
}
body main .back-office .back-office-info-section img {
  max-width: 450px;
  width: 100%;
  margin: auto;
}
body main .back-office .back-office-info-section .fifth-text span {
  font-size: 50px;
  text-transform: uppercase;
  font-family: "PP Formula Condensed", sans-serif;
  color: var(--counter-color);
  text-align: center;
}
body main .back-office .back-office-info-section p {
  font-size: 16px;
  font-weight: 500;
}
body main .back-office .back-office-info-section::before {
  content: "";
  border-right: 1px solid #000;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  height: 100%;
}
body main .back-office .main-feature .fifth-text {
  text-transform: uppercase;
  text-align: center;
}
body main .back-office .main-feature p {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
}
body main .back-office .main-feature .outer-box {
  border: 1px solid var(--black-color);
  margin-top: 5px;
}
body main .back-office .main-feature .outer-box.bg-color-yellow {
  background-color: var(--fifth-color);
}
body main .back-office .main-feature .outer-box .d-flex {
  flex-direction: column;
  position: relative;
  top: 2px;
}
body main .back-office .main-feature .outer-box h5 {
  color: var(--black-color);
  font-size: 30px;
  margin-top: 20px;
  text-transform: capitalize;
  font-weight: 700;
}
body main .back-office .main-feature .outer-box .inner-box-white {
  background-color: var(--white-color);
  border: 1px solid var(--secondary-black-text-color);
  box-shadow: 4px 4px 0px 0px var(--black-color);
}
body main .back-office .main-feature .outer-box .inner-box-white img {
  width: 70px;
}
body main .back-office .back-office-casino .back-office-casino-details {
  background-color: var(--white-color);
  border: 1px solid var(--black-color);
}
body main .back-office .back-office-casino .back-office-casino-details .back-office-casino-img {
  max-width: 600px;
  width: 100%;
}
body main .back-office .back-office-casino .back-office-casino-details .d-flex {
  flex-direction: column;
  justify-content: space-between;
}
body main .back-office .back-office-casino .back-office-casino-details .back-office-casino-content .fifth-text {
  font-size: 45px;
  text-transform: uppercase;
}
body main .back-office .back-office-casino .back-office-casino-details .back-office-casino-content .fifth-text span {
  font-size: 45px;
  font-family: "PP Formula Condensed", sans-serif;
  color: var(--third-color);
  text-align: center;
}
body main .back-office .back-office-casino .back-office-casino-details .back-office-casino-content p {
  font-size: 16px;
  font-weight: 500;
}
body main .back-office .back-office-casino .back-office-casino-details .fifth-text {
  font-size: 45px;
  text-transform: uppercase;
}
body main .back-office .back-office-casino .back-office-casino-details .fifth-text span {
  font-size: 45px;
  font-family: "PP Formula Condensed", sans-serif;
  color: var(--third-color);
  text-align: center;
}
body main .back-office .back-office-casino .back-office-casino-details p {
  font-size: 16px;
  font-weight: 500;
}
body main .about-us .banner-section .banner-img {
  max-width: 400px;
  margin: auto;
  width: 100%;
}
body main .about-us .about-us__in-numbers {
  background-color: var(--primary-color);
  padding: 20px 0px 10px;
  border: 1px solid #222222;
}
body main .about-us .about-us__in-numbers .about-us__in-numbers-content h3 {
  letter-spacing: 3px;
}
body main .about-us .about-us__in-numbers .about-us__in-numbers-content .about-us__in_numbers__inner {
  position: relative;
  width: 240px;
}
body main .about-us .about-us__in-numbers .about-us__in-numbers-content .about-us__in_numbers__inner .about-us__innertabs {
  border: 1px solid var(--black-color);
  background-color: var(--white-color);
  padding: 20px;
}
body main .about-us .about-us__in-numbers .about-us__in-numbers-content .about-us__in_numbers__inner .about-us__innertabs span {
  text-align: center;
  color: var(--counter-color);
  font-size: 45px;
  font-weight: 500;
  font-family: "Dela Gothic One", sans-serif;
}
body main .about-us .about-us__in-numbers .about-us__in-numbers-content .about-us__in_numbers__inner .about-us__innertabs small {
  color: var(--counter-color);
  font-size: 45px;
  font-weight: 800;
  text-transform: uppercase;
}
body main .about-us .about-us__in-numbers .about-us__in-numbers-content .about-us__in_numbers__inner .about-us__innertabs-title {
  background: var(--black-color);
  width: 80%;
  text-align: center;
  margin: auto;
  position: absolute;
  top: 88%;
  left: 50%;
  transform: translate(-50%);
}
body main .about-us .about-us__in-numbers .about-us__in-numbers-content .about-us__in_numbers__inner .about-us__innertabs-title span {
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--white-color);
  font-family: "PP Formula Condensed", sans-serif;
  display: inline-block;
  letter-spacing: 1px;
  line-height: 27.5px;
}
body main .about-us .our-fundamentals .fundamentalText {
  color: var(--counter-color);
  font-family: "PP Formula Condensed", sans-serif;
  font-weight: bold;
}
body main .about-us .our-fundamentals .our-fundamentals-paragraph {
  max-width: 750px;
  margin: auto;
  width: 100%;
}
body main .about-us .our-fundamentals .card-outer {
  box-shadow: 4.92px 4.92px 0px 0px var(--black-color);
  border: 1px solid var(--secondary-black-text-color);
  height: 100%;
  background-color: var(--white-color);
}
body main .about-us .our-fundamentals .card-outer .card-number {
  font-size: 112px;
  font-family: "Monument Extended", sans-serif;
  font-weight: 800;
  color: var(--secondary-black-text-color);
  opacity: 0.2;
  letter-spacing: 2px;
  line-height: 90px;
}
body main .about-us .our-fundamentals .card-outer .card-title {
  font-size: 32.59px;
  font-weight: 700;
  line-height: 39.11px;
  letter-spacing: 0.04em;
  color: var(--counter-color);
}
body main .about-us .our-fundamentals .card-outer .card-img-ab {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100px;
  height: 100px;
}
body main .payment-gateways .banner-section {

  margin-top: 30px;
}
body main .payment-gateways .banner-section .banner-img {
  max-width: 550px;
  margin: auto;
  width: 100%;
}
body main .payment-gateways .banner-section p {
  font-size: 16px;
  font-weight: 500;
}
body main .payment-gateways .main-features .fifth-text {
  text-transform: uppercase;
  text-align: center;
}
body main .payment-gateways .main-features p {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}
body main .payment-gateways .main-features .bg-color-pink {
  background-color: var(--third-color);
}
body main .payment-gateways .main-features .bg-color-blue {
  background-color: var(--secondary-color);
}
body main .payment-gateways .main-features .bg-color-yellow {
  background-color: var(--fifth-color);
}
body main .payment-gateways .main-features .bg-color-green {
  background-color: var(--primary-color);
}
body main .payment-gateways .main-features .outer-box {
  border: 1px solid var(--black-color);
  margin-top: 5px;
}
body main .payment-gateways .main-features .outer-box .d-flex {
  flex-direction: column;
  position: relative;
  top: 2px;
}
body main .payment-gateways .main-features .outer-box .inner-box-white {
  background-color: var(--white-color);
  border: 1px solid var(--secondary-black-text-color);
  box-shadow: 4px 4px 0px 0px var(--black-color);
}
body main .payment-gateways .main-features .outer-box .inner-box-white img {
  width: 70px;
}
body main .payment-gateways .main-features .outer-box h5 {
  color: var(--black-color);
  font-size: 30px;
  margin-top: 20px;
  text-transform: capitalize;
  font-weight: 700;
  text-align: center;
}
body main .payment-gateways .online-casino-transction {
  border-bottom: 1px solid var(--black-color);
}
body main .payment-gateways .online-casino-transction .fifth-text {
  text-transform: uppercase;
  text-align: center;
}
body main .payment-gateways .online-casino-transction .fifth-text span {
  font-size: 50px;
  text-transform: uppercase;
  font-family: "PP Formula Condensed", sans-serif;
  color: var(--counter-color);
  text-align: center;
}
body main .payment-gateways .online-casino-transction .border-left-section p {
  font-size: 18px;
  font-weight: 500;
}
body main .affiliate-system .banner-section {
  background-color: var(--white-color);
  margin-top: 30px;
  border-bottom: 1px solid var(--black-color);
  border-top: 1px solid var(--black-color);
}
body main .affiliate-system .banner-section p {
  font-size: 16px;
  font-weight: 500;
  max-width: 350px;
}
body main .affiliate-system .banner-section .banner-img {
  float: right;
}
body main .affiliate-system .manage-features .fifth-text {
  text-transform: uppercase;
  text-align: center;
}
body main .affiliate-system .manage-features p {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
}
body main .affiliate-system .manage-features .outer-box {
  border: 1px solid var(--black-color);
  margin-top: 5px;
}
body main .affiliate-system .manage-features .outer-box.bg-color-blue {
  background-color: var(--secondary-color);
}
body main .affiliate-system .manage-features .outer-box.bg-color-pink {
  background-color: var(--third-color);
}
body main .affiliate-system .manage-features .outer-box.bg-color-yellow {
  background-color: var(--fifth-color);
}
body main .affiliate-system .manage-features .outer-box.bg-color-green {
  background-color: var(--primary-color);
}
body main .affiliate-system .manage-features .outer-box .d-flex {
  flex-direction: column;
  position: relative;
  top: 2px;
}
body main .affiliate-system .manage-features .outer-box h5 {
  color: var(--black-color);
  font-size: 30px;
  margin-top: 20px;
  text-transform: capitalize;
  font-weight: 700;
  text-align: center;
}
body main .affiliate-system .manage-features .outer-box .inner-box-green {
  background-color: var(--white-color);
  border: 1px solid var(--secondary-black-text-color);
  box-shadow: 4px 4px 0px 0px var(--black-color);
}
body main .affiliate-system .manage-features .outer-box .inner-box-green img {
  width: 70px;
}
body main .affiliate-system .affiliate-info-section {
  position: relative;
  border-top: 1px solid var(--black-color);
}
body main .affiliate-system .affiliate-info-section .bottom-border-section {
  border-bottom: 1px solid var(--black-color);
}
body main .affiliate-system .affiliate-info-section img {
  max-width: 500px;
  width: 100%;
  margin: auto;
}
body main .affiliate-system .affiliate-info-section .fifth-text span {
  font-size: 50px;
  text-transform: uppercase;
  font-family: "PP Formula Condensed", sans-serif;
  color: var(--counter-color);
  text-align: center;
}
body main .affiliate-system .affiliate-info-section p {
  font-size: 17px;
  font-weight: 500;
}
body main .affiliate-system .affiliate-info-section::before {
  content: "";
  border-right: 1px solid #000;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  height: 100%;
}
body main .bonus-engine .banner-section .banner-img {
  max-width: 430px;
  margin: auto;
  width: 100%;
}
body main .bonus-engine .inner-tabs {
  border: 1.64px solid var(--secondary-black-text-color);
  padding: 8px 10px;
  border-radius: 7px;
  box-shadow: 2px 2px 0px 0px var(--secondary-black-text-color);
  color: var(--secondary-black-text-color);
  font-family: "Dela Gothic One", sans-serif;
  font-weight: 400;
  font-size: 12px;
  background-color: var(--white-color);
  width: 100%;
  height: 100%;
}
body main .bonus-engine .activeTab {
  background-color: var(--secondary-color);
  color: var(--white-color);
  box-shadow: none;
}
body main .bonus-engine .tab-content .numberText-box {
  border: 1px solid var(--black-color);
  height: -moz-fit-content;
  height: fit-content;
  width: 30%;
}
body main .bonus-engine .tab-content .numberText-box .upper-box {
  background-color: var(--primary-color);
  height: 120px;
  position: relative;
  border-bottom: 4px solid var(--black-color);
}
body main .bonus-engine .tab-content .numberText-box .upper-box .upper-box-number {
  font-size: 70.37px;
  line-height: 84.45px;
  font-weight: 700;
  transform: translateY(10px);
}
body main .bonus-engine .tab-content .numberText-box .upper-box::before {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-color: var(--black-color) transparent transparent transparent;
  border-style: solid;
  border-width: 20px;
}
body main .bonus-engine .tab-content .numberText-box .upper-box::after {
  content: "";
  display: block;
  position: absolute;
  top: 99%;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-color: var(--primary-color) transparent transparent transparent;
  border-style: solid;
  border-width: 16px;
}
body main .bonus-engine .tab-content .numberText-box .lower-box {
  background-color: var(--counter-color);
}
body main .bonus-engine .tab-content .numberText-box .lower-box p {
  font-size: 13px;
  font-weight: 700;
  color: var(--white-color);
  line-height: 17px;
}
body main .bonus-engine .tab-content .tab-detail-small-overview {
  padding: 0px 5px;
}
body main .bonus-engine .tab-content .tab-detail-small-overview .row .col-4 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
body main .bonus-engine .tab-content .tab-detail-small-overview .row .col-4 .numberText-box {
  width: 100%;
  margin-bottom: 10px;
}
body main .bonus-engine .bonus-highlights-section {
  border-top: 1px solid var(--black-color);
  border-bottom: 1px solid var(--black-color);
  position: relative;
}
body main .bonus-engine .bonus-highlights-section::before {
  content: "";
  border-right: 1px solid var(--black-color);
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  height: 100%;
}
body main .bonus-engine .bonus-integration-featured .inner-box-white {
  background-color: var(--white-color);
  border: 1px solid var(--secondary-black-text-color);
  box-shadow: 4px 4px 0px 0px var(--black-color);
}
body main .bonus-engine .bonus-integration-featured .inner-box-white img {
  width: 40px;
}
body main .bonus-engine .bonus-integration-featured h5 {
  font-size: 30px;
  color: var(--secondary-black-text-color);
  transform: translateY(6px);
}
body main .bonus-engine .bonus-integration-featured .bg-color-pink {
  background-color: var(--third-color);
}
body main .bonus-engine .bonus-integration-featured .bg-color-blue {
  background-color: var(--secondary-color);
}
body main .bonus-engine .bonus-integration-featured .bg-color-yellow {
  background-color: var(--fifth-color);
}
body main .bonus-engine .bonus-integration-featured .bg-color-green {
  background-color: var(--primary-color);
}
body main .bonus-engine .limitless-ways .limitless-ways-img {
  max-width: 400px;
  margin: auto;
  width: 100%;
}
body main .bonus-engine .ultimated-tool {
  border: 1px solid var(--black-color);
  background-color: var(--fourth-color);
}
body main .bonus-engine .ultimated-tool .ultimated-tool-img, body main .bonus-engine .ultimated-tool .automated-gaming-img {
  max-width: 500px;
  margin: auto;
  width: 100%;
}
body main .bonus-engine .ultimated-tool .ultimated-tool-title {
  font-size: 45.75px;
  line-height: 54.9px;
  font-weight: 700;
  letter-spacing: 1px;
}
body main .bonus-engine .ultimated-tool p {
  font-size: 16px;
  font-weight: 600;
}
body main .bonus-engine .ultimated-tool a {
  color: var(--secondary-color) !important;
}
body main .bonus-engine .tournaments {
  border-top: 1px solid var(--black-color);
  border-bottom: 1px solid var(--black-color);
  background-color: var(--fourth-color);
}
body main .bonus-engine .tournaments .tournaments-img {
  max-width: 500px;
  width: 100%;
  margin: auto;
}
body main .bonus-engine .gamifiction .gaminfication-img {
  max-width: 450px;
  width: 100%;
  margin: auto;
}
body main .bonus-engine .gamifiction .platform-features-img {
  max-width: 550px;
  width: 100%;
  margin: auto;
}
body main .jackpot-engine-integration .banner-section .banner-img {
  max-width: 500px;
  margin: auto;
  width: 100%;
}
body main .jackpot-engine-integration .inner-tabs {
  border: 1.64px solid var(--secondary-black-text-color);
  padding: 8px 10px;
  border-radius: 7px;
  box-shadow: 2px 2px 0px 0px var(--secondary-black-text-color);
  color: var(--secondary-black-text-color);
  font-family: "Dela Gothic One", sans-serif;
  font-weight: 400;
  font-size: 12px;
  background-color: var(--white-color);
  width: 100%;
  height: 100%;
}
body main .jackpot-engine-integration .activeTab {
  background-color: var(--secondary-color);
  color: var(--white-color);
  box-shadow: none;
}
body main .jackpot-engine-integration .jackpot-tab .why-jackpot p {
  max-width: 900px;
  margin: auto;
  width: 100%;
  font-weight: 600;
}
body main .jackpot-engine-integration .jackpot-tab .why-jackpot p.center-content {
  font-size: 18px;
  font-weight: 600;
  line-height: 20.8px;
}
body main .jackpot-engine-integration .jackpot-tab .why-jackpot .why-jackpot-inner-bg p {
  font-size: 19px;
  font-weight: 600;
  line-height: 20.8px;
}
body main .jackpot-engine-integration .jackpot-tab .why-jackpot .why-jackpot-inner-bg.blue-bg {
  background-color: var(--secondary-color);
  color: var(--primary-color);
  border: 1px solid var(--black-color);
}
body main .jackpot-engine-integration .jackpot-tab .why-jackpot .why-jackpot-inner-bg.green-bg {
  background-color: var(--primary-color);
  color: var(--secondary-color);
  border: 1px solid var(--black-color);
}
body main .jackpot-engine-integration .explore-jackpot-section {
  border-top: 1px solid var(--black-color);
  border-bottom: 1px solid var(--black-color);
  position: relative;
}
body main .jackpot-engine-integration .explore-jackpot-section::before {
  content: "";
  border-right: 1px solid var(--black-color);
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  height: 100%;
}
body main .jackpot-engine-integration .explore-jackpot-section .explore-jackpot-img {
  max-width: 550px;
  margin: auto;
  width: 100%;
}
body main .jackpot-engine-integration .jackpot-featured .outer-box {
  border: 1px solid var(--secondary-black-text-color);
}
body main .jackpot-engine-integration .jackpot-featured .outer-box .inner-box-white {
  background-color: var(--white-color);
  border: 1px solid var(--secondary-black-text-color);
  box-shadow: 4px 4px 0px 0px var(--black-color);
}
body main .jackpot-engine-integration .jackpot-featured .outer-box .inner-box-white img {
  width: 45px;
}
body main .jackpot-engine-integration .jackpot-featured .outer-box h5 {
  font-size: 24.14px;
  color: var(--secondary-black-text-color);
  transform: translateY(6px);
}
body main .jackpot-engine-integration .jackpot-featured .bg-color-pink {
  background-color: var(--third-color);
}
body main .jackpot-engine-integration .jackpot-featured .bg-color-blue {
  background-color: var(--secondary-color);
}
body main .jackpot-engine-integration .jackpot-featured .bg-color-yellow {
  background-color: var(--fifth-color);
}
body main .jackpot-engine-integration .jackpot-featured .bg-color-green {
  background-color: var(--primary-color);
}
body main .jackpot-engine-integration .jackpot-development .jackpot-development-details {
  background-color: var(--fourth-color);
  border: 1px solid var(--black-color);
}
body main .jackpot-engine-integration .jackpot-development .jackpot-development-details .jackpot-development-img {
  max-width: 600px;
  width: 100%;
}
body main .jackpot-engine-integration .jackpot-development .jackpot-development-details .d-flex {
  flex-direction: column;
  justify-content: space-between;
}
body main .jackpot-engine-integration .jackpot-development .jackpot-development-details .jackpot-development-content .fifth-text {
  font-size: 45px;
  text-transform: uppercase;
}
body main .jackpot-engine-integration .jackpot-development .jackpot-development-details .jackpot-development-content .fifth-text span {
  font-size: 45px;
  font-family: "PP Formula Condensed", sans-serif;
  color: var(--third-color);
  text-align: center;
}
body main .jackpot-engine-integration .jackpot-development .jackpot-development-details .jackpot-development-content p {
  font-size: 16px;
  font-weight: 600;
}
body main .jackpot-engine-integration .jackpot-development .jackpot-development-details .fifth-text {
  font-size: 45px;
  text-transform: uppercase;
}
body main .jackpot-engine-integration .jackpot-development .jackpot-development-details .fifth-text span {
  font-size: 45px;
  font-family: "PP Formula Condensed", sans-serif;
  color: var(--third-color);
  text-align: center;
}
body main .jackpot-engine-integration .jackpot-development .jackpot-development-details p {
  font-size: 16px;
  font-weight: 500;
}
body main .jackpot-engine-integration .customization-lobby {
  background-color: var(--fourth-color);
  border-top: 1px solid var(--black-color);
  border-bottom: 1px solid var(--black-color);
}
body main .jackpot-engine-integration .customization-lobby .customization-lobby-img {
  max-width: 550px;
  margin-right: 0;
  width: 100%;
}
body main .jackpot-engine-integration .platform-features .accordion {
  font-family: "Open Sans", sans-serif;
}
body main .jackpot-engine-integration .platform-features .accordion .accordion-button:not(.collapsed) {
  background-color: var(--primary-color);
  color: var(--primary-black-text-color);
}
body main .jackpot-engine-integration .platform-features .accordion .accordion-button:focus {
  box-shadow: none;
}
body main .jackpot-engine-integration .platform-features .accordion .accordion-button:not(.collapsed)::after {
  background-image: url(../imgs/jackpot/accordion-after.png);
}
body main .jackpot-engine-integration .platform-features .accordion .accordion-button::after {
  background-image: url(../imgs/jackpot/accordion-before.png);
}
body main .jackpot-engine-integration .platform-features .accordion .accordion-item {
  border: 1px solid var(--black-color);
}
body main .jackpot-engine-integration .platform-features .accordion .accordion-item .accordion-header .accordion-button {
  font-weight: 700;
  font-size: 20px;
  font-family: "Open Sans", sans-serif;
}
body main .jackpot-engine-integration .platform-features .accordion .accordion-item .accordion-body p {
  font-weight: 600;
}
body footer .footerOne {
  background-color: var(--third-color);
}
body footer .footerOne .footerOne__inner {
  max-width: 650px;
  width: 100%;
  margin: auto;
}
body footer .footerOne .footerOne__inner h3 {
  line-height: 70px;
}
body footer .footerOne .footerOne-inner-aboutUs {
  max-width: 700px;
}
body footer .footerOne .footerOne-inner-aboutUs p {
  font-size: 18.91px;
  line-height: 30.26px;
  font-weight: 600;
}
body footer .footerOne .footerOne-inner-aboutUs span {
  font-size: 15.48px;
  font-weight: 600;
  line-height: 24.78px;
  letter-spacing: 1px;
}
body footer .footerTwo {
  border: 1px solid var(--black-color);
}
body footer .footerTwo .footer-inner::before {
  content: "";
  position: absolute;
  left: 35%;
  transform: translateX(-50%);
  width: 1px;
  height: 100%;
  background-color: var(--black-color);
}
body footer .footerTwo .footer-inner::after {
  content: "";
  position: absolute;
  right: 35%;
  transform: translateX(-50%);
  width: 1px;
  height: 100%;
  background-color: var(--black-color);
}
body footer .footerTwo .footer-title {
  font-size: 23px;
  font-weight: 700;
  line-height: 28px;
}
body footer .footerTwo .footer-text {
  font-size: 13px;
  font-weight: 600;
}
body footer .footerTwo .left-right__border .footer-logo img {
  max-width: 240px;
  width: 100%;
  margin: auto;
}
body footer .copyright-section .copyright-inner {
  max-width: 800px;
  width: 100%;
  margin: auto;
}
body footer .copyright-section img {
  width: 35px;
}
body footer .copyright-section p {
  font-size: 13px;
  font-weight: 600;
}/*# sourceMappingURL=custom.css.map */
.button-container {
  display: flex;
  justify-content: flex-start;
  gap: 60px; /* Adjust the gap as needed */
}
html {
  scroll-behavior: smooth;
}