.fullWidthBlueBar {
    display: flex;
    align-items: center;
    padding: 50px 10px;
    background: transparent radial-gradient(closest-side at 64% 108%, #98d5ff 0, #0082d7 100%) 0 0 no-repeat padding-box;
    justify-content: space-evenly;
    color: #fff;
    font-size: xx-large;
    width: 100%;
    bottom: 0
}

.breadcrumb {
    padding: 10px !important;
    justify-content: flex-end;
    text-transform: capitalize
}

.teamContainer {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
    grid-gap: 20px
}

@media screen and (min-width:55rem) {
    .teamContainer {
        grid-template-columns: repeat(4, 1fr)
    }
}

#primeagile__21028__19280,
#primeagile__21055__19305,
#primeagile__21708__19857,
#primeagile__21871__20010,
#primeagile__21810__19959,
#primeagile__21954__20101,
#primeagile__15903__16452 {
    background: #000;
    color: #fff;
    border: 0;
    padding: 10px 30px;
    border-radius: 50px
}

#primeagile__15903__16452 button {
    background: inherit;
    border: 0;
    color: #fff
}

#primeagile__24156__22055 {
    margin-top: 50px
}

.breadcrumb-item.active {
    color: #202123 !important
}

.services-why {
    width: 100px;
    height: 100px;
    background-color: #fff;
    border: 2px solid red;
    border-radius: 50%;
    display: grid;
    place-items: center;
    margin: 20px 0
}

.values-head {
    text-align: center
}

.full-width-background {
    min-height: 314px;
    background: transparent linear-gradient(0, #fff 0, #f4fbff 13%, #c7ddec 100%) 0 0 no-repeat padding-box;
    padding: 50px
}

.values-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(197px, 1fr));
    grid-gap: 1rem;
    place-items: center
}

.back-n-image {
    min-height: 198px;
    min-width: 197px;
    border-radius: 25px;
    background: #fff 0 0 no-repeat padding-box;
    display: grid;
    place-items: center
}

.flex-item-div {
    text-align: center;
    font-weight: bold
}

.our-values {
    margin: 50px auto 20px auto
}

.prof-container {
    position: relative;
    width: 100%;
    max-width: 300px;
    border: 10px solid #063351;
    margin: 1rem;
    height: 280px
}

.image-main {
    display: block;
    width: 100%;
    max-height: 100%
}

.overlay-det {
    position: absolute;
    bottom: 0;
    background: #000;
    background: #063351 0 0 no-repeat padding-box;
    color: #f1f1f1;
    width: 100%;
    transition: .5s ease;
    opacity: 0;
    font-size: 20px;
    padding: 20px;
    text-align: center
}

.prof-container:hover .overlay-det {
    opacity: 1
}

.teamContainer #pagelist>div {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr))
}

.about-cols {
    margin-top: 50px;
    display: grid;
    gap: 50px
}

.about-cols .row {
    align-items: center !important
}

.our-history {
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url("https://images.primeagile.com/ibcscorp_com/image/18960/about-b.webp");
    background-size: cover;
    color: #fff;
    text-align: center;
    padding: 0 0 50px 0
}

.our-story {
    margin: 100px auto;
    padding-top: 50px;
    color: #fff;
    font-weight: bold
}

#primeagile__24907__17223 {
    text-align: center;
    margin-top: 100px
}

.year-div {
    text-align: center;
    display: grid;
    place-items: center
}

.our-history .year {
    width: 50%;
    padding: 10px;
    background: #E00000;
    border-radius: 10px;
}

.hist-text {
    border-bottom: 10px solid #fff;
    padding-bottom: 50px;
    min-height: 150px;
}