.box-design-1ac {
    /* border: 1px solid red; */
    width: 100%;
    padding: 50px 0;

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.box-design-inner-1ac {
    padding: 0 10vw;
    /* border: 1px solid red; */
    display: flex;
    flex-wrap: wrap; /* Allow items to wrap to the next row */
    width: 80%; /* Set a width to control overall container */
    gap: 1rem; /* Add spacing between items */

    /* height: 42.5vh;  */
    background-color: #f0f4f9; /* Background color */
    overflow: hidden; /* Hide content outside the initial bounds */
    position: relative; /* Ensure proper positioning */
    transform-origin: top; /* Set the point of expansion to the top */
    transition: height 2s ease; /* Smooth height transition */
}

.expand {
    animation: expandHeight 1.5s ease-in-out forwards; /* Apply a smooth, gradual animation */
}

.contract {
    animation: contractHeight 1.5s ease-in-out forwards; /* Apply a smooth, gradual animation */
}

@keyframes contractHeight {
    0% {
        height: 100vh;
    }
    100% {
        height: 42.5vh;
    }

}

@keyframes expandHeight {
    0% {
        height: 42.5vh;
    }
    100% {
        height: 100vh;
    }
}

.box-design-1ac {
    display: flex;
    flex-direction: column;
}

.Load_More{
    background-color: transparent;
}

.load_more:hover{
    cursor: pointer;
}

.extra:hover{
    cursor: pointer;
}

.load_more {
    margin-top: 15px;
    padding: 10px;
    color: rgb(6, 57, 112) !important;
    border: 1px solid rgb(6, 57, 112);
    font-weight: 700;
    border-radius: 10px;

}

.fa-circle-move {
    padding-right: 10px;
}

.show{
    display: inline;
}

.hide{
    display: none;
}