.second-banner-sec.condition-banner .text-box h3 {
    text-align: left !important;
}

.access-controll-sec {
    margin-top: -15rem;
    position: relative;
}

.top-dsc {
    padding-top: 20rem;
    padding-bottom: 6rem;
    position: relative;
}

.top-dsc .access-controll-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /*z-index: -2;*/
    background: #fff;
}

.sylink-spot,
.middle-dsc,
.bottom-dsc,
.access-controll-title {
    padding-block: 6rem;
}

.access-controll-sec .middle-dsc {
    /*z-index: -2;*/
    position: relative;
}

.access-controll-sec .middle-dsc .middle-dsc-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #C7E582;
    /*z-index: -3;*/
}

.access-controll-sec .access-controll-title {
    position: relative;
}

.access-controll-sec .access-controll-title .access-controll-title-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #F3F3F3;
    /*z-index: -3;*/
}

.access-controll-sec .bottom-dsc {
    background: #F3F3F3;
}

.access-controll-sec .sylink-spot {
    position: relative;
}

.sylink-spot .sylink-spot-shape-container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
    /*z-index: -1;*/
}

.sylink-spot-shape-container .access-controll-left-shape {
    position: absolute;
    top: -50%;
    left: 0;
    height: 100%;
}

.sylink-spot-shape-container .access-controll-left-shape img,
.sylink-spot-shape-container .access-controll-right-shape img {
    height: 100%;
}

.sylink-spot-shape-container .access-controll-right-shape {
    position: absolute;
    bottom: -50%;
    right: 0;
    height: 100%;
}

.sylink-spot-shape-container .access-controll-right-shape img {
    transform: rotate(180deg);
}

.access-controll-sec .sylink-spot p {
    padding-block: 3rem;
}

.access-controll-sec .sylink-spot img {
    max-width: 200px;
}

.sylink-vpn {
    padding-block: 6rem;
    position: relative;
}

.sylink-vpn .sylink-vpn-shape-container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: #fff;
    /*z-index: -1;*/
}

.sylink-vpn-shape-container .sylink-vpn-top-shape {
    position: absolute;
    top: 0;
    right: 0;
    height: 45%;
}

.sylink-vpn-shape-container .sylink-vpn-bottom-shape {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 45%;
}

.sylink-vpn-shape-container .sylink-vpn-middle-shape {
    position: absolute;
    top: 27.5%;
    right: 5%;
    height: 45%;
}

.teleworking-sec {
    padding-top: 5rem;
    padding-bottom: 25rem;
    position: relative;
}

.teleworking-sec .text-box {
    margin-left: 8rem;
}

.teleworking-content {
    margin-top: -10rem;
}

.teleworking-content #second-col,
.teleworking-content #third-col {
    margin-right: -140px;
}

.teleworking-element {
    height: 550px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url('../images/white-solid-hexagon.webp') no-repeat;
    background-size: 100% 550px;
    width: 100%;
    max-width: 600px;
    position: relative;
}

.teleworking-element .text-box {
    width: 60%;
    margin: auto;
    height: fit-content;
}

.teleworking-element .text-box #teleworking-element-title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 1rem;
}

.teleworking-element .text-box #teleworking-element-title span {
    margin-right: 0.5rem;
    margin-top: -0.3rem;
    font-size: 22px;
}

.teleworking-element .text-box #teleworking-element-text {
    font-size: 14px;
}

.teleworking-element .border-shape-container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: -5px;
    right: 0;
    /*z-index: -1;*/
}

.teleworking-element .border-shape-container img {
    width: 100%;
    height: 100%;
}

.teleworking-shape-container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    /*z-index: -1;*/
}

.teleworking-shape-container .teleworking-left-hexagons {
    position: absolute;
    width: 30%;
    bottom: 10%;
    left: 0;
}

.teleworking-shape-container .teleworking-left-hexagons img,
.teleworking-shape-container .teleworking-sec-right-hexagons img {
    width: 100%;
}

.teleworking-shape-container .teleworking-sec-right-hexagons {
    position: absolute;
    width: 20%;
    bottom: -10%;
    right: 0;
}

@media (max-width: 1599px) {
    .teleworking-element {
        height: 500px;
        background-size: 100% 500px;
    }

    .teleworking-content #second-col,
    .teleworking-content #third-col {
        margin-right: -100px;
    }
}

@media (max-width: 1499px) {
    .teleworking-element {
        height: 450px;
        background-size: 100% 450px;
    }

    .teleworking-sec {
        padding-bottom: 15rem;
    }

}

@media (max-width: 1399px) {
    .top-dsc {
        padding-top: 22rem;
    }

    .sylink-spot-shape-container .access-controll-left-shape {
        top: -15%;
        height: 30%;
    }

    .sylink-spot-shape-container .access-controll-right-shape {
        bottom: -15%;
        height: 30%;
    }

    .sylink-vpn-shape-container .sylink-vpn-top-shape {
        top: 22.5%;
        height: 25%;
    }

    .sylink-vpn-shape-container .sylink-vpn-bottom-shape {
        bottom: 22.5%;
        height: 25%;
    }

    .sylink-vpn-shape-container .sylink-vpn-middle-shape {
        top: 37.5%;
        right: 8%;
        height: 25%;
    }
}

@media (max-width: 1299px) {

    .teleworking-content #second-col,
    .teleworking-content #third-col {
        margin-right: -10px;
    }

    .teleworking-element {
        width: 120%;
        height: 400px;
        background-size: 100% 400px;
    }
}

@media (max-width: 991px) {
    .second-banner-sec.condition-banner .text-box h3 {
        text-align: center !important;
    }

    .top-dsc {
        padding-top: 18rem;
    }

    .spot-title {
        text-align: center;
        margin-top: 2rem;
    }

    .access-controll-sec .sylink-spot {
        padding-inline: 2rem;
        padding-bottom: 2rem;
    }

    .access-controll-sec .sylink-spot p {
        padding-block: 1rem;
    }

    .access-controll-sec .middle-dsc,
    .access-controll-sec .bottom-dsc,
    .access-controll-sec .access-controll-title,
    .access-controll-sec .sylink-vpn {
        padding-inline: 2rem;
        padding-block: 4rem;
    }

    .teleworking-content {
        margin-top: 2rem;
    }

    .teleworking-content #second-col,
    .teleworking-content #third-col {
        margin-right: 0;
    }

    .teleworking-element {
        width: 100%;
        height: 450px;
        background-size: 100% 450px;
        margin-inline: auto;
    }

    .teleworking-sec .text-box {
        margin-left: 0;
        margin-inline: auto;
        padding-inline: 2rem;
    }

    .teleworking-sec {
        padding-bottom: 5rem;
    }
}

@media (max-width: 575px) {
    .sylink-spot-shape-container .access-controll-left-shape {
        top: -10%;
        height: 20%;
    }

    .sylink-spot-shape-container .access-controll-right-shape {
        bottom: -10%;
        height: 20%;
    }

    .sylink-vpn-shape-container .sylink-vpn-top-shape {
        top: 32.5%;
        height: 15%;
    }

    .sylink-vpn-shape-container .sylink-vpn-bottom-shape {
        bottom: 32.5%;
        height: 15%;
    }

    .sylink-vpn-shape-container .sylink-vpn-middle-shape {
        top: 42.5%;
        right: 10%;
        height: 15%;
    }

    .teleworking-element {
        background-size: 130% 450px;
        background-position: center;
    }

    .teleworking-element .text-box {
        width: 80%;
    }

    .teleworking-element .border-shape-container {
        display: none;
    }

    .teleworking-sec {
        padding-bottom: 2rem;
    }
}