* {
  font-family : 'Poppins';
  color: #323232;
}
.border-b-gray-200{
  border-bottom:solid #e5e7eb
}
.border-y-200 {
  border-top-width: solid #e5e7eb 2px;
  border-bottom-width: solid #e5e7eb 2px;
}
input:checked~ul.submenu {
  display: block;
}
.mobile-nav {
  background-image: url(../img/nav-bg.png), url(../img/golden-border.png);
  background-size: contain, contain;
  background-repeat: no-repeat, repeat-x;
  background-position: bottom center, bottom center;
}
a {
  text-decoration: underline;
}
nav a, #carousel a, a.btn, footer a {
  text-decoration: inherit;
}
.about-image-1{
  background-image: url('../img/about/about3.jpg');
}
.about-image-2{
  background-image: url('../img/about/about4.jpg');
}
.main-slide-content {
  background: #ffffff;
}

.swiper-button-prev:after, .swiper-button-next:after {
  content: '' !important;
}

:root {
  --swiper-theme-color: #394a81 !important;
}
.swiper-slide {
  transition: all 0.3s;
}

.center-big .swiper-slide:not(.swiper-slide-active) {
    transform: scale(0.8) !important;
    z-index: 2
}

.our-features {
  background-position: top right;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url('../img/mobile-bg.jpg');
}

.dot-bullet li {
  padding-left: 1em; 
  text-indent: -.7em;
}
.swiper-slide, swiper-slide {
  overflow: hidden;
}
.dot-bullet li::before {
  content: "● ";
  color: #029fab;
}

@media (min-width: 768px) {
  .mobile-nav {
    background-image:none;
  }
  .about-image-1{
    background-image: url('../img/about/about1.jpg');
  }
  .about-image-2{
    background-image: url('../img/about/about2.jpg');
  }
  .main-slide-content {
    background: linear-gradient(to left, white 50%, transparent 70%);
  }
  .our-features {
    background-image: url('../img/glimpses.jpg');
  }
}
@media (min-width: 1024px) {
  .about-image-1{
    background-image: url('../img/about/about1.jpg');
  }
  .about-image-2{
    background-image: url('../img/about/about2.jpg');
  }
  
}
@media (min-width: 1280px) {
  .about-image-1{
    background-image: url('../img/about/about1.jpg');
  }
  .about-image-2{
    background-image: url('../img/about/about2.jpg');
  }
  #features .slick-list {
    padding: 0 158px 0 0 !important;
  }
}
@media (min-width: 1536px) {
  .about-image-1{
    background-image: url('../img/about/about1.jpg');
  }
  .about-image-2{
    background-image: url('../img/about/about2.jpg');
  }
  #features .slick-list {
    padding: 0 158px 0 0 !important;
  }
  .error{
    color: #e7ff59;
  }

}