/* ======================================= NEW CSS ============================================== */
.about-inner .grid-box {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(10rem, 100%), 1fr));
    gap: 20px;
}
.about-inner .grid-box .p-box {
    background: #E7F2FF;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 10px;
    border-radius: 6px;
    color: #052A54;
    font-weight: 500;
    text-align: center;
    --b: 5px; /* border width */
    --s: 20px; /* corner cut size */
    overflow: hidden;
    clip-path: polygon(
        0 0,
        calc(100% - var(--s)) 0,
        100% var(--s),
        100% 100%,
        var(--s) 100%,
        0 calc(100% - var(--s))
    );
    height: 110px;
    user-select: none;
}
.about-inner .grid-box .p-box.highlight {
    background: #052A54;
    color: #fff;
}
.about-inner .grid-box .p-box p{ 
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.about-inner .blue-box {
    background: #07386E;
    border: 1px solid #D9D9D9;
    box-shadow: 0px 4px 4px 0px #00000040;
    color: #fff;
    padding: 40px;
}
.about-inner .white-bg {
    background: #fff;
    padding: 40px;
    border: 1px solid #D9D9D9;
    box-shadow: 0px 4px 4px 0px #00000040;
}
.about-inner .what-wedo .grid-box {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(13rem, 100%), 1fr));
    gap: 20px;
}
.about-inner .what-wedo .inner-box {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.about-inner .what-wedo .inner-box .bg-img {
    border-radius: 15px;
    filter: brightness(0.4);
}
.about-inner ul {
    list-style: disc;
}
.about-inner .what-wedo .inner-box .inner-text {
    position: absolute;
    text-align: center;
    color: #fff;
    padding: 5px 12px;
    word-break: break-word;
}
.about-inner .what-wedo .inner-box .inner-text h6 {
    font-weight: 700;
}
.about-inner .our-legacy img {
    border-radius: 0px 15px 15px 0px;
}
.about-inner .what-wedo .inner-box .serve-icon {
    height: 65px;
    width: 65px;
    margin-bottom: 10px;
}
.about-inner .why-choose .blue-box {
    margin-right: -35px;
    z-index: -1;
    position: relative;
}
.section-subtitle{
    font-family:'montserratbold' !important;
    font-size: 22px !important;
    font-weight: 700 !important;
}
.our-archievement p {
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.our-archievement .img-bg {
    position: relative;
    box-shadow: 0px 4px 6px 0px #00000040;
    border-radius: 50%;
    display: flex;
    padding: 15px;
    height: 180px;
    width: 180px;
    border: 1px solid #fff;
    flex: none;
    justify-content: center;
    align-items: center;
}
.our-archievement .flex-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2.75rem;
}
.our-archievement .flex-box:nth-child(even) {
    flex-direction: row-reverse;
    justify-content: start;
}
.our-archievement .img-bg::before {
    content: '';
    position: absolute;
    top: -25px;
    right: -30px;
    width: 200%;
    height: 128%;
    border: 4px solid #00264d;
    border-left: none;
    border-radius: 0 150px 150px 0;
    z-index: -1;
}
.our-archievement .flex-box:nth-child(even) .img-bg::before{
    left: -30px;
    border: 4px solid #00264d;
    border-right: none;
    border-radius: 150px 0px 0px 150px;
}
.our-archievement .our-bottom {
    width: 37%;
    position: absolute;
    border-bottom: 4px dashed #00264d;
    bottom: -23.75px;
    left: 31.5%;
}
.our-archievement .flex-box:last-child .our-bottom {
  border-bottom: none;
}
.our-archievement .top-border {
    position: absolute;
    top: -27px;
    right: -32px;
    width: 14%;
    height: 66%;
    border: 10px solid #00264d;
    border-left: none;
    border-bottom: none;
    border-radius: 0 150px 0 0;
}
.our-archievement .flex-box:nth-child(even) .top-border {
    left: -32px;
    border-radius: 150px 0 0 0;
    border: 10px solid #00264d;
    border-right: none;
    border-bottom: none;
}
.box-cut {
  --b: 5px; /* border width */
  --s: 35px; /* corner cut size */
  border-radius: 20px!important;
  overflow: hidden;
  clip-path: polygon(
    0 0,
    calc(100% - var(--s)) 0,
    100% var(--s),
    100% 100%,
    var(--s) 100%,
    0 calc(100% - var(--s))
  );
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
.animated-arrow-icon-link {
    color: #052a54!important;
}
.animated-arrow-icon-link.active {
    color: rgb(245, 79, 41)!important;
}



@media (min-width: 1400px) {
    .about-inner .white-bg {margin-left: -50%;}
}
@media (max-width: 1399px) {
    .about-inner .our-legacy img {border-radius: 15px;}
}
@media(max-width: 1199px){
    .about-inner .why-choose .blue-box {margin-right: 0;}
    .section-subtitle {font-size: 20px !important;}
}
@media (max-width: 991px) {
    .about-inner .blue-box, .about-inner .white-bg {padding: 25px 20px;}
    .our-archievement .img-bg::before {width: 135%;}
    .our-archievement .top-border {width: 20%; height: 70%;}
    .about-inner .grid-box {gap:12px;}
}
@media (max-width: 767px) {
    .testimonials .testimonial-slider .card-body {padding: 20px 20px!important;}
    .our-archievement .our-bottom , .our-archievement .img-bg::before, .our-archievement .top-border {display: none;}
    .our-archievement .flex-box, .our-archievement .flex-box:nth-child(even) {margin-bottom: 1.5rem; flex-direction: column-reverse;gap: 1rem;align-items: start;}
    .our-archievement .img-bg {height: 120px; width: 120px;}
    .our-archievement p {display: block;}
}
/* ======================================= NEW CSS ============================================== */