.bg-history {
    background: linear-gradient(rgba(14, 54, 115, 0.732), rgba(2, 23, 32, 0.901));
    height: 15rem;
    color: white;
}

.bg-history h1 {
    font-size: 5rem;
    font-weight: 100;
    position: absolute;
    text-align: center;
    width: 100%;
    padding: 1rem 1rem;
    height: 15rem;
    color: white;
}

.history {
    padding: 1.5rem 1.5;
    background-color: azure;
    border-bottom: 0.1remsolid;
}

.page_title {
    text-align: center;
}

.breadcrumb {
    background-color: rgb(59, 104, 149);
    border-bottom: 0.1rem solid;
    --bs-breadcrumb-item-active-color: rgb(200, 212, 27);
    --bs-breadcrumb-divider-color: white;
}

.breadcrumb-item {
    text-align: center;
    padding-left: 1rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

a {
    color: #a78cbd;
    text-decoration: none;
}

.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: var(--bs-breadcrumb-item-padding-x);
    color: var(--bs-breadcrumb-divider-color);
    content: var(--bs-breadcrumb-divider, ">>");
}

.top_page {
    background-color: rgb(132, 132, 132);
    padding-bottom: 2.5rem;
    margin-top: 3rem;
}

.middle_page {
    background-color: rgba(233, 240, 240, 0);
    padding-bottom: 2.5rem;
    margin-top: 3rem;
}

.history_image {
    padding-left: 1.5rem 1.5rem;
}

.our-history {
    border-bottom: solid blanchedalmond;
    border-bottom-width: 0.3rem;
    margin-top: 3rem;
}

.our_founder {
    margin-left: 1rem;
    border-bottom: solid #c8892b;;
    border-bottom-width: 0.3rem;
}

.img1 {
    position: relative;
    height: auto;
    width: 100%;
    padding-top: 1rem;
    margin-top: 1rem;
}
.para{

    color:white;
    font-size: 1.5rem;
}
.para1{
    color:black;
    font-size: 1.5rem;
}
@media(max-width:400px) {
    .para {
        font-size:80%;
    }
    /* .our_founder {
        font-size: 80%;
    } */
    .para1 {
        font-size:80%;
    }
}

@media(max-width:290px) {
    .para{
        font-size: 70%;
    }
    /* .our_founder {
        font-size: 65%;
    } */
    .para1 {
        font-size:70%;
    }
}

/* @media(max-width:190px) {
    .para {
        font-size: 30%;
    }
    .our_founder{
        font-size: 30%;
    }
} 


@media(max-width:150px) {
    .para {
        font-size: 10%;
    }
    .our_founder {
        font-size: 10%;
    }
} */