* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body,
html {
    font-family: 'Myraid pro';
    height: 100%;
    font-family: 'Myriad Pro Semibold'
}

.navbar a {
    color: black !important;
    font-family: 'Myriad Pro Semibold'
}

.hero {
    background-image: url('./Assets/shutterstock_1700701642.jpg');
    background-size: cover;
    height: 65vh;
    display: flex;
    text-align: left;
    padding: 0 5%;
}

.c {
    background-color: #09c;
}

.hero-text h1 {
    color: white;
    font-size: 5rem;
    font-weight: 900;
    line-height: 1.2;
    margin-top: 50px;
    font-family: 'Myriad Pro Semibold'
}

.section-heading,
h3 {
    font-family: 'Myriad Pro Semibold';
    color: #822a3c;
}

p {
    font-family: 'Myriad Pro Regular';

}

.ValuesList li {
    list-style-type: none;
    position: relative;
    padding-left: 25px;
    font-family: 'Myriad Pro Regular';


}

.ValuesList li:before {
    content: "•";
    position: absolute;
    left: 0;
    color: #e8ba0a;
}

.textSection{
    line-height: 2;
}
#contactUs h3 {
    font-family: 'Myriad Pro Semibold';

    color: #e8ba0a;
}

#contactUs h5 {
    font-family: 'Myriad Pro Semibold';

    color: white;
}

#contactUs p,
a {
    font-family: 'Myriad Pro Regular';
    color: white !important;
    font-size: medium;
}

.footer {
    background-color: #822a3c;
    color: white !important;
}

.footer a,
p {
    font-family: 'Myriad Pro Regular';
    font-size: small;
}


mark {
    background-color: yellow;
    font-weight: bold;
}