.platforms{

    position:relative;

    overflow:hidden;

    background:
        linear-gradient(
            rgba(6,28,43,.88),
            rgba(6,28,43,.88)
        ), url("../../../images/backgrounds/platforms-background-image.png");

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;

}

.platforms__content{

    display:grid;

    grid-template-columns:1fr 575px;

    align-items:center;

    gap:64px;

    position:relative;

    z-index:2;

}

.section-header--left{

    text-align:left;

    margin:0;

}

.platform-panel{

    background:rgba(6,28,43,.63);

    border-radius:20px;

    padding:32px;

    display:flex;

    flex-direction:column;

    gap:32px;

    backdrop-filter:blur(10px);

    box-shadow:
        0 5px 4px rgba(255,130,1,.25);

}

.platform-item{

    display:flex;

    align-items:center;

    gap:18px;

    padding-bottom:24px;

    border-bottom:1px solid rgba(255,255,255,.18);

}

.platform-item:last-child{

    border-bottom:none;

    padding-bottom:0;

}

.platform-item span{

    color:var(--clr-white);

    font-size:22px;

    font-weight:600;

}

.platform-item svg{

    width:22px;

    height:22px;

    color:var(--clr-accent);

    stroke-width:2.2;

    flex-shrink:0;


}

.platform-item span{

    color:var(--clr-white);

    font-size:var(--fs-body-lg);

    font-weight:var(--fw-semibold);

}

.platforms__left .section-header--left {
    color: var(--clr-white);
}

.platforms__left .section-header--left .section-header__description {
    color: var(--clr-white);
}

.section-header--left .section-header__title {
    color: #fff;
    max-width: 400px;
}

.platforms__left .btn{

    margin-top:40px;

}

.btn svg{

    transition:transform .3s ease;

}

.btn:hover svg{

    transform:translateX(4px);

}