#popup .popup_window.popup_services {
    position: absolute;
    display: none;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 20px;
    background:#09112a;
    border:1px solid #313742;
    min-width: 1200px;
    max-width: 1800px;
    overflow: visible;
}

#popup .popup_window.popup_services > .titlebox {
    display: flex;
    justify-content: space-between;
    margin:0 auto;
    text-align: left;
    padding-left:20px;
    padding-right:20px;
    margin-top:40px;
    margin-bottom:10px;
    height:30px;
}

#popup .popup_window.popup_services > .titlebox > h3 {
    margin:0;
    padding:0;
    border:0;
    display: block;
    font-size:26px;
    line-height:30px;
    color:#ffffff;
    cursor:pointer;
    height:30px;
    text-shadow: 
    0 0 5px #3011f3,
    0 0 10px #b6aaff,
    0 0 20px #a799ff;
}


#popup .popup_window.popup_services > .titlebox > .btn_close {
    color: yellow;
    font-size:14px;
    cursor: pointer;
}

#popup .popup_window.popup_services > .titlebox > .left_dummy {
    opacity: 0;
    color: yellow;
    font-size:14px;
}

#popup .popup_window.popup_services > .titlebox > .btn_close:hover {
    color:#ffffff;
    text-shadow: 
    0 0 5px #3011f3,
    0 0 10px #b6aaff,
    0 0 20px #a799ff;
    transition: all 300ms;
}

#popup .popup_window.popup_services > .gridbox {
    display: grid;
    margin:0 auto;
    text-align: left;
    gap:20px;
    padding:20px;
    grid-template: repeat(3,1fr) / repeat(4,1fr);
    grid-auto-flow: row;
}

#popup .popup_window.popup_services > .gridbox > .service_item {
    display: block;
    width: 100%;
    height: 130px;
    border:1px solid #313742;
    border-radius: 10px;
    background: linear-gradient(#070a0f, #10131c);
    overflow: hidden;
    position: relative;
    cursor:pointer;
    min-width: 400px;
}

@media screen and (max-width: 1700px) {
    #popup .popup_window.popup_services > .gridbox {
        grid-template: repeat(4,1fr) / repeat(3,1fr);
    }
}


#popup .popup_window.popup_services > .gridbox > .service_item > .label {
    filter: grayscale(0.8) brightness(0.6);
    position: absolute;
    display: block;
    left:10px;
    top:15px;
    z-index:10;
}

#popup .popup_window.popup_services > .gridbox > .service_item > .bg {
    position: absolute;
    right:0px;
    bottom:0px;
    filter: grayscale(0.6) brightness(0.6);
    z-index:5;
}

#popup .popup_window.popup_services > .gridbox > .service_item:hover {
    background: linear-gradient(#002867, #000001);
}

#popup .popup_window.popup_services > .gridbox > .service_item:hover > .label {
    filter: grayscale(0) brightness(1);
    transition: all 300ms;
}

#popup .popup_window.popup_services > .gridbox > .service_item:hover > .bg {
    filter: grayscale(0) brightness(1);
    transition: all 300ms;
}