html, body {
    background-color:  #343a40;
    text-align: center;
    max-width: 100%;
    overflow-x: hidden;
    font-family: 'Tajawal', sans-serif;
    scroll-behavior: smooth;
}

card-img-top {
    padding: 30px;
}

.parallax{
    padding-top: 250px;
    background-image: url(/images/intro-bg-min.jpg);
    height: 700px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.logo {
    margin: 0;
}

.display-4 .arabic {
    font-family: 'Tajawal', sans-serif;
}

.display-4 {
    color: #da8e00;
    font-family: 'Racing Sans One', cursive;
}

h5 .display-5 {
    font-size: 1.75rem;
    text-align: left;
    padding-left: 70px;
    padding-right: 70px;
}

h3{
    padding-top: 10px;
    padding-bottom: 10px;
}

.home-text {
    color: white;
    align-items: center;
    text-align: center;
    font-weight: 400;
}

.hire-us {
    color: white;
    text-align: center;
}

main {
    padding-top: 50px;;
}

.row {
    justify-content: center;
    margin: 0; 
    padding: 0
}

.jumbotron{
    background-color: transparent;
    
}

p {
    padding-right: 35px;
    padding-left: 35px;
    text-align: center;
    color: white;
}

a:not([href]) {
    color: white;
}

label {
    color: white;
    padding-bottom: 5px;
    padding-top: 5px;
}


.btn-primary {
    background-color: transparent;
    border-color: white;
    padding-top: 7px;
}

hr {
    width: 200px;
    height: 1px;
    margin-top: 30px;
    margin-bottom: 30px;
    background-color: rgb(41, 41, 41);
}

.hr-tag-home {
    background-color: transparent;
    margin-top: 5px;
    margin-bottom: 5px;
}

h2 {
    font-family: 'Racing Sans One', cursive;
    color: #da8e00;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
}

h3 {
    color:  #da8e00;
}

h5 {
    padding-top: 25px;
    padding-bottom: 15px;
}

footer {
    background-color: black;
    color: white;
    margin-top: 15px;
    text-align: center;
    align-content: center;
}

.footer-logo {
    padding-bottom: 20px;
}

.fa {
    
    font-size: 30px;
    width: 30px;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
    color: #da8e00;
}

.fa:hover {
    text-decoration: none;
    color:white;
}

p.footer-info {
    text-align: center;
    color: #da8e00;
}

p.footer-text {
    text-align: center;
    color: #da8e00;
    padding-left: 70px;
    padding-right: 70px;
}

a {
    text-decoration: none;
    color: white;
    
}