.sbf-brush-stroke-divider {
  display: flex;
  position: relative;
  width: 100%;
  line-height: 0;
  pointer-events: none;
  z-index: 1;
}

.sbf-brush-stroke-divider.sbf-position-top {
  margin-bottom: 0;
}

.sbf-brush-stroke-divider.sbf-position-bottom {
  margin-top: 0;
}

.sbf-brush-stroke-divider__shape {
  --sbf-brush-color-1: #39b8f2;
  --sbf-brush-color-2: #6c7edc;
  --sbf-brush-color-3: #8f46c7;
  --sbf-brush-angle: 90deg;

  display: block;
  width: 100%;
  height: 110px;
  background: linear-gradient(
    var(--sbf-brush-angle),
    var(--sbf-brush-color-1) 0%,
    var(--sbf-brush-color-2) 50%,
    var(--sbf-brush-color-3) 100%
  );
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transform-origin: center center;
  will-change: transform;
}

/* Style One */
.sbf-style_one .sbf-brush-stroke-divider__shape {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 180' preserveAspectRatio='none'><path fill='black' d='M0,25C50,10,95,26,146,30C213,36,277,25,338,23C403,21,467,28,533,33C613,39,687,37,764,34C844,31,918,28,996,29C1074,30,1155,36,1225,42C1298,48,1370,55,1440,68L1440,180L0,180Z'/><path fill='black' d='M0,0C55,7,106,18,159,19C220,20,274,7,333,6C396,5,454,12,516,15C589,18,656,15,726,12C797,9,864,6,936,8C1009,10,1078,19,1150,24C1222,29,1298,30,1370,29C1394,28,1417,28,1440,29L1440,85C1396,73,1352,65,1307,63C1235,60,1161,67,1088,73C1011,79,934,81,857,78C782,74,707,67,632,66C561,66,491,73,421,78C344,84,268,86,191,84C126,82,62,76,0,70Z'/></svg>");
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 180' preserveAspectRatio='none'><path fill='black' d='M0,25C50,10,95,26,146,30C213,36,277,25,338,23C403,21,467,28,533,33C613,39,687,37,764,34C844,31,918,28,996,29C1074,30,1155,36,1225,42C1298,48,1370,55,1440,68L1440,180L0,180Z'/><path fill='black' d='M0,0C55,7,106,18,159,19C220,20,274,7,333,6C396,5,454,12,516,15C589,18,656,15,726,12C797,9,864,6,936,8C1009,10,1078,19,1150,24C1222,29,1298,30,1370,29C1394,28,1417,28,1440,29L1440,85C1396,73,1352,65,1307,63C1235,60,1161,67,1088,73C1011,79,934,81,857,78C782,74,707,67,632,66C561,66,491,73,421,78C344,84,268,86,191,84C126,82,62,76,0,70Z'/></svg>");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

/* Style Two */
.sbf-style_two .sbf-brush-stroke-divider__shape {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 180' preserveAspectRatio='none'><path fill='black' d='M0,44C59,31,119,36,179,34C237,32,294,23,352,20C419,16,487,16,554,19C624,22,693,28,763,32C834,36,906,38,978,37C1050,35,1121,30,1192,31C1277,32,1358,47,1440,58L1440,180L0,180Z'/><path fill='black' d='M0,12C64,5,127,10,190,17C253,24,314,33,377,36C444,40,511,37,578,31C645,25,711,16,777,12C848,8,920,9,990,16C1062,24,1132,40,1204,47C1283,55,1362,54,1440,48L1440,90C1388,96,1336,101,1284,103C1213,107,1141,107,1070,104C1000,100,929,92,859,88C787,84,714,84,642,88C570,92,498,100,426,103C354,106,282,104,211,99C140,94,69,84,0,73Z'/></svg>");
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 180' preserveAspectRatio='none'><path fill='black' d='M0,44C59,31,119,36,179,34C237,32,294,23,352,20C419,16,487,16,554,19C624,22,693,28,763,32C834,36,906,38,978,37C1050,35,1121,30,1192,31C1277,32,1358,47,1440,58L1440,180L0,180Z'/><path fill='black' d='M0,12C64,5,127,10,190,17C253,24,314,33,377,36C444,40,511,37,578,31C645,25,711,16,777,12C848,8,920,9,990,16C1062,24,1132,40,1204,47C1283,55,1362,54,1440,48L1440,90C1388,96,1336,101,1284,103C1213,107,1141,107,1070,104C1000,100,929,92,859,88C787,84,714,84,642,88C570,92,498,100,426,103C354,106,282,104,211,99C140,94,69,84,0,73Z'/></svg>");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

/* Style Three */
.sbf-style_three .sbf-brush-stroke-divider__shape {
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 180' preserveAspectRatio='none'><path fill='black' d='M0,60C70,49,140,35,210,30C280,25,350,28,420,28C490,27,560,24,630,22C700,20,770,18,840,20C910,22,980,29,1050,35C1120,41,1190,46,1260,47C1320,48,1380,44,1440,37L1440,180L0,180Z'/><path fill='black' d='M0,15C72,11,144,8,216,6C288,4,360,2,432,4C504,6,576,12,648,17C720,22,792,27,864,28C936,29,1008,27,1080,24C1152,21,1224,16,1296,15C1344,14,1392,15,1440,18L1440,70C1374,77,1308,85,1242,89C1170,94,1098,95,1026,94C954,93,882,89,810,87C738,85,666,84,594,87C522,90,450,95,378,98C306,101,234,101,162,97C108,94,54,88,0,80Z'/></svg>");
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 180' preserveAspectRatio='none'><path fill='black' d='M0,60C70,49,140,35,210,30C280,25,350,28,420,28C490,27,560,24,630,22C700,20,770,18,840,20C910,22,980,29,1050,35C1120,41,1190,46,1260,47C1320,48,1380,44,1440,37L1440,180L0,180Z'/><path fill='black' d='M0,15C72,11,144,8,216,6C288,4,360,2,432,4C504,6,576,12,648,17C720,22,792,27,864,28C936,29,1008,27,1080,24C1152,21,1224,16,1296,15C1344,14,1392,15,1440,18L1440,70C1374,77,1308,85,1242,89C1170,94,1098,95,1026,94C954,93,882,89,810,87C738,85,666,84,594,87C522,90,450,95,378,98C306,101,234,101,162,97C108,94,54,88,0,80Z'/></svg>");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

@media (max-width: 767px) {
  .sbf-brush-stroke-divider__shape {
    height: 75px;
  }
}