/*@media (min-width: 1200px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl {
	  max-width: 1430px;
	}
}*/


.fade-image {
	animation: fadeInBackground 1s ease-in-out forwards; /* Apply the fade-in animation */
}
  
/* Keyframes for the fade-in effect */
@keyframes fadeInBackground {
from {
	opacity: 0; /* Start fully transparent */
}
to {
	opacity: 1; /* End fully visible */
}
}


  
* {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.btn-link {
	text-decoration: none;
	text-decoration-color: yellow;
}

.btn-link:hover {
	text-decoration: underline;
	text-decoration-color: #fff  !important;
}

body, html {
	background-color: black;
	font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
	padding: 0px;
}

a {
	cursor:pointer;
}
.slab {
	font-family: "Roboto Slab", sans-serif;
}

.navbar-toggler-icon {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-list" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5"/></svg>');
   background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.custom-toggler.navbar-toggler {
    border-color: #fff !important;
	border-width: 2px;
	background: none;
	border-radius: 8px !important;
}

.custom-toggler.navbar-toggler:hover {
    border-color: #e1e1e1 !important;
	outline: none;
	box-shadow: none;
}

.custom-toggler.navbar-toggler:blue {
    border-color: #fff !important;
	outline: none;
	box-shadow: none;
}

.section {
	padding-top: 100px;
	padding-bottom: 100px;
}

.nav-section {
	padding-top: 130px;
	padding-bottom: 40px;
}

.bg-light{
	background: #f3f3f6 !important;
}

.card {
	border-radius: 16px !important;
	overflow: hidden;
}

.image-corners {
	border-radius: 16px !important;
}

.active {
	color: #e1e1e1 !important;
	pointer-events: none !important;
	text-decoration: underline;
}

.text-light-grey {
color: #a1a1a1 !important;
}


.link-custom:hover {
	color: lightblue !important;
	text-decoration-color: lightblue !important;
}

.grow { transition: all .2s ease-in-out; }
.grow:hover { 
    transform: scale(1.05); 
}

.fade-in {
    opacity: 0;
    animation: fadeIn .5s ease-in forwards;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}