@font-face {
src: url("fonts/SpartanMB-Regular.otf");
font-family: main_font
}
@font-face {
  src: url("fonts/SpartanMB-SemiBold.otf");
  font-family: main_font_bold
}
:root{
  --font-family-sans-serif:main_font, -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
 --font-family-monospace:main_font, SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}
*{
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
}
.q-divider{
border-top: 1px solid rgba(0, 0, 0, 0.12);

}

img{
  max-width: 100%;
}
html{
overflow-x: hidden;
}
section{
  overflow: hidden;
}
a{
  text-decoration: none;
}
a:hover{
  text-decoration: none;
}
body{
  font-size: 100%;
    letter-spacing: 0.25px;
    position: relative;
    font-weight: normal;
    box-sizing: border-box;
    background-position: center;
  font-family:main_font, apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}
body,html{
  max-width: 100%;
  overflow-x: hidden;
}
a:hover{
  text-decoration: none;

}

button,input,optgroup,select,textarea{
  border: 0;
  background-color: #fff;
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  position: relative;

}
button,input{
  overflow: visible;
}
button,select{
  text-transform: none;
}

button,[type="button"],[type="reset"],[type="submit"]{
  -webkit-appearance:button;
}
button:focus{
  outline: 0;
outline-offset: -4px;
}
form{
  padding: 16px;
}
        form textarea{
       width: 100%;
          border-radius: 2.5px;
          height: 150px;
          margin:16px 0px;
            background-color: rgba(186, 203, 232, 0.07058823529411765) !important;
          border: 0 ;
          border-bottom: 2.5px solid #767779;
            padding: 16px;
            color: #fff;
        }


        form input{
          padding: 16px;
          box-sizing: border-box;
border: 0 ;
color: #fff;
border-bottom: 2.5px solid #767779;
font-family:inherit;
          height: 56px;
          background-color: rgba(186, 203, 232, 0.07058823529411765) !important;
          width: 100%;
            border-radius: 2.5px;
            margin: 16px 0px;
        }

        .wrapper{
margin: auto;
    
        }

        .flow-column{
        width: inherit;
          display: flex;
          display: -ms-flex;
flex-flow:  column;
        }
        .flow-row{
        width: inherit;
          display: flex;
            display: -ms-flex;
flex-flow:  row;
        }
        .row{
          height: inherit;
        }
        .height-inherit{
          height: inherit;
        }
        .flow-center{
          justify-content: center !important;
          align-items: center !important;
        }
        .flow-left{
          justify-content: flex-end!important;
          align-items: flex-end !important;
        }
        .flow-right{
          justify-content: flex-end !important;
          align-items: flex-end !important;
        }
        .image-bg-left{
          background-position: left;
        }
        .image-bg-center{
          background-position: center;
        }
.image-cover{
  background-size: cover;
}
.image-bg-fixed{
  background-attachment:local;
}
.image-bg-scroll{
background-attachment: scroll;
}
#bgMove{
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: red;
  opacity: .3;
  top: auto;
  right: 0;
  left: 0;
  transition: all .3s ease-out;
}
p{
  font-family: Roboto,apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important;
font-size: 1rem;
}
.section{
  padding: 100px 0px;
      background-repeat: no-repeat;
      overflow: hidden;
}
.elevate-1 {
    box-shadow: 0 1px 0px 0 rgba(0,0,0,0.16), 0 1px 3px 0 rgba(0,0,0,0.12);
}
.elevate-5{
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12) ;
}
.elevate-4{
  box-shadow: 0 1px 4px 0 rgba(0,0,0,0.16), 0 1px 8px 0 rgba(0,0,0,0.12);
}
.grid {

    width: 100%;
    height: auto;
    overflow: hidden;

    background-color: inherit;
    box-sizing: border-box;
    display: -ms-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
      -ms-flex: 33.3333%;
      flex:33.33333%;

}
.grid div{
  width: 30.333333%;
margin: 8px;
}
.text-white p{
  color: #d5d5d5;
}
.banner{
  background-image: url("images/d (1).jpg");
  width: 80%;
  height: 70vh;
display: block;
margin: auto;
border-radius: 8px;

}
.anchor-button{
border-radius: 6px;
padding: 8px 32px;
letter-spacing: .9px;
background-color: #ff5d2a;
transition:   background-color .2s ease-out;
border: 2px solid #ff5d2a;
text-transform: uppercase;
display: initial;
}
.banner-image{
  height: inherit;
}
.contact-ul{
  list-style-type: none;
}
.contact-ul li span{
  font-weight: bold;
  color: #414345;
}

.navigator{
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  z-index: 99;
  bottom: 4%;
  right: 50%;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-content: center;
  align-items: center;
}
.navigator a{
  font-size: 38px;
}
.center-text{
  text-align: center;
}
.q-card-container{
  width: 100%;
  height: auto;
  position: relative;
  border-radius: 0;
}
.q-card-media{
width: 100%;
height: auto;

}
.q-card-media img{
  width: 100%;
  height: auto;
  object-fit: cover;
}
.q-card-content{
  padding: 16px;
  width: 100%;
  height: auto;
}
.q-height-inherit{
  height: inherit;
}
.q-card-outlined{
  border: 1px solid rgba(0,0,0,0.2);
}
.show{
  opacity: 1;
}
.hide{
opacity: 0;
}
.q-snack-bar{
  background-color: #0b0c0e;
  color: #fff;
  position: fixed;
  padding: 16px;
border-radius: 4px;
  bottom: 4%;
  left: 4%;
  width: 350px;
}
.q-snack-bar p{
  margin: 0;
  color: #fff;
}
.q-nav-menu-toggler{
  width:36px;
  height: 36px;
  border-radius: 50%;
  margin: auto 0px;
  justify-content: center;

padding: 16px;


}
.q-nav-menu-toggler i{
font-size: 38px;
margin: auto;
color: #212529;
line-height: 5px;
}
.q-open-side-nav{
width: 100% !important;
opacity: 1 !important;
  }

.q-side-nav{
  position:fixed;
  top: 0;
  width: 0%;
  opacity: 0;
  bottom: 0;
  height: 100%;
  left: 0;
  background-color: #fff;
  z-index:9999;
  overflow-x: hidden;
  overflow-y: auto;
  transition:  all 400ms cubic-bezier(0.4, 0, 0.2, 1);
-webkit-transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1);
-ms-transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1);
}

.q-line-list {
    padding: 0;
    list-style-type: none;
    display: inline-flex;
    margin: 0;

}