section.hero--section {
    padding: 60px 0px;
}

.hero--ContentWraper h1 {
    font-size: 64px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 20px;
}

.hero--ContentWraper p {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 40px;
}


.hero--section {
    position: relative;
    overflow: hidden;
}

.hero--RightPolygon {
    /* position: absolute; */
    /* right: 0; */
    /* top: 50%; */
    /* transform: translateY(-50%); */
    /* z-index: 1; */
}

.hero--RightPolygon img {
    height: auto;
    width: 600px; 
    max-width: none;
}

@media(max-width: 767px){
    section.hero--section {
        padding: 30px 0px 20px;
    }
    .hero--ContentWraper h1 {
        font-size: 28px;
    }

    .hero--RightPolygon {
        position: unset;
        transform: unset;
        margin: 20px 32px;
    }

    .hero--ContentWraper p {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .hero--RightPolygon img {
        width: 100%;
    }
}

@media(max-width:1023px) and (min-width: 768px){
    .hero--ContentWraper h1 {
        font-size: 42px;
    }

    .hero--ContentWraper p {
        font-size: 18px;
        margin-bottom: 30px;
    }

    .hero--RightPolygon img {
        width: 300px;
    }
}


@media(max-width:1180px) and (min-width:1024px){
    .hero--ContentWraper h1 {
        font-size: 54px;
    }

    .hero--ContentWraper p {
        font-size: 22px;
        margin-bottom: 30px;
    }

    .hero--RightPolygon img {
        width: 435px;
    }
}

@media(max-width:1366px) and (min-width:1181px){
    .hero--RightPolygon img {
        width: 500px;
    }
}

@media(max-width:2399px) and (min-width:2093px){
    .hero--RightPolygon {
        right: 15%;
    }
}

@media(max-width:2499px) and (min-width:2400px){
    .hero--RightPolygon {
        transform: translateY(-50%);
        right: 551px;
    }
}

@media(max-width:2560px) and (min-width:2500px){
    .hero--RightPolygon {
        transform: translateY(-50%);
        right: 551px;
    }
}