.gallery-col img{max-width:100%;width:100%}
@media (min-width:768px) {
.grid-span-3{display:grid;grid-template-columns:repeat(1,1fr);gap:20px}
.galler-inner{display:grid;grid-template-columns:repeat(12,1fr);grid-column-gap:0;grid-row-gap:0}
.gallery-col:nth-child(1){grid-row-start:1;grid-row-end:2;grid-column-start:1;grid-column-end:4}
.gallery-col:nth-child(2){grid-row-start:1;grid-row-end:2;grid-column-start:4;grid-column-end:7}
.gallery-col:nth-child(3){grid-row-start:1;grid-row-end:2;grid-column-start:7;grid-column-end:13}
.gallery-col:nth-child(4){grid-row-start:2;grid-row-end:3;grid-column-start:1;grid-column-end:4}
.gallery-col:nth-child(5){grid-row-start:2;grid-row-end:5;grid-column-start:4;grid-column-end:7}
.gallery-col:nth-child(6){grid-row-start:2;grid-row-end:5;grid-column-start:7;grid-column-end:10}
.gallery-col:nth-child(7){grid-row-start:2;grid-row-end:2;grid-column-start:10;grid-column-end:13}
.gallery-col:nth-child(8){grid-row-start:3;grid-row-end:3;grid-column-start:1;grid-column-end:4}
.gallery-col:nth-child(9){grid-row-start:3;grid-row-end:3;grid-column-start:7;grid-column-end:13}
.grid-span-3{grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(2,1fr);gap:30px}
.heroBanner_card:first-child{grid-row:1/3;grid-column:1/9}
.heroBanner_card:nth-child(2){grid-row:1/2;grid-column:9/13}
.heroBanner_card:last-child{grid-row:2/3;grid-column:9/13}
}
.heroBanner_card{border-radius:10px;overflow:hidden}
.heroBanner_card img{border-radius:10px;width:100%;height:100%;object-fit:cover}
.about_banner_content p{margin-bottom:0;color:#312D2D;text-align:center;font-size:48px;font-style:normal;font-weight:500;line-height:55px}
.about_banner_content p span{font-weight:600}
.bg-grey{background:#EEE!important}
.commonList ul{margin-top:30px;display:grid;grid-template-columns:repeat(auto-fill,minmax(max(40%,40%),1fr));gap:20px}
.commonList ul li{font-size:14px;font-style:normal;font-weight:400;line-height:1.3;position:relative;padding-left:20px}
.commonList ul li:before{content:"";border-radius:12px;background:linear-gradient(180deg,#F98C57 0%,#DB5D22 100%);box-shadow:0 5.33333px 13.33333px 0 rgba(219,93,34,0.34);width:12px;height:12px;position:absolute;left:0;top:9px}
.aboutUs figure img{border-radius:10px;max-height:570px;width:100%}
.ownerList .ownerListGroup{display:flex;justify-content:center;align-items:center;text-align:center;gap:180px;flex-wrap:wrap}
.ownerList .ownerListGroup li{flex:0 0 350px;max-width:350px}

.ownerList .ownerListGroup li figure, .leaderList .leaderListGroup li figure{position:relative;isolation:isolate;margin-bottom: 10px;}
.ownerList .ownerListGroup li figure::after, .leaderList .leaderListGroup li figure::after {content: '';position: absolute;bottom: 0;right: 0;margin-inline: auto;width: 40%;height:40%;background:#d85d27;z-index: -1;transition: 0.3s linear;}
.ownerList .ownerListGroup li figure::before, .leaderList .leaderListGroup li figure::before {content: '';position: absolute;top: 0;left: 0;margin-inline: auto;width: 40%;height:40%;background:#d85d27;z-index: -1;transition: 0.3s linear;}
.ownerList .ownerListGroup figure img{border-radius:0;max-width:350px;max-height:350px;width:100%;height:100%}
.ownerList .ownerListGroup span, .leaderList .leaderListGroup span{color: #312d2d;font-weight: 400;width: 100%;display: block;font-size: 16px;transition: 0.3s linear;}
.leaderList .leaderListGroup figure img {width: 100%;position: relative;z-index: 1;}
.leaderList .leaderListGroup h5 {margin-bottom: 0;margin-top: 30px;color:#d85d27;width: 100%;padding-bottom: 0;transition: 0.3s linear;text-transform: uppercase;}
.team-info {transition: 0.3s linear;text-align: center;}
.leaderList .leaderListGroup li{flex:auto;margin-bottom: 60px;padding-bottom: 0 !important;}
.leaderList .leaderListGroup{display:flex;justify-content:center;align-items:center;text-align:center;  flex-wrap:wrap}
.about-img-wrapper {overflow: hidden;transition: 0.3s linear;display: flex;align-items: flex-end;background-color: #ffffff;filter: grayscale(1);justify-content: center;position: relative;}

.about-img-wrapper::before {display:none;content: "";position: absolute;background-image: url("../img/logo-bg.svg");width: 60px;height: 80px;background-size: contain;background-repeat: no-repeat;z-index: 2;transition: 0.3s linear;right: 15px;top: 20px;}

.ownerList .ownerListGroup li:hover figure::after, .leaderList .leaderListGroup li:hover figure::after {bottom: -9px;right: -10px;}
.ownerList .ownerListGroup li:hover figure::before, .leaderList .leaderListGroup li:hover figure::before {top: -10px;left: -10px;}
.leaderList .leaderListGroup li{flex:auto;margin-bottom: 60px;padding-bottom: 0 !important;}
.leaderList .leaderListGroup li:hover .about-img-wrapper {filter: grayscale(0);}
.inner-border {position: absolute;width: 100%;height: 100%;}
.inner-border::after {content: "";position: absolute;width: 25%;height: 25%;z-index: 3;transition: 0.3s linear;border-top: 1px solid #d85d27;left: 20px;top: 20px;border-left: 1px solid #d85d27;transition: 0.3s linear;}
.inner-border::before {content: "";position: absolute;width: 25%;height: 25%;z-index: 3;transition: 0.3s linear;border-bottom: 1px solid #d85d27;right: 20px;bottom: 20px;border-right: 1px solid #d85d27;transition: 0.3s linear;}
.leaderList .leaderListGroup li:hover .inner-border::after {left: 15px;top: 15px;}
.leaderList .leaderListGroup li:hover .inner-border::before {right: 15px;bottom: 15px;}

@media (max-width:991px) {
.about_banner_content p{font-size:32px;line-height:1.6}
}
@media (max-width:767px) {
.ownerList .ownerListGroup, .leaderList .leaderListGroup{gap:30px}
.ownerList .ownerListGroup li{flex:1;max-width:350px}
/* .ownerList .ownerListGroup h5, .leaderList .leaderListGroup h5{margin-bottom:5px} */
.ownerList .ownerListGroup span, .leaderList .leaderListGroup span{font-size:14px;bottom: -7px;}
.commonList ul li:before{ top:3px}
.commonList ul {
    gap: 16px;
}
.trusted-dev-column p {margin-bottom: 0;}
}
/* @media (min-width:768px) and (max-width:1199.98px) {
.ownerList .ownerListGroup{gap:80px}
.ownerList .ownerListGroup li{flex:0 0 250px;max-width:250px}
.leaderList .leaderListGroup{gap:80px}
.leaderList .leaderListGroup li{flex:0 0 250px;max-width:250px}
} */
@media (min-width:1200px) {
    .commonList ul li{font-size:18px; line-height: 32px;}
}
.loading-bar{background:linear-gradient(270deg,rgba(216,93,39,0.00) 0%,#D85D27 10.85%,#D85D27 87.86%,rgba(216,93,39,0.00) 99.23%);height:2px;border-radius:2px;justify-content:space-around}
.loading-bar-bullet::before{--size:50px;content:'' attr(data-title);background:#FFF1E4;height:var(--size);width:var(--size);border-radius:50%;z-index:999;position:relative;top:0;transform:translateY(-50%);transform-origin:top;font-size:14px;border:2px solid #D85D27;color:var(--primary-color);cursor:pointer;display:flex;justify-content:center;align-items:center;transition:transform,.5s ease-in-out}
.slick-current .loading-bar-bullet::before{transform:scale(1.75) translateY(-50%);border-color:#fff;background:#D85D27;color:var(--white)}
.labels{margin:50px auto 100px;text-align:center}
.labels .row{width:auto!important}
.loading-bar .slick-list{overflow:visible}
.loading-bar-content p{margin-bottom:0;color:#060606;font-size:1.25rem;font-style:normal;font-weight:400;text-align:left;line-height:1.5}
.timeline-bar figure{margin-bottom:0}
.timeline-bar figure img{border-radius:10px;margin:0 auto}
@media (min-width:992px) {
.loading-bar-content p{font-size:2.25rem;text-align:left}
}
@media (max-width:767px) {
.labels{margin:20px 0 50px}
.labels .row{gap:1rem}
}
@media (max-width:991px) {
.loading-bar-bullet::before{--size:40px;height:var(--size);width:var(--size);font-size:12px}
.slick-current .loading-bar-bullet::before{transform:scale(1.45) translateY(-50%)}
}