/*=== Screen Size = 240, 320, 360, 480, 568 ===*/
:root {
	--orange: #f2aa4c;
	--text-color: var(--secondary);
	--font-family: 'Lato', sans-serif !important;
}

@media screen and (min-width: 860px) and (max-width: 900px) {}

@media (min-width: 1400px) and (max-width: 1499px) {
	.search-container {
		padding-right: 60px;
	}

	.search-input {
		padding-left: 50px !important;
	}

	.main-item .slide-content {
		position: absolute;
		width: 900px;
		top: 33%;
		left: 3.3% !important;
	}

	.gallery-slide-content {
		top: 37.5% !important;
	}

	.delear-slide-content {
		top: 33% !important;
	}

	.radial {
		right: 1182px;
	}

	.radial2 {
		left: 1182px;
	}

	.main-slider-arrow {
		top: 20px;
	}

	.underline-title {
		left: 0px;
	}

	.arrowSection {
		right: 5.8%;
		bottom: 16%;
	}

	.card.quote-section {
		margin: 20px 80px !important;
	}

	.double_slider_content {
		left: 5%;
	}

	.career_double_slider_content {
		left: 5.3%;
	}

	.industry-slider {
		width: 89.5%;
		overflow: hidden;
	}

	.prev-btn {
		left: 4.3%;
	}

	.next-btn {
		right: 4.3%;
	}

	.industry-slider-wrapper {
		max-width: 100%;
	}

	.content-box {
		left: 41.2%;
	}

	.career-content-box {
		left: 12.5%;
	}

	.static-image-content {
		left: 5.4%;
	}

	.faq-section-contactus .faq-content {
		padding: 0px 5px;
	}

	.nav-arrows {
		left: 410px;
		display: flex;
		gap: 14px;
		position: relative;
		bottom: 50px;
	}

	.cat>.col-lg-3 {
		width: 27.9%;
	}

	.content-section {
		padding: 20px 80px;
	}

	.timeline-head {
		left: 75px;
	}

	.timeline-desc {
		margin-left: 105px;
	}

	.careers-slide-content {
		left: 43%;
	}

	.icon-facts-wrapper {
		max-width: 1300px;
	}

	.hero-section-innovation,
	.hero-section-community {
		padding-bottom: 57px;
	}

	/* .carousel-caption {
		top: 31%;
	} */
	.macapplyjob {
		padding-top: 60px !important;
	}

	.quote-mark-end {
		right: 13rem;
		top: 2.4rem;
	}

	#world-map {
		height: 430px !important;
		width: 95% !important;
	}

	#posts {
		margin-top: 70px !important;
	}

	.mobileform {
		right: 80px !important;
	}

	.topmargin {
		margin-top: 5rem !important;
	}

	.map-section-wrapper {
		padding: 40px 50px 55px !important;
	}

	.subcat {
		margin-bottom: 60px;
		margin-top: 110px;
	}

	/* About US Page */
	.small-card {
		min-height: 338px;
	}

	.lineheight {
		margin-bottom: 0px;
	}

	.secpeding {
		padding-top: 0px !important;
	}

	.hero-section-about {
		padding-left: 80px;
	}

	.leaders-heading {
		left: -3px;
		position: relative;
	}

	.card-content-careers .hero-btn-link {
		padding: 8px 15px;
	}

	.core-value-grid {
		padding-left: 0px;
		gap: 31px;
	}

	/* Sub Category */
	.subcat>.col-lg-3 {
		width: 30%;
	}

	/* innovation and quality page */

	.hero-section-innovation {
		padding-left: 80px;
		padding-top: 85px;
	}

	.hero-section-innovation .slide-content {
		left: 42.5%;
	}

	.hero-section-about .slide-content {
		left: 42.5%;
	}

	.hero-section-community .community-content {
		left: 42.5%;
	}

	.bottomimg-section-innovation {
		padding-left: 80px;
	}

	.section-content-1 {
		right: 5.3%;
	}

	.section-content-3 {
		right: 5.3%;
	}

	.section-content-2 {
		width: 36%;
		left: 5%;
	}

	.section-content-4 {
		width: 36%;
		left: 5%;
	}

	/* Community Page */
	.hero-section-community {
		padding-left: 80px;
		padding-top: 85px;
	}

	.caption-wraper {
		left: 5.5% !important;
	}

	.category-nav {
		margin-left: 53px;
	}

	.carousel-caption-details {
		left: 32%;
	}

	.newsroom-section .slide-content {
		padding-left: 0px;
	}

	.careers-heading {
		left: 45px;
	}

	.carousel-caption-careers {
		left: 5.4%;
		top: 30%;
	}

	.carousel-caption-gallery {
		left: 5.4%;
		top: 38%;
	}

	.carousel-caption-careers-bottom {
		left: 5.4%;
		top: 36.5%;
	}

	.main-arrow-op {
		bottom: 80px;
	}

	.product-desc {
		margin-top: 0px !important;
		width: 58%;
	}

	.Subcategory-title {
		margin-top: 160px !important;
		padding-left: 80px;
	}

	.jobsearchBtn {
		height: 39px;
	}

	/* Dealer And Service_Network_Gallery Page */

	.container-joblislisting {
		padding: 0px 20px !important;
	}

	.details-section {
		padding: 20px 80px;
	}

	.infographic-wrapper {
		padding: 60px 80px
	}

	/* become a delear Page */
	.dealer-hero {
		padding-left: 10px;
	}

	.quote_testimonial_slider_window {
		width: 68%;
		overflow: hidden;
		position: relative;
		margin-right: 80px;
	}

	.quote_testimonial_dots_container {
		padding-inline-end: 222px;
	}

	.insidefeedback-card {
		left: 92px;
	}

	.insidefeedback-card-second {
		right: 78px;
	}

	/* contact-us Page */

	.contact-us-hero .contact-us-hero-content {
		left: 42.5%;
	}

	.bottomcontact-us-hero .contact-us-hero-content {
		left: 42.5%;
	}

	.testimonialssec {
		margin-top: 0px;
		padding-bottom: 10px;
		padding-left: 80px;
	}

	.wwwus {
		margin-top: 0px;
		padding-left: 12px;
	}

	.slider-container {
		width: 100%;
		max-width: 1275px;
	}
}

@media (min-width: 1360px) and (max-width: 1399px) {
	.container {
		width: 100%;
		max-width: 1250px !important;
		margin-left: auto;
		margin-right: auto;
	}

	/* Padding & Margins - Converted to relative % for "Automatic" feel */
	.search-container {
		padding-right: 5.4%;
		/* Scaled from 60px */
	}

	.search-input {
		padding-left: 5.3% !important;
		/* Scaled from 50px */
	}

	.content-section,
	.details-section,
	.infographic-wrapper,
	.testimonialssec,
	.Subcategory-title,
	.hero-section-innovation,
	.hero-section-community,
	.hero-section-about,
	.bottomimg-section-innovation {
		padding-left: 5.7%;
		/* Standardized 80px to relative 6.15% */
		padding-right: 5.7%;
	}

	/* Positioning - Using % ensures items move as the screen shrinks */
	.main-item .slide-content {
		position: absolute;
		width: 69%;
		/* Scaled 900px */
		top: 33%;
		left: 3% !important;
	}

	.gallery-slide-content {
		top: 37.5% !important;
	}

	.delear-slide-content {
		top: 33% !important;
	}

	/* For specific side-elements, we use calc to keep them relative to edges */
	.radial {
		right: calc(100% - 118px);
	}

	.radial2 {
		left: calc(100% - 118px);
	}

	.main-slider-arrow {
		top: 1.5rem;
	}

	.underline-title {
		left: 0px;
	}

	.arrowSection {
		right: 6%;
		bottom: 16%;
	}

	.card.quote-section {
		margin: 1.25rem 6.15% !important;
	}

	.double_slider_content {
		left: 5%;
	}

	.career_double_slider_content {
		left: 5.3%;
	}

	/* Widths & Layouts */
	.industry-slider {
		width: 89.5%;
		overflow: hidden;
	}

	.prev-btn {
		left: 3.7%;
	}

	.next-btn {
		right: 3.7%;
	}

	.industry-slider-wrapper {
		max-width: 100%;
	}

	.content-box {
		left: 37.9%;
	}

	.career-content-box {
		left: 7.5%;
	}

	.static-image-content {
		left: 5.4%;
	}

	.faq-section-contactus .faq-content {
		left: 46%;
	}

	.faq-section {
		width: 1200px;
	}

	.fm-impact-home {
		margin-right: 10px;
		gap: 28px;
	}

	.fm-impact-card {
		width: 220px;
	}

	.fm-impact-grid {
		flex-wrap: nowrap;
	}

	.newsroom-section .slide-content {
		left: 46%;
	}

	.repaterconatiner {
		max-width: 1200px;
	}

	.faq-section-contactus .faq-content {
		padding: 0px 0.3rem;
	}

	.nav-arrows {
		left: 88.5%;
		/* Automatic placement */
		display: flex;
		gap: 0.8rem;
		position: relative;
		bottom: 3.1rem;
	}

	.cat>.col-lg-3 {
		width: 27.9%;
	}

	.subcat>.col-lg-3 {
		width: 30%;
	}

	.timeline-head {
		left: 7.7%;
	}

	.timeline-desc {
		margin-left: 10%;
	}

	.careers-slide-content,
	.hero-section-innovation .slide-content,
	.hero-section-about .slide-content,
	.hero-section-community .community-content,
	.contact-us-hero .contact-us-hero-content,
	.bottomcontact-us-hero .contact-us-hero-content {
		left: 45%;
	}

	.core-value-inner>.container,
	.secpeding>.underline-title {
		width: 25%;
	}

	.footer-wraper {
		width: 1200px !important;
	}

	.core-value-grid {
		flex-wrap: nowrap;
	}

	.hero-section-innovation,
	.hero-section-community {
		padding-bottom: 4.3rem;
	}

	.macapplyjob {
		padding-top: 4.6rem !important;
	}

	.quote-mark-end {
		right: 10%;
		top: 2.4rem;
	}

	#world-map {
		height: 27rem !important;
		width: 95% !important;
	}

	#contactform>.container {
		width: 1200px;
	}

	#posts {
		margin-top: 5.3rem !important;
	}

	.mobileform {
		right: 6.15% !important;
	}

	.topmargin {
		margin-top: 5rem !important;
	}

	.map-section-wrapper {
		padding: 3rem 3.8rem 4.2rem !important;
	}

	.subcat {
		margin-bottom: 4.6rem;
		margin-top: 8.4rem;
	}

	.small-card {
		min-height: 21rem;
	}

	.lineheight {
		margin-bottom: 0px;
	}

	.secpeding {
		padding-top: 0px !important;
	}

	.leaders-heading {
		left: -3px;
		position: relative;
	}

	.card-content-careers .hero-btn-link {
		padding: 0.5rem 0.9rem;
	}

	.core-value-grid {
		padding-left: 0px;
		gap: 2.3%;
	}

	.section-content-1,
	.section-content-3 {
		right: 6.3%;
	}

	.section-content-2,
	.section-content-4 {
		width: 36%;
		left: 6%;
	}

	.slider-container,
	.careerscontainer {
		width: 100%;
		max-width: 1200px;
	}

	.caption-wraper {
		left: 5.5% !important;
	}

	.category-nav {
		margin-left: 4%;
	}

	.carousel-caption-details {
		left: 32%;
	}

	.newsroom-section .slide-content {
		padding-left: 0px;
	}

	.careers-heading {
		left: 3.4%;
	}

	.carousel-caption-careers,
	.carousel-caption-gallery,
	.carousel-caption-careers-bottom {
		left: 5.4%;
	}

	.carousel-caption-careers {
		top: 30%;
	}

	.carousel-caption-gallery {
		top: 38%;
	}

	.carousel-caption-careers-bottom {
		top: 36.5%;
	}

	.main-arrow-op {
		bottom: 6.15rem;
	}

	.product-desc {
		margin-top: 0px !important;
		width: 58%;
	}

	.jobsearchBtn {
		height: 2.4rem;
	}

	.container-joblislisting {
		padding: 0px 1.5% !important;
	}

	/* Dealer Section */
	.dealer-hero {
		padding-left: 0.7rem;
	}

	.quote_testimonial_slider_window {
		width: 68%;
		margin-right: 6.15%;
	}

	.quote_testimonial_dots_container {
		padding-inline-end: 17%;
	}

	.insidefeedback-card {
		left: 7%;
	}

	.insidefeedback-card-second {
		right: 6%;
	}

	.wwwus {
		margin-top: 0px;
		padding-left: 0.9rem;
	}
}


@media (min-width: 1200px) {
	.container {
		max-width: 1320px;
	}
}

/* For mid-size desktop monitors */
@media (min-width: 1600px) and (max-width: 1899px) {
	.main-item .slide-content {
		left: 8.2% !important;
	}

	.industry-slider {
		width: 80%;
		overflow: hidden;
	}

	.prev-btn {
		left: 8.6%;
	}

	.next-btn {
		right: 8.6%;
	}

	.section-content-1 , .section-content-3 {
		right: 3.8%;
	}

	.section-content-2  ,.section-content-4{
		width: 34%;
	}

	.Subcategory-title {
		padding-left: 160px;
	}

	.bottomimg-section-innovation {
		padding-left: 150px;
	}

	.arrowSection {
		right: 10.2%;
	}

	.card.quote-section {
		margin: 35px 160px !important;
	}

	.cat>.col-lg-3 {
		width: 25.2%;
	}

	.double_slider_content {
		left: 9.5%;
	}

	#world-map {
		height: 470px !important;
		margin-bottom: -20px;
		padding-bottom: 20px;
	}

	.vector1 {
		right: 495px !important;
	}

	.vector2 {
		left: 541px !important;
	}

	.timeline-head {
		padding-left: 30px;
	}

	.timeline-desc {
		margin-left: 180px;
	}

	.map-section-wrapper {
		padding: 30px 80px 60px !important;
	}
	.static-image-content {
		left: 9.5%;
	}
	.footer-wraper {
		padding-left: 70px !important;
		padding-right: 80px !important;
	}

	/* About-us Page */
	.hero-section-about,
	.hero-section-innovation,
	.hero-section-community,
	.newsroom-section {
		padding-left: 155px;
	}

	.leaders-heading {
		left: 120px;
	}

	/* Product Page */
	.mobileform {
		position: absolute;
		right: 120px !important;
		top: 95px;
	}

	.carousel-control-prev,
	.carousel-control-next {
		right: 50px;
	}

	.widget-search {
		width: 90%;
	}

	/* Career Page */
	.career-tag {
		margin-left: 150px;
	}

	/* Job liting Page */
	.job-search-form {
		padding: 0px 90px;
		display: block;
	}

	#jobResults {
		margin: auto;
		width: 1270px;
	}

	.hero-section-joblisting .content {
		margin-left: 0px;
	}

	/* Community Page */
	.caption-wraper {
		left: 9.5% !important;
	}

	.category-nav {
		margin-left: 126px;
	}

	.ficommunity {
		padding-left: 15px;
	}

	/* Community-Details Page */
	.main-text-block {
		padding: 0px 160px;
	}

	.content-section {
		padding: 20px 160px;
	}

	.testimonialssec {
		padding-left: 160px;
	}
	/* Newsroom Page  */
	.timestamps {
		margin-left: 150px;
	}

	/* become a delear Page */
	.dealer-hero {
		padding-left: 160px;
	}

	/* Contact us Page */
	.contact-us-hero {
		padding-left: 140px;
	}
}

/* For large monitors and 4K screens */
@media (min-width: 1900px) {
	#about:hover~.backdrop {
		height: 355px !important;
	}

	#product-solutions-dropdown:hover~.backdrop {
		height: 495px !important;
	}

	.mapmargin {
		margin-top: 80px !important;
	}

	#communitydropdown:hover~.backdrop {
		height: 450px !important;
	}

	#innovation_backdrop_menu:hover~.backdrop {
		height: 355px !important;
	}

	#career:hover~.backdrop {
		height: 401px !important;
	}

	#network:hover~.backdrop {
		height: 263px !important;
	}

	.radial {
		right: 1182px;
	}

	.radial2 {
		left: 1182px;
	}

	.slide-in-image {
		position: absolute;
		left: -100%;
		top: 90%;
		transform: translateY(-50%);
		height: 80%;
		width: 90%;
		object-fit: contain;
		opacity: 0;
		transition: all 0.5s ease-in-out;

	}

	.animated-title-wrapper,
	.button-heading,
	.impact-heading,
	.glass-title-box {
		margin: 100px 0px 20px 310px;
	}

	.Subcategory-title {
		margin-top: 100px !important;
	}

	.Subcategory-title {
		padding-left: 310px;
	}

	.double_slider_content {
		top: 27%;
		left: 16.5%;
		position: relative;
	}

	.content-box {
		left: 43.5%;
	}

	.career-content-box {
		left: 21.5%;
	}

	.double_slider_align {
		display: flex;
		position: relative;
		top: 18%;
	}

	.double_slide_heading {
		line-height: 3rem;
	}

	.text-content-home-slider,
	.controls {
		max-width: 500px;
	}

	.card.quote-section {
		margin: 28px 320px 0px !important;
	}

	.delear-slide-content {
		top: 37.7% !important;
	}

	.careers-slide-content {
		left: 44.8% !important;
	}

	.main-item .slide-content {
		top: 36.6% !important;
		left: 14.8% !important;
	}

	.careerscontainer {
		width: 1274px;
	}

	.industry-slider {
		width: 66.9%;
		overflow: hidden;
	}

	.industry-slider-wrapper {
		max-width: 100%;
	}

	.prev-btn {
		left: 15.4%;
	}

	.next-btn {
		right: 15.4%;
	}

	.hero-section-innovation .slide-content {
		left: 44.5%;
	}

	.hero-section-about .slide-content {
		left: 44.5%;
	}

	.hero-section-community .community-content {
		left: 44.5%;
	}

	.newsroom-section .slide-content {
		left: 44.5%;
	}

	.contact-us-hero .contact-us-hero-content {
		left: 44.5%;
	}

	.bottomcontact-us-hero .contact-us-hero-content {
		left: 44.5%;
	}

	.wwwus {
		padding-top: 50px;
		padding-left: 10px;
	}

	.testimonialssec {
		margin-top: 0px;
		padding-bottom: 10px;
		padding-left: 314px;
	}

	.bottomimg-section-innovation {
		padding-left: 310px;
	}

	.section-content-1 {
		right: 5.5%;
	}

	.section-content-3 {
		right: 5.5%;
	}

	.section-content-2 {
		width: 35.5%;
		left: 5.5%;
	}

	.section-content-4 {
		width: 35.5%;
		left: 5.5%;
	}

	/* .main-slider-arrow {
		margin-left: -10px;
	} */
	.arrowSection {
		bottom: 8.5%;
		right: 16.5%;
	}

	.timeline-head {
		left: 310px;
		position: relative;
	}

	.topmargin {
		margin-top: 5rem !important;
	}

	.timeline-desc {
		margin-left: 330px !important;
	}

	.vector1 {
		left: -504px !important;
	}

	.vector2 {
		left: 541px !important;
	}

	.portfolio-item {
		width: 21%;
	}

	.portfolio-reveal .portfolio-item,
	.grid-inner {
		height: 480px !important;
	}

	.portfolio-image img {
		height: 450px !important;
	}

	#portfolio {
		margin: 100px 170px 60px;
	}

	#world-map {
		height: 660px !important;
		width: 72% !important;
	}

	/* .section6{
		margin-top: 40px;
	} */
	.map-section-wrapper {
		padding: 40px 60px 70px !important;
	}

	.quote-section {
		text-align: center;
		background: #fff;
		padding: 10px 20px 10px;
		font-family: var(--font-family) !important;
	}

	.quote_testimonial_wrapper {
		padding: 60px 0px 60px 250px !important;
	}

	.for_bg {
		max-width: 1590px;
	}

	.quote_testimonial_slider_window {
		margin-right: 310px;
		width: 56.8%;
	}

	.nav-buttons-cat {
		margin: 20px 315px !important;
	}

	.footer-wraper {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.parent-categories {
		padding-left: 16px;
	}

	.postcontent {
		padding: 0px 20px !important;
	}

	#content .container {
		padding: 0px 20px;
	}

	.subcaticn>.hero-icon {
		width: 50px !important;
		height: 20px !important;
	}

	.subcatgrid-inner>.portfolio-image {
		min-height: 480px !important;
	}

	.probrochures {
		padding: 60px 20px;
	}

	.our-leader {
		padding-left: 20px !important;
	}

	.small-card {
		min-height: 338px !important;
	}

	/* Contact US Page */
	.contact-us-hero {
		padding-left: 300px;
	}

	#content::before {
		top: -20px;
		left: 130px;
	}

	#content::after {
		bottom: 10px;
		right: 130px;
	}

	.contact-us-hero .contact-us-hero-content {
		margin-top: 0px;
	}

	.form-wraper-contactus {
		padding: 0px 250px;
	}

	/* About-us Page */
	.hero-section-about,
	.hero-section-innovation,
	.hero-section-community,
	.newsroom-section {
		padding-left: 310px;
		padding-top: 380px;
		align-items: start;
	}

	.carousel-caption-details {
		left: 36.6%;

	}

	.leaders-heading {
		left: 260px;
	}

	.subcat>.col-lg-3 {
		width: 31%;
		height: 400px;
	}

	.subcatgrid-inner {
		height: 480px !important;
	}

	/* Product Page */
	.mobileform {
		position: absolute;
		right: 310px !important;
		top: 93px;
	}

	.single-product {
		padding-top: 50px;
	}

	.singlepro-slider-img {
		height: 600px !important;
		object-fit: cover !important;
	}

	.carousel-control-prev,
	.carousel-control-next {
		right: 180px;
	}

	/* .widget-search{
		width: 90%;
	} */
	/* Community Page */
	.caption-wraper {
		left: 16.2% !important;
		top: 35% !important;
	}

	.category-nav {
		margin-left: 285px;
	}

	#categoryCarousel {
		height: 100vh;
	}

	/* Community-Details Page */
	.main-text-block {
		padding: 0px 450px;
	}

	.content-section {
		padding: 20px 320px;
	}

	/* Newsroom Page  */
	.timestamps {
		margin-left: 310px;
	}

	/* Delear and Service Page  */
	.details-section {
		padding: 20px 300px;
	}

	.featured-stories {
		padding: 0px 20px;
	}

	/* Become Delear Page  */
	.dealer-hero {
		padding-left: 240px;
	}

	.becomedelear {
		padding: 0px 20px;
	}

	/* Carrers Page  */
	.carousel-caption {
		top: 40% !important;
		left: 16.5%;
	}

	.section-odd {
		left: 1%;
	}

	.section-even {
		right: 2.5%;
	}

	/* .why-work-with-us{
		margin: 40px 0px 90px;
	} */
	.career-tag {
		left: 10%;
		margin-top: 320px;
	}

	/* .careerscontainer{
		margin: 70px 0px 70px;
	} */
	.careers-heading {
		left: 280px;
	}

	.process-container {
		padding: 0px 10px;
		margin-bottom: 60px;
	}

	.flow-section {
		margin-top: 40px;
	}

	.carousel-img-career {
		min-height: 100vh;
	}

	/* Job liting Page */
	.job-search-form {
		padding: 0px 234px;
		display: block;
	}

	#jobResults {
		margin: auto;
		width: 1300px;
	}

	.jobsearchBtn {
		height: 39.45px;
	}

	.hero-section-joblisting .content {
		margin-left: 0px;
	}
}

@media (min-width: 1200px) and (max-width: 1299px) {}

@media (min-width: 992px) and (max-width: 1199px) {}

@media (min-width: 768px) and (max-width: 991px) {}

@media (max-width: 991px) {
	.header-black .navbar-toggler.collapsed .navbar-toggler-icon .toggle-bar {
		background: #fff;
	}

	.navbar-toggler-icon {
		width: auto;
		height: auto;
		background: none;
	}

	.navbar-toggler {
		padding: 0;
		width: 32px;
		height: 32px;
		position: relative;
		margin: 0;
		background: transparent;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 999;
		margin-left: auto;
		margin-left: 0;
		background: transparent;
		z-index: 9999;
		border: none;
	}


	.navbar-toggler .navbar-toggler-icon .toggle-bar {
		position: relative;
		display: block;
		height: 2px;
		width: 18px;
		transition: 0.4s;
		-webkit-transition: 0.4s;
		-moz-transition: 0.4s;
		-ms-transition: 0.4s;
		-o-transition: 0.4s;
		border-radius: 5px;
		margin: 0 auto 4px;
		background: #fff;
		border-radius: 0;
		margin-left: auto;
		margin-right: auto;
	}

	.navbar-toggler:focus {
		box-shadow: none;
		outline: none;
	}

	.navbar-menu.show {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	.navbar-toggler.open .navbar-toggler-icon .toggle-bar {
		background: #000;
	}

	.navbar-toggler.open .navbar-toggler-icon .toggle-bar:first-child {
		top: 6px;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
	}


	.navbar-toggler.open .navbar-toggler-icon .toggle-bar:nth-child(2) {
		opacity: 0;
	}


	.navbar-toggler.open .navbar-toggler-icon .toggle-bar:last-child {
		top: -6px;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
	}

	.navbar-toggler .navbar-toggler-icon .toggle-bar:last-child {
		margin-bottom: 0;
	}

	.navbar-collapse {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 999;
		-webkit-transform: translateX(110%);
		transform: translateX(110%);
		-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.8, 0, 0, 1);
		transition: -webkit-transform 0.2s cubic-bezier(0.8, 0, 0, 1);
		transition: transform 0.2s cubic-bezier(0.8, 0, 0, 1);
		transition: transform 0.2s cubic-bezier(0.8, 0, 0, 1), -webkit-transform 0.2s cubic-bezier(0.8, 0, 0, 1);
		padding: 120px 20px 60px;
		overflow: auto;
		height: 100% !important;
		background-color: #fff;
		min-height: 100vh;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-right: auto;
		margin-left: auto;
		align-items: flex-start;
		flex-direction: column;
		text-align: left;
		padding: 100px 0 30px;
		display: block;

	}

	.navbar-collapse.show {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	.navbar-nav .nav-item .nav-link .dropdown-icon {
		z-index: 99;
		position: absolute;
		right: 0;
		width: 40px;
		height: 40px;
		top: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 20px;
		bottom: 0;
	}

	.navbar-nav .nav-item .nav-link {
		border-bottom: 1px solid #e5e5eb;
		padding: 13px 0px !important;
		color: #000 !important;
		position: relative;

	}

	.slide-in-image {
		position: relative;
		left: auto;
		top: auto;
		transform: none;
		height: auto;
		width: 100%;
		object-fit: cover;
		opacity: 0;
		transition: all 0.5s ease-in-out;
		padding: 0 !important;
	}

	.navbar-nav .dropdown-menu {
		padding: 15px;
	}

	.dropdown-megamenu ul .title {
		color: #000;
		padding: 10px 0;
		margin: 0;
	}

	.dropdown-megamenu ul li a {
		color: #000;
	}

	.dropdown .dropdown-menu.open {
		display: block;
	}

	.logo-black img {
		filter: none;
		z-index: 9999;
		position: relative;
	}

	.logo-black img.white-logo {
		filter: none;
	}

	.flow-container {
		grid-template-columns: 1fr;
		gap: 50px;
	}

	.flow-step {
		margin-top: 30px;
	}

	.quote-grid {
		grid-template-columns: 1fr;
		row-gap: 40px;
	}
}

@media all and (min-width: 992px) {
	.navbar-nav .nav-item .nav-link .dropdown-icon {
		display: none;
	}

	.dropdown>.dropdown-megamenu,
	.dropdown.open>.dropdown-megamenu {
		transition: all ease 0.2s;
		border-radius: 0;
		border: none;
		min-width: auto;
		right: 0;
		width: auto;
		left: -4px;
		padding: 30px 0 0;
		background: transparent;
		transition: margin .3s, visibility 0s 0s, opacity .3s, transform .3s;
		box-shadow: none;
		display: none;
		-webkit-animation: fadein ease-in 1;
		-moz-animation: fadein ease-in 1;
		animation: fadein ease-in 1;
		-webkit-animation-fill-mode: forwards;
		-moz-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
		-webkit-animation-duration: 1s;
		-moz-animation-duration: 1s;
		animation-duration: 1s;


	}


	.dropdown>.dropdown-menu .dropdown-item:focus,
	.dropdown>.dropdown-menu .dropdown-item:hover {
		color: #fff;
		background-color: transparent;
	}

	.dropdown:hover>.dropdown-menu,
	.dropdown.open:hover>.dropdown-menu {
		opacity: 1;
		transform: translateX(0);
		display: block;
	}

	.backdrop {
		position: fixed;
		opacity: 0;
		top: 0;
		left: 0;
		width: 100vw;
		height: 0;
		background-color: #000;
		z-index: -1;
		transition-duration: .5s;
		transition-timing-function: ease-in-out;
	}

	.dropdown:hover~.backdrop {
		height: 70vh;
		opacity: .96;
	}

	/* #about:hover ~ .backdrop {
		height: 265px !important;
	} */
	#about:hover~.backdrop {
		height: 352px !important;
	}

	/* #innovation_backdrop_menu:hover ~ .backdrop {
		height: 265px !important;
	} */
	#innovation_backdrop_menu:hover~.backdrop {
		height: 352px !important;
	}

	#product-solutions-dropdown:hover~.backdrop {
		height: 489px !important;
	}

	/* #communitydropdown:hover ~ .backdrop {
		height: 36vh !important;
	} */
	#communitydropdown:hover~.backdrop {
		height: 444px !important;
	}

	#career:hover~.backdrop {
		height: 398px !important;
	}

	#network:hover~.backdrop {
		height: 260px !important;
	}
}


@media (max-width: 767px) {

	/**** member page *****/
	.btn-gold {
		width: 139px;
		padding: 12px;
		color: #fff;
	}

	/* .fullpage-wrapper {
		padding: 53px 0 0;
	} */

	.sidebar-menu .menu-top ul li a {
		font-size: 13px;
		line-height: 20px;
	}

	.sidebar-menu .sidebar-footer {
		margin-top: 60px;
	}

	.sidebar-menu .menu-top h5 {
		font-size: 18px;
		line-height: 20px;
		margin: 0 0 25px;
	}

	.sidebar-menu .sidebar-footer p {
		font-size: 18px;
		line-height: 22px;
		text-align: center;
	}

	.sidebar-menu .sidebar-footer p a {
		display: block;
		margin: 16px 0 0;
	}

	.member-benefit .benefit-detail [class*=col-] {
		max-width: 50%;
		flex: 0 0 50%;
	}

	.main-title br {
		display: none;
	}

	.main-title h1,
	.main-title h2,
	.main-title h3,
	.main-title h4,
	.main-title h5,
	.main-title h6 {
		font-size: 40px;
		line-height: 50px;
	}

	.service-area .service-content .text-block {
		max-width: 350px;
		margin-right: auto;
	}

	.membership-info .membrship-list {
		padding: 24px 0 0;
	}

	.member-benefit .benefit-detail {
		padding: 34px 25px 62px 25px;
	}

	.member-benefit .text-block {
		padding: 0 0 150px;
	}

	.member-benefit .main-title {
		margin: 0 0 40px;
	}

	.member-benefit .text-block p {
		margin: 0 0 20px;
	}

	.membership-info .membership-detail {
		padding: 0 25px 60px 25px;
	}

	.membership-info .membrship-list h3 {
		margin: 0 0 15px;
	}

	.member-block p {
		font-size: 13px;
		line-height: 19px;
		color: #000A3C;
		margin: 0;
	}

	.container {
		padding: 0 25px;
	}

	body.is-home .navbar .container {
		padding-left: 25px !important;
	}

	.repair-guide .guide-list h3 {
		margin: 28px 0 10px;
	}

	.repair-guide {
		padding: 70px 0 0;
	}

	.repair-guide .repair-img {
		width: 72px;
		margin-left: auto;
		width: 72px;
		margin-left: auto;
		position: absolute;
		right: 20px;
	}

	.member-block h6 {
		font-weight: bold;
		font-size: 13px;
		line-height: 19px;
	}

	.repair-guide .repair-btn {
		padding: 30px 0 0;
	}

	.membership-tc .member-img .membership-detail {
		bottom: 0;
		right: auto;
	}

	.membership-tc .membership-content .text-block {
		max-width: 100%;
		padding: 40px;
	}

	.testimonial-slider .slick-next.slick-arrow {
		right: -20px;
	}

	.membership-info .membership-detail .main-title {
		padding: 0 0 40px;
	}

	.footer {
		position: relative;
		bottom: auto;
		right: auto;
		left: auto;
		display: block;
		text-align: center;
		padding: 90px 44px 80px;
		background: #000A3C;
	}

	.footer ul {
		align-items: center;
		justify-content: space-between;
		padding: 0 0 50px;
	}

	.footer p a {
		display: block;
		margin-top: 25px;
	}

	.f-logo {
		padding: 0 0 105px;
	}

	.footer ul li {
		padding: 0;
	}

	.footer ul li svg {
		width: 40px;
		height: auto;
	}

	.member-testimonial .main-title {
		padding: 0 0 90px;
	}

	.member-testimonial {
		padding: 50px 0;
	}

	.testimonial-slider .t-item {
		padding: 42px 20px;
		margin: 0;
	}

	.fp-section.fp-table,
	.fp-slide.fp-table,
	.fp-tableCell {
		height: auto !important;
		display: block !important;
	}

	.navbar-nav .nav-item {
		padding: 0 22px 0 22px !important;
	}

	.navbar-nav .nav-item:first-child {
		padding: 0 22px 0 22px !important;
	}

	.navbar-brand svg {
		width: 165px;
		height: auto;
	}

	.membership-tc .membership-content,
	.request-repair .request-content {
		position: relative;
		top: -70px;
		transform: translate(0);
		left: auto;
		right: auto;
	}

	.membership-tc .member-img .membership-detail {
		display: none;
	}

	.request-repair .request-content .main-title {
		padding: 0 0 45px;
	}

	.request-repair .request-content .container {
		padding: 0;
	}

	.request-repair .request-content .text-block {
		padding: 42px 20px 50px 40px;
		margin: 0;
		max-width: 100%;
	}

	.request-repair .request-content .repair-block {
		margin-right: 0;
		padding-left: 55px;
	}

	.request-repair .request-content .btn-gold {
		margin-top: 30px;
		color: #fff;
	}

	.service-area .service-content {
		position: relative;
		top: auto;
		transform: translate(0);
		left: auto;
		right: auto;
		padding: 0 0 50px;
	}

	.service-area .service-content p {
		margin: 0 0 45px;
	}

	.service-area .service-content .main-title {
		padding: 0 0 40px;
	}

	.request-repair .request-content .repair-block .number {
		padding-left: 0;
	}

	.request-repair {
		padding: 0 0 40px;
	}

	.request-repair .request-content p {
		font-size: 13px;
		line-height: 19px;
	}

	.m-right .ser-btn {
		display: none;
	}

	.m-right .btn-gold {
		display: none;
	}

	.m-right {
		padding-left: 0;
		position: absolute;
		right: 3px;
	}

	.sidebar-menu {
		width: 100%;
		padding: 75px 45px;
		padding-right: 30px;
		top: 53px;
	}

	.sidebar-menu .mCSB_inside>.mCSB_container {
		margin-right: 15px !important;
	}

	body:before {
		display: none !important;
	}



	.sidebar-menu .menu-close {
		display: none;
	}

	.header {
		padding: 7px 0;
	}

	.member-benefit .benefit-block {
		padding: 0;
		padding-bottom: 28px;
	}

	.member-benefit .benefit-block p {
		font-weight: bold;
		font-size: 13px;
		line-height: 19px;
		color: #000A3C;
		margin: 0;
	}

	.member-benefit .benefit-block .icon {
		padding: 0 0 12px;
		position: relative;
		width: auto;
		text-align: left;
	}

	.membership-tc .membership-content p {
		color: #000A3C;
	}

	.membership-tc .membership-content .btn-blue {
		margin-top: 30px;
	}

	/**** member page *****/
	.member-tesitmonial {
		padding: 0;
	}

	.member-benefit-full .benefit-slider .b-item {
		padding: 0 15px;
	}

	.member-benefit-full .benefit-slider .slick-list {
		margin: 0 -15px;
	}

	.member-benefit-full .main-title {
		padding: 0 0 50px;
		text-align: left;
	}

	.member-tesitmonial .testimonial-detail .single-testimonial {
		padding: 50px;
		padding-bottom: 0;
		max-width: 100%;
		padding-left: 0;
		text-align: left;
		margin: 0;
	}

	.member-tesitmonial .testimonial-detail .single-testimonial p {
		font-size: 13px;
		line-height: 19px;
		color: rgba(0, 0, 0, 0.8);
		margin: 0 0 15px;
	}

	.member-tesitmonial .testimonial-detail .testimonial-slider2 .slick-next {
		position: absolute;
		top: 50%;
		transform: translate(0, -50%);
		right: 0;
	}

	.member-tesitmonial .testimonial-detail .single-testimonial span {
		font-weight: bold;
		font-size: 14px;
		line-height: 20px;
		color: rgba(0, 0, 0, 0.8);
	}

	.member-benefit-full .main-title .btn-gold {
		margin-top: 25px;
		width: 123px;
	}

	.main-slider .slick-next {
		display: none !important;
	}

	.member-benefit-full .benefit-slider .slick-prev {
		left: -20px;
	}

	.download-app .app-image img {
		width: 100%;
		margin-top: 0px;
		z-index: -1;
		position: relative;
	}

	.download-app .app-detail .text-block .app-btn {
		padding: 20px 0 0;
	}

	.member-tesitmonial .testimonial-img .img img,
	.member-tesitmonial .testimonial-img .img {
		height: auto;
	}

	.member-tesitmonial .testimonial-detail .single-testimonial:nth-child(odd):after {
		left: auto;
		transform: rotate(0);
	}

	.member-benefit-full .benefit-slider .slick-next {
		right: -20px;
	}

	.main-item .main-content {
		padding: 0 25px;
	}

	.member-benefit-full .benefit-block {
		margin: 0 0 65px;
		max-width: 240px;
	}

	.welcome-sec {
		padding: 50px 0;
		background: #fff;
	}

	.welcome-sec .text-block .btn-gold {
		margin: 10px 0 0;
	}

	.welcome-sec .text-block p {
		font-size: 13px;
		line-height: 19px;
		color: #000A3C;
	}

	.welcome-sec .text-block .main-title {
		padding: 0 0 48px;
	}

	.gold-standard {
		padding: 0;
	}

	.gold-standard .standard-detail {
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		transform: translate(0);
		padding: 50px 0;
	}

	.gold-standard .standard-detail .icon {
		padding: 0 0 20px;
	}

	.gold-standard .standard-detail .text-block .btn-gold {
		width: 123px;
		margin: 0;
	}

	.member-benefit-full {
		padding: 50px 0;
	}

	.download-app {
		padding: 0;
	}

	.download-app .app-detail {
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		transform: translate(0);
		padding: 25px 0 40px;
	}

	.member-tesitmonial .testimonial-detail .text-block {
		padding: 0;
	}

	.member-tesitmonial .testimonial-detail {
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		transform: translate(0);
		padding: 25px 0 90px;
	}

	.team-expertise .team-detail {
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		transform: translate(0);
		padding: 45px 0 60px;
	}

	.team-expertise {
		padding: 0;
	}

	.find-dealer {
		padding: 232px 0 0;
		display: block;
		padding-bottom: 0;
	}

	.gold-standard .standard-img .s-img img {
		height: auto;
	}

	.find-dealer .text-block {
		padding-bottom: 200px;
	}

	/* App Page */
	.multicolor-first,
	.multicolor-second {
		font-size: 24px !important;
	}

	.nav-buttons-cat button {
		display: none;
		margin: 0px 0px !important;
	}

	.welcome-sec {
		z-index: 1;
	}

	.portfolio-reveal .portfolio-item {
		height: auto;
	}

	.main-heading {
		font-weight: 600 !important;
		font-size: 1.3rem;
		line-height: 1.2;
		margin-bottom: 0.5rem;
		padding-right: 15px;
	}

	.main-heading-para {
		word-spacing: 0px;
		line-height: 1.1rem;
		font-size: 14px;
		font-weight: 300;
	}

	.hero-btn-link {
		margin-top: 0px;
	}

	.badge-hero {
		padding: .3rem 0.6rem;
		font-size: 0.7rem;
		/* max-width: 90px !important; */
	}

	.navbar-brand img {
		padding-left: 0px !important;
	}

	.slide-content {
		left: 0% !important;
		right: 6% !important;
		padding: 0px 8px 0px 8px !important;
		top: 27% !important;
		max-width: 100%;
	}

	.hero-section-innovation .slide-content {
		left: 40% !important;
		padding: 0px 0px 0px 60px !important;
		top: 50% !important;
	}

	.timeline-desc {
		padding-right: 28px;
		margin-left: 50px;
	}

	.timeline-head {
		margin-top: 0px;
		padding-top: 50px;
		left: 25px;
	}

	.card-content-about {
		position: relative;
		padding: 0px 0px;
		word-wrap: break-word;
	}

	.main-slider-arrow {
		top: -5px;
		left: -5px !important;
	}

	.arrowSection {
		bottom: 19.5%;
		right: 35px;
	}

	.arrowContainer span {
		width: 0.7rem;
		height: 0.7rem;
		border-left: 2px solid #fff;
		border-bottom: 2px solid #fff;
		transform: rotate(-45deg);
	}

	.our-brand {
		margin-top: 100px;
	}

	.card.quote-section {
		min-height: 400px;
		margin: 3px 140px !important;
		/* background-color: #ffffff; */
		padding: 10px;
		width: 305px;
	}

	.quoteforhome {
		text-align: left;
		font-size: 32px !important;
		line-height: 40px;
	}

	.card.quote-section>h5 {
		text-align: left;
		font-size: 18px !important;
	}

	.radial {
		max-height: 70px !important;
		top: -12px;
		right: 129px;
	}

	.radial2 {
		max-height: 70px !important;
		bottom: -12px;
		left: 130px;
		transform: rotate(180deg);
	}

	.fm-impact-inner .underline-title {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}

	.brochuredesc {
		margin-top: 40px;
		margin-bottom: 30px;
	}

	.transperentbg {
		border: 6px solid #f2aa4c;
		padding: 30px 0px 20px;
	}

	.quote-container {
		margin-top: 10px;
		width: 290px;
		min-height: 200px !important;
	}

	.card img {
		padding: 0px !important;
	}

	.product-image img {
		width: 330px !important;
	}

	.quote-section .quote-text {
		font-size: 1.1rem !important;
		line-height: 1.6rem !important;
		padding: 0px 20px;
		margin: 1.5rem 0 !important;
	}

	.quote-divider {
		margin-top: -30px !important;
	}

	.quote-divider hr {
		flex: 1;
		border: none;
		border-top: 1px solid #ff0000;
		max-width: 120px;
	}

	.card-top-line {
		bottom: 10px;
	}

	.icon-circle {
		margin-bottom: 0px;
		width: 50px !important;
		height: 50px !important;
	}

	.icon-circle-aboutus {
		width: 70px !important;
		height: 50px !important;
	}

	.icon-circle svg {
		width: 20px !important;
		height: 20px !important;
	}

	.fact-number {
		font-size: 20px !important;
		margin-bottom: 0px !important;
	}

	.fact-iso {
		font-size: 20px !important;
		margin-bottom: 0px !important;
	}

	.odd-section-full-bg {
		flex-direction: column-reverse !important;
		padding: 30px 20px;
	}

	.odd-section-container {
		flex-direction: column;
		gap: 2rem;
	}

	.icon-facts-wrapper {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
		border-radius: 20px;
		padding: 0 15px;
	}

	.icon-fact-item {
		max-width: 150px !important;
		/* align-items: flex-start !important; */
	}

	.icon-facts {
		background-color: #0c0c0c;
		padding: 20px !important;
		text-align: center;
		width: 90%;
		margin-bottom: 10px !important;
	}

	.icon-fact-item {
		gap: 15px;
		padding: 15px;
	}

	.icon-facts .fact-label {
		/* adjust selector based on your markup */
		white-space: normal !important;
		word-break: break-word;
		text-align: center;
		/* optional: makes it neat under the icon */
		max-width: 100px;
		/* keeps text from being too wide */
		margin: 0 auto;
		/* centers inside column */
	}

	/* .icon-fact-item {
		padding: 15px 0px 15px 15px;
	} */

	#portfolio {
		margin-top: 10px !important;
		display: flex;
		justify-content: flex-start !important;
		overflow-x: auto;
		flex-wrap: nowrap;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch !important;
		padding-bottom: 10px;
		margin: 0;
		scrollbar-width: none;
		/* Hide scrollbar */
		-ms-overflow-style: none;
		/* Hide scrollbar */
	}

	.grid-inner {
		height: 450px;
	}

	.parent-categories {
		margin-top: 100px;
		padding-top: 0px !important;
	}

	#portfolio::-webkit-scrollbar {
		display: none;
	}

	.industry-slider {
		width: 85%;
		overflow: hidden;
	}

	.industry-slider-wrapper {
		margin-top: 20px;
	}

	.industry-card {
		display: flex;
		align-items: center;
		min-width: 100%;
		height: 480px;
	}

	.prev-btn {
		left: 3%;
	}

	.next-btn {
		right: 3%;
	}

	/* .grid-inner {
		height: 500px;
	} */

	.portfolio-item {
		height: 500px;
		flex: 0 0 100%;
		margin: 0px 30px 0px 0px;
		scroll-snap-align: center;
		min-width: 100%;
	}

	.plus-sign {
		margin-left: 2px;
		font-size: 20px;
	}

	.double_slider_align {
		display: block;
		position: relative;
		top: 13%;
	}

	.double_slide_heading {
		width: 270px;
		line-height: 1.5rem;
		margin-bottom: 20px;
		text-transform: math-auto;
		font-size: 26px;
		position: relative;
		z-index: 2;
		/* top: 7%; */
		color: #fff;
	}

	.double_slider_content {
		z-index: 2222;
		height: 120px;
		width: 305px;
	}

	.nav-arrows {
		left: 250px;
	}

	.double_slide_heading br {
		display: none;
	}

	#yearText {
		font-size: 26px;
	}

	#descText {
		font-size: 14px;
	}

	.text-content-home-slider {
		min-width: 310px;
		min-height: 140px;
	}

	.content-box {
		left: 8%;
		padding: 0px;
		width: 82%;
	}

	.mini-slider {
		width: 305px;
		height: 250px;
		overflow: hidden;
		border-radius: 12px;
		margin: 20px 0;
		position: relative;
	}

	.fm-impact-inner {
		margin-top: 100px;
	}

	.Footprint {
		margin-top: 100px !important;
	}

	.fm-impact-card {
		width: 42.5%;
		border-radius: 12px;
		padding: 10px 10px;
	}

	.fm-impact-grid {
		margin-left: 0px;
		margin-top: 40px;
		gap: 45px;
		flex-wrap: wrap;
		justify-content: flex-start !important;
	}

	.content-container {
		margin: 60px auto;
	}

	.fm-impact-home {
		margin-top: 40px;
		margin-right: 10px;
		gap: 35px;
		margin-left: 25px;
		gap: 30px;
		flex-wrap: wrap;
		justify-content: flex-start !important;
	}

	.fm-impact-icon-circle {
		width: 60px;
		height: 60px;
	}

	.impact_icn {
		height: 30px;
		width: 30px;
	}

	.fm-impact-number {
		font-size: 20px;
		font-weight: 600;
		color: #464646;
	}

	.fm-impact-label {
		font-size: 14px;
		color: #464646;
	}

	.map-section-wrapper {
		margin-top: 20px;
		padding: 20px 15px !important;
	}

	#world-map {
		display: flex;
		align-items: center;
		height: 400px !important;
	}

	.jvectormap-container {
		height: 450px !important;
	}

	.jvectormap-zoomout {
		display: none !important;
		height: 20px !important;
		;
		width: 20px !important;
		;
		line-height: 20px !important;
		top: 80px !important;
	}

	.jvectormap-zoomin {
		display: none !important;
		width: 20px !important;
		;
		height: 20px !important;
		;
		line-height: 20px !important;
		top: 50px !important;
	}

	#core_values {
		margin-top: 60px;
		scroll-margin-top: 140px !important;
	}

	/* Brnad Page */
	.logo-row-wrapper {
		margin: 0px 10px;
		justify-content: start;
	}

	.portfolio-item-cat-mobile {
		height: 450px !important;
		margin-top: 0px !important;
	}

	#posts>.row>.col-6 {
		padding-left: 0px;
		width: 100% !important;
	}

	/******* about page start *********/
	.about-us .about-detail {
		position: relative;
		left: auto;
		top: auto;
		transform: translate(0);
		right: auto;
		padding: 40px 0 70px;
	}

	.section6 {
		display: flex;
		align-items: flex-start !important;
	}

	.aboutus_image {
		height: 200px !important;
		object-fit: cover;
	}

	.hero-section-about {
		padding: 0px !important;
	}

	.hero-section-about>.slide-content {
		padding-right: 40px;
		left: 49% !important;
		padding-left: 30px !important;
		top: 50% !important;
	}

	.core-value-inner>.container {
		margin-bottom: 40px !important;
		padding-left: 0px;
	}

	.core-value-inner>.col-12 {
		padding-left: 0px !important;
		padding-right: 0px;
	}

	.about-us .about-img img {
		height: auto;
	}

	.core-value-grid {
		margin: 60px 0px !important;
	}

	.leaders-grid {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 30px;
	}

	.about-us .about-detail .text-block {
		max-width: 100%;
	}

	.mobileflex {
		display: flex;
		padding: 0px;
	}

	.Subcategory-title {
		margin: 120px 0px 40px;
		padding-left: 25px;
	}

	.subcat-container {
		margin-bottom: 60px;
	}

	.probrochures>div {
		padding: 60px 10px;
	}

	.subcat-grid.mobileflex {
		flex-wrap: nowrap;
		overflow-x: auto;
		justify-content: flex-start;
		padding: 00px 0px 0px 25px !important;
		grid-template-columns: 1fr;
		padding: 10px;
	}

	.subcat-grid.mobileflex:last-child {
		padding-right: 25px !important;
	}

	.subcat-image-wrapper {
		width: 100%;
		height: 350px;
		background: #ffffff;
	}

	.subcat-item {
		flex: 0 0 100%;
	}

	.ambasador-sec .youtube-video {
		height: 460px;
		position: relative;
	}

	.ambasador-sec {
		padding: 70px 0 0;
	}

	.our-people .nav-tabs {
		padding: 0 0 50px;
	}

	.our-people .main-title {
		padding: 0 0 25px;
	}

	.people-block {
		padding: 0;
	}

	.people-block p {
		font-size: 12px;
		line-height: 16px;
	}

	.our-people .tab-title {
		padding: 50px 0 30px;
	}

	.our-people {
		padding: 50px 0 0;
	}

	.join-team {
		padding: 0 0 50px;
	}

	.join-team .about-detail {
		padding-bottom: 0;
	}

	.sustainability .footer {
		bottom: auto;
	}

	.sustainability .about-detail {
		padding-bottom: 0;
	}

	.repair-service {
		padding-bottom: 40px;
	}

	.service-tabing .nav-tabs .nav-link {
		font-size: 16px;
		line-height: 18px;
	}

	.hero-section-about .content {
		margin-left: -20px !important;
		margin-top: 50px !important;
	}

	.story-text-about {
		margin-left: 30px !important;
	}

	.story-text-about p {
		font-size: 14px !important;
		line-height: 1.4 !important;
	}

	.row .mt-5 .g-3 {
		margin-top: 10px !important;
	}

	.lineheight {
		padding-left: 0px;
		font-size: 16px !important;
		line-height: 1.5rem;
	}

	.core-value-card {
		width: 320px;
		padding: 25px 15px;
	}

	.secpeding>.underline-title {
		padding-left: 0px;
	}

	.secpeding {
		margin-bottom: 60px !important;
	}

	.secpeding>.lineheight {
		padding-left: 0px !important;
		padding-top: 40px !important;
	}

	.fw-bold {
		font-size: 20px !important;
		line-height: 1rem !important;
	}

	.fiximg {
		height: 60px !important;
		width: 60px !important;
	}

	.leaders-heading>h5 {
		font-size: 14px !important;
	}

	.leaders-heading {
		width: 360px;
		padding-left: 35px !important;
	}

	.careerscontainer {
		width: 360px;
	}

	.careerscontainer>.leaders-heading {
		padding-left: 15px !important;
	}

	.leaders-section {
		padding: 0px 5px 0px 0px;
		padding-top: 0px !important;
		margin: 60px 0px;
	}

	.mobilecol7,
	.mobilecol5 {
		padding: 0px 5px !important;
	}

	.our-team {
		padding-left: 0px !important;
		margin-bottom: 40px !important;
	}

	.our-leader {
		margin-bottom: 40px;
	}

	.author-experience {
		margin: 0px 0px !important;
	}

	.borderbox {
		margin: 0px 0px !important;
	}

	.author {
		font-size: 16px;
	}

	.card-content-bottom {
		padding: 15px 20px;
	}

	.small-title {
		top: 20px;
		left: 20px;
		font-size: 14px !important;
	}

	.col-lg-8 {
		max-height: 500px !important;
	}

	.big-card {
		min-height: 500px !important;
	}

	.small-card {
		min-height: 300px !important;
	}

	.content-wrap {
		padding: 0px !important;
	}

	/* innovation and quality page */

	.hero-section-innovation {
		padding-left: 0px !important;
	}

	.hero-section-innovation .content {
		margin: 0px 30px !important;
		margin-top: 50px !important;
	}

	.section-content h2 {
		font-size: 22px;
	}

	.highlight-text {
		font-size: 14px;
	}

	.cta-btn-innovation {
		margin-top: 30px !important;
		display: inline-block;
		background: var(--orange);
		color: #fff;
		padding: 12px 24px;
		border-radius: 4px;
		text-decoration: none;
		font-weight: 500;
		transition: 0.3s;
	}

	.cta-btn-innovation:hover {
		background: var(--secondary);
		color: #fff;
	}

	.hero-section-innovation h1 {
		font-size: 32px !important;
		line-height: 1.2 !important;
		width: 320px;
	}

	.mobileblock {
		justify-content: flex-end;
		display: flex;
	}

	.section-block:nth-child(odd) {
		margin-left: 14px;
		margin-top: 60px;
	}

	.bottomimg-section-innovation {
		margin-top: 60px;
		padding-left: 25px;
		padding-right: 25px;
	}

	.highlight-text-details {
		margin: 40px 0px 60px;
	}

	.section-block:nth-child(even) {
		margin-right: 14px;
		margin-top: 60px;
	}

	.innovationdetail {
		padding-left: 18px;
	}

	.tick-list {
		margin: 0px 0 60px;
	}

	.section-content-1,
	.section-content-3 {
		padding: 20px 20px;
		width: 95.8%;
		right: 4.1% !important;
	}

	.section-content-2,
	.section-content-4 {
		padding: 20px 20px;
		width: 95.8%;
		left: 4.1% !important;
	}

	/* Product Brochur page */
	.carousel-item.active {
		height: 250px;
	}

	.carousel-item-active-img {
		width: 100%;
		height: 100vh;
		object-fit: cover;
		border-radius: 0px;
	}

	.mobiledescription {
		margin-top: 0px !important;
		margin-left: 0px;
		font-size: 16px !important;
	}

	/* Product list page */
	.product {
		margin-left: 0px !important;
		margin-bottom: 0px !important;
	}

	.entry-title h4 {
		font-size: 16px;
	}

	.col-mb-30 {
		--col-mb: 0px;
	}

	.widget {
		margin-top: 0px;
	}

	/* Single Product page */
	.carousel-item-active-img-prolist {
		width: 100%;
		height: 100vh;
		object-fit: cover;
		border-radius: 0px;
	}

	.single_product_card {
		width: 295px;
		border-radius: 15px;
		padding: 15px;
	}

	.pixel-corners {
		width: 100% !important;
	}

	.single_product_card-inner {
		width: 275px;
		height: 1045px;
	}

	.grid-container.gutter-20>.product {
		padding: 10px 13px;
	}

	.form-group textarea {
		height: 80px !important;
	}

	.button-3d {
		padding: 10px 30px;
	}

	#shop,
	.shop,
	.grid-container.gutter-20 {
		margin: 0px;
		padding: 0px 24px;
		grid-template-columns: repeat(1, 1fr);
	}

	.releated-shop {
		padding: 0px !important;
	}

	.category-filter-card {
		margin: 0px 24px 60px;
	}

	.catalogue_title {
		width: 250px;
		height: 150px;
	}

	.download_catelog {
		justify-content: start !important;
	}

	.social-icon {
		margin: 4px 4px;
		width: 40px;
		height: 40px;
	}

	.product-desc>h2 {
		font-size: 22px;
	}

	.enquire-container {
		position: fixed;
		bottom: 0px;
		right: 0px;
		z-index: 100;
		display: grid;
		align-items: center;
		padding: 10px;
		border-radius: 5px;
		cursor: pointer;
		text-align: center;
	}

	.enquire-btn {
		font-size: 10px !important;
		margin-right: 0px !important;
	}

	.enquire-img {
		width: 80px !important;
		height: 70px !important;
		object-fit: cover;
		border-radius: 5px;
	}

	.modal-image-section {
		width: 200px;
		left: 0px;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 20px;
		position: relative;
	}

	.close-modal {
		padding: 0px 0px;
		position: absolute;
		background-color: #ed3237;
		position: absolute;
		top: -10px;
		right: 0px;
		font-size: 1.5rem;
		cursor: pointer;
		color: #ffffff;
		z-index: 10;
	}

	.modal-form-section {
		flex: 1;
		padding: 30px 00px 10px;
		background: white;
	}

	.from-header {
		line-height: 0.8rem;
		font-size: 16px;
	}

	.product-image-modal {
		width: 100%;
		height: 350px;
		object-fit: contain;
		border-radius: 0;
	}

	.product-info-modal {
		position: absolute;
		bottom: 20px;
		left: 20px;
		right: 20px;
		background: rgba(255, 255, 255, 0.9);
		padding: 15px;
		border-radius: 4px;
	}

	.modal-content {
		left: -20px;
		background: #f8f9fa;
		border-radius: 0;
		width: 100%;
		max-width: 300px;
		max-height: 90vh;
		overflow-y: auto;
		position: relative;
		display: flex;
		transform: translateY(-100%);
		transition: transform 0.4s ease;
	}

	.single_product_download-btn {
		padding: 0px 10px;
		width: 100%;
		border-radius: 10px;
	}

	.text-container .text {
		font-size: 12px !important;
	}

	/* community page */
	#categoryCarousel {
		height: 100vh !important;
		width: 375px !important;
	}

	.mobilecarosel {
		height: 100vh;
	}

	.community-content {
		padding-left: 50px !important;
	}

	.hero-section-community {
		padding: 30px;
	}

	.hero-section-community h1 {
		font-size: 32px !important;
		line-height: 1.2 !important;
		color: white;
	}

	.paragraph {
		margin-top: 40px;
		margin-bottom: 60px;
		max-width: 330px;
		line-height: 1.35rem;
		font-size: 16px;
	}

	.carousel-caption {
		top: 0;
		z-index: 2;
		bottom: 0px;
	}

	.community-carousel-inner {
		top: 34%;
		left: 6.5% !important;
	}

	.carousel-caption-details {
		padding-left: 8px;
		bottom: 400px !important;
		position: relative;
		z-index: 2;
		max-width: 300px !important;
		margin-left: 0px;
	}

	.community-details-paragraph,
	.newsroom-paragraph {
		color: #fff;
	}

	.cat-heading {
		/* font-size: 26px; */
		left: -20px;
		position: relative;
	}

	.category-nav {
		bottom: 150px;
		padding-left: 0px !important;
	}

	.carousel-inner {
		min-height: 350px !important;
	}

	.carousel-inner>.carousel-item.active {
		height: 100vh;
	}

	.community-daynamic {
		height: 100vh !important;
	}

	.newsroom {
		min-height: 100vh !important;
		object-fit: cover;
	}

	.newsroom-section {
		padding: 0px;
	}

	.carousel-caption-newsroom {
		bottom: 400px !important;
		position: relative;
		/* z-index: 9999; */
		max-width: 300px !important;
		margin-left: 60px;
	}

	.repaterconatiner {
		padding: 0px 30px 0px;
		margin-top: 60px;
		margin-bottom: 60px;
	}

	.multiple_image .d-block {
		height: 200px;
		object-fit: cover;
	}

	.main-description-community-secondPart-newsroom {
		margin-top: 40px;
		margin-bottom: 40px;
	}

	.cat-heading-newsroom {
		font-size: 20px;
		left: -20px;
		position: relative;
		line-height: 2rem;
	}

	.newsroom-tag {
		position: absolute;
		top: 220px;
		color: white;
		left: 40px;
	}

	.timestamps {
		display: flex;
		margin-top: 60px;
		margin-bottom: 40px;
		margin-left: 30px;
		position: relative;
		color: var(--secondary);
		font-weight: 400;
		font-size: 16px;
	}

	.repaterheading {
		margin: 60px 0px 40px;
	}

	.community-daynamic-details {
		height: 100vh !important;
		object-fit: cover;
	}

	.main-text-block {
		padding: 0px 30px;
		margin-bottom: 40px;
	}

	.main-description-community,
	.main-description-community-secondPart,
	.repaterparagraph {
		margin: 0px !important;
		font-size: 16px;
		line-height: 1.4;
		color: var(--secondary);
	}

	.content-section {
		display: flex;
		align-items: center;
		gap: 30px;
		padding: 0px 25px;
		flex-direction: column;
	}

	.right-text-community {
		margin-top: 0px;
	}

	.content-text h3 {
		font-size: 22px;
		line-height: 32px;
	}

	.communityparagarph {
		border-left: 3px solid #f2aa4c;
		padding-left: 20px;
		margin-top: 10px;
		align-items: self-end;
		margin-left: 30px;
		margin-bottom: 0px;
	}

	.newsroombtn {
		margin-top: 30px !important;
		padding: 8px 14px;
	}

	.newsroom-section .slide-content {
		top: 50% !important;
		transform: translate(0%, -50%);
		padding: 0px 30px 0px 25px !important;
	}

	.read-more-link {
		padding: 0px 0px;
	}

	.wwwus {
		padding: 0px !important;
	}

	.careers-slide-content {
		left: 50%;
		max-width: 330px;
		padding: 0px 10px !important;
	}

	.slider-track {
		left: 5%;
		display: flex;
		flex-direction: row;
	}

	.slider-container {
		width: 100%;
		max-width: 350px;
		height: 460px;
	}

	.career-simple-slide.active {
		display: flex;
		flex-direction: column-reverse;
	}

	.career-simple-image {
		width: 320px;
		height: 500px;
	}

	.career-simple-image img {
		min-width: 320px;
		min-height: 500px;
		object-fit: cover;
	}

	.career-simple-slider {
		position: relative;
		overflow: visible;
		width: 325px;
	}

	.career-box {
		background: #584F41;
		padding: 20px;
		height: 50%;
		width: 100%;
	}

	.career-simple-nav {
		top: 40.5%;
	}

	/* career Page */
	.work-card {
		margin: 0px 5px;
	}

	.wwu-card .col-md-4 {
		padding: 0px !important;
	}

	.photogallery {
		height: 150px;
	}

	.photo-grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		margin: 0px;
	}

	/* .why-work-with-us {
		margin-top: 300px;
	} */
	.careers-heading {
		left: 10px;
	}

	/* 
	.slide.active {
		width: 320px;
		height: auto;
	} */

	.slide-inner {
		flex-direction: column;
		width: 276px;
		display: block;
	}

	.quote-text {
		font-size: 14px;
	}

	.slide-image {
		width: 100%;
		height: 400px;
	}

	.slide-inner,
	.slider-container {
		width: 100% !important;
		max-width: 100% !important;
		height: 80vh !important;
	}

	/* The active slide must fit inside the mobile width */
	.slide.active {
		width: 77vw !important;
		/* Uses 90% of the viewport width */
	}

	/* Reset the track position so it doesn't cut off */
	.slider-track {
		left: 0 !important;
		display: flex;
		gap: 10px;
	}

	/* Adjust the standard slide size for mobile */
	.slide {
		width: 80.5vw !important;
		height: auto !important;
		/* Let the content decide the height */
	}

	/* Job Listing Page */
	.apply-section,
	#applicationForm {
		margin: 0px 0px 40px;
		width: 305px;
		padding: 5px 5px !important;
	}

	.submityourdetail {
		margin-top: 0px;
		margin-bottom: 40px;
	}

	.mobileapplication {
		width: 300px;
		padding: 16px !important;
	}

	#applicationForm {
		margin-bottom: 50px !important;
	}

	.careers-section {
		padding: 10px !important;
	}

	.container-joblislisting {
		padding: 0px 20px !important;
	}

	.section-title {
		margin-bottom: 20px !important;
	}

	.card-heading {
		font-size: 22px !important;
	}

	.life-section .section-text {
		font-size: 0.9rem;
		line-height: 1.5;
	}

	section.careers-section.py-5>.container {
		padding: 10px;
	}

	.hero-section-joblisting {
		padding: 20px;
		padding-top: 100px;
	}

	.hero-section-joblisting .content {
		/* max-width: 600px; */
		margin: 0px 10px;
	}

	.job-search-form {
		padding-left: 10px;
	}

	#jobResults,
	#jobSearchForm {
		padding: 10px !important;
		width: 300px;
	}

	.testimonial-section {
		padding: 20px 0px !important;
	}

	/* .testimonial-wrapper {
   gap: 0px;
   margin-top: 50px;
   } */

	.small-testimonial {
		cursor: pointer;
	}

	.small-testimonial img {
		width: 40px !important;
		height: 40px !important;
		object-fit: cover;
		border: 3px solid #fff;
	}

	/* Main card */
	/* .testimonial-card {
   background-color: #f7fbff !important;
   max-width: 200px;
   max-height: 350px;
   width: 100%;
   min-width: 250px;
	padding: 10px 10px !important;
	margin: 10px;
   }
	.testimonial-card p {
		font-size: 14px !important;
	}
	.testimonial-card .avatar {
		width: 80px;
		height: 80px;
		top: -50px;
	} */
	.careers-daynamic {
		min-height: 650px !important;
		object-fit: cover;
	}

	.carousel-img-career {
		min-height: 710px;
	}

	.carousel-caption-careers {
		left: 5.4%;
	}

	.carousel-caption-careers-bottom {
		left: 5.4%;
	}

	.career-tag {
		background: #003366;
		color: white;
		font-size: 14px;
		font-weight: bold;
		padding: 5px 12px;
		display: inline-block;
		border-radius: 3px;
		margin-top: -40px;
		margin-left: 0px;
		z-index: 2;
		/* position: absolute; */
	}

	.life-section {
		padding-top: 0px !important;
	}

	.static-image-content {
		left: 6.7%;
	}

	/* Single Product page */
	/* .singlepro-slider-img{
		display: none;
	 } */
	.entry {
		padding-bottom: 5px !important;
	}

	.single-item {
		height: 300px;
	}

	.img-responsive {
		height: 300px !important;
		object-fit: contain;
	}

	.mb-lg-4>.d-flex {
		align-items: start !important;
	}

	.faq-section-contactus .faq-content {
		padding: 0 20px;
		left: 50%;
	}

	.single-sidebar {
		margin-top: 0px !important;
	}

	.mobilepdf {
		width: 250px !important;
		height: 250px !important;
	}

	.mobileicn {
		width: 410px !important;
	}

	.brochure {
		width: 190px;
		margin-left: 0px;
		padding: 0px;
	}

	.brochure>.col-md-4 {
		padding: 0;
	}

	.form-wraper-singleproduct .underline-title-app {
		padding-left: 0px !important;
		margin-bottom: 60px !important;
	}

	#contactform>.container {
		width: 300px;
		padding: 30px 0px !important;
	}

	.col-md-12>.slide {
		width: 100vw !important;
	}

	.sm-form-control {
		padding: 5px 14px;
	}

	td.filtered-description p {
		margin: 0 !important;
	}

	td.filtered-description {
		white-space: normal !important;
		word-break: break-word !important;
		overflow-wrap: break-word !important;
		line-height: 1.5;
		vertical-align: top;
	}

	td.filtered-description ul,
	td.filtered-description ol,
	td.filtered-description blockquote,
	td.filtered-description li {
		word-wrap: break-word !important;
		white-space: normal !important;
		overflow-wrap: break-word !important;
		word-break: break-word !important;
		hyphens: auto !important;
		max-width: 100% !important;
		display: block !important;
		width: 100% !important;
		overflow: visible !important;
	}

	td.filtered-description {
		width: 100% !important;
		display: block !important;
	}

	.product-desc table {
		width: 100% !important;
		display: block !important;
		overflow-x: auto !important;
	}

	.product-desc td {
		margin-top: 0px !important;
		display: block !important;
		width: 70%;
		word-wrap: break-word !important;
		white-space: normal !important;
		overflow-wrap: break-word !important;
		word-break: break-word !important;
	}

	.product-desc tr {
		display: flex !important;
		width: 100% !important;
		border-bottom: 1px solid #ccc !important;
	}

	.filtered-description,
	.filtered-description ul,
	.filtered-description ol,
	.filtered-description li {
		word-wrap: break-word !important;
		white-space: normal !important;
		overflow-wrap: break-word !important;
		word-break: break-word !important;
		max-width: 100% !important;
		display: block !important;
	}

	.filtered-description * {
		max-width: 100% !important;
		word-break: break-word !important;
	}

	.col-md-7.product-desc {
		width: 91.5% !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
		margin: 0px 15px;
		margin-top: 60px !important;
	}

	.table-borderless {
		display: block !important;
		width: 100% !important;
	}

	.table-borderless tbody {
		display: block !important;
		width: 100% !important;
	}

	/* td.filtered-description ul,
	td.filtered-description ol,
	td.filtered-description blockquote {
		margin: 0 !important;
		padding-left: 0px !important;
	} */
	.si-share {
		left: 20px;
		justify-content: flex-start;
		margin-top: 0px !important;
	}

	.brochurepart {
		margin-top: 1rem !important;
	}

	.tab-container {
		padding: 0px !important;
	}

	.col-12.form-group textarea {
		height: 40px !important;
		min-height: 60px !important;
	}

	.table-borderless {
		margin-bottom: 0px !important;
	}

	.product-desc {
		margin-top: 0px !important;
	}

	.filtered-description {
		font-size: 12px;
		line-height: 1.4;
		margin-bottom: 0px !important;
	}

	.tab-content {
		font-size: 12px;
		margin-left: 0px !important;
		line-height: 1.4;
	}

	/* Contact us Page */
	.contact-us-hero {
		padding-left: 0px;
	}

	.contact-us-hero .contact-us-hero-content {
		padding: 30px 20px 30px 50px;
	}

	.faq-section {
		display: flex;
		width: 350px;
		margin: 60px 25px 44px;
		column-gap: 30px;
		flex-direction: column;
	}

	.faq-answer p {
		font-size: 16px;
	}

	.bottomcontact-us-hero .contact-us-hero-content {
		left: 50%;
		max-width: 350px;
	}

	.faq-left {
		width: 100%;
	}

	.faq-right {
		width: 92%;
	}

	.faqcontact {
		margin-bottom: 10px;
		margin-top: 20px;
	}

	.faq-question {
		padding: 12px 14px;
	}

	#contact-us-content>.container {
		margin: 0px 0px;
		padding: 60px 20px;
	}

	.content-wrap-contactus {
		padding: 0px 0px 0px 10px;
	}

	.contact-form-panel {
		margin-top: 40px;
	}

	.faq-question>h4 {
		margin-bottom: 0px;
		font-weight: 500;
		font-size: 16px;
	}

	.form-wraper-contactus {
		margin-left: 31px !important;
		margin-right: 31px;
	}

	.footerlink {
		font-size: 14px !important;
	}

	#content p {
		font-size: 12px;
		line-height: 1.3;
	}

	.contact-form-card {
		flex-direction: column;
		padding: 20px 25px 20px 20px;
		width: 100%;
	}

	.contact-info-panel .widget a {
		margin-bottom: 20px;
	}

	.contact-info-panel {
		border-right: none;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
		padding-right: 0;
		margin-bottom: 30px;
		max-width: 100%;
	}

	.contact-form-panel {
		width: 100%;
		padding: 20px 10px;
		border-radius: 10px;
	}

	.contact-form-panel h3 {
		font-size: 22px;
	}

	/* our_service_promise Page */

	.our_service_promise-hero {
		margin-bottom: 0px !important;
	}

	.content-container-services_promise {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.our_service_promise_p {
		padding: 40px 0px 60px;
		font-size: 16px !important;
	}

	.process-step::before {
		font-size: 110px;
		top: 35%;
		left: 30%;
	}

	.process-container {
		padding: 0px 0px;
		margin-bottom: 60px;
	}

	.oursp {
		padding-left: 0px !important;
		padding-bottom: 40px;
	}

	.flow-section {
		margin-top: 30px;
		margin-bottom: 60px;
	}

	.flow-icon {
		left: 32px;
		width: 35px;
		height: 35px;
	}

	.flow-step {
		padding: 30px 30px 30px 30px;
	}

	.flow-icon .fold::before {
		left: 35px;
	}

	.flow-container {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.oursp>.custom-title>.title-border {
		font-size: 18px !important;
	}

	.process-step p {
		font-size: 16px !important;
	}

	.quote_testimonial_wrapper {
		min-height: 900px;
		flex-direction: column;
		padding: 60px 0px 60px 4px !important;
	}

	.quote_testimonial_left_panel {
		max-width: 300px;
	}

	.quote_testimonial_heading {
		margin-top: 20px;
	}

	.quote_testimonial_desc {
		margin-bottom: 0px;
	}

	.quote_testimonial_slider_window {
		margin-right: 0px;
		width: 80%;
	}

	.for_bg {
		position: absolute;
		left: 24px;
		height: 800px;
		width: 88%;
		background: #373736;
	}

	.quote_testimonial_dots_container {
		padding-inline-end: 105px;
		margin: 20px;
	}

	.quote_testimonial_arrow_btn {
		font-size: 18px;
		width: 30px;
		height: 30px;
	}

	.quote_testimonial_text {
		min-height: 0px;
	}

	/* delear_and_service Page */
	.delear-map-wraper {
		padding-top: 53px;
	}

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

	.story-card {
		padding: 24px 24px 24px 80px;
	}

	.hero-network-section {
		padding: 30px 0px !important;
	}

	.featured-stories {
		padding: 0px !important;
	}

	.story-card p {
		margin-bottom: 0px !important;
	}

	.details-section {
		padding: 0px 20px;
	}

	.hero-text-content h2 {
		font-size: 20px;
	}

	.delear-highlight-text {
		font-size: 16px !important;
		line-height: 1.3rem;
	}

	.infographic-wrapper {
		padding: 10px 30px;
	}

	.impact-box-delear {
		max-width: 100px !important;
	}

	.impact-number {
		font-size: 26px;
	}

	.impact-grid-delear {
		justify-content: start;
	}

	.blink-pin {
		position: absolute;
		top: 116.5px !important;
	}

	.delear-map-wraper {
		height: 300px;
		margin-top: 20px;
	}

	.gallery-wrapper {
		padding: 0px 15px;
	}

	/* Become delear Page */

	.dealer-hero h1,
	.contact-us-hero h1 {
		font-size: 1.3rem;
	}

	.dealer-hero {
		padding: 10px;
	}

	.dealer-form-section h2 {
		font-size: 22px !important;
	}

	.dealer-hero p,
	.contact-us-hero p {
		font-size: 16px !important;
		line-height: 1.1rem;
	}

	.dealer-form-section {
		padding: 0px 0px !important;
	}

	.becomedelear {
		margin: 60px auto;
	}

	.form-wraper-become-delear {
		margin-top: 40px;
		max-height: 100% !important;
	}

	.form-wraper-become-delear .rounded {
		padding: 16px !important;
	}

	.macservicepromise {
		padding: 0px !important;
	}

	.testimonial-content {
		padding-bottom: 3rem !important;
	}

	.nav-arrow-mobile-container {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 10px 40px;
	}

	/* Apply For Job Page */

	/* .form-btn-mobile{
		display: block !important;


	} */

	.testimonialssec {
		padding: 0px 20px !important;
	}

	.underline-title-app {
		padding: 80px 10px;
	}

	.openrole {
		padding: 60px 0px 40px;
	}

	.career-table-wrapper {
		padding: 0px 0px 0px;
	}

	.container-joblislisting {
		margin: 0px auto;
	}

	.career-table {
		font-size: 16px;
	}

	.career-table tbody td {
		padding: 6px 6px;
	}

	.member-block {
		padding: 0 0 20px;
	}

	.macapplyjob {
		margin-top: 20px;
		padding: 60px 0px 40px;
	}

	.member-block ul li {
		font-size: 12px;
		line-height: 17px;
	}

	.cars-club .member-block h6 {
		font-size: 18px;
		line-height: 25px;
	}

	.partner-main .text-block {
		padding: 0;
	}

	.partner-main .people-slider .slick-list {
		margin: 0;
	}

	.partner-block h4 {
		margin: 0 0 20px;
	}

	.innovation-sec {
		background: url("../images/integrity.jpg");
	}

	.innovation-sec .ex-image {
		display: none;
	}

	.full-height {
		height: auto;
	}

	.innovation-sec .inno-detail {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		padding: 40px 0;
	}

	.innovation-sec .inno-detail .text-block p {
		font-size: 13px;
		line-height: 18px;
	}

	.innovation-sec .inno-detail .text-block {
		padding: 35px 25px;
	}

	.innovation-sec .inno-detail .main-title {
		padding: 0 0 20px;
	}

	.professional-sec {
		padding: 85px 0 30px;
	}

	.professional-sec .text-block {
		text-align: left;
	}

	.professional-sec .text-block .main-title {
		padding: 0 0 15px;
	}

	.awarness-main .main-title {
		margin: 0;
	}

	.awarness-main .text-block {
		padding: 0 0 60px;
	}

	.awarness-main .text-block h4 {
		color: #b58d5b;
		font-family: var(--font-family) !important;
		font-weight: 700;
		margin: 100px 0 30px;
	}

	.awarness-main .member-block h6 {
		font-size: 18px;
		line-height: 25px;
	}

	.awarness-main .member-block .icon {
		padding: 0;
		margin: 0 0 10px;
		height: 38px;
	}

	.become-partner .main-title {
		padding: 150px 0;
		text-align: center;
	}

	.become-partner .main-title h2 {
		margin: 0 0 30px;
	}

	.common-form .f-title {
		display: block;
	}

	.contact-sec .main-title {
		padding: 0 0 65px;
	}

	.contact-sec .sub-title {
		padding: 0 0 20px;
	}

	.contact-detail .c-block span {
		font-size: 13px;
		line-height: 19px;
	}

	.contact-detail .c-block a {
		font-size: 18px;
		line-height: 20px;
	}

	.contact-detail .c-block p {
		font-size: 18px;
		line-height: 20px;
	}

	.contact-detail .c-block {
		padding: 0 0 16px;
	}

	.contact-form {
		padding: 130px 0 90px;
	}

	.contact-main {
		padding: 88px 0 0;
	}

	.request-main {
		padding: 50px 0;
	}

	.request-main .contact-form {
		padding: 0;
	}

	.welcome-sec video {
		display: none;
	}

	.membership-info .member-img {
		height: auto;
	}

	.member-benefit .benefit-img {
		height: auto;
	}

	.g-item h4 {
		font-style: normal;
		font-weight: bold;
		font-size: 14px;
		line-height: 20px;
		font-family: var(--font-family) !important;
		color: #000A3C;
	}

	.g-item p {
		font-size: 12px;
		line-height: 20px;
		color: #000A3C;
	}

	.request-repair .request-img img {
		width: 100%;
		height: auto;
	}

	.membership-tc .member-img img {
		width: 100%;
		height: auto;
	}

	.become-partner {
		height: auto;
		padding: 0 0 50px;
	}

	.slide-content .badge {
		font-size: 0.75rem;
		padding: 0.3rem 0.6rem;
	}


	.slide-content .btn {
		font-size: 0.85rem;
		padding: 0.4rem 0.9rem;
		border-radius: 0.3rem;
	}

	.responsive {
		margin-left: 24px !important;
	}

	.main-arrow {
		bottom: 140px !important;
		left: 4%;
	}

	.slick-dots-main {
		width: 190px;
	}

	.slider-arrows {
		width: 190px;
	}

	.position-absolute.bottom-0.end-0.p-4.z-3 {
		margin-right: -40px !important;
	}

	h1,
	.tafe-heading {
		font-size: 20px !important;
		line-height: 1.5rem;
	}

	.mobileview {
		padding: 0px !important;
	}

	.our-brand .fancy-title h1 {
		font-size: 1.1rem;
		line-height: 1.3;
	}

	.our-brand .d-flex {
		flex-direction: column !important;
		/* stack elements vertically */
		align-items: center !important;
		padding: 30px;
		margin-top: 20px;
	}

	.pt-5.mb-4.fancy-title.title-center.title-border.topmargin {
		margin-bottom: 0px !important;
		/* padding-top: 20px !important; */
	}

	.topmargin {
		margin-top: 45px !important;
	}

	.valuepurpose {
		margin-top: 65px !important;
	}

	/* Company Profile Card */
	.our-brand .col-lg-4 {
		margin: 0 !important;
		width: 100% !important;
		padding: 20px !important;
		border-radius: 10px;
	}

	.our-brand .col-lg-4 h3 {
		font-size: 1.1rem;
		text-align: center;
	}

	.our-brand .col-lg-4 p {
		font-size: 0.7rem !important;
		line-height: 1.5 !important;
		text-align: justify;
	}

	.padding {
		padding: 0px !important;
	}

	.our-brand .col-lg-4 .btn {
		display: block;
		margin: 1rem auto 0;
		font-size: 0.85rem;
		padding: 0.5rem 1.2rem;
	}

	.quote-section .chakra-icon {
		width: 220px !important;
		height: 70px !important;
		margin: 0 10px;
	}

	.mobileportfolio {
		margin: 20px 0px 0px 35px !important;
		width: 87% !important;
		margin-top: 2rem;
	}

	.mobileportfolio:last-child {
		margin-right: 30px !important;
	}

	.mobile-click-fix {
		position: relative !important;
		z-index: 100 !important;
		pointer-events: auto !important;
	}

	.subcat {
		margin-top: 0px !important;
	}

	.bg-overlay {
		pointer-events: none !important;
	}

	.bg-overlay-content,
	.bg-overlay-bg {
		pointer-events: none !important;
	}

	.overlay-trigger-icon {
		pointer-events: auto !important;
	}

	.timeline-content {
		min-width: 340px !important;
		border-radius: 10px !important;
		padding: 10px !important;
	}

	.timeline-content h2 {
		font-size: 1rem !important;
		font-weight: bold;
		margin-bottom: 15px;
	}

	.timeline-content p {
		font-size: 0.6rem !important;
		line-height: 1.6;
		margin-bottom: 20px;
	}

	.fancy-title {
		margin-bottom: 0rem !important;
	}

	.button.button-full {
		font-size: 20px;
		margin-top: 0px !important;
		margin-bottom: 20px !important;
		padding: 16px;
	}

	.heading-block {
		margin-bottom: 20px;
	}

	.subscribe-widget {
		width: 85% !important;
		margin-top: 30px;
		margin-bottom: 30px;
		margin: auto !important;
	}

	.subscribe-widget .input-group {
		align-items: stretch;
		max-width: 100% !important;
	}

	.subscribe-widget .input-group-text {
		width: 10%;
		justify-content: center;
		padding: 5px;
	}

	.subscribe-widget input.form-control {
		width: 30%;
		border-radius: 0;
		margin-top: 5px;
		padding: 0px 10px !important;
		font-size: 0.7rem;
	}

	.subscribe-widget .subscribe_form_btn {
		margin-top: 5px;
		padding: 0px 10px !important;
	}

	.input-group-lg>.btn {
		font-size: 0.7rem !important;
	}

	.two-column-content {
		column-count: 1;
	}

	.mobileform {
		margin-left: 25px;
		width: 320px;
		position: absolute;
		top: 100px !important;
		right: 20px !important;
		background-color: rgba(0, 0, 0, 0.5);
	}

	.button-group {
		margin-top: 0px;
	}

	.productlistcontentwrap .container.ps-0 .underline-title-app {
		padding: 0px 0px 40px;
	}

	.ficommunity {
		margin: 60px auto;
	}

	.productlistcontentwrap {
		padding: 0px;
		margin-top: 60px;
		margin-bottom: 60px;
	}

	.hp-slider-wrapper {
		width: 100%;
	}

	.hp-filter-container {
		padding: 0 25px;
	}

	.range-label {
		min-width: 45px;
	}

	.end {
		min-width: 65px;
	}

	.slider-track-fill {
		height: 10px;
		top: 50%;
		transform: translateY(-50%);
	}

	.slider-thumb-icon {
		top: 40%;
		height: 30px;
	}

	#categoryHeroSlider {
		padding: 0px 0px;
		margin-top: 0px !important;
	}

	#contactform {
		width: 285px;
		margin-bottom: 00px !important;
		margin-top: 0px !important;
	}

	.slider-container {
		overflow: hidden;
		display: flex;
		justify-content: center;
	}

	#track {
		display: flex;
		gap: 20px;
		align-items: center;
	}

	.catheading {
		font-size: 22px !important;
	}

	.content-wrap {
		margin-right: 0px;
		padding: 20px 0px 0px !important;
	}

	.singleproductcontentwrap {
		padding-top: 0px !important;
	}

	.mobilefilter {
		padding-left: 4px;
		display: block !important;
	}

	.parent-categories>.custom-title {
		font-size: 20px !important;
		margin-bottom: 0px !important;
	}

	.container>h1 {
		font-size: 20px !important;
		margin-bottom: 0px !important;
	}

	.mobilewidget {
		row-gap: 0px;
	}

	.mobilewidget2 {
		margin-left: 0px !important;
		margin-top: 20px;
	}

	.ribbon {
		top: 10px !important;
		left: 250px !important;
		z-index: 1 !important;
	}

	.postcontent {
		padding: 0px 15px !important;
		margin-top: 0px !important;
	}

	.formcontent {
		padding: 0px 27px !important;
		margin-top: 0px !important;
	}

	.widget .clearfix {
		padding-top: 0px !important;
	}

	.entry .col-12 {
		padding-bottom: 10px !important;
	}


	/* Milestone Page */
	/* 
	.sideTab {
		top: 100px !important;
		z-index: 9999;
		width: 80px !important;
		position: absolute;
		left: 3rem;
		max-height: 70vh !important;
		overflow-y: auto;
		scroll-behavior: smooth;
	}
	.forLineBg {
		width: 50%;
		opacity: 0.7;
		position: relative;
		z-index: 999999;
		display: inline-block;
		height: 8rem;
		background-image: url(../newimages/heritage/3.svg);
		background-repeat: no-repeat;
		background-position: center;
	}
	.heritage-year.section {
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.8s ease-in-out, visibility 0.8s ease-in-out;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}
	.paddingLeft1p6rem{
		position: absolute;
		right: 0;
		bottom: 200px;
		left: 0;
		z-index: 2;
		display: flex;
		justify-content: center;
		padding: 0;
		margin-right: 15%;
		margin-bottom: 1rem;
		margin-left: 15%;
	}
	.paddingLeft1p6rem > .active{
		color: var(--orange);
		display: block;
		opacity: 1;
		float: left;
		width: 31%;
		height: 3px;
		margin-right: 100%;
		background-color: #fff;
		top: 170px;
		position: absolute;
	}
	.paddingLeft1p6rem > .active >.li{
		transition: width 7000ms linear;
		width: 100%;
		height: 3px;
		opacity: 1;
		background-color: rgb(242, 170, 76);
	}
	.numPagination{
		position: relative;
		bottom: 45px;
		right: 10px;
	}
	.heroControls > .carousel-indicators{
		left: 45px;
		justify-content: start;
	}
	.innerCarousel{
		min-height: 650px !important;
	}
	.heritage-year.section.active {
		opacity: 1;
		visibility: visible;
		position: relative;
		z-index: 2;
	}
	.heritage-year .carouselDiv .carItem picture img {
		width: 100%;
		height: 100vh;
		object-fit: fill;
	}
	.heritage-main {
		position: relative;
		overflow: hidden;
	}
	.before, .after {
		cursor: pointer;
		user-select: none;
		transition: opacity 0.3s ease;
	}
	.before[disabled], .after[disabled] { opacity: .3; pointer-events: none; }
	.list-group-item {
		color: #ccc;
		border: none;
		height: 15vh;
		background-color: transparent !important;
	}
	.sideTab>.active, .list-group-item.active:hover {
		color: #e2a330;
		background: 0;
	}
	.sectionContent {
		background-color: rgba(0, 0, 0, 0.2);
		color: white;
		position: absolute;
		top: 25%;
		left: 20%;
		z-index: 2;
		padding: 3rem;
		transform: translate(from, -50%);
		-webkit-transform: translate(from, -50%);
		-ms-transform: translate(from, -50%);
		-o-transform: translate(from, -50%);
		-moz-transform: translate(from, -50%)
	}
	.heroControls{
		position: absolute;
		bottom: 150px;
	}
	.Indicators{
		color: var(--orange);
		position: absolute;
		bottom: 150px;
		left: 90px;
	}
	.heritageYearRange {
		position: absolute;
		margin: 0 auto;
		height: 100vh;
		overflow: hidden;
	}
	.before {
		z-index: 99999;
		left: 3.4rem !important;
		position: fixed;
		content: url("../newimages/heritage/1.svg");
		position: absolute;
		left: 2.4rem;
		top: 13%
	}

	.after {
		z-index: 99999;
		content: url("../newimages/heritage/1.svg");
		position: absolute;
		left: 3.4rem !important;
		top: 95%;
		transform: scaleY(-1)
	}*/
	/* sideTab scroll container */
	.heritageYearRange .sideTab {
		position: absolute;
		max-height: 100vh;
		overflow-y: auto !important;
		scroll-behavior: smooth;
	}

	.before {
		z-index: 99999;
		left: 3.4rem !important;
		position: fixed;
		content: url("../newimages/heritage/1.svg");
		position: absolute;
		left: 2.4rem;
		top: 13%
	}

	.sectionContent {
		/* background-color: rgba(0, 0, 0, 0.2); */
		color: white;
		position: absolute;
		top: 25%;
		left: 20%;
		z-index: 2;
		padding: 3rem;
		transform: translate(from, -50%);
		-webkit-transform: translate(from, -50%);
		-ms-transform: translate(from, -50%);
		-o-transform: translate(from, -50%);
		-moz-transform: translate(from, -50%)
	}

	.heroControls {
		position: absolute;
		bottom: 150px;
	}

	.Indicators {
		/* color: var(--orange); */
		position: absolute;
		bottom: 150px;
		left: 90px;
	}

	.list-group-item-mobile {
		background-color: transparent !important;
		color: white;
		border: none !important;
	}

	.list-group-item.list-group-item-mobile.active {
		color: var(--orange) !important;
	}

	.after {
		z-index: 99999;
		content: url("../newimages/heritage/1.svg");
		position: absolute;
		left: 3.4rem !important;
		top: 85%;
		transform: scaleY(-1)
	}

	.heritageYearRange .sideTab li {
		transition: color 0.3s, transform 0.3s;
		opacity: 1;
	}

	.paddingLeft1p6rem {
		position: absolute;
		right: 0;
		bottom: 200px;
		left: 0;
		z-index: 2;
		display: flex;
		justify-content: center;
		padding: 0;
		margin-right: 15%;
		margin-bottom: 1rem;
		margin-left: 15%;
	}

	body {
		color: transparent !important;
	}

	.paddingLeft1p6rem>.active {
		/* color: var(--orange); */
		display: block;
		opacity: 1;
		float: left;
		width: 31%;
		height: 3px;
		margin-right: 100%;
		background-color: #fff;
		top: 170px;
		position: absolute;
	}

	.paddingLeft1p6rem>.active>.li {
		transition: width 7000ms linear;
		width: 100%;
		height: 3px;
		opacity: 1;
		background-color: rgb(242, 170, 76);
	}

	.heroHeading {
		font-size: 3rem;
		font-style: Regular;
		font-stretch: Regular;
		line-height: Regular;
		letter-spacing: Regular;
		color: rgba(255, 255, 255, 0);
		-webkit-text-stroke: 2.2px #e2a330;
		margin-bottom: 8px;
	}

	.readMore {
		display: none;
	}

	.sideTab {
		top: 100px !important;
		z-index: 9999;
		width: 40px !important;
		position: absolute;
		margin-left: 3rem;
		text-align: center;
		max-height: 65vh !important;
		overflow-y: auto;
		scroll-behavior: smooth;
	}

	.forLineBg {
		width: 50%;
		opacity: 0.7;
		position: relative;
		z-index: 999999;
		display: inline-block;
		height: 8rem;
		background-image: url(../newimages/heritage/3.svg);
		background-repeat: no-repeat;
		background-position: center;
	}

	.heritageYearRange .sideTab li.active {
		font-weight: 700;
		opacity: 1;
		transform: translateX(-2px);
	}

	/* Fade animation for mobile slides */
	.heritage-year.section {
		opacity: 0;
		transition: opacity .6s ease-in-out;
		display: none;
		touch-action: pan-y;
	}

	.heritage-year.section.active {
		opacity: 1;
		display: block;
	}

	/* Fix image visibility */
	.heroItem img {
		height: auto;
		object-fit: cover;
		display: block;
	}

	.landscapeConatiner {
		display: none !important;
	}

	/* Play/Pause button styles */
	.centerIndicator span {
		display: none;
	}

	.centerIndicator.playing span:nth-child(1) {
		/* Pause text */
		display: inline-flex;
	}

	.centerIndicator.paused span:nth-child(2) {
		/* Play text */
		display: inline-flex;
	}

	a {
		color: #fff;
		text-decoration: none
	}

	a:focus,
	a:hover {
		color: #fff;
		text-decoration: underline
	}

	.imageOverlayHp {
		/* display: none; */
		position: absolute;
		width: 100%;
		background-color: rgba(0, 0, 0, 0.3);
		height: 100%;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 0;
	}

	/* Indicator number fading */
	.numPagination {
		bottom: 20px;
		/* color: #fff; */
		font-weight: 600;
		position: relative;
		right: 5px;
	}

	/* Container for indicators (already exists in your HTML) */
	.carouselIndicators {
		position: relative;
		width: 100%;
		margin-top: 15px;
	}

	/* One progress bar for each slide */
	.carouselIndicators div li {
		width: 0%;
		height: 3px;
		background: #ffffff;
		transition: width 0.15s linear;
		border-radius: 10px;
	}

	/* Active progress bar highlight */
	.carouselIndicators .active li {
		background: #fff;
	}


	.carouselIndicators div li {
		background: #FFFFFF50 !important;
	}

	/* ACTIVE progress bar uses Tata orange */
	.carouselIndicators .active li {
		background: #F2AA4C !important;
	}

	.centerIndicator {
		position: fixed;
		left: 50%;
		bottom: 40px;
		transform: translateX(-50%);
		/* z-index: 999999999 !important; */
		/* background: rgba(0, 0, 0, 0.55); */
		padding: 10px 20px;
		/* border-radius: 40px; */
		display: flex;
		align-items: center;
		gap: 8px;
		color: #fff;
		font-size: 14px;
		/* backdrop-filter: blur(4px); */
	}

	.heroControls {
		position: absolute;
		bottom: 120px;
		left: 80px;
		/* SAME as desktop alignment */
		z-index: 99999;
	}


	.centerIndicator img {
		width: 18px;
		height: 18px;
		filter: brightness(100);
		margin-left: 6px;
	}

	.fm-mobile-controls {
		position: fixed;
		left: 36%;
		transform: translateX(-50%);
		bottom: 195px;
		z-index: 999999;
		/* display: flex; */
		align-items: center;
		gap: 18px;
		pointer-events: auto;
	}

	.fm-seg {
		position: relative;
		overflow: hidden;
		background: rgba(255, 255, 255, 0.25) !important;
	}

	.fm-seg>span {
		display: block !important;
		height: 100%;
		background: #F2AA4C !important;
		/* Orange */
		width: 0%;
		transition: width linear 0.15s !important;
	}

	/* Progress strip (row of segments) */
	.fm-progress {
		display: flex;
		gap: 8px;
		align-items: center;
		height: 6px;
		min-width: 140px;
	}

	.fm-progress .fm-seg {
		flex: 1 1 0;
		height: 4px;
		border-radius: 3px;
		background: rgba(255, 255, 255, 0.25);
		overflow: hidden;
		position: relative;
	}

	.fm-progress .fm-seg>span {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		width: 0%;
		transition: width 0.05s linear;
		background: #F2AA4C;
		/* Tata orange */
	}

	/* Counter */
	.fm-counter {
		color: #fff;
		font-size: 15px;
		font-weight: 500;
		display: flex;
		align-items: center;
		gap: 6px;
	}

	.fm-counter .num {
		color: #F2AA4C;
		font-weight: 700;
	}

	/* Play/Pause */
	.fm-playpause {
		color: #fff;
		font-size: 15px;
		display: flex;
		align-items: center;
		gap: 8px;
		cursor: pointer;
		user-select: none;
	}

	.fm-playpause img {
		width: 18px;
		height: 18px;
		display: inline-block;
		vertical-align: middle;
		filter: brightness(1);
	}

}

@media (min-width: 375px) and (max-width: 767px) {
	.menu-block {
		max-width: 50%;
		flex: 0 0 50%;
		padding: 0 0 60px;
	}

	.sidebar-menu .menu-top ul li {
		padding: 0 0 20px;
	}

	.sidebar-menu .menu-top ul li:last-child {
		padding: 0;
	}

	.sidebar-menu .menu-top ul {
		padding: 0;
	}

	.sidebar-menu .menu-top .sidebar-btn {
		padding: 20px 0 0;
		max-width: 100%;
		flex: 0 0 100%;
		display: flex;
		justify-content: space-between;
	}

	.sidebar-menu .menu-top .sidebar-btn .btn {
		width: 120px;
		padding: 12px;
		margin-bottom: 0;
		color: #fff;
	}

	.menu-top {
		display: flex;
		flex-wrap: wrap;
	}

	.sidebar-menu .sidebar-footer ul {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 65px 0 50px;
	}

	.sidebar-menu .sidebar-footer ul li a svg {
		width: 40px;
		height: auto;
	}

	.member-benefit .btn-gold {
		color: #fff;
	}

	.cars-club .membrship-list .row {
		margin: 0 -10px;
	}

	.cars-club .membrship-list [class*=col-] {
		max-width: 50%;
		flex: 0 0 50%;
		padding: 0 10px;
	}

	.common-form [class*=col-] {
		padding: 0 4px;
	}

	.common-form .row {
		margin: 0 -4px;
	}

	.common-form {
		padding: 0 0 40px;
	}

	.become-partner {
		display: block;
	}
}

@media (min-width: 770px) and (max-width: 990px) {

	/* Typography & General */
	.multicolor-first,
	.multicolor-second {
		font-size: 32px !important;
		/* Slightly larger for tablets */
	}

	.main-heading {
		font-weight: 600 !important;
		font-size: 1.8rem;
		/* Scaled up from mobile 1.3rem */
		line-height: 1.3;
		padding-right: 30px;
	}

	.main-heading-para {
		line-height: 1.5rem;
		font-size: 16px;
		font-weight: 400;
	}

	body.is-home .navbar .container {
		padding-left: 24px !important;
	}

	/* Navigation & Header */
	.navbar-brand img {
		padding-left: 0px !important;
	}

	.nav-buttons-cat button {
		display: inline-block;
		/* Re-enable for tablet if space permits */
		margin: 5px !important;
	}

	.main-slider-arrow {
		top: 0px;
		position: relative;
		max-width: 250px;
		left: 0px;
	}

	.slide-content {
		left: 0% !important;
		padding: 24px 0px !important;
	}

	.slide-inner>.slide-content {
		padding: 20px 20px !important;
		margin-right: 100px;
	}

	.arrowSection {
		position: absolute;
		bottom: 12.5%;
		right: 4%;
	}

	/* Timeline & About */
	.timeline-desc {
		padding-right: 40px;
		margin-left: 80px;
	}

	.timeline-head {
		left: 40px;
	}

	.timeline-box {
		left: -2%;
	}

	.card-content-about {
		padding: 0px;
	}

	/* Quote Section - Fixed the Width for Tablet */
	.card.quote-section {
		min-height: 350px;
		margin: 20px auto !important;
		padding: 30px;
		width: 80%;
		/* Takes more width than mobile */
	}

	.quoteforhome {
		font-size: 42px !important;
		line-height: 50px;
	}

	/* FM Impact Grid - Moving to 2 Columns */
	.fm-impact-grid,
	.fm-impact-home {
		display: grid !important;
		grid-template-columns: repeat(3, 1fr);
		gap: 30px;
		padding: 0px 24px;
		margin-left: 0;
		margin-right: 0;
		justify-content: center !important;
	}

	.tablet {
		padding: 0px 0px;
	}

	.fm-impact-card {
		width: 100%;
		padding: 20px;
	}

	.footer-container {
		padding: 80px 24px 20px !important;
	}

	.footer-wraper>.col-8 {
		gap: 25px !important;
	}

	.mobilecol {
		gap: 25px !important;
	}

	/* About-us Page */

	.hero-section-about .slide-content,
	.hero-section-community .community-content,
	.newsroom-section .slide-content,
	.hero-section-innovation>.slide-content,
	.careers-slide-content,
	.faq-section-contactus .faq-content,
	.bottomcontact-us-hero .contact-us-hero-content,
	.contact-us-hero .contact-us-hero-content {
		position: absolute;
		top: 50% !important;
		left: 50% !important;
		padding: 24px !important;
	}

	.core-value-inner>.container {
		margin-bottom: 0px !important;
		padding-left: 0px !important;
	}

	.secpeding>.underline-title {
		padding-left: 0px !important;
	}

	.container-responsive {
		padding: 0px 0px !important;
	}

	.core-value-grid {
		display: grid !important;
		grid-template-columns: repeat(3, 1fr);
		gap: 30px;
		padding: 0px 24px;
		margin-left: 0;
		margin-right: 0;
		justify-content: center !important;
	}

	.borderbox {
		margin: 0px 0px !important;
	}

	.our-team {
		padding-left: 0px !important;
		margin-bottom: 60px;
	}

	.our-leader {
		padding-left: 0px !important;
		margin-bottom: 60px;
	}

	.leaders-grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 10px;
	}

	.small-title {
		left: 10px;
	}

	.author-experience {
		margin: 0px !important;
	}

	.mobilecol5 {
		padding: 0px 20px 0px 0px !important;
	}

	.mobilecol7 {
		padding: 0px 5px !important;
	}

	/* Community Page */
	.ficommunity>.d-md-flex {
		gap: 40px;
	}

	.d-md-flex>.col-md-5 {
		width: 30.666667%;
	}

	.d-md-flex>.col-md-7 {
		width: 64%;
	}

	.caption-wraper {
		left: 2.5% !important;
	}

	.carousel-caption {
		z-index: 2;
		top: 28%;
	}

	.main-text-block {
		padding: 0px 24px;
		margin-bottom: 60px;
	}

	.content-section {
		padding: 0px 24px;
		align-items: flex-start;
	}

	.left-text-community {
		padding-right: 30px !important;
	}

	.right-text-community {
		padding-left: 30px !important;
	}

	.content-image {
		flex: 0 0 50%;
	}

	/* Portfolio & Categories */
	.portfolio-item {
		height: 600px;
		flex: 0 0 50%;
		/* Show 2 items partially */
		min-width: 50%;
	}

	.grid-inner {
		height: 550px;
	}

	.parent-categories {
		padding-left: 24px;
	}

	/* Industry Slider */
	.industry-slider {
		width: 93.5%;
	}

	.next-btn {
		right: 1%;
	}

	.prev-btn {
		left: 1%;
	}

	.double_slider_content {
		left: 3%;
	}

	.nav-arrows {
		left: 350px;
	}

	.mini-slider {
		width: 400px;
		height: 250px;
	}

	/* Innovation Page*/
	.hero-section-innovation h1 {
		font-size: 42px !important;
		/* Larger than mobile 32px */
		width: 500px;
		/* Expanded for tablet width */
	}

	.mobileblock>.col-md-7 {
		width: 97% !important;
		padding-left: 15px !important;
	}

	.section-block:nth-child(odd) {
		margin-left: 24px;
	}

	.section-block:nth-child(even) {
		margin-right: 24px;
	}

	.section-block>.container {
		padding: 0px;
	}

	.section-content-1,
	.section-content-3,
	.section-content-2,
	.section-content-4 {
		width: 95.2% !important;
		right: auto !important;
		left: 0% !important;
		padding: 40px !important;
	}

	.innovationdetail {
		padding-left: 40px;
	}

	.bottomimg-section-innovation {
		padding-left: 24px !important;
	}

	.section-contentdetails-mobile {
		padding: 0px 24px !important;
		width: 98% !important;
	}

	.footer-heading {
		font-size: 16px;
		color: white;
	}

	.footer-page-link {
		font-size: 12px;
		color: white;
	}

	/* Career Page */
	.work-card {
		padding: 15px !important;
	}

	.slide-inner {
		width: 750px;
	}

	.testimonialssec {
		padding-left: 24px !important;
	}

	.slider-container {
		width: 100%;
		max-width: 750px;
	}

	.slide {
		width: 280px;
		height: 380px;
	}

	.slider-track {
		left: -24.7%;
	}

	.slide.active {
		width: 650px;
	}

	.author {
		margin-top: 0px !important;
	}

	.quote-text {
		margin: 10px 0px 10px;
		font-size: 16.5px;
	}

	.double_slider_align {
		display: flex;
		position: relative;
		top: 8%;
		flex-direction: column;
	}

	.double_slider_content {
		height: 250px;
	}

	.content-box {
		left: 3%;
		width: 50%;
		padding: 0px;
	}

	/* .slide-content {
		padding: 30px !important;
		max-width: 50%;
   } */
	.Subcategory-title {
		padding-left: 24px;
	}

	.productt>.row {
		flex-direction: column;
		gap: 60px;
	}

	.tablet-col-md-5 {
		width: 99.5% !important;
	}

	.form-widget>#contactform {
		width: 660px;
		margin-left: 0px;
	}

	.mobileform {
		margin-bottom: 60px;
		position: relative !important;
		top: 60px;
		left: 24px;
		width: 760px;
	}

	#contactform {
		width: 710px;
		margin: 30px auto;
	}

	.form-wraper-singleproduct>#contactform {
		width: 760px;
		margin: 30px auto;
	}

	#contactform>.container {
		padding: 20px 10px !important;
	}

	.singleproductform {
		padding: 10px 10px;
		border-radius: 10px !important;
	}

	.flow-section>.flow-container {
		grid-template-columns: repeat(3, 1fr);
		gap: 30px;
	}

	.flow-step {
		padding: 60px 20px 20px 20px;
	}

	.product-image img {
		width: 376px !important;
	}

	.probrochures {
		padding: 80px 25px !important;
	}

	.single-product .product-image img {
		min-width: 760px;
	}

	.tablet-col-md-7 {
		width: 95.5% !important;
		margin-left: 16px;
	}

	.careerscontainer {
		width: 740px;
		margin: 60px auto 00px;
	}

	.content-container-services_promise {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
	}

	.process-step {
		padding: 10px;
	}

	.process-step>.fs-6 {
		font-size: 16px !important;
		line-height: 1.2rem !important;
	}

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

	.process-step::before {
		position: absolute;
		top: 100px;
		left: 50px;
		font-size: 100px;
	}

	.career-simple-slide.active {
		display: flex;
		flex-direction: column-reverse;
		gap: 150px;
	}

	.quote_testimonial_wrapper {
		position: relative;
		flex-direction: column;
	}

	.quote_testimonial_slider_window {
		width: 83%;
		margin-left: 65px;
		margin-right: 0px;
	}

	.quote_testimonial_left_panel {
		width: 30%;
		min-width: 500px;
		z-index: 2;
		padding-top: 30px;
	}

	.for_bg {
		height: 810px;
	}

	.static-image-content {
		left: 3% !important;
	}

	/* Product Grid - Moving to 2 or 3 Columns */
	#shop,
	.shop,
	.grid-container.gutter-20 {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 20px;
	}

	.single_product_card,
	.single_product_card-inner {
		width: 100% !important;
		height: auto !important;
	}

	.product-image-modal {
		height: 450px;
	}

	.modal-content {
		max-width: 600px !important;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	/* Community & Newsroom */
	#categoryCarousel,
	.mobilecarosel {
		width: 100% !important;
	}

	.carousel-caption-details,
	.carousel-caption-newsroom {
		max-width: 500px !important;
		margin-left: 10% !important;
		bottom: 20% !important;
	}

	.repaterconatiner {
		padding: 0 24px;
	}

	.multiple_image .d-block {
		height: 400px;
	}

	.newsroom-tag {
		top: 40px;
		left: 60px;
	}

	/* Contact Us & FAQ */
	.faq-section {
		width: 97% !important;
		flex-direction: row !important;
		flex-wrap: wrap;
		margin: 60px 24px;
	}

	.faq-left,
	.faq-right {
		width: 96.5% !important;
	}

	.contact-form-card {
		flex-direction: row !important;
		gap: 30px;
	}

	.contact-info-panel {
		border-right: 1px solid rgba(255, 255, 255, 0.1);
		border-bottom: none;
		width: 40%;
	}

	.contact-form-panel {
		width: 98%;
	}

	/* Careers & Job Listings */
	.career-simple-image,
	.career-simple-image img,
	.career-simple-slider {
		width: 100% !important;
		min-height: 400px;
	}

	.career-box {
		width: 100%;
	}

	.career-text-box {
		min-height: 200px;
	}

	.career-simple-image {
		height: 400px;
	}

	.photo-grid {
		grid-template-columns: repeat(3, 1fr) !important;
		/* 3 photos per row */
	}

	.apply-section,
	#applicationForm,
	.mobileapplication {
		width: 100% !important;
		margin: 40px auto !important;
	}

	/* Heritage Slider - The "Circular" and "Progress" Fixes */
	.sideTab {
		left: 10% !important;
		width: 60px !important;
	}

	.sectionContent {
		left: 25% !important;
		top: 30%;
		padding: 4rem;
	}

	.heroControls,
	.Indicators,
	.fm-mobile-controls {
		left: 50% !important;
		transform: translateX(-50%);
		bottom: 100px !important;
	}

	.fm-progress {
		min-width: 300px;
		/* Longer progress bar for tablet */
	}

	/* Utility: Final fix for white space */
	.container,
	.container-fluid {
		max-width: 100%;
		overflow-x: hidden;
		padding: 0px 24px;
	}

	.macservicepromise {
		padding: 0px 0px !important;
	}
}





@media (max-width: 374px) {
	.sidebar-menu .menu-top .sidebar-btn {
		padding: 35px 0 0;
	}

	.sidebar-menu .sidebar-footer ul {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.membership-tc .membership-content .text-block {
		max-width: 100%;
		padding: 20px 15px !important;
	}

	.main-title h1,
	.main-title h2,
	.main-title h3,
	.main-title h4,
	.main-title h5,
	.main-title h6 {
		font-size: 32px !important;
		line-height: 40px !important;
	}

	.common-form [class*=col-] {
		max-width: 100%;
		flex: 0 0 100%;
	}

}