.defaulthero1-container {
        display: flex;
        align-items: center;
        padding: 100px 0;
        min-height: 350px;
        position: relative;
        overflow: hidden;
        background-size: cover;
        background-position: center;
    }

    .defaulthero1 {
        position: relative;
        text-align: center;
    }

    .breadcrumbs {
        display: flex;
justify-content: center;
align-items: center;
background-color: #f7f7f7;

    }

    .overlay {
        background-color: var(--primary);
        opacity: 0.8;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }

    .defaulthero1 h1 {
        color: white;
        margin: 0 0 15px;
        /* text-shadow: 2px 2px 10px black; */
        font-weight: 800;
    }

    .defaulthero1 p {
        color: white;
        margin: 0 0 15px;
        /* text-shadow: 2px 2px 10px black; */
        width: 1000px;
        max-width: 100%;
        margin: auto;
        font-size: 1.2em;
    }

    .defaulthero1-container .overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }

    @media (max-width:1199px) {
        .defaulthero1-container {
            min-height: initial;
        }
    }