.elementor-10438 .elementor-element.elementor-element-fe112c3{--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-10438 .elementor-element.elementor-element-ade85a5 img{width:100%;max-width:100%;}.elementor-10438 .elementor-element.elementor-element-cafa29c{--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-10438 .elementor-element.elementor-element-4ca93d8{--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-10438 .elementor-element.elementor-element-8f39734{--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-faf1704 *//* =====================================
   SANGANER HERO SECTION
===================================== */


.vyl-sanganer-hero{

padding:110px 20px;

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

position:relative;

overflow:hidden;

}



.vyl-sanganer-hero::before{

content:"";

position:absolute;

width:520px;

height:520px;

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

right:-180px;

top:-160px;

}




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

}




/* CONTENT */


.vyl-hero-content .vyl-label{

display:inline-flex;

padding:10px 22px;

border-radius:40px;

background:#eef6ff;

border:1px solid #d8e8ff;

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;

max-width:650px;

}





/* BENEFITS */


.vyl-hero-points{

display:grid;

grid-template-columns:1fr 1fr;

gap:15px;

margin:35px 0;

}



.vyl-hero-points div{

background:#fff;

padding:16px 20px;

border-radius:16px;

border:1px solid #e5edf7;

box-shadow:0 10px 30px rgba(15,23,42,.05);

font-weight:600;

color:#24354c;

}



.vyl-hero-points span{

color:#0057B8;

margin-right:8px;

font-weight:900;

}





/* BUTTONS */


.vyl-hero-buttons{

display:flex;

gap:18px;

flex-wrap:wrap;

}



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

padding:17px 35px;

border-radius:15px;

text-decoration:none;

font-weight:700;

transition:.35s;

}



.vyl-primary-btn{

background:#0057B8;

color:#fff;

box-shadow:0 15px 35px 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 STATS */


.vyl-trust-row{

display:flex;

gap:40px;

margin-top:45px;

}



.vyl-trust-row div{

display:flex;

flex-direction:column;

}



.vyl-trust-row strong{

font-size:32px;

color:#0057B8;

}



.vyl-trust-row span{

font-size:14px;

color:#64748b;

}





/* IMAGE */


.vyl-hero-image{

display:flex;

justify-content:center;

align-items:center;

position:relative;

}



.vyl-image-card{

padding:25px;

background:#fff;

border-radius:35px;

box-shadow:

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

}



.vyl-image-card img{

max-width:420px;

width:100%;

border-radius:25px;

}





/* FLOATING BOX */


.vyl-floating-card{

position:absolute;

background:#fff;

padding:15px 25px;

border-radius:30px;

font-weight:700;

color:#132238;

box-shadow:0 20px 50px rgba(0,0,0,.12);

}



.vyl-floating-card.top{

top:18%;

left:0;

}



.vyl-floating-card.bottom{

bottom:18%;

right:0;

}





/* RESPONSIVE */


@media(max-width:1000px){


.vyl-hero-grid{

grid-template-columns:1fr;

}


.vyl-hero-content h1{

font-size:42px;

}



.vyl-hero-image{

margin-top:40px;

}

}




@media(max-width:600px){


.vyl-sanganer-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-dbee706 *//* =====================================
   SANGANER BUSINESS SECTION
===================================== */


.vyl-sanganer-business{

padding:110px 20px;

background:#ffffff;

}





.vyl-business-layout{

display:grid;

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

gap:60px;

margin-top:60px;

align-items:start;

}





/* CONTENT */


.vyl-business-content h3{

font-size:36px;

line-height:1.3;

color:#132238;

margin-bottom:25px;

}



.vyl-business-content p{

font-size:17px;

line-height:1.9;

color:#64748b;

margin-bottom:20px;

}





/* HIGHLIGHTS */


.vyl-local-highlights{

display:flex;

flex-direction:column;

gap:20px;

margin-top:35px;

}



.vyl-local-highlights div{

display:flex;

gap:20px;

align-items:flex-start;

background:#f8fbff;

padding:25px;

border-radius:22px;

border:1px solid #e8eff8;

transition:.35s;

}



.vyl-local-highlights div:hover{

transform:translateX(8px);

border-color:#0057B8;

}



.vyl-local-highlights span{

width:55px;

height:55px;

background:#0057B8;

color:#fff;

display:flex;

align-items:center;

justify-content:center;

border-radius:16px;

font-weight:800;

flex-shrink:0;

}



.vyl-local-highlights h4{

font-size:21px;

margin:0 0 8px;

color:#132238;

}



.vyl-local-highlights p{

font-size:15px;

margin:0;

}





/* LOCATION */


.vyl-location-card{

position:sticky;

top:30px;

}



.vyl-location-box{

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

padding:40px;

border-radius:30px;

color:#fff;

}



.vyl-location-box h3{

font-size:28px;

margin-bottom:25px;

}



.vyl-location-box ul{

padding:0;

margin:0;

list-style:none;

}



.vyl-location-box li{

padding:12px 0;

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

font-weight:600;

}





/* INDUSTRY */


.vyl-industry-box{

margin-top:25px;

padding:35px;

background:#f8fbff;

border-radius:28px;

}



.vyl-industry-box h4{

font-size:24px;

color:#132238;

margin-bottom:20px;

}



.vyl-industry-grid{

display:flex;

flex-wrap:wrap;

gap:12px;

}



.vyl-industry-grid span{

padding:10px 18px;

border-radius:30px;

background:#fff;

border:1px solid #dce8f8;

color:#0057B8;

font-weight:600;

font-size:14px;

}





/* RESPONSIVE */


@media(max-width:1000px){


.vyl-business-layout{

grid-template-columns:1fr;

}


.vyl-location-card{

position:relative;

}

}



@media(max-width:600px){


.vyl-business-content h3{

font-size:30px;

}



.vyl-local-highlights div{

flex-direction:column;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-55b9023 *//* =====================================
   SANGANER SERVICES SECTION
===================================== */


.vyl-sanganer-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 #e7eef8;

box-shadow:0 15px 45px rgba(15,23,42,.05);

transition:.35s;

}



.vyl-service-card:hover{

transform:translateY(-10px);

box-shadow:0 30px 70px rgba(0,87,184,.15);

}




.vyl-service-icon{

width:65px;

height:65px;

display:flex;

align-items:center;

justify-content:center;

border-radius:18px;

background:#eef6ff;

color:#0057B8;

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{

font-size:15px;

line-height:1.8;

color:#64748b;

}




.vyl-service-card ul{

padding:0;

margin-top:20px;

list-style:none;

}



.vyl-service-card li{

padding:8px 0;

color:#334155;

font-weight:600;

}



.vyl-service-card li::before{

content:"✓";

color:#0057B8;

font-weight:900;

margin-right:10px;

}





/* CONTACT CTA */


.vyl-platform-box{

margin-top:70px;

padding:50px;

border-radius:35px;

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

color:#fff;

text-align:center;

}



.vyl-platform-box h3{

font-size:34px;

margin-bottom:15px;

}



.vyl-platform-box p{

font-size:17px;

line-height:1.8;

max-width:750px;

margin:auto;

opacity:.9;

}





.vyl-contact-buttons{

margin-top:35px;

display:flex;

justify-content:center;

gap:20px;

flex-wrap:wrap;

}



.vyl-call-btn,
.vyl-whatsapp-btn{

padding:17px 35px;

border-radius:15px;

text-decoration:none;

font-weight:700;

transition:.35s;

}



.vyl-call-btn{

background:#fff;

color:#0057B8;

}



.vyl-whatsapp-btn{

background:#25D366;

color:#fff;

}



.vyl-call-btn:hover,
.vyl-whatsapp-btn:hover{

transform:translateY(-5px);

}





/* RESPONSIVE */


@media(max-width:1000px){


.vyl-services-grid{

grid-template-columns:1fr 1fr;

}

}




@media(max-width:650px){


.vyl-services-grid{

grid-template-columns:1fr;

}


.vyl-platform-box{

padding:35px 25px;

}


.vyl-platform-box h3{

font-size:26px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9ab4b0f *//* =====================================
   SANGANER PORTFOLIO
===================================== */


.vyl-sanganer-portfolio{

padding:110px 20px;

background:#ffffff;

}





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

box-shadow:0 15px 45px rgba(15,23,42,.06);

transition:.35s;

}



.vyl-portfolio-card:hover{

transform:translateY(-10px);

box-shadow:0 30px 70px rgba(0,87,184,.15);

}





.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:#fff;

padding:10px 18px;

border-radius:30px;

font-size:13px;

font-weight:700;

}





.vyl-portfolio-content{

padding:30px;

}



.vyl-portfolio-content h3{

font-size:28px;

color:#132238;

margin-bottom:15px;

}



.vyl-portfolio-content p{

font-size:15px;

line-height:1.8;

color:#64748b;

}





.vyl-tags{

display:flex;

flex-wrap:wrap;

gap:10px;

margin-top:20px;

}



.vyl-tags span{

padding:8px 15px;

background:#eef6ff;

color:#0057B8;

border-radius:30px;

font-size:13px;

font-weight:700;

}





/* RESULTS */


.vyl-results-section{

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-section div{

text-align:center;

}



.vyl-results-section strong{

display:block;

font-size:40px;

margin-bottom:10px;

}



.vyl-results-section span{

font-size:15px;

opacity:.9;

}





/* CTA */


.vyl-portfolio-cta{

margin-top:60px;

padding:50px;

border-radius:35px;

background:#f8fbff;

text-align:center;

}



.vyl-portfolio-cta h3{

font-size:34px;

color:#132238;

}



.vyl-portfolio-cta p{

font-size:17px;

color:#64748b;

line-height:1.8;

}





.vyl-portfolio-cta .vyl-contact-buttons{

margin-top:30px;

}





.vyl-call-btn,
.vyl-whatsapp-btn{

display:inline-flex;

padding:16px 35px;

border-radius:15px;

text-decoration:none;

font-weight:700;

}





.vyl-call-btn{

background:#0057B8;

color:#fff;

}



.vyl-whatsapp-btn{

background:#25D366;

color:#fff;

}





@media(max-width:1000px){


.vyl-portfolio-grid{

grid-template-columns:1fr 1fr;

}



.vyl-results-section{

grid-template-columns:1fr 1fr;

}

}




@media(max-width:650px){


.vyl-portfolio-grid{

grid-template-columns:1fr;

}



.vyl-results-section{

grid-template-columns:1fr;

}



.vyl-portfolio-cta{

padding:30px 20px;

}


.vyl-portfolio-cta h3{

font-size:26px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2feaac5 *//* =====================================
   SANGANER TRUST SECTION
===================================== */


.vyl-sanganer-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 #e7eef8;

box-shadow:0 15px 45px rgba(15,23,42,.05);

transition:.35s;

}



.vyl-trust-card:hover{

transform:translateY(-8px);

box-shadow:0 25px 60px rgba(0,87,184,.15);

}





.vyl-review-box{

background:#eef6ff;

padding:20px;

border-radius:20px;

margin-bottom:25px;

}



.vyl-review-box strong{

display:block;

font-size:28px;

color:#0057B8;

}



.vyl-review-box span{

color:#64748b;

}





.vyl-trust-card h3{

font-size:24px;

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-sanganer-timeline{

margin-top:70px;

display:grid;

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

gap:30px;

}



.vyl-sanganer-timeline div{

background:#fff;

padding:35px;

border-radius:25px;

border:1px solid #e7eef8;

}



.vyl-sanganer-timeline span{

width:55px;

height:55px;

background:#0057B8;

color:#fff;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-weight:800;

margin-bottom:20px;

}



.vyl-sanganer-timeline h3{

color:#132238;

}





.vyl-sanganer-timeline p{

color:#64748b;

line-height:1.8;

}







/* CTA */


.vyl-review-cta{

margin-top:70px;

padding:55px;

border-radius:35px;

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

color:#fff;

text-align:center;

}



.vyl-review-cta h3{

font-size:34px;

}



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

padding:17px 35px;

border-radius:15px;

background:#fff;

color:#0057B8;

text-decoration:none;

font-weight:700;

}





@media(max-width:900px){


.vyl-trust-grid,

.vyl-sanganer-timeline{

grid-template-columns:1fr;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7a095c0 *//* =====================================
   SANGANER GLASS CTA SECTION
===================================== */


.vyl-sanganer-final-cta{

padding:100px 20px;

background:#ffffff;

}





.vyl-glass-wrapper{

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;

position:relative;

}





.vyl-glass-wrapper::before{

content:"";

position:absolute;

width:500px;

height:500px;

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

border-radius:50%;

right:-200px;

top:-200px;

}





.vyl-glass-content{

position:relative;

z-index:2;

}




.vyl-glass-content h2{

font-size:45px;

line-height:1.2;

margin:25px 0;

}




.vyl-glass-content p{

font-size:18px;

line-height:1.8;

opacity:.9;

}





/* POINTS */


.vyl-cta-points{

display:grid;

grid-template-columns:1fr 1fr;

gap:15px;

margin:35px 0;

}



.vyl-cta-points div{

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

padding:15px 20px;

border-radius:15px;

font-weight:600;

}





/* BUTTON */


.vyl-contact-buttons{

display:flex;

gap:18px;

flex-wrap:wrap;

}



.vyl-contact-buttons a{

padding:17px 35px;

border-radius:15px;

background:#fff;

color:#0057B8;

text-decoration:none;

font-weight:700;

transition:.3s;

}



.vyl-contact-buttons a:hover{

transform:translateY(-5px);

}





/* CARD */


.vyl-glass-card{

display:flex;

justify-content:center;

align-items:center;

}



.vyl-floating-card-main{

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-floating-card-main img{

width:100px;

height:100px;

object-fit:contain;

background:#fff;

padding:10px;

border-radius:50%;

}




.vyl-floating-card-main h3{

font-size:32px;

margin:20px 0 10px;

}




.vyl-floating-card-main p{

font-size:15px;

}





.vyl-mini-status{

margin-top:15px;

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

padding:12px;

border-radius:15px;

font-weight:600;

}



.vyl-mini-status span{

margin-right:8px;

}





/* 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{

font-size:17px;

color:#64748b;

}





@media(max-width:950px){


.vyl-glass-wrapper{

grid-template-columns:1fr;

padding:45px;

}



.vyl-glass-card{

display:none;

}

}




@media(max-width:600px){


.vyl-glass-wrapper{

padding:30px;

}



.vyl-glass-content h2{

font-size:32px;

}



.vyl-cta-points{

grid-template-columns:1fr;

}



.vyl-faq-intro h2{

font-size:30px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0217618 *//* =====================================
   SANGANER FAQ SECTION
===================================== */


.vyl-sanganer-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:#ffffff;

border-radius:22px;

padding:25px 30px;

border:1px solid #e5edf7;

box-shadow:0 15px 40px rgba(15,23,42,.05);

transition:.35s;

}



.vyl-faq-item:hover{

border-color:#0057B8;

transform:translateY(-3px);

}





.vyl-faq-item summary{

list-style:none;

cursor:pointer;

display:flex;

justify-content:space-between;

align-items:center;

gap:20px;

font-size:19px;

font-weight:700;

color:#132238;

}





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

display:none;

}





.vyl-faq-item summary span{

width:40px;

height:40px;

display:flex;

align-items:center;

justify-content:center;

background:#eef6ff;

color:#0057B8;

border-radius:50%;

font-size:26px;

transition:.3s;

flex-shrink:0;

}





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

transform:rotate(45deg);

background:#0057B8;

color:#fff;

}





.vyl-faq-item p{

margin-top:22px;

font-size:16px;

line-height:1.9;

color:#64748b;

padding-right:40px;

}





/* FAQ CTA BOX */


.vyl-faq-bottom{

margin-top:70px;

padding:55px 40px;

border-radius:35px;

text-align:center;

background:

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

color:#fff;

}




.vyl-faq-bottom h3{

font-size:34px;

margin-bottom:15px;

}



.vyl-faq-bottom p{

font-size:17px;

line-height:1.8;

opacity:.9;

}





/* BUTTONS */


.vyl-faq-bottom .vyl-contact-buttons{

display:flex;

justify-content:center;

gap:20px;

margin-top:30px;

flex-wrap:wrap;

}



.vyl-faq-bottom .vyl-contact-buttons a{

padding:17px 35px;

border-radius:15px;

background:#fff;

color:#0057B8;

text-decoration:none;

font-weight:700;

transition:.35s;

}



.vyl-faq-bottom .vyl-contact-buttons a:hover{

transform:translateY(-5px);

}





/* MOBILE */


@media(max-width:700px){


.vyl-sanganer-faq{

padding:80px 20px;

}



.vyl-faq-item{

padding:20px;

}



.vyl-faq-item summary{

font-size:16px;

}



.vyl-faq-item p{

padding-right:0;

font-size:15px;

}



.vyl-faq-bottom{

padding:35px 25px;

}



.vyl-faq-bottom h3{

font-size:26px;

}


}/* End custom CSS */