Add Widget > HTML
========================================================= –>
.pg-carousel-wrap * { box-sizing: border-box; margin: 0; padding: 0; }
.pg-carousel-wrap {
position: relative;
width: 100%;
height: 520px;
overflow: hidden;
background: #0d0d0d;
font-family: ‘Segoe UI’, sans-serif;
}
/* ———- Slides ———- */
.pg-slide {
position: absolute;
inset: 0;
opacity: 0;
transition: opacity 0.75s ease;
pointer-events: none;
}
.pg-slide.pg-active {
opacity: 1;
pointer-events: auto;
}
.pg-slide img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
filter: brightness(0.42);
transition: transform 6s ease;
}
.pg-slide.pg-active img {
transform: scale(1.06);
}
/* ———- Content ———- */
.pg-content {
position: absolute;
top: 50%;
left: 7%;
transform: translateY(-50%);
color: #fff;
max-width: 460px;
opacity: 0;
transform: translateY(calc(-50% + 20px));
transition: opacity 0.6s ease 0.3s, transform 0.6s ease 0.3s;
}
.pg-slide.pg-active .pg-content {
opacity: 1;
transform: translateY(-50%);
}
.pg-tag {
display: inline-block;
font-size: 11px;
font-weight: 600;
letter-spacing: 2.5px;
text-transform: uppercase;
color: #e63329;
border: 1px solid rgba(230, 51, 41, 0.5);
background: rgba(230, 51, 41, 0.1);
padding: 5px 13px;
border-radius: 3px;
margin-bottom: 16px;
}
.pg-title {
font-size: clamp(28px, 4vw, 46px);
font-weight: 800;
line-height: 1.15;
color: #ffffff;
margin-bottom: 13px;
text-shadow: 0 2px 12px rgba(0,0,0,0.4);
}
.pg-sub {
font-size: 15px;
color: rgba(255,255,255,0.72);
line-height: 1.6;
margin-bottom: 28px;
}
.pg-btn {
display: inline-block;
background: #e63329;
color: #fff;
text-decoration: none;
padding: 12px 30px;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.6px;
border-radius: 3px;
border: none;
cursor: pointer;
transition: background 0.2s, transform 0.15s;
}
.pg-btn:hover {
background: #c4281f;
transform: translateY(-1px);
}
/* ———- Arrows ———- */
.pg-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 44px;
height: 44px;
border-radius: 50%;
background: rgba(255,255,255,0.08);
border: 1px solid rgba(255,255,255,0.2);
color: #fff;
font-size: 22px;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 20;
transition: background 0.2s;
user-select: none;
}
.pg-arrow:hover { background: rgba(255,255,255,0.22); }
.pg-prev { left: 18px; }
.pg-next { right: 18px; }
/* ———- Dots ———- */
.pg-dots {
position: absolute;
bottom: 22px;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 9px;
z-index: 20;
}
.pg-dot {
width: 8px;
height: 8px;
border-radius: 50%;
background: rgba(255,255,255,0.3);
cursor: pointer;
transition: all 0.35s ease;
}
.pg-dot.pg-active {
background: #e63329;
width: 26px;
border-radius: 4px;
}
/* ———- Contact Tab ———- */
.pg-contact-tab {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
background: #e63329;
color: #fff;
writing-mode: vertical-rl;
text-orientation: mixed;
padding: 16px 10px;
font-size: 11px;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
cursor: pointer;
z-index: 20;
border-radius: 4px 0 0 4px;
transition: background 0.2s;
}
.pg-contact-tab:hover { background: #c4281f; }
/* ———- Thumbnail Preview ———- */
.pg-thumb {
position: absolute;
bottom: 58px;
right: 60px;
width: 170px;
height: 96px;
border-radius: 5px;
overflow: hidden;
border: 2px solid rgba(255,255,255,0.25);
z-index: 20;
cursor: pointer;
transition: border-color 0.2s;
}
.pg-thumb:hover { border-color: #e63329; }
.pg-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
filter: brightness(0.55);
transition: filter 0.3s;
}
.pg-thumb:hover img { filter: brightness(0.7); }
.pg-thumb-label {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 20px 9px 7px;
background: linear-gradient(transparent, rgba(0,0,0,0.75));
}
.pg-thumb-label strong {
color: #fff;
font-size: 11px;
font-weight: 700;
display: block;
line-height: 1.3;
}
.pg-thumb-label span {
color: rgba(255,255,255,0.6);
font-size: 10px;
}
/* ———- Progress Bar ———- */
.pg-progress {
position: absolute;
bottom: 0;
left: 0;
height: 3px;
background: #e63329;
width: 0%;
z-index: 20;
transition: width linear;
}
/* ———- Responsive ———- */
@media (max-width: 768px) {
.pg-carousel-wrap { height: 380px; }
.pg-content { left: 5%; max-width: 90%; }
.pg-thumb { display: none; }
.pg-title { font-size: 26px; }
}
@media (max-width: 480px) {
.pg-carousel-wrap { height: 320px; }
.pg-title { font-size: 22px; }
.pg-sub { font-size: 13px; margin-bottom: 18px; }
}
Genuine Parts
Built to last,
ready to deliver
Original Service Parts &
Maintenance Solutions
Know More
Power Tools
Precision in every
grip
Professional Handheld Tools
for Every Application
Know More
Air Compressors
Gets the job done
Portable Diesel &
Electric Air Compressors
Know More
‹
›
Contact Us
Up next
Handheld Tools
Add Widget > HTML
========================================================= –>
.pg-sec * { box-sizing: border-box; margin: 0; padding: 0; }
.pg-sec {
font-family: ‘Segoe UI’, Arial, sans-serif;
background: #fff;
padding: 60px 20px 70px;
max-width: 1200px;
margin: 0 auto;
}
/* ———- Heading Block ———- */
.pg-sec-header {
max-width: 860px;
margin-bottom: 40px;
}
.pg-sec-header h2 {
font-size: clamp(20px, 2.5vw, 26px);
font-weight: 800;
color: #111;
margin-bottom: 12px;
line-height: 1.25;
}
.pg-sec-header p {
font-size: 15px;
color: #444;
line-height: 1.75;
margin-bottom: 10px;
}
/* ———- Cards Grid ———- */
.pg-cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
/* ———- Single Card ———- */
.pg-card {
border: 1px solid #e8e8e8;
border-radius: 6px;
overflow: hidden;
display: flex;
flex-direction: column;
background: #fff;
box-shadow: 0 2px 12px rgba(0,0,0,0.06);
transition: box-shadow 0.25s ease, transform 0.25s ease;
}
.pg-card:hover {
box-shadow: 0 8px 30px rgba(0,0,0,0.13);
transform: translateY(-4px);
}
/* Image */
.pg-card-img {
width: 100%;
height: 270px;
overflow: hidden;
flex-shrink: 0;
}
.pg-card-img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.5s ease;
}
.pg-card:hover .pg-card-img img {
transform: scale(1.05);
}
/* Body */
.pg-card-body {
padding: 22px 22px 14px;
flex: 1;
display: flex;
flex-direction: column;
}
.pg-card-body h3 {
font-size: 17px;
font-weight: 700;
color: #111;
margin-bottom: 10px;
line-height: 1.3;
}
.pg-card-body p {
font-size: 14px;
color: #555;
line-height: 1.65;
flex: 1;
}
/* Explore Button */
.pg-card-btn {
display: block;
width: 100%;
background: #e63329;
color: #fff;
text-align: center;
text-decoration: none;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.5px;
padding: 15px 10px;
border: none;
cursor: pointer;
transition: background 0.2s ease;
margin-top: 0;
}
.pg-card-btn:hover {
background: #c4281f;
color: #fff;
text-decoration: none;
}
/* ———- Responsive ———- */
@media (max-width: 900px) {
.pg-cards {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 580px) {
.pg-cards {
grid-template-columns: 1fr;
}
.pg-card-img {
height: 220px;
}
}
Prerna Group – Gets the Job Done!
Over the years, we’ve built more than portable air compressors and tools — we’ve built trust. Every piece of equipment we offer carries a simple promise: get the job done.
We offer products that are built to last and support them with a reliable service network. Whether it’s a remote site or an urban project, our solutions are built to deliver — wherever compressed air is essential. Trusted by professionals across India.
Diesel and Electric Powered Compressor
Compressors that keep your operations running — day after day, site after site. Built for the toughest conditions.
Handheld Tools
Handheld tools that deliver precision, durability, and performance — engineered for professionals who demand more.
Genuine Parts & Service
Keep your equipment running strong with genuine parts and expert service support — wherever you are in the field.
Explore
Add Widget > HTML
========================================================= –>
.pg-about2 * { box-sizing: border-box; margin: 0; padding: 0; }
.pg-about2 {
font-family: ‘Segoe UI’, Arial, sans-serif;
background: #f9f9f9;
padding: 60px 20px 70px;
max-width: 1200px;
margin: 0 auto;
}
.pg-about2-title {
text-align: center;
font-size: clamp(22px, 3vw, 30px);
font-weight: 800;
color: #111;
margin-bottom: 36px;
letter-spacing: -0.3px;
}
.pg-about2-img-wrap {
width: 100%;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 4px 30px rgba(0,0,0,0.10);
cursor: pointer;
transition: box-shadow 0.35s ease, transform 0.35s ease;
}
.pg-about2-img-wrap:hover {
box-shadow: 0 16px 50px rgba(0,0,0,0.18);
transform: scale(1.025);
}
.pg-about2-img-wrap img {
width: 100%;
height: auto;
display: block;
transition: transform 0.5s ease;
}
.pg-about2-img-wrap:hover img {
transform: scale(1.04);
}
About Prerna Group
Add Widget > HTML
========================================================= –>
.pg-dealer * { box-sizing: border-box; margin: 0; padding: 0; }
.pg-dealer {
font-family: ‘Segoe UI’, Arial, sans-serif;
background: #c8c8c8;
padding: 60px 40px;
width: 100%;
}
.pg-dealer-title {
text-align: center;
font-size: clamp(22px, 3vw, 30px);
font-weight: 800;
color: #111;
margin-bottom: 24px;
letter-spacing: -0.3px;
}
.pg-dealer-text {
max-width: 1100px;
margin: 0 auto;
font-size: 15.5px;
color: #222;
line-height: 1.85;
text-align: center;
}
.pg-dealer-text strong {
font-weight: 800;
color: #111;
}
About Dealer
Prerna Group of India is a leading professionally managed company, dealing in the supply, installation, and maintenance of high-quality, state-of-the-art equipment, spare parts, and after-sales service — manufactured by internationally reputed companies. We have been serving the Air Compressor industry for mining, construction, and infrastructure sectors since our inception and have built rich expertise in delivering reliable after-sales solutions. Our commitment is to provide world-class products backed by prompt service, ensuring your operations never stop.