#primeagile__42202 {
    text-align: center
}

.blog-card-container {
    display: flex;
    align-items: center;
    min-height: 170px;
    margin-bottom: 40px;
    border-bottom: 1px solid #bdc1c4;
    width: 100%;
    height: auto
}

.blog-posting-row {
    padding: 50px;
    margin-right: 0 !important
}

#primeagile__13636 {
    height: auto;
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    background: transparent linear-gradient(300deg,#f1faff 0,#fcfcfc 100%) 0 0 no-repeat padding-box;
    border: 1px solid #d4d4d4;
    flex-direction: column;
    max-width: 1000px;
    margin: auto
}

#primeagile__14505 {
    height: 100%;
    width: 100%;
    padding: 20px
}

.BLOG-AUTHOR-AND-DATE-CONTAINER {
    width: 100%;
    bottom: 20px;
    margin-top: 10px
}

#primeagile__15460 a {
    font-size: 24px
}

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

div#primeagile__15458 {
    display: grid;
    grid-template-columns: 1fr 4fr;
    gap: 10px
}

.footer_container {
    background: #f5f9ff
}

.disableClass {
    visibility: hidden
}

#primeagile__14156 {
    height: auto
}

.second-title,.card-title {
    color: #000
}

.second-title {
    text-align: center;
    font-weight: bold;
    position: absolute;
    margin-top: 170px;
    width: 100%
}

#primeagile__14508 {
    display: grid;
    grid-template-columns: 1fr 4fr;
    margin-top: 20px
}

#primeagile__15460 {
    align-self: center
}

#primeagile__13636 {
    background: #f4fbff
}

#primeagile__18203,#primeagile__14502 {
    color: #000 !important
}

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

img {
    max-width: 100%;
    height: auto
}

.blog-card-container {
    display: flex;
    align-items: center;
    min-height: 170px;
    margin-bottom: 40px;
    border-bottom: 1px solid #bdc1c4;
    width: 100%;
    height: auto
}

.blog-posting-row {
    padding: 50px;
    margin-right: 0 !important
}

#primeagile__13636 {
    height: auto;
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    background: transparent linear-gradient(300deg,#f1faff 0,#fcfcfc 100%) 0 0 no-repeat padding-box;
    border: 1px solid #d4d4d4;
    flex-direction: column;
    max-width: 1000px;
    margin: auto
}

#primeagile__14505 {
    height: 100%;
    width: 100%;
    padding: 20px
}

.BLOG-AUTHOR-AND-DATE-CONTAINER {
    width: 100%;
    bottom: 20px;
    margin-top: 10px
}

#primeagile__15460 a {
    font-size: 24px
}

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

div#primeagile__15458 {
    display: grid;
    grid-template-columns: 1fr 4fr;
    gap: 10px
}

.footer_container {
    background: #f5f9ff
}

.disableClass {
    visibility: hidden
}

#primeagile__14156 {
    height: auto;
    width: 100% !important
}

.second-title,.card-title {
    color: #000
}

.second-title {
    text-align: center;
    font-weight: bold;
    position: absolute;
    margin-top: 170px;
    width: 100%
}

#primeagile__14508 {
    display: grid;
    grid-template-columns: 1fr 4fr;
    margin-top: 20px
}

#primeagile__15460 {
    align-self: center
}

#primeagile__13636 {
    background: #f4fbff
}

#primeagile__18203,#primeagile__14502 {
    color: #000 !important
}

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

#pagelist>div>a {
    text-decoration: none;
    color: #333
}

.card-inner {
    position: relative;
    width: inherit;
    height: 12rem;
    background: #fff;
    border-bottom-right-radius: 0;
    overflow: hidden
}

#primeagile__1546 {
    width: 100%;
    height: 100% !important;
    object-fit: cover
}

.card-content-main {
    padding: .938rem .625rem
}

.box {
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 1.25rem;
    overflow: hidden
}

div#primeagile__37475 {
    position: absolute;
    inset: 0
}

#primeagile__15461 {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover
}

.icon {
    position: absolute;
    bottom: -0.375rem;
    right: -0.375rem;
    width: 6rem;
    height: 6rem;
    background: #fff;
    border-top-left-radius: 50%
}

.icon::before {
    position: absolute;
    content: "";
    bottom: .375rem;
    left: -1.25rem;
    background: transparent;
    width: 1.25rem;
    height: 1.25rem;
    border-bottom-right-radius: 1.25rem;
    box-shadow: .313rem .313rem 0 .313rem #fff
}

.icon::after {
    position: absolute;
    content: "";
    top: -1.25rem;
    right: .375rem;
    background: transparent;
    width: 1.25rem;
    height: 1.25rem;
    border-bottom-right-radius: 1.25rem;
    box-shadow: .313rem .313rem 0 .313rem #fff
}

.icon .iconBox {
    position: absolute;
    inset: .625rem;
    background: #74cee6;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .3s
}

.card-cont {
    overflow: hidden;
    border-radius: .5rem;
    box-shadow: 0 2px 10px #76767640;
    width: 18rem;
    height: 28rem;
    display: grid;
    transition: all .2s
}

.card-cont::after {
    content: "Read Complete Article";
    color: white;
    background: #e21219;
    text-align: center;
    padding: .8rem;
    border-radius: .2rem;
    margin: 1rem;
    font-size: .8rem;
    height: 2.6rem;
    font-weight: bolder transition:all .2s
}

.card-cont:hover::after {
    background: #a01717
}

.card-cont:hover {
    background-color: #f9f9f9;
    box-shadow: 0 4px 10px #76767640
}

.card-cont>div:nth-child(2) {
    display: grid
}

.card-cont>div:nth-child(2)>p {
    color: #676767
}

div#primeagile__37476 {
    transform: scale(1.1);
    padding: 1rem 1rem;
    min-height: 100px
}

div#primeagile__37476 h2 {
    font-size: 1.1rem;
    min-height: 80px;
    font-weight: bolder;
    color: #313131;
    padding: 1rem
}

div#primeagile__37476 p {
    font-size: .68rem;
    padding: 0 1rem
}

.get-inspired-new {
    margin-top: auto;
    background: #d21c22;
    display: grid;
    justify-items: center;
    border-radius: .3rem;
    padding: 10px;
    color: #fff;
    margin: .5rem;
    text-decoration: none;
    transition: all .2s
}

.get-inspired-new:hover {
    background: #b1191e
}

.services-container {
    padding-block:min(20vh,2rem);width: calc(min(76.5rem,90%));
    margin-inline:auto;color: #111
}

.get-inspired-new button {
    background: transparent;
    color: #fff;
    border: 0;
    font-weight: bold;
    cursor: pointer
}

#primeagile__22101 {
    background: #f8f8f8
}

#primeagile__22101 h1 {
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    padding-top: 20px
}

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

#primeagile__22101 a {
    text-decoration: none
}