* {
  font-size: 99%;
}
/* width */
::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #5461a8; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #212c65; 
}
p,pre{
  font-size: 104%!important;
  text-align: justify;
}
.btn-rounded {
  border-radius: 5rem;
}
pre {
  white-space: break-spaces;
  /* font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; */
  font-family: var(--bs-font-sans-serif);
  padding: 0;
  font-size: 99%;
  color: #888;
  margin-bottom: 1rem;
  word-wrap: break-word;
}
pre a {
  color: #ff5443;
  transition: 0.3s;
  padding: 0 2px;
  text-decoration: none;
}
pre a:hover {
  color: #fff;
  background-color: #ff5443;
}
.bubble.quote-bubble{
  width:60px;
  height:60px;
}
.bubble .bubble-close-btn{
  text-shadow:0 0 3px black;
}
.bubble .bubble-text p{
  line-height: 15px;
}
p {
  color: #000;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #555;
  font-family: Josefin, Roboto, sans-serif;
}
.text-justify{
    text-align:justify;
}
.btn-blue {
  background: linear-gradient(#5e6aa5, #3646a6);
  border: 0;
  color: #fff !important;
  font-size: 0.8em;
  letter-spacing: 1px;
  font-weight: 600;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  transition: 0.3s;
}
.btn-blue-hov:hover {
  color: #3646a6;
  background: #fff;
  box-shadow: 0 0 5px 2px white;
}
.btn-orange {
  background: #ff5443;
  border: 0;
  color: #fff;
  font-size: 0.8em;
  letter-spacing: 1px;
  font-weight: 600;
  transition: 0.3s;
  box-shadow: 10px 0 10px #ffccc8;
}
.btn-orange:hover {
  box-shadow: 0 0 15px 7px #ffccc8;
  color: #fff;
}
.nav a {
  font-weight: 500;
  transition: 0.3s;
}
.navbar-dark .navbar-nav .nav-link{
  color: #3636a6;
}
.nav a:hover,
.nav a:focus,
.nav a.active {
  font-weight: 600;
  color: #3646a6 !important;
  transform: scale(1.05);
}
.nav .dropdown-menu a {
  font-size: 0.8em;
  transition: 0.3s;
  color: #3646a6 !important;
}
.nav .dropdown-menu a:hover {
  color: #373f6e !important;
}
.go-to-top-btn {
  transform: scale(0.7);
  display: none;
  opacity: 0.7;
}
.text-lightgray {
  color: #d8d8d8 !important;
}
.bg-lightgray {
  background-color: #d8d8d8 !important;
}
.text-gray {
  color: #a1a1a1 !important;
}
.bg-gray {
  background-color: #a1a1a1 !important;
}
.text-lightorange {
  color: #ffddda !important;
}
.bg-lightorange {
  background-color: #ffddda !important;
}
.text-orange {
  color: #ff5443 !important;
}
.bg-orange {
  background-color: #ff5443 !important;
}
.text-lightblue {
  color: #ecefff !important;
}
.bg-lightblue {
  background-color: #ecefff !important;
}
.text-blue {
  color: #5461a8 !important;
}
.bg-blue {
  background-color: #5461a8 !important;
}
.text-darkblue {
  color: #373f6e !important;
}
.bg-darkblue {
  background-color: #373f6e !important;
}
.active-orange {
  color: #ff5443 !important;
}
.text-orange-hov:hover {
  color: #ff5443 !important;
}
.border-bottom-orange-hov {
  border-bottom: 1px solid transparent;
}
.border-bottom-orange-hov:hover {
  border-bottom: 1px solid #ff5443;
}
.fs-0 {
  font-size: 80%;
}
.ls-0 {
  letter-spacing: 0px;
}
.ls-1 {
  letter-spacing: 1px;
}
.ls-2 {
  letter-spacing: 2px;
}
.ls-3 {
  letter-spacing: 3px;
}
.ls-4 {
  letter-spacing: 4px;
}
.ls-5 {
  letter-spacing: 5px;
}
.lh-1 {
  line-height: 25px;
}
.lh-2 {
  line-height: 30px;
}
.lh-3 {
  line-height: 38px;
}
.lh-4 {
  line-height: 45px;
}
.lh-5 {
  line-height: 50px;
}
.hidden {
  opacity: 0;
}
.opacity-0 {
  opacity: 0;
}
.opacity-1 {
  opacity: 1;
}
.opacity-2 {
  opacity: 0.8;
}
.opacity-3 {
  opacity: 0.6;
}
.opacity-4 {
  opacity: 0.4;
}
.opacity-5 {
  opacity: 0.2;
}
.opacity-0-hov:hover {
  opacity: 0 !important;
}
.opacity-1-hov:hover {
  opacity: 1 !important;
}
.opacity-2-hov:hover {
  opacity: 0.2 !important;
}
.opacity-3-hov:hover {
  opacity: 0.4 !important;
}
.opacity-4-hov:hover {
  opacity: 0.6 !important;
}
.opacity-5-hov:hover {
  opacity: 0.8 !important;
}
.slide-up-hov:hover {
  transform: translateY(-30px);
}
.shadow-hov:hover {
  box-shadow: 0 0 20px rgb(77, 77, 77) !important;
}
.scale-0-hov:hover {
  transform: scale(0);
}
.scale-1-hov:hover {
  transform: scale(1);
}
.scale-2-hov:hover {
  transform: scale(1.05);
}
.scale-3-hov:hover {
  transform: scale(1.1);
}
.scale-4-hov:hover {
  transform: scale(1.15);
}
.scale-5-hov:hover {
  transform: scale(1.2);
}
.transition-1 {
  transition: 0.3s;
}
.transition-2 {
  transition: 0.5s;
}
.transition-3 {
  transition: 0.75s;
}
.transition-4 {
  transition: 1s;
}
.transition-5 {
  transition: 1.25s;
}
.d-flex-center {
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.z-index-0 {
  z-index: -1;
}
.z-index-1 {
  z-index: 1;
}
.z-index-2 {
  z-index: 10;
}
.z-index-3 {
  z-index: 100;
}
.z-index-4 {
  z-index: 1000;
}
.z-index-5 {
  z-index: 9999;
}

.flip-image {
  display: flex;
  align-items: stretch;
}
.flip-image img {
  position: absolute;
  top: 0;
  left: 0;
}
.flip-image .img-1 {
}
.flip-image .img-2 {
  transform: rotateY(-90deg);
}
.flip-image:hover .img-1 {
  transform: rotateY(90deg);
}
.flip-image:hover .img-2 {
  z-index: 1;
  transform: rotateY(0deg);
}

/* FOR MULTI ITEMS CAROUSEL ON INDEX PAGE */
@media (max-width: 767px) {
  .multi-carousel-inner .carousel-item > div {
    display: none;
    width: 100%;
  }
  .multi-carousel-inner .carousel-item > div:first-child {
    display: block;
  }
}

.multi-carousel-inner .carousel-item.active,
.multi-carousel-inner .carousel-item-next,
.multi-carousel-inner .carousel-item-prev {
  display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {
  .multi-carousel-inner .carousel-item-end.active,
  .multi-carousel-inner .carousel-item-next {
    transform: translateX(33.3333333333%);
  }

  .multi-carousel-inner .carousel-item-start.active,
  .multi-carousel-inner .carousel-item-prev {
    transform: translateX(-33.3333333333%);
  }
}

.multi-carousel-inner .carousel-item-end,
.multi-carousel-inner .carousel-item-start {
  transform: translateX(0);
}

/* ANIMATIONS */
.slide-up {
  animation: slide-up 0.6s forwards ease-in;
}
.slide-down {
  animation: slide-down 0.6s forwards ease-in;
}
.zoom-in {
  animation: zoom-in 0.6s forwards ease-in;
}
.zoom-out {
  animation: zoom-out 0.6s forwards ease-in;
}
.slide-right {
  animation: slide-right 0.6s forwards ease-in;
}

.slide-left {
  animation: slide-left 0.6s forwards ease-in;
}
.delay-0 {
  animation-delay: 0s;
}
.delay-1 {
  animation-delay: 0.3s;
  opacity: 0;
}
.delay-2 {
  animation-delay: 0.5s;
  opacity: 0;
}
.delay-3 {
  animation-delay: 0.75s;
  opacity: 0;
}
.delay-4 {
  animation-delay: 1s;
  opacity: 0;
}
.delay-5 {
  animation-delay: 1.5s;
  opacity: 0;
}
.speed-1 {
  animation-duration: 0.25s;
}
.speed-2 {
  animation-duration: 0.5s;
}
.speed-3 {
  animation-duration: 0.75s;
}
.speed-4 {
  animation-duration: 1s;
}
.speed-5 {
  animation-delay: 1.25s;
}

/* ANIMATIONS */
@keyframes slide-down {
  from {
    transform: translateY(-60px);
    opacity: 0;
  }
  to {
    transform: translateY(0px);
    opacity: 1;
  }
}
@keyframes slide-up {
  from {
    transform: translateY(60px);
    opacity: 0;
  }
  to {
    transform: translateY(0px);
    opacity: 1;
  }
}
@keyframes slide-right {
  from {
    transform: translateX(-60px);
    opacity: 0;
  }
  to {
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes slide-left {
  from {
    transform: translateX(60px);
    opacity: 0;
  }
  to {
    transform: translateX(0px);
    opacity: 1;
  }
}
@keyframes zoom-in {
  from {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes zoom-out {
  from {
    transform: scale(2);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
.font {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  color: #5c5353;
}

#header .content h1 {
  text-shadow: 0 0 10px #444;
  color: #e5e9fa !important;
  font-family: Josefin, Roboto, sans-serif;
  margin-bottom: -10px;
  font-weight: bolder !important;
}
#header .content p {
  color: #f3c6c2 !important;
  font-weight: 600;
  text-shadow: 0 0 3px #000;
  font-family: Varela-round, Roboto, sans-serif;
  letter-spacing: 1px;
  font-style: normal !important;
}
#header {
  position: relative !important;
}
#header:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.37);
  pointer-events: none;
}
#header .content {
  position: relative;
  z-index: 10;
}
#header .content p::before,
#header .content p::after {
  content: " \2015\ ";
  font-family: unicode;
}
p {
  font-family: Raleway, Roboto, sans-serif;
  line-height: 170%;
}