.view-blogs .view-content {
    display: flex;
    margin: 100px 0;
    flex-wrap: wrap;
    gap: 20px;
    margin: auto;
}

.view-blogs .view-content .views-row {
    flex: 1 0 44%;
}

.view-blogs .view-content .img-fluid {
    height: 400px;
    object-fit: cover;
}

.view-blogs .views-exposed-form{
	margin-top: 90px !important;
}

.view-blogs .view-content .views-row .card-title a{
	color: black !important;
}

.node--type-blog .node__content {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.node--type-blog .img-fluid {
    max-width: 100%;
    height: auto;
    margin: auto;
    width: 100%;
    height: 600px;
    object-fit: cover;
}


.search.container.m-auto + h2 {
     padding-left: 11%;
    padding-top: 20px;
    padding-bottom: 20px;
}
	
.paragraph--type--_-column-layout .field--type-entity-reference-revisions .field__items{
	flex-direction: row;
}

/* Mobile screens (max width 768px) */
@media (max-width: 768px) {
	.paragraph--type--_-column-layout .field--type-entity-reference-revisions .field__items{
		flex-direction: column;
	}
}

.paragraph--type--_-column-layout .field--type-entity-reference-revisions .field__item{
	flex: 1;
}

.card-element{
	position: relative;
}

.card-element a.underline {
    position: absolute;
    bottom: 30px;
}


.card-element.slick-slide{
	height: 660px !important;
}

.card-element.slick-slide img{
    display: block;
    height: 210px !important;
    object-fit: cover;
}

/* Hide dropdown by default */
.dropdown .navbar-nav {
  display: none;
  position: absolute;
  background: white;
  min-width: 120px;
  list-style: none;
  padding: 0;
  margin: 0;
  border-radius: 0.25rem;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  z-index: 1000;
}

/* Show on hover of .dropdown */
.dropdown:hover .navbar-nav {
  display: block;
}

/* Style links */
.dropdown .nav-link {
  display: block;
  padding: 8px 12px;
  font-size: 0.875rem;
  color: #212529;
  text-decoration: none;
  background-color: #fff;
}

.dropdown .active {
	color: #212529 !important;
}

/* Hover effect */
.dropdown .nav-link:hover {
  background-color: #f8f9fa;
  color: #000;
}