/*
Theme Name: Plaee
Text Domain: plaee
Version: 1.0.0
Requires at least: 5.6
Requires PHP: 8.1
Author: Eliran Biton
*/

:root {
    --primary: #F43A7B;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+2,010102+2,070708+2,050506+2,070708+3,0a090b+3,070708+3,0a090b+3,0a090b+4,0c0c0e+4,0a090b+4,0f0f10+5,0c0c0e+5,0f0f10+5,111012+5,0f0f10+6,131314+6,131314+6,111012+7,131314+7,131314+7,161517+8,171618+8,171618+9,1d1d1f+9,1d1d1f+9,171618+10,1d1d1f+10,1d1d1f+12,242426+12,242426+12,1d1d1f+12,242426+13,242426+15,2b2b2d+15,2b2b2d+15,242426+15,2b2b2d+16,2b2b2d+18,313133+18,313133+18,2b2b2d+18,313133+18,313133+20,38373a+20,313133+20,38373a+20,38373a+23,3f3f42+23,38373a+23,38373a+23,3f3f42+23,3f3f42+26,47474a+26,47474a+30,4f4e52+30,4f4e52+33,555458+33,4f4e52+33,4f4e52+33,555458+33,4f4e52+33,555458+34,555458+36,5c5b60+36,5c5b60+39,616066+39,5c5b60+39,616066+39,616066+42,66656c+42,66656c+45,6d6b73+45,6d6b73+48,74727a+48,6d6b73+48,74727a+48,74727a+51,787780+51,787780+54,7e7c86+54,7e7c86+57,84828d+57,84828d+61,8a8794+61,8a8794+61,84828d+61,84828d+61,8a8794+61,8a8794+64,8e8b99+64,8e8b99+67,93909f+67,93909f+71,9995a6+71,9995a6+75,9f9bae+75,9f9bae+75,9995a6+75,9f9bae+75,9f9bae+79,a39eb4+79,a39eb4+82,a8a3ba+82,a8a3ba+85,aca7bf+85,aca7bf+88,aea9c3+88,aea9c3+91,b2acc8+91,b2acc8+94,b7b0ce+94,b7b0ce+97,b2acc8+98,a49eb9+98,807c90+98,4b4854+98,2b2b2d+98,000000+98,000000+100 */
    --border-gradient-color: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 2%, rgba(1, 1, 2, 1) 2%, rgba(7, 7, 8, 1) 2%, rgba(5, 5, 6, 1) 2%, rgba(7, 7, 8, 1) 3%, rgba(10, 9, 11, 1) 3%, rgba(7, 7, 8, 1) 3%, rgba(10, 9, 11, 1) 3%, rgba(10, 9, 11, 1) 4%, rgba(12, 12, 14, 1) 4%, rgba(10, 9, 11, 1) 4%, rgba(15, 15, 16, 1) 5%, rgba(12, 12, 14, 1) 5%, rgba(15, 15, 16, 1) 5%, rgba(17, 16, 18, 1) 5%, rgba(15, 15, 16, 1) 6%, rgba(19, 19, 20, 1) 6%, rgba(19, 19, 20, 1) 6%, rgba(17, 16, 18, 1) 7%, rgba(19, 19, 20, 1) 7%, rgba(19, 19, 20, 1) 7%, rgba(22, 21, 23, 1) 8%, rgba(23, 22, 24, 1) 8%, rgba(23, 22, 24, 1) 9%, rgba(29, 29, 31, 1) 9%, rgba(29, 29, 31, 1) 9%, rgba(23, 22, 24, 1) 10%, rgba(29, 29, 31, 1) 10%, rgba(29, 29, 31, 1) 12%, rgba(36, 36, 38, 1) 12%, rgba(36, 36, 38, 1) 12%, rgba(29, 29, 31, 1) 12%, rgba(36, 36, 38, 1) 13%, rgba(36, 36, 38, 1) 15%, rgba(43, 43, 45, 1) 15%, rgba(43, 43, 45, 1) 15%, rgba(36, 36, 38, 1) 15%, rgba(43, 43, 45, 1) 16%, rgba(43, 43, 45, 1) 18%, rgba(49, 49, 51, 1) 18%, rgba(49, 49, 51, 1) 18%, rgba(43, 43, 45, 1) 18%, rgba(49, 49, 51, 1) 18%, rgba(49, 49, 51, 1) 20%, rgba(56, 55, 58, 1) 20%, rgba(49, 49, 51, 1) 20%, rgba(56, 55, 58, 1) 20%, rgba(56, 55, 58, 1) 23%, rgba(63, 63, 66, 1) 23%, rgba(56, 55, 58, 1) 23%, rgba(56, 55, 58, 1) 23%, rgba(63, 63, 66, 1) 23%, rgba(63, 63, 66, 1) 26%, rgba(71, 71, 74, 1) 26%, rgba(71, 71, 74, 1) 30%, rgba(79, 78, 82, 1) 30%, rgba(79, 78, 82, 1) 33%, rgba(85, 84, 88, 1) 33%, rgba(79, 78, 82, 1) 33%, rgba(79, 78, 82, 1) 33%, rgba(85, 84, 88, 1) 33%, rgba(79, 78, 82, 1) 33%, rgba(85, 84, 88, 1) 34%, rgba(85, 84, 88, 1) 36%, rgba(92, 91, 96, 1) 36%, rgba(92, 91, 96, 1) 39%, rgba(97, 96, 102, 1) 39%, rgba(92, 91, 96, 1) 39%, rgba(97, 96, 102, 1) 39%, rgba(97, 96, 102, 1) 42%, rgba(102, 101, 108, 1) 42%, rgba(102, 101, 108, 1) 45%, rgba(109, 107, 115, 1) 45%, rgba(109, 107, 115, 1) 48%, rgba(116, 114, 122, 1) 48%, rgba(109, 107, 115, 1) 48%, rgba(116, 114, 122, 1) 48%, rgba(116, 114, 122, 1) 51%, rgba(120, 119, 128, 1) 51%, rgba(120, 119, 128, 1) 54%, rgba(126, 124, 134, 1) 54%, rgba(126, 124, 134, 1) 57%, rgba(132, 130, 141, 1) 57%, rgba(132, 130, 141, 1) 61%, rgba(138, 135, 148, 1) 61%, rgba(138, 135, 148, 1) 61%, rgba(132, 130, 141, 1) 61%, rgba(132, 130, 141, 1) 61%, rgba(138, 135, 148, 1) 61%, rgba(138, 135, 148, 1) 64%, rgba(142, 139, 153, 1) 64%, rgba(142, 139, 153, 1) 67%, rgba(147, 144, 159, 1) 67%, rgba(147, 144, 159, 1) 71%, rgba(153, 149, 166, 1) 71%, rgba(153, 149, 166, 1) 75%, rgba(159, 155, 174, 1) 75%, rgba(159, 155, 174, 1) 75%, rgba(153, 149, 166, 1) 75%, rgba(159, 155, 174, 1) 75%, rgba(159, 155, 174, 1) 79%, rgba(163, 158, 180, 1) 79%, rgba(163, 158, 180, 1) 82%, rgba(168, 163, 186, 1) 82%, rgba(168, 163, 186, 1) 85%, rgba(172, 167, 191, 1) 85%, rgba(172, 167, 191, 1) 88%, rgba(174, 169, 195, 1) 88%, rgba(174, 169, 195, 1) 91%, rgba(178, 172, 200, 1) 91%, rgba(178, 172, 200, 1) 94%, rgba(183, 176, 206, 1) 94%, rgba(183, 176, 206, 1) 97%, rgba(178, 172, 200, 1) 98%, rgba(164, 158, 185, 1) 98%, rgba(128, 124, 144, 1) 98%, rgba(75, 72, 84, 1) 98%, rgba(43, 43, 45, 1) 98%, rgba(0, 0, 0, 1) 98%, rgba(0, 0, 0, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

html, body {
    overflow-x: hidden;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: Roboto, -apple-system, Helvetica, sans-serif;
    background-color: #0E0F1D;
    color: #fff;
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Jost, -apple-system, Helvetica, sans-serif;
    margin: 0;
}

.h2, h2 {
    font-size: 40px;
    line-height: 120%;
}

h3 {
    font-size: 33px;
    line-height: 120%;
}

h4 {
    font-size: 24px;
    line-height: 133.333%;
}

p {
    margin: 0;
}

@media (max-width: 991px) {
    .page-wrapper {
        /*padding-left: 20px;*/
        /*padding-right: 20px;*/
    }
}

.text-white {
    color: rgba(255, 255, 255, 1) !important;
}

.text-pink {
    color: rgba(244, 58, 123, 1) !important;
    /*display: block;*/
}

.site-header {
    /*border-radius: 100px;*/
    display: flex;
    width: 100%;
    padding: 30px 12px 0;
    flex-direction: column;
    /*overflow: hidden;*/
    align-items: stretch;
    justify-content: center;
}

.site-header .container-xxl {
    max-width: 1440px;
    justify-content: space-between;
    align-items: center;
    border-radius: 70px;
    border: 1px solid #3d3068;
    /*backdrop-filter: blur(25px);*/
    background-color: rgba(255, 255, 255, 0.05);
    padding: 27px 50px;
}

.logo-wrapper {
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: start;
    width: 148px;
}

.logo {
    overflow: hidden;
}

.logo-image {
    object-fit: contain;
    object-position: center;
    width: 100%;
    max-width: 112px;
    height: auto;
}

.main-nav {
    display: flex;
    align-items: center;
    font-family: Roboto, -apple-system, Roboto, Helvetica, sans-serif;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    flex-wrap: wrap;
    justify-content: center;
}

.nav-item {
    color: #fff;
    border-radius: 6px;
    padding: 0 16px;
    white-space: nowrap;
    text-decoration: none;
}

.nav-item:hover {
    color: #9e93c1;
    z-index: 9999999999;
}

.nav-item:hover .dropdown-menu {
    /*visibility: visible;*/
    /*opacity: 1;*/
}

.nav-dropdown {
    border-radius: 6px;
    display: flex;
    padding: 11px 0;
    align-items: center;
    gap: 14px;
    /*color: #9e93c1;*/
    white-space: nowrap;
    text-align: center;
    justify-content: space-between;
    width: auto;
    cursor: pointer;
    z-index: 9999999999;
}

.dropdown-label {
    /*color: #9e93c1;*/
}

.dropdown-icon {
    aspect-ratio: 1;
    object-fit: contain;
    object-position: center;
    width: auto;
    flex-shrink: 0;
}

.demo-button-small {
    display: flex;
    align-items: start;
    font-family: Roboto, -apple-system, Roboto, Helvetica, sans-serif;
    font-size: 13px;
    color: #f8fafc;
    font-weight: 700;
    text-align: center;
    line-height: 1.2;
    justify-content: start;
}

.site-header .demo-button-small {
    justify-content: end;
    text-align: right;
}

.demo-btn {
    border-radius: 10px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px -4px 0px 0px rgba(0, 0, 0, 0.25) inset;
    padding: 8px 20px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), #7465a6;
    border: none;
    color: #f8fafc;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
}

.demo-btn:hover {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%), #7465a6;
    transform: translateY(-2px);
}

.demo-btn:active {
    transform: translateY(1px);
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.25), 0px -2px 0px 0px rgba(0, 0, 0, 0.25) inset;
}

.navbar-toggler {
    border: none;
    position: absolute;
    right: 10px;
    bottom: auto;
    height: 24px;
    margin: auto;
    top: 50%;
    transform: translate(0, -50%);
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-collapse {
    padding: 15px;
    border-radius: 10px;
    margin-top: 10px;
}

.navbar-nav .nav-link {
    color: #fff;
    padding: 10px 15px;
}

.navbar-nav .nav-link:hover {
    color: rgba(244, 58, 123, 1);
}

.site-main {
    /*padding-bottom: 80px;*/
    /*padding-top: 50px;*/
}

.hero-section {
    position: relative;
    min-height: 460px;
    display: flex;
    align-items: center;
    overflow: hidden;
    /*z-index: -1;*/
}

.hero-video {
    /*object-fit: contain;*/
    /*object-position: center;*/
    z-index: -1;
    width: 100%;
    height: 100%;
    margin-top: 0;
}

.solutions-cards .info-card {

}

.hero-content {
    text-align: center;
    position: relative;
    padding: 0 0 60px;
    /*background: rgba(14, 15, 29, 0.3);*/
    border-radius: 10px;
    z-index: 999;
}

.page-template-page-about .hero-content {
    padding: 0 0 0;
}

.hero-tagline {
    font-size: 19px;
    line-height: 1.2;
    font-weight: 700;
    color: #e8e8e8;
    margin-bottom: 1.6rem;
}

.hero-title {
    color: #fff;
    font-family: 'Jost', -apple-system, Roboto, Helvetica, sans-serif;
    font-size: 60px;
    line-height: 120%;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 25px;
}

.hero-description {
    font-weight: 400;
    line-height: 24px;
    color: #e8e8e8;
    max-width: 400px;
    margin: 0 auto 1.7rem;
}

.hero-cta {
    display: flex;
    /*margin-top: 30px;*/
    align-items: center;
    gap: 30px;
    color: rgba(248, 250, 252, 1);
    font-weight: 400;
    text-align: center;
    /*text-transform: uppercase;*/
    justify-content: center;
    flex-direction: column;
}

@media (max-width: 991px) {
    .demo-btn-large {
        padding: 15px 20px;
    }
}

.solutions-section {
    padding: 0 0 40px;
}

.solutions-header {
    position: relative;
    flex-direction: column;
    border-radius: 20px;
    width: 100%;
    gap: 10px 60px;
    justify-content: start;
    display: flex;
    align-items: center;
    /*border: 1px solid #BAB3D3;*/
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.10) 100%);
}

.section-label {
    color: #eeecf4;
    background-color: rgba(87, 69, 148, 1);
    padding: 10px;
    font-family: Roboto, -apple-system, Roboto, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 3.3px;
    line-height: 13px;
    height: 40px;
    width: 100%;
    border-radius: 20px 20px 0 0;
    display: flex;
    white-space: nowrap;
    align-items: center;
    justify-content: center;
    border: 1px solid #b9b2d0;
    border-right: 0;
}

.solutions-content {
    padding: 1rem 1.3rem;
}

.solutions-title {
    color: #020817;
    font-family: 'Jost', -apple-system, Roboto, Helvetica, sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 58px;
}

.solutions-description {
    color: #e8e8e8;
    font-family: Roboto, -apple-system, Roboto, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0;
}

.info-card,
.crypto-card,
.sweepstakes-card {
    /*max-width: 280px;*/
    margin: 0 auto;
}

.solutions-cards > .pink .info-card,
.sweepstakes-card {
    border-radius: 20px;
    overflow: hidden;
    background: linear-gradient(180deg, #F43A7B 0%, #6E4271 100%);
    box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.10), 0px 2px 24px -2px rgba(0, 0, 0, 0.10);
}

.crypto-card .card-image {
    width: auto;
    /*height: 358px;*/
}

.solutions-cards {
    margin-top: 40px;
}

.card-content {
    position: relative;
    border-radius: 20px;
    width: 100%;
    overflow: hidden;
}

.solutions-cards .card-content {
    gap: 20px;
    display: flex;
    flex-direction: column;
}

.card-text-wrapper {
    padding: 50px 30px 0;
    overflow: hidden;
    color: #fff;
    height: 100%;
    text-align: center;
}

.card-title {
    color: #fff;
    font-family: 'Jost', -apple-system, Roboto, Helvetica, sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
}

@media (max-width: 991px) {
    .card-title {
        font-size: 30px;
    }
}

.card-description {
    color: #fff;
    font-family: Roboto, -apple-system, Roboto, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px;
    margin-top: 30px;
    margin-bottom: 0;
}

.card-image {
    width: auto;
    margin-left: auto;
}

.sweepstakes-card .card-image {
    margin-top: -16px;
}

.crypto-card:hover .card-image {
    transform: scale(0.9) translate(46px, -2px);
}

.purple .info-card,
.crypto-card {
    box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    border-radius: 20px;
    background: linear-gradient(180deg, #7465A6 0%, #352A5A 100%);
}

.crypto-image {
    aspect-ratio: 1.76;
    object-fit: contain;
    object-position: center;
    width: 100%;
    border-radius: 20px;
}

.card-content .hover-content {
    background: #fff;
    color: #020817;
    padding: 50px 60px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translateY(100%);
    transition: transform 0.4s ease-in-out;
    z-index: 2;
}

.solutions-cards article:hover .hover-content,
.solutions-section article:hover .hover-content {
    transform: translateY(0);
    opacity: 1;
}

@media (hover: none) {
    .hover-content {
        transform: translateY(0);
        opacity: 0;
        transition: opacity 0.4s ease-in-out;
    }

    .solutions-cards article:active .hover-content,
    .solutions-section article:active .hover-content {
        opacity: 1;
    }
}

.plaee-list-icon {
    display: inline-block;
    background: url("./images/icons/plaee-list-icon.jpg") no-repeat center/contain;
    height: 20px;
    width: 17px;
    flex-shrink: 0;
}

.solutions-cards .plaee-dark-list-icon {
    display: inline-block;
    background: url("./images/icons/purple-check-icon.png") no-repeat center/contain;
    height: 23px;
    width: 19px;
}

.plaee-chip-list-icon {
    display: inline-block;
    background: url("./images/icons/chip-icon.jpg") no-repeat center/contain;
    height: 20px;
    width: 17px;
}

.hover-content h2 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 1.5rem;
}

.hover-content ul li {
    font-family: Roboto, -apple-system, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    margin-bottom: .8rem;
    display: flex;
    flex-direction: row;
    /*flex-wrap: wrap;*/
    gap: 12px;
    align-items: center;
}

/* Features section */
.features-section {
    border-radius: 20px;
    box-shadow: 0px 24px 64px rgba(0, 0, 0, 0.25);
    padding: 35px 0;
}

.features-header {
    text-align: center;
    max-width: 746px;
    margin: 0 auto;
}

.section-badge {
    color: #eeecf4;
    /*width: 258px;*/
    border-radius: 10px;
    padding: 7px 48px;
    font-family: Roboto, -apple-system, Roboto, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 400;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 3.3px;
    line-height: 13px;
    background: var(--primary, linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), #F43A7B);
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.features-header .section-badge {
    height: 34px;
}

.about-header .section-badge {
    min-width: 210px;
    width: auto;
}

.contact-header .section-badge {
    width: 208px;
    height: 36px;
}

.features-text {
    margin-top: 21px;
}

.features-title {
    color: #fff;
    font-family: Jost, -apple-system, Roboto, Helvetica, sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 58px;
    margin-bottom: 1.25rem;
}

.features-description {
    color: #e8e8e8;
    font-family: Roboto, -apple-system, Roboto, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: 400;
}

.feature-cards {
    margin-top: 60px;
}

.feature-card {
    border-radius: 20px;
    overflow: hidden;
    font-family: 'Jost', -apple-system, Roboto, Helvetica, sans-serif;
    font-size: 33px;
    color: #191919;
    font-weight: 700;
    text-align: center;
    line-height: 1.2;
}

.feature-card-wrapper {
    display: flex;
    flex-direction: column;
    border-radius: 20px;
    position: relative;
    /*min-height: 421px;*/
    width: 100%;
}

.feature-bg {
    /*position: absolute;*/
    inset: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top;
    transition: all 0.5s ease;
    /*transform: translate3d(0px, 0%, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);*/
}

.feature-overlay {
    display: flex;
    flex-direction: column;
    position: relative;
    border-radius: 20px;
    min-height: 421px;
    width: 100%;
    overflow: hidden;
}

.feature-overlay:hover img {
    /*transform: translateX(-87px) translateY(-75px);*/
    transform: translate3d(-40px, -20px, 0px) scale3d(1.39, 1.39, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.feature-content > p {
    font-size: 1rem;
    color: #E8E8E8;
    font-family: Roboto, -apple-system, Roboto, Helvetica, sans-serif;
    padding-bottom: 48px;
    margin: 0 0 -112px;
    transition: all 0.5s ease;
    padding-right: 35px;
    padding-left: 35px;
    font-weight: 400;
}

.feature-overlay .feature-content > p {
    margin: 0;
    height: 0;
    padding-bottom: 0;
}

.feature-overlay:hover .feature-content > p {
    margin-bottom: 0;
    padding-bottom: 130px;
}

.feature-overlay .toggle-card {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
    width: 100px;
    height: 100px;
    display: flex;
    border-radius: 20px 20px 20px 10px;
    background: #7465A6;
    align-items: center;
    justify-content: center;
}

.feature-overlay .toggle-card:before {
    content: '';
    display: block;
    background: url('./images/icons/chevron.png') no-repeat center;
    background-size: 29.5px;
    height: 16px;
    width: 29.5px;
    transition: transform 0.5s ease;
    transform-origin: center; /* Ensure flip is centered */
}

.feature-overlay:hover .toggle-card:before {
    transform: scaleY(-1);
}

.curve-border {
    background: url("./images/mask-bg-blue.png") no-repeat top/contain;
    display: block;
    width: 133px;
    height: 134px;
    position: absolute;
    right: 0;
    z-index: 8;
}

.overlay-bg {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.feature-content {
    display: flex;
    flex-direction: column;
    border-radius: 0;
    width: 100%;
    overflow: hidden;
    align-items: stretch;
    justify-content: end;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, #574594 0%, #1B152E 100%);
}

.feature-icon {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.feature-decoration {
    aspect-ratio: 1;
    object-fit: contain;
    object-position: center;
    width: 100px;
    align-self: end;
    max-width: 100%;
}

.feature-title {
    padding: 48px 48px;
    margin: 0;
    color: #FFF;
    font-size: 2.063rem;
}

.feature-decoration-wrapper {
    display: flex;
    flex-direction: column;
    position: relative;
    border-radius: 20px;
    min-height: 421px;
    width: 100%;
    align-items: stretch;
}

.decoration-inner {
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    align-self: end;
    aspect-ratio: 1;
    width: 100px;
    max-width: 100%;
}

.decoration-image {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.decoration-color {
    position: relative;
    border-radius: 20px 20px 20px 10px;
    background-color: #7465a6;
    display: flex;
    width: 100%;
    flex-shrink: 0;
    height: 100px;
}

.feature-titles {
    position: relative;
    background-color: #e1c3e3;
    margin-top: 192px;
    font-family: Jost, -apple-system, Roboto, Helvetica, sans-serif;
    font-size: 33px;
    font-weight: 700;
    text-align: center;
    line-height: 1.2;
}

@media (max-width: 991px) {
    .feature-titles {
        margin-top: 40px;
    }
}

.titles-wrapper {
    padding: 48px 59px;
}

@media (max-width: 991px) {
    .titles-wrapper {
        padding: 48px 20px;
    }
}

.feature-title-primary {
    color: #fff;
    z-index: 10;
}

@media (max-width: 991px) {
    .feature-title-primary {
        margin-right: 7px;
    }
}

.feature-title-secondary {
    color: #191919;
    margin-top: -34px;
}

/* About section */
.about-section {
    padding: 0 0;
    position: relative;
}

.about-container {
    border-radius: 20px;
    box-shadow: 0px 24px 64px rgba(0, 0, 0, 0.25);
    position: relative;
    /*min-height: 749px;*/
    overflow: hidden;
    text-align: center;
    padding-bottom: 30px;
}

.about-bg {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    z-index: -1;
}

.about-content {
    position: relative;
    padding: 95px 20px;
    z-index: 1;
    box-shadow: 0px 24px 64px 0 rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.09) 0%, rgba(14, 15, 29, 0.09) 100%), url('./images/about-us-pattern.png?ver=2') no-repeat top/cover;
    overflow: hidden;
}

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

.about-title {
    color: #fff;
    font-family: 'Jost', -apple-system, Roboto, Helvetica, sans-serif;
    font-size: 60px;
    text-transform: uppercase;
    margin-top: 30px;
}

.about-tagline {
    color: #e8e8e8;
    font-size: 19px;
    margin-top: 30px;
    font-weight: 700;
}

.about-details {
    margin-top: 60px;
    text-align: center;
}

@media (max-width: 991px) {
    .about-details {
        margin-top: 40px;
    }
}

.about-subtitle {
    color: #ffffff;
    font-family: 'Jost', -apple-system, Roboto, Helvetica, sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
}

.page-template-page-about .about-subtitle {
    font-size: 30px;
    line-height: 36px;
    max-width: 640px;
    margin: 0 auto 2rem;
}

.page-template-page-about .about-details {
    margin-top: 5px;
}

.about-text {
    margin-top: 30px;
    font-family: Roboto, -apple-system, Roboto, Helvetica, sans-serif;
    font-size: 16px;
    color: #e8e8e8;
    font-weight: 400;
    line-height: 24px;
    padding: 0 2rem;
}

.about-text > p:last-child {
    margin-bottom: 0;
}

.about-paragraph {
    margin-top: 20px;
}

.about-paragraph > p {
    margin: 0;
}

.about-paragraph:first-child {
    margin-top: 0;
    margin-bottom: 1.2rem;
}

.values-container {
    position: relative;
    padding: 20px 0 80px;
}

.values-bg {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    z-index: -1;
}

.values-content {
    position: relative;
    z-index: 1;
}

.values-header {
    text-align: center;
    margin-bottom: 60px;
}

.values-title {
    color: #fff;
    font-family: 'Jost', -apple-system, Roboto, Helvetica, sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
}

.values-description {
    color: #e8e8e8;
    font-family: Roboto, -apple-system, Roboto, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    margin-top: 25px;
}

.values-cards {
    gap: 20px
}

.value-card {
    border-radius: 20px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
    padding: 30px;
    min-height: 328px;
    display: flex;
    align-items: flex-start;
    backdrop-filter: blur(18px);
    overflow: hidden;
    transition: all 0.4s ease;
    flex-direction: column;
}

.value-content {
    z-index: 9;
}

.value-card .value-icon svg {
    transition: all 0.4s ease;
    /*height: 58px;*/
    /*width: 58px;*/
    transform-origin: top left;
}

.value-card:hover .value-icon svg {
    /*height: 45px;*/
    /*width: 45px;*/
}

.value-card.pink {
    position: relative;
    background: linear-gradient(207deg, rgba(244, 58, 123, 0.80) 0%, rgba(116, 101, 166, 0.80) 82.61%);
    transition: box-shadow 0.4s ease, backdrop-filter 0.4s ease;
}

.value-card.pink::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(208deg, rgba(116, 101, 166, 0.80) 31.47%, rgba(1, 111, 208, 0.80) 163.53%);
    opacity: 0;
    transition: opacity 0.4s ease;
}

.value-card.pink:hover::after {
    opacity: 1;
}

.value-card.pink:hover {
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(18px);
}

.value-card.purple {
    background: linear-gradient(180deg, #7465A6 0%, #352A5A 100%);
}

.value-card.darkpurple {
    background: linear-gradient(180deg, rgba(14, 15, 29, 0.07) 0%, rgba(116, 101, 166, 0.70) 100%);
}

.value-text {
    transition: transform 0.4s ease; /* Smooth slide-up animation */
    will-change: transform;
}

.value-card:hover .value-text {
    transform: translateY(-15px); /* Slide text up by 10px */

}

.value-card.blue {
    background: linear-gradient(207deg, rgba(1, 111, 208, 0.80) 0%, rgba(116, 101, 166, 0.80) 82.61%);
}

.value-icon {
    transition: all 0.4s ease;
    opacity: 0.3;
    display: flex;
    min-height: 58px;
    width: 58px;
    /*background-color: rgba(116, 101, 166, 0.3);*/
    border-radius: 50%;
    transform-origin: left;
}

.value-card:hover .value-icon {
    opacity: 1;
    transform: scale(0.776);
}

.value-text {
    margin-top: 30px;
}

.value-title {
    color: #fff;
    font-family: 'Jost', -apple-system, Roboto, Helvetica, sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
}

.value-description {
    color: #e8e8e8;
    font-family: Roboto, -apple-system, Roboto, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 14px;
}

.partnerships-section {
    padding: 135px 0 0;
    position: relative;
    z-index: 1;
}

.partnerships-title {
    color: #fff;
    font-family: Jost, -apple-system, Roboto, Helvetica, sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 58px;
    margin-top: 30px;
}

.partnerships-description {
    margin-top: 30px;
    font-size: 16px;
    color: #e8e8e8;
    line-height: 24px;
}

.partners-content {
    margin-top: 60px;
}

@media (max-width: 991px) {
    .partners-content {
        margin-top: 40px;
    }
}

.partners-subtitle {
    color: var(--primary);
    font-family: 'Jost', -apple-system, Roboto, Helvetica, sans-serif;
    font-size: 33px;
    font-weight: 700;
    line-height: 1.2;
}

.partners-text {
    color: #e8e8e8;
    font-family: Inter, -apple-system, Roboto, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin-top: 30px;
}

.partners-logos {
    margin-top: 60px;
}

@media (max-width: 991px) {
    .partners-logos {
        margin-top: 40px;
    }
}

.cta-section {
    padding: 70px 0;
}

.cta-wrapper {
    border-radius: 20px;
    overflow: hidden;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.10) 0%, rgba(14, 15, 29, 0.10) 100%);
    box-shadow: 0px 24px 64px 0px rgba(0, 0, 0, 0.25);
}

.cta-image {
    width: 100%;
    height: 553px;
    object-fit: cover;
}

.cta-title {
    color: #fff;
    font-family: 'Jost', -apple-system, Roboto, Helvetica, sans-serif;
    font-size: 60px;
    font-weight: 700;
    line-height: 72px;
    text-transform: uppercase;
}

.cta-description {
    color: #e8e8e8;
    line-height: 24px;
    opacity: 0.9;
    margin-top: 30px;
}

.cta-button-wrapper {
    margin-top: 30px;
}

.cta-button-wrapper .cta-button {
    background: #EEECF4;
    box-shadow: 0px -4px 0px 0px rgba(0, 0, 0, 0.25) inset,
    0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    color: #191919;
}

.cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: 1px solid #7465a6;
    box-shadow: 0px -4px 0px 0px rgba(0, 0, 0, 0.25) inset,
    0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 12px 20px;
    gap: 12px;
    background-color: #7465a6;
    cursor: pointer;
    transition: all 0.3s ease;
}

.cta-button:hover {
    background-color: #8575b6;
    transform: translateY(-2px);
}

.cta-button:active {
    transform: translateY(1px);
    box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.25) inset,
    0px 2px 3px 0px rgba(0, 0, 0, 0.25);
}

.button-icon {
    width: 16px;
}

/* Contact section */
.contact-section {
    padding: 80px 0;
}

.contact-header {
    text-align: center;
    margin-bottom: 3.8rem;
}

.contact-title {
    color: #fff;
    font-family: 'Jost', -apple-system, Roboto, Helvetica, sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 30px;
}

.contact-description {
    color: #e8e8e8;
    font-size: 1rem;
    margin-top: 30px;
}

.contact-form {
    overflow: hidden;
    border-radius: 20px;
    padding: 33px 38px 40px;
    font-family: Roboto, -apple-system, Roboto, Helvetica, sans-serif;
    color: #ffffff;
    font-weight: 400;
    /*background-color: rgba(255, 255, 255, 0.05);*/
    /*border: 1px solid rgba(116, 101, 166, 0.3);*/
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.10) 0%, rgba(14, 15, 29, 0.10) 100%);
}

.contact-form .submit-button {
    margin-top: 8px;
}

.contact-form .form-control {
    min-height: 45px;
}

.contact-form textarea.form-control {
    height: 125px;
}

.form-group label {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 3.3px;
    line-height: 1.2;
    margin-bottom: 10px;
    color: rgba(255, 255, 255, 0.60);
}

.form-input, .form-textarea, .form-select {
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: rgba(255, 255, 255, 0.60);
}

.form-select option {
    color: #000;
    /*color: #a8a8ad;*/
}

.form-control:focus {
    color: rgba(255, 255, 255, 0.60);
    box-shadow: none;
}

.form-textarea {
    min-height: 125px;
    resize: vertical;
}

input[type="checkbox"],
.checkbox-input {
    background-color: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.2);
    width: 20px;
    height: 20px;
}

.contact-form input[type=checkbox] {
    float: left;
    margin-left: -1.5em;
}

.wpcf7-list-item-label,
.checkbox-label {
    font-size: 13px;
    line-height: 1.2;
    margin-left: 10px;
}

.privacy-link {
    text-decoration: underline;
    color: rgba(116, 101, 166, 1);
}

.pl-btn {
    padding: 15px 40px;
    border-radius: 10px;
    /*padding: 5px 5px;*/
    /*min-width: 177px;*/
    /*min-height: 48px;*/
    text-align: center;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25), 0px -4px 0px 0px rgba(0, 0, 0, 0.25) inset;
}

.btn {
    --bs-btn-font-family: 'Roboto';
    transition: all 0.4s ease; /* Covers all animatable properties */
}

.btn-primary {
    background: #7465A6; /* Solid color instead of gradient for smoother transition */
    border: none; /* Simplified from transparent border */
    border-radius: 0.625rem;
    color: #f8fafc;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25), 0px -4px 0px 0px rgba(0, 0, 0, 0.25) inset;
    padding: 12px 30px;
    transition: background 0.4s ease, color 0.4s ease; /* Specific transitions for clarity */
}

.btn-primary:hover,
.submit-button:hover {
    background: #352A5A; /* Solid color for hover */
    color: #ffffff; /* Slightly brighter text color for contrast */
}

.submit-button {
    min-height: 54px;
    min-width: 200px;
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
    /*background: radial-gradient(49.8% 52.07% at 51.9% 59.26%, #7465A6 0%, #574594 100%), #7465A6;*/
    /*box-shadow: 0px 3.04px 9.12px 0px rgba(0, 0, 0, 0.25) inset, 0px 0px 6px 0px rgba(0, 0, 0, 0.25) inset;*/
}

.btn-primary:active,
.submit-button:active {
    background: radial-gradient(49.8% 52.07% at 51.9% 59.26%, #7465A6 0%, #574594 100%), #7465A6;
    transform: translateY(1px);
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.25), 0px -2px 0px 0px rgba(0, 0, 0, 0.25) inset;
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    --bs-btn-disabled-bg: radial-gradient(49.8% 52.07% at 51.9% 59.26%, rgba(255, 255, 255, 0.60) 0%, #D9D9D9 100%), rgba(255, 255, 255, 0.60);
    background: var(--bs-btn-disabled-bg);
    pointer-events: none;
    color: #B3B3B3;
}

.btn-default {
    background: #EEECF4;
    color: #191919;
    padding: 12px 30px;
    border: 0;
    border-radius: 10px;
    box-shadow: 0px -4px 0px 0px rgba(0, 0, 0, 0.25) inset, 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.btn-default:hover {
    background: #BAB3D3;
    color: #191919;
}

.btn-default:active {
    --bs-btn-active-bg: #7465A6;
    background-color: #7465A6;
    color: #FFF;
}

@media (max-width: 991px) {
    .submit-button {
        padding: 15px 20px;
    }
}

.faq-title {
    color: #fff;
    font-family: 'Jost', -apple-system, Roboto, Helvetica, sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 120%;
}

.faq-description {
    color: #e8e8e8;
    font-family: Roboto, -apple-system, Roboto, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin-top: 12px;
    margin-bottom: 3.5rem;
}

/* Bootstrap accordion customization */
.accordion-item {
    background-color: transparent;
    border: none;
    margin-bottom: 16px;
}

.accordion-button {
    font-family: Roboto, -apple-system, Roboto, Helvetica, sans-serif;
    background-color: rgba(255, 255, 255, 0.05) !important;
    border-radius: 5px !important;
    padding: 13px 20px;
    font-weight: 400;
    font-size: 16px;
    box-shadow: none !important;
    border: 1px solid rgba(255, 255, 255, 0.20);
    color: rgba(255, 255, 255, 0.60);
}

.accordion-button:not(.collapsed) {
    color: #7465a6 !important;
    /*background-color: rgba(255, 255, 255, 0.1) !important;*/
    border: 1px solid #7465a6;
}

.accordion-button::after {
    /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%237465a6'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;*/
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='6' viewBox='0 0 11 6' fill='none'%3E%3Cpath d='M0.5 5L5.64135 1L10.5 5' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-size: 11px 6px; /* Match SVG dimensions */
    width: 11px;
    height: 6px;
    transition: transform 0.3s ease; /* Smooth rotation */
}

.accordion-button:not(.collapsed)::after {
}

.accordion-button.collapsed::after {
    transform: rotate(180deg); /* Point down */
    /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;*/
}

.accordion-body {
    color: #e8e8e8;
    padding: 20px 20px 5px;
    border-radius: 0 0 5px 5px;
    border-top: none;
}

.site-footer {
    border-top: 1px solid rgba(87, 69, 148, 1);
    margin-top: 7rem;
}

.footer-container {
    padding-top: 50px;
}

.footer-logo {
    width: 196px;
    max-width: 100%;
}

.footer-tagline {
    color: #e8e8e8;
    margin-top: 30px;
    font-family: Inter, -apple-system, Roboto, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.social-links {
    display: flex;
    margin-top: 30px;
    align-items: center;
    gap: 16px;
}

.social-icon {
    width: 20px;
}

.footer-heading {
    color: #fff;
    font-size: 23px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 2.8rem;
}

.footer-link {
    color: #e8e8e8;
    text-decoration: none;
}

.footer-link:hover {
    color: rgba(244, 58, 123, 1);
}

.contact-item {
    display: flex;
    align-items: center;
    gap: 12px;
}

.contact-icon {
    width: 20px;
}

.contact-text {
    color: #e8e8e8;
    text-decoration: none;
}

.footer-bottom {
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #9e93c1;
    padding: 40px 0;
    margin-top: 30px;
    font-family: Roboto, -apple-system, Roboto, Helvetica, sans-serif;
    color: #e8e8e8;
    font-weight: 400;
    display: flex;
}

.copyright {
    color: #e8e8e8;
    font-size: 13px;
    line-height: 1.2;
}

.legal-link {
    color: #e8e8e8;
    text-decoration: none;
}

.legal-link:hover {
    color: rgba(244, 58, 123, 1);
}

.payment-header {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 32px 0 50px;
    margin: 0 auto;
    justify-content: center;
}

.payment-nav {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 498px;
}

.payment-nav .nav-item .nav-link.active {
    color: #fff;
}

.partnership-section .nav-list {
    display: flex;
    margin: 0;
    align-items: center;
    gap: 0;
    list-style-type: none;
    background: #fff;
    border-radius: 10px;
    justify-content: center;
    padding-left: 0;
    width: 100%;
    position: relative;
}

.partnership-section .nav-item {
    padding: 0;
    height: 40px;
    align-items: center;
    justify-content: center;
    width: 130px;
    display: inline-flex;
}

.partnership-section .nav-link {
    color: #191919;
    text-decoration: none;
    transition: color 0.4s ease;
}

.partnership-section .nav-list > .indicator {
    display: flex;
    padding: 8px 16px;
    background: linear-gradient(180deg, #352a5a 0%, #020817 153.39%);
    color: #ffffff;
    border-radius: 4px;
    box-shadow: 0px -4px 0px 0px rgba(0, 0, 0, 0.25) inset,
    0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    width: 130px;
    height: 53px;
    position: absolute;
    will-change: left, width;
    cursor: grab;
    user-select: none;
    align-items: center;
    justify-content: center;
}

.partnership-section .nav-list > .indicator .pink-shadow {
    position: absolute;
    z-index: -1;
    bottom: -20px;
}

.partnership-section .nav-item.drag-over {
    background: rgba(255, 255, 255, 0.1); /* Subtle highlight */
}

.partnership-section > section {
    display: none;
    align-items: center;
    width: 100%;
    max-width: 1439px;
    padding: 32px;
    gap: 26.5px;
    border-radius: 20px;
    background: linear-gradient(180deg, #352a5a 0%, #020817 153.39%);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
    margin: 0 auto;
    overflow-x: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    cursor: grab;
    will-change: scroll-position;
    touch-action: pan-x;
    -webkit-user-select: none;
    user-select: none;
}

.partnership-section > section.active {
    display: flex;
}

.partnership-section .nav-list > .indicator.dragging {
    opacity: 0.7; /* Reduce opacity */
    transform: scale(1.1); /* Slight scale-up */
    transition: none; /* Disable transition for instant movement */
}

.provider-logo-container {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
}

.provider-logo {
    /*width: 100%;*/
    /*height: 100%;*/
    object-fit: contain;
}

.paysafe {
    width: 174px;
    height: 125px;
}

.amex-container {
    padding: 8px;
}

.amex {
    width: 98px;
    height: 100px;
}

.skrill-container {
    padding: 35px;
}

.skrill {
    width: 127px;
    height: 47px;
}

.provider-divider {
    width: 5px;
    height: 84px;
    background-color: #352a5a;
}

.gradient-box {
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    top: -1px;
    left: 20px;
    right: 0;
    background: linear-gradient(270deg, rgba(14, 15, 29, 0.10) 0%, #BAB3D3 100%);
}

.gradient-box.right,
.gradient-box.left {
    width: 1px;
    z-index: 9;
    height: 100%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+2,010102+2,070708+2,050506+2,070708+3,0a090b+3,070708+3,0a090b+3,0a090b+4,0c0c0e+4,0a090b+4,0f0f10+5,0c0c0e+5,0f0f10+5,111012+5,0f0f10+6,131314+6,131314+6,111012+7,131314+7,131314+7,161517+8,171618+8,171618+9,1d1d1f+9,1d1d1f+9,171618+10,1d1d1f+10,1d1d1f+12,242426+12,242426+12,1d1d1f+12,242426+13,242426+15,2b2b2d+15,2b2b2d+15,242426+15,2b2b2d+16,2b2b2d+18,313133+18,313133+18,2b2b2d+18,313133+18,313133+20,38373a+20,313133+20,38373a+20,38373a+23,3f3f42+23,38373a+23,38373a+23,3f3f42+23,3f3f42+26,47474a+26,47474a+30,4f4e52+30,4f4e52+33,555458+33,4f4e52+33,4f4e52+33,555458+33,4f4e52+33,555458+34,555458+36,5c5b60+36,5c5b60+39,616066+39,5c5b60+39,616066+39,616066+42,66656c+42,66656c+45,6d6b73+45,6d6b73+48,74727a+48,6d6b73+48,74727a+48,74727a+51,787780+51,787780+54,7e7c86+54,7e7c86+57,84828d+57,84828d+61,8a8794+61,8a8794+61,84828d+61,84828d+61,8a8794+61,8a8794+64,8e8b99+64,8e8b99+67,93909f+67,93909f+71,9995a6+71,9995a6+75,9f9bae+75,9f9bae+75,9995a6+75,9f9bae+75,9f9bae+79,a39eb4+79,a39eb4+82,a8a3ba+82,a8a3ba+85,aca7bf+85,aca7bf+88,aea9c3+88,aea9c3+91,b2acc8+91,b2acc8+94,b7b0ce+94,b7b0ce+97,b2acc8+98,a49eb9+98,807c90+98,4b4854+98,2b2b2d+98,000000+98,000000+100 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 2%, rgba(1, 1, 2, 1) 2%, rgba(7, 7, 8, 1) 2%, rgba(5, 5, 6, 1) 2%, rgba(7, 7, 8, 1) 3%, rgba(10, 9, 11, 1) 3%, rgba(7, 7, 8, 1) 3%, rgba(10, 9, 11, 1) 3%, rgba(10, 9, 11, 1) 4%, rgba(12, 12, 14, 1) 4%, rgba(10, 9, 11, 1) 4%, rgba(15, 15, 16, 1) 5%, rgba(12, 12, 14, 1) 5%, rgba(15, 15, 16, 1) 5%, rgba(17, 16, 18, 1) 5%, rgba(15, 15, 16, 1) 6%, rgba(19, 19, 20, 1) 6%, rgba(19, 19, 20, 1) 6%, rgba(17, 16, 18, 1) 7%, rgba(19, 19, 20, 1) 7%, rgba(19, 19, 20, 1) 7%, rgba(22, 21, 23, 1) 8%, rgba(23, 22, 24, 1) 8%, rgba(23, 22, 24, 1) 9%, rgba(29, 29, 31, 1) 9%, rgba(29, 29, 31, 1) 9%, rgba(23, 22, 24, 1) 10%, rgba(29, 29, 31, 1) 10%, rgba(29, 29, 31, 1) 12%, rgba(36, 36, 38, 1) 12%, rgba(36, 36, 38, 1) 12%, rgba(29, 29, 31, 1) 12%, rgba(36, 36, 38, 1) 13%, rgba(36, 36, 38, 1) 15%, rgba(43, 43, 45, 1) 15%, rgba(43, 43, 45, 1) 15%, rgba(36, 36, 38, 1) 15%, rgba(43, 43, 45, 1) 16%, rgba(43, 43, 45, 1) 18%, rgba(49, 49, 51, 1) 18%, rgba(49, 49, 51, 1) 18%, rgba(43, 43, 45, 1) 18%, rgba(49, 49, 51, 1) 18%, rgba(49, 49, 51, 1) 20%, rgba(56, 55, 58, 1) 20%, rgba(49, 49, 51, 1) 20%, rgba(56, 55, 58, 1) 20%, rgba(56, 55, 58, 1) 23%, rgba(63, 63, 66, 1) 23%, rgba(56, 55, 58, 1) 23%, rgba(56, 55, 58, 1) 23%, rgba(63, 63, 66, 1) 23%, rgba(63, 63, 66, 1) 26%, rgba(71, 71, 74, 1) 26%, rgba(71, 71, 74, 1) 30%, rgba(79, 78, 82, 1) 30%, rgba(79, 78, 82, 1) 33%, rgba(85, 84, 88, 1) 33%, rgba(79, 78, 82, 1) 33%, rgba(79, 78, 82, 1) 33%, rgba(85, 84, 88, 1) 33%, rgba(79, 78, 82, 1) 33%, rgba(85, 84, 88, 1) 34%, rgba(85, 84, 88, 1) 36%, rgba(92, 91, 96, 1) 36%, rgba(92, 91, 96, 1) 39%, rgba(97, 96, 102, 1) 39%, rgba(92, 91, 96, 1) 39%, rgba(97, 96, 102, 1) 39%, rgba(97, 96, 102, 1) 42%, rgba(102, 101, 108, 1) 42%, rgba(102, 101, 108, 1) 45%, rgba(109, 107, 115, 1) 45%, rgba(109, 107, 115, 1) 48%, rgba(116, 114, 122, 1) 48%, rgba(109, 107, 115, 1) 48%, rgba(116, 114, 122, 1) 48%, rgba(116, 114, 122, 1) 51%, rgba(120, 119, 128, 1) 51%, rgba(120, 119, 128, 1) 54%, rgba(126, 124, 134, 1) 54%, rgba(126, 124, 134, 1) 57%, rgba(132, 130, 141, 1) 57%, rgba(132, 130, 141, 1) 61%, rgba(138, 135, 148, 1) 61%, rgba(138, 135, 148, 1) 61%, rgba(132, 130, 141, 1) 61%, rgba(132, 130, 141, 1) 61%, rgba(138, 135, 148, 1) 61%, rgba(138, 135, 148, 1) 64%, rgba(142, 139, 153, 1) 64%, rgba(142, 139, 153, 1) 67%, rgba(147, 144, 159, 1) 67%, rgba(147, 144, 159, 1) 71%, rgba(153, 149, 166, 1) 71%, rgba(153, 149, 166, 1) 75%, rgba(159, 155, 174, 1) 75%, rgba(159, 155, 174, 1) 75%, rgba(153, 149, 166, 1) 75%, rgba(159, 155, 174, 1) 75%, rgba(159, 155, 174, 1) 79%, rgba(163, 158, 180, 1) 79%, rgba(163, 158, 180, 1) 82%, rgba(168, 163, 186, 1) 82%, rgba(168, 163, 186, 1) 85%, rgba(172, 167, 191, 1) 85%, rgba(172, 167, 191, 1) 88%, rgba(174, 169, 195, 1) 88%, rgba(174, 169, 195, 1) 91%, rgba(178, 172, 200, 1) 91%, rgba(178, 172, 200, 1) 94%, rgba(183, 176, 206, 1) 94%, rgba(183, 176, 206, 1) 97%, rgba(178, 172, 200, 1) 98%, rgba(164, 158, 185, 1) 98%, rgba(128, 124, 144, 1) 98%, rgba(75, 72, 84, 1) 98%, rgba(43, 43, 45, 1) 98%, rgba(0, 0, 0, 1) 98%, rgba(0, 0, 0, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.gradient-box.left {
    bottom: 0;
    top: 0;
    left: 0;
    right: auto;
}

.gradient-box.right {
    bottom: 0;
    top: 0;
    left: auto;
    right: 0;
}

.gradient-box.bottom {
    bottom: -1px;
    top: auto;
}

.cards-grid .gradient-box.bottom,
.page-template-page-providers .gradient-box.bottom,
.page-template-page-casino .gradient-box.bottom,
.page-template-page-player-seg .gradient-box.bottom,
.about-container .gradient-box.bottom {
    background: transparent;
    right: 0;
    left: 0;
    height: 20px;
    border-bottom-left-radius: 20px;
    border: 1px solid #b9b2d0;
    border-bottom-right-radius: 20px;
    border-top: 0;
    bottom: 0px;
}

.solutions-grid-section .gradient-box.bottom {
    /*bottom: -1px;*/
}

.about-container .gradient-box.left {
    /*width: 2px;*/
    /*background: transparent;*/
    /*border-right: 1px solid var(--border-gradient-color);*/
    /*left: -1px;*/
}

.about-container .gradient-box.right {
    /*width: 2px;*/
    /*background: transparent;*/
    /*border-left: 1px solid var(--border-gradient-color);*/
    /*right: -1px;*/
}

.cta-section .gradient-box.top,
.cta-section .gradient-box.bottom {
    background: linear-gradient(to right, rgba(14, 15, 29, 0.1) 0%, rgb(185 178 207) 100%);
}

.contact-form .gradient-box.bottom,
.contact-form .gradient-box.top {
    background: linear-gradient(to right, rgba(185, 178, 207, 1) 0%, rgba(14, 15, 29, 0.1) 100%);
}

.cta-section .gradient-box.right {
    background: transparent;
    right: 0;
    left: auto;
    height: 100%;
    border-top-right-radius: 20px;
    border: 1px solid #b9b2d0;
    border-bottom-right-radius: 20px;
    bottom: 0px;
    width: 20px;
    top: 0;
    border-left: 0;
}

.contact-form .gradient-box.right {
    border: 1px solid #b9b2d0;
    border-right: 0;
    width: 20px;
    height: 100%;
    background: transparent;
    right: auto;
    left: 0;
    border-radius: 20px 0 0 20px;
}

.contact-form .gradient-box.top,
.cta-section .gradient-box.top {
    top: 0;
    right: 0;
    left: 0;
}

.contact-form .gradient-box.bottom,
.cta-section .gradient-box.bottom {
    top: auto;
    bottom: 0;
    right: 0;
    left: 0;
}

.partnership-section > section::-webkit-scrollbar {
    display: none;
}

.partnership-section > section {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.provider-scroll-container {
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.provider-scroll-container {
    gap: 27px;
}

.contact-form > div.row {
}

.contact-form > div.form-check,
.contact-form .form-group {
    margin-bottom: .5rem;
}

.contact-form > div.form-check {
    margin-bottom: 1.5rem;
}

.success-section {
    padding: 20px 0 50px;
    text-align: center;
    margin-bottom: 1.5rem;
}

.success-container {
}

.success-row {
    display: flex;
    gap: 60px;
    margin-bottom: 60px;
}

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

.success-header {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
}

.success-description {
    color: #e8e8e8;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 150%;
}

.success-divider {
    width: 1px;
    height: 279px;
    background-color: #7465a6;
}

.success-divider.horizontal {
    width: 100%;
    height: 1px;
    margin-bottom: 60px;
}

.success-title {
    color: #fff;
    font-family: 'Jost', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 120%;
}

.success-subtitle {
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 19px;
}

.success-description {
    color: #e8e8e8;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 150%;
    margin: 0;
}

.hiveCol {
    min-height: 515px;
}

.success-container > .row {

}

.success-container > .row .hiveCol::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 2px;
    height: 100%;
    background: repeating-linear-gradient(to bottom, #7465A6, #7465A6 1px, transparent 1px, transparent 12px);
    transform: translateX(-50%);
}

.success-container > .row .hiveCol::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background: repeating-linear-gradient(
            to right,
            #7465A6,
            #7465A6 1px,
            transparent 1px,
            transparent 12px
    ); /* Dotted effect */
    transform: translateY(-50%);
}

.success-container > .row .hiveCol::before,
.success-container > .row .hiveCol::after {
    display: none;
}

.success-card {
    padding-bottom: 3.2rem;
}

.success-card > div {
    margin-bottom: 1.1rem;
    flex-direction: column;
    gap: 20px;
}

.success-divider {
    width: 1px;
    height: 279px;
    background-color: #7465a6;
}

.success-divider-horizontal {
    height: 1px;
    background-color: #7465a6;
    margin: 0;
}

.page-template-page-about .section-title {
    color: #fff;
    font-family: 'Jost', sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 1.9rem;
}

.page-template-page-about .section-subtitle {
    margin-bottom: 3.7rem;
}

.page-template-page-about h3.section-subtitle {
    font-size: 23px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    font-family: Roboto, -apple-system, Helvetica, sans-serif;
    color: #E8E8E8;
    margin-bottom: 1.8rem;
}

.page-template-page-about .solutions-section .section-description {
    margin-bottom: 3.5rem;
}

.page-template-page-about .values-cards {
    margin-bottom: 5.4rem;
}

.page-template-page-about .about-container {
    margin-bottom: 6.1rem;
}

.cards-grid .grid {
    display: grid;
    transition: all 0.5s ease;
    gap: 27px;
}

.cards-grid .card {
    background: transparent;
    border-radius: 0;
    padding: 0;
    transition: transform 0.4s ease, opacity 0.4s ease;
    opacity: 0;
    transform: scale(0.95);
    animation: fadeIn 0.6s forwards;
}

.cards-grid .card h3 {
    margin-top: 0;
}

.cards-grid .grid > .card {
    background: transparent;
    overflow: hidden;
    border-radius: 21px;
}

.cards-grid .grid > .card.pink,
.cards-grid .grid > .card:nth-child(7) .value-card,
.cards-grid .grid > .card:first-child .value-card {
    background: linear-gradient(180deg, #F43A7B 0%, #6E4271 100%);
}

.cards-grid .grid > .card.purple .value-card,
.cards-grid .grid > .card:nth-child(2) .value-card {
    background: linear-gradient(180deg, #7465A6 0%, #352A5A 100%);
}

.cards-grid .grid > .card.grey .value-card,
.cards-grid .grid > .card:nth-child(9) .value-card,
.cards-grid .grid > .card:nth-child(6) .value-card,
.cards-grid .grid > .card:nth-child(3) .value-card {
    background: rgba(255, 255, 255, 0.10);
}


.cards-grid .grid > .card.blue .value-card,
.page-template-page-about .cards-grid .grid > .card:nth-child(8) .value-card,
.page-template-page-about .cards-grid .grid > .card:nth-child(4) .value-card {
    background: #0F5FAB;
}

.page-template-page-about .cards-grid .grid > .card:nth-child(5) .value-card {
    background: linear-gradient(180deg, #7465A6 0%, #352A5A 100%);
}

.cards-grid .value-icon {
    background: transparent;
    opacity: 1;
    z-index: 9999;
}

.cards-grid .value-card {
    max-width: 100%;
    min-height: 300px;
    padding: 25px;
}

.cards-grid .value-card.pink {
    background: linear-gradient(180deg, #F43A7B 0%, #6E4271 100%);
    box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.10), 0px 2px 24px -2px rgba(0, 0, 0, 0.10);
}

.cards-grid .value-description {

}

img.player-seg {
    position: absolute;
    right: -54px;
    left: auto;
    bottom: -74px;
    max-width: 370px;
    height: auto;
    z-index: 1;
}

img.card-immersive {
    position: absolute;
    right: 0;
    left: auto;
    bottom: 0;
    /*max-width: 370px;*/
    height: auto;
    z-index: 1;
}

img.robust-crm {
    position: absolute;
    right: 0;
    left: auto;
    bottom: 0;
    height: auto;
    z-index: 1;
}

.cards-grid .gradient-box.bottom {
    z-index: 9;
}

@keyframes fadeIn {
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.solutions-grid-section {
    margin-bottom: 7rem;
}

.page-template-page-contact .contact-section {
    padding: 0;
}

.page-template-page-contact .hero-title {
    margin-bottom: 60px;
}

.page-template-page-contact .hero-description {
    margin-bottom: 2rem;
}

.page-template-page-contact .pl-btn {
    /*min-width: 177px;*/
    /*min-height: 48px;*/
}

.page-template-page-providers .partnerships-header {
    display: none;
}

.page-template-page-providers .partners-subtitle {
    font-size: 40px;
    color: #fff;
    line-height: 120%; /* 48px */
}

.dark-card .card-title {
    font-size: 33px;
    line-height: 120%; /* 39.6px */
}

.dark-card .card-image {
    z-index: -1;
    display: block !important;
    height: auto;
    margin-left: auto;
    margin-right: 0;
}

.dark-card {
    overflow: hidden;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.10);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
    width: 100%;
    max-width: 702px;
}

.dark-card-col {
    margin: 0;
}

.page-template-page-providers .solutions-section .gradient-banner {
    display: none;
}

.page-template-page-casino .solutions-cards,
.page-template-page-providers .solutions-cards {
    margin-top: 0;
    gap: 30px;
}

.page-template-page-providers .partnerships-section {
    margin-bottom: 7.4rem;
}

.page-template-page-providers .values-title {
    margin-bottom: 1rem;
}

.page-template-page-player-seg .values-container .values-cards {
    gap: 30px;
}

.page-template-page-player-seg .values-container .value-icon {
    background-color: transparent;
}

.page-template-page-player-seg .values-container .value-card.pink {
    background: linear-gradient(180deg, #F43A7B 0%, #6E4271 100%);
}

.page-template-page-player-seg .values-container .value-card.blue {
    background: #0F5FAB;
}

.page-template-page-player-seg .values-container .value-card:hover .value-text,
.page-template-page-player-seg .values-container .value-card:hover .value-icon {
    transform: none;
}

.page-template-page-player-seg .values-container .value-card {
    min-height: 260px;
    padding: 40px 20px 10px;
    /*margin-bottom: 1.9rem;*/
}

.page-template-page-player-seg .values-container .value-description {
    font-size: 22px;
    line-height: 120%;
}

.page-template-page-player-seg .values-container .value-text {
    margin-top: 20px;
}

.page-template-page-player-seg .values-container .value-icon {
    opacity: 1;
}

.page-template-page-player-seg .cards-grid .grid > .card:nth-child(4) {
    background: rgba(255, 255, 255, 0.10);
}

.segmentation-title {
    /*margin-bottom: 1.8rem;*/
    margin: 0;
}

.segmentation-subtitle {
    font-size: 23px;
    line-height: 120%;
    margin-bottom: 5px;
}

.check-icon {
    background: url("./images/icons/purple-check-icon.png") no-repeat center/contain;
    display: inline-block;
    width: 30px;
    height: 30px;
}

.segmentation-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.segmentation-item-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.segmentation-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.segmentation-content {
    display: flex;
    width: 455px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 20px;
}

.step-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    left: 50%;
    top: 50%;
    bottom: 0;
    transform: translate(-50%, -50%);
}

.step-circle > * {
    position: absolute;
    border-radius: 50%;
}

.step-circle .number {
    width: 141px;
    height: 141px;
    background: linear-gradient(180deg, #F43A7B 0%, #A32450 100%);
    box-shadow: 0px -6px 0px 0px rgba(0, 0, 0, 0.25) inset;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 55px;
    font-weight: bold;
    font-family: 'Jost', sans-serif;
}

.step-circle.with-text .number {
    flex-direction: column;
    gap: 0;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    flex-wrap: nowrap;
    gap: 5px;
}

.step-circle.with-text .number .text {
    font-size: 28px;
    line-height: 1;
    white-space: nowrap;
    font-family: Roboto, -apple-system, Helvetica, sans-serif;
}

.step-circle .inner-2 {
    width: 187px;
    height: 187px;
    display: block;
    background: #3a364e;
}

.step-circle .inner-1 {
    width: 203px;
    height: 203px;
    box-shadow: 0 0 0 #F43A7B, 0 0 0px #F43A7B, 0 0 10px #F43A7B, inset 0 0 1px #F43A7B, inset 0 0 7px #F43A7B;
    border: 1px solid #F43A7B;
    background: #0e0f1c;
}

.timeline-cards > div {
    min-height: 325px;
    display: flex;
    align-items: center;
    justify-content: start;
}

.step-circle.purple .number {
    background: linear-gradient(180deg, #7465A6 0%, #574594 100%);
}

.step-circle.purple .inner-1 {
    width: 203px;
    height: 203px;
    box-shadow: 0 0 0 #7465A6, 0 0 0px #7465A6, 0 0 10px #7465A6, inset 0 0 1px #7465A6, inset 0 0 7px #7465A6;
    border: 1px solid #7465A6;
}

.step-circle.blue .number {
    background: linear-gradient(180deg, #016FD0 0%, #173577 100%);
}

.step-circle.blue .inner-1 {
    width: 203px;
    height: 203px;
    box-shadow: 0 0 0 #016FD0, 0 0 0px #016FD0, 0 0 10px #016FD0, inset 0 0 1px #016FD0, inset 0 0 7px #016FD0;
    border: 1px solid #016FD0;
}

.step-circle.orange .number {
    background: linear-gradient(180deg, #F79410 0%, #FF5F00 100%);
}

.step-circle.orange .inner-1 {
    width: 203px;
    height: 203px;
    box-shadow: 0 0 0 #F79410, 0 0 0px #F79410, 0 0 10px #F79410, inset 0 0 1px #F79410, inset 0 0 7px #F79410;
    border: 1px solid #F79410;
}

.page-template-page-player-seg .cards-grid .grid + div {
    display: none;
}

.segmentation-section {
    margin-bottom: 10rem;
}

.segmentation-section h2 {
    margin-bottom: 0;
}

.segmentation-section .block-title {
    margin-bottom: 6.6rem;
}

.block-title {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.crypto-chip-icon {
    display: inline-block;
    background: url("images/icons/crypto-chip-icon.png") no-repeat center/contain;
    width: 16px;
    height: 24px;
}

.sweepstakes-coin-icons {
    display: inline-block;
    background: url("images/icons/sweepstakes-coin-icons.png") no-repeat center/contain;
    width: 16px;
    height: 24px;
}

.casino-card {
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.30);
    overflow: hidden;
    min-height: 328px;
}

.casino-card .casino-card-header {
    padding: 0px 30px;
}

.casino-card-pink .casino-card-header {
    background: linear-gradient(180deg, #F43A7B 0%, #6E4271 100%);
}

.casino-card-purple .casino-card-header {
    background: linear-gradient(180deg, #7465A6 0%, #352A5A 100%);
}

.casino-list {
    padding: 50px 30px;
    gap: 12px;
    display: flex;
    flex-direction: column;
}

.casino-item {
    display: flex;
    flex-direction: row;
    /*flex-wrap: wrap;*/
    align-items: center;
    justify-content: start;
    gap: 12px;
}

.casino-models-section {
    margin-bottom: 10rem;
}

.casino-models-section .block-title {
    margin-bottom: 2.7rem;
}

.casino-cards {
    gap: 30px;
}

.casino-faq-models-section .faq-title {
    margin-bottom: 1.9rem;
}

.casino-faq-models-section > .faq-column {
    margin-bottom: 3.7rem;
}

.casino-faq-models-section > .block-title > div {
    gap: 30px;
}

.section-header {
    gap: 30px;
    display: flex;
    flex-direction: column;
}

.accordion-header {
    line-height: 1.2;
}

.segmentation-list {
    margin-right: auto;
}

.casino-faq-models-section .faq-container {
    max-width: 698px;
    width: 100%;
    margin: 0 auto 3.8rem;
}

.action-container a {
    padding: 15px 40px;
}

.action-container a.btn-default {
    padding: 15px 30px;
    border: 0;
}

.action-container {
    gap: 30px;
}

.solutions-grid-section .section-header {
    margin-bottom: 2.1rem;
}

.page-template-page-casino .solutions-grid-section .section-header {
    gap: 25px;
    margin-bottom: 4.5rem;
}

.values-container .hero-video {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    display: none;
}

.footer-menu > ul,
.main-nav > ul {
    padding: 0;
    display: flex;
    list-style: none;
    margin-bottom: 0;
    align-items: center;
}

.current-menu-item {
    color: #9e93c1;
}

.dropdown-menu {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 200px;
    background: transparent;
    padding: 0.5rem;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px) scale(0.95);
    box-shadow: none;
    transition: opacity 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease, visibility 0.3s ease;
    z-index: 1000;
    gap: 15px;
    display: flex;
    flex-direction: column;
}

.nav-item {
    position: relative;
}

.nav-item.has-dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    /*transform: translateY(0) scale(1);*/
    /*box-shadow: 0 0 10px 2px rgba(87, 69, 145, 0.5);*/
}

.nav-dropdown {
    position: relative;
    cursor: pointer;
}

.dropdown-item {
    display: flex;
    padding: 0;
    color: #fff;
    text-decoration: none;
    transition: background 0.2s ease, color 0.2s ease;
    align-items: center;
    gap: 20px;
    z-index: 9;
}

.dropdown-item > a {
    border-radius: 5px;
    border: 1px solid #3D3068;
    background: #010106;
    padding: 20px;
    min-height: 116px;
}

.dropdown-item > a .menu-item-title {
    font-family: Roboto, sans-serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    white-space: normal;
}

.dropdown-item.sweepstakes-nav-item > a .menu-item-title {
    color: #B13E76;
}

.dropdown-item.crypto-nav-item > a .menu-item-title {
    color: #FFCA38;
}

nav.main-nav .dropdown-menu {
    /*border-radius: 0px 0px 20px 20px;*/
    /*border: 1px solid #3D3068;*/
    /*background: linear-gradient(354deg, rgba(0, 0, 0, 0.00) 81.56%, rgba(0, 0, 0, 0.60) 95.22%), linear-gradient(184deg, rgba(0, 0, 0, 0.00) 37.11%, #010219 95.76%), linear-gradient(0deg, #010106 0%, #010106 100%), rgba(255, 255, 255, 0.05);*/
    /*box-shadow: 0px 25px 22.3px 0px rgba(0, 0, 0, 0.52);*/
    /*backdrop-filter: blur(25px);*/
    padding: 61px 50px 35px;
    width: 496px;
    position: absolute;
    top: 46px;
    left: 50%;
    transform: translate(-50%, 0);
}

nav.main-nav .dropdown-menu:before {
    content: '';
    display: block;
    height: auto;
    width: 100%;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    border-radius: 0px 0px 20px 20px;
    border: 1px solid #3D3068;
    background: linear-gradient(354deg, rgba(0, 0, 0, 0.00) 81.56%, rgba(0, 0, 0, 0.60) 95.22%), linear-gradient(184deg, rgba(0, 0, 0, 0.00) 37.11%, #010219 95.76%), linear-gradient(0deg, #010106 0%, #010106 100%), rgba(255, 255, 255, 0.05);
    margin: 26px 0 0;
}

.dropdown-wrapper {
    /*padding-top: 73px;*/
    /*position: absolute;*/
    /*top: 10px;*/
    /*left: 50%;*/
    /*transform: translate(-50%, 0);*/
}

.dropdown-item:hover {
    background: transparent;
    color: #fff;
}

/* Ensure active state for Home */
.nav-item.active .nav-link {
    color: #9e93c1 !important;
}

#mobileNav {
    display: none;
    padding: 0;
    margin-top: 0;
    overflow: auto;
}

#mobileNav > ul {
    padding: 18px 0 0 0;
    list-style: none;
    display: flex;
    gap: 5px;
    flex-direction: column;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    background-color: transparent;
}

.footer-contact {
    gap: 1rem;
    margin-top: 2.2rem;
}

.footer-column {
    min-width: 330px;
}

.footer-menu > ul {
    flex-direction: column;
    gap: 16px;
    align-items: start;
    justify-content: start;
    text-align: left;
}

.page-template-page-player-seg .values-container .value-card.blue:hover,
.page-template-page-player-seg .values-container .value-card.pink:hover,
.page-template-page-player-seg .value-card:hover {
    background: #343434;
}

.page-template-page-player-seg .values-container .value-card.pink:hover:after {
    background: transparent;
}

.colorfully-icon-boxes > video {
    display: none;
}

.page-template-page-casino .grid {
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.page-template-page-casino .cards-grid .value-card {
    overflow: visible;
    text-align: center;
    padding: 4.7rem 18px 30px;
    min-height: 244px;
}

.page-template-page-casino .cards-grid .grid > .card {
    flex-shrink: 1;
    max-width: 365px;
    width: 100%;
    overflow: visible;
}

.page-template-page-casino .cards-grid .grid {
    gap: 65px 16px;
}

.page-template-page-casino .cards-grid .value-icon {
    height: auto;
    width: auto;
    position: absolute;
    left: 50%;
    right: 0;
    margin: 0 auto;
    top: -50px;
    transform: translate(-50%, 0);
    align-items: center;
    justify-content: center;
}

.page-template-page-casino .solutions-grid-section .gradient-box.right, .page-template-page-casino .solutions-grid-section .gradient-box.left {
    top: auto;
    bottom: 15px;
}

.page-template-page-casino .value-card {
    justify-content: center;
}

.page-template-page-casino {
    margin-bottom: 3.5rem;
}

.page-template-page-casino .cards-grid .value-card .value-icon img {
    width: 140px;
    transition: all 0.4s ease-in-out;
}

.page-template-page-casino .cards-grid .value-card:hover .value-icon img {
    width: 130px;
}

.page-template-page-casino .grid .card.pink .value-card:hover {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(180deg, rgba(14, 15, 29, 0.07) 0%, rgba(116, 101, 166, 0.70) 100%), linear-gradient(180deg, #F43A7B 0%, #6E4271 100%) !important;
}

.page-template-page-casino .grid .card.purple .value-card:hover {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(180deg, rgba(14, 15, 29, 0.07) 0%, rgba(116, 101, 166, 0.70) 100%), linear-gradient(180deg, #7465A6 0%, #352A5A 100%);
}

.page-template-page-casino .grid .card.grey .value-card:hover {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(180deg, rgba(14, 15, 29, 0.07) 0%, rgba(116, 101, 166, 0.70) 100%);
}

.page-template-page-casino .grid .card.blue .value-card:hover {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(180deg, rgba(14, 15, 29, 0.07) 0%, rgba(116, 101, 166, 0.70) 100%), #0F5FAB;
}

.page-template-page-casino .hero-section {
    margin-bottom: 1rem;
}

.solutions-grid-section .section-header {
    margin-bottom: 3.7rem;
    gap: 1rem;
}

.steps-vertical-section .step {
    max-width: 368px;
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 30px;
}

.steps-vertical-section .step h3 {
    font-size: 20px;
    line-height: 120%;
}

.steps-vertical-section .step .content {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 20px;
}

.steps-vertical-section .section-number-circle {
    min-height: 203px;
    align-items: center;
    justify-content: center;
    display: flex;
}

.steps-vertical-section .section-number-circle .step-circle::after {
    content: "";
    display: block;
    background: radial-gradient(41.19% 35.48% at 50% 50.12%, rgba(233, 55, 117, 0.50) 0%, rgba(15, 16, 30, 0.50) 100%);
    width: 100%;
    position: absolute;
    bottom: auto;
    top: -40px;
    min-height: 335px;
    z-index: -1;
    transform: rotate(90deg);
}

.steps-vertical-section .section-number-circle .step-circle.purple::after {
    background: radial-gradient(41.19% 35.48% at 50% 50.12%, rgba(116, 101, 166, 0.50) 0%, rgba(15, 16, 30, 0.50) 100%);
}

.steps-vertical-section .section-number-circle .step-circle.blue::after {
    background: radial-gradient(41.19% 35.48% at 50% 50.12%, rgba(1, 111, 208, 0.50) 0%, rgba(15, 16, 30, 0.50) 100%);
}

.steps-vertical-section .step-circle {
    position: initial;
    transform: none;
    width: 203px;
    height: 203px;
    align-items: center;
    justify-content: center;
}

.steps-vertical-section .block-title {
    margin-bottom: 3.8rem;
    gap: 1rem;
}

.steps-vertical-section .steps-row {
    gap: 50px 20px;
}

.page-template-page-casino .about-content {
    padding: 95px 20px 105px;
}

.page-template-page-casino .steps-vertical-section {
    padding: 50px 0;
}

.page-template-page-casino .about-tagline {
    font-weight: 400;
}

.page-template-page-casino .about-details {
    margin-top: 88px;
}

.page-template-page-casino .about-subtitle {
    margin-bottom: 3.5rem;
}

.page-template-page-casino .about-container .gradient-box.right,
.page-template-page-casino .about-container .gradient-box.left {
    top: auto;
    bottom: 0;
}

.branding-commercial .block-title h2 {
    line-height: 120%;
    font-size: 48px;
}

.branding-commercial .block-title h3 {
    line-height: 120%;
    font-size: 20px;
}

.page-template-page-casino .about-section {
    margin-bottom: 8rem;
}

.page-template-page-casino .solutions-cards .dark-card {
    max-width: 705px;
}

.page-template-page-casino .solutions-cards .dark-card img.card-image {
    position: initial;
    transition: transform 0.4s ease-in-out;
}

.page-template-page-casino .solutions-cards .dark-card:hover img.card-image {
    transform: rotate(20deg);
}

.page-template-page-casino .solutions-cards .dark-card .card-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    flex-wrap: wrap;
    gap: 27px;
    min-height: auto;
    padding: 50px 20px;
}

.page-template-page-casino .solutions-cards .dark-card .card-text-wrapper {
    padding: 0;
    text-align: left;
}

.page-template-page-casino .solutions-cards .dark-card .card-description {
    margin-top: 20px;
}

.page-template-page-casino .branding-commercial .block-title {
    margin-bottom: 3.8rem;
}

.page-template-page-casino .branding-commercial .solutions-cards .dark-card .image-container {
    transition: all 0.4s ease;
    border-radius: 50%;
    width: 80px;
    height: 80px;
}

.page-template-page-casino .branding-commercial .solutions-cards .dark-card:hover .image-container {
    background: linear-gradient(180deg, #F43A7B 0, #A32450 100%);
    box-shadow: 0px -4px 0px 0px rgba(0, 0, 0, 0.25) inset;
    filter: drop-shadow(0px 0px 18px #F43A7B);
}

.page-template-page-casino .branding-commercial .solutions-cards .dark-card.purple:hover .image-container {
    background: linear-gradient(180deg, #7465A6 0%, #574594 100%);
    box-shadow: 0px -4px 0px 0px rgba(0, 0, 0, 0.25) inset;
    filter: drop-shadow(0px 0px 18px #7465A6);
}

.page-template-page-casino .branding-commercial .solutions-cards .dark-card.blue:hover .image-container {
    background: linear-gradient(180deg, #016FD0 0%, #173577 100%), linear-gradient(180deg, #7465A6 0%, #574594 100%);
    box-shadow: 0px -4px 0px 0px rgba(0, 0, 0, 0.25) inset;
    filter: drop-shadow(0px 0px 18px #016FD0);
}

.page-template-page-casino .branding-commercial .solutions-cards .dark-card.orange:hover .image-container {
    background: linear-gradient(180deg, #F79410 0%, #FF5F00 100%);
    box-shadow: 0px -4px 0px 0px rgba(0, 0, 0, 0.25) inset;
    filter: drop-shadow(0px 0px 18px #F79410);
}

.branding-card-info-section .block-title {
    margin-bottom: 8rem;
    gap: 16px;
}

.branding-card-info-section.use-grid .block-title {
    margin-bottom: 1rem;
}

.branding-card-info-section.use-grid .card-content {
    min-height: 260px;
}

.branding-card-info-section.use-grid .card-description {
    padding-right: 0;
}

.branding-card-info-section .block-title h2 {
    font-size: 35px;
    line-height: 120%;
}

.page-template-page-casino .branding-commercial {
    padding: 50px 0;
}

.branding-card-info-section .card-title {
    font-size: 33px;
    line-height: 120%;
}

.branding-card-info-section .card-description {
    margin-top: 30px;
}

.branding-card-info-section .info-card {
    box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    border-radius: 20px;
}

.purple-gradient .info-card {
    background: linear-gradient(180deg, rgba(14, 15, 29, 0.07) 0%, rgba(116, 101, 166, 0.70) 100%);
}

.solutions-cards > .blue .info-card {
    background: linear-gradient(180deg, #016FD0 0%, #003360 100%);
}

.solutions-cards .info-card {
    overflow: hidden;
}

.steps-vertical-section .step-circle > * {
    transform: scale(1);
}

.page-template-page-casino .branding-card-info-section .solutions-cards > div:nth-child(2) article:hover .card-image {
    transform: scale(0.9) translate(65px, 33px);
}

.page-template-page-casino .branding-card-info-section .solutions-cards > div:nth-child(3) article:hover .card-image {
    transform: scale(1) translate(30px, 8px);
}

.page-template-page-casino .branding-card-info-section .solutions-cards > div:nth-child(6) article:hover .card-image {
    /*transform: scale(1) translate(30px, 8px);*/
}

.branding-card-info-section {
    padding-bottom: 60px;
}

.casino-faq-models-section {
    padding-top: 60px;
}

.page-template-page-casino .casino-faq-models-section .block-title {
    /*display: none;*/
}

.page-template-page-casino .casino-faq-models-section + div {
    margin-bottom: 5rem;
}

.page-template-page-casino .solutions-grid-section {
    margin: 0;
    padding: 0 0 50px;
}

.page-template-page-casino .branding-card-info-section {
    padding: 50px 0;
}

.branding-card-info-section.use-grid .info-card {
    min-width: 300px;
}

.branding-card-info-section.use-grid .info-card .value-icon {
    opacity: 1;
}

.branding-card-info-section.use-grid .info-card p.card-description {
    font-size: 24px;
    line-height: 120%;
    margin-top: 18px;
    text-align: left;
}

.branding-card-info-section.use-grid .card-text-wrapper {
    padding: 40px 20px;
}

.branding-card-info-section .cta-wrap > a {
    padding: 15px 40px;
    margin-top: 3.7rem;
}

.menu-text-wrapper {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.menu-text-wrapper .menu-item-description {
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    white-space: normal;
}

.mobile-menu-open {
    background: #000;
    border-radius: 0;
    position: fixed;
    z-index: 99999;
    bottom: 0;
    top: 0;
    height: 100%;
}

header.mobile-menu-open + main.site-main > .hero-section {
    z-index: -1;
}

.menu-item-icon {
    width: 74px;
    height: 74px;

    transition: width 0.3s ease, height 0.3s ease, margin-right 0.3s ease, transform 0.3s ease;
    flex-shrink: 0; /* Prevent image from squishing */
}

.menu-text-wrapper {
}

.nav-item {
    position: relative;
}


.nav-link:hover .menu-item-icon,
.dropdown-item:hover .menu-item-icon {
    width: 0;
    height: 0;
    margin-right: 0;
    transform: scale(0); /* Smooth shrink effect */
    overflow: hidden; /* Hide content during collapse */
}

.dropdown-trigger {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: start;
    /*padding: 15px 20px;*/
}

.legal-links {
    gap: 20px;
    display: flex;
    flex-direction: row;
}

.mobile-video-col:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
    background: url(./images/mask-header-cropped.png) no-repeat center / cover;
    z-index: 99999;
}

.video-wrapper {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    width: 610px;
    height: 565px;
    margin-left: 0;
    margin-top: 0;
    z-index: -1;
}

.custom-logo {
    height: auto;
}

.hero-section {
    /*margin-top: -50px;*/
}

header.site-header {
    transition: all 0.3s ease-in-out;
}

header.site-header.sticky {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
    right: 0;
    padding-top: 0;
}

.logged-in header.site-header.sticky {
    z-index: 9999;
}

header.site-header.sticky > div {
    background: #1a1b28;
    opacity: 1;
}

.home .solutions-section .solutions-cards {
    /*justify-content: start!important;*/
}

.home .solutions-section .solutions-cards > div {
    /*max-width: 705px;*/
}

#menu-legal-menu {
    display: flex;
    gap: 20px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.wpcf7-list-item {
    margin: 0;
}

.contact-form > div.form-check {
    display: flex;
    align-items: center;
}

.contact-form .privacy-link {
    padding-left: 5px;
}

.wpcf7 form .wpcf7-response-output {
    margin: 2em 0.5em 0;
}

.wpcf7-spinner {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 99999;
}

@media (min-width: 576px) {

    .solutions-cards .info-card {
        min-width: 330px;
    }

    .value-card {
        max-width: 270px;
    }

    .home .row.solutions-cards {
        gap: 30px;
    }

    .page-template-page-homepage .solutions-cards > div:first-child {
        /*padding-right: 0;*/
    }

    .solutions-cards > div:last-child {
        /*padding-left: 0;*/
    }
}

@media (min-width: 768px) {

    .page-template-page-casino .video-wrapper,
    .page-template-page-contact .video-wrapper,
    .page-template-page-providers .video-wrapper,
    .page-template-page-player-seg .video-wrapper {
        min-width: 590px;
    }

    .page-template-page-about .hero-content {
        padding: 0 0 60px;
    }

    .hero-title {
        margin-bottom: 15px;
    }

    .hero-tagline {
        margin-bottom: 1.2rem;
    }

    .hero-video {
        margin-left: 0;
        margin-top: 0;
    }

    .home .hero-video {
        margin-left: 30px;
    }

    .page-template-page-about .hero-video {
        margin-left: 0;
        margin-top: -11px;
    }

    .video-wrapper {
        transform: scale(0.8) translate(16.5%, -22%);
        min-width: 845px;
    }

    .hero-section .video-wrapper:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        right: 0;
        bottom: 0;
        /*background: url(./images/mask-header-cropped.png) no-repeat center / cover;*/
        z-index: 99999;
    }

    .branding-card-info-section.use-grid .info-card {
        min-width: 340px;
    }

    .page-template-page-casino .cards-grid .value-icon {
        /*top: -25px;*/
        /*transform: translate(-50%, 0);*/
        top: -50%;
        transform: translate(-50%, 50%);
    }

    .page-template-page-casino .hero-section {
        margin-bottom: 4rem;
    }

    .timeline-cards > div:nth-child(even) .segmentation-content {
        margin-left: auto;
        padding-left: .6rem;
    }

    .timeline-cards:before {
        content: "";
        position: absolute;
        left: 50%;
        right: 0;
        top: 0;
        bottom: 0;
        background: url("./images/line.png") no-repeat center/contain;
        width: 4px;
        height: 100%;
        display: block;
        transform: translate(-50%, 0);
    }

    .page-template-page-player-seg .cards-grid .grid > .card:nth-child(4) .value-content {
        max-width: 250px;
    }

    .page-template-page-contact .contact-section {
        padding: 80px 0 40px;
    }

    .page-template-page-contact .titleRow {
        display: none;
    }

    .hero-cta {
        flex-direction: row;
    }

    .cards-grid .grid > .card.wide-xl .value-card .value-content,
    .cards-grid .grid > .card.wide-xl .value-card .value-content {
        max-width: 250px;
    }

    .cards-grid .grid {
        gap: 10px;
    }

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

    .wide-xl {
        grid-column: span 2;
    }

    .tall-xl {
        grid-row: span 2;
    }

    .page-template-page-about .values-cards {
        margin-bottom: 2.4rem;
    }

    .page-template-page-about .about-container {
        margin-bottom: 3.1rem;
    }

    .hiveCol > .row:last-child .success-card {
        padding-top: 3rem;
        padding-bottom: 0;
    }

    .success-card {
        padding-bottom: 2.7rem;
    }

    .hiveCol > .row {
        height: 50%;
    }

    .success-card > div {
        flex-direction: row;
        gap: 0;
    }

    .success-card {
        text-align: left;
    }

    .success-container > .row .hiveCol::before,
    .success-container > .row .hiveCol::after {
        display: block;
    }

    .right .success-card {
        padding-left: 3rem;
    }

    .left .success-card {
        padding-right: 3rem;
    }

    .contact-form > div.form-check,
    .contact-form .form-group {
        margin-bottom: 1rem;
    }

    .contact-form .col-md-6 {
        padding-right: 5px;
        padding-left: 5px;
    }

    .card-content {
        min-height: 400px;
    }

    .page-template-page-providers .card-content {
        min-height: 310px;
    }

    .card-text-wrapper {
        text-align: left;
        padding: 40px 30px;
    }

    .card-image {
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 9;
        transition: transform 0.4s ease-in-out;
        width: auto;
        margin-top: 0;
    }

    .card-description {
        padding-right: 9rem;
    }

    .hero-description {
        margin: 0 0 1.7rem;
    }

    .solutions-section {
        padding: 40px 0 40px;
    }

    .solutions-content {
        padding: 1rem 0 1rem 6rem;
        height: 240px;
        align-items: start;
        justify-content: center;
        display: flex;
        flex-direction: column;
    }

    .text-pink {
        display: inline-block;
    }

    .section-label {
        height: 242px;
        width: 40px;
        border-radius: 20px 0 0 20px;
        position: absolute;
        left: 0;
        /*border-bottom: 0;*/
    }

    .section-label > span {
        transform: rotate(-90deg);
    }

    .hero-content {
        text-align: left;
    }

    .solutions-header {
        position: relative;
        background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.10) 100%);
        /*background: url('./images/gradient-border-casino-platform.png') no-repeat top right/cover;*/
        flex-direction: row;
        gap: 40px 40px;
    }

    .hero-cta {
        justify-content: start;
    }

}

@media (min-width: 992px) {

    .video-wrapper {
        transform: scale(1);
        margin-top: -25px;
    }

    .hero-section {
        padding: 7rem 0 2rem;
    }

    .solutions-cards .info-card {
        min-width: 450px;
    }

    .page-template-page-casino .solutions-cards .dark-card .card-content {
        gap: 40px;
    }

    .branding-commercial .block-title h3 {
        font-size: 23px;
    }

    .steps-vertical-section .step h3 {
        font-size: 28px;
    }

    .page-template-page-casino .cards-grid .value-card {
        min-height: auto;
    }

    .page-template-page-casino .cards-grid .grid > .card {
        max-width: 460px;
    }

    .casino-card {
        min-height: 350px;
    }

    .page-template-page-contact .contact-section {
        padding: 80px 0;
    }

    .cards-grid .grid {
        gap: 15px;
    }

    .success-card > div {
        margin-bottom: 1.9rem;
    }

    .success-title {
        font-size: 33px;
    }

    .success-subtitle {
        font-size: 19px;
        margin-bottom: 28px;
    }

    .section-label {
        height: 270px;
    }

    .solutions-content {
        height: 268px;
    }

    .hero-description {
        max-width: 100%;
    }
}

@media (min-width: 1200px) {

    .hero-section {
        min-height: 540px;
    }

    .solutions-grid-section .section-header {
        margin-bottom: 4.7rem;
    }

    .hero-title {
        font-size: 45px;
    }

    .video-wrapper {
        min-width: 840px;
        margin-top: -25px;
    }

    .page-template-page-contact .video-wrapper,
    .page-template-page-providers .video-wrapper,
    .page-template-page-player-seg .video-wrapper {
        min-width: 680px;
    }

    .page-template-page-casino .video-wrapper {
        min-width: 818px;
    }

    .home .colorfully-icon-boxes > video {
        display: block;
    }

    .dropdown-trigger {
        justify-content: center;
    }

    .branding-card-info-section .card-description {
        margin-top: 44px;
    }

    .steps-vertical-section .section-number-circle .step-circle::after {
        top: 0;
        min-height: 425px;
    }

    .steps-vertical-section .steps-row {
        gap: 50px 5px;
    }

    .steps-vertical-section .step .content {
        gap: 45px;
    }

    .steps-vertical-section .block-title {
        gap: 30px;
        margin-bottom: 3.5rem;
    }

    .page-template-page-casino .cards-grid .grid {
        gap: 65px 30px;
    }

    .solutions-grid-section .section-header {
        gap: 1rem;
    }

    .page-template-page-player-seg .values-container {
        padding: 100px 0 170px;
    }

    .page-template-page-player-seg .values-container .value-card {
        max-width: 264px;
    }

    .page-template-page-about .values-cards {
        margin-bottom: 3.1rem;
    }

    .curve-border {
        background-position: top right;
    }

    .about-text {
        padding: 0 9rem;
    }

    .solutions-cards article:hover .card-image,
    .solutions-section article:hover .card-image {
        transform: scale(0.9) translate(30px, 21px);
    }

    .sweepstakes-card .card-image {
        max-width: 250px;
        height: auto;
    }

    .card-text-wrapper {
        padding: 50px 60px;
    }

    .card-description {
        padding-right: 13.1rem;
    }

    .crypto-card .card-image {
        width: auto;
        bottom: -45px;
        right: -10px;
        max-width: 216px;
        height: auto;
    }

    .hero-content {
        text-align: left;
        padding: 20px 0 60px;
    }

}

@media (min-width: 1330px) {

    .value-card {
        max-width: 305px;
    }

    .segmentation-content {
        width: 490px;
    }
}

@media (min-width: 1400px) {

    .page-template-page-about .hero-video {
        margin-left: -45px;
        margin-top: -11px;
    }

    .page-template-page-about .hero-section {
        min-height: 700px;
    }

    .page-template-page-casino .cards-grid .grid {
        gap: 70px 30px;
    }

    .page-template-page-casino .cards-grid .value-card {
        min-height: 245px;
    }

    .page-template-page-about .hero-section {
        margin-top: 0;
    }

    .hero-title {
        font-size: 60px;
        margin-bottom: 2rem;
    }

    .solutions-cards {
        margin-top: 60px;
    }

    .video-wrapper {
        /*width: 1100px;*/
        height: 760px;
        margin-top: -12px;
        width: 57.5%;
    }

    .page-template-page-providers .video-wrapper {
        height: 850px;
        margin-top: -50px;
    }

    .page-template-page-contact .video-wrapper,
    .page-template-page-providers .video-wrapper,
    .page-template-page-player-seg .video-wrapper {
        width: 47.5%;
        right: 100px;
    }

    .page-template-page-casino .video-wrapper {
        width: 62.5%;
        right: 0;
    }

    .hero-tagline {
        font-size: 23px;
        margin-bottom: 1.2rem;
    }

    .hero-section {
        min-height: 700px;
    }

    .home .hero-section {
        padding: 4rem 0 2rem;
    }

    .footer-contact {
        gap: 82px;
    }

    .site-footer {
        padding-top: 70px;
        margin-top: 10rem;
    }

    .branding-card-info-section.use-grid .block-title h2 {
        font-size: 40px;
        line-height: 120%;
    }

    .page-template-page-casino .branding-commercial {
        padding: 80px 0;
    }

    .page-template-page-casino .steps-vertical-section {
        padding: 80px 0;
    }

    .page-template-page-casino .solutions-grid-section {
        margin: 0;
        padding: 0 0 80px;
    }

    .page-template-page-casino .branding-card-info-section {
        padding: 80px 0;
    }

    .branding-card-info-section {
        padding-bottom: 80px;
    }

    .casino-faq-models-section {
        padding-top: 80px;
    }

    .solutions-cards .info-card {
        min-width: 590px;
    }

    .branding-card-info-section .block-title {
        margin-bottom: 10rem;
    }

    .branding-card-info-section.use-grid .block-title {
        margin-bottom: 2.8rem;
    }

    .branding-card-info-section .block-title h2 {
        font-size: 60px;
    }

    .page-template-page-casino .solutions-cards .dark-card .card-content {
        padding: 64px 93px;
        flex-direction: row;
        align-items: center;
    }

    .page-template-page-casino .solutions-cards .dark-card .card-text-wrapper {
        padding: 0;
        /*text-align: center;*/
    }

    .steps-vertical-section .steps-row {
        gap: 20px;
    }

    .steps-vertical-section .step .content {
        gap: 65px;
    }

    .page-template-page-casino .hero-section {
        margin-bottom: 7rem;
    }

    .home .contact-section {
        padding: 80px 0 100px;
    }

    .values-cards {
        gap: 30px
    }

    .value-card {
        max-width: 345px;
    }

    .page-template-page-about .site-main {
        padding-top: 0;
    }

    .values-container {
        padding: 65px 0 80px;
    }

    .segmentation-content {
        width: 560px;
    }

    .page-template-page-contact .contact-section {
        padding: 160px 0 40px;
    }

    .pl-btn {
        /*min-width: 197px;*/
        /*min-height: 54px;*/
    }

    .solutions-grid-section {
        margin-bottom: 10rem;
    }

    .cards-grid .grid {
        gap: 27px;
    }

    .hiveCol {
        min-height: 550px;
    }

    .page-template-page-about .values-cards {
        margin-bottom: 5.4rem;
    }

    .success-section {
        padding: 80px 0;
        margin-bottom: 4.5rem;
    }

    .values-description {
        margin-top: 30px;
    }

    .page-template-page-about .about-container {
        margin-bottom: 9.3rem;
    }

    .page-template-page-about .about-subtitle {
        font-size: 48px;
        line-height: 58px;
        margin: 0 auto 3.8rem;
    }

    .contact-form-row {
        gap: 37px;
    }

    .section-label {
        height: 290px;
    }

    .solutions-content {
        height: 288px;
    }

    .features-section {
        padding: 60px 0;
    }

    .solutions-section {
        padding: 80px 0;
    }

    .page-template-page-providers .solutions-section {
        padding: 80px 0 40px;
    }

    .about-text {
        padding: 0 11rem;
    }

    .crypto-card .card-image {
        width: auto;
        height: 358px;
        bottom: -60px;
        right: -10px;
        max-width: 100%;
    }

    .solutions-header {
        gap: 40px 60px;
    }

    .hero-content {
        padding: 0 0 60px;
    }

    .home .hero-content {
        padding: 185px 0 60px;
    }

    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1464px;
    }
}

@media (max-width: 1400px) {

    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        --bs-gutter-x: 2.3rem;
    }

    header.site-header {
        overflow: auto;
        padding: 30px 12px 0;
    }

    .casino-models-section {
        margin-bottom: 6.2rem;
    }

    .cta-title {
        font-size: 50px;
        line-height: 62px;
    }

    .casino-faq-models-section .faq-container {
        margin: 0 auto 4.6rem;
    }
}

@media (max-width: 1200px) {

    .nav-link {
        font-size: 1rem;
    }

    .dropdown-trigger {
        gap: 35px;
    }

    .nav-item {
        padding: 11px 16px;
    }

    .logo .custom-logo {
        max-width: 112px;
    }

    .nav-item.has-dropdown.show .dropdown-icon {
        /*transform: rotate(180deg) scale(1.2);*/
    }

    .dropdown-menu {
        width: 100%;
        transform: none;
        position: initial;
        height: 0;
        padding: 0;
        border: 0;
        overflow: hidden;
        box-shadow: none;
    }

    .nav-item.has-dropdown:hover .dropdown-menu {
        box-shadow: none;
        height: auto;
        padding: 0.5rem 0;
    }

    .segmentation-section {
        margin-bottom: 6.4rem;
    }

    .step-circle > * {
        transform: scale(1);
    }

    .segmentation-subtitle {
        font-size: 19px;
        line-height: 120%;
    }

    .segmentation-content {
        width: 350px;
    }

    .segmentation-section .block-title {
        margin-bottom: 3.6rem;
    }

    /*.segmentation-title {
        font-size: 33px;
        line-height: 120%;
    }*/
    .page-template-page-providers .partnerships-section {
        padding-top: 0;
    }

    .dark-card .card-image {
        max-width: 160px;
    }

    .dark-card .card-title {
        font-size: 24px;
        line-height: 120%;
    }

    .card-description {
        margin-top: 20px;
    }

    .page-template-page-providers .partnerships-section {
        margin-bottom: 6.4rem;
    }

    .hero-title {
        font-size: 40px;
    }

    .cards-grid .card-image {
        max-width: 300px;
    }

    .cta-title {
        font-size: 30px;
        line-height: 40px;
    }

    .features-header .section-badge {
        min-width: 260px;
        height: 27px;
    }

    .row > * {
        /*padding-right: calc(var(--bs-gutter-x) * 1.7);*/
        /*padding-left: calc(var(--bs-gutter-x) * 1.7);*/
    }
}

@media (max-width: 991px) {

    .solutions-cards article .card-image {
        /*max-height: 250px;*/
        /*width: auto;*/
    }

    .page-template-page-casino .solutions-cards .dark-card {
        min-width: 280px;
        min-height: 340px;
    }

    .branding-commercial .block-title span.text-pink {
        color: #fff !important;
    }

    .page-template-page-casino .steps-vertical-section {
        /*margin-bottom: 6.3rem;*/
    }

    .branding-commercial .block-title h2 {
        line-height: 120%;
        font-size: 30px;
    }

    .page-template-page-casino .cards-grid .value-text {
        margin-top: 7px;
    }

    .sweepstakes-coin-icons {
        flex: 0 0 16px;
        display: flex;
    }

    .timeline-cards > div:nth-child(even) .segmentation-content {
        /*padding-left: 1.6rem;*/
    }

    .step-circle > * {
        transform: scale(0.8);
    }

    .segmentation-subtitle {
        font-size: 19px;
        line-height: 120%;
    }

    .segmentation-content {
        width: 290px;
    }

    .segmentation-title {
        font-size: 26px;
        line-height: 120%;
    }

    .h2, h2 {
        font-size: 26px;
        line-height: 120%;
    }

    .solutions-grid-section {
        margin-bottom: 6.2rem;
    }

    .hero-description > br {
        display: none;
    }

    .cards-grid .card-image {
        max-width: 250px;
    }

    .value-card {
        padding: 28px 32px;
        /*max-width: 280px;*/
        margin: 0 auto;
    }

    .contact-form {
        padding: 33px 38px 40px;
    }

    .partners-subtitle {
        font-size: 24px;
        line-height: 30px;
    }

    .partnerships-title {
    }

    .partnerships-description {
        margin-top: 25px;
        margin-bottom: 60px;
    }

    .values-header {
        margin-bottom: 55px;
    }

    .values-cards {
        /*gap: 0;*/
    }

    .faq-title,
    .values-title {
        font-size: 26px;
        line-height: 120%;
    }

    .casino-faq-models-section .faq-title {
        margin-bottom: 1rem;
    }

    .casino-faq-models-section .faq-description {
        margin-bottom: 2.1rem;
    }

    .page-template-page-casino .casino-faq-models-section .faq-container {
        margin: 0 auto 2.1rem;
    }

    .feature-cards {
        margin-top: 0;
    }

    .about-content {
        padding: 90px 20px 50px;
    }

    .about-text {
        padding: 0;
    }

    .about-title {
        font-size: 35px;
        line-height: 45px;
    }

    .about-tagline {
        font-size: 17px;
        line-height: 25px;
    }

    .feature-title {
        font-size: 24px;
        line-height: 32px;
        white-space: nowrap;
    }

    .features-header {
        max-width: 500px;
    }

    .features-title {
        font-size: 28px;
        line-height: 38px;
        margin-bottom: 1.65rem;
    }

    .solutions-cards {
        margin-top: 60px;
    }

    .contact-title,
    .cta-title,
    .partnerships-title,
    .about-subtitle,
    .solutions-title {
        font-size: 30px;
        line-height: 40px;
    }

    .site-header .container-xxl {
        padding: 20px 30px;
    }

    .cards-grid .value-card {
        margin: 0;
    }
}

@media (max-width: 767px) {

    .hover-content ul {
        padding-left: 7px;
    }

    .hover-content ul li {
        align-items: start;
    }

    .card-content .hover-content {
        padding: 60px 20px;
    }

    .hover-content h2 {
        font-size: 20px;
    }

    .hero-section {
        align-items: start;
    }

    header.site-header {
        overflow: auto;
        padding: 30px 12px 85px;
    }

    .hero-title {
        font-size: 35px;
    }

    .mobile-video-col {
        margin-top: -32px;
        margin-bottom: 3.4rem;
    }

    .mobile-video-col > div {
        overflow: hidden;
    }

    .footer-bottom {
        flex-direction: column;
        padding: 20px 0 40px;
        gap: 20px;
        display: flex;
    }

    .footer-contact {
        gap: 1rem;
    }

    .footer-heading {
        margin-bottom: 19px;
    }

    .footer-content {
        gap: 30px;
    }

    .social-links,
    .footer-tagline {
        margin-top: 20px;
    }

    .footer-column {
        text-align: center;
        margin-bottom: 38px;
    }

    .footer-menu > ul {
        justify-content: center;
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
    }

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

    .social-links {
        justify-content: center;
    }

    .solutions-grid-section .section-header {
        gap: 0;
        margin-bottom: 2.1rem;
    }

    .accordion-item {
        margin-bottom: 7px;
    }

    .casino-models-section .block-title {
        margin-bottom: 3.7rem;
    }

    .casino-card .casino-card-header img {
        display: none;
    }

    .casino-card .casino-card-header h3 {
        text-align: center;
        font-size: 24px;
        line-height: 120%;
    }

    .casino-card .casino-card-header {
        padding: 0px 30px;
        min-height: 100px;
        align-items: center;
        justify-content: center;
    }

    .step-circle > * {
        transform: none;
    }

    .segmentation-content {
        width: auto;
        text-align: center;
        align-items: center;
        justify-content: center;
    }

    .timeline-cards > div {
        gap: 30px;
    }

    .timeline-cards {
        gap: 60px;
    }

    .section-number-circle .step-circle {
        width: 203px;
        height: 203px;
        position: initial;
        transform: none;
    }

    .timeline-cards > div {
        flex-direction: column-reverse;
    }

    .values-title {
        font-size: 40px;
        line-height: 120%;
    }

    .cards-grid .value-title {
        margin-bottom: 18px;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
    }

    .dark-card .card-image {
        position: relative;
    }

    .page-template-page-providers .solutions-section {
        padding: 75px 0 40px;
    }

    .page-template-page-providers .values-title br {
        display: none;
    }

    .page-template-page-providers .values-title {
        font-size: 40px;
        line-height: 120%;
    }

    .contact-form-row > div:first-child .faq-header {
        display: none;
    }

    .cards-grid .card-image {
        display: none;
    }

    .page-template-page-about .section-title {
        max-width: 280px;
        margin: 0 auto 1.9rem;
    }

    .grid {
        grid-template-columns: 1fr;
    }

    .contact-section {
        padding-bottom: 0;
    }

    .faq-description {
        margin-bottom: 3.7rem;
    }

    .faq-header {
        text-align: center;

    }

    .contact-form {
        background: linear-gradient(0deg, rgba(255, 255, 255, 0.10) 0%, rgba(14, 15, 29, 0.10) 100%);
        margin-bottom: 3.4rem;
    }

    .cta-title {
        text-transform: capitalize;
    }

    .cta-wrapper {
        background: linear-gradient(0deg, rgba(255, 255, 255, 0.10) 0%, rgba(14, 15, 29, 0.10) 100%);
    }

    .cta-button-wrapper .cta-button {
        margin: 0 auto;
    }

    .cta-content {
        padding-bottom: 4rem;
        padding-top: 2.2rem;
        text-align: center;
    }

    .cta-image {
        height: auto;
        object-position: center;
    }

    .contact-form .gradient-box.right,
    .cta-section .gradient-box.right {
        border-top: 0;
        width: 100%;
        height: 20px;
        bottom: 0;
        top: auto;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }

    .contact-form .gradient-box.top,
    .cta-section .gradient-box.top {
        right: 0;
        left: auto;
    }

    .contact-form .gradient-box.top,
    .contact-form .gradient-box.bottom,
    .cta-section .gradient-box.top,
    .cta-section .gradient-box.bottom {
        width: 1px;
        height: 100%;
        background: linear-gradient(to bottom, rgba(14, 15, 29, 0.1) 0%, rgba(185, 178, 207, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }

    .cta-section {
        padding: 18px 0;
    }

    .provider-divider {
        display: none;
    }

    .partnership-section > section {
        margin: 0 -15px;
        width: auto;
        border-radius: 0;
    }

    .values-cards {
        gap: 7px;
    }

    .contact-form .gradient-box.right,
    .cta-section .gradient-box.right {
        border-top: 0;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        border-right: 1px solid #b9b2d0;
        border-left: 1px solid #b9b2d0;
    }

    .solutions-header {
        gap: 1rem 60px;
        overflow: hidden;
    }

    .solutions-section .gradient-box.top {
        height: 100%;
        width: 1px;
        left: 0;
        top: 0;
        bottom: 0;
        background: linear-gradient(to bottom, rgba(186, 179, 211, 1) 0%, rgba(14, 15, 29, 0.1) 100%);
    }

    .solutions-section .gradient-box.bottom {
        height: 100%;
        width: 1px;
        left: auto;
        top: 0;
        bottom: 0;
        background: linear-gradient(to bottom, rgba(186, 179, 211, 1) 0%, rgba(14, 15, 29, 0.1) 100%);
        right: 0;
    }

    .page-template-page-providers .solutions-section .gradient-box.bottom {
        background: transparent;
        right: 0;
        left: 0;
        height: 20px;
        border-bottom-left-radius: 20px;
        border: 1px solid #b9b2d0;
        border-bottom-right-radius: 20px;
        border-top: 0;
        bottom: 0px;
        width: 100%;
        top: auto;
    }

    .section-label {
        margin-bottom: 0;
        border-right: 1px solid #b9b2d0;
        border-bottom: #b9b2d0;
    }

    .solutions-title {
        margin-bottom: 1.6rem;
    }

    .crypto-card .card-description {
        margin-top: 67px;
        margin-bottom: 3.2rem;
    }

    .card-description {
        margin-top: 30px;
    }
}

@media (max-width: 576px) {

    .row > * {
        /*padding-right: calc(var(--bs-gutter-x) * 1);*/
        /*padding-left: calc(var(--bs-gutter-x) * 1);*/
    }

    .features-description {
        margin-bottom: 3.8rem;
    }

}

@media screen and (min-width: 576px) and (max-width: 1200px) {
    .page-template-page-contact .faq-title {
        font-size: 19px;
        line-height: 120%;
    }

    .page-template-page-contact .faq-description {
        font-size: 14px;
        line-height: 22px;
    }
}

@media screen and (min-width: 576px) and (max-width: 992px) {

    .page-template-page-contact .faq-title {
        font-size: 19px;
        line-height: 120%;
    }

    .feature-overlay:hover .feature-content > p {
        padding-left: 1rem;
        padding-right: 1rem;
        font-size: 14px;
    }

    .features-description {
        /*margin-bottom: 0;*/
        margin-bottom: 3.8rem;
    }

    .feature-title {
        line-height: 22px;
        font-size: 1.25rem;
        white-space: normal;
        padding: 35px 1rem;
    }

    .curve-border {
        width: 80px;
        height: 100px;
    }

    .feature-overlay .toggle-card:before {
        background-size: 16.5px;
        height: 16px;
        width: 16.5px;
    }

    .feature-overlay {
        min-height: 280px;
    }

    .feature-overlay .toggle-card {
        width: 60px;
        height: 60px;
    }
}

@media (min-width: 768px) and (max-width: 768px) {
    .grid {
        /*grid-template-columns: repeat(2, 1fr);*/
    }
}