.elementor-1969 .elementor-element.elementor-element-61d7b03 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1969 .elementor-element.elementor-element-3daeb9e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1969 .elementor-element.elementor-element-1af7eed > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1969 .elementor-element.elementor-element-eae226d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1969 .elementor-element.elementor-element-f260c65 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1969 .elementor-element.elementor-element-cf86b6e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1969 .elementor-element.elementor-element-cbc71f9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-1969 .elementor-element.elementor-element-4b83c79 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-1969 .elementor-element.elementor-element-d586516 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-1969 .elementor-element.elementor-element-a10cdec > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-1969 .elementor-element.elementor-element-b7c1775 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-1969 .elementor-element.elementor-element-eae226d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1969 .elementor-element.elementor-element-fc4e205 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-1969 .elementor-element.elementor-element-c3e74b0 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-1969 .elementor-element.elementor-element-d50ba95 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-1969 .elementor-element.elementor-element-4b83c79 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-1969 .elementor-element.elementor-element-d586516 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-61d7b03 *//*=============================
PVC HERO
=============================*/

.pvc-hero{

padding:110px 0;

background:linear-gradient(135deg,#111 0%,#202020 100%);

overflow:hidden;

}

.pvc-hero .container{

display:flex;

align-items:center;

justify-content:space-between;

gap:70px;

}

.pvc-left{

flex:1;

}

.hero-badge{

display:inline-block;

padding:10px 22px;

background:#E2231A;

color:#fff;

border-radius:30px;

font-size:14px;

font-weight:600;

margin-bottom:25px;

}

.pvc-left h1{

font-size:52px;

font-weight:800;

color:#fff;

line-height:1.2;

margin-bottom:25px;

}

.pvc-left h1 span{

display:block;

color:#E2231A;

}

.pvc-left p{

font-size:17px;

color:#d8d8d8;

line-height:1.9;

margin-bottom:20px;

text-align:justify;

}

.hero-buttons{

display:flex;

gap:18px;

margin-top:35px;

flex-wrap:wrap;

}

.btn-red{

background:#E2231A;

color:#fff;

padding:16px 34px;

border-radius:50px;

text-decoration:none;

font-weight:700;

transition:.4s;

}

.btn-red:hover{

background:#fff;

color:#E2231A;

}

.btn-outline{

border:2px solid #fff;

padding:16px 34px;

border-radius:50px;

color:#fff;

text-decoration:none;

font-weight:700;

transition:.4s;

}

.btn-outline:hover{

background:#E2231A;

border-color:#E2231A;

color:#fff;

}

.pvc-right{

flex:0.9;

display:flex;

justify-content:center;

}

.hero-card{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:25px;

width:100%;

}

.card-item{

background:#fff;

padding:40px 25px;

border-radius:20px;

text-align:center;

transition:.4s;

box-shadow:0 15px 35px rgba(0,0,0,.2);

}

.card-item:last-child{

grid-column:1/3;

}

.card-item h3{

font-size:38px;

color:#E2231A;

margin-bottom:10px;

}

.card-item span{

font-size:18px;

font-weight:600;

color:#222;

}

.card-item:hover{

transform:translateY(-10px);

background:#E2231A;

}

.card-item:hover h3,

.card-item:hover span{

color:#fff;

}

/*=============================
Responsive
=============================*/

@media(max-width:992px){

.pvc-hero .container{

flex-direction:column;

}

.pvc-left{

text-align:center;

}

.pvc-left p{

text-align:center;

}

.hero-buttons{

justify-content:center;

}

.pvc-left h1{

font-size:42px;

}

}

@media(max-width:768px){

.pvc-hero{

padding:80px 0;

}

.hero-card{

grid-template-columns:1fr;

}

.card-item:last-child{

grid-column:auto;

}

.pvc-left h1{

font-size:34px;

}

.pvc-left p{

font-size:16px;

}

}

@media(max-width:480px){

.hero-buttons{

flex-direction:column;

}

.btn-red,

.btn-outline{

width:100%;

text-align:center;

}

.pvc-left h1{

font-size:28px;

}

.hero-badge{

font-size:13px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3daeb9e *//*=============================
ABOUT PVC
=============================*/

.about-pvc{

padding:100px 0;

background:#f8f9fb;

}

.about-grid{

display:grid;

grid-template-columns:1.1fr .9fr;

gap:60px;

align-items:center;

}

.about-tag{

display:inline-block;

padding:10px 24px;

background:#E2231A;

color:#fff;

border-radius:30px;

font-size:14px;

font-weight:600;

margin-bottom:20px;

}

.about-content h2{

font-size:42px;

font-weight:800;

color:#111;

margin-bottom:25px;

}

.about-content h2 span{

color:#E2231A;

}

.about-content p{

font-size:17px;

line-height:1.9;

color:#666;

text-align:justify;

margin-bottom:20px;

}

.about-btn{

display:inline-block;

padding:15px 35px;

background:#E2231A;

color:#fff;

text-decoration:none;

border-radius:50px;

font-weight:700;

transition:.4s;

margin-top:10px;

}

.about-btn:hover{

background:#111;

color:#fff;

}

.about-info{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:25px;

}

.info-box{

background:#fff;

padding:30px;

border-radius:18px;

box-shadow:0 15px 35px rgba(0,0,0,.08);

border-top:5px solid #E2231A;

transition:.4s;

}

.info-box:hover{

transform:translateY(-10px);

}

.info-box h3{

font-size:22px;

margin-bottom:15px;

color:#111;

}

.info-box p{

font-size:15px;

line-height:1.8;

color:#666;

margin:0;

}

/*=========================
Responsive
=========================*/

@media(max-width:992px){

.about-grid{

grid-template-columns:1fr;

}

.about-content{

text-align:center;

}

.about-content p{

text-align:center;

}

.about-info{

margin-top:20px;

}

}

@media(max-width:768px){

.about-info{

grid-template-columns:1fr;

}

.about-content h2{

font-size:34px;

}

}

@media(max-width:576px){

.about-pvc{

padding:70px 0;

}

.about-content h2{

font-size:28px;

}

.about-content p{

font-size:16px;

}

.about-btn{

width:100%;

text-align:center;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1af7eed *//*=============================
PVC FEATURES
=============================*/

.pvc-features{

padding:100px 0;

background:#fff;

}

.feature-heading{

text-align:center;

max-width:850px;

margin:auto;

margin-bottom:60px;

}

.feature-tag{

display:inline-block;

background:#E2231A;

color:#fff;

padding:10px 24px;

border-radius:30px;

font-size:14px;

font-weight:600;

margin-bottom:20px;

}

.feature-heading h2{

font-size:42px;

font-weight:800;

color:#111;

margin-bottom:20px;

}

.feature-heading h2 span{

color:#E2231A;

}

.feature-heading p{

font-size:17px;

line-height:1.9;

color:#666;

}

.feature-list{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:22px;

}

.feature-box{

display:flex;

align-items:center;

gap:25px;

padding:22px 28px;

background:#f8f8f8;

border-left:6px solid #E2231A;

border-radius:15px;

transition:.35s;

}

.feature-box span{

width:55px;

height:55px;

background:#111;

color:#fff;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:20px;

font-weight:700;

flex-shrink:0;

transition:.35s;

}

.feature-box h3{

font-size:20px;

color:#111;

margin:0;

}

.feature-box:hover{

background:#111;

transform:translateX(12px);

}

.feature-box:hover span{

background:#E2231A;

}

.feature-box:hover h3{

color:#fff;

}

/*==========================
Responsive
==========================*/

@media(max-width:992px){

.feature-list{

grid-template-columns:1fr;

}

.feature-heading h2{

font-size:36px;

}

}

@media(max-width:768px){

.pvc-features{

padding:80px 0;

}

.feature-heading h2{

font-size:30px;

}

.feature-heading p{

font-size:16px;

text-align:center;

}

.feature-box{

padding:20px;

}

}

@media(max-width:480px){

.feature-box{

flex-direction:column;

text-align:center;

}

.feature-box h3{

font-size:18px;

}

.feature-heading h2{

font-size:26px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eae226d *//*==========================
PVC Benefits
==========================*/

.pvc-benefits{

padding:100px 0;

background:#f8f9fb;

}

.benefits-heading{

text-align:center;

max-width:850px;

margin:auto;

margin-bottom:70px;

}

.benefits-tag{

display:inline-block;

padding:10px 24px;

background:#E2231A;

color:#fff;

border-radius:30px;

font-size:14px;

font-weight:600;

margin-bottom:20px;

}

.benefits-heading h2{

font-size:42px;

font-weight:800;

color:#111;

margin-bottom:20px;

}

.benefits-heading h2 span{

color:#E2231A;

}

.benefits-heading p{

font-size:17px;

line-height:1.9;

color:#666;

}

.benefit-timeline{

position:relative;

max-width:900px;

margin:auto;

}

.benefit-timeline::before{

content:"";

position:absolute;

left:50%;

top:0;

width:4px;

height:100%;

background:#E2231A;

transform:translateX(-50%);

}

.benefit-item{

width:45%;

background:#fff;

padding:25px;

border-radius:15px;

box-shadow:0 12px 30px rgba(0,0,0,.08);

margin-bottom:30px;

position:relative;

transition:.35s;

}

.benefit-item.left{

margin-right:auto;

}

.benefit-item.right{

margin-left:auto;

}

.benefit-no{

width:55px;

height:55px;

background:#111;

color:#fff;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:20px;

font-weight:700;

margin-bottom:15px;

}

.benefit-item h3{

font-size:21px;

color:#111;

margin:0;

}

.benefit-item:hover{

transform:translateY(-10px);

background:#111;

}

.benefit-item:hover .benefit-no{

background:#E2231A;

}

.benefit-item:hover h3{

color:#fff;

}

/*==========================
Responsive
==========================*/

@media(max-width:992px){

.benefit-timeline::before{

left:25px;

}

.benefit-item{

width:100%;

margin-left:60px !important;

}

}

@media(max-width:768px){

.pvc-benefits{

padding:80px 0;

}

.benefits-heading h2{

font-size:32px;

}

.benefits-heading p{

font-size:16px;

}

.benefit-item{

margin-left:40px !important;

padding:20px;

}

}

@media(max-width:480px){

.benefit-timeline::before{

display:none;

}

.benefit-item{

margin-left:0 !important;

width:100%;

}

.benefits-heading h2{

font-size:26px;

}

.benefit-no{

width:50px;

height:50px;

font-size:18px;

}

.benefit-item h3{

font-size:18px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f260c65 *//*=========================
PVC Applications
=========================*/

.pvc-applications{
    padding:100px 20px;
    background:#111;
}

.app-heading{
    max-width:850px;
    margin:auto;
    text-align:center;
    margin-bottom:60px;
}

.app-tag{
    display:inline-block;
    background:#E2231A;
    color:#fff;
    padding:10px 24px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    margin-bottom:20px;
}

.app-heading h2{
    font-size:42px;
    color:#fff;
    margin-bottom:20px;
}

.app-heading h2 span{
    color:#E2231A;
}

.app-heading p{
    color:#ddd;
    line-height:1.9;
    font-size:17px;
}

.app-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.app-card{
    background:#1d1d1d;
    border:2px solid transparent;
    border-radius:50%;
    aspect-ratio:1/1;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    padding:20px;
    transition:.35s;
}

.app-number{
    width:55px;
    height:55px;
    background:#E2231A;
    color:#fff;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-weight:700;
    margin-bottom:15px;
}

.app-card h3{
    color:#fff;
    font-size:18px;
    line-height:1.4;
}

.app-card:hover{
    transform:translateY(-10px) rotate(3deg);
    border-color:#E2231A;
    background:#fff;
}

.app-card:hover h3{
    color:#111;
}

.app-card:hover .app-number{
    background:#111;
}

/*=========================
Responsive
=========================*/

@media(max-width:992px){

.app-grid{
grid-template-columns:repeat(3,1fr);
}

}

@media(max-width:768px){

.app-grid{
grid-template-columns:repeat(2,1fr);
}

.app-heading h2{
font-size:32px;
}

}

@media(max-width:480px){

.pvc-applications{
padding:70px 15px;
}

.app-grid{
grid-template-columns:1fr;
}

.app-card{
border-radius:20px;
aspect-ratio:auto;
min-height:180px;
}

.app-heading h2{
font-size:26px;
}

.app-heading p{
font-size:16px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cf86b6e *//*=========================
WHY CHOOSE PVC
=========================*/

.why-pvc{
padding:100px 20px;
background:#f8f9fb;
}

.why-header{
max-width:850px;
margin:auto;
text-align:center;
margin-bottom:60px;
}

.why-tag{
display:inline-block;
padding:10px 24px;
background:#E2231A;
color:#fff;
border-radius:30px;
font-size:14px;
font-weight:600;
margin-bottom:20px;
}

.why-header h2{
font-size:42px;
font-weight:800;
color:#111;
margin-bottom:20px;
}

.why-header h2 span{
color:#E2231A;
}

.why-header p{
font-size:17px;
line-height:1.9;
color:#666;
}

.why-main{
display:grid;
grid-template-columns:2fr 1fr;
gap:40px;
align-items:start;
}

.why-list{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:20px;
}

.why-box{
display:flex;
align-items:center;
gap:18px;
background:#fff;
padding:22px;
border-radius:16px;
box-shadow:0 10px 25px rgba(0,0,0,.08);
transition:.35s;
}

.why-count{
width:60px;
height:60px;
background:#E2231A;
color:#fff;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-weight:700;
font-size:20px;
flex-shrink:0;
}

.why-side h3{
    font-size:32px;
    font-weight:800;
    line-height:1.3;
    color:#ffffff;
    margin-bottom:20px;
}

.why-box:hover{
background:#111;
transform:translateY(-8px);
}

.why-box:hover h3{
color:#fff;
}

.why-box:hover .why-count{
background:#fff;
color:#E2231A;
}

.why-side{
background:#111;
padding:35px;
border-radius:20px;
color:#fff;
position:sticky;
top:30px;
}

.why-side h3{
font-size:28px;
margin-bottom:20px;
}

.why-side p{
color:#ddd;
line-height:1.8;
margin-bottom:25px;
}

.why-side ul{
list-style:none;
padding:0;
margin:0 0 30px;
}

.why-side ul li{
padding:10px 0;
border-bottom:1px solid rgba(255,255,255,.15);
}

.why-btn{
display:inline-block;
padding:15px 35px;
background:#E2231A;
color:#fff;
text-decoration:none;
border-radius:50px;
font-weight:700;
transition:.35s;
}

.why-btn:hover{
background:#fff;
color:#E2231A;
}

/*=========================
Responsive
=========================*/

@media(max-width:992px){

.why-main{
grid-template-columns:1fr;
}

.why-list{
grid-template-columns:1fr;
}

.why-side{
position:relative;
top:0;
margin-top:20px;
}

}

@media(max-width:768px){

.why-header h2{
font-size:32px;
}

.why-header p{
font-size:16px;
}

}

@media(max-width:480px){

.why-pvc{
padding:70px 15px;
}

.why-box{
flex-direction:column;
text-align:center;
}

.why-count{
margin-bottom:10px;
}

.why-header h2{
font-size:26px;
}

.why-side{
padding:25px;
}

.why-btn{
width:100%;
text-align:center;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cbc71f9 *//*=========================
PVC CTA
=========================*/

.pvc-cta{

position:relative;
padding:110px 20px;
background:linear-gradient(135deg,#111,#2b2b2b);
overflow:hidden;

}

.cta-shape{

position:absolute;
border-radius:50%;
background:rgba(226,35,26,.18);

}

.shape1{

width:280px;
height:280px;
top:-90px;
left:-90px;

}

.shape2{

width:220px;
height:220px;
bottom:-70px;
right:-70px;

}

.cta-box{

position:relative;
max-width:900px;
margin:auto;
text-align:center;
padding:70px 50px;
background:rgba(255,255,255,.08);
backdrop-filter:blur(12px);
border:1px solid rgba(255,255,255,.15);
border-radius:30px;
z-index:2;

}

.cta-tag{

display:inline-block;
padding:10px 28px;
background:#E2231A;
color:#fff;
border-radius:40px;
font-size:14px;
font-weight:600;
margin-bottom:22px;

}

.cta-box h2{

font-size:44px;
font-weight:800;
color:#fff;
margin-bottom:22px;
line-height:1.3;

}

.cta-box h2 span{

color:#E2231A;

}

.cta-box p{

font-size:17px;
line-height:1.9;
color:#e6e6e6;
max-width:760px;
margin:auto auto 40px;

}

.cta-btn{

display:inline-block;
padding:18px 45px;
background:#E2231A;
color:#fff;
font-size:17px;
font-weight:700;
text-decoration:none;
border-radius:60px;
transition:.35s;

}

.cta-btn:hover{

background:#fff;
color:#E2231A;
transform:translateY(-5px);

}

/*=========================
Responsive
=========================*/

@media(max-width:992px){

.cta-box{

padding:60px 35px;

}

.cta-box h2{

font-size:38px;

}

}

@media(max-width:768px){

.cta-box{

padding:45px 25px;

}

.cta-box h2{

font-size:30px;

}

.cta-box p{

font-size:16px;

}

}

@media(max-width:480px){

.pvc-cta{

padding:70px 15px;

}

.cta-box{

padding:35px 20px;

}

.cta-box h2{

font-size:24px;

}

.cta-btn{

width:100%;
text-align:center;

}

}/* End custom CSS */