/* Universal Styling */
* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Navbar Styling */
.nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: orangered;
    padding: 20px 70px;
}

.nav h1 {
    font-size: 3em;
    color: #ffffff;
}

.nav_list {
    list-style: none;
}

.nav_list li {
    display: inline-block;
    margin: 0px 50px;
}

.nav_list>li>a {
    text-decoration: none;
    color: rgb(255 255 255);
}

/* Hero Section Styling */

#main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 150px 80px 40px 100px;
}

.first_section {
    margin-right: 50px;
}

.first_section h1 {
    font-size: 64px;
}

.first_section p {
    font-size: 20px;
    margin-bottom: 20px;

}

.btn {
    padding: 25px 50px;
    border: none;
    border-radius: 15px;
    background-color: orangered;
    color: #ffffff;
    font-size: 24px;
}

.second_section img {
    width: 70%;
}

/* Cards Styling */
.card-section {
    margin: 40px 0px;
}

.h1 {
    font-size: 40px;
    text-transform: uppercase;
    text-align: center;
}

#cards {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px 150px;
}

.card1 img {
    width: 40%;
}


.card2 img {
    width: 40%;
}

.card3 img {
    width: 60%;
}