body,h1,h2,h3,h4,h5,h6 {font-family: 'Poppins', sans-serif;}

html {
  scroll-behavior: smooth;
}

body, html {
  height: 100%;
  line-height: 1.8;
}
.w3-right.w3-hide-small.menu-link {
    margin-top: 20px;
    padding-right: 30px;
}
.bnr-txt {
    text-transform: capitalize;
}
.footer-section .fa {
    font-size: 24px !important;
}
.head-text{
  font-weight: 800; 
  color: #29487d;
}
.logo-box {
    padding-left: 30px;
}
a.w3-bar-item.w3-button.w3-right.w3-hide-large.w3-hide-medium {
    margin-top: 10px;
    padding-right: 25px;
    font-size: 26px;
}
/* Full height image header */
.bgimg-1 {
  background-position: center;
  background-size: cover;
  background-image: url("/img/land.png");
  min-height: 100%;
}

.w3-bar .w3-button {
  padding: 20px;
}

.w3-center{
font-size: 50px;
}
.text-secondary {
  color: #3d5d6f;
}

.h4,
h4 {
  font-size: 1.2rem;
}

h2 {
  color: #333;
}

.fa,
.fas {
  font-family: 'FontAwesome';
  font-weight: 400;
  font-size: 1.2rem;
  font-style: normal;
}

.right-0 {
  right: 0;
}

.top-0 {
  top: 0;
}

.h-100 {
  height: 100%;
}

a.text-secondary:focus,
a.text-secondary:hover {
  text-decoration: none;
  color: #22343e;
}
.footer-section p{
  font-size: 20px;
}



/* Clear floats after the columns */
.row:after {
  color: white;
  background-color: black;
  content: "";
  display: table;
  clear: both;
}

#accordion .fa-plus {
  transition: -webkit-transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}

#accordion a[aria-expanded=true] .fa-plus {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.text-us{
  background-color: #d4d8e8 ;
  color: black;
  padding: 70px;
  margin: auto;
  text-align: center;
}
.logo-box img {
    max-width: 75px;
}
.text-us button{
  font-size: 30px;
  background-color: black;
  color: white;
  padding-left: 70px;
  padding-right: 70px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius: 200px;
}
.footer-section{
  background-color: black;
}
div#faq {
    padding-top: 40px;
}
.para-about {  
    font-size: 24px;
    text-align: center;
}
/* Create three equal columns that floats next to each other */

@media screen and (min-width: 600px) {
.footer-section h4{
  padding-bottom: 20px;
}
 .column {
  color: white;
  float: left;
  background-color: black;
  width: 33.33%;
  padding: 60px;
  height: 400px; /* Should be removed. Only for demonstration */
}

}

@media(max-width: 768px){

.w3-display-left {
    top: 70%;
}
.w3-jumbo {
    font-size: 54px!important;
}
.w3-center {
    font-size: 36px;
}

section#maincontent {
    width: 100% !important;
}
#accordion h2 {
    font-size: 18px !important;
}
.text-us h1 {
    font-size: 28px;
    line-height: 50px;
    text-transform: capitalize;
}

}

@media(max-width: 580px){
  .w3-jumbo {
    font-size: 45px!important;
}

.w3-center {
    font-size: 28px;
}

.para-about{
    font-size: 20px;
    text-align: center;
    padding-top: 20px;
}
.text-us h1 {
    font-size: 28px;
    line-height: 36px;
}
.text-us button {
    font-size: 21px;
    padding-left: 50px;
    padding-right: 50px;
    border-radius: 100px;
}
.footer-section .column {
    width: 100%;
    padding: 20px;
    color: #ffff;

}
}