/*inner banner css*/
.inner_banner {
    position: relative;
    /* padding-block: 14.5rem 0; */
    display: grid;
}

.inner_banner.without_bg {
    background: #fff;
    padding-block: 10.5rem 13rem;
}

.inner_banner>* {
    grid-area: 1/1;
}

.banner_img {
    margin: 0;
    aspect-ratio: 2545 / 870;
}

.banner_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.banner_content {
    padding-block: 15rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    height: 100%;
}

.inner_banner:not(:has(.banner_stats)) .banner_content {
    height: 100%;
}

.sub_title {
    display: block;
    color: var(--color-white);
    font-size: var(--text-36);
    font-weight: 300;
}

.sub_title:has(+ *) {
    margin-bottom: 3rem;
}

.banner_content h1 {
    color: var(--color-white);
    font-size: var(--text-36);
    font-weight: 300;
    line-height: 1.2;
    margin: 0 0 5rem;
    text-transform: capitalize;
}

.line-banner {
    display: block;
    width: 10.7rem;
    height: 5px;
    background: var(--color-ffb);
    margin-top: 4rem;
    position: relative;
}

.line-banner::after {
    content: "";
    position: absolute;
    right: -12px;
    top: 0;
    width: 1.8rem;
    height: 5px;
    background: #000;
}

.banner_stats {
    position: absolute;
    left: 50%;
    bottom: -6rem;
    transform: translateX(-50%);
    width: 100%;
    max-width: 118.6rem;
    background: #2a2a2af0;
    border-radius: 1.6rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2.8rem 0rem;
    z-index: 5;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.stat_item {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 2rem;
    position: relative;
    justify-content: center;
}

.stat_item:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 5rem;
    background: var(--color-d4);
}

.stat_item h2 {
    color: var(--color-ffb);
    font-size: var(--text-72);
    font-weight: normal;
    line-height: 1;
    margin: 0;
}

.stat_item h2 sup {
    font-size: 3rem;
    top: -2.2rem;
}

.stat_item p {
    margin: 0;
    color: var(--color-white);
    text-transform: uppercase;
    font-size: var(--text-14);
    letter-spacing: 0.28rem;
    line-height: 1.6;
}

.banner_img {
    overflow: hidden;
}

/* .banner_content .line-banner {
    margin-top: 0;
} */

.inner_banner .banner_content {
    padding-block: 15rem 0;
}

.without_bg .banner_content {
    padding-block: 15rem;
}

@media(max-width:1399px) {
    .banner_stats {

        gap: 3rem;
        padding: 2.8rem 2rem;
    }

}


@media(max-width:1024px) {
    /* .inner_banner {
        padding-block: 8rem 0;
    } */

    .banner_content {
        padding-block: 7rem 0;
    }

    .sub_title:has(+ *) {
        margin-bottom: 2rem;
    }

    .line-banner {
        margin-top: 3rem;
    }
}

@media(max-width:991px) {
    .banner_img {
        aspect-ratio: 768 / 400;
    }

    .inner_banner {
        /* padding-block: 7rem 0; */
        position: relative;
        z-index: 1;
    }

    .inner_banner:not(:has(.banner_stats)) .banner_content {
        padding-block: 5rem;
        margin-bottom: 4rem;
    }

    .banner_content {
        padding-block: 3rem 8rem;
    }

    .sub_title:has(+ *) {
        margin-bottom: 1.5rem;
    }

    .banner_stats {
        max-width: 76.4rem;
        bottom: -5rem;
        padding: 1.8rem 2rem;
        gap: 2rem;
    }

    .line-banner {
        margin-top: 2rem;
    }

    .stat_item {
        gap: 1rem;
    }
}

@media(max-width:767px) {
    .banner_img {
        aspect-ratio: 333 / 311;
    }

    .inner_banner.about_banner .banner_img {
        aspect-ratio: inherit;
    }

    .banner_content {
        padding-block: 15rem 4rem;
        height: auto;
        position: relative;
        z-index: 9;
    }

    .inner_banner .banner_content {

        padding-block: 15rem 4rem;
    }


    .banner_content h1>br {
        display: none;
    }

    .banner_stats {
        flex-direction: column;
        max-width: 100%;
        bottom: 0;
        padding: 2rem;
        margin-bottom: -5rem;
        position: relative;
        transform: none;
        left: 0;
        border-radius: 1rem;
    }

    .stat_item {
        width: 100%;
        gap: 1.6rem;
        display: grid;
        grid-template-columns: 52% 48%;
    }

    .stat_item:not(:last-child)::after {
        width: 100%;
        height: 1px;
        top: auto;
        bottom: 0;
        background: transparent radial-gradient(closest-side at 49% 51%, #D48625 0%, #2A2A2A 100%) 0% 0% no-repeat padding-box;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }

    .stat_item:not(:last-child) {
        padding-bottom: 1rem;
        margin-bottom: 1rem;
    }

    .inner_banner:before {
        background: transparent linear-gradient(85deg, #000000a6 0%, #00000000 100%) 0% 0% no-repeat padding-box;
        content: "";
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .inner_banner:not(:has(.banner_stats)) .banner_content {
        padding-block: 5rem 1rem;
        z-index: 9;
        position: relative;
        margin-bottom: 0;
    }

    .without_bg::before {
        display: none;
    }

    .about_banner>* {
        grid-area: inherit;
    }
      .about_banner .banner_content {
           padding-block: 3rem 2rem;
    }
    .about_banner::before{display:none;}
    .about_banner .banner_content .sub_title{color: var(--color-black);}
    .about_banner .banner_content h1{color: var(--color-black);}

      .infra_product p {
        border-bottom: 1px solid #0000001c;
        padding-bottom: 4rem;
    }
    .product_right.leader_card {
    padding-block: 3rem 1rem;
}

}

/*about panel2 css*/
.about_panel2 {
    text-align: center;
    padding-block: 18rem 8rem;
}

.about_panel2 .title48 {
    margin-bottom: 5rem;
    padding-inline: 4rem;
    font-weight: 300;
}

.about_panel2 p {
    font-size: var(--text-18);
    padding-inline: 12.5rem;

}

.about_panel3 blockquote {
    font-weight: 300;
    text-align: center;
    padding-inline: 0;
    margin-bottom: 5rem;
}

.about_panel3 .container-lg {
    padding-inline: 4.5rem;
}

.video-thumb {
    position: relative;
    margin: 0;
    overflow: hidden;
    border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -o-border-radius: 2rem;
}

.video-thumb img {
    display: block;
    width: 100%;
}

.video-play-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 5.8rem;
    height: 5.8rem;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.55);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.3s ease;
}

.video-play-btn:hover {
    background: rgba(0, 0, 0, 0.75);
    transform: translate(-50%, -50%) scale(1.08);
}

.play-icon {
    width: 0;
    height: 0;
    margin-left: 4px;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 14px solid #fff;
}

.video-thumb {
    position: relative;
    overflow: hidden;
}

.video-thumb>img {
    display: block;
    width: 100%;
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.video-thumb:hover>img {
    transform: scale(1.06);
}

@media(max-width:1599px) {
    .about_panel2 {
        padding-block: 15.3rem 8rem;
    }

    .about_panel2 .title48 {
        margin-bottom: 3rem;
        padding-inline: 0;
    }

    .about_panel2 p {
        padding-inline: 2.5rem;
    }

    .about_panel3 blockquote {
        margin-bottom: 4rem;
    }
}

@media(max-width:1199px) {
    .about_panel2 {
        padding-block: 12.3rem 6rem;
    }

    .about_panel2 .title48 {
        margin-bottom: 3rem;
        padding-inline: 0;
    }

    .about_panel2 p {
        padding-inline: 2.5rem;
    }

    .about_panel3 blockquote {
        margin-bottom: 4rem;
    }
}

@media(max-width:991px) {
    .about_panel2 {
        padding-block: 6.3rem 3rem;
    }

    .about_panel2 .title48 {
        margin-bottom: 2rem;
    }

    .about_panel3 blockquote {
        margin-bottom: 2rem;
    }
}

@media(max-width:767px) {
    .about_panel2 p {
        padding-inline: 0;
    }

    .about_panel3 .container-lg {
        padding-inline: 0;
    }

    .video-thumb {
        border-radius: 1rem;
    }

    .video-thumb>img {
        aspect-ratio: 375/275;
        object-fit: cover;
    }

    .video-play-btn {
        width: 4.8rem;
        height: 4.8rem;
    }
      .about_panel2 { padding-block: 10.3rem 3rem; }
}

/*mission-vision css*/
.mission_vision {
    padding: 10rem 0;
    background: #f8f7f5;
}

.mv_grid {
    display: grid;
    grid-template-columns: 750fr 652fr;
    align-items: stretch;
    gap: 7.3rem;
}

.mission_box {
    position: relative;
    background: var(--color-d4);
    color: var(--color-white);
    overflow: hidden;
    display: grid;
    grid-template-columns: 290fr 311fr;
    gap: 7.5rem;
    padding-right: 7.3rem;
    border-radius: 2rem;
}

.mission_content {
    position: relative;
    width: 100%;
    padding-block: 5.4rem 11.8rem;
    z-index: 1;
}

.mission_content h3 {
    font-size: var(--text-24);
    margin-bottom: 4rem;
    font-weight: 500;
}

.mission_content p {
    font-size: var(--text-24);
    line-height: 1.5;
    font-weight: 200;
    margin: 0;
}

.vision_box {
    padding-left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.vision_item:not(:last-child) {
    padding-bottom: 5rem;
    margin-bottom: 4.1rem;
    border-bottom: 1px solid var(--color-70);
    padding-right: 2.4rem;
}

.vision_item:nth-child(2) {
    padding-right: 5.5rem;
}

.vision_item h3 {
    color: var(--color-black);
    margin-bottom: 4rem;
    font-weight: bold;
}

.vision_item p {
    color: var(--color-black);
    line-height: 1.8;
    margin: 0;
}

.mission_pattern {
    flex-shrink: 0;
    margin-top: auto;
}

.mission_pattern figure {
    margin: 0;
}


span.title2 {
     color: var(--color-white);
     font-size: var(--text-48);
     font-weight: 300;
     line-height: 1.2;
     margin: 0 0 5rem;
     text-transform: capitalize;
}




@media(max-width:1599px) {
    .mv_grid {
        gap: 5.3rem;
    }

    .mission_vision {
        padding: 6rem 0;
    }

    .mission_box {
        gap: 3.5rem;
        padding-right: 4.3rem;
    }

    .mission_content {
        padding-block: 4.4rem 8.8rem;
    }

    .mission_content h3 {
        margin-bottom: 3rem;
    }

    .vision_item h3 {
        margin-bottom: 3rem;
    }

    .vision_item:not(:last-child) {
        padding-bottom: 4rem;
        margin-bottom: 3.1rem;
        padding-right: 1.4rem;
    }

    .vision_item:nth-child(2) {
        padding-right: 2.5rem;
    }
}

@media(max-width:1199px) {
    .mission_content {
        padding-block: 4.4rem 6.8rem;
    }

    .mission_content h3 {
        margin-bottom: 2rem;
    }

    .vision_item h3 {
        margin-bottom: 2rem;
    }
}

@media(max-width:991px) {
    .mission_vision {
        padding: 4rem 0 0;
    }

    .mv_grid {
        grid-template-columns: 100%;
    }

    .vision_item:not(:last-child) {
        padding-bottom: 3rem;
        margin-bottom: 2.1rem;
    }
}

@media(max-width:767px) {
    .mission_vision {
        padding: 3rem 0 0;
    }

    .mv_grid {
        gap: 3.3rem;
    }

    .mission_box {
        gap: 1.5rem;
        padding-right: 0;
        grid-template-columns: 100%;
        border-radius: 1rem;
    }

    .mission_pattern {
        position: absolute;
        bottom: 0;
        width: 5rem;
    }

    .mission_content {
        padding: 2.4rem 2.8rem;
    }

    .mission_content h3 {
        margin-bottom: 1.2rem;
    }

    .vision_item h3 {
        margin-bottom: 1.2rem;
    }

    .vision_item:not(:last-child) {
        padding-bottom: 2rem;
        margin-bottom: 2.1rem;
    }
}

/*========================== Legacy Section ==========================*/
.legacy_section {
    position: relative;
    padding-top: 10rem;
    overflow: hidden;
    background: var(--color-f8);
}

.legacy_top {
    position: relative;
}

.legacy_content {
    max-width: 76rem;
    padding-bottom: 9rem;
}

.legacy_content .title48 {
    font-weight: 300;
}

.legacy_content .title24:has(+ *) {
    margin-bottom: 2.4rem;
}

.legacy_content .title48:has(+ *) {
    margin-bottom: 5rem;
}

.founder_name h3 {
    font-size: var(--text-30);
    color: var(--color-black);
    font-weight: 300;
    margin-bottom: 1rem;
}

.founder_name p {
    font-weight: 400;
}


.legacy_content p {
    color: var(--color-black);
}

.legacy_image {
    position: relative;
    margin-top: -40rem;
    margin-inline: 0 -26rem;
    z-index: 1;
}

.legacy_image figure {
    margin: 0;
}

.legacy_image img {
    width: 100%;
    display: block;
}

.legacy_panel {
    position: relative;
    background: #232834;
}

.legacy_panel::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url("../images/legacy-bg.webp") center/cover no-repeat;
    opacity: .25;
}

.legacy_grid {
    position: relative;
    display: grid;
    grid-template-columns: 750fr 625fr;
    gap: 7.9rem;
    align-items: center;
}

.legacy_left {
    max-width: 79.5rem;
    padding-block: 0rem 11.9rem;
}

.founder_name {
    display: block;
    color: var(--color-white);
    font-size: var(--text-30);
    font-weight: 300;
    margin-bottom: 2.4rem;
}

.legacy_left h3 {
    font-size: var(--text-48);
    line-height: 1.2;
    font-weight: 300;
    color: var(--color-ffb);
    margin-bottom: 5rem;
}

.legacy_left p {
    color: var(--color-white);
    line-height: 1.9;
}

.legacy_right {
    min-height: inherit;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: min(529px, 20.78585vw);
}

.legacy_right>img {
    width: 100%;
}

.legacy_right::before {
    content: "";
    position: absolute;
    right: -15rem;
    bottom: -15rem;
    width: 70rem;
    height: 70rem;
    background: url("../images/legacy-circle.svg") no-repeat center/contain;
    opacity: .9;
}

.legacy_panel {
    position: relative;
}

.legacy_image figure {
    overflow: hidden;
    margin: 0;
}


@media(max-width:1599px) {


    .legacy_section {
        padding-top: 8rem;
    }

    .legacy_content {
        max-width: 70rem;
        padding-bottom: 7.2rem;
    }

    .legacy_content .title24:has(+ *) {
        margin-bottom: 1.4rem;
    }

    .legacy_content .title48:has(+ *) {
        margin-bottom: 3rem;
    }

    .legacy_grid {
        gap: 3.9rem;
    }

    .legacy_image {
        margin-top: -33rem;
        width: 77.4rem;
        margin-inline: 0 -10rem;
    }

    .legacy_left {
        padding-block: 3.9rem 4.9rem;
    }

    .legacy_left h3 {
        margin-bottom: 4rem;
    }

    .founder_name {
        margin-bottom: 1.4rem;
    }
}

@media(max-width:1199px) {
    .legacy_left h3 {
        margin-bottom: 2rem;
    }

    .legacy_grid {
        gap: 1.9rem;
    }

    .legacy_content {
        padding-bottom: 4.2rem;
    }

    .legacy_image {
        margin-top: -22rem;
        width: 63.4rem;
        margin-inline: 0 -4rem;
    }
}

@media(max-width:991px) {
    .legacy_section {
        padding-top: 5rem;
    }

    .legacy_content .title48:has(+ *) {
        margin-bottom: 2rem;
    }

    .legacy_grid {
        grid-template-columns: 100%;
    }

    .legacy_left {
        padding-block: 3.9rem 0;
        max-width: 100%;
    }

    .legacy_image {
        margin-top: 0;
        width: 36.4rem;
        margin-inline: 0;
    }
}

@media(max-width:767px) {
    .legacy_content {
        padding-bottom: 2.2rem;
    }

    .legacy_image {
        width: 100%;
    }
}

/*==========================jindal-content-sec ==========================*/
.jindal-content-sec {
    padding-block: 10rem;
}

.jindal-grid {
    display: grid;
    gap: 9.8rem;
    align-items: center;
    grid-template-columns: 725fr 638fr;
}

.jindal-grid.row-two {
    grid-template-columns: 652fr 725fr;
    align-items: start;
    margin-top: 10rem;
    gap: 9.8rem;
}

.jindal-image {
    width: 100%;
}

.jindal-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -o-border-radius: 2rem;
}

.name {
    margin-top: 3rem;
}

.name h3 {
    font-size: var(--text-30);
    font-weight: 300;
}

.jindal-content {
    max-width: 100%;
}

.jindal-content .title24 {
    margin-bottom: 2.4rem;
    display: block;
}

.jindal-content h2 {
    font-weight: 300;
    margin-bottom: 5rem;
}

.jindal-full-text {
    margin-top: 7rem;
}

.jindal-full-text p:last-child {
    margin-bottom: 0;
}

.jindal-divider {
    width: 10.7rem;
    height: 5px;
    position: relative;
    background: var(--color-black);
    margin-top: 10rem;
}

.jindal-divider span {
    position: absolute;
    left: 0;
    top: 0;
    width: 8.7rem;
    height: 5px;
    background: var(--color-ffb);
}

.jindal-image {
    overflow: hidden;
}

.jindal-image figure {
    margin: 0;
    overflow: hidden;
    border-radius: 20px;
}

.jindal-image figure img {
    display: block;
    width: 100%;
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.jindal-image:hover figure img {
    transform: scale(1.06);
}

@media(max-width:1599px) {
    .jindal-content-sec {
        padding-block: 10rem 13.4rem;
    }

    .jindal-grid {
        gap: 5.8rem;
    }

    .jindal-content .title24 {
        margin-bottom: 1.4rem;
    }

    .jindal-content h2 {
        margin-bottom: 3rem;
    }

    .jindal-full-text {
        margin-top: 5rem;
    }

    .jindal-divider {
        margin-top: 7rem;
    }

    .jindal-grid.row-two {
        margin-top: 7rem;
        gap: 5.8rem;
    }
}

@media(max-width:1199px) {
    .jindal-content-sec {
        padding-block: 8rem 10.4rem;
    }

    .jindal-grid {
        gap: 2.8rem;
    }

    .jindal-content h2 {
        margin-bottom: 2rem;
    }

    .jindal-divider {
        margin-top: 5rem;
    }

    .jindal-grid.row-two {
        margin-top: 5rem;
        gap: 2.8rem;
    }
}


@media(max-width:991px) {
    .jindal-content-sec {
        padding-block: 5rem 6.4rem;
    }

    .jindal-grid {
        grid-template-columns: 100%;
    }

    .jindal-full-text {
        margin-top: 2rem;
    }

    .jindal-divider {
        margin-top: 3rem;
    }

    .jindal-grid.row-two {
        grid-template-columns: 100%;
    }

    .jindal-grid.row-two .jindal-content {
        order: 1;
    }

    .jindal-grid.row-two .jindal-image {
        order: 0;
    }
}

@media(max-width:767px) {
    .jindal-content-sec {
        padding-block: 4rem 4.4rem;
    }

    .jindal-image img {
        border-radius: 1rem;
        -webkit-border-radius: 1rem;
        -moz-border-radius: 1rem;
        -ms-border-radius: 1rem;
        -o-border-radius: 1rem;
    }

    .jindal-content h2>br {
        display: none;
    }
}


/*========================== Key Advantages ==========================*/
.key_advantages {
    position: relative;
    padding: 0;
    overflow: hidden;
    background: var(--color-white);
    display: grid;
}

.key_advantages>* {
    grid-area: 1/1;
}

.progress_bx {
    padding-block: 20.6rem 11rem;
    max-width: 65.2rem;
    margin-left: auto;
    position: relative;
}

.progress_right {
  
}

.progress_right .title24 {
    margin-bottom: 2.4rem;
}

.progress_right .title48 {
    margin-bottom: 5rem;
}

.advantages_wrapper {
    padding-block:30rem 11.2rem;
    position: relative;
    z-index: 2;
}

.advantages_wrapper .advantage_item:nth-child(1)::after,
.advantages_wrapper .advantage_item:nth-child(2)::after,
.advantages_wrapper .advantage_item:nth-child(3)::before {
    display: none;
}

.advantages_wrapper .advantage_item:nth-child(3)::after {
    display: none;
}

.advantages_wrapper .advantage_item:nth-child(4)::before,
.advantages_wrapper .advantage_item:nth-child(5)::before,
.advantages_wrapper .advantage_item:nth-child(6)::before {
    display: none;
}

.advantages_head {
    margin-bottom: 8.3rem;
    padding-bottom: 4rem;
    border-bottom: 1px solid rgb(112 112 112 / 30%);
}

.advantages_head .section_tag {
    display: inline-block;
    margin-bottom: 2rem;
    color: var(--color-black);
    font-size: 1.8rem;
    font-weight: 500;
}

.advantages_head .title21 {
    font-weight: 500;
}

.advantages_head .title56 {
    max-width: 62rem;
    color: var(--color-prime);
    font-weight: 300;
    line-height: 1.2;
}

.advantages_head .title48 {
    margin-top: 2.4rem;
}

.why_img {
    margin-top: 8rem;
}

.why_img figure img {
    display: block;
    width: 100%;
    max-width: none;
    object-fit: cover;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 2rem;
}

.advantages_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10rem 5.5rem;
}

.advantage_item {
    display: flex;
    flex-direction: column;
}


.advantage_item figure {
    width: 6.8rem;
    height: 6.8rem;
    margin-bottom: 3.2rem;
}

.advantage_item img {
    width: 100%;
    display: block;
}

.advantage_item h3 {
    font-size: var(--text-18);
    font-weight: 500;
    color: var(--color-dark);
    line-height: 1.7;
    margin-bottom: 2.4rem;
}

.key-adv_pic figure {
    margin: 0;
    height: 100%;
}

.key-adv_pic img {
    height: 100%;
    object-fit: cover;
}

.advantages_wrapper .advantages_wrapper .advantages_btn {
    margin-top: 7.3rem;
}

.advantages_shape {
    position: absolute;
    right: 0;
    bottom: 0;
    width: min(40.9rem, 16.07072vw);
    pointer-events: none;
}

.advantages_shape img {
    width: 100%;
    display: block;
}

.advantages_btn {
    margin-top: 6rem;
}

.key-adv_pic {
    position: relative;
}

.key-adv_pic figure {
    overflow: hidden;
    margin: 0;
}

.key-adv_pic figure::after {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 70%;
    height: 100%;
    background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.05) 25%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 100%);
    transform: skewX(-20deg);
    opacity: 0;
    pointer-events: none;
}

.key-adv_pic:hover figure::after {
    opacity: 1;
    animation: smoothShine 6.4s cubic-bezier(.22, 1, .36, 1);
}


@media(min-width:2550px) {
    /* .key-adv_pic img {
        height: 232rem;
    } */
}

@keyframes smoothShine {
    0% {
        left: -120%;
    }

    100% {
        left: 150%;
    }
}
@media(max-width:2400px) {
.key-adv_pic img {
        object-position: 23%;
}
}


@media(max-width:1920px) {
.key-adv_pic img {
    object-position: 22%;
}
}

@media(max-width:1799px) {
    .key-adv_pic img {
        object-position: 21%;
    }
}

@media(max-width:1599px) {
    .progress_right .title24 {
        margin-bottom: 1.4rem;
    }

    .progress_right .title48 {
        margin-bottom: 3rem;
    }

    .progress_bx {
        padding-block: 10.6rem 6rem;
    }



    .advantages_head {
        margin-bottom: 5.3rem;
        padding-bottom: 2rem;
    }

    .advantages_grid {
        gap: 6rem 3.5rem;
    }

    .advantage_item figure {
        width: 5.8rem;
        height: 5.8rem;
        margin-bottom: 2.2rem;
    }

    .advantage_item h3 {
        margin-bottom: 1.4rem;
    }

    .advantages_wrapper .advantages_btn {
        margin-top: 5.3rem;
    }
.key-adv_pic img {
    object-position: 30%;
}

}

@media(max-width:1399px) {
    .key-adv_pic img {
        object-position: 24%;
    }
}


@media(max-width:1299px) {
    .key-adv_pic img {
        object-position: 22%;
    }
}

@media(max-width:1199px) {
    .progress_bx {
        padding-block: 9.6rem 10rem;
    }

    .progress_right .title48 {
        margin-bottom: 2rem;
    }



    .advantage_item figure {
        width: 4.8rem;
        height: 4.8rem;
        margin-bottom: 1.2rem;
    }

    .advantages_head {
        margin-bottom: 4.3rem;
    }

    .advantages_grid {
        gap: 4rem 3.5rem;
    }
    .key-adv_pic img {
    object-position: 20%;
}
}

@media(max-width:991px) {
    .key_advantages {
        padding: 0;
        background-color: #e8eaec;
    }

    .key-adv_pic img {
        object-position: 75% 50%;
        display: none;
    }

    .why_img {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    .progress_bx {
        padding-block: 5.6rem 5rem;
        max-width: 100%;
    }

    .advantages_grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .advantages_wrapper .advantages_btn {
        margin-top: 3.3rem;
    }
    .advantages_wrapper {
    padding-block: 1rem 7.2rem;
    }
}

@media(max-width:767px) {
    .progress_bx {
        padding-block: 3.6rem 3rem;
    }

    .advantages_head {
        margin-bottom: 3.3rem;
        padding-bottom: 1rem;
    }

    .advantages_grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 3rem 1.5rem;
    }

    .advantage_item figure {
        width: 3.8rem;
        height: 3.8rem;
    }

    .advantage_item h3 {
        margin-bottom: 1rem;
    }
}

/*====================== awards  section ======================*/

.awards-section {
    padding-block: 10rem 12rem;
    background-color: var(--color-white);
}

.awards-head {
    text-align: center;
    padding-inline: 4rem;
    margin-bottom: 7rem;
}

.awards-head h6 {
    margin-bottom: 2.4rem;
}

.awards-head h2 {
    margin-bottom: 5rem;
}

.awards-head>p {
    font-size: var(--text-18);
    line-height: 1.5;
    font-weight: 300;
}

.awards-head>.common_border {
    margin-top: 7rem;
}

.heading-line {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10.7rem;
    height: 5px;
    position: relative;
    background: var(--color-black);
    margin: 7rem auto;
}

.heading-line span {
    position: absolute;
    left: 0;
    top: 0;
    width: 8.7rem;
    height: 5px;
    background: var(--color-ffb);
}

.featured-title {
    text-align: center;
    font-size: var(--text-21);
    color: var(--color-black);
    margin-bottom: 8.5rem;
    font-weight: 500;
}

.awards-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    width: 100%;
}

.award-item {
    padding: 0 5.2rem 2.5rem;
    text-align: center;
    border-right: 1px solid #e5e5e5;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.award-item:first-child {
    padding-left: 0;
}

.award-item:last-child {
    padding-right: 0;
    border-right: 0;
}

.award-logo {
    width: 100%;
    max-width: 17.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
}

.award-logo>figure {
    width: 100%;
}

.award-logo>figure>img {
    width: 100%;
}

.award-item>p {
    line-height: 1.5;
}


.award-list {
    margin-top: 8rem;
}

.awards-section .jindal-divider {
    margin: 10rem auto;
}



@media(max-width:1599px) {
    .awards-section {
        padding-block: 8.3rem 10.4rem;
    }

    .awards-head {
        padding-inline: 0rem;
        margin-bottom: 5rem;
    }

    .awards-head h6 {
        margin-bottom: 1.4rem;
    }

    .awards-head h2 {
        margin-bottom: 3rem;
    }

    .awards-head>.common_border {
        margin-top: 4rem;
    }

    .featured-title {
        margin-bottom: 5.5rem;
    }

    .award-logo {
        max-width: 15.1rem;
    }

    .award-item {
        padding: 0 2rem 1.5rem;
    }
}

@media(max-width:1199px) {
    .awards-section {
        padding-block: 6.3rem 8.4rem;
    }

    .awards-head h2 {
        margin-bottom: 2rem;
    }

    .featured-title {
        margin-bottom: 4.5rem;
    }

    .award-logo {
        max-width: 11.1rem;
    }
}

@media(max-width:991px) {
    .awards-section {
        padding-block: 5.3rem 6.4rem;
    }

    .award-list {
        margin-top: 3rem;
    }

    .featured-title {
        margin-bottom: 3.5rem;
    }

    .awards-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 3rem 0;
    }

    .award-item:nth-child(3n) {
        border-right: 0;
    }

    .awards-section .jindal-divider {
        margin: 6rem auto;
    }
}

@media(max-width:767px) {
    .awards-section {
        padding-block: 3.3rem 3.4rem;
    }

    .awards-head>.common_border {
        margin-top: 3rem;
    }

    .featured-title {
        margin-bottom: 2.5rem;
    }

    .awards-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .award-item {
        padding: 0 0 2rem;
        border-right: 0;
        border-bottom: 1px solid #e5e5e5;
    }

 

    .award-logo {
        max-width: 9.1rem;
    }
    .awards-grid {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    }

    .awards-grid::-webkit-scrollbar {
        display: none;
    }

    .awards-grid .award-item {
         flex: 0 0 100%;
        scroll-snap-align: center;
        padding-inline: 1rem;
    }

      .awards-grid::-webkit-scrollbar {
    display: none;
  }

  .awards-grid .award-item {
    flex: 0 0 85%;
    min-width: 0;
  }
}




/*====================== Group Company ======================*/
.group_company {
    padding: 10rem 0;
    background: #fff;
}

.company_content {
    margin: 0 auto 4rem;
    text-align: center;
}

.company_content p {
    line-height: 1.8;
    color: #000;
    font-size: var(--text-24);
}

.company_logo_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.company_logo {
    flex: 1;
    max-width: 22rem;
    padding: 0 4rem;
    position: relative;
    text-align: center;
}

.company_logo:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 100%;
    background: #70707052;
}

.company_logo img {
    max-width: 100%;
    display: block;
    margin: auto;
}

/*====================== Certification ======================*/
.abtcerti_sec {
    padding-block: 10rem 8rem;
    background: #faf8f6;
}

.abtcerti_sec .title24 {
    margin-bottom: 4rem;
    text-align: center;
}

.abtcerti_logo {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    justify-content: space-between;
    align-items: center;
    gap: 6.2rem;
}

.abtcerti_item img {
    width: 100%;
    max-width: 15.3rem;
    margin-inline: auto;
    object-fit: contain;
}

.abtcerti_item {
    width: 100%;
}

@media(max-width:1599px) {
    .abtcerti_sec {
        padding-block: 8.5rem;
    }

    .abtcerti_sec .title24 {
        margin-bottom: 2rem;
    }
}

@media(max-width:1199px) {
    .abtcerti_sec {
        padding-block: 6.5rem;
    }
}

@media(max-width:991px) {
    .abtcerti_sec {
        padding-block: 4.5rem;
    }

    .abtcerti_logo {
        gap: 2.2rem;
    }
}

@media(max-width:767px) {
    .abtcerti_sec {
        padding-block: 3.5rem;
    }

    .abtcerti_logo {
        grid-template-columns: repeat(3, 1fr);
        gap: 1.2rem;
    }

}

/*about leadership css*/
.inner_banner.without_bg span.sub_title {
    color: var(--color-d4);
}


.inner_banner.without_bg .banner_content h1 {
    color: var(--color-d4);
}

/*========================== Leadership ==========================*/
.leadership_section {
    padding: 0 0 15rem;
    margin-top: -12rem;
    position: relative;
    z-index: 9;
}

.leadership_section .col-lg-10 {
    display: flex;
    flex-direction: column;
    gap: 5rem;
}

.leader_card figure {
    display: grid;
    height: 100%;
}

.leader_card figure>* {
    grid-area: 1 / 1;
}

.leader_card figure img {
    border-radius: 3rem;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.leader_card.reverse .leader_image {
    order: 2;
}

.leader_card.reverse .leader_content {
    order: 1;
    padding-inline: 13rem;
}

.leader_image {
    height: 70rem;
}

.leader_image figure {
    width: 100%;
    height: 100%;
    margin: 0;
}

.leader_image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.leader_card {
    border-radius: 3rem;
}

.leader_content {
    padding-inline: 13rem 12.5rem;
    position: relative;
    height: 100%;
    background: #ffffffa3 0% 0% no-repeat padding-box;
    border-radius: 0 3rem 3rem 0;
    opacity: 1;
    backdrop-filter: blur(21px);
    -webkit-backdrop-filter: blur(21px);
    width: 50%;
    margin-left: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-block: 5rem;
}

.leader_content h3 {
    font-size: var(--text-21);
    font-weight: 600;
    margin-bottom: .8rem;
}

.leader_content span {
    display: block;
    margin-bottom: 5rem;
}

.leader_content p {
    line-height: 1.9;
    color: var(--color-black);
}

.leader_more {
    max-height: 0;
    overflow: hidden;
    transition: max-height .4s ease;
}

.leader_card.active .leader_more {
    max-height: unset;
    margin-top: 2rem;
    font-weight: 300;
}

.leader_toggle {
    width: 4rem;
    height: 4rem;
    border: none;
    border-radius: 50%;
    background-color: var(--color-white);
    color: var(--color-d4);
    font-size: 2.4rem;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-top: 3rem;
    transition: .3s;
}

.leader_toggle:hover {
    background: var(--color-d4);
    transform: rotate(180deg);
    color: var(--color-white);
}

.leadership_section .leader_card:nth-child(2) {
    background: var(--color-a7);
    border-radius: 3rem;
}

.leader_card:nth-child(2) .leader_content {
    background: #ffffff1c 0% 0% no-repeat padding-box;
    opacity: 1;
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
}




.leader_card:nth-child(3) .leader_content h3,
.leader_card:nth-child(3) .leader_content span,
.leader_card:nth-child(3) .leader_content p {
    color: var(--color-white);
}

.leader_card:nth-child(3) .leader_content {
    background: #ffffff17 0% 0% no-repeat padding-box;
    opacity: 1;
    backdrop-filter: blur(21px);
    -webkit-backdrop-filter: blur(21px);
}

.leader_card:nth-child(4) .leader_content {
    background: #ffffff00 0% 0% no-repeat padding-box;
    opacity: 1;
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
}

.leader_card:nth-child(5) .leader_content {
    background: #ffffff24 0% 0% no-repeat padding-box;
    opacity: 1;
    backdrop-filter: blur(21px);
    -webkit-backdrop-filter: blur(21px);
}

.leader_card:nth-child(4) .leader_content h3,
.leader_card:nth-child(4) .leader_content span,
.leader_card:nth-child(4) .leader_content p {
    color: var(--color-white);
}



.leader_card:nth-child(5) .leader_content h3,
.leader_card:nth-child(5) .leader_content span,
.leader_card:nth-child(5) .leader_content p {
    color: var(--color-black);
}


.leader_card.reverse .leader_content {
    margin-left: 0;
    border-radius: 3rem 0rem 0rem 3rem;
}

@media(max-width:1830px) {
    .leader_content p {
        margin-bottom: 1.5rem;
    }

    .leader_content span {
        display: block;
        margin-bottom: 2rem;
    }
}

@media(max-width:1299px) {
    .leader_content {
        padding-inline: 9rem 9.5rem;
    }

    .leader_content span {
        margin-bottom: 2rem;
    }

    .leader_card.reverse .leader_content {
        padding-inline: 9rem;
    }
}

@media(max-width:991px) {
    .leader_card {
        grid-template-columns: 1fr;
    }

    .leader_card.reverse .leader_image,
    .leader_card.reverse .leader_content {
        order: unset;
    }

    .leader_image {
        height: 35rem;
    }

    .leader_content {
        padding: 4rem 3rem;
    }

    .leader_card.reverse .leader_content {
        padding: 4rem 3rem;
    }
}

@media(max-width:767px) {
    .leader_card figure>* {
        grid-area: inherit;
    }

    .leadership_section {
        padding: 2rem 0 7rem;
        margin-top: 0;
    }

    .leader_image {
        height: 28rem;
    }

    .leader_content {
        padding: 3rem 2.5rem;
        width: 100%;
        border-radius: 1rem;
    }

    .leader_card.reverse .leader_content {
        padding: 3rem 2.5rem;
        border-radius: 3rem;
    }

    .leader_toggle {
        width: 3.6rem;
        height: 3.6rem;
        font-size: 1.5rem;
        background-color: var(--color-d4);
        color: var(--color-white);
        margin-top: 1rem;
    }

    .leader_card figure img {
        border-radius: 1rem;
        height: auto;
        object-fit: cover;
    }

    .leader_card:nth-child(3) .leader_content h3,
    .leader_card:nth-child(3) .leader_content span,
    .leader_card:nth-child(3) .leader_content p {
        color: var(--color-black);
    }

    .leader_card:nth-child(4) .leader_content h3,
    .leader_card:nth-child(4) .leader_content span,
    .leader_card:nth-child(4) .leader_content p {
        color: var(--color-black);
    }

    .leadership_section .leader_card {
        background: var(--color-white);
    }

    .leader_content {
        background: #ffffff00 0% 0% no-repeat padding-box;
    }

    .leadership_section .leader_card:nth-child(2) {
        background: var(--color-white);
    }



}


/*managment css*/
.management_team {
    padding: 0rem 0 15rem;
    margin-top: -10rem;
    z-index: 9;
    position: relative;
}

.team_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6rem 2.6rem;
}

.team_card {
    transition: .35s;
}

.team_card figure {
    height: 45rem;
    margin: 0;
    overflow: hidden;
    border-radius: 2rem;
}

.team_card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s;
}

.team_content {
    padding-top: 3rem;
}

.team_content h3 {
    font-size: var(--text-21);
    font-weight: 600;
    margin-bottom: .8rem;
    line-height: 1.4;
}

.team_content span {
    display: block;
    margin-bottom: 2rem;
}

.title_line {
    width: 2.8rem;
    height: 5px;
    background: #000;
    position: relative;
}

.title_line span {
    position: absolute;
    left: 1.6rem;
    top: 0;
    width: 8.9rem;
    height: 5px;
    background: #FFAA00;
    margin: 0;
}

.team_card:hover img {
    transform: scale(1.05);
}

.team_card:hover {
    transform: translateY(-8px);
}

@media(max-width:1200px) {

    .team_grid {
        grid-template-columns: repeat(3, 1fr);
    }

}

@media(max-width:991px) {

    .team_grid {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media(max-width:767px) {

    .team_grid {
        grid-template-columns: 1fr;
    }

    .team_card figure {
        height: 40rem;
    }

    .management_team {
        padding: 4rem 0 8rem;
        margin-top: -8rem;
    }

}


/*=====================================
    NEWS & EVENTS
=====================================*/

.news_events {
    padding: 0 0 16.2rem;
    position: relative;
}

.news_events::after {
    content: "";
    right: -18rem;
    bottom: -18rem;
    width: 55rem;
    height: 55rem;
    border: 2px solid rgba(214, 139, 34, .15);
    border-radius: 50%;
}

.news_events .group_head {
    margin-bottom: 6rem;
}

.news_events .title24 {
    display: block;
    margin-bottom: 1.5rem;
}

.news_events .title56 {
    max-width: 55rem;
}

.featured_news {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 2rem;
    margin-bottom: 7rem;
    margin-top: -13rem;
    position: relative;
    z-index: 9;
}

.featured_card {
    position: relative;
    overflow: hidden;
    border-radius: 2rem;
    background: #f5f5f5;
    display: block;
}

.featured_card figure {
    width: 100%;
    height: 100%;
    margin: 0;
    overflow: hidden;
}

.featured_card figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .6s;
}

.featured_card:hover figure img {
    transform: scale(1.08);
}

.featured_content {
    position: absolute;
    inset: 0;
    padding: 2rem 3rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(180deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .65) 100%);
}

.news_count {
    color: #fff;
    font-size: 2rem;
    font-weight: 300;
}

.line {
    width: 5rem;
    height: 2px;
    background: var(--color-d4);
    margin: 2rem 0;
}

.featured_content p {
    color: #fff;
    font-size: var(--text-18);
    line-height: 1.7;
}

.featured_card.active {
    background: #484848;
    padding: 2rem 3rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.featured_card.active .news_count {
    color: #fff;
}

.featured_card.active h3 {
    color: #fff;
    font-size: var(--text-24);
    line-height: 1.5;
    font-weight: 300;
    margin-top: auto;
    max-width: 26rem;
}

.arrow_btn {
    margin-top: auto;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .25);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    transition: .3s;
}

.arrow_btn:hover {
    background: var(--color-prime);
    border-color: var(--color-prime);
}

.circle_shape {
    position: absolute;
    right: -32rem;
    top: -1rem;
    width: 50rem;
}

.news_list {
    display: flex;
    flex-direction: column;
    gap: 4rem;
}

.news_item {
    display: grid;
    grid-template-columns: 30rem 1fr;
    gap: 10rem;
    align-items: center;
    border-radius: 2rem;
    overflow: hidden;
    background: #fff;
    transition: .35s;
    position: relative;
}

.news_item:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 45px rgba(0, 0, 0, .08);
}

.news_item figure {
    height: 24rem;
    margin: 0;
    overflow: hidden;
    border-radius: 20px;
}

.news_item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s;
}

.news_item:hover img {
    transform: scale(1.08);
}

.news_info {
    padding-right: 0;
}

.news_number {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 2rem;
    color: #222;
    margin-bottom: 2rem;
}

.news_info p {
    font-size: var(--text-18);
    line-height: 1.8;
    color: #707070;
}




@media(max-width:1599px) {
    .news_events {
        padding: 0 0 12.2rem;
    }
}

@media(max-width:1024px) {
    .news_events {
        padding: 0 0 8rem;
    }

    .news_item {
        gap: 7rem;
    }
}

@media(max-width:1400px) {
    .featured_news {
        grid-template-columns: repeat(2, 1fr);
    }

    .featured_card {
        min-height: 38rem;
    }
}

@media(max-width:991px) {
    .news_events {
        padding: 8rem 0;
    }

    .featured_news {
        grid-template-columns: 1fr;
        margin-bottom: 4rem;
    }

    .news_item {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .news_item figure {
        height: auto;
    }

    .news_info {
        padding: 3rem;
    }

    .circle_shape {
        width: 18rem;
        height: 18rem;
    }

    .inner_banner.without_bg {
        padding-block: 10.5rem 11rem;
    }

}

@media(max-width:767px) {
    .news_events {
        padding: 6rem 0;
    }

    .featured_card {
        min-height: 32rem;
    }



    .news_info h3 {
        font-size: 2rem;
    }

    .news_info p {
        font-size: 1.6rem;
    }


}

.featured_news .date h5 {
    color: #fff;
}

.featured_news .date span {
    color: var(--color-ffb)
}

article.featured_card.small figure {
    height: 28rem;
}

article.featured_card.small {
    background: #fff;
}

.featured_content {
    background: none;
}

article.featured_card.small .featured_content p {
    color: #000;
    font-weight: 300;
}

.fetured_img_date {
    display: grid;
    align-items: flex-start;
}

.fetured_img_date>* {
    grid-area: 1/1
}

.fetured_img_date .date {
    position: relative;
    padding: 2rem 3rem;
}

article.featured_card.small .featured_content {
    position: static;
}

.featured_card .line-banner {
    margin-top: auto;
    margin-bottom: 3rem;
}

.news_info .date {
    margin-bottom: 4rem;
}

.featured_card.large span.line-banner {
    margin-bottom: 3rem;
    margin-left: 0rem;
}

.new_figure_box {
    display: grid;
    align-items: flex-end;
}

.new_figure_box>* {
    grid-area: 1/1;
}

.new_figure_box span.line-banner {
    margin-bottom: 3rem;
    margin-left: 3rem;
}

.news_event_head .title48 {
   color: #000 !important;
}

.date2 {
    display: inline-block;
    border-bottom: 1px solid #ddd;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
}
.date.mobile {
    display: none;
}

/*==================================
    NEWS DETAILS
==================================*/

.news_details {
    padding: 0 0 10rem;
    margin-top: -15rem;
    position: relative;
    z-index: 9;
}

.news_details_grid {
    display: flex;
    flex-direction: column;
    gap: 10rem;
}

/*==============================
Gallery
==============================*/

.news_gallery {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
}

.gallery_large figure,
.gallery_thumb figure {
    margin: 0;
    overflow: hidden;
    border-radius: 1.6rem;
}

.gallery_large figure {
    height: 70rem;
}

.gallery_thumb {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.gallery_thumb figure {
    height: 25rem;
}

.gallery_large img,
.gallery_thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: .45s;
}

.gallery_large:hover img,
.gallery_thumb figure:hover img {
    transform: scale(1.06);
}

/*==============================
Article
==============================*/

.news_article {
    max-width: 100%;
}

.news_article p {
    line-height: 1.8;
    margin-bottom: 2rem;
}

.news_article p:last-child {
    margin-bottom: 0;
}

.news_article h2 {
font-weight: 400;
    margin-block: 4rem 3rem;
    font-size: var(--text-30);
    color: var(--color-d4);
}

.news_article .custom_bullets {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 2rem;
}

.cus-state {
  margin-block: 3rem;

}

.news_article figure {
    margin: 0 0 3rem;
}
.news_article h3{
font-weight: 400;
    font-size: var(--text-30);
    margin-block: 3rem 2rem;
    color: var(--color-d4);
}

.news_article h4 {
font-weight: 400;
    font-size: var(--text-24);
    margin-block: 3rem 2rem;
    color: var(--color-d4);
}
.news_article h5{
  margin-block: 3rem 2rem;
    color: var(--color-d4);
}

.news_article p a {
    color: var(--color-black);
    text-decoration: none;
}

.news_article .faq_list {
    margin-top: 3rem;
}

.news_article .table>:not(caption)>*>* {
padding: 1.2rem 2rem;
    border: 1px solid #6666665c;
    background: #fff;
}

/* .news_article figure img{
    width: 100%;
} */

.blog_prdt {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3rem;
    text-align: center;
    margin-bottom: 4rem;
}

.prdt_list {
    position: relative;
    background: var(--color-white);
    padding: 2rem;
    border-radius: 1rem;
    overflow: hidden;
}

.prdt_list h5 {
    font-size: var(--text-18);
}

.prdt_list figure {
    margin: 0;
    overflow: hidden;
}

.prdt_list figure img {
    transition: .5s;
}

.prdt_list:hover figure img {
    transform: scale(1.08);
}


/*==================================
    RELATED ARTICLES
==================================*/

.related_articles {
    padding: 8rem 0 10rem;
    background: #fff;
}

.related_articles .group_head {
    text-align: center;
    margin-bottom: 5rem;
}

.related_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3rem;
}


/*==============================
Card
==============================*/
.related_card {
    transition: .35s;
}

.related_img {
    display: block;
}

.related_img figure {
    margin: 0;
    overflow: hidden;
    border-radius: 1.6rem;
}

.related_img img {
    width: 100%;
    aspect-ratio: 1.2;
    object-fit: cover;
    display: block;
    transition: .5s;
}

.related_content {
    padding-top: 2rem;
}

.related_head {
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
    gap: 5rem;
}

.arrow {
    margin-left: auto;
    width: 3.8rem;
    height: 3.8rem;
    border-radius: 50%;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #222;
    font-size: 1.6rem;
    transition: .35s;
}

.related_content p {
    line-height: 1.8;
    margin: 0;
}

/* .related_card:hover {
    transform: translateY(-8px);
} */

.related_card:hover img {
    transform: scale(1.08);
}


/*==================================
Responsive
==================================*/

@media (max-width:1199px) {

    .news_details_grid {
        gap: 3rem;
    }

    .related_head {
        gap: 2rem;
    }
}

@media(max-width:991px) {
    .news_gallery {
        grid-template-columns: 1fr;
    }

    .gallery_large figure {
        height: 40rem;
    }

    .gallery_thumb {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .gallery_thumb figure {
        height: 20rem;
    }

    .related_grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .news_article .custom_bullets {
        grid-template-columns: repeat(1, 1fr);
    }

    .news_article .title21 {
        font-size: 1.6rem;
    }

    .blog_prdt {
        grid-template-columns: repeat(2, 1fr);
    }


}

@media(max-width:767px) {
    .news_details {
        padding: 6rem 0;
        margin-top: -8rem;
    }

    .gallery_large figure {
        height: 28rem;
    }

    .gallery_thumb {
        grid-template-columns: 1fr;
    }

    .gallery_thumb figure {
        height: 22rem;
    }

    .related_articles {
        padding: 6rem 0;
    }

    .related_grid {
        grid-template-columns: 1fr;
    }

    .related_content p {
        font-size: 1.5rem;
    }

    .news_details_grid {
        gap: 3rem;
    }

    .news_event_head .title48 {
        margin-bottom: 3rem;
    }

    .cus-state p {
        margin-left: 0;
    }

    .cus-state ul.custom_bullets {
        margin-left: 0;
    }

    .featured_news {
        margin-top: -8rem;
    }

    .blog_prdt {
        grid-template-columns: repeat(1, 1fr);
    }
.featured_content{
       position: relative; 
}
.featured_card figure{
    height: auto;
}
.featured_card.large span.line-banner {
    display: none;
}
.large .date {
    margin-bottom: 2rem;
}
.large .date h5{
    color: var(--color-black);
}
.large .featured_content p{
        color: var(--color-black);
}

.date.mobile {
    display: flex;
    margin-bottom: 2rem;
}
.date.desktop {
    display: none;
}
.date.mobile h5{
    color:var(--color-black)
}

}

/*contact us css*/

/*==================================
    CONTACT SECTION
==================================*/
section.contact_location1 {
    background: #fff;
    /* margin-top: -15rem; */
    position: relative;
    padding-bottom: 3rem;
}

.contact_location {
    padding: 10rem 0;
}

.contact_grid {
    display: grid;
    grid-template-columns: 1fr 42rem;
    gap: 6rem;
    align-items: start;
}

.contact_des.two_col {
    display: grid;
    grid-template-columns: 30% 30%;
    gap: 6rem;
    align-items: start;
    position: relative;
    z-index: 1;
}

.contact_des.two_col .office_info:nth-child(2) p {
     min-height: 15rem;
}

@media (max-width:1599px) {
    .office_info ul {
        gap: 1rem !important
    }

}

@media (max-width:1199px) {
    .contact_des.two_col {
        display: grid;
        grid-template-columns: 42% 35%;
        gap: 6rem;
        align-items: start;
    }

}

@media (max-width: 767px) {
    .contact_des.two_col {
        display: grid;
        grid-template-columns: 100%;
        gap: 1rem;
        align-items: start;
    }
}




/*==================================
    Office Info
==================================*/

.office_info {
    margin-bottom: 6rem;
}

.office_info h3 {
    font-size: var(--text-16);
    font-weight: 600;
    margin-bottom: 1.5rem;
}

.office_info p {
    max-width: 48rem;
    line-height: 1.8;
    margin-bottom: 3rem;
}

.office_info ul {
    /* display: flex;
    gap: 5rem; */
    list-style: none;
    padding: 0;
    margin: 0;
}
.office_info ul li {
    margin-bottom: 1rem;
}

.office_info li a {
    display: flex;
    align-items: center;
    gap: 1rem;
    text-decoration: none;
    font-weight: 500;
    color: #000;
}

.office_info li img {
    width: 1.8rem;
}

.office_info .line {
    width: 8rem;
    height: .3rem;
    background: var(--color-d4);
    display: block;
    margin-top: 3rem;
}


/*==================================
    Plants
==================================*/

.plants {
    margin-bottom: 8rem;
}

.plant_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
}

.plant_card figure {
    margin: 0;
    border-radius: 2rem;
    overflow: hidden;
}

.plant_card img {
    width: 100%;
    display: block;
    object-fit: cover;
    transition: .5s;
}

.plant_card:hover img {
    transform: scale(1.08);
}

.plant_content {
    padding-top: 2rem;
}

.plant_content h4 {
    margin-bottom: 1rem;
    color: #000;
}

.plant_content p {
    line-height: 1.8;
    margin-bottom: 2rem;
}

.plant_content a {
    display: inline-flex;
    align-items: center;
    gap: .8rem;
    text-decoration: none;
    font-weight: 500;
    color: #000;
}

.plant_content a img {
    width: 1.5rem;
}


/*==================================
    Stores
==================================*/

.stores {
    text-align: center;
    padding: 6rem 0 5rem;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
}

.plants .group_head {
    text-align: left;
    margin-bottom: 3rem;
}

.store_grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 3rem;
    margin-top: 5rem;
}

.store_item {
    text-decoration: none;
    color: #444;
}

.store_item figure {
    width: 6rem;
    height: 6rem;
    margin: 0 auto 1.5rem;
}

.store_item img {
    width: 100%;
    transition: .3s;
}

.store_item span {
    display: block;
    font-size: 1.5rem;
}

.store_item:hover img {
    /* transform: translateY(-8px); */
}


/*==================================
    Store Address
==================================*/
.store_address {
    text-align: center;
    padding-top: 5rem;
}

.store_address p {
    max-width: 55rem;
    margin: 0 auto 2rem;
    color: #666;
    line-height: 1.8;
}

.store_address img {
    width: 1.5rem;
}


/*========================================
    STORES SECTION
========================================*/

.stores_section {
    padding: 11rem 0;
    text-align: center;
    background: #fff;
}

.stores_section .group_head {
    margin-bottom: 5rem;
}


/*========================================
Desktop Tabs
========================================*/

.store_tabs {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 8rem;
    margin-bottom: 5rem;
    border-bottom: 1px solid #ddd;
    padding-bottom: 2rem;
}

.store_tab {
    background: none;
    border: 0;
    cursor: pointer;
    padding: 0;
    transition: .3s;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
}

.store_tab img {
    width: 7rem;
    height: 7rem;
    object-fit: contain;
    transition: .35s;
}

.store_tab span {
    color: #000;
    transition: .3s;
}

.store_tab.active span {
    color: var(--color-d4);
}

/* .store_tab.active img,
.store_tab:hover img {
    transform: translateY(-6px);
} */

/*========================================
Desktop Content
========================================*/

.store_content {
    display: none;
    max-width: 50rem;
    margin: auto;
}

.store_content.active {
    display: block;
}

.store_content h4 {
    font-size: var(--text-24);
    color: #000;
    margin-bottom: 1.5rem;
    font-weight: 300;
}

.store_content p {
    line-height: 1.8;
    color: #000;
    margin-bottom: 2rem;
}

.store_content a {
    display: inline-flex;
    align-items: center;
    gap: .8rem;
    color: #000;
    text-decoration: none;
}

.store_content a img {
    width: 1.6rem;
}

/*========================================
Mobile Accordion
========================================*/

.store_mobile {
    display: none;
}

.store_item {
    border-bottom: 1px solid #e6e6e6;
}

.store_head {
    width: 100%;
    background: none;
    border: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2rem 0;
    cursor: pointer;
}

.store_head div {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.store_head img {
    width: 5rem;
}

.store_head span {
    font-size: 1.7rem;
    color: #222;
}

.store_head::after {
    content: "+";
    font-size: 3rem;
    color: var(--color-d4);
    transition: .3s;
}

.store_item.active .store_head::after {
    content: "-";
}

.store_body {
    display: none;
    text-align: left;
    padding: 0 0 2rem 6.5rem;
}

.store_item.active .store_body {
    display: block;
}

.store_body h4 {

    margin-bottom: 1rem;
}

.store_body p {


    line-height: 1.8;
    margin-bottom: 1.5rem;
}

.store_body a {
    display: inline-flex;
    align-items: center;
    gap: .8rem;
    color: var(--color-d4);
    text-decoration: none;

    font-weight: 500;
}

.store_body img {
    width: 1.5rem;
}

/*========================================
Responsive
========================================*/

@media (max-width:991px) {

    .store_tabs,
    .store_content {
        display: none !important;
    }

    .store_mobile {
        display: block;
    }

}

@media (min-width:992px) {

    .store_mobile {
        display: none !important;
    }

    .store_tabs {
        display: flex;
    }

}

/*==================================
    Feedback Form
==================================*/

.feedback_form {
    position: sticky;
    top: 11rem;
    margin-top: -45rem;
    z-index: 9;
}

.form_box {
    background: #484848;
    color: #fff;
    padding: 7rem 4rem;
    border-radius: 2rem;
    position: relative;
    overflow: hidden;
}

.form_box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30px;
    background: var(--color-d4);
}

.form_box h3 {
    font-size: var(--text-24);
    margin-bottom: 4rem;
    font-weight: 500;
}

.form_box>p {
    line-height: 1.8;
    margin-bottom: 5rem;
    font-weight: 300;
}

.form-group {
    margin-bottom: 1.8rem;
}

.form-group input,
.form-group select,
.form-group textarea {
    width: 100%;
    background: #707070;
    border: none;
    border-radius: 10px;
    padding: 1rem 1.8rem;
    color: #fff;
    outline: none;
    font-style: italic;
}

.form-group input::placeholder,
.form-group textarea::placeholder {
    color: #d0d0d0;
}

.form-group textarea {
    height: 15rem;
    resize: none;
}

.theme_btn1 {
    border: none;
    background: #fff;
    color: #222;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 600;
    transition: .3s;
    padding-inline: 4rem;
    padding-block: .8rem;
}

.theme_btn1:hover {
    background: var(--color-d4);
    color: #fff;
}

/*==================================
Responsive
==================================*/

@media(max-width:1199px) {

    .contact_grid {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .feedback_form {
        position: relative;
        top: 0;
        margin-top: 0;
    }

    .stores_section {
        padding: 8rem 0;
    }

    .contact_location {
        padding: 8rem 0;
    }
}

@media(max-width:1024px) {
    .contact_grid {
        gap: 0rem;
    }
}

@media(max-width:991px) {
    .contact_location {
        padding: 5rem 0;
    }

    .stores_section {
        padding: 5rem 0;
    }

    .stores_section .group_head {
        margin-bottom: 3rem;
    }

}


@media(max-width:767px) {

    .contact_location {
        padding: 5rem 0;
    }

    .office_info ul {
        flex-direction: column;
        gap: 2rem;
    }

    .plant_grid {
        grid-template-columns: 1fr;
    }

    .store_grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 3rem;
    }

    .form_box {
        padding: 6rem 2rem 3rem;
    }

    section.contact_location1 {
        padding-bottom: 1rem;
        margin-top: 0;
    }

    .inner_banner.without_bg {
      padding-block: 9rem 5rem;
    }

    .plants {
        margin-bottom: 5rem;
    }

    .form_box h3 {
        margin-bottom: 2rem;
    }

    .stores_section .group_head {
        margin-bottom: 2rem;
    }
    .store_body p br{
        display: none;
    }

}


/*people css*/

.people_panel1 {
    background: #fff;
    padding-block: 13rem;
    text-align: center;
}

.people_panel1 blockquote {
    margin-bottom: 5rem;
    font-weight: 300;
    padding-inline: 2rem;
}

.people_panel1 p {
    font-weight: 300;
}

.career_openings {
    padding-block: 14.9rem 4rem;
    background: var(--color-white);
}

.career_openings .group_head {
    margin-bottom: 4rem;
    text-align: left;
}

.career_openings .title24 {
    display: block;
    margin-bottom: 5rem;
}

/* .career_openings .title56 { color: #d88b23; font-weight: 300; } */
.people_panel1 h2 {
    margin-bottom: 5rem;
}

.group_head2 {
    display: none;
}


.job_list {
    display: flex;
    flex-direction: column;
    gap: 1.8rem;
    display: none;
}

.people_panel1 .theme_btn {
    margin-top: 6rem;
}

.job_item {
    border: 1px solid var(--color-ffb);
    border-radius: 2rem;
    background: #fff;
    overflow: hidden;
    transition: .35s;
}

.job_item.active {
    border-color: var(--color-d4);
}

.career_openings blockquote.title24 {
    font-weight: 300;
}

.group_head2 p {
    margin-block: 3rem 5rem;
}

.job_head {
    width: 100%;
    border: 0;
    background: none;
    padding: 2.4rem 3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    text-align: left;
}

.job_left h3 {
    font-size: var(--text-21);
    font-weight: normal;
    margin-bottom: .8rem;
}

.job_left p,
.job_right p {
    display: flex;
    gap: .8rem;
    align-items: center;
    font-size: var(--text-16);
    margin: 0;
}

.job_left strong,
.job_right strong {
    color: #000;
    font-weight: 500;
}

.job_right {
    display: flex;
    align-items: center;
    gap: 4rem;
}

.job_toggle {
    width: 3rem;
    text-align: center;
    font-size: 2.4rem;
    color: var(--color-d4);
    transition: .35s;
}

.submit_panel {
    background: #fff;
    padding-bottom: 13rem;
}

/* Smooth Body */
.job_body {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    padding: 0 3rem;
    transition: all .5s ease;
}

.job_item.active .job_body {
    opacity: 1;
    padding: 2rem 3rem 6rem;
    max-height: unset;
}

.job_body p {
    line-height: 1.8;
    margin-bottom: 2rem;
}

.job_body ul {
    padding-left: 2rem;
    margin-bottom: 2rem;
}

.job_body li {
    margin-bottom: 1rem;
}

.job_item.active .job_toggle {
    transform: rotate(180deg);
}

.resume-panel {
    position: relative;
    width: 100%;
    margin: 0;
    overflow: hidden;
    background: var(--color-d4);
    border-radius: 14px;
    color: #fff;
}

.job_left p span {
    font-weight: 300;
}

/* Content */
.resume-panel__content {
    position: relative;
    z-index: 2;
    width: min(1070px, 82%);
    margin-left: 30rem;
    min-height: 210px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 8rem;
    align-items: flex-start;
    padding-block: 6rem 9.5rem;
}

/* Headings */
.resume-panel h3 {
    margin: 0 0 24px;
    font-size: var(--font-21);
    font-weight: normal;
    line-height: 1.2;
}

/* Left */
.resume-panel__left {
    padding-top: 0;
}

.resume-panel__left p {
    max-width: 320px;
    margin: 0;
    font-size: var(--font-24);
    font-weight: 300;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.9);
}

.resume-panel__right h3 {
    margin-bottom: 30px;
}

.resume-contact {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 1.2rem 0;
    border-top: 1px solid rgba(255, 255, 255, 0.35);
    border-bottom: 1px solid rgba(255, 255, 255, 0.35);
}

.resume-contact__icon {
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--color-white);
    border: 1px solid #FFFFFFB3;
    border-radius: 10rem;
    padding: .5rem;
}

.resume-contact a {
    color: #fff;
    text-decoration: none;
    line-height: 1.4;
}

.submit_btn {
    margin-top: 3rem;
}

.submit_btn .theme_btn {
    background-color: var(--color-white);
    color: var(--color-black);
}

.submit_btn .theme_btn:hover {
    background-color: var(--color-dark);
    color: var(--color-white);
}


/* Decorative circles */
.resume-panel__rings {
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    width: 24rem;
    height: 23rem;
    pointer-events: none;
}

.ring {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 2px solid rgba(255, 255, 255, 0.85);
    border-radius: 50%;
}

.ring-1 {
    width: 275px;
    height: 275px;
}

.ring-2 {
    width: 195px;
    height: 195px;
}

.ring-3 {
    width: 125px;
    height: 125px;
}

/* =========================
   Responsive
========================= */

@media (max-width: 991px) {
    .resume-panel {
        min-height: 240px;
    }

    .resume-panel__content {
        width: 70%;
        margin-left: 20%;
        min-height: 240px;
        column-gap: 40px;
    }

    .resume-panel__left p {
        font-size: 15px;
    }
}


@media (max-width: 767px) {
    .resume-panel {
        width: calc(100% - 20px);
        margin: 10px;
        min-height: auto;
        padding: 45px 30px 40px;
        border-radius: 12px;
    }

    .resume-panel__content {
        width: 100%;
        margin: 0;
        min-height: auto;
        display: grid;
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .resume-panel__left p {
        max-width: 300px;
        font-size: 15px;
    }

    .resume-panel__right h3 {
        margin-bottom: 20px;
    }

    .resume-contact {
        max-width: 360px;
    }

    .resume-panel__rings {
        left: -115px;
        bottom: -150px;
    }
}


@media (max-width: 480px) {
    .resume-panel {
        padding: 40px 24px 35px;
    }

    .resume-panel h3 {
        font-size: 13px;
        margin-bottom: 18px;
    }

    .resume-panel__left p {
        font-size: 14px;
        line-height: 1.55;
    }

    .resume-contact a {
        font-size: 11px;
    }

}


/*==========================================
                FAQ
==========================================*/

.career_faq {
    padding-block: 4rem 14rem;
    position: relative;
    overflow: hidden;
}

.career_faq .advantages_shape {
    right: 0rem;
    z-index: -1;

}

.career_faq .group_head {
    margin-bottom: 5rem;
}

.career_faq .group_head h1 {
    display: none;
}

.faq_list {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.faq_item {
    border-radius: 5rem;
    overflow: hidden;
    transition: .35s;
}

.faq_item.active {
    border-radius: 2rem;
}

.faq_head {
    width: 100%;
    border: 0;
    padding: 2.5rem 1.8rem 2.5rem 3.3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    text-align: left;
    background: #fff;
    border-radius: 5rem;
}

.faq_head span:first-child {
    font-size: var(--text-21);
    color: #000;
    font-weight: 300;
}

.faq_item.active span {
    color: var(--color-d4);
    font-weight: 400;
}

.faq_body {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    padding: 0 3rem;
    transition: max-height .5s ease, opacity .35s ease, padding .35s ease;
    -webkit-transition: max-height .5s ease, opacity .35s ease, padding .35s ease;
    -moz-transition: max-height .5s ease, opacity .35s ease, padding .35s ease;
    -ms-transition: max-height .5s ease, opacity .35s ease, padding .35s ease;
    -o-transition: max-height .5s ease, opacity .35s ease, padding .35s ease;
}

.faq_item.active .faq_body {
    opacity: 1;
    padding: 3rem;
    max-height: unset;
    text-align: left;
}

.faq_body a {
    text-decoration: none;
    color: var(--color-black);
    font-weight: 600;
}

.faq_body a:hover {
    color: var(--color-d4);
}

.faq_toggle {
    flex-shrink: 0;
    font-size: 0;
    width: 3.9rem;
    height: 3.9rem;
    background: url(../images/svg-icons/plus-icon.svg);
    background-size: 4rem;
    background-position: center;
    background-repeat: no-repeat;
    transition: .35s;
}

.faq_item.active .faq_toggle {
    background: url(../images/svg-icons/minus-icon.svg);
    background-size: 4rem;
    background-position: center;
    background-repeat: no-repeat;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.career_faq .faq_list {
    margin-bottom: 3rem;
}



@media(max-width:1599px) {
    .career_faq {
        padding-block: 9.7rem 15rem;
    }

    .faq_head {
        padding: 2rem 1.8rem 2rem 3rem;
    }
}

@media(max-width:1024px) {
    .career_faq {
        padding-block: 6.7rem 10rem;
    }

    .faq_head {
        padding: 1.5rem 1rem 1.5rem 2rem;
    }

    .faq_item.active .faq_body {
        padding: 1.5rem 4.6rem 1.5rem 2.3rem;
    }
}

@media(max-width:991px) {
    .career_faq {
        padding-block: 4.7rem 6rem;
    }

    .faq_toggle {
        width: 2.9rem;
        height: 2.9rem;
        background-size: 3rem;
    }

    .faq_item.active .faq_toggle {
        background-size: 3rem;
    }

    .faq_head {
        padding: 1rem 1rem 1rem 1.5rem;
    }

    .faq_list {
        gap: 1rem;
    }

    .faq_item.active .faq_body {
        padding: 1.5rem 2.6rem 1.5rem 1.5rem;
    }
}

@media(max-width:767px) {
    .career_faq {
        padding-block: 3.7rem 3rem;
    }

    .career_faq .group_head {
        margin-bottom: 2rem;
    }

    .faq_item.active .faq_body {
        padding: 1.5rem 1rem 1rem 1.5rem;
    }
}



.abtmaking_sec {
    padding-block: 10rem;
    position: relative;
}

.abtmaking_sec .icon_right1 {
    z-index: -1;
}

.abtmaking_sec h3 {
    font-weight: 600;
    margin-bottom: 4rem;
    font-size: var(--text-18);
}

.abtmaking_sec blockquote {
    font-weight: 100;
    font-size: var(--text-21);
    margin-bottom: 3rem;
    line-height: 1.6;
}

.abtmaking_slide {
    display: flex;
    flex-direction: column;
    gap: 30rem;
    position: relative;
}

.abtmaking_slide>.abtmaking_wrapper {
    position: relative;
}

.abtmaking_item {
    display: grid;
    overflow: hidden;
    border-radius: 3rem;
    box-shadow: 0px -16px 35px #00000029;
    -webkit-border-radius: 3rem;
    -moz-border-radius: 3rem;
    -ms-border-radius: 3rem;
    -o-border-radius: 3rem;
    position: relative;
}

.abtmaking_item>* {
    grid-area: 1/1;
    will-change: transform;
    transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform-style: preserve-3d;
    margin: 0;
}

.abtmakingitem_caption {
    display: flex;
    gap: 3.2rem;
    align-items: center;
    padding: 5rem;
    margin-bottom: auto;
    position: relative;
    z-index: 9;
}

.abtmakingitem_caption>* {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    will-change: transform;
    transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform-style: preserve-3d;
}

.abtmak_num {
    flex-shrink: 0;
    font: var(--font-36);
    padding: 0.5rem;
    line-height: normal;
    font-family: var(--public-sans);
    width: 4.9rem;
    height: 4.9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white);
    background-color: var(--color-d3);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.abtmak_title {
    max-width: 77.3rem;
    color: var(--color-white);
}

.abtmaking_item.active>.abtmakingitem_caption>.abtmak_num {
    width: 2.7rem;
    height: 2.7rem;
    font: var(--font-18);
}

.abtmaking_item.active>.abtmakingitem_caption>.abtmak_title {
    font: var(--font-18);
    font-family: var(--public-sans);
    color: var(--color-black);
    color: var(--color-white);
}

.abtmak_title svg {
    fill: #fff;
    transition: .3s ease all;
}

.abtmak_title:hover svg {
    color: var(--color-d4);
    fill: currentColor;
}

.abtmak_title svg line {
    color: var(--color-d4);
    stroke: currentColor;
    transition: .3s ease all;
}

.abtmak_title:hover line {
    color: #fff;
    fill: currentColor;
}

div[data-slide="slide04"]>.abtmaking_item>.abtmakingitem_caption {
    align-items: start
}

.abtmaking_item:after {
    content: "";
    width: 100%;
    height: 100%;
    background: #00000014;
    position: absolute;
    top: 0;
}


.people_txt h4 {
    margin-bottom: 1.5rem;
    font-size: var(--text-18);
}

.people_txt .custom_bullets {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.people_txt .custom_bullets li {
    color: var(--color-white);
    font-size: var(--text-21);
}

.people_txt p {
    font-size: var(--text-21);
}

@media (min-width: 1024px) and (max-width: 1366px) {
    .abtmaking_sec {
        padding-block: 11rem;
    }

    .abtmaking_sec .sec_title {
        margin-bottom: 4rem;
    }

    .abtmaking_sec .sec_title>h4 {
        margin-top: 4rem;
    }

    .abtmakingitem_caption {
        gap: 1.5rem;
    }

    .abtmak_num {
        width: 3.6rem;
        height: 3.6rem;
    }

    .abtmaking_item {
        border-radius: 2rem;
        -webkit-border-radius: 2rem;
        -moz-border-radius: 2rem;
        -ms-border-radius: 2rem;
        -o-border-radius: 2rem;
    }

    .abtmak_title {
        max-width: 54.5rem;
    }

    .abtmaking_slide {
        gap: 15rem;
    }

    .abtmaking_sec blockquote {
        font-size: var(--text-18);
    }

    .people_txt .custom_bullets li {
        font-size: var(--text-18);
        margin-bottom: 1rem;
    }

    .people_txt p {
        font-size: var(--text-18);
    }

}


.ineer_text_group {
    background: var(--color-white);
    padding-block: 10rem 10rem;
    text-align: center;
    position: relative;
}

.ineer_text_group .title48 {
    margin-bottom: 0;
}

.ineer_text_group blockquote {
    font-weight: 300;
    margin-block: 5rem;
    padding-inline: 3rem;

}

.ineer_text_group P {
    margin-bottom: 6rem;
    padding-inline: 3rem;
    font-weight: 300;
    font-size: var(--text-24);

}

@media(max-width:1599px) {
    .ineer_text_group {
        padding-block: 10.7rem 7.3rem;
    }

    .ineer_text_group blockquote {
        margin-block: 4rem;
        padding-inline: 0;
    }

    .ineer_text_group P {
        margin-bottom: 5rem;
        padding-inline: 5rem;
    }
}

@media(max-width:1399px) {
    .ineer_text_group P {
        padding-inline: 4rem;
    }

    .people_panel1 {
        padding-block: 8rem;
    }
}

@media(max-width:1024px) {
    .ineer_text_group {
        padding-block: 8.7rem 5.3rem;
    }

    .ineer_text_group blockquote {
        margin-block: 3rem;
        padding-inline: 0;
    }

    .ineer_text_group P {
        margin-bottom: 4rem;
        padding-inline: 2rem;
    }
}

@media(max-width:991px) {
    .ineer_text_group {
        padding-block: 4.7rem 3.3rem;
    }

    .ineer_text_group blockquote {
        margin-block: 2rem;
    }

    .ineer_text_group P {
        margin-bottom: 3rem;
        padding-inline: 0;
    }

    .people_txt .custom_bullets {
        grid-template-columns: repeat(1, 1fr);
    }

    .people_txt .custom_bullets li {
        margin-bottom: 1rem;
    }

    .abtmaking_sec blockquote {
        margin-bottom: 2rem;
    }
.abtmakingitem_caption {
    background: #2A2A2A;
        border-radius: 0 0 3rem 3rem;
}

}

@media(max-width:767px) {
    .ineer_text_group {
        padding-block: 3.7rem 3.3rem;
    }

    .ineer_text_group blockquote {
        margin-block: 1.2rem;
    }

    .abtmaking_item:after {
        background: #00000000;
    }

}

.career_openings .group_head>.title24 {
    margin-bottom: 5rem;
}



.abtmaking_item figure {
    overflow: hidden;
    height: 100%;
}

.abtmaking_item figure img {
    height: 100%;
    object-fit: cover;
}
.inner_banner.without_bg span.title2 {
    color: #000;
}

@media(max-width:1699px) {
    .people_panel1 blockquote {
        padding-inline: 8rem;
    }

}

@media(max-width:1599px) {
    .people_panel1 blockquote {
        padding-inline: 0rem;
    }

    .resume-panel__content {
        width: min(1070px, 78%);
        margin-left: 24rem;
        column-gap: 5rem;
    }


}

@media(max-width:1499px) {

    .abtmaking_slide {
        gap: 20rem;
    }

    .banner_content h1 {
        margin: 0 0 2rem;
    }

}



@media(max-width:1170px) {
    .resume-panel__content {
        width: min(1070px, 75%);
    }

    .abtmak_title {
        max-width: 67.3rem;
    }

}

@media(max-width:1024px) {
    .abtmak_title {
        max-width: 62.3rem;
    }

}



@media(max-width:991px) {
        .banner_content h1 {
        margin: 0rem 0 2rem;
    }

    .people_panel1 {
        padding-block: 7rem;
    }

    .abtmaking_sec {
        padding-block: 7rem;
    }

    .abtmak_title {
        max-width: 48.3rem;
    }

    .abtmaking_slide {
        gap: 4rem;
    }

    .career_openings {
        padding-block: 7.9rem 7rem;
    }

    .submit_panel {
        padding-bottom: 8rem;
    }

    .resume-panel__content {
        padding-block: 4rem 7.5rem;
    }

    .resume-panel__content {
        width: min(1070px, 75%);
        margin-left: 20rem;
        column-gap: 4rem;
    }

    .resume-panel__rings {
        width: 17rem;
        height: 18rem;
    }

    .people_panel1 h2 {
        margin-bottom: 3rem;
    }

    .people_panel1 blockquote {
        margin-bottom: 3rem;
    }

    .career_openings .group_head>.title24 {
        margin-bottom: 3rem;
    }

    .career_openings .group_head {
        margin-bottom: 3rem;
    }


}

@media(max-width:850px) {
    .people_panel1 .theme_btn {
        margin-top: 3rem;
    }

    .abtmak_title {
        max-width: 54.3rem;
    }

    .resume-panel__content {
        width: min(1070px, 70%);
        margin-left: 15rem;
        column-gap: 4rem;
        grid-template-columns: 1fr;
    }
}

@media(max-width:767px) {
    .abtmak_title {
        max-width: 48.3rem;
    }

    .people_panel1 {
        padding-block: 5rem;
    }

    .abtmaking_sec {
        padding-block: 5rem;
    }

    .abtmakingitem_caption {
        padding: 3rem;
        background: #2A2A2A;
        border-radius: 0;
    }

    .abtmaking_sec h3 {
        margin-bottom: 1rem;
    }

    .abtmak_title svg {
        width: 3rem;
    }

    .career_openings {
        padding-block: 5rem 1rem;
    }

    .group_head2 p {
        margin-block: 2rem 3rem;
    }

    .job_head {
        align-items: start;
        text-align: left;
        flex-direction: column;
        padding: 1.4rem 2rem;
    }

    .job_right {
        width: 100%;
        justify-content: space-between;
    }

    .resume-panel__content {
        width: min(1070px, 100%);
        margin-left: 0;
        column-gap: 2rem;
    }

    .resume-panel {
        padding: 1rem 2rem;
        margin: 0;
        width: 100%;
    }

    .resume-panel__content {
        padding-block: 2rem 3.5rem;
        gap: 1rem;
    }

    .submit_panel {
        padding-block: 1rem 5rem;
    }

    .resume-panel__right h4 {
        margin-bottom: 2.3rem;
    }


}



/*why css*/
.why_sec {
    padding-block: 11.7rem 13rem;
    background-color: var(--color-2a);
}

.why_txt .title24 {
    color: var(--color-white);
    margin-bottom: 2.5rem;
}

.why_txt .title48 {
    margin-bottom: 2.5rem;
    color: var(--color-ffb);
}

.why_txt p {
    color: var(--color-white);
}

.why_txt .jindal-divider {
    margin-top: 7rem;
}

.interior_lst {
    display: grid;
    gap: 12.5rem;
    grid-template-columns: 605fr 745fr;
    margin-top: 7rem;
}

.interior_txt_bx {
    border-bottom: 1px solid #ffffff38;
    padding: 4rem 0;
}



.interior_txt_bx:last-child {
    border-bottom: 0px solid #ffffff38;
    padding: 4rem 0 0;
}

.interior_txt_bx .title21 {
    color: var(--color-white);
    font-weight: 500;
    margin-bottom: 4rem;
}

.interior_txt_bx p {
    color: var(--color-white);
    line-height: 1.9;
}

.interior_txt_bx ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3.1rem 6.6rem;
    margin: 0;
    padding: 0;
}

.interior_txt_bx ul li {
    color: var(--color-white);
    list-style-type: none;
}

.interior_txt_bx ul li img {
    margin-right: 2rem;
    width: 5rem;
    height: 5rem;
}

.interior_txt_bx ul li::marker {
    color: var(--color-d4);
}

.interior_img {
    height: 100%;
    overflow: hidden;
}

.interior_img figure {
    height: 100%;
}

.interior_img figure img {
    height: 100%;
    border-radius: 2rem;
    object-fit: cover;
}

/*==========================
Approach
==========================*/
.approach_sec {
    padding-block: 10rem 10rem;
}

.approach_txt .title24 {
    margin-bottom: 2.5rem;
    font-weight: 500;
}

.approach_txt .title48 {
    margin-bottom: 2.5rem;
}

.approach_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 7rem;
    gap: 8.8rem 13.7rem;
}

.home_txt {
    position: relative;
}

.home_txt .interior_txt_bx {
    padding: 5rem 0;
}

.interior_txt_bx:first-child {
    padding-top: 0;
}

.home_txt .interior_txt_bx p {
    padding-right: 2rem;
}
.oem-certificate {
    background: #f7f7f7;
}


@media(max-width:1599px) {
    .approach_sec {
        padding-block: 9rem 10.4rem;
    }

    .approach_grid {
        margin-top: 5rem;
        gap: 6.8rem 9.7rem;
    }

    .why_sec {
        padding-block: 9.7rem 10rem;
    }

    .why_txt .jindal-divider {
        margin-top: 5rem;
    }

    .home_txt .interior_txt_bx {
        padding: 4rem 0;
    }

    .interior_txt_bx:first-child {
        padding-top: 0;
    }

    .interior_lst {
        margin-top: 5rem;
    }

    .interior_txt_bx .title21 {
        margin-bottom: 3rem;
    }

    .interior_lst {
        gap: 7.5rem;
    }

}

@media(max-width:1024px) {
    .approach_sec {
        padding-block: 7rem 8.4rem;
    }

    .approach_grid {
        margin-top: 4rem;
        gap: 5.8rem 7.7rem;
    }

    .interior_lst {
        gap: 5.5rem;
    }

    .home_txt .interior_txt_bx {
        padding: 3rem 0;
    }

    .why_sec {
        padding-block: 8.7rem 8rem;
    }

    .why_txt .jindal-divider {
        margin-top: 4rem;
    }

    .interior_txt_bx .title21 {
        margin-bottom: 2rem;
    }
}

@media(max-width:991px) {
    .approach_sec {
        padding-block: 5rem 6.4rem;
    }

    .approach_grid {
        margin-top: 3rem;
        gap: 4.8rem 3.7rem;
    }

    .approach_txt .title24 {
        margin-bottom: 1.5rem;
    }

    .approach_txt .title48 {
        margin-bottom: 1.5rem;
    }

    .why_sec {
        padding-block: 6.7rem 6rem;
    }

    .interior_lst {
        grid-template-columns: 100%;
        margin-top: 5rem;
    }

    .home_txt .interior_txt_bx {
        padding: 2rem 0;
    }

    .why_txt .jindal-divider {
        margin-top: 3rem;
    }

    .interior_txt_bx {
        padding: 2.5rem 0;
    }

    .interior_txt_bx:nth-child(1) {
        padding-top: 0;
    }

    .interior_txt_bx:last-child {
        padding-bottom: 0;
    }

    .interior_txt_bx ul {
        gap: 1rem 5rem;
    }
}

@media(max-width:767px) {
    .approach_sec {
        padding-block: 4rem 4.4rem;
    }

    .approach_grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 3.8rem 2.7rem;
    }

    .why_sec {
        padding-block: 3.7rem 3rem;
    }

    .why_txt .title24 {
        margin-bottom: 1.5rem;
    }

    .why_txt .title48 {
        margin-bottom: 1.5rem;
    }

    .why_txt .jindal-divider {
        margin-top: 2rem;
    }

    .interior_txt_bx {
        padding: 2rem 0;
    }

    .interior_txt_bx .title21 {
        margin-bottom: 1.2rem;
    }

    .home_txt .interior_txt_bx p {
        padding-right: 0rem;
    }

    .interior_txt_bx ul {
        gap: 1rem 4rem;
    }

    .interior_lst {
        gap: 3.5rem;
    }

    .interior_img figure img {
        border-radius: 1rem;
    }
    .approach_grid .advantage_item:nth-child(4) {
        order: 6;
    }
   .approach_grid .advantage_item:nth-child(5) {
           order: 4;
    }

}

@media(max-width:414px) {
    .approach_grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .interior_txt_bx ul {
        grid-template-columns: repeat(1, 1fr);
    }
}

/*==========================
certification_sec
==========================*/
.certification_sec {
    padding-block: 10rem;
}

.certification_grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin-top: 4rem;
    text-align: center;
    gap: 6.4rem;
}

.certification_bx blockquote {
    font-size: var(--text-18);
    color: var(--color-black);
    margin-bottom: 2rem;
    font-weight: 500;
}

.certification_txt h4 {
    font-weight: 500;
}

.certification_bx>figure>img {
    width: 100%;
    max-width: 15.3rem;
    margin-inline: auto;
    object-fit: contain;
    overflow: hidden;
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.certification_bx>figure:hover>img {
    transform: scale(1.06);
}

@media(max-width:1599px) {
    .certification_sec {
        padding-block: 10.5rem;
    }

    .certification_grid {
        margin-top: 3rem;
        gap: 4.4rem;
    }
}

@media(max-width:1024px) {
    .certification_sec {
        padding-block: 8.5rem;
    }

    .certification_grid {
        margin-top: 2rem;
        gap: 2.4rem;
    }

    .certification_bx>figure>img {
        max-width: 13.3rem;
    }

    .certification_grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .process-list {
        grid-template-columns: repeat(4, 1fr);
    }

    .process-item {
        margin-bottom: 2.5rem;
    }

    .quality-content p {
        padding-inline: 0;
    }

    .equipment_grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .technology_txt p {
        padding-inline: 0;
    }
}

@media(max-width:991px) {
    .certification_sec {
        padding-block: 6.5rem;
    }

    .certification_grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .certification_bx>figure>img {
        max-width: 11.3rem;
    }
}

@media(max-width:767px) {
    .certification_sec {
        padding-block: 3.5rem;
    }

    .certification_grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .certification_bx>figure>img {
        max-width: 9.3rem;
    }

    .certification_bx blockquote {
        margin-bottom: 1rem;
    }
}

@media(max-width:320px) {
    .certification_grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .certification_txt {
        text-align: center;
    }
}

/*==========================
transit_sec
==========================*/
.transit_sec {
    padding-block: 13.5rem;
}

.transit_grid {
    display: grid;
    gap: 9rem;
    grid-template-columns: 640fr 750fr;
    align-items: center;
}

.transit_txt .title24 {
    margin-bottom: 2.4rem;
}

.transit_txt .title48 {
    margin-bottom: 5rem;
}

.transit_txt p {
    line-height: 1.9;
}

@media(max-width:1599px) {
    .transit_sec {
        padding-block: 10.5rem;
    }

    .transit_txt .title24 {
        margin-bottom: 1.4rem;
    }

    .transit_txt .title48 {
        margin-bottom: 4rem;
    }
}

@media(max-width:1024px) {
    .transit_sec {
        padding-block: 8.5rem;
    }

    .transit_grid {
        gap: 5rem;
    }

    .transit_txt .title48 {
        margin-bottom: 3rem;
    }
}

@media(max-width:991px) {
    .transit_sec {
        padding-block: 6.5rem;
    }

    .transit_txt .title48 {
        margin-bottom: 2rem;
    }

    .transit_grid {
        grid-template-columns: 100%;
        gap: 3rem;
    }
}

@media(max-width:767px) {
    .transit_sec {
        padding-block: 3.5rem;
    }

    .transit_txt .title48 {
        margin-bottom: 1.5rem;
    }
}


/*==========================
Gallery
==========================*/

.gallery_sec {
    padding-block: 10rem 12rem;
    background: var(--color-white);
}

.gallery_list {
    width: 100%;
    max-width: 233.3rem;
    margin-inline: auto;
    padding-inline: 3rem;
}

.group_head {
    text-align: center;
    margin-bottom: 4rem;
}

.group_head>.title24 {
    margin-bottom: 0;
}

/* .group_head h2{font-size:3.2rem;font-weight:600;color:#222;} */
.gallery_grid {
    display: grid;
    grid-template-columns: 633fr 998fr 633fr;
    gap: 2.7rem;
    align-items: stretch;
}

.gallery_center {
    display: flex;
    flex-direction: column;
    gap: 2.2rem;
}

.gallery_row {
    display: grid;
    grid-template-columns: 603fr 350fr;
    gap: 2.7rem;
}

.gallery_row:nth-child(2) {
    grid-template-columns: 350fr 603fr;
}


.gallery_card {
    position: relative;
    overflow: hidden;
    border-radius: 2rem;
    display: block;
}

.gallery_card figure {
    height: 100%;
}

.gallery_card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: .5s ease;
    -webkit-transition: .5s ease;
    -moz-transition: .5s ease;
    -ms-transition: .5s ease;
    -o-transition: .5s ease;
}

.gallery_card:hover img {
    transform: scale(1.08);
}

.gallery_overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 4.5rem 2.7rem 2.7rem;
    background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;
}

.gallery_tags {
    display: inline-flex;
    gap: 2rem;
    margin-bottom: 2rem;
    background: rgb(255 255 255 / 58%);
    border-radius: 1.3rem;
    padding: .7rem 1.8rem;
    color: var(--color-d4);
}

.gallery_tags blockquote {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: var(--color-black);
    font-size: var(--text-14);
    line-height: 1;
    margin: 0;
}

.gallery_tags blockquote span {
    font-weight: 600;
    color: var(--color-d4);
}

.gallery_overlay h4 {
    color: var(--color-white);
    font-size: var(--text-18);
    font-weight: 500;
    margin: 0;
    line-height: 1.4;
}

.gallery_card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .15);
    opacity: 0;
    transition: .4s;
}

.gallery_card:hover::after {
    opacity: 1;
}

.gallery_sec .group_head {}

.gallery_btn {
    margin-top: 6rem;
}

.gallery_card:hover .zoombtn {
    opacity: 1;
}

.five_images{ position: relative;}
.five_images .gallery_grid {
    grid-template-columns: 633fr 998fr;
}

.five_images .gallery_card.wide img {
    height: 38rem;
}
.five_images .gallery_card.small img {
    height: 38rem;
}
.five_images .gallery_card.gallery_left img {
    height: 62vh;
}
@media(max-width:1920px) {

.five_images .gallery_card.wide img {
    height: 33rem;
}
.five_images .gallery_card.small img {
    height: 33rem;
}
.five_images .gallery_card.gallery_left img{
    height:72vh;
}
}
@media(max-width:1799px) {
.gallery_card.gallery_left img {
        height: 79vh;
    }
}


@media(max-width:1699px) {
    .five_images .gallery_card.gallery_left img {
        height: 69vh;
    }
}



@media(max-width:1599px) {
    .gallery_sec {
        padding-block: 8rem 12.4rem;
    }

    .gallery_tags {
        gap: 1rem;
        padding: .5rem 1rem;
    }

    .gallery_overlay {
        padding: 3.5rem 1.7rem 1.7rem;
    }

    .gallery_row {
        gap: 1.7rem;
    }

    .gallery_center {
        gap: 1.5rem;
    }

    .gallery_grid {
        gap: 1.7rem;
    }
    .five_images .gallery_card.gallery_left img {
        height: 64vh;
    }
}

@media(max-width:1024px) {
    .gallery_sec {
        padding-block: 6rem 9.4rem;
    }

    .group_head {
        margin-bottom: 3rem;
    }

    .gallery_grid,
    .gallery_row,
    .gallery_center {
        gap: 1rem;
    }

    .gallery_list {
        padding-inline: 1rem;
    }

    .gallery_tags {
        gap: 0.5rem;
        padding: .3rem 0.7rem;
        margin-bottom: 1rem;
    }
}

@media(max-width:991px) {
    .gallery_sec {
        padding-block: 5rem 7.4rem;
    }

    .gallery_grid {
        grid-template-columns: 270fr 468fr;
    }

    .gallery_card:nth-child(3) {
        display: none;
    }

    .gallery_row {
        grid-template-columns: 258fr 200fr;
    }

    .gallery_btn {
        margin-top: 3rem;
    }
.five_images .gallery_card.gallery_left img {
        height: 100%;
    }
    .five_images .gallery_card.wide img {
       height: 100%;
}
.five_images .gallery_card.small img {
    height: 100%;
}

}

@media(max-width:767px) {
    .gallery_sec {
        padding: 3rem 0;
    }

    .group_head {
        margin-bottom: 2rem;
    }

    .gallery_grid {
        grid-template-columns: 100%;
    }

    .gallery_row {
        grid-template-columns: 100%;
    }

    .gallery_row:nth-child(2) {
        display: none;
    }
    .five_images .gallery_grid {
    grid-template-columns: 1fr;
}

}


.blog-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3rem;
    margin-top: -15rem;
    z-index: 9;
    position: relative;
}

.blog-list .date h5 {
    color: #fff;
}

.blog-list .date span {
    color: var(--color-ffb);
}

.blog-list .featured_content p {
    font-size: var(--text-18);
}

.blog_related_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3rem;
}

.media_sec {
    padding-block: 0 13rem;
}

.media_grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 5.1rem 3.8rem;
    position: relative;
    margin-top: -11rem;
    z-index: 9;
}

.media-name {
    display: flex;
    gap: 4.4rem;
    margin-bottom: 3.8rem;
}

.media-name p {
    font-weight: normal;
}

.discription {
    font-size: var(--text-18);

}

.media_link img {
    margin-top: 2rem;
}

.media_lst {
    position: relative;
    display: grid;
    grid-template-columns: 322fr 1150fr;
    gap: 5rem;
}

.media_logo {
    background: var(--color-white);
    text-align: center;
    padding: 5rem;
    overflow: hidden;
}

.media_logo img {
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.media_lst:hover .media_logo img {
    transform: scale(1.06);
}

.media_link {
    border-bottom: 1px solid #66666647;
}

.media_lst>p {
    min-height: 9rem;
}

.media_link p.discription {
    font-weight: 300;
}

.media_lst .jindal-divider {
    width: 5.7rem;
    height: 3px;
    background: var(--color-black);
    margin-top: 1rem;
    
}

.media_lst .jindal-divider span {
    width: 3.7rem;
    height: 3px;
}


.media_bx {
    position: relative;
}

.zoombtn {
    position: absolute;
    content: "";
    opacity: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
        background: #000;
    border-radius: 10rem;
    display: none;
}

.media_bx p {
    padding: 0 2rem 2rem 2rem;
    font-size: var(--text-18);
    line-height: 1.2;
}

.media_bx:has(a:hover) .zoombtn {
    opacity: 1;
}

.newsletter_sec {
    padding-block: 0 13rem;
    margin-top: -9rem;
    position: relative;
    z-index: 9;
}

.newsletter_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5rem;
}

.newsletter_bx {
    position: relative;
}

.newsletter_bx p {
    padding-inline: 0;
    padding-block: 3rem 0rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: var(--text-21);
}

.newsletter_bx p img {
    width: 3rem;
    height: 3rem;
}

.blog-img img {
    border-radius: 2rem;
}

.blog_related_grid .related_img img {
    aspect-ratio: 0;
}

.media_bx figure img {
    border-radius: 1rem;
    margin-bottom: 2rem;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.newsletter_bx figure img {
    border-radius: 2rem;
    width: 100%;
}

@media(max-width:1199px) {
    .blog-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(max-width:991px) {
    .newsletter_grid {
        gap: 3rem;
    }

    .news_events .featured_card {
        min-height: auto;
    }

    .media_sec {
        padding-block: 7rem;
    }

    .media_grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .media_lst {
        grid-template-columns: 1fr;
        gap: 2rem;
        padding-bottom: 2rem;
    }

    .media_link {
        padding-bottom: 3rem;
    }

    .media-name {
        display: block;
        margin-bottom: 3.8rem;
    }

}

@media(max-width:767px) {
    .blog-list {
        grid-template-columns: repeat(1, 1fr);
        margin-top: -8rem;
    }

    .blog_related_grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .newsletter_sec {
        padding-block: 5rem;
        margin-top: 0;
    }

    .newsletter_grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 4rem;
    }

    .newsletter_bx p img {
        width: 3rem;
        height: 3rem;
    }

    .media_sec {
        padding-block: 5rem;
    }

    .media_grid {
        margin-top: -8rem;
        gap: 3rem;

    }

    .media_bx img {
        width: 100%;
    }

    .media_lst>p {
        min-height: 5rem;
    }

    .media_grid {
        grid-template-columns: repeat(2, 1fr);
    }


}

@media(max-width:560px) {
    .media_grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 3rem;
    }

    .media_lst>p {
        min-height: auto;
    }

    .media_logo {
        padding: 5rem;
    }

}


/* invest detls */
.invest_detls {
    padding-block: 24rem 13rem;
    background: #f6f6f6;
}

.invstr_grid {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 7rem;
    align-items: flex-start;
}

.invest_lft {
    position: sticky;
    top: 12rem;
    background: rgba(255, 255, 255, .95);
    backdrop-filter: blur(25px);
    border-radius: 24px;
    padding: 3rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .04), 0 1px 3px rgba(0, 0, 0, .08);
    overflow: hidden;
}

.invest_lft::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 6px;
    height: 100%;
    background: linear-gradient(to bottom, #d48625, #e6b476, #c06f0a);
}

.investor-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.investor-menu li {
    position: relative;
}

.investor-menu>li>a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 1.5rem 2rem 1.5rem 0;
    color: var(--color-black);
    text-decoration: none;
    font-size: var(--text-18);
    font-weight: 500;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    transition: all .35s ease;
}

.investor-menu>li.active>a {
    color: var(--color-d4);
    font-weight: 600;
}

.invest_rght {
    width: 100%;
}

.investor_ttl h4 {
    font-weight: 400;
    font-size: var(--text-30);
    margin-bottom: 5rem;
}

.anul_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem 2rem;
    margin-bottom: 3rem;
}

.pdf-img figure {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    background: #fff;
    margin: 0;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .06);
    transition: .45s ease;
    min-height: 100%;
}

.pdf-img figcaption {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    padding: 2rem 1.5rem;
    background: #fff;
}

.pdf-text p {
    margin: 0;
}

.pdf-text p {
    font-size: var(--text-18);
    color: var(--color-black);
}

.pdf-text span {
    display: block;
    margin-top: .5rem;
    font-size: 1.4rem;
    color: #666;
}

.pdf-img figcaption img {
    width: 4.5rem;
    height: 4.5rem;
    padding: .8rem;
    background: #fff;
    transition: .35s;
}

.pdf-img {
    position: relative;
    transition: .45s ease;
}

.pdf-img:hover {
    transform: translateY(-10px);
}

.pdf-img:hover figure {
    box-shadow: 0 25px 50px rgba(0, 91, 170, .18);
}

.board_txt {}

.board_txt h5 {
    font-weight: 400;
    margin-bottom: 2rem;
}

.table-responsive {
margin-block: 5rem;
}


.table-responsive th {
    background-color: var(--color-d4) !important;
       color: var(--color-white) !important;
    font-size: var(--text-18);
}

.table-responsive tr {
    font-size: var(--text-16);
}
tbody, td, tfoot, th, thead, tr {

}

.table-responsive tr td,
.table-responsive tr th {
    padding: 1.5rem;
}



.investor-section {
    /* background: var(--color-white); */
    padding-block: 10rem 13rem;
}

.investor-layout {
    margin: 0 auto;
    display: grid;
    grid-template-columns: 350px 1fr;
    gap: 4rem;
    align-items: start;
}


/* =========================================
   SIDEBAR
========================================= */

.annual-sec .banner_content {
    padding-block: 13rem 9rem;
}

.investor-sidebar {
    padding: 3rem 2rem;
    background: #fff;
    border: 1px solid #eeeeee;
    border-radius: 2rem;
    box-shadow: 0 10px 35px rgba(25, 30, 45, 0.06);
    position: sticky;
    top: 10rem;
}

.investor-brand {
    display: flex;
    align-items: center;
    gap: 22px;
    padding: 0 16px 38px;
}

.brand-icon {
    width: 85px;
    height: 85px;
    flex: 0 0 85px;
    border-radius: 50%;
    background: #fff0f7;
    color: #ef3e91;
    display: flex;
    align-items: center;
    justify-content: center;
}

.brand-icon svg {
    width: 42px;
    height: 42px;
}

.investor-brand h3 {
    font-size: 28px;
    line-height: 1.2;
    font-weight: 600;
    margin-bottom: 7px;
}

.investor-brand span {
    color: #737b8a;
    font-size: 18px;
}


/* Navigation */

.investor-nav {
    display: flex;
    flex-direction: column;
}

.investor-nav a {
    position: relative;
    min-height: 6rem;
    padding: 0 1.5rem;
    display: flex;
    align-items: center;
    gap: 2.5rem;
    color: var(--color-black);
    text-decoration: none;
    font-size: var(--text-16);
    font-weight: 400;
    border-bottom: 1px solid #eeeeee;
    transition: all 0.3s ease;
}

.investor-nav a:last-child {
    border-bottom: 0;
}

.investor-nav a:hover {
    color: var(--color-d4);
}

.investor-nav a.active {
    color: var(--color-d4);
    background: #d486251c;
    border-radius: 1.2rem;
    border-bottom-color: transparent;
}

.investor-nav a.active::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    border-radius: 4px;
    background: var(--color-d4);
}

.nav-icon {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #687180;
    flex-shrink: 0;
}

.nav-icon svg {
    width: 27px;
    height: 27px;
}

.investor-nav a.active .nav-icon {
    color: var(--color-d4);
}


/* =========================================
   MAIN CONTENT
========================================= */

.investor-content {
    position: relative;
    min-width: 0;
}

.investor-wave {
    position: absolute;
    top: 0;
    right: -80px;
    width: 720px;
    height: 250px;
    pointer-events: none;
    overflow: hidden;
    opacity: 0.75;
}

.investor-wave svg {
    width: 100%;
    height: 100%;
}



/* Heading */

.investor-heading {
    position: relative;
    margin-bottom: 4rem;
}


.investor-heading h2 {
    font-size: var(--text-36);
    color: var(--color-black);
    font-weight: 300;
}



.investor-heading p {
    margin-top: 25px;
    color: var(--color-black);
    font-size: 19px;
    line-height: 1.5;
}


/* =========================================
   REPORT CARDS
========================================= */

.annual-return-grid {
    position: relative;
    z-index: 2;

    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 3rem;
}

.return-card {
    position: relative;
    /* min-height: 470px; */
    padding: 3rem;
    background: #fff;
    border: 1px solid #eeeeee;
    border-radius: 2rem;
    overflow: hidden;
    box-shadow: 0 12px 35px rgba(30, 35, 50, 0.055);
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.return-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 20px 45px rgba(30, 35, 50, 0.10);
}


/* Top icon */



/* Content */

.card-content {
    position: relative;
    z-index: 2;
}

.card-content h2 {
    font-size: var(--text-18);
    line-height: 1.3;
    font-weight: 400;
    color: var(--color-black);
    width: 21rem;
    height: 4rem;
}

.return-year {
    margin-top: .8rem;
    color: var(--color-d4);
    font-size: var(--text-16);
    font-weight: 600;
}

.card-divider {
    width: 230px;
    height: 1px;
    margin: 26px 0;
    background: #e5e5e5;
}

.card-content p {
    max-width: 300px;
    color: #596273;
    font-size: 17px;
    line-height: 1.7;
}


/* Download */

.card-bottom {
    margin-top: 48px;
    padding-top: 28px;
    border-top: 1px solid #eeeeee;
}

.download-btn {

    padding: 1rem 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: var(--color-d4);
    border: 1.5px solid var(--color-d4);
    border-radius: 13px;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    transition: all 0.3s ease;
}

.download-btn svg {
    width: 22px;
    height: 22px;
}

.download-btn:hover {
    color: var(--color-white);
    background: var(--color-d4);
}


/* Decorative document */

.card-document {
    position: absolute;
    right: 16px;
    top: 0;
    width: 60px;
    height: 84px;
    /* color: #f5a4c8; */
    opacity: 0.75;
    display: flex;
    justify-content: center;
    align-items: center;
}

.card-document::before {
    content: "";
    position: absolute;
    width: 65px;
    height: 65px;
    top: 10px;
    left: 0px;
    border-radius: 50%;
    background: #cf8f0d2b;
}

.card-document img {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    margin: 0 auto;
    display: inline-block;
}

.investor-cards {

    width: 100%;
    /* background: var(--color-white); */
    padding-block: 10rem 13rem;
}

.investor-card-grid {
    width: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}


/* =========================================
   CARD
========================================= */

.investor-card {
    position: relative;
    min-height: 20rem;
    padding: 4rem;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.035);
    transition: transform .35s ease, box-shadow .35s ease;
}


/* Left orange line */

.investor-card::before {
    content: "";
    position: absolute;

    top: 0;
    left: 0;
    bottom: 0;

    width: 4px;

    background: var(--color-d4);

    border-radius: 4px;
}


/* Hover */

.investor-card:hover {
    transform: translateY(-7px);

    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.10);
}


/* =========================================
   NUMBER
========================================= */

.card-number {
    position: absolute;

    top: 0;
    right: 0;

    width: 75px;
    height: 62px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: var(--color-d4);

    color: #fff;

    font-size: 16px;
    font-weight: 600;

    clip-path: polygon(0 0,
            100% 0,
            100% 100%,
            42% 100%);
    display: none;
}


/* =========================================
   ICON
========================================= */

.card-icon {
    width: 62px;
    height: 62px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: var(--color-d4);

    background: var(--primary-light);

    border: 1px solid var(--primary-border);

    margin-bottom: 40px;

    transition: all .35s ease;
    display: none;
}

.card-icon svg {
    width: 2.8rem;
    height: 2.8rem;
}

.investor-card:hover .card-icon {
    color: #fff;
    background: var(--color-d4);
}


/* =========================================
   HEADING
========================================= */

.investor-card h3 {
    position: relative;
    z-index: 2;

    margin: 0;

    color: var(--color-black);

    font-size: var(--text-24);
    line-height: 1.35;

    font-weight: 400;
}


.card-line {
    display: block;

    width: 5.5rem;
    height: .2rem;

    margin: 1.8rem 0 1.8rem;

    background: var(--color-d4);
}



.read-more {
    position: absolute;
    left: 4rem;
    bottom: 3.2rem;

    z-index: 4;

    display: inline-flex;
    align-items: center;
    gap: 13px;
    color: var(--color-black);

    font-size: var(--text-16);
    font-weight: 400;

    text-decoration: none;

    transition: gap .3s ease;
}

.read-more span {

    line-height: 1;
}

.read-more:hover {
    gap: 2rem;
    color: var(--color-d4);

}



/* =========================================
   WATERMARK
========================================= */

.card-watermark {
    position: absolute;
    right: 1rem;
    bottom: 1.5rem;
    width: 7rem;
    height: 15.5rem;
    color: var(--color-d4);
    opacity: .1;
    pointer-events: none;
}

.card-watermark svg {
    width: 100%;
    height: 100%;
}

/* investors */
.inner_banner.without_bg.annual-sec {
    padding-block: 10.5rem 0rem;
}

@media(max-width:1599px) {
    .investor-layout {
        grid-template-columns: 280px 1fr;
    }

    .annual-return-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}

@media(max-width:1299px) {
    .investor-sidebar {
        padding: 2rem 1rem;
    }


}


@media(max-width:991px) {
    .investor-card-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .investor-cards {
        padding-block: 8rem;
    }

    .investor-layout {
        grid-template-columns: 0px 1fr;
    }

    .investor-sidebar {
        display: none;
    }

    .investor-layout {
        grid-template-columns: 1fr;
    }

    .investor-section {
        padding-block: 8rem;
    }

}

@media(max-width:767px) {
    .investor-card-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .investor-card {
        min-height: 17rem;
        padding: 2rem;
    }

    .read-more {
        left: 2rem;
    }

    .investor-section {
        padding-block: 4rem 6rem;
    }

}

@media(max-width:640px) {
    .annual-return-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}



/* gallery */
.gallery_sec1 {
    padding-block: 13rem;
}

.gallery_sec1 .media_grid {
    margin-top: 0;
    gap: 0rem 2rem;

}

.tab-menu ul {
    margin: 0;
    padding: 0;
}

.tab-menu ul li {
    list-style-type: none;
    display: inline-block;
    margin-right: 2rem;
}

.tab-menu ul li a {
    color: #000;
    text-decoration: none;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 25px;
    opacity: 1;
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
    border-radius: 3rem;
    padding-inline: 4.5rem;
    padding-block: 1rem;
    font-weight: 500;
    font-size: var(--text-18);
    padding: 1.6rem 3rem;
    cursor: pointer;
    border: 1px solid #d4862529;
}

.tab-menu ul li a.active-a {
    box-shadow: 0px 19px 29px #00000014;
    border: 1px solid var(--color-d4);
    background-color: var(--color-white);
    color: var(--color-d4);
}

.tab {
    display: none;
    margin-top: 6rem;
}

.tab-active {
    display: block;
}

.gallery_sec1 figure {
    margin: 0;
}

.gallery_sec1 figure img {
    border-radius: 1.5rem;
    width: 100%;
    object-fit: cover;
}

.video_grid .zoombtn img {
    width: 7rem;
    filter: brightness(0) invert(1);
}

@media(max-width:991px) {
    .gallery_sec1 {
        padding-block: 7rem;
    }

    .gallery_sec1 figure img {

        height: auto;
        min-height: auto;
    }

}

@media(max-width:767px) {
    .gallery_sec1 {
        padding-block: 5rem;
    }


}

/*==========================
capabilitie css
==========================*/

.capabilitie_sec blockquote {
    padding-inline: 13rem;
}

/*==========================
manufacturing html
==========================*/
.manufacturing_sec {
    padding-block: 10rem;
}

.manufacturing_txt {
    text-align: center;
    padding-inline: 2rem;
}

.manufacturing_txt h3 {
    font-weight: 500;
    margin-bottom: 3.3rem;
}

.manufacturing_txt .title48 {
    font-weight: 300;
    margin-bottom: 2.7rem;
}

.manufacturing_txt p {
    font-weight: 300;
    margin-bottom: 3rem;
}

.manfa_tab {
    margin-top: 7rem;
}

.manfa_tab .tab-menu {
    text-align: center;
}

.pnt_head {
    margin-top: 10rem;
    text-align: center;
}

.pnt_head h3 {
    margin-bottom: 5rem;
    font-weight: 600;
}

.pnt_head h2 {
    font-weight: 300;
    margin-bottom: 3rem;
}

/* =========================
   FEATURES
========================= */
.plant-features {
    margin-top: 7rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 5rem;
}

.plant-feature {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
}

.plant-feature+.plant-feature {
    border-left: 1px solid var(--color-d4);
}

.feature-icon {
    margin-bottom: 3rem;
}

.feature-icon svg {
    width: 100%;
    height: 100%;
}


/* =========================
   IMAGE
========================= */
.plant-image-wrap {
    width: 100%;
    position: relative;
    margin-top: 5rem;
}

.plant-image-wrap figure img {
    display: block;
    width: 172.5rem;
    max-width: none;
    object-fit: cover;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 2rem;
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* .plant-image-wrap figure:hover img {
    transform: translateX(-50%) scale(1.05);
} */


/* =========================
   STATS BAR
========================= */
.plant-stats {
    position: relative;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    background: #2a2a2ae6 0% 0% no-repeat padding-box;
    border-radius: 8px;
    overflow: hidden;
    margin-top: -6rem;
    border: 1px solid #00000000;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    border-radius: 2rem;
    padding: 2.5rem 4rem;
    z-index: 9;
}

.plant-stat {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.6rem;
    position: relative;
}

.plant-stat+.plant-stat::before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 1px;
    height: 100%;
    background: rgba(212, 134, 37, 0.45);
}

.plant-stat strong {
    color: var(--color-ffb);
    font-size: var(--text-72);
    line-height: 1;
    font-weight: 400;
    white-space: nowrap;
}

.plant-stat strong sup {
    font-size: var(--text-56);
    position: relative;
    top: -20px;
    margin-left: .6rem;
    color: var(--color-d4);
    font-weight: 200;
}

.plant-stat span {
    color: var(--color-white);
    font-size: var(--text-14);
    line-height: 1.4;
    letter-spacing: 2.8px;
    font-weight: 500;
    text-transform: uppercase;
}

/*==========================
Our USPs html
==========================*/
.certification_sec1 {
    padding-block: 10rem;
    background-color: var(--color-white);
}

.technology_txt {
    position: relative;
}

.technology_txt h4 {
    font-weight: 600;
    margin-bottom: 2.4rem;
}

.technology_txt h2 {
    font-weight: 300;
    margin-bottom: 5rem;
}

.technology_txt p {
    padding-inline: 0 6rem;
    font-weight: 300;
    font-size: var(--text-24);
}

.technology_txt .jindal-divider {
    margin-top: 7rem;
}

.equipment_txt {
    margin-block: 5rem;
}

.equipment_txt h4 {
    font-weight: 500;
}

.equipment_grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 6rem 2.5rem;
}

.equipment_bx {
    position: relative;
}

.equipment_bx figure {
    overflow: hidden;
    border-radius: 2rem;

}

.equipment_bx figure img {
    width: 100%;
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    border-radius: 2rem;

}

.equipment_bx:hover figure img {
    transform: scale(1.06);
}

.equipment_bx p {
    margin-top: 2rem;
    font-weight: 400;

}

@media(max-width:992px) {
    .technology_txt p {
        padding-inline: 0;
    }

}

/*==========================
quality
==========================*/
.quality-section {
    background-color: var(--color-2a);
    padding-block: 11rem 12rem;
}

.quality_grid {
    display: grid;
    gap: 9.8rem;
    grid-template-columns: 72.5rem auto;
    margin-bottom: 13.1rem;
}

.quality-content .title24 {
    color: var(--color-white);
    font-weight: 500;
    margin-bottom: 2.4rem;
}

.quality-content .title48 {
    font-weight: 300;
    margin-bottom: 4rem;
    color: var(--color-ffb);
}

.quality-content p {
    color: var(--color-white);
    line-height: 1.9;
    margin-bottom: 5rem;
    padding-inline: 0 5rem;
}

.quality-content h6 {
    font-size: var(--text-18);
    color: var(--color-white);
    font-weight: 500;
    margin-bottom: 5rem;
}

.quality-content ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 7rem;
}

.quality-content ul li {
    color: var(--color-white);
}

.quality_grid2 {
    margin-bottom: 0;
    grid-template-columns: 68.2rem auto;
    gap: 6.7rem;
}

.quality_grid2 .quality-content ul {
    grid-template-columns: repeat(2, 1fr);
}

.quality-image {
    overflow: hidden;
}

.image-placeholder {
    overflow: hidden;
    height: 100%;
    border-radius: 2rem;
}

.image-placeholder figure {
    height: 100%;
    border-radius: 2rem;
    overflow: hidden;
}

.image-placeholder img {
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    border-radius: 2rem
}

.image-placeholder:hover img {
    transform: scale(1.06);
    border-radius: 2rem
}

.image-placeholder .swiper-slide {
    position: relative;
}

.quality_slide_txt {
    position: absolute;
    bottom: 0;
    background: #00000000 linear-gradient(0deg, #000000e0 0%, #00000000 100%) 0% 0% no-repeat padding-box;
    width: 100%;
    padding: 3rem;
    border-radius: 0 0 2rem 2rem;
}

.quality_slide_txt p {
    font-size: var(--text-21);
    color: var(--color-white);
}

.swiper-button-next,
.swiper-button-prev {
    background-color: var(--color-d4);
    color: var(--color-white);
    width: 3rem;
    height: 3rem;
    border-radius: 5rem;
    padding: 1.8rem;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 1.6rem;
}


/*==========================
process html
==========================*/
.process_sec {
    padding-block: 10rem;
    position: relative;
}

.process_txt {
    text-align: center;
}

.process_txt .jindal-divider {
    margin: 7rem auto 0;
}

.process_txt p {
    font-weight: 300;
    padding-inline: 0 3rem;
}

.workflow_txt {
    margin-block: 7rem 6rem;
    text-align: center;
}

.process-list {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    width: 100%;
}

.process-item {
    border-right: 1px solid #e7e3e3;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    box-sizing: border-box;
}

.process-item img {
margin-bottom: 2.8rem;
    width: 7rem;
    height: 7rem;
}

.workflow_txt p {
    font-weight: 600;
}

.process-item:last-child {
    border-right: 0;
}

.process-item .title48 {
    margin-bottom: 2rem;
}

.process-item p {
    color: var(--color-black);
    font-size: var(--text-18);
    font-weight: 500;
}

.process_shape {
    position: absolute;
    bottom: 0rem;
    width: 15%;
    left: 0;
}

.capabilitie_cert .certification_grid {
    gap: 4.6rem 6.4rem;
}

.certification_txt h4 {
    font-weight: 600;
}

.capabilitie_cert {
    background-color: var(--color-white);
}

.capabilitie_cert .certification_txt h4 {
    text-align: center;
}

.capabilitie_cert .certification_bx blockquote {
    font-weight: 600;
}

.build {
    padding-block: 10rem 11rem;
    position: relative;
    overflow: hidden;
}

.build_txt {
    text-align: center;
    margin-bottom: 6rem;
}

.build_txt h4 {
    font-weight: 500;
    margin-bottom: 2.4rem;
}

.build_txt h2 {
    margin-bottom: 5rem;
    font-weight: 300;
}

.build_txt p {
    margin-bottom: 5rem;
    font-weight: 300;
    font-size: var(--text-24);
}

.build_img img {
    display: block;
    width: 172.5rem;
    max-width: none;
    object-fit: cover;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* .build_img:hover img {
    transform: translateX(-50%) scale(1.05);
} */

.build_icon {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}

@media(max-width:1920px) {
    .process_shape {
        bottom: 0;
        width: 12%;
    }

    .build_icon {
        bottom: 0;
        width: 18rem;
    }

    .build_img {
        margin-inline: 0;
        z-index: 9;
    }
}

@media(max-width:1699px) {
    .capabilitie_sec blockquote {
        padding-inline: 19rem;
    }

    .plant-stats {
        width: 90%;
        margin: -6rem auto;
    }

    .process_shape {
        bottom: 0;
        width: 10%;
    }

    .build_icon {
        bottom: 0;
        width: 18rem;
    }
}

@media(max-width:1599px) {
    .capabilitie_sec blockquote {
        padding-inline: 7rem;
    }

    .manufacturing_txt {
        padding-inline: 0rem;
    }

    .plant-stats {
        width: 100%;
    }

    .quality-content ul {
        gap: 0 3rem;
    }

    .quality_grid {
        gap: 7.8rem;
        grid-template-columns: 64.5rem auto;
    }

    .quality_grid2 {
        grid-template-columns: 61.2rem auto;
        gap: 5.7rem;
    }
}

@media(max-width:1399px) {
    .plant-image-wrap figure img {
        width: 160rem;
    }

    .build_img img {
        width: 160rem;
    }

}

@media(max-width:1299px) {
    .plant-image-wrap figure img {
        width: 148rem;
    }

    .build_img img {
        width: 148rem;
    }

}

@media(max-width:1199px) {
    .capabilitie_sec blockquote {
        padding-inline: 16rem;
    }

    .plant-image-wrap figure img {
        width: 138rem;
    }

    .build_img img {
        width: 138rem;
    }

    .plant-stats {
        width: 95%;
    }

}

@media(max-width:1024px) {
    .plant-image-wrap figure img {
        width: 100%;
    }

    .build_img img {
        width: 100%;
    }

    .quality_grid {
        gap: 4.8rem;
        grid-template-columns: 59.5rem auto;
    }

    .quality_grid2 {
        grid-template-columns: 57.2rem auto;
        gap: 3.7rem;
    }

}

@media(max-width:991px) {
    .capabilitie_sec blockquote {
        padding-inline: 0rem;
    }

    .manufacturing_sec {
        padding-block: 5rem 10rem;
    }

    .tab-menu ul li a {
        padding: 1.2rem 3rem;
    }

    .plant-stat span {
        letter-spacing: 1.3px;
    }

    .plant-stats {
        padding: 2rem 2.2rem;
    }

    .certification_sec1 {
        padding-block: 5rem;
    }

    .equipment_txt {
        margin-block: 4rem;
    }

    .technology_txt h2 {
        margin-bottom: 4rem;
    }

    .technology_txt .jindal-divider {
        margin-top: 5rem;
    }

    .equipment_grid {
        gap: 4rem 1.8rem;
    }

    .quality-section {
        padding-block: 5rem 5rem;
    }

    .quality_grid {
        margin-bottom: 5.1rem;
    }

    .quality_grid {
        gap: 3.8rem;
        grid-template-columns: 100%;
    }

    .image-placeholder img {
        width: 100%;
    }

    .quality_grid2 .quality-content {
        order: 2;
    }

    .quality_grid2 {
        margin-bottom: 0;
    }

    .process_sec {
        padding-block: 5rem;
    }

    .workflow_txt {
        margin-block: 5rem 4rem;
    }

    .certification_sec {
        padding-block: 5rem;
    }

    .certification_grid {
        margin-top: 3rem;
    }

    .build {
        padding-block: 5rem 7rem;
    }

    .build_txt h2 {
        margin-bottom: 3rem;
    }

    .build_icon {
        width: 11rem;
    }

}

@media(max-width:850px) {
    .plant-stats {
        padding: 2rem 2.2rem;
        grid-template-columns: repeat(1, 1fr);
        gap: 3rem;
        width: 80%;
    }

    .plant-stat+.plant-stat::before {
        display: none;
    }

    .equipment_grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .quality-content .title48 {
        margin-bottom: 2rem;
    }

    .quality-content p {
        margin-bottom: 3rem;
        padding-inline: 0;
    }

    .quality-content h6 {
        margin-bottom: 3rem;
    }

    .process-list {
        grid-template-columns: repeat(4, 1fr);
        gap: 4rem 0;
    }

    .process-item:nth-child(4) {
        border-right: 0;
    }

    .certification_grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 2.6rem 3.4rem;
    }

}

@media(max-width:767px) {
    .certification_grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .process-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .process_shape {
        bottom: 0;
        width: 20%;
    }

    .process-item:nth-child(2),
    .process-item:nth-child(6) {
        border-right: 0;
    }

    .certification_grid {
        gap: 2.6rem 4.4rem;
    }

    .build_txt {
        margin-bottom: 4rem;
    }

    .build_txt p {
        margin-bottom: 3rem;
    }

    .equipment_grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .quality-content ul {
        gap: 0 1rem;
        grid-template-columns: repeat(2, 1fr);
    }

    .quality_grid2 .quality-content ul {
        grid-template-columns: repeat(1, 1fr);
    }

    .process_txt p {
        padding-inline: 0;
    }

    .technology_txt h2 {
        margin-bottom: 3rem;
    }

    .manfa_tab {
        margin-top: 5rem;
    }

    .tab-menu ul li {
        margin-right: 1rem;
    }

    .tab-menu ul li a {
        padding: 1.2rem 2rem;
    }

    .plant-features {
        margin-top: 4rem;
        grid-template-columns: repeat(1, 1fr);
        margin-bottom: 5rem;
        gap: 4rem;
    }

    .plant-feature+.plant-feature {
        border-left: 0px solid var(--color-d4);
    }

    .pnt_head {
        margin-top: 6rem;
    }

    .pnt_head h3 {
        margin-bottom: 3rem;
    }

    .plant-stats {
        margin: -4rem auto;
        width: 90%;
        gap: 0rem;
    }

    .plant-stat {
        flex-direction: column;
        position: relative;
        padding-block: 2rem;
    }

    .plant-stat::after {
        background: transparent radial-gradient(closest-side at 49% 51%, var(--color-d4) 0%, #3c3c3c 100%) 0% 0% no-repeat padding-box;
        width: 100%;
        height: .1rem;
        content: "";
        position: absolute;
        bottom: 0;
    }

    .plant-stat span {
        text-align: center;
    }

    .plant-image-wrap figure img {
        width: 100%;
        height: 25rem;
        object-fit: cover;
    }

    .plant-stat:last-child::after {
        display: none;
    }

    .equipment_bx figure {
        border-radius: 1rem;
    }

    .equipment_bx figure img {
        border-radius: 1rem;
    }

    .quality_grid {
        margin-bottom: 3.1rem;
    }

}

/*==========================
Mobile
==========================*/






/*client css*/

.client_sec {
    padding-block: 10rem 11rem;
    text-align: left;
    position: relative;
}

.client_shape {
    position: absolute;
    bottom: 0;
    left: 0;
    width: min(420px, 12.50294vw);
    z-index: -1;
}

.client_head {
    text-align: left;
    margin: 0 0 7rem;
    padding-right: 11rem;
}

.client_head span {
    display: block;
    margin-bottom: 2.5rem;
}

.client_head h2 {
    font-size: 4rem;
    font-weight: 400;
    color: #d79a53;
    margin-bottom: 1.5rem;
}

.client_head .title48:has(+ *) {
    margin-bottom: 3rem;
}

.client_head p {
    line-height: 1.7;
}

.client_slider_wrap {
    position: relative;
    display: flex;
    align-items: center;
    gap: 2rem;
}

.client_prev,
.client_next {
    position: absolute;
    left: -5rem;
    width: 4rem;
    height: 4rem;
    z-index: 1;
    border-radius: 50%;
    border: 0;
    background-color: var(--color-white);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #d79a53;
    transition: .35s;
    flex-shrink: 0;
}

.client_next {
    left: auto;
    right: -5rem;
}

.client_prev:hover,
.client_next:hover {
    background: #d79a53;
    color: #fff;
}

.clientSwiper {
    flex: 1;
}

.clientSwiper .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

.clientSwiper img {
    width: 100%;
    max-width: 14.8rem;
    object-fit: contain;
    opacity: 1;
    transition: .35s;
}

.clientSwiper .swiper-slide:hover img {
    filter: none;
    opacity: 1;
}

.resume-panel__left h4 {
    margin-bottom: 3rem;
    font-size: var(--text-24);
}

.resume-panel__right h4 {
    margin-bottom: 3.3rem;
    font-size: var(--text-24);
}

.resume-panel__left blockquote {
    font-size: var(--text-24);
    font-weight: 300;
}

@media(max-width:1599px) {
    .client_sec {
        padding-block: 10.1rem 11.1rem;
    }

    .client_head span {
        margin-bottom: 1.5rem;
    }

    .client_head .title48:has(+ *) {
        margin-bottom: 2rem;
    }

    .client_head {
        margin: 0 0 4rem;
        padding-right: 3rem;
    }

    .client_shape {
        width: min(415px, 10.50294vw);
    }
}

@media(max-width:1024px) {
    .client_sec {
        padding-block: 7.1rem 8.1rem;
    }

    .client_head {
        margin: 0 0 3rem;
        padding-right: 0;
    }

    .clientSwiper img {
        max-width: 11.8rem;
    }

    .client_prev,
    .client_next {
        left: -4rem;
    }

    .client_next {
        left: auto;
        right: -3rem;
    }

    .client_shape {
        width: min(415px, 7.50294vw);
    }
}

@media(max-width:991px) {
    .client_sec {
        padding-block: 5.1rem 6.1rem;
    }

    .client_head {
        margin: 0 0 2rem;
    }

    .clientSwiper img {
        max-width: 8.8rem;
    }
}

@media(max-width:767px) {
    .client_sec {
        padding-block: 3.1rem 3.1rem;
    }

    .client_prev,
    .client_next {
        display: none;
        width: 3.6rem;
        height: 3.6rem;
    }
}

.inner_banner.without_bg.project-sec {
    padding-block: 10.5rem 0rem;
}

.project-form {
    padding-block: 13rem;
}

.project_bx .form_box::before {
    display: none;
}

.project_bx .form_box {
    background: #48484800;
    color: #fff;
    padding: 0;
    border-radius: 0;
    position: relative;
    overflow: hidden;
}

.project_bx .form-group input,
.project_bx .form-group select,
.project_bx .form-group textarea {
    width: 100%;
    background: #ffffff;
    border: none;
    border-radius: 10px;
    padding: 2rem 1.8rem;
    color: #000;
    outline: none;
    font-style: normal;
}

.project_bx input::placeholder {
    color: var(--color-black);
}

.project_bx select::placeholder {
    color: var(--color-black);
}

.project_bx textarea::placeholder {
    color: var(--color-black);
}

.project_bx .theme_btn1 {
    border: none;
    background: var(--color-d4);
    color: #fff;
    border-radius: 6rem;
    cursor: pointer;
    font-weight: 500;
    transition: .3s;
    padding-inline: 4rem;
    padding-block: 1.5rem;
    width: auto;
    margin-left: 1rem;
}

.project_bx .theme_btn1:hover {
    background-color: var(--color-ffb);
}


.project_bx .contact_left {
    margin-bottom: 2rem;
}

.project_bx .contact_des h3 {
    font-size: var(--text-24);
    margin-bottom: 1.5rem;
}

.theme_btn_outline {
    background-color: var(--color-white);
    border: 2px solid var(--color-d4);
    color: var(--color-black);
}

.theme_btn_outline:hover {
    background-color: var(--color-d4);
    color: var(--color-white);
}

.fancybox__container {
    z-index: 9999 !important;
}

@media(max-width:991px) {
    .project-form {
        padding-block: 5rem 7rem;
    }

    .project_bx {
        width: 100%;
    }
}

@media(max-width:767px) {
    .project_bx {
        width: 100%;
    }
}

.coming_soon {
    align-items: center;
    justify-content: center;
    display: flex;
    padding-block: 20rem 13rem;
}

.coming_content {
    text-align: center;
    width: 44%;
    margin: 0 auto;
}

.coming_content h1 {
    font-size: var(--text-56);
    margin-bottom: 0 !important;

}

.coming_content .title48 {
  margin-bottom: 2rem !important;
    font-size: var(--text-36);
}

.coming_content .title21 {
    margin-bottom: 3rem;
}

@media(max-width:991px) {
    .coming_content {
        width: 54%;
    }

    .coming_soon {
        padding-block: 14rem 8rem;
    }
}

@media(max-width:767px) {
    .coming_content {
        width: 100%;
    }

}

/*infra product css*/

.infra_product {
    padding-block: 10rem 8rem;
    text-align: center;
    position: relative;
}

.infra_product .title24 {
    margin-bottom: 0;
}

.infra_product blockquote {
    margin-block: 3.3rem 2.7rem;
}

.infra_product p {
    font-weight: 300;
    padding-inline: 7rem;
    line-height: 1.5;
}

.product_list ul {
    display: flex;
    align-items: center;
    gap: 2rem;
    padding: 0;
    margin: 0;
    list-style: none;
    justify-content: center;
}

.product_list li {
    display: inline-block;
}

.product_list {
    padding-block: 0 7rem;
}

.product_list li a {
    font-size: var(--text-18);
    padding-inline: 2.7rem;
    padding-block: 1.2rem;
    font-weight: 500;
    border: 0;
    outline: 0;
    display: inline-block;
    text-decoration: none;
    color: var(--color-black);
    border-radius: 3rem;
    background: rgb(255 255 255 / 46%);
    opacity: 1;
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
}

.product_list li.active a {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 19px 29px #00000014;
    border: 1px solid var(--color-d4);
    border-radius: 25px;
    color: var(--color-d4);
}

.product_wrap {
    display: grid;
    grid-template-columns: 50% 50%;
    align-items: start;
    position: sticky !important;
    top: 0;
    z-index: 9999;
    margin-bottom: 0.2rem;
}

.product_wrap:last-child {
    margin-bottom: 0;
}

.infra_product_list {
    position: sticky;
    top: 8rem;
    z-index: 9;
    background: #fbf8f8;
    display: none;
}

.product_wrap {
    position: inherit;
}

.productMain img {
    width: 100%;
    object-fit: cover;
    display: block;
    height: 100vh;
}

.product_left {
    height: 100%;
}

.product_left .swiper.productMain {
    height: 100%;
}

.product_right p {
    line-height: 1.8;
    margin-bottom: 2rem;
}

.product_right p:last-of-type {
    margin-bottom: 0;
}

.productThumb {
    margin-top: 15.4rem;
    padding-left: 2rem;
    margin-left: -2rem;
    width: 100%;
    position: relative;
}

.productThumb .swiper-slide {
    cursor: pointer;
    border: 2px solid transparent;
}

.productThumb .swiper-wrapper {
    padding-bottom: 0;
}

.thumb_caption {
    position: relative;
    z-index: 1;
    font-size: var(--text-16);
    color: var(--color-black);
    font-weight: 600;
    padding-block: 2rem 0;
    opacity: 0;
}

.productThumb .swiper-slide-thumb-active .thumb_caption {
    opacity: 1;
}

.thum_slide_img {
    opacity: .8;
}

.productThumb .swiper-slide-thumb-active .thum_slide_img {
    opacity: 1;
    box-shadow: 0px 16px 28px #00000029;
    border: 2px solid var(--color-d4);
    border-radius: 1.5rem;
    overflow: hidden;
    padding: 1.1rem;
}

.productThumb img {
    width: 100%;
    height: 100%;
    aspect-ratio: 150 / 150;
    object-fit: cover;
}

.thumb_nav {
    display: flex;
    gap: 1.1rem;
    margin-top: 5rem;
}

.thumb_prev,.thumb_prev1,
.thumb_next,.thumb_next1  {
    width: 4rem;
    height: 4rem;
    color: var(--color-d4);
    background-color: var(--color-white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    z-index: 9;
}

.thumb_prev {
    position: absolute;
    bottom: 50rem;
    left: 6rem;
}

.thumb_next {
    position: absolute;
    bottom: 50rem;
    right: 8rem;
}


.product_right {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    height: 100%;
    background: #fbf8f8;
    padding-left: 13.7rem;
    padding-bottom: 3.1rem;
    position: relative;
}

.red_panle {
    display: flex;
    align-items: center;
    margin: 3rem 0 0rem;
    gap: 2rem;
}

.red_panle button.leader_toggle {
    margin: 0;
    background: var(--color-white);
    color: var(--color-d4)
}

.product_sec .container-lg {
    padding: 0;
    max-width: 100%;
}

.product_content {
    padding-top: 5rem;
    padding-right: 8rem;
}

.product_content>p {
    max-width: 72.5rem;
}

.product_content h4 {
    font-size: var(--text-30);
    color: var(--color-black);
    font-weight: 500;
}

.product_content h4:has(+*) {
    margin-bottom: 5rem;
}

.product_content h5 {
    font-weight: 300;
    margin-bottom: 3rem;
}

.contributing {
    padding-block: 14.8rem 13rem;
    position: relative;
}

.initiative-section {
    background-color: var(--color-white);
    position: relative;
    padding-block: 0 17rem;
}

.initiative-container {
    display: grid;
    grid-template-columns: 72.5rem auto;
    gap: 15rem;

}

/* =========================
           LEFT IMAGE
        ========================= */

.initiative-image {}

.initiative-image img {

    border-radius: 2rem;
}

/* =========================
           RIGHT CONTENT
        ========================= */

.initiative-content {
    width: 100%;
}

.initiative-content .title24 {
    margin-bottom: 2.4rem;
}

.initiative-content .title48 {
    margin-bottom: 4rem;
}

p.initiative-description {
    margin-bottom: 7rem;
}

/* =========================
           INITIATIVES GRID
        ========================= */

.initiative-list {
    display: grid;
    column-gap: 0rem;
    row-gap: 5rem;
    grid-template-columns: repeat(2, 1fr);
}

.initiative-subtitle {
    font-size: var(--text-21);
    font-weight: 600;
    margin-bottom: 5rem;
}

.initiative-icon {
    margin-bottom: 2.8rem;
}


.initiative-icon svg {
    width: 100%;
    height: 100%;
    display: block;
}

.initiative-name {}












@media (max-width:2599px) {
    .thumb_prev {
        bottom: 40rem;
    }

    .thumb_next {
        bottom: 40rem;
    }

}

@media (max-width:2300px) {
    .thumb_prev {
        bottom: 30rem;
    }

    .thumb_next {
        bottom: 30rem;
    }

}

@media (max-width:1920px) {
    .thumb_prev {
        bottom: 25rem;
    }

    .thumb_next {
        bottom: 25rem;
        right: 0rem;
    }


}

@media (max-width:1599px) {
    .thumb_prev {
        bottom: 30vh;
        left: 3rem;
    }

    .thumb_next {
        bottom: 30vh;
    }

}

@media (max-width:1199px) {
    .thumb_prev {
        position: relative;
        bottom: 0;
        left: 0;

    }

    .thumb_next {
        position: relative;
        bottom: 0;
        right: 0;
    }

}

@media (min-width:992px) {


    figure.product_img img {
        width: 100%;
        object-fit: cover;
        display: block;
        height: 100vh;
    }
}

.product_content .leader_card.active,
.product_content .leader_more {
    font-weight: normal !important;
}

.slider_cap {
    position: absolute;
    bottom: 0;
    text-align: left;
    padding: 3.3rem 4.2rem 6rem;
    background: rgb(0 0 0 / 71%);
    color: #fff;
    display: grid;
    grid-template-columns: 845fr 167fr;
    gap: 2rem;
    align-items: center;
    width: 100%;
    opacity: 0;
}

.swiper-slide-active .slider_cap {
    opacity: 1;
}

.content_mx h6 {
    font-size: var(--text-24);
    margin-bottom: 1.8rem;
}

.content_mx p {
    font-size: var(--text-16);
}

.downloads_btn {
    /* position: absolute;
    bottom: 4.2rem;
    right: 4.8rem */
    position: relative;
}

.downloads_btn a {
    display: inline-flex;
    align-items: center;
    font-size: var(--text-16);
    line-height: normal;
    color: var(--color-white);
    text-decoration: none;
    padding: 0.85rem 4.6rem;
    border: 2px solid var(--color-d4);
    border-radius: 2.5rem;
}

.product_content .custom_bullets {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.thumb_prev:after {
    content: "";
    width: 2rem;
    height: 2rem;
    background: url(../images/svg-icons/arrow1.svg) no-repeat;
    position: absolute;
    z-index: 99;
    transform: rotate(180deg);
    background-position: center;
}

.thumb_next1:after {
    content: "";
    width: 2rem;
    height: 2rem;
    background: url(../images/svg-icons/arrow1.svg) no-repeat;
    position: absolute;
    background-position: center;
    z-index: 99;
}
.thumb_prev1:after {
    content: "";
    width: 2rem;
    height: 2rem;
    background: url(../images/svg-icons/arrow1.svg) no-repeat;
    position: absolute;
    z-index: 99;
    transform: rotate(180deg);
    background-position: center;
}

.thumb_next:after {
    content: "";
    width: 2rem;
    height: 2rem;
    background: url(../images/svg-icons/arrow1.svg) no-repeat;
    position: absolute;
    background-position: center;
    z-index: 99;
}
.pro_prev:after {
    content: "";
    width: 2rem;
    height: 2rem;
    background: url(../images/svg-icons/arrow1-white.svg) no-repeat;
    position: absolute;
    z-index: 99;
    transform: rotate(180deg);
    background-position: center;
}

.pro_next:after {
    content: "";
    width: 2rem;
    height: 2rem;
    background: url(../images/svg-icons/arrow1-white.svg) no-repeat;
    position: absolute;
    background-position: center;
    z-index: 99;
}

.client_prev:after {
    content: "";
    width: 2rem;
    height: 2rem;
    background: url(../images/svg-icons/arrow1.svg) no-repeat;
    position: absolute;
    z-index: 99;
    transform: rotate(180deg);
    background-position: center;
}

.client_next:after {
    content: "";
    width: 2rem;
    height: 2rem;
    background: url(../images/svg-icons/arrow1.svg) no-repeat;
    position: absolute;
    background-position: center;
    z-index: 99;
}

.client_prev:hover:after {
    mix-blend-mode: color-dodge;
}

.client_next:hover:after {
    mix-blend-mode: color-dodge;
}

.client_slider_wrap div {
    text-indent: -99999px;
}

.thumb_nav.mb-nav {
    display: none;
}

@media(max-width:1599px) {
    .infra_product {
        padding-block: 7rem 7rem;
    }

    .infra_product blockquote {
        margin-block: 2.3rem 1.7rem;
    }

    .infra_product p {
        padding-inline: 2rem;
    }

    .product_list {
        padding-block: 5rem;
    }

    .product_right {
        padding-left: 9.7rem;
    }

    .product_content h4:has(+*) {
        margin-bottom: 4rem;
    }

    .product_content h5 {
        margin-bottom: 2rem;
    }

    .productThumb {
        margin-top: 10.4rem;
    }

    .slider_cap {
        padding: 2.3rem 3.2rem 5rem;
        gap: 5rem;
    }

    .downloads_btn a {
        padding: 0.85rem 2.6rem;
    }

    .content_mx h6 {
        margin-bottom: 1.2rem;
    }
}

@media(max-width:1024px) {
    .product_list {
        padding-block: 4rem;
    }

    .product_list li a {
        padding-inline: 2rem;
        padding-block: 1rem;
    }

    .product_right {
        padding-left: 5.7rem;
    }

    .product_content h4:has(+*) {
        margin-bottom: 3rem;
    }

    .productThumb {
        margin-top: 7.4rem;
    }

    .downloads_btn {
        right: 2.8rem;
    }
}

@media(max-width:991px) {
    .infra_product {
        padding-block: 5rem 5rem;
    }

    .infra_product blockquote {
        margin-block: 1.3rem 1rem;
    }

    .infra_product p {
        padding-inline: 0;
    }

    .product_list {
        padding-block: 3rem;
    }

    .product_list ul {
        gap: 1rem;
    }

    .product_list li a {
        padding-inline: 1.2rem;
        padding-block: 0.5rem;
    }

    .product_content h4:has(+*) {
        margin-bottom: 2rem;
    }

    .red_panle {
        margin: 2rem 0 0rem;
        gap: 1rem;
    }

    .product_right {
        padding-left: 2.7rem;
    }

    .product_content {
        padding-right: 3rem;
    }

    .productThumb {
        margin-top: 4.4rem;
        display: none;
    }

    .slider_cap {
        grid-template-columns: 100%;
        gap: 2rem;
        padding-bottom: 2rem;
    }

    .downloads_btn {
        position: relative;
        right: 0;
        bottom: 0;
    }

    .downloads_btn a {
        padding: 0.85rem 2rem;
    }

    .thumb_nav.mb-nav {
        display: flex;
        position: absolute;
        top: 12%;
        width: 100%;
        justify-content: space-between;
        padding-inline: 2rem;
    }

    .thumb_nav {
        margin-top: 3rem;
        display: none;
    }

    .productThumb .swiper-slide-thumb-active .thum_slide_img {
        padding: 0.7rem;
    }

    .product_content .custom_bullets {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
}

@media(max-width:767px) {
    .infra_product {
        padding-block: 4rem 3rem;
        
    }

    .infra_product_list {
        display: none;
    }

    .product_wrap {
        position: relative !important;
        grid-template-columns: 100%;
        gap: 3rem;
    }

    .product_left {
        height: auto;
                order: 2;
    }
    /* .product_left .swiper-slide{
        display: grid;
    } */
    .thumb_nav.mb-nav {
        top: 52%;
    }

    .productMain img {
        height: auto;
        order: 2;
    }

    .slider_cap {
        position: relative;
    }

    .product_content {
        padding-top: 0;
        padding-right: 3.2rem;
    }

    .product_right {
        padding-left: 3.2rem;
        order: 1;
        padding-bottom: 1.1rem;
    }

    .productThumb .swiper-slide-thumb-active .thum_slide_img {
        padding: 0.5rem;
        border-radius: 1rem;
    }

    .thumb_prev,
    .thumb_next {
        width: 3.6rem;
        height: 3.6rem;
    }

    .advantages_wrapper {
        padding-block: 1rem 6rem;
    }

}

/* usps */
.execution {
    position: relative;
    padding: 0;
    overflow: hidden;
    display: grid;
}

.execution>* {
    grid-area: 1 / 1;
}

.execution figure {
    margin: 0;
    height: 100%;
}

.execution img {
    height: 100%;
    object-fit: cover;
}

.execution_bx {
    padding-block: 17rem 13.1rem;
    /* position: relative; */
}

.execution_right {
    padding-right: 0rem;
    max-width: 72.5rem;
    margin-left: auto;
    position: relative;
}

.execution_txt .title24 {
    margin-bottom: 2.4rem;
}

.execution_txt .title48 {
    margin-bottom: 5rem;
}

.execution_txt p {
    line-height: 1.8;
}

.execution_right .common_border {
    margin: 7rem 0;
}

.execution_lst {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8.1rem 6.5rem;
}

.execution_lst_txt .title48 {
    display: block;
    margin-bottom: 2rem;
}

.execution_lst_txt h6 {
    font-size: var(--text-18);
    color: var(--color-black);
    font-weight: 600;
    margin-bottom: 2.4rem;
}

.execution_lst_txt p {
    line-height: 1.8;
}

.execution_right .advantages_btn {
    margin-top: 7rem;
}

.execution_pic {
    position: relative;
}

.execution_pic figure {
    overflow: hidden;
    margin: 0;
}

.execution_pic figure::after {
    content: "";
    position: absolute;
    top: -25%;
    left: -110%;
    width: 45%;
    height: 150%;
    background: linear-gradient(105deg, transparent 0%, rgba(255, 255, 255, 0.03) 30%, rgba(255, 255, 255, 0.45) 50%, rgba(255, 255, 255, 0.03) 70%, transparent 100%);
    transform: skewX(-18deg);
    opacity: 0;
    pointer-events: none;
}

.execution_pic figure:hover::after {
    opacity: 1;
    animation: executionShine 5.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.execution_img {
    padding-block: 16rem;
    padding-inline: 25rem 0;
}


@keyframes executionShine {
    0% {
        left: -110%;
    }

    100% {
        left: 150%;
    }
}

@media(max-width:2399px) {
    .execution_img {
        padding-inline: 15rem 0;
    }
}

@media(max-width:2199px) {
    .execution_img {
        padding-inline: 8rem 0;
    }
}

@media(max-width:1920px) {
    .execution_img {
        padding-inline: 12rem 0;
    }

    .execution_img img {
        width: 40%;
    }


}


@media(max-width:1599px) {
    .execution_bx {
        padding-block: 13rem 8.1rem;
    }

    .execution_right {
        max-width: 63.5rem;
    }

    .execution_txt .title24 {
        margin-bottom: 1.4rem;
    }

    .execution_txt .title48 {
        margin-bottom: 3rem;
    }

    .execution_right .common_border {
        margin: 5rem 0;
    }

    .execution_lst {
        gap: 6.1rem 3.5rem;
    }

    .execution_lst_txt h6 {
        margin-bottom: 1.4rem;
    }

    .execution_lst_txt .title48 {
        margin-bottom: 1rem;
    }

    .execution_right .advantages_btn {
        margin-top: 5rem;
    }
}

@media(max-width:1399px) {
    .execution_img {
        padding-block: 13rem;
    }

    .theme_btn {
        padding-inline: 3rem;
        text-align: center;
    }

    .interior_txt_bx ul {
        gap: 3.1rem 2.6rem;
    }

    .interior_txt_bx ul li img {
        margin-right: 1rem;
        width: 4.5rem;
        height: 4.5rem;
    }

    .customer_sec {
        margin-top: -5rem;
    }

}

@media(max-width:1024px) {
    .execution_bx {
        padding-block: 8rem 5.1rem;
    }

    .execution_right {
        max-width: 58.5rem;
    }

    .execution_txt .title48 {
        margin-bottom: 2rem;
    }

    .execution_txt .title48>br {
        display: none;
    }

    .execution_lst {
        gap: 4.1rem 3.5rem;
    }

    .advantages_shape {
        width: min(410px, 11.11001vw);
    }
}

@media(max-width:991px) {
    .execution_bx {
        padding-block: 6rem 4.1rem;
    }

    .execution_right {
        max-width: 100%;
    }

    .execution img {
        object-position: 103% 50%;
        display: none;
    }

    .execution_right .common_border {
        margin: 4rem 0;
    }

    .execution_pic figure {
        position: static;
    }
}

@media(max-width:767px) {
    .execution_bx {
        padding-block: 3rem 3.1rem;
    }

    .execution_right .common_border {
        margin: 3rem 0;
    }

    .execution img {
        object-position: 60% 50%;
    }

    .theme_btn {
        text-align: center;
        line-height: 1.3;
    }

    .interior_txt_bx ul li {
        border-bottom: 1px solid #66666696;
        padding: 1rem 0;
    }

    .interior_txt_bx ul li img {
            width: 3rem;
        height: 3rem;
    }

    .interior_txt_bx ul li:last-child {
        border-bottom: 0px solid #66666696;
    }
        .interior_txt_bx ul {
        gap: 0.1rem 2.6rem;
    }

}

@media(max-width:414px) {
    .execution_lst {
        gap: 3.1rem 3.5rem;
        grid-template-columns: repeat(1, 1fr);
    }

    .execution_right .advantages_btn {
        margin-top: 3rem;
    }
}

/*project_panel css*/

.project_sec {
    padding-block: 10rem 11rem;
    background: var(--color-2a);
    overflow: hidden;
}

.project_head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 5rem;
    margin-bottom: 7rem;
}

.project_head .sub {
    color: #999;
    display: block;
    margin-bottom: 12px;
}

.project_head h2 {
    max-width: 560px;
    color: #c88b16;
    line-height: 1.2;
}

.project_nav {
    display: flex;
    gap: 10px;
    padding-top: 6rem;
}

.project_nav div {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background: #939393;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-indent: -999999px;
}

.projectSwiper {
    overflow: visible;
}

.projectSwiper .swiper-slide {
    width: 340px;
}

.project_card {
    position: relative;
    transition: .5s ease;
}

.project_card figure {
    border-radius: 2rem;
    position: relative;
    overflow: hidden;
    transition: .5s ease;
}

.project_hover {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding-block: 10rem 3rem;
    padding-inline: 2.7rem;
    background: transparent linear-gradient(180deg, #00000000 0%, #000000cc 100%) 0% 0% no-repeat padding-box;
    border-radius: 0 0 2rem 2rem;
    opacity: 0;
    transition: .5s ease;
    display: none;
}

.project_hover p {
    color: var(--color-white);
    font-size: var(--text-16);
}

.project_card:hover .project_hover {
    opacity: 1;
    border-radius: 2rem;
}

.project_card img {
    width: 100%;
    display: block;
    border-radius: 2rem;
}

.project_card.small figure {
    height: 44rem;
}

.project_card.large figure {
    height: 65rem;
}

.project_card.middle figure {
    height: 50rem;
}

.project_card.small img,
.project_card.large img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.project_card.large {
    margin-top: 0;
    position: relative;
}

.content {
    margin-top: 1.8rem;
}

.content h4 {
    color: var(--color-white);
    font-size: var(--text-24);
    margin-bottom: 1rem;
}

.content p {
    color: var(--color-cc);
}

.project_head span.title24 {
    color: var(--color-white);
    margin-bottom: 2.5rem;
    display: block;
    font-weight: 500;
}

.project_head .title48 {
    color: var(--color-ffb);
    font-weight: 200;
    margin-bottom: 2.5rem;
}

.project_head p {
    color: var(--color-white);
}

.customer_sec {
    padding-block: 0 10rem;
    background-color: var(--color-white);
    margin-top: -10rem;
    position: relative;
    z-index: 9;
}

.customer_grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    text-align: center;
    gap: 3rem;
}

.customer_logo {
    background: var(--body-color);
    border-radius: 2rem;
    padding: 2rem;
    overflow: hidden;
}

.customer_logo img {
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.customer_logo:hover img {
    transform: scale(1.06);
}

.csr-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    gap: 3rem;
}

.csr-img {
    height: 100%;
    overflow: hidden;
}

.csr-img figure {
    height: 100%;
}

.csr-img img {
    height: 100%;
    object-fit: cover;
}

.csr-text {
    padding-inline: 12rem;
}

.csr-text h4 {
    margin-bottom: 2.4rem;
}

.csr-text h3 {
    margin-bottom: 4rem;
}

.csr-text p {
    max-width: 57.6rem;
    margin-bottom: 7rem;
}

.offer-txt h6 {
    font-size: var(--text-21);
    font-weight: 600;
    margin-bottom: 5rem;
}

.skill-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    max-width: 60rem;
}

.csr-action-section {
    padding-block: 11rem 16.4rem;
    background: var(--color-white);
}

.csr-action-container {
    width: 100%;
    max-width: 233.3rem;
    margin-inline: auto;
    padding-inline: 3rem;
}

/* =========================
       TITLE
    ========================= */

.csr-action-container h4 {
    text-align: center;
    margin-bottom: 7.3rem;
}

/* =========================
       MAIN GRID
    ========================= */

.csr-action-grid {
    display: grid;
    grid-template-columns: 224fr 348fr 224fr;
    gap: 2.8rem;
    align-items: stretch;
}

/* =========================
       COMMON CARD
    ========================= */

.csr-card {
    position: relative;
    overflow: hidden;
    border-radius: 2rem;
}

.csr-card img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

/* Black gradient at bottom */
.csr-card-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 15.1rem;
    background: linear-gradient(to bottom,
            rgba(0, 0, 0, 0),
            rgba(0, 0, 0, 0.9));
    pointer-events: none;
}

.csr-card-content {
    position: absolute;
    left: 2.8rem;
    right: 0;
    bottom: 2.8rem;
    z-index: 2;
}

.csr-card-content p {
    margin: 0;
    font-size: var(--text-18);
    color: var(--color-white);
}

/* =========================
       LEFT / RIGHT TALL
    ========================= */

.csr-card-tall {}

/* =========================
       CENTER
    ========================= */

.csr-center {
    display: flex;
    flex-direction: column;
    gap: 2.8rem;
    min-width: 0;
}

.csr-card-wide {}

.csr-bottom-grid {
    display: grid;
    grid-template-columns: 145fr 193fr;
    gap: 2.8rem;
}

.sust_award {
    padding-block: 0 10rem;
}




















@media (max-width: 1920px) {
    .initiative-container {
        gap: 10rem;
        grid-template-columns: repeat(2, 1fr);
    }

    .csr-box {
        gap: 10rem;
    }

    .csr-text {
        padding-inline: 0rem 12rem;
    }

}


@media(max-width:1599px) {
    .project_sec {
        padding-block: 8.7rem;
    }

    .project_head {
        margin-bottom: 5rem;
    }

    .project_head span.title24 {
        margin-bottom: 1.5rem;
    }

    .project_head .title48 {
        margin-bottom: 1.5rem;
    }

    .project_card.small figure {
        height: 40rem;
    }

    .project_card.large figure {
        height: 60rem;
    }

    .project_card.middle figure {
        height: 100%;
    }

    .sust_award {
        padding-block: 0 7rem;
    }

    .csr-action-section {
        padding-block: 10rem 12.4rem;
    }

    .contributing {
        padding-block: 9.8rem 10rem;
    }

}

@media(max-width:1499px) {
    .people_txt .custom_bullets {
        grid-template-columns: repeat(1, 1fr);
    }

    .content h4 {
        font-size: var(--text-21);
    }


    .csr-text {
        padding-block: 6rem;
    }

    .csr-card-content p {
        line-height: 1.3;
    }

}



@media(max-width:1024px) {
    .project_sec {
        padding-block: 6.7rem;
    }

    .project_head {
        margin-bottom: 4rem;
    }

    .project_card.small figure {
        height: 35rem;
    }

    .project_card.large figure {
        height: 55rem;
    }

    .project_card.middle figure {
        height: 50rem;
    }

}

@media(max-width:991px) {
    .project_sec {
        padding-block: 4.7rem;
    }

    .project_card.large figure {
        height: auto;
    }

    .project_card.middle figure {
        height: auto;
    }

    .project_head {
        gap: 3rem;
    }

    .project_head {
        margin-bottom: 3rem;
    }

    .project_nav {
        padding-top: 4rem;
    }

    .customer_grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }

    .customer_logo {
        padding: 1rem;
    }

}





@media(max-width:767px) {
    .product_content a.theme_btn {
        padding-inline: 1rem;
    }

    .project_sec {
        padding-block: 3.7rem;
    }

    .project_head {
        flex-direction: column;
    }

    .project_nav {
        padding-top: 0;
    }

    .project_nav div {
        width: 3.6rem;
        height: 3.6rem;
    }

    .project_hover {
        padding-block: 5rem 2rem;
        padding-inline: 1.7rem;
    }

    .content {
        margin-top: 1rem;
    }

    .content h4 {
        margin-bottom: 0.5rem;
    }

    .project_card.small figure {
        height: 30rem;
    }

    .project_card.large figure {
        height: 35rem;
    }

    .project_bx .theme_btn1 {
        padding-inline: 3rem;
    }

    .related_head {
        gap: 3rem;
    }

    .news_item {
        gap: 2rem;
    }

    .news_info .date {
        margin-bottom: 2rem;
    }

    .news_info {
        padding: 2rem;
    }

    .card-watermark {
        height: 12.5rem;
    }

    .card-content h2 {
        height: auto;
    }

    .contact_des.two_col .office_info:nth-child(2) p {
        min-height: auto;
    }

    .office_info {
        margin-bottom: 3rem;
    }

    .stores_section {
        padding: 4rem 0;
    }

    .quality-section {
        padding-block: 5rem 2rem;
    }

    .customer_grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .customer_sec {
        margin-top: 0rem;
    }

    .sust_award {
        padding-block: 0 3rem;
    }

        .equipment_grid {
        display: flex;
        gap: 2rem;
        width: 100%;
        overflow-x: auto;
        scroll-behavior: smooth;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;

        /* First & last box ko center mein lane ke liye */
     
        padding-inline: 1.5%;
    }

    .equipment_grid::-webkit-scrollbar {
        display: none;
    }

    .equipment_grid .equipment_bx {
        flex: 0 0 100%;
        scroll-snap-align: center;
    }

}

@media(max-width:640px) {
    .customer_grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem;
    }

    .investor-cards {
        padding-block: 6rem;
    }
}



@media(max-width:480px) {
    /* .equipment_grid {
        grid-template-columns: repeat(1, 1fr);
    } */

    .abtmakingitem_caption {
        padding: 2rem;
    }

    .inner_banner:not(:has(.banner_stats)) .banner_content {
        padding-block: 6rem 1rem;
    }

    .investor-cards {
        padding-block: 4rem;
    }
}





/* =========================================
   GRID
========================================= */

.approach_grid {
    position: relative;

    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto auto;

    column-gap: 4.25rem;
    row-gap: 4.5rem;

    padding: 0;
}


.advantage_item {
    position: relative;
    z-index: 2;
}


/* =========================================
   TOP CONNECTORS
========================================= */

.approach_grid .advantage_item:nth-child(1)::before {
    content: "";
    position: absolute;

    top: 3.125rem;
    left: 8.625rem;

    width: calc(100% - 6.75rem + 0.25rem);
    height: 0;

    border-top: 0.0625rem dashed #efc38c;

    z-index: -1;
}


.approach_grid .advantage_item:nth-child(2)::before {
    content: "";
    position: absolute;

    top: 3.125rem;
    left: 8.625rem;

    width: calc(100% - 6.75rem + 0.25rem);
    height: 0;

    border-top: 0.0625rem dashed #efc38c;

    z-index: -1;
}


/* =========================================
   RIGHT SIDE CONNECTOR
   TOP + BOTTOM ROUNDED CORNERS
========================================= */

.approach_grid::before {
    content: "";
    position: absolute;

    top: 3.125rem;
    right: 0;

    width: 38.25rem;
    height: 4.5rem;

    border-top: 0.0625rem dashed #efc38c;
    border-right: 0.0625rem dashed #efc38c;

    border-top-right-radius: 5.25rem;

    z-index: 0;
}


/* =========================================
   BOTTOM RIGHT CONNECTOR
========================================= */

.approach_grid::after {
    content: "";
    position: absolute;

    top: 7.125rem;
    right: 0;

    width: 38.25rem;
    height: calc(100% - 4.125rem - 45%);

    border-right: 0.0625rem dashed #efc38c;
    border-bottom: 0.0625rem dashed #efc38c;

    border-bottom-right-radius: 5.25rem;

    z-index: 0;
}


/* =========================================
   TOP SVG ARROWS
   1 → 2 → 3
========================================= */

.advantage_item:nth-child(1)::after,
.advantage_item:nth-child(2)::after,
.advantage_item:nth-child(3)::before {
    content: "";

    position: absolute;

    top: 2.7rem;
    left: 25.35rem;

    width: 1.9rem;
    height: 1.3rem;

    background-image: url("../images/svg-icons/errow-icons.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    z-index: 10;
}


/* =========================================
   RIGHT SIDE DOWN ARROW
   3 ↓ 4
========================================= */

.advantage_item:nth-child(3)::after {
    content: "";
    position: absolute;
    top: 15rem;
    right: -1rem;
    width: 1.9rem;
    height: 1.3rem;
    background-image: url(../images/svg-icons/errow-icons.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform: rotate(90deg);
    z-index: 10;
}


/* =========================================
   BOTTOM SVG ARROWS
   4 ← 5 ← 6
========================================= */

.advantage_item:nth-child(4)::before,
.advantage_item:nth-child(5)::before,
.advantage_item:nth-child(6)::before {
    content: "";

    position: absolute;

    top: 2.7rem;
    left: 25.35rem;

    width: 1.9rem;
    height: 1.3rem;

    background-image: url("../images/svg-icons/errow-icons.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    transform: rotate(180deg);

    z-index: 10;
}




/* =========================================
   BOTTOM CONNECTOR
========================================= */

.approach_grid .advantage_item:nth-child(4)::after {
    content: "";

    position: absolute;

    top: 3.125rem;
    left: 8.5rem;

    width: 85%;

    border-top: 0.0625rem dashed #efc38c;

    z-index: -1;
}


.approach_grid .advantage_item:nth-child(5)::after {
    content: "";

    position: absolute;

    top: 3.125rem;
    left: 8.5rem;

    width: 85%;

    border-top: 0.0625rem dashed #efc38c;

    z-index: -1;
}


/* =========================================
   RESPONSIVE - TABLET
========================================= */

@media (max-width: 60rem) {

    .approach_grid {
        column-gap: 2.5rem;
    }


    .approach_grid .advantage_item:nth-child(1)::before,
    .approach_grid .advantage_item:nth-child(2)::before,
    .approach_grid .advantage_item:nth-child(3)::before {
        left: 2.5rem;
        width: calc(100% - 2.5rem);
    }


    /* TOP SVG ARROWS */

    .advantage_item:nth-child(1)::after,
    .advantage_item:nth-child(2)::after,
    .advantage_item:nth-child(3)::before {
        left: auto;
        right: -1.65rem;
    }


    /* BOTTOM SVG ARROWS */

    .advantage_item:nth-child(4)::before,
    .advantage_item:nth-child(5)::before,
    .advantage_item:nth-child(6)::before {
        left: -1.65rem;
    }

}


/* =========================================
   RESPONSIVE - MOBILE / TABLET
========================================= */

@media (max-width: 48rem) {

    .approach_grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 3rem 2rem;
    }


    .approach_grid .advantage_item::before,
    .approach_grid::before,
    .approach_grid::after,
    .advantage_item::after {
        display: none;
    }

}


/* =========================================
   RESPONSIVE - MOBILE
========================================= */

@media (max-width: 30rem) {

    .approach_grid {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

}

@media (max-width: 1699px) {
    .career_faq {
        padding-block: 7rem 10rem;
    }



    .product_list {
        padding-block: 5rem;
    }

}

@media (max-width: 1399px) {
    .advantage_item:nth-child(6)::before {
        top: 2.1rem;
    }

}


@media (max-width: 1299px) {
    p.initiative-description {
        margin-bottom: 4rem;
    }

    .initiative-subtitle {
        margin-bottom: 3rem;
    }

    .plant-feature p br {
        display: none;
    }

    .execution_img {
        padding-block: 13rem;
    }


}

@media (max-width: 991px) {
    .inner_banner.without_bg.annual-sec {
        padding-block: 10.5rem 3rem;
    }

    .contributing {
        padding-block: 7.8rem 8rem;
    }

    .initiative-container {
        gap: 5rem;
        grid-template-columns: repeat(1, 1fr);
    }

    .initiative-content .title24 {
        margin-bottom: 1.4rem;
    }

    .initiative-content .title48 {
        margin-bottom: 2rem;
    }

    p.initiative-description {
        margin-bottom: 3rem;
    }

    .initiative-subtitle {
        margin-bottom: 3rem;
    }

    .initiative-section {
        padding-block: 0 8rem;
    }

    .csr-box {
        gap: 0;
        grid-template-columns: repeat(1, 1fr);
    }

    .csr-text {
        padding-block: 5rem;
        padding-inline: 6rem;
    }

    .csr-text h3 {
        margin-bottom: 3rem;
    }

    .csr-text p {
        max-width: 100%;
        margin-bottom: 4rem;
    }

    .csr-action-section {
        padding-block: 6rem 8.4rem;
    }

    .csr-action-grid {
        grid-template-columns: 1fr;
    }

    .csr-action-container h4 {
        margin-bottom: 4.3rem;
    }

    .approach_grid::before {
        display: none;
    }

    .approach_grid .advantage_item:nth-child(1)::before {
        display: none;
    }

    .advantage_item:nth-child(1)::after,
    .advantage_item:nth-child(2)::after,
    .advantage_item:nth-child(3)::before {
        display: none;
    }

    .approach_grid .advantage_item:nth-child(2)::before {
        display: none;
    }

    .advantage_item:nth-child(3)::after {
        display: none;
    }

    .advantage_item:nth-child(4)::before,
    .advantage_item:nth-child(5)::before,
    .advantage_item:nth-child(6)::before {
        display: none;
    }

    .approach_grid .advantage_item:nth-child(4)::after {
        display: none;
    }

    .approach_grid .advantage_item:nth-child(5)::after {
        display: none;
    }

    .approach_grid::after {
        display: none;
    }

    .theme_btn {
        padding-inline: 3rem;
    }

}

@media (max-width:992px) {
    .abtmaking_item {
        display: block;
    }

}

@media (max-width: 767px) {
    .contributing {
        padding-block: 4.8rem 4rem;
    }

    .csr-text {
        padding-block: 4rem;
        padding-inline: 3rem;
    }

    .skill-list {
        grid-template-columns: repeat(2, 1fr);
        max-width: 100%;
        row-gap: 3rem;
    }

    .csr-card-overlay {
        height: 10.1rem;
    }

    .csr-card-content {
        left: 1.8rem;
        bottom: 1.8rem;
    }

    .csr-bottom-grid {
        grid-template-columns: 1fr;
    }

    .faq_tabs {
        padding-block: 0 5rem;
    }

    .process-item p br {
        display: none;
    }
    .news_article h2 {
    margin-block: 3rem 2rem;
    font-size: 2rem;
}
.news_article h3, .news_article h4 {
    margin-block: 3rem 2rem;
      font-size: 1.8rem;
}
.process-item img {
    margin-bottom: 1.8rem;
    width: 6rem;
    height: 6rem;
}
}

@media (max-width: 640px) {
    .career_faq {
        padding-block: 5rem 7rem;
    }

    .product_list ul {
        gap: 1rem;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .product_list li a {
        width: 100%;
        text-align: center;
        padding-inline: 1rem;
        padding-block: 1.2rem;
        font-size: 1.2rem;
    }

    .leader_card.active .leader_more {
        margin-top: 0rem;
    }
    .blog-list .featured_card .line-banner {
    display: none;
}
   .blog-list .date {
    margin-bottom: 2rem;
}
   .blog-list .featured_content p {
color: var(--color-black);
}
.blog-list .date h5 {
color: var(--color-black);
}
}

@media (max-width:2100px) {
    .legacy_image {
        margin-inline: 0 -19rem;
        z-index: 1;
    }

}



@media (max-width:1799px) {
    .legacy_image {
        margin-inline: 0 -12rem;
        z-index: 1;
    }

}


.benefit_of_stillness { padding-block: 10rem 10rem; background: var(--color-2a); }
.why_bene_grid { position: relative; margin-top: 7rem; display: grid; grid-template-columns: repeat(6, 1fr); grid-template-rows: auto auto; column-gap: 4.25rem; row-gap: 4.5rem; padding: 0; }
.why_bene_col h3 { font-size: var(--text-18); font-weight: 500; color: var(--color-white); line-height: 1.7; margin-bottom: 2.4rem; }
.benefit_of_stillness .approach_txt .title24 { color: var(--color-white); }
.why_bene_col figure { width: 6.8rem; height: 6.8rem; margin-bottom: 3.2rem; }
.comp_adva { display: grid; grid-template-columns: repeat(2, 1fr); align-items: center; gap: 13rem; }
.comp_adva_img { height: 100%; overflow: hidden; }
.comp_adva_img figure { height: 100%; }
.comp_adva_img img { height: 100%; object-fit: cover; }
.csr-text h3 { margin-bottom: 4rem; }
.csr-text h4 { margin-bottom: 2.4rem; }
.comp_adva_section { background:#fbf8f8; }
.comp_adv_grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8.1rem 6.5rem; margin-top: 7rem; }
.comp_adv_col .title48 { display: block; margin-bottom: 2rem; }
.comp_adv_col h6 { font-size: var(--text-18); color: var(--color-black); font-weight: 600; margin-bottom: 2.4rem; }
.comp_adv_col p { line-height: 1.8; }
.comp_adv_col figure { width: 6.8rem; height: 6.8rem; margin-bottom: 3.2rem; }
.comp_adva-text { padding-block:10rem }
.comp_adva-text .title24 { margin-bottom: 2.4rem; }
@media (max-width: 991px) {
 .benefit_of_stillness { padding-block: 5rem 5rem; }
.why_bene_grid { grid-template-columns: repeat(3, 1fr); margin-top: 4rem; }
.comp_adv_grid { grid-template-columns: repeat(2, 1fr); margin-top: 5rem; gap: 4.1rem 5.5rem; }
.comp_adva-text { padding-block: 5rem; }
 }
@media (max-width: 575px) {
 .why_bene_grid { grid-template-columns: repeat(2, 1fr); column-gap: 2.25rem; row-gap: 2.5rem; }
.why_bene_col figure { width: 5.8rem; height: 5.8rem; margin-bottom: 2.2rem; }
.comp_adv_grid { grid-template-columns: repeat(1, 1fr); margin-top: 5rem; gap:3rem; }
 }
@media (max-width: 1920px) {
 .comp_adva { gap: 10rem; }
 }



 .employee-testimonial {
    position: relative;
    overflow: hidden;
    padding-top: 16rem;
}


.employee-testimonial_head {
    margin-bottom: 7rem;
}

.employee-testimonial_head > span {
    display: block;
    font-size: var(--text-24);
    color: var(--color-black);
    margin-bottom: 2.4rem;
}

.employee-testimonial_head h2 {

}

.employee-testimonial_row {
    display: grid;
    gap: 15rem;
    grid-template-columns: 60rem auto;
    padding-bottom: 10rem;
}

.employee-testimonial_img {
    position: relative;
    overflow: hidden;
    border-radius: 2rem
}

.employee-testimonial_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.employee-testimonial_content {
position: relative;
}

.quote-icon {
    display: flex;
    gap: 0;
    /* height: 70px; */
    margin-bottom: 7rem;
}
.testimonial-text {
    width: 65.3rem;
}
.employee-info {
    margin-top: 8rem;
}


.employee-info h4 {
    font-size: var(--text-21);
    color: var(--color-black);
    font-weight: 600;
}

.employee-info span {
   font-size: var(--text-16);
}

.testimonial-progress {
width: 10.6rem;
    height: .5rem;
    background: var(--color-black);
    margin-top: 6rem;
    position: relative;
}

.testimonial-progress span {
    display: block;
    width: 8.9rem;
    height: .5rem;
    background:var(--color-d4);
}

.testimonial-navigation {
display: flex;
    gap: 1rem;
    position: absolute;
    bottom: 5rem;
    z-index: 99;
    left: 50%;
}

.testimonial-navigation button {
    width: 4rem;
    height: 4rem;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--color-white);
    color: var(--color-d4);
    font-size: 3.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-weight: 300;
}


/* Swiper */
.employeeTestimonialSwiper {
    width: 100%;
    overflow: hidden;
}

.employeeTestimonialSwiper .swiper-slide {
    height: auto;
}
.testimonial-navigation button:hover{
    color: var(--color-white);
}


.testimonial_sec {

}

.testimonial_head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}


.testimonial_nav {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-bottom: 2px;
}

.testimonial-prev,
.testimonial-next {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background: #939393;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.3s ease;
    color: var(--color-white);
    font-size: 3rem;
    font-weight: 300;
}

.testimonial-prev:hover,
.testimonial-next:hover {
    background: var(--color-d4);
}


.testimonialSwiper {
    margin-top: 7.5rem;
}

.testimonial_box figure {
    width: 100%;
    overflow: hidden;
}

.testimonial_box figure img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    margin-bottom: 3rem;
}

.testimonial_box p, .right-box p {
    font-size: var(--text-21);
    color: var(--color-black);
    font-weight: 500;
}
.right-box .zoombtn{
    opacity: 1;
    display: block;
        width: 5rem;
    height: 5rem;
    text-align: center;
    line-height: 5rem;
}
.right-box .zoombtn img{
    width: 6rem;
}

@media (max-width: 767px) {
    .testimonial_nav {
        display: flex !important;
        align-items: center;
        gap: 8px;
    }
    .testimonial-prev, .testimonial-next{
 display: block !important;
 width: 3rem;
    height: 3rem;
        font-size: 2rem;
    text-align: center;
    }
    .testimonial_head {
    flex-direction: column;
            align-items: start;
}
.testimonialSwiper {
    margin-top: 3.5rem;
}

}

.infra-testimonial{
    background-color: var(--color-f8);
    z-index: 0;
    padding-block: 10rem 16rem;
}
.video-textimonial {
display: grid;
    grid-template-columns: 100rem auto;
    gap: 4rem;
}
.left-video-bx p{
        font-size: var(--text-21);
    color: var(--color-black);
    font-weight: 500;
}

.left-video-bx .media_bx {
    position: relative;
    height: 100%;
        overflow: hidden;
        margin-bottom: 3rem;
}


.left-video-bx figure {height: 100%;}
.left-video-bx figure img{height: 100%; object-fit: cover; }

.video-icon{
 position: absolute;
    content: "";
    left: 50%;
    top: 49%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    background: #000;
    border-radius: 10rem;
    width: 6rem;
    padding: .8rem;
 }
 .video-icon img{
  filter: brightness(0) invert(1);
 }
.right-box .testimonial_box{
    height: 100%;
    overflow: hidden;
    margin-bottom: 3rem;
}
.right-box .testimonial_box figure {height: 100%;}
.right-box .testimonial_box figure img{height: 100%; object-fit: cover; }

 @media (max-width: 1699px) {
.video-textimonial { grid-template-columns: 110rem auto; }
.testimonial-navigation {
    left: 45%;
}

 }

  @media (max-width: 1599px) {
    .video-textimonial {
        grid-template-columns: 85rem auto;
    }
        .testimonial-navigation {
        left: 59%;
    }
    .testimonial-text {
    width: auto;
}
  .testimonial-navigation {
        bottom: 0;
    }

  }
  @media (max-width: 1399px) {

  .employee-testimonial_row {
    gap: 8rem;
    grid-template-columns: 55rem auto;
}
    .testimonial-navigation {
        left: 50%;
        bottom: 0;
    }

  }

    @media (max-width: 1199px) {

        .testimonial-navigation {
        left: 50%;
    }
.employee-testimonial_row {
    gap: 10rem;
}


    }

        @media (max-width: 1120px) {

        }

           @media (max-width: 1099px) {

        .testimonial-navigation {
        left: 53%;
    }
           }
      @media (max-width: 991px) {
               .video-textimonial {
        grid-template-columns: 1fr;
    }

        .employee-testimonial_row {
        gap: 6rem;
        grid-template-columns: 1fr;
    }
    .testimonial-text {
    width: 100%;
}
.quote-icon {
    margin-bottom: 4rem;
}
.employee-info {
    margin-top: 4rem;
}
    .testimonial-navigation {
        left: 0;
        bottom: 0;
    }
    .left-video-bx {
    margin-bottom: 5rem;
}
.employee-testimonial {
    padding-top: 11rem;
}

      }

@media (max-width: 768px) {
.testimonial-navigation button {
    width: 3rem;
    height: 3rem;
    font-size: 3rem;
    text-align: center;
    line-height: 1rem;
}
    .quote-icon {
        margin-bottom: 3rem;
        width: 7rem;
    }
    .testimonial-progress {
    margin-top: 3rem;
}

.video-icon{
    width: 4rem;
}
.right-box .zoombtn {
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
}
.right-box .zoombtn img {
    width: 5rem;
}
.employee-testimonial {
    padding-top: 9rem;
}
.employee-testimonial_head {
    margin-bottom: 5rem;
}
 }

.banner_content.contact-head {
    padding-bottom: 0;
}

.banner_content.contact-head h1 {
    margin: 0;
}
section.inner_banner.without_bg.enquiry_space .banner_content {
    padding-bottom: 0;
}
 .form_box span {
    color: #000;
    font-size: 1.2rem;
    margin-top: 1.2rem;
    display: block;
}

 .form_box label {
    margin-bottom: 2rem;
    font-weight: bold;
    color: #000;
}

.feedback_form .form_box span {
    color: #fff;
    font-size: 1.2rem;
    margin-top: 1.2rem;
    display: block;
}

.feedback_form .form_box label {
    margin-bottom: 2rem;
    font-weight: bold;
    color: #fff;
}
.inner_banner.without_bg.space_even{
    padding-bottom: 0;
}

.header_group.inner_header_group.header_black_blank {
    background: #0000008c;
}

@media(max-width:767px){
.banner_content .title2 br {
    display: none;
}

.inner_banner.about_banner span.title2{color:#000;}
}