* {
    margin:0;
}

:root {
  --blue: #1e90ff;
  --white: #ffffff;
  --black:#000;
  --accent:#d94948;
}
h1 { font-size: 4.5rem; }
h2 { font-size: 3rem; }

h1,h2,h3,h4,h5,h6 {
    font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  margin-bottom: 20px;text-transform: uppercase;
}

h3 {
    text-transform: capitalize;
}

p,li,a {
     font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.white {color:var(--white)}
.main-btn {
    background-color: var(--accent);
    color:var(--white);
    padding:15px 30px;
    border-radius: 50px;
    text-decoration: none;
}

.btn-container {
    margin-top:40px;
}

.container {
        position: relative;
        z-index: 9;
}  

/* -- Header -- */

header .navbar{
    background-color:var(--black)!important;
}

header .navbar-brand {
    width:165px;
}

header .nav-link {
    color:#fff;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: var(--accent);
}

header .btn-container {
    margin-top: 0px;
}

/*--Hero Section -- */

.hero {
    height:87vh;
    background-image: url(../images/IMG_2256.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position:relative;
}

.hero:after {
    content:"";
    position: absolute;
    left:0;
    top:0;
    background-color: rgba(0, 0 , 0 , 0.5);
    width:100%;
    height:100%;
}

.hero .container {
        position: relative;
        z-index: 9;
}    

.hero h2 {
    margin-bottom:40px;
}
    
/*--About Section -- */

.about {

}

.about img {
    width:100%;
    height:600px;
    object-fit: cover;
    padding:30px;
    border-radius:10px;
}

/*--Services Section -- */

.services {
    padding:120px 0;
    background-image: url(../images/IMG_2707.jpg);
        background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position:relative;
    background-attachment: fixed;
}

.services:after {
    content:"";
    position: absolute;
    left:0;
    top:0;
    background-color: rgba(0, 0 , 0 , 0.5);
    width:100%;
    height:100%;
}

.services .card-img-top {
    height:335px;
    object-fit: cover;
}

.services .card-body {
    padding:30px 20px;
}



/*--Products Section -- */

.products .icon-card-container {
    gap:10px;
}

.products .icon-card-container img{
    width:60px;
}

.products .icon-card-container h4 {
    margin-bottom: 2px;
}

/* .products .images {
    width:48%;
    gap:10px;
} */


.ctaText {
    background-color: var(--accent);
    padding:30px 0;
}

.ctaText .main-btn {
    background-color: var(--white);
    color: var(--accent);
}

.ctaText h2,.ctaText p {
    color:var(--white);
}

.map {
     margin-top:5rem;
}

/*--Footer -- */

footer {
    padding: 5rem 0;
    background-color: var(--black);
    color: var(--white);
}

footer h5 {
    margin-bottom: 10px;;
}

footer .icon img {
    width:50px;
}

footer .icon-card-container {
    gap:10px;
}

@media only screen and (max-width:768px) {
    h1 {
        font-size: 2.5rem;
    }
}