.founder-padding {
    padding: 5em 0 0;   
}

.aboutus-header img, .certificates-cols img {
    width: 100%;
}

.aboutus-header-info h2, .about-us-vision-mission h2, .founder-container h2, .founder-slider h2, .certificates-cols h2, .journey-section h2 {
    color: #295693;
    font-weight: 500;
}

p.founder-name {
    font-weight: 600;
    font-size: 1.3rem;
    color: #295693;
    font-weight: 600;
}

.aboutus-header-info {
    background: url(../images/about/SOM_About_Us_Background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}

h3.section-title b {
    color: #295693;
    font-weight: 800;
}

.about-us-vision-mission {
    padding: 11em 0;
    background: url(../images/about/SOMLogoWatermark.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 50%;
    background-attachment: fixed;
}

.about-us-vision-mission .desc{
    text-align: justify;
}

.about-sections-bg {
    background-color: #f7f7f5;
}

.founder-slider {
    padding: 2% 0 0;
}

.founder-slider img {
    width: 50% !important;
}

.founder-slider .item {
    height: auto !important;
}

.founder-section img {
    width: 350px;
    min-width: 100%;
}

.founder-container {
    padding: 3% 0;
}

.founder-section .founder-desc{
    font-weight: 600;
    font-size: 1.3rem;
    color: #295693;
    font-weight: 600;
}

.award-section {
    background: url(../images/about/AwardSection.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10% 0;
}

.award-section .section-title {
    font-weight: 500;
}

.award-section .btn-learn-more {
    border: 1px solid #fff;
    color: #fff;
    padding: 5px 17px;
    display: inline-block;
    margin-top: 10px;
    text-transform: uppercase;
    font-weight: 600;
    transition: 0.3s;
}

.award-section .btn-learn-more:hover {
    background-color: #1b6aab;
    color: #fff;
    cursor: pointer;
}

.aboutus-header-info p, .about-us-vision-mission p, .about-us-future-section p, .about-us-future-section li {
    color: #000;
    font-weight: 500;
    text-align: justify;
}

.future-panel {
    background: url(../images/about/FuturePanel.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10% 0;
}

#certifications p.caption {
    text-align: center;
    padding: 8px 0;
    color: #000;
}
#certifications img {
    max-height: 336px;
    transition: 1s;
}
#certifications {
    overflow: hidden;
    background: url(../images/about/SOMLogoWatermark.png);
    background-repeat: no-repeat;
    background-size: contain;
}
a.certificates-gallery {
    position: relative;
    display: block;
}
.overlay {
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    transition: 1s;
}
.overlay .fa { opacity: 0; transition: 1s; }
a.certificates-gallery:hover .overlay .fa { opacity: 1; transition: 1s; }
a.certificates-gallery:hover .overlay { top: 40%; transition: 1s; }
a.certificates-gallery:hover img { transform: scale(1.03); transition: 1s; }
.img-wrapper { overflow: hidden; }


@media screen and (max-width: 427px) {
    #certifications img { max-height: auto; }
    
    .aboutus-header {
        padding-top: 65px;
    }
    .product-desc {
        width: 100%;
    }
    .seperator {
        display: none;
    }
}

/*Journey Section*/

.journey-section {
    background-color: rgba(7,80,157,255);
    padding-bottom: 12em;
}
.vertical_line {
    height: 60px;
}
.pinOn {
    width: 20px;
}
.journey-container {
    position: relative;
    padding: 7em 0em 13em;
}
.pointer1 {
    position: absolute;
    left: 0%;
}
.pointer2 {
    position: absolute;
    left: 10%;
}
.pointer3 {
    position: absolute;
    left: 20%;
}
.pointer4 {
    position: absolute;
    left: 30%;
}
.pointer5 {
    position: absolute;
    left: 40%;
}
.pointer6 {
    position: absolute;
    left: 50%;
}
.pointer7 {
    position: absolute;
    left: 60%;
}
.pointer8 {
    position: absolute;
    left: 70%;
}
.pointer9 {
    position: absolute;
    left: 80%;
}
.pointer10 {
    position: absolute;
    left: 90%;
}
.point2, .point3, .point4, .point5, .point6, .point7, .point8, .point9, .point10, .normalPoint {
    display: none;
}
.pin1, .pin2, .pin3, .pin4, .pin5, .pin6, .pin7, .pin8, .pin9, .pin10 {
    position: absolute;
    top: -50px;
    transition: 0.4s;
    opacity: 0.5;
    width: 10px;
    left: -5px;
}
.normalPins {
    opacity: 0.5 !important;
    width: 10px !important;
    left: -5px !important;
}
.initPoint {
    width: 200px;
    position: absolute;
    top: -200px;
    left: 0px;
    color: #fff;
}
.initDate {
    color: #fff !important;
}
.pointerFirst {
    display: block;
    width: 20px;
    position: absolute;
    top: -50px;
    left: -10px;
    opacity: 1;
    transition: 0.4s;
}
.date1, .date2, .date3, .date4, .date5, .date6, .date7, .date8, .date9, .date10 {
    color: #023984;
    position: absolute;
    width: 65px;
    left: -25px;
    top: 20px;
    font-weight: bold;
}
.normalColor {
    color: #023984 !important;
}
.oddPntOnHover {
    display: block;
    width: 200px;
    position: absolute;
    top: -200px;
    left: 0px;
    color: #fff !important;
}
.evenPntOnHover {
    display: block;
    width: 200px;
    position: absolute;
    top: 30px;
    left: 0px;
    color: #fff !important;
}
.dateOnHover {
    color: #fff !important;
}
.pinOnHover {
    width: 20px !important;
    display: block;
    position: absolute;
    top: -50px;
    left: -10px !important;
    opacity: 1 !important;
}

.pulse {
    animation: bounce-animation 2s infinite;
}

.pulse:hover {
    animation: none;
}

@keyframes bounce-animation {
    0%, 20%, 50%, 80%, 100% {transform: scale(1, 1) translateY(0);}
    40% {transform: scale(1.5, 1.5) translateY(-10px);}
    60% {transform: scale(0.9, 0.9) translateY(-5px);}
}