html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
  background-color: #edbd1cf1;
}

.card {
  width: 100%;
  background-color: transparent;
  border: none;
}

.card img {
    margin: 10px 0;
    width: 2.5em;
    border-radius: 10px 10px 0 0;
    object-fit: cover;
}
.card-body div {
    display: flex;
}

.card-body div img {
    max-width: 16.5px;
    height: 12px;
    border-radius: 0%;
    margin:0 5px;
}

.card-body div h2 {
    font-size: 12px;
    margin:0 10px;
}

.card-text {
    text-align: start;
    font-size: 0.9em;
    margin: 10px 0;
}

/* Indicators */
.owl-theme .owl-dots .owl-dot.active span, 
.owl-theme .owl-dots .owl-dot:hover span {
    background: rgb(37 99 235);
    width: 30px;
}

.owl-theme .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
    transition: all .2s ease;
    border: 3px solid rgb(191 219 254);
}

/* Controls */
/* button element */
.owl-carousel .owl-nav button.owl-next, 
.owl-carousel .owl-nav button.owl-prev {
position: relative;
background-color: rgba(255, 255, 255);
width: 60px;
line-height: 60px;
border-radius: 100%;
box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
position: absolute;
top: 10em;
}

.owl-carousel .owl-nav button.owl-prev {
left: 2em;
}
.owl-carousel .owl-nav button.owl-next {
right: 2em;
}

.owl-carousel .owl-nav button.owl-next:hover, 
.owl-carousel .owl-nav button.owl-prev:hover {
background-color: rgb(191 219 254);
}

.owl-carousel .owl-nav button.owl-next::before, 
.owl-carousel .owl-nav button.owl-prev::before {
width: 100%;
height: 100%;
color: rgb(37 99 235);
inset: 0;
position: absolute; 
display: inline-block;

}

.owl-carousel .owl-nav button.owl-next::before {
content:'\f054'; /*unicode for chevron-right*/
font-family: 'Font Awesome 5 Free'; /* Font family for Font Awesome */
font-weight: 900; /* Font weight for the solid style (fas) */
margin-right: 5px; 
}

.owl-carousel .owl-nav button.owl-prev::before {
content:'\f053'; /* unicode for chevron-left */
font-family: 'Font Awesome 5 Free'; /* Font family for Font Awesome */
font-weight: 900; /* Font weight for the solid style (fas) */
margin-right: 5px; 
}

.owl-carousel .owl-nav .owl-next [aria-label="Next"], 
.owl-carousel .owl-nav .owl-prev [aria-label="Previous"]{
visibility: hidden /*The Span element*/
}

/* 3D Spinner */
.owl-carousel .item {
  text-align: center;
  padding: 50px;
  margin-bottom:10px;
  opacity: .2;
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.owl-carousel .owl-item.active.center .item {
  opacity: 1;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.shadow-sm {
  box-shadow: none !important;
}

#showMarkdown {
  max-width: 1200px; 
  margin: auto;
}