/* ========================================================================
Template : Free One Page Website v1.0
Authour  : https://www.downloadfort.com
LIcense  :  https://downloadfort.com/license/
Template URL: https://downloadfort.com/free-one-page-website/
Version  : 1.0
 ========================================================================= */

/* General Styles */

body {
  font-size: 18px;
  line-height: 30px;
  font-family: "Nunito", sans-serif;
}
.card {
  margin: 10px;
}

section {
  padding-top: 80px;
  padding-bottom: 50px;
}

.padding-head {
  padding-bottom: 75px;
}

.features-icon {
  display: block;
  font-size: 55px;
  padding-top: 140px;
  padding-bottom: 65px;
  color: #00dcff;
}

.heading {
  font-size: 40px;
  color: #000000;
}

.attention-message {
  background-color: #00dcff;
  color: #000000;
  font-size: 20px;
  padding-top: 15px;
}

/* Nav Section */

#nav {
  position: fixed;
  top: 30px;
  right: 25px;
  font-family: "Saira", sans-serif;
  text-transform: uppercase;
  z-index: 999;
}

#nav a,
#nav a:hover {
  color: rgb(255, 255, 255);
  font-size: 12px;
  text-decoration: none;
  background-color: #3b3b3b;
  padding: 4px 15px;
  border-radius: 3px;
}

/* Header Section */

header {
  background: url(images/header.jpg) no-repeat center center;
  padding: 0;
  -webkit-background-size: cover;
  background-size: cover;
  text-align: center;
}

header .overlay {
  padding-top: 120px;
  background-color: rgba(0, 0, 0, 0.82);
  padding-bottom: 120px;
  color: #fff;
}

header .overlay p {
  padding-top: 30px;
}

header .overlay a,
header .overlay a:hover {
  margin-top: 30px;
  padding: 15px 35px 15px 35px;
  background-color: #ffc107;
  border: 0px;
  color: #000000;
  font-weight: 900;
  border-radius: 7px;
  text-decoration: none;
}

.heading-set {
  font-weight: 900;
}
/* Welcome Section */
#welcome img {
  max-height: 350px;
}

/* Services Section */

#services {
  background-color: #e2e2e2;
  color: #000000;
}

#services .heading {
  color: #000000;
}

#services h3 {
  padding-top: 20px;
}
#services .wrapper {
  padding: 10px;
  border: 1px dashed #000000;
}
/* Stats Section */

.stats-section {
  background-color: #171717;
  color: #fff;
}

/* features  Section */

#features {
  background-color: #f2f2f2;
}

/* CTA  Section */

.head-cta {
  font-size: 35px;
  line-height: 55px;
}

.cta-way {
  background-color: #2196f3;
  color: #fff;
}

.padding-set {
  padding-top: 120px;
  padding-bottom: 40px;
}
#supported img {
  border: 1px dashed #cbcbcb;
  padding: 10px;
}
/* Contact Section */
#contact {
  background-color: #f2f2f2;
}

/* Footer Section */
footer {
  padding: 60px 40px;
  background-color: #090909;
  color: #9e9e9e;
  font-size: 14px;
  line-height: 25px;
  text-align: center;
}
footer .btn-fo {
  font-family: "Quicksand", sans-serif;
  background-color: #00dcff;
  border-radius: 0px;
  border: 0px;
  color: #000;
  font-weight: 900;
  padding: 5px 10px;
}
footer h3 {
  color: #00dcff;
}
/*MEDIA QUERIES*/
@media only screen and (max-width: 600px) {
  #nav ul li {
    display: inline;
  }
  #nav {
    position: relative;
    top: 1px;
    right: -3px;
  }

  #nav a,
  #nav a:hover {
    padding: 4px 3px;
  }
}