@font-face {
  font-family: 'AlexBrushRegular';
  src: local('AlexBrushRegular'), url('../fonts/AlexBrushRegular/AlexBrushRegular.woff') format('woff');
}

@font-face {
  font-family: 'AlexBrushRegular';
  src: local('AlexBrushRegular'), url('../fonts/AlexBrushRegular/AlexBrushRegular.woff') format('woff');
}
@font-face {
  font-family: 'Poppins-ExtraLight';
  src: local('Poppins-ExtraLight'),url('../fonts/Poppins-ExtraLight.ttf');
}
p{
  font-family: "Poppins-ExtraLight"!important;
  font-weight: 400;
  font-size: 16pt;
  color: #010101;

}
label{
  font-family: "Poppins-ExtraLight"!important;
  font-size: 12pt;
  margin: 7px;
}

/* Color shcheme  for the site */

.primary-bg {
  background-color: #fff;
}

.secondary-bg {
  background-color: #f1f1f1
}
.tertiary-bg{
  background-color: #f0ffff;
}

.accent-bg {
  background-color: #23c686;
  color: white;
}
.accent-color{
  color:#23c686 ;
}

.text-color {
  color: #010101;
}
.bg-black{
  background-color: #010101;
  color:#f4f9fd ;
}
.bg-black:hover{
  /* background-color: #23c686!important; */
  color:#f4f9fd ;
}



/* ======================= */

.primarry-bg {
  background-color: #fff;
}

.container-bg {
  background-color: #fbfdfe;
}

h4 {
  color: #010101;
  font-family: 'AlexBrushRegular'!important;
}
h3 {
  color: #010101;
  font-family: 'AlexBrushRegular'!important;
  font-size: 30pt;
}
.text-primary {
  background-color: #4a5567;
}

.backgound-primary {
  background-color: forestgreen;
}

.background-secondary {
  background-color: rgb(62, 183, 62);
}

.background {
  background-color: #eef2f7;
}

.button-primary {
  background-color: forestgreen;
  color: white;
}

.singleDestinationLabel {
  position: relative;
  bottom:-30px;
  left: 40px;
  color: #eef2f7;
  font-size: 35px;
  font-weight: bolder;
  /* bottom: 20px; */
  font-family: 'AlexBrushRegular' !important;
}
.destinationSitesLabel{
  color:rgb(255, 255, 255);
  padding: 3px;
  stroke-width: 4px;
  position: relative;
  font-size: 14pt;
  left:70%;
  font-weight: 500;
  top: 25%;
  width: 70px;
  background-color: #23c686;
  border-radius: 10px;
}
.destinationSite {
  /* background-color: #e5ebea3d; */
  padding: 10px;
  cursor: pointer;
  clip-path: circle(75%);
}


.AlexBrushRegular {
  font-family: 'AlexBrushRegular' !important;
}

.destinationSite button {
  position: relative;
  top: 50px;
  left: 30px;
}
.destinationSite .w-100::before{
  content:"";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.destinationSite img:hover {
  -webkit-box-shadow: 1px 11px 14px -9px rgba(79, 77, 79, 1);
  -moz-box-shadow: 1px 11px 14px -9px rgba(79, 77, 79, 1);
  box-shadow: 1px 11px 14px -9px rgba(79, 77, 79, 1);
  cursor: pointer;
}

nav .nav-link {
  font-size: 14pt;
  font-weight: 400;
  color: #010101;
  font-family: "Poppins-ExtraLight"!important;

}
.mobileOnly{
  display: none;
}
.active{
color: white!important;
background-color: #23c686!important;
padding: 7px;
}

nav .nav-link:hover {
  /* background-color: #23c686; */
  border-radius: 7px;
  color: #23c686;
}

.carousel-caption>h5 {
  font-size: 40pt;
  position: relative;
  bottom: 80px;
  font-family: 'AlexBrushRegular' !important;
  color: #23c686;
}

.carousel-caption>p {
  font-size: 22pt;
  position: relative;
  bottom: 50px;
  color: #f1f1f1;
}

#aboutus h3 {
  color: aquamarine;
}
#aboutUs{
  
}

.box {
  background-color: #2b6cb0;
  min-height: 80px;
  font-size: 2rem;
}

.text-justify {
  text-align: justify;
}

.textBody blockquote {
  font-size: 12pt;
  font-weight: lighter;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-style: italic;
}

.fa-quote-left {
  font-size: 20pt;
  margin: 10px;
}

.carousel-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6)
}

.bg-gradient {
  background: linear-gradient(rgba(6, 185, 51, 0.7), rgba(11, 25, 2, 0.8));
}

@media screen and (max-width:600px) {
  .contact {
    display: none!important;
  }
  .navbar-nav{
    background-color: #f0ffff;
    padding-left: 20px;
  }
  .webOnly{
    display: none!important;
  }
}
@media screen and (max-width:991px){
  .webOnly{
    display: none;
  }
  .navbar-nav{
  background-color: #fff;
  }
  .mobileOnly{
    display: block!important;
  }
}

@media screen and(min-width:601px) {
  .contact .nav-link {
    font-size: 18pt;
    font-weight: lighter;
  }
  .webOnly{
    display: block;
  }
  .mobileOnly{
    display: none!important;
  }
}

#services .card-title {
  font-weight: 400;
  font-size: 12pt;
}

#services .card {
  min-height: 200px;
}

#aboutUs p {
  font-weight: 400;
  line-height: 2;
  font-size: 14pt;
}
#sitesModal .card img{
  height: 180px;
}
#sitesModal .card{
  margin: 10px;
}
footer p{
  font-size: 13pt;
  color: #f1f1f1;
}
.card-header p{
  font-size: 13pt;
  font-weight: 600;
}