.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2181 .elementor-element.elementor-element-2789cfb > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-2181 .elementor-element.elementor-element-9f21daa > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-2181 .elementor-element.elementor-element-9323ab2 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-2181 .elementor-element.elementor-element-60202d5{--image-border-color:#555555;--image-border-width:4px;--image-border-radius:23px;--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-2181 .elementor-element.elementor-element-60202d5 .e-gallery-image{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-2181 .elementor-element.elementor-element-60202d5 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-2181 .elementor-element.elementor-element-60202d5 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-2181 .elementor-element.elementor-element-6cace07 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-2181 .elementor-element.elementor-element-dab0dd9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2181 .elementor-element.elementor-element-f636dba > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-2181 .elementor-element.elementor-element-cba47de > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-2181 .elementor-element.elementor-element-1a33cf2 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-2181 .elementor-element.elementor-element-ea9cbe2 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-2181 .elementor-element.elementor-element-7a1649a > .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-5d67702 *//*==================================
PVC Berm Hero Section
==================================*/

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

.pvc-berm-hero{

    position:relative;
    overflow:hidden;
    padding:110px 20px;
    background:#f8f9fc;

}

.pvc-berm-hero::before{

    content:"";
    position:absolute;
    width:380px;
    height:380px;
    background:#E2231A;
    border-radius:50%;
    top:-170px;
    right:-170px;
    opacity:.07;

}

.pvc-berm-hero::after{

    content:"";
    position:absolute;
    width:260px;
    height:260px;
    border:30px solid #111;
    border-radius:50%;
    bottom:-130px;
    left:-130px;
    opacity:.05;

}

.hero-container{

    max-width:900px;
    margin:auto;
    position:relative;
    z-index:2;
    text-align:center;

}

.hero-badge{

    display:inline-block;
    background:#E2231A;
    color:#fff;
    padding:12px 24px;
    border-radius:40px;
    font-size:14px;
    font-weight:600;
    letter-spacing:.5px;
    margin-bottom:28px;

}

.hero-container h1{

    font-size:54px;
    color:#111;
    line-height:1.2;
    margin-bottom:28px;
    font-weight:700;

}

.hero-text{

    font-size:17px;
    line-height:1.9;
    color:#555;
    margin-bottom:22px;
    text-align:justify;

}

.hero-buttons{

    display:flex;
    justify-content:center;
    gap:18px;
    margin-top:40px;
    flex-wrap:wrap;

}

.btn-primary{

    display:inline-block;
    padding:17px 36px;
    background:#E2231A;
    color:#fff;
    text-decoration:none;
    border-radius:50px;
    font-weight:600;
    transition:.35s;

}

.btn-primary:hover{

    background:#111;

}

.btn-secondary{

    display:inline-block;
    padding:17px 36px;
    border:2px solid #E2231A;
    color:#E2231A;
    text-decoration:none;
    border-radius:50px;
    font-weight:600;
    transition:.35s;

}

.btn-secondary:hover{

    background:#E2231A;
    color:#fff;

}

/*====================
Tablet
====================*/

@media(max-width:991px){

.hero-container h1{

font-size:42px;

}

.hero-text{

text-align:center;

}

}

/*====================
Mobile
====================*/

@media(max-width:576px){

.pvc-berm-hero{

padding:80px 15px;

}

.hero-badge{

font-size:13px;
padding:10px 18px;

}

.hero-container h1{

font-size:30px;

}

.hero-text{

font-size:16px;
line-height:1.8;

}

.hero-buttons{

flex-direction:column;

}

.hero-buttons a{

width:100%;
text-align:center;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-caa53fa *//*=========================
About PVC Berm
=========================*/

.about-pvc-berm{

padding:100px 20px;
background:#f7f8fb;

}

.about-wrapper{

max-width:1200px;
margin:auto;

display:grid;
grid-template-columns:1.6fr .9fr;
gap:50px;
align-items:center;

}

.about-left{

background:#fff;
padding:45px;
border-radius:25px;
box-shadow:0 15px 40px rgba(0,0,0,.08);

}

.about-badge{

display:inline-block;
padding:10px 22px;
background:#111;
color:#fff;
border-radius:30px;
font-size:14px;
margin-bottom:20px;

}

.about-left h2{

font-size:42px;
margin-bottom:25px;
color:#111;

}

.about-left h2 span{

color:#E2231A;

}

.about-left p{

font-size:17px;
line-height:1.9;
color:#555;
margin-bottom:20px;
text-align:justify;

}

.about-right{

display:grid;
grid-template-columns:repeat(2,1fr);
gap:20px;

}

.stat-card{

background:#111;
padding:35px 20px;
border-radius:20px;
text-align:center;
transition:.35s;

}

.stat-card h3{

font-size:34px;
color:#E2231A;
margin-bottom:12px;

}

.stat-card p{

color:#fff;
font-size:16px;
line-height:1.6;

}

.stat-card:hover{

background:#E2231A;
transform:translateY(-8px);

}

.stat-card:hover h3,
.stat-card:hover p{

color:#fff;

}

/* Tablet */

@media(max-width:991px){

.about-wrapper{

grid-template-columns:1fr;

}

.about-left{

padding:35px;

}

.about-left h2{

font-size:34px;

}

.about-left p{

text-align:center;

}

}

/* Mobile */

@media(max-width:576px){

.about-pvc-berm{

padding:70px 15px;

}

.about-left{

padding:25px;

}

.about-left h2{

font-size:28px;

}

.about-left p{

font-size:16px;

}

.about-right{

grid-template-columns:1fr;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dab0dd9 *//*=================================
PVC Berm Features
==================================*/

.berm-features{

padding:100px 20px;
background:#fff;

}

.berm-features .container{

max-width:1200px;
margin:auto;

}

.section-title{

text-align:center;
margin-bottom:70px;

}

.section-title span{

display:inline-block;
padding:10px 22px;
background:#E2231A;
color:#fff;
border-radius:40px;
font-size:14px;
font-weight:600;
margin-bottom:18px;

}

.section-title h2{

font-size:42px;
color:#111;

}

.feature-line{

position:relative;
max-width:900px;
margin:auto;

}

.feature-line::before{

content:"";
position:absolute;
left:50%;
top:0;
width:4px;
height:100%;
background:#E2231A;
transform:translateX(-50%);

}

.feature-item{

width:50%;
padding:18px 40px;
position:relative;
margin-bottom:25px;

}

.feature-item span{

display:inline-block;
background:#111;
color:#fff;
padding:18px 24px;
border-radius:50px;
font-size:17px;
font-weight:500;
transition:.35s;

}

.feature-item.left{

left:0;
text-align:right;

}

.feature-item.right{

left:50%;
text-align:left;

}

.feature-item::before{

content:"";
position:absolute;
top:50%;
width:18px;
height:18px;
background:#E2231A;
border-radius:50%;
transform:translateY(-50%);
z-index:2;

}

.feature-item.left::before{

right:-9px;

}

.feature-item.right::before{

left:-9px;

}

.feature-item:hover span{

background:#E2231A;
transform:scale(1.05);

}

/*=========================
Tablet
=========================*/

@media(max-width:991px){

.section-title h2{

font-size:34px;

}

}

/*=========================
Mobile
=========================*/

@media(max-width:768px){

.feature-line::before{

left:18px;

}

.feature-item{

width:100%;
left:0!important;
padding-left:50px;
padding-right:0;
text-align:left!important;

}

.feature-item::before{

left:9px!important;
right:auto;

}

.feature-item span{

width:100%;
border-radius:15px;

}

.section-title h2{

font-size:28px;

}

}

@media(max-width:576px){

.berm-features{

padding:70px 15px;

}

.section-title span{

font-size:13px;

}

.feature-item span{

font-size:15px;
padding:16px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3a86a88 *//*=========================
PVC Berm Benefits
=========================*/

.berm-benefits{

padding:100px 20px;

background:linear-gradient(135deg,#111111,#1A1A1A,#252525);

overflow:hidden;

}

.berm-benefits .container{

max-width:1200px;
margin:auto;

}

.section-heading{

text-align:center;
margin-bottom:70px;

}

.section-heading span{

display:inline-block;
background:#E2231A;
color:#fff;
padding:10px 22px;
border-radius:40px;
font-size:14px;
font-weight:600;
margin-bottom:18px;

}

.section-heading h2{

font-size:42px;
color:#fff;

}

.steps{

display:flex;
flex-direction:column;
gap:22px;

}

.step{

background:#fff;

padding:20px 28px;

width:65%;

border-left:6px solid #E2231A;

border-radius:12px;

font-size:18px;

font-weight:600;

color:#222;

box-shadow:0 10px 25px rgba(0,0,0,.25);

transition:.35s;

position:relative;

}

.step::after{

content:"";

position:absolute;

width:40px;

height:2px;

background:#E2231A;

top:50%;

right:-40px;

}

.step:hover{

transform:translateY(-8px);

background:#E2231A;

color:#fff;

}

.step:hover::after{

background:#fff;

}

/* Stair Effect */

.step1{margin-left:0;}
.step2{margin-left:60px;}
.step3{margin-left:120px;}
.step4{margin-left:180px;}
.step5{margin-left:240px;}
.step6{margin-left:180px;}
.step7{margin-left:120px;}
.step8{margin-left:60px;}
.step9{margin-left:30px;}
.step10{margin-left:0;}

.step10::after{

display:none;

}

/*=========================
Tablet
=========================*/

@media(max-width:991px){

.section-heading h2{

font-size:34px;

}

.step{

width:80%;

}

.step1,
.step2,
.step3,
.step4,
.step5,
.step6,
.step7,
.step8,
.step9,
.step10{

margin-left:0;

}

.step::after{

display:none;

}

}

/*=========================
Mobile
=========================*/

@media(max-width:576px){

.berm-benefits{

padding:70px 15px;

}

.section-heading h2{

font-size:28px;

}

.step{

width:100%;

font-size:16px;

padding:18px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e136ae6 *//*=================================
PVC Berm Applications
==================================*/

.berm-applications{

padding:100px 20px;
background:#F4F6F8;

}

.berm-applications .container{

max-width:1200px;
margin:auto;

}

.section-title{

text-align:center;
margin-bottom:70px;

}

.section-title span{

display:inline-block;
padding:10px 22px;
background:#111;
color:#fff;
border-radius:40px;
font-size:14px;
font-weight:600;
margin-bottom:18px;

}

.section-title h2{

font-size:42px;
color:#111;

}

.network-layout{

display:grid;

grid-template-columns:repeat(5,1fr);

gap:22px;

align-items:center;

}

.center-box{

grid-column:3;

grid-row:2 / span 2;

background:#E2231A;

color:#fff;

font-size:28px;

font-weight:700;

display:flex;

justify-content:center;

align-items:center;

border-radius:20px;

min-height:180px;

box-shadow:0 15px 30px rgba(0,0,0,.2);

transition:.35s;

}

.center-box:hover{

transform:scale(1.05);

}

.app-item{

background:#fff;

padding:20px;

border-radius:15px;

text-align:center;

font-size:16px;

font-weight:600;

color:#333;

border:2px solid transparent;

transition:.35s;

box-shadow:0 10px 25px rgba(0,0,0,.08);

}

.app-item:hover{

background:#111;

color:#fff;

border-color:#E2231A;

transform:translateY(-8px);

}

/*====================
Tablet
====================*/

@media(max-width:991px){

.network-layout{

grid-template-columns:repeat(2,1fr);

}

.center-box{

grid-column:1 / span 2;

grid-row:auto;

min-height:140px;

margin-bottom:10px;

}

.section-title h2{

font-size:34px;

}

}

/*====================
Mobile
====================*/

@media(max-width:576px){

.berm-applications{

padding:70px 15px;

}

.network-layout{

grid-template-columns:1fr;

}

.center-box{

grid-column:auto;

font-size:24px;

min-height:120px;

}

.section-title h2{

font-size:28px;

}

.app-item{

font-size:15px;

padding:18px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6c509a3 *//*=================================
Why Choose Us
==================================*/

.why-pvc-berm{

padding:110px 20px;

background:
radial-gradient(circle at top right,rgba(226,35,26,.18),transparent 35%),
radial-gradient(circle at bottom left,rgba(226,35,26,.15),transparent 35%),
linear-gradient(135deg,#0d0d0d,#1a1a1a,#0d0d0d);

overflow:hidden;

}

.why-pvc-berm .container{

max-width:1200px;
margin:auto;

}

.why-header{

max-width:850px;
margin:auto;
text-align:center;
margin-bottom:70px;

}

.why-header span{

display:inline-block;

padding:10px 24px;

background:#E2231A;

color:#fff;

border-radius:30px;

font-size:14px;

margin-bottom:20px;

}

.why-header h2{

font-size:44px;

color:#fff;

margin-bottom:20px;

}

.why-header p{

font-size:17px;

line-height:1.9;

color:#d8d8d8;

}

.why-grid{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:25px;

}

.glass-card{

background:rgba(255,255,255,.06);

backdrop-filter:blur(14px);

border:1px solid rgba(255,255,255,.08);

border-radius:18px;

padding:28px 30px;

position:relative;

overflow:hidden;

transition:.4s;

}

.glass-card::before{

content:"";

position:absolute;

left:0;
top:0;

width:5px;

height:100%;

background:#E2231A;

}

.glass-card h3{

font-size:22px;

color:#fff;

font-weight:600;

padding-left:18px;

}

.glass-card:hover{

transform:translateY(-10px);

background:#E2231A;

border-color:#E2231A;

box-shadow:0 20px 40px rgba(226,35,26,.35);

}

.glass-card:hover::before{

background:#fff;

}

.glass-card:hover h3{

color:#fff;

}

/* Tablet */

@media(max-width:991px){

.why-grid{

grid-template-columns:1fr;

}

.why-header h2{

font-size:36px;

}

}

/* Mobile */

@media(max-width:576px){

.why-pvc-berm{

padding:70px 15px;

}

.why-header h2{

font-size:28px;

}

.why-header p{

font-size:16px;

}

.glass-card{

padding:22px;

}

.glass-card h3{

font-size:18px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e84fb63 *//*=================================
PVC CTA Section
==================================*/

.pvc-cta{

padding:100px 20px;
background:#f5f7fa;

}

.cta-container{

max-width:1200px;
margin:auto;

display:grid;
grid-template-columns:2fr 1fr;
gap:35px;

align-items:center;

}

.cta-content{

background:#ffffff;
padding:50px;
border-radius:20px;
box-shadow:0 15px 40px rgba(0,0,0,.08);

}

.cta-tag{

display:inline-block;

padding:10px 22px;

background:#111;

color:#fff;

border-radius:30px;

font-size:14px;

margin-bottom:20px;

}

.cta-content h2{

font-size:42px;
color:#111;
margin-bottom:20px;

}

.cta-content p{

font-size:17px;
line-height:1.9;
color:#555;
text-align:justify;

}

.cta-action{

background:#E2231A;
padding:45px 35px;
border-radius:20px;
text-align:center;
color:#fff;

}

.cta-action h3{

font-size:28px;
margin-bottom:18px;

}

.cta-action p{

line-height:1.8;
margin-bottom:30px;
color:#fff;

}

.cta-btn{

display:inline-block;

padding:16px 34px;

background:#fff;

color:#E2231A;

font-weight:700;

text-decoration:none;

border-radius:50px;

transition:.35s;

}

.cta-btn:hover{

background:#111;
color:#fff;

}

/* Tablet */

@media(max-width:991px){

.cta-container{

grid-template-columns:1fr;

}

.cta-content h2{

font-size:34px;

}

.cta-content{

text-align:center;

}

.cta-content p{

text-align:center;

}

}

/* Mobile */

@media(max-width:576px){

.pvc-cta{

padding:70px 15px;

}

.cta-content{

padding:30px;

}

.cta-content h2{

font-size:28px;

}

.cta-content p{

font-size:16px;

}

.cta-action{

padding:30px 20px;

}

.cta-action h3{

font-size:22px;

}

.cta-btn{

width:100%;
text-align:center;

}

}/* End custom CSS */