@font-face {
  font-family: sf pro text;
  src: local("SF Pro Text"),local("SF Pro Text"),url(../fonts/sfpro/sf-pro-text-regular.woff2) format("woff2"),url(../fonts/sfpro/sf-pro-text-regular.woff) format("woff"),url(../fonts/sfpro/sf-pro-text-regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: sf pro text;
  src: local("SF Pro Text"),local("SF Pro Text Medium"),url(../fonts/sfpro/sf-pro-text-medium.woff2) format("woff2"),url(../fonts/sfpro/sf-pro-text-medium.woff) format("woff"),url(../fonts/sfpro/sf-pro-text-medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: sf pro text;
  src: local("SF Pro Text"),local("SF Pro Text Semibold"),url(../fonts/sfpro/sf-pro-text-semibold.woff2) format("woff2"),url(../fonts/sfpro/sf-pro-text-semibold.woff) format("woff"),url(../fonts/sfpro/sf-pro-text-semibold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: sf pro text;
  src: local("SF Pro Text"),local("SF Pro Text Bold"),url(../fonts/sfpro/sf-pro-text-bold.woff2) format("woff2"),url(../fonts/sfpro/sf-pro-text-bold.woff) format("woff"),url(../fonts/sfpro/sf-pro-text-bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: blender pro;
  src: local("Blender Pro"),local("Blender Pro"),url(../fonts/blender/blenderpro-medium.woff2) format("woff2"),url(../fonts/blender/blenderpro-medium.woff) format("woff"),url(../fonts/blender/blenderpro-medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: blender pro;
  src: local("Blender Pro"),local("Blender Pro"),url(../fonts/blender/blenderpro-bold.woff2) format("woff2"),url(../fonts/blender/blenderpro-bold.woff) format("woff"),url(../fonts/blender/blenderpro-bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap
}

/* @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"); */

*:focus {
  outline: none !important
}

html {
  scroll-behavior: smooth;
}

body {
  background-color: #E7E7E7;
  font-family: sf pro text, arial, sans-serif;
  font-weight: 400;
  color: #272726;
  font-size: 16px;
  line-height: 22px;
}

.custom-body {
  background: linear-gradient(to top, rgba(144,1,136,1) 0%, rgba(38,6,38,1) 90%, rgba(23,0,28,.7) 100%), url(../images/main-bg-2.jpg) 50% 0;
  background-size: contain;
  background-repeat: no-repeat;
}

h1, h2, h3, h4, h5 {
  font-family: blender pro, arial, sans-serif;
  margin-bottom: 20px;
  text-transform: capitalize;
  font-weight: 700;
}

h1 {
  font-size: 26px;
}

h2 {
  font-size: 22px;
}

h3 {
  font-size: 18px;
}

h3 span {
  display: block;
  color: #8a8a8a;
  font-size: 16px;
  font-weight: 400;
}

a {
  color: #272726;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

ul{
  margin: 0;
  padding: 0;
  list-style: none;
}

table {
  width: 100%;
  font-size: 14px;
}

table td:not(:last-child) {
  border-right: 3px solid #fff;
}

table td {
  background-color: #f2f2f2;
  border: none;
  border-bottom: 3px solid #fff;
  padding: 20px;
}

.bi {
  padding: 0 5px 0 0;
}

.bi-check-lg {
  color: rgba(149, 7, 7, 0.718);
}

.bi-check-circle-fill {
  color: #11cd59;
}

.bi-x-circle-fill {
  color: rgb(249, 15, 15);
}

.bi-shield-fill-check {
  color: #139c2a;
}

.bi-arrow-down-circle-fill {
  display: inline-block;
  padding: 5px 0 0 0;
  color: #ffffff75;
  font-size: 26px;
}


.line-top {
  border-top: solid #d9d9d9 1px;
}

.line-bottom {
  border-bottom: solid #d9d9d9 1px;
}

.navbar {
  padding: 15px;
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
  background: #000;
}

.header-menu {
  display: inline-table;
  width: 100%;
  list-style: none;
}

.header-menu li {
  display: inline-block;
}

.header-menu li a {
  display: inline-block;
  padding: 5px 10px;
  color: #fff;
  text-transform: capitalize;
  text-decoration: underline;
}

.header-menu li a:hover {
  text-decoration: none;
}

.navbar-toggler {
  padding: 0;
}

.navbar-toggler-icon {
  width: 30px;
  height: 30px;
  background: url('../images/h-ico-b.png') 0 0 no-repeat;
  background-size: 100%;
}

.main-logo {
  display: inline-block;
  position: relative;
  width: 100px;
  height: 30px;
  background: url('../images/logo.svg') 0 0 no-repeat;
  background-size: contain;
  text-decoration: none;
}

@keyframes pulse {
    0% {
        transform: scale(0.95);
    }

    70% {
        transform: scale(1);
    }

    100% {
        transform: scale(0.95);
    }
}


.main-big-button {
  display: inline-block;
  width: 280px;
  height: 100px;
  background: url('../images/bg-button.png') 0 0 no-repeat;
  background-size: 100%;

  transform: scale(1);
  animation: pulse 2s infinite;
}

.main-button {
  display: inline-block;
  margin-bottom: 10px;
  padding: 15px 55px;
  background-color: #2ded78;
  border-radius: 25px;
  border: solid #11cd59 1px;
  text-decoration: none;
  text-transform: capitalize;
  color: #02421b!important;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  box-shadow: 0 0px 1px rgba(0,0,0,.7);
}

.main-button:hover {
  background-color: #cafadd!important;
  color: #02421b!important;
  text-decoration: none;
}

.main-button.wide-btn {
  width: 100%;
}

.header-main-container {
  min-height: 450px;
  background: linear-gradient(to top, rgba(146, 2, 171, 0.688), rgb(0, 0, 0)), url(../images/main-bg.jpg) repeat-x 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
  border-radius: 25px;
  background-color: #fff;
  border-bottom: solid #d9d9d9 1px;
  color: #fff;
}

.header-main-container-2 {
  min-height: auto;
  background: none;
  /*background-size: cover;
  background-repeat: no-repeat;*/
  box-shadow: none;
  border-radius: 0;
  background-color: transparent;
  border-bottom: none;
  color: #fff; 
}

.header-main-container h1 {
  font-size: 48px;
  line-height: normal;
}

.header-main-container h1 span {
  color: #2ded78;
  font-size: 32px;
}

/*.header-main-container-2 h1 span {
  font-size: 38px;
}*/

.header-main-container p {
  font-size: 18px;
  line-height: 22px;
}

.header-main-container .score {
  margin-top: -60px;
  font-size: 24px;
  font-family: blender pro, arial, sans-serif;
}

.header-main-container .score strong {
  display: block;
  margin-top: 10px;
  font-size: 48px;
}

.header-container {
  font-size: 18px;
}

.header-container h1 {
  font-size: 36px;
}

.casino-block {
  padding-top: 15px;
  padding-bottom: 15px;
  align-items: center;
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
  border-radius: 25px;
  background-color: #fff;
  border-bottom: solid #d9d9d9 1px;
  color: #272726;
}

.casino-block p {
  color: #949494;
  font-size: 12px;
  font-weight: 400;
}

.casino-block .main-button {
  margin-bottom: 0;
  padding: 10px 35px;
  border-radius: 6px;
  font-size: 16px;
}

.casino-list-block {
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
  border-radius: 25px;
  background-color: #fff;
  border-bottom: solid #d9d9d9 1px;
  /* font-size: 16px;
  line-height: 22px; */
}

.casino-list-block .col-2, .casino-list-block .col-1 {
  border-right: solid #d9d9d9 1px;
  border-bottom: solid #d9d9d9 1px;
}

.casino-list-block .col-2 h1 {
  margin: 15px 0 0 0!important;
  font-size: 42px;
  line-height: 52px;
}

.casino-list-block .col-6, .casino-list-block .col-8 {
  border-right: solid #d9d9d9 1px;
  border-bottom: solid #d9d9d9 1px;
}

.casino-list-block .col-4 {
  border-bottom: solid #d9d9d9 1px;
}

.casino-list-banner {
  border-radius: 25px;
  border: solid #d9d9d9 1px;
  /* background: url('../images/bg_1.png') 0 0 no-repeat; */
  /* background-size: cover; */
  /* background: linear-gradient(to top, transparent, rgb(242, 193, 89)), url(../images/bg_1.png); */
}

.bg-block-1 {
  background: url(../images/bg_1.png) repeat-x 50% 0, linear-gradient(to top, rgba(34, 202, 244, 0.5), rgba(4, 68, 141));
  /* background-size: cover; */
}

.bg-block-2 {
  background: url(../images/bg_1.png) repeat-x 50% 0, linear-gradient(to top, rgb(243 134 10), rgb(116 68 1), rgb(0 0 0));
  /* url(../images/bg_1.png) repeat-x 50% 0, linear-gradient(to top, rgba(243, 45, 15, 0.5), rgba(224, 222, 222, 0.5), rgba(5, 86, 185)); */
}

.bg-block-3 {
  background: url(../images/bg_1.png) repeat-x 50% 0, linear-gradient(to top, rgba(34, 244, 76, 0.5), rgb(1, 39, 9));
}

.bg-block-3-a {
  background: url(../images/bg_1.png) repeat-x 50% 0, linear-gradient(to top, #2348f09e, #02199c);
}

.bg-block-4 {
  background: linear-gradient(to top, rgba(208, 44, 19, 0.3), rgba(222, 33, 3)), url(../images/bg_2.svg);
}

.bg-block-5 {
  background: url(../images/bg_1.png) repeat-x 50% 0, linear-gradient(to top, rgba(243, 37, 5, 0.9), rgb(0, 5, 1));
}

.bg-block-5-a {
  background: url(../images/bg_1.png) repeat-x 50% 0, linear-gradient(to left, #3f259d9e, #0e023e);
}

.bg-block-8 {
  background: url(../images/bg_1.png) repeat-x 50% 0, linear-gradient(to top, #082ccf, #fafafa);
}

.bg-block-9 {
  background: url(../images/bg_1.png) repeat-x 50% 0, linear-gradient(to top, #05db7f, #01093a);
}

.bg-block-10 {
  background: url(../images/bg_1.png) repeat-x 50% 0, linear-gradient(to left, #1c2972, #ee6508);
}

.bg-block-11 {
  background: url(../images/bg_1.png) repeat-x 50% 0, linear-gradient(to top, #a10381, #f3f3f3);
}

.bg-block-11-a {
  background: linear-gradient(to top, rgb(237 137 25 / 91%), rgb(3 47 177 / 94%)), url(../images/bg_2.svg);
}

.bg-block-12 {
  background: url(../images/bg_1.png) repeat-x 50% 0, linear-gradient(to top, rgb(111 10 129), rgb(203 173 229));
}

.bg-block-12 {
  background: url(../images/bg_1.png) repeat-x 50% 0, linear-gradient(to top, rgb(111 10 129), rgb(203 173 229));
}

.bg-block-13 {
  background: url(../images/bg_1.png) repeat-x 50% 0, linear-gradient(to top, rgb(184 141 242), rgb(154 81 255), rgb(55 2 118));
}

.bg-block-14 {
  background: url(../images/bg_1.png) repeat-x 50% 0, linear-gradient(to top, rgb(253 186 0), rgb(245 117 54), rgb(0 0 0));
}

.bg-block-15 {
  background: url(../images/bg_1.png) repeat-x 50% 0, linear-gradient(to top, rgb(253 186 0), rgb(255 85 0), rgb(0 0 0));
}

.bg-block-16 {
  background: url(../images/bg_1.png) repeat-x 50% 0, linear-gradient(to top, #080418, #1f1446, rgb(75 80 138));
}

.bg-block-17 {
  background: url(../images/bg_1.png) repeat-x 50% 0, linear-gradient(to top, #142a2a, #142a2a, #4b6a6a);
}



.casino-list-banner h1 {
  color: #fff;
  text-shadow: 0px 2px 4px #333333;
}

.accordion .card {
  border: none;
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}

.accordion .card-header {
  padding: 0;
  background-color: #fff;
}

.accordion .btn {
  width: 100%;
  padding: 15px 20px;
  text-align: left;
  border-bottom: solid #d9d9d9 1px;
  color: #272726;
}

.accordion .btn h3 span {
  font-size: 28px;
}

footer {
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
  color: #ffffff80;
  text-transform: capitalize; 
  font-size: 12px;
  background: #272726;
}

.footer-2 {
  background-color: #150317;
}

footer .header-menu li a {
  color: #ffffff80;
  font-size: 12px;
}

@media screen and (max-width: 767px) {
  .custom-body {
    background: url(../images/main-bg-2.jpg) 50% 0, linear-gradient(to top, rgba(144,1,136,1) 0%, rgba(38,6,38,1) 90%, rgba(23,0,28,.8) 100%);
    background-size: contain;
    background-repeat: no-repeat;

  }

  .header-container h1 {
    font-size: 23px;
  }

  .header-main-container-2 h1 {
    font-size: 32px;
    line-height: 42px;
  }

  .header-main-container-2 h1 span {
    font-size: 24px;
  }

}