/* skiller-app — your stylesheet. This file is YOURS.
   Seeded from the live page's own Custom CSS. Re-running build-editable.py will
   NOT overwrite it; only --reset-css will, and it asks first.
   It loads last, so a plain rule here beats the page's own. */

html {
    scroll-behavior: smooth;
}

.blendblend {
    mix-blend-mode: multiply;
}

.siteheader {
    z-index: 3 !important;
}

.btn-hover {
    transition: background 0.2s ease !important;
}

.btn-hover:hover {
    background-color: #d42275 !important;
    color: #fff !important;
}

.btn-hover:active {
    background-color: #FE3497 !important;
    transition: none !important;
}

.hoverMouse {
    cursor: pointer !important;
}

html, body {
    overflow-x: hidden;
    max-width: 100%;
    position: relative;
}

* {
    box-sizing: border-box;
}

/* If using 100vw anywhere, replace with 100% */

body {
    padding: 0 !important;
    margin: 0 !important;
    overflow-x: hidden;
}

.skillImg {
    border-radius: 15px !important;
}

.player-success-stories svg:nth-child(1) {
    margin-left: -45px !important;
}

.player-success-stories svg:nth-child(2) {
    margin-right: -45px !important;
}

@media (max-width: 768px) {
    .player-success-stories svg:nth-child(1) {
        margin-left: -30px !important;
    }

    .player-success-stories svg:nth-child(2) {
        margin-right: -30px !important;
    }
}

.mobile-badge-container {
    max-width: 380px !important
}

.Player-Success-Stories {
    background: url(../../sites-mirror/_assets/storage.googleapis.com/msgsndr/AT6XR38aGFwI2NzLBaQN/media/68f81428ebeabf7abe9cf8eb.png);
    background-size: cover;
    background-position: center !important;
}

.btn-hover {
    transition: background 0.2s ease !important;
}

.btn-hover:hover {
    background-color: #d42275 !important;
    color: #fff !important;
}

.btn-hover:active {
    background-color: #FE3497 !important;
    transition: none !important;
}

.menu-item {
    padding: 5px 20px !important;
    width: 150px !important;
    display: flex !important;
    justify-content: center!important;
    border-radius: 150px !important;
    transition: background 0.2s ease!important;
}

.menu-item:hover {
    background-color: #1b2052 !important;
    padding: 5px 20px !important;
    width: 150px !important;
    display: flex !important;
    justify-content: center!important;
    border-radius: 150px !important;
    transition: background 0.2s ease !important;
}

.menu-item:active {
    background-color: #1b2052 !important;
    transition: none !important;
}