@use '../abstracts/variables' as *;
@use "../mixins/breakpoints" as *;
.campaign-container{
    background-image: url('/resources/images/background_image.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    font-family: "Outfit", sans-serif;
    width: 100%;
    background-image: cover;
    // height: 100vh !important;
    .image-container {
        @include media-min-md {
            justify-content: space-between;
        }
    }

    .campaing-header{
        font-size: 2.5rem !important;
         font-weight: 400;
        font-optical-sizing: auto !important;
        font-family: "Outfit", sans-serif;
        @include media-min-lg {
            font-size: 3.5rem !important;
        }

    }
    .campaing-text{
        font-size: 15px;
    }

    .browse-fundraisers-content-cover {
        .browse-fundraisers-images {
            .img-div {
                @include media-min-xs-l {
                    margin: 0px 26px;
                }
                @include media-min-md {
                    min-height: 120px;
                }
                @include media-min-md-l {
                    min-height: 150px;
                }
                @include media-min-lg {
                    min-height: 180px;
                }
                @include media-min-lg-x {
                    min-height: 200px;
                }
                @include media-min-xl {
                    min-height: 110px;
                }
                @include media-min-xxl {
                    min-height: 140px;
                }
                .bf-card-img {
                    width: 100% !important;
                }
            }
            .browse-name {
                font-size: 16px;
                font-weight: 600;
            }
        }
    }
}