html {
    scroll-padding-top: 8rem;
}

@font-face {
    font-family: 'Flaticon';
    src: url("../fonts/Flaticon.ttf");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    --base-url: '<?php echo BASE_URL; ?>';
}

/******************************* Common Start ************************/

*,
*:before,
*:after {
    box-sizing: border-box
}

img,
body,
table,
a,
form,
a img,
h1,
h2,
h3,
h4,
h5,
h6,
li,
hr {
    border: 0 none;
    margin: 0;
    outline: 0 none;
    padding: 0;
}

a {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    text-decoration: underline;
}

body {
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    color: #4a4745;
}

.margin-auto {
    margin: auto;
}


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

.flex-start-top {
    display: flex;
    justify-content: space-between;
    align-items: normal;
}



/******************************* Common End ************************/

/******************** Section Start **************************************/
section.about-mobile {
    display: none;
}

section.about-desktop {
    display: block;
}

.wrapper {
    overflow: hidden;
}

.section-wrapper {
    max-width: 1300px;
    position: relative;
    padding: 15px;
}

section.history-container {
    background-repeat: no-repeat;
    background-position: top left;
    background-size: auto;
    padding-top: 180px;
}

section.history-container h2 {
    text-align: left;
}

section.history-container h3 {
    text-align: center;
    text-transform: none;
    margin-top: 60px;
}

section.history-container p {
    font-size: 20px;
}


section.values-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
}

section.values-container .values-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 788px;
    text-align: center;
    padding: 20px 60px 40px;
}

section.values-container .values-item-img {
    min-height: 315px;
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}

section.values-container img {
    height: 100%;
}

section.values-container h3 {
    color: #ffffff;
    text-transform: none;
    margin-bottom: 30px;
}

section.values-container p {
    color: #ffffff;
    text-align: justify;
    line-height: 150%;
}

.echipa-container {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 40px;
}

.echipa-container .echipa-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.echipa-item-img {
    margin-bottom: 40px;
    max-height: 310px;
}

.promotions-wrapper .echipa-item-img img {
    max-width: 300px;
}

.echipa-item h3 {
    margin-bottom: 10px;
}

section .parteneri {
    display: flex;
    justify-content: space-between;
    gap: 180px;
}

section .parteneri .parteneri-list {
    flex: 1;
    margin: 0 10px;
    /* Adjust as needed for spacing between lists */
}

.parteneri-list .custom-list li {
    margin-bottom: 25px;
    line-height: 120%;
}

.parteneri-list .custom-list .number {
    display: block;
    margin-bottom: 5px;
}

.parteneri-list .custom-list .number.has-link:after {
    content: url('/images/icons/arrow-icon-purple.png');
    position: relative;
    left: 15px;
    top: 2px;
}

.parteneri-list a.underlined-text {
    text-decoration: underline;
}

.services-container h2 {
    text-transform: uppercase;
    text-align: center;
}

.servicii-container .servicii-item {
    display: flex;
    justify-content: flex-start;
    gap: 60px;
}

.servicii-item {
    flex: 1;
    margin-right: 20px;
}

/* .servicii-item-expanded {
    display: none;
    overflow: hidden;
    transition: max-height 0.7s ease-out;
    max-height: 0;
}

.servicii-item-expanded.show {
    display: block;
    max-height: 1000px;
} */
.slick-slide a {
    min-height: 165px;
    display: block;
}
.servicii-item-list .list-title {
    font-weight: 700;
    list-style-type: none;
    margin-left: -18px;
}

.servicii-container .see-more,
.servicii-container .see-less {
    text-align: right;
    padding-right: 25px;
    margin-top: 15px;
}

.see-more.expanded {
    margin-top: 30px;
}

.servicii-container ul li,
.servicii-container a {
    font-size: 18px;
}

.price-spacing {
    margin-left: 100px;
}

.see-more a,
.see-less a {
    color: #52287A;
    font-weight: 700;
}

.see-more a:hover,
.see-less a:hover {
    text-decoration: none;
}

.see-more a:after {
    content: url(/images/icons/see-more-icon.png);
    position: relative;
    left: 10px;
}

.see-less a:after {
    content: url(/images/icons/see-less-icon.png);
    position: relative;
    left: 10px;
}

.servicii-item-expanded {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.7s ease, opacity 0.5s ease;
}

.servicii-item-expanded.expanded {
    max-height: 500px;
    /* Adjust this value as needed */
    opacity: 1;
}

.see-more a {
    transition: opacity 0.5s ease;
    opacity: 1;
}

.see-more a.hidden {
    opacity: 0;
}

.container {
    margin-top: 0;
}

.smart-banner-showed .container {
    margin-top: 165px;
}

section.services-bg-container p,
section.services-bg-container h3 {
    color: #ffffff;
    text-align: center;
    text-transform: none;
    line-height: 160%;
}

section.services-bg-container h3 {
    font-size: 30px;
}

section.services-bg-container p {
    font-size: 16px;
    margin: 0;
    font-weight: 300;
}

.container h1 {
    font-family: "Montserrat", sans-serif;
    font-size: 70px;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
}

.container h2 {
    font-family: "Montserrat", sans-serif;
    font-size: 30px;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    margin: 5px 0 45px;
}

.container h3 {
    font-size: 30px;
    font-family: "Montserrat", sans-serif;
    color: #1B1464;
    margin: 10px 0;
    text-transform: uppercase;
}

.container h2.centered-title {
    font-size: 40px;
    text-transform: uppercase;
}

.container h4 {
    font-size: 20px;
    font-family: "Montserrat", sans-serif;
    color: #1B1464;
    margin: 10px 0 0;
}

.container p {
    line-height: 150%;
    font-size: 18px;
}

#valori p {
    font-size: 20px;
}

.container p a {
    text-decoration: underline;
}

.container p a:hover {
    text-decoration: none;
}

.container ul {
    padding: 0;
    margin: 20px;
}

.container li {
    line-height: 180%;
}

section.policy-pages {
    margin-top: 120px;
}


.echipa-item p {
    margin: 0;
    color: #1B1464;
    line-height: 120%;
}

/******************** Section End **************************************/

/******************** Header Start *****************************/

.header {
    background-size: 100%;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 2;
    transition: all 0.7s ease;
}

.header .header-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1300px;
    height: 100%;
    align-items: center;
}

.header-wrapper .header-menu-wrapper {
    display: flex;
    position: relative;
    padding-bottom: 5px;
    width: 100%;
    height: 100%;
    z-index: 15;
    justify-content: center;
    align-items: center;
}

.header-menu-wrapper .header-logo {
    width: max-content;
    height: auto;
    padding: 10px 0;
    user-select: none;
    transition: padding 0.5s ease;
}

span.logo-text {
    text-transform: uppercase;
    display: block;
    text-align: center;
    line-height: 100%;
}

span.logo-text.text-purple {
    color: #8B4190;
    font-size: 20px;
}

span.logo-text.text-blue {
    font-size: 27px;
    font-weight: 700;
}

.header-menu-wrapper .header-logo img {
    max-width: 100%;
    position: relative;
    transition: transform 0.5s ease, bottom 0.5s ease;
}

.header-wrapper .header-buttons-wrapper {
    margin-right: 15px;
    width: 30%;
    text-align: right;
    margin-bottom: 30px;
}

.submenu {
    max-height: 0;
    overflow: hidden;
    display: none;
    transition: max-height 5s ease, opacity 5s ease;
    background-color: rgb(27 20 100 / 70%);
}

.submenu-active>.submenu {
    min-width: 130px;
    max-height: 300px;
    /* Adjust this value based on your submenu's content */
    display: block;
    margin: 0;
    position: absolute;
    top: 100%;
    left: -5%;
    list-style: none;
    padding: 5px 20px;
    width: max-content;
    border-radius: 6px;
    font-weight: 400;
    text-align: right;
}

.submenu-active>.submenu li {
    padding: 3px 0;
    color: #ffffff;
}

.submenu-active>.submenu li:hover {
    font-weight: 600;
}

.submenu-active>.submenu li a {
    font-size: 16px;
}

.header {
    height: 164px;
    /* Original height */
    background: linear-gradient(180deg,
            rgb(233, 232, 240) 0%,
            rgb(233, 232, 240) 90%,
            rgb(255, 255, 255) 90%,
            rgb(255, 255, 255) 100%);
    transition: height 0.5s ease;
    border-bottom: 1px solid #f1f1f1;
}

.header.scrolled {
   height: 130px;
    transition: height 0.5s ease;
}

.header .header-logo img {
    transition: transform 0.7s;
    bottom: 0;
    max-width: 147px;
    transform: unset;
}
.header.scrolled .header-logo img {
    transform: scale(0.8);
    transition: transform 0.7s;
}

.header.scrolled .menu .menu-item {
    font-size: 20px; 
    transition: font-size 0.7s;
}

.header .logo-text {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: opacity 0.7s ease,
        visibility 0.7s ease,
        transform 0.5s ease;
}


/******************** Header End *****************************/

/******************** Menu Start *****************************/

.header .header-menu-mobile-wrapper {
    display: none;
}

.menu-mobile {
    position: fixed;
    right: -75%;
    top: 0;
    bottom: 0;
    width: 75%;
    background: hsl(245deg 67% 24% / 95%);
    color: #fff;
    transition: transform .5s ease;
    z-index: 4;
}

.header .menu {
    display: flex;
    align-items: center;
    height: 70px;
    margin: 0;
    /* padding: 50px 0 0 100px; */
    justify-content: center;
}

.menu .menu-item {
    display: flex;
    align-items: center;
    height: 50px;
    color: #1B1464;
    font-size: 22px;
    font-weight: 500;
    padding: 0 17px;
    position: relative;
    transition: color 2s ease, font-weight 0.5s ease;
}

.menu .menu-item:hover {
    font-weight: 700;
}

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

.menu .menu-item.current {
    font-weight: 700;
}


/******************** Menu End *****************************/

/******************** Home Page Start **************************************/
.is-homepage h1 {
    font-size: 90px;
}

section .about-text {
    width: 65%;
}

section .about-img {
    width: 30%;
}

section .about-img img {
    width: 100%;
}

.category-link.mobile-link {
    display: none;
}

.category-link {
    color: #ffffff;
    font-family: "Montserrat", sans-serif;
    font-size: 26px;
    font-weight: 700;
    text-align: right;
    position: relative;
    right: 5.5%;
}

.category-link span {
    padding: 5px 15px;
    margin-left: -7px;
}

.category-link a:hover {
    color: #000;
}

.shop-coins-wrapper .shop-coins {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.shop-coins-wrapper .shop-coins-image {
    width: 55%;
    border: 4px solid #000;
}

.shop-coins-wrapper .shop-coins-image .mobile-image {
    display: none;
}

.shop-coins-wrapper .shop-coins-image img {
    width: 100%;
    vertical-align: middle;
}

.shop-coins-wrapper .shop-coins-video {
    width: 43%;
    border: 4px solid #000;
}

.shop-coins-wrapper .shop-coins-video iframe {
    width: 100%;
    height: 100%;
}

.shop-coins-wrapper .shop-coins-significant {
    background: #f4f6f9;
    font-size: 11px;
    padding: 10px;
    text-align: center;
}

.shop-coins-wrapper .shop-coins-significant p {
    line-height: 14px;
    margin: 0;
}

.slanted-bg {
    display: inline-block;
    position: relative;
}

.slanted-bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: inherit;
    transform: skew(15deg);
    z-index: 1;
}

.bg-purple::before {
    background-color: #8B4190;
}

.bg-blue::before {
    background-color: #52287A;
}

.text {
    position: relative;
    z-index: 1;
    color: white;
}

.custom-list {
    list-style-type: none;
    padding-left: 0;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.custom-list li {
    font-size: 20px;
}

.custom-list .number {
    color: #52287A;
    font-weight: bold;
    margin-right: 5px;
}

.custom-list a:hover {
    text-decoration: none;
}

.promotions-wrapper img {
    max-width: 300px;
    margin: 25px auto 50px auto;
    display: block;
}
img.motive-img {
    margin: 0 auto 50px auto;
}

#alegerea-sinopsis img {
    max-width: 315px;
}

/******************** Home Page End **************************************/

/******************** Bingo Games Start **************************************/

.bingo-games-category-wrapper .bingo-games-categories {
    display: flex;
    flex-wrap: wrap;
}

.bingo-games-category-wrapper .bingo-games-category {
    width: 203px;
    font-size: 24px;
    font-family: "Montserrat", sans-serif;
    line-height: 23px;
    padding: 5px;
    margin-bottom: 10px;
    color: #4a4745;
    background: #dcdada;
    border: 2px solid #dcdada;
    border-radius: 20px;
    text-align: center;
    margin-left: 20px;
    cursor: pointer;
}

.bingo-games {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 5px;
}

.free-bingo-category .bingo-games {
    grid-template-columns: repeat(3, 1fr);
}

.bingo-games .bingo-game-wrapper {
    padding: 10px;
}

.bingo-games .bingo-game-wrapper .bingo-game {
    border: 2px solid #4a4745;
    border-radius: 0 0 20px 20px;
    background: #fff;
}

.bingo-game-wrapper .bingo-game .bingo-game-name {
    display: flex;
    align-items: center;
    position: relative;
    height: 38px;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: #fff;
    background: #4a4745;
    padding-left: 50px;
    width: 100%;
}

.bingo-game-wrapper .bingo-game .bingo-game-type {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    width: 46px;
    height: 46px;
    position: absolute;
    top: -7px;
    left: -10px;
    border-radius: 50%;
}

.bingo-game-wrapper .bingo-game.room-type-1 .bingo-game-type,
.bingo-game-wrapper .bingo-game.room-type-2 .bingo-game-type {
    background-color: #4dc4fc;
}

.bingo-game-wrapper .bingo-game.room-type-3 .bingo-game-type {
    background-color: #6e499e;
}

.bingo-game-wrapper .bingo-game.room-type-4 .bingo-game-type {
    background-color: #39b23b;
}

.bingo-games .bingo-game-wrapper .bingo-game .bingo-game-image {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 39%;
    border-bottom: 2px solid #4a4745;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.bingo-game-image .bingo-game-price {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    width: 42px;
    height: 40px;
    position: absolute;
    right: -9px;
    top: 11px;
    background-size: 40px 42px;
}

.bingo-game.room-type-1 .bingo-game-image .bingo-game-price,
.bingo-game.room-type-2 .bingo-game-image .bingo-game-price {
    color: #4dc4fc;
}

.bingo-game.room-type-3 .bingo-game-image .bingo-game-price {
    color: #6e499e;
}

.bingo-game.room-type-4 .bingo-game-image .bingo-game-price {
    color: #39b23b;
}

.bingo-game .bingo-game-jackpot {
    font-size: 26px;
    line-height: 23px;
    font-weight: 700;
    padding: 10px;
    border-bottom: 1px solid #f2f2f2;
    min-height: 70px;
    width: 100%;
}

.bingo-game.room-type-1 .bingo-game-jackpot,
.bingo-game.room-type-2 .bingo-game-jackpot {
    color: #4dc4fc;
}

.bingo-game.room-type-3 .bingo-game-jackpot {
    color: #6e499e;
}

.bingo-game.room-type-4 .bingo-game-jackpot {
    color: #39b23b;
}

.bingo-games .bingo-game-wrapper .bingo-game .bingo-game-jackpot::before {
    content: "\f15e";
    font-family: "Flaticon";
    font-size: 22px;
}

.bingo-game .bingo-game-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
    width: 100%;
}

.bingo-game .bingo-game-timer {
    font-size: 14px;
    line-height: 23px;
    font-weight: 700;
    color: #3d3935;
}

.bingo-game .bingo-game-timer:before {
    content: "\f10f";
    font-family: Flaticon;
    margin-right: 5px;
}

.bingo-game .bingo-game-play-button {
    background: #ffdf41;
}

.bingo-games .bingo-game-wrapper .bingo-game .bingo-game-play-button:hover {
    text-decoration: none;
}

.bingo-games-wrapper h3.bingo-games-category-link {
    font-size: 16px;
    font-family: "Montserrat", sans-serif;
    color: #4a4745;
    text-align: center;
    margin-top: 10px;
}

.bingo-games-wrapper h3.bingo-games-category-link a {
    text-decoration: underline;
}

.bingo-games-page .page-description-wrapper h2 {
    padding-top: 70px;
}

/******************** Bingo Games End **************************************/

/******************** Slots Start **************************************/

.slots-page .section-wrapper:has(.filter-input) {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}


.slots-page .slots-wrapper .slots {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 10px;
}

.hidden {
    display: none;
}

.link-hidden {
    visibility: hidden;
}

.link-visible {
    visibility: visible;
}

.slots-page .filter-input {
    width: 300px;
}

.slots-page .filter-input input[data-core-instant-games-filter-input] {
    border-radius: 20px;
    border: 1px solid #ededed;
    background: #ededed;
    color: #ffffff;
    padding: 0 15px;
    font-size: 16px;
    width: 100%;
    height: 40px;
}

.slots-page .filter-input input[data-core-instant-games-filter-input]:focus {
    border: 1px solid #4a4745;
    background: #4a4745;
}

.slots-wrapper .swiper {
    width: 100%;
}

.slots-wrapper .slot .slot-image {
    position: relative;
    overflow: hidden;
    line-height: 0;
}

.slots-wrapper .slot .slot-image img {
    max-width: 100%;
    display: block;
    transition: all 0.3s ease;
    vertical-align: middle;
}

.slots-wrapper .slot .slot-image img:hover {
    transform: translateZ(0) scale(1.1)
}

.slots-page .slot .slot-image a {
    display: inline-block;
    width: 100%;
    height: 0;
    padding-top: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    transition: all 0.3s ease;
}

.slots-page .slot .slot-image a:hover {
    background-size: 110%;
}

.slots-wrapper .slot .slot-name {
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    margin: 5px 0;
    text-align: center;
    color: #000;
}

.slots-wrapper .slot .slot-name a:hover {
    text-decoration: none;
}

/******************** Slots End **************************************/

/******************** Promotions Start **************************************/


.promotions-wrapper .promotions {
    max-width: 83%;
    margin: 0 auto;
}

h2.text-purple {
    color: #8B4190;
}

.page-wrapper .promotions-wrapper .promotions {
    grid-template-columns: repeat(3, 1fr);
}

.promotions-wrapper .promotions .promotion-item {
    display: flex;
    flex-direction: column;
    background: #fff;
}

.promotion-item .promotion-image {
    position: relative;
    overflow: hidden;
}

.promotion-item .promotion-image a {
    display: inline-block;
    width: 100%;
    height: 0;
    padding-top: 42%;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    transition: all 0.3s ease;
}

.promotion-item .promotion-image a:hover {
    background-size: 110%;
}

.promotion-item .promotion-content {
    padding: 0 10px;
}

.promotion-item .promotion-name {
    font-size: 18px;
    font-family: "Montserrat", sans-serif;
    margin: 5px 0;
    color: #000;
    text-align: center;
}

.promotion-item .promotion-description {
    font-size: 17px;
    font-weight: 400;
    text-align: center;
}

.promotion-item .promotion-content .promotion-significant {
    font-size: 11px;
    line-height: normal;
}

.promotion-item .promotion-content .promotion-significant p {
    font-size: 11px;
    line-height: normal;
}

.promotion-item .promotion-links {
    margin: auto 15px 10px;
    text-align: center;
}

.promotion-item .promotion-links .read-more {
    font-family: "Montserrat", sans-serif;
    color: #4a4745;
}

/******************** Promotions End **************************************/

/******************** Promotion Single Page Start **************************************/

.bingo-promotion-single-page h1 {
    color: #4dc4fc;
}

.bingo-promotion-single-page h2 {
    color: #4dc4fc;
}

.bingo-promotion-single-page h4 {
    font-size: 25px;
    font-family: "Montserrat", sans-serif;
    color: #4dc4fc;
    text-shadow: none;
    text-align: left;
}

.promotion-full-terms-wrapper {
    padding-top: 70px;
}

.promotion-full-terms-wrapper .promotion-full-terms-description a {
    text-decoration: underline;
}

/******************** Promotion Single Page End **************************************/

/******************** Blog Page Start **************************************/

.blog-page .section-wrapper {
    max-width: 1070px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.blog-title-wrapper .section-wrapper {
    justify-content: center;
}

.blog-page .blog-posts-wrapper {
    flex: 0 0 67%;
}

.blog-posts-wrapper .blog-post {
    display: flex;
    flex-wrap: wrap;
    background: #ededed;
    margin-bottom: 20px;
}

.blog-posts-wrapper .blog-post .blog-post-image {
    flex: 0 0 50%;
    position: relative;
    min-height: 150px;
}

.blog-post-image .curve-horizontal-background {
    display: none;
}

.blog-posts-wrapper .blog-post .blog-post-image a {
    display: block;
    width: 100%;
    height: 0;
    padding-top: 55%;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}

.blog-posts-wrapper .blog-post .blog-post-content {
    flex: 0 0 50%;
    padding: 10px 20px;
}

.blog-posts-wrapper .blog-post .blog-post-content .blog-post-title {
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 25px;
    color: #000;
}

.blog-posts-wrapper .blog-post .blog-post-content .blog-post-description {
    font-size: 17px;
    line-height: 23px;
    margin: 10px 0 5px;
}

.blog-posts-wrapper .blog-post .blog-post-content .blog-post-link {
    font-size: 14px;
    font-weight: 700;
    color: #000;
}

.blog-page .blog-content-wrapper {
    flex: 0 0 30%;
}

.blog-page .blog-content-wrapper h3 {
    font-size: 26px;
    margin-bottom: 8px;
}

.blog-page .blog-content-wrapper .blog-content-block {
    padding: 15px;
    margin-bottom: 30px;
    border: 1px solid #dcdada;
}

.blog-content-block .blog-about-us-image {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 57%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.blog-social-icons .facebook:before {
    content: "\f121";
    font-family: Flaticon;
    font-size: 17px;
    line-height: 23px;
    color: #ffffff;
    border: 2px solid #3a5897;
    background: #3a5897;
    border-radius: 50%;
    padding: 6px;
}

.blog-social-icons .facebook:hover:before {
    color: #3a5897;
    background: #ffffff;
}

.blog-social-icons .twitter:before {
    content: "\f122";
    font-family: Flaticon;
    font-size: 17px;
    line-height: 23px;
    color: #ffffff;
    background: #54aced;
    border: 2px solid #54aced;
    border-radius: 50%;
    padding: 6px;
}

.blog-social-icons .twitter:hover:before {
    color: #54aced;
    background: #ffffff;
}

.blog-social-icons .youtube:before {
    content: "\f123";
    font-family: Flaticon;
    font-size: 17px;
    line-height: 23px;
    color: #ffffff;
    background: #c42f2b;
    border: 2px solid #c42f2b;
    border-radius: 50%;
    padding: 6px;
}

.blog-social-icons .youtube:hover:before {
    color: #c42f2b;
    background: #ffffff;
}

.blog-social-icons a:hover {
    text-decoration: none;
}

.blog-popular-post {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

.blog-popular-post .blog-popular-post-image {
    position: relative;
    flex: 0 0 30%;
    height: 0;
    padding-top: 17%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.blog-popular-post .blog-popular-post-title {
    flex: 0 1 60%;
    margin-left: 20px;
    font-weight: 700;
    color: #3d3935;
}

.blog-popular-post .blog-popular-post-title a:hover {
    color: #000;
    text-decoration: none;
}

.blog-content-wrapper .blog-content-image img {
    width: 100%;
    border-radius: 20px;
}

/******************** Blog Page End **************************************/

/******************** Blog Page Pagination Start **************************************/

.blog-page .pagination {
    margin: 15px 0;
}

.blog-page .pagination ul {
    display: flex;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.blog-page .pagination ul li {
    margin: 0 10px;
    text-decoration: underline;
}

.blog-page .pagination ul li.active {
    text-decoration: none;
}

/******************** Blog Page Pagination End **************************************/

/******************** Post Page Start **************************************/

.post-page .page-breadcrumbs-wrapper .section-wrapper {
    max-width: 970px;
}

.post-page .post-content-wrapper .section-wrapper {
    max-width: 870px;
}

.post-page .post-content-wrapper h1 {
    font-family: "Montserrat", sans-serif;
    font-size: 38px;
    font-weight: 700;
    text-shadow: none;
    color: #000;
}

.post-page .post-content-wrapper h2 {
    font-family: "Montserrat", sans-serif;
    font-size: 32px;
    font-weight: 700;
    text-shadow: none;
    border-bottom: 2px solid;
}

.blog-category .post-content-wrapper h2 {
    color: #ef539e;
    border-bottom-color: #ef539e;
}

.the-bingo-game-category .post-content-wrapper h2 {
    color: #39b23b;
    border-bottom-color: #39b23b;
}

.best-bingo-category .post-content-wrapper h2 {
    color: #4dc4fc;
    border-bottom-color: #4dc4fc;
}

.bingo-guide-category .post-content-wrapper h2 {
    color: #39b23b;
    border-bottom-color: #39b23b;
}

.post-page h2.bingo-game-category-name {
    font-family: "Montserrat", sans-serif;
    font-size: 40px;
    font-weight: 400;
    letter-spacing: 2px;
    color: #ffdf41;
    text-shadow: 5px 5px 0 #000, -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
    text-align: center;
    margin: 10px 0;
    border-bottom: 0;
}


.blog-category .post-content-wrapper h3 {
    color: #ef539e;
}

.the-bingo-game-category .post-content-wrapper h3 {
    color: #39b23b;
}

.best-bingo-category .post-content-wrapper h3 {
    color: #39b23b;
}

.bingo-guide-category .post-content-wrapper h3 {
    color: #4dc4fc;
}

.post-page .post-content-wrapper h4 {
    font-family: "Montserrat", sans-serif;
    font-size: 25px;
    font-weight: 700;
}

.post-content-wrapper img {
    max-width: 100%;
    vertical-align: middle;
}

.post-content-wrapper p:has(img) {
    margin: 0;
}

.post-content-wrapper .post-image {
    border-top: 5px solid;
}

.blog-category .post-content-wrapper .post-image {
    border-top-color: #ef539e;
}

.the-bingo-game-category .post-content-wrapper .post-image {
    border-top-color: #39b23b;
}

.best-bingo-category .post-content-wrapper .post-image {
    border-top-color: #4dc4fc;
}

.bingo-guide-category .post-content-wrapper .post-image {
    border-top-color: #39b23b;
}

.slot-games-category .post-content-wrapper .post-image {
    border-top-color: #fd8224;
}

.the-wink-experience-category .post-content-wrapper .post-image {
    border-top-color: #fd8224;
}

.free-bingo-category .post-content-wrapper .post-image {
    border-top-color: #6e499e;
}

.post-content-wrapper .post-image img {
    border-radius: 0 0 20px 20px;
}

.post-content-wrapper div:has(table) {
    overflow-x: auto;
}

.post-content-wrapper table {
    border-spacing: 0;
    width: 100%;
}

.post-content-wrapper table tr td {
    border: 1px solid;
    padding: 10px;
    text-align: center;
    font-size: 17px;
}

.blog-category .post-content-wrapper table tr td {
    border-color: #ef539e;
}

.the-bingo-game-category .post-content-wrapper table tr td {
    border-color: #39b23b;
}

.best-bingo-category .post-content-wrapper table tr td {
    border-color: #4dc4fc;
}

.bingo-guide-category .post-content-wrapper table tr td {
    border-color: #39b23b;
}

.the-wink-experience-category .post-content-wrapper table tr td {
    border-color: #fd8224;
}

.free-bingo-category .post-content-wrapper table tr td {
    border-color: #6e499e;
}

.blog-category .post-content-wrapper table tr:first-child td {
    background: #ef539e;
    color: #fff;
}

.the-bingo-game-category .post-content-wrapper table tr:first-child td {
    background: #39b23b;
    color: #fff;
}

.best-bingo-category .post-content-wrapper table tr:first-child td {
    background: #4dc4fc;
    color: #fff;
}

.bingo-guide-category .post-content-wrapper table tr:first-child td {
    background: #39b23b;
    color: #fff;
}

.the-wink-experience-category .post-content-wrapper table tr:first-child td {
    background: #fd8224;
    color: #fff;
}

.free-bingo-category .post-content-wrapper table tr:first-child td {
    background: #6e499e;
    color: #fff;
}

.post-content-wrapper .post-button {
    text-align: center;
    margin: 20px 0;
}

/******************** Post Page End **************************************/

/******************** Category Page Start **************************************/

.category-page .section-wrapper {
    max-width: 1070px;
}

.category-page h1,
.category-page h2 {
    font-family: "Montserrat", sans-serif;
    color: #6e499e;
    text-shadow: none;
}

.the-bingo-game-category h1 {
    color: #6e499e;
}

.best-bingo-category h1,
.best-bingo-category h2,
.best-bingo-category h3 {
    color: #4dc4fc;
}

.slot-games-category h1,
.slot-games-category h2,
.slot-games-category h3 {
    color: #fd8224;
}

.the-wink-experience-category h1,
.the-wink-experience-category h2,
.the-wink-experience-category h3 {
    color: #fd8224;
}

.free-bingo-category h1,
.free-bingo-category h2,
.free-bingo-category h3 {
    color: #6e499e;
}

.free-bingo-category h2.bingo-game-category-name {
    font-family: "Montserrat", sans-serif;
    font-size: 40px;
    font-weight: 400;
    letter-spacing: 2px;
    color: #ffdf41;
    text-shadow: 5px 5px 0 #000, -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
    text-align: center;
    margin: 10px 0;
}

.category-page .category-image {
    text-align: center;
}

.category-page .category-image img {
    max-width: 100%;
}

.category-page .category-posts {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.category-page .category-post {
    flex: 0 0 49%;
    background: #ededed;
    border-radius: 0 0 20px 20px;
    margin-bottom: 25px;
}

.category-page .category-post .category-post-image {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.category-page .category-post .category-post-image a {
    display: inline-block;
    width: 100%;
    height: 0;
    padding-top: 42%;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    transition: all 0.3s ease;
}

.category-page .category-post .category-post-image img:hover {
    background-size: 110%;
}

.category-page .category-post .category-post-content {
    min-height: 135px;
    padding: 0 15px 15px;
}

.category-page .category-post .category-post-title {
    font-size: 20px;
    font-family: "Montserrat", sans-serif;
    margin-bottom: 5px;
    text-align: center;
}

.category-page .category-post .category-post-title a:hover {
    color: #000;
}

.category-page .category-post .category-post-link {
    text-align: center;
    margin: auto 15px 20px;
}

.category-page .category-post .category-post-link a {
    font-family: "Montserrat", sans-serif;
    color: #fff;
    background-color: #000;
    border: 3px solid #000;
    border-radius: 50px;
    padding: 5px;
}

.category-page .category-post .category-post-link a:hover {
    text-decoration: none;
}

/******************** Category Page End **************************************/

/******************** Help Page Start **************************************/


.accordion-content {
    max-height: 0;
    display: none;
    padding: 15px;
    transition: max-height 0.3s ease-out;
}

.accordion-button {
    width: 100%;
    padding: 15px 0;
    border: none;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
    font-family: "Montserrat", sans-serif;
    background: #ffffff;
    font-size: 16px;
    transition: all 0.5s;
}

.accordion-button:hover {
    font-weight: 700;
}

.accordion-button::before {
    content: "• ";
    margin-right: 5px; 
}

.accordion-item.active .accordion-content {
    max-height: 500px;
    display: block;
}

.accordion-item.active .accordion-button {
    font-weight: 700;
}

/******************** Help Page End **************************************/

.curve-horizontal-background {
    position: absolute;
    bottom: 0;
    left: 0;
    max-width: 100%;
}

.curve-vertical-background {
    position: absolute;
    top: 0;
    right: 0;
    max-height: 100%;
}

.section-background {
    padding: 35px 0;
    background-color: #ffffff;
}

section#echipa {
    padding-bottom: 0;
}

.section-background-gray {
    background-color: #F2F2F2;
}

.section-background-navy {
    background-color: #1B1464;
}

.section-background-purple {
    background-color: #8B4190;
}

.section-background-dark-purple {
    background-color: #52287A;
}

.button {
    font-size: 10px;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    border-radius: 6px;
    padding: 15px 25px;
    color: #8B4190;
    font-weight: 700;
}

.button.join-button.reversed {
    background-color: #8B4190;
}

.button:hover {
    text-decoration: none;
}

.button.join-button {
    background-color: #ffffff;
    color: #8B4190;
    transition: background-color 0.5s ease, color 0.5s ease;
}

.button.join-button.blue {
    background-color: #1B1464;
    color: #ffffff;
    transition: background-color 0.5s ease, color 0.5s ease;
}

.button.reversed {
    color: #ffffff;
}

.button.join-button.blue::before {
    content: url('/images/icons/calendar-icon-blue.png');
    display: inline-block;
    height: auto;
    position: relative;
    top: 12px;
    right: 10px;
}

.button.join-button::before {
    content: url('/images/icons/calendar-icon.png');
    display: inline-block;
    height: auto;
    position: relative;
    top: 12px;
    right: 10px;
}



.top-banner-wrapper .top-banner {
    width: 100%;
    height: 800px;
    background-image: url('/images/homepage-banner.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.homepage-content {
    padding: 280px 0 0;
}

.is-not-homepage .homepage-content {
    padding-top: 375px;
}

.intro-wrapper.internal-links {
    display: flex;
    position: relative;
    justify-content: flex-end;
    align-items: center;
    top: -40px;
}

.intro-wrapper .intro-desc {
    min-height: 150px;
    min-width: 600px;
    align-content: center;
}

.intro-desc a.internal-link {
    color: #ffffff;
    text-align: center;
}

.intro-desc a.internal-link:hover {
    text-decoration: none;
}

.intro-desc a.internal-link p {
    color: #ffffff;
    font-size: 22px;
    font-weight: 500;
    line-height: 120%;
}

.intro-desc a.internal-link p:after {
    content: url('/images/icons/arrow-icon.png');
    position: relative;
    left: 10px;
}

.steps-bg.steps-desktop {
    display: flex;
    min-height: 888px;
    background-image: url('/images/icons/sin-icon.png');
    background-position: top center;
    background-repeat: no-repeat;
}

.steps-bg.steps-desktop .steps-bg-left .step,
.steps-bg.steps-desktop .steps-bg-right .step {
    opacity: 0;
    transition: opacity 0.5s, transform 0.7s;
}

.steps-bg.steps-desktop .steps-bg-left .step {
    transform: translateX(-70px);
}

.steps-bg.steps-desktop .steps-bg-right .step {
    transform: translateX(70px);
}

.steps-bg.steps-desktop .steps-bg-left .step.visible,
.steps-bg.steps-desktop .steps-bg-right .step.visible {
    opacity: 1;
    transform: translateX(0);
}

.steps-bg.steps-mobile {
    display: none;
}

.steps-bg div {
    width: 50%;
}

.steps-bg-left p {
    text-align: right;
}

.steps-bg.steps-desktop p {
    margin: 0;
    position: relative;
    width: 93%;
    font-size: 20px;
    font-weight: 600;
}

.steps-bg-left .step:nth-child(1) {
    top: 0;
    right: 5%;
}

.steps-bg-left .step:nth-child(2) {
    top: 15%;
    right: 17%;
}

.steps-bg-left .step:nth-child(3) {
    top: 28%;
    right: 14%;
}

.steps-bg-left .step:nth-child(4) {
    top: 38%;
    right: 1%;
}

.steps-bg-left .step:nth-child(5) {
    top: 48%;
    left: 3%;
}

.steps-bg-left .step:nth-child(6) {
    top: 58%;
    right: 8%;
    width: 95%;
}


.steps-bg-right .step:nth-child(1) {
    top: 9.3%;
    left: 7%;
}

.steps-bg-right .step:nth-child(2) {
    top: 22%;
    left: 3%;
}

.steps-bg-right .step:nth-child(3) {
    top: 35%;
    left: 14%;
}

.steps-bg-right .step:nth-child(4) {
    top: 48%;
    left: 24%;
}

.steps-bg-right .step:nth-child(5) {
    top: 61%;
    left: 22%;
}

.steps-bg-right .step:nth-child(6) {
    top: 63%;
    right: 5%;
}


.top-banner .top-banner-home-page-link {
    width: 13%;
    height: 13%;
    position: absolute;
    left: 50%;
    bottom: 15%;
    transform: translate(-50%, 0);
}

.top-banner-wrapper .top-banner-terms {
    font-size: 12px;
    text-align: center;
    background: #f4f6f9;
}

.top-banner-wrapper .top-banner-terms .section-wrapper {
    padding: 5px 0;
}

.top-banner-wrapper .top-banner-terms p {
    line-height: 14px;
    margin: 0;
}

.top-banner-terms .top-banner-terms-button {
    display: none;
}

.page-wrapper .top-banner-wrapper .top-banner-background {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
}

.page-breadcrumbs-wrapper .core-page-breadcrumbs {
    font-size: 12px;
}

.page-breadcrumbs-wrapper .core-page-breadcrumbs a {
    text-decoration: underline;
}

.breadcrumbs-section .core-page-breadcrumbs-wrapper {
    max-width: 1300px;
    margin: auto;
    padding: 15px 10px;
}

.post-page .breadcrumbs-section .core-page-breadcrumbs-wrapper {
    max-width: 870px;
}

.blog-page .breadcrumbs-section .core-page-breadcrumbs-wrapper {
    max-width: 1070px;
}

.core-page-breadcrumbs {
    padding: 0;
    margin: 0;
}

/* .testimoniale {
    display: flex;
    flex-flow: row;
} */
.testimoniale div {
    /* width: 100%; */
    margin: 0 15px;
}

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

.testimoniale p.signature {
    font-weight: 700;
}

.homepage-content h2 {
    margin-top: 50px;
    font-size: 25px;
}

/* Contact */
.contact-info-container {
    display: flex;
    justify-content: space-between;
    gap: 300px;
    padding: 20px;
    max-width: 1200px;
    min-height: 580px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position-x: center;
}

.contact-info-left,
.contact-info-right {
    flex: 1;
    padding: 20px;
}

.contact-info-container p {
    font-size: 16px;
    color: #000000;
    font-weight: 500;
    max-width: 70%;
}

.contact-info-right p.text-blue {
    color: #1B1464;
}

li.text-blue.font-24,
span.text-blue.font-24 {
    font-size: 24px;
    margin-bottom: 5px;
    line-height: 120%;
    font-weight: 500;
}

.contact-info-container ul {
    list-style: none;
    padding: 0;
    margin-left: 0;
}

.contact-info-container li {
    margin-bottom: 10px;
}

.contact-info-container .join-container {
    min-height: 65px;
}

.contact-info-container img {
    position: relative;
    top: 50px;
    float: right;
}

/* Contact form */

.contact-form {
    max-width: 655px;
    margin: 0 auto;
    background-color: #EDEBEB;
    padding: 30px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 6px;
}

.contact-form .form-group {
    margin-bottom: 20px;
}

.contact-form label {
    display: block;
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 16px;
}

.contact-form .form-group label {
    font-weight: 600;
    font-size: 14px;
}

.contact-form input,
.contact-form select,
.contact-form textarea {
    width: 100%;
    padding: 15px;
    border: 1px solid #000;
    font-family: "Montserrat", sans-serif;
    outline-offset: 1px;
    font-size: 14px;
    background: #ffffff;
}

.submit-button {
    display: flex;
    justify-content: end;
}

.contact-form textarea {
    height: 120px;
    resize: vertical;
}

.contact-form button {
    background-color: #8B4190;
    color: white;
    padding: 5px 20px 2px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.contact-form button:before {
    content: url('/images/icons/send-button.png');
    display: inline-block;
    margin-right: 10px;
}

.contact-form button:hover {
    background-color: #52287A;
}

.form-group {
    display: flex;
    flex-wrap: wrap;
}

.form-group>div {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 30%;
    box-sizing: border-box;
    padding: 5px 0;
    text-align: left;
    margin-right: 15px;
}

.form-group label {
    margin-left: 5px;
}

label.form-group-title {
    margin-bottom: 20px;
    font-size: 16px;
}

input[type=checkbox] {
    width: auto
}

/* Contact Form Ends */

@media (max-width: 768px) {
    .contact-form {
        padding: 40px 20px;
    }

    .contact-info-container {
        flex-direction: column;
        gap: 0;
        background-image: none !important;
        padding: 0;
    }

    .contact-info-left,
    .contact-info-right {
        padding: 20px 0 0;
        text-align: center;
    }

    .contact-info-container p {
        max-width: 100%;
    }

    .contact-info-container img {
        display: none;
    }

    .contact-info-container .join-container {
        margin-top: 25px;
    }

    .submit-button {
        justify-content: center;
    }

    .form-group>div {
        margin-right: 40px;
    }
}

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

    section.about-mobile {
        display: block;
        padding: 50px 0 0;
    }

    section.about-desktop {
        display: none;
    }

    .section-background {
        padding: 50px 0 0;
    }

    section#contact-info {
        padding-bottom: 50px;
    }

    body.is-not-homepage.page-servicii-si-preturi section:not(.top-banner-wrapper) {
        padding-bottom: 50px;
    }

    body.is-not-homepage.page-servicii-si-preturi section.section-background {
        padding-top: 35px;
        padding-bottom: 30px;
    }

    section#valori {
        padding-bottom: 50px;
    }

    .section-wrapper {
        padding: 0 15px;
    }

    section.page-description-wrapper.section-background.section-background-navy {
        padding: 40px 0 50px;
    }

    section.page-description-wrapper.section-background.section-background-navy.is-homepage {
        padding-top: 20px;
    }

    .parteneri-list .custom-list .number:after {
        content: none;
    }

    .flex-start-top {
        display: block;
    }

    .servicii-item {
        margin-right: 0;
    }

    ul.servicii-item-list {
        margin: 20px 0 0 30px;
    }
}

.center-items {
    text-align: center;
}

.page-description-wrapper p {
    margin: 0;
}

p.section-title {
    color: #ffffff;
    text-align: center;
    font-size: 23px;
    margin-bottom: 5px;
    margin-top: -15px;
}

.page-description-wrapper .welcome-promotion-significant {
    font-size: 11px;
}

.page-description-wrapper .features-table {
    max-width: 100%;
    margin: 20px 0;
}

.features-table .features-table-row {
    display: flex;
    padding: 10px;
    background: #fff;
}

.features-table .features-table-row:nth-child(2n) {
    background: #f1f1f1;
}

.features-table .features-table-row .features-table-cell {
    flex: 0 0 40%;
}

.page-description-wrapper .page-description-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.page-description-wrapper .page-description-button {
    flex: 0 0 24%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.page-description-wrapper .page-description-button a {
    font-size: 22px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    color: #fff;
}

.page-description-wrapper .page-description-button.green {
    background-color: #39b23b;
}

.page-description-wrapper .page-description-button.purple {
    background-color: #6e499e;
}

.page-description-wrapper .page-description-button.pink {
    background-color: #ff1c7e;
}

.page-description-wrapper .page-description-button.blue {
    background-color: #4dc4fc;
}

.page-description-wrapper .page-description-link {
    font-size: 17px;
    font-weight: 700;
    text-align: center;
}

.not-found-page {
    background-color: #39b23b;
    padding: 30px 0;
}

.not-found-page .section-wrapper {
    width: 648px;
}

.not-found-page p {
    font-size: 22px;
    font-family: "Montserrat", sans-serif;
    color: #000;
}

.scrollToTop {
    background: rgb(148 57 193 / 70%);
    color: #fff;
    border-radius: 20px 0 0 20px;
    width: 70px;
    height: 50px;
    padding: 0;
    position: fixed;
    bottom: 120px;
    right: 0;
    z-index: 3;
    cursor: pointer;
    font-size: 32px;
}

.scrollToTop::after {
    content: '\f108';
    font-family: Flaticon;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/**** cms ****/
.images-wrapper {
    display: flex;
    justify-content: center;
    padding: 20px 0;
}

.container p a.cms-button-cta {
    font-size: 22px;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    border: 3px solid #000;
    border-radius: 50px;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    background: #ffdf41;

}

/***************************** Start Breadcrumbs *********************/

.core-page-breadcrumbs {
    display: flex;
    list-style: none;
    font-size: 12px;
    overflow: hidden;
}

.core-page-breadcrumbs .core-page-breadcrumbs-item {
    white-space: nowrap;
}

.core-page-breadcrumbs .core-page-breadcrumbs-item:not(:last-child)::after {
    content: '>';
    padding: 8px;
}

.core-page-breadcrumbs .core-page-breadcrumbs-item:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
}

.core-page-breadcrumbs-item a {
    text-decoration: underline;
}

/***************************** End Breadcrumbs *********************/

/***************************** Progressive Jackpot page start *********************/

.bingo-progressive-jackpots-page {
    padding-bottom: 40px;
}

.bingo-progressive-jackpots-page .progressive-jackpot-name {
    margin: 40px 0;
}

.bingo-progressive-jackpots-page .progressive-jackpot-details {
    display: flex;
    flex-wrap: wrap;
}

.bingo-progressive-jackpots-page .progressive-jackpot-list {
    font-size: 15px;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 10px;
}

.bingo-progressive-jackpots-page .progressive-jackpot-list:nth-child(odd) {
    background: #373737;
    color: #ffffff;
}

.bingo-progressive-jackpots-page .progressive-jackpot-item {
    width: 250px;
}

.bingo-progressive-jackpots-page .progressive-jackpot-value {
    flex-grow: 1;
}

/***************************** Progressive Jackpot page end *********************/


@media only screen and (max-width: 1200px) {
    .bingo-game .bingo-game-jackpot {
        text-align: center;
    }

    .bingo-game .bingo-game-content {
        flex-direction: column;
    }

    .page-wrapper .top-banner-wrapper .top-banner-background {
        background-position: 30%;
    }
}

@media only screen and (max-width: 1280px) {
    /* .top-banner-wrapper .top-banner {
        padding-top: 39%;
        height: 0;
    }

    .top-banner .top-banner-home-page-link {
        width: 20%;
    } */

    .header .header-wrapper {
        max-width: 1200px;
    }

    .header .menu {
        padding: 50px 0 0 2vw;
    }
}

@media only screen and (max-width: 1124px) {
    .header .menu {
        display: none;
    }

    section.policy-pages {
        margin-top: 70px;
    }

    .header-wrapper .header-menu-wrapper {
        justify-content: space-between;
        align-items: center;
    }

    .header-menu-wrapper .header-logo {
        display: flex;
        background-color: transparent;
        align-items: center;
    }

    .logo-text-wrapper {
        margin-left: 10px;
    }

    .header-menu-wrapper .header-logo img {
        padding: 5px;
        max-width: 80px;
        margin: 5px 0;
    }

    .header.scrolled .header-logo img {
        transform: none;
        bottom: unset;
    }

    span.logo-text.text-purple,
    span.logo-text.text-blue {
        color: #fff;
        font-size: 18px;
    }

    span.logo-text.text-purple {
        font-size: 13.5px;
    }

    .header {
        height: 70px;
    }

    .header.scrolled {
        height: 70px;
    }

    .header.scrolled .header-buttons-wrapper.mobile {
        display: none;
    }

    .header .header-wrapper {
        align-items: center;
        justify-content: space-between;
    }

    section.top-banner-wrapper {
        min-height: 350px;
    }

    .wrapper.menu-opened .menu-mobile {
        transform: translateX(-100%);
        padding: 60px 15px;
        text-align: right;
    }

    .intro-desc a.internal-link p:after {
        content: url('/images/icons/arrow-icon-mobile.png');
        position: absolute;
        left: 81%;
        top: 4px;
    }
    .custom-list {
        padding-bottom: 0;
    }
    /* .wrapper.menu-opened .container,
    .wrapper.menu-opened .header {
         transform: translateX(250px); 
    } */

    .menu-mobile .menu-mobile-item {
        font-weight: 700;
        text-transform: none;
        padding: 5px 16px;
        display: block;
    }

    .submenu-mobile a {
        font-weight: 300;
        display: block;
        padding: 2px 0 2px;
        font-style: italic;

    }

    .submenu-mobile {
        margin-top: 10px;
    }

    .header .header-menu-mobile-wrapper {
        display: block;
    }

    .header-menu-mobile-wrapper {
        width: 33px;
        margin: 0 26px;
        z-index: 10;
    }

    .header-menu-mobile-wrapper .menu-trigger-bar {
        width: 100%;
        height: 5px;
        background-color: #1b1464;
        border-radius: 20px;
        margin-bottom: 8px;
        position: relative;
        z-index: 10;
    }

    .wrapper.menu-opened .header-menu-mobile-wrapper .menu-trigger-bar.top {
        transform: translateX(0px) translateY(3px) rotate(45deg);
        transition: all 0.5s cubic-bezier(1, 0, 0, 1);
        height: 4px;
        background-color: #ffffff;
    }

    .wrapper.menu-opened .header-menu-mobile-wrapper .menu-trigger-bar.middle {
        display: none;
    }

    .wrapper.menu-opened .header-menu-mobile-wrapper .menu-trigger-bar.bottom {
        transform: translateX(0px) translateY(-9px) rotate(-45deg);
        height: 4px;
        transition: all 0.5s cubic-bezier(1, 0, 0, 1);
        background-color: #ffffff;
    }

    .intro-wrapper.internal-links {
        flex-wrap: wrap;
        top: -2px;
    }

    .intro-wrapper .intro-desc {
        width: 100%;
        padding: 0;
        min-height: 100px;
        min-width: auto;
    }

    .intro-desc a.internal-link p {
        font-size: 16px;
        text-align: center;
        margin-top: 0;
        position: relative;
        left: -10px;
    }

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

    .free-bingo-category .bingo-games {
        grid-template-columns: repeat(2, 1fr);
    }

    .category-page .section-wrapper {
        padding-top: 30px;
    }

    .post-page .page-breadcrumbs-wrapper .section-wrapper {
        padding-top: 30px;
    }

    .homepage-content {
        padding: 55px 0;
    }

    .top-banner-wrapper .top-banner {
        padding-top: 15%;
        min-height: 370px;
    }

    .homepage-content {
        padding: 55px 0;
    }

    .container h1 {
        font-size: 44px;
        line-height: 100%;
    }

    .container h2,
    .container h3,
    .container h2.centered-title {
        font-size: 24px;
        margin: 0 0 30px;
    }

    .container p,
    section.history-container p,
    .container #valori p,
    section.services-bg-container p {
        margin: 25px 0 0;
        font-size: 14px;
    }

    .echipa-item p {
        margin-top: 5px !important;
    }

    .testimoniale p {
        font-size: 12px;
        margin-top: 0;
    }

    .testimoniale p.signature {
        margin: 10px 0 35px;
    }

    .section-title.join {
        font-size: 16px;
        max-width: 56%;
        margin: 0 auto 5px;
    }

    .top-banner-wrapper h2 {
        font-size: 16px;
        font-weight: 600;
        margin-top: 20px;
    }

    .custom-list li {
        font-size: 14px;
        font-weight: 600;
    }

    .steps-bg.steps-desktop {
        display: none;
    }

    .steps-bg.steps-mobile {
        display: block;
        min-height: 1265px;
        padding: 10px 0;
        background-image: url('/images/icons/sin-icon-mobile.png');
        background-repeat: no-repeat;
        background-position: top center;
    }

    .steps-bg.steps-mobile .step {
        position: relative;
        max-width: 384px;
        margin-right: auto;
        margin-left: auto;
    }

    .steps-bg.steps-mobile p {
        margin-top: 0;
    }

    .steps-bg.steps-mobile .step:nth-child(1) {
        top: 8vw;
        text-align: center;
    }

    .steps-bg.steps-mobile .step:nth-child(2) {
        top: 29vw;
        text-align: left;
    }

    .steps-bg.steps-mobile .step:nth-child(3) {
        top: 50vw;
        text-align: left;
    }

    .steps-bg.steps-mobile .step:nth-child(4) {
        top: 69vw;
    }

    .steps-bg.steps-mobile .step:nth-child(5) {
        top: 85vw;
    }

    .steps-bg.steps-mobile .step:nth-child(6) {
        top: 103vw;
        text-align: center;
    }

    .steps-bg.steps-mobile .step:nth-child(7) {
        top: 119vw;
        text-align: justify;
    }

    .steps-bg.steps-mobile .step:nth-child(8) {
        top: 132vw;
        text-align: justify;
    }

    .steps-bg.steps-mobile .step:nth-child(9) {
        top: 150vw;
        text-align: center;
    }

    .steps-bg.steps-mobile .step:nth-child(10) {
        top: 167vw;
        text-align: center;
    }

    .steps-bg.steps-mobile .step:nth-child(11) {
        top: 192vw;
        text-align: center;
    }

    .steps-bg.steps-mobile p {
        font-weight: 600;
        text-align: left;
        line-height: 120%;
        font-size: 16px;
    }

    section .parteneri {
        display: block;
    }

    #alegerea-sinopsis img {
        max-width: 50%;
    }
}

.header-buttons-wrapper.mobile {
    display: none;
}

.policy-pages h2.centered-title {
    font-size: 30px;
    font-weight: 600;
    color: #000000;
}

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

    .header-buttons-wrapper .button.join-button,
    .header-buttons-wrapper {
        display: none;
    }

    .header-buttons-wrapper.mobile {
        display: flex;
        align-items: center;
        transition: all 0.5s ease-in-out;
        transform: translateY(0);
        opacity: 1;
    }

    .header-buttons-wrapper.mobile .button.join-button {
        display: inline-block;
        width: max-content;
        margin: 0 auto;
        font-size: 12px;
        padding: 0 15px 6px;
    }
    .header-buttons-wrapper.mobile .button.join-button::before {
        top: 4px;
    }

    span.button-small-text {
        position: relative;
        bottom: 7px;
        left: 3px;
    }

    .header-buttons-wrapper.mobile {
        padding: 10px 0;
        background-color: hsl(0deg 0% 100% / 40%);
    }

    .button.join-button::before {
        right: 5px;
    }

    .top-banner-wrapper .top-banner-terms {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 2;
        background: #000;
        color: #fff;
        font-size: 12px;
        padding: 10px 5px;
        text-align: justify;
        min-height: 70px;
    }

    .top-banner-wrapper .top-banner-terms:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        background: linear-gradient(to right, #000, #fff, #000);
        top: -1px;
        left: 0;
    }

    .top-banner-wrapper .top-banner-terms.closed {
        height: 45px;
        min-height: 0;
        overflow: hidden;
    }

    .top-banner-wrapper .top-banner-terms p {
        text-align: justify;
        text-align-last: center;
    }

    .echipa-container,
    section.values-container {
        flex-flow: column;
    }

    .top-banner-terms .top-banner-terms-button {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        z-index: 1;
    }

    .top-banner-terms .top-banner-terms-button:before {
        content: '\f106';
        font-family: Flaticon;
        transition: transform .5s;
        font-size: 14px;
    }

    .top-banner-terms.closed .top-banner-terms-button:before {
        content: '\f108';
    }

    .page-description-wrapper .page-description-button {
        flex: 0 0 49%;
        margin-bottom: 15px;
    }

    .bingo-game .bingo-game-jackpot {
        text-align: left;
    }

    .bingo-game .bingo-game-content {
        flex-direction: row;
    }

    .bingo-game .bingo-game-play-button.button {
        font-size: 22px;
        padding: 6px 22px;
    }

    .slots-page .slots-wrapper .slots {
        grid-template-columns: repeat(5, 1fr);
    }

    /* 
    .promotions-wrapper .promotions {
        grid-template-columns: repeat(2, 1fr);
    } */

    .blog-posts-wrapper .blog-post .blog-post-image {
        flex: 0 0 100%;
    }

    .blog-post-image .curve-vertical-background {
        display: none;
    }

    .blog-post-image .curve-horizontal-background {
        display: inline;
    }

    .blog-posts-wrapper .blog-post .blog-post-content {
        flex: 0 0 100%;
    }

    .blog-popular-post .blog-popular-post-image {
        flex: 0 0 100%;
        padding-top: 57%;
    }

    .blog-popular-post .blog-popular-post-title {
        flex: 0 0 100%;
        margin-left: 0;
        text-align: center;
    }

    .page-wrapper .promotions-wrapper .promotions {
        grid-template-columns: repeat(2, 1fr);
    }

    .homepage-content {
        padding: 55px 0;
    }

    .top-banner-wrapper .top-banner {
        padding-top: 15%;
        min-height: 370px;
        height: 400px;
    }

    .servicii-container ul li,
    .servicii-container a {
        font-size: 14px
    }

    .servicii-container .servicii-item {
        flex-flow: column;
        gap: unset;
    }

    section.services-bg-container h3 {
        font-size: 20px;
    }

    .price-spacing {
        margin-left: 0;
        display: block;
        margin-top: 30px;
    }

    section.values-container .values-item {
        min-height: 500px;
        text-align: center;
    }

    section.values-container .values-item-img {
        min-height: 195px;
        justify-content: center;
    }

    section.values-container img {
        width: 60%;
        height: auto;
    }

    section.history-container {
        padding-top: 155px;
        background-image: url('/images/icons/rocket-icon-mobile.png') !important;
        background-position: top left;
        background-position-y: 40px;
    }
}




@media only screen and (max-width: 768px) {
    .flex-start {
        flex-wrap: wrap;
    }

    section .about-text,
    section .about-img {
        width: 100%;
        text-align: center;
    }

    section .about-img img {
        width: 100%;
    }

    .container {
        margin-top: 55px;
        transition: transform .5s ease;
    }
    .help-tabs.container {
        margin-top: 0;
    }
    .smart-banner-showed .container {
        margin-top: 135px;
    }

    .header {
        transition: transform .5s ease;
    }

    .header-menu-wrapper .header-logo {
        height: 65px;
    }

    .button {
        font-size: 12px;
        padding: 15px 12px;
    }

    .promotion-full-terms-wrapper {
        padding-top: 35px;
    }

    /* Progressive Jackpot page start */
    .bingo-progressive-jackpots-page {
        padding-bottom: 30px;
    }

    .bingo-progressive-jackpots-page .progressive-jackpot-name {
        margin: 20px 0;
    }

    .bingo-progressive-jackpots-page .progressive-jackpot-item {
        width: 150px;
    }

    .bingo-progressive-jackpots-page .progressive-jackpot-value {
        flex-shrink: 1;
    }

    .category-link.desktop-link {
        display: none;
    }

    .category-link.mobile-link {
        display: block;
    }

    .category-link span {
        font-size: 10px;
        margin-left: 0;
    }

    .bg-purple::before {
        background-color: #52287A;
    }

    /* Progressive Jackpot page end */
}

@media only screen and (max-width: 455px) {
    .container h4 {
        font-size: 14px;
    }

    .homepage-content {
        padding: 100px 0;
    }

    .is-not-homepage .homepage-content {
        padding-top: 100px;
    }

    .container h1 {
        font-size: 44px;
        line-height: 100%;
    }

    .container h2,
    .container h3,
    .container h2.centered-title,
    .policy-pages h2.centered-title {
        font-size: 24px;
        margin: 0 0 20px;
        text-align: center;
    }

    #contact-info h2 {
        margin-bottom: 0;
    }

    .top-banner-wrapper h2 {
        font-size: 14px;
        font-weight: 600;
        margin: 20px auto 0;
        max-width: 70%;
    }

    .custom-list li {
        font-size: 14px;
        font-weight: 600;
    }

    .promotions-wrapper img {
        max-width: 50%;
    }

    .echipa-container .echipa-item {
        text-align: left;
    }

    .echipa-item-img {
        max-height: 270px;
    }

    .echipa-item-img>img {
        max-width: 80%;
    }

    .header .header-wrapper .header-menu-wrapper .header-logo {
        height: auto;
        margin-top: 5px;
        padding: 10px 15px;
    }

    /* .top-banner-wrapper .top-banner {
        padding-top: 15%;
        min-height: 370px;
    } */

    .top-banner .top-banner-home-page-link {
        width: 23%;
    }

    .page-description-wrapper .page-description-button {
        flex: 0 0 100%;
    }

    .category-link.desktop-link {
        display: none;
    }

    .category-link.mobile-link {
        display: block;
        right: unset;
        margin-top: 10px;
        margin-bottom: 30px;
    }

    .category-link {
        order: 1;
        text-align: center;
        text-decoration: none;
        margin-top: 20px;
        font-size: 10px;
    }

    .category-link a {
        font-size: 14px;
        line-height: 14px;
        text-transform: uppercase;
        border: 2px solid #4a4745;
        border-radius: 50px;
        padding: 5px 12px;
        color: #4a4745;
    }

    .promotions-wrapper .promotions {
        grid-template-columns: repeat(1, 1fr);
        max-width: 100%;
    }

    .promotion-full-terms-wrapper {
        padding-top: 40px;
    }

    .page-wrapper .promotions-wrapper .promotions {
        grid-template-columns: repeat(1, 1fr);
    }

    .blog-page .blog-posts-wrapper {
        flex: 0 0 100%;
    }

    .blog-page .blog-content-wrapper {
        flex: 0 0 100%;
    }

    .blog-popular-post .blog-popular-post-image {
        flex: 0 0 30%;
        padding-top: 17%;
    }

    .blog-popular-post .blog-popular-post-title {
        flex: 0 1 60%;
        margin-left: 10px;
        text-align: left;
    }

    .blog-page .pagination ul li {
        margin: 0 2px;
    }

    .category-page .category-post {
        flex: 0 0 100%;
    }

    .free-bingo-category h2.bingo-game-category-name {
        font-size: 28px;
    }

    .post-page h2.bingo-game-category-name {
        font-size: 28px;
    }

    .help-tabs-wrapper.mobile-device {
        display: block;
    }

    .help-tabs-wrapper.desktop-device {
        display: none;
    }

    .help-description-wrapper.desktop-device {
        display: none;
    }

    .help-tabs-wrapper .help-tab {
        flex: 0 0 100%;
    }

    .shop-coins-wrapper .shop-coins-image {
        width: 100%;
        order: 1;
    }

    .shop-coins-wrapper .shop-coins-image .desktop-image {
        display: none;
    }

    .shop-coins-wrapper .shop-coins-image .mobile-image {
        display: block;
    }

    .shop-coins-wrapper .shop-coins-video {
        width: 100%;
    }

    .shop-coins-wrapper .shop-coins-significant {
        display: none;
    }

    .not-found-page p {
        font-size: 16px;
    }
}

/* Reset Styles  */
.text-white {
    color: #ffffff;
}

.text-purple {
    color: #8B4190;
}

.text-dark-purple {
    color: #52287A;
}

.text-blue {
    color: #1B1464;
}

.container h2.text-blue {
    color: #1B1464;
}

#contact-info h2 {
    text-transform: none;
}

.text-bold {
    font-weight: 700;
}

section.history-container h3.text-blackweight {
    font-weight: 900;
    font-size: 60px;
    margin-top: 20px;
}

@media only screen and (max-width: 768px) {
    section.history-container h3.text-blackweight {
        font-size: 35px;
    }
}

.text-center {
    text-align: center;
}

h2.text-purple,
h3.text-purple {
    color: #8B4190;
}

h2.text-dark-purple,
h3.text-dark-purple {
    color: #52287A;
}

/* Slick Starts   */

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #52287A;
}
.slick-slide {
    height: auto;
}

.partners-carousel .slick-slide {
    text-align: center;
}

.partners-carousel .slick-slide p {
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    margin-top: 0;
    margin-bottom: 25px;
}

.partners-carousel .slick-slide img {
    margin-top: 20px;
    margin-bottom: 15px;
}

.partners-carousel .slick-dots li button:before {
    font-family: slick;
    font-size: 8px;
    line-height: 16px;
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    content: '•';
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.partners-carousel img {
    border: 0;
}

.partners-carousel a:hover {
    text-decoration: none;
}

.container ul.slick-dots {
    margin: 20px 0;
}