/* root CSS */
:root {
    --d: 700ms;
    --e: cubic-bezier(0.19, 1, 0.22, 1);
}

 body,html{margin: 0;padding: 0;box-sizing: border-box;font-family: 'Gotham', sans-serif;}
 h1,h2,h3,h4,h5,h6{margin: 0;padding: 0;}
 h4{font-weight: bold;font-size: 3.75rem;text-transform: uppercase;color: #000;}
 h5{font-weight: bold;font-size: 3.75rem;text-transform: uppercase;color: #ffffff;}
 .white-text{font-size: 2.1875rem;font-weight: bold;text-transform: uppercase;color: #fff;}
.sec-pad { padding: 3.125rem 0; } /* 50px → 3.125rem */
.section-btn { display: flex; justify-content: flex-end; align-items: flex-end; flex-direction: column; gap: 0.3125rem; } /* 5px → 0.3125rem */

.container{max-width: 1440px;padding: 0 20px;}

span { color: #8DC63F; font-weight: bold; }
.clb { color: #000; font-weight: bold; }
.blue { color: #267eae; }
.wht{color: #fff;font-weight: bold;}

#toggleBtn {
    color: #000;
    cursor: pointer;
    font-weight: 300;
    text-decoration: underline;
    font-size: 18px;
}


.apply-btn button { margin-top: 1.25rem; background-color: #8DC63F; border: 0; color: #fff; padding: 0.5rem 0.9375rem; border-radius: 1.25rem; text-transform: capitalize; font-weight: bold; } /* 8px 15px padding → 0.5rem 0.9375rem, 20px margin-top → 1.25rem, 20px border-radius → 1.25rem */

.right-text { text-align: right; right: 1.25rem; } /* 20px → 1.25rem */
.border-rt { border-right: 0.0625rem solid #707070; } /* 1px → 0.0625rem */
.border-bb { border-bottom: 0.0625rem solid #707070; } /* 1px → 0.0625rem */

p { margin: 0; padding: 0; font-size: 1.125rem; color: #000; line-height: 25px; font-weight: 300; } /* 25px line-height → 1.5625rem */
a { text-decoration: none; }
ul, li { margin: 0; padding: 0; }

.pad-top { padding-top: 3.125rem; } /* 50px → 3.125rem */
img { width: 100%; }

/* Button */
.menu-btn {background: none;border: none;cursor: pointer;}

/* Overlay */
.menu-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    z-index: 99998 !important;
}

/* Side Menu */
.side-menu {
    position: fixed;
    top: 0;
    right: -23.75rem; /* 380px → 23.75rem */
    width: 22.5rem;   /* 360px → 22.5rem */
    height: 100%;
    background: #3f4a4f;
    color: #fff;
    transition: 0.4s ease;
    z-index: 99999;
    padding: 1.25rem; /* 20px → 1.25rem */
    overflow-y: auto;
}

/* Active State */
.side-menu.active { right: 0; }
.menu-overlay.active { opacity: 1; visibility: visible; }

/* Header */
.menu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.875rem; /* 30px → 1.875rem */
}

.close-btn {
    background: none;
    border: none;
    color: #fff;
    font-size: 1.375rem; /* 22px ≈ 1.375rem */
    cursor: pointer;
}

.menu-header img { width: 10.625rem; } /* 170px → 10.625rem */

/* Menu List */
.menu-list { list-style: none; padding: 0; margin: 0; }
.menu-list li { margin-bottom: 0.9375rem; } /* 15px → 0.9375rem */
.menu-list a {
    color: #fff;
    font-size: 1.125rem; /* 18px → 1.125rem */
    text-transform: uppercase;
    font-weight: 500;
}
.menu-list a:hover { color: #8dc63f; }

.mobile-nav{display: none;}

/* navbar */
.navbar-expand-lg .navbar-toggler {border: none;background-color: #8cc63f;}
.nav-logo{height: auto;width: 170px;}
.navbar-nav{gap: 15px;align-items: center;}
.navbar .nav-link{font-size: 18px;text-transform: uppercase;font-weight: bold;}
.navbar .nav-link.active {border-radius: 5px;color: #8DC63F;}
#navbarNav{justify-content: flex-end;}
#navbarNav ul li a{color: #fff;}
#navbarNav ul li a:hover{color: #8DC63F !important;}
.nav-scrolled.navbar .nav-link{color: #fff !important;}
.nav-white .nav-link {color: #fff !important;}
.nav-black .nav-link {color: #000000 !important;}
.nav-link.active-nav {color: #8DC63F !important;}

/* Default – transparent */
.navbar-transparent {
   background: linear-gradient(to bottom, #000 0%, transparent 100%);

}

.navbar-dark-bg {
    background-color: transparent !important;

}



/* Make selector specific so it wins over Bootstrap's .bg-body-tertiary */
#main-navbar {position: fixed;top: 0;left: 0;
width: 100%;color: white;display: flex;justify-content: space-between;align-items: center;padding: 15px 0px;
transition: transform 0.35s ease, background-color 0.35s ease, box-shadow 0.35s ease;z-index: 1000; background: linear-gradient(to bottom, #000 0%, transparent 100%);}

/* hide on scroll down */
#main-navbar.nav-hide {transform: translateY(-110%);}

/* visible with background when scrolling up or after threshold */
#main-navbar.nav-scrolled {
   background: linear-gradient(to bottom, #000 0%, transparent 100%);

}

#main-navbar .nav-logo {transition: transform 0.35s ease;}

.desktop-toggle span img{height: 6px;width: 32px;}
.desktop-toggle span{display: flex;flex-direction: column;gap: 1px;}

.bannertab{height: 100vh;}
.main-banner-text{position: absolute;bottom: 145px;color: #fff;width: 70%;}
.main-banner-text h1{font-size: 5rem;font-weight: bold;text-transform: uppercase;margin-bottom: 35px;line-height: 100%;}
.main-banner-text p{font-size: 2.5rem;font-weight: bold;color: #fff;padding: 0;}
.banner-content{height: 100%;position: relative;}
.bannertab img{height: 100vh;width: 100%;object-fit: cover;}


.main-banner {position: relative;width: 100%;overflow: hidden;}
.tabSlider .swiper-slide {width: auto;}
.tabSlider {bottom:120px;overflow: visible !important;position: relative;}
.tabSlider .swiper-slide {width: auto;}
.tabSlider .swiper-slide a {display: block;padding: 15px 28px;color: #ffffff;}
.tabSlider .swiper-slide.on .text::after {width: 100%;}
.contentSlider .swiper-slide {display: flex;flex-direction: column;justify-content: center;}

/* Default Tab */

.tabSlider .swiper-slide a {
    padding: 10px 20px;
    display: block;
    background: #405720;
    color: #707070;
    font-size: 1rem;
    margin-right: 10px;
    border-radius: 30px;
    text-transform: uppercase;
    font-weight: bold;
    transition: 0.3s;
}

/* ACTIVE TAB */
.tabSlider .swiper-slide.on a {
    background: #8DC63F;
    color: #fff;
}

.about-section { padding: 6.25rem 0; } /* 100px → 6.25rem */

.links-box { display: flex; justify-content: space-between; padding: 2.5rem 0 2.8rem; } /* 40px → 2.5rem */
.about-links { max-width: 18.75rem; } /* 300px → 18.75rem */
.wrapper-btn { display: flex; flex-direction: column; gap: 0.3125rem; max-width: 18.75rem; width: max-content; } /* 5px → 0.3125rem */

.links-box .para h3 { font-size: 34px; font-weight: bold; color: #000; letter-spacing: 0.03125rem; line-height: 45px;} /* 0.5px → 0.03125rem */

.btn-links { background-color: #8DC63F; border: none; border-radius: 1.875rem; text-transform: uppercase; width: max-content; } /* 30px → 1.875rem */
.btn-links a { color: #fff; font-size: 1rem; font-weight: bold; padding: 0.625rem 1.25rem; display: block; text-align: center; } /* 10px 20px → 0.625rem 1.25rem */

.counter-sec { display: flex; justify-content: center; gap: 6.25rem; } /* 100px → 6.25rem */
.counter-box { display: flex; justify-items: center; justify-content: center; gap: 0.9375rem; width: auto; align-items: center; } /* 15px → 0.9375rem */

.counter-box h2 { font-size: 3rem; color: #222; margin: 0; font-weight: bold; }
.counter-box p { text-transform: capitalize; font-size: 1rem; color: #666; margin: 0; line-height: 100%; } /* 20px → 1.25rem */

.counter-boxes { border-top: 0.0625rem solid #8DB136; border-bottom: 0.0625rem solid #8DB136; padding: 3.125rem 0; } /* 50px → 3.125rem */
.finnance-reports { border-top: 0.0625rem solid #C4C4C4; border-bottom: 0.0625rem solid #C4C4C4; padding: 2.5rem 0; } /* 40px → 2.5rem */

.tradiview-box { display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column-reverse; gap: 1.25rem; } /* 20px → 1.25rem */

#TradingView .nav-link { color: #dbcbcb; background-color: #fff; border: none !important; }
#TradingView .nav-link.active { color: #615959; font-weight: bold; text-transform: uppercase; padding: 0.625rem; border-bottom: 0.0625rem solid #515252; } /* 10px → 0.625rem, 1px → 0.0625rem */

.client-pic { position: relative; }
.client-pic img { height: 9.375rem; width: 9.375rem; border-radius: 50%; } /* 150px → 9.375rem */
.client-pic span { position: absolute; bottom: 0.3125rem; right: 0.3125rem; } /* 5px → 0.3125rem */
.client-pic span img { height: 1.875rem; width: 1.875rem; } /* 30px → 1.875rem */

.client-feedback { color: #000; font-size: 1.125rem; line-height: 1.625rem; } /* 26px → 1.625rem */
.client-feedback p { padding-right: 1.25rem; } /* 20px → 1.25rem */

.testi-img img { height: 11.875rem; width: 11.875rem; border-radius: 50%; } /* 190px → 11.875rem */
.testi-img { display: flex; justify-content: flex-end; }

.client-name { font-size: 1.25rem; font-weight: bold; margin-top: 1.25rem; color: #000; } /* 20px → 1.25rem */

.about-box { position: relative; overflow: hidden; }
.about-heading-box { max-width: 62.5rem; } /* 1000px → 62.5rem */

/* Always visible arrows */
.carousel-control-prev,
.carousel-control-next { width: 6%; opacity: 1 !important; transition: transform 0.3s ease; }

/* Custom arrow images */
.carousel-control-next-icon,
.carousel-control-prev-icon { background-size: contain; background-repeat: no-repeat; width: 0.9375rem; height: 0.9375rem; } /* 15px → 0.9375rem */
.carousel-control-next-icon { background-image: url("../images/arrow-right.png"); }
.carousel-control-prev-icon { background-image: url("../images/arrow-left.png"); }

.testimonials-carousel { position: relative; left: 0; bottom: 0; }
.carousel-content { display: flex; align-items: center; padding: 0 1.25rem; } /* 20px → 1.25rem */
.testi-details { display: flex; text-align: left; gap: 2.5rem; align-items: center;padding-left: 10px; } /* 40px → 2.5rem */

.testimonials-carousel { position: static !important; padding: 2.5rem 0; } /* 40px → 2.5rem */
.carousel-caption { position: static !important; transform: none !important; }

.carousel-fade .carousel-item { opacity: 0; transition: opacity 1s ease-in-out; }
.carousel-fade .carousel-item.active { opacity: 1; }

.carousel-control-prev { left: -1.875rem; } /* 30px → 1.875rem */
.carousel-control-next { right: -1.875rem; } /* 30px → 1.875rem */

.home-product { padding: 6.25rem 0; display: flex; flex-direction: column; row-gap: 0.625rem; } /* 100px → 6.25rem, 10px → 0.625rem */
.product-wrapper { display: flex; margin-top: 0.625rem; padding: 20px 0 0 0; justify-content: center; gap: 0; position: relative;} /* 10px → 0.625rem */
.product-tag { position: relative; }
.ptag-img { position: absolute; right: -70px; top: -8.125rem; } /* 120px → 7.5rem, 130px → 8.125rem */
.ptag-img img { width: 9.375rem; } /* 150px → 9.375rem */

.product-bg-sm { border-radius: 1.875rem; position: relative; overflow: hidden; } /* 30px → 1.875rem */
.product-bg-sm img { width: 100%; transition: transform 0.8s ease; }
.product-bg-sm img:hover { transform: scale(1.1); }

.pruduct-bg-heading { position: absolute; top: 20px; left: 20px; }
.pruduct-bg-heading .big-heading h5{font-size: 68px;line-height: 85%;}
.pruduct-bg-paragraph { position: absolute; bottom: 20px; left: 35px; max-width: 85%; } /* 26px → 1.625rem, 30px → 1.875rem */
.pruduct-bg h5 { font-size: 2.875rem;line-height: 100%; }
.pruduct-sm-heading { position: absolute; bottom: 3.125rem; left: 3.125rem; text-align: center; } /* 50px → 3.125rem */
.pruduct-sm-inner p { font-size: 1rem; font-weight: bold; text-transform: uppercase; color: #fff; margin: 0; }
.pruduct-sm-inner h5 { font-size: 2.5rem; font-weight: bold; text-transform: uppercase; color: #fff; margin: 0; }
.product-bg-sm-center > .pruduct-bg-heading { left: 0; text-align: center; width: 100%;top: 30%; }
.pruduct-bg p, .pruduct-bg-paragraph p { color: #fff; }

.product-bg-sm-center .pruduct-bg-heading .pruduct-bg p{font-size: 16px;line-height: 100%;}

.pruduct-bg p { font-weight: bold; text-transform: uppercase; }
.pruduct-bg-paragraph p { line-height: 1.375rem; font-weight: 300; } /* 22px → 1.375rem */
.pruduct-bg-paragraph p span { font-weight: bold; color: #fff; }

fieldset { border: none; position: relative; border-top: 0.125rem solid #000; margin-bottom: 3.125rem; } /* 2px → 0.125rem, 50px → 3.125rem */
legend { position: absolute; font-weight: bold; font-size: 1.25rem; text-transform: uppercase; margin: 0; bottom: -0.875rem; left: 100px; }
legend p { width: max-content; background-color: #fff; text-align: center; max-width: 9.375rem; padding: 0 0.9375rem; font-weight: bold; } /* 150px → 9.375rem, 15px → 0.9375rem */


.productSlider { display: flex; gap: 0.625rem; } /* 10px → 0.625rem */
.product-box .card { border-radius: 1.875rem; overflow: hidden; border: none; } /* 30px → 1.875rem */
.product-box .card img { width: 100%; height: auto; }
.product-box { padding: 0; width: 15.625rem; }


.new-box {max-width: 15.625rem ;width: 100%; }


/*  */
.app-head h2 {
    font-size: 7rem; /* already in rem, 130px approx */
    font-weight: 900;
    text-transform: uppercase;
    margin: 0;
    background-image: url(../images/GRP-text-image.png);
    background-repeat: no-repeat;
    background-position: 350% 35%;
    -webkit-background-clip: text;
    color: transparent;
    padding-left: 20px;line-height: 85%;
}

.app-head { position: relative; }

.app-head span {
    position: absolute;
    bottom: 25%;
    left: 20px;
    font-size: 35px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    width: 70px;
    height: 70px;
    background-color: #000;
    text-align: center;
    border-radius: 3.125rem;
    padding: 10px;
}

/*  */
/* Gradient fade effects on sides */
.slider-wrapper {position: relative;padding: 60px 0;overflow: hidden;}
.slider-container{padding: 40px 0;}
.app-slider-name{position: relative;bottom: -13px;width: max-content;background-color: #fff;
    text-align: center;max-width: 11.375rem;padding: 0 0.9375rem;font-weight: bold;
    font-size: 1.25rem;z-index: 9;
    text-transform: uppercase;}

.slider-wrapper::before,
.slider-wrapper::after {content: '';position: absolute;top: 0;bottom: 0;width: 100px;z-index: 2;pointer-events: none;}

.slider-wrapper::before {left: 0;background: linear-gradient(to right, #f5f5f5, transparent);}
.slider-wrapper::after {right: 0;background: linear-gradient(to left, #f5f5f5, transparent);}
.product-name{width: 100%;color: #fff;text-align: start;margin-top: -1px;background-color: #000;}
.product-name h3{font-size: 16px;text-transform: capitalize;padding: 10px 0 10px 20px;font-weight: bold;}

.main-product-slider{border-top: 2px solid #000;}

.go-green-sec {
  background-image: url("../images/going-good-bg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /* background-attachment: fixed; */
  color: #fff;padding:100px 0 0;
  position: relative;height: 900px;display: flex;align-items: center;
}

.go-green-sec > * {
  position: relative;
  z-index: 2;
}

.go-green-list {
    border-left: 0.25rem solid #8DC63F; /* 4px → 0.25rem */
    margin: -1.875rem 0 3.125rem 2.5rem; /* -30px 0 50px 40px → -1.875rem 0 3.125rem 2.5rem */
    overflow: visible;
    position: relative;
}

.green-head h2 p {
    font-size: 6.25rem; /* 132px → 8.25rem */
    font-weight: bold;
    color: #ffffff;
    margin: 0;
    text-transform: uppercase;
    line-height: 6.875rem; /* 110px → 6.875rem */
}

.green-head h2 span { color: #8DC63F; }

.green-content { padding: 4.375rem 0 3.125rem 0; } /* 70px 0 50px 0 → 4.375rem 0 3.125rem 0 */

.green-content-box {
    display: flex;
    align-items: center;
    position: relative;
    gap: 3.125rem; /* 50px → 3.125rem */
    margin-bottom: 1.25rem; /* 20px → 1.25rem */
}

.green-content-box h2 {
    font-size: 3.25rem; /* 80px → 5rem */
    font-weight: bold;
    width: 16rem; /* 350px → 21.875rem */
    padding-left: 4.375rem; /* 70px → 4.375rem */
}

.green-content-box h3  {
    font-size: 1.8rem; /* 35px → 2.1875rem */
    font-weight: bold;
}

.green-content-box h3 span { font-weight: 300; color: #fff; }

.green-content p {
    color: #ffffff;
    line-height: 1.5rem; /* 28px → 1.75rem */
    padding-left: 4.375rem; /* 70px → 4.375rem */
    font-size: 1.25rem;
}

/* .green-content p span { font-weight: bold; color: #fff; } */

.green-content-box:before {
    content: "";
    position: absolute;
    top: 40%;
    left: -0.6875rem; /* -11px → -0.6875rem */
    width: 1rem; /* 20px → 1.25rem */
    height: 1rem; /* 20px → 1.25rem */
    background: #8DC63F;
    border-radius: 3.125rem; /* 50px → 3.125rem */
}

.grp-bottom-text p { padding-left: 6.25rem; color: #000; } /* 100px → 6.25rem */
/* .grp-bottom-text p span { font-weight: bold; color: #000; } */

.green-wrapper-btn {
    display: flex;
    gap: 0.625rem; /* 10px → 0.625rem */
    position: absolute;
    top: 1.6875rem; /* 27px → 1.6875rem */
    left: 4.375rem; /* 70px → 4.375rem */
}

.green-wrapper-btn::before {
    content: "";
    position: absolute;
    width: 5.375rem;
    height: 0.25rem; /* 4px → 0.25rem */
    background: #8DC63F;
    top: 50%;
    left: -13.4%;
}

.going-green-btns { position: relative; }

.green-foundation { padding: 3.75rem 0 1.25rem; } /* 60px 0 20px → 3.75rem 0 1.25rem */

.grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(11.25rem, 1fr)); /* 180px → 11.25rem */
    gap: 0.625rem; /* 10px → 0.625rem */
    justify-items: center;
    align-items: center;
}

.foundation-img { overflow: hidden; border-radius: 1.25rem; } /* 20px → 1.25rem */
.sustainability-heading{line-height: 100%;}
.csr-section { padding: 200px 0; }
.grp-news{padding: 200px 0;}
.csr-content { padding-bottom: 30px; } /* 50px → 3.125rem */
.padding-top { padding-top: 3.125rem; } /* 50px → 3.125rem */
.csr-bottom p{padding-bottom: 10px;}

.container .csr-item:nth-child(1) {border-top-left-radius: 20px;}
.container .csr-item:nth-child(2) {border-top-right-radius: 20px;}
.container .csr-item:nth-child(3) {border-bottom-left-radius: 20px;}
.container .csr-item:nth-child(4) {border-bottom-right-radius: 20px;}

.container .csr-item:nth-child(2) .csr-name{ text-align: right;left: -15px;}
.container .csr-item:nth-child(4) .csr-name{text-align: right;left: -15px;}

.csr-grid-container .container {display: grid;grid-template-columns: repeat(2, 1fr);gap: 1px; overflow: hidden;}
.csr-item {position: relative;overflow: hidden;}

.csr-item img {width: 100%;height: 100%;object-fit: cover;display: block;transition: transform 0.8s ease;}
.csr-item img:hover {transform: scale(1.1);}

.csr-name {position: relative;bottom: 65px;left: 20px;color: #fff;padding: 5px 15px;}
.csr-name p{font-size: 1.875rem;font-weight: bold;text-transform: uppercase; margin: 0;color: #fff;}

@media (max-width: 768px) {
    .csr-grid-container .container {
        grid-template-columns: 1fr;gap: 20px;
    }

}

.clients-label {writing-mode: vertical-rl;transform: rotate(180deg);font-size: 14px;font-weight: 600;letter-spacing: 2px;}
.clients-label p{color: #707070;font-weight: bold;}

.clients-container{display: flex;align-items: center;}
.clients-section{background-color: #D6D6D6;padding: 100px 0;}
.clients-slider {display: flex;}
.clients-slide {width: 180px;height: auto;margin: 0 20px;display: flex;align-items: center;justify-content: center;}
.clients-slide img {object-fit: contain;}
.clients-wrapper {position: relative;overflow: hidden;}
.company-logo-card{align-items: center !important;justify-content: center !important;}
.company-logo-card .card{border-radius: 0 !important;background-color: transparent !important;height: 100%;
    justify-content: center;}
.news-card {
    border: none;
    border-radius: 1.875rem; /* 30px → 1.875rem */
    overflow: hidden;
    max-width: 19.375rem; /* 310px → 19.375rem */
    height: fit-content;
    margin-bottom: 1.5625rem; /* 25px → 1.5625rem */
    transition: all 0.3s ease;
}
.news-card:hover { box-shadow: 0 0.625rem 1.5625rem rgba(0,0,0,0.15); } /* 10px 25px → 0.625rem 1.5625rem */

.leatest-grp-news {
    column-count: 4;
    column-gap: 1.5625rem; /* 25px → 1.5625rem */
    margin-top: 10px;
}

.leatest-grp-news a {
    display: inline-block;
    width: 100%;
    margin-bottom: 1.5625rem; /* 25px → 1.5625rem */
    break-inside: avoid;
}

.news-card-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.news-card-body { padding: 1.25rem 0.9375rem; } /* 20px 15px → 1.25rem 0.9375rem */

.news-card-image { overflow: hidden; }

.news-card img {
    width: 100%;
    max-height: 32.5rem; /* 520px → 32.5rem */
    object-fit: cover;
    transition: transform 0.8s ease;
    display: block;
}

.news-card img:hover { transform: scale(1.05); }

.news-card-body p {
    font-size: 1.0625rem; /* 17px → 1.0625rem */
    color: #ffffff;
    line-height: 1.375rem; /* 22px → 1.375rem */
    margin: 0;
    text-transform: capitalize;
    font-weight: bold;
    border: none !important;
}

.news-card-body .news-date { font-size: 0.9375rem; font-weight: 300; }

.grp-news-para p { color: #fff; padding: 10px 0; }
.grp-news-posts p { color: #000; padding: 0 0 10px 0;}

.news-card-body{max-height: fit-content;}

.recognition {
    background-image: url("../images/recognition.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
    padding: 5rem 0; /* 80px → 5rem */
    position: relative;
    height: 35rem; /* 560px → 35rem */
}

.recognition p span { font-weight: bold; color: #fff; }

.recognition-card {
    position: relative;
    background: #fff;
    overflow: visible;
    text-align: center;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.awards-cirtificate .cirtificate-box img { width: 100%; }

.cirtificate-list { position: relative; }

.recognition-awards {
    display: flex;
    align-items: center;
    border-right: 0.0625rem solid #1f3a775c; /* 1px → 0.0625rem */
    padding: 1.25rem 1.875rem; /* 20px 30px → 1.25rem 1.875rem */
}

.cirtificate-list:last-child .recognition-awards { border: none !important; }

.recognition-awards img { width: 9.6875rem; } /* 155px → 9.6875rem */

.awards-year {
    display: flex;
    flex-direction: column;
    position: absolute;
    width: 100%;
    padding: 0.75rem 0 0; /* 12px → 0.75rem */
}

.awards-year p {
    color: #fff;
    display: inline-block;
    font-weight: bold;
    font-size: 1rem; /* 16px → 1rem */
    letter-spacing: 0.0625rem; /* 1px → 0.0625rem */
    text-transform: uppercase;
    margin-top: -5px;
}

.awards-name { font-weight: 300; letter-spacing: normal; }

.awards-year p span { font-weight: 100 !important; color: #ffffff; }

.socially-strong { padding: 12.5rem 0; } /* 200px → 12.5rem */

.socially-post-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;gap: 20px;
}

.social-post { max-width: 20rem; }

.socially-post-img img { height: 18.75rem; }

.socially-post-para {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-transform: uppercase;
    padding: 1.25rem 0.625rem; /* 20px 10px → 1.25rem 0.625rem */
}

.socially-heading p { line-height: 1.5rem; padding-top: 0; color: #3e3e3e; } /* 24px line-height, 20px padding-top → 1.5rem, 1.25rem */

/* rubber main page */
.rubber-product{padding: 30px 0 100px;margin-top: 120px;}
#reclaim-rubber{border-bottom: none !important;align-items: center;}
/* Base tab style */
.nav-tabs .nav-link.rubber-main {border: none !important;color: #fff;background:#BCBCBC;font-weight: 600;font-size: 20px;transition: all 0.3s ease;padding: 10px 25px;text-transform: uppercase;
}
/* Remove border on hover */
.nav-tabs .nav-link.rubber-main:hover {border: none !important;}
/* Active tab style */
.nav-tabs .nav-link.rubber-main.active {border: none !important;color: #fff;position: relative;background:#8DC63F;}
#rubberproduct-tab { border-radius: 3.125rem 0 0 3.125rem; } /* 50px → 3.125rem */
#rubberapps-tab { border-radius: 0 3.125rem 3.125rem 0; } /* 50px → 3.125rem */
.m-right { margin-right: 0.0625rem; margin-left: 2.5rem; } /* 1px → 0.0625rem, 40px → 2.5rem */

.rubberproduct-grid {
    padding: 1.875rem 0 1.25rem; /* 30px 0 20px → 1.875rem 0 1.25rem */
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem; /* 20px → 1.25rem */
}

.rubberproduct-lists { position: relative; height: 17.25rem; } /* 260px → 16.25rem */

.rubber-name { border-bottom: 0.125rem solid #615959; padding-bottom: 0.625rem; margin-right: 1.25rem; } /* 2px → 0.125rem, 10px → 0.625rem, 20px → 1.25rem */

.rubber-data-list { position: absolute; top: 1.25rem; left: 1.25rem; font-size: 1.125rem; } /* 20px → 1.25rem */

.rubber-data-list p { padding-top: 0.3125rem; } /* 5px → 0.3125rem */
.rubber-data-list ul { padding-top: 0.625rem; text-transform: uppercase; } /* 10px → 0.625rem */
.rubber-data-list ul li { padding-top: 0.3125rem; color: #fff; font-weight: bold; list-style: none;} /* 5px → 0.3125rem */
.rubber-data-list ul li a { color: #fff; font-weight: bold; }
.rubber-name h5 { font-size: 2.1875rem; } /* 35px → 2.1875rem */
.rubber-name p { color: #8DC63F; text-transform: uppercase; font-weight: bold; font-size: 1.125rem; } /* 18px → 1.125rem */
.rubber-data-list ul li a:hover { color: #8DC63F !important; }

.small-poduct-list { display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; gap: 1.25rem; padding: 0; } /* 20px → 1.25rem */
.rubberproduct-lists img { overflow: hidden; height: 100%; border-radius: 1.25rem; } /* 20px → 1.25rem */

.r-pd-l-content { padding: 1.875rem 0 3.125rem; } /* 30px 0 50px → 1.875rem 0 3.125rem */
.r-pd-l-para ul { display: flex; align-items: center; gap: 1.25rem; font-size: 1.1875rem; list-style: none;} /* 20px → 1.25rem, 19px → 1.1875rem */
.r-pd-l-para ul li { position: relative; padding-left: 1.5625rem; font-weight: 300;} /* 25px → 1.5625rem */

.r-pd-l-para ul :first-child { padding: 0 !important; }

.r-pd-l-para ul li:nth-child(2)::before,
.r-pd-l-para ul li:nth-child(3)::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 0.5rem; /* 8px → 0.5rem */
    width: 0.5rem; /* 8px → 0.5rem */
    border-radius: 50%;
    background-color: #8DC63F;
}
.r-pd-l-para { padding: 1.875rem 0; } /* 30px → 1.875rem */
#polyolefinssection{padding: 50px 0 100px !important;}

.apps-ul { display: flex; flex-wrap: wrap; flex-direction: column; }

.application-items { display: flex; gap: 3.125rem; } /* 50px → 3.125rem */

.product-nameing { display: flex; align-items: center; }
.product-nameing p {
    font-size: 2.1875rem; /* 35px → 2.1875rem */
    font-weight: bold;
    color: #8DC63F;
    text-transform: uppercase;position: relative;
    padding: 1.25rem 0 0.375rem 0.9375rem; /* 20px 0 6px 15px → 1.25rem 0 0.375rem 0.9375rem */
}

.product-nameing p span img{width: 30px;height: auto;position: absolute;top: 0;}

.product-parass { padding: 20px 0; } /* 30px → 1.875rem */

.more-link{display: none;}

.natural-rubs ul li button { margin: 0; border-radius: 1.875rem !important; } /* 30px → 1.875rem */
.natural-rubs ul { gap: 0.625rem; height: 4.375rem; padding: 0;} /* 10px → 0.625rem, 70px → 4.375rem */

.stocks-avails-name h4 { font-size: 2.1875rem; padding-bottom: 5px; } /* 20px → 1.25rem */
.pr-listings { padding-left: 1.5625rem; } /* 25px → 1.5625rem */
.product-categogy-img img { overflow: hidden; border-radius: 1.25rem; } /* 20px → 1.25rem */
.pr-listings p { font-size: 1.0625rem; } /* 17px → 1.0625rem */
.range { margin-bottom: 1.0625rem; } /* 17px → 1.0625rem */
.stocks-avails-name { padding: 10px 0; }

.slide-project{padding-bottom: 40px !important;}

.product-categogy-img { position: relative; }
.categogy-img-Synonyms { position: absolute; top: 0.625rem; left: 14px; } /* 10px → 0.625rem */
.categogy-img-Synonyms img { border-radius: 0; width: 11.25rem; } /* 180px → 11.25rem */
.categogy-img-downloads { position: absolute; bottom: 1.25rem; left: 1.25rem; background-color: #fff; padding: 0.625rem 1.25rem; border-radius: 1.875rem; } /* 20px 30px → 1.25rem, 30px → 1.875rem */
.categogy-img-downloads button { color: #000; text-transform: uppercase; font-weight: bold; border: none; background-color: transparent; }
.categogy-img-downloads button span { padding: 0 0.625rem 0 0; } /* 10px → 0.625rem */
.categogy-img-downloads button span img { border-radius: 0; height: auto; width: 0.9375rem; } /* 15px → 0.9375rem */

.range label { display: block; color: #000; }
.progress-bar { position: relative; width: 100%; height: 0.625rem; /* 10px → 0.625rem */ background: transparent; border-radius: 0; overflow: hidden; }
.progress-fill { position: absolute; height: 100%; width: var(--progress); background-color: #8DC63F; border-radius: 0; animation: fillAnim 1.5s ease-in-out; }

@keyframes fillAnim {
  from {
    width: 0;
  }
  to {
    width: var(--progress);
  }
}
.p-img{position: relative;}
.p-img img{position: absolute;height: 40px;width: 40px;top: -25px;right: 0;}
.application-wrapper{padding:100px 0 0 0;}
.application-grid-app {display: flex;flex-wrap: wrap;gap: 10px;margin-top: 20px;}
.apps-boxx {width: 264px;border: none;overflow: hidden;border-radius: 30px;margin-bottom: 10px;height: 100%;}
.apps-boxx .card{border: none;background-color: #000;}
#crumb-slideing{align-items: center;gap: 20px;border: 0;}
.pollycoat-grid-app{display: flex;flex-wrap: wrap;}
.apps-polly{max-width: 495px;height: auto;}
.product-polly{padding: 0;border: none;}
.apps-polly .card{overflow: hidden;border-radius: 30px;height: 100%;}
.apps-polly .card img{height: 100%;}
.poly-box{margin: 0 !important;width: 250px !important;overflow: hidden;border-radius: 30px;}
.poly-box .card img{height: 100%;}
#Polycoat-slider{gap: 20px !important; flex-wrap: wrap !important;overflow: hidden;}
.polly-p{padding-bottom: 30px;}
.padding-b{padding-bottom: 100px !important;}
.left0{left: 0 !important;}
.property-grid{display: flex;flex-wrap: wrap;justify-content: flex-start;position: relative;}
.property-names{border-left: 4px solid #8DB136;height: 60px;display: flex;align-items: center;justify-content: center;text-align: center;background-color: #E0E0E0;margin-bottom: 5px;}
.property-names p{padding: 10px 20px;color: #000;text-align: left;}
.property-names p span{color: #000;font-weight: bold;}
.property-name h4{font-size: 35px;padding-bottom: 20px;}

.show-btn{margin-top: 20px;}
#showMoreBtn{background-color: #BCBCBC;color: #fff;width: max-content;border-radius: 30px;border: none;text-transform: uppercase;font-weight: bold;padding: 10px 20px;}

.Recommended-wrapper{padding: 100px 0;position: relative;}
.Recommended{padding:0 0 100px 0;}
.Recommended h4{padding-bottom: 0;}
.Recommended p{padding-bottom: 8px;}
.base{color:#707070;letter-spacing: 1px;}

.recome-uses{max-width: 270px;position: relative;}
.recome-uses img{overflow: hidden;}
/* .recome-avails{position: absolute;top: 50px;left: 85px;text-align: center;} */
.recome-avails{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 100%;position: absolute;top: 0px;text-align: center;height: 100%;}
.recome-avails p{font-size: 18px;text-transform: capitalize;font-weight: bold;color: #fff;padding: 0 10px;}
.recome-avails h6{font-size: 50px;color: #fff;font-weight: bold;}
.plastic-head {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding-bottom: 1.25rem; /* 20px → 1.25rem */
    position: relative;
}
.recome-grid{flex-wrap: nowrap;padding-bottom: 10px;}
.plastic-banner img { overflow: hidden; border-radius: 1.25rem; } /* 20px → 1.25rem */
.plastic-contents { position: absolute; left: 1.875rem; bottom: 1.875rem; } /* 30px → 1.875rem */

.plastic-banner-contents h5 { font-size: 2.1875rem; text-align: left; text-transform: capitalize; } /* 35px → 2.1875rem */
.plastic-banner-contents p { color: #fff; padding: 0.625rem 0 1.5625rem; line-height: 1.75rem; } /* 10px 0 25px → 0.625rem 0 1.5625rem, 28px → 1.75rem */

.plastic-btn .btn-links { max-width: 15.625rem; width: max-content; } /* 250px → 15.625rem */
.plastic-btn { display: flex; gap: 0.625rem; } /* 10px → 0.625rem */
.plastic-banner { position: relative; }

.plastic-r { position: absolute; top: 50%; right: 1.875rem; } /* 30px → 1.875rem */
.plastic-r p { color: #fff; text-align: end; text-transform: uppercase; font-weight: bold; margin-bottom: -0.625rem; } /* -10px → -0.625rem */
.plastic-r h5 { display: flex; }
.plastic-r h5 span { color: #fff; font-size: 2.1875rem; text-transform: uppercase; margin-top: 0.625rem; } /* 35px → 2.1875rem, 10px → 0.625rem */

.plastic-t { position: absolute; top: 1.25rem; right: 1.875rem; } /* 20px → 1.25rem, 30px → 1.875rem */
.plastic-t img { max-width: 15rem; } /* 240px → 15rem */

.plastic-head p { text-transform: uppercase; font-weight: bold; color: #000; }
.plastic-head p span img { width: 0.875rem; margin-right: 0.625rem; } /* 14px → 0.875rem, 10px → 0.625rem */

.plastis-keys { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.plastis-keys-items { height: 12.5rem; width: 25rem; text-align: center; padding: 0.625rem 1.5625rem; } /* 10px 25px → 0.625rem 1.5625rem */
.plastis-keys-items h4 { font-size: 2rem; text-transform: uppercase; color: #8DB136; padding-bottom: 0.8125rem; } /* 32px → 2rem, 13px → 0.8125rem */

.plastics-points { margin: 3.125rem 0; } /* 50px → 3.125rem */
.plastis-keys-items:nth-child(2) { border-left: 0.0625rem solid #707070; border-right: 0.0625rem solid #707070; } /* 1px → 0.0625rem */

.p-bnr-product p { text-align: left; }
.p-bnr-product .rubberproduct-grid { padding: 3.4375rem 0 6.25rem; } /* 55px 0 100px → 3.4375rem 0 6.25rem */
.p-bnr-product > .rubberproduct-grid > .rubberproduct-lists { height: 17.1875rem; } /* 275px → 17.1875rem */

.left-cont { display: flex; flex-wrap: wrap; justify-content: flex-start; }
.plastic-product-banner { display: flex; align-items: center; }
.right-btn-link { display: flex; align-items: center; justify-content: flex-end; }
.right-btn-link a {
    color: #000; background-color: #fff;
    padding: 0.625rem 1.25rem; /* 10px 20px → 0.625rem 1.25rem */
    text-transform: uppercase; border-radius: 1.25rem; /* 20px → 1.25rem */
    font-weight: bold;
}

.special-products { position: relative; height: 14.375rem; } /* 230px → 14.375rem */
.special-products img { overflow: hidden; border-radius: 1.25rem; height: 100%; }

.unique-product-details { position: absolute; left: 0; top: 20px;padding: 0 20px; }
.product-paragraph p { color: #fff; }
.unique-product-details > .product-paragraph { padding: 1.25rem 0 0; } /* 20px → 1.25rem */

.m-bl { margin-left: 0.625rem; border-radius: 1.25rem 0 0 1.25rem !important; } /* 10px → 0.625rem, 20px → 1.25rem */
.m-blr { margin-left: 0.0625rem; border-radius: 0 1.25rem 1.25rem 0 !important; } /* 1px → 0.0625rem, 20px → 1.25rem */
.br-0 { margin-left: 0.0625rem; border-radius: 0 !important; } /* 1px → 0.0625rem */

.product-col { padding-right: 1.25rem; border-right: 0.0625rem solid #707070; } /* 20px → 1.25rem, 1px → 0.0625rem */
.common-h4 { font-size: 2.1875rem; padding-bottom: 0.625rem; } /* 35px → 2.1875rem, 10px → 0.625rem */
.products-semi-tab ul { align-items: center; border: 0; gap: 1.5625rem; } /* 25px → 1.5625rem */
.products-semi-tab ul li:nth-child(2) { border-left: 0.1875rem solid #707070; padding-left: 1.25rem; } /* 3px → 0.1875rem, 20px → 1.25rem */

.semi-tab-btn { border: 0 !important; color: #707070 !important; padding: 0; font-size: 1.25rem; font-weight: bold; }
.semi-tab-btn.active { color: #8dc63f !important; }

.product-range { width: max-content; }
.stocks-range-wrapper { display: flex; column-gap: 10px; flex-wrap: wrap; } /* 10px → 0.625rem */
.stocks-bar { display: flex; gap: 0; padding: 0.625rem 0; align-items: center;} /* 5px → 0.3125rem, 10px → 0.625rem */
.stocks-bar p { font-weight: bold; }
.stocks-bar .bar-r p { color: #707070; }

.product-listings { display: flex; flex-direction: column; gap: 0.625rem; } /* 10px → 0.625rem */
.productbygrp h6, .productuse h6 { text-transform: uppercase; color: #8DC63F; }
.productuse p, .productbygrp p { line-height: 1.625rem; } /* 26px → 1.625rem */
.productuse p { font-weight: bold; }
.productuse { position: relative; padding-left: 0.9375rem; } /* 15px → 0.9375rem */
.productuse::before {
    content: ''; position: absolute; height: 5rem; width: 0.5rem; /* 80px → 5rem, 8px → 0.5rem */
    background-color: #8DC63F; transform: translateY(-50%); top: 60%; left: 0; padding-right: 0.3125rem; border-radius: 1.25rem;
} /* 5px → 0.3125rem, 20px → 1.25rem */
.see-items { display: flex; align-items: center; gap: 3.125rem; } /* 50px → 3.125rem */
.see-box { display: flex; align-items: center; justify-content: center; flex-direction: column; }
.see-box img { height: 5.625rem; width: 5.625rem; overflow: hidden; } /* 90px → 5.625rem */
.see-box p { text-align: center; text-transform: uppercase; font-weight: bold; }
.see-also h4 { padding: 0.625rem 0 1.25rem; } /* 10px 0 20px → 0.625rem 0 1.25rem */
.property-wrapper { padding: 100px 0 0 0; }
.brochure { position: relative; background-image: url(../images/Benefits.jpg);background-position: center;background-repeat: no-repeat;background-size: contain;height: 300px;}
.brochure-points { position: absolute; top: 25%; left: 10%; } /* 30px → 1.875rem */
.brochure-points h5 { font-size: 2.1875rem; }
.brochure-points ul { color: #fff; padding-top: 1.25rem; } /* 20px → 1.25rem */
.brochure-points ul li { list-style: disc; font-weight: 300;}
.brochure-points ul li::marker { font-size: 1.125rem; } /* 18px → 1.125rem */
.brochure-download { position: absolute; top: 25%; right: 1.25rem; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.625rem; } /* 45px → 2.8125rem, 20px → 1.25rem, 10px → 0.625rem */
.download-img img { max-width: 5.625rem; max-height: 6.875rem; } /* 90px → 5.625rem, 110px → 6.875rem */
.brochure-load-link {background-color: #fff; color: #8DB136; padding: 0.625rem 1.25rem; text-transform: uppercase;
        display: flex;align-items: center;justify-content: center;font-weight: bold; border-radius: 1.875rem; width: max-content;gap: 10px;border: 0;}

.brochure-load-link span img{width: 15px; display: block !important;}

.balck-points { display: flex; align-items: center; gap: 0.9375rem; padding: 1rem 0; } /* 15px → 0.9375rem, 12px → 0.75rem */
.balck-img img { max-width: 2.8125rem; max-height: 2.8125rem; overflow: hidden; } /* 45px → 2.8125rem */
.balck-lists h4 { font-size: 2.1875rem; color: #fff; }
.left-carbon p { color: #fff; }
.right-carbon img { width: 12.5rem; height: 12.5rem; } /* 200px → 12.5rem */
.carbon-main { display: flex; gap: 6.25rem; align-items: center; padding-top: 2.5rem; padding-bottom: 35px;} /* 100px → 6.25rem, 40px → 2.5rem */
.contain-carbon { margin-top: 6.25rem; } /* 100px → 6.25rem */

.carbon-black {
    background-image: url("../images/carbon-hero.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 5rem 0; /* 80px → 5rem */
    position: relative;
}
.carbon-applications{padding: 100px 20px;}
.carbon-grid-app .apps-boxx .card{background-color: #fff;}
.carbon-wrapper-btn .btn-links { max-width: fit-content; }
.carbon-wrapper-btn { display: flex; gap: 1.25rem; } /* 20px → 1.25rem */
.carbon-name h3 { color: #000 !important; }
.carbon-name { background-color: #fff !important; }
.cr-text { color: #fff; }
/* about main page */
.main-about-page {
    background-image: url("../images/about-hero.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    height: 34.375rem; /* 550px → 34.375rem */
    border: none;
    display: flex;
    align-items: flex-end;
}

.about-banner-content { padding-bottom: 1.875rem; } /* 30px → 1.875rem */
.about-fx { display: flex; flex-direction: column; gap: 1.875rem; } /* 30px → 1.875rem */
.about-time-line { padding: 6.25rem 0; } /* 100px → 6.25rem */
.about-tm-btn .carbon-wrapper-btn { gap: 1.25rem; } /* 20px → 1.25rem */
.about-tm-btn { padding: 0; }
.about-tl-content { display: flex; gap: 0.625rem; position: relative; } /* 10px → 0.625rem */
.about-tm-right { display: flex; align-items: flex-start; text-align: left; flex-direction: column; justify-content: space-between; position: relative; padding: 0 1.25rem 0 0.625rem; } /* 20px → 1.25rem, 10px → 0.625rem */
.timeline { padding-left: 0 !important; }
.timeline-item p { padding: 0 !important; }
.about-fx-text h4 { font-size: 2.1875rem; }
.about-fx p span { color: #000; }
.about-p-c { border-bottom: none !important; }
.about-counter { padding-bottom: 4.125rem; } /* 50px → 3.125rem */

.busness-5 {
    background-image: url("../images/50years.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    height: 9.375rem; /* 150px → 9.375rem */
    border: none;
    display: flex;
    align-items: center;
    margin-bottom: -0.0625rem; /* -1px → -0.0625rem */
}

.busness-5 .container h3 { text-align: center; font-size: 3.75rem; }
.busness-about-sec {
    background-color: #E3E3E3;
    border-radius: 0 0 1.25rem 1.25rem !important; /* 20px → 1.25rem */
    border: none;
    justify-content: flex-start;
    width: 100%;
    height: 785px;
}
.busness-body.active{max-height: 255px;}

.busness-body{max-height: 255px;}
.inner-content-list {display: none;margin-top: 10px;}
.busness-body.active .inner-content-list {display: block;}
.plus-icon {cursor: pointer;}

.swiper-pagination{display: none;}
.busness-card img {height: 100%;overflow: hidden;width: auto; }
.leatest-busness { display: flex; justify-content: center; gap: 1.25rem; } /* 20px → 1.25rem */
.busness-body { padding: 1.25rem; position: relative; display: flex;align-items: center;justify-content: center;flex-direction: column;}
.busness-body img { margin: 0;padding-bottom: 30px;height: 80px; width: auto;}
.busness-for { padding: 0 0 9.375rem !important; position: relative; } /* 150px → 9.375rem */
.shadow-div { position: absolute; top: 0; height: 6.25rem; width: 100%; background: linear-gradient(to bottom, rgb(0 0 0 / 100%), rgba(0, 0, 0, 0)); } /* 100px → 6.25rem */
.plus-icon { height: 2.5rem; width: 2.5rem; position: absolute; background-color: #ffffff; border-radius: 3.125rem; border: 0.0625rem solid #6ab33b; left: 40%;bottom: -17px;}
.plus-icon p { text-align: center; padding: 0.5rem; font-weight: bold; } /* 8px → 0.5rem */
.busness-body p { font-size: 1.25rem; text-align: center; padding-bottom: 1.25rem; } /* 20px → 1.25rem */
.busness-body p span { color: #000; font-weight: bold; }
.busness-card-image { height: 100%; overflow: hidden;}

.value-box {
    background-image: url("../images/value-img.jpg");
    background-size: cover;
    background-position: center;
    justify-content: center;
    background-repeat: no-repeat;
    position: relative;
    height: 31.875rem; /* 510px → 31.875rem */
    border: none;
    display: flex;
    align-items: center;
}

.value-box-card { position: relative; overflow: visible; text-align: center; display: flex; align-items: flex-start; justify-content: center; }
.recognition-card-box > p { padding-bottom: 4.0625rem; color: #fff; } /* 65px → 4.0625rem */
.value-list-awards { position: relative; border-right: 0.0625rem solid #989898; display: flex; height: 15rem; flex-direction: column; justify-content: center; gap: 1.25rem; align-items: center;}
.value-box-card :last-child { border-right: none !important; }
.value-list-awards p { color: #fff; text-transform: uppercase; font-weight: bold; font-size: 1.5rem; line-height: 100% !important;padding: 0 20px;overflow-wrap: normal;word-break: normal;}
.value-item img { max-width: 6.875rem; } /* 110px → 6.875rem */
.value-list { height: 16.875rem; } /* 270px → 16.875rem */
.value-item { padding: 2.5rem 3.75rem 0.9375rem; } /* 40px 60px 15px → 2.5rem 3.75rem 0.9375rem */
.team-box {
    padding: 200px 0 100px;
}

.team-card-box {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
}

/* Card */
.card-anim {
    --d: 0.5s;
    --e: ease;
    position: relative;
    height: 21.875rem;
    border-radius: 0.5rem;
    overflow: hidden;
    display: flex;
    justify-content: center;
    color: #fff;
}

/* Image */
.card-anim img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    transition: transform var(--d) var(--e);
}

/* Content wrapper */
.team-position {
    position: relative;
    z-index: 2;
    text-align: center;
    height: 100%;
    padding-bottom: 0.625rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    transform: translateY(12.25rem);
    transition: transform var(--d) var(--e);
    background: linear-gradient(to top, #000 0%, transparent 100%);
}

/* Dark overlay */
.team-position::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    z-index: 1;
    transition: opacity var(--d) var(--e);
}

/* Text */
.card-anim .title {
    font-size: 1.5rem;z-index: 4;
    text-transform: uppercase;
}

.team-position h3 {
    color: #8DC63F;
    font-size: 1.25rem;
    text-transform: uppercase;
    font-weight: bold;z-index: 4;
}

.team-position p {
    color: #fff;z-index: 4;
    font-size: 1rem;
    padding: 0.625rem;
    line-height: 1.25rem;
}

.team-position a {
    color: #fff;
    font-weight: 300;
    font-size: 1rem;
    text-decoration: underline;
    position: relative;
    z-index: 3;
}

/* Hidden content */
.copy,
.btn-custom {
    opacity: 0;
    transform: translateY(1.25rem);
    transition: var(--d) var(--e);
}

/* Hover effects */
.card-anim:hover .team-position {
    transform: translateY(0);
}

.card-anim:hover .team-position::before {
    opacity: 1;
}

.card-anim:hover .copy,
.card-anim:hover .btn-custom {
    opacity: 1;
    transform: translateY(0);
}

.csr-section-text { padding: 6.25rem 0 6.25rem; } /* 100px → 6.25rem */
.csr-section-text .container h4 { font-size: 6.125rem;
    line-height: 100%;} /* 115px → 7.1875rem */
.csr-section-text .container p { padding: 1.25rem 0; } /* 20px → 1.25rem */

.recognition-div { background-color: #fff; padding: 200px 0;}
.recog-year p { color: #000; }
.recog-year p span { color: #000; font-weight: bold !important; }

.recognition-card-box .r-card-box { height: 24.375rem; display: flex; align-items: center; } /* 390px → 24.375rem */
.about-passage { padding: 1.25rem 0; } /* 20px → 1.25rem */

.csr-page {
    background-image: url("../images/csr-Hero.jpg");
    background-size: cover;
    background-position: center;
    justify-content: center;
    background-repeat: no-repeat;
    position: relative;
    border: none;
    display: flex;
    align-items: center;
    padding: 200px 0;

}

.swiper-div{width: 500px;}

.textarea-csr h4 { font-size: 60px; color: #000000; word-break: break-all; }
.textarea-csr { background-color: #fff; border-radius: 1.25rem; padding: 1.25rem; } /* 20px → 1.25rem */
.textarea-csr p { padding: 1.25rem 0; }
.textarea-csr a { color: #000; text-transform: capitalize; font-size: 1.25rem; font-weight: 300; } /* 20px → 1.25rem */

.categogy-img-downloading { background-color: #fff; padding: 0.625rem 1.25rem; border-radius: 1.875rem; } /* 10px 20px → 0.625rem 1.25rem, 30px → 1.875rem */
.categogy-img-downloading button { border: none; background-color: transparent; text-transform: uppercase; font-size: 17px; }
.categogy-img-downloading button span img { width: 0.9375rem; margin-right: 0.625rem; height: auto; } /* 15px → 0.9375rem, 10px → 0.625rem */
.csr-page-banner { display: flex; align-items: flex-start; }
.csr-title h4 { font-size: 1.5625rem; } /* 25px → 1.5625rem */
.csr-title { height: 5rem; background-color: #fff; text-align: center; display: flex; align-items: center; justify-content: center; } /* 80px → 5rem */
.shadow-img img { max-height: 8.125rem; height: 100%; } /* 130px → 8.125rem */
.Repurposing-main { display: flex; } /* 200px → 12.5rem */
.Repurposing-process { display: flex; flex-direction: column; align-items: center; gap: 2.5rem; } /* 40px → 2.5rem */
.processicons img { width: 7.5rem; } /* 120px → 7.5rem */

.Repurposing-main .col-md-4{position: relative;overflow: hidden;}
.Repurposing-main .col-md-4 .back-img{position: absolute;top: 0;display: flex;justify-content: center;}
.Repurposing-main .col-md-4 .back-img img{width: 82%;}

.Repurposing-process {
    border: none;
    display: flex;
    align-items: center;
    height: 520px; /* 520px → 32.5rem */
    overflow: hidden;
    border-radius: 0 0  1.875rem 1.875rem; /* 30px → 1.875rem */
    padding-bottom: 30px;
    margin: 0 0.3125rem; /* 5px → 0.3125rem */
    padding-top: 2.5rem; /* 40px → 2.5rem */
    position: relative;
    background-color: #E3E3E3;
}

.Repurposingtitle { background-color: #8DC63F; padding: 1.25rem 3.125rem; width: 100%; } /* 20px 50px → 1.25rem 3.125rem */
.Repurposingtitle p { text-align: center; color: #fff; text-transform: capitalize; font-weight: bold; }

.Repurposing-content { text-align: center; display: flex; flex-direction: column; gap: 1.25rem; padding: 0 1.25rem; } /* 20px → 1.25rem */

.cercular-economy {
    background-image: url("../images/circle-economy.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    border: none;
    height: 62.5rem; /* 1000px → 62.5rem */
    overflow: hidden;
    margin-bottom: -1.875rem; /* -30px → -1.875rem */
}

.circle-text { font-size: 4.0625rem; font-weight: bold; text-transform: uppercase; text-align: center; color: #B7BCC0; margin: 0; padding: 0; } /* 65px → 4.0625rem */

/* faqs */
.faqs { padding-bottom: 9.375rem; } /* 150px → 9.375rem */
.accordion-item { margin-top: 0.125rem; border: 0; border-left: 0.25rem solid #8DC63F; border-radius: 0 !important; } /* 2px, 4px → 0.125rem, 0.25rem */
.accordion-button { border-radius: 0 !important; background-color: #E0E0E0; font-weight: bold; }
.accordion-button:not(.collapsed) { background-color: #E0E0E0; color: #000; }
.accordion-button:focus { box-shadow: none; }

.cm-text { font-size: 2rem; text-transform: uppercase; padding: 1.5625rem 0 0.625rem; font-weight: bold; color: #000; } /* 32px, 25px, 10px → 2rem, 1.5625rem, 0.625rem */

.faqs-btns::after {
    background-image: url("../images/open.png") !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 0.9375rem; /* 15px → 0.9375rem */
    height: 0.9375rem;
    margin-top: 0.3125rem; /* 5px → 0.3125rem */
}

.faqs-btns:not(.collapsed)::after {
    background-image: url("../images/close.png") !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 0.9375rem; /* 15px → 0.9375rem */
    height: 0.9375rem;
}

.modal.show .modal-dialog { max-width: 50rem; } /* 800px → 50rem */
#jobForm .form-group { padding-bottom: 0.625rem; } /* 10px → 0.625rem */
#jobForm { padding: 1.25rem; } /* 20px → 1.25rem */
#jobForm .form-group label { font-weight: bold; color: #707070; padding-bottom: 0.3125rem; } /* 5px → 0.3125rem */

.studies-btn { justify-content: center; }
.case-studies-para p { color: #FF0000; }
.sub-text { padding: 0.9375rem 0; } /* 15px → 0.9375rem */
.sub-text span { font-weight: bold; color: #000; margin-right: 0.625rem; } /* 10px → 0.625rem */
.case-items p { padding-bottom: 1.25rem; } /* 20px → 1.25rem */
.case-items { padding-bottom: 150px; }

.sustain-cirtificate { display: flex; gap: 0.625rem; padding: 0.625rem 0; } /* 10px → 0.625rem */
.sustain-cirtificate img { width: 4.375rem; height: 4.375rem; } /* 70px → 4.375rem */
.sustainability-banner .container { display: flex; align-items: center; }
.sustainability-banner { background-color: #D2F5BE; border-radius: 0; border-bottom: 0.9375rem solid #015884; padding: 1.25rem 0; } /* 15px → 0.9375rem, 20px → 1.25rem */
.sustain-img { margin-bottom: -4.375rem; } /* -70px → -4.375rem */
.cirtificate-sustain h6 { text-transform: uppercase; font-weight: 800; padding-bottom: 0.5rem; text-align: start; } /* 8px → 0.5rem */
.cirtificate-sustain { font-weight: 100; }
.sustain-cirtificate:nth-child(1) { border-bottom: 0.125rem solid #5EA836; } /* 2px → 0.125rem */
.sustainability-stocks { padding: 5rem 0; } /* 80px → 5rem */
.sustain-divs { width: 100%; max-width: 26.875rem; padding: 1.875rem; } /* 430px → 26.875rem, 30px → 1.875rem */
.sustain-details { display: flex; flex-direction: column; }
.sustain-details span { text-transform: uppercase; }
.sustainability-inner-div { display: flex; flex-direction: column; height: 100%; justify-content: space-between; }
.sustainability-container { display: flex; flex-wrap: wrap; justify-content: center; gap: 0; }
.sustainability-container :nth-child(4),
.sustainability-container :nth-child(5),
.sustainability-container :nth-child(6) { border-bottom: none; }

.contact-map { width: 100%; height: 31.25rem !important; position: relative;} /* 500px → 31.25rem, 100px → 6.25rem */
.contact-map h5 { text-transform: uppercase; position: absolute; bottom: 1.875rem; left: 10%; z-index: 2; } /* 30px → 1.875rem */
.contact-map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.contact-map::after { content: ""; position: absolute; inset: 0; background: rgb(143 143 143 / 40%); pointer-events: none; }

#tile-1 .tab-pane { min-height: 7.5rem; background: #fff; border-radius: 0.375rem; } /* 120px → 7.5rem, 6px → 0.375rem */
#tile-1 .nav-tabs { position: relative; height: 6.25rem; border: none !important; background-color: #fff; border-radius: 0; border-bottom: 0.0625rem solid #707070 !important; align-items: center; gap: 85px; }
#tile-1 .nav-tabs li a { padding: 0; font-size: 1rem; border: none !important; color: #333; width:200px; } /* 200px → 12.5rem */
#tile-1 .slider { display: inline-block; width: 1.875rem; height: 0.25rem; border-radius: 0.1875rem; position: absolute; bottom: 0; z-index: 1200; transition: all .4s linear; }

#tile-1 .nav-tabs li a.nav-link img { opacity: 0.5;}
#tile-1 .nav-tabs li a.nav-link.active img { opacity: 1; }

.directors{text-align: center; padding-bottom:50px; font-size:80px;}


.contact-address { display: flex; justify-content: space-between; border-bottom: 0.0625rem solid #707070; } /* 1px → 0.0625rem */
.contactus-head img { height: 1.875rem; width: 1.875rem; } /* 30px → 1.875rem */
.contactus-head { display: flex; gap: 0.3125rem; align-items: center; } /* 5px → 0.3125rem */

.contact-headings {position: relative;padding:40px 20px; }

.c-head-name { max-width: 25rem; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 0.625rem;height: 100%; } /* 400px → 25rem, 10px → 0.625rem */
.contact-lists li { font-weight: bold; }
.contact-lists li a { color: #000; font-weight: 300; }
.c-us-btn {bottom: 1.25rem; } /* 20px → 1.25rem */

.contact-us-form { background: #000; }
.reachout-box { padding: 3.125rem 1.25rem; color: #fff; } /* 50px → 3.125rem, 20px → 1.25rem */
.reachout-box .intro-text { font-size: 1rem; margin-bottom: 3.75rem; color: #fff; } /* 60px → 3.75rem */
.quote-icon { font-size: 6.25rem; line-height: 1.25rem; font-weight: bold; } /* 100px, 20px → 6.25rem,1.25rem */
.quote-text { font-size: 1rem; line-height: 1.9; } /* 16px → 1rem */
.desktop-toggle { padding: 0 0 0.625rem 0; } /* 10px → 0.625rem */

/* Input underline effect */
.input-line { display: inline-block; position: relative; border-bottom: 0.0625rem solid #fff; margin: 0 0.3125rem; top: -0.625rem; } /* 150px, 1px, 5px, 10px */
.input-line.short { width: auto; } /* 110px → 6.875rem */
.input-line.long { width: 15rem; } /* 240px → 15rem */

.input-line input,
.input-line select { width: 100%; background: transparent; border: none; color: #fff; padding: 0.125rem; font-size: 1rem; outline: none; } /* 2px → 0.125rem, 16px → 1rem */
.input-line select option { color: #000; }

.submit-btn { margin-top: 1.5625rem; background: #8DC63F; border: none; padding: 0.625rem 1.875rem; color: #fff; font-weight: bold; font-size: 1rem; border-radius: 1.875rem; cursor: pointer; transition: 0.2s; } /* 25px → 1.5625rem, 10px/30px → 0.625rem/1.875rem, 30px → 1.875rem */
.submit-btn:hover { background: #6ab33b; }

/* THANK YOU BOX */
.thankyou-box { display: none; margin-top: 1.25rem; padding-left: 0.625rem; border-left: 0.1875rem solid #666; } /* 20px → 1.25rem, 10px → 0.625rem, 3px → 0.1875rem */
.thank-btn { background: #7ccf4d; padding: 0.5rem 1.375rem; font-weight: 600; border-radius: 1.25rem; border: none; } /* 8px → 0.5rem, 22px → 1.375rem, 20px → 1.25rem */
.thank-text { margin-left: 0.625rem; opacity: .9; } /* 10px → 0.625rem */

/* Right message box */
.right-message { display: none; position: relative; }
.right-message p { position: absolute; left: 10rem; bottom: 0.625rem; font-weight: 100; } /* 160px → 10rem, 10px → 0.625rem */

/* Downloads */
.download-product { height: auto; }
.download-paragraph { padding:5px 0 0; } /* 30px → 1.875rem */
.downloads-items img { width: 100%; }

.downloads-items { position: relative; }
.downloads-items a { position: absolute; left: 0; bottom: 1.25rem; color: #fff; text-decoration: underline; font-size: 19px; background-color: transparent; border: none; font-weight: 300; line-height: 1.5625rem; width: 100%;text-align: left;padding: 0 15px; word-break: break-word;
    overflow-wrap: anywhere;white-space: normal;}
.downloads-items a:hover { color: #fff !important; text-decoration: underline; }

.download-head-category { padding: 1.5625rem 0 0.9375rem; text-transform: uppercase; } /* 25px/15px → 1.5625rem/0.9375rem */
.download-grid { gap: 1.4375rem; justify-content: flex-start; border-bottom: 0; flex-wrap: wrap; } /* 23px → 1.4375rem */

.download-subcategory-title{padding: 1.5625rem 0 0.9375rem; text-transform: uppercase; font-weight: bold;color: #000;font-size: 26px;}

/* CSR */
.building-tabs { padding: 3.75rem 0; /* 60px → 3.75rem */
    box-shadow:
        0 -0.625rem 0.9375rem -0.3125rem rgba(255,255,255,0.8),  /* top: 10px 15px -5px → rem */
        0 0.625rem 0.9375rem -0.3125rem rgba(255,255,255,0.8);   /* bottom */
}
.clean-planet {
    background-image: url("../images/inner-planet.jpg");
    background-size: cover;
    background-position: center;
    justify-content: center;
    background-repeat: no-repeat;
    position: relative;
    border: none;
    display: flex;
    align-items: center;
    height: 75rem; /* 1200px → 75rem */
}
.clean-planet .container { padding-bottom: 9.375rem; } /* 150px → 9.375rem */
.clean-planet .container p { padding-bottom: 1.25rem; } /* 20px → 1.25rem */
.clean-planet .container p span { color: #000; font-weight: bold; }

/* About fx text */
.about-fx-text h4 {
    font-size: 2.1875rem; /* 35px → 2.1875rem */
    font-weight: 900;
    text-align: left;
    text-transform: uppercase;
    margin: 0;
    padding-left: 0;
    background: url(../images/Logo\ Layer.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.mask-img {
    text-transform: uppercase;
    background: url(../images/Logo\ Layer.jpg);
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.banner-about-main { position: relative; }
.banner-about-main img {
    position: absolute;
    bottom: -7.8125rem; /* -125px → -7.8125rem */
    right: 18.5%;
    width: 5.625rem; /* 90px → 5.625rem */
}

.building-tabs-texts {
    text-align: left;
    padding-bottom: 5rem; /* 80px → 5rem */
    margin-top: -15.625rem; /* -250px → -15.625rem */
}
.building-tabs-texts h4 { font-size: 6rem; line-height: 100%;padding-bottom: 40px;} /* 130px → 8.125rem */

.chart-data ul li { display: flex; }
.chart-data ul li :nth-child(1) { border-radius: 1.25rem 0 0 1.25rem; } /* 20px → 1.25rem */
.chart-data ul li :nth-child(2) { border-radius: 0 1.25rem 1.25rem 0; }

.investor-notice {
    display: flex;
    align-items: center;
    gap: 3.125rem; /* 50px → 3.125rem */
}
.investor-notice h3 { font-size: 3.4375rem !important; } /* 55px → 3.4375rem */
.notice-box p {
    color: #fff;
    font-size: 1.875rem; /* 30px → 1.875rem */
    text-transform: uppercase;
    font-weight: bold;
}

.reports-second {
    color: #000;
    text-transform: capitalize;
    font-size: 1.125rem;
    line-height: 100%;
    padding-top: 10px;
}
.investor-downlod-items { width: 165px; }
.Typical-benefits{padding:100px 0px;}
.appnav .nav-link {padding: 0;border: none;}
.appnav .nav-link .apps-boxx{max-width:260px;width: 100%;margin: 0;overflow: hidden;}
.appnav .nav-link.active {border: none;}
.appnav .nav-link.active .apps-boxx .card .card-body .product-name h3 {color: #ffffff;}
.appnav .nav-link.active .apps-boxx .card .card-body .product-name {background-color: #8DC63F;}
.appnav .nav-link.active .apps-boxx .card {background-color: #8DC63F;}
.application-products {padding-bottom: 0 !important;}
#app-slideing {gap: 20px;border: none;position: relative;}
#app-slideing .appnav .nav-link .apps-boxx .card .card-body .product-name{background-color: transparent;}

.app-stocks-range {display: flex;flex-wrap: wrap;justify-content: space-between;}
.app-stocks-range .range{width: 49%;height: 65px;display: flex;flex-direction: column;justify-content: flex-end;}
.app-stocks-range .range p{font-weight: bold;}
.apps-avails-name{padding: 40px 0 0;}
.apps-avails-name h4{font-size: 2.1875rem;}

.slide-project::before,
.slide-project::after {content: '';position: absolute;top: 0;bottom: 0;width: 100px;z-index: 2;pointer-events: none;}

.slide-project::before {left: 0;background: linear-gradient(to right, #f5f5f5, transparent);}
.slide-project::after {right: 0;background: linear-gradient(to left, #f5f5f5, transparent);}

.cmn-pad .property-name h4{color: #FF0000;}
.rubber-crumb-div #app-slideing{justify-content: flex-start;}
.rubber-crumb-app-name h4{font-size: 2.1875rem;}
.crumb-container-main{padding: 0 0 100px;margin-top: 50px;}
.industries-paragraph p{color: #FF0000;padding: 20px 0;}
.cmn-pad{padding: 50px 20px;}



/* pop-up */

 /* Overlay */
.popup-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;
background: rgb(176 176 176 / 92%);display: none;z-index: 9999;justify-content: center;}

/* Popup Box */
.popup-box {
width: auto;
max-width: 700px;
color: #fff;
margin-top: -100%;
opacity: 0;
transform: scale(0.9);
transition: all .6s ease;
position: relative;
}
/* Slide into middle */
.popup-box.show {margin-top: 0;opacity: 1;transform: scale(1);}
.download-pop-up{position: relative;height: 680px;}
.download-pop-up img{max-width: 600px;height: 100%;}

/* Close Button */
.popup-close {position: absolute;top: 15px;right: 20px;font-size: 1.5rem;cursor: pointer;color: #fff;font-weight: bold;}

.popup-box input::placeholder{
    color: #fff;
}

.popup-box input:focus{
    background-color: transparent;
}

.popup-box input,
.popup-box select {
width: 100%;
padding: 5px;
margin-top: 16px;
border: none;
background: transparent;
border-bottom: 1px solid #ffffff;
color: #fff;
font-size: 1.125rem;
outline: none;
background-color: #000;
}

/* Submit Button */
.submit-btn {
background: #8DC63F;
color: #fff;
font-size: 1.125rem;
font-weight: bold;
padding: 10px 20px;
border: none;
border-radius: 20px;
cursor: pointer;
}

.download-pop-up p {font-size: 1.5rem;border-bottom: 2px solid #fff;padding-bottom: 10px;margin-bottom: 25px;}
.popup-box p {font-size: 1.25rem;line-height: 30px;color: #fff;margin-top: 20px;}

.popup-sms-box img {width: 40px;}
.popup-sms-box{position: absolute;top: 0;padding: 40px 40px 0px 40px;}
.pop-up-text{max-width: 600px;margin: 0 !important;color: #000 !important;line-height: 26px !important;font-size: 17px !important;margin-top: 10px !important;}


/* WRAPPER */
.building-tab-content {
display: flex;
gap: 20px;
}

/* CLOSED ITEM STATE */
.building-items {
flex: 1;
height: 600px;
cursor: pointer;
position: relative;
overflow: hidden;
border-radius: 0;
transition:
flex .5s ease,
transform .5s ease,
opacity .4s ease;
}

/* IMAGE */
.building-items img {
width: 100%;
height: 100%;
object-fit: cover;
filter: brightness(0.7);
transition: filter .4s ease;
}

/* TITLE */
.building-items h2 {
position: absolute;
top: 50%;
left: 20px;width: 100%;
transform: translateY(-50%) rotate(-90deg);
color: #fff;
font-size: 2.1875rem;
font-weight: bold;
margin: 0;
z-index: 3;
text-align: center;height: 80px;
text-transform: uppercase;
transition: all .5s ease;
}

/* EXPANDED ITEM STATE */
.building-items.active {
flex: 4;
/* Always same expanded width */
}

/* DARKER IMAGE WHEN ACTIVE */
.building-items.active img {
filter: brightness(0.45);
}

/* GRADIENT OVERLAY */
.building-items::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(to right, rgba(0, 0, 0, 0.0) 5%, transparent 80%);
opacity: 0;
transition: opacity .4s ease;
}

.building-items.active::after {
opacity: 1;
background: linear-gradient(to right, rgba(0, 0, 0, 0.7) 5%, transparent 80%);
}

/* INNER CONTENT */
.inner-buid-content {
opacity: 0;
transform: translateX(40px);
transition: opacity .5s ease, transform .5s ease;
position: relative;
z-index: 5;
color: #fff;
width: 0;
/* hidden until active */
}

/* ACTIVE INNER CONTENT */
.building-items.active .inner-buid-content {
opacity: 1;
transform: translateX(0);
width: 600px;
position: absolute;
top: 0;
right: 50px;
display: flex;
justify-content: center;
flex-direction: column;
height: 100%;
}

.building-items.active .inner-buid-content p {color: #fff;}
/* TITLE MOVE WHEN ACTIVE */
.building-items.active h2 {left: -42%;width: 100%;text-align: center;}

/* footer */
footer{background: #000;}
.foter-headings {background-image: url('../images/Logo\ Layer.jpg');
  background-size: cover;background-position: center;background-repeat: no-repeat;color: #fff;position: relative;padding: 30px 0;top: 5px;
}
.foter-texts { text-transform: uppercase; }
.foter-texts h3 { font-size: 2.125rem; font-weight: bold; margin: 0; } /* 50px → 3.125rem */
.foter-texts h2 { font-size: 5.5rem; font-weight: bold; margin: 0; } /* 120px → 7.5rem */

.main-foter {
    padding: 1.875rem 0 1.25rem 0; /* 30px 0 20px → rem */
    border-bottom: 1px solid #fff;
    display: flex;
    align-items: center;
}
.foter-logo { width: 15.625rem; height: auto; } /* 250px → 15.625rem */

.footer { color: #fff; padding: 3.125rem 0; } /* 50px → 3.125rem */
.foter-items-wrapper { display: flex; justify-content: space-between; padding-top: 4.375rem; } /* 70px → 4.375rem */
.gap-link { margin-top: 0.9375rem; } /* 15px → 0.9375rem */

.foter-item h3 {
    margin-bottom: 0.9375rem; /* 15px → rem */
    font-size: 1.125rem; /* 18px → rem */
    font-weight: bold;
    color: #fff;
}
.foter-links ul { list-style: none; padding: 0; margin: 0; }
.foter-links ul li a span { padding-top: 1.25rem; } /* 20px → rem */
.foter-links a { color: #fff; text-decoration: none; font-size: 1.125rem; font-weight: 300; }
.foter-links a:hover { color: #8DC63F; }

.social-icons {
    display: flex;
    text-decoration: none;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 0.3125rem; /* 5px → rem */
}
.social-icons img { height: auto; width: 3.125rem; border-radius: 50px;} /* 50px → rem */

.first-foter-item { display: flex; flex-direction: column; gap: 5.625rem; } /* 90px → rem */
.cont-link a { font-size: 1.25rem; font-weight: bold; color: #fff; }

.bottom-foter {
    padding: 0.9375rem 0; /* 15px → rem */
    display: flex;
    justify-content: space-between;
}
.bottom-foter p { margin: 0; color: #fff; }

.new-offer { position: relative; }
.offer-img { position: absolute; top: -1.125rem; right: 1.25rem; } /* -18px → -1.125rem, 20px → 1.25rem */
.offer-img img { width: 2.5rem; height: auto; border-radius: 0; } /* 40px → rem */
.tag { position: absolute; bottom: 2.8125rem; left: 45%; } /* 45px → rem */
.tag img { width: 2.5rem; height: auto; border-radius: 0; }

/* ===== LOGIN PAGE STYLES ===== */
.login-wrapper {
    min-height: 100vh;
    display: flex;
    align-items: center;
    padding: 2.5rem 0; /* 40px → 2.5rem */
    background: #edfeef !important;
}

.form-container {
    max-width: 34.375rem; /* 550px → rem */
    background: #040642;
    padding: 2.1875rem 2.5rem; /* 35px 40px → rem */
    border-radius: 0.9375rem; /* 15px → rem */
    box-shadow: 0 0.9375rem 1.5625rem rgba(0, 0, 0, 0.15); /* 15px,25px → rem */
    animation: fadeIn 0.5s ease;
}

.form-container h3 {
    text-align: center;
    margin-bottom: 1.5625rem; /* 25px → rem */
    font-weight: 700;
    color: #fff;
}

.user-form .form-input { margin-bottom: 1.25rem; } /* 20px → rem */
.user-form label { font-weight: 600; color: #fff; margin-bottom: 0.375rem; display: inline-block; } /* 6px → rem */
.user-form input {
    width: 100%;
    padding: 0.75rem 0.875rem; /* 12px 14px → rem */
    border: 0.1rem solid #ddd; /* 1.6px → rem */
    border-radius: 0.625rem; /* 10px → rem */
    font-size: 0.9375rem; /* 15px → rem */
    transition: all 0.3s ease;
}
.user-form input:focus {
    border-color: #0d6efd;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.15); /* 4px → rem */
    outline: none;
}

.sbmit-btn {
    width: 100%;
    padding: 0.75rem; /* 12px → rem */
    font-size: 1rem;
    border-radius: 0.625rem; /* 10px → rem */
    margin-top: 0.625rem; /* 10px → rem */
    font-weight: 600;
    background-color: #8cc63f !important;
    color: #fff;
}

#loginResult { text-align: center; font-weight: 600; }

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.row-container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.home-product { padding: 1.25rem; } /* 20px → 1.25rem */

.team-slider {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 1.25rem; /* 20px → 1.25rem */
}

.team-slider .swiper-slide {
    width: 100%;
    max-width: 18.75rem; /* 300px → 18.75rem */
    height: auto;
}

/* Arrows */
.swiper-button-next,
.swiper-button-prev {
    color: #000;
    top: 50%;
    transform: translateY(-50%);
    display: none;
}

.rubber-buttom { display: flex; }

.bottom-foter p a:hover { color: #5EA836 !important; }

.f-download img {
    width: 0.9375rem; /* 15px → rem */
    height: auto;
    margin-right: 0.3125rem; /* 5px → rem */
}

.brand-wrapper { gap: 1.25rem !important; padding: 0 0.9375rem; } /* 15px → rem */
.brand-wrapper .row{row-gap: 20px;position: relative;}

.about-right-logo {
    display: flex;
    align-items: center;
    position: absolute;
    right: -6.25%; /* -10% roughly same in % units */
    top: 9.375%; /* 15% → rem relative approximation */
    display: none;
}

.about-right-logo .testi-img img {
    width: 10rem; /* 160px → rem */
    height: 10rem; /* 160px → rem */
}

.inner-div-col { width: auto !important; }

.col-csr {
    width: 24%;
    display: flex;
    flex-direction: column;
    gap: 40px; /* 40px → 2.5rem */
}

.col-csr .card {
    border-radius: 1.25rem; /* 20px → rem */
    border: none;
    overflow: hidden;
}

.csr-page-banner { gap: 40px; } /* 20px → 1.25rem */

.pro-zero{padding: 0 !important;}
.application-industry{padding: 100px 0px;}

.icon-tooltip {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 35px;
height: 35px;
background: #8DC63F;
border-radius: 50%;
cursor: pointer;
border: 5px solid #fff;
}

.tooltip-data {
background-color: #8DC63F;
height: 30px;
width: max-content;
padding: 20px;
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 40px;
border: 5px solid #fff;
}

.tooltip-data p {
color: #fff;
font-weight: bold;
font-size: 18px;
text-transform: capitalize;
}

.icon-tooltip-show{position: absolute;top: -5px;left: -5px;}

.tooltip-data p::before {
content: "";
display: inline-block;
height: 30px;
width: 30px;
background-color: #fff;
border-radius: 50%;
margin: 0 8px 0 -15px;
vertical-align: middle;
}

.hover-items {position: relative;width: 40px;height: 40px;}

.icon-tooltip-show {
opacity: 0;
visibility: hidden;
transition: 0.3s ease;
}

.icon-tooltip {
opacity: 1;
transition: 0.3s ease;
}

.hover-items:hover .icon-tooltip {
opacity: 0;
visibility: hidden;
}

.hover-items:hover .icon-tooltip-show {
opacity: 1;
visibility: visible;
}

.economy-icon1{position: absolute;top: 60%;left: 30%;}
.economy-icon2{position: absolute;top: 20%;left: 40%;}
.economy-icon3{position: absolute;top: 30%;left: 55%;}
.economy-icon4{position: absolute;top: 10%;left: 60%;}
.economy-icon5{position: absolute;top: 50%;left: 50%;}

.circle-nav{display: flex;align-items: center;justify-content: center;gap: 20px;}
.circle-nav ul li{color: #fff;text-transform: uppercase;font-weight: bold;text-decoration: underline;cursor: pointer;}
.circle-nav ul{display: flex;align-items: center;justify-content: center;gap: 20px;}

.polly-stock{padding: 20px 0 !important;}
.home-chart{width: 100%;}
.csr-content2{padding-bottom: 10px;}

#bsechart-tab{border: none !important;
    color: #fff;position: relative;background: #8DC63F;border-radius: 30px;width: 130px;padding: 5px;margin-left: 20px;}


.about-recognition2 .recognition-div{padding: 0 0 200px;}
.product-wrapper>.pr-listings{display: flex;flex-direction: column;justify-content: space-between;}
.product-wrapper>.row-container>.pr-listings{display: flex;flex-direction: column;justify-content: space-between;}
.light-text .stocks-range .range label{font-weight: 300;}
.description-product{text-transform: uppercase;font-weight: bold;font-size: 20px;color: #A1D164;}
.pab-btn{padding-bottom: 20px;}

.tab-content>.tab-pane{position: relative;z-index: 9;}


.rotate {
    height: 100px;
    overflow: hidden;
    position: relative;
}

.rotate h2 {
    margin: 0;
    height: 100px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.6s ease;
}

.rotate h2.active {
    opacity: 1;
    transform: translateY(0);
    top: 0;
}

.popup-hidden {opacity: 0;visibility: hidden;transition: 0.4s ease;}

.tradingview-widget-container{height: auto !important;max-width: 351px;width: auto !important;}
.tv-embed-widget-wrapper__body{border:none !important;}

.second-tab .tab-btn {
    border: 0;
    background: transparent;
    color: #555;
    padding: 0 8px 0 0;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* ACTIVE TAB */
.second-tab .tab-btn.active p {
    color: #8DC63F !important;

}

.second-tab .tab-btn:nth-child(1){
    border-right: 2px solid #707070;
}
.second-tab .tab-btn:nth-child(2){
    border-right: 2px solid #707070;
}
.acc-building-items{padding: 20px 0;}

.acc-building-items li {
    position: relative;
    padding-left: 20px;
    font-size: 20px;
    line-height: 30px;
    font-weight: 300;
    list-style: none;
}

.acc-building-items li::before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 10px;
}

.stock-box{display: flex;align-items: flex-start;gap: 30px;}
.listing-ul{padding-left: 16px;}
.listing-ul li{list-style: disc !important;text-transform: capitalize;}

.stock-box .app-stocks-range{flex-direction: column;}
.stock-box .app-stocks-range .range{height: auto;width: auto;margin-bottom: 10px;}

.progress-fill{--progress: 100% !important;}
.range{width: max-content;}

.investor-copy button{position: absolute;border: none;
    left: 0;
    bottom: 1.25rem;
    color: #fff;
    text-decoration: underline;
    font-size: 22px;
    background-color: transparent;
    border: none;
    font-weight: 300;
    line-height: 1.5625rem;
    width: 100%;
    text-align: left;
    padding: 0 15px;
    word-break: break-word;
    overflow-wrap: anywhere;
    white-space: normal;}
.contact-lists{list-style: none;}
.showMoreBtn{border: none;}
.notice-box{display: none;}
.carbon-botton{padding: 150px 20px;}
.carbon-applications{padding: 100px 20px 0;}
.carbon-btns{padding-top: 50px;}

.new-address-div{display: flex;flex-direction: column;gap: 40px;}
.Queries-div a{color: #000;}
.Queries-div2{display: flex;}

.Queries-div2 .lisience h3{padding: 0 0 10px 0;}
.place p span img{width: 40px;height: auto; margin-right: 10px;}
p{word-break: break-word;overflow-wrap: anywhere;white-space: normal;}
.stock-exchange a img{width: 250px;height: auto;}
.stock-exchange{display: flex;gap: 50px;flex-direction: column;max-width: 250px;}
@media (max-width: 1440px) {.ptag-img{right: 0;}.swiper-div{width: auto;}

.app-head h2 {
    background-position: 150% 35%;
}
}

@media (min-width: 850px) and (max-width: 1400px) {
.busness-body img{width: 100%;max-width: 220px;max-height: 80px;height: 100%;}

}


@media (max-width: 1380px) {
h4, h5 { font-size: 3.125rem; } /* 50px → 3.125rem */
.links-box .para h3 { font-size: 1.625rem; } /* 26px → 1.625rem */
.csr-section-text .container h4 { font-size: 7.125rem; } /* 114px → 7.125rem */
.recognition-awards img { width: 8.75rem; } /* 140px → 8.75rem */
.recognition-card-box .r-card-box { height: 19.6875rem; } /* 315px → 19.6875rem */
.counter-sec { gap: 1.25rem; } /* 20px → 1.25rem */
.green-content-box h2 { font-size: 3.75rem; } /* 60px → 3.75rem */
.green-content-box h3 { font-size: 1.875rem; } /* 30px → 1.875rem */

.building-items.active .inner-buid-content{right: 0;padding: 0 30px;}
.pruduct-bg h5{font-size:1.875rem;}
.pruduct-bg p{font-size:0.875rem;}
.ptag-img img{width: 7.375rem;}
#tile-1 .nav-tabs {
flex-wrap: nowrap !important;overflow-x: scroll;justify-content: flex-start !important;
}
}

@media (max-width: 1335px) {
    .sustain-divs{max-width: 23.875rem;}
    #crumb-slideing >.appnav .nav-link .apps-boxx{max-width: 210px;}

}

@media (max-width: 1250px) {
#contactus-tab{flex-wrap: nowrap !important;overflow-x: scroll;justify-content: flex-start !important;gap: 40px;}
.contact-address{border: 0;}
.contact-headings{width: 50%;padding: 40px 15px;}
.border-rt{border: 0;}
}

@media (max-width: 1220px) {
 h4,h5{font-size:2.5rem;}
.navbar-nav{gap:0.625rem;}
.navbar .nav-link{font-size:1rem;}
.links-box .para h3{font-size:1.8rem;}
.recognition-awards img{width:7.25rem;}
.recognition-awards{padding:0.625rem 1.25rem;}
.green-head h2{font-size:6.875rem;}
.green-content-box h3{font-size:1.375rem;}
.green-content-box{gap:0;}
.app-head h2{background-position:80% 35%;}
.counter-box h2{font-size:2.25rem;}
.counter-box p{font-size:0.875rem;}
.counter-sec{flex-wrap:wrap;}

.product-bg-sm-center>.pruduct-bg-heading{top:2.5rem;}
/* .pruduct-bg-paragraph{left:1.25rem;} */
.csr-page-banner{display:block;column-count:3;column-gap:1.5625rem;}
.col-csr{width:auto;}
.shadow-img{margin-bottom:2.5rem;}
.building-tabs-texts{margin-top:0;}
.main-foter{align-items:center;flex-wrap:wrap;flex-direction:column;}
.main-foter .col-md-3{width:100%;}
.main-foter .col-md-9{width:100%;}
.first-foter-item{align-items:flex-end;justify-content:space-between;flex-direction:row;}
.building-items.active .inner-buid-content{padding: 0 20px 0 80px;width: auto;}
.small-poduct-list{padding: 0 !important;}
.natural-rubs ul{height: auto;padding: 0;}
.tab-content>.tab-pane .product-wrapper{padding: 0;}
.tab-content>.tab-pane .application-wrapper{padding: 0;}
.tab-content>.tab-pane .property-wrapper{padding: 0;}
.tab-content>.tab-pane .Recommended-wrapper{padding: 0;}
.brochure{background-image: none;background-color: #8dc73f;}
.brochure-points{top: 30px;left: 30px;}
.brochure-download{bottom: 20px;}
.right-btn-link a{font-size: 14px;}
.sustain-divs{max-width: 21.875rem;}
}

@media (max-width: 1120px) {
.main-foter{gap: 30px;}
.recognition{height: 520px;}
.socially-strong{padding: 50px 0;}
.go-green-sec{padding: 0;}
.testi-img img{width: 10rem;height: 10rem;}
.client-pic img{width: 9rem;height: 9rem;}
.carousel-control-prev { left: -1rem; }
.carousel-control-next { right: -0.5rem; }
.small-poduct-list{display: block;column-count: 2;}
.small-poduct-list>.rubberproduct-lists{padding-bottom: 20px !important;}
.plastic-banner-contents p{width: 95%;}
.row-container{align-items: flex-start;}
.clean-planet{height: 50rem;}
.plastis-keys-items{width: 20rem;height: 13.5rem;}
.sustain-divs{max-width: 19rem;}

.crumb-container-main{flex-direction: column;}
.crumb-container-main .col-md-5{width: 100%;padding-bottom: 50px;}
.crumb-container-main .col-md-7{width: 100%;padding: 0;}
.crumb-container-main .col-md-7 .tab-content{padding: 0;}
.value-box-card {display: flex;overflow-x: scroll;gap: 0.9375rem;padding-bottom: 0.625rem;justify-content: flex-start;}
.value-list-awards{width: 18.75rem !important;height: 12.5rem;border: 0.0625rem solid #fff;padding: 1.25rem;border-radius: 0.9375rem;}
.value-item{padding: 0;width: 10rem;}
}

/* Scrollable nav on mobile */
@media (max-width: 1000px) {
.main-banner-text{width: 98%;}
.main-banner-text h1{margin-bottom: 1.25rem;font-size:4rem ;}
.main-banner img {width: 100%;object-fit: cover;}
.main-banner {position: relative;overflow: hidden;}

.tabSlider .swiper-wrapper {display: flex;}
.tabSlider .swiper-slide a {padding: 0.625rem 1.125rem;font-size: 0.875rem;white-space: nowrap;}
.swiper.contentSlider {width: 100%;}
#tile-1 .nav-tabs {flex-wrap: wrap;height: auto;padding-bottom: 0.625rem;align-items: center;justify-content: center;gap: 0.625rem;}
#downldProducts{padding: 0;}
#tile-1 .nav-tabs li {flex: 0 0 auto;}
#tile-1 .nav-tabs li a {padding: 0.75rem 1.25rem !important;}
.value-item img{max-width: 3.75rem;}
.busness-5 .container h3{font-size: 1.875rem;}




.leatest-grp-news{column-count: 2;}
.product-wrapper{padding: 0 !important;}
.about-counter{padding-bottom: 1.25rem;}
.download-product{height: 12.5rem !important;}
.side-menu {width: 100%;right: -100%;}
.mobile-nav{display: block !important;}
.tabSlider .swiper-wrapper .swiper-slide{width: auto !important;}
.timeline-item p{padding: 0 !important;line-height: 2.5rem !important;}
.value-box-card :nth-child(5){border: 0.0625rem solid #fff !important;}
.right-message p{bottom: 0;}
.shadow-div{display: none;}
.foter-texts h3{font-size: 1.875rem;}
.foter-texts h2{font-size: 5.625rem !important;}
.green-head h2{line-height: 5rem;font-size: 5.3125rem;}
.green-content-box h2{font-size: 3.125rem;width: 18.125rem;}
.green-content-box h3{font-size: 1.125rem;}
.go-green-sec{padding: 0;}
.app-head h2{background-position: 75% 35%;}
.pruduct-bg h5{font-size: 28px;}
.pruduct-bg p{font-size: 20px;}
.csr-page-banner{column-count: 2;}

.building-tabs-texts{padding: 3.125rem 1.25rem;}
.building-tab-content{display: block;position: relative;}
.building-items h2{transform:translateY(0%) rotate(0deg);width: 100%;text-align: center;left: 0;height: max-content;top: 80%;padding: 0 1.25rem;}
.inner-buid-content{transform: translateX(0);}
.building-items.active h2{left: 0;}
.building-items{margin-bottom: 1.25rem;height: 26.25rem;position: sticky;top: 1.25rem;z-index: 5;}
.about-section{padding:0;}
.recognition-awards img{width: 7rem;}
.csr-content{padding-bottom: 1.25rem;}
.news-card{max-width: 100%;}
.contain-app{position: relative;padding: 20px 0;}
.about-tl-content{flex-direction: column-reverse;}
.about-fx{width: 100%;}
.carbon-btns{padding: 0 !important;}
.about-tm-right{width: 100%;gap: 20px;padding: 0;}
.banner-about-main img{bottom: -6.8125rem;}
.textarea-csr h4{font-size: 3rem;}
.csr-title h4{font-size: 1.5rem;}
.small-poduct-list .rubberproduct-lists{padding-bottom: 20px;}
.application-items{gap: 1.25rem;}
.see-items{gap: 20px;}
.application-wrapper{padding: 0;}
.property-wrapper{padding: 0;}
.Recommended-wrapper{padding: 0;}
.app-head span{padding:5px;height: 62px;width: 62px;font-size: 36px;}
.special-products{height: 270px;}
.Repurposing-process{height: auto;}
.building-items.active .inner-buid-content{padding: 0 20px !important;}
.app-head h2{font-size: 6rem;}

.product-bg-sm-center .pruduct-bg-heading .pruduct-bg p{font-size: 12px;}

}
@media (max-width: 992px) {
.navbar-collapse{display: none !important;}
.recognition-card{background: transparent;gap: 0.625rem;overflow-x: scroll;height: 15.625rem !important;align-items: center;justify-content: flex-start;overflow-y: hidden;}
.cirtificate-list{margin: 0;}
.recognition-card-box{padding:0 0.625rem ;margin: 0;}
.recognition-awards{background-color: #fff;justify-content: center;border: 0.0625rem solid #21356f;border-radius: 1.25rem;padding: 0.625rem;}
.cirtificate-list:last-child .recognition-awards {border: 0.0625rem solid #21356f !important;}
.recognition{height: 40rem;}
}

@media (max-width: 886px) {
.downloads-tabs .left-cont{justify-content: center;}
.sustain-divs{max-width: 16rem;}
}

@media (max-width: 850px) {

.building-items.active .inner-buid-content{top: 20px;justify-content: flex-start;height: auto;width: 100%;}
.application-items{justify-content: space-between;}
.small-poduct-list{display: block;column-count: 1;padding: 0 !important;}
.right-message p{bottom: 0;}
.shadow-div{display: none;}
.foter-texts h3{font-size: 1.875rem;}
.foter-texts h2{font-size: 5.625rem !important;}
.green-content-box h2{font-size: 3.125rem;width: 18.125rem;}
.green-content-box h3{font-size: 1.125rem;}
.go-green-sec{padding: 0;}
.app-head h2{background-position: 75% 35%;}
.home-chart{width: 100% !important;}
.product-bg-sm-center >.pruduct-bg-heading{top: 35%;}
.tradiview-box{width: 100%;}
.product-col{width: 100%;border: 0;}
.ptag-img{top: -38%;}



.awards-cirtificate .cirtificate-box{width: 13.75rem;display: flex;align-items: center;justify-content: center;border: 0.0625rem solid #21356f;border-radius: 1.25rem;box-shadow: 0 0 0 0.0625rem rgba(0,0,0,0.05),0 0.125rem 0.5rem rgba(0,0,0,0.06);}
.main-foter{flex-direction: column;align-items: center;}
.first-foter-item{align-items: end;flex-direction: row;gap: 0;justify-content: space-between;}
.foter-items-wrapper{width: auto;gap: 1.25rem;}
.product-nameing{flex-wrap: wrap;}
.natural-rubs ul{height: auto;width: 80%;}
.product-wrapper .col-md-7{width: 100% !important;}
.product-wrapper .col-md-5{width: 100% !important;}
.product-wrapper{gap: 1.25rem;}
.pr-listings{padding-left: 0;gap: 20px;}
.csr-section-text .container h4{font-size: 5rem;line-height: 100%;}
.leatest-busness{flex-wrap: wrap;}
.busness-about-sec{margin-bottom: 40px;height: auto !important;width: auto;}
.carbon-wrapper-btn{flex-wrap: wrap;padding: 30px 0;}
.about-tl-content{flex-direction: column-reverse;}
.tab-content>.tab-pane .product-wrapper{flex-direction: column;}

#plastic-productContent #placticProducts{padding: 1.25rem 0;}
.plastis-keys{gap: 1.25rem;}
.plastic-head{flex-direction: column;}
.plastic-contents{left: 1.25rem;bottom: 1.25rem;}
.plastic-banner img{height: 34.375rem;}
.plastic-t img{width: 12.5rem;height: auto;}
.plastic-banner-contents h5{font-size: 1.375rem;}
.plastic-banner-contents p{font-size: 1rem;line-height: 1.5rem;}
.plastic-r{top: 6.25rem;left: 1.25rem;}
.plastic-r h5{align-items: flex-end;gap: 0.625rem;}
.plastic-r p{text-align: left;}
.plastis-keys-items{border:0 !important;width: 100%;display: flex;background-color: #e8e8e8;border-radius: 1.25rem;
    flex-direction: column;align-items: center;justify-content: center;}
.rubberproduct-grid{flex-wrap: wrap;}
.small-poduct-list{flex-wrap: wrap;}
.rubberproduct-lists{width: 100%;}
.r-pd-l-para ul{flex-direction: column;align-items: flex-start;}
.carbon-main{flex-direction: column-reverse;gap: 0.625rem;padding-top: 0;}
.carbon-black{padding: 3.125rem 1.25rem;}
.contain-carbon{padding: 0;}
.carbon-applications{padding: 30px 0;}
.carbon-btns .cr-text{padding: 30px 0;}
.application-wrapper{padding: 3.125rem 0;}
.product-name h3{font-size: 1rem;}
.visit-section{display: block !important;overflow: hidden;}
.r-div-color{width: 100% !important;height: max-content !important;}

.sustainability-page> .container{padding: 0 1.25rem;}
.cirtificate-sustain p{font-size: 1rem;line-height: 1.375rem;}
.sustainability-container{gap: 1.25rem;}
.sustain-divs{border: 0.0625rem solid #707070;border-radius: 1.25rem;box-shadow: 0 0 0 0.0625rem rgba(0,0,0,0.05),0 0.125rem 0.5rem rgba(0,0,0,0.06);}

.green-content-box:before{display: none;}
.green-wrapper-btn::before{display: none;}
.green-content p{padding-left: 0;}
.grp-bottom-text p{padding-left: 0;}
.green-wrapper-btn{position: relative;left: 0;flex-direction: column;}
.go-green-list{margin: 0;border: 0;}
.green-head h2{padding-top: 3.125rem;line-height: 4.375rem;}
.green-content-box h2{padding: 0;}
.go-green-content .grp-bottom-text{padding: 0 !important;}
.shadow-img {display: none;}
.col-csr{padding-bottom: 25px;}
#rubberproduct-tab{margin-left: 0;}
.row-container{flex-direction: column;gap: 20px;}
.plastic-product-banner .col-md-8{width: 100%;}
.plastic-product-banner .col-md-4{width: 100%;display: flex;justify-content: center;}

.plastic-product-banner{align-items: center;flex-direction: column;gap: 0.9375rem;}
.points-carbon{padding: 0;}

.links-box{flex-direction: column;align-items: center;gap: 1.25rem;}
.brand-wrapper .row{flex-direction: column;}
.brand-wrapper .row .col-md-6{width: 100%;}
.brand-wrapper .row .col-md-4{width: 100%;}
.sustain-divs{max-width: 21rem;}


}

@media (max-width: 768px) {
.sustain-divs{max-width: 100%;}
.client-pic span{bottom: -13px;right: 0;}

}

@media (max-width: 768px) {
.investor-notice h3{font-size: 30px !important;}
.special-products{height: 450px;}
.foter-texts h2{font-size: 4.375rem !important;}
.green-content-box h2{font-size: 3.125rem;}
.green-content-box h3{font-size: 1.5625rem;}
.green-content-box{flex-direction: column;gap: 0.625rem;align-items: flex-start;}
.main-foter .col-md-3{width: 100%;}
.foter-texts h2{font-size: 3.4375rem !important;}
.foter-texts h3{font-size: 1.375rem;}
.contact-address{flex-direction: column;border: 0 ;}
.download-grid{flex-direction: row !important;padding: 0 !important;}
.foter-items-wrapper{flex-wrap: wrap;gap: 0.625rem;}
.foter-item{max-width: 11.25rem;width: 100%;}
.foter-links a{font-size: 1rem;}
.foter-item h3{font-size: 1.125rem;}
.form-container {padding: 1.5625rem 1.875rem;}
.bottom-foter{flex-direction: column;align-items: center;}
.foter-logo{width: 11.25rem;height: auto;}
.social-icons img{width: 2.1875rem;height: auto;}
.foter-headings{padding: 1.875rem 0;}
.app-head h2{font-size: 85px;}
.foter-links >ul>li{margin-bottom: 0.3125rem;}
.app-head span{padding: 6px;height: 55px;width: 55px;font-size: 30px;}

.team-position{transform: translateY(21.875rem);}
.team-slider {justify-content: flex-start !important;flex-wrap: nowrap;gap: 0 !important;}
.swiper-slide {width: 100% !important;display: flex;justify-content: center;}
.team-slider .swiper-slide{max-width: 100% !important;}
.card-anim{height: 40.5rem;}

.tabSlider .swiper-slide a {font-size: 0.75rem;}
.contentSlider .swiper-slide {display: flex;align-items: center;position: relative;}

.main-banner-text h1{font-size: 3.5rem;margin-bottom: 0;}
.main-banner-text p{font-size: 2rem;padding-top: 1.25rem;}
.pruduct-bg h5{font-size: 2.8125rem;}
.wrapper{padding: 0;}
.rubberproduct-grid,.small-poduct-list{flex-wrap: wrap;}
.rubber-data .nav-tabs{flex-wrap: wrap;justify-content: center;height: auto;}
.apps-boxx{overflow: visible;width: 230px;}
.application-grid-app .apps-boxx{overflow: hidden;}
.brand-wrapper{flex-direction: column;}

.product-nameing{flex-direction: column;align-items: start;}
.categogy-img-Synonyms img{width: 6.875rem ;}
.csr-section-text .container h4{font-size: 3.75rem;}
.about-tl-content{padding: 0 1.25rem;}
.csr-section-text{padding: 3.125rem 0;}
.carousel-content{flex-direction: column;position: relative;align-items: flex-start !important;padding: 0 !important;}
.testi-details{flex-direction: column;align-items: start;}
.testi-img img,.client-pic img{height: 6rem;width: 6rem;}
.client-details-right{position: absolute;right: 0;top: 0;}
.csr-item{border-radius: 0 !important;}
.right-text{right: 25%;}
.csr-name{left: 0;width: 100%;text-align: center;bottom: 50%;}
.container .csr-item:nth-child(2) .csr-name{text-align: center;}
.container .csr-item:nth-child(4) .csr-name{text-align: center;}
.swiper-pagination{display: none;}
.categogy-img-downloading button{font-size: 18px;}
.building-tabs-texts h4{font-size: 5rem;}
.application-grid-app {flex-wrap: nowrap;overflow-x: auto;
gap: 1rem;padding-bottom: 0.625rem;scroll-snap-type: x mandatory;}
.apps-boxx {max-width: 12.5rem;width: 100% !important;flex: 0 0 auto;scroll-snap-align: start;}

.clean-planet .container{padding-bottom: 23rem;}

.ptag-img{top: -25%;}

.Repurposing-main{flex-direction: column;}
.Repurposing-main .col-md-4{width: 100%;margin-bottom: 20px;}
.Repurposing-process{border-radius: 30px;}
.data-container{padding: 0 !important;}
.contain-app{padding: 20px 0;}
}

@media (max-width: 670px) {
.app-head span{height: 50px;width: 50px;font-size: 28px;}
.app-head h2{font-size: 75px;left: 10px;}
#bsechart-tab{width: auto;padding: 10px 20px;font-size: 16px;}
.investor-tab .rubber-data-head{padding: 0;}
.directors{font-size: 50px;}

.download-tab{flex-wrap: nowrap !important;overflow-x: scroll;justify-content: flex-start !important;margin: 0 !important;}
.download-paragraph{padding-top: 20px;}
.stock-box{flex-direction: column;gap: 10px;}
.Recommended h4{padding: 20px 0;}
.download-product{height: auto !important;}
.contactform-tabs{position: relative;}
#tile-1 .tab-pane{z-index: 1;}
.carbon-botton{padding: 50px 0;}
.stock-exchange{max-width: 100%;}
}

@media (max-width: 600px) {
.carousel-control-prev{left: -0.5rem;}
.app-head h2{font-size: 65px;padding-left: 10px;}
.app-head span {height: 40px;width: 40px;font-size: 20px;}
.main-banner-text{width: 90%;}
.swiper-pagination{display: block !important;}
.csr-page-banner{column-count: 1;}
.col-csr .card{height: 27rem;}
.app-stocks-range .range{height: auto;}
.carousel-control-prev,.carousel-control-next { display: none; }
.special-products{height: 500px;}
.investor-notice{flex-direction: column;gap: 20px;text-align: center;}

.economy-icon1{position: absolute;top: 50%;left: 10%;}
.economy-icon2{position: absolute;top: 65%;left: 35%;}
.economy-icon3{position: absolute;top: 35%;left: 30%;}
.economy-icon4{position: absolute;top: 15%;left: 40%;}
.economy-icon5{position: absolute;top: 25%;left: 10%;}
.csr-name{text-align: center;}
.nav-tabs .nav-link.rubber-main{margin: 0;padding: 0.625rem 1.25rem;font-size: 0.875rem;}

.contact-headings{width: 100%;}
.contact-address{padding: 15px;}

.main-banner-text h1{font-size: 35px;}
.main-banner-text p{font-size: 20px;}

.building-items{height: 43rem;}
.clean-planet{height: 60rem;}
.csr-section,.grp-news{padding: 50px 0;}
.csr-item{border-radius: 20px !important;}
.team-box{padding: 50px 0 !important;}
.busness-for{padding: 50px 0 !important;}
.pruduct-bg-heading .big-heading h5{font-size: 45px;}
#crumb-slideing{align-items: center;gap: 20px;overflow-x: scroll;flex-wrap: nowrap;justify-content: flex-start;}
.acc-building-items li{font-size: 18px;line-height: 25px;}
.apps-polly .card img {height: 250px;}
#Polycoat-slider>.poly-box {width: 100% !important;}
.client-feedback{height: 220px;}
.main-banner-text{bottom: 130px;}
.tradingview-widget-container{max-width: 450px;}
.building-items h2{font-size: 25px;top: 90%;}
.Typical-benefits{padding: 50px 0;}
.tab-content>.tab-pane .application-wrapper{padding: 50px 0;}
#tile-1 .nav-tabs{position: sticky;top: 0;height: 100px;z-index: 2;border: none !important;}
.value-list-awards p{font-size: 1rem;}

}

/* RESPONSIVE */
@media (max-width: 500px) {
h4,h5{font-size: 1.875rem;}
p{line-height: 25px !important;}
.banner-swiper-slide{width: max-content !important;}
.product-nameing p{font-size: 1.75rem;padding: 0;}
.csr-name{bottom: 65%;}
.container .csr-item:nth-child(2) .csr-name{left: 0;}
.container .csr-item:nth-child(4) .csr-name{left: 0;}
.about-box{flex-direction: column;align-items: center;gap: 1.25rem;}
.links-box{padding: 0 0 3.125rem;}
.links-box .para h3{font-size: 1.375rem;line-height: 30px;}
.tradiview-box{align-items: center;}
.pruduct-bg-paragraph{left: 1.25rem;bottom: 1.25rem;}
.pruduct-bg-heading{left: 1.25rem;top: 1.25rem;}
.pruduct-sm-heading{left: 1.5625rem;}

.product-bg-sm{height: 18.75rem;}
.product-bg-sm-center img{height: 100%;}
.pruduct-bg h5{font-size: 2.25rem !important;}
.pruduct-bg p{font-size: 1.125rem;}
.product-bg-sm-center >.pruduct-bg-heading{height: 100%;top: 0;display: flex;
align-items: center;justify-content: center;}

.product-bg-sm-center >.pruduct-bg-heading>.pruduct-bg{height: 100%;display: flex;align-items: center;
flex-direction: column;justify-content: center;}

.plus-icon{left: auto;bottom: -20px;}

.product-wrapper{flex-direction: column;gap: 1.25rem;}
.pr-listings{padding-left: 0;}
.Recommended-wrapper{padding: 0;}
.about-section{padding: 0 0 3.125rem;}
.about-tm-right{padding: 0;}
#industries>.container >.special-products{height: 23.125rem !important;}
.grp-bottom-text{padding: 0;}
.csr-content p{padding:10px 0;line-height: 30px;}

.clients-section{margin: 1.875rem 0;padding: 1.875rem 0;}
.clients-slide{width: 9.375rem;margin: 0 0.625rem;}

.counter-sec{flex-wrap: wrap;gap: 0;justify-content: space-around;}
.counter-box{flex-direction: column;max-width: 11.25rem;width: 100%;text-align: center;gap: 0;}
.counter-box h2{width: 100%;text-align: center;}
.counter-box p{width: 100%;text-align: center;}

.busness-about-sec{max-width: 100%;align-items: center;border-radius: 1.25rem !important;height: 500px !important;}
.busness-body{display: flex;flex-direction: column;align-items: center;}
.recognition-div{padding: 0 0 50px 0;}
.recognition-card{height: 16.25rem !important;}
.leatest-grp-news{column-count: 1;position: relative;}
.contain-app{padding: 3.125rem 0 3.125rem 0;position: relative;}



.application-grid-app::-webkit-scrollbar {display: none;}
.case-items{padding: 1.25rem 0.625rem;}
.case-studies-para p{padding: 1.25rem 0.625rem;}
.cm-text{padding: 0 0 1.25rem;font-size: 1.375rem;}



.apps-boxx .card {width: 100%;border-radius: 1.25rem;overflow: hidden;}
.app-head span{bottom: 35%;font-size: 1.25rem;width: 2.1875rem;height: 2.1875rem;padding: 0.1875rem;}
.social-post{width: 100%;}

.socially-post-container{align-items: center;justify-content: center;}
.news-card{max-width: 100%;margin-bottom: 1.25rem;position: sticky;top: 1.25rem;z-index: 5;}

.sustainability-banner .container{flex-direction: column;}

.chart-data >#reclaim-rubber{justify-content: space-between;}

.faqs .container{padding: 1.875rem 1.25rem;width: auto !important;}

.csr-section-text .container h4 {font-size: 2.5rem;line-height: 3.125rem;}
.leatest-busness{flex-direction: column;align-items: center;display: block;position: relative;padding: 20px;}
.about-tl-content{flex-direction: column-reverse;gap: 1.25rem;padding: 0 1.25rem;}
.banner-about-main img{right: 1.25rem;}
.about-tm-btn .carbon-wrapper-btn{flex-wrap: wrap;padding: 35px 0;}
.r-div-color{width: 100% !important;height: auto !important;}
.building-tabs-texts h4{font-size: 3.125rem;padding-bottom: 1.25rem;}
.csr-page-banner{flex-direction: column;padding: 0 1.25rem;}
.categogy-img-downloading{width: max-content;}

.visit-section{overflow: hidden;}
.clean-planet .container{padding: 1.25rem;}
.clean-planet{height: auto;}
.textarea-csr h4{font-size: 1.875rem;}
.row-container{flex-direction: column;gap: 0.9375rem;align-items: flex-start;}

.inner-div-col h2{font-size: 1.375rem !important;}

.balck-lists h4{font-size: 1.25rem;}
.csr-page-banner .col-md-3{width: 100%;}
.news-card img{max-height: 18.75rem;}
.shadow-img{display: none;}

.left-cont{flex-wrap: wrap;align-items: center;justify-content: center;gap: 0.9375rem;}

.building-tabs-texts{margin-top: 0;}
.inner-div-col{width: auto !important;}
.tag{bottom: 2.1875rem;left: 68%;}
.ptag-img{right: 0;top: -11.25rem;}
.ptag-img img{width: 6.25rem;}

.investor-notice h3{font-size: 1.625rem !important;}
.company{width: auto !important;}
.rubber-name h5{font-size: 1.5625rem;}
.rubber-name p{font-size: 1rem;}
.application-items{gap: 1.25rem;}
.rubber-data-list ul li a{font-size: 1rem;}
.property-names{width: 100%;justify-content: flex-start;}

.rubber-data-head{padding: 1.25rem 0 0.625rem;}
.small-poduct-list{padding: 0 !important;}
.r-pd-l-para p{font-size: 1.25rem;line-height: 1.75rem;}
.r-pd-l-para ul{gap: 0.125rem;font-size: 1.125rem;flex-direction: column;align-items: flex-start;}
.r-pd-l-content{padding-bottom: 0;}

.product-col{border: none;}
#filled-right{padding: 0;}
#filled-left{padding: 0;}
.brochure-points ul{padding-left: 1.25rem;}
.unique-product-details{left: 0;padding: 20px; top: 0px;}
.timeline-wrap{padding: 20px !important;}

.see-box img{width: 3.125rem;height: auto;}
.see-box{padding: 0;}
.see-items{gap: 10px;justify-content: space-around;}
.property-name{padding-top: 20px;}
#app-slideing{justify-content: flex-start !important;}
.see-also{padding: 30px 0;}
.Recommended-wrapper .container{padding: 0;}
.Repurposing-main{flex-wrap: wrap;gap: 1.25rem;padding-bottom: 3.125rem;}
.Repurposing-process{border-radius: 0;}
.circle-text{font-size: 1.875rem;padding:0;}
.appnav .nav-link .apps-boxx{max-width: 11.25rem;}
.recome-uses{width: 100%;max-width: 100%;}
.brochure img{display: none;}
.brochure-points{left: 1.25rem;}
.brochure-download{bottom: 1.25rem;right: 1.25rem;gap: 0;justify-content: flex-end;}
.brochure-points h5{font-size: 1.25rem;}
.about-fx-text h4{padding: 0;}
.timeline{padding-left: 0 !important;}
.application-industry{padding: 0 1.25rem;}
.clean-planet{background-image:none;}

.border-rt{border: 0;}
.popup-sms-box{padding: 1.25rem 1.25rem 0 1.25rem;}
.download-pop-up{height: 37.5rem;}
.popup-box input{margin-top: 0.625rem;}
.pop-up-text{padding: 0 1.25rem;}

.contact-headings{padding: 0;}
.reachout-box{padding: 1.25rem;}

.cmn-pad{padding: 3.125rem 1.25rem !important;}
.home-awards{border: 0 !important;box-shadow: none !important;width: 12.5rem !important;}

.c-head-name{height: 13.75rem;justify-content: flex-start;}
.main-foter .col-md-3{width: 100%;}
.foter-texts h2{font-size: 40px!important;}
.foter-texts h3{font-size: 1.375rem;}
.contact-address{flex-direction: column;border: 0 ;}
.foter-items-wrapper{flex-wrap: wrap;gap: 0.625rem;}
.foter-item{max-width: 11.25rem;width: 100%;}
.foter-links a{font-size: 1rem;}
.foter-item h3{font-size: 1.125rem;}
.form-container {padding: 1.5625rem 1.875rem;}
.bottom-foter{flex-direction: column;align-items: center;}
.foter-logo{width: 11.25rem;height: auto;}
.social-icons img{width: 2.1875rem;height: auto;}
.awards-cirtificate .cirtificate-box img{max-width: 9.375rem !important;}
.csr-page{padding: 8.125rem 0 3.125rem;}
.foter-headings{padding: 1.875rem 0;}
.c-us-btn{position: relative;bottom: 0;}
.c-head-name{height: max-content;margin: 0.9375rem 0;}
.foter-links >ul>li{margin-bottom: 0.3125rem;}
.property-grid2{grid-template-columns: repeat(auto-fit, minmax(9.375rem, 1fr));display: grid;}
.go-green-sec{height: auto;}
.socially-strong{padding: 3.125rem 0;}
.products-details-tabs .nav-tabs{justify-content: flex-start;margin: 0;}
.product-name h3{font-size: 0.875rem;}
.crumb-container-main{padding: 0;}
.crumb-container-main .pr-listings .container{padding: 0;}
.crumb-container-main .pr-listings .container .tab-pane{padding: 0;}

.go-green-content{padding-top: 70px;}

.brand-wrapper {position: relative;padding: 0 !important;}
.brand-wrapper .col-md-6{position: sticky;top: 20px;}
.brand-wrapper .col-md-4{position: sticky;top: 20px;}

.csr-page-banner{display: flex;gap: 1.875rem;}
.app-head h2{font-size: 54px;}
.green-head h2{font-size: 3.125rem;line-height: 3.125rem;}
.green-content{padding: 1.25rem 0;}
.going-green-btns{padding-bottom: 1.875rem;}
.recognition-awards img{width: 7.5rem;}
.value-box{height: auto;}
.value-box .recognition-card-box{padding: 3.125rem 0;}
.recognition .recognition-card-box{padding: 0 0.625rem 2 !important;}
.about-recognition.recognition-card-box{padding:3.125rem 0.625rem !important;}

.swiper-button-prev, .swiper-rtl .swiper-button-next{display: none;}
.p-bnr-product>.rubberproduct-grid>.rubberproduct-lists{height: 18.75rem;}
.social-post{max-width: 28rem;height: auto;}

.green-head h2 p{font-size: 5.25rem;line-height: 100% !important;}

.rotate {height: 60px;}
.rotate h2 {height: 60px;}
}

@media (max-width:440px) {
.nav-tabs .nav-link.rubber-main{font-size: 12px;}
.app-head span{bottom: 25%;font-size: 16px;width: 30px;height: 30px;padding: 5px;}
.app-head h2 {font-size: 50px;padding-left: 5px;}
}
@media (max-width:425px) {
 .counter-box{max-width: 10.3125rem !important;} /* 165px */
.building-items{height: 50rem;}
.plastis-keys-items p{font-size: 1rem !important;} /* 16px */
.plastis-keys-items h4{font-size: 1.75rem;} /* 28px */
.foter-item{width: 9.375rem;} /* 150px */
.textarea-csr h4{font-size: 1.75rem;} /* 28px */
.social-icons img{width: 1.875rem !important;} /* 30px */
.grid-container{grid-template-columns: repeat(auto-fit, minmax(9.375rem, 1fr));} /* 150px */
.nav-tabs .nav-link.rubber-main{padding: 0.625rem 0.9375rem; font-size: 0.75rem;} /* 10px 15px, 12px */
.property-grid2{grid-template-columns: repeat(auto-fit, minmax(7.5rem, 1fr));} /* 120px */

.card-anim{height: 26rem;}
}

@media (max-width:400px) {
.app-head h2 {font-size: 44px;}
.app-head span {
    bottom: 25%;
    font-size: 14px;
    width: 25px;
    height: 25px;
    padding: 2px;
}

}

@media (max-width:380px) {
.main-banner-text h1{font-size: 1.625rem;} /* 26px */
.main-banner-text p{font-size: 1.25rem;} /* 20px */
#tile-1 .nav-tabs li{width: 10rem;} /* 160px */
.foter-texts h2{font-size: 3.125rem !important;} /* 50px */
.foter-texts h3{font-size: 1.25rem !important;} /* 20px */
#tile-1 .nav-tabs li a{padding: 0.3125rem !important; width: 100%;} /* 5px */

}


@media (max-width:370px) {
    .foter-texts h2{font-size: 45px !important;}
    .foter-texts h3{font-size: 18px !important;}
    .building-items h2{font-size: 22px !important;}
    .building-items.active .inner-buid-content p{font-size: 14px !important;line-height: 22px;}
    .counter-box{max-width: 155px !important;}
    .directors{font-size: 40px;}
}

@media (max-width:370px) {
.app-head h2 {font-size: 40px;}
.app-head span {
    bottom: 25%;
    font-size: 12px;
    width: 23px;
    height: 23px;
    padding: 2px;
}
}