.elementor-10470 .elementor-element.elementor-element-bf917eb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10470 .elementor-element.elementor-element-3ca376e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10470 .elementor-element.elementor-element-a9206ab{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-347b1e4 */.vyl-civil-hero{

padding:110px 20px;

background:
linear-gradient(135deg,#f8fbff,#ffffff);

overflow:hidden;

}



.vyl-container{

max-width:1200px;

margin:auto;

}



.vyl-hero-grid{

display:grid;

grid-template-columns:1.1fr .9fr;

gap:70px;

align-items:center;

}



.vyl-label{

display:inline-block;

padding:10px 22px;

background:#eef6ff;

color:#0057B8;

border-radius:30px;

font-weight:700;

font-size:14px;

}



.vyl-hero-content h1{

font-size:55px;

line-height:1.15;

color:#132238;

margin:25px 0;

}



.vyl-hero-content p{

font-size:18px;

line-height:1.8;

color:#64748b;

}



.vyl-hero-points{

display:grid;

grid-template-columns:1fr 1fr;

gap:15px;

margin:35px 0;

}



.vyl-hero-points div{

background:#fff;

padding:18px;

border-radius:18px;

border:1px solid #e5edf7;

font-weight:700;

}



.vyl-hero-buttons{

display:flex;

gap:20px;

flex-wrap:wrap;

}



.vyl-primary-btn,
.vyl-outline-btn{

padding:17px 35px;

border-radius:15px;

font-weight:700;

text-decoration:none;

}



.vyl-primary-btn{

background:#0057B8;

color:#fff;

}



.vyl-outline-btn{

border:2px solid #0057B8;

color:#0057B8;

}



.vyl-trust-row{

display:flex;

gap:40px;

margin-top:45px;

}



.vyl-trust-row strong{

display:block;

font-size:35px;

color:#0057B8;

}



.vyl-trust-row span{

color:#64748b;

}





.vyl-image-card{

padding:35px;

background:#fff;

border-radius:35px;

box-shadow:0 30px 70px rgba(0,0,0,.12);

}



.vyl-image-card img{

width:100%;

}



.vyl-hero-image{

position:relative;

}



.vyl-floating-card{

position:absolute;

background:#fff;

padding:15px 25px;

border-radius:30px;

box-shadow:0 20px 40px rgba(0,0,0,.15);

font-weight:700;

}



.vyl-floating-card.top{

top:15%;

left:0;

}



.vyl-floating-card.bottom{

bottom:15%;

right:0;

}




@media(max-width:900px){

.vyl-hero-grid{

grid-template-columns:1fr;

}


.vyl-hero-content h1{

font-size:38px;

}

}


@media(max-width:600px){

.vyl-hero-points{

grid-template-columns:1fr;

}


.vyl-floating-card{

display:none;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-14ac22e */.vyl-civil-business{

padding:110px 20px;

background:#fff;

}




.vyl-civil-business-grid{

display:grid;

grid-template-columns:1.1fr .9fr;

gap:60px;

margin-top:60px;

}




.vyl-civil-main h3{

font-size:36px;

color:#132238;

}




.vyl-civil-main p{

color:#64748b;

line-height:1.8;

font-size:17px;

}





.vyl-civil-industries{

display:grid;

grid-template-columns:1fr 1fr;

gap:20px;

margin-top:35px;

}




.vyl-civil-industries div{

background:#f8fbff;

padding:25px;

border-radius:22px;

border:1px solid #e5edf7;

}





.vyl-civil-industries span{

display:flex;

width:45px;

height:45px;

align-items:center;

justify-content:center;

background:#0057B8;

color:#fff;

border-radius:50%;

font-weight:800;

margin-bottom:15px;

}



.vyl-civil-industries h4{

font-size:21px;

color:#132238;

}



.vyl-civil-industries p{

font-size:14px;

}





.vyl-authority-link{

display:inline-block;

margin-top:30px;

font-weight:700;

color:#0057B8;

text-decoration:none;

}





/* SIDE */


.vyl-location-box{

background:

linear-gradient(
135deg,
#0057B8,
#1e88ff
);

padding:40px;

border-radius:30px;

color:#fff;

}




.vyl-location-box h3{

font-size:28px;

}




.vyl-location-box ul{

padding:0;

list-style:none;

}



.vyl-location-box li{

padding:12px 0;

border-bottom:1px solid rgba(255,255,255,.25);

}





.vyl-related-box{

margin-top:25px;

padding:35px;

background:#f8fbff;

border-radius:25px;

}



.vyl-related-box h3{

color:#132238;

}



.vyl-related-box a{

display:block;

padding:12px 0;

color:#0057B8;

font-weight:700;

text-decoration:none;

border-bottom:1px solid #e5edf7;

}





@media(max-width:950px){


.vyl-civil-business-grid{

grid-template-columns:1fr;

}

}




@media(max-width:650px){


.vyl-civil-industries{

grid-template-columns:1fr;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c8db923 *//* =====================================
   CIVIL LINES SERVICES
===================================== */


.vyl-civil-services{

padding:110px 20px;

background:#f8fbff;

}





.vyl-services-grid{

display:grid;

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

gap:30px;

margin-top:60px;

}





.vyl-service-card{

background:#fff;

padding:35px;

border-radius:28px;

border:1px solid #e5edf7;

box-shadow:

0 15px 40px rgba(15,23,42,.06);

transition:.35s;

}



.vyl-service-card:hover{

transform:translateY(-10px);

}





.vyl-service-number{

height:60px;

width:60px;

display:flex;

align-items:center;

justify-content:center;

background:#eef6ff;

color:#0057B8;

border-radius:18px;

font-size:22px;

font-weight:800;

margin-bottom:25px;

}





.vyl-service-card h3{

font-size:25px;

color:#132238;

}





.vyl-service-card p{

color:#64748b;

line-height:1.8;

}





.vyl-service-card ul{

list-style:none;

padding:0;

margin-top:20px;

}





.vyl-service-card li{

padding:8px 0;

font-weight:600;

color:#334155;

}



.vyl-service-card li::before{

content:"✓";

color:#0057B8;

font-weight:900;

margin-right:10px;

}





/* CTA */


.vyl-service-cta{

margin-top:70px;

padding:55px;

border-radius:35px;

background:

linear-gradient(
135deg,
#0057B8,
#1e88ff
);

color:#fff;

text-align:center;

}





.vyl-service-cta h3{

font-size:34px;

}



.vyl-service-cta p{

font-size:17px;

line-height:1.8;

}





.vyl-contact-buttons{

display:flex;

justify-content:center;

gap:20px;

flex-wrap:wrap;

margin-top:30px;

}





.vyl-contact-buttons a{

padding:17px 35px;

background:#fff;

color:#0057B8;

border-radius:15px;

font-weight:700;

text-decoration:none;

}





@media(max-width:1000px){

.vyl-services-grid{

grid-template-columns:1fr 1fr;

}

}





@media(max-width:650px){

.vyl-services-grid{

grid-template-columns:1fr;

}


.vyl-service-cta{

padding:35px 20px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-74d4cf7 *//* =====================================
   CIVIL LINES PORTFOLIO
===================================== */


.vyl-civil-portfolio{

padding:110px 20px;

background:#fff;

}





.vyl-portfolio-grid{

display:grid;

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

gap:30px;

margin-top:60px;

}





.vyl-portfolio-card{

background:#fff;

border-radius:30px;

overflow:hidden;

border:1px solid #e5edf7;

box-shadow:

0 15px 40px rgba(15,23,42,.06);

transition:.35s;

}



.vyl-portfolio-card:hover{

transform:translateY(-10px);

}





.vyl-portfolio-image{

height:260px;

overflow:hidden;

position:relative;

}



.vyl-portfolio-image img{

width:100%;

height:100%;

object-fit:cover;

transition:.5s;

}



.vyl-portfolio-card:hover img{

transform:scale(1.08);

}





.vyl-portfolio-image span{

position:absolute;

bottom:20px;

left:20px;

background:#0057B8;

color:#fff;

padding:10px 18px;

border-radius:30px;

font-weight:700;

font-size:13px;

}





.vyl-portfolio-content{

padding:30px;

}



.vyl-portfolio-content h3{

font-size:26px;

color:#132238;

}



.vyl-portfolio-content p{

color:#64748b;

line-height:1.8;

}





.vyl-tags{

display:flex;

gap:10px;

flex-wrap:wrap;

margin-top:20px;

}



.vyl-tags span{

background:#eef6ff;

color:#0057B8;

padding:8px 14px;

border-radius:30px;

font-size:13px;

font-weight:700;

}





/* RESULTS */


.vyl-results-box{

margin-top:70px;

padding:45px;

background:

linear-gradient(
135deg,
#0057B8,
#1e88ff
);

border-radius:35px;

display:grid;

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

color:#fff;

}





.vyl-results-box div{

text-align:center;

}



.vyl-results-box strong{

font-size:40px;

display:block;

}





.vyl-results-box span{

font-size:15px;

}





/* LINKS */


.vyl-portfolio-links{

margin-top:60px;

padding:35px;

background:#f8fbff;

border-radius:25px;

}



.vyl-portfolio-links a{

display:inline-block;

margin:12px 20px 0 0;

text-decoration:none;

font-weight:700;

color:#0057B8;

}





/* CTA */


.vyl-portfolio-cta{

margin-top:50px;

padding:55px;

background:#f8fbff;

border-radius:35px;

text-align:center;

}



.vyl-portfolio-cta h3{

font-size:34px;

color:#132238;

}





.vyl-contact-buttons{

display:flex;

justify-content:center;

gap:20px;

flex-wrap:wrap;

margin-top:30px;

}



.vyl-contact-buttons a{

background:#fff;

color:#0057B8;

padding:17px 35px;

border-radius:15px;

font-weight:700;

text-decoration:none;

}





@media(max-width:1000px){


.vyl-portfolio-grid{

grid-template-columns:1fr 1fr;

}


.vyl-results-box{

grid-template-columns:1fr 1fr;

}

}





@media(max-width:650px){


.vyl-portfolio-grid,

.vyl-results-box{

grid-template-columns:1fr;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-479f057 *//* =====================================
   CIVIL LINES TRUST SECTION
===================================== */


.vyl-civil-trust{

padding:110px 20px;

background:#f8fbff;

}





.vyl-trust-grid{

display:grid;

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

gap:30px;

margin-top:60px;

}





.vyl-trust-card{

background:#fff;

padding:35px;

border-radius:28px;

border:1px solid #e5edf7;

box-shadow:

0 15px 40px rgba(15,23,42,.06);

transition:.35s;

}



.vyl-trust-card:hover{

transform:translateY(-8px);

}





.vyl-review-box{

background:#eef6ff;

padding:20px;

border-radius:20px;

margin-bottom:25px;

}



.vyl-review-box strong{

display:block;

font-size:40px;

color:#0057B8;

}



.vyl-review-box span{

color:#64748b;

}





.vyl-trust-card h3{

font-size:25px;

color:#132238;

}



.vyl-trust-card p{

color:#64748b;

line-height:1.8;

}



.vyl-trust-card a{

color:#0057B8;

font-weight:700;

text-decoration:none;

}





/* PROCESS */


.vyl-process-box{

display:grid;

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

gap:30px;

margin-top:70px;

}





.vyl-process-box div{

background:#fff;

padding:35px;

border-radius:25px;

border:1px solid #e5edf7;

}



.vyl-process-box span{

display:flex;

width:55px;

height:55px;

background:#0057B8;

color:#fff;

align-items:center;

justify-content:center;

border-radius:50%;

font-weight:800;

margin-bottom:20px;

}



.vyl-process-box h3{

color:#132238;

}



.vyl-process-box p{

color:#64748b;

line-height:1.8;

}





/* CTA */


.vyl-civil-trust-cta{

margin-top:70px;

padding:55px;

background:

linear-gradient(
135deg,
#0057B8,
#1e88ff
);

border-radius:35px;

text-align:center;

color:#fff;

}



.vyl-civil-trust-cta h3{

font-size:34px;

}



.vyl-civil-trust-cta p{

font-size:17px;

}





.vyl-contact-buttons{

display:flex;

justify-content:center;

gap:20px;

flex-wrap:wrap;

margin-top:30px;

}



.vyl-contact-buttons a{

padding:17px 35px;

background:#fff;

color:#0057B8;

border-radius:15px;

font-weight:700;

text-decoration:none;

}





@media(max-width:950px){


.vyl-trust-grid,

.vyl-process-box{

grid-template-columns:1fr;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-13d389b *//* =====================================
   CIVIL FINAL CTA
===================================== */


.vyl-civil-final{

padding:110px 20px;

background:#fff;

}




.vyl-civil-glass{

display:grid;

grid-template-columns:1.2fr .8fr;

gap:50px;

padding:70px;

border-radius:40px;


background:

linear-gradient(
135deg,
#0057B8,
#1e88ff
);


color:#fff;

overflow:hidden;

}





.vyl-final-content h2{

font-size:45px;

line-height:1.2;

margin:25px 0;

}



.vyl-final-content p{

font-size:18px;

line-height:1.8;

}





.vyl-final-features{

display:grid;

grid-template-columns:1fr 1fr;

gap:15px;

margin:35px 0;

}




.vyl-final-features div{

padding:15px;

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

border-radius:15px;

font-weight:700;

}





/* CARD */


.vyl-final-card{

display:flex;

align-items:center;

justify-content:center;

}





.vyl-company-box{

padding:40px;

width:300px;

text-align:center;

border-radius:35px;

background:

rgba(255,255,255,.18);

backdrop-filter:blur(20px);

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

}





.vyl-company-box img{

width:100px;

height:100px;

background:#fff;

padding:10px;

border-radius:50%;

}





.vyl-company-box h3{

font-size:32px;

margin:20px 0;

}





.vyl-company-box p{

line-height:1.8;

}





.vyl-check{

margin-top:15px;

padding:12px;

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

border-radius:15px;

font-weight:700;

}





/* FAQ INTRO */


.vyl-faq-heading{

text-align:center;

margin-top:90px;

}





.vyl-faq-heading h2{

font-size:42px;

color:#132238;

margin:20px 0;

}



.vyl-faq-heading p{

color:#64748b;

font-size:17px;

}





@media(max-width:950px){


.vyl-civil-glass{

grid-template-columns:1fr;

padding:45px;

}


.vyl-final-card{

display:none;

}


}





@media(max-width:600px){


.vyl-final-content h2{

font-size:32px;

}



.vyl-final-features{

grid-template-columns:1fr;

}


}/* End custom CSS */