:root {
    --light-blue: #4de1ff;
    --dark-blue: #009ee3;
    --gradient-start: #216782;
    --gradient-end: #0298d9;
}

.box-container {
    position: relative;
    width: calc(100% + 112px);
}

.box {
    font-family: Arial;
    background-image: linear-gradient(to bottom right, var(--light-blue), var(--dark-blue));
    padding: 10px 20px 50px 20px;
    color: white !important;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), 20px calc(100% - 20px), 0 100%, 0 calc(100% - 20px));
    position: relative;
    z-index: 10;
    margin-bottom: 25px;
}

.box-shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #d5d5d5;
    clip-path: polygon(0 0, calc(100% - 20px) 0, calc(100% - 20px) calc(100% - 20px), 20px calc(100% - 20px), 0 100%, 0 calc(100% - 20px));
    transform: translate(6px, 7px);
    z-index: 9;
}

.corner-right {
    position: absolute;
    bottom: -49px;
    right: 0;
    width: 70px;
    height: 70px;
    background-image: linear-gradient(to right, var(--gradient-start), var(--gradient-end));
    clip-path: polygon(0 0, 100% 0, 0 100%);
    z-index: 10;
}

html.porto.boxed body {
    background-image: url(https://ontorix.de.von.to/application/files/1317/1682/6149/stage_bg.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.bg-ontorix-gradient {
    background: rgb(140,231,252) !important;
    background: linear-gradient(156deg, rgba(140,231,252,1) 0%, rgba(2,152,217,1) 18%, rgba(0,0,0,1) 100%) !important;
}