.content-map {
    background-color: #6800FF;
    position: relative;
    padding-bottom: 330px;
    z-index: 1;

    .img-map {
        position: absolute;
        top: 30px;
        right: 0;
        width: calc(100% - 700px);
        max-width: 1020px;
    }

    .img-map-mobile {
        display: none;
    }
}

.content-map-sap {
    padding-bottom: 30px !important;
    margin-top: 80px;
}

.content-map--white {
    background-color: #FCFAFF;
    padding-bottom: 230px;
}

.content-map--purple {
    padding-bottom: 280px;
}

.data-content-map--white {
    color: #222222 !important;
}


.list-continent-countries {
    max-width: 600px;
    margin-top: 50px;
}

.item-continent-country {
    margin-bottom: 28px;
}

.continent-title-map-sap {
    font-size: 22px;
    font-weight: 400;
    border: 2px solid #FFFFFA;
    width: max-content;
    padding: 6px 25px;
    border-radius: 35px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.countries-items-map-sap {
    font-size: 24px;
    font-weight: 100;
    text-transform: uppercase;
    line-height: 30px;
    margin-bottom: 0;
}

.data-content-map {
    color: white;
    padding-left: 130px;
    padding-top: 60px;

    .title-map {
        font-weight: 700;
        font-size: 40px;
        max-width: 630px;
        text-transform: uppercase;
    }

    .title-map-sap {
        max-width: 550px;
    }

    .subtitle-map {
        font-size: 40px;
        font-weight: 100;
        max-width: 370px;
        line-height: 50px;
        margin: 0;
    }

    .subtitle-map-sap {
        max-width: 550px;
    }

    .items-map-info {
        margin-top: 30px;
        margin-bottom: 45px;

        .item-map-info {
            display: flex;
            margin-bottom: 25px;

            .circle-item {
                width: 70px;
                height: 70px;
                background-color: #E92651;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                z-index: 1;
            }

            .description-item-map {
                height: 70px;
                border: 2px solid white;
                margin-left: -30px;
                border-radius: 35px;
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
                display: flex;
                align-items: center;

                .text-description {
                    font-size: 22px;
                    font-weight: 700;
                    margin: 0;
                    margin-left: 45px;
                    margin-right: 32px;
                }

                .text-description--white {
                    color: #6800FF;
                }
            }

            .description-item-map--white {
                border: 2px solid #6800FF;
            }
        }
    }

    .link-acelerate-esscense {
        font-size: 22px;
        font-weight: 200;
        text-decoration: none;
        color: white;
        cursor: pointer;
    }

    .link-acelerate-esscense--white {
        color: #6800FF;

        img {
            width: 25px;
            margin-top: -2px;
            margin-left: -3px;
        }
    }

    /* .link-find-an-office-mobile {
        text-transform: uppercase;
        display: none;
    } */
}



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

    .data-content-map-sap {
        padding-top: 40px !important;
    }

    .content-map-sap {
        padding-bottom: 120px !important;
        margin-top: 40px;
    }

    .data-content-map {
        padding-top: 50px;

        .title-map {
            font-size: 24px;
            line-height: 30px;
            max-width: 445px;
        }

        .subtitle-map {
            font-size: 25px;
            line-height: 30px;
        }

        .subtitle-map-sap {
            font-size: 30px;
            line-height: 34px;
            max-width: 310px;
        }

        .items-map-info {
            margin-bottom: 35px;

            .item-map-info {

                .circle-item {
                    width: 50px;
                    height: 50px;
                    padding: 15px 10px;

                    img {
                        max-width: 100%;
                    }
                }
            }

            .description-item-map {
                height: 50px !important;
                margin-left: -25px !important;

                .text-description {
                    font-size: 18px !important;
                    margin-left: 35px !important;
                }
            }
        }
    }

    .content-map--purple {
        padding-bottom: 370px;
    }

    .countries-items-map-sap {
        font-size: 18px;
        line-height: 22px;
    }

    .continent-title-map-sap {
        font-size: 18px;
        margin-top: 5px;
    }

    .title-map-sap {
        max-width: 320px !important;
    }

    .item-continent-country {
        margin-bottom: 20px;
        max-width: 450px;
    }

    .list-continent-countries {
        margin-top: 30px;
    }
}

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

    .content-map {
        padding-bottom: 230px;

        .data-content-map {
            padding-top: 80px;
        }

        .img-map {
            width: calc(100% - 540px);
        }
    }

    .content-map--purple {
        padding-bottom: 410px;
    }
}

@media screen and (max-width: 1320px) {
    .content-map {
        padding-bottom: 130px;
    }

    .content-map--purple {
        padding-bottom: 270px
    }
}

@media screen and (max-width: 1280px) {
    .data-content-map {
        padding-left: 60px;
    }

    .content-map-sap {
        padding-bottom: 340px;
    }

}

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

    .content-map {
        padding-bottom: 100px;

        .img-map {
            width: calc(100% - 500px);
        }

        .data-content-map {
            padding-top: 50px;
        }
    }

    .content-map--purple {
        padding-bottom: 240px
    }

    .data-content-map {
        padding-top: 50px;

        .title-map {
            font-size: 20px;
            line-height: 24px;
            max-width: 385px;
        }

        .subtitle-map {
            font-size: 20px;
            line-height: 24px;
        }

        .items-map-info {
            margin-bottom: 35px;

            .item-map-info {

                .circle-item {
                    width: 50px;
                    height: 50px;
                    padding: 15px 10px;

                    img {
                        max-width: 100%;
                    }
                }
            }

            .description-item-map {
                height: 50px !important;
                margin-left: -25px !important;

                .text-description {
                    font-size: 18px !important;
                    margin-left: 35px !important;
                }
            }
        }
    }
}

@media screen and (max-width: 1100px) {
    .content-map {
        padding-bottom: 50px;
    }

    .content-map--purple {
        padding-bottom: 175px
    }
}

@media screen and (max-width: 980px) {
    .content-map {
        padding-bottom: 40px;

        .img-map {
            position: relative;
            width: 100%;
            margin-top: 25px;
            display: none;
        }

        .img-map-mobile {
            display: block;
        }


        .data-content-map {
            padding-left: 25px;

            .title-map {
                max-width: max-content;
            }

            .subtitle-map {
                display: none;
            }

            .subtitle-map-sap {
                display: flex;
                line-height: 34px;
            }

            .link-find-an-office-mobile {
                text-transform: uppercase;
                display: block;
                font-size: 16px;
                font-weight: 400;

                img {
                    width: 16px;
                    margin-left: 0;
                }
            }
        }
    }

    .content-map-sap {
        padding-bottom: 30px !important;
        margin-top: 30px;
    }

    .content-map--purple {
        padding-bottom: 210px
    }
}

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

    .continent-title-map-sap {
        font-size: 12px;
        margin-bottom: 10px;
    }

    .countries-items-map-sap {
        font-size: 12px;
        line-height: 16px;
    }

    .item-continent-country {
        max-width: 300px;
    }

    .list-continent-countries {
        margin-top: 20px;
    }

    .content-map {
        .data-content-map {
            padding-top: 40px;

            .title-map {
                font-size: 16px;
                line-height: 20px;
            }

            .subtitle-map-sap {
                font-size: 16px;
                line-height: 20px;
                text-transform: uppercase;
                max-width: 220px;
            }

            .items-map-info {
                margin-top: 20px;
                margin-bottom: 20px;
            }

            .item-map-info {
                margin-bottom: 8px;

                .circle-item {
                    width: 38px;
                    height: 38px;
                }
            }

            .description-item-map {
                margin-left: -20px !important;
                height: 35px !important;

                .text-description {
                    font-size: 12px !important;
                    margin-left: 25px !important;
                }
            }

            .link-find-an-office-mobile {
                font-size: 12px;
            }
        }
    }
}