@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Montserrat&family=Poppins&display=swap");
body {
  position: relative;
  padding: 0;
  box-sizing: border-box;
  overflow-x: hidden;
  font-family: "Lato", sans-serif;
}

.offset:before {
  display: block;
  content: "";
  height: 6rem;
}

.navbar {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 0.2em;
  background:  lightblue !important;
  padding: 20px 0;
}

.navbar-dark .navbar-nav .nav-link {
  color:darkblue;
  font-family: "Lato", sans-serif;
  padding-left: 20px;
}
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link:hover {
  color: gold;
}

#home {
  position: relative;
}

.heading-content{
  position: absolute;
  top: 45%;
  width: 100%;
  max-width: 100%;
}


.heading-content h5{
  font-size: 4em;
  font-weight: 300;
  color: darkblue;
  font-family: monospace;
}

.heading-content h1{
  font-size: 5em;
  font-weight: bolder;
  color: darkblue;
  font-family: 'Montserrat', sans-serif;
}

.heading-content p{
  font-size: 3em;
  text-transform: uppercase;
  font-weight: bold;
  color:gold;
  word-spacing: 5px ;
  letter-spacing: 2px;
}

/*--------------------------About Start---------------------*/
#about .btn{
  border:2px solid transparent;
  width: 40%;
  padding: 15px 22px;
  background: #000;
  border-radius: 5px;
  margin-top: 10px;
}
#about .btn a{
  color: #fff;
  text-decoration: none;
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
}
#about .btn:hover{
  border:2px solid #1ebba3;
  cursor: pointer;
}


/*--------------------------Service Start---------------------*/

#service .button{
  border:2px solid transparent;
  width: 40%;
  padding: 15px 22px;
  background: #000;
  border-radius: 5px;
  margin-top: 10px;
}
#service .button a{
  color: #fff;
  text-decoration: none;
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
}
#service .button:hover{
  border:2px solid #1ebba3;
  cursor: pointer;
}


/*--------------------------Newsletter Start---------------------*/

.sec1{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: #f8fafb;
}

.sec1 h2{
  font-family: 'Poppins', sans-serif;
  font-weight: bold;
  letter-spacing: 3px;
  line-height: 50px;
}

.sec1 p{
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
}

/*-----------------Media Query--------------------*/
@media screen and (max-width: 767px) {
  /*---------tablets------------*/
  .navbar {
  letter-spacing: 0.1em;
  padding: 10px 0;
}
.heading-content h5{
  font-size: 3em;

}

.heading-content h1{
  font-size: 3em;
 
}

.heading-content p{
  font-size: 0.9em;
 
}



}

@media screen and (max-width: 479px) {
  /*---------smartphones------------*/
    .navbar {
  letter-spacing: 0.1em;
  padding: 7px 0;
}
.heading-content h5{
  font-size: 2em;

}

.heading-content h1{
  font-size: 2em;
 
}

.heading-content p{
  font-size: 0.7em;
 
}

#contact .post-heading h3{
  font-size: 2em;
}


}