@charset "utf-8";

* {
    margin: 0;
    padding: 0;
    font-family: Poppins, sans-serif;
    text-decoration: none;
}

body {
    outline: 0;
    text-decoration: none;
}

h1,h2,h3,h4 {
    font-family: Balsamiq Sans;
    font-weight: bolder;
}

.hero{
    background-image: url("../images/backgrounds/header.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 120vh;
}

.nav1 > div {
    cursor: pointer;
    text-decoration: none;
}


.btn1 {
    background-color: indigo;
    border: 1px solid indigo;
    border-radius: 20px;
    padding: 8px 15px;
    color: white;
}

.btn2 {
    color: indigo;
    background-color: white;
    border: 1px solid indigo;
    border-radius: 20px;
    padding: 0.4rem 0.8rem;
    text-decoration: none;
}

.btn2:hover {
    color: white;
    background-color: indigo;
}

.blue {
    color: indigo;
    font-family: Balsamiq Sans;
    font-weight: bolder;
}

.srv1 > div {
    border: 1px solid black;
    padding: 15px 20px;
}

.btn3 {
    color: white;
    background-color: indigo;
    padding: 10px 10px;
    text-decoration: none;
}

.crg1 > div {
    border: 1px solid black;
    padding: 45px 20px;
}

.wrk1 {
    background-color: indigo;
    height: 300px;
}

.btn4 {
    background-color: white;
    color: black;
    border-radius: 10px;
    border: 1px solid white;
    text-decoration: none;
    padding: 15px 20px;
    font-weight: bolder;
}

.tst1 > div {
    border: 1px solid gray;
    padding: 20px 20px;
}

.img1 {
    border-radius: 50%;
}

.nav2  p {
    font-family: Balsamiq Sans;
}

.nav2 a {
    font-family: Balsamiq Sans;
}

.btn5 {
    color: indigo;
    text-decoration: none;
}

.btn5:hover {
    color: black;
}

.blg1 > div {
    border: 1px solid black;
}

.blg2 span {
    cursor: pointer;
    display: block;
}

.blg3 {
    width: 100%;
}

.prt1 img {
    object-fit: cover;
    text-decoration: none;
}


.btn6 {
    color: indigo;
    border: 1px solid indigo;
    background-color: white;
    border-radius: 5px;
    padding: 7px 10px;
    cursor: pointer;
}

.btn6:hover {
    color: white;
    background-color: indigo;
}

.frm1 {
    border-bottom: 1px solid black;
}

.sm1 span i {
    display: inline;
    cursor: pointer;
    font-size: x-large;
}

.sm1 span i:hover {
    color: indigo;
}

.pr1 {
    text-decoration: none;
    cursor: pointer;
    border: none;
    background-color: white;
}

.int1 {
    font-size: 62px;
}


@media (min-width:992px) {
    .wrk1 {
        height: 150px;
    }

    .hero {
        height: 95vh;
    }
}