@charset "utf-8";

html, body {
    margin: 0px;
    padding: 0px;
}

.gs-banner-tech-love-story-sda {
    position: relative;
    max-width: 1300px;
    margin: 0 auto 20px auto;
}

.gs-banner-tech-love-story-sda img {
    width: 100%;
    height: auto;
    border-radius: 20px;
}

.gs-banner-tech-love-story-sda img.gm-banner-img-mob {
    display: none;
}

.gs-banner-tech-love-story-sda .d-gs-lnk {
    position: absolute;
    left: 45%;
    top: 0%;
    width: 26.4%;
    height: 100%;
    font-size: 0px !important;
    opacity:1!important;
}
.gs-banner-tech-love-story-sda .d-gs-lnk:hover {
    opacity: 1!important;
}

.gs-banner-tech-love-story-sda .d-gs-lnk::after {
    content: "";
    position: absolute;
    left: 50.8%;
    bottom: 0px;
    width: 77%;
    height: 21.6%;
    background: white;
    transform: translate(-50%, 0);
    border-radius: 12px;
    opacity: 0;
    mix-blend-mode: difference;
    transition: all 300ms;
}

.gs-banner-tech-love-story-sda .d-gs-lnk.gs-lnk1 {
    top: 19%;
    left: 29.4%;
    width: 13.1%;
    height: 64%;
}

.gs-banner-tech-love-story-sda .d-gs-lnk.gs-lnk1::after {
    left: 50%;
    width: 99%;
    height: 18%;
    bottom: 2px;
}

.gs-banner-tech-love-story-sda .d-gs-lnk.gs-lnk2 {
    top: 27%;
    left: 46.9%;
    width: 13%;
    height: 56%;
}

.gs-banner-tech-love-story-sda .d-gs-lnk.gs-lnk2::after {
    left: 50.4%;
    width: 99%;
    height: 22%;
    bottom: 0px;
}

.gs-banner-tech-love-story-sda .d-gs-lnk.gs-lnk3 {
    top: 20.8%;
    left: 64.4%;
    width: 13.1%;
    height: 62.2%;
}

.gs-banner-tech-love-story-sda .d-gs-lnk.gs-lnk3::after {
    left: 50%;
    width: 99%;
    height: 20%;
    bottom: 0px;
}

.gs-banner-tech-love-story-sda .d-gs-lnk.gs-lnk4 {
    top: 28.8%;
    left: 80.8%;
    width: 14.2%;
    height: 54.2%;
}

.gs-banner-tech-love-story-sda .d-gs-lnk.gs-lnk4::after {
    left: 53.8%;
    width: 91.8%;
    height: 23%;
    bottom: 0px;
}

@media screen and (min-width: 960px) {
    .gs-banner-tech-love-story-sda .d-gs-lnk:hover::after {
        opacity: 1;
        mix-blend-mode: difference;
        transition: all 300ms;
    }
}

@media screen and (max-width: 1300px) {

    .gs-banner-tech-love-story-sda {
        margin: 0 15px 20px 15px;
    }

}

@media screen and (max-width: 767px) {

    .gs-banner-tech-love-story-sda {
        margin: 0 0px 20px 0px;
    }

    .gs-banner-tech-love-story-sda img.gm-banner-img-mob {
        display: block;
    }

    .gs-banner-tech-love-story-sda img.gm-banner-img-desk {
        display: none;
    }

    .gs-banner-tech-love-story-sda .d-gs-lnk {
        left: 0%;
        top: 37%;
        width: 50%;
        height: 55vw;
    }

    .gs-banner-tech-love-story-sda .d-gs-lnk.gs-lnk1 {
        top: 17.2%;
        left: 9.1%;
        width: 38.5%;
        height: 24.2%;
    }

    .gs-banner-tech-love-story-sda .d-gs-lnk.gs-lnk2 {
        top: 20%;
        left: 52.6%;
        width: 38.7%;
        height: 21.4%;
    }

    .gs-banner-tech-love-story-sda .d-gs-lnk.gs-lnk3 {
        top: 48%;
        left: 9%;
        width: 38.6%;
        height: 24.4%;
    }

    .gs-banner-tech-love-story-sda .d-gs-lnk.gs-lnk4 {
        top: 50.8%;
        left: 51.8%;
        width: 39.4%;
        height: 21.5%;
    }

    .gs-banner-tech-love-story-sda .d-gs-lnk::after {
        display: none;
    }
}