:root {
  --bs-primary:   #004151;
  --bs-warning:   #F7AC00;
  --bs-secondary: #6C757D;
  --bs-success:   #2E7D32;
  --bs-danger:    #C62828;
  --bs-info:      #0288D1;
  --bs-light:     #F8F9FA;
  --bs-dark:      #212529;
}

.text-primary    { color: #004151 !important; }
.text-warning    { color: #F7AC00 !important; }
.text-secondary  { color: #6C757D !important; }
.text-success    { color: #2E7D32 !important; }
.text-danger     { color: #C62828 !important; }
.text-info       { color: #0288D1 !important; }
.text-light      { color: #F8F9FA !important; }
.text-dark       { color: #212529 !important; }

.bg-primary      { background-color: #004151 !important; }
.bg-warning      { background-color: #F7AC00 !important; }
.bg-secondary    { background-color: #6C757D !important; }
.bg-success      { background-color: #2E7D32 !important; }
.bg-danger       { background-color: #C62828 !important; }
.bg-info         { background-color: #0288D1 !important; }
.bg-light        { background-color: #F8F9FA !important; }
.bg-dark         { background-color: #212529 !important; } 
    body {
      overflow-x: hidden;
	  color:#004151;
	  font-family: 'Overpass', sans-serif;
    }
    #sidebar {
      min-height: 100vh;
	  width:350px;
    }
	#sidebar a, #mobmenu a, #lead a {
		color:#004151;
		text-decoration:none !important;
	}

    @media (max-width: 991px) {
      #sidebar {
        position: fixed;
        z-index: 1030;
        left: -350px;
        width: 350px;
        background-color: #f8f9fa;
        transition: left 0.3s ease-in-out;
      }
      #sidebar.show {
        left: 0;
      }
    }
    #burger {
      display: none;
    }
    @media (max-width: 991px) {
      #burger {
        display: block;
        margin: 1rem;
      }
    }
.bg-animation {
    padding: 70px 40px;
   background-image: url(../images/typo.jpg); 
	background-position:right  center;
	background-size:auto 100%;
	background-repeat:no-repeat;
	position:relative;
}


 
@media (max-width: 620px) {
.bg-animation {
    padding: 40px 20px 250px 20px;
   background-image: url(../images/typo.jpg); 
	background-position:center  bottom;
	background-size:100% auto;
	background-repeat:no-repeat;
	position:relative;
}
}


.swiper {

    }

    .swiper-slide {
	width:auto !important;
      padding:10px;
	  display:block;
	  float:left;
    }
	
.service-link {
display:block;
color:inherit;
text-decoration:none !important;}
.service-link img {

}

.service-link:hover img {

}

.btn {
color:inherit;}
    .gallery-item {
      display: none;
    }
    .gallery-item.show {
      display: block;
    }

  .swiper-slide img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
  }