.zigzag-border {
    position: relative;
    display: inline-block;
}

.zigzag-border img {
    display: block;
    width: 100%;
}

.zigzag-border::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 20%;
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 15" preserveAspectRatio="xMidYMid slice"><polygon points="0,0 200,0 200,10 197.5,7.5 195,10 192.5,7.5 190,10 187.5,7.5 185,10 182.5,7.5 180,10 177.5,7.5 175,10 172.5,7.5 170,10 167.5,7.5 165,10 162.5,7.5 160,10 157.5,7.5 155,10 152.5,7.5 150,10 147.5,7.5 145,10 142.5,7.5 140,10 137.5,7.5 135,10 132.5,7.5 130,10 127.5,7.5 125,10 122.5,7.5 120,10 117.5,7.5 115,10 112.5,7.5 110,10 107.5,7.5 105,10 102.5,7.5 100,10 97.5,7.5 95,10 92.5,7.5 90,10 87.5,7.5 85,10 82.5,7.5 80,10 77.5,7.5 75,10 72.5,7.5 70,10 67.5,7.5 65,10 62.5,7.5 60,10 57.5,7.5 55,10 52.5,7.5 50,10 47.5,7.5 45,10 42.5,7.5 40,10 37.5,7.5 35,10 32.5,7.5 30,10 27.5,7.5 25,10 22.5,7.5 20,10 17.5,7.5 15,10 12.5,7.5 10,10 7.5,7.5 5,10 2.5,7.5 0,10" fill="white" /></svg>');
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background: white;
}

.banner-2 {
    clip-path: ellipse(200% 100% at top center);
}

.timeline {
    width: 100%;
    background:#fff;
    padding: 0 16px;
    position: relative;
    &:before {
        content: '';
        position: absolute;
        top: 0;
        left: 187px;
        bottom: 0;
        width: 2px;
        background: #ddd;
    }
    &:after {
        content: "";
        display: table;
        clear: both;
    }
}

.entry {
    clear: both;
    text-align: left;
    position: relative;
    .title {
        background-color: #2d4ea9;
        margin-bottom: .5em;
        float: left;
        width: 150px;
        text-align: center;
        color: white;
        padding-top: 8px;
        padding-bottom: 8px;
        position: relative;
        &:before {
            content: '';
            position: absolute;
            width: 16px;
            height: 16px;
            padding: 2px;
            border: 4px solid #2d4ea9;
            background-color: #2d4ea9;
            border-radius: 100%;
            margin-left: 11.6%;
            top: 40% !important;
            right: -48px;
            z-index: 99;
        }
    }
    .title:after,
    .title:before {
        left: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }
    .title:after {
        border-left-color: #2d4ea9;
        border-width: 10px;
        margin-top: -10px;
    }
    .title-white-bg {
        background-color: white;
        margin-bottom: .5em;
        float: left;
        width: 150px;
        text-align: center;
        color: black;
        padding-top: 8px;
        padding-bottom: 8px;
        position: relative;
        &:before {
            content: '';
            position: absolute;
            width: 16px;
            height: 16px;
            padding: 2px;
            border: 4px solid #2d4ea9;
            background-color: #2d4ea9;
            border-radius: 100%;
            margin-left: 11.6%;
            top: 40%;
            right: -48px;
            z-index: 99;
        }
    }
    .title-white-bg:after,
    .title-white-bg:before {
        left: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }
    .title-white-bg:after {
        border-left-color: white;
        border-width: 10px;
        margin-top: -10px;
    }
    .body {
        margin: 0 0 3em;
        float: right;
        width: calc(100% - 172px);
        padding-left: 30px;
        p {
            line-height: 1.4em;
            &:first-child {
                margin-top: 0;
                font-weight: 400;
            }
        }
        ul {
            color: #aaa;
            padding-left: 0;
            list-style-type: none;
            li:before {
                content: "–";
                margin-right: .5em;
            }
        }
    }
}

#visumFacadeImage {
    height: 500px;
}

#aboutBanner > div > img {
    transition: all .3s ease-in-out;
}

#aboutBanner:hover > div > img {
    transform: scale(1.15);
}

.certification-icon-container {
    width: 250px;
    min-width: 250px;
}

.certification-icon {
    width: 130px;
}

@media (max-width: 992px) {
    #visumFacadeImage {
        width: 100%;
        height: auto;
    }
}

@media (max-width: 576px) {
    .certification-icon-container {
        min-width: 0;
        width: 100%;
    }
}

@media (max-width: 436px) {
     .certification-icon {
        width: 100%;
    }
}