* {
padding: 0;
margin: 0;
}
html, body {
margin: 0;
padding: 0;
overflow-x:
}
/*.container {*/
/* max-width: 100% !important;*/
/* padding-left: 0 !important;*/
/* padding-right: 0 !important;*/
/* margin-left: 0 !important;*/
/* margin-right: 0 !important;*/
/*}*/
.dropdown ul.dropdown-menu.show {
margin-left: 100px !important;
margin-bottom: -32px !important;
}
.navbar {
position: sticky;
top: 0;
z-index: 1050;
}
.nav-link.dropdown-toggle::after {
display: none !important;
}
.nav-link {
display: flex;
align-items: center;
gap: 4px;
}
@media (min-width: 992px) {
.nav-item.dropdown .dropdown-menu {
display: block;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: all 0.3s ease;
position: absolute;
}
.nav-item.dropdown:hover .dropdown-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.nav-item.dropdown:hover .nav-link i.fas {
transform: rotate(180deg);
transition: transform 0.3s ease;
}
.dropdown-menu {
margin-top: 0;
}
}
.dropdown-menu .dropdown-item:hover {
color: #009051;
background-color: transparent;
}
.dropdown-menu .dropdown-item {
transition: color 0.3s ease;
}
.nav-link.dropdown-toggle {
display: flex;
align-items: center;
gap: 4px;
}
.nav-item.dropdown .nav-link.dropdown-toggle::after {
display: none;
}
.dropdown-menu .dropdown-item {
position: relative;
transition: color 0.3s ease;
font-family: 'Roboto';
font-size: 14px;
}
.dropdown-menu .dropdown-item:hover {
color: #009051;
}
.dropdown-menu .dropdown-item:hover::after {
content: "\f061";
position: absolute;
font-family: 'FontAwesome';
right: 15px;
top: 50%;
transform: translateY(-50%);
color: #009051;
font-weight: bold;
transition: opacity 0.3s ease, transform 0.3s ease;
opacity: 1;
}
.dropdown-menu .dropdown-item::after {
opacity: 0;
transform: translateY(-50%) translateX(-5px);
}
.navbar-nav .nav-link {
font-weight: 500;
padding: 8px 15px;
color: #333;
position: relative;
transition: color 0.3s ease;
}
.navbar-nav .nav-link::after {
content: '';
position: absolute;
bottom: 0;
left: 15px;
width: 0;
height: 2px;
background-color: #009051;
transition: width 0.3s ease;
}
.navbar-nav .nav-link:hover::after,
.navbar-nav .nav-link.active::after {
width: calc(100% - 30px);
}
/* Mobile navbar adjustments */
@media (max-width: 991px) {
.navbar-nav {
padding-top: 10px;
}
.navbar-nav .nav-link {
padding: 10px 15px;
display: block;
}
/* Center menu in mobile */
.collapse.navbar-collapse {
text-align: center;
}
/* Search icon spacing */
#mobileSearchBtn {
margin-right: 10px;
}
}
/* Search box style */
.search-box {
border: 1px solid #ccc;
border-radius: 4px;
overflow: hidden;
}
.search-input {
border: none;
padding: 5px 10px;
outline: none;
}
.search-btn {
background: #009051;
border: none;
padding: 6px 10px;
cursor: pointer;
}
.navbar-nav .nav-link {
font-weight: 400;
color: #333 !important;
text-transform: uppercase;
padding: 10px 13px !important;
position: relative;
font-size: 12px;
}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
color: #009051;
}
/* .navbar-nav .nav-item.active .nav-link::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
background-color: #009051;
} */
/* Mobile Sidebar Menu */
.mobile-menu {
position: fixed;
top: 0;
left: -250px;
width: 250px;
height: 100%;
background-color: #28a745;
padding: 20px;
transition: left 0.3s ease;
z-index: 1050;
}
.mobile-menu ul {
list-style: none;
padding: 0;
margin-top: 50px;
}
.mobile-menu ul li {
margin: 15px 0;
}
.mobile-menu ul li a {
color: white;
font-size: 16px;
text-decoration: none;
}
.mobile-menu .close-btn {
position: absolute;
top: 10px;
right: 15px;
background: none;
border: none;
font-size: 24px;
color: white;
}
/* Show Sidebar */
.mobile-menu.active {
left: 0;
}
/* Search Box - Desktop */
.search-box {
background-color: #fff;
border-radius: 100px;
border: 1px solid #009051;
margin-left: 0 !important;
}
.search-box input:focus {
box-shadow: none;
outline: none;
}
.search-box input.form-control.border-0 {
padding: 0px 0px;
font-size: 14px;
height: 25px;
}
/* Water bg image */
.water-bg {
width: 100%;
height: auto;
display: block;
}
.features {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
@media (max-width: 767px) {
.feature-box {
flex: 1 1 calc(50% - 20px);
/* Mobile: 2 columns */
}
}
/* Base styles to hide the elements on desktop */
/* Hide parent class on desktop */
.parent-class {
display: none;
/* Hide by default */
}
/* Show on mobile devices */
@media (max-width: 768px) {
.parent-class {
display: block;
/* Show on mobile screens */
}
}
/* .parent-class {
display: none;
} */
/* Show on mobile */
@media (max-width: 768px) {
.hide-on-desktop {
display: block;
}
}
/* Mobile view changes */
@media (max-width: 991px) {
/* Hide full search box in navbar */
.navbar-icons .search-box {
display: none !important;
}
/* Show mobile search icon */
#mobileSearchBtn {
display: inline-block;
}
/* Mobile hidden search bar styling */
.mobile-search {
display: none;
padding: 10px;
background: #fff;
border-top: 1px solid #eee;
}
.mobile-search input {
border: 1px solid #009051;
border-radius: 100px;
padding: 5px 12px;
font-size: 14px;
}
.mobile-search button {
background: #009051;
border: none;
color: #fff;
border-radius: 50%;
padding: 6px 10px;
margin-left: 5px;
}
}
/* Make sure icon never hides in mobile */
#mobileSearchBtn i {
font-size: 18px;
display: inline-block;
margin-left: 100px;
margin-top: 10px;
}
@media (max-width: 991px) {
#mobileSearchBtn {
display: inline-flex;
align-items: center;
justify-content: center;
}
}
/* Desktop: hide mobile search icon */
#mobileSearchBtn {
display: inline;
}
.bannerhomepage-content {
max-width: 650px;
color: #6D6D6D;
margin-top: 40px;
}
.bannerhomepage-content h1 {
/* font-size: 3rem; */
font-weight: 50;
margin-bottom: 20px;
font-size: 70px;
line-height: 70px;
margin-top: 0px;
}
.bannerhomepage-content h1 .green {
color: #009051;
}
.bannerhomepage-content p {
font-size: 24px;
color: #6D6D6D;
margin-bottom: 22px;
line-height: 34px;
font-weight: 200;
/* margin-left: 100px; */
/* margin-right: -100px; */
}
section.about-section-homepage {
padding-top: 70px;
padding-bottom: 70px;
}
.homebnr-buttons .btn {
font-weight: 700;
padding: 14px 30px;
border-radius: 4px;
text-decoration: none;
font-size: 1rem;
display: inline-block;
margin-right: -90px;
margin-left: 100px;
}
.btn-primary {
background-color: #009051;
color: #fff;
border: 1px solid #009051;
}
.btn-secondary {
background-color: #009051;
color: #fff;
color: #fff;
border: 1px solid #009051;
}
.banner-wrapper {
position: relative;
background-image: url('Images/banner/fresher-home.webp');
padding: 0;
background-repeat: no-repeat;
background-size: 100% 100%;
height: 100vh;
}
.bannerhomepage-section {
position: relative;
z-index: 1;
padding: 30px 0px;
}
.features {
display: flex;
gap: 20px;
z-index: 2;
padding-bottom: 40px;
justify-content: space-between;
}
.feature-box {
background: #fff;
padding: 15px 25px;
border-radius: 10px;
width: calc(33% - 15px);
box-shadow: 0px 4px 4px 0px rgb(0 0 0 / 10%);
height: 285px;
margin: 5px 0;
border: 0.5px solid #008000;
}
.bannerhome-bg img {
width: 100%;
height: auto;
display: block;
}
section.features-section {
margin-top: -100px;
position: relative;
z-index: 1;
}
@media (min-width: 768px) {}
.feature-box h3 {
color: #009051;
margin-bottom: 10px;
font-size: 20px;
font-weight: 400;
padding-top: 10px;
line-height: 30px;
}
.feature-box p {
font-size: .95rem;
color: #000;
font-weight: 300;
padding-top: 8px;
}
.feature-box img {
border: 1px solid #009051;
border-radius: 40px;
margin-bottom: 16px;
width: 70px;
height: 70px;
padding: 5px;
margin-top: 10px;
object-fit: contain;
}
.highlight-text {
color: #009051;
}
.abouthome-feature-box {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 40px;
margin-left: -10px;
padding-top: 10px;
}
.abtImgSectionHome {padding: 0px 30px;position: relative;padding-right: 0;}
/*.abtImgSectionHome:before {*/
/* content: '';*/
/* position: absolute;*/
/* left: 0;*/
/* top: 0;*/
/* width: 4px;*/
/* height: 217px;*/
/* background: #009051;*/
/*}*/
/*.abtImgSectionHome:after {*/
/* content: '';*/
/* position: absolute;*/
/* right: 0;*/
/* top: 0;*/
/* width: 4px;*/
/* height: 90%;*/
/* background: #009051;*/
/*}*/
/* .abouthome-feature-icon {
font-size: 24px;
color: #00aa6c;
} */
.feature-text h5 {
margin: 0;
font-weight: bold;
color: #009051;
}
.abouthome-feature-text p {
margin: 0;
font-size: 12px;
color: #555;
}
.abouthome-badge-box {
/* position: absolute; */
/* bottom: 75px; */
/* left: -135px; */
/*background-color: white;*/
/*border: 2px solid #009051;*/
/*border-radius: 10px;*/
/*padding: 5px 15px;*/
/*box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);*/
display: flex;
align-items: center;
gap: 10px;
}
.abouthome-badge-box .icon {
font-size: 22px;
color: #009051;
}
.abouthome-badge-box .text {
line-height: 1.2;
}
.abouthome-badge-box .text strong {
color: #009051;
display: block;
}
.product-img {
/*border-radius: 14px;*/
width: 100%;
height: 427px;
object-fit: contain;
/*border: 1px solid #008000;*/
}
.abouthome-badge-box img {
width: 55px;
height: 55px;
}
.abouthome-badge-box .text strong {
color: #009051;
display: block;
font-size: 20px;
font-weight: 700;
}
.abouthome-badge-box small {
font-size: 12px;
}
span.abouthomebadge {
padding: 6px 8px;
font-size: 16px;
font-weight: 400;
color: #FFFFFF;
border-radius: 3px;
}
.homeabout-company {
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
}
h1.about-home-heading {
font-size: 48px;
font-weight: 100;
padding-top: 31px;
}
.abouthome-isoheading h6 {
font-weight: 300;
font-size: 12px;
color: #000000;
}
p.about-home-pragraph {
font-size: 18px;
font-weight: 200;
padding-top: 19px;
padding-right: 40px;
}
.abouthome-feature-icon img {
width: 65px;
height: 65px;
}
.abouthome-feature-icon-two img {
width: 60px;
height: 60px;
}
.abouthome-feature-text h5 {
font-weight: 700;
font-size: 20px;
color: #009051;
margin-bottom: 0px;
}
.abouthome-isodetails {
display: flex;
align-items: center;
gap: 10px;
}
.aboutsection-homepagend {
display: flex;
align-items: center;
gap: 50px;
}
a.abouthomelern-btn {
background: #009051;
padding: 15px 41px;
color: #fff;
border-radius: 4px;
margin-left: 0;
text-decoration: none;
}
.abouthome-isoimg img {
width: 57px;
height: 57px;
}
.abouthome-isoheading span {
color: #009051;
font-size: 21px;
font-weight: 700;
}
section.we-are-diffrent-homepage {
padding-top: 30px;
padding-bottom: 70px;
}
.section-title {
font-size: 48px;
font-weight: 100;
text-align: center;
margin-bottom: 40px;
line-height: 60px;
color: #6D6D6D;
padding: 0px 150px;
}
.highlight span {
background: #009051;
color: #FFFFFF;
padding: 5px;
border-radius: 4px;
}
.highlight {
color: #009051;
font-weight: 400;
font-size: 17px;
text-transform: uppercase;
text-align: center;
/* padding-bottom: 20px; */
display: block;
}
.we-diffrent-innerhome-box {
background: #fff;
border-radius: 12px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
padding: 30px 20px;
transition: all 0.3s ease;
/* height: 400px; */
display: flex;
flex-direction: column;
justify-content: space-between;
width: 250px;
}
.we-diffrent-homeicon-line-wrapper {
position: relative;
display: inline-block;
width: 86px;
height: 86px;
margin-bottom: 20px;
border: 1px solid #009051;
border-radius: 7px;
padding: 14px;
}
.we-diffrent-homeicon-line-wrapper img {
width: 57px;
height: 57px;
object-fit: contain;
}
/* .we-diffrent-homeicon-line-wrapper::before {
content: '';
position: absolute;
top: 0px;
right: 2px;
width: 116px;
height: 2px;
background-color: #009051;
transform: rotate(-45deg);
transform-origin: top right;
z-index: 2;
} */
.we-diffrent-homefeature-title {
font-size: 24px;
color: #009150;
font-weight: 300;
width: 210px;
}
.we-diffrent-homefeature-desc {
font-size: .98rem;
color: #444;
font-weight: 300;
margin-bottom: 20px;
line-height: 27px;
}
.read-more-we-diffrent-hp {
font-size: 18px;
color: #444;
text-decoration: none;
font-weight: 300;
display: inline-block;
}
.logo-caption {
font-size: 14px;
color: #333;
font-weight: 500;
}
.trusted-swiper .swiper-slide {
height: 100%;
/* sabka height fix */
display: flex;
align-items: center;
justify-content: center;
}
.trusted-swiper .swiper-slide img {
height: 100%;
/* height fix */
width: auto;
/* width flexible */
object-fit: contain;
}
.trusted-section h2 {
font-style: normal;
font-size: 48px;
font-weight: 200;
max-width: 70%;
margin: 0 auto 40px;
line-height: 60px;
color: #6D6D6D;
padding-bottom: 50px;
text-align: center;
}
.logo-box {
padding: 20px;
}
.logo-item {
text-align: center;
padding: 20px 10px;
}
.logo-item img {
max-height: 80px;
object-fit: contain;
margin-bottom: 10px;
}
.logo-caption {
font-size: 12px;
color: #333;
margin-top: 5px;
}
.certification-section {
/* background-color: #f9f9f9; */
padding: 30px 20px;
text-align: center;
}
.certification-tag span {
background: #009051;
padding: 5px 6px;
color: #ffffff;
font-weight: 400;
font-size: 16px;
border-radius: 3px;
margin-right: 3px;
}
.certification-section h2 {
font-weight: 100;
font-size: 48px;
padding-bottom: 0px;
padding-top: 30px;
padding-left: 300px;
padding-right: 300px;
color: #6D6D6D;
}
.certificate-img {
max-width: 100%;
/* height: auto; */
/* border: 1px solid #ccc; */
/* padding: 5px; */
/* background-color: white; */
/* box-shadow: 0 0 8px rgba(0, 0, 0, 0.08); */
}
.cert-row {
margin-top: 20px;
}
.certification-tag h6 {
font-weight: 400;
font-size: 17px;
color: #009051;
}
.case-study-section-title {
text-align: center;
margin-bottom: 40px;
}
.case-study-section-title span {
font-size: 16px;
font-weight: 400;
padding: 5px 8px;
background: #009051;
color: white;
border-radius: 3px;
letter-spacing: 0%;
margin-right: 3px;
}
.case-study-section-title h3 {
font-size: 48px;
font-weight: 100;
padding-top: 43px;
color: #6D6D6D;
padding-bottom: 29px;
}
.card-box {
background: white;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
position: relative;
transition: 0.3s;
}
.card-box img {
height: 478px;
object-fit: unset;
width: 463px;
}
.card-info {
background: white;
padding: 15px 20px;
position: absolute;
bottom: 20px;
left: 0;
right: 0;
border-radius: 10px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
width: 90%;
margin: auto;
}
.card-box-homepage img {
height: 100%;
width: 100%;
}
.card-box-homepage {
height: 486px;
position: relative;
}
.card-info h5 {
font-size: 22px;
font-weight: 300;
color: #000000;
margin-bottom: 12px;
line-height: 30px;
}
.card-info p {
font-size: 16px;
color: #000000;
margin-bottom: 5px;
font-weight: 200;
line-height: 27px;
}
.card-info a {
font-size: 14px;
color: #00a3e0;
text-decoration: none;
font-weight: 300;
float: right;
}
.carousel-indicators [data-bs-target] {
background-color: #00a3e0;
width: 8px;
height: 8px;
border-radius: 50%;
}
.case-study-section-title h6 {
font-weight: 400;
font-size: 17px;
color: #009051;
}
.card-box img {
height: 478px;
object-fit: cover;
width: 100%;
}
.swiper-pagination {
position: relative;
bottom: 0;
text-align: center;
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
background: #a1a1a1;
opacity: 1;
margin: 0 5px !important;
transition: all 0.3s ease;
}
.swiper-pagination-bullet-active {
background: #009051;
/* green or your theme color */
transform: scale(1.2);
}
.archive-inner-img img {
min-height: 100%;
width: 100%;
padding-right: 0;
}
.building-homepage-innerheading span {
font-size: 16px;
font-weight: 400;
background: #009051;
color: #fff;
padding: 5px;
margin-right: 3px;
border-radius: 3px;
}
.archive-inner-img-two img {
object-fit: cover;
height: 520px;
width: 100%;
}
.building-homepage-innerheading h6 {
font-size: 17px;
font-weight: 400;
color: #009051;
text-align: center;
}
.building-homepage-innerheading h2 {
padding-top: 29px;
padding-bottom: 52px;
color: #6D6D6D;
font-weight: 100;
font-size: 45px;
text-align: center;
}
.building-archivment-homepage {
padding-top: 20px;
padding-bottom: 70px;
}
.ribbon-stats {
background-color: #009051;
/* min-height: 156px; */
padding: 23px 0;
margin-bottom: 61px;
margin-top: 61px;
padding-right: 61px;
}
.ribbon-inner-image-one img {
width: 70px;
height: 70px;
}
.ribbon-inner-image-two img {
width: 75px;
height: 100%;
}
.ribbon-inner-image-three img {
width: 55px;
height: 100%;
/* min-height: 82px; */
}
.ribbon-stats h4 {
font-size: 40px;
font-weight: 700;
margin-bottom: 0;
}
.ribbon-stats p {
font-size: 16px;
font-weight: 300;
}
.blog-card {
border: none;
border-radius: 8px;
transition: 0.3s ease;
border: 1px solid #DEDEDE;
height: 360px;
width: 271px;
}
.card-inner-heading h6 {
font-weight: 400;
font-size: 14px;
color: #292929;
}
.card-inner-heading small {
font-weight: 300;
font-size: 12px;
color: #555555;
}
h5.card-title {
font-weight: 400;
font-size: 15px;
color: #292929;
padding-bottom: 8px;
padding-top: 22px;
}
.blog-card:hover {
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}
.blog-top-heading {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #ddd;
margin-bottom: 20px;
}
.blog-top-heading a {
color: gray;
font-size: 14px;
font-weight: 400;
}
.blog-top-heading h6 {
font-weight: 300;
font-size: 18px;
border-bottom: 2px solid #009051;
padding-bottom: 10px;
margin-bottom: 0px;
}
.blog-top-heading span {
color: #009051;
}
.date-tag {
width: 52px;
height: 52px;
border-radius: 5px;
display: flex;
flex-direction: column;
justify-content: center;
line-height: 1;
margin-top: -81px;
background: #009051;
color: #FFFFFF;
font-size: 20px;
font-weight: 400;
}
.blog-heading h6 {
font-weight: 400;
font-size: 17px;
color: #009051;
padding-bottom: 31px;
text-align: center;
}
.blog-heading span {
background: #009051;
color: #ffff;
padding: 5px;
border-radius: 3px;
font-size: 16px;
}
.blog-heading h2 {
font-weight: 100;
font-size: 48px;
color: #6D6D6D;
padding-bottom: 23px;
text-align: center;
}
p.card-text {
font-size: 12px;
font-weight: 300;
color: #555555;
}
.trusted-section {
background-color: #ffffff;
}
.date-tag .day {
font-weight: bold;
font-size: 1rem;
}
.date-tag .month {
text-transform: uppercase;
font-size: 0.7rem;
}
.brochure-btn {
background-color: white;
color: #009051;
font-weight: 400;
padding: 6px 27px;
border-radius: 6px;
text-decoration: none;
display: inline-block;
margin-right: 75px;
margin-top: -10px;
width: 364px;
font-size: 32px;
height: 52px;
}
.footer-section {
background-color: #323232;
color: #ccc;
position: relative;
z-index: 1;
}
.footer-section h6 {
color: #fff;
font-weight: 400;
margin-bottom: 20px;
font-size: 20px;
}
.bold-text-footer span {
border-bottom: 1px solid #fff;
padding-bottom: 11px;
}
.footer-section ul {
padding-left: 0;
list-style: none;
font-weight: 300;
}
.footer-section ul li {
margin-bottom: 10px;
line-height: 1.6;
display: flex;
}
.footer-section a {
color: #ccc;
text-decoration: none;
font-weight: 300;
}
.footer-section a:hover {
text-decoration: underline;
}
.abtTabs a.nav-link {
color: #009051;
border: 1px solid #009051;
margin: 2px;
border-radius: 4px;
text-align: center !important;
width: 125px;
font-size: 12px;
height: 35px;
justify-content: center;
}
.abtTabs a.nav-link.active {
background: #009051;
color: #fff;
/* font-weight: 200; */
text-align: center;
border-radius: 3px;
}
.social-icons a {
background-color: #009051;
color: #fff;
display: inline-block;
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
margin-right: 10px;
border-radius: 5px;
font-size: 16px;
}
.footer-bottom {
border-top: 1px solid #444;
text-align: left;
padding-top: 15px;
font-size: 13px;
/* margin-top: 40px; */
color: #aaa;
}
.menu-footer ul {
display: flex;
align-items: center;
gap: 10px;
justify-content: flex-end;
margin: 0;
}
.footer-bottom .row {
align-items: center;
}
.menu-footer ul li {
padding: 0;
margin: 0;
}
.brochure-section {
background-color: #009051;
max-width: 1065px;
width: 100%;
padding: 23px 0;
margin: auto;
border-radius: 5px;
position: relative;
z-index: 2;
}
/* Heading styles */
.bouchure-heading {
padding-left: 50px;
}
.bouchure-heading h4 {
font-weight: 400;
font-size: 30px;
margin: 0 0 5px;
}
.bouchure-heading p {
font-size: 13px;
font-weight: 300;
margin: 0;
}
/* Button styles */
.brochure-btn {
display: inline-flex;
align-items: center;
background: #fff;
color: #009051;
font-weight: 600;
padding: 10px 15px;
border-radius: 4px;
text-decoration: none;
transition: background 0.3s ease;
justify-content: center;
}
.brochure-btn:hover {
background: #e6e6e6;
}
.brochure-btn img {
margin-left: 12px;
width: 20px;
}
/*
.productrang-inner-imageheading h6 {
text-align: center;
font-size: 17px;
font-weight: 400;
color: #009051;
}
.productrang-inner-imageheading span {
color: #fff;
background: #009051;
padding: 5px;
border-radius: 3px;
margin-right: 5px;
}
.productrang-inner-imageheading h2 {
text-align: center;
font-size: 48px;
font-weight: 100;
color: #6D6D6D;
padding-top: 31px;
padding-bottom: 60px;
} */
/* .product-range-section {padding: 0 0;background: #fff;}
.product-range-section .section-title h2 {
font-size: 48px;
margin-left: -100px;
margin-right: -100px;
margin-bottom: 50px;
color: #333;
}
.productRangeSwiper .swiper-slide {
text-align: center;
padding-bottom: 20px;
}
.productRangeSwiper .swiper-slide h4 + a {
border: 1px solid #009051;
padding: 5px 10px;
border-radius: 5px;
margin: 10px 0;
display: inline-block;
color: #009051;
}
.productRangeSwiper .swiper-slide h4 + a:hover {
background: #009051;
color: #fff;
}
.productRangeSwiper .swiper-slide img {
max-height: 285px;
}
.productRangeSwiper .swiper-slide h4 {
margin-top: 10px;
font-size: 20px;
color: #333;
font-weight: 200;
} */
/* Arrows specifically for product range
.product-range-prev,
.product-range-next {
color: #009051;
background: #fff;
border-radius: 50%;
box-shadow: 0 0 6px rgba(0,0,0,0.1);
width: 35px;
height: 35px;
position: absolute;
top: 40%;
transform: translateY(-50%);
z-index: 10;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.product-range-prev::after,
.product-range-next::after {
font-size: 16px;
}
.product-range-section a {
color: #000;
text-decoration: none;
} */
/* Product Range Section */
.product-range-section {
padding-bottom: 30px;
text-align: center;
}
.section-title p.highlight {
font-size: 16px;
font-weight: 400;
color: #009051;
margin-bottom: 10px;
}
.section-subtitle {
font-size: 48px;
color: #333;
margin-bottom: 40px;
font-weight: 100;
}
.product-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
gap: 30px;
margin: 0 auto;
}
.product-item {
background: #fff;
border: 1px solid #eee;
padding: 20px;
border-radius: 5px;
transition: 0.3s ease;
}
.product-item:hover {
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
transform: translateY(-5px);
}
.product-item img {
max-width: 100%;
height: auto;
margin-bottom: 15px;
}
.product-item h4 {
margin: 10px 0;
font-size: 18px;
color: #009051;
}
.product-item h4 a {
color: #009051;
text-decoration: none;
}
.view-link {
display: inline-block;
margin-top: 10px;
font-size: 14px;
color: #fff;
background: #009051;
padding: 6px 12px;
border-radius: 5px;
text-decoration: none;
transition: background 0.3s ease;
}
.view-link:hover {
background: #009051;
}
/*//////////////////// Home page css end //////////////////// */
/*//////////////////// about page css start ///////////////// */
.top-strip {
background-color: #009051;
color: #fff;
font-size: 14px;
padding: 8px 0;
}
.top-menu a {
color: #fff;
text-decoration: none;
font-weight: 500;
}
.top-menu span {
color: #fff;
}
.top-contact span {
color: #fff;
font-size: 14px;
}
.top-contact a {
color: #fff;
text-decoration: none;
font-size: 16px;
}
.top-contact a:not(:last-child) {
margin-right: 10px;
}
.about-page-banner-section {
position: relative;
width: 100%;
/* height: 550px; */
overflow: hidden;
}
.about-page-banner-section img {
width: 100%;
height: auto;
/* object-fit: cover; */
/* display: block; */
}
/* Remove display from generic img selector to avoid conflicts */
.about-image img {
width: 100%;
height: 100%;
object-fit: cover;
/* no display property here */
}
.desktop-img {
display: block;
}
.mobile-img {
display: none;
}
@media (max-width: 767px) {
.mobile-img {
display: block !important;
width: 122px !important;
margin-top: 20px !important;
}
}
h4.simpel-step {
font-size: 22px;
font-weight: 400;
padding: 7px 3px;
}
.banner-aboutpage-content {
position: absolute;
bottom: 40px;
left: 50%;
transform: translateX(-50%);
text-align: center;
color: white;
text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);
padding: 0 15px;
}
.banner-aboutpage-content h3 {
font-size: 60px;
font-weight: 400;
margin-bottom: 10px;
color: #FBFBFB;
}
.banner-aboutpage-content span {
font-size: 21px;
font-weight: 400;
color: #FBFBFB;
}
.about-cleaning {
background: #fbfbfb;
padding-top: 80px;
padding-bottom: 40px;
}
.about-text .label {
text-transform: uppercase;
font-weight: 400;
margin-bottom: 16px;
color: #009051;
}
.about-text .label .active {
background-color: #009051;
color: white;
padding: 5px 6px;
border-radius: 3px;
/* margin-left: -45px; */
font-size: 16px;
font-weight: 400;
}
.about-text .title {
font-size: 48px;
font-weight: 100;
line-height: 56px;
padding-top: 0px;
padding-bottom: 25px;
/*margin-left: -45px;padding-left: 10px;*/
}
/* ul.nav.nav-pills {
margin-left: -45px;
} */
.about-text .title span {
color: #009640;
}
.about-tabs .tab {
background-color: transparent;
border: none;
/* padding: 9px 29px; */
font-weight: 500;
cursor: pointer;
width: 140px;
height: 48px;
}
.about-tabs .tab.active {
background-color: #009640;
color: white;
border-radius: 4px;
}
.description {
font-size: 14px;
color: #333;
line-height: 25px;
padding-top: 0px;
font-weight: 300;
text-align: justify;
margin-left: -10px;
}
.description li {
padding: 8px 8px;
}
.about-image img {
margin-top: -40px;
height: 100%;
width: 90%;
}
.contact-image img {
margin-top: -40px;
height: 100%;
width: 80%;
}
.aboutpage-whychoose-card-wrapper {
position: relative;
filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.15));
/* ✅ Shadow applied here */
border-radius: 8px;
}
.about-page-whychosse-feature-card {
text-align: center;
background: white;
border-radius: 8px;
padding: 31px 20px 73px;
clip-path: polygon(0% 0%, 100% 0%, 100% 83.41%, 50% 100%, 0% 83.41%);
height: 400px;
}
.about-page-whychosse-feature-card .icon {
background: #F2F9F3;
width: 100px;
height: 100px;
margin: 0 auto 15px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 28px;
color: #1aaa55;
padding: 20px;
}
.number-circle {
background: #009051;
color: white;
width: 90px;
height: 90px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
font-size: 36px;
position: absolute;
bottom: -22px;
left: 50%;
transform: translateX(-50%);
z-index: 10;
display: none;
}
.why-chosse-aboutpage {
padding-bottom: 30px;
background: #fbfbfb;
}
.certification-section-aboutpage {
padding: 60px 0;
background: #fff;
text-align: center;
}
.label-tag {
display: inline-block;
/* background: #00a86b; */
color: #009051;
padding: 6px 16px;
font-weight: 400;
border-radius: 3px;
margin-bottom: 10px;
text-transform: uppercase;
font-size: 17px;
}
.label-tag span {
background: #009051;
color: #fff;
padding: 6px 10px;
border-radius: 3px;
}
.certification-title {
font-size: 51px;
font-weight: 100;
color: #6D6D6D;
padding-top: 33px;
padding-bottom: 70px;
}
.about-certification-swiper {
width: 100%;
padding-top: 50px;
padding-bottom: 70px;
}
.about-certification-swiper .swiper-slide {
width: 350px;
display: flex;
justify-content: center;
align-items: center;
transition: transform 0.3s ease;
}
.about-certification-swiper .swiper-slide img {
width: 100%;
height: auto;
border-radius: 10px;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
transition: transform 0.3s ease;
}
.about-certification-swiper .swiper-slide-active img {
transform: scale(1.12);
z-index: 3;
}
.about-certification-swiper .swiper-button-next,
.about-certification-swiper .swiper-button-prev {
color: #00a86b;
}
.about-page-whychosse-feature-card h5 {
font-weight: 300;
font-size: 25px;
padding-bottom: 15px;
padding-top: 26px;
color: #333;
margin-top: 5px;
margin-bottom: 10px;
}
.about-page-whychosse-feature-card p {
font-size: 16px;
font-weight: 200;
color: #6D6D6D;
line-height: 22px;
margin-bottom: 18px;
}
span.dr-leader {
color: #009051;
font-weight: 400 !important;
}
span.profit {
color: #009051;
}
.why-chosse-aboutpage h2 {
font-size: 48px;
font-weight: 100;
color: #1F1F25;
line-height: 60px;
/* padding-bottom: 25px; */
padding-top: 0px;
}
.why-chosse-aboutpage h6 {
color: #009051;
font-size: 16px;
font-weight: 400;
line-height: 60px;
}
.why-chosse-aboutpage span {
background: #009051;
color: #ffff;
padding: 7px;
border-radius: 3px;
margin-right: 5px;
}
/* ===============================
WHY CHANGE SECTION
================================= */
.why-change {
padding-top: 40px;
padding-bottom: 40px;
}
.why-label {
font-size: 16px;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 15px;
color: #009051;
}
.why-label .active {
background: #009051;
color: #fff;
padding: 6px 7px;
border-radius: 4px;
/* margin-right: 6px; */
}
.why-title {
font-size: 48px;
font-weight: 100;
margin-bottom: 30px;
margin-top: 30px;
color: #333;
}
.why-description {
font-size: 16px;
color: #6a6a6a;
line-height: 25px;
margin: 0 auto;
text-align: center;
font-weight: 300;
}
/* ===============================
THINK TRULY GREEN SECTION
================================= */
.think-green {
padding-top: 35px;
background: #fbfbfb;
padding-bottom: 60px;
}
.green-label {
font-size: 16px;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 15px;
color: #009051;
}
.green-label .active {
background: #009051;
color: #fff;
padding: 6px 6px;
border-radius: 4px;
/* margin-right: 6px; */
}
.green-title {
font-size: 48px;
font-weight: 100;
margin-bottom: 20px;
color: #333;
margin-right: -10px;
padding-top: 20px;
}
.green-title span {
color: #009051;
}
.green-description {
font-size: 16px;
color: #6a6a6a;
line-height: 25px;
max-width: 1000px;
margin: 0 auto;
font-weight: 300;
}
.green-highlight {
font-weight: 300;
color: #009051;
margin-top: 15px;
font-size: 24px;
}
.green-text {
flex: 1;
}
.green-image {
flex: 1;
text-align: center;
}
.green-image img {
max-width: 75%;
height: auto;
}
.green-image {
text-align: right !important;
}
@media (max-width: 768px) {
.swiper-slide {
width: 240px;
}
}
.tag-green {
background-color: #009051;
color: #fff;
padding: 6px 8px;
border-radius: 4px;
font-size: 14px;
font-weight: 400;
/*margin-right: 5px;*/
}
.leader-top {
padding-bottom: 40px;
padding-top: 20px;
}
.dr-title {
color: #1F1F25;
font-family: Roboto;
font-size: 48px;
font-style: normal;
font-weight: 100;
line-height: 50px;
padding-bottom: 0;
}
.info-card-dr {
width: 495px;
height: 220px;
flex-shrink: 0;
background: #FFF;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.25);
padding: 14px;
margin-bottom: 20px;
}
.info-card-dr h3 {
font-family: Roboto;
font-size: 30px;
font-style: normal;
font-weight: 300;
line-height: 60px;
padding-bottom: 0px;
padding-top: 0px;
border-bottom: 1px solid;
}
.info-card-dr p {
color: #6D6D6D;
font-family: Roboto;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 30px;
}
.info-card h3 {
font-weight: 600;
font-size: 20px;
margin-bottom: 10px;
color: #1b7d3a;
}
.info-card p {
font-size: 14px;
color: #555;
margin-bottom: 0;
}
.leader-img {
border-radius: 12px;
width: 93%;
height: 98%;
object-fit: cover;
}
/* Same height image + content */
.equal-height {
display: flex;
align-items: stretch;
}
.de-naneet-section {
padding-bottom: 40px;
}
.signature-img {
position: absolute;
bottom: 20px;
right: -42px;
max-width: 240px;
height: auto;
pointer-events: none;
transform: rotate(-8deg);
}
/* /////////////////////about page css end /////////////////// */
/* /////////////////contact page start///////////////// */
.contact-section {
padding: 50px 5%;
}
.contact-cards {
display: flex;
justify-content: center;
gap: 0px;
/* margin-bottom: 40px; */
}
.contecat-page-card {
position: relative;
border-radius: 8px;
overflow: hidden;
background: #fff;
text-align: center;
margin-bottom: 20px;
}
.contecat-page-card .overlay {
position: relative;
/* image ko flow me rakhna */
}
.contecat-page-card .overlay img {
width: 100%;
height: 170px;
/* fix height image ka */
object-fit: cover;
display: block;
filter: grayscale(100%);
/* optional black & white effect */
}
.icon-circle {
background: white;
width: 85px;
height: 85px;
border-radius: 50%;
position: absolute;
top: 80px;
/* image height ka aadha */
left: 50%;
transform: translate(-50%, -50%);
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.icon-circle img {
width: 40px;
height: 40px;
}
.card-content {
padding: 10px;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10);
background: #e8e8e8;
width: 100%;
}
.card-content h4 {
font-size: 14px;
font-weight: bold;
color: #27ae60;
margin-bottom: 5px;
}
.card-content p {
font-size: 14px;
color: #666;
}
/* .bg-email {
background: url('./image/contact-us-one.png') center center/cover no-repeat;
}
.bg-call {
background: url('./image/contactus-two.png') center center/cover no-repeat;
}
.bg-location {
background: url('./image/contact-three.png') center center/cover no-repeat;
} */
.contact-container {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.form-container {
flex: 1;
background: #f7f7f7;
padding: 30px;
border-radius: 8px;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.05);
}
.form-container .tag {
background: #009051;
color: #fff;
padding: 12px 33px;
border-radius: 3px;
font-size: 17px;
font-weight: 400;
margin-right: 5px;
}
.form-container .sub-tag {
font-size: 17px;
font-weight: 400;
color: #009051;
line-height: 60px;
}
.form-container h2 {
font-size: 50px;
font-weight: 100;
color: #6D6D6D;
padding-top: 16px;
padding-bottom: 39px;
}
.form-container form input {
width: 100%;
padding: 12px;
margin-bottom: 15px;
border: 1px solid #ddd;
border-radius: 31px;
font-size: 14px;
box-shadow: 0px 0px 1px 0px #00000059;
height: 45px;
}
textarea {
width: 100%;
padding: 12px;
margin-bottom: 15px;
border: 1px solid #ddd;
border-radius: 20px;
font-size: 14px;
box-shadow: 0px 0px 1px 0px #00000059;
height: 150px !important;
resize: none;
}
.input-row {
display: flex;
gap: 10px;
}
.input-row input {
flex: 1;
}
.form-container form button {
padding: 12px 30px;
background: #27ae60;
color: #fff;
border: none;
font-size: 17px;
border-radius: 30px;
cursor: pointer;
transition: 0.3s;
width: 100%;
font-weight: 400;
}
.form-container form button:hover {
background: #219150;
}
.map-container {
flex: 1;
min-height: 350px;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.05);
}
.map-container iframe {
width: 100%;
height: 100%;
border: none;
}
.contact-section-banner-section {
background-image: url(image/contact-banner-page.png);
background-size: 100% 100%;
height: 564px;
background-repeat: no-repeat;
}
/*///////////// contact page end //////////////////*/
@media (max-width: 768px) {
.badge-box {
position: relative;
bottom: auto;
left: auto;
margin-top: 20px;
}
}
.productrang-inner-imageheading img {
width: 100%;
}
.leaderShip {
padding: 70px 0px;
background-color: #fbfbfb;
}
.leaderShipRow {
display: flex;
gap: 30px;
text-align: left;
justify-content: space-between;
}
.leaderShipRow .leaderShipProfile {
width: 48%;
}
.leaderShipRow .leaderShipContent {
width: 48%;
}
.leaderShipRow .leaderShipProfile img {
width: 100%;
}
.leaderShipContent h5 {
font-size: 51px;
font-weight: 100;
color: #1F1F25;
line-height: 60px;
padding-bottom: 60px;
padding-top: 31px;
}
.leaderShipContent h4 {
color: #009051;
font-size: 17px;
font-weight: 400;
line-height: 60px;
}
.leaderShipContent span {
background: #009051;
color: #ffff;
padding: 7px;
border-radius: 3px;
margin-right: 5px;
}
.leaderShipcontentInnerInside {
background-color: #fff;
border: 1px solid #ddd;
padding: 20px 20px;
border-radius: 4px;
}
.leaderShipcontentInnerInside .header {
border-bottom: 1px solid #ddd;
margin-bottom: 20px;
}
.leaderShipcontentInnerInside .header h6 {
font-size: 28px;
font-weight: 400;
}
.leaderShipcontentInnerInside .header p {
font-weight: 200;
}
.leaderShipcontentInnerInside .leaderShipcontentInner p {
color: #333;
font-weight: 200;
}
.productSection {
/*padding: 70px 0px;*/
background: #fbfbfb;
padding-top: 30px;
padding-bottom: 80px;
}
.productView {
background: #fbfbfb;
border: 1px solid #6d6d6d;
border-radius: 4px;
margin-bottom: 20px;
display: inline-block;
text-decoration: none;
}
.greenProductImag {
padding: 20px 0px;
}
.greenProductImag h5 {
font-size: 16px;
margin-top: 20px;
margin-bottom: 10px;
}
.greenProductImag .imgSectionproductImg img {
width: 100%;
}
.productView:hover {
text-decoration: none;
}
.productView .productImg {
height: 193px;
width: 100%;
text-align: center;
padding: 15px;
}
.productView .productImg img {
width: 100%;
height: 100%;
object-fit: contain;
}
.productView .productContent {
padding: 20px 20px;
border-top: 1px solid #6d6d6d;
background: #fff;
}
.productView .productContent h4 {
color: #6d6d6d;
font-size: 15px;
font-weight: 400;
text-transform: uppercase;
}
.productView .productContent p {
color: #6d6d6d;
font-size: 14px;
font-weight: 300;
margin: 0;
}
.productView .getDetails {
background: #009051;
color: #fff;
text-align: center;
padding: 5px 10px;
border-radius: 0px 0px 3px 3px;
cursor: pointer;
font-weight: 400;
font-size: 15px;
text-transform: uppercase;
}
.categoriesList {
background: #f6f6f6;
border-radius: 8px;
box-shadow: 0px 0px 3px 2px #80808021;
padding: 20px 20px;
margin-bottom: 20px;
}
.categoriesList h3 {
color: #333;
font-weight: 200;
margin: 0;
border-bottom: 1px solid #c8c8c8;
padding-bottom: 10px;
margin-bottom: 20px;
}
.categoriesList ul {
padding: 0;
}
.categoriesList ul li {
list-style: none;
margin-bottom: 14px;
align-items: center;
}
.categoriesList ul li a {
display: flex;
padding: 10px 15px;
justify-content: space-between;
border-radius: 100px;
text-decoration: none;
background: #fff;
}
.categoriesList ul li a.active {
background: #d8d8d8;
}
.categoriesList ul li p {
margin: 2px;
color: #82858b;
font-size: 14px;
font-weight: 350;
}
.helpContact {
background: #f6f6f6;
border-radius: 8px;
box-shadow: 0px 0px 3px 2px #80808021;
padding: 20px 20px;
margin-bottom: 20px;
text-align: center;
}
.helpContact .imgHelp {
margin-bottom: 20px;
}
.helpContact .imgHelp img {
width: 100%;
height: 100%;
}
.helpContact .ContentHelp h4 {
color: #82858b;
text-align: center;
font-size: 22px;
font-weight: 500;
margin-bottom: 20px;
}
.helpContact .ContentHelp p {
color: #82858b;
text-align: center;
font-size: 14px;
font-weight: 400;
margin-bottom: 10px;
}
.helpContact .ContentHelp a {
background: #009051;
color: #fff;
text-decoration: none;
padding: 10px 20px;
border-radius: 100px;
display: inline-block;
margin-top: 10px;
}
.getInTouch {
background: #f6f6f6;
border-radius: 8px;
box-shadow: 0px 0px 3px 2px #80808021;
padding: 20px 20px;
margin-bottom: 20px;
}
.getInTouch h3 {
color: #333;
font-weight: 200;
margin: 0;
border-bottom: 1px solid #c8c8c8;
padding-bottom: 10px;
margin-bottom: 20px;
}
.getInTouch ul {
padding: 0;
margin: 0;
}
.getInTouch ul li {
list-style: none;
display: flex;
gap: 20px;
}
.searchSection {
background: #f6f6f6;
border-radius: 8px;
box-shadow: 0px 0px 3px 2px #80808021;
padding: 20px 20px;
margin-bottom: 20px;
}
.searchSection {
display: flex;
align-items: center;
background: #f5f5f5;
padding: 10px;
border-radius: 5px;
max-width: 400px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.searchSection input {
flex: 1;
border: none;
outline: none;
padding: 13px 20px;
border-radius: 50px;
font-size: 16px;
background: white;
margin-right: 10px;
}
.searchSection button {
width: 50px;
height: 50px;
border: none;
border-radius: 50%;
background-color: #009647;
color: white;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
margin-left: -60px;
/* overlaps inside input */
z-index: 1;
position: relative;
}
.searchSection button i {
font-size: 18px;
}
/* ///////////// */
.productImg {
position: relative;
}
.productCategory {
position: absolute;
top: 10px;
left: 10px;
background: #009051;
/* Green background */
color: #fff;
font-size: 10px;
font-weight: 400;
padding: 4px 10px;
border-radius: 2px;
text-transform: capitalize;
z-index: 2;
}
.product-banner-section h2 {
font-size: 60px;
text-align: center;
background: #009051;
font-weight: 300;
color: #fff;
padding: 0;
margin-bottom: 0;
line-height: 60px;
}
.product-banner-section {
padding-top: 10px;
padding-bottom: 10px;
}
.product-banner-section {
text-align: center;
background: #009051;
font-weight: 300;
margin: 0;
color: #fff;
}
.product-banner-section p {
font-size: 20px;
margin-bottom: 0;
}
.prodctDetails-header h3 {
padding-top: 40px;
padding-bottom: 24px;
font-weight: 400;
font-size: 36px;
color: #484848;
}
.prodctDetails-header h6 {
font-weight: 400;
font-size: 20px;
line-height: 24px;
padding-bottom: 24px;
color: #6D6D6D;
}
.prodctDetails-header p {
font-size: 18px;
font-weight: 300;
line-height: 30px;
width: 717px;
}
.laundry-benefits {
font-family: 'Segoe UI', sans-serif;
padding: 60px 20px;
background: #fff;
}
.laundry-benefits h3,
.laundry-benefits h4 {
font-weight: bold;
}
.benefits-list {
list-style: none;
padding-left: 0;
}
.benefits-list li {
margin-bottom: 10px;
font-size: 16px;
}
.step-card {
background: #f9f9f9;
padding: 30px 20px;
border-radius: 10px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
height: 100%;
}
.step-number {
background: #28a745;
color: #fff;
width: 50px;
height: 50px;
line-height: 50px;
font-weight: bold;
border-radius: 50%;
margin: 0 auto 15px;
font-size: 18px;
}
.info-box {
padding: 30px 20px;
border-radius: 10px;
background: #fff;
height: 369px;
box-shadow: 0px 0px 20px 0px #00000038;
width: 372px;
}
.info-box h5 {
font-weight: 400;
margin-bottom: 15px;
border-bottom: 1px solid #6D6D6D;
width: 209px;
color: #009051;
font-size: 31px;
line-height: 60px;
}
.image-laundry-benifit-two img {
width: 100%;
}
.info-box ul {
padding-left: 18px;
}
.info-box ul li {
margin-bottom: 10px;
font-size: 15px;
padding: 8px;
}
.image-laundery-benifit-inner {
display: flex;
padding-top: 42px;
padding-bottom: 20px;
}
.search-input {
border: none;
outline: none;
padding: 3px 10px;
border-radius: 20px;
width: 176px;
}
.search-btn {
background-color: #009051;
/* Bootstrap green */
border: none;
border-radius: 50%;
padding: 10px 10px;
display: flex;
align-items: center;
justify-content: center;
margin-left: 4px;
cursor: pointer;
}
.search-btn i {
font-size: 10px;
}
.user-icon {
font-size: 20px;
margin-left: 10px;
}
.pragraph {
width: 335px;
font-weight: 300;
font-size: 12px;
line-height: 22px;
}
.footer-logo img {
border-radius: 100%;
width: 95px;
}
.impact-section {
background-color: #f0ffee;
position: relative;
overflow: hidden;
}
.impact-title {
letter-spacing: 0.3px;
}
.impact-card {
background: #ffffff;
border: 1px solid rgba(148, 163, 184, 0.15);
border-radius: 1.25rem;
box-shadow: 0 1px 2px rgba(2, 6, 23, 0.06), 0 8px 24px rgba(2, 6, 23, 0.06);
transition: transform 300ms ease, box-shadow 300ms ease, border-color 300ms ease;
height: 100%;
}
.impact-card:hover {
transform: translateY(-3px);
box-shadow: 0 8px 24px rgba(2, 6, 23, 0.12), 0 16px 48px rgba(2, 6, 23, 0.08);
border-color: rgba(15, 118, 110, 0.25);
}
.impact-icon {
width: 3.25rem;
height: 3.25rem;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 999px;
background: #ffffff;
position: relative;
isolation: isolate;
box-shadow: 0 0 0 3px rgb(0 144 81);
}
.impact-icon::after {
content: "";
position: absolute;
}
.impact-icon i {
font-size: 24px !important;
color: #009051 !important;
}
.impact-value {
font-size: 22px;
}
.impact-card .text-muted {
font-size: 16px;
font-weight: 300;
padding-top: 19px;
padding-right: 40px;
}
.input-row select {
width: 100%;
padding: 12px;
margin-bottom: 15px;
border: 1px solid #ddd;
border-radius: 31px;
font-size: 14px;
box-shadow: 0px 0px 1px 0px #00000059;
flex: 1;
margin-right: 0;
color: #747272;
height: 45px;
}
.trusted-swiper .swiper-slide img {
width: 95%;
object-fit: contain;
height: 130px !important;
}
.archive-inner-img {
margin-bottom: 10px;
}
.archive-inner-img {
width: 100%;
/* height: 500px; */
/* display: flex; */
/* align-items: center; */
/* justify-content: center; */
overflow: hidden;
/* background: #f8f8f8; */
/* border-radius: 8px; */
margin-bottom: 0;
border: 3px solid #e2e1e1;
/* border-bottom-left-radius: 0; */
/* border-bottom-right-radius: 0; */
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.archive-inner-img img {
max-width: 100%;
max-height: 100%;
width: 100%;
border-radius: 0;
object-fit: cover;
/* border: 3px solid #a4a4a4; */
}
.about-page-whychosse-feature-card .icon img {
height: 60px;
}
.user-icon {
display: none;
}
.footer-section h6 hr {
opacity: 1;
width: 50px;
margin-bottom: -10px;
margin-top: 30px;
}
/*.cert-row {*/
/* gap: 10px;*/
/*}*/
.certificate-img {
max-height: 110px;
max-width: 250px;
object-fit: contain;
}
.content-ui {
background: #fff;
border-radius: .75rem;
box-shadow: 0 6px 18px rgba(16, 24, 40, 0.06);
padding: 2rem;
margin-bottom: 70px;
}
.content-ui h2 {
font-size: 1.5rem;
margin-bottom: 1rem;
}
.content-ui h3 {
font-size: 1.25rem;
margin-top: 1.5rem;
margin-bottom: .75rem;
}
.content-ui p {
margin-bottom: .75rem;
line-height: 1.6;
}
.content-ui ul {
padding-left: 1.25rem;
margin-bottom: 1rem;
}
.content-ui li {
margin-bottom: .5rem;
}
.content-ui .small-muted {
font-size: .9rem;
color: #6b7280;
}
.navbar-nav li.active .nav-link {
color: #009051 !important;
font-weight: 600;
}
.navbar-nav li.active .nav-link::after {
width: calc(100% - 30px);
}
.bg-location {
flex: 0 0 55%;
}
.navbar-brand img {
margin: 0 !important;
height: 40px !important;
}
.form-control:focus,
.form-select:focus {
outline: none;
box-shadow: none;
}
.leadership-info {
text-align: right;
}
.leadership-info h3 {
margin-bottom: 0;
font-weight: 300;
font-size: 33px;
line-height: 25px;
}
.leadership-info span {
color: #6D6D6D;
font-weight: 300;
font-size: 14px;
}
.leadership-box {
background: #F5F5F5;
box-shadow: 0px 0px 10px 0px #00000033;
border-radius: 5px;
padding: 20px;
}
/* new product details page css add here / */
.product-section {
padding: 60px 20px;
max-width: 1200px;
margin: auto;
margin-bottom: 30px;
}
.product-title h1 {
color: #000;
font-family: Roboto;
font-size: 48px;
font-style: normal;
font-weight: 300;
line-height: 70px;
/* 145.833% */
text-transform: uppercase
}
.product-title h1 span {
color: #B8292F;
font-family: Roboto;
font-size: 60px;
font-style: normal;
font-weight: 300;
line-height: 70px;
text-transform: uppercase;
}
.product-description p {
color: #6D6D6D;
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 26px;
/* 178.571% */
}
.product-image img {
width: 88%;
height: auto;
flex-shrink: 0;
/* aspect-ratio: 121/112; */
object-fit: cover;
}
.product-new-btn-pra p {
color: #6D6D6D;
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 26px;
}
.prodctDetails-newpage-imgsection img {
width: auto;
height: 115px;
margin-top: 20px;
}
.usage-applications {
display: flex;
flex-wrap: wrap;
gap: 40px;
margin-top: 30px;
}
.usage-applications div {
flex: 1;
min-width: 250px;
}
.usage-applications h5 {
color: #1E1E1E;
font-family: Roboto;
font-size: 24px;
font-style: normal;
font-weight: 350;
line-height: 60px;
/* 176.471% */
text-transform: uppercase;
}
.usage-applications ul {
color: #6D6D6D;
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 22px;
margin-left: -15px;
margin-right: 80px;
}
.usage-direction li {
padding-top: 10px;
margin-bottom: 10px;
}
.application li {
padding-top: 10px;
}
.why-dec {
margin-left: 0;
}
div#navbarNav {
justify-content: flex-end !important;
margin-right: 15px;
}
.logo-slider {
width: 100%;
max-width: 100%;
overflow: hidden;
background: #fff;
}
.slider-track {
display: flex;
width: 400%;
/* Double width for seamless loop */
animation: scroll 40s linear infinite;
}
.slider-track img {
width: 145%;
flex-shrink: 0;
}
@keyframes scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
.archivment-info {
text-align: left;
padding: 10px 0;
display: flex;
align-items: baseline;
gap: 10px;
}
.archivment-info span {
background: #d43740;
display: block;
height: 15px;
width: 15px;
}
.archivment-info p {
font-size: 17px;
color: #444;
font-weight: 600;
margin-bottom: 0;
line-height: 27px;
}
.abtTabs .description {
margin-left: 0;
}
.media-card img {
width: 100%;
}
.media-info {
position: relative;
filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.15));
border-radius: 8px;
background: #fff;
padding: 10px;
height: 160px;
}
.media-info p {
color: #6D6D6D;
font-weight: 300;
font-size: 14px;
margin-bottom: 5px;
}
.media-info h5 {
margin-bottom: 0;
font-weight: 300;
font-size: 18px;
line-height: 25px;
}
.contactlist-container {
flex: 1;
background: #f7f7f7;
padding: 5px;
border-radius: 8px;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.05);
}
.contact-logo {
text-align: center;
margin-bottom: 20px;
}
.contecat-page-card.bg-location {
margin-bottom: 0;
}
.cate-title h3 {
font-size: 40px;
font-weight: 400;
margin-bottom: 20px;
color: #009051;
text-shadow: none;
text-align: center;
text-transform: uppercase;
}
.why-img-left {
text-align: left !important;
}
.why-img-left img {
width: 100% !important;
max-width: 100%;
}
.contact-info-wrp img {
width: 100%;
}
.contact-address img {
width: auto;
margin-bottom: 10px;
}
.contact-address {
padding: 20px;
}
/* Section Base */
.awards-section {
padding: 60px 0;
background-color: #fff;
}
/* Award Item */
.award-box {
text-align: left;
margin-bottom: 40px;
}
/* Image Styling */
.award-image img {
max-width: 100%;
height: auto;
border-radius: 4px;
transition: transform 0.3s ease;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.award-image:hover img {
/* transform: scale(1.05); */
}
/* Text Styling */
.award-text {
margin-top: 12px;
font-size: 14px;
color: #333;
text-align: left;
display: inline-block;
text-align: left !important;
}
.square-icon {
display: inline-block;
width: 10px;
height: 10px;
background-color: #e63946;
/* Red icon color */
margin-right: 6px;
vertical-align: top;
position: relative;
top: 5px;
}
.award-text p {
display: inline-block;
margin: 0;
font-weight: 500;
line-height: 1.5;
color: #222;
font-size: 14px;
}
.awards-section .row.justify-content-center {
align-items: center;
}
.contact-address a {
display: block;
color: #000;
text-decoration: none;
}
address {
margin-bottom: 0 !important;
line-height: 25px;
}
.contact-info-wrp img {
height: 300px;
width: 100%;
object-fit: cover;
}
.contact-address img {
width: auto;
height: auto;
}
.icon.number-circle img {
width: auto !important;
height: auto !important;
}
.icon {
background: #009051;
width: 100px;
height: 100px;
margin: 0 auto 15px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 28px;
color: #1aaa55;
padding: 20px;
position: absolute;
bottom: -40px;
left: 50%;
transform: translateX(-50%);
z-index: 10;
}
.icon img {
width: auto !important;
height: 60px;
filter: brightness(0) invert(1);
}
.about-page-why-choose-inner-img img {
width: 100%;
}
.about-page-why-choose-inner-img3 img {
width: 65%;
}
.menu-footer ul li:not(:last-child) {
border-right: 1px solid #ccc;
padding: 0 10px;
}
@media (max-width: 767px) {
.award-box {
margin-bottom: 30px;
}
.award-image img {
max-width: 90%;
margin: 0 auto;
}
.award-text {
text-align: center;
}
}
@media (min-width: 1300px) and (max-width: 1400px) {
.archive-inner-img {
height: 420px;
}
}
@media(max-width: 768px) {
.usage-applications {
flex-direction: column;
}
.product-title h1 {
font-size: 1.6rem;
}
.product-image img {
max-width: 100%;
}
}
.product-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 1.5rem;
}
@media (max-width: 767.98px) {
.product-grid {
display: flex;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scroll-snap-type: x mandatory;
gap: 1rem;
padding: 0 0.5rem;
}
.product-grid .product-item {
flex: 0 0 80%;
max-width: 80%;
scroll-snap-align: start;
background: #fff;
border-radius: 8px;
}
/* optional: hide scrollbar */
.product-grid::-webkit-scrollbar { display: none; }
.product-grid { scrollbar-width: none; -ms-overflow-style: none; }
}