@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap');



body {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTQ0MSIgaGVpZ2h0PSI4MTEiIHZpZXdCb3g9IjAgMCAxNDQxIDgxMSI+DQogIDxkZWZzPg0KICAgIDxjbGlwUGF0aCBpZD0iY2xpcC1ib2R5Ij4NCiAgICAgIDxyZWN0IHdpZHRoPSIxNDQxIiBoZWlnaHQ9IjgxMSIvPg0KICAgIDwvY2xpcFBhdGg+DQogIDwvZGVmcz4NCiAgPGcgaWQ9ImJvZHkiIGNsaXAtcGF0aD0idXJsKCNjbGlwLWJvZHkpIj4NCiAgICA8cmVjdCB3aWR0aD0iMTQ0MSIgaGVpZ2h0PSI4MTEiIGZpbGw9IiNmNmYzZmUiLz4NCiAgICA8ZyBpZD0iR3JvdXBfMTAzNyIgZGF0YS1uYW1lPSJHcm91cCAxMDM3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjguODI1IC0xODcwLjYwNCkiIG9wYWNpdHk9IjAuMjciPg0KICAgICAgPHBhdGggaWQ9IlBhdGhfMzU0IiBkYXRhLW5hbWU9IlBhdGggMzU0IiBkPSJNMTg2Ny45NjQsMjg4Ny4xYzAsMzcwLjMtMzAxLjE5NCw2NzEuMS02NzMuNDgyLDY3MS4xUzUyMSwzMjU3LjQwNiw1MjEsMjg4Ny4xLDgyMi4xOTEsMjIxNiwxMTk0LjQ4MiwyMjE2LDE4NjcuOTY0LDI1MTYuOCwxODY3Ljk2NCwyODg3LjFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4Ni4wMzUpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmRmZGIiIHN0cm9rZS13aWR0aD0iMjAwIi8+DQogICAgICA8ZyBpZD0iR3JvdXBfOTE0IiBkYXRhLW5hbWU9Ikdyb3VwIDkxNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjUuNDE4IDI5OTAuMzU1KSI+DQogICAgICAgIDxwYXRoIGlkPSJQYXRoXzM1NSIgZGF0YS1uYW1lPSJQYXRoIDM1NSIgZD0iTTY1LjQxOCwyODk4LjgxOWE4OS42Nyw4OS42NywwLDAsMCwxMjIuNTg4LTMxLjQ2OSw4OS42NTEsODkuNjUxLDAsMCwwLDMxLjUyNywxMjIuODA4LDg5LjY2OSw4OS42NjksMCwwLDAtMTIyLjU4OCwzMS40NjlBODkuNjQ5LDg5LjY0OSwwLDAsMCw2NS40MTgsMjg5OC44MTlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjUuNDE4IC0yODY3LjM1KSIgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIi8+DQogICAgICA8L2c+DQogICAgPC9nPg0KICA8L2c+DQo8L3N2Zz4NCg==');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  font-size: 13px ;
  font-weight: normal!important;
  font-family: 'Open Sans', sans-serif !important;
}


#carouselHero .carousel-item img {
  object-fit: cover;
  object-position: center;
  overflow: hidden;
  height: 60vh;
  border-radius: 5px;
}


#carouselHero .carousel-item:before {
  content: '';
  border-radius: 5px;
  display: block;
  position: absolute;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
  width: 100%;
  top: 0;
  height: 60vh;
}


#Hero img {
  border-radius: 5px;
  object-fit: cover;
  overflow: hidden;
  height: 60vh;
  width: 100%;
}

#Hero:before {
  content: '';
  border-radius: 5px;
  display: block;
  position: absolute;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
  width: 100%;
  top: 0;
  height: 60vh;
}

.caption{
  transition: 0.4s;
  color: rgb(255, 255, 255);
}
.caption:hover{
  transition: 0.4s;
  color: rgb(139, 149, 255);
}


h1,h2,h3,h4,h5,h6,button,input,textarea{
  font-family: 'Open Sans', sans-serif !important;
}

.center-screen {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 85vh;
}
.f-13{
  font-size: 13px !important;
}

.f-14{
  font-size: 14px !important;
}
.f-16{
  font-size: 16px;
}

.f-52{
  font-size: 52px;
}

p{
  font-size: 16px;
  font-family: 'Open Sans', sans-serif !important;
}
a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  font-family: 'Open Sans', sans-serif !important;
}
a:hover {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

.card {
  border: none !important;
}

.form-label{
  font-size: 15px !important;
}

.nav-logo{
  margin: 5px;
  width: 120px;
}

.section-top{
  margin-top:5px;
}

.section-footer{
  margin-top:100px;
}

.post-details-content img{
  width: 100%;
}