@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: #f1ebeb;
  /* font-family: sf pro text, arial, sans-serif; */
  font-family: blender pro, arial, sans-serif;
  font-weight: 400;
  color: #272726;
  font-size: 16px;
  line-height: 22px;
}

h1, h2, h3, h4, h5 {
  font-family: blender pro, arial, sans-serif;
  /* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
  margin-bottom: 20px;
  text-transform: capitalize;
  font-weight: 700;
}

h1 {
  font-size: 26px;
}

h2 {
  font-size: 22px;
}

h3 {
  font-size: 18px;
}

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

a:hover {
  text-decoration: none;
}

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

.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;
}

.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: #0050a4;
}

.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: 90px;
  height: 30px;
  background: url('/img/frflag.svg') 0 0 no-repeat;
  background-size: contain;
  text-decoration: none;
}

.main-logo-2 {
  background: url('../images/logo_2.png') 0 0 no-repeat;
  background-size: contain;
  text-decoration: none;
}

.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;
}

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

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

.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-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, 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.8), rgb(1, 148, 16));
}

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


.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: #2f3190;
  text-transform: capitalize; 
  font-size: 12px;
  background: #ef4135;
}

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

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

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

}