@charset "utf-8";
/* CSS Document */
html{
	scroll-behavior: smooth;
}
body{
	font-family:'Roboto', sans-serif;
	background-color: #0d1117;
	height: 100vh;
}
#goToTop{
	position:fixed;
	bottom:20px;
	right:20px;
	display:none;
	z-index:99;
}
@font-face{
	font-family: 'Flatlion';
	src: url("../Fonts/Flatlion.woff")format('woff');  
	font-weight: normal;
	font-style: normal;
}
.custom-heading{
	font-family: 'Flatlion', sans-serif;
}
.card{
	background-color: #161b22;
	border-color: #8b949e;
}
.btn-primary{
	background-color: #2196f3;
	border-color: #2196f3;
}
.btn-primary:hover{
	background-color: #0b7cd3;
	border-color: #0b7cd3;
}
.btn-outline-secondary{
	color: #8b949e;
	border-color: #30363d;
}
.btn-outline-secondary:hover{
	background-color: #30363d;
	color: #c9d1d9;
}
.badge{
	font-size: 0.9em;
}
.accordion-item{
	background-color: #161b22;
	border-color: #30363d;
	color: #c9d1d9;
}
.accordion-button{
	background-color: #161b22;
	color: #c9d1d9;
}
.accordion-button:not(.collapsed){
	background-color: #1e2630;
	color: #c9d1d9;
	border-bottom: 1px solid #30363d;
}
.accordion-button::after{
	filter: invert(1) grayscale(100%);
}
.fixed-card{
	width: 300px;
	height: 550px;
}
.fixed-card img{
	height: 200px;
	object-fit: cover;
}
.fixed-card .card-body{
	overflow: hidden;
}
.card-img-top{
	width: 100%;
	object-fit: cover;
}
.carousel-indicators {
  position: absolute;
  top: -30px;
  right: 15px;
  left: auto;
  margin: 0;
}
.carousel-indicators [data-bs-target] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #333;
}
.carousel-indicators .active {
  background-color: #0d6efd;
}
.text-muted{
  color: #00FFCC;
}
h1, h2, h3, h4, h5, h6{
 color: #34495E;
}
p, ul{
 color: #00FFCC;
}
a{
  text-decoration: none;
}
/* Base clamp utility */
.text-clamp {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/* Default clamps */
.text-clamp-1 { -webkit-line-clamp: 1; }
.text-clamp-2 { -webkit-line-clamp: 2; }
.text-clamp-3 { -webkit-line-clamp: 3; }
.text-clamp-4 { -webkit-line-clamp: 4; }

/* Responsive clamps (Bootstrap breakpoints) */
@media (max-width: 575.98px) { /* xs */
  .text-clamp-sm-2 { -webkit-line-clamp: 2; }
  .text-clamp-sm-3 { -webkit-line-clamp: 3; }
}

@media (min-width: 576px) { /* sm */
  .text-clamp-md-3 { -webkit-line-clamp: 3; }
}

@media (min-width: 768px) { /* md */
  .text-clamp-lg-4 { -webkit-line-clamp: 4; }
}