:root {
  --bs-font-sans-serif: 'Mulish', sans-serif;
  --skyblue: linear-gradient(90deg, #03A7D3 0%, #1F3C81 100%);
  --pink: linear-gradient(100deg, #B6246E 8%, #F9636B 83%);
  --dark-blue : linear-gradient(180deg, #0c1a54 0%, #030434 49%);
  --white: #fff;
}

html {
  scroll-behavior: smooth;
}

a {
  text-decoration: unset;
  color: inherit;
}

a:hover{
	color: unset;
}


hr {
  height: 3px !important;
  width: 6rem;
}

#navbar-toggler {
  z-index: 100;
}

#navbar-toggler:focus{
  box-shadow: unset;
} 

@media screen and (max-width: 991px) {

  .custom-navbar {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: var(--white);
    padding: 3rem 2rem;
    transform: translateY(-100%);
    transition: transform 0.5s ease-out;
    z-index: 99;
  }

  .custom-navbar.active {
    transform: translateY(0);
  }
}

.navbar-light .navbar-nav .nav-link{
  color:  rgba(0,0,0,.65);
}

.form-control:focus{
  box-shadow: unset;
}

.bg-skyblue {
  background-image: var(--skyblue);
}

.bg-pink {
  background-image: var(--pink);
}

.bg-dark-blue{
	background-image: linear-gradient(180deg, #0c1a54 0%, #030434 49%);
}

.overflow-x-hidden{
	overflow-x: hidden;
}
.overflow-y-hidden{
	overflow-y: hidden;
}

.hover\:scale {
	transition: transform 0.4s ease-out;
}

.hover\:scale:hover {
	transform: scale(1.05)!important;
}