.elementor-10458 .elementor-element.elementor-element-cc948f6{--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-10458 .elementor-element.elementor-element-6945643{--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-10458 .elementor-element.elementor-element-686d39f{--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;--margin-top:-100px;--margin-bottom:-50px;--margin-left:0px;--margin-right:0px;}.elementor-10458 .elementor-element.elementor-element-d38906e{--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;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}/* Start custom CSS for html, class: .elementor-element-8092877 *//* =====================================
   GOPALPURA BYPASS HERO SECTION
===================================== */


.vyl-gopal-hero{

padding:110px 20px;

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

position:relative;

overflow:hidden;

}



.vyl-gopal-hero::before{

content:"";

position:absolute;

width:600px;

height:600px;

right:-200px;

top:-200px;

background:

radial-gradient(circle,#dcecff,transparent 70%);

}





.vyl-container{

max-width:1200px;

margin:auto;

position:relative;

z-index:2;

}





.vyl-hero-grid{

display:grid;

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

gap:70px;

align-items:center;

}





/* HERO CONTENT */


.vyl-hero-content .vyl-label{

display:inline-block;

padding:10px 22px;

border-radius:40px;

background:#eef6ff;

color:#0057B8;

font-size:14px;

font-weight:700;

margin-bottom:25px;

}



.vyl-hero-content h1{

font-size:56px;

line-height:1.15;

font-weight:850;

color:#132238;

margin-bottom:25px;

}



.vyl-hero-content p{

font-size:18px;

line-height:1.9;

color:#64748b;

}





/* POINTS */


.vyl-hero-points{

display:grid;

grid-template-columns:1fr 1fr;

gap:15px;

margin:35px 0;

}



.vyl-hero-points div{

background:#fff;

padding:17px 20px;

border-radius:18px;

border:1px solid #e5edf7;

box-shadow:

0 10px 30px rgba(15,23,42,.05);

font-weight:600;

}



.vyl-hero-points span{

color:#0057B8;

margin-right:8px;

}





/* BUTTONS */


.vyl-hero-buttons{

display:flex;

gap:18px;

flex-wrap:wrap;

}



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

padding:17px 35px;

border-radius:15px;

font-weight:700;

text-decoration:none;

transition:.35s;

}



.vyl-primary-btn{

background:#0057B8;

color:#fff;

box-shadow:

0 20px 40px rgba(0,87,184,.25);

}



.vyl-outline-btn{

border:2px solid #0057B8;

color:#0057B8;

}



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

transform:translateY(-5px);

}





/* TRUST */


.vyl-trust-row{

display:flex;

gap:45px;

margin-top:45px;

}



.vyl-trust-row div{

display:flex;

flex-direction:column;

}



.vyl-trust-row strong{

font-size:34px;

color:#0057B8;

}



.vyl-trust-row span{

font-size:14px;

color:#64748b;

}





/* IMAGE */


.vyl-hero-image{

display:flex;

justify-content:center;

position:relative;

}



.vyl-image-card{

padding:35px;

background:#fff;

border-radius:35px;

box-shadow:

0 35px 80px rgba(15,23,42,.12);

}



.vyl-image-card img{

width:100%;

max-width:420px;

border-radius:25px;

}





/* FLOATING CARDS */


.vyl-floating-card{

position:absolute;

background:#fff;

padding:15px 25px;

border-radius:30px;

font-weight:700;

box-shadow:

0 20px 50px rgba(0,0,0,.15);

}



.vyl-floating-card.top{

top:15%;

left:0;

}



.vyl-floating-card.bottom{

bottom:15%;

right:0;

}





/* RESPONSIVE */


@media(max-width:1000px){


.vyl-hero-grid{

grid-template-columns:1fr;

}



.vyl-hero-content h1{

font-size:42px;

}


}



@media(max-width:600px){


.vyl-gopal-hero{

padding:80px 20px;

}



.vyl-hero-content h1{

font-size:34px;

}



.vyl-hero-points{

grid-template-columns:1fr;

}



.vyl-trust-row{

flex-wrap:wrap;

gap:25px;

}



.vyl-floating-card{

display:none;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-54ba76e *//* =====================================
   GOPALPURA BUSINESS SECTION
===================================== */


.vyl-gopal-business{

padding:110px 20px;

background:#ffffff;

}





.vyl-business-layout{

display:grid;

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

gap:60px;

margin-top:60px;

}





.vyl-business-content h3{

font-size:36px;

color:#132238;

}



.vyl-business-content p{

color:#64748b;

line-height:1.8;

font-size:17px;

}





.vyl-local-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:20px;

margin-top:35px;

}





.vyl-local-grid div{

background:#f8fbff;

padding:25px;

border-radius:22px;

border:1px solid #e5edf7;

}



.vyl-local-grid span{

width:45px;

height:45px;

display:flex;

align-items:center;

justify-content:center;

background:#0057B8;

color:#fff;

border-radius:50%;

font-weight:800;

margin-bottom:15px;

}



.vyl-local-grid h4{

font-size:20px;

color:#132238;

}



.vyl-local-grid p{

font-size:14px;

}





.vyl-authority-link{

display:inline-block;

margin-top:30px;

color:#0057B8;

font-weight:700;

text-decoration:none;

}





/* LOCATION */


.vyl-location-card{

padding:40px;

background:

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

border-radius:30px;

color:#fff;

}



.vyl-location-card h3{

font-size:28px;

}



.vyl-location-card ul{

padding:0;

list-style:none;

}



.vyl-location-card li{

padding:12px 0;

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

font-weight:600;

}





/* LINKS */


.vyl-link-card{

margin-top:25px;

background:#f8fbff;

padding:35px;

border-radius:25px;

}



.vyl-link-card h4{

font-size:22px;

color:#132238;

}



.vyl-link-card a{

display:block;

padding:12px 0;

color:#0057B8;

font-weight:700;

text-decoration:none;

border-bottom:1px solid #e5edf7;

}





@media(max-width:950px){


.vyl-business-layout{

grid-template-columns:1fr;

}


}



@media(max-width:650px){


.vyl-local-grid{

grid-template-columns:1fr;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-53dbcb5 *//* =====================================
   GOPALPURA SERVICES SECTION
===================================== */


.vyl-gopal-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);

box-shadow:

0 30px 70px rgba(0,87,184,.15);

}





.vyl-service-number{

width:60px;

height: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;

margin-bottom:15px;

}



.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;

margin-top:30px;

flex-wrap:wrap;

}



.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-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-9618e68 *//* =====================================
   GOPALPURA TRUST SECTION
===================================== */


.vyl-gopal-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{

padding:20px;

background:#eef6ff;

border-radius:20px;

margin-bottom:25px;

}



.vyl-review-box strong{

font-size:28px;

display:block;

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;

}





/* TIMELINE */


.vyl-gopal-timeline{

display:grid;

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

gap:30px;

margin-top:70px;

}





.vyl-gopal-timeline div{

background:#fff;

padding:35px;

border-radius:25px;

border:1px solid #e5edf7;

}





.vyl-gopal-timeline span{

width:55px;

height:55px;

display:flex;

align-items:center;

justify-content:center;

background:#0057B8;

color:#fff;

border-radius:50%;

font-weight:800;

margin-bottom:20px;

}



.vyl-gopal-timeline h3{

color:#132238;

}



.vyl-gopal-timeline p{

color:#64748b;

line-height:1.8;

}





/* CTA */


.vyl-gopal-trust-cta{

margin-top:70px;

padding:55px;

border-radius:35px;

background:

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

text-align:center;

color:#fff;

}



.vyl-gopal-trust-cta h3{

font-size:34px;

}



.vyl-gopal-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:900px){


.vyl-trust-grid,

.vyl-gopal-timeline{

grid-template-columns:1fr;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0668e72 *//* =====================================
   GOPALPURA PORTFOLIO
===================================== */


.vyl-gopal-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:270px;

position:relative;

overflow:hidden;

}



.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:white;

padding:10px 18px;

border-radius:30px;

font-size:13px;

font-weight:700;

}





.vyl-portfolio-content{

padding:30px;

}



.vyl-portfolio-content h3{

font-size:27px;

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{

padding:8px 15px;

border-radius:30px;

background:#eef6ff;

color:#0057B8;

font-size:13px;

font-weight:700;

}





/* RESULTS */


.vyl-results-box{

margin-top:70px;

padding:45px;

border-radius:35px;

background:

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

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;

color:#0057B8;

font-weight:700;

text-decoration:none;

}





/* CTA */


.vyl-portfolio-cta{

margin-top:50px;

padding:55px;

border-radius:35px;

background:#f8fbff;

text-align:center;

}



.vyl-portfolio-cta h3{

font-size:34px;

color:#132238;

}



.vyl-portfolio-cta p{

color:#64748b;

}





@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-212a266 *//* =====================================
   GOPALPURA FINAL CTA
===================================== */


.vyl-gopal-final{

padding:110px 20px;

background:#fff;

}





.vyl-gopal-glass{

display:grid;

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

gap:50px;

padding:70px;

border-radius:40px;

background:

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

color:#fff;

position:relative;

overflow:hidden;

}



.vyl-gopal-glass::before{

content:"";

position:absolute;

width:450px;

height:450px;

border-radius:50%;

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

right:-150px;

top:-150px;

}





.vyl-gopal-final-content{

position:relative;

z-index:2;

}



.vyl-gopal-final-content h2{

font-size:45px;

line-height:1.2;

margin:25px 0;

}



.vyl-gopal-final-content p{

font-size:18px;

line-height:1.8;

}





.vyl-gopal-benefits{

display:grid;

grid-template-columns:1fr 1fr;

gap:15px;

margin:35px 0;

}





.vyl-gopal-benefits div{

padding:15px;

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

border-radius:15px;

font-weight:600;

}





/* SIDE CARD */


.vyl-gopal-side-card{

display:flex;

align-items:center;

justify-content:center;

}



.vyl-company-card{

width:300px;

padding:40px;

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

backdrop-filter:blur(20px);

border-radius:35px;

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

text-align:center;

}





.vyl-company-card img{

width:100px;

height:100px;

object-fit:contain;

background:#fff;

border-radius:50%;

padding:10px;

}



.vyl-company-card h3{

font-size:32px;

margin:20px 0;

}





.vyl-mini-status{

margin-top:15px;

padding:12px;

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

border-radius:15px;

font-weight:600;

}





/* FAQ INTRO */


.vyl-faq-intro{

text-align:center;

margin-top:90px;

}



.vyl-faq-intro h2{

font-size:42px;

color:#132238;

margin:20px 0;

}



.vyl-faq-intro p{

color:#64748b;

font-size:17px;

}





@media(max-width:950px){


.vyl-gopal-glass{

grid-template-columns:1fr;

padding:45px;

}


.vyl-gopal-side-card{

display:none;

}

}





@media(max-width:600px){


.vyl-gopal-final-content h2{

font-size:32px;

}



.vyl-gopal-benefits{

grid-template-columns:1fr;

}


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-031fb66 *//* =====================================
   GOPALPURA FAQ SECTION
===================================== */


.vyl-gopal-faq{

padding:110px 20px;

background:#f8fbff;

}





.vyl-faq-wrapper{

max-width:950px;

margin:60px auto 0;

display:flex;

flex-direction:column;

gap:18px;

}





.vyl-faq-item{

background:#fff;

padding:25px 30px;

border-radius:22px;

border:1px solid #e5edf7;

box-shadow:

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

}





.vyl-faq-item summary{

display:flex;

justify-content:space-between;

align-items:center;

cursor:pointer;

list-style:none;

font-size:19px;

font-weight:700;

color:#132238;

}





.vyl-faq-item summary::-webkit-details-marker{

display:none;

}





.vyl-faq-item summary span{

height:40px;

width:40px;

display:flex;

align-items:center;

justify-content:center;

background:#eef6ff;

color:#0057B8;

border-radius:50%;

font-size:25px;

}





.vyl-faq-item[open] summary span{

background:#0057B8;

color:#fff;

transform:rotate(45deg);

}





.vyl-faq-item p{

margin-top:22px;

font-size:16px;

line-height:1.9;

color:#64748b;

}





/* CTA */


.vyl-faq-bottom{

margin-top:70px;

padding:55px;

background:

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

border-radius:35px;

text-align:center;

color:#fff;

}



.vyl-faq-bottom h3{

font-size:34px;

}



.vyl-faq-bottom 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:650px){


.vyl-faq-item{

padding:20px;

}



.vyl-faq-item summary{

font-size:16px;

}



.vyl-faq-bottom{

padding:35px 20px;

}



.vyl-faq-bottom h3{

font-size:25px;

}

}/* End custom CSS */