@font-face {
    font-family: 'Palatino';
    src: url('../fonts/Palatino/palr45w.ttf') format('embedded-opentype'), /* Internet Explorer */
         url('../fonts/Palatino/palr45w.ttf') format('woff2'),             /* Super Modern Browsers */
         url('../fonts/Palatino/palr45w.ttf') format('woff'),              /* Pretty Modern Browsers */
         url('../fonts/Palatino/palr45w.ttf') format('truetype'),          /* Safari, Android, iOS */
         url('../fonts/Palatino/palr45w.ttf') format('svg');               /* Legacy iOS */
}


@font-face {
    font-family: 'OpenSansReg'; /*a name to be used later*/
    src: url('../fonts/OpenSans/static/OpenSans-Regular.ttf');
}

@font-face {
    font-family: 'OpenSansIta'; /*a name to be used later*/
    src: url('../fonts/OpenSans/static/OpenSans-Italic.ttf');
}

@font-face {
  font-family: 'MontserratBlack';
  src: url('../fonts/Montserrat/static/Montserrat-Black.ttf');
}

@font-face {
  font-family: 'MontserratBold';
  src: url('../fonts/Montserrat/static/Montserrat-Bold.ttf');
}

@font-face {
  font-family: 'MontserratExtraBold';
  src: url('../fonts/Montserrat/static/Montserrat-ExtraBold.ttf');
}

p {
  font-family: "OpenSansReg";
}

h1,h2,h3,h4,h5,h6 {
  font-family: MontserratBlack;
}

html {
background-color: #F6F6F7;
scroll-behavior: smooth;
scrollbar-width: none;
}

body::-webkit-scrollbar, body::-webkit-scrollbar-button { display: none; } /* Chrome */
/* end hide page scrollbar */

body {
  -ms-overflow-style: none;
  margin: 0;
  padding: 0;
  animation: fadeInAnimation ease 1s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  font-family: OpenSansReg;
}
  hr.blue {
  border: 30px solid #A7E9FF;
  border-radius: 5px;
  }
  hr.tr2 {
  border:1px solid #00000000;
  border-radius: 5px;
  }
    hr.tr {
  border: 1px solid #ffffff00;
  border-radius: 5px;
}

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

@keyframes fadeInUp {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}

.cards-wrapper {
  display: flex;
  justify-content: center;
}
.card img {
  max-width: 100%;
  max-height: 100%;
}
.card {
  margin: 0 0.5em;
  box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
  border: none;
  border-radius: 0;
}
.carousel-inner {
  padding: 1em;
}
.carousel-control-prev,
.carousel-control-next {
  background-color: #e1e1e1;
  width: 5vh;
  height: 5vh;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  .card img {
    height: 11em;
  }
}