.pres {
width: 100%;
margin: 70px 0;
}
.pres__col {
position: relative;
width: 50%;
}
.pres__col h2 {
margin: 0;
margin-bottom: 40px;
}
.pres__col .button {
margin-top: 40px;
}
.pres__col-left {
width: 45%;
margin-right: 5%;
justify-content: center;
align-items: flex-start;
}
.pres__col-right {
position: relative;
width: 50%;
aspect-ratio: 998/534;
}
.pres__col-right .svgClipPath {
position: absolute;
top: 0;
left: 0;
width: 50vw;
max-width: 800px;
height: 100%;
}
.pres__col-right__inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.pres__col-right .whiteBG-text {
position: absolute;
bottom: 0;
left: 50%;
width: 554px;
transform: translateX(-50%);
}
.pres__col-right p {
margin: 0;
}
.pres__col-right p b, 
.pres__col-right p strong {
color: var(--green);
}
@media (max-width: 1280px) {
.pres {
margin: 30px 0;
flex-direction: column;
}
.pres__col,
.pres__col-right,
.pres__col-right__inner,
.pres__col-right .svgClipPath {
width: 100%;
max-width: unset;
}
.pres__col-left {
margin-right: 0;
}
.pres__col-right {
margin-top: 40px;
}
.pres__col-right .whiteBG-text {
width: 60%;
}
}
@media (max-width: 600px) {
.pres {
margin: 30px 0 90px 0;;
}
.pres__col-right .whiteBG-text {
bottom: -60px;
}
}