html,

body {

  overflow-x: hidden; /* Prevent scroll on narrow devices */

  font-family: "Montserrat", sans-serif;

  font-optical-sizing: auto;

}

.bsearch {
  width: 50%; padding: 40px; margin-top: 20px;
}



.montserrat-hero {

  font-family: "Montserrat", sans-serif;

  font-optical-sizing: auto;

  font-weight: 300; /*100 to 900*/

  font-style: normal;

  text-transform: uppercase;

  font-size: 46px;

}



.montserrat-menu {

  font-family: "Montserrat", sans-serif;

  font-optical-sizing: auto;

  font-weight: 400; /*100 to 900*/

  font-style: normal;

  text-transform: uppercase;

  font-size: 16px;

}



.montserrat-heading {

  font-family: "Montserrat", sans-serif;

  font-optical-sizing: auto;

  font-weight: 700; /*100 to 900*/

  font-style: normal;

  text-transform: uppercase;

  font-size: 50px;

}



.montserrat-ethos {

  font-family: "Montserrat", sans-serif;

  font-optical-sizing: auto;

  font-weight: 700; /*100 to 900*/

  font-style: normal;

  text-transform: uppercase;

  font-size: 15px;

}



.montserrat-title {

  font-family: "Montserrat", sans-serif;

  font-optical-sizing: auto;

  font-weight: 300; /*100 to 900*/

  font-style: normal;

  text-transform: uppercase;

  font-size: 30px;

}



.montserrat-titlesmaller {

  font-family: "Montserrat", sans-serif;

  font-optical-sizing: auto;

  font-weight: 300; /*100 to 900*/

  font-style: normal;

  text-transform: uppercase;

  font-size: 15px;

}



.yellow { color:#f4c703; }

.darkblue { color:#2e3c4b; }



body {

  padding-top: 86px;

}



.bg-darkergrey {

  background: #222d39;

}



.bg-darkgrey {

  background: #2e3c4b;

}



.bg-yellow {

  background: #f4c703;

}



.btn-org {

  margin-top: 10px;

  background: #f4c703;

  border:0px;

  border-radius: 6px;

  width: 100%;

  padding: 10px;

  color: #333;

  font-family: "Montserrat", sans-serif;

  font-optical-sizing: auto;

  font-weight: 700; /*100 to 900*/

  font-style: normal;

  text-transform: uppercase;

}



.btn-org:hover {

  background: #ffd000;

}



.blue-card {

  background: #2e3c4b;

}



.nomber { text-align: center; }



@media (max-width:1280px) {

  

  .atas { padding: 30px 100px 30px 100px; }

}



@media (max-width: 991.98px) {

  .offcanvas-collapse {

    position: fixed;

    top: 86px; /* Height of navbar */

    bottom: 0;

    left: 100%;

    width: 100%;

    padding-right: 1rem;

    padding-left: 1rem;

    overflow-y: auto;

    visibility: hidden;

    background-color: #343a40;

    transition: transform .3s ease-in-out, visibility .3s ease-in-out;

  }

  .offcanvas-collapse.open {

    visibility: visible;

    transform: translateX(-100%);

  }

  

}



@media (max-width: 600px) {

  .atas { padding: 30px 30px 50px 30px; }

  .montserrat-ethos { font-size: 13px; }

  .montserrat-hero { font-size: 30px; }

  .montserrat-heading { font-size: 25px; }

  .montserrat-title { font-size: 20px; }

  .nomber { text-align: left; }

  .testim { font-size: 17px; }

  .bsearch { width: 100%; padding: 20px; margin-top: 20px; }
}



.nav-scroller .nav {

  color: rgba(255, 255, 255, .75);

}



.nav-scroller .nav-link {

  padding-top: .75rem;

  padding-bottom: .75rem;

  color: #333;

}



.nav-scroller .nav-link:hover {

  color: #fff;

}



.nav-scroller .active {

  font-weight: 500;

  color: #343a40;

}



.bg-purple {

  background-color: #6f42c1;

}