html {
  background-color: #ffffff;
}

.navbar {
  position: relative;
  width: 100%;
  height: 91px;
  top: 0px;
  background: #ffffff;
  justify-content: center;
}
.navbar .container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#gradient-box {
  width: 27px;
  height: 9px;
  left: 1px;
  top: 10px;
  background: linear-gradient(96.34deg, #e537b9 0%, #c040df 100%);
  border-radius: 4.5px;
}
.navbar-brand h2 {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 23px;
  line-height: 24px;
  /* identical to box height, or 104% */
  letter-spacing: 2px;
  /* Text/text-gray-dark */
  color: #292b2e;
}
#horizontal-line {
  margin: 0;
  padding: 0;
  color: #e1e4e8;
}

#header {
  padding-top: 32px;
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  /* identical to box height, or 133% */
  color: #252b42;
}
#sub-header {
  padding-top: 10px;
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 28px;
  /* identical to box height, or 156% */
  color: #858585;
}


h3 {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 24px !important;
  line-height: 32px !important;
  /* identical to box height, or 133% */
  letter-spacing: 0.1px !important;
  /* Text/text-gray-dark */
  color: #292b2e !important;
}

#btnHeader{
  font-family: "Montserrat" , sans-serif;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.1px;
color: #737373;

}
#author-name {
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0.2px;
  text-align: left;
  color: #586069;
}
#date {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.20000000298023224px;
  text-align: left;
  color: #586069;
}
#separator {
  width: 5px;
  height: 5px;
  border-radius: 2.5px;
  background-color: #586069;
  margin-left: 12px;
  margin-right: 12px;
  align-self: center;
}

a {
  color: inherit;
  text-decoration: none;
}
a:hover {
  color: inherit;
}
.desc {
  color: #292b2e;
}
.card {
  width: 100%;
  border-radius: 5px
}
img {
  height:60vh;
  object-fit: cover;
  width: 100%;
  border-radius: 5px;
}
img:hover {
  filter: brightness(50%);
  transition: 0.2s;
  cursor: pointer;
}

.fa-chevron-right,
.fa-chevron-left {
  color: #737373;
}

.carousel-control-next,
.carousel-control-prev {
  position: relative;
  width: 20px;
  background: #f6f8fa;
  border-radius: 10px;
}
.carousel-control-next {
  right: -16px;
}
.carousel-control-prev {
  left: -16px;
}
#textBox {
  display: flex;
  padding-bottom: 0;
  margin-bottom: 0;
  align-items: center;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='grey'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") !important;
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='grey'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}