.top-heading {
    padding-block: 6.7rem 7.9rem;
    border-top: 1px solid #d7d7d7;
}
.top-heading-list {
    display: flex;
    justify-content: space-between;
    align-items: start;
}
.top-heading-text h1 {
    color: var(--color_black);
    font: var(--font48);
    letter-spacing: -1.92px;
    margin-bottom: 1.6rem;
}
.top-heading-text h1 strong {
    font-weight: var(--font_bold);
}
.top-heading-text p {
    color: var(--color_black);
    font: var(--font21);
    margin: 3rem 0 0 0;
    line-height: 30px;
}
.cus-about p{
    width: 65rem;
}


.breadcrumb {
    display: flex;
    flex-shrink: 0;
}
.breadcrumb-links {
    display: flex;
    column-gap: 1rem;
    align-items: center;
}
.breadcrumb-box {
    display: flex;
    align-items: center;
}
.breadcrumb-box:hover>*:not(.breadcrumb-icon) {}
.breadcrumb-icon,
.breadcrumb-icon-home {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    color: #9ca3af;
}
.breadcrumb-links li:first-child .breadcrumb-text {}
.breadcrumb-text {
    margin-left: 1rem;
    font: var(--font14);
    color: var(--color_black);
}
.breadcrumb-link {
    color: var(--color78);
}
li.active .breadcrumb-text {
    color: var(--color78);
}
.news-detail {
    padding-block: 9.7rem 17.6rem;
    background-color: #2e319221;
}
.news-detail-text {
    position: relative;
}
.border {
    position: relative;
}
.border::before {
    content: '';
    background-color: var(--colorf0);
    position: absolute;
    bottom: -4rem;
    width: 6rem;
    height: .5rem;
    left: 0;
}
.news-detail-text p {
    color: var(--colorblack);
    font: var(--font16);
}
.news-detail-text p span {
    background-color: var(--color25);
    color: var(--color_white);
    margin: 0 0 0 2rem;
    padding: 0.2rem .8rem;
}
.news-detail-text h2 {
    color: var(--color_black);
    font: var(--font30);
    font-weight: 500;
    letter-spacing: -0.75px;
}
.news-detail1 {
    padding-block: 0rem 8rem;
    margin-top: -9rem;
}
.news-detail-img {
    padding: 0 12rem;
}
.news-detail-list {
    padding: 6rem 12rem 0 22rem;
    display: grid;
    grid-template-columns: repeat(2, 55% 45%);
}

.news-detail-list:not(:has(.rightnews-detail-img)) {  grid-template-columns: 100%;}
.left-newd-detail-text {
    padding: 0 5rem 0 0;
}
.news-detail-list .left-newd-detail-text{text-align:justify;} 

.left-newd-detail-text p {
    color: var(--colorblack);
    font: var(--font16);
}
.rightnews-detail-img img {
    margin-bottom: 2rem;
}
.news-detail2 {
    padding-block: 8rem 0;
    margin-bottom: -.5rem;
}
.news-detail2 .swiper,
.swiper-wrapper,
.swiper-slide {
    height: auto;
}
.news-detail-gallery {
    position: relative;
}

.news_gap{margin-bottom: 4rem;}
.news_gap h5{color:var(--color_black);font:var(--font21);margin-bottom: 2rem; font-weight: 600;}


.center_heading h2 {
    color: var(--color_black);
    font: var(--font30);
    margin-bottom: 4rem;
}
.center_heading h2 strong {
    font-weight: bold;
}
.news-detail-gallery .swiper-slide img {
    width: 100%;
}
.news-detail-gallery .swiper-button-prev,
.news-detail-gallery .swiper-button-next {
    color: #F98903;
    width: 3rem;
}
.news-detail-gallery .swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: 19px;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    background: #fff;
    width: 3.9rem;
    height: 3rem;
    border-radius: 100px;
    text-align: center;
    line-height: 3rem;
}
.contact-section {
    /* padding-block: 0 8rem; */
    padding-block: 0 0rem;
    position: relative;
}
.contact-section::before {
    content: '';
    background-color: #2e319221;
    position: absolute;
    width: 100%;
    height: 61%;
    bottom: 0;
    z-index: -1;
}
.contact-info {
    display: grid;
    grid-template-columns: repeat(2, 75% 25%);
}
.left-contact-info {}

.left-contact-info h2 {
    color: var(--color_black);
    font: var(--font36);
    margin-bottom: 1.6rem;
}
.left-contact-info p {
    color: var(--colorblack);
    font: var(--font21);
}
.contact-text {
    margin: 3rem 0;
}
.contact-text p {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}
.contact-text p img {
    margin-right: 1rem;
}
.contact-list {
    margin: 11rem 0 0 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 7rem;
}
.left-list {}
.left-list h3 {
    color: var(--color_black);
    font: var(--font30);
    font-weight: 600;
    margin-bottom: 1rem;
}
.left-list h6 {
    color: var(--colorblack);
    font: var(--font21);
    margin-bottom: 3rem;
}
.left-list p {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}
.left-list p img {
    margin-right: 1rem;
}
.right-contact-form {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 21px 76px #0000001C;
    padding: 3rem;
}

/* =========== */
/* custom css */
/* =========== */


.right-contact-form {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 21px 76px #0000001C;
    padding: 3rem;
    position: absolute;
    width: 25%;
    right: 5%;
}

.news-section .news-list-img a, .news-section .wp-news-box-img a, .news-section .right-wp-news a{
    font-size: 0!important;
}

.news-box .main-news-img a{
    font-size: 0!important;
}

/* =========== */
/* custom css */
/* =========== */

.right-contact-form p {
    color: var(--color_black);
    font: var(--font18);
}
.right-contact-form input {
    border: none;
    padding: 1.5rem 1rem;
    background: #f3f3f3;
    width: 100%;
    position: relative;
}
.right-contact-form textarea {
    background: #f3f3f3;
    width: 100%;
    border: none;
    padding: 1.5rem 1rem;
    font-size: 16px;
}
.right-contact-form .col-md-12 {
    position: relative;
}
.right-contact-form .col-md-12:before {
    content: '';
    background-color: var(--color25);
    position: absolute;
    width: .4rem;
    height: 100%;
    right: 0;
    z-index: 9;
}
.btn-primary {
    background-color: var(--colorf0);
    display: inline-block;
    padding: .6rem 1rem;
    font: var(--font16);
    color: var(--color_white);
    cursor: pointer;
    margin-top: 2rem;
    position: relative;
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
}
.btn-primary::before {
    content: '';
    background-color: var(--color25);
    position: absolute;
    width: 0%;
    z-index: 1;
    height: 100%;
    top: 0;
    left: 0;
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
}
.btn-primary span {
    z-index: 9;
    position: relative;
    color: var(--color_white);
}
.btn-primary:hover::before {
    width: 100%;
}
/* .right-contact-form .btn-primary:hover {
    background-color: var(--color25);
} */
.map {
    position: relative;
    padding-block: 5rem 8rem;
}
.map::before {
    content: '';
    background: transparent linear-gradient(332deg, #0047AB 0%, #7d5d4c 100%) 0% 0% no-repeat padding-box;
    position: absolute;
    width: 13rem;
    height: 87%;
    right: 0;
    z-index: -1;
}
.news-box {
    padding-block: 0 8rem;
    position: relative;
    z-index: 0;
}
.news-box::before {
    content: '';
    background-color: #2e319221;
    position: absolute;
    width: 100%;
    height: 55%;
    bottom: 0;
    z-index: -1;
}

.main-news {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 0 8rem 0 0;
    gap: 5rem;
}

.main-news-text {
    position: relative;
}

.main-news-text:before {
    content: '';
    background-color: var(--colorf0);
    position: absolute;
    bottom: 0;
    width: 5rem;
    height: .5rem;
}

.main-news-text .news-detail-text h2 {
    margin: 4rem 0;
}

.main-news-text .news-detail-text .news-detail-text p {
    color: var(--color_black);
    font: var(--font18);
    margin: 3rem 0 5rem;
}

.main-news-text .news-detail-text .round_button {
    background: var(--color_white);
}

.main-news-text .news-detail-text .roundbtn_wrap svg {
    stroke: var(--colorf0);
}

.main-news-text .news-detail-text .round_button:hover svg {
    stroke: var(--color_white);
}

.main-news-text .news-detail-text p {
    margin: 3.3rem 0;
    /*width: 40rem;*/
	text-align: justify;
}

.main-news-text .news-detail-text .short-description p {
    text-align: justify;
}

.news-section {
    padding-block: 8rem;
    /* background-color: #F8F8F8; */
    background-color: #ddddddb3;
}

.news-list {
    display: flex;
    margin-bottom: 2rem;
}

.news-list-img {
 width: 50%;
    overflow: hidden;
    position: relative;
}
.news-list-img::before{
content: '';
    width: 3rem;
    height: 2rem;
    position: absolute;
    right: -5px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    background: #ffffff;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

.news-list:nth-child(2n+2) .news-list-img::before {
    transform: translateY(-50%) rotate(90deg);
    right: inherit;
    left: -5px;
}

.news-list-text {
    width: 50%;
    background-color: var(--color_white);
    padding: 3rem;
    position: relative;
}

.news-list-text p {
    color: var(--color25);
    font: var(--font18);
}

.news-list-text p span {
    background-color: var(--color25);
    color: var(--color_white);
    margin: 0 0 0 2rem;
    padding: 0.2rem .8rem;
}
.left-newd-detail-text ul{
        margin-bottom: 2rem;
    padding: 0 0 0 2rem;
}
.left-newd-detail-text ul li{
    font: var(--font16);
    list-style-type: disc;
}

.news-list-text h6 {
    color: var(--color_black);
    font: var(--font18);
    margin: 1rem 0 3rem;
    font-weight: 500;
}

.news-list-text .round_button {
    background: #f3f3f3;
}

.news-list-text .roundbtn_wrap svg {
    stroke: var(--colorf0);
}

.news-list-text .round_button:hover svg {
    stroke: var(--color_white);
}

.news-list:nth-child(2n+2) {
    flex-direction: row-reverse;
}

.wp-news {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
}
.bottom-news {
    display: grid
;
    grid-template-columns: repeat(2, 1fr);
}

.wp-news-text {
    background-color: var(--colorf0);
      padding: 5rem 11rem 7rem 4rem;
}

.wp-news-text p {
    color: var(--color_white);
    font: var(--font16);
}

.wp-news-text p span {
    background-color: var(--color92);
    color: var(--color_white);
    margin: 0 0 0 2rem;
    padding: 0.2rem .8rem;
}

.wp-news-text h6 {
    color: var(--color_white);
    font: var(--font18);
    margin: 0 0 4rem;
}

.wp-news-text .round_button {
    background-color: var(--color_white);
}

.wp-news-text .roundbtn_wrap svg {
    stroke: var(--colorf0);
}

.wp-news-text .round_button:hover svg {
    stroke: var(--color_white);
}

.right-news-box {
    height: 97%;
    overflow: hidden;
}

.right-news-box .wp-news-text {
    background-color: var(--colordd);
    padding: 5rem 4rem 5rem 3rem;
    height: 100%;
}

.right-event-box {
    margin: 0rem 0 0 0;
    background-color: var(--color_white);
    padding: 9rem 3rem;
    height: 100%;
}

.right-event-box .news-detail-text h2 {
    margin-block: 6rem 8rem;
}

.right-event-box .roundbtn_wrap svg {
    stroke: var(--colorf0);
}

.right-event-box .round_button {
    background: #F5F5F5;
}

.right-event-box .round_button:hover svg {
    stroke: var(--color_white);
}

.wp-news-box-img {
    position: relative;
}
.wp-news-text{
    position: relative;
}

.wp-news-text::before{
content: '';
    width: 3rem;
    height: 2rem;
    position: absolute;
    background: #1277DD;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    transform: translateY(-50%) rotate(0deg);
    top: -9px;
    z-index: 9;
    left: 0;
    right: 0;
    margin: 0 auto;
}


.news-list:nth-child(2n+2) .news-list-text::before {
    left: inherit;
    right: 0;
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-right: 18px solid #1277DD;
    border-left: 0px solid #1277DD;
}

.wp-news-box1 .wp-news-box-img::before {

    border-bottom: 22px solid #E26F00;
}
.wp-news-box1 .wp-news-text::before{
        background: #E26F00;
}




.bottom-news .right-wp-news::before {
    content: '';
    width: 3rem;
    height: 2rem;
    position: absolute;
    top: 10%;
    background: #ffffff;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    transform: translateY(-50%) rotate(-90deg);
    right: -5px;
    z-index: 9;
}

.bottom-news .right-wp-news {
    position: relative;
}

.infrastructure-section {
    padding-block: 0 4rem;
}

.infrastructure-text {
    margin-bottom: 5rem;
}

.infrastructure-text h6 {
    color: var(--colorblack);
    font: var(--font21);
}

.infrastructure-menu {}

.infrastructure-menu ul {
    border-top: 1px solid #d5d5d5;
    padding: 2rem 0 0;
}

.infrastructure-menu ul li {
    display: inline-block;
    padding: 0 6rem 0 0;
}

.infrastructure-menu ul li a {
    color: var(--color_black);
    font: var(--font18);
}

.infrastructure-menu ul li.active {
    position: relative;
}

.infrastructure-menu ul li.active::before {
    content: '';
    background-color: var(--colorf0);
    height: .2rem;
    width: 86%;
    position: absolute;
    top: -22px;
}

.infrastructure-menu ul li.active a {
    color: var(--colorf0);
    font-weight: 600;
}

.infrastructure-menu ul li a:hover {
    color: var(--colorf0);
    font-weight: 600;
}

.infrastructure-section1 {
    background-color: #2e319221;
    padding-block: 10rem 0;
    position: relative;
    z-index: 0;
}

.infrastructure-section1::before {
    content: '';
    background-color: var(--color_white);
    position: absolute;
    width: 100%;
    height: 8.5rem;
    bottom: 0;
    z-index: -1;
}

.components-box {
    padding: 0rem 8rem 0 11rem;
}

.components h2 {
    color: var(--color_black);
    font: var(--font36);
    margin-bottom: 3.6rem;
    letter-spacing: -0.9px;
    line-height: 1.4;
}

.components h2 strong {
    font-weight: 600;
}

.components p {
    color: var(--color_black);
    font: var(--font17);
}

.commitment-main {
    background-color: var(--colordd);
    color: var(--color_white);
    font: var(--font18);
    padding: 3rem;
    margin: 7rem 0 0 0;
}

.commitment-main p {
    color: var(--color_white);
    font: var(--font18);
}

.commitment-main p strong {
    font-weight: 600;
}

.infrastructure-section2 {
    padding-block: 10rem;
}

.material-text {
    padding: 0 15rem 0 4rem;
}

.material-text h3 {
    color: var(--color_black);
    font: var(--font30);
    letter-spacing: -0.75px;
    margin-bottom: 3.6rem;
    font-weight: 600;
}

.material-text h2 {
    color: var(--color_black);
    font: var(--font36);
    letter-spacing: -0.75px;
    margin-bottom: 3.6rem;
}

.material-text h2 strong {
    font-weight: 600;
}

.material-text p {
    color: var(--color_black);
    font: var(--font17);
}

.material-text p span {
    font-size: 3.2rem;
    color: var(--colordd);
    font-weight: 600;
}

.material-text img {
    margin-top: 3rem;
}

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

.environmental::before {
    content: '';
    background-color: #2e319221;
    position: absolute;
    width: 100%;
    height: 72%;
    top: 0;
}

.environmental-text {
    padding: 0 0 0 10rem;
    z-index: 9;
    position: relative;
}

.environmental-text h3 {
    color: var(--color_black);
    font: var(--font30);
    letter-spacing: -0.75px;
    margin-bottom: 3.6rem;
    font-weight: 600;
}

.environmental-text h2 {
    color: var(--color_black);
    font: var(--font36);
    letter-spacing: -0.75px;
    margin-bottom: 3.6rem;
}

.environmental-text h2 strong {
    font-weight: 600;
}

.environmental-text p {
    color: var(--color_black);
    font: var(--font17);
}

.environmental-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 10rem 0 0 10rem;
}

.stewardship-box {
    background-color: var(--colordd);
    padding: 5rem 7rem;
    margin-bottom: 5rem;
    margin-right: -7rem;
    position: relative;
    z-index: 9;
}

.stewardship-box h3 {
    color: var(--color_white);
    font: var(--font36);
    letter-spacing: -0.75px;
    margin-bottom: 2.6rem;
    font-weight: 600;
}

.stewardship-box p {
    color: var(--color_white);
    font: var(--font17);
}

.stewardship-list {
    margin: 4rem 0 6rem 5rem;
    position: relative;
}

.stewardship-list::before {
    content: '';
    background-color: var(--colorf0);
    position: absolute;
    bottom: -2.5rem;
    width: 30rem;
    height: .3rem;
}

.stewardship-list img {
    margin-bottom: 1rem;
}

.stewardship-list p {
    color: var(--colorblack);
    font: var(--font21);
    font-weight: 600;
}

.left-environmental {
    position: relative;
    z-index: 9;
}

.right-environmental {
    position: relative;

}

.right-environmental-img img {
    margin-bottom: 2rem;
}

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

.environmental1::before {
    content: '';
    background: transparent linear-gradient(121deg, #0047AB 0%, #7d5d4c 100%) 0% 0% no-repeat padding-box;
    position: absolute;
    width: 16rem;
    height: 32%;
    right: 0;
}

.environmental1 .container {
    width: 92vw;
    max-width: 100%;
}

.responsibility {
    display: flex;
    align-items: center;

}

.other-green {
    margin-top: 5rem;
}

.csr-programme .csr-text h3 {
    margin-bottom: 5rem;
}

.responsibility-img {
width: 55%;
    height: 100%;
    position: relative;
}
.responsibility-img .shine_effect{
    height: 100%;
}
.responsibility-img img{
       height: 100%;
}


.responsibility-img img {
    width: 100%;
}

.responsibility-text {
    width: 45%;
    padding: 0rem 15rem 0 10rem;
}

.responsibility-text h3 {
    color: var(--color_black);
    font: var(--font30);
    letter-spacing: -0.75px;
    margin-bottom: 3.6rem;
    font-weight: 600;
}

.responsibility-text p {
    color: var(--color_black);
    font: var(--font17);
}

.responsibility-text ul {
    margin-top: 4rem;
}

.responsibility-text ul li {
    color: var(--color_black);
    font: var(--font21);
    font-weight: 600;
    border-bottom: 1px solid #7070704f;
    padding: 1.2rem 0;
    margin-bottom: 1rem;
}

.responsibility:nth-child(2n+2) {
    flex-direction: row-reverse;
    margin-top: 6rem;
}

.responsibility:nth-child(2n+2) .responsibility-img {
    width: 45%;
    z-index: 0;
}

.responsibility:nth-child(2n+2) .responsibility-text {
    width: 55%;
    padding: 0rem 0rem 0 16rem;
}

.responsibility .stewardship-box p {
    color: var(--color_white);
    font: var(--font18);
}

.product-section-text {
    padding: 12rem;
}

.product-section {
    background-color: #2e319221;
    position: relative;
}

.product-section-text h6 {
    color: var(--color_black);
    /* font: var(--font21); */
    font: var(--font17);
    margin-bottom: 4rem;
}

.product-section-text p {
    color: var(--color_black);
    font: var(--font17);
}

.product-section1 {
    position: relative;
    padding-block: 0 10rem;
    z-index: 1;
}

.powertrain-product {
    background-color: #F8F8F8;
    padding: 4rem;
    margin-top: -7rem;
    position: relative;
    z-index: 9;
    position: relative;
}

.powertrain-product::before {
    content: '';
    background-color: var(--color25);
    position: absolute;
    bottom: 4rem;
    width: 4rem;
    height: .4rem;
}

.powertrain-product h3 {
    color: var(--color_black);
    font: var(--font30);
    letter-spacing: -0.75px;
    margin-bottom: 3.6rem;
    font-weight: 600;
}

.powertrain-img {
    margin: 9rem auto;
    text-align: center;
}

.powertrain-img img {
    height: 346px;
    object-fit: contain;
}


.powertrain-product p {
    color: var(--colorblack);
    font: var(--font16);
    margin-bottom: 5rem;
}

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

.product-box {
    position: relative;
    margin: 0 auto;
    border: 1px solid #C6C6C6;
    width: 100%;
    text-align: center;
    padding: 3rem;
    overflow: hidden;
}

.product-box figure {
    overflow: hidden;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.product-box:hover figure {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.product-box::before {
    content: '';
    background-color: var(--colorf0);
    position: absolute;
    bottom: 2rem;
    width: 5rem;
    height: .5rem;
    z-index: 9;
    left: 2rem;
}

.product-text {
    position: relative;
    z-index: 9;
}

.product-box img {
    height: 230px;
    object-fit: contain;
}

.product-box a:before {
    position: absolute;
    inset: 0;
    content: "";
    width: 100%;
    height: 100%;
    z-index: 1;
}

.product-box:has(a:hover) .shine_effect::before {
    -webkit-animation: shine 0.85s;
    animation: shine 0.85s;
}
.right-product-img{
    height: 100%;
}
.right-product-img .shine_effect{
    height: 100%;
}
.right-product-img img{
    height: 100%;
}


.blanks::before {
    display: none;
}

.product-section2 {
    padding-block: 0 10rem;
}

.product-section2-box {
    display: grid;
    grid-template-columns: repeat(2, 56% 44%);
    gap: 4rem;
    margin-left: 25rem;
}

.right-product-img img {
    width: 100%;
}

.product-section-left h3 {
    color: var(--color_black);
    font: var(--font30);
    letter-spacing: -0.75px;
    margin-bottom: 3.6rem;
    font-weight: 600;
}

.product-section-left .product-box img {
    height: 218px;
    object-fit: contain;
}

.product-section3 {
    padding-block: 10rem;
    background: transparent linear-gradient(117deg, #0047AB 0%, #E26F00 100%) 0% 0% no-repeat padding-box;
}

.worm-text {}

.worm-text h3 {
    color: var(--color_white);
    font: var(--font30);
    letter-spacing: -0.75px;
    margin-bottom: 3.6rem;
    font-weight: 600;
}

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

.worm-box {
    background-color: var(--color_white);
}

.worm-box .product-box img {
    height: auto;
}

.sockets {
    padding: 4rem;
    background-color: var(--color_white);
    margin: 0 0 0 4rem;
    position: relative;
}

.sockets h3 {
    color: var(--color_black);
    font: var(--font30);
    letter-spacing: -0.75px;
    margin-bottom: 3.6rem;
    font-weight: 600;
}

.sockets p {
    color: var(--colorblack);
    font: var(--font18);
    margin: 6rem 0;
}

.sockets::before {
    content: '';
    background-color: var(--colorf0);
    position: absolute;
    bottom: 5rem;
    width: 5rem;
    height: .5rem;
    left: 4rem;
}

.product-section4 {
    padding-block: 10rem;
}

.cars h3 {
    color: var(--color_black);
    font: var(--font30);
    letter-spacing: -0.75px;
    margin-bottom: 3.6rem;
    font-weight: 600;
}

.cars-box .product-box img {
    height: auto;

}

.product-new-section {
    background: #F8F8F8;
}

.product-new-section .worm-text h3 {
    color: var(--color_black);
}

.about-section {
    background-color: #2e319221;
    padding-block: 0 10rem;
}

.about-img {
    margin-top: -8rem;
}

.about-text {
    padding: 10.6rem 0 0 11rem;
}

.about-text h3 {
    color: var(--color_black);
    font: var(--font30);
    letter-spacing: -0.75px;
    margin-bottom: 4.6rem;
    font-weight: 300;
}

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

.about-box {
    position: relative;
}

.about-box::before {
    content: '';
    background-color: var(--colorf0);
    position: absolute;
    bottom: 0;
    width: 37rem;
    height: .4rem;
    left: 0;
}

.about-box-icon {
    position: absolute;
    right: 4rem;
    top: 1rem;
}

.about-box h2 {
    color: var(--colordd);
    font: var(--font60);
    font-weight: 400;
}

.about-box p {
    color: var(--colorblack);
    font: var(--font21);
    font-weight: 500;
}

.about-box {
    position: relative;
    padding-bottom: 5rem;
}

.about-section1 {
    padding-block: 10rem;
}

.about-location {
    padding-inline: 12rem;
}

.about-location p {
    color: var(--color_black);
    font: var(--font16);
}

.about-slide-box {
    margin-top: 6rem;
}

.about-slide {
    position: relative;
}

.about-slide-img {
    position: relative;
}

.about-slide-text {
    position: absolute;
    right: 0;
    background: #00000094;
    bottom: 7rem;
    z-index: 9;
    padding: 2rem 2rem 4rem 2rem;
    width: 22%;
}

.about-slide-text p {
    color: var(--color_white);
    font: var(--font16);
}

.about-slide-box .swiper-pagination {
    right: 27rem !important;
    position: absolute;
    text-align: right;
    bottom: 9rem;
    left: inherit;
}

.about-slide-box .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 .3rem;
}

.about-section2 {
    padding-block: 0 8rem;
}


.following-text {
    background: #F8F8F8;
    padding: 6rem 5rem;
    height: 100%;
    display: flex
;
    flex-direction: column;
    justify-content: center;
}
b, strong {
    font-weight: bold;
}

.following-text h2 {
    font: var(--font100);
    color: var(--color78);
    font-weight: 900;
}

.following-text h2 span {
    background-image: linear-gradient(280deg, var(--colorab), var(--colorf0));
    background-clip: text;
    color: transparent;
    width: max-content;
    text-transform: uppercase;
}

.following-text h4 {
    color: var(--color_black);
    font: var(--font32);
      letter-spacing: -0.9px;
    margin: 2.6rem 0;
    line-height: 37px;
}

.following-text p {
    color: var(--colorblack);
    font: var(--font16);
}

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

.following-box {
    display: flex;
    align-items: start;
    border-bottom: 1px solid #66666638;
    padding: 0 0 1.6rem;
}

.following-box img {
    margin-right: 2rem;
}

.following-box p {
    color: var(--color_black);
    font: var(--font16);
}

.following-box p span {
    font-size: var(--font14);
    color: var(--color_black);
    font-style: italic;
    display: block;
}

.about-section3 {
    position: relative;
    background: var(--color_white);
    padding-block: 10rem;
    z-index: 0;
}

.about-section3::before {
    content: '';
    background: transparent linear-gradient(111deg, #0047AB 0%, #E26F00 100%) 0% 0% no-repeat padding-box;
    position: absolute;
    width: 100%;
    height: 60%;
    top: 0;
    z-index: -1;
}

.mission-text {
    padding-block: 0rem 8rem;
}

.mission-text h3 {
    color: var(--color_white);
    font: var(--font30);
    font-weight: 600;
    margin-bottom: 2rem;
}

.mission-text p {
    color: var(--color_white);
    font: var(--font21);
    line-height: 30px
}

.vission-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 4rem 8rem;
    padding: 0 12rem 0 0;
}

.vission-text {}

.vission-text h3 {
    color: var(--color_white);
    font: var(--font30);
    font-weight: 600;
    margin-bottom: 2rem;
    letter-spacing: -0.75px;
}

.vission-text p {
    color: var(--color_white);
    font: var(--font21);
    line-height: 30px
}

.Value-text {
    margin: 18rem 0 0 0;
}

.Value-text h3 {
    color: var(--color_black);
    font: var(--font30);
    font-weight: 600;
    margin-bottom: 2rem;
}

.Value-text p {
    color: var(--colorblack);
    font: var(--font21);
    line-height: 30px
}

.about-section4 {
    padding-block: 0rem 10rem;
}
.vission-img{
    height: 100%;
    overflow: hidden;
}
.vission-img figure{
    height: 100%;
}
.vission-img img{
    height: 100%;
    object-fit: cover;
}

.about-section4 .presence-text {
    margin-bottom: 5rem;
}

.presence-text h3 {
    color: var(--color_black);
    font: var(--font30);
    font-weight: 600;
     margin-bottom: 2.7rem;
    letter-spacing: -0.75px;
}

.presence-text p {
    color: var(--colorblack);
    font: var(--font16);
    line-height: 1.45;
    font-weight: 300;
}

.plants-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    margin-top: 6rem;
}

.plants-box {

    position: relative;
}

.plants-box::before {
       content: '';
    border-style: solid;
    border-color: #00000036;
    border-width: 0px 0px 1px 1px;
    bottom: -8rem;
    position: absolute;
    width: 74rem;
    height: 21%;
    left: 12rem;
}

.plants-box-new {
    position: relative;
}

.plants-box-new::before {
    bottom: -7rem;
    width: 50rem;
    height: 38%;
    left: 12rem;
}

.plants-heading {
    background-color: var(--colordd);
    padding: 1.5rem;
}

.plants-heading h3 {
    color: var(--color_white);
    font: var(--font18);
}

.plants-text {
    padding: 1rem;
    box-shadow: 0px 38px 31px #0000000D;
}
.about-map {
    margin-top: 8rem;
}

.plants-text ul {}

.plants-text ul li {
    color: var(--colorblack);
    font: var(--font16);
    border-bottom: 1px solid #6666662e;
    padding: 1.2rem 0;
    font-weight: 300;
}
.plants-box-new .plants-text ul li:first-child{
    position: relative;
}
.plants-box-new .plants-text ul li:first-child::before{
    content: '';
    border-style: solid;
    border-color: #00000066;
    border-width: 0px 0px 1px 0px;
    top: 2rem;
    position: absolute;
    width: 68rem;
    height: 43%;
    left: 21rem;
}



.plants-text ul li:last-child {
    border-bottom: 0px solid #6666662e;
}

.plants-text ul li strong {
    font-weight: 600;
}

.plants-box-new .plants-heading {
    background-color: var(--colorf0);
}
.manufacturing-list {
    display: grid;
    grid-template-columns: repeat(1, 37% auto);
    gap: 4rem;
    /* border-right: .1rem solid #6666662b; */
}
.manufacturing-box .plants-box::before{
    border-width: 0px 0px 1px 0px;
    bottom: 5rem;
    position: absolute;
    width: 33rem;
    height: 5%;
    left: 26rem;
}

.warehouses-list {
    display: grid
;
    grid-template-columns: repeat(1, 35% auto);
        gap: 4rem;
           padding-inline: 2rem 0;
}

.about-section5 {
    padding-block: 0rem 8rem;
    position: relative;
    z-index: 0;
}
.manufacturing-map {
    padding-inline: 0 3rem;
}

.warehouses-box .plants-box-new::before{
     bottom: 0.5rem;
    width: 13rem;
    height: 20%;
    left: -13rem;
    border-width: 1px 0px 0px 1px;
}
.warehouses-box .plants-box-new .plants-text ul li:first-child::before{
border-color: #0000002b;
    border-width: 0px 0px 1px 0px;
    top: 2rem;
    position: absolute;
    width: 16rem;
    height: 0%;
    left: 23rem;
}
.warehouses-box .plants-text ul li{

}

.about-section5::before {
    content: '';
    background-color: #2e319221;
    width: 100%;
    bottom: 0;
    position: absolute;
    height: 50%;
    z-index: -1;
}

.border-line {
    position: relative;
    border-top: 1px solid #707070;
    padding-bottom: 7rem;
}

.about-section5 .presence-text {
    padding: 8rem 0 0 0;
}

.leadership-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2.5rem;
    margin-block: 5rem 0;
}

.leadership-box {}

.leadership-box img {
    margin-bottom: 3rem;
}

.leadership-box h6 {
    color: var(--color_black);
    font: var(--font24);
    letter-spacing: -0.6px;
    margin-bottom: 1rem;

}

.leadership-box p {
    color: var(--colorblack);
    font: var(--font16);
}

.awards-section {
    padding-block: 10rem;
    position: relative;
    z-index: 0;
}

.awards-section::before {
    content: '';
    background-color: #2e319221;
    width: 100%;
    top: 0;
    position: absolute;
    height: 23%;
    z-index: -1;
}

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

.award-box {
    margin-bottom: 2rem;
    text-align: center;
}

.award-box img {
    margin-bottom: 1.5rem;
}

.award-box p {
    color: var(--colorblack);
    font: var(--font16);
}

.global-section {
    background-color: #2e319221;
    padding-block: 3rem 2rem;

}

.global-box {
    padding-inline: 6rem;
    position: relative;
    text-align: center;
}

.global-img {
    position: relative;
}

.global-text {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 5rem;
    z-index: 9;
}

.global-text p {
    background: transparent linear-gradient(96deg, #0047AB 0%, #E26F00 100%) 0% 0% no-repeat padding-box;
    color: var(--color_white);
    font: var(--font36);
    display: inline-block;
    padding: 1rem 4rem;
    letter-spacing: -0.9px;
}

.csr-section {
    padding-block: 0rem;
    background-color: #2e319221;
    position: relative;
    z-index: 0;
}

.csr-section:before {
    content: '';
    background-color: var(--color_white);
    position: absolute;
    bottom: 0;
    height: 14%;
    width: 100%;
    z-index: -1;

}

.csr-section::after {
    content: '';
    background: transparent linear-gradient(121deg, #0047AB 0%, #7d5d4c 100%) 0% 0% no-repeat padding-box;
    position: absolute;
    width: 11rem;
    height: 54.8%;
    right: 0;
    z-index: -1;
    bottom: 0;

}

/* .csr-box {
    display: flex;
    gap: 3rem;
    margin-bottom: 7rem;
    align-items: center;

} */
.csr-box{
    display: grid;
    gap: 3rem;
    margin-bottom: 10rem;
    align-items: center;
    grid-template-columns: repeat(2, 1fr);  
}


.csr-text {
    /* flex: 1; */
    padding-inline: 0 8rem;
}
.csr-box-bottom .csr-text {
    padding-inline: 10rem 6rem;
    padding-block: 0 6rem;
}

.csr-img {
    flex: 1;
    margin-top: -10rem;
}
.csr-img{


}
.csr-img figure{
    height: 100%;
        overflow: hidden;
}
.csr-img figure img{
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.csr-text h6 {
    color: var(--color_black);
    font: var(--font21);
    margin-bottom: 3rem;
    line-height: 3rem;
}

.csr-text p {
    color: var(--color_black);
    font: var(--font17);
}

.csr-text h3 {
    color: var(--color_black);
    font: var(--font30);
    font-weight: 600;
    letter-spacing: -0.75px;
    margin-bottom: 3rem;
}

.csr-box:nth-child(2n+3) {
    flex-direction: row-reverse;
}

.csr-box:nth-child(2n+3) .csr-img {
    margin-top: 0;
}

.csr-section1 {
    padding-block: 3rem 10rem;
}

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

.csr-list-box {
    padding: 3rem 6rem 4rem 4rem;
    border-style: solid;
    border-color: #0000001c;
    border-width: 0px 1px 1px 0px;
    border-bottom: 0;
}

.csr-list-box:nth-child(3),
.csr-list-box:nth-child(6) {
    border-right: 0px;
}

.csr-list-box:nth-child(4),
.csr-list-box:nth-child(5),
.csr-list-box:nth-child(6) {
    border-bottom: 0px;
}

.csr-list-box img {
    margin-bottom: 4rem;
}

.csr-list-box h4 {
    color: var(--color_black);
    font: var(--font21);
    font-weight: 600;
    margin-bottom: 3rem;
}

.csr-list-box p {
    color: var(--color_black);
    font: var(--font17);
}

.engineering-section::after {
    display: none;
}

.engineering-section .csr-box {
    padding-inline: 11rem 4rem;
    margin-bottom: 2rem;
    gap: 0rem;
}

.engineering-section .csr-box:nth-child(2n+2) {
    padding-inline: 0;
}
.engineering-section .csr-box:nth-child(2n+2) .csr-text{
 padding-left: 12rem;
}

.engineering-section1 {
    padding-block: 7rem;
}
.engineering-section .csr-img{
        margin-top: -7rem;
}
.engineering-text {
    padding: 0rem 5rem 0 11rem;
    display: flex
;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}
.engineering-img {
 margin-top: 4rem;
}
.engineering-text1{
        height: 100%;
    display: flex
;
    align-items: center;
    padding: 0 0 0 11rem;
}
.engineering-section .csr-section:before{
    height: 11%;
}

.tool-box {
    background: transparent linear-gradient(121deg, #0047AB 0%, #7d5d4c 100%) 0% 0% no-repeat padding-box;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-inline: 14rem;
}

.tool-box h3 {
    color: var(--color_white);
}

.tool-box p {
    color: var(--color_white);
    font: var(--font17);
}

.tool-box p strong {
    font-weight: 600;
}

.tool-text {
    margin-top: 6rem;
}

.tool-text p {
    color: var(--color_black);
    font: var(--font17);
}
.tool-text ul{display:grid;grid-template-columns:repeat(1,1fr);gap:1.3rem;}
.tool-text ul>li{border-bottom:1px dashed #6666664f;font:var(--font21);color:var(--color_black);padding:0rem 0 1.1rem 2rem;position:relative;}
.tool-text ul>li::before {
    content: '';
    background: transparent linear-gradient(180deg, #0047AB 0%, #E26F00 100%) 0% 0% no-repeat padding-box;
    width: 0.9rem;
    height: .9rem;
    position: absolute;
    border-radius: 10rem;
    left: 0;
    top: 0.6rem;
}
.treatment-left-box {
    padding-right: 0rem;
    position: relative;
       height: 100%;
    overflow: hidden; 
}
.treatment-left-box figure{
    height: 100%;
}
.treatment-left-box figure img{
    height: 100%;
    object-fit: cover;
}

.treatment-left-text {
 padding: 0em 6rem 0 9rem;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}

.treatment-left-text p {
    font: var(--font17);
    color: var(--color_black);
}

.treatment-left-text ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.3rem;
}

.treatment-left-text ul li {
    border-bottom: 1px dashed #6666664f;
    font: var(--font21);
    color: var(--color_black);
    padding: 0rem 0 1.1rem 2rem;
    position: relative;
}

.treatment-left-text ul li::before {
    content: '';
    background: transparent linear-gradient(180deg, #0047AB 0%, #E26F00 100%) 0% 0% no-repeat padding-box;
    width: 0.9rem;
    height: .9rem;
    position: absolute;
    border-radius: 10rem;
    left: 0;
    top: 0.6rem;
}

.treatment {
    padding-block: 10rem;
}

.treatment::before {
    height: 49.5%;
}

.treatment-right-box {
    position: relative;
    padding-right: 12rem;
}

.treatment-right-text {
    padding: 5em 0 0rem 8rem;
}

.treatment-right-text .material-text {
    padding: 4rem 0 0 0;
}

.treatment-right-text h3 {
    color: var(--color_black);
    font: var(--font36);
    letter-spacing: -0.9px;
    margin-bottom: 3rem;
}

.treatment-right-text h3 strong {
    font-weight: 600;
}

.treatment-right-text p {
    color: var(--color_black);
    font: var(--font17);

}

.treatment-right-text p strong {
    font-weight: 600;
}

.treatment-right-img .material-text {
    padding: 4rem 0 0 0;
}

.boorder-line {
    border-top: 1px solid #6666668f;
    margin: 6rem 0 0 14rem;
}

.treatment1 {
    padding-block: 0 10rem;
}

.addition-text {
    height: 100%;
    display: flex;
    align-items: start;
    padding: 10rem;
    flex-direction: column;
        justify-content: center;
}
.addition-text h3{color:var(--color_black);font:var(--font30);font-weight:600;margin-bottom:2rem;letter-spacing:-0.75px;}
.addition-text p {
    color: var(--color_black);
    font: var(--font21);
    line-height: 3rem;
}

.surface {
    padding-block: 10rem;
}

.surface-text h2 {
    color: var(--color_black);
    font: var(--font36);
    letter-spacing: -0.9px;
    margin-bottom: 4rem;
}

.surface-text h2 strong {
    font-weight: 600;
}

.include-box {
    padding: 3rem 10rem;
}

.include-box p {
     text-align: center;
    font: var(--font24);
    color: var(--color_black);
    font-weight: 600;
}

.include-box ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2.3rem;
}

.include-box ul li {
    border-bottom: 1px dashed #6666664f;
    font: var(--font21);
    color: var(--colorblack);
    padding: 0rem 0 1.4rem 2rem;
    position: relative;
}

.include-box ul li::before {
    content: '';
    background: transparent linear-gradient(180deg, #0047AB 0%, #E26F00 100%) 0% 0% no-repeat padding-box;
    width: .9rem;
    height: .9rem;
    position: absolute;
    border-radius: 10rem;
    left: 0;
    top: .6rem;
}

.surface .boorder-line {
    margin: 6rem 0 0 0rem;
}

.surface::before {
    height: 50rem;
}

.surface1-text {
    margin-bottom: 5rem;
}

.surface1-text p {
    color: var(--color_black);
    font: var(--font21);
    line-height: 1.5;
}

.surface1 .addition-text p {
    font: var(--font17);
}

.surface1 .addition-text {
    height: auto;
    padding: 4rem 0 5rem 9rem;
    align-items: start;
}

.surface1-img {
    padding-left: 6rem;
}

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

.product-box h6 {
    color: var(--colorblack);
    font: var(--font16);
    font-weight: 600;
    text-align: left;
}

.coal-product .product-box::before {
    display: none;
}

.planetary-box {
    background: transparent linear-gradient(117deg, #0047AB 0%, #E26F00 100%) 0% 0% no-repeat padding-box;
    padding-block: 10rem;
}

.planetary-box .product-section-left h3 {
    color: var(--color_white);
}

.planetary-box .product-box {
    padding: 3rem 2rem;
    background: #fff;
}

.planetary-box .product-section-left .product-box img {
    height: auto;
}

.satellite-section {}

.satellite-section .product-box img {
    height: auto;
    margin-bottom: 2rem;

}

.satellite-section .product-box {
    padding: 0rem 3rem 3rem;
}

.satellite-section .col-lg-6 {
    padding: 0 1.5rem;
}



/* ===============UIAK-15031993 start css============= */

/* download css  */
.download_sec1 {
    padding-top: 3rem;
    position: relative;
}

.download_sec1::before {
    content: '';
    display: block;
    background-color: #2e319221;
    height: 336.5px;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 0;

}

.why-ramco-section {
    background-color: #2e319221;
    position: relative;
    z-index: 0;
}

.top-heading-list h6 {
    color: var(--colorblack);
    font: var(--font21);
    margin: 4rem 0 0 0;
}

.why_ramco p {
    color: var(--color_black);
    font: var(--font21);
    line-height: 1.4;
    margin-bottom: 2rem;
}

.why_ramco {
    padding-block: 6rem;
    max-width: 85%;
}

.main_heading {
    color: var(--color_black);
    font: var(--font30);
    letter-spacing: -0.75px;
    margin-bottom: 3rem;
    font-weight: 600;
}

.why-ramco-section2 {
    padding-block: 7rem;
}

.why_ramco-location {
    width: 67.4%;
     display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.why_ramco-location p {
    color: var(--color_black);
    font: var(--font17);
}

.innovation_img {
    position: relative;
     margin-top: -27rem;
    height: 100%;

}
.innovation_img figure{

}
.innovation_img figure img{
    height: 100%;
}


.why-ramco-section3 {
    text-align: center;
    padding-top: 3rem;
}

.why-ramco-section3 p {
    color: var(--color_black);
    font: var(--font17);
}

.why-ramco-section3 .container {
    padding-top: 6rem;
    position: relative;
    z-index: 2;
}

.why-ramco-section4 {
    padding-block: 10rem;
    position: relative;
}

.why-ramco-section4::before {
    background: transparent linear-gradient(121deg, #0047AB 0%, #7d5d4c 100%) 0% 0% no-repeat padding-box;
    content: "";
    position: absolute;
    top: -17rem;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}

.why-ramco-section4 .inner_container {
    position: relative;
    z-index: 1;
}

.high_part {
    padding: 0 4rem;
    width: 90%;
    margin: 0 auto;
}

.why-ramco-section4 p {
    color: var(--color_white);
    font: var(--font17);
}

.why-ramco-section4 h2 {
    color: var(--color_white);
}

.start_Bx {
padding-inline: 18rem 8rem;
}


.capabilities_Bx h2 {
    color: var(--color_black);
    font: var(--font36);
    margin-bottom: 3.6rem;
    letter-spacing: -0.9px;
    padding-right: 8rem;
    line-height: 1.3;
}

.capabilities_Bx h2 strong {
    font-weight: 700;
}

.forging_img {
    height: 100%;
}

.forging_img figure {
    height: 100%;
    width: 100%;
}

.forging_img img {
    height: auto;
    object-fit: cover;
    margin: 5rem 0 0 0;
}

.ps-lg-5 {
    padding-left: 4rem;
}

.forgin_section {
    padding-block: 0rem 10rem;
}

.forging_blue p {
    margin-bottom: 1rem;
        font: var(--font17);
}

.forging_blue {
    background-color: var(--colordd);
    color: var(--color_white);
    font: var(--font18);
    padding: 3rem 6rem;
    margin: 0rem 0 0 0;
    width: 80%;
    float: right;

}

.forging_blue h4 {
    font: var(--font32);
    font-family: var(--color_white);
    letter-spacing: -0.64px;
    font-weight: 700;
}

.forging_Cont {
    padding-inline: 9rem;
    padding-bottom: 2rem;
}

.forging_img1 img {
    height: 48rem;
    object-fit: cover;

}

.forging_Cont p {
    color: var(--color_black);
    font: var(--font17);
}

.machine-section {
    padding: 7rem 4rem 0 11rem;
}

.machine-section .machine-components {
    width: 75%;
}

.machine-section .machine-components h2 strong {
    font-weight: 700;
}

.machine-section h2 {
    color: var(--color_black);
    font: var(--font36);
    margin-bottom: 3.6rem;
    letter-spacing: -0.9px;
}

.machine-section p {
    color: var(--color_black);
    font: var(--font17);
}

.machine-main {
    background-color: var(--colordd);
    color: var(--color_white);
    font: var(--font18);
    padding: 2rem 3rem;
    margin: 6rem 0 0 0;
}

.machine-main p {
    color: var(--color_white);
    font: var(--font16);
    margin-bottom: 0;
}

.machine-main h4 {
    color: var(--color_white);
    font: var(--font32);
    margin-bottom: 0;
    letter-spacing: -0.64px;
    font-weight: 700;
}

.machine-text {
    padding: 0 10rem 0 4rem;
}

.machine-text p {
    color: var(--color_black);
    font: var(--font16);
}

.machine_content {
    border-top: 2px solid #707070;
    text-align: center;
    padding-top: 6rem;
}

.machine-section2 {
    padding-block: 8rem 6rem;
}

.machine_content h2 {
    color: var(--color_black);
    font: var(--font36);
    margin-bottom: 3.6rem;
    letter-spacing: -0.9px;
    padding: 0 3rem;
}

.machine_content h2 strong {
    font-weight: 700;
}

.machine_bottom_list blockquote {
    color: var(--color_white);
    font: var(--font21);
    text-align: center;
    font-weight: 200;
    line-height: 1.3;
    margin-bottom: 3rem;
}

.machine_bottom_list blockquote strong {
    font-weight: 700;
}

.machine_bottom_list p {
    color: var(--color_white);
    font: var(--font16);
    text-align: center;
    margin-bottom: 0;
}

.machine_listing {
    position: relative;
    padding-block: 3rem 8rem;
}

.machine_listing::before {
    background: transparent linear-gradient(121deg, #0047AB 0%, #7d5d4c 100%) 0% 0% no-repeat padding-box;
    content: "";
    position: absolute;
    top: -17rem;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}

.machine_listing .inner_container {
    position: relative;
    z-index: 1;
}

.machine_bottom_list ul {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 5rem;
    padding-block: 3rem 5rem;
}

.machine_bottom_list ul li {
    color: var(--color_white);
    font: var(--font21);
    margin-bottom: 0;
    border-bottom: 1px dashed #ffffff14;
    padding-block: 2rem 1rem;
    position: relative;
    padding-left: 2rem;
    font-weight: 300;
}

.machine_bottom_list ul li::before {
    position: absolute;
    content: "";
    background: #FFDD00;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 0.8rem;
    left: 0;
    top: 2.8rem;
}

.machine-section1::before {
    height: 7rem;
}

.video-wrapper {
    position: relative;
    width: 100%;

}

#video-poster {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99;
    top: 0;
    cursor: pointer;
}

#video-poster img {
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    width: 100%;
}

.play-icon {
    display: block;
    text-align: center;
    line-height: 70px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.play-icon svg {
    fill: #fff;
}

video#video {
    width: 100%;
    height: 60vh;
}

.infrastructure-section3 {
    padding-block: 5rem;

}

.infrastructure-section3 .border-line {
    padding-bottom: 0;
    margin-top: 7rem;
}


.infrastructure-section3 .components-box {
    padding: 0 7rem 0 0;
}

.infrastructure-section3 .components-box p {
    margin-bottom: 1.9rem;
}



.infrastructure-section3 .commitment-main {
    margin: 0rem 0 0 0;
    padding: 5rem;
}

.presses-text h6 {
    color: var(--color_black);
    font: var(--font30);
    margin-bottom: 3.6rem;
    letter-spacing: -0.75px;
    font-weight: 300;
    padding-inline: 13rem;
}

#muteBtn {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: rgb(0 0 0 / 26%);
    border: none;
    color: white;
    font-size: 24px;
    padding: 8px 12px;
    cursor: pointer;
    border-radius: 4px;
    user-select: none;
}

video {
    width: 100%;
    height: auto;
    display: block;
    z-index: 3;
    position: relative;
}

.treatment .boorder-line {
    border-top: 1px solid #6666668f;
    margin: 6rem 8rem 0 14rem;
}

.pride-img {
    height: 100%;
}

.pride-img .shine_effect {
    height: 100%;
}

.pride-img img {
    height: 100%;
}

.rotary_section{
   padding-block:0 5rem;
}


@media screen and (max-width:1600px) {
    .why_ramco{max-width:80%;}
    .why_ramco-location{width:72.4%;}
    .innovation_img{margin-top:-26rem;}
    .high_part{padding:0 2rem;width:90%;margin:0 auto;}
    .start_Bx{padding-inline:13rem 7rem;}
    .capabilities_Bx h2{padding-right:15rem;}
    .forging_Cont{padding-inline:10rem 5rem;}
    .machine-section{padding:7rem 4rem 0 4rem;}
    .machine-section{padding:0rem 4rem 0 4rem;}
    .machine-components h2{width:94%;}
    .machine-main{margin:5.5rem 0 0 0;}
    .machine-text{padding:0 6rem 0 4rem;}
}


@media screen and (max-width:1399px) {
    .why_ramco{max-width:92%;}
    .why_ramco-location{width:82%;}
    .high_part{padding:0;width:100%;}
    .start_Bx{  padding-inline: 10rem 2.8rem;}
    .capabilities_Bx h2{padding-right:0rem;}
    .forging_blue{width:85%;}
    .forging_Cont{padding-inline:6rem 1rem;}
    .machine-section .machine-components{width:86%;}
    .machine-components h2{margin-bottom:2rem;}
    .machine-main{margin:2rem 0 0 0;}
    .machine-text{padding:0 0rem 0 4rem;}
}

@media screen and (max-width:1280px) {
    .machine-components h2{width:100%;}
    .machine-section .machine-components{width:100%;}
}

@media screen and (max-width:991px) {
    .innovation_img{margin-top:3rem;}
    .why_ramco{max-width:100%;}
    .why_ramco{padding-block:3rem;}
    .why_ramco p{margin-bottom:0;}
    .why-ramco-section2{padding-block:4rem;}
    .why_ramco-location{width:100%;}
    .start_Bx{padding-inline:0;padding-block:1rem 3rem;}
    .why-ramco-section4{padding-block:5rem;}
    .why-ramco-section3 .container{padding-top:2rem;}
    .why-ramco-section3{padding-top:1rem;}
    .ps-lg-5{padding-left:0;}
    .forging_img{padding:1.5rem 0;}
    .forging_blue{width:100%;margin-bottom:2rem;padding:3rem;}
    .forgin_section{padding-block:3rem 5rem;}
    .forging_Cont{padding-inline:0rem;}
    .machine-section{padding:0;}
    .machine-section2{padding-block:4rem;}
    .machine-text{padding:2rem 0;}
    .machine_bottom_list ul{grid-template-columns:repeat(3,1fr);}
    .machine_content h2{padding:0;}
    .machine_content{padding-top:4rem;}
    .machine_listing{padding-block:3rem 4rem;}

}

@media screen and (max-width:640px) {
    .why-ramco-section4::before{top:-5rem;}
    .machine_bottom_list ul{grid-template-columns:repeat(2,1fr);}
    .machine_listing::before{top:-4rem;}

}


@media screen and (max-width:480px) {
    .machine_bottom_list ul{grid-template-columns:repeat(1,1fr);}

}

.people_text{
       background-color: var(--color92);
    padding: 3rem;
    display: inline-block;
    position: relative;
    margin-top: -10rem;
    max-width: 60rem;
}
.people_text p{
    color: var(--color_white);
    font: var(--font30);
    font-weight: 300;
    line-height: 1.4;
}
.people_culture{
    padding-block: 10rem;
}
.people_culture p{
    color: var(--color_black);
    font: var(--font17);
    line-height: 1.4;
}
.people_Cont{
    padding-inline: 10rem;
}
.ccr_section .container{
    background-color: #eee;
    text-align: center;
    padding-top: 8rem;
}
.ccr_section p{
    color: var(--colorblack);
    font: var(--font18);
    line-height: 1.4;
    margin-bottom:6rem;
}
.material-img .swiper-button-next {
    right: 4rem;
}

@media screen and (max-width:1399px){
    .people_Cont {
        padding-inline: 8rem;
    }
    .people_culture {
        padding-block: 8rem;
    }
}

/* ================End UIAK-15031993============== */


.about-location.ramco-content-bl {
    padding-top: 5rem;
}
.global-img ul li figure img {
    width: 120px;
    margin-bottom: -2rem;
}
.global-img ul li span {
    display: inline-block;
    font: var(--font21);
    color: var(--colorblack);
    font-weight: 500;
}
.global-img ul li {
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    right: 0;
    width: 120px;
    margin: 0 auto;
}
.global-img ul li:nth-child(1) {
    left: -43%;
    top: 8%;
}
/* .global-img ul li:nth-child(1) .list-bdr{

} */
.list-bdr figure {
    position: relative;
    z-index: 99;
}
.list-bdr {
    height: 100%;
}
.global-img ul li .list-bdr:before{
    border-left: 1px solid #c5c5c8;
    z-index: 99;
    right: 0;
    margin: 0 auto;
    top: 15%;
    content: '';
    border-style: solid;
    border-color: #00000066;
    border-width: 0px 0px 1px 1px;
    bottom: -7rem;
    position: absolute;
    width: 271%;
    height: 30%;
    left: 6rem;
}
.global-img ul li:nth-child(1) .list-bdr:before {
    border-bottom: 0;
}

.global-img ul li:nth-child(2) {
    left: -22%;
    top: 0%;
}
.global-img ul li:nth-child(2) .list-bdr:before {
    width: 104%;
    height: 40%;
}
.global-img ul li:nth-child(3) {
    left: -2%;
    top: 8%;
}
.global-img ul li:nth-child(3) .list-bdr:before{
    width: 104%;
    height: 22%;
    border-bottom: 0;
}
.global-img ul li:nth-child(4) {
    left: 20%;
    top: -1%;
}
.global-img ul li:nth-child(4) .list-bdr:before {
    border-width: 0px 1px 1px 0px;
    width: 55%;
    height: 30%;
    left: -7rem;
    top: 14%;
}
.global-img ul li:nth-child(5) {
    left: 43%;
    top: 8%;
}
.global-img ul li:nth-child(5) .list-bdr:before {
    border-width: 0px 1px 1px 0px;
    width: 176%;
    height: 32%;
    left: -22rem;
    top: 14%;
}
.global-img ul li:nth-child(6) {
    left: 63%;
    top: 0%;
}
.global-img ul li:nth-child(6) .list-bdr:before {
    width: 107%;
    height: 39%;
    left: 6rem;
}
.why-ramco-slider {
    overflow: hidden;
    position: relative;
    height: 100%;
}
.why-ramco-slider .swiper, .swiper-wrapper, .swiper-slide {
    height: 100%;
}

.why-ramco-slider img{
    height: 100%;
    object-fit: cover;
        width: 100%;
}
.people_section img{
    width: 100%;
}

.why-ramco-slider .swiper-button-prev:after,
.why-ramco-slider .swiper-button-next:after{
    font-family: swiper-icons;
    font-size: 14px;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    background: #fff;
    width: 3.9rem;
    height: 3rem;
    border-radius: 100px;
    text-align: center;
    line-height: 3rem;
}
.casting-heading p{
    font: var(--font17);

}
.casting-heading .main_heading {
    margin-bottom: 2rem;
}

.global-img ul li:nth-child(1) .reveal-image {
    animation-delay: .15s;
    animation-duration: 4000ms;
}
.global-img ul li:nth-child(2) .reveal-image {
    animation-delay: .25s;
    animation-duration: 5000ms;
}
.global-img ul li:nth-child(3) .reveal-image {
    animation-delay: .35s;
    animation-duration: 6000ms;
}
.global-img ul li:nth-child(4) .reveal-image {
    animation-delay: .40s;
    animation-duration: 7000ms;
}
.global-img ul li:nth-child(5) .reveal-image {
    animation-delay: .45s;
    animation-duration: 8000ms;
}
.global-img ul li:nth-child(6) .reveal-image {
    animation-delay: .50s;
    animation-duration: 9000ms;
}
.global-img ul li:nth-child(2) .list-bdr-grp {
    position: relative;
    left: -2rem;
}
.global-img ul li:nth-child(2) {
    left: -18%;
    top: 0%;
    width: 17rem;
}
.global-img ul li:nth-child(5) {
    left: 29%;
    top: 8%;
    width: 21rem;
}
.global-img ul li:nth-child(5) .list-bdr-grp {
    position: relative;
    left: 7rem;
}
.global-img ul li:nth-child(6){
    left: 67%;
    width: 19rem;
}
.global-img ul li:nth-child(6) .list-bdr-grp {
    position: relative;
    left: -18%;
}
.welding .tool-box {
    background: #fff;
}
.welding .tool-box p{
        color: var(--color_black);
}


@media screen and (max-width:1649px) {
    .global-img ul li .list-bdr:before{
        height: 27%;
        top: 17%;
    }
    .global-img ul li:nth-child(2) .list-bdr:before {
        width: 90%;
        height: 37%;
    }
    .global-img ul li:nth-child(3) .list-bdr:before {
        width: 104%;
        height: 20%;
    }
    .global-img ul li:nth-child(4) .list-bdr:before {
        width: 48%;
        height: 26%;
        left: -6rem;
        top: 17%;
    }
    .global-img ul li:nth-child(5) .list-bdr:before {
        border-width: 0px 1px 1px 0px;
        width: 150%;
        height: 29%;
        left: -18rem;
        top: 17%;
    }
    .global-img ul li:nth-child(6) .list-bdr:before {
        width: 75%;
        height: 39%;
        left: 6rem;
    }
    .global-img ul li:nth-child(6) {
        left: 66%;
        width: 15rem;
    }
    .global-img ul li:nth-child(6) .list-bdr-grp {
        left: -9%;
    }
}
@media screen and (max-width:1399px) {
    .global-img ul li:nth-child(2) .list-bdr:before {
        width: 79%;
    }
    .global-img ul li:nth-child(4) .list-bdr:before {
        width: 42%;
        left: -5rem;
    }
    .global-img ul li:nth-child(5) .list-bdr:before {
        width: 125%;
        left: -15rem;
        top: 19%;
    }
    .global-img ul li:nth-child(6) .list-bdr:before{
        width: 65%;
    }
    .global-img ul li .list-bdr:before{
        top: 19%;
        height: 25%;
    }
    .global-img ul li:nth-child(2) .list-bdr:before{
        height: 35%;
    }
    .global-img ul li:nth-child(3) .list-bdr:before{
        height: 18%;
    }
    .global-img ul li:nth-child(6) .list-bdr:before{
        height: 37%;
    }
    .global-img ul li:nth-child(4) .list-bdr:before{
        top: 19%;
    }
    .global-img ul li:nth-child(2) {
        left: -19%;
        width: 16rem;
    }
    .global-img ul li:nth-child(5) .list-bdr:before{
        height: 26%;
        left: -12rem;
    }
    .global-img ul li:nth-child(6) .list-bdr:before{
        left: 5rem;
        width: 52%;
    }
}

@media screen and (max-width:1199px) {
    .global-img ul li .list-bdr:before {
        top: 19%;
        height: 25%;
    }
    .global-img ul li:nth-child(2) .list-bdr:before {
        width: 67%;
    }
    .global-img ul li:nth-child(2) .list-bdr:before {
        height: 31%;
    }
    .global-img ul li:nth-child(3) .list-bdr:before {
        height: 14%;
    }
    .global-img ul li:nth-child(4) .list-bdr:before{
        height: 21%;
        top: 22%;
        width: 30%;
        left: -4rem;
    }
    .global-img ul li figure img{
        width: 100px;
    }
    .global-img ul li:nth-child(2) .list-bdr:before {
        height: 35%;
        width: 55%;
        left: 5rem;
    }
    .global-img ul li:nth-child(3) .list-bdr:before {
        height: 18%;
    }
    .global-img ul li:nth-child(5) .list-bdr:before {
        height: 26%;
        left: -12rem;
        width: 121%;
    }
    .global-img ul li:nth-child(5) {
        left: 30%;
        top: 8%;
        width: 18rem;
    }
    .global-img ul li:nth-child(5) .list-bdr-grp{
        left: 5rem;
    }
}

@media screen and (max-width:991px) {
    .global-img ul li .list-bdr:before {
        top: 23%;
        height: 21%;
    }
    .global-img ul li:nth-child(2) .list-bdr:before {
        height: 32%;
        width: 49%;
        left: 3rem;
    }
    .global-img ul li:nth-child(3) .list-bdr:before {
        height: 14%;
    }
    .global-img ul li:nth-child(4) .list-bdr:before{
        width: 28%;
        left: -4rem;
    }
    .global-img ul li:nth-child(5) .list-bdr:before{
        height: 23%;
        left: -11rem;
        width: 133%;
        top: 23%;
    }
    .global-img ul li:nth-child(5){
        left: 33%;
        width: 14rem;
    }
    .global-img ul li:nth-child(5) .list-bdr-grp {
        left: 4rem;
    }
    .global-img ul li:nth-child(6) .list-bdr:before{
        left: 6rem;
        width: 43%;
        height: 30%;
    }
    .global-img ul li:nth-child(6) .list-bdr-grp {
        left: 0;
    }
}
@media screen and (min-width:768px) {
    .global-img .mobile-img{
        display: none;
    }
}
@media screen and (max-width:767px) {
    .about-location.ramco-content-bl {
        padding-top: 3rem;
    }
    .global-img .mobile-img{
        display: block;
    }
    .global-img .desktop-img{
        display: none;
    }
    .global-img ul{
        display: none;
    }
}

/* Next button icon */
/* Close button: top right corner */
.lb-data .lb-close:hover{opacity: 1;}
.lb-data .lb-close {display: none;}
.lb-nav a.lb-next {width: 3%; height: 4%;right: 7px;float: left;position: absolute;bottom: -4.3rem}
.lb-nav a.lb-prev{width: 3%;height: 4%;left: 7px;float: right;position: absolute;bottom: -4.3rem;}
.lb-dataContainer {border-radius: 0;}
.lb-data .lb-details {width: 100%;}
.lb-data .lb-details span {color: var(--colorblack);font: var(--font16);font-weight: 600;text-align: center;}
.lb-navigation-container {position: fixed;bottom: 15px;left: 0;right: 0;display: flex;justify-content: center; align-items: center;gap: 60px; z-index: 10000;}
.lb-prev {background: url('../images/right-icon-next.svg') no-repeat center!important ;background-size: contain;opacity: 1 ;cursor: pointer;transform: rotate(180deg);opacity: 1;}
.lb-next {background: url('../images/right-icon-next.svg') no-repeat center!important;background-size: contain ;width: 40px;height: 40px ;opacity: 1 ;cursor: pointer; opacity: 1;}
.lb-nav a.lb-prev{opacity: 1;}
.lb-nav a.lb-next{opacity: 1;}
.lb-product-name {color: #fff; color: var(--colorblack);font: var(--font16);font-weight: 600;text-align: center;max-width: 300px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;user-select: none;}
.lb-details {display: flex;justify-content: center; align-items: center;text-align: center;height: 100%; width: 100%; padding: 10px; }
.lb-number {display: none!important;}
.lb-dataContainer {background-color: #fff;border-top: solid 1px #bfbfbf;}

.lb-outerContainer {
  position: relative !important;
}
.custom-close {position: absolute;top: 1rem;right: 1rem;width: 2.5rem;height: 2.5rem;background: url('../images/close-icon.svg') no-repeat center center;background-size: contain;border: none;padding: 0;margin: 0;cursor: pointer;z-index: 9999; opacity: 1;}



/* 06/08/2025 starts here */

.policies-sec.privacy-policy .policy-text a {
    display: inline-block;
}
.csr-list-box .roundbtn_wrap .round_button {
    background: var(--colorf0);
    border: none;
    stroke: var(--color_white);
}
.engineering-section1.forg-tr {
    padding-top: 0;
}
.csr-section.engineering-section.welding .csr-img {
    margin-top: 0;
}
.csr-section.engineering-section.welding .engineering-text1 {
    flex-direction: column;
    justify-content: center;
}
.csr-section.engineering-section.welding {
    padding-bottom: 10rem;
}
@media(max-width:1399px){
    .csr-section.engineering-section.welding:before{
        height: 0;
    }
}
@media(max-width:767px){
    .csr-section.engineering-section.welding {
        padding-bottom: 6rem;
    }
}


.operations_container {
    float: left;
    width: 100%;
    padding: 100px 0 0 0;
}
.map_wrapper {
    max-width: 100%;
    width: 100%;
}
.map_box {
    max-width: 100%;
    margin: 0 auto;
}
.map_wrapper .map_aspect_ratio {
    max-width: 100%;
    width: 100%;
    position: relative;
    height: 0;
}
.map_wrapper .map_container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.map_container .map_render {
    height: 100%;
}
.map_wrapper path {
    transition: inherit;
}
.csr-btn {
    margin-top: 3rem;
}
.csr-btn .btn-primary {
    padding: .8rem 1.8rem;
    font: var(--font18);
}
.raw-text {
    padding: 10rem 24rem;
}
.raw-section::before {
    height: 46.9%;
}
.certification-logo {
    margin-top: 4rem;
}
.certification-logo ul {
    display: grid
;
    grid-template-columns: repeat(5, 1fr);
    gap: 2.4rem;
}

.certification-logo li {
    padding: 3rem 4rem;
        background-color: #f1f1f1b0;
}
.certification-sec1 {
    padding: 7rem 0;
    background-color:var(--color_white);
}
.certification-text p{
    color: var(--color_black);
    font: var(--font17);
}
.literary-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 3.5rem;
    margin-top: 4rem;
}
.literary-box {
    position: relative;
    overflow: hidden;
    padding: 1rem;
    transition: all .6s ease-in-out;
    background-color: var(--color_white);
    border: 1px solid #a6a6a663;
}
.literary-img {
    overflow: hidden;
}
.literary-img img {
    transform: scale(1);
    transition: transform .56s ease-in-out;
}
.literary-text {

    padding: 1rem;
}
.literary-text h4 {
  font: var(--font16);
    color: var(--color_black);
    text-align: center;
    font-weight: 600;
}
.literary-box:hover {
 border: 1px solid #0047AB;
}
.literary-box:hover .literary-img img {
    transform: scale(1.1);
}
.literary-box a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.engineering-section2 {
    padding-block: 0 8rem;
}
.internal-text {
    margin-top: 0;
    height: 100%;
    display: flex
;
    justify-content: center;
    flex-direction: column;
  padding-inline: 11rem 24rem;
}

/* 06/08/2025 ends here */

/* sitemap css start  */
.site-map {
padding-block: 7rem;
    background: #2e319221;
}
.site-map .custom_bullets li {
    position: relative;
    font: var(--font18);
    color: #000;
    padding-bottom: 0;
    padding-left: 20px;
    font-weight: 400;
    margin-bottom:1.5rem;
}

.site-map .custom_bullets li>a {
    text-decoration: none;
    color: #000;
}

.site-map .tech-camp-right ul ul {
    margin-top: .7rem
}



.site-map .sub_list li a:hover {
    color: #E26F00
}

.site-map .custom_bullets li .sub_list {
    padding-left: .3rem;
    margin-top: 1rem;
    margin-bottom: 0
}

.site-map .tech-camp-right h5 {
    font: var(--font24);
    font-weight: 600;
    margin-bottom: 3rem;
    color: #000000
}

.site-map .tech-camp-right h5 a {
    text-decoration: none;
       font: var(--font30);
        font-weight: 600;
}

.back-buttn {
    padding-block:5rem 8rem;background: #fff
}

.sy-listi {
    text-align: right
}

.listing-menu-grp {
    padding-block:9rem 9rem}

.sy-listi svg :where(path,line) {
    stroke: #fff
}

.tech-camp-right{
    margin-bottom: 5rem;
}
.quality-one .csr-text {
    padding-inline: 0;
}
.news-list-img img{
    width: 100%;
}
.main-news-img img{
    height: 37rem;
    object-fit: cover;
}

@media only screen and (max-width:767px){
    .site-map {
    padding-block: 5rem 2rem ;
}
.tech-camp-right {
    margin-bottom: 3rem;
}
.site-map .tech-camp-right h5 {
    margin-bottom: 2rem;
}
}
/* sitemap css end  */