/* Top section: Search and Sort */
.startup-logo:hover {
    animation: flip 1.5s forwards;
}

@keyframes flip {
    0% {
        transform: rotateY(0deg);
    }
    50% {
        transform: rotateY(180deg); /* Flip to 180 degrees */
    }
    100% {
        transform: rotateY(360deg); /* Complete the flip */
    }
}

.search-sort-container {
    width: 100%;
    padding: 20px;
    background:linear-gradient(135deg, #D894D2, #CBCDF6, #6C63FF, #403F4C);
    box-sizing: border-box;
    border-radius: 8px;
}
.search-sort-container img{
   mix-blend-mode: multiply;
   margin-left: 10%;
}
header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    margin-left:0%;
}

.search-sort-container h1 {
    font-size: 90px;
    color: #5B2C6F; /* Your original color */
    font-family: 'Monoton', sans-serif; /* Adding a geometric font */
    text-transform: uppercase; /* Convert text to uppercase if desired */
    letter-spacing: -2px; /* Adjust spacing for more overlap */
    -webkit-text-stroke:  1px #FFFFFF; /* White outline stroke */
    font-weight: normal;
    text-shadow: 5px 5px 0px #000000; /* Add shadow for a 3D effect */
    margin-left: 0%;
}

.search-sort {
    display: flex;
    gap: 20px;
}

.search-bar2 {
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.sort-dropdown {
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* Bottom section: Filter and Startup List */
.content-container {
    display: flex;
    gap: 20px;
    padding: 20px;
    background-color: #f7f7f7;
}

/* Filter */
.filter-container {
    background: linear-gradient(135deg, #D894D2, #CBCDF6);
    padding: 20px;
    width: 30%;  /* Filter takes 30% of the width */
    border-radius: 10px;
    height: fit-content;
}

.filter {
    margin-bottom: 20px;
}

.filter-header {
    display: flex;
    justify-content: space-between;
    background-color: white;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}

.filter-content {
    background-color: white;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 5px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}

.filter-item {
    padding: 5px 0;
    border-bottom: 1px solid #f0f0f0;
}

.filter-item:last-child {
    border-bottom: none;
}

/* Startup List */
.startup-page {
    width: 70%;  /* Startup list takes the remaining 70% */
    padding: 20px;
    box-sizing: border-box;
}

.startup-list56 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
}

.startup-card81 {
    background-color: white;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.startup-logo {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
    border-radius: 50%;
    float: left;
    shape-outside: circle();
}


.startup-details h3 {
    font-size: 20px;
    margin: 10px 0;
}

.stage19 {
    font-size: 14px;
    color: #888;
     text-align: center;
}

.rating {
    font-size: 16px;
    color: gold;
    margin: 10px 0;
}

.location19,
.category19 {
    font-size: 14px;
    color: #555;
    margin: 5px 0;
    text-align: center;
}

.category19 {
    margin-top: 30px;
    color: orange;
    border-top: 1px solid black;
    padding-top: 20px;
}

.load-more {
    background-color: #4a90e2;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    width: 20%;
    margin-left: 40%;
}

.load-more:hover{
    background-color: #05396d;
    
}