/* Project Hero Section */
.project-hero-section {
    background-color: #FFFFFF;
    border-radius:30px;
    margin-top:1px;
    padding-top:80px;
    padding-left: 0px;
    padding-right: 0px;
}
.hero-title {
    font-size: 72px;
    font-family: 'tn-condensed-medium';
    line-height: 100%;
    text-transform: uppercase;
}
.hero-title-mobile {
    font-size: 28px;
    font-family: 'tn-condensed-medium';
    line-height: 100%;
    text-transform: uppercase;
}
.hero-sub-title {
    font-size: 52px;
    font-family: 'tn-condensed-medium';
    line-height: 100%;
    text-transform: uppercase;
}
.hero-sub-title-mobile {
    font-size: 20px;
    font-family: 'tn-condensed-medium';
    line-height: 100%;
    text-transform: uppercase;
}
.hero-para {
    font-size: 28px;
    font-family: 'tn-regular';
    line-height: 140%;
    margin-top: 20px;
}
.hero-para-mobile {
    font-size: 18px;
    font-family: 'tn-regular';
    line-height: 140%;
    margin-top: 20px;
}
.hero-project-img-1 {
    width: 100%;
    aspect-ratio: 16 / 5;
    background: url('../images/projects/piaza-superfast-banner.png') no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: 60px;
    border-bottom-left-radius:30px;
    border-bottom-right-radius:30px;
}
.hero-project-img-2 {
    width: 100%;
    aspect-ratio: 16 / 5;
    background: url('../images/projects/dulhan-banner.png') no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: 60px;
    border-bottom-left-radius:30px;
    border-bottom-right-radius:30px;
}

.hero-project-img-3 {
    width: 100%;
    aspect-ratio: 16 / 5;
    background: url('../images/projects/aliv-banner.png') no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: 60px;
    border-bottom-left-radius:30px;
    border-bottom-right-radius:30px;
}

.hero-project-img-4 {
    width: 100%;
    aspect-ratio: 16 / 5;
    background: url('../images/projects/bosch-banner.png') no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: 60px;
    border-bottom-left-radius:30px;
    border-bottom-right-radius:30px;
}

.hero-project-img-5 {
    width: 100%;
    aspect-ratio: 16 / 5;
    background: url('../images/projects/hi-tech-banner.png') no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: 60px;
    border-bottom-left-radius:30px;
    border-bottom-right-radius:30px;
}

.hero-project-img-6 {
    width: 100%;
    aspect-ratio: 16 / 5;
    background: url('../images/projects/ranata-banner.png') no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: 60px;
    border-bottom-left-radius:30px;
    border-bottom-right-radius:30px;
}

.hero-project-img-7 {
    width: 100%;
    aspect-ratio: 16 / 5;
    background: url('../images/projects/bhart-carbon-banner.png') no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: 60px;
    border-bottom-left-radius:30px;
    border-bottom-right-radius:30px;
}

.hero-project-img-8 {
    width: 100%;
    aspect-ratio: 16 / 5;
    background: url('../images/projects/mp-banner.png') no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: 60px;
    border-bottom-left-radius:30px;
    border-bottom-right-radius:30px;
}

.hero-project-img-9 {
    width: 100%;
    aspect-ratio: 16 / 5;
    background: url('../images/projects/swachh-bharat-mission-gramin-banner.png') no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: 60px;
    border-bottom-left-radius:30px;
    border-bottom-right-radius:30px;
}

.hero-project-img-10 {
    width: 100%;
    aspect-ratio: 16 / 5;
    background: url('../images/projects/army-banner.png') no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: 60px;
    border-bottom-left-radius:30px;
    border-bottom-right-radius:30px;
}

.hero-project-img-11 {
    width: 100%;
    aspect-ratio: 16 / 5;
    background: url('../images/projects/core-banner.png') no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: 60px;
    border-bottom-left-radius:30px;
    border-bottom-right-radius:30px;
}

.hero-project-img-12 {
    width: 100%;
    aspect-ratio: 16 / 5;
    background: url('../images/projects/water-aid-banner.png') no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: 60px;
    border-bottom-left-radius:30px;
    border-bottom-right-radius:30px;
}

.hero-project-img-13 {
    width: 100%;
    aspect-ratio: 16 / 5;
    background: url('../images/projects/sonam-banner.png') no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: 60px;
    border-bottom-left-radius:30px;
    border-bottom-right-radius:30px;
}

.hero-project-img-14 {
    width: 100%;
    aspect-ratio: 16 / 5;
    background: url('../images/projects/brillio-banner.png') no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: 60px;
    border-bottom-left-radius:30px;
    border-bottom-right-radius:30px;
}

.hero-project-img-15 {
    width: 100%;
    aspect-ratio: 16 / 5;
    background: url('../images/projects/pgc-banner.png') no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: 60px;
    border-bottom-left-radius:30px;
    border-bottom-right-radius:30px;
}

.hero-project-img-16 {
    width: 100%;
    aspect-ratio: 16 / 5;
    background: url('../images/projects/connect-ai-banner.png') no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: 60px;
    border-bottom-left-radius:30px;
    border-bottom-right-radius:30px;
}

.hero-project-img-17 {
    width: 100%;
    aspect-ratio: 16 / 5;
    background: url('../images/projects/audienta-ai-banner.png') no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: 60px;
    border-bottom-left-radius:30px;
    border-bottom-right-radius:30px;
}

.hero-project-img-18 {
    width: 100%;
    aspect-ratio: 16 / 5;
    background: url('../images/projects/dct-banner.png') no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: 60px;
    border-bottom-left-radius:30px;
    border-bottom-right-radius:30px;
}

/* Project Description Section */
.project-description-section {
    background-color: #FFFFFF;
    border-radius:30px;
    margin-top:1px;
    padding-top:80px;
    padding-bottom: 80px;
}
.description-title {
    font-size: 18px;
    color: #696A6E;
    font-family: 'tn-regular';
}
.description-text {
    font-size: 21px;
    margin-top: 10px;
    font-family: 'tn-medium';

}
.service-label {
    border: 0px;
    background: #E1E1E1;
    margin-top: 6px;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 16px;
    font-family: 'tn-regular';
}
.para {
    font-size: 24px;
    font-family: 'tn-regular';
    line-height: 140%;
}
.project-gallery {
    margin-top: 60px;
}

.gallery-img-01-1 {
    width: 100%;
    height: 412px;
    background: url('../images/projects/piaza-superfast-gallery-01.png') no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
}
.gallery-img-02-1 {
    width: 100%;
    height: 412px;
    background: url('../images/projects/piaza-superfast-gallery-02.png') no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
}

.gallery-img-01-2 {
    width: 100%;
    height: 412px;
    background: url('../images/projects/dulhan-gallery-01.png') no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
}
.gallery-img-02-2 {
    width: 100%;
    height: 412px;
    background: url('../images/projects/dulhan-gallery-02.png') no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
}

.gallery-img-01-3 {
    width: 100%;
    height: 412px;
    background: url('../images/projects/aliv-gallery-01.png') no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
}
.gallery-img-02-3 {
    width: 100%;
    height: 412px;
    background: url('../images/projects/aliv-gallery-02.png') no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
}

.gallery-img-01-4 {
    width: 100%;
    height: 412px;
    background: url('../images/projects/bosch-gallery-01.png') no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
}
.gallery-img-02-4 {
    width: 100%;
    height: 412px;
    background: url('../images/projects/bosch-gallery-02.png') no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
}

.gallery-img-01-5 {
    width: 100%;
    height: 412px;
    background: url('../images/projects/hi-tech-gallery-01.png') no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
}
.gallery-img-02-5 {
    width: 100%;
    height: 412px;
    background: url('../images/projects/hi-tech-gallery-02.png') no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
}

.gallery-img-01-6 {
    width: 100%;
    height: 412px;
    background: url('../images/projects/ranata-gallery-01.png') no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
}
.gallery-img-02-6 {
    width: 100%;
    height: 412px;
    background: url('../images/projects/ranata-gallery-02.png') no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
}

.gallery-img-01-7 {
    width: 100%;
    height: 412px;
    background: url('../images/projects/bharat-carbon-gallery-01.png') no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
}
.gallery-img-02-7 {
    width: 100%;
    height: 412px;
    background: url('../images/projects/bharat-carbon-gallery-02.png') no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
}

.gallery-img-01-8 {
    width: 100%;
    height: 412px;
    background: url('../images/projects/mp-gallery-01.png') no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
}
.gallery-img-02-8 {
    width: 100%;
    height: 412px;
    background: url('../images/projects/mp-gallery-02.png') no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
}

.gallery-img-01-9 {
    width: 100%;
    height: 412px;
    background: url('../images/projects/swachh-bharat-mission-gramin-gallery-01.png') no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
}
.gallery-img-02-9 {
    width: 100%;
    height: 412px;
    background: url('../images/projects/swachh-bharat-mission-gramin-gallery-02.png') no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
}

.gallery-img-01-10 {
    width: 100%;
    height: 412px;
    background: url('../images/projects/army-gallery-01.png') no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
}
.gallery-img-02-10 {
    width: 100%;
    height: 412px;
    background: url('../images/projects/army-gallery-02.png') no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
}

.gallery-img-01-11 {
    width: 100%;
    height: 412px;
    background: url('../images/projects/core-gallery-01.png') no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
}
.gallery-img-02-11 {
    width: 100%;
    height: 412px;
    background: url('../images/projects/core-gallery-02.png') no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
}

.gallery-img-01-12 {
    width: 100%;
    height: 412px;
    background: url('../images/projects/water-aid-gallery-01.png') no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
}
.gallery-img-02-12 {
    width: 100%;
    height: 412px;
    background: url('../images/projects/water-aid-gallery-02.png') no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
}

.gallery-img-01-13 {
    width: 100%;
    height: 412px;
    background: url('../images/projects/sonam-gallery-01.png') no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
}
.gallery-img-02-13 {
    width: 100%;
    height: 412px;
    background: url('../images/projects/sonam-gallery-02.png') no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
}

.gallery-img-01-14 {
    width: 100%;
    height: 412px;
    background: url('../images/projects/brillio-gallery-01.png') no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
}
.gallery-img-02-14 {
    width: 100%;
    height: 412px;
    background: url('../images/projects/brillio-gallery-02.png') no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
}

.gallery-img-01-15 {
    width: 100%;
    height: 412px;
    background: url('../images/projects/pgc-gallery-01.png') no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
}
.gallery-img-02-15 {
    width: 100%;
    height: 412px;
    background: url('../images/projects/pgc-gallery-02.png') no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
}

.gallery-img-01-16 {
    width: 100%;
    height: 412px;
    background: url('../images/projects/connect-ai-gallery-01.png') no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
}
.gallery-img-02-16 {
    width: 100%;
    height: 412px;
    background: url('../images/projects/connect-ai-gallery-02.png') no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
}

.gallery-img-01-17 {
    width: 100%;
    height: 412px;
    background: url('../images/projects/audienta-ai-gallery-01.png') no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
}
.gallery-img-02-17 {
    width: 100%;
    height: 412px;
    background: url('../images/projects/audienta-ai-gallery-02.png') no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
}

.gallery-img-01-18 {
    width: 100%;
    height: 412px;
    background: url('../images/projects/dct-gallery-01.png') no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
}
.gallery-img-02-18 {
    width: 100%;
    height: 412px;
    background: url('../images/projects/dct-gallery-02.png') no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
}

/* Other Projects Section */
.other-projects-section {
    background-color: #FFFFFF;
    border-radius:30px;
    margin-top:1px;
    padding-top:80px;
    padding-bottom: 80px;
}
.other-projects-title {
    font-size: 72px;
    font-family: 'tn-condensed-medium';
    text-transform: uppercase;
}
.other-projects-list {
    margin-top: 40px;
}

[id^="projectTexBox"] {
    margin-top: 48px;
    display: flex;
    gap: 30px;
    align-items: flex-start;
}
.project-title {
    font-size: 32px;
    font-family: 'tn-medium';
}
.project-text {
    font-size: 18px;
    font-family: 'tn-regular';
    line-height: 140%;
    ;
    margin-top: 20px;
    color: #404145;
}
.project-arrow-icon{
    width: 56px;
    height: 56px;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #404145;
    border-radius: 50%;
    padding: 16px;
    transform: rotate(-45deg);
    transition: all 0.3s ease-in-out;
}
.project-arrow-icon:hover{
    border: 1px solid #241BDC;
    background-color: #241BDC;
    fill: #FFFFFF;
    transform: rotate(0deg) !important;
    transition: all 0.3s ease-in-out;
}
.project-box:hover .project-arrow-icon {
    border: 1px solid #241BDC;
    background-color: #241BDC;
    fill: #FFFFFF;
}

@media (max-width: 768px) {
    [class^="hero-project-img-"] {
        margin-top: 30px;
    }
    .para {
        font-size: 18px !important;
    }
    .project-gallery {
        margin-top: 30px;
        gap: 20px;
    }
    [class^="gallery-img-01-"], [class^="gallery-img-02-"] {
        height: 250px;
    }
    .other-projects-title{
        font-size: 36px;
    }
    .project-hero-section {
        padding-top:40px;
    }
    .project-description-section {
        padding-top:40px;
        padding-bottom: 40px;
    }
}
.weblink-icon svg {
    transition: transform 0.4s ease;
    margin-left: 5px;
}
.weblink-icon:hover svg{
    transform: rotate(45deg);
    color: #241BDC;
    fill: #241BDC;
}
.weblink-icon:hover svg path {
    color: #241BDC;
    fill: #241BDC;
}