/*************************************************************/
/****** Enables image shapes *******/
/*************************************************************/

.divi-hacks-image-shapes:not(.et-fb) .image-polygon-top-left img {
    -webkit-clip-path: polygon(0 0, 100% 9%, 90% 90%, 10% 100%);
    clip-path: polygon(0 0, 100% 9%, 90% 90%, 10% 100%);
}
.divi-hacks-image-shapes:not(.et-fb) .image-polygon-bottom-left img {
   -webkit-clip-path: polygon(10% 0, 89% 9%, 100% 90%, 0 100%);
  clip-path: polygon(10% 0, 89% 9%, 100% 90%, 0 100%);
}
.divi-hacks-image-shapes:not(.et-fb) .image-polygon-top-right img {
  -webkit-clip-path: polygon(0 10%, 100% 0, 90% 100%, 10% 90%);
  clip-path: polygon(0 10%, 100% 0, 90% 100%, 10% 90%);
}
.divi-hacks-image-shapes:not(.et-fb) .image-polygon-bottom-right img {
    -webkit-clip-path: polygon(10% 10%, 90% 0, 100% 100%, 0 90%);
  clip-path: polygon(10% 10%, 90% 0, 100% 100%, 0 90%);
}
.divi-hacks-image-shapes:not(.et-fb) .image-slant-right-top img {
    -webkit-clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);
}
.divi-hacks-image-shapes:not(.et-fb) .image-slant-right-bottom img {
    -webkit-clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%);
}
.divi-hacks-image-shapes:not(.et-fb) .image-slant-left-top img {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%);
}
.divi-hacks-image-shapes:not(.et-fb) .image-slant-left-bottom img {
    -webkit-clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
}
.divi-hacks-image-shapes:not(.et-fb) .image-slant-up-right img {
    -webkit-clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 100%);
}
.divi-hacks-image-shapes:not(.et-fb) .image-slant-up-left img {
    -webkit-clip-path: polygon(0 0, 100% 20%, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 20%, 100% 100%, 0 100%);
}
.divi-hacks-image-shapes:not(.et-fb) .image-slant-down-right img {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);
}
.divi-hacks-image-shapes:not(.et-fb) .image-slant-down-left img {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
}
.divi-hacks-image-shapes:not(.et-fb) .image-star img {
  -webkit-clip-path: polygon(50% 0%, 66% 26%, 98% 35%, 78% 57%, 79% 91%, 50% 80%, 21% 91%, 22% 57%, 2% 35%, 34% 26%);
  clip-path: polygon(50% 0%, 66% 26%, 98% 35%, 78% 57%, 79% 91%, 50% 80%, 21% 91%, 22% 57%, 2% 35%, 34% 26%);
}
.divi-hacks-image-shapes:not(.et-fb) .image-diamond img {
  -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}
.divi-hacks-image-shapes:not(.et-fb) .image-warp-square img {
  -webkit-clip-path: polygon(0 0, 5% 50%, 0 100%, 50% 90%, 100% 100%, 95% 50%, 100% 0, 50% 10%);
  clip-path: polygon(0 0, 5% 50%, 0 100%, 50% 90%, 100% 100%, 95% 50%, 100% 0, 50% 10%);
}
.divi-hacks-image-shapes:not(.et-fb) .image-point-left img {
  -webkit-clip-path: polygon(14% 0, 100% 1%, 100% 100%, 14% 100%, 0% 50%);
  clip-path: polygon(14% 0, 100% 1%, 100% 100%, 14% 100%, 0% 50%);
}
.divi-hacks-image-shapes:not(.et-fb) .image-point-right img {
  -webkit-clip-path: polygon(0 0, 86% 0, 100% 50%, 86% 100%, 0 100%);
  clip-path: polygon(0 0, 86% 0, 100% 50%, 86% 100%, 0 100%);
}
.divi-hacks-image-shapes:not(.et-fb) .image-point-up img {
  -webkit-clip-path: polygon(0 16%, 50% 0, 100% 16%, 100% 100%, 0 100%);
  clip-path: polygon(0 16%, 50% 0, 100% 16%, 100% 100%, 0 100%);
}
.divi-hacks-image-shapes:not(.et-fb) .image-point-down img {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 84%, 50% 100%, 0 84%);
  clip-path: polygon(0 0, 100% 0, 100% 84%, 50% 100%, 0 84%);
}
.divi-hacks-image-shapes:not(.et-fb) .image-chevron-up img {
  -webkit-clip-path: polygon(50% 0, 100% 14%, 100% 100%, 50% 86%, 0 100%, 0 14%);
  clip-path: polygon(50% 0, 100% 14%, 100% 100%, 50% 86%, 0 100%, 0 14%);
}
.divi-hacks-image-shapes:not(.et-fb) .image-chevron-down img {
  -webkit-clip-path: polygon(50% 14%, 100% 0, 100% 86%, 50% 100%, 0 86%, 0 0);
  clip-path: polygon(50% 14%, 100% 0, 100% 86%, 50% 100%, 0 86%, 0 0);
}
.divi-hacks-image-shapes:not(.et-fb) .image-chevron-right img {
    -webkit-clip-path: polygon(86% 0, 100% 50%, 86% 100%, 0% 100%, 14% 50%, 0% 0%);
    clip-path: polygon(86% 0, 100% 50%, 86% 100%, 0% 100%, 14% 50%, 0% 0%);
}
.divi-hacks-image-shapes:not(.et-fb) .image-chevron-left img {
  -webkit-clip-path: polygon(100% 0, 86% 50%, 100% 100%, 14% 100%, 0 50%, 14% 0);
  clip-path: polygon(100% 0, 86% 50%, 100% 100%, 14% 100%, 0 50%, 14% 0);
}
.divi-hacks-image-shapes:not(.et-fb) .image-wide-bottom-trapezoid img {
  -webkit-clip-path: polygon(4% 0, 96% 0, 100% 100%, 0 100%);
  clip-path: polygon(4% 0, 96% 0, 100% 100%, 0 100%);
}
.divi-hacks-image-shapes:not(.et-fb) .image-wide-top-trapezoid img {
  -webkit-clip-path: polygon(0% 0, 100% 0, 96% 100%, 4% 100%);
  clip-path: polygon(0% 0, 100% 0, 96% 100%, 4% 100%);
}
.divi-hacks-image-shapes:not(.et-fb) .image-wide-right-trapezoid img {
  -webkit-clip-path: polygon(0% 4%, 100% 0, 100% 100%, 0% 96%);
  clip-path: polygon(0% 6%, 100% 0, 100% 100%, 0% 94%);
}
.divi-hacks-image-shapes:not(.et-fb) .image-wide-left-trapezoid img {
  -webkit-clip-path: polygon(0% 0%, 100% 6%, 100% 94%, 0% 100%);
  clip-path: polygon(0% 0%, 100% 6%, 100% 94%, 0% 100%);
}
.divi-hacks-image-shapes:not(.et-fb) .image-vertical-hexagon img {
  -webkit-clip-path: polygon(50% 0%, 100% 8%, 100% 92%, 50% 100%, 0 92%, 0 8%);
  clip-path: polygon(50% 0%, 100% 8%, 100% 92%, 50% 100%, 0 92%, 0 8%);
}
.divi-hacks-image-shapes:not(.et-fb) .image-horizontal-hexagon img {
  -webkit-clip-path: polygon(92% 0, 100% 50%, 92% 100%, 8% 100%, 0 50%, 8% 0);
  clip-path: polygon(92% 0, 100% 50%, 92% 100%, 8% 100%, 0 50%, 8% 0);
}
.divi-hacks-image-shapes:not(.et-fb) .image-vertical-skew-right img {
  -webkit-clip-path: polygon(8% 0, 100% 0%, 92% 100%, 0% 100%);
  clip-path: polygon(8% 0, 100% 0%, 92% 100%, 0% 100%);
}
.divi-hacks-image-shapes:not(.et-fb) .image-vertical-skew-left img {
  -webkit-clip-path: polygon(0 0, 92% 0, 100% 100%, 8% 100%);
  clip-path: polygon(0 0, 92% 0, 100% 100%, 8% 100%);
}
.divi-hacks-image-shapes:not(.et-fb) .image-horizontal-skew-right img {
  -webkit-clip-path: polygon(0 0, 100% 8%, 100% 100%, 0 92%);
  clip-path: polygon(0 0, 100% 8%, 100% 100%, 0 92%);
}
.divi-hacks-image-shapes:not(.et-fb) .image-horizontal-skew-left img {
  -webkit-clip-path: polygon(0 8%, 100% 0, 100% 92%, 0 100%);
  clip-path: polygon(0 8%, 100% 0, 100% 92%, 0 100%);
}
.divi-hacks-image-shapes.et-fb .image-polygon-top-left:not(:hover) img {
    -webkit-clip-path: polygon(0 0, 100% 9%, 90% 90%, 10% 100%);
    clip-path: polygon(0 0, 100% 9%, 90% 90%, 10% 100%);
}
.divi-hacks-image-shapes.et-fb .image-polygon-bottom-left:not(:hover) img {
   -webkit-clip-path: polygon(10% 0, 89% 9%, 100% 90%, 0 100%);
  clip-path: polygon(10% 0, 89% 9%, 100% 90%, 0 100%);
}
.divi-hacks-image-shapes.et-fb .image-polygon-top-right:not(:hover) img {
  -webkit-clip-path: polygon(0 10%, 100% 0, 90% 100%, 10% 90%);
  clip-path: polygon(0 10%, 100% 0, 90% 100%, 10% 90%);
}
.divi-hacks-image-shapes.et-fb .image-polygon-bottom-right:not(:hover) img {
    -webkit-clip-path: polygon(10% 10%, 90% 0, 100% 100%, 0 90%);
  clip-path: polygon(10% 10%, 90% 0, 100% 100%, 0 90%);
}
.divi-hacks-image-shapes.et-fb .image-slant-right-top:not(:hover) img {
    -webkit-clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);
}
.divi-hacks-image-shapes.et-fb .image-slant-right-bottom:not(:hover) img {
    -webkit-clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%);
}
.divi-hacks-image-shapes.et-fb .image-slant-left-top:not(:hover) img {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%);
}
.divi-hacks-image-shapes.et-fb .image-slant-left-bottom:not(:hover) img {
    -webkit-clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
}
.divi-hacks-image-shapes.et-fb .image-slant-up-right:not(:hover) img {
    -webkit-clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 100%);
}
.divi-hacks-image-shapes.et-fb .image-slant-up-left:not(:hover) img {
    -webkit-clip-path: polygon(0 0, 100% 20%, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 20%, 100% 100%, 0 100%);
}
.divi-hacks-image-shapes.et-fb .image-slant-down-right:not(:hover) img {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);
}
.divi-hacks-image-shapes.et-fb .image-slant-down-left:not(:hover) img {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
}
.divi-hacks-image-shapes.et-fb .image-star:not(:hover) img {
  -webkit-clip-path: polygon(50% 0%, 66% 26%, 98% 35%, 78% 57%, 79% 91%, 50% 80%, 21% 91%, 22% 57%, 2% 35%, 34% 26%);
  clip-path: polygon(50% 0%, 66% 26%, 98% 35%, 78% 57%, 79% 91%, 50% 80%, 21% 91%, 22% 57%, 2% 35%, 34% 26%);
}
.divi-hacks-image-shapes.et-fb .image-diamond:not(:hover) img {
  -webkit-clip-path: polygon(50% 15%, 85% 50%, 50% 85%, 15% 50%);
  clip-path: polygon(50% 15%, 85% 50%, 50% 85%, 15% 50%);
}
.divi-hacks-image-shapes.et-fb .image-warp-square:not(:hover) img {
  -webkit-clip-path: polygon(0 0, 5% 50%, 0 100%, 50% 90%, 100% 100%, 95% 50%, 100% 0, 50% 10%);
  clip-path: polygon(0 0, 5% 50%, 0 100%, 50% 90%, 100% 100%, 95% 50%, 100% 0, 50% 10%);
}
.divi-hacks-image-shapes.et-fb .image-point-left:not(:hover) img {
  -webkit-clip-path: polygon(14% 0, 100% 1%, 100% 100%, 14% 100%, 0% 50%);
  clip-path: polygon(14% 0, 100% 1%, 100% 100%, 14% 100%, 0% 50%);
}
.divi-hacks-image-shapes.et-fb .image-point-right:not(:hover) img {
  -webkit-clip-path: polygon(0 0, 86% 0, 100% 50%, 86% 100%, 0 100%);
  clip-path: polygon(0 0, 86% 0, 100% 50%, 86% 100%, 0 100%);
}
.divi-hacks-image-shapes.et-fb .image-point-up:not(:hover) img {
  -webkit-clip-path: polygon(0 16%, 50% 0, 100% 16%, 100% 100%, 0 100%);
  clip-path: polygon(0 16%, 50% 0, 100% 16%, 100% 100%, 0 100%);
}
.divi-hacks-image-shapes.et-fb .image-point-down:not(:hover) img {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 84%, 50% 100%, 0 84%);
  clip-path: polygon(0 0, 100% 0, 100% 84%, 50% 100%, 0 84%);
}
.divi-hacks-image-shapes.et-fb .image-chevron-up:not(:hover) img {
  -webkit-clip-path: polygon(50% 0, 100% 14%, 100% 100%, 50% 86%, 0 100%, 0 14%);
  clip-path: polygon(50% 0, 100% 14%, 100% 100%, 50% 86%, 0 100%, 0 14%);
}
.divi-hacks-image-shapes.et-fb .image-chevron-down:not(:hover) img {
  -webkit-clip-path: polygon(50% 14%, 100% 0, 100% 86%, 50% 100%, 0 86%, 0 0);
  clip-path: polygon(50% 14%, 100% 0, 100% 86%, 50% 100%, 0 86%, 0 0);
}
.divi-hacks-image-shapes.et-fb .image-chevron-right:not(:hover) img {
    -webkit-clip-path: polygon(86% 0, 100% 50%, 86% 100%, 0% 100%, 14% 50%, 0% 0%);
    clip-path: polygon(86% 0, 100% 50%, 86% 100%, 0% 100%, 14% 50%, 0% 0%);
}
.divi-hacks-image-shapes.et-fb .image-chevron-left:not(:hover) img {
  -webkit-clip-path: polygon(100% 0, 86% 50%, 100% 100%, 14% 100%, 0 50%, 14% 0);
  clip-path: polygon(100% 0, 86% 50%, 100% 100%, 14% 100%, 0 50%, 14% 0);
}
.divi-hacks-image-shapes.et-fb .image-wide-bottom-trapezoid:not(:hover) img {
  -webkit-clip-path: polygon(4% 0, 96% 0, 100% 100%, 0 100%);
  clip-path: polygon(4% 0, 96% 0, 100% 100%, 0 100%);
}
.divi-hacks-image-shapes.et-fb .image-wide-top-trapezoid:not(:hover) img {
  -webkit-clip-path: polygon(0% 0, 100% 0, 96% 100%, 4% 100%);
  clip-path: polygon(0% 0, 100% 0, 96% 100%, 4% 100%);
}
.divi-hacks-image-shapes.et-fb .image-wide-right-trapezoid:not(:hover) img {
  -webkit-clip-path: polygon(0% 4%, 100% 0, 100% 100%, 0% 96%);
  clip-path: polygon(0% 6%, 100% 0, 100% 100%, 0% 94%);
}
.divi-hacks-image-shapes.et-fb .image-wide-left-trapezoid:not(:hover) img {
  -webkit-clip-path: polygon(0% 0%, 100% 6%, 100% 94%, 0% 100%);
  clip-path: polygon(0% 0%, 100% 6%, 100% 94%, 0% 100%);
}
.divi-hacks-image-shapes.et-fb .image-vertical-hexagon:not(:hover) img {
  -webkit-clip-path: polygon(50% 0%, 100% 8%, 100% 92%, 50% 100%, 0 92%, 0 8%);
  clip-path: polygon(50% 0%, 100% 8%, 100% 92%, 50% 100%, 0 92%, 0 8%);
}
.divi-hacks-image-shapes.et-fb .image-horizontal-hexagon:not(:hover) img {
  -webkit-clip-path: polygon(92% 0, 100% 50%, 92% 100%, 8% 100%, 0 50%, 8% 0);
  clip-path: polygon(92% 0, 100% 50%, 92% 100%, 8% 100%, 0 50%, 8% 0);
}
.divi-hacks-image-shapes.et-fb .image-vertical-skew-right:not(:hover) img {
  -webkit-clip-path: polygon(8% 0, 100% 0%, 92% 100%, 0% 100%);
  clip-path: polygon(8% 0, 100% 0%, 92% 100%, 0% 100%);
}
.divi-hacks-image-shapes.et-fb .image-vertical-skew-left:not(:hover) img {
  -webkit-clip-path: polygon(0 0, 92% 0, 100% 100%, 8% 100%);
  clip-path: polygon(0 0, 92% 0, 100% 100%, 8% 100%);
}
.divi-hacks-image-shapes.et-fb .image-horizontal-skew-right:not(:hover) img {
  -webkit-clip-path: polygon(0 0, 100% 8%, 100% 100%, 0 92%);
  clip-path: polygon(0 0, 100% 8%, 100% 100%, 0 92%);
}
.divi-hacks-image-shapes.et-fb .image-horizontal-skew-left:not(:hover) img {
  -webkit-clip-path: polygon(0 8%, 100% 0, 100% 92%, 0 100%);
  clip-path: polygon(0 8%, 100% 0, 100% 92%, 0 100%);
}