/* players */

.players .collaboration-container {
    background-color: #f5f5f7;
}

.players .growth-container {
    background-color: #0a0e34;
}

.players .number {
    color: #9173e6;
}

.players .connection-image1 {
    background-image: url('../images/basketboller-min.png');
    top: -100px;
    width: 991px;
    height: 815px;
    right: -856px;
}

.players .connection-image-plus1 {
    top: 27px;
    right: -156px;
}

.players .connection-image-plus2 {
    top: 39px;
    right: -186px;
}

.players .plus3 {
    top: 281px;
    right: -650px;
}

.connection-image-line1 {
    background-image: url('../images/players-line-2.svg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 279px;
    height: 321px;
    position: absolute;
    top: 285px;
    right: -349px;
}

.line2 {
    top: -27px;
    right: -785px;
}

.players .connection-item2,
.players .collaboration-item2,
.players .growth-item2 {
    padding: 0;
}

.players .connection-item2 {
    position: relative;
}

.players .connection-item1 {
    padding-top: 100px;
    padding-bottom: 55px;
}

.players .collaboration-item1 {
    padding-top: 60px;
    padding-bottom: 55px;
}

.players .growth-item1 {
    padding-top: 80px;
    padding-bottom: 90px;
}

.players .connection-item2-text-container,
.players .collaboration-item2-text-container,
.players .growth-item2-text-container {
    display: flex;
    flex-direction: column;
    max-width: 615px;
    margin-left: auto;
}

.players {
    overflow: hidden;
}

.players .connection-item2-text-container {
    position: relative;
}

.players-320px {
    display: none;

    .images-container {
        margin-top: 35px;
        margin-bottom: 245px;
        margin-left: auto;
        margin-right: auto;
        max-width: 336px;
        padding-left: 15px;
        position: relative;
    }

    .number {
        color: #000000;
        font-size: 14px;
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .underline {
        background-color: #5e42b0;
        width: 17px;
        height: 4px;
    }

    .section-text {
        color: #000000;
        font-size: 15px;
        line-height: 18px;
    }

    .section-caption-text {
        font-size: 28px;
    }

    .section-caption-container {
        align-items: center;
    }

    .number-container {
        margin-bottom: 2px;
    }

    .connection-item1 {
        padding: 0 20px;
        width: 100%;
        box-sizing: border-box;
        max-width: 400px;
    }

    .collaboration-item1 {
        padding: 0 20px;
        width: 100%;
        box-sizing: border-box;
        max-width: 400px;
    }

    .growth-item1 {
        padding: 0 20px;
        width: 100%;
        box-sizing: border-box;
        max-width: 400px;
    }

    .fotorama__wrap {
        min-width: auto!important;
    }

    .fotorama__arr {
        display: none !important;
    }

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

    .fotorama {
        display: flex;
        justify-content: center;
    }

    .images-container__image1 {
        background-image: url('../images/basketboller-min.png');
        width: 302px;
        height: 248px;
        background-repeat: no-repeat;
        position: absolute;
        background-size: contain;
        top: 90px;
        left: 8px;
        z-index: 1;
    }

    .images-container__line1 {
        background-image: url('../images/players-320-line1.svg');
        width: 93px;
        height: 109px;
        background-repeat: no-repeat;
        position: absolute;
        top: 210px;
        left: 61px;
        background-size: contain;
    }

    .images-container__line2 {
        background-image: url('../images/players-320-line2.svg');
        width: 78px;
        height: 91px;
        background-repeat: no-repeat;
        position: absolute;
        top: 117px;
        left: 208px;
        background-size: contain;
    }

    .images-container__plus1 {
        width: 15px;
        height: 15px;
        background-image: url('../images/plus1.svg');
        background-repeat: no-repeat;
        position: absolute;
        top: 97px;
        left: 82px;
    }

    .images-container__plus2 {
        width: 15px;
        height: 15px;
        background-image: url('../images/plus2.svg');
        background-repeat: no-repeat;
        position: absolute;
        top: 84px;
        left: 63px;
    }
}

.fotorama-container {
    background-color: #f5f4f9;
}

.fotorama__dot {
    width: 10px;
    height: 10px;
    background-color: #d8d8d8;
    border: none;
}

.fotorama__nav__frame.fotorama__active .fotorama__dot {
    width: 10px;
    height: 10px;
    background-color: #5c3caf;
}

.fotorama__nav--dots {
    padding-bottom: 15px;
}

// .fotorama__stage {
//     height: 250px !important;
// }