.search_input .container .content {
    background: #F9F5E8;
    border-radius: 0px 0px 24px 24px;
    -webkit-border-radius: 0px 0px 24px 24px;
    -moz-border-radius: 0px 0px 24px 24px;
    -ms-border-radius: 0px 0px 24px 24px;
    -o-border-radius: 0px 0px 24px 24px;
}

.search_input .container .content form {
    width: 100%;
    padding: 21px 32px;
    gap: 22px;
    background: rgba(255, 255, 255, 1);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border: 1px solid rgba(48, 48, 48, 0.5);
}

.search_input .container .content form input {
    padding-right: 20px;
    position: relative;
}

.search_input .container .content form input::-webkit-search-cancel-button {
    position: absolute;
    right: 0;
}

.search_input .container .content form input:focus {
    outline: none;

}

.search_input .container .content button {
    width: 20px;
    height: 12px;
    border: none;
    outline: none;
}

.search_input .container .content button img {
    background: rgba(255, 255, 255, 1);

}

.search_input .search_logo {
    filter: brightness(0);
    -webkit-filter: brightness(0);
}

.search_input .nice-select {
    max-width: 279px;
    flex: 1 2 100%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border: 0.5px solid #4C4C4CCC;
    height: 100%;
    padding-block: 20px;
    font-size: 18px;
    font-weight: 700;
    line-height: 26.46px;
    color: var(--main-blue);
    z-index: 100;
}

.nice-select::after {
    height: 8px;
    width: 8px;
}

@media (max-width:778px) {

    .search_input .container .content form,
    .search_input .nice-select {
        padding-block: 12px;
        max-width: 100%;
        max-height: 50px;
    }
}

.search_input .nice-select .list {
    width: 100%;
}

.containerImage {
    overflow: hidden;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
    transition: .5s all ease;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    -ms-transition: .5s all ease;
    -o-transition: .5s all ease;
    width: 100%;
    height: 290px;
    img{
        height:100%;
        width:100%;
        object-fit:contain;
    }
}

.card_report:hover .containerImage img {
    scale: 1.2;
}

.content_page {
    .card_report {
        width: calc(100% / 3 - 30px);

        @media (max-width:1024px) {
            width: calc(100% / 2 - 30px);

        }

        @media (max-width:558px) {
            width: 100%;
        }

        .title_card {
            font-size: clamp(18px, 2.4vw, 24px);
            font-weight: 700;
            line-height: 36px;
            color: var(--main-blue);
            margin-bottom: 0;
        }

        .description_card {
            font-size: clamp(16px, 2.4vw, 20px);
            font-weight: 400;
            line-height: 33px;
            color: var(--secondary-black);
            margin-bottom: 0;
        }

        a {
            text-decoration: none;
            font-size: clamp(18px, 2.4vw, 25px);
            font-weight: 500;
            line-height: 36.75px;
            color: var(--main-yellow);
            
            img {
                transition: .5s all ease;
                -webkit-transition: .5s all ease;
                -moz-transition: .5s all ease;
                -ms-transition: .5s all ease;
                -o-transition: .5s all ease;
            }
            
            &.learnMore{
                margin-top:auto;    
            }
            &.learnMore:hover {
                img {
                    transform: translateX(20px);
                    -webkit-transform: translateX(20px);
                    -moz-transform: translateX(20px);
                    -ms-transform: translateX(20px);
                    -o-transform: translateX(20px);
                }
            }
        }
    }
}

html[dir="rtl"] {
    .nice-select::after {
        left: 20px;
        right: initial;
    }

    .nice-select .list .option {
        text-align: right;
    }

    .search_input .container .content button img {
        rotate: 180deg;
    }

    .search_input .container .content form input {
        padding-inline: 20px;
    }

    .search_input .container .content form input::-webkit-search-cancel-button {
        right: initial;
        left: 0;
    }

    .content_page {
        & .card_report {
            & a.learnMore {
                img {
                    rotate: 180deg;
                }
            }
        }
    }
}

.pagination {
    .container {
        display: flex;
        justify-content: center;
        gap: 10px;

        span {
            a {
                border: 1px solid var(--main-blue);
                height: 40px;
                width: 40px;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 18px;
                padding-top: 2px;
                border-radius: 50%;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                -ms-border-radius: 50%;
                -o-border-radius: 50%;
                transition: .5s all ease;
                -webkit-transition: .5s all ease;
                -moz-transition: .5s all ease;
                -ms-transition: .5s all ease;
                -o-transition: .5s all ease;
                cursor: pointer;
                text-decoration: none;
                color: var(--main-blue);
                &:not(.active):hover,
                &.active {
                    background-color: var(--main-blue);
                    color: #FFF;
                }
            }
        }
    }
}