/****************************************/
/****************************************/
/** Australian Association of Gerontology **/
/*
 * 
 *  Author: CAUSEIS PTY LTD 
 * 
 *  Version: 1 -   
 *
 * 
 *  Document contains changes to CTA
 *
 *
*/
/****************************************/
/****************************************/
/***** tile call-to-actions *****/
div[id*="tile"] > div:nth-child(1), div[id*="tile"] > a > div:nth-child(1) {
    /* padding: 3rem 3rem; */
    margin: 0;
    margin-bottom: 1rem;
    background: linear-gradient(to right, rgba(239,65,54,1), rgba(155,28,30,1));
    border-radius: .7rem;
    position: relative;
    overflow: hidden;
}

div[id*="tile"] > div:nth-child(1) ol, div[id*="tile"] > div:nth-child(1) ul {
    margin-bottom: 1rem;
}

div[id*="tile"] h4 {
    font-weight: 600;
}

div[id*="tile"]:not([id*="greytile"]) h4 {
    margin-top: 0;
    margin-bottom: 1rem !important;
    color: #fff !important;
}

div[id*="tile"]:not([id*="greytile"]) p {
    text-shadow: none;
    margin-bottom: 1rem !important;
    color: #fff;
}

div[id*="tile"]:not([id*="greytile"]) > div:nth-child(1) ol li, div[id*="tile"]:not([id*="greytile"]) > div:nth-child(1) ul li {
    color: white;
}

div[id*="tile"]:not([id*="greytile"]) a[class*="utton"] {
    background: #fff;
    color: #EF4136;
    z-index: 99;
    ; position: relative;
}

div[id*="tile"]:not([id*="greytile"]) a[class*="utton"]:hover {
    background: #EF4136;
    color: #fff;
}

.WebPartZone > div#ste_container_tile a:not([class*="utton"]) {
    color: white;
}

div[id*="tile"] > div:nth-child(1) > div:not(.wave) {
    padding: 3rem;
}

div[id*="_Panel_greytile"]> div:not(.wave) > div {
    padding: 0 !important;
}

div[id*="tile"] > div:nth-child(1) .wave {
    position: absolute;
    width: 100%;
    bottom: -93%;
    background: #fff;
    height: 100%;
    transition: .8s ease-in-out bottom;
    opacity: .1;
}

div[id*="tile"] > div:nth-child(1) .wave:before {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    top: -4.9rem;
    height: 5rem;
    background-color: #fff;
    transform: rotatex(180deg);
    clip-path: polygon(100% 0%, 0% 0%, 0% 73.50%, 1% 73.44%, 2% 73.26%, 3% 72.95%, 4% 72.53%, 5% 71.99%, 6% 71.33%, 7% 70.56%, 8% 69.69%, 9% 68.71%, 10% 67.63%, 11% 66.47%, 12% 65.21%, 13% 63.88%, 14% 62.47%, 15% 60.99%, 16% 59.46%, 17% 57.88%, 18% 56.25%, 19% 54.59%, 20% 52.90%, 21% 51.20%, 22% 49.48%, 23% 47.77%, 24% 46.07%, 25% 44.38%, 26% 42.72%, 27% 41.10%, 28% 39.51%, 29% 37.98%, 30% 36.51%, 31% 35.10%, 32% 33.77%, 33% 32.51%, 34% 31.35%, 35% 30.27%, 36% 29.30%, 37% 28.42%, 38% 27.66%, 39% 27.00%, 40% 26.46%, 41% 26.04%, 42% 25.74%, 43% 25.56%, 44% 25.50%, 45% 25.56%, 46% 25.75%, 47% 26.06%, 48% 26.48%, 49% 27.03%, 50% 27.68%, 51% 28.45%, 52% 29.33%, 53% 30.31%, 54% 31.39%, 55% 32.56%, 56% 33.81%, 57% 35.15%, 58% 36.56%, 59% 38.03%, 60% 39.57%, 61% 41.15%, 62% 42.78%, 63% 44.44%, 64% 46.13%, 65% 47.83%, 66% 49.55%, 67% 51.26%, 68% 52.96%, 69% 54.65%, 70% 56.31%, 71% 57.93%, 72% 59.52%, 73% 61.05%, 74% 62.52%, 75% 63.92%, 76% 65.26%, 77% 66.51%, 78% 67.67%, 79% 68.75%, 80% 69.72%, 81% 70.59%, 82% 71.35%, 83% 72.01%, 84% 72.54%, 85% 72.96%, 86% 73.26%, 87% 73.44%, 88% 73.50%, 89% 73.43%, 90% 73.25%, 91% 72.94%, 92% 72.51%, 93% 71.96%, 94% 71.30%, 95% 70.53%, 96% 69.65%, 97% 68.67%, 98% 67.59%, 99% 66.42%, 100% 65.16%);
}

div#masterContentArea .col-primary>div>div>div>div.row.call-to-action>div.col-sm-4 {
    width: 33.33333%;
}

div#masterContentArea .col-primary>div>div>div>div.row.call-to-action>div.col-sm-3 {
    width: 25%;
}

.WebPartZone > div#ste_container_tile > div {
    padding: 3rem;
}

body.number-1 div[id*="tile"] > div:nth-child(1) .wave:before {
    clip-path: polygon(100% 0%, 0% 0%, 0% 73.50%, 1% 73.44%, 2% 73.26%, 3% 72.95%, 4% 72.53%, 5% 71.99%, 6% 71.33%, 7% 70.56%, 8% 69.69%, 9% 68.71%, 10% 67.63%, 11% 66.47%, 12% 65.21%, 13% 63.88%, 14% 62.47%, 15% 60.99%, 16% 59.46%, 17% 57.88%, 18% 56.25%, 19% 54.59%, 20% 52.90%, 21% 51.20%, 22% 49.48%, 23% 47.77%, 24% 46.07%, 25% 44.38%, 26% 42.72%, 27% 41.10%, 28% 39.51%, 29% 37.98%, 30% 36.51%, 31% 35.10%, 32% 33.77%, 33% 32.51%, 34% 31.35%, 35% 30.27%, 36% 29.30%, 37% 28.42%, 38% 27.66%, 39% 27.00%, 40% 26.46%, 41% 26.04%, 42% 25.74%, 43% 25.56%, 44% 25.50%, 45% 25.56%, 46% 25.75%, 47% 26.06%, 48% 26.48%, 49% 27.03%, 50% 27.68%, 51% 28.45%, 52% 29.33%, 53% 30.31%, 54% 31.39%, 55% 32.56%, 56% 33.81%, 57% 35.15%, 58% 36.56%, 59% 38.03%, 60% 39.57%, 61% 41.15%, 62% 42.78%, 63% 44.44%, 64% 46.13%, 65% 47.83%, 66% 49.55%, 67% 51.26%, 68% 52.96%, 69% 54.65%, 70% 56.31%, 71% 57.93%, 72% 59.52%, 73% 61.05%, 74% 62.52%, 75% 63.92%, 76% 65.26%, 77% 66.51%, 78% 67.67%, 79% 68.75%, 80% 69.72%, 81% 70.59%, 82% 71.35%, 83% 72.01%, 84% 72.54%, 85% 72.96%, 86% 73.26%, 87% 73.44%, 88% 73.50%, 89% 73.43%, 90% 73.25%, 91% 72.94%, 92% 72.51%, 93% 71.96%, 94% 71.30%, 95% 70.53%, 96% 69.65%, 97% 68.67%, 98% 67.59%, 99% 66.42%, 100% 65.16%);
}

body.number-2 div[id*="tile"] > div:nth-child(1) .wave:before {
    clip-path: polygon(100% 0%, 0% 0% , 0% 35.50%, 1% 35.54%, 2% 35.65%, 3% 35.83%, 4% 36.09%, 5% 36.41%, 6% 36.81%, 7% 37.28%, 8% 37.80%, 9% 38.39%, 10% 39.04%, 11% 39.75%, 12% 40.51%, 13% 41.31%, 14% 42.17%, 15% 43.06%, 16% 43.98%, 17% 44.94%, 18% 45.92%, 19% 46.93%, 20% 47.94%, 21% 48.97%, 22% 50.01%, 23% 51.04%, 24% 52.07%, 25% 53.09%, 26% 54.10%, 27% 55.08%, 28% 56.03%, 29% 56.96%, 30% 57.85%, 31% 58.70%, 32% 59.51%, 33% 60.26%, 34% 60.97%, 35% 61.62%, 36% 62.21%, 37% 62.73%, 38% 63.20%, 39% 63.59%, 40% 63.92%, 41% 64.17%, 42% 64.35%, 43% 64.46%, 44% 64.50%, 45% 64.46%, 46% 64.35%, 47% 64.16%, 48% 63.91%, 49% 63.58%, 50% 63.18%, 51% 62.72%, 52% 62.19%, 53% 61.59%, 54% 60.94%, 55% 60.24%, 56% 59.48%, 57% 58.67%, 58% 57.82%, 59% 56.93%, 60% 56.00%, 61% 55.04%, 62% 54.06%, 63% 53.06%, 64% 52.04%, 65% 51.01%, 66% 49.97%, 67% 48.94%, 68% 47.91%, 69% 46.89%, 70% 45.89%, 71% 44.91%, 72% 43.95%, 73% 43.02%, 74% 42.13%, 75% 41.29%, 76% 40.48%, 77% 39.72%, 78% 39.02%, 79% 38.37%, 80% 37.78%, 81% 37.26%, 82% 36.80%, 83% 36.40%, 84% 36.08%, 85% 35.82%, 86% 35.64%, 87% 35.53%, 88% 35.50%, 89% 35.54%, 90% 35.65%, 91% 35.84%, 92% 36.10%, 93% 36.43%, 94% 36.83%, 95% 37.29%, 96% 37.82%, 97% 38.42%, 98% 39.07%, 99% 39.78%, 100% 40.54%);
}

body.number-3 div[id*="tile"] > div:nth-child(1) .wave:before {
    clip-path: polygon(100% 0%, 0% 0% , 0% 24.00%, 1% 24.03%, 2% 24.12%, 3% 24.26%, 4% 24.47%, 5% 24.73%, 6% 25.05%, 7% 25.43%, 8% 25.86%, 9% 26.35%, 10% 26.89%, 11% 27.49%, 12% 28.13%, 13% 28.82%, 14% 29.57%, 15% 30.36%, 16% 31.19%, 17% 32.06%, 18% 32.98%, 19% 33.94%, 20% 34.93%, 21% 35.95%, 22% 37.01%, 23% 38.10%, 24% 39.21%, 25% 40.35%, 26% 41.51%, 27% 42.69%, 28% 43.88%, 29% 45.09%, 30% 46.31%, 31% 47.54%, 32% 48.78%, 33% 50.02%, 34% 51.25%, 35% 52.49%, 36% 53.72%, 37% 54.94%, 38% 56.15%, 39% 57.34%, 40% 58.52%, 41% 59.68%, 42% 60.82%, 43% 61.93%, 44% 63.02%, 45% 64.08%, 46% 65.10%, 47% 66.09%, 48% 67.04%, 49% 67.96%, 50% 68.83%, 51% 69.67%, 52% 70.45%, 53% 71.19%, 54% 71.89%, 55% 72.53%, 56% 73.12%, 57% 73.66%, 58% 74.15%, 59% 74.58%, 60% 74.96%, 61% 75.27%, 62% 75.54%, 63% 75.74%, 64% 75.89%, 65% 75.97%, 66% 76.00%, 67% 75.97%, 68% 75.88%, 69% 75.73%, 70% 75.52%, 71% 75.26%, 72% 74.94%, 73% 74.56%, 74% 74.12%, 75% 73.63%, 76% 73.09%, 77% 72.50%, 78% 71.85%, 79% 71.16%, 80% 70.41%, 81% 69.62%, 82% 68.79%, 83% 67.91%, 84% 66.99%, 85% 66.04%, 86% 65.05%, 87% 64.02%, 88% 62.96%, 89% 61.87%, 90% 60.76%, 91% 59.62%, 92% 58.46%, 93% 57.28%, 94% 56.08%, 95% 54.87%, 96% 53.65%, 97% 52.42%, 98% 51.19%, 99% 49.95%, 100% 48.71%);
}

body.number-4 div[id*="tile"] > div:nth-child(1) .wave:before {
    clip-path: polygon(100% 0%, 0% 0% , 0% 90.50%, 1% 90.45%, 2% 90.32%, 3% 90.09%, 4% 89.77%, 5% 89.36%, 6% 88.86%, 7% 88.27%, 8% 87.60%, 9% 86.84%, 10% 85.99%, 11% 85.07%, 12% 84.07%, 13% 82.98%, 14% 81.83%, 15% 80.60%, 16% 79.30%, 17% 77.94%, 18% 76.51%, 19% 75.02%, 20% 73.48%, 21% 71.88%, 22% 70.24%, 23% 68.54%, 24% 66.81%, 25% 65.03%, 26% 63.23%, 27% 61.39%, 28% 59.53%, 29% 57.64%, 30% 55.74%, 31% 53.83%, 32% 51.90%, 33% 49.97%, 34% 48.05%, 35% 46.12%, 36% 44.21%, 37% 42.31%, 38% 40.42%, 39% 38.56%, 40% 36.72%, 41% 34.92%, 42% 33.15%, 43% 31.41%, 44% 29.72%, 45% 28.07%, 46% 26.48%, 47% 24.94%, 48% 23.45%, 49% 22.02%, 50% 20.66%, 51% 19.37%, 52% 18.14%, 53% 16.99%, 54% 15.91%, 55% 14.90%, 56% 13.98%, 57% 13.14%, 58% 12.38%, 59% 11.71%, 60% 11.13%, 61% 10.63%, 62% 10.22%, 63% 9.91%, 64% 9.68%, 65% 9.54%, 66% 9.50%, 67% 9.55%, 68% 9.69%, 69% 9.92%, 70% 10.24%, 71% 10.65%, 72% 11.16%, 73% 11.75%, 74% 12.42%, 75% 13.18%, 76% 14.03%, 77% 14.96%, 78% 15.96%, 79% 17.05%, 80% 18.20%, 81% 19.43%, 82% 20.73%, 83% 22.10%, 84% 23.53%, 85% 25.02%, 86% 26.56%, 87% 28.16%, 88% 29.81%, 89% 31.50%, 90% 33.24%, 91% 35.01%, 92% 36.82%, 93% 38.66%, 94% 40.52%, 95% 42.41%, 96% 44.31%, 97% 46.23%, 98% 48.15%, 99% 50.08%, 100% 52.00%);
}

body.number-5 div[id*="tile"] > div:nth-child(1) .wave:before {
    clip-path: polygon(100% 0%, 0% 0% , 0% 71.50%, 1% 71.48%, 2% 71.40%, 3% 71.28%, 4% 71.11%, 5% 70.89%, 6% 70.63%, 7% 70.32%, 8% 69.96%, 9% 69.56%, 10% 69.11%, 11% 68.62%, 12% 68.08%, 13% 67.51%, 14% 66.90%, 15% 66.24%, 16% 65.56%, 17% 64.83%, 18% 64.07%, 19% 63.28%, 20% 62.46%, 21% 61.62%, 22% 60.74%, 23% 59.84%, 24% 58.92%, 25% 57.98%, 26% 57.02%, 27% 56.05%, 28% 55.06%, 29% 54.06%, 30% 53.05%, 31% 52.03%, 32% 51.01%, 33% 49.99%, 34% 48.96%, 35% 47.94%, 36% 46.93%, 37% 45.92%, 38% 44.92%, 39% 43.93%, 40% 42.95%, 41% 41.99%, 42% 41.05%, 43% 40.13%, 44% 39.23%, 45% 38.36%, 46% 37.51%, 47% 36.69%, 48% 35.91%, 49% 35.15%, 50% 34.43%, 51% 33.74%, 52% 33.09%, 53% 32.47%, 54% 31.90%, 55% 31.37%, 56% 30.88%, 57% 30.43%, 58% 30.03%, 59% 29.67%, 60% 29.36%, 61% 29.10%, 62% 28.88%, 63% 28.72%, 64% 28.59%, 65% 28.52%, 66% 28.50%, 67% 28.53%, 68% 28.60%, 69% 28.72%, 70% 28.89%, 71% 29.11%, 72% 29.38%, 73% 29.69%, 74% 30.05%, 75% 30.46%, 76% 30.90%, 77% 31.40%, 78% 31.93%, 79% 32.51%, 80% 33.12%, 81% 33.77%, 82% 34.46%, 83% 35.19%, 84% 35.95%, 85% 36.74%, 86% 37.56%, 87% 38.41%, 88% 39.28%, 89% 40.18%, 90% 41.10%, 91% 42.04%, 92% 43.00%, 93% 43.98%, 94% 44.97%, 95% 45.97%, 96% 46.98%, 97% 48.00%, 98% 49.02%, 99% 50.04%, 100% 51.06%);
}

body.number-6 div[id*="tile"] > div:nth-child(1) .wave:before {
    clip-path: polygon(100% 0%, 0% 0% , 0% 84.50%, 1% 84.41%, 2% 84.15%, 3% 83.71%, 4% 83.10%, 5% 82.32%, 6% 81.38%, 7% 80.28%, 8% 79.02%, 9% 77.61%, 10% 76.07%, 11% 74.39%, 12% 72.58%, 13% 70.66%, 14% 68.64%, 15% 66.52%, 16% 64.32%, 17% 62.04%, 18% 59.70%, 19% 57.32%, 20% 54.89%, 21% 52.44%, 22% 49.98%, 23% 47.52%, 24% 45.07%, 25% 42.64%, 26% 40.26%, 27% 37.92%, 28% 35.64%, 29% 33.44%, 30% 31.32%, 31% 29.30%, 32% 27.38%, 33% 25.58%, 34% 23.90%, 35% 22.36%, 36% 20.96%, 37% 19.70%, 38% 18.60%, 39% 17.66%, 40% 16.89%, 41% 16.28%, 42% 15.85%, 43% 15.58%, 44% 15.50%, 45% 15.59%, 46% 15.86%, 47% 16.30%, 48% 16.91%, 49% 17.69%, 50% 18.64%, 51% 19.74%, 52% 21.00%, 53% 22.41%, 54% 23.96%, 55% 25.64%, 56% 27.45%, 57% 29.37%, 58% 31.40%, 59% 33.52%, 60% 35.72%, 61% 38.00%, 62% 40.34%, 63% 42.73%, 64% 45.15%, 65% 47.60%, 66% 50.07%, 67% 52.53%, 68% 54.98%, 69% 57.40%, 70% 59.79%, 71% 62.12%, 72% 64.40%, 73% 66.60%, 74% 68.71%, 75% 70.73%, 76% 72.65%, 77% 74.45%, 78% 76.12%, 79% 77.67%, 80% 79.07%, 81% 80.32%, 82% 81.42%, 83% 82.35%, 84% 83.13%, 85% 83.73%, 86% 84.16%, 87% 84.42%, 88% 84.50%, 89% 84.41%, 90% 84.14%, 91% 83.69%, 92% 83.08%, 93% 82.29%, 94% 81.34%, 95% 80.23%, 96% 78.97%, 97% 77.56%, 98% 76.01%, 99% 74.33%, 100% 72.52%);
}

body.number-7 div[id*="tile"] > div:nth-child(1) .wave:before {
    clip-path: polygon(100% 0%, 0% 0% , 0% 19.50%, 1% 19.53%, 2% 19.64%, 3% 19.81%, 4% 20.05%, 5% 20.36%, 6% 20.74%, 7% 21.18%, 8% 21.69%, 9% 22.26%, 10% 22.89%, 11% 23.59%, 12% 24.35%, 13% 25.16%, 14% 26.03%, 15% 26.96%, 16% 27.93%, 17% 28.96%, 18% 30.03%, 19% 31.15%, 20% 32.32%, 21% 33.52%, 22% 34.76%, 23% 36.04%, 24% 37.34%, 25% 38.68%, 26% 40.04%, 27% 41.42%, 28% 42.83%, 29% 44.24%, 30% 45.68%, 31% 47.12%, 32% 48.57%, 33% 50.02%, 34% 51.47%, 35% 52.92%, 36% 54.36%, 37% 55.79%, 38% 57.21%, 39% 58.61%, 40% 60.00%, 41% 61.36%, 42% 62.69%, 43% 64.00%, 44% 65.27%, 45% 66.51%, 46% 67.71%, 47% 68.88%, 48% 69.99%, 49% 71.07%, 50% 72.09%, 51% 73.07%, 52% 73.99%, 53% 74.86%, 54% 75.68%, 55% 76.43%, 56% 77.12%, 57% 77.76%, 58% 78.33%, 59% 78.83%, 60% 79.27%, 61% 79.65%, 62% 79.96%, 63% 80.19%, 64% 80.37%, 65% 80.47%, 66% 80.50%, 67% 80.46%, 68% 80.36%, 69% 80.18%, 70% 79.94%, 71% 79.63%, 72% 79.25%, 73% 78.81%, 74% 78.30%, 75% 77.73%, 76% 77.09%, 77% 76.39%, 78% 75.63%, 79% 74.82%, 80% 73.95%, 81% 73.02%, 82% 72.04%, 83% 71.01%, 84% 69.94%, 85% 68.81%, 86% 67.65%, 87% 66.45%, 88% 65.21%, 89% 63.93%, 90% 62.62%, 91% 61.29%, 92% 59.92%, 93% 58.54%, 94% 57.14%, 95% 55.72%, 96% 54.29%, 97% 52.84%, 98% 51.39%, 99% 49.94%, 100% 48.49%);
}

body.number-8 div[id*="tile"] > div:nth-child(1) .wave:before {
    clip-path: polygon(100% 0%, 0% 0% , 0% 59.50%, 1% 59.49%, 2% 59.47%, 3% 59.43%, 4% 59.37%, 5% 59.29%, 6% 59.20%, 7% 59.10%, 8% 58.97%, 9% 58.84%, 10% 58.68%, 11% 58.51%, 12% 58.33%, 13% 58.13%, 14% 57.92%, 15% 57.70%, 16% 57.46%, 17% 57.20%, 18% 56.94%, 19% 56.66%, 20% 56.37%, 21% 56.07%, 22% 55.76%, 23% 55.44%, 24% 55.11%, 25% 54.77%, 26% 54.43%, 27% 54.07%, 28% 53.71%, 29% 53.34%, 30% 52.97%, 31% 52.59%, 32% 52.20%, 33% 51.82%, 34% 51.43%, 35% 51.03%, 36% 50.64%, 37% 50.24%, 38% 49.84%, 39% 49.45%, 40% 49.05%, 41% 48.66%, 42% 48.27%, 43% 47.88%, 44% 47.49%, 45% 47.11%, 46% 46.74%, 47% 46.37%, 48% 46.00%, 49% 45.65%, 50% 45.30%, 51% 44.96%, 52% 44.63%, 53% 44.30%, 54% 43.99%, 55% 43.69%, 56% 43.40%, 57% 43.12%, 58% 42.85%, 59% 42.60%, 60% 42.35%, 61% 42.12%, 62% 41.91%, 63% 41.71%, 64% 41.52%, 65% 41.35%, 66% 41.19%, 67% 41.05%, 68% 40.93%, 69% 40.82%, 70% 40.72%, 71% 40.65%, 72% 40.59%, 73% 40.54%, 74% 40.51%, 75% 40.50%, 76% 40.51%, 77% 40.53%, 78% 40.56%, 79% 40.62%, 80% 40.69%, 81% 40.78%, 82% 40.88%, 83% 41.00%, 84% 41.13%, 85% 41.28%, 86% 41.45%, 87% 41.63%, 88% 41.82%, 89% 42.03%, 90% 42.26%, 91% 42.49%, 92% 42.74%, 93% 43.00%, 94% 43.28%, 95% 43.57%, 96% 43.86%, 97% 44.17%, 98% 44.49%, 99% 44.82%, 100% 45.15%);
}

body.number-9 div[id*="tile"] > div:nth-child(1) .wave:before {
    clip-path: polygon(100% 0%, 0% 0% , 0% 40.00%, 1% 40.08%, 2% 40.31%, 3% 40.70%, 4% 41.23%, 5% 41.90%, 6% 42.70%, 7% 43.61%, 8% 44.62%, 9% 45.71%, 10% 46.88%, 11% 48.09%, 12% 49.33%, 13% 50.58%, 14% 51.83%, 15% 53.04%, 16% 54.21%, 17% 55.31%, 18% 56.33%, 19% 57.24%, 20% 58.05%, 21% 58.73%, 22% 59.27%, 23% 59.67%, 24% 59.91%, 25% 60.00%, 26% 59.93%, 27% 59.71%, 28% 59.33%, 29% 58.81%, 30% 58.15%, 31% 57.36%, 32% 56.46%, 33% 55.46%, 34% 54.37%, 35% 53.21%, 36% 52.00%, 37% 50.76%, 38% 49.51%, 39% 48.26%, 40% 47.04%, 41% 45.87%, 42% 44.77%, 43% 43.74%, 44% 42.82%, 45% 42.00%, 46% 41.32%, 47% 40.76%, 48% 40.36%, 49% 40.10%, 50% 40.00%, 51% 40.06%, 52% 40.27%, 53% 40.64%, 54% 41.15%, 55% 41.80%, 56% 42.58%, 57% 43.47%, 58% 44.47%, 59% 45.56%, 60% 46.71%, 61% 47.92%, 62% 49.16%, 63% 50.41%, 64% 51.65%, 65% 52.87%, 66% 54.05%, 67% 55.16%, 68% 56.19%, 69% 57.12%, 70% 57.94%, 71% 58.64%, 72% 59.20%, 73% 59.62%, 74% 59.89%, 75% 60.00%, 76% 59.95%, 77% 59.75%, 78% 59.39%, 79% 58.89%, 80% 58.25%, 81% 57.48%, 82% 56.59%, 83% 55.60%, 84% 54.52%, 85% 53.37%, 86% 52.17%, 87% 50.93%, 88% 49.68%, 89% 48.43%, 90% 47.21%, 91% 46.03%, 92% 44.92%, 93% 43.88%, 94% 42.94%, 95% 42.11%, 96% 41.40%, 97% 40.83%, 98% 40.41%, 99% 40.13%, 100% 40.01%);
}

body.number-10 div[id*="tile"] > div:nth-child(1) .wave:before {
    clip-path: polygon(100% 0%, 0% 0% , 0% 35.50%, 1% 35.52%, 2% 35.57%, 3% 35.65%, 4% 35.76%, 5% 35.91%, 6% 36.09%, 7% 36.30%, 8% 36.54%, 9% 36.81%, 10% 37.11%, 11% 37.44%, 12% 37.80%, 13% 38.19%, 14% 38.60%, 15% 39.04%, 16% 39.51%, 17% 40.00%, 18% 40.51%, 19% 41.04%, 20% 41.59%, 21% 42.17%, 22% 42.76%, 23% 43.36%, 24% 43.98%, 25% 44.62%, 26% 45.26%, 27% 45.92%, 28% 46.59%, 29% 47.26%, 30% 47.94%, 31% 48.63%, 32% 49.32%, 33% 50.01%, 34% 50.70%, 35% 51.39%, 36% 52.07%, 37% 52.75%, 38% 53.43%, 39% 54.10%, 40% 54.75%, 41% 55.40%, 42% 56.03%, 43% 56.65%, 44% 57.26%, 45% 57.85%, 46% 58.42%, 47% 58.97%, 48% 59.51%, 49% 60.02%, 50% 60.50%, 51% 60.97%, 52% 61.41%, 53% 61.82%, 54% 62.21%, 55% 62.57%, 56% 62.90%, 57% 63.20%, 58% 63.47%, 59% 63.71%, 60% 63.92%, 61% 64.10%, 62% 64.24%, 63% 64.35%, 64% 64.44%, 65% 64.48%, 66% 64.50%, 67% 64.48%, 68% 64.43%, 69% 64.35%, 70% 64.23%, 71% 64.09%, 72% 63.91%, 73% 63.70%, 74% 63.45%, 75% 63.18%, 76% 62.88%, 77% 62.55%, 78% 62.19%, 79% 61.80%, 80% 61.38%, 81% 60.94%, 82% 60.48%, 83% 59.99%, 84% 59.48%, 85% 58.94%, 86% 58.39%, 87% 57.82%, 88% 57.23%, 89% 56.62%, 90% 56.00%, 91% 55.37%, 92% 54.72%, 93% 54.06%, 94% 53.39%, 95% 52.72%, 96% 52.04%, 97% 51.35%, 98% 50.66%, 99% 49.97%, 100% 49.28%);
}

div[id*="tile"] > div:nth-child(1):hover .wave {
    bottom: -37.5%;
}

/****** coloured tiles START ******/
body[class*="ed"] div[id*="tile"] > div:nth-child(1) {
    background: linear-gradient(to right, rgba(239,65,54,1), rgba(155,28,30,1));
}

body[class*="ed"] div[id*="tile"]:not([id*="greytile"]) a[class*="utton"] {
    color: #EF4136;
    background: #fff;
}

body[class*="ed"] div[id*="tile"]:not([id*="greytile"]) a[class*="utton"]:hover {
    color: #fff;
    background: #EF4136;
}

body[class*="lue"] div[id*="tile"] > div:nth-child(1) {
    background: linear-gradient(to right, rgba(42,58,118,1), rgba(184,229,249,1));
}

body[class*="lue"] div[id*="tile"]:not([id*="greytile"]) a[class*="utton"] {
    color: #2A3A76;
    background: #fff;
}

body[class*="lue"] div[id*="tile"]:not([id*="greytile"]) a[class*="utton"]:hover {
    color: #fff;
    background: #2A3A76;
}

body[class*="reen"] div[id*="tile"] > div:nth-child(1) {
    background: linear-gradient(to right, rgba(42,58,118,1), rgba(184,229,249,1));
}

body[class*="reen"] div[id*="tile"]:not([id*="greytile"]) a[class*="utton"] {
    color: #00A84B;
    background: #fff;
}

body[class*="reen"] div[id*="tile"]:not([id*="greytile"]) a[class*="utton"]:hover {
    color: #fff;
    background: #00A84B;
}

div[id*="redtile"] > div:nth-child(1), div[id*="redtile"] > a > div:nth-child(1) {
    background: linear-gradient(to right, rgba(239,65,54,1), rgba(155,28,30,1)) !important;
}

div[id*="redtile"]:not([id*="greytile"]) a[class*="utton"] {
    color: #EF4136 !important;
}

div[id*="redtile"]:not([id*="greytile"]) a[class*="utton"]:hover {
    background: #2A3A76 !important;
    color: #fff !important;
}

div[id*="bluetile"] > div:nth-child(1), div[id*="bluetile"] > a > div:nth-child(1) {
    background: linear-gradient(to right, rgba(42,58,118,1), rgba(184,229,249,1)) !important;
}

div[id*="bluetile"]:not([id*="greytile"]) a[class*="utton"] {
    color: #2A3A76 !important;
}

div[id*="bluetile"]:not([id*="greytile"]) a[class*="utton"]:hover {
    background: #2A3A76 !important;
    color: #fff !important;
}

div[id*="greentile"] > div:nth-child(1), div[id*="greentile"] > a > div:nth-child(1) {
    background: linear-gradient(to right, rgba(0,168,75,1), rgba(206,217,81,1)) !important;
}

div[id*="greentile"]:not([id*="greytile"]) a[class*="utton"] {
    color: #00A84B !important;
}

div[id*="greentile"]:not([id*="greytile"]) a[class*="utton"]:hover {
    background: #00A84B !important;
    color: #fff !important;
}

/* grey tile */
div[id*="greytile"] > div:nth-child(1), div[id*="greytile"] > a > div:nth-child(1) {
    background: #F2F2EC !important;
    padding: 3rem;
}

div[id*="greytile"] h4 {
    color: #EF4136;
}

body[class*="ed"] div[id*="greytile"] h4 {
    color: #EF4136;
}

body[class*="ed"] div[id*="greytile"] a[class*="utton"] {
    background: linear-gradient(to right, rgba(239,65,54,1), rgba(239,65,54,1), rgba(239,65,54,1), rgba(155,28,30,1));
    background-position: 1% 50%;
    background-size: 300% 300%;
}

body[class*="ed"] div[id*="greytile"] a[class*="utton"]:hover {
    background-position: 99% 50%;
}

body[class*="lue"] div[id*="greytile"] h4 {
    color: #2A3A76;
}

body[class*="lue"] div[id*="greytile"] a[class*="utton"] {
    background: linear-gradient(to right, rgba(42,58,118,1), rgba(42,58,118,1), rgba(184,229,249,1), rgba(42,58,118,1));
    background-position: 1% 50%;
    background-size: 300% 300%;
}

body[class*="lue"] div[id*="greytile"] a[class*="utton"]:hover {
    background-position: 99% 50%;
}

body[class*="reen"] div[id*="greytile"] h4 {
    color: #00A84B;
}

body[class*="reen"] div[id*="greytile"] a[class*="utton"] {
    background: linear-gradient(to right, rgba(0,168,75,1), rgba(0,168,75,1), rgba(206,217,81,1), rgba(0,168,75,1));
    background-position: 1% 50%;
    background-size: 300% 300%;
}

body[class*="reen"] div[id*="greytile"] a[class*="utton"]:hover {
    background-position: 99% 50%;
}

/**************** Standard call-to-action ****************/
.row.call-to-action {
    display: flex;
    flex-direction: row;
}

@media (max-width: 767px) {
    .row.call-to-action {
        flex-direction: column;
    }

    .row.call-to-action > div[class*="col"] {
        width: 100% !important;
    }
}

.row.call-to-action div:not([class*="col"]) {
    display: flex;
    width: 100%;
    /* padding-top: 0 !important; */
    /* margin-bottom: 1rem; */
    flex-flow: column;
    height: 100%;
}

.col-primary>div>div>div>div.row.call-to-action .ContentItemContainer {
    padding-bottom: 2rem;
}

.row.call-to-action > div > div {
    height: 100%;
}

.iMIS-WebPart > div[id*="calltoaction"] > a {
    display: flex;
    width: 100%;
    height: 100%;
}

div[id*="calltoaction"] div[id*="Panel"] {
    flex-direction: column;
    border-radius: .7rem;
    overflow: hidden;
    position: relative;
    min-height: 25rem;
}

div[id*="calltoaction"] div[id*="Panel"] a.call-to-action-link {
    display: none;
}

div[id*="calltoaction"] div[id*="Panel"] > .image-container {
    position: absolute;
    z-index: -1;
    height: 100%;
}

div[id*="calltoaction"] div[id*="Panel"] > .image-container img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}

div[id*="calltoaction"] div[id*="Panel"] > .image-container + div {
    padding: 3rem;
    flex-direction: column;
    background: linear-gradient(to bottom, rgb(21 21 21 / 47%), rgb(21 21 21 / 19%), rgb(21 21 21 / 67%), rgba(239,65,54,1), rgba(155,28,30,1));
    background-size: 300% 300%;
    transition: .3s ease-in-out all;
    height: 100%;
    position: relative;
    flex-grow: 1;
}

div[id*="calltoaction"] > a:hover div[id*="Panel"] > .image-container + div {
    background-position: 99% 80%;
}

div[id*="calltoaction"] div[id*="Panel"] > .image-container + div * {
    color: #fff;
    text-shadow: 0px 0px 16px #00000066;
}

div[id*="calltoaction"] div[id*="Panel"]:before {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0rem;
    ; height: 10rem;
    ; background-color: #fff;
    transform: rotatex(180deg);
    clip-path: polygon(100% 0%, 0% 0%, 0% 73.50%, 1% 73.44%, 2% 73.26%, 3% 72.95%, 4% 72.53%, 5% 71.99%, 6% 71.33%, 7% 70.56%, 8% 69.69%, 9% 68.71%, 10% 67.63%, 11% 66.47%, 12% 65.21%, 13% 63.88%, 14% 62.47%, 15% 60.99%, 16% 59.46%, 17% 57.88%, 18% 56.25%, 19% 54.59%, 20% 52.90%, 21% 51.20%, 22% 49.48%, 23% 47.77%, 24% 46.07%, 25% 44.38%, 26% 42.72%, 27% 41.10%, 28% 39.51%, 29% 37.98%, 30% 36.51%, 31% 35.10%, 32% 33.77%, 33% 32.51%, 34% 31.35%, 35% 30.27%, 36% 29.30%, 37% 28.42%, 38% 27.66%, 39% 27.00%, 40% 26.46%, 41% 26.04%, 42% 25.74%, 43% 25.56%, 44% 25.50%, 45% 25.56%, 46% 25.75%, 47% 26.06%, 48% 26.48%, 49% 27.03%, 50% 27.68%, 51% 28.45%, 52% 29.33%, 53% 30.31%, 54% 31.39%, 55% 32.56%, 56% 33.81%, 57% 35.15%, 58% 36.56%, 59% 38.03%, 60% 39.57%, 61% 41.15%, 62% 42.78%, 63% 44.44%, 64% 46.13%, 65% 47.83%, 66% 49.55%, 67% 51.26%, 68% 52.96%, 69% 54.65%, 70% 56.31%, 71% 57.93%, 72% 59.52%, 73% 61.05%, 74% 62.52%, 75% 63.92%, 76% 65.26%, 77% 66.51%, 78% 67.67%, 79% 68.75%, 80% 69.72%, 81% 70.59%, 82% 71.35%, 83% 72.01%, 84% 72.54%, 85% 72.96%, 86% 73.26%, 87% 73.44%, 88% 73.50%, 89% 73.43%, 90% 73.25%, 91% 72.94%, 92% 72.51%, 93% 71.96%, 94% 71.30%, 95% 70.53%, 96% 69.65%, 97% 68.67%, 98% 67.59%, 99% 66.42%, 100% 65.16%);
    opacity: .1;
    z-index: 2;
    transition: ease 00.4s height, ease 00.4s bottom;
}

div[id*="calltoaction"] div[id*="Panel"]:hover:before {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 10rem;
    height: 10rem;
    background-color: #fff;
    transform: rotatex(180deg);
    clip-path: polygon(100% 0%, 0% 0%, 0% 73.50%, 1% 73.44%, 2% 73.26%, 3% 72.95%, 4% 72.53%, 5% 71.99%, 6% 71.33%, 7% 70.56%, 8% 69.69%, 9% 68.71%, 10% 67.63%, 11% 66.47%, 12% 65.21%, 13% 63.88%, 14% 62.47%, 15% 60.99%, 16% 59.46%, 17% 57.88%, 18% 56.25%, 19% 54.59%, 20% 52.90%, 21% 51.20%, 22% 49.48%, 23% 47.77%, 24% 46.07%, 25% 44.38%, 26% 42.72%, 27% 41.10%, 28% 39.51%, 29% 37.98%, 30% 36.51%, 31% 35.10%, 32% 33.77%, 33% 32.51%, 34% 31.35%, 35% 30.27%, 36% 29.30%, 37% 28.42%, 38% 27.66%, 39% 27.00%, 40% 26.46%, 41% 26.04%, 42% 25.74%, 43% 25.56%, 44% 25.50%, 45% 25.56%, 46% 25.75%, 47% 26.06%, 48% 26.48%, 49% 27.03%, 50% 27.68%, 51% 28.45%, 52% 29.33%, 53% 30.31%, 54% 31.39%, 55% 32.56%, 56% 33.81%, 57% 35.15%, 58% 36.56%, 59% 38.03%, 60% 39.57%, 61% 41.15%, 62% 42.78%, 63% 44.44%, 64% 46.13%, 65% 47.83%, 66% 49.55%, 67% 51.26%, 68% 52.96%, 69% 54.65%, 70% 56.31%, 71% 57.93%, 72% 59.52%, 73% 61.05%, 74% 62.52%, 75% 63.92%, 76% 65.26%, 77% 66.51%, 78% 67.67%, 79% 68.75%, 80% 69.72%, 81% 70.59%, 82% 71.35%, 83% 72.01%, 84% 72.54%, 85% 72.96%, 86% 73.26%, 87% 73.44%, 88% 73.50%, 89% 73.43%, 90% 73.25%, 91% 72.94%, 92% 72.51%, 93% 71.96%, 94% 71.30%, 95% 70.53%, 96% 69.65%, 97% 68.67%, 98% 67.59%, 99% 66.42%, 100% 65.16%);
    opacity: .1;
    z-index: 2;
    transition: ease 00.4s height, ease 00.4s bottom;
}

div[id*="calltoaction"] div[id*="Panel"]:after {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0rem;
    height: 0rem;
    background-color: #fff;
    opacity: .1;
    transition: ease 00.4s height, ease 00.4s bottom;
}

div[id*="calltoaction"] div[id*="Panel"]:hover:after {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0rem;
    height: 10rem;
    background-color: #fff;
    opacity: .1;
    transition: ease 00.4s height, ease 00.4s bottom;
}

div[id*="calltoaction"] div[id*="Panel"] > .image-container > .wave  {
    display: none;
}

body.number-1 div[id*="calltoaction"] div[id*="Panel"] .wave:before {
    clip-path: polygon(100% 0%, 0% 0%, 0% 73.50%, 1% 73.44%, 2% 73.26%, 3% 72.95%, 4% 72.53%, 5% 71.99%, 6% 71.33%, 7% 70.56%, 8% 69.69%, 9% 68.71%, 10% 67.63%, 11% 66.47%, 12% 65.21%, 13% 63.88%, 14% 62.47%, 15% 60.99%, 16% 59.46%, 17% 57.88%, 18% 56.25%, 19% 54.59%, 20% 52.90%, 21% 51.20%, 22% 49.48%, 23% 47.77%, 24% 46.07%, 25% 44.38%, 26% 42.72%, 27% 41.10%, 28% 39.51%, 29% 37.98%, 30% 36.51%, 31% 35.10%, 32% 33.77%, 33% 32.51%, 34% 31.35%, 35% 30.27%, 36% 29.30%, 37% 28.42%, 38% 27.66%, 39% 27.00%, 40% 26.46%, 41% 26.04%, 42% 25.74%, 43% 25.56%, 44% 25.50%, 45% 25.56%, 46% 25.75%, 47% 26.06%, 48% 26.48%, 49% 27.03%, 50% 27.68%, 51% 28.45%, 52% 29.33%, 53% 30.31%, 54% 31.39%, 55% 32.56%, 56% 33.81%, 57% 35.15%, 58% 36.56%, 59% 38.03%, 60% 39.57%, 61% 41.15%, 62% 42.78%, 63% 44.44%, 64% 46.13%, 65% 47.83%, 66% 49.55%, 67% 51.26%, 68% 52.96%, 69% 54.65%, 70% 56.31%, 71% 57.93%, 72% 59.52%, 73% 61.05%, 74% 62.52%, 75% 63.92%, 76% 65.26%, 77% 66.51%, 78% 67.67%, 79% 68.75%, 80% 69.72%, 81% 70.59%, 82% 71.35%, 83% 72.01%, 84% 72.54%, 85% 72.96%, 86% 73.26%, 87% 73.44%, 88% 73.50%, 89% 73.43%, 90% 73.25%, 91% 72.94%, 92% 72.51%, 93% 71.96%, 94% 71.30%, 95% 70.53%, 96% 69.65%, 97% 68.67%, 98% 67.59%, 99% 66.42%, 100% 65.16%);
}

body.number-2 div[id*="calltoaction"] div[id*="Panel"] .wave:before {
    clip-path: polygon(100% 0%, 0% 0% , 0% 35.50%, 1% 35.54%, 2% 35.65%, 3% 35.83%, 4% 36.09%, 5% 36.41%, 6% 36.81%, 7% 37.28%, 8% 37.80%, 9% 38.39%, 10% 39.04%, 11% 39.75%, 12% 40.51%, 13% 41.31%, 14% 42.17%, 15% 43.06%, 16% 43.98%, 17% 44.94%, 18% 45.92%, 19% 46.93%, 20% 47.94%, 21% 48.97%, 22% 50.01%, 23% 51.04%, 24% 52.07%, 25% 53.09%, 26% 54.10%, 27% 55.08%, 28% 56.03%, 29% 56.96%, 30% 57.85%, 31% 58.70%, 32% 59.51%, 33% 60.26%, 34% 60.97%, 35% 61.62%, 36% 62.21%, 37% 62.73%, 38% 63.20%, 39% 63.59%, 40% 63.92%, 41% 64.17%, 42% 64.35%, 43% 64.46%, 44% 64.50%, 45% 64.46%, 46% 64.35%, 47% 64.16%, 48% 63.91%, 49% 63.58%, 50% 63.18%, 51% 62.72%, 52% 62.19%, 53% 61.59%, 54% 60.94%, 55% 60.24%, 56% 59.48%, 57% 58.67%, 58% 57.82%, 59% 56.93%, 60% 56.00%, 61% 55.04%, 62% 54.06%, 63% 53.06%, 64% 52.04%, 65% 51.01%, 66% 49.97%, 67% 48.94%, 68% 47.91%, 69% 46.89%, 70% 45.89%, 71% 44.91%, 72% 43.95%, 73% 43.02%, 74% 42.13%, 75% 41.29%, 76% 40.48%, 77% 39.72%, 78% 39.02%, 79% 38.37%, 80% 37.78%, 81% 37.26%, 82% 36.80%, 83% 36.40%, 84% 36.08%, 85% 35.82%, 86% 35.64%, 87% 35.53%, 88% 35.50%, 89% 35.54%, 90% 35.65%, 91% 35.84%, 92% 36.10%, 93% 36.43%, 94% 36.83%, 95% 37.29%, 96% 37.82%, 97% 38.42%, 98% 39.07%, 99% 39.78%, 100% 40.54%);
}

body.number-3 div[id*="calltoaction"] div[id*="Panel"] .wave:before {
    clip-path: polygon(100% 0%, 0% 0% , 0% 24.00%, 1% 24.03%, 2% 24.12%, 3% 24.26%, 4% 24.47%, 5% 24.73%, 6% 25.05%, 7% 25.43%, 8% 25.86%, 9% 26.35%, 10% 26.89%, 11% 27.49%, 12% 28.13%, 13% 28.82%, 14% 29.57%, 15% 30.36%, 16% 31.19%, 17% 32.06%, 18% 32.98%, 19% 33.94%, 20% 34.93%, 21% 35.95%, 22% 37.01%, 23% 38.10%, 24% 39.21%, 25% 40.35%, 26% 41.51%, 27% 42.69%, 28% 43.88%, 29% 45.09%, 30% 46.31%, 31% 47.54%, 32% 48.78%, 33% 50.02%, 34% 51.25%, 35% 52.49%, 36% 53.72%, 37% 54.94%, 38% 56.15%, 39% 57.34%, 40% 58.52%, 41% 59.68%, 42% 60.82%, 43% 61.93%, 44% 63.02%, 45% 64.08%, 46% 65.10%, 47% 66.09%, 48% 67.04%, 49% 67.96%, 50% 68.83%, 51% 69.67%, 52% 70.45%, 53% 71.19%, 54% 71.89%, 55% 72.53%, 56% 73.12%, 57% 73.66%, 58% 74.15%, 59% 74.58%, 60% 74.96%, 61% 75.27%, 62% 75.54%, 63% 75.74%, 64% 75.89%, 65% 75.97%, 66% 76.00%, 67% 75.97%, 68% 75.88%, 69% 75.73%, 70% 75.52%, 71% 75.26%, 72% 74.94%, 73% 74.56%, 74% 74.12%, 75% 73.63%, 76% 73.09%, 77% 72.50%, 78% 71.85%, 79% 71.16%, 80% 70.41%, 81% 69.62%, 82% 68.79%, 83% 67.91%, 84% 66.99%, 85% 66.04%, 86% 65.05%, 87% 64.02%, 88% 62.96%, 89% 61.87%, 90% 60.76%, 91% 59.62%, 92% 58.46%, 93% 57.28%, 94% 56.08%, 95% 54.87%, 96% 53.65%, 97% 52.42%, 98% 51.19%, 99% 49.95%, 100% 48.71%);
}

body.number-4 div[id*="calltoaction"] div[id*="Panel"] .wave:before {
    clip-path: polygon(100% 0%, 0% 0% , 0% 90.50%, 1% 90.45%, 2% 90.32%, 3% 90.09%, 4% 89.77%, 5% 89.36%, 6% 88.86%, 7% 88.27%, 8% 87.60%, 9% 86.84%, 10% 85.99%, 11% 85.07%, 12% 84.07%, 13% 82.98%, 14% 81.83%, 15% 80.60%, 16% 79.30%, 17% 77.94%, 18% 76.51%, 19% 75.02%, 20% 73.48%, 21% 71.88%, 22% 70.24%, 23% 68.54%, 24% 66.81%, 25% 65.03%, 26% 63.23%, 27% 61.39%, 28% 59.53%, 29% 57.64%, 30% 55.74%, 31% 53.83%, 32% 51.90%, 33% 49.97%, 34% 48.05%, 35% 46.12%, 36% 44.21%, 37% 42.31%, 38% 40.42%, 39% 38.56%, 40% 36.72%, 41% 34.92%, 42% 33.15%, 43% 31.41%, 44% 29.72%, 45% 28.07%, 46% 26.48%, 47% 24.94%, 48% 23.45%, 49% 22.02%, 50% 20.66%, 51% 19.37%, 52% 18.14%, 53% 16.99%, 54% 15.91%, 55% 14.90%, 56% 13.98%, 57% 13.14%, 58% 12.38%, 59% 11.71%, 60% 11.13%, 61% 10.63%, 62% 10.22%, 63% 9.91%, 64% 9.68%, 65% 9.54%, 66% 9.50%, 67% 9.55%, 68% 9.69%, 69% 9.92%, 70% 10.24%, 71% 10.65%, 72% 11.16%, 73% 11.75%, 74% 12.42%, 75% 13.18%, 76% 14.03%, 77% 14.96%, 78% 15.96%, 79% 17.05%, 80% 18.20%, 81% 19.43%, 82% 20.73%, 83% 22.10%, 84% 23.53%, 85% 25.02%, 86% 26.56%, 87% 28.16%, 88% 29.81%, 89% 31.50%, 90% 33.24%, 91% 35.01%, 92% 36.82%, 93% 38.66%, 94% 40.52%, 95% 42.41%, 96% 44.31%, 97% 46.23%, 98% 48.15%, 99% 50.08%, 100% 52.00%);
}

body.number-5 div[id*="calltoaction"] div[id*="Panel"] .wave:before {
    clip-path: polygon(100% 0%, 0% 0% , 0% 71.50%, 1% 71.48%, 2% 71.40%, 3% 71.28%, 4% 71.11%, 5% 70.89%, 6% 70.63%, 7% 70.32%, 8% 69.96%, 9% 69.56%, 10% 69.11%, 11% 68.62%, 12% 68.08%, 13% 67.51%, 14% 66.90%, 15% 66.24%, 16% 65.56%, 17% 64.83%, 18% 64.07%, 19% 63.28%, 20% 62.46%, 21% 61.62%, 22% 60.74%, 23% 59.84%, 24% 58.92%, 25% 57.98%, 26% 57.02%, 27% 56.05%, 28% 55.06%, 29% 54.06%, 30% 53.05%, 31% 52.03%, 32% 51.01%, 33% 49.99%, 34% 48.96%, 35% 47.94%, 36% 46.93%, 37% 45.92%, 38% 44.92%, 39% 43.93%, 40% 42.95%, 41% 41.99%, 42% 41.05%, 43% 40.13%, 44% 39.23%, 45% 38.36%, 46% 37.51%, 47% 36.69%, 48% 35.91%, 49% 35.15%, 50% 34.43%, 51% 33.74%, 52% 33.09%, 53% 32.47%, 54% 31.90%, 55% 31.37%, 56% 30.88%, 57% 30.43%, 58% 30.03%, 59% 29.67%, 60% 29.36%, 61% 29.10%, 62% 28.88%, 63% 28.72%, 64% 28.59%, 65% 28.52%, 66% 28.50%, 67% 28.53%, 68% 28.60%, 69% 28.72%, 70% 28.89%, 71% 29.11%, 72% 29.38%, 73% 29.69%, 74% 30.05%, 75% 30.46%, 76% 30.90%, 77% 31.40%, 78% 31.93%, 79% 32.51%, 80% 33.12%, 81% 33.77%, 82% 34.46%, 83% 35.19%, 84% 35.95%, 85% 36.74%, 86% 37.56%, 87% 38.41%, 88% 39.28%, 89% 40.18%, 90% 41.10%, 91% 42.04%, 92% 43.00%, 93% 43.98%, 94% 44.97%, 95% 45.97%, 96% 46.98%, 97% 48.00%, 98% 49.02%, 99% 50.04%, 100% 51.06%);
}

body.number-6 div[id*="calltoaction"] div[id*="Panel"] .wave:before {
    clip-path: polygon(100% 0%, 0% 0% , 0% 84.50%, 1% 84.41%, 2% 84.15%, 3% 83.71%, 4% 83.10%, 5% 82.32%, 6% 81.38%, 7% 80.28%, 8% 79.02%, 9% 77.61%, 10% 76.07%, 11% 74.39%, 12% 72.58%, 13% 70.66%, 14% 68.64%, 15% 66.52%, 16% 64.32%, 17% 62.04%, 18% 59.70%, 19% 57.32%, 20% 54.89%, 21% 52.44%, 22% 49.98%, 23% 47.52%, 24% 45.07%, 25% 42.64%, 26% 40.26%, 27% 37.92%, 28% 35.64%, 29% 33.44%, 30% 31.32%, 31% 29.30%, 32% 27.38%, 33% 25.58%, 34% 23.90%, 35% 22.36%, 36% 20.96%, 37% 19.70%, 38% 18.60%, 39% 17.66%, 40% 16.89%, 41% 16.28%, 42% 15.85%, 43% 15.58%, 44% 15.50%, 45% 15.59%, 46% 15.86%, 47% 16.30%, 48% 16.91%, 49% 17.69%, 50% 18.64%, 51% 19.74%, 52% 21.00%, 53% 22.41%, 54% 23.96%, 55% 25.64%, 56% 27.45%, 57% 29.37%, 58% 31.40%, 59% 33.52%, 60% 35.72%, 61% 38.00%, 62% 40.34%, 63% 42.73%, 64% 45.15%, 65% 47.60%, 66% 50.07%, 67% 52.53%, 68% 54.98%, 69% 57.40%, 70% 59.79%, 71% 62.12%, 72% 64.40%, 73% 66.60%, 74% 68.71%, 75% 70.73%, 76% 72.65%, 77% 74.45%, 78% 76.12%, 79% 77.67%, 80% 79.07%, 81% 80.32%, 82% 81.42%, 83% 82.35%, 84% 83.13%, 85% 83.73%, 86% 84.16%, 87% 84.42%, 88% 84.50%, 89% 84.41%, 90% 84.14%, 91% 83.69%, 92% 83.08%, 93% 82.29%, 94% 81.34%, 95% 80.23%, 96% 78.97%, 97% 77.56%, 98% 76.01%, 99% 74.33%, 100% 72.52%);
}

body.number-7 div[id*="calltoaction"] div[id*="Panel"] .wave:before {
    clip-path: polygon(100% 0%, 0% 0% , 0% 19.50%, 1% 19.53%, 2% 19.64%, 3% 19.81%, 4% 20.05%, 5% 20.36%, 6% 20.74%, 7% 21.18%, 8% 21.69%, 9% 22.26%, 10% 22.89%, 11% 23.59%, 12% 24.35%, 13% 25.16%, 14% 26.03%, 15% 26.96%, 16% 27.93%, 17% 28.96%, 18% 30.03%, 19% 31.15%, 20% 32.32%, 21% 33.52%, 22% 34.76%, 23% 36.04%, 24% 37.34%, 25% 38.68%, 26% 40.04%, 27% 41.42%, 28% 42.83%, 29% 44.24%, 30% 45.68%, 31% 47.12%, 32% 48.57%, 33% 50.02%, 34% 51.47%, 35% 52.92%, 36% 54.36%, 37% 55.79%, 38% 57.21%, 39% 58.61%, 40% 60.00%, 41% 61.36%, 42% 62.69%, 43% 64.00%, 44% 65.27%, 45% 66.51%, 46% 67.71%, 47% 68.88%, 48% 69.99%, 49% 71.07%, 50% 72.09%, 51% 73.07%, 52% 73.99%, 53% 74.86%, 54% 75.68%, 55% 76.43%, 56% 77.12%, 57% 77.76%, 58% 78.33%, 59% 78.83%, 60% 79.27%, 61% 79.65%, 62% 79.96%, 63% 80.19%, 64% 80.37%, 65% 80.47%, 66% 80.50%, 67% 80.46%, 68% 80.36%, 69% 80.18%, 70% 79.94%, 71% 79.63%, 72% 79.25%, 73% 78.81%, 74% 78.30%, 75% 77.73%, 76% 77.09%, 77% 76.39%, 78% 75.63%, 79% 74.82%, 80% 73.95%, 81% 73.02%, 82% 72.04%, 83% 71.01%, 84% 69.94%, 85% 68.81%, 86% 67.65%, 87% 66.45%, 88% 65.21%, 89% 63.93%, 90% 62.62%, 91% 61.29%, 92% 59.92%, 93% 58.54%, 94% 57.14%, 95% 55.72%, 96% 54.29%, 97% 52.84%, 98% 51.39%, 99% 49.94%, 100% 48.49%);
}

body.number-8 div[id*="calltoaction"] div[id*="Panel"] .wave:before {
    clip-path: polygon(100% 0%, 0% 0% , 0% 59.50%, 1% 59.49%, 2% 59.47%, 3% 59.43%, 4% 59.37%, 5% 59.29%, 6% 59.20%, 7% 59.10%, 8% 58.97%, 9% 58.84%, 10% 58.68%, 11% 58.51%, 12% 58.33%, 13% 58.13%, 14% 57.92%, 15% 57.70%, 16% 57.46%, 17% 57.20%, 18% 56.94%, 19% 56.66%, 20% 56.37%, 21% 56.07%, 22% 55.76%, 23% 55.44%, 24% 55.11%, 25% 54.77%, 26% 54.43%, 27% 54.07%, 28% 53.71%, 29% 53.34%, 30% 52.97%, 31% 52.59%, 32% 52.20%, 33% 51.82%, 34% 51.43%, 35% 51.03%, 36% 50.64%, 37% 50.24%, 38% 49.84%, 39% 49.45%, 40% 49.05%, 41% 48.66%, 42% 48.27%, 43% 47.88%, 44% 47.49%, 45% 47.11%, 46% 46.74%, 47% 46.37%, 48% 46.00%, 49% 45.65%, 50% 45.30%, 51% 44.96%, 52% 44.63%, 53% 44.30%, 54% 43.99%, 55% 43.69%, 56% 43.40%, 57% 43.12%, 58% 42.85%, 59% 42.60%, 60% 42.35%, 61% 42.12%, 62% 41.91%, 63% 41.71%, 64% 41.52%, 65% 41.35%, 66% 41.19%, 67% 41.05%, 68% 40.93%, 69% 40.82%, 70% 40.72%, 71% 40.65%, 72% 40.59%, 73% 40.54%, 74% 40.51%, 75% 40.50%, 76% 40.51%, 77% 40.53%, 78% 40.56%, 79% 40.62%, 80% 40.69%, 81% 40.78%, 82% 40.88%, 83% 41.00%, 84% 41.13%, 85% 41.28%, 86% 41.45%, 87% 41.63%, 88% 41.82%, 89% 42.03%, 90% 42.26%, 91% 42.49%, 92% 42.74%, 93% 43.00%, 94% 43.28%, 95% 43.57%, 96% 43.86%, 97% 44.17%, 98% 44.49%, 99% 44.82%, 100% 45.15%);
}

body.number-9 div[id*="calltoaction"] div[id*="Panel"] .wave:before {
    clip-path: polygon(100% 0%, 0% 0% , 0% 40.00%, 1% 40.08%, 2% 40.31%, 3% 40.70%, 4% 41.23%, 5% 41.90%, 6% 42.70%, 7% 43.61%, 8% 44.62%, 9% 45.71%, 10% 46.88%, 11% 48.09%, 12% 49.33%, 13% 50.58%, 14% 51.83%, 15% 53.04%, 16% 54.21%, 17% 55.31%, 18% 56.33%, 19% 57.24%, 20% 58.05%, 21% 58.73%, 22% 59.27%, 23% 59.67%, 24% 59.91%, 25% 60.00%, 26% 59.93%, 27% 59.71%, 28% 59.33%, 29% 58.81%, 30% 58.15%, 31% 57.36%, 32% 56.46%, 33% 55.46%, 34% 54.37%, 35% 53.21%, 36% 52.00%, 37% 50.76%, 38% 49.51%, 39% 48.26%, 40% 47.04%, 41% 45.87%, 42% 44.77%, 43% 43.74%, 44% 42.82%, 45% 42.00%, 46% 41.32%, 47% 40.76%, 48% 40.36%, 49% 40.10%, 50% 40.00%, 51% 40.06%, 52% 40.27%, 53% 40.64%, 54% 41.15%, 55% 41.80%, 56% 42.58%, 57% 43.47%, 58% 44.47%, 59% 45.56%, 60% 46.71%, 61% 47.92%, 62% 49.16%, 63% 50.41%, 64% 51.65%, 65% 52.87%, 66% 54.05%, 67% 55.16%, 68% 56.19%, 69% 57.12%, 70% 57.94%, 71% 58.64%, 72% 59.20%, 73% 59.62%, 74% 59.89%, 75% 60.00%, 76% 59.95%, 77% 59.75%, 78% 59.39%, 79% 58.89%, 80% 58.25%, 81% 57.48%, 82% 56.59%, 83% 55.60%, 84% 54.52%, 85% 53.37%, 86% 52.17%, 87% 50.93%, 88% 49.68%, 89% 48.43%, 90% 47.21%, 91% 46.03%, 92% 44.92%, 93% 43.88%, 94% 42.94%, 95% 42.11%, 96% 41.40%, 97% 40.83%, 98% 40.41%, 99% 40.13%, 100% 40.01%);
}

body.number-10 div[id*="calltoaction"] div[id*="Panel"] .wave:before {
    clip-path: polygon(100% 0%, 0% 0% , 0% 35.50%, 1% 35.52%, 2% 35.57%, 3% 35.65%, 4% 35.76%, 5% 35.91%, 6% 36.09%, 7% 36.30%, 8% 36.54%, 9% 36.81%, 10% 37.11%, 11% 37.44%, 12% 37.80%, 13% 38.19%, 14% 38.60%, 15% 39.04%, 16% 39.51%, 17% 40.00%, 18% 40.51%, 19% 41.04%, 20% 41.59%, 21% 42.17%, 22% 42.76%, 23% 43.36%, 24% 43.98%, 25% 44.62%, 26% 45.26%, 27% 45.92%, 28% 46.59%, 29% 47.26%, 30% 47.94%, 31% 48.63%, 32% 49.32%, 33% 50.01%, 34% 50.70%, 35% 51.39%, 36% 52.07%, 37% 52.75%, 38% 53.43%, 39% 54.10%, 40% 54.75%, 41% 55.40%, 42% 56.03%, 43% 56.65%, 44% 57.26%, 45% 57.85%, 46% 58.42%, 47% 58.97%, 48% 59.51%, 49% 60.02%, 50% 60.50%, 51% 60.97%, 52% 61.41%, 53% 61.82%, 54% 62.21%, 55% 62.57%, 56% 62.90%, 57% 63.20%, 58% 63.47%, 59% 63.71%, 60% 63.92%, 61% 64.10%, 62% 64.24%, 63% 64.35%, 64% 64.44%, 65% 64.48%, 66% 64.50%, 67% 64.48%, 68% 64.43%, 69% 64.35%, 70% 64.23%, 71% 64.09%, 72% 63.91%, 73% 63.70%, 74% 63.45%, 75% 63.18%, 76% 62.88%, 77% 62.55%, 78% 62.19%, 79% 61.80%, 80% 61.38%, 81% 60.94%, 82% 60.48%, 83% 59.99%, 84% 59.48%, 85% 58.94%, 86% 58.39%, 87% 57.82%, 88% 57.23%, 89% 56.62%, 90% 56.00%, 91% 55.37%, 92% 54.72%, 93% 54.06%, 94% 53.39%, 95% 52.72%, 96% 52.04%, 97% 51.35%, 98% 50.66%, 99% 49.97%, 100% 49.28%);
}


div[id*="calltoaction"] div[id*="Panel"] > .image-container img[src="/images/samples/member/companyvolunteers.jpg"] + .wave:before {
    content: '';
    display: block;
    background: #2b2b2b;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    clip-path: none !important;
    opacity: 0.3;
}

div[id*="calltoaction"] div[id*="Panel"] > .image-container img[src="/images/samples/member/companyvolunteers.jpg"] {
    opacity: 1;
    filter: blur(4px);
}

div[id*="calltoaction"] div[id*="Panel"] > .image-container img[src="/images/samples/member/companyvolunteers.jpg"] + .wave {
    display: block;
    position: absolute;
}