@import url(common.css);
header .navbar-toggler,
header .navbar-toggler:focus {
    box-shadow: none;
    outline: 0;
}
.close-btn:after,
.header-section.light-theme .navbar-toggler .navbar-toggler-icon {
    filter: invert(1);
}
.modal,
.modal-backdrop {
    backdrop-filter: blur(7px);
}
body,
html {
    overflow-x: hidden;
}
.section-title1 {
    font-family: Montserrat;
    font-size: 5.6625rem;
    font-style: normal;
    font-weight: 800;
    line-height: 6.47144rem;
    letter-spacing: -0.16181rem;
}
.section-title {
    font-size: 3rem;
    line-height: 100%;
    margin-bottom: 1.6rem;
}
footer .section-title {
    font-size: 2.375rem;
}
.section-title2 {
    font-size: 3rem;
    line-height: 120%;
}
.home-section {
    height: calc(100vh);
}
.header-section .navbar-nav .nav-link {
    font-size: 0.85831rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.00981rem;
    color: #fff;
    padding: 0.536rem 1.46rem;
}
.header-section .navbar {
    padding: 1.25rem;
}
.header-section .navbar::after {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0) 100%);
    position: absolute;
    left: 0;
    content: "";
    width: 100%;
    height: 8rem;
    top: 0;
    z-index: -1;
}
.header-section.scrolled .navbar::after {
    height: 6rem;
}
.home-page .top-banner {
    background: url("../img/homepage/top-banner.jpg") center/cover no-repeat;
    height: 100vh;
}
.top-header .a_numbers_content {
    border-left: 0.108rem solid #44ffd2;
    padding-left: 6px;
}
.a_numbers {
    font-size: 1.717rem;
    line-height: normal;
}
.video_section {
    border: 13px solid #fff;
}
.abutus-section,
.metals-extracted-section,
.orchestrating-section {
    padding: 8rem 0;
}
.abutus-section-para {
    padding-top: 3rem;
}
.aboutus_sidebar {
    z-index: -1;
}
.right-22 {
    right: 22%;
}
.aboutus_circle {
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
}
.aboutus_left_bottom {
    bottom: 0;
    transform: translateY(50%);
    z-index: 1;
    left: 0;
}
.aboutus_left_bottom img {
    width: 70%;
}
.aboutus_left_bottom1 {
    bottom: 0;
    left: 7%;
    transform: translateY(-75%);
    z-index: 2;
}
.orchestrating-section .particle-animation-image.top-right {
    top: -5%;
    right: -23%;
}
.orchestrating-section .particle-animation-image.bottom-left {
    bottom: -24%;
    left: -13%;
}
.orchestrating-section {
    background: linear-gradient(#fafded, #e1f9ee);
}
.orchestrating-box-content {
    width: 225px;
    height: 225px;
    border-radius: 50%;
    background-color: #fff;
}
.orchestrating-box-text {
    position: absolute;
    left: -10%;
    bottom: -10%;
}
.content_width {
    width: 75%;
}
.left_col,
.right_col {
    width: 50%;
}
.our_strategy_circle {
    top: 50%;
    margin-top: -25%;
    left: 0;
    transform: translateX(-50%) !important;
}
.our_strategy_circle_1 {
    position: absolute;
    right: 45%;
    transform: translateX(123px);
}
.lets-shape-together,
.metal-image {
    transform: translateY(-50%);
}
.home-newsroom .particle-animation-image.top-right {
    top: 2%;
    left: -14%;
}
.home-newsroom .particle-animation-image.bottom-left {
    top: 2%;
    right: -15%;
}
.modalforvideo.modal {
    --bs-modal-width: 80%;
}
.modal .btn-close {
    z-index: 99;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    right: -2%;
    top: -4%;
}
.dropdown-toggle-bg {
    position: fixed;
    top: 0;
    left: 0;
    padding: 300px 0 0;
    width: 100%;
    background-color: #2e2a26;
    z-index: 100;
}
.stroke_typo {
    color: #fff;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #fadc4a;
}
.orchestrating-swiper .swiper-slide {
    width: 225px;
}
.social_icons_section {
    padding-bottom: 3rem;
}
.rk-numbers-section {
    background: url("../img/homepage/rk-number-bg.jpg") center/cover no-repeat;
}
.rk-number-card {
    background: rgba(228, 232, 185, 0.9);
    height: 215px;
    border-radius: 1.5rem;
    padding: 0 2rem;
}
.rk-number-card .rk-card-heading {
    font-size: 1.125rem;
    font-family: Montserrat;
    font-weight: 700;
}
.rk-number-card .rk-card-content {
    font-size: 1.875rem;
    font-family: Montserrat;
    font-weight: 700;
}
.rk-number-card-list > .col-6:nth-child(odd) .rk-number-card {
    background: rgba(202, 243, 170, 0.9);
}
.lets-shape-together .text,
.news-content {
    font-size: 1.125rem;
}
.footer-text,
.news-date {
    font-size: 0.875rem;
}
.lets-shape-together {
    background-color: #fff;
    position: absolute;
    margin: 0 auto;
    top: -12.5rem;
    padding: 3.75rem;
    width: 100%;
    border-radius: 1.5rem;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);

}
.home-newsroom {
    padding: 6rem 0 10rem;
    background: linear-gradient(140deg, #fafded 2.52%, #e1f9ee 79.03%), #d9d9d9;
}
.footer {
    background: #4463ac;
    padding: 15.5rem 0 6rem;
}
.footer-text {
    line-height: 1.375rem;
}
.footer .rk-text {
    font-size: 1.35rem;
}
.footer .footer-link-list li {
    margin-bottom: 0.85rem;
}
.footer .footer-link-list li a {
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.875rem;
}
.footer .rk-mailid {
    font-family: Montserrat;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}
.button {
    pointer-events: auto;
    cursor: pointer;
    background: #e7e7e7;
    border: none;
    padding: 1.5rem 3rem;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    position: relative;
    display: inline-block;
}
.button::after,
.button::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.button--mimas {
    text-transform: uppercase;
    letter-spacing: 0.05rem;
    font-weight: 700;
    font-size: 0.85rem;
    border-radius: 0.5rem;
    overflow: hidden;
    color: #fff;
    background: #e7e7e7;
}
.awards-swiper,
.certificate-swiper {
    overflow-x: visible;
}
.button--mimas span {
    position: relative;
    mix-blend-mode: difference;
}
.button--mimas::before {
    content: "";
    background: #000;
    width: 120%;
    left: -10%;
    transform: skew(30deg);
    transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1);
}
.button--mimas:hover::before {
    transform: translate3d(100%, 0, 0);
}
.metals-box {
    padding-top: 8rem;
    width: 16rem;
    margin: 0 auto;
    cursor: pointer;
}
.metal-content {
    width: 16rem;
    height: 16rem;
    border-radius: 1.5rem;
    background: #caf3aa;
    padding-top: 4rem;
    padding-left: 1.8rem;
    font-family: Poppins;
}
.page-content p,
.page-content ul li,
.section-heading,
.txt1,
.txt4 {
    font-family: Montserrat;
}
.metal-content .metal-inital {
    font-size: 6.375rem;
    font-weight: 900;
    font-family: Poppins;
    line-height: normal;
}
.metal-content .metal-name {
    font-size: 1.31894rem;
}
.metal-no {
    font-size: 1.594rem;
}
.metal-desc {
    font-size: 0.875rem;
    display: none;
}
.metals-extracted-swiper {
    padding: 5rem 0;
    position: relative;
}
.orchestrating-swiper {
    padding: 2.5rem 0;
    overflow-x: visible;
    position: relative;
}
.orchestrating-section .orchestra-slider {
    margin-top: 3rem;
}
.metal-slider {
    padding-top: 4rem;
}
.metal-slider .metal-slider-item:nth-child(2n) {
    transform: translateY(-20%);
}
.orchestrating-section .orchestra-slider .slider-item {
    padding-bottom: 50px;
    transform: translateX(-50px);
}
.custom-cursor:hover {
    cursor: url("../img/icons/hover-cursor.svg"), auto;
}
.acc-list .acc-list-item,
.member-card {
    cursor: pointer;
}
.contact-section .career-info-box,
.metals-extracted-section {
    background: linear-gradient(140deg, #fafded 2.52%, #e1f9ee 79.03%);
}
.metals-extracted-swiper .green-circle {
    right: 10%;
    top: 0;
}
[data-aos="rotate-left"].aos-animate,
[data-aos="rotate-right"] {
    transform: perspective(2500px) rotate(100deg);
}
[data-aos="rotate-left"],
[data-aos="rotate-right"].aos-animate {
    transform: perspective(2500px) rotate(0);
}
.particle-animation-image {
    width: 500px;
    background: url("../img/particles.png") center/150% no-repeat;
    height: 500px;
    opacity: 0.15;
}
.metals-extracted-section .particle-animation-image.top-right {
    top: -25%;
    right: 25%;
}
.metals-extracted-section .particle-animation-image.bottom-left {
    bottom: -25%;
    left: 0;
}
.rk-watermark {
    width: 70%;
    bottom: 5%;
    right: -10%;
}
.section-watermark {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
    color: transparent;
    opacity: 0.55 !important;
    font-size: 10.75rem;
    white-space: nowrap;
    line-height: 11rem;
}
.page-content p,
.page-content ul li {
    color: #7e7b78;
    font-size: 1rem;
    line-height: 150%;
    font-weight: 400;
    margin-bottom: 1rem;
}
.breadcrumb a,
.breadcrumb span {
    font-size: 0.875rem;
    font-weight: 400;
    text-transform: uppercase;
}
.listSwiper ul li,
.source_ewaste ul li {
    margin-bottom: 1.5rem;
    list-style: disc;
}
ol,
ul {
    padding-left: 1rem;
}
.page-content ul li {
    list-style: disc;
}
.section-heading {
    color: #4463ac;
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}
.txt1 {
    color: #7e7b78;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.35rem;
}
.about-us-banner .header-title,
.timeline-page-cmn .para1,
.txt4 {
    color: #2e2a26;
}
.battery-recycling-page .rowsec,
.battery-recycling-page .rowsec1,
.section {
    padding: 5rem 0;
}
.section.last-section {
    padding-bottom: 10rem;
}
.modal-content .member-card .page-content p,
.modal-content .member-card .page-content ul li {
    color: #71706f;
    font-family: Montserrat;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 1rem;
}
.txt4 {
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
}
.strategy-to-success .strategy-list-content .list-title,
.txt2 {
    font-size: 1.375rem;
    line-height: 120%;
    font-style: normal;
    font-family: Montserrat;
}
.txt2 {
    color: #496074;
    font-weight: 500;
}
.txt3 {
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
}
.acc-list .acc-list-item.active .para1,
.title {
    font-weight: 800;
}
.strategy-to-success .strategy-list-content .list-title {
    color: #173885;
    font-weight: 700;
}
.strategy-to-success .strategy-list-item {
    margin-bottom: 5.75rem;
}
.strategy-to-success .strategy-list-content ul li {
    color: #7e7b78;
    font-family: Montserrat;
    list-style: disc;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 1.5rem;
}
.strategy-to-success .round-box {
    width: 7.75rem;
    height: 7.75rem;
    background-color: #fff;
    text-align: center;
    position: relative;
}
.strategy-to-success .round-box img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.awards-swiper {
    padding: 6.5rem 0 2rem;
}
.awards-swiper .swiper-slide,
.certificate-swiper .swiper-slide {
    width: calc(25% - 20px);
}
.certificate-swiper .certificate-card {
    border-radius: 1.5rem;
    background: #caf3aa;
    padding: 3.5rem 2.5rem 5rem;
    height: 20rem;
    position: relative;
}
.certificate-swiper .certificate-card .certificate-no-date {
    color: #173885;
    font-family: Montserrat;
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}
.certificate-swiper .certificate-card .certificate-name {
    color: #173885;
    font-family: Montserrat;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    position: absolute;
    bottom: 36px;
    width: 100%;
    left: 0;
    padding: 0 2.5rem;
}
.certificate-swiper .certificate-card .text-link {
    font-family: Montserrat;
    position: absolute;
    bottom: 2rem;
    left: 2.8rem;
    width: 100%;
    font-weight: 500;
    letter-spacing: 0.01344rem;
    font-size: 1.171rem;
    line-height: normal;
}
.awards-swiper .award-card {
    border-radius: 1.5rem;
    background: #eaefe6;
    padding: 9rem 2rem 3.35rem;
    height: 19.75rem;
}
.awards-swiper .award-card .thumb-image {
    width: 200px;
    height: 200px;
    top: 0;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 4px solid #eaefe6;
    overflow: hidden;
}
.awards-swiper .award-card .award-name {
    color: #173885;
    text-align: center;
    font-family: Montserrat;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}
.about-us-banner {
    background: url("../img/about/top-bg.jpg") top center/100% no-repeat;
    height: calc(100vh + 15rem);
}
.about-us-banner .banner-content {
    position: absolute;
    bottom: 0;
    width: 100%;
}
.about-us-banner .banner-top-content {
    background-color: #fff;
    padding: 3rem 0 0;
    width: 90%;
    padding-left: calc(10% - 50px);
}
.title {
    color: #fff;
    font-family: Montserrat;
    font-size: 5.6625rem;
    font-style: normal;
    line-height: 6.47144rem;
    letter-spacing: -0.16181rem;
}
.page-heading,
.watch-story-box .para4 {
    font-family: Poppins;
    font-style: normal;
}
.breadcrumb.breadcrumb-opt1 a {
    color: #44ffd2;
    font-family: Montserrat;
    font-size: 1.2875rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.16094rem;
    text-transform: uppercase;
}
.our-planet-swiper .our-planet-card {
    height: 26rem;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.our-planet-swiper .our-planet-card .info-text {
    bottom: 1rem;
    background-color: #4463ac;
    color: #fff;
    font-family: Montserrat;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    padding: 1rem;
}
.our-planet-swiper .swiper-slide {
    width: 52rem;
    opacity: 0.5;
}
.our-planet-swiper .swiper-slide-active {
    opacity: 1;
}
.breadcrumb span {
    color: #a09d99;
    font-family: Montserrat;
    font-style: normal;
    line-height: normal;
    margin-right: 0.5rem;
}
.breadcrumb a {
    color: #585551;
    font-family: Montserrat;
    font-style: normal;
    line-height: normal;
}
.page-heading {
    color: #4463ac;
    font-size: 3.375rem;
    font-weight: 700;
    line-height: normal;
}
.member-card {
    margin-bottom: 5rem;
}
.member-card:hover .member-name > img {
    transform: translateX(10px);
    transition: 0.5s;
}
.member-card .member-name > img {
    transition: 0.5s;
}
.member-card .member-info .member-name {
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}
.member-card .member-info .member-desg {
    font-size: 1.125rem;
    font-style: italic;
    line-height: 120%;
}
.member-card .member-info .member-degree {
    font-size: 1rem;
    line-height: 120%;
    font-family: Montserrat;
    font-weight: 500;
}
.our-team .thumb-image {
    overflow: hidden;
    position: relative;
}
.our-team .thumb-image img {
    width: 100%;
    margin: auto;
    display: block;
    overflow: hidden;
    right: 0;
}
.team-info-modal .modal-body {
    padding: 4rem 3.25rem;
}
.modal-backdrop {
    background: rgba(55, 55, 55, 0.6);
}
header .navbar-toggler {
    border: none;
}
header .navbar-toggler .navbar-toggler-icon {
    border: none;
    outline: 0;
    background: url("../img/icons/menu.svg") center no-repeat;
}
header .navbar.opened {
    background: #000;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}
header .navbar.opened .navbar-toggler-icon {
    background: url("../img/icons/close.svg") center no-repeat;
}
.header-section.submenu-openend .navbar-nav .nav-link,
header .navbar-nav .nav-link.show {
    color: #fff;
}
.watch-story-box {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 370px;
}
.watch-story-box .para4 {
    font-size: 0.96563rem;
    line-height: 1.2875rem;
    letter-spacing: 0.00981rem;
}
.metal-no {
    transform: translateY(-80%) translateX(10px);
}
.our-strategy-section .our-stragegy-big-image {
    position: absolute;
    width: 45%;
    height: 100%;
    right: 0;
    top: 0;
}
.small-title {
    color: #173885;
    font-family: Montserrat;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.1875rem;
}
.title3,
.title4 {
    color: #0e0e0e;
    line-height: 100%;
    font-weight: 700;
    font-family: Montserrat;
    font-style: normal;
}
.header-section .navbar-nav .dropdown .dropdown-menu .dropdown-item {
    color: #fff;
    font-family: Montserrat;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
}
.header-section .navbar-nav .dropdown .dropdown-menu .dropdown-item:hover,
.light-theme.header-section .navbar-nav .nav-link {
    color: #000;
}
.modalforvideo .modal-body {
    padding: 0;
    margin: 0;
    background: 0 0;
}
.modalforvideo .modal-body .video-container {
    padding-top: 56.25%;
    position: relative;
    width: 100%;
}
.modalforvideo .modal-body .video-container .video {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.home-page .top-banner::after {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 85%;
    content: "";
    background: linear-gradient(to top, #000 0, transparent 100%);
    z-index: 1;
    width: 100%;
}
.home-page .top-banner,
.rk-number-card,
.rpb-content {
    position: relative;
}
.home-page .top-banner .top-header-content {
    z-index: 2;
    position: relative;
}
.abutus-section-para .para4 {
    letter-spacing: 0;
}
.abutus-section-para .para2 {
    line-height: 120%;
}
.metal-extracted-modal .modal-body-header,
.our_strategy_left .section-title {
    margin-bottom: 5rem;
}
.acc-list .acc-list-item .acc-list-item-content {
    opacity: 0;
    height: 0;
}
.acc-list .acc-list-item.active .acc-list-item-content {
    opacity: 1;
    height: auto;
    transition: 0.5s;
}
.contact-section {
    padding: 10rem 0 5rem;
}
.title3 {
    font-size: 2rem;
}
.title4 {
    font-size: 1.75rem;
}
.contact-section .form-element label {
    color: #b8b7b9;
    font-family: Montserrat;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: block;
}
.contact-section .form-element {
    margin-bottom: 1.5rem;
}
.contact-section .form-element input[type="text"],
.contact-section .form-element select,
.contact-section .form-element textarea {
    color: #092133;
    font-family: Montserrat;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: block;
    padding: 0.75rem 0;
    border: none;
    outline: 0;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    resize: none;
}
.contact-section .form-element textarea {
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    padding: 20px;
    height: 190px;
}
.contact-section .contact-info-box {
    padding: 2.15rem;
    background: #f9f9f9;
    border-radius: 10px;
}
.contact-info-box .round-box {
    padding: 10px;
    background: #fff;
    width: 3.25rem;
    height: 3.25rem;
}
.contact-info-box .contact-info {
    color: #344857;
    font-family: Montserrat;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}
.contact-section .contact-info-list {
    padding: 1.5rem 0;
    border-bottom: 1px solid #d6d6d6;
}
.abutus-section {
    overflow-y: visible;
}
.header-section .logo-color,
.header-section.submenu-openend .logo-color,
.header-section.submenu-openend .navbar::after,
.light-theme.header-section .logo,
.light-theme.header-section .navbar::after {
    display: none;
}
.header-section.light-theme.submenu-openend .navbar-toggler .navbar-toggler-icon {
    filter: invert(0);
}
.header-section.light-theme .navbar.opened {
    background: #fff;
}
.light-theme.header-section .navbar.opened,
.light-theme.header-section.scrolled .navbar {
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
}
.light-theme.header-section.submenu-openend .navbar {
    box-shadow: none;
}
.seeds-awrds {
    transform: translateY(-18px);
}
.header-section .dropdown-menu {
    background: #2e2a26;
    border: none;
    box-shadow: none;
}
.header-section.submenu-openend .navbar {
    background: linear-gradient(to bottom, rgb(0 0 0 / 0.75), #fff0 100%);
}
.header-section.submenu-openend .logo,
.light-theme.header-section .logo-color {
    display: block;
}
.close-btn {
    background: #44ffd2;
    width: 64px;
    height: 64px;
    border-radius: 64px;
    top: -1rem;
    right: -1rem;
    z-index: 10;
}
.close-btn:after {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    left: 50%;
    content: "";
    background: url("../img/icons/close.svg") center/cover no-repeat;
    z-index: 0;
}
.top-section {
    margin-top: 4rem;
}
.map-frame-box .view-direction {
    bottom: 2rem;
    left: 0;
}
.header-bottom-content {
    background-color: #fff;
    padding: 3rem 0 0;
    width: 90%;
    padding-left: calc(10% - 30px);
}
.zero-emission-section {
    background: linear-gradient(160deg, #fafded 10%, #e1f9ee 90%);
}
.zero-emission-section .particle-animation-image.top-right {
    top: -30%;
    right: -10%;
    width: 350px;
    height: 350px;
}
.zero-emission-section .particle-animation-image.bottom-left {
    bottom: -35%;
    left: -15%;
    width: 350px;
    height: 350px;
}
.zero-emission-section p {
    letter-spacing: 0.1875rem;
    line-height: 1.371rem;
}
.zero-emission-section .section-title1,
.zero-emission-section .zemn-content .section-title {
    line-height: 2.925rem;
}
.ze-circle {
    width: 124px;
    height: 124px;
    border-radius: 50%;
    background-color: #fff;
}
.ze-right-content h2 {
    font-size: 5rem;
    line-height: 6.095rem;
}
.ze-right-content .title4 {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #000;
}
.spage-cmn .para3 {
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
}
.spage-cmn .metal-content .metal-inital {
    font-size: 5.875rem;
}
.spage-cmn .metal-extracted-modal .metal-content .metal-inital {
    font-size: 94px;
    line-height: 141px;
}
.spage-cmn .metal-extracted-modal .metal-content .metal-name {
    font-size: 21.1px;
    line-height: 31.66px;
}
.spage-cmn .metal-content .metal-name {
    line-height: normal;
}
.listSwiper .swiper-slide > div.list-box {
    padding-right: 3rem;
}
.listSwiper .swiper-slide > div.list-box .para3 {
    font-size: 20px;
    min-height: 48px;
}
.listSwiper .swiper-slide > div.list-box > ul {
    max-width: 90%;
}
.e-waste-recycling {
    background: linear-gradient(140deg, #fafded, #e1f9ee);
}
.recyclekaro-process-page .e-waste-recycling.rowsec1 {
    padding: 3rem 0 12.5rem;
}
.e-waste-tree-map .tree-map-box p {
    font-size: 1rem;
    line-height: 19.2px;
    color: #2e2a26;
}
.tree-map-box {
    padding: 1.3rem;
    border-radius: 8px;
}
.border-map-box {
    border: 1px solid #73c09d;
    border-radius: 16px;
    min-height: 270px;
}
.pam-tab {
    padding: 1.8rem;
    border: 1px solid #484e4b33;
    border-radius: 24px;
    min-height: 815px;
}
.battery-recycling-page .head-title,
.br-know-more-page .head-title,
.recyclekaro-process-page .head-title {
    font-size: 1.5rem;
    line-height: 1.8rem;
}
.pam-tab .head-title::after {
    content: "";
    border-bottom: 1px solid #484e4b33;
    display: block;
    padding-top: 1.5rem;
}
.pam-tab-details .lgnd-name {
    font-size: 0.875rem;
    line-height: 1.067rem;
    font-weight: 500;
    color: #2e2a26;
}
.ew-mar-view .ew-mar-view-col1-table,
.pam-tab-details .lgnd-data {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.219rem;
    color: #2e2a26;
}
.ew-mar-view-col1-table::-webkit-scrollbar {
    width: 8px;
    height: 10px;
}
.ew-mar-view-col1-table::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 50px;
}
.ew-mar-view-col1-table::-webkit-scrollbar-thumb {
    background: #0e3193;
    border-radius: 50px;
    width: 1rem;
}
.ew-mar-view-col1-table::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.pam-tab .pam-btm-text {
    font-size: 1rem;
    line-height: 1.3rem;
    color: #7e7b78;
    text-align: left;
}
.ew-mar-view-col1 .bordered {
    border: 0.073rem solid #dedede;
    border-radius: 1.17rem;
}
.ew-mar-view-col1-chart {
    padding: 4.75rem 4rem 2rem;
}
.ew-mar-view-col1-table thead td,
.ew-mar-view-col1-table thead th {
    padding: 1rem 1.8rem;
    vertical-align: middle;
    font-size: 1rem;
    font-weight: 700;
    line-height: normal;
    color: #2e2a26;
}
.ew-mar-view-col1-table td,
.ew-mar-view-col1-table th {
    padding: 1.8rem;
    vertical-align: middle;
    border-right: 1px solid #dedede;
}
.ew-mar-view-col1-table tbody td:last-child,
.ew-mar-view-col1-table tbody th:last-child {
    border-right: none;
}
.ew-mar-view .ew-mar-view-col1-table tbody tr:last-child td,
.ew-mar-view .ew-mar-view-col1-table tbody tr:last-child th {
    border-bottom: none;
}
.ew-mar-view .ew-mar-view-col1-table {
    border-radius: 18.72px;
    border: 1px solid #dedede;
}
.ew-mar-view .ew-mar-view-col1-table td {
    font-weight: 400;
    font-size: 1.26138rem;
    line-height: 1.513rem;
}
.impact-numbers-section {
    background: url("../img/homepage/rk-number-bg.jpg") center/cover no-repeat;
    padding: 4.5rem 0 10rem;
}
.bg-white,
.element-number-card {
    background-color: #fff;
}
.impact-numbers-section .rk-card-content {
    font-size: 3.75rem;
    line-height: 4.5rem;
}
.element-number-card {
    height: 11.625rem;
    border-radius: 1.5rem;
}
.element-number-card .element-card-head {
    font-family: Poppins;
    font-weight: 800;
    font-size: 3.5rem;
    line-height: 84px;
    margin-bottom: 0;
}
.element-number-card .element-card-sm-head {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 2.125rem;
    line-height: 2.55rem;
}
.element-number-card .element-card-para {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.067rem;
}
.metal-extracted-modal .modal-body-content h6 {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 1.5rem;
    color: #2e2f35;
    line-height: 29.26px;
}
.metal-extracted-modal .modal-body-content p {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 21.94px;
    color: #7e7b78;
}
.metal-extracted-modal .modal-content .section-title {
    margin-top: 2rem;
    line-height: 43.88px;
}
.recyclekaro-process-page .rowsec {
    padding: 5rem 0;
    overflow: hidden;
}
.br-know-more-page .rowsec1,
.recyclekaro-process-page .rowsec1 {
    padding: 3rem 0;
}
.battery-recycling-page .bg-lgt-green,
.br-know-more-page .bg-lgt-green,
.recyclekaro-process-page .bg-lgt-green {
    background-color: #caf3aa;
}
.battery-recycling-page .bg-lgt-blue,
.br-know-more-page .bg-lgt-blue,
.recyclekaro-process-page .bg-lgt-blue {
    background-color: #b4f2d6;
}
.battery-recycling-page .bg-lgt-scn,
.br-know-more-page .bg-lgt-scn,
.recyclekaro-process-page .bg-lgt-scn {
    background-color: #e4f4c0;
}
.spage-cmn .section-title1 {
    letter-spacing: -0.16181rem;
}
.recyclekaro-process-page .swiper-pagination {
    bottom: 0;
    transform: all 1s;
}
.battery-recycling-page .swiper-pagination .swiper-pagination-bullet,
.br-know-more-page .swiper-pagination .swiper-pagination-bullet,
.media-section .media-content .wp-block-post-featured-image img,
.recyclekaro-process-page .swiper-pagination .swiper-pagination-bullet {
    border-radius: 10px;
}
.battery-recycling-page .swiper-pagination .swiper-pagination-bullet-active,
.br-know-more-page .swiper-pagination .swiper-pagination-bullet-active,
.recyclekaro-process-page .swiper-pagination .swiper-pagination-bullet-active {
    width: 2.75rem;
    background-color: #0e3193;
}
.metal-extracted-modal .modal-dialog {
    width: 90%;
    margin-left: auto;
}
.get-in-touch-form {
    padding: 2rem 4.5rem;
}
.get-in-touch-form .form-element,
.page-content2 p:last-child {
    margin-bottom: 2rem;
}
.get-in-touch-form h6 {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 1.75rem;
    line-height: normal;
    color: #2e2f35;
}
.get-in-touch-form input[type="text"],
.get-in-touch-form select,
.get-in-touch-form textarea {
    font-family: Montserrat;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 500;
    line-height: 21.94px;
    display: block;
    color: #2e2f35;
    padding: 0.6rem 0;
    border: none;
    border-bottom: 1px solid #e5e5e5;
    width: 100%;
}
.bullet,
.liasbox .imgz,
.liasbox .txt,
.media-section .pagination li,
.of-ourservice .viewbtn,
.strengthbox .imgz,
.strengthbox .txt {
    display: inline-block;
}
.get-in-touch-form textarea {
    border: 1px solid #e5e5e5;
    height: 200px;
    border-radius: 4px;
    padding: 0.6rem;
}
.get-in-touch-form label {
    font-family: Montserrat;
    font-size: 1rem;
    color: #7e7b78;
    font-style: normal;
    font-weight: 500;
    line-height: 19.5px;
}
.disc-list li {
    list-style: disc;
    margin-bottom: 1rem;
}
.recycle-process-banner.top-banner.battery-recycling {
    height: 50vh;
}
.br-know-more-page .header-title,
.ever-recycle-section h3 {
    font-size: 3rem;
    line-height: 3.6rem;
}
.br-know-more-page .rowsec {
    padding: 4rem 0;
}
.battery-recycling-page .swiper-pagination,
.br-know-more-page .swiper-pagination {
    bottom: 0;
}
.top-full-banner {
    height: calc(100vh - 70px);
    background: url("../img/recyclekaro_process/top-banner.jpg") center no-repeat;
}
.top-full-banner .banner-content h2 {
    font-family: Montserrat;
    font-size: 90.6px;
    font-weight: 700;
    color: #fff;
    line-height: 103.54px;
}
.top-full-banner .banner-content p {
    font-family: Montserrat;
    font-size: 28px;
    font-weight: 400;
    line-height: 42px;
    color: #fff;
}
.officeDBnr {
    background: url(../img/office_demo_bnr.jpg) center/cover no-repeat;
    height: 650px;
}
.officeDBnr h2 {
    color: #fff;
    font-size: 84px;
    font-weight: 700;
}
.officeDBnr p {
    color: #fff;
    font-size: 24px;
}
.of-ourservice,
.of-ourstrength {
    padding: 80px 0;
}
.in-summary h2,
.of-ourservice h2,
.of-ourservice2 h2,
.of-ourstrength .subtitle {
    color: #4463ac;
    text-align: center;
    font-weight: 700;
    font-size: 36px;
    line-height: 43.2px;
}
.oursbox {
    text-align: center;
    margin-bottom: 20px;
}
.oursbox img {
    margin-bottom: 10px;
    background-color: rgb(230 230 230);
    padding: 0.5rem;
    border: 1px solid rgb(196 217 182);
    border-radius: 1rem;
    width: 160px;
    max-width: 1000%;
}
.oursbox p {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    color: #2e2f35;
}
.of-ourservice .viewbtn {
    text-align: center;
    border-radius: 40px;
    width: fit-content;
    text-transform: uppercase;
    font-size: 18px;
}
.of-ourservice2 {
    background: #e2faef;
    padding: 80px 0;
}
.liasbox {
    margin-bottom: 60px;
}
.liasbox .imgz {
    vertical-align: top;
    width: 70px;
}
.liasbox .txt {
    vertical-align: top;
    width: 75%;
}
.liasbox .txt h4 {
    font-size: 22px;
    font-weight: 700;
    color: #173885;
    line-height: 26.4px;
}
.liasbox .txt p {
    font-size: 16px;
    color: #496074;
    line-height: 19.2px;
}
.strengthbox {
    margin-bottom: 40px;
}
.strengthbox .imgz {
    vertical-align: top;
    width: 16%;
    margin-right: 3%;
}
.strengthbox .txt {
    vertical-align: top;
    width: 80%;
}
.strengthbox .txt h4 {
    color: #2e2f35;
    font-size: 22px;
    font-weight: 700;
    line-height: 26.4px;
}
.strengthbox .txt p {
    color: #7e7b78;
    font-size: 18px;
    line-height: 21.6px;
}
.excution-process {
    padding: 80px 0;
    background: #fafded;
    background: linear-gradient(180deg, #fafded 0, #e1f9ee 35%);
}
.in-summary {
    padding: 80px 0 120px;
}
.in-summary p {
    color: #7e7b78;
    text-align: center;
    font-size: 18px;
    line-height: 23.4px;
}
section.recycle-process-banner.eprbanner {
    height: calc(80vh);
    background-position-y: -180px;
    background: url("../img/top-banner-epr.jpg") left bottom/cover no-repeat;
}
.introdEPR {
    padding-right: 20px;
}
.intouchEPR h2 {
    color: #0e0e0e;
    font-weight: 700;
    font-size: 28px;
}
.introdEPR h4 {
    color: #000;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 26.4px;
}
.introdEPR p {
    color: #7e7b78;
    font-size: 18px;
    margin-bottom: 30px;
    line-height: 21.6px;
}
.boostBox h4,
.media-section .pagination li a.page-link {
    color: #4463ac;
}
.intouchEPR p,
.intouchEPR textarea.form-control {
    font-size: 15px;
    font-weight: 500;
}
.intouchEPR input,
.intouchEPR select {
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    border-radius: 0;
    padding-left: 0;
    font-size: 16px;
}
.boostingCE {
    padding: 50px 0 80px;
    background: url(../img/boostingbg.jpg) right bottom/cover no-repeat;
    margin-top: 60px;
}
.boostBox {
    text-align: center;
}
.boostBox img {
    margin-bottom: 10px;
    width: 85px;
}
.boostBox h4 {
    font-size: 22px;
    font-weight: 700;
    min-height: 55px;
    line-height: 26.4px;
}
.boostBox p {
    color: #7e7b78;
    font-size: 16px;
    font-weight: 500;
    line-height: 19.2px;
}
.globox h4,
.strnghbox .txt h4 {
    font-size: 22px;
    line-height: 26.4px;
    color: #2e2f35;
    font-weight: 700;
}
.boostingCE .head-title {
    margin-bottom: 40px;
    font-size: 36px;
    line-height: 43.2px;
}
.eprstrength {
    padding: 50px 0;
}
.strnghbox {
    margin-bottom: 50px;
}
.strnghbox .imgs,
.strnghbox .txt {
    display: inline-block;
    vertical-align: top;
}
.strnghbox .imgs {
    width: 90px;
    margin-right: 20px;
}
.strnghbox .txt {
    width: 78%;
}
.strnghbox .txt p {
    font-size: 18px;
    line-height: 21.6px;
}
.globalimpl {
    background-color: #e2faef;
    padding: 60px 0 150px;
}
.globox h4 {
    margin-bottom: 1rem;
}
.globox p {
    font-size: 18px;
    color: #7e7b78;
    line-height: 21.6px;
}
.rpb-content {
    z-index: 2;
}
.recycle-process-banner.top-banner {
    background: url("../img/recyclekaro_process/top-banner.jpg") top center/cover no-repeat;
    height: 110vh;
}
.batter-recycling-banner.recycle-process-banner.top-banner {
    background: url("../img/recyclekaro_process/top-banner-battery.jpg") top center/cover no-repeat;
    height: 110vh;
}
.recycle-process-banner.top-banner.about-ewaste-banner {
    background: url("../img/recyclekaro_process/top-banner-ewaste.jpg") top center/cover no-repeat;
    height: 110vh;
}
.ever-recycle-section {
    background: url("../img/battery_recycling/ever-recycle-bg.png") top center/cover no-repeat;
}
.pills_section .nav-pills .nav-link {
    color: #173885;
    opacity: 0.5;
    font-size: 1.125rem;
    line-height: 1.35rem;
    margin-right: 1.5rem;
}
.pills_section .nav-pills {
    width: 100%;
    padding-bottom: 1.6rem;
    border-bottom: 1px solid rgba(72, 78, 75, 0.2);
}
.pills_section .nav-pills .nav-link.active {
    color: #fff;
    opacity: 1;
    border-radius: 100px;
    font-weight: 500;
    background-color: #173885;
    padding: 0.625rem 1.5rem;
}
.source_ewaste .para3 {
    line-height: 1.5rem;
    font-weight: 700;
}
.source_ewaste ul li {
    font-size: 1rem;
    line-height: 1.2rem;
    font-weight: 400;
}
.metals_extracted_tab .metals-box {
    padding-top: 5rem;
    margin-bottom: 2rem;
}
.boosting-economy {
    background-color: #e2faef;
}
.boosting-economy .content-title {
    color: #2e2f35;
}
.be-link p {
    font-size: 1rem;
    line-height: 1.5rem;
}
.bullet {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}
.bullet-green {
    background-color: #00e109;
}
.bullet-orange {
    background-color: #fd9248;
}
.bullet-gray {
    background-color: #a5a4a5;
}
.bullet-lgt-blue {
    background-color: #8ad3f1;
}
.bullet-lgt-gray {
    background-color: #e8e8e8;
}
.bullet-blue {
    background-color: #5255c6;
}
.bullet-lgt-grn {
    background-color: #8de5a8;
}
.spage-cmn p {
    font-size: 1.125rem;
    line-height: 1.35rem;
}
.rp-buttons .rk-primary-btn {
    font-size: 1.171rem;
    line-height: 1.428rem;
    letter-spacing: 0.013rem;
    padding: 0.732rem 1.464rem;
}
.header-bottom-content {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    padding-right: 1.5rem;
}
.header-bottom-content p {
    line-height: 1.688rem;
}
.spage-cmn .section-title {
    font-size: 2.25rem;
    line-height: 2.7rem;
    margin-bottom: 2rem;
}
.spage-cmn .para2 {
    font-size: 1.375rem;
    line-height: 1.65rem;
}
.spage-cmn .content-title {
    font-size: 2rem;
    line-height: 2.4rem;
}
.spage-cmn .section-title1 {
    letter-spacing: -0.162rem;
}
.be-desc-col2 {
    padding: 0 2rem;
}
.metal-extracted-modal .disc-list li {
    font-size: 16px;
    color: #7e7b78;
    list-style: disc;
    line-height: 19.2px;
    margin-bottom: 1rem;
}
.contact_us .form-element label {
    font-size: 0.8rem;
    margin-bottom: 4px;
    color: #4e4e4e;
}
.contact_us .form-element label.error {
    color: red !important;
    font-weight: 600;
}
.form-message {
    font-size: 1.5rem;
    font-weight: 500;
}
.page-content2 p {
    font-size: 18px;
    line-height: 21.6px;
    color: #7e7b78;
    margin-top: 1rem;
}
.vehicle-recyling-banner.about-us-banner {
    background: url("../img/vehicle-recycling/top-bg.png") top center/100% no-repeat;
    height: calc(100vh + 35rem);
}
.media-table-list td {
    word-wrap: break-word;
}
.media-table-list td a:hover {
    text-decoration: underline;
}
.rk-number-tag {
    position: absolute;
    top: 1rem;
    right: 1rem;
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 500;
    line-height: 14.63px;
    background-color: #def7e1;
    padding: 0.5rem 1rem;
    border-radius: 1rem;
}
.newsroom-list .thumb-image img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}
.media-table-list th {
    background-color: #f6f6f6;
    color: #000;
    text-transform: uppercase;
}
.media-table-list th:first-child {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}
.media-table-list th:last-child {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}
.media-table-list td .date-box {
    background-color: #eee;
    padding: 0.75rem;
    border-radius: 0.5rem;
    text-align: center;
}
.media-table-list td .date {
    font-size: 26px;
    font-weight: 700;
    color: #000;
    text-align: center;
}
.media-table-list td .month,
.media-table-list td .year {
    font-size: 18px;
    color: #000;
    font-weight: 500;
}
.media-table-list td,
.media-table-list th {
    padding: 1rem;
}
.media-table-list td img {
    height: 55px;
    display: block;
    margin: 0 auto;
    width: auto;
}
.media-table-list td a {
    color: #0f3ea8;
    font-weight: 500;
}
.media-list-item img {
    width: 100%;
    height: 100px;
    object-fit: cover;
    border-radius: 0.5rem;
    object-position: left;
}
.media-section .pagination {
    text-align: center;
    align-items: center;
    justify-content: center;
    margin: 1.5rem 0;
}
.media-section .pagination li.active .page-link {
    background-color: #44ffd2;
    color: #000;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .ze-right-content h2 {
        font-size: 4rem;
        line-height: 5rem;
    }
    .ze-right-content .title4 {
        font-size: 1.3rem;
        line-height: 1.5rem;
    }
    .impact-numbers-section .rk-card-content {
        font-size: 3.5rem;
    }
    .ze-circle {
        width: 115px;
        height: 115px;
    }
}
@media only screen and (min-width: 1200px) {
    .contact-info-right-panel {
        transform: translateY(-30%);
    }
    .form-address-panel {
        max-height: 900px;
    }
    .listSwiper .swiper-slide {
        width: 33%;
    }
    #getInTouch .modal-dialog {
        margin-top: 4rem;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
    .a_numbers {
        font-size: 22px;
    }
    .aboutus_circle {
        right: 4.75rem;
        width: 15.75%;
    }
    .aboutus_sidebar {
        right: -2.75rem !important;
    }
    .first-section.home-section {
        height: 100vh;
    }
    .home-section {
        height: calc(100vh + 48px);
    }
    .para3,
    .top-header-bottom .para3 {
        font-size: 1.1rem;
        letter-spacing: 1px;
    }
    .abutus-section-content > div.row.align-items-center {
        min-height: 75vh;
    }
    .timeline-thread .thread {
        transform: translateX(-28px);
    }
    .timeline-thread > div {
        height: 475px;
    }
    .timeline-page-cmn .section-title {
        font-size: 3.375rem;
        line-height: 5.063rem;
        font-family: Poppins;
        font-weight: 700;
    }
    .timeline-page-cmn .section-title1 {
        font-size: 3rem;
        line-height: 3.6rem;
        letter-spacing: unset;
    }
    .timeline-page-cmn .para1 {
        line-height: 120%;
        font-family: Montserrat;
        font-weight: 400;
        color: #2e2a26;
    }
    .timeline-page-cmn .para2 {
        line-height: 1.65rem;
        font-family: Montserrat;
        font-weight: 500;
    }
    .timeline-page-cmn .green-circle {
        width: 30px;
        height: 30px;
        background-color: #23cc34;
        border-radius: 50%;
    }
    .timeline-page section {
        padding: 3rem 0;
    }
    .timeline-page .timeline-header {
        padding: 12rem 0 8rem;
    }
    .timeline-width {
        width: 75%;
    }
    .timeline-thread {
        background: url("img/timeline/thread.png") 48% center/contain no-repeat;
        display: block;
        position: relative;
    }
    .timeline-breadcrumb .breadcrumb .breadcrumb-item,
    .timeline-breadcrumb .breadcrumb .breadcrumb-item a {
        font-family: Montserrat;
        font-weight: 400;
        font-size: 0.875rem;
        line-height: 1.067rem;
        color: #a09d99;
        text-transform: uppercase;
        letter-spacing: unset;
    }
    .timeline-breadcrumb .breadcrumb .breadcrumb-item.active {
        color: #585551;
    }
    .text-grey {
        color: #496074;
    }
}
@media only screen and (min-width: 1500px) and (max-width: 1980px) {
    .header-bottom-content {
        padding-left: calc(10% - 48px);
    }
    .abutus-section-para {
        padding-top: 0;
    }
    .abutus-section,
    .metals-extracted-section,
    .orchestrating-section,
    .section {
        padding: 12rem 0;
    }
}
@media only screen and (max-width: 1199px) and (orientation: landscape) {
    .contact-info-box .round-box {
        width: 4.5rem;
        height: 4.5rem;
    }
    .header-section .navbar-nav .nav-link {
        padding: 0.536rem 0.5rem;
    }
    .header-section .navbar-collapse.collapse {
        padding-top: 1rem;
    }
}
@media only screen and (max-width: 1199px) {
    .vehicle-recyling-banner.about-us-banner {
        background-size: 175%;
    }
    .header-section .navbar-nav .nav-item,
    .strengthbox .imgz {
        margin-bottom: 1rem;
    }
    .ze-circle {
        width: 115px;
        height: 115px;
    }
    .ze-right-content h2 {
        font-size: 3.8rem;
        line-height: 4.8rem;
    }
    .ze-right-content .title4 {
        font-size: 1.25rem;
        line-height: 1.5rem;
    }
    .impact-numbers-section .rk-card-content {
        font-size: 2.75rem;
        line-height: 3.5rem;
    }
    .metal-extracted-modal .modal-dialog {
        width: 100%;
        margin-left: auto;
    }
    .meSwiper .swiper-slide {
        width: 16rem;
    }
    .metal-slider .metal-slider-item,
    .our_strategy_circle_1 {
        transform: translateX(0);
    }
    .metal-slider,
    .orchestrating-section .orchestra-slider {
        margin-top: 1.5rem;
    }
    .b-mob-hide,
    .our-strategy-section .our-stragegy-big-image,
    .timeline-page-cmn .para1 br {
        display: none;
    }
    .orchestrating-section .orchestra-slider .slider-item {
        transform: translateX(0);
        padding-left: 50px;
    }
    .our_strategy_left .section-title {
        margin-bottom: 2.5rem;
    }
    .section-title1 {
        font-size: 4rem;
        font-weight: 600;
    }
    .footer-link-list,
    .header-section .dropdown .dropdown-menu {
        padding-left: 0;
    }
    .modal .btn-close {
        width: 24px;
        height: 24px;
        opacity: 1;
        top: 1rem;
        right: 1rem;
    }
    .get-in-touch-form {
        padding: 4rem 2.5rem;
    }
    .metal-image img {
        width: 180px;
    }
    .our-strategy-section {
        background: 0 0;
    }
    .dropdown-toggle-bg {
        display: none !important;
    }
    .watch-story-box {
        position: static;
        width: auto;
        bottom: 0;
        right: 0;
    }
    .header-section .navbar-collapse {
        padding-top: 2rem;
    }
    .header-section .navbar-nav .dropdown .dropdown-menu .dropdown-item {
        font-size: 1.375rem;
    }
    .home-section {
        height: auto;
        padding: 5rem 0;
    }
    .home-section.first-section {
        padding: 0;
    }
    .lets-shape-together {
        top: -10rem;
        padding: 1.5rem;
        max-width: calc(100% - 30px);
    }
    .lets-shape-together .section-title {
        font-size: 1.5rem;
    }
    .lets-shape-together .text {
        font-size: 1rem;
    }
    .aboutus_sidebar {
        width: 150px;
    }
    .aboutus_circle {
        width: 175px;
    }
    .abutus-section {
        padding: 5rem 0 14rem;
    }
    .orchestrating-section {
        overflow: hidden;
        padding: 12rem 0 5rem;
    }
    .aboutus_left_bottom1 {
        width: 120px;
    }
    .aboutus_left_bottom {
        width: 250px;
    }
    .about-us-banner {
        background-size: cover;
    }
    .our-planet-swiper .swiper-slide {
        width: 85%;
    }
    .rk-primary-btn {
        font-size: 0.875rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
    .left_col,
    .right_col {
        width: 100%;
    }
    .our-strategy-section {
        padding: 5rem 0;
    }
    .our_strategy_circle_1 {
        display: block;
        position: relative;
        right: -8%;
    }
    .footer {
        padding-top: 10rem;
    }
    .orchestrating-box-content {
        width: 175px;
        height: 175px;
    }
    .orchestrating-box-content img {
        width: 80px;
    }
    .metals-extracted-swiper .swiper-slide,
    .orchestrating-swiper .swiper-slide {
        width: 33%;
    }
    .contact-section {
        padding-bottom: 10rem;
    }
    .team-info-modal .modal-body {
        padding: 2rem;
    }
    .close-btn {
        width: 48px;
        height: 48px;
        right: 1rem;
        top: 1rem;
    }
    .close-btn:after {
        width: 32px;
        height: 32px;
    }
    .timeline-width {
        width: 82%;
    }
    .listSwiper .swiper-slide {
        width: 95%;
        opacity: 0.85;
    }
    .listSwiper .swiper-slide-active.swiper-slide {
        opacity: 1;
    }
    .pills_section .nav-pills {
        overflow-x: auto;
        overflow-y: hidden;
        display: -webkit-box;
        display: -moz-box;
        flex-wrap: nowrap;
        padding-bottom: 1.5rem;
    }
}
@media only screen and (max-width: 767px) {

    .form-address-panel .offset-xl-2 {
        max-height: 100% !important;
    }
    .battery-recycling-page .head-title,
    .br-know-more-page .head-title,
    .member-card .member-info .member-desg,
    .recyclekaro-process-page .head-title,
    .source_ewaste ul li {
        font-size: 0.875rem;
        line-height: 1.05rem;
    }
    .vehicle-recyling-banner.about-us-banner {
        height: auto;
        background-size: 225%;
        background-position: 100% 0;
        padding-top: 12rem;
    }
    .home-section {
        height: auto;
        padding: 2.15rem 0;
    }
    .metals-extracted-swiper .swiper-slide {
        width: 50%;
    }
    .orchestrating-swiper .swiper-slide {
        width: 35%;
    }
    .rk-number-card {
        height: auto;
        min-height: 175px;
        padding: 2rem 1rem;
    }
    .rk-number-card .rk-card-heading {
        font-size: 0.75rem;
    }
    .a_numbers,
    .para1,
    .para2,
    .rk-number-card .rk-card-content,
    .strategy-to-success .strategy-list-content .list-title {
        font-size: 1rem;
    }
    .recyclekaro-process-page .rowsec,
    .section {
        padding: 3rem 0;
    }
    .contact-section {
        padding: 7rem 0 10rem;
    }
    .aboutus_circle,
    .aboutus_sidebar,
    .officeDBnr p br {
        display: none;
    }
    .abutus-section {
        padding: 3rem 0 20rem;
    }
    .orchestrating-section,
    .our-strategy-section {
        padding: 5rem 0;
    }
    .aboutus_left_bottom {
        z-index: 0;
        width: 160px;
    }
    .abutus-section-para {
        padding-top: 4rem;
    }
    .section-title1 {
        font-size: 2.125rem;
        line-height: normal;
    }
    .head-title,
    .section-title {
        font-size: 1.875rem;
        margin-bottom: 0.75rem;
        line-height: 100%;
    }
    p {
        font-size: 14px;
    }
    .contact-info-box .contact-info,
    .metal-content .metal-name,
    .our-planet-swiper .our-planet-card .info-text,
    .para3 {
        font-size: 0.875rem;
    }
    .para4 {
        font-size: 0.688rem;
    }
    .orchestrating-box-content {
        width: 120px;
        height: 120px;
    }
    .orchestrating-box-content img {
        width: 65px;
    }
    .orchestrating-section .particle-animation-image.top-right {
        top: 0;
        right: -45%;
        width: 350px;
        height: 350px;
    }
    .metals-extracted-section .particle-animation-image.top-right {
        top: -25%;
        right: -10%;
        width: 350px;
        height: 350px;
    }
    .metal-content .metal-inital {
        font-size: 4.438rem;
    }
    .metal-content {
        width: 14rem;
        height: 14rem;
    }
    .green-circle img {
        width: 23px;
    }
    .aboutus_left_bottom img,
    .liasbox .imgz img {
        width: 100%;
    }
    .metals-extracted-swiper {
        padding: 5rem 0 2rem;
        position: relative;
    }
    .orchestrating-swiper {
        padding: 2rem 0;
        position: relative;
    }
    .mb-0 {
        margin-bottom: 0;
    }
    .metals-extracted-section .section-title {
        padding-top: 4.5rem;
    }
    .content_width {
        width: 90%;
    }
    .home-newsroom {
        padding: 3rem 0 15rem;
    }
    .home-newsroom .newsroom-list {
        overflow-x: auto;
    }
    .rk-watermark,
    .section-watermark {
        font-size: 5rem;
        line-height: 5rem;
    }
    .awards-swiper .swiper-slide,
    .certificate-swiper .swiper-slide {
        width: calc(90% - 20px);
    }
    .strategy-to-success .round-box {
        width: 6rem;
        height: 6rem;
    }
    .strategy-to-success .strategy-list-content ul li {
        font-size: 0.875rem;
        margin-bottom: 0.5rem;
    }
    .strategy-to-success .strategy-list-item {
        margin-bottom: 3rem;
    }
    .awards-swiper,
    .certificate-swiper,
    .our-planet-swiper {
        padding-bottom: 2.5rem;
    }
    .awards-swiper .swiper-pagination,
    .certificate-swiper .swiper-pagination,
    .our-planet-swiper .swiper-pagination {
        bottom: 0;
    }
    .awards-swiper .swiper-pagination .swiper-pagination-bullet,
    .certificate-swiper .swiper-pagination .swiper-pagination-bullet,
    .our-planet-swiper .swiper-pagination .swiper-pagination-bullet {
        border-radius: 10px;
    }
    .awards-swiper .swiper-pagination .swiper-pagination-bullet-active,
    .certificate-swiper .swiper-pagination .swiper-pagination-bullet-active,
    .our-planet-swiper .swiper-pagination .swiper-pagination-bullet-active {
        width: 2.75rem;
        background-color: #0e3193;
    }
    .our-planet-swiper .our-planet-card {
        height: 18rem;
    }
    .title {
        font-size: 2.5rem;
        line-height: normal;
    }
    .about-us-banner .banner-content {
        position: static;
    }
    .about-us-banner {
        height: auto;
        background-size: 250%;
        padding: 6rem 0 3rem;
    }
    .top-header .a_numbers_content {
        border: none;
        padding: 0;
    }
    .top-header-bottom .row > div {
        padding: 0 0.5rem;
    }
    .footer-link-list li {
        display: block;
    }
    .social_icons_section {
        padding-bottom: 1.5rem;
    }
    .our_strategy_circle_1 {
        right: -25%;
    }
    .contact-info-box .round-box {
        width: 4rem;
        height: 4rem;
    }
    .ew-mar-view p,
    .member-card .member-info .member-name,
    .timeline-page-cmn .section-title1 {
        font-size: 1rem;
        line-height: 1.2rem;
    }
    .member-card .member-info .member-degree {
        font-size: 0.813rem;
        line-height: 0.975rem;
    }
    .member-card {
        margin-bottom: 2rem;
    }
    .our-team .thumb-image {
        width: 130px;
        height: 130px;
    }
    .our-team-page .txt2,
    .timeline-page-cmn .para2 {
        font-size: 1.125rem;
        line-height: 1.35rem;
    }
    .page-heading,
    .timeline-page-cmn .section-title {
        font-size: 2.25rem;
        line-height: 3.375rem;
    }
    .certificate-sec,
    .our-innovation,
    .our-plant-section,
    .recyclekaro-process-page .rowsec1 {
        padding-top: 0;
    }
    .ew-mar-view-col1-chart,
    .pam-tab {
        padding: 1rem;
    }
    .timeline-page-cmn .para1 {
        font-size: 0.8125rem;
        line-height: 0.975rem;
    }
    .timeline-page-cmn .green-circle {
        width: 12px;
        height: 12px;
    }
    .timeline-thread {
        background: url("img/timeline/thread-mob-view.png") 40% center/contain no-repeat;
        display: block;
        position: relative;
    }
    .timeline-page .timeline-header {
        padding-top: 8rem;
    }
    .timeline-thread > div {
        height: 125px;
    }
    .timeline-thread .thread {
        transform: translateX(-20px) translateY(-40px);
    }
    .contact-section .contact-info-box {
        padding: 20px;
    }
    .contact-section .section-title2 {
        font-size: 30px;
    }
    .recycle-process-banner.top-banner {
        height: auto;
        background-size: 275%;
        padding: 10rem 0 3rem;
    }
    .rpb-content {
        position: static !important;
    }
    .pills_section .nav-pills .nav-link {
        font-size: 0.875rem;
        line-height: 1.05rem;
        margin-right: 0;
    }
    .spage-cmn p {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .spage-cmn .section-title {
        font-size: 1.875rem;
        line-height: 2.25rem;
        margin-bottom: 1rem;
    }
    .metal-extracted-modal .spage-cmn .section-title {
        font-size: 2.25rem;
        line-height: normal;
    }
    .metal-extracted-modal .section-title {
        margin-top: 2rem;
    }
    .spage-cmn .para3 {
        font-size: 1rem;
        line-height: 1.2rem;
        letter-spacing: 0;
    }
    .listSwiper .swiper-slide {
        opacity: 0.35;
        margin-right: 2rem;
    }
    .listSwiper .swiper-slide.swiper-slide-active {
        opacity: 1;
    }
    .zero-emission-section p {
        font-size: 0.875rem;
        line-height: 1.138rem;
    }
    .ze-circle {
        width: 6.326rem;
        height: 6.326rem;
    }
    .ze-circle img {
        width: 3.429rem;
        height: 2.736rem;
    }
    .ze-right-content h2 {
        font-size: 3.5rem;
        line-height: normal;
    }
    .pam-tab {
        border: 1px solid #484e4b33;
        border-radius: 0.79rem;
    }
    .pam-tab .head-title::after {
        padding-top: 1rem;
    }
    .element-number-card .element-card-para,
    .pam-tab-details .lgnd-name {
        font-size: 0.75rem;
        line-height: 0.914rem;
    }
    .pam-tab-details .lgnd-data {
        font-size: 0.875rem;
        line-height: 1.067rem;
    }
    .ew-mar-view .head-title {
        font-size: 1.25rem;
        line-height: 1.5rem;
    }
    .pam-tab .pam-btm-text {
        font-size: 0.875rem;
        line-height: 0.9rem;
    }
    .header-bottom-content {
        width: 95%;
        padding-right: 0.5rem;
    }
    .impact-numbers-section .rk-card-content {
        font-size: 2.5rem;
        line-height: 3rem;
    }
    .impact-numbers-section p {
        font-size: 0.75rem;
        line-height: 0.9rem;
    }
    .impact-numbers-section .rk-number-card img {
        width: 27px;
    }
    .element-number-card .element-card-head {
        font-size: 2.5rem;
        line-height: 3.75rem;
    }
    .element-number-card .element-card-sm-head {
        font-size: 1.75rem;
        line-height: 2.1rem;
    }
    .element-number-card {
        height: 8rem;
    }
    .metal-extracted-modal .modal-body-content h6 {
        font-size: 1.25rem;
    }
    .officeDBnr {
        height: 500px;
    }
    .officeDBnr h2 {
        font-size: 44px;
    }
    .top-full-banner .banner-content h2 {
        font-size: 44px;
        line-height: 120%;
    }
    .boostBox h4,
    .liasbox .txt h4,
    .officeDBnr p {
        font-size: 18px;
    }
    .top-full-banner .banner-content p {
        font-size: 18px;
        line-height: 120%;
    }
    .of-ourservice,
    .of-ourservice2,
    .of-ourstrength {
        padding: 50px 0;
    }
    .in-summary {
        padding: 50px 0 150px;
    }
    .of-ourservice h2,
    .of-ourservice2 h2,
    .of-ourstrength .subtitle {
        padding-bottom: 30px !important;
    }
    .globox,
    .oursbox {
        margin-bottom: 30px;
    }
    .of-ourservice .viewbtn {
        margin-top: 20px;
        font-size: 16px;
    }
    .strengthbox .imgz {
        width: 70px;
    }
    .strengthbox .txt {
        width: 75%;
    }
    .boostingCE .head-title,
    .eprstrength .head-title,
    .strengthbox .txt h4 {
        font-size: 20px;
    }
    .liasbox .imgz {
        width: 60px;
        margin-right: 10px;
    }
    .eprbanner .rpb-bottom {
        padding-bottom: 2rem;
    }
    .boostBox {
        margin-bottom: 40px;
    }
    .boostBox h4 {
        min-height: auto;
    }
    .strnghbox {
        text-align: center;
    }
    .strnghbox .imgs {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .tab-pane .metals-box {
        max-width: 200px;
    }
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
    background-color: #000;
    filter: invert(1);
    width: 3.5rem;
    height: 3.5rem;
}
.lightbox .ratio {
    background: none !important;
}
.grecaptcha-badge {
    display: none !important;
}



/* 17-11-2025 */
.contact-text-details p{
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px;
}
.contact-text-details p:before{
    content: none;
}
.contact-info-right-panel{
    min-height: 100%;
}
.get-in-touch-text {
    color: #000 !important;
}
.contact-message-field textarea{
        height: auto;
}
.form-address-panel .offset-xl-2{
    max-height: 0;
}