:root {
  --global-color-grey-icons: #999999;
  --global-color-dark-icons-background: #202020;
  --global-color-black-cards-bacground: #191919;
  --global-color-btn-red: #f43334;
  --global-color-red-border: #ca2f30;
  --global-color-white-text: #fffefe;
  --global-darkpurple-background:#110146;
  --global-lightpurple-background:#770096;
  --golden-yellow: #fd961e;
      --bs-border-color: #a8ca1e;
  --global-redtextGradient:linear-gradient(145deg,
    var(--global-color-btn-red) 10%,
    var(--global-color-dark-icons-background) 55%
    );
  --global-purpletextGradient: linear-gradient(135.5deg, #ED407E 1.15%, #8E42C9 50.99%, #5D7CE5 99.15%);
  --global-green-gradient: linear-gradient(45deg, #011522 20%, #184E4A 80%);

  background-image: linear-gradient(
    50deg,
    var(--e-global-color-btn-red) 0%,
    var(--e-global-color-dark-icons-background) 38%
  );

}
.bg-gradient-gray{background: linear-gradient(45deg,#111618 0%,#353535 100%);}
.bg-gradient-purple{background: linear-gradient(45deg,#110146 0%,#770096 100%);}
.bg-gradient-blupurple{background: linear-gradient(30deg, #3f1399 20%, #0c5adb 80%);}
.bg-gradient-green{background: linear-gradient(to right,#4c9100 40%,#8cb453 100%);}
.bg-gradient-flamingo{background: linear-gradient(to right,#f7693c,#c74e45,#7d3785,#582d9f,#3928af)}
.bg-gradient-orange{
    background: -moz-linear-gradient(left, #FF8B00 0%, #F66821 50%, #e62d57 100%);
    background: -webkit-linear-gradient(left, #FF8B00 0%, #F66821 50%, #e62d57 100%);
    background: linear-gradient(to right, #FF8B00 0%, #F66821 50%, #e62d57 100%);
}
.bg-gradient-emerald-blue-green{background-image: linear-gradient(50deg,#09afea 0,#19e089 100%);}
.bg-gradient-red{background: var(--global-redtextGradient);}
.bg-dark-gray {background: var(--global-color-black-cards-bacground);}
.bg-dark-red {background: #d1372a}
.bg-light-beige{background-color: #fcf8f5 ;}
.bg-warm-beige{background-color: #f0e8d763 ;}
body { scroll-behavior: smooth; }
body {
  font-family: 'Poppins';
  color: #15161d;
  margin: 0px;
  padding: 0px;
  font-size: 0.875rem;
  line-height: 1.42857;
  font-weight: 400;
 /*background: #F3F4F9;*/
}
.flaticon_lg{font-size: 75px; line-height: 75px;}
.text-primary{color:#275a53 !important;}
.text-lightgreem{color: #a8ca1e !important;}
.border-lightgreem, .border-dark{
    border-color: #a8ca1e;
}
.w-85 {width: 85%;}
.text-warm {
  color: #ffb822 !important;
}
.card-title{
   font-size: 20px;
    margin-bottom: 5px;
    font-weight: 700;
    line-height: 30px;
}
.card-text {
    color: #666666;
}
h1, h2, h3, h4, h5, h6 {
    color: #2b2d2e !important;
}
ul.list-unstyled.location-list li {
    margin-bottom: 11px;
    font-size: 15px;
}
.green-gradient{
  background-color: transparent;
  background-image: linear-gradient(45deg, #011522 20%, #184E4A 80%);
}
.geo-location{
  color: #fff;
}
.footer-section {
    background: #081a17;
    color: #ffff;
}
.footer-section h5{color: #a8ca1e !important;}
.footer-section p{color: #fff !important;}
.footer-section i.fi {
    position: relative;
    top: 2px;
    text-decoration: none !important;
    padding-right: 4px;
}
.footer-section a {text-decoration: none !important;}
.footer-logo{font-weight: bold;}
.copyright-links a {
    color: #fff;
    text-decoration: none;
}
footer::before{background:rgba(39, 90, 83, 0.2);
    content: "";
    display: block;
    height: 5px;
}
.social-icons a {
  width: 40px;
  height: 40px;
  background-color: #4c9100;
  -webkit-border-radius: 60px;
  -khtml-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
  display: inline-block;
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 40px;
  margin: 10px 6px;
}

.social-icons a:hover {
  background-color: #a8ca1e ;
  color: #fff;
}

.social-icons a:last-child {
  margin-right: 0;
}

.social-icons a i {
  color: #fff;
}

@media screen and (max-width: 767px) {
  .social-icons a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    margin-right: 5px;
  }
}

.whatsapp-btn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #25D366;
  color: #fff;
  font-size: 27px;
  padding: 9px 14px;
  border-radius: 50%;
  z-index: 999;
}
.hero-card{
  width: 425px;
  background: linear-gradient(rgba(0,0,0,.8),rgba(0,0,0,.4));
}
.hero-banner {
  height: 70vh;
  /*background: linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)),*/
  background: url("../images/hero-banner.PNG") bottom/cover;
}

.fade-in {
  animation: fade 1.2s ease-in;
}

.fade-in-delay {
  animation: fade 1.8s ease-in;
}

@keyframes fade {
  from {opacity:0; transform:translateY(20px);}
  to {opacity:1; transform:translateY(0);}
}
.hero-banner h1{font-size:52px;}
.hero-banner h1 span{font-size:32px;}
.hero-banner h1, .hero-banner p{color: #fff !important;}
.location-highlights .card {
    border: none !important;
}
.location-highlights img {
    width: 255px;
    height: 180px;
}
.top_menu{background-color: #191919;}
.top_menu a.nav-link {
  font-weight: 500;
    color: #fff;
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.top_menu li.nav-item {
    padding-left:5px;
    padding-right:5px;
}
.top_menu li.nav-item .ph-txt{color: #fff; font-size: 16px;}
@media screen and (min-width: 992px) {
  .navbar {
    padding: 0;
  }
  .navbar .navbar-nav .nav-link {
    padding: 1em 0;
  }
  .navbar .navbar-nav .nav-item {
    margin: 0 1em;
  }
}

.navbar .navbar-nav .nav-item {
  position: relative;
}
.navbar .navbar-nav .nav-item::after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  content: "";
  background-color: #8cb453;
  width: 0%;
  height: 4px;
  transition: all 0.5s;
}
.navbar .navbar-nav .nav-item:hover::after {
  width: 100%;
}

html {
  scroll-behavior: smooth;
}
section {
  scroll-margin-top: 60px;
}