﻿.welcomeSection {
    position: relative;
    background-image: linear-gradient(to left,white,#53bdff);
    height: 340px;
    width: 100%;
    overflow: hidden;
}

.welcomeSectionTitleDiv {
    position: relative;
    top: 5%;
}

.welcomeTitle {
    font-family: verdana;
    font-weight: 700;
    color: #f5f5f5;
    text-shadow:
        -3px 1px 1px #919191,
        -3px 2px 1px #919191,
        -3px 3px 1px #919191,
        -3px 4px 1px #919191,
        -3px 5px 1px #919191,
        -3px 6px 1px #919191,
        -3px 7px 1px #919191,
        -3px 8px 1px #919191,
        -3px 9px 1px #919191,
        -3px 10px 1px #919191,
        -3px 18px 6px rgba(16,16,16,0.4),
        -3px 22px 10px rgba(16,16,16,0.2),
        -3px 25px 35px rgba(16,16,16,0.2),
        -3px 30px 60px rgba(16,16,16,0.4);
}

.learnMoreBtnDiv {
    width: fit-content;
    margin: 0px auto;
    position: relative;
    top: 200px;
    z-index: 1;
}

.learnMoreBtnDiv a {
    text-decoration: none;
}

.learnMoreBtn {
    background-color: #a70c12;
    color: #f5f5f5;
    box-shadow: -10px 10px 10px 0px #121212;
    width: 200px;
    padding: 10px;
    font-weight: 600;
    text-align: center;
    border: none;
    border-radius: 25px;
    transition: 0.5s;
}

    .learnMoreBtn:hover {
        background-color: #750c0f;
        color: #f5f5f5;
        transform: scale(1.2);
    }

.joinUsSection {
    background-image: url('/Photos/Career Page/CareerBackground.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.welcomeSectionImg {
    width: 100%;
    max-width: 610px;
    margin: 0px auto;
    bottom: 60px;
    position: relative;
    z-index: 0;
}

    .welcomeSectionImg img {
        width: 100%;
        margin-top: 10px;
    }

.resumeBtn {
    display: inline-block;
    background-color: #a70c12;
    color: #f5f5f5;
    box-shadow: 0px 5px 10px 0px #121212;
    width: 230px;
    padding: 10px;
    font-weight: 600;
    text-align: center;
    border: none;
    border-radius: 25px;
    transition: 0.5s;
    text-decoration: none;
}

    .resumeBtn:hover {
        background-color: #750c0f;
        color: #f5f5f5;
        transform: scale(1.2);
    }

.yourIdeasMattersImg {
    width: 150px;
}

    .yourIdeasMattersImg img {
        width: 100%;
    }

.yourIdeasMattersText .h4-title {
    text-align: center;
}

.yourIdeasMattersText .small-p {
    text-align: justify;
}