.landing-page-component {
    background: linear-gradient(180deg, transparent 33%, #ffffff 100%),
        linear-gradient(90deg, #ffffff 0%, #1270a355 25%, #1270a366 50%, #1270a355 75%, #ffffff 100%);

}

@media screen and (min-width: 992px) {
    .landing-page-component {
        min-height: 1000px
    }
}


.landing-page-component .laptop-container {
    width: 900px;
    height: 600px;
    background-image: url("../images/header/laptop.png");
    background-size: contain;
    background-repeat: no-repeat;
}

.landing-page-component .laptop-container .blurred {
    filter: blur(5px);
}

.landing-page-component .laptop-container .laptop-content {
    position: absolute;
    background: white;
    width: 73.5%;
    height: 69%;
    margin-top: -7.5%;
    margin-left: 1.5%;
}

.landing-page-component .laptop-container .laptop-content::before {
    width: 30px;
    height: 100%;
    content: " ";
}


.landing-page-component .laptop-container .laptop-content-sidebar {
    width: 30px;
    height: 53.7%;
}


.landing-page-component .application-selector {
    top: 31%;
    right: -4%;
    width: 250px;
    backdrop-filter: blur(5px);
}

.landing-page-component .device-container {
    top: 41%;
    left: -7.5%;
    width: 250px;
}

.landing-page-component .application-selector .application-selector-container {
    background: radial-gradient(circle at center 10%,
            #FFFFFF 0%,
            #A3C7DB 14%,
            #408BB5 75%,
            #1270A3 100%);
}

.landing-page-component .landing-button-application:hover .application-icon {
    display: none;
}

.landing-page-component .landing-button-application:hover .application-active-icon {
    display: inline-block !important;
}



@media screen and (min-width: 1200px) {
    .landing-page-component .device-container {
        top: 41%;
        left: -12%;
        width: 250px;
    }

    .landing-page-component .application-selector {
        top: 31%;
        right: -19%;
        width: 300px;
    }
}