pad {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

body {
    overflow-y: scroll;
    font-family: var(--text-font) !important;
}

table tr td {
    font-family: var(--text-font);
}

.cst__sec__pt {
    padding-top: 50px;
}

.cst__heading__pt {
}

.cst__text__pt {
}

:root {
    --blue_color: #20305a;
    --black_color: #000000;
    --green-color: #afe7fc;
    --red-color: #ce1212;
    --beige-color: #eeebdd;
    --white-color: #ffffff;
    --maroon-color: #810000;
    --text-black-color: #1b1717;
    --text-beige-color: #eeebdd;
    --text-white-color: #ffffff;
    --text-red-color: #ce1212;
    --text-green-color: #afe1af;
    --text-maroon-color: #810000;
    --title-heading: GT-Walsheim-Bold;
    --text-font: Celias;
}

@font-face {
    font-family: GT-Walsheim-Bold;
    src: url("../fonts/GT-Walsheim-Bold.ttf");
}

@font-face {
    font-family: Celias;
    src: url("../fonts/Celias-Medium.ttf");
}

.casinos__by__category:hover .hvr-wobble-horizontal {
    animation-name: hvr-wobble-horizontal;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
}

.container {
    max-width: 1280px;
    padding-inline: 24px; }

.header {
    background-color: var(--blue_color);
    position: fixed;
    width: 100%;
    height: 70px;
    z-index: 9999;
}

main {
    padding-top: 70px;
}

.menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1536px;
    margin: 0px auto;
    height: 70px;
}

.mobile__search {
    display: none;
}

.close__search {
    display: none;
}

.menu .logo {
    width: 180px;
    height: auto;
}

.menu .logo img {
    width: 100%;
    height: auto;
}

.search__in__menu {
    width: 768px;
}

.auto__complete__box {
    display: none;
    position: absolute;
    top: 120%;
    width: 100%;
    background-color: rgb(249, 249, 249);
    border-radius: 5px;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 8px 12px 3px;
}

.auto__complete__container {
    height: 400px;
    overflow-y: scroll;
    padding-right: 5px;
}

.autocomplete__title {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
}

.auto__complete__content__wrapper {
    margin-top: 15px;
    margin-bottom: 2.5rem;
}

.autocomplete__title img {
    width: 30px;
    height: 30px;
}

.autocomplete__title h4 {
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 900;
}

.auto__complete__content {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
    background-color: rgb(234, 249, 255);
    padding: 5px 10px;
    border-radius: 5px;
    margin-block: 14px 2px; border: 1px solid rgb(136, 221, 255);
}

.casino__img {
    width: 72px;
    height: 44px;
    border-radius: 0.5rem;
    flex-grow: 0;
}

.casino__img img {
    width: 100%;
}

.casino__text {
    flex-grow: 1;
}

.casino__text p {
    margin-bottom: 0px;
}

.casino__rating__column h4 {
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 700;
    padding-top: 5px;
}

.casino__ratings {
    text-align: center;
}

.casino__ratings .ratings {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0px;
    background: none;
}

.casino__ratings .ratings .rating {
    height: auto;
    line-height: 20px;
}

.ratings.cwt__cst__rating p {
    font-size: 16px;
    font-weight: 600;
}

.casino__ratings__container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 21px;
}

.auto__complete__container::-webkit-scrollbar {
    width: 5px;
}

.auto__complete__container::-webkit-scrollbar-track {
    background: rgb(241, 241, 241);
}

.auto__complete__container::-webkit-scrollbar-thumb {
    background: rgb(136, 136, 136);
}

.auto__complete__container::-webkit-scrollbar-thumb:hover {
    background: rgb(85, 85, 85);
}

.menu__form {
    display: flex;
    justify-self: center;
    align-items: center;
    position: relative;
}

.menu__form button {
    width: 6%;
    height: 50px;
    border-radius: 5px 0px 0px 5px;
    border: none;
    background-color: rgba(231, 231, 231, 0.46);
}

.menu__form button i {
    color: var(--white-color);
}

.menu__form input {
    width: 94%;
    height: 50px;
    border-radius: 0px 5px 5px 0px;
    border: none;
    background-color: rgba(231, 231, 231, 0.46);
    color: var(--white-color);
    font-size: 1rem;
}

.menu__form input::placeholder {
    color: var(--white-color);
    font-size: 1rem;
}

.menu__form input:focus-visible {
    box-shadow: none;
    border: none;
    outline: none;
}

.side__menu {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.side__menu .side__menu__icon i {
    font-size: 24px;
    padding-right: 5px;
    color: var(--white-color);
}

.side__menu button {
    background: none;
    border: none;
    color: var(--white-color);
    font-size: 16px;
    font-weight: 600;
}

.side__menus .offcanvas {
    background-color: var(--blue_color);
}

.side__menus .offcanvas-header img {
    width: 70%;
}

.side__menus .offcanvas-header button {
    background-color: var(--white-color);
    width: 12rem;
    height: 1rem;
    margin: 0px;
}

.canva__menu__btn {
    display: flex;
    justify-content: start;
    gap: 30px;
    margin-bottom: 20px;
}

.canva__menu__btn button {
    background: none;
    border-top: none;
    border-right: none;
    border-left: none;
    border-image: initial;
    font-size: 18px;
    font-family: var(--title-heading);
    color: var(--text-white-color);
    transition: all 0.3s ease-in-out 0s;
    border-bottom: 2px solid transparent;
}

.canva__menu__btn button:hover {
    border-bottom: 2px solid var(--text-white-color);
}

.canva__side__menu {
    padding-left: 0px;
}

.canva__side__menu li {
    padding-bottom: 5px;
    list-style-type: none;
}

.canva__side__menu li a {
    text-decoration: none;
    color: var(--text-white-color);
    transition: all 0.3s ease-in-out 0s;
    display: block;
    padding: 8px;
}

.canva__side__menu li a:hover {
    background-color: var(--black_color);
}

.hero__section {
    position: relative;
    background-color: var(--green-color);
    padding-block: 24px; min-height: 450px;
}

.hero__sect__img {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 350px;
    height: 350px;
}

.hero__sect__img img {
    width: 100%;
}

.hero__info__container h1 {
    font-size: 3rem;
    line-height: 1.23;
    font-weight: 700;
    font-family: var(--title-heading);
    color: var(--text-black-color);
    width: 80%;
}

.hero__info__container p {
    color: var(--text-black-color);
    font-size: 16px;
}

.all__best__online__casino {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3ch;
}

.all__best__online__casino a {
    text-decoration: none;
}

.best_online_casino {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
    background-color: var(--blue_color);
    padding: 8px;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.5) 10px 10px 5px 0px;
    transition: all 0.3s ease-in-out 0s;
}

.best_online_casino:hover {
    background-color: rgb(0, 0, 0);
}

.best__online__casino_image {
    width: 32px;
    height: 32px;
}

.best_online_casino p {
    margin-bottom: 0px;
    color: var(--white-color);
    line-height: normal;
    font-weight: 600;
    font-size: 16px;
}

.hero__section__menu__title p {
    color: var(--text-black-color);
    font-size: 16px;
    font-weight: 700;
    padding-left: 16px;
    text-transform: uppercase;
}

.hero__section__menu__list {
    padding-left: 0px;
    position: relative;
    z-index: 9;
}

.hero__section__menu__list li {
    list-style-type: none;
}

.hero__section__menu__list li a {
    color: var(--text-black-color);
    text-decoration: none;
    padding: 8px 16px;
    margin-block: 0.7rem; display: block;
    transition: all 0.3s ease-in-out 0s;
    border-radius: 5px;
}

.hero__section__menu__list li a span {
    margin-right: 10px;
}

.hero__section__menu__list li a:hover {
    background-color: var(--blue_color);
    color: var(--text-beige-color);
}

.about__author__sec {
    background-color: rgb(197, 206, 209);
    background-image: url("../images/author-pattern_Ve03d99f_.svg");
    background-position: center -53px;
    position: relative;
    overflow: hidden;
    min-height: 280px !important;
}

.author__head__weaver {
    position: absolute;
    bottom: -1px;
    left: 0px;
    right: 0px;
    transform: scaleX(1.5);
}

.author__head__weaver svg {
    fill: grey;
}

.cst-author-profile {
    position: relative;
    margin-top: -240px;
}

.auhtor__profile__image {
    border: 4px solid rgb(255, 255, 255);
    width: 150px;
    height: 150px;
    object-fit: cover;
    object-position: center center;
    background-color: transparent;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
}

.auhtor__profile__image img {
    width: 100%;
    border-radius: 50%;
}

.about__us__section {
    background-color: var(--white-color);
}

.about__us__container h2 {
    font-family: var(--title-heading);
    font-size: 40px;
    font-weight: 700;
}

.about__us__container p {
    font-size: 16px;
    font-family: Celias;
}

.auhtor__review p {
  position: relative;
  font-size: 25px;
  margin-top: 1rem;
  padding-left: 3rem;
  font-style: italic;
}
.auhtor__review p::before {
  position: absolute;
  top: 32px;
  left: 0;
  content: ' " ';
  font-family: fontawesome;
  font-size: 5rem;
  color: #136ae8;
  line-height: 0;
}
.auhtor__review {
    margin-top: 3rem;
}

.aboust_us_images {
    width: 100%;
    height: 100%;
    border: 1px solid rgb(197, 197, 197);
}

.aboust_us_images img {
    width: 100%;
    height: 100%;
}

.discalaimer__title {
    font-size: 14px;
    margin-block: 0.7rem; display: block;
}

.disclaimer__info__container {
    position: relative;
    background-color: rgb(255, 255, 255);
    padding: 16px;
    border-radius: 5px;
    margin-top: 1rem;
    margin-bottom: 4rem;
    box-shadow: rgba(0, 0, 0, 0.39) 0px 0px 8px 4px;
}

.disclaimer__info__top__container {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 10px;
    margin-bottom: 3rem;
    padding: 0 16px;
}

.rank__title {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 5px;
    position: absolute;
    top: -4px;
    left: -4px;
    z-index: 9;
}

.rank__title p:first-child {
    background-color: var(--blue_color);
    color: var(--text-white-color);
    border-radius: 6px 0px;
    padding: 3px 12px;
    font-weight: 700;
    font-size: 14px;
}

.rank__title p:last-child {
    background-color: rgb(218, 218, 218);
    color: var(--text-black-color);
    font-size: 14px;
    font-weight: 700;
    border-radius: 6px 0px;
    padding: 3px 20px;
}

.categories {
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    text-align: left;
}

.categories a {
    text-align: center;
    text-decoration: none;
    color: var(--text-black-color);
}

.categories img {
    width: 60%;
    border-radius: 5px;
}

.categories p {
    margin-top: 4px;
    margin-bottom: 0px;
}

.categories span {
    margin-bottom: 0px;
    border-bottom: 1px solid var(--blue_color);
}

.ratings__container {
    display: flex;
}

.bouns h2 {
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
}

.ratings {
    background-color: var(--white-color);
    padding: 12px;
    text-align: center;
    border-radius: 6px;
}

.ratings h4 {
    font-size: 16px;
    font-weight: 600;
}

.rating {
    display: inline-block;
    unicode-bidi: bidi-override;
    color: rgb(136, 136, 136);
    font-size: 25px;
    height: 25px;
    width: auto;
    margin: 0px;
    position: relative;
    padding: 0px;
}

.rating-upper {
    color: rgb(255, 179, 16);
    padding: 0px;
    position: absolute;
    z-index: 1;
    display: flex;
    top: 0px;
    left: 0px;
    overflow: hidden;
}

.rating-lower {
    padding: 0px;
    display: flex;
    z-index: 0;
}

.ratings p {
    font-family: Celias;
    margin: 0px 0px 0rem;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
}

.ratings p:last-child {
    font-weight: normal;
    font-size: 15px;
}

.ratings p span i {
    color: rgb(0, 105, 255);
}

.review ul {
    padding-left: 5px;
}

.review ul li {
    position: relative;
    display: flex;
    justify-content: start;
    column-gap: 15px;
}

.review ul li span {
    font-size: 18px;
}

.review ul li span i {
    color: rgb(81, 201, 124);
}

.review p {
    font-family: Celias;
    margin: 0px;
    font-size: 16px;
}

.score {
    background-color: var(--white-color);
    padding: 12px;
    text-align: center;
    border-radius: 6px;
}

.score p {
    margin: 0px;
    font-family: Celias;
    font-size: 18px;
    font-weight: 700;
}

.score p:last-child {
    margin: 0px;
    font-family: Celias;
    font-size: 14px;
    font-weight: normal;
}

.score > p span {
    border-bottom: 1px solid var(--blue_color);
    cursor: pointer;
}

.visit__sites {
    text-align: center;
}

.visit__sites a:first-child {
    font-family: Celias;
    text-decoration: none;
    font-size: 18px;
    color: var(--text-black-color);
    border: 1px solid rgb(101, 235, 149);
    background: linear-gradient(90deg, rgb(81, 201, 124) 0%, rgb(105, 238, 153) 100%);
    padding-block: 12px; font-weight: 700;
    border-radius: 30px;
    display: block;
}

.visit__sites a:first-child:hover {
    background: rgb(105, 238, 153) !important;
    border-color: rgb(105, 238, 153) !important;
}

.copy_code {
    position: relative;
    display: flex;
    justify-content: center;
    width: calc(100% - 43px);
    margin: 10px auto 0px;
}

.copy_code input.text {
    font-size: 12px;
    outline: none;
    padding: 0px 0px 0px 15px;
    border-top: 1px dashed rgb(82, 202, 125);
    border-bottom: 1px dashed rgb(82, 202, 125);
    border-left: 1px dashed rgb(82, 202, 125);
    border-image: initial;
    border-radius: 15px 1px 0px 15px;
    border-right: none;
}

.copy_code button {
    font-size: 14px;
    padding: 5px 10px;
    outline: none;
    color: var(--white-color);
    background-color: rgb(102, 233, 149);
    border-radius: 0px 15px 15px 0px;
    cursor: pointer;
    border: 1px solid rgb(102, 233, 149);
}

.copy_code button:active {
    background-color: rgb(93, 207, 135);
}

.copy_code button::after {
    position: absolute;
    content: "copied";
    background-color: rgb(102, 233, 149);
    color: rgb(0, 0, 0);
    padding: 2px 9px;
    bottom: -25px;
    right: 0px;
    font-size: 12px;
    border-radius: 30px;
    display: none;
}

.copy_code.active button::after {
    display: block;
}

.circular-progress {
    position: relative;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    display: grid;
    place-items: center;
}

.circular-progress::before {
    content: "";
    position: absolute;
    height: 84%;
    width: 84%;
    background-color: var(--white-color);
    border-radius: 50%;
}

.value-container {
    font-family: Celias;
    position: relative;
    font-size: 16px;
    color: var(--text-black-color);
    font-weight: 700;
}

.img__inside__progress {
    position: relative;
    width: 30px;
    height: 30px;
}

.img__inside__progress img {
    width: 100%;
}

.disclaimer__info__bottom__container {
    margin-block: 3rem; padding-inline: 1rem; }

.gallery h4 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
}

.gallery__slider {
    padding-left: 0px;
    margin-top: 20px;
}

.gallery__slider li {
    margin-inline: 5px; }

.gallery__slider img {
    width: calc(100% - 10px);
}

.sties__infos {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1ch;
    margin-bottom: 30px;
}

.sties__infos .info {
    background-color: rgb(234, 234, 234);
    padding: 5px 10px;
    border-radius: 5px;
}

.sties__infos .info p {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0px;
}

.sties__infos .info span {
    font-size: 14px;
}

.minium__deposit {
    display: flex;
    justify-content: space-between;
}

.minium__deposit__right p, .minium__deposit__left p {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
}

.minium__deposit__right span, .minium__deposit__left span {
    font-size: 14px;
}

.condition_offer {
    margin-top: 20px;
}

.condition_offer h4 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
}

.condition_offer p {
    font-size: 14px;
    background-color: rgb(234, 234, 234);
    padding: 14px;
    border-radius: 5px;
    margin-bottom: 30px;
}

.payments__methods ul {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    padding-left: 0px;
    gap: 25px;
}

.payments__methods ul li img {
    width: 100%;
    border-radius: 5px;
}

.good__to__know {
    width: 100%;
}

.payments__methods {
    width: 100%;
    margin-bottom: 20px;
}

.payments__methods h4 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
}

.good__to__know h4 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
}

.payments__methods ul li {
    list-style-type: none;
}

.good__to__know ul {
    padding-left: 0px;
}

.good__to__know ul li {
    list-style-type: none;
    padding-bottom: 0.7rem;
    font-size: 15px;
}

.good__to__know ul li span {
    margin-right: 10px;
}

.disclaimer__collapsible {
    background: rgb(255, 255, 255);
    color: rgb(84, 206, 128);
    border-right: none;
    border-bottom: none;
    border-left: none;
    border-image: initial;
    outline: none;
    position: absolute;
    padding: 5px 10px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 50px;
    border-radius: 0px 0px 5px 5px;
    border-top: 2px solid rgb(101, 233, 149);
    font-size: 16px;
    font-weight: 700;
}

.disclaimer__collapsible i {
    padding-left: 5px;
}

.disclaimer__collapsible[aria-expanded="true"] i::before {
    content: "\f068";
}

.discover__online a {
    text-decoration: none;
    font-size: 16px;
    font-family: var(--title-heading);
    font-weight: 700;
    color: var(--text-black-color);
}

.discover__online a span {
    margin-left: 5px;
    font-size: 18px;
}

.casinos__by__category {
    text-align: center;
    background-color: var(--blue_color);
    padding: 1rem;
    border-radius: 5px;
    gap: 10px;
}

.casinos__by__category img {
    width: 40px;
}

.casinos__by__category p {
    margin-top: 10px;
    color: rgb(255, 255, 255);
    font-size: 16px;
    margin-bottom: 0px;
    line-height: normal;
    font-weight: 700;
}

.discover__online h3 {
    font-size: 32px;
    font-weight: 700;
    font-family: var(--title-heading);
    margin-bottom: 32px;
}

.best__casino__country h2 {
    font-size: 40px;
    font-family: var(--title-heading);
    font-weight: 700;
}

.discover__all__news {
    margin-top: 1.2rem;
}

.discover__all__news a {
    text-decoration: none;
    color: var(--text-black-color);
}

.discover__all__news .card {
    transition: all 0.3s ease-in-out 0s;
    position: relative;
}

.discover__all__news .card:hover {
    transform: translateY(-15px);
}

.reading__time {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: rgb(255, 219, 107);
    padding: 7px;
    border-radius: 2px;
    display: flex;
}

.card-body.card-info h3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.card-body.card-info h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
}

.card-info-title {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    margin-bottom: 16px;
}

.author__name {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-block: 20px 5px; gap: 10px;
}

.author__time > a {
    display: none;
}

.author__name > p {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    margin-bottom: 0px;
}

.author__name a {
    text-decoration: none;
    color: grey;
}

.author__time > a {
    display: none;
}

.author__name a p {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    margin-bottom: 0px;
}

.author__name a:last-child p {
    color: var(--blue_color);
    font-size: 13px;
    font-weight: 600;
}

.author__name a p i {
    color: rgb(0, 105, 255);
}

.author__name a p span {
    border-bottom: 1px solid rgb(32, 48, 90);
}

.reading__time p {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    margin-bottom: 0px;
}

.discover__all__btn {
    text-align: center;
}

.discover__all__btn a {
    text-decoration: none;
    color: rgb(255, 255, 255);
    background-color: var(--blue_color);
    font-size: 16px;
    font-family: var(--title-heading);
    letter-spacing: 0.02em;
    font-weight: 700;
    padding: 12px 32px;
    border-radius: 5px;
    transition: all 0.3s ease-in-out 0s;
    display: inline-block;
    overflow: hidden;
}

.discover__all__btn a:hover {
    background-color: rgb(0, 0, 0);
}

.discover__all__title h2 {
    font-size: 40px;
    font-family: var(--title-heading);
    font-weight: 700;
}

.cst__table table, th, td {
    border-collapse: collapse;
}

.cst__table table thead {
    background-color: var(--blue_color);
    color: var(--text-white-color);
}

.cst__table table tr {
    border-inline: 1px solid var(--blue_color); border-bottom: 1px solid var(--blue_color);
}

.cst__table tr:nth-child(2n) {
    background-color: var(--green-color);
}

.who__we__are__section {
    margin-block: 50px; }

.who__we__are__container h2 {
    font-size: 40px;
    font-weight: 700;
    font-family: var(--title-heading);
}

.who__we__are__container p {
    margin-bottom: 48px;
}

.profile__pic__container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 2ch;
}

.profile__pic {
    height: 300px;
}

.profile__pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

section.popular-courses-section {
    background-color: rgb(211, 211, 211);
    padding-block: 80px; }


.tabs-containers li a {
    text-decoration: none;
    color: rgb(255, 255, 255);
}

.tabs-containers li {
    background-color: var(--blue_color);
    width: 40px;
    height: 40px;
    text-align: center;
    list-style-type: none;
    transition: all 0.3s ease 0s;
    border-radius: 50%;
    line-height: 40px;
}

.tabs-containers li:hover {
    background: black;
}

.active-li {
    background: var(--blue_color);
}

.tabs-containers li:hover a {
    color: rgb(255, 255, 255);
}

.active-li a {
    color: rgb(255, 255, 255) !important;
}

.tab-items-container {
    background: rgb(255, 255, 255);
    border-radius: 10px;
}
.tab-panels .next__arrow{
    position:absolute;
    top: 102%;
    right: 45%;
    background-color: #20305a;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
}
.tab-panels .prev__arrow{
    position:absolute;
    left: 45%;
    z-index: 99;
    background-color: #20305a;
    width: 50px;
    top: 102%;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    color: #fff;
}
.tab-item-image {
    width: 50%;
}

.tab-item-content {
    width: 50%;
}

.tab-item-image img {
    width: 100%;
    display: block;
    border-radius: 10px 0px 0px 10px;
}

.tab-item-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1.2rem;
}

.tab-item-content ul li {
    padding-block: 0.7rem; list-style-type: none;
    font-weight: 500;
    position: relative;
    padding-left: 1.2rem;
}

.about__time__play__container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: rgb(227, 136, 43);
    padding: 20px;
}

.about__time__play__img__sect {
    width: 40%;
}

.about__time__play__text__sect {
    width: 60%;
}

.about__time__image {
    text-align: center;
    height: 100%;
}

.about__time__image img {
    padding: 20px;
}

.about__time__text h3 {
    font-size: 18px;
    font-weight: 700;
    font-family: var(--title-heading);
}

.about__time__text p:first-child {
    font-size: 14px;
    font-weight: 700;
}

.about__time__text p {
    font-size: 16px;
    text-align: justify;
}

.about__time__text a {
    text-decoration: none;
    color: rgb(0, 0, 0);
    font-weight: 700;
    font-size: 16px;
}

.about__time__text a span {
    padding-left: 5px;
}

.be__part__title h2 {
    font-family: var(--title-heading);
    font-size: 40px;
    font-weight: 700;
}

footer {
    background-color: var(--blue_color);
}

.language__select {
    width: 100%;
}

.form-select {
    accent-color: var(--blue_color);
}

.form-select:focus-visible {
    box-shadow: none;
    outline: none;
    border: none;
}

.footer__all__logos ul {
    display: grid;
    padding-left: 0px;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}

.footer__all__logos ul li {
    list-style-type: none;
    color: rgb(255, 255, 255);
    font-size: 11px;
    background-color: rgb(227, 136, 43);
    padding: 5px;
    text-align: center;
    border-radius: 3px;
}

.footer__all__logos img {
    width: 100%;
}

.footer__logo img {
    width: 100%;
}
.footer__content__sec {
    border-block: 1px solid rgba(255, 255, 255, 0.3);
    padding-block: 10px;
    margin-block:  2rem;
}
.footer__content {
    margin-block: 1rem;
    text-align: center;
}

.footer__content p {
    color: rgb(255, 255, 255);
    font-size: 16px;
}

.sociel__media__icons {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 3ch;
    padding-left: 0px;
    margin-top: 2rem;
}

.sociel__media__icons li {
    list-style-type: none;
}

.sociel__media__icons li a i {
    font-size: 3rem;
    color: rgb(227, 136, 43);
}

.footer__menu h3 {
    font-size: 16px;
    color: rgb(255, 255, 255);
    font-weight: 700;
    margin-bottom: 1.2rem;
}

.footer__menu ul {
    padding-left: 0px;
}

.footer__menu ul li {
    list-style-type: none;
    margin-bottom: 0.7rem;
    font-size: 14px;
}

.footer__menu ul li a {
    text-decoration: none;
    color: rgb(255, 255, 255);
    transition: all 0.3s ease-in-out 0s;
}

.footer__menu ul li a:hover {
    text-decoration: underline;
    text-underline-offset: 5px;
}
input#email {}

.news__letter form  {
   display:flex;
    justify-content:center;
    align-items:center;
    
}
.news__letter form #email {
    border: none;
    background: #fff;
    border:1px solid #ffffff47;
    height: 35px;
    border-radius: 4px 0px 0px 3px;
    outline:none;
    color: #000;
    padding-inline:5px;
}
.news__letter form #emailSub {
    border: none;
    background-color: #e3882b;
    border:1px solid #e3882b;
    height: 35px;
    color: #fff;
     border-radius: 0px 3px 3px 0px;
    font-size:14px;
    transition: all 0.3s ease-in-out;
}
.news__letter form #emailSub:hover {
  
    background-color: #cf6800;
    border:1px solid #cf6800;
    
}
.copy__right__text {
    text-align: center;
    color: #fff;
    margin-bottom: 2rem;
}
.review__hero_section {
    position: relative;
    padding-block: 80px; }

.bookmark {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 5px;
    margin-bottom: 0px;
    padding-block: 4px; }

.bookmark li:first-child {
    padding-right: 18px;
    margin-right: 8px;
    background: url("../images/icon-arrow-right.svg") right center / 15px no-repeat;
}

.bookmark li {
    list-style-type: none;
}

.bookmark li a {
    text-decoration: none;
    color: var(--blue_color);
}

.bookmark li.active {
    font-weight: 700;
}

.rating__text {
    padding-top: 10px;
}

.rating__text p {
    color: var(--blue_color);
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 0px;
}

.bonus-info h1 {
    font-size: 14px;
    font-weight: 700;
    color: var(--blue_color);
}

.bonus-info b {
    font-size: 50px;
    font-weight: 700;
    color: var(--blue_color);
}

.bonus-info span {
    font-size: 24px;
    font-weight: 700;
}

.buttons {
    text-align: center;
    width: 100%;
    margin-top: 2rem;
    border-radius: 5px;
}

.buttons a {
    font-size: 18px;
    color: var(--blue_color);
    text-decoration: none;
    font-weight: 700;
    border-bottom: 2px solid var(--blue_color);
}

a.verifica {
    display: block;
    background-color: var(--blue_color);
    padding: 8px;
    font-size: 24px;
    text-decoration: none;
    font-weight: 700;
    margin-bottom: 11px;
    color: var(--text-white-color);
    border-radius: 5px;
}

.section__menu__contrainer {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.section__menu {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    column-gap: 20px;
}

.section__menu li {
    list-style-type: none;
}

ul.section__menu li span {
    padding-right: 8px;
}

.section__menu li a {
    font-weight: 700;
    color: var(--blue_color);
    text-decoration: none;
    font-size: 14px;
    transition: all 0.3s ease-in-out 0s;
    padding: 5px 8px;
}

section.two_column_page_section {
    margin-top: 40px;
}

.company__summary {
    margin-bottom: 40px;
}

.page-title.body {
    border-bottom: 2px solid;
}

.page-title.body h2 {
    text-transform: uppercase;
    font-size: 28px;
    position: relative;
    font-style: normal;
    font-weight: 700;
    z-index: 99;
    color: rgb(255, 255, 255);
    background: rgb(4, 0, 0);
    display: inline-block;
    letter-spacing: 0.5px;
    padding: 2px 8px;
}

section.two_column_page_section {
    margin-top: 40px;
}

.page-title.body {
    border-bottom: 2px solid;
    margin-bottom: 20px;
}

.page-title.body h2 {
    text-transform: uppercase;
    font-size: 28px;
    position: relative;
    font-style: normal;
    font-weight: 700;
    z-index: 99;
    color: var(--text-white-color);
    background: var(--blue_color);
    display: inline-block;
    letter-spacing: 0.5px;
    padding: 2px 8px;
}

.box {
    background-color: rgb(241, 241, 241);
    display: flex;
    justify-content: start;
    padding: 20px;
}

.author {
    width: 20%;
    text-align: center;
}

.text {
    width: 80%;
}

.author img {
    border-radius: 50%;
    width: 70px;
    height: 70px;
}

.author a {
    text-decoration: none;
    font-size: 18px;
}

.text-default-format p {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 17px;
}

.page-title {
    border-bottom: 2px solid;
    margin-bottom: 20px;
}

.page-title h3 {
    font-size: 14px;
    background-color: var(--blue_color);
    color: var(--text-white-color);
    padding: 10px 16px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.cube-featured-links .item a {
    display: flex;
    align-items: center;
    gap: 15px;
    border: 1px solid rgb(241, 241, 241);
    padding: 8px 10px;
    text-decoration: none;
}

.cube-featured-links .item a .logo {
    margin-right: 0px;
    flex-grow: 0;
}

.cube-featured-links .item a .logo img {
    border-radius: 50%;
}

.cube-featured-links .item a b {
    flex-grow: 1;
    margin-left: 10px;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 1.2em;
    display: block;
    color: rgb(40, 43, 45);
    font-style: normal;
    font-weight: 700;
}

.csino-box {
    background-color: rgb(234, 234, 234);
    padding: 20px;
}

span.arrow {
    flex-grow: 0;
    height: 5px;
    width: 15px;
    background: url("../images/icon-arrow-right-thin-b.svg") no-repeat;
}

.cst-box {
    margin-bottom: 40px;
}

.text-default-format ul li {
    list-style: url("../images/splotch-solid.svg");
    font-size: 18px;
    font-weight: 600;
}

.text-default-format ul li a {
    text-decoration: none;
    color: red;
    border-bottom: 2px solid red;
}

.text-default-format .get__bonus {
    text-decoration: none;
    display: block;
    background-color: var(--blue_color);
    color: var(--text-white-color);
    text-align: center;
    padding: 8px;
    font-weight: 700;
    letter-spacing: 0.5px;
    transition: all 0.3s ease-in-out 0s;
}

.text-default-format .get__bonus:hover {
    background-color: var(--black_color);
}

.company__summary {
    margin-bottom: 40px;
}

.pros-cons {
    display: flex;
    justify-content: space-between;
}

.pros, .cons {
    padding-left: 0px !important;
}

.pros li, .cons li {
    position: relative;
    font-size: 16px;
    list-style-type: none;
    padding-left: 1.8rem;
    margin-block: 16px; }

.pros li::before {
    position: absolute;
    content: "";
    background-image: url("../images/greentick.svg");
    top: 50%;
    left: 0px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}

.cons li::before {
    position: absolute;
    content: "";
    background-image: url("../images/redtick.svg");
    top: 50%;
    left: 0px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}

.table__review__container {
    padding-top: 20px;
    margin-bottom: 40px;
}

.table__review__container .table__review {
    width: 100%;
}

.table__review__container .table__review tr:nth-child(2n) {
    background-color: rgb(241, 241, 241);
}

.table__review__container .table__review td {
    padding-inline: 10px; height: 40px;
    font-size: 14px;
    font-weight: 700;
}

.smartphone__container {
    margin-block: 20px; }

.phone__img img {
    width: 100%;
}

.phone__img {
    position: relative;
}

.phone__img a {
    position: absolute;
    z-index: 999;
    top: 0px;
    display: block;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease-in-out 0s;
}

.phone__img a:hover {
    background: url("../images/icon-magnifier.png") center center no-repeat rgba(0, 0, 0, 0.5);
    transition-duration: 0s;
}

.phone__img__description {
    text-align: center;
    margin-top: 10px;
}

.phone__img__description p {
    font-size: 14px;
}

.section__body__plus__container {
    margin-bottom: 40px;
}

.section__body__plus {
    margin-bottom: 40px;
}

.common__page__title h2 {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: var(--text-white-color);
    background-color: var(--blue_color);
    text-align: center;
    padding-block: 10px; font-size: 22px;
}

.common__page__title .line {
    height: 2px;
    width: 100%;
    background-color: var(--black_color);
}

.common__page__text {
    margin-top: 20px;
}

.common__page__text p {
    font-size: 16px;
    margin-bottom: 30px;
}

.Common__card__container {
    background-color: var(--green-color);
    padding: 20px;
    margin-top: 20px;
}

.Common__card__container .card {
    text-align: center;
    padding: 20px;
    width: 100%;
    background-color: var(--blue_color);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px;
    border: none;
    margin-block: 3rem; }

.number {
    font-size: 22px;
    font-weight: 700;
    color: var(--text-white-color);
}

.description {
    color: var(--text-white-color);
}

.common__page__text ol li p {
    margin-bottom: 0px;
}

.common__page__text ol li {
    counter-increment: item 1;
    margin-bottom: 12px;
    line-height: 1.5em;
    font-size: 18px;
    position: relative;
    margin-left: 33px;
    list-style-type: none;
}

.common__page__text ol li::before {
    content: counter(item);
    background: var(--blue_color);
    border-radius: 100%;
    color: rgb(255, 255, 255);
    width: 23px;
    font-size: 15px;
    line-height: 23px;
    text-align: center;
    display: inline-block;
    margin-right: 0px;
    position: absolute;
    left: -33px;
    top: 2px;
    font-weight: 700;
}

.common__page__text ol {
    padding-left: 0px;
}

.contrbution__table__container {
    margin-top: 20px;
}

.contrbution__table__container table {
    width: 100%;
    border-collapse: collapse;
}

.contrbution__table__container tr:first-child {
    background-color: var(--blue_color);
    color: var(--white-color);
    border: 1px solid black;
    height: 45px;
}

.contrbution__table__container table tr {
    border: 1px solid;
    height: 35px;
    background-color: var(--green-color);
}

.contrbution__table__container tr td {
    padding-inline: 10px; font-size: 18px;
    font-weight: 700;
}

.contrbution__table__container tr th {
    padding-inline: 10px; }

.contrbution__table__container tr:nth-child(2n) {
    background-color: var(--white-color);
}

.cst__attention.red__schema {
    border-top-color: rgb(240, 76, 76);
    border-bottom-color: rgb(239, 203, 203);
    background: rgb(251, 246, 245);
    padding: 20px;
}

.cst__attention {
    border-block: 6px solid; margin-top: 75px;
    position: relative;
}

.cst__attention.red__schema .icon__holder {
    color: rgb(240, 76, 76);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: -50px;
    margin-left: -50px;
    background: rgb(255, 255, 255);
    border-radius: 50%;
    height: 100px;
    width: 100px;
    border: 6px solid;
    z-index: 999;
}

.icon__holder i {
    font-size: 40px;
}

.cst__attention.red__schema .text-default-format {
    margin-top: 60px;
}

.cst__attention.red__schema .text-default-format p:first-child {
    margin-bottom: 0px;
}

.promotion__list {
    padding-left: 0px;
    list-style-type: none;
}

.cst_author_box {
    margin-top: 40px;
}

.slot__machine__table table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid;
}

.slot__machine__table table, .slot__machine__table td, .slot__machine__table th {
    text-align: center;
    border: 1px solid var(--black_color);
}

.slot__machine__table th {
    height: 45px;
    background-color: var(--blue_color);
    color: var(--text-white-color);
    border: 1px solid var(--black_color);
}

.giochi_live_image {
    margin-top: 20px;
}

.giochi_live_image img {
    width: 100%;
}

.applications__table table {
    border-collapse: collapse;
    width: 100%;
}

.applications__table table th, .applications__table table td {
    text-align: center;
    border: 1px solid var(--black_color);
}

.applications__table table th {
    height: 45px;
    background-color: var(--blue_color);
    color: var(--text-white-color);
}

.applications__table table td {
    height: 35px;
}

.applications__table tr {
    background-color: var(--green-color);
}

.applications__table tr:nth-child(2n) {
    background-color: var(--white-color);
}

.two__column__table table {
    width: 100%;
    border-collapse: collapse;
}

.two__column__table table th, .two__column__table table td {
    text-align: center;
    border: 1px solid var(--black_color);
}

.two__column__table table th {
    height: 45px;
    background-color: var(--blue_color);
    color: var(--text-white-color);
}

.two__column__table table td {
    height: 35px;
}

.two__column__table tr {
    background-color: var(--green-color);
}

.two__column__table tr:nth-child(2n) {
    background-color: var(--white-color);
}

.bouns__box .bonus {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: rgb(243, 243, 243);
    padding: 20px;
    column-gap: 30px;
}

.column.logo {
    width: 25%;
}

.column.logo img {
    width: 100%;
}

.column.bonus-text h6 {
    font-size: 20px;
    font-weight: 600;
}

.column.bonus-text {
    width: 50%;
    text-align: center;
}

.column.bonus-text h3 {
    font-size: 30px;
    font-weight: 600;
}

.column.bonus-text h3 span {
    font-size: 20px;
}

.column.bonus-button a {
    text-decoration: none;
    background-color: var(--blue_color);
    color: rgb(255, 255, 255);
    padding: 8px 16px;
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    transition: all 0.3s ease-in-out 0s;
}

.column.bonus-button a:hover {
    background-color: var(--black_color);
}

.column.bonus-button {
    width: 25%;
}

.bonus__info {
    background-color: var(--blue_color);
}

.bonus__info p {
    text-align: center;
    color: rgb(255, 255, 255);
    margin-bottom: 0px;
    line-height: 34px;
    font-size: 11px;
    text-transform: uppercase;
}

.bonus__info span {
    font-size: 16px;
    margin-inline: 30px; }

.common__page__title.cst-bg h2 {
    margin-bottom: 0px;
    background-color: var(--blue_color);
    display: inline-block;
    color: var(--text-white-color);
    font-size: 14px;
    padding: 8px 22px;
    letter-spacing: 1.5px;
}

.custome__accordion .accordion-button:focus {
    outline: 0px;
    box-shadow: none;
}

.custome__accordion .accordion-button:not(.collapsed) {
    background-color: var(--blue_color);
    color: var(--text-white-color);
}

.custome__accordion .accordion-button::after {
    background-image: url("../images/plus-square-fill.svg");
}

.custome__accordion .accordion-button:not(.collapsed)::after {
    background-image: url("../images/dash-square-fill.svg");
}

.section-author-summary {
    margin-bottom: 100px;
}

.section_author_box {
    background-color: var(--green-color);
    padding: 20px;
}

.section_author_box .author .author-image img {
    border-radius: 0px;
}

.section_author_box .author {
    display: flex;
    text-align: start;
    column-gap: 17px;
    align-items: center;
    margin-bottom: 20px;
}

.section_author_box .author .author-name {
    font-size: 22px;
    font-weight: 700;
    color: var(--black_color);
    border-bottom: 2px solid rgb(129, 0, 0);
}

.hero__info__auhtor {
    margin-bottom: 0.5rem;
}

.hero__info__auhtor span {
    padding-right: 5px;
    font-size: 14px;
}

.hero__info__auhtor span a {
    color: black;
    text-underline-offset: 3px;
}

.hero__info__auhtor span:first-child a {
    font-weight: 700;
}

.hero__info__auhtor span:first-child i {
    padding-left: 5px;
}

.in__brief__section .custome__accordion {
    border: 1px solid var(--black_color);
}

.in__brief__section .custome__accordion .accordion-button {
    background-color: var(--blue_color);
    color: var(--text-white-color);
    font-size: 22px;
}

.in__brief__section .custome__accordion .accordion-body {
    padding: 0px;
}

.in__brief__section .custome__accordion .accordion-body ul {
    padding-left: 0px;
}

.in__brief__section .custome__accordion .accordion-body ul li {
    list-style-type: none;
    padding-block: 0.7rem; padding-inline: 20px; font-size: 16px;
}

.in__brief__section .custome__accordion .accordion-body ul li:nth-child(2n) {
    background-color: var(--green-color);
}

.in__brief__section .custome__accordion .accordion-body ul li span {
    padding-right: 10px;
}

.in__brief__section .custome__accordion .accordion-body ul li a {
    text-decoration: underline;
    text-underline-offset: 3px;
    color: var(--black_color);
    padding-right: 5px;
}

.common__section {
    padding-top: 50px;
}

.common__title__heading h2 {
    font-family: var(--title-heading);
    font-size: 40px;
    margin-bottom: 32px;
    line-height: 1;
}

.common__description__text p {
    line-height: 1.8;
}

.data__insights p {
    line-height: 2;
}

.be__part__title p {
    line-height: 2;
}

.common__title__heading.cst-head-fs h2 {
    font-size: 25px;
    line-height: 1.5;
}

.common__title__heading h3 {
    font-family: var(--title-heading);
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 32px;
}

.common__title__heading h4 {
    font-weight: 700;
}

.winner__medal__text {
    display: flex;
    column-gap: 10px;
}

.common__description__text h3 {
    font-size: 18px;
    font-weight: 600;
}

.common__description__text ul {
    padding-left: 16px;
    margin-bottom: 0px;
}

.common__description__text ul li {
    padding-block: 5px; }

.pros.cst-pb-0, .cons.cst-pb-0 {
    padding-block: 0px; }

.Online__roulett__details__table table {
    width: 100%;
}

.Online__roulett__details__table table, th, td {
    border: 1px solid black;
}

.Online__roulett__details__table table th {
    height: 40px;
    padding-inline: 10px; background-color: var(--blue_color);
    color: var(--text-white-color);
}

.Online__roulett__details__table table td {
    height: 35px;
    padding-inline: 10px; }

.Online__roulett__details__table.cst-span tr span {
    width: 30px;
    display: inline-block;
    text-align: center;
}

.Online__roulett__details__table.cst__camparison table {
    width: 1800px;
    margin-bottom: 20px;
    text-align: center;
}

.Online__roulett__details__table.cst__camparison {
    overflow-x: scroll;
}

.Online__roulett__details__table.cst__camparison::-webkit-scrollbar {
    height: 5px;
}

.Online__roulett__details__table.cst__camparison::-webkit-scrollbar-track {
    background: rgb(241, 241, 241);
}

.Online__roulett__details__table.cst__camparison::-webkit-scrollbar-thumb {
    background: rgb(136, 136, 136);
}

.Online__roulett__details__table.cst__camparison::-webkit-scrollbar-thumb:hover {
    background: rgb(85, 85, 85);
}

.europion__vraiants__section {
    margin-top: 20px;
}

.europion_roulette {
    margin-bottom: 30px;
}

.europion_roulette .row {
    align-items: center;
}

.europion_roulette__title h3 {
    font-size: 22px;
    font-weight: 700;
    font-family: var(--title-heading);
}

.europion_roulette__img img {
    width: 100%;
}

.roulette__title__text__contrainer p {
    line-height: 1.8;
}

.europion_roulette__title__text a {
    text-decoration: none;
    color: var(--text-white-color);
    font-weight: 700;
}

.tips__for__begginers_content h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 16px;
}

.tips__for__begginers_content p:first-child {
    font-size: 14px;
}

.tips__for__begginers_content p {
    line-height: 1.8;
}

.tips__for__begginers_img {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: aliceblue;
    height: 100%;
}

.basic__rules__accordion .accordion-item button {
    background-color: var(--blue_color);
    color: var(--text-white-color);
}

.basic__rules__accordion .accordion-item {
    background-color: var(--blue_color);
    color: var(--text-white-color);
}

.choose__best__casino {
    margin-top: 30px;
}

.choose__best__casino span {
    padding-right: 10px;
}

.choose__best__casino h3 {
    font-size: 16px;
    font-weight: 700;
    border-bottom: 2.5px solid;
    display: inline-block;
    padding-bottom: 2px;
    margin-bottom: 1rem;
}

.choose__best__casino p {
    line-height: 1.8;
}

.author__section {
    padding-block: 20px; background-color: rgb(241, 245, 248);
}

.author__profile__info {
    text-align: center;
    padding-top: 1rem;
}

.author__profile__info h1 {
    font-family: var(--title-heading);
    font-size: 40px;
    font-weight: 700;
}

.author__profile__info button {
    border: none;
    background-color: rgb(19, 106, 232);
    color: rgb(255, 255, 255);
    border-radius: 30px;
    display: block;
    width: 342px;
    height: 40px;
    margin: 0px auto;
    font-weight: 700;
}

.author__info__sec {
    background-color: rgb(241, 245, 248);
}

.cwt-ontainer {
    width: 1280px;
    margin: auto;
}

.auhtors__work {
    margin-bottom: 32px;
}

.auhtors__work h2 {
    font-size: 25px;
    font-weight: 600;
}

.author__work__list {
    padding-left: 0px;
}

.author__work__list li {
    background-color: rgb(255, 255, 255);
    padding: 20px 20px 20px 40px;
    list-style-type: none;
    margin-bottom: 1.2rem;
    display: block;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 12px 1px;
}

.author__work__list li::before {
    position: absolute;
    content: "";
    width: 21px;
    height: 100%;
    background-color: rgb(19, 106, 232);
    left: 0px;
    top: 0px;
}

.author__work__list li a {
    text-decoration: none;
}

.author__work__list li a:hover h3 {
    color: rgb(19, 106, 232);
}

.about__author__info h2 {
    font-weight: 700;
    font-family: var(--title-heading);
}

.about__author__info p {
    line-height: 2;
}

.author__work__list h3 {
    font-weight: 700;
    color: rgb(0, 0, 0);
    font-size: 18px;
    transition: all 0.3s ease-in-out 0s;
    margin-bottom: 15px;
}

.author__work__list p {
    margin-bottom: 0px;
    color: var(--text-black-color);
}

.author__specialization {
    padding-left: 0px;
}

.author__specialization li {
    background-color: rgb(255, 255, 255);
    padding: 20px;
    list-style-type: none;
    margin-bottom: 1.2rem;
    display: flex;
    gap: 10px;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 12px 1px;
}

.author__specialization li h3 {
    font-family: var(--title-heading);
    font-size: 14px;
    font-weight: 700;
}

.author__specialization li p {
    font-size: 16px;
    margin-bottom: 0px;
}

.auhtor__spcl__img i {
    font-size: 30px;
}

.other__auhtor {
    background-color: rgb(255, 255, 255);
    padding: 20px;
    margin-top: 20px;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 12px 1px;
}

.other__auhtor h2 {
    font-family: var(--title-heading);
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 1.3rem;
}

.other__auhtor__profile {
    width: 70px;
    height: 70px;
}

.other__auhtor__profile img {
    width: 100%;
    border-radius: 50%;
    object-fit: cover;
    object-position: center center;
    display: block;
    height: 100%;
}

.other__author__list a {
    text-decoration: none;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 15px;
    margin-bottom: 1.8rem;
}

.other__author__list a:hover h3 {
    color: rgb(19, 106, 232);
}

.other__auhtor__info h3 {
    font-family: var(--title-heading);
    font-size: 16px;
    color: rgb(0, 0, 0);
    font-weight: 700;
    transition: all 0.3s ease-in-out 0s;
    margin-bottom: 0;
}

.other__auhtor__info p {
    font-size: 14px;
    color: rgb(0, 0, 0);
    margin-bottom: 0px;
}
.author__card {
  background-color: #f1f5f8;
  margin-top: 0;
  padding-block: 100px;
}
/* ==============who we are */
.who_we_are_hero {
    background-image: url("../images/About_hero.webp");
    color: rgb(255, 255, 255);
    background-position: center center;
    background-size: cover;
    min-height: 70vh;
    position: relative;
}

.who__we__are__text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.who__we__are__text h2 {
    font-size: 40px;
    font-weight: 700;
    font-family: var(--title-heading);
}

.our__leader__ship {
    margin-top: 40px;
}

.our__mission h3 {
    font-family: var(--title-heading);
    font-size: 45px;
    font-weight: 700;
}

.our__mission p {
    font-size: 16px;
    margin-bottom: 2rem;
    line-height: 1.8;
}

.our__mission__img img {
    width: 100%;
    display: block;
    height: 400px;
    object-fit: cover;
    object-position: center center;
}

.our__leadership__title {
    text-align: center;
    margin-block: 40px; }

.our__leadership__title h2 {
    font-size: 40px;
    font-weight: 700;
    font-family: var(--title-heading);
}

.our__leader__ship__content {
    text-align: center;
    background-color: white;
    padding: 20px;
    box-shadow: rgba(173, 173, 173, 0.75) 6px 6px 6px 0px;
}

.our__leader__text h2 {
    font-size: 18px;
    margin-bottom: 0px;
    font-weight: 600;
}

.our__leader__text p {
    font-size: 14px;
    margin-bottom: 0px;
    color: blue;
    padding-top: 5px;
    font-weight: 600;
}

.our__leader__info {
    margin-top: 2rem;
}

.our__leader__img img {
    width: 100%;
}

.our__leader__img {
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0px auto;
}

.our__leader__info {
    margin-top: 1.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 8px;
}

.leader__general__info p {
    font-size: 14px;
    color: rgb(161, 161, 161);
    word-spacing: 1px;
}

.our__sociel__icons {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.our__sociel__icon {
    padding: 5px 10px;
    font-size: 1rem;
    color: rgb(255, 255, 255);
    background-color: rgb(32, 48, 90);
    display: inline-block;
    border-radius: 5px;
}

.what__our__customer__say {
    padding-block: 100px; background-color: rgb(219, 219, 219);
}

.our__customer__title {
    text-align: center;
    margin-bottom: 40px;
}

.our__customer__title h2 {
    font-size: 30px;
    font-weight: 700;
}

.our__customer__title h4 {
    font-size: 16px;
    color: rgb(227, 136, 43);
}

.customer_slider {
    position: relative;
    padding-left: 0px;
}

.customer_slider li {
    list-style-type: none;
}

.customer_slider li a {
    text-decoration: none;
}

.cutomer__review {
    display: flex;
    justify-content: start;
    align-items: center;
    background-color: var(--white-color);
}

.cutomer__review__left p {
    font-size: 19px;
    color: rgb(0, 0, 0);
    position: relative;
    margin-bottom: 0px;
    margin-top: 11px;
    line-height: 1.8;
}

.cutomer__review__left > p::before {
    content: ",,";
    font-family: "Times New Roman";
    font-size: 120px;
    left: 3px;
    letter-spacing: -12px;
    opacity: 0.4;
    position: absolute;
    top: -85px;
    transform: rotate(179deg);
    color: rgb(230, 153, 74);
}

.profile-name-img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
}

.profile-name-img img {
    width: 100%;
    object-fit: cover;
    object-position: center center;
}

.cutomer__review__left {
    position: relative;
    padding-inline: 30px; }

.percent-content-wrap {
    margin-top: 1.2rem;
}

.profile-name-wrap {
    margin-top: 1.2rem;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
}

.profile-name-wrap p:first-child {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 0px;
    color: var(--black_color);
}

.profile-name-wrap p:last-child {
    color: rgb(227, 136, 43);
    font-size: 17px;
    margin: 0px;
}

.top-quote-image i {
    font-size: 2rem;
    color: var(--black_color);
}

.cutomer__review__right {
    background-color: rgb(0, 56, 233);
}

.cst__percentage {
    position: relative;
    display: flex;
    width: 250px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 350px;
    background-color: rgb(230, 153, 74);
    text-align: center;
    padding: 20px;
    overflow: hidden;
}

.cst__percentage h2 {
    font-size: 4rem;
    font-weight: 900;
    color: rgb(0, 0, 0);
}

.cst__percentage p {
    font-size: 25px;
    color: rgb(0, 0, 0);
}

.ps_abslt_icon {
    position: absolute;
    top: 15px;
    right: 15px;
    transform: rotate(320deg);
}

.ps_abslt_icon i {
    font-size: 35px;
    color: rgb(0, 0, 0);
}

.percent-content-wrap p:first-child {
    font-size: 30px;
    font-weight: 700;
    color: var(--text-black-color);
    margin-bottom: 0px;
    line-height: 100%;
}

.percent-content-wrap p {
    font-size: 17px;
    color: var(--text-black-color);
    margin-bottom: 0px;
}

.customer_slider .slick-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 20px;
}

.customer_slider .slick-dots li {
    margin: 0px 5px;
    padding: 0px;
    list-style: none;
}

.customer_slider .slick-dots li button {
    font-size: 12px;
    color: transparent;
    background-color: rgb(255, 166, 76);
    border-radius: 50%;
    width: 12px;
    height: 12px;
    border: none;
}

.customer_slider .slick-dots li.slick-active button {
    background-color: rgb(189, 103, 14);
    border-color: rgb(230, 153, 74);
}

.see__opens__roles__titles {
    text-align: center;
}

.see__opens__roles__titles h3 {
    font-size: 30px;
    line-height: 1.8;
}

.show__more__container {
    display: flex;
    flex-direction: column;
    color: rgb(17, 17, 17);
    gap: 4rem;
}

.show__more__btn {
    margin-top: 40px;
}

.show__more__btn {
    color: rgb(9, 132, 227);
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
}

.show__more__btn.cwt__read__more {
    margin-top: 0px;
    text-align: left;
    font-size: 16px;
    font-weight: 100;
}

.show__more__text {
    display: none;
}

.show__more__text__show {
    display: inline;
}

.single__game__container {
    display: flex;
    justify-content: start;
    align-items: center;
    column-gap: 20px;
    margin-bottom: 3rem;
    border: 1px solid rgb(199, 199, 199);
    border-radius: 5px;
    overflow: hidden;
}

.all__games__wrapper {
    margin-top: 20px;
}

.all__games__wrapper > h3 {
    font-size: 25px;
    font-weight: 600;
}

.all__games__container {
    margin-top: 2rem;
}

.game__img {
    max-width: 250px;
    height: 180px;
    display: block;
    object-fit: cover;
    object-position: center center;
}

.game__img img {
    width: 250px;
    height: 100%;
}

.game__info {
    padding: 20px;
}

.game__info h3 {
    font-size: 18px;
    margin-bottom: 16px;
    font-weight: 700;
}

.game__info p {
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 8px;
}

.game__info a {
    text-decoration: none;
    color: rgb(0, 0, 0);
    font-weight: 600;
}

.game__info a span {
    padding-left: 5px;
}

.cst_bg {
    background-color: rgb(225, 225, 225);
    padding: 20px 40px;
}

.common__content__box.cst_bg .common__title__heading {
    text-align: center;
    border-bottom: 1px solid black;
    padding-bottom: 10px;
}

.common__content__box.cst_bg .common__title__heading h2 {
    font-size: 32px;
    font-weight: normal;
}

.softaware__provider__info ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    padding-left: 0px;
    margin-top: 25px;
}

.softaware__provider__info ul li {
    list-style-type: none;
}

.softaware__provider__info ul li a {
    text-decoration: none;
    color: var(--text-black-color);
}

.softaware__provider__info .soft__info {
    background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: rgba(0, 0, 0, 0.3) -1px 1px 9px 3px inset;
    padding: 20px;
    transition: all 0.3s ease 0s;
}

.softaware__provider__info .soft__info:hover {
    background-color: var(--blue_color);
    color: var(--text-white-color);
}

.casino__software__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    padding-left: 0px;
}

.casino__software__list li {
    list-style-type: none;
}

.casino__software__list li a {
    text-decoration: none;
    color: var(--text-black-color);
}

.casino__software__info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    border: 1px solid rgb(199, 199, 199);
    border-radius: 5px;
    column-gap: 20px;
}

.casino__software__info img {
    flex-grow: 0;
    width: 150px;
    height: 85px;
    border-radius: 5px;
}

.casino__software__info p {
    flex-grow: 1;
    margin-bottom: 0px;
}

.casino__software__info span {
    flex-grow: 0;
}

.casino__soft__list {
    padding-left: 0px;
}

.casino__soft__list li {
    list-style: url("../images/bullet.svg");
}

.software__security__section {
    margin-block: 20px; }

.software__security__img img {
    width: 100%;
}

.soft__security__list {
    padding-left: 0px;
}

.soft__security__list li {
    list-style: url("../images/check2.svg");
}

.try__demo__demo__section {
    position: relative;
}

.try__demo__demo__container {
    position: relative;
    top: -80px;
}

.left__demo__box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: 30px;
    padding: 30px;
    border-radius: 15px;
    background-color: var(--white-color);
    box-shadow: rgba(153, 150, 166, 0.12) 0px 1px 4px -2px, rgba(39, 33, 66, 0.12) 0px 4px 16px 1px;
}

.expert__ratings__box {
    background-color: rgb(199, 199, 199);
    padding: 10px;
    border-radius: 5px;
}

.expert__ratings__box > span {
    display: block;
    text-align: center;
}

.expert__ratings__box span:first-child {
    padding-bottom: 5px;
}

.expert__ratings__box span:first-child b {
    font-size: 24px;
}

.expert__ratings__box span {
    font-size: 18px;
    font-weight: 700;
}

.expert__ratings__box span:last-child {
    font-size: 14px;
    font-weight: normal;
}

.left__demo__img img {
    width: 100%;
    border-radius: 5px;
}

.left__demo__btn {
    text-align: center;
}

.left__demo__btn a {
    text-decoration: none;
    background-color: green;
    padding: 12px 24px;
    border-radius: 5px;
    color: var(--text-white-color);
    display: inline-block;
}

.right__demo__box {
    background-color: var(--blue_color);
    height: 100%;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.right__demo__box::after {
    position: absolute;
    content: "";
    inset: 0px;
    background-color: rgba(0, 0, 0, 0.45);
}

.try__free__demo__btn a {
    display: inline-block;
    text-decoration: none;
    background-color: rgb(255, 138, 0);
    color: var(--text-white-color);
    padding: 9px 18px;
    border-radius: 5px;
    position: relative;
    z-index: 99;
    font-weight: 700;
    overflow: hidden;
}

.try__bottom__demo__strip {
    position: absolute;
    bottom: 0px;
    width: 100%;
    background-color: black;
    display: flex;
    justify-content: space-around;
    align-items: center;
    z-index: 9;
    height: 80px;
}

.try__bottom__demo__strip img {
    width: 100px;
    height: 56px;
    display: block;
    object-fit: cover;
    object-position: center center;
}

.right__demo__bg {
    position: absolute;
    inset: 0px;
}

.right__demo__bg img {
    width: 100%;
    object-fit: cover;
    object-position: center center;
    height: 100%;
}

.Online__roulett__details__table h3 {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 32px;
}

.overall__ratings__containers h2 {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 32px;
}

.cst__expert__ratings__box {
    background-color: rgb(232, 238, 253);
    padding: 20px;
}

.expert__ratings__wrappers {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 20px;
}

.rating__user p {
    margin-bottom: 0px;
    font-size: 14px;
}

.rating__and__score {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding-block: 1rem; }

.rating__and__score > span {
    border-bottom: 1px solid;
    padding-bottom: 5px;
    height: 60px;
}

.rating__and__score span {
    display: flex;
    gap: 10px;
    align-items: center;
}

.rating__one span b {
    font-size: 32px;
    font-weight: 700;
}

.rating__user p:first-child {
    font-size: 16px;
    font-weight: 500;
}

.rating__user p {
    font-size: 12px;
}

.rating__and__score span b {
    font-size: 24px;
}

.rating__btn a {
    text-decoration: none;
    color: var(--text-black-color);
    font-weight: 700;
    display: inline-block;
}

.rating__and__score span img {
    width: 70px;
    height: 40px;
    object-fit: cover;
    object-position: center center;
    padding: 2px;
    border-radius: 5px;
}

.gonzo__slot {
    background-color: var(--green-color);
    padding: 30px;
    margin-block: 40px; border-radius: 12px;
}

.all__game__container .expert__ratings__wrappers {
    border-bottom: 1px solid var(--blue_color);
}

.pros__cons__list {
    display: flex;
    justify-content: start;
    gap: 50px;
}

.rating__user h3 {
    font-size: 22px;
    font-weight: 700;
}

.mobile_slider {
    padding-left: 0px;
}

.mobile_slider li img {
    width: 100%;
}

.mobile_slider .prev__arrow {
    position: absolute;
    top: 40%;
    left: -60px;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: var(--text-white-color);
    background-color: var(--blue_color);
    cursor: pointer;
    text-align: center;
    border-radius: 50%;
}

.mobile_slider .next__arrow {
    position: absolute;
    top: 40%;
    right: -60px;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: var(--text-white-color);
    background-color: var(--blue_color);
    cursor: pointer;
    text-align: center;
    border-radius: 50%;
}

.mobile_slider .slick-dots {
    display: flex;
    justify-content: center;
    align-items: center;
}

.mobile_slider .slick-dots li {
    margin: 0px 5px;
    list-style: none;
}

.mobile_slider .slick-dots li button {
    font-size: 12px;
    color: transparent;
    background-color: rgb(136, 136, 136);
    border-radius: 50%;
    width: 12px;
    height: 12px;
    border: none;
}

.mobile_slider .slick-dots li.slick-active button {
    background-color: var(--blue_color);
}

.other__neg__list {
    padding-left: 0px;
}

.other__neg__list li {
    position: relative;
    list-style-type: none;
    padding-block: 0.7rem; padding-left: 20px;
}

.other__neg__list li::before {
    position: absolute;
    content: "•";
    top: 0px;
    left: 0px;
    font-size: 30px;
}

.intro__inner .hero__info__container h1 {
    font-size: 41px;
}

.intro__logos__container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.intro__logos__container span {
    position: relative;
}

.intro__logos__container span:nth-of-type(1)::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 56px;
    top: 50%;
    left: 134%;
    transform: translateY(-50%);
    background: linear-gradient(rgba(0, 0, 0, 0.02) 0px, rgba(0, 0, 0, 0.08) 13%, rgba(0, 0, 0, 0.32) 41%, rgba(0, 0, 0, 0.36) 54%, rgba(0, 0, 0, 0.36) 61%, rgba(0, 0, 0, 0.32) 69%, rgba(0, 0, 0, 0.05) 100%);
}

.intro__logos__container span:nth-of-type(2)::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 56px;
    top: 50%;
    left: 180%;
    transform: translateY(-50%);
    background: linear-gradient(rgba(0, 0, 0, 0.02) 0px, rgba(0, 0, 0, 0.08) 13%, rgba(0, 0, 0, 0.32) 41%, rgba(0, 0, 0, 0.36) 54%, rgba(0, 0, 0, 0.36) 61%, rgba(0, 0, 0, 0.32) 69%, rgba(0, 0, 0, 0.05) 100%);
}

.intro__logos__container span:nth-of-type(3)::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 56px;
    top: 50%;
    left: 140%;
    transform: translateY(-50%);
    background: linear-gradient(rgba(0, 0, 0, 0.02) 0px, rgba(0, 0, 0, 0.08) 13%, rgba(0, 0, 0, 0.32) 41%, rgba(0, 0, 0, 0.36) 54%, rgba(0, 0, 0, 0.36) 61%, rgba(0, 0, 0, 0.32) 69%, rgba(0, 0, 0, 0.05) 100%);
}

.intro__text__container {
    margin-top: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.intro__text__container p {
    text-align: center;
    font-size: 12px;
}

.intro__palyer__img img {
    width: 100%;
}

.intro__palyer__img {
    position: relative;
}

.button__inside__intro {
    position: absolute;
    height: 200px;
    width: 100%;
    bottom: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(255, 255, 255, 0.25);
    box-shadow: rgba(31, 38, 135, 0.37) 0px 8px 32px 0px;
    backdrop-filter: blur(4px);
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.cst_intro_btn a {
    text-decoration: none;
    color: var(--white-color);
    background-color: var(--blue_color);
    padding: 10px 18px;
    border-radius: 5px;
    overflow: hidden;
}

.Top__betting__sites {
    display: flex;
    justify-content: center;
    align-items: center;
}

.Top__betting__sites h2 {
    font-size: 30px;
    font-weight: 600;
}

.Top__betting__sites img {
    width: 28px;
    height: auto;
    margin-right: 10px;
}

.Top__betting__sites__author {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 15px;
    border-left: 1px solid rgb(210, 214, 217);
    padding-left: 12px;
}

.Top__betting__sites__author img {
    width: 30px;
    height: 30px;
    object-fit: cover;
    object-position: center center;
    border-radius: 50%;
}

.Top__betting__sites__author p {
    margin-bottom: 0px;
    font-size: 12px;
}

.Top__betting__sites__author img:last-child {
    width: 90px;
    height: 43px;
}

.author__stripe {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px 0px;
    border-radius: 30px;
}

.cmn__author__stripe img {
    width: 30px;
    height: 30px;
    object-fit: cover;
    object-position: center center;
    border-radius: 50%;
}

.author__stripe__left {
    display: flex;
    justify-content: start;
}

.cmn__author__stripe {
    display: flex;
    justify-content: start;
    align-items: center;
    padding-inline: 20px; }

.auhtor__content__box p {
    margin-bottom: 0px;
    padding-left: 10px;
}

.cmn__author__stripe.author__first {
    border-right: 1px solid grey;
}

.auhtor__content__box a {
    text-decoration: none;
    color: rgb(0, 0, 0);
    padding-left: 5px;
    font-size: 18px;
    font-weight: 600;
}

.author__stripe__right span {
    padding-right: 10px;
}

.on__the__stage__left {
    text-align: start;
}

.on__the__stage__left h2 {
    font-size: 15px;
    font-weight: 600;
}

.on__the__stage__left span {
    padding-left: 5px;
}

.cst__casino__soft__list img {
    width: 35px;
    height: 35px;
}

.top__bookmark__categories__container {
    padding: 25px;
    background-color: rgb(237, 237, 237);
    border-radius: 5px;
}

.bookmark__title {
    text-align: center;
}

.bookmark__title h3 {
    margin-bottom: 20px;
    font-weight: 600;
}

.bookmark__top__icons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 45px;
    background-color: rgb(237, 237, 237);
    border-radius: 5px;
}

.bookmark__top__icons img {
    width: 40px;
    height: 40px;
    object-fit: contain;
    object-position: center center;
}

.bookmark__content__wrapper {
    background-color: var(--white-color);
    padding: 25px;
    border-radius: 5px;
}

.bookmark__table tr, .bookmark__table td {
    border: none;
}

table.bookmark__table {
    margin-top: 40px;
}

table.bookmark__table tr {
    height: 40px;
}

section.tow-cloumn-section {
    margin-top: 40px;
}

.two__column__banner img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: center center;
}

.tab__menu__container {
    display: grid;
    grid-template-columns: 1fr 3fr;
}

.tab__buttons {
    display: grid;
    grid-template-columns: 1fr;
    border-radius: 8px 0px 0px 8px;
    overflow: hidden;
}

.tab__buttons button {
    border: none;
    font-size: 14px;
    background: rgb(32, 48, 90);
    color: rgb(255, 255, 255);
}

.tab__contents {
    background-color: rgb(251, 168, 76);
    padding: 20px;
    border-radius: 0px 8px 8px 0px;
}

.list__rows {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding-left: 0px;
}

.list__rows li {
    list-style-type: none;
    padding-block: 5px; }

.tab_active {
    font-weight: 800;
    background-color: rgb(251, 168, 76) !important;
    color: rgb(32, 48, 90) !important;
}

.tab__contents > div {
    display: none;
}

.tab__contents > .active {
    display: block !important;
}

.cst__emphasis {
    background-color: var(--green-color);
    padding: 20px 30px;
    border-radius: 5px;
}

.casino__software__list.cst__casino__software__list {
    grid-template-columns: repeat(3, 1fr);
}

.bookmakers__tables table {
    width: 100%;
    text-align: center;
    border: none;
}

.bookmakers__tables table tr, .bookmakers__tables table th, .bookmakers__tables table td {
    border: none;
}

.bookmakers__tables table thead {
    background-color: var(--blue_color);
    color: var(--white-color);
    height: 50px;
}

.bookmakers__tables table tbody tr:nth-child(2n) {
    background-color: var(--green-color);
}

.bookmakers__tables table tr td img {
    width: 164px;
    height: 72px;
}

.bookmakers__tables table tr td .flag__rows img {
    width: 30px;
    height: auto;
}

.flag__rows {
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 5px;
}

.flag__rows img {
    padding-right: 5px;
}

.bookmakers__tables .highlight-red {
    background: rgb(255, 0, 0);
    padding: 4px 8px;
    border-radius: 3px;
}

.bookmakers__tables .highlight-green {
    background: green;
    padding: 4px 8px;
    border-radius: 3px;
}

.online__game__img__list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: rgb(0, 56, 233);
    background-image: linear-gradient(90deg, rgb(32, 220, 255) 51%, rgb(148, 238, 255) 99%);
    padding: 20px 40px;
}

.online__game__image {
    width: 64%;
}

.online__game__List {
    width: 40%;
}

.online__game__image img {
    width: 400px;
}

.online__game__List ul {
    padding-left: 0px;
}

.online__game__List ul li {
    font-size: 14px;
    padding-block: 5px; }

.palinsesto__img img {
    width: 100%;
}

.two__coumn__visite__site a:first-child {
    padding: 10px 30px;
    font-size: 18px;
    text-decoration: none;
}

.tbale__circle__img {
    width: 40px;
    height: 40px;
}

.tabl__btn {
    background-color: rgb(13, 131, 96);
    color: var(--text-white-color);
    font-size: 18px;
    text-decoration: none;
    padding: 8px 16px;
    border-radius: 30px;
}

.betting__sites__image__container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--green-color);
    padding: 15px;
    border-radius: 5px;
}

.contact__tool table tr {
    height: 60px;
}

.bouns__point__container {
    position: relative;
    padding: 28px 30px 30px 48px;
    background-color: var(--green-color);
    height: 100%;
    border-radius: 8px;
}

.bouns__point__container::before {
    content: "";
    background: url("../images/mobile-casino.png") center center / contain no-repeat;
    width: 262px;
    height: 371px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    filter: drop-shadow(rgba(55, 55, 55, 0.38) 0px 2px 68px);
}

.bouns__point__col-1 {
    width: 32%;
    float: left;
}

.bouns__point__col-2 {
    width: 40%;
    float: right;
    position: relative;
}

.extra__betting__sites__container {
    padding: 20px;
    background-color: var(--white-color);
    border-radius: 5px;
    margin-bottom: 20px;
    box-shadow: rgba(0, 0, 0, 0.75) 10px 10px 5px 0px;
}

.extra__bet__sites__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--blue_color);
    color: var(--text-white-color);
    padding: 8px 10px;
    margin-bottom: 10px;
    border-radius: 4px;
}

.extra__bet__sites__row p {
    margin-bottom: 0px;
}

.extra__bet__sites__column {
    padding-left: 0px;
}

.extra__bet__sites__column li {
    list-style-type: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-block: 5px; }

.extra__bet__sites__column li .emoji {
    padding-right: 5px;
}

.extra__bet__sites__column li span a {
    font-weight: 700;
    color: rgb(59, 142, 222);
    text-decoration: none;
}

.calcio-payout img {
    width: 100%;
}

.winner__medal__text h4 {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    margin: 0px auto;
}

.diffrent__payout tr {
    height: 50px;
}

.graphics__slider__title h3 {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 20px;
}

.graphics__slider {
    padding-left: 0px;
    background-color: var(--green-color);
}

.graphics__slider__img__box img {
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.75) 10px 10px 5px 0px;
}

.graphics__slider li {
    padding: 40px 60px;
    list-style-type: none;
}

.graphics__slider__img__box {
    position: relative;
}

.graphic__slider__content {
    position: absolute;
    background-color: rgb(243, 244, 248);
    display: flex;
    justify-content: start;
    align-items: center;
    bottom: 100px;
    width: 80%;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 5px;
}

.graphic__slider__content img {
    width: 150px;
    box-shadow: none;
}

.graphic__slider__content p {
    margin-bottom: 0px;
    font-size: 13px;
}

.graphics__slider .prev__arrow {
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: var(--text-white-color);
    background-color: var(--blue_color);
    cursor: pointer;
    text-align: center;
    border-radius: 50%;
}

.graphics__slider .next__arrow {
    position: absolute;
    top: 50%;
    right: 0px;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: var(--text-white-color);
    background-color: var(--blue_color);
    cursor: pointer;
    text-align: center;
    border-radius: 50%;
}

.graphics__slider .slick-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 20px;
}

.graphics__slider .slick-dots li {
    margin: 0px 5px;
    padding: 0px;
    list-style: none;
}

.graphics__slider .slick-dots li.slick-active button {
    background-color: var(--blue_color);
}

.graphics__slider .slick-dots li button {
    font-size: 12px;
    color: transparent;
    background-color: rgb(136, 136, 136);
    border-radius: 50%;
    width: 12px;
    height: 12px;
    border: none;
}

.bookmark__online__image__box img {
    width: 100%;
}

.table-top-image {
    display: flex;
    justify-content: end;
    align-items: center;
    padding-block: 20px; border-top: 1px solid rgb(168, 168, 168);
    gap: 20px;
}

.table-top-image h2 {
    font-size: 25px;
    font-weight: 600;
}

.double__slick__slider {
    position: relative;
    background-color: var(--green-color);
    padding: 32px 64px 24px;
    border-radius: 5px;
    overflow: hidden;
}

.double__slick__slider > ul {
    padding-left: 0px;
}

.double__slick__slider::before {
    position: absolute;
    content: "";
    background-image: url("../images/bg-italy.webp");
    width: 320px;
    height: 416px;
    top: 7px;
    left: 3px;
    filter: drop-shadow(rgba(16, 0, 28, 0.73) 13px 13px 21px);
}

.history__title__flag {
    display: flex;
    justify-content: start;
    width: 70%;
    margin: 0px auto 40px;
    gap: 20px;
    position: relative;
    z-index: 9;
}

.history__title__flag img {
    width: 137px;
    height: auto;
}

.history__title__flag h3 {
    line-height: 26px;
    font-size: 26px;
    text-align: center;
}

.xti {
    position: relative;
}

.xti::before {
    content: "";
    position: absolute;
    width: 100%;
    top: 12px;
    left: 0px;
    background: rgb(51, 51, 51);
    height: 2px;
}

.slick__associated__slider .slick-center li span {
    background-color: var(--blue_color);
    border-color: var(--text-white-color);
}

.xti span {
    width: 25px;
    height: 25px;
    border: 2px solid rgb(51, 51, 51);
    display: block;
    border-radius: 50%;
    margin: 0px auto;
    background: var(--white-color);
    z-index: 999;
    position: relative;
}

li.text-center.xti h5 {
    font-weight: 700;
    padding-top: 10px;
    font-size: 17px;
}

.slick__associated__slider .prev__arrow {
    position: absolute;
    top: -6px;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: var(--text-white-color);
    background-color: var(--blue_color);
    cursor: pointer;
    text-align: center;
    border-radius: 50%;
    left: -45px;
}

.slick__associated__slider .next__arrow {
    position: absolute;
    top: -6px;
    right: -45px;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: var(--text-white-color);
    background-color: var(--blue_color);
    cursor: pointer;
    text-align: center;
    border-radius: 50%;
}

.slick__slider__content {
    padding: 20px;
    background-color: var(--blue_color);
    border-radius: 5px;
}

.slick__slider__content h2 {
    font-size: 24px;
    font-weight: 600;
    color: var(--text-white-color);
    margin-bottom: 15px;
}

.slick__slider__content p {
    font-size: 14px;
    color: var(--text-white-color);
    margin-bottom: 0px;
}

.online__game__img__list___wrapper {
    background-color: rgb(0, 56, 233);
    background-image: linear-gradient(90deg, rgb(32, 220, 255) 51%, rgb(148, 238, 255) 99%);
}

.online__game__img__list___wrapper .online__game__img__list {
    margin-top: 0px;
}

.online__game__img__list___wrapper h3 {
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    padding-top: 30px;
}

.online__game__image.cwt {
    width: 40%;
}

.online__game__image.cwt img {
    width: 100%;
}

.online__game__List.cwt {
    width: 50%;
}

.legal__operator__container {
    background-color: rgb(32, 220, 255);
    padding: 20px 20px 20px 40px;
}

.legal__operator__wrapper {
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
}

.legal__operator__left {
    width: 60%;
}

.legal__operator__right {
    width: 40%;
}

.legal__operator__right ul {
    padding-left: 0px;
    padding-inline: 40px; }

.legal__operator__right ul li {
    list-style-type: none;
    padding-block: 5px; padding-left: 10px;
    margin-block: 10px; display: flex;
    justify-content: flex-start;
    gap: 17px;
    background-color: rgb(255, 255, 255);
    border-radius: 5px;
}

.legal__operator__left .common__description__text p {
    text-align: justify;
}

.most__popular__sports___container {
    background-image: linear-gradient(to right, rgb(108, 215, 255), rgb(153, 227, 255), rgb(173, 233, 255), rgb(215, 244, 255), rgb(255, 255, 255));
    padding: 20px;
    position: sticky;
    top: -80%;
    margin-bottom: 100px;
}

.most__popular__sport {
    padding: 10px;
    background-color: rgb(255, 255, 255);
}

.most__popular__sport h2 {
    font-size: 22px;
    background-color: var(--white-color);
    padding: 7px 8px;
    text-align: center;
    font-weight: 600;
    border-radius: 5px;
}

.sport__list__one {
    display: flex;
    flex-flow: wrap;
    list-style: none;
    padding: 12px 0px 0px;
    margin: 0px;
}

.sport__list__one li {
    flex: 0 0 33.33%;
    width: 33.33%;
    margin-bottom: 20px;
    text-align: center;
}

.sport__list__one li a {
    text-decoration: none;
    color: rgb(0, 0, 0);
}

.sport__list__one li a span {
    transition: all 0.3s ease-in-out 0s;
    padding-top: 5px;
    display: inline-block;
}

.sport__list__one li a:hover span {
    text-decoration: none;
    color: rgb(0, 0, 0);
    border-bottom: 1px solid var(--black_color);
}

.sport__list__one .cst__drop__down {
    flex-basis: 100%;
    width: 100%;
    border-top: 1px solid rgb(241, 241, 246);
    text-align: center;
    padding: 16px 0px;
    margin-bottom: 0px;
}

.sport__list__two li {
    text-align: start;
}

.sport__list__two {
    position: relative;
    overflow: hidden;
    max-height: 0px;
    display: flex;
    flex-flow: wrap;
    list-style: none;
    padding: 0px;
    margin: 0px;
    font-size: 12px;
    line-height: 1.2;
    text-align: left;
    transition: max-height 0.3s ease 0s;
    top: 15px;
}

.cst__drop__down:hover .sport__list__two {
    max-height: 400px;
}

span.cst-chevron {
    font-weight: 600;
    border-bottom: 2px solid rgb(97, 100, 103);
    padding: 5px;
}

.best__online__bookies__content {
    text-align: center;
    background-color: var(--white-color);
    margin-top: 20px;
    padding: 10px;
    border-radius: 5px;
}

.best__online__bookies__content h3 {
    font-size: 18px;
    font-weight: 600;
}

.best__online__bookies__date span {
    display: block;
    font-size: 15px;
}

.best__online__bookies__list {
    background-color: var(--white-color);
    padding: 5px 16px;
    margin-top: 20px;
}

.best__online__bookies__list li {
    list-style: none;
}

.best__online__bookies__list li a {
    text-decoration: none;
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 15px;
    border-bottom: 1px solid rgb(231, 231, 231);
    padding-block: 16px 8px; }

.bookies__list__site p {
    margin-bottom: 2px;
    color: rgb(0, 0, 0);
    font-weight: 700;
    line-height: 12px;
    font-size: 16px;
}

.bookies__list__site span {
    font-size: 14px;
    color: rgb(138, 143, 149);
}

.left__arrow {
    flex: 0 1 0%;
    border-left: 1px solid rgb(231, 231, 231);
    text-align: center;
    color: var(--black_color);
    display: block;
    padding: 5px 10px;
}

.bookies__list__img {
    width: 48px;
    height: 48px;
    position: relative;
    flex-grow: 0;
}

.bookies__list__img img {
    width: 100%;
    border-radius: 3px;
}

.winner__position {
    position: absolute;
    top: -7px;
    left: -7px;
}

.winner__position p {
    background-color: var(--blue_color);
    color: var(--text-white-color);
    border-radius: 2px;
    padding: 3px 10px;
    font-size: 11px;
    font-weight: 100;
}

.bookies__list__site {
    flex-grow: 1;
}

.left__arrow span i {
    font-size: 12px;
}

.best__online__bookies__content.cwt {
    text-align: center;
    display: block;
    padding-block: 20px; }

.best__online__bookies__content.cwt a {
    padding: 8px;
    font-weight: 700;
    text-align: center;
    display: block;
}

.best__online__bookies__list.cwt li a {
    border: none;
}
.gallery__slider li a{display: block;}
.gallery__slider li a img{width: 100%;}