/* ============================================
   Organization Home Page - Specific Styles
   Used in: organization/home.blade.php
   ============================================ */

@media (max-width: 1600px) {
    .how-it-works .detailsContainer {
        padding: 0 44px;
    }
    .how-it-works .slick-prev,
    .how-it-works .slick-next {
        width: 36px !important;
        height: 36px !important;
        background: rgba(0, 86, 143, 0.15) !important;
        border-radius: 50%;
        display: flex !important;
        align-items: center;
        justify-content: center;
        top: 50%;
        transform: translateY(-50%);
    }
    .how-it-works .slick-prev { left: 0; }
    .how-it-works .slick-next { right: 0; }
    .how-it-works .slick-prev i,
    .how-it-works .slick-next i {
        color: #00568f;
        font-size: 16px !important;
    }
}

.how-it-works .btn-skyblue {
    background-color: #00568F !important;
}

.how-it-works .btn-skyblue:hover {
    background-color: #549AC9 !important;
}

.organization-page .tools .much-more-container .much-more img {
    margin-bottom: 0;
    margin-top: 0;
}

.searchContainer {
    border: 2.1px solid #000;
    border-radius: 48px;
}

.yellow.btn-skyblue {
    color: #2D2D2D;
    background-color: #FFA900 !important;
    border-radius: 16px;
    padding: 3.5px 19px;
    border-radius: 30px;
    margin-right: 6px;
    min-height: 45px;
    font-family: "Montserrat", sans-serif;
    font-size: 17px;
    letter-spacing: 0.01px;
    line-height: 20px;
    text-align: center;
    font-weight: 600;
    max-width: 190px;
}

.yellow.btn-skyblue:hover {
    background-color: #FFCC24 !important;
    color: #494949;
}

.much-more-container .much-more {
    font-size: 20px;
    line-height: 28px;
    font-weight: 300;
    letter-spacing: 0.01px;
}