.trendy_curve_image_parent {
    position: relative;
    --trendy-curve-image-bg: #fff;
    --trendy-curve-image-radius: 10px;
}

.trendy_curve_image_parent>.et_pb_module_inner {
    line-height: 0;
}

.trendy-curve-img-holder {
    display: inline-block;
    position: relative;
    background-color: var(--trendy-curve-image-bg, #fff);
}

.trendy-curve-img-holder>img {
    display: block;
}

.trendy_curve_image_parent .trendy_curve_image {
    position: absolute !important;
    margin: 0 !important;
    background-color: var(--trendy-curve-image-bg, #fff);
    display: block;
}

.trendy_curve_image {
    padding: 10px;
    line-height: 1;
}

.trendy_curve_image img {
    display: block;
    width: 20px;
    height: auto;
}

.trendy_curve_image span.icon {
    font-family: 'ETmodules';
    font-size: 16px;
    color: #000;
}

.trendy_curve_image::before,
.trendy_curve_image::after {
    content: '';
    position: absolute;
    width: var(--trendy-curve-image-radius, 10px);
    height: var(--trendy-curve-image-radius, 10px);
    background-color: transparent;
}

/* Top Left */
.trendy_curve_image:has(.top_left),
.trendy_curve_image.top_left {
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    bottom: auto !important;
    border-bottom-right-radius: var(--trendy-curve-image-radius);
}

.trendy_curve_image:has(.top_left)::before,
.trendy_curve_image.top_left::before {
    top: 100%;
    left: 0;
    background-image: radial-gradient(circle at bottom right, transparent calc(var(--trendy-curve-image-radius, 10px) - 1px), var(--trendy-curve-image-bg, #fff) var(--trendy-curve-image-radius, 10px));
}

.trendy_curve_image:has(.top_left)::after,
.trendy_curve_image.top_left::after {
    top: 0;
    left: 100%;
    background-image: radial-gradient(circle at bottom right, transparent calc(var(--trendy-curve-image-radius, 10px) - 1px), var(--trendy-curve-image-bg, #fff) var(--trendy-curve-image-radius, 10px));
}

/* Top Center */
.trendy_curve_image:has(.top_center),
.trendy_curve_image.top_center {
    top: 0 !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translateX(-50%);
    border-bottom-left-radius: var(--trendy-curve-image-radius);
    border-bottom-right-radius: var(--trendy-curve-image-radius);
}


.trendy_curve_image:has(.top_center)::before,
.trendy_curve_image.top_center::before {
    top: 0;
    right: calc(100% - 1px);
    background-image: radial-gradient(circle at bottom left, transparent calc(var(--trendy-curve-image-radius, 10px) - 1px), var(--trendy-curve-image-bg, #fff) var(--trendy-curve-image-radius, 10px));
}

.trendy_curve_image:has(.top_center)::after,
.trendy_curve_image.top_center::after {
    left: calc(100% - 1px);
    top: 0;
    background-image: radial-gradient(circle at bottom right, transparent calc(var(--trendy-curve-image-radius, 10px) - 1px), var(--trendy-curve-image-bg, #fff) var(--trendy-curve-image-radius, 10px));
}


/* Top Right  */
.trendy_curve_image:has(.top_right),
.trendy_curve_image.top_right {
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    bottom: auto !important;
    border-bottom-left-radius: var(--trendy-curve-image-radius);
}


.trendy_curve_image:has(.top_right)::before,
.trendy_curve_image.top_right::before {
    top: 0;
    right: 100%;
    background-image: radial-gradient(circle at bottom left, transparent calc(var(--trendy-curve-image-radius, 10px) - 1px), var(--trendy-curve-image-bg, #fff) var(--trendy-curve-image-radius, 10px));
}

.trendy_curve_image:has(.top_right)::after,
.trendy_curve_image.top_right::after {
    top: 100%;
    right: 0;
    background-image: radial-gradient(circle at bottom left, transparent calc(var(--trendy-curve-image-radius, 10px) - 1px), var(--trendy-curve-image-bg, #fff) var(--trendy-curve-image-radius, 10px));
}

/* Center Left  */
.trendy_curve_image:has(.center_left),
.trendy_curve_image.center_left {
    top: 50% !important;
    left: 0 !important;
    right: auto !important;
    bottom: auto !important;
    transform: translateY(-50%);
    border-top-right-radius: var(--trendy-curve-image-radius);
    border-bottom-right-radius: var(--trendy-curve-image-radius);
}

.trendy_curve_image:has(.center_left)::before,
.trendy_curve_image.center_left::before {
    left: 0;
    bottom: calc(100% - 1px);
    background-image: radial-gradient(circle at top right, transparent calc(var(--trendy-curve-image-radius, 10px) - 1px), var(--trendy-curve-image-bg, #fff) var(--trendy-curve-image-radius, 10px));
}

.trendy_curve_image:has(.center_left)::after,
.trendy_curve_image.center_left::after {
    top: calc(100% - 1px);
    left: 0;
    background-image: radial-gradient(circle at bottom right, transparent calc(var(--trendy-curve-image-radius, 10px) - 1px), var(--trendy-curve-image-bg, #fff) var(--trendy-curve-image-radius, 10px));
}

/* Center Right  */
.trendy_curve_image:has(.center_right),
.trendy_curve_image.center_right {
    top: 50% !important;
    right: 0 !important;
    left: auto !important;
    bottom: auto !important;
    transform: translateY(-50%);
    border-top-left-radius: var(--trendy-curve-image-radius);
    border-bottom-left-radius: var(--trendy-curve-image-radius);
}

.trendy_curve_image:has(.center_right)::before,
.trendy_curve_image.center_right::before {
    right: 0;
    bottom: calc(100% - 1px);
    background-image: radial-gradient(circle at top left, transparent calc(var(--trendy-curve-image-radius, 10px) - 1px), var(--trendy-curve-image-bg, #fff) var(--trendy-curve-image-radius, 10px));
}

.trendy_curve_image:has(.center_right)::after,
.trendy_curve_image.center_right::after {
    top: calc(100% - 1px);
    right: 0;
    background-image: radial-gradient(circle at bottom left, transparent calc(var(--trendy-curve-image-radius, 10px) - 1px), var(--trendy-curve-image-bg, #fff) var(--trendy-curve-image-radius, 10px));
}

/* Bottom Left  */
.trendy_curve_image:has(.bottom_left),
.trendy_curve_image.bottom_left {
    bottom: 0 !important;
    left: 0 !important;
    right: auto !important;
    top: auto !important;
    border-top-right-radius: var(--trendy-curve-image-radius);
}

.trendy_curve_image:has(.bottom_left)::before,
.trendy_curve_image.bottom_left::before {
    left: 0;
    bottom: 100%;
    background-image: radial-gradient(circle at top right, transparent calc(var(--trendy-curve-image-radius, 10px) - 1px), var(--trendy-curve-image-bg, #fff) var(--trendy-curve-image-radius, 10px));
}

.trendy_curve_image:has(.bottom_left)::after,
.trendy_curve_image.bottom_left::after {
    bottom: 0;
    left: 100%;
    background-image: radial-gradient(circle at top right, transparent calc(var(--trendy-curve-image-radius, 10px) - 1px), var(--trendy-curve-image-bg, #fff) var(--trendy-curve-image-radius, 10px));
}

/* Bottom Center  */
.trendy_curve_image:has(.bottom_center),
.trendy_curve_image.bottom_center {
    bottom: 0 !important;
    left: 50% !important;
    right: auto !important;
    top: auto !important;
    transform: translateX(-50%);
    border-top-left-radius: var(--trendy-curve-image-radius);
    border-top-right-radius: var(--trendy-curve-image-radius);
}

.trendy_curve_image:has(.bottom_center)::before,
.trendy_curve_image.bottom_center::before {
    bottom: 0;
    right: calc(100% - 1px);
    background-image: radial-gradient(circle at top left, transparent calc(var(--trendy-curve-image-radius, 10px) - 1px), var(--trendy-curve-image-bg, #fff) var(--trendy-curve-image-radius, 10px));
}

.trendy_curve_image:has(.bottom_center)::after,
.trendy_curve_image.bottom_center::after {
    bottom: 0;
    left: calc(100% - 1px);
    background-image: radial-gradient(circle at top right, transparent calc(var(--trendy-curve-image-radius, 10px) - 1px), var(--trendy-curve-image-bg, #fff) var(--trendy-curve-image-radius, 10px));
}

/* Bottom Right  */
.trendy_curve_image:has(.bottom_right),
.trendy_curve_image.bottom_right {
    bottom: 0 !important;
    right: 0 !important;
    left: auto !important;
    top: auto !important;
    border-top-left-radius: var(--trendy-curve-image-radius);
}

.trendy_curve_image:has(.bottom_right)::before,
.trendy_curve_image.bottom_right::before {
    bottom: 0;
    right: 100%;
    background-image: radial-gradient(circle at top left, transparent calc(var(--trendy-curve-image-radius, 10px) - 1px), var(--trendy-curve-image-bg, #fff) var(--trendy-curve-image-radius, 10px));
}

.trendy_curve_image:has(.bottom_right)::after,
.trendy_curve_image.bottom_right::after {
    bottom: 100%;
    right: 0;
    background-image: radial-gradient(circle at top left, transparent calc(var(--trendy-curve-image-radius, 10px) - 1px), var(--trendy-curve-image-bg, #fff) var(--trendy-curve-image-radius, 10px));
}