.elementor-10428 .elementor-element.elementor-element-32be547{--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-10428 .elementor-element.elementor-element-3ea5d2c{--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-10428 .elementor-element.elementor-element-51400b9{--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-8928d58 *//* =====================================
   JHOTWARA HERO SECTION
===================================== */


.vyl-jhotwara-hero{

padding:110px 20px;

background:
linear-gradient(135deg,#f8fbff 0%,#ffffff 60%);

overflow:hidden;

position:relative;

}



.vyl-jhotwara-hero::before{

content:"";

position:absolute;

width:500px;

height:500px;

background:radial-gradient(circle,#ddecff,transparent 70%);

right:-150px;

top:-150px;

}




.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;

}





/* POINTS */


.vyl-hero-points{

display:grid;

grid-template-columns:1fr 1fr;

gap:15px;

margin:35px 0;

}



.vyl-hero-points div{

background:#fff;

padding:15px 18px;

border-radius:15px;

border:1px solid #e7eef7;

font-weight:600;

color:#25354d;

box-shadow:0 10px 30px rgba(15,23,42,.04);

}



.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:35px;

margin-top:45px;

}



.vyl-trust-row div{

display:flex;

flex-direction:column;

}



.vyl-trust-row strong{

font-size:30px;

color:#0057B8;

}



.vyl-trust-row span{

font-size:14px;

color:#64748b;

}





/* IMAGE */


.vyl-hero-image{

position:relative;

display:flex;

justify-content:center;

}



.vyl-image-card{

padding:25px;

background:#fff;

border-radius:35px;

box-shadow:

0 30px 80px rgba(15,23,42,.12);

}



.vyl-image-card img{

width:100%;

max-width:430px;

border-radius:25px;

}





/* FLOATING CARDS */


.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:15%;

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-jhotwara-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-d13f959 *//* =====================================
   JHOTWARA BUSINESS SECTION
===================================== */


.vyl-jhotwara-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;

}





/* LEFT */


.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;

padding:25px;

background:#f8fbff;

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;

flex-shrink:0;

border-radius:16px;

background:#0057B8;

color:#fff;

display:flex;

align-items:center;

justify-content:center;

font-weight:800;

}



.vyl-local-highlights h4{

margin:0 0 8px;

font-size:21px;

color:#132238;

}



.vyl-local-highlights p{

margin:0;

font-size:15px;

}





/* RIGHT */


.vyl-location-card{

position:sticky;

top:30px;

}



.vyl-location-box{

background:linear-gradient(135deg,#0057B8,#1e88ff);

padding:40px;

border-radius:30px;

color:#fff;

box-shadow:0 25px 60px rgba(0,87,184,.2);

}



.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 BOX */


.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{

background:#fff;

padding:10px 18px;

border-radius:30px;

border:1px solid #dce8f8;

font-size:14px;

font-weight:600;

color:#0057B8;

}





/* 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-9c05ebf *//* =====================================
   JHOTWARA SERVICES SECTION
===================================== */


.vyl-jhotwara-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 #e8eff8;

box-shadow:0 15px 40px rgba(15,23,42,.05);

transition:.35s;

position:relative;

overflow:hidden;

}



.vyl-service-card::before{

content:"";

position:absolute;

height:4px;

width:0;

left:0;

top:0;

background:#0057B8;

transition:.35s;

}



.vyl-service-card:hover::before{

width:100%;

}



.vyl-service-card:hover{

transform:translateY(-10px);

box-shadow:0 25px 60px rgba(0,87,184,.15);

}




.vyl-service-icon{

width:65px;

height:65px;

border-radius:18px;

background:#eef6ff;

display:flex;

align-items:center;

justify-content:center;

font-size:20px;

font-weight:800;

color:#0057B8;

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;

margin-bottom:25px;

}



.vyl-service-card a{

text-decoration:none;

font-weight:700;

color:#0057B8;

}





/* BOTTOM CTA */


.vyl-service-bottom{

margin-top:70px;

padding:45px;

border-radius:30px;

background:linear-gradient(135deg,#0057B8,#1d84e8);

display:flex;

align-items:center;

justify-content:space-between;

gap:30px;

color:#fff;

}



.vyl-service-bottom h3{

font-size:32px;

margin-bottom:12px;

}



.vyl-service-bottom p{

max-width:650px;

line-height:1.8;

opacity:.9;

}



.vyl-service-bottom a{

background:#fff;

color:#0057B8;

padding:17px 35px;

border-radius:15px;

text-decoration:none;

font-weight:700;

white-space:nowrap;

}





/* RESPONSIVE */


@media(max-width:1000px){


.vyl-services-grid{

grid-template-columns:1fr 1fr;

}


.vyl-service-bottom{

flex-direction:column;

align-items:flex-start;

}

}



@media(max-width:650px){


.vyl-services-grid{

grid-template-columns:1fr;

}


.vyl-service-bottom{

padding:30px;

}


.vyl-service-bottom h3{

font-size:25px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0d9a8a6 *//* =====================================
   JHOTWARA SERVICES SECTION
===================================== */


.vyl-jhotwara-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 #e8eff8;

box-shadow:0 15px 40px rgba(15,23,42,.05);

transition:.35s;

position:relative;

overflow:hidden;

}



.vyl-service-card::before{

content:"";

position:absolute;

height:4px;

width:0;

left:0;

top:0;

background:#0057B8;

transition:.35s;

}



.vyl-service-card:hover::before{

width:100%;

}



.vyl-service-card:hover{

transform:translateY(-10px);

box-shadow:0 25px 60px rgba(0,87,184,.15);

}




.vyl-service-icon{

width:65px;

height:65px;

border-radius:18px;

background:#eef6ff;

display:flex;

align-items:center;

justify-content:center;

font-size:20px;

font-weight:800;

color:#0057B8;

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;

margin-bottom:25px;

}



.vyl-service-card a{

text-decoration:none;

font-weight:700;

color:#0057B8;

}





/* BOTTOM CTA */


.vyl-service-bottom{

margin-top:70px;

padding:45px;

border-radius:30px;

background:linear-gradient(135deg,#0057B8,#1d84e8);

display:flex;

align-items:center;

justify-content:space-between;

gap:30px;

color:#fff;

}



.vyl-service-bottom h3{

font-size:32px;

margin-bottom:12px;

}



.vyl-service-bottom p{

max-width:650px;

line-height:1.8;

opacity:.9;

}



.vyl-service-bottom a{

background:#fff;

color:#0057B8;

padding:17px 35px;

border-radius:15px;

text-decoration:none;

font-weight:700;

white-space:nowrap;

}





/* RESPONSIVE */


@media(max-width:1000px){


.vyl-services-grid{

grid-template-columns:1fr 1fr;

}


.vyl-service-bottom{

flex-direction:column;

align-items:flex-start;

}

}



@media(max-width:650px){


.vyl-services-grid{

grid-template-columns:1fr;

}


.vyl-service-bottom{

padding:30px;

}


.vyl-service-bottom h3{

font-size:25px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dcd7c12 *//* =====================================
   TRUST / EEAT SECTION
===================================== */


.vyl-jhotwara-trust{

padding:110px 20px;

background:#f8fbff;

}




.vyl-trust-timeline{

max-width:900px;

margin:60px auto;

position:relative;

}



.vyl-trust-timeline::before{

content:"";

position:absolute;

left:35px;

top:0;

bottom:0;

width:2px;

background:#dbeafe;

}





.vyl-timeline-item{

display:flex;

gap:35px;

margin-bottom:45px;

position:relative;

}




.vyl-number{

width:70px;

height:70px;

flex-shrink:0;

background:#0057B8;

color:#fff;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-weight:800;

font-size:18px;

box-shadow:0 15px 30px rgba(0,87,184,.25);

}



.vyl-timeline-content{

background:#fff;

padding:30px;

border-radius:25px;

border:1px solid #e7eef7;

box-shadow:0 15px 40px rgba(15,23,42,.05);

}



.vyl-timeline-content h3{

font-size:25px;

color:#132238;

margin-bottom:12px;

}



.vyl-timeline-content p{

font-size:16px;

line-height:1.8;

color:#64748b;

margin:0;

}





/* STATS */


.vyl-tech-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:25px;

margin-top:70px;

}



.vyl-tech-grid div{

background:#fff;

padding:30px;

border-radius:22px;

text-align:center;

border:1px solid #e8eff8;

}



.vyl-tech-grid strong{

display:block;

font-size:38px;

color:#0057B8;

margin-bottom:10px;

}



.vyl-tech-grid span{

color:#64748b;

font-size:15px;

}





/* CTA */


.vyl-eeat-box{

margin-top:70px;

padding:45px;

background:linear-gradient(135deg,#0057B8,#1d84e8);

border-radius:35px;

display:flex;

justify-content:space-between;

align-items:center;

gap:30px;

color:#fff;

}



.vyl-eeat-box h3{

font-size:32px;

margin-bottom:15px;

}



.vyl-eeat-box p{

line-height:1.8;

max-width:700px;

opacity:.9;

}



.vyl-eeat-box a{

background:#fff;

color:#0057B8;

padding:16px 35px;

border-radius:15px;

text-decoration:none;

font-weight:700;

white-space:nowrap;

}





@media(max-width:900px){


.vyl-tech-grid{

grid-template-columns:1fr 1fr;

}


.vyl-eeat-box{

flex-direction:column;

align-items:flex-start;

}

}




@media(max-width:600px){


.vyl-trust-timeline::before{

display:none;

}



.vyl-timeline-item{

flex-direction:column;

gap:20px;

}



.vyl-tech-grid{

grid-template-columns:1fr;

}


.vyl-eeat-box{

padding:30px;

}


.vyl-eeat-box h3{

font-size:25px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9fd32fe *//* =====================================
   JHOTWARA FINAL CTA
===================================== */


.vyl-jhotwara-final-cta{

padding:100px 20px;

background:#ffffff;

}





.vyl-glass-cta{

position:relative;

overflow:hidden;

display:grid;

grid-template-columns:1.1fr .9fr;

gap:50px;

padding:70px;

border-radius:40px;

background:

linear-gradient(
135deg,
#0057B8,
#1e88ff
);

color:#fff;

box-shadow:

0 30px 80px rgba(0,87,184,.25);

}



.vyl-glass-cta::before{

content:"";

position:absolute;

width:450px;

height:450px;

background:rgba(255,255,255,.12);

border-radius:50%;

right:-150px;

top:-150px;

}




.vyl-cta-content{

position:relative;

z-index:2;

}



.vyl-cta-content h2{

font-size:46px;

line-height:1.2;

margin:25px 0;

}



.vyl-cta-content p{

font-size:18px;

line-height:1.8;

opacity:.9;

}





/* FEATURES */


.vyl-cta-features{

display:grid;

grid-template-columns:1fr 1fr;

gap:15px;

margin:35px 0;

}



.vyl-cta-features div{

background:rgba(255,255,255,.15);

padding:15px;

border-radius:15px;

font-weight:600;

}



.vyl-cta-features span{

margin-right:8px;

}





/* BUTTONS */


.vyl-cta-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;

}



.vyl-primary-btn{

background:#fff;

color:#0057B8;

}



.vyl-outline-btn{

border:2px solid rgba(255,255,255,.5);

color:#fff;

}





/* SIDE CARD */


.vyl-cta-side{

display:flex;

align-items:center;

justify-content:center;

position:relative;

}



.vyl-dashboard-card{

width:280px;

padding:40px;

background:rgba(255,255,255,.18);

backdrop-filter:blur(20px);

border-radius:35px;

text-align:center;

border:1px solid rgba(255,255,255,.3);

}



.vyl-logo-circle img{

width:90px;

height:90px;

object-fit:contain;

background:#fff;

border-radius:50%;

padding:10px;

}



.vyl-dashboard-card h3{

font-size:30px;

margin:20px 0 10px;

}



.vyl-dashboard-card p{

font-size:14px;

}



.vyl-progress span{

display:block;

height:8px;

background:rgba(255,255,255,.5);

border-radius:20px;

margin:15px;

}





/* FLOATING */


.vyl-floating{

position:absolute;

background:#fff;

color:#132238;

padding:14px 25px;

border-radius:30px;

font-weight:700;

box-shadow:0 20px 40px rgba(0,0,0,.15);

}



.vyl-floating.one{

top:25%;

left:0;

}



.vyl-floating.two{

bottom:25%;

right:0;

}





/* 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-glass-cta{

grid-template-columns:1fr;

padding:45px;

}


.vyl-cta-side{

display:none;

}

}




@media(max-width:600px){


.vyl-glass-cta{

padding:30px;

}



.vyl-cta-content h2{

font-size:32px;

}



.vyl-cta-features{

grid-template-columns:1fr;

}



.vyl-faq-heading h2{

font-size:30px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9e08f51 *//* =====================================
   JHOTWARA FAQ SECTION
===================================== */


.vyl-jhotwara-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;

border:1px solid #e6edf7;

padding:25px 30px;

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:20px;

font-weight:700;

color:#132238;

}



.vyl-faq-item summary::-webkit-details-marker{

display:none;

}





.vyl-faq-item summary span{

width:38px;

height:38px;

display:flex;

align-items:center;

justify-content:center;

background:#eef6ff;

color:#0057B8;

border-radius:50%;

font-size:26px;

font-weight:500;

transition:.3s;

}





.vyl-faq-item[open] summary span{

transform:rotate(45deg);

background:#0057B8;

color:#fff;

}





.vyl-faq-item p{

margin-top:20px;

padding-right:50px;

font-size:16px;

line-height:1.9;

color:#64748b;

}




/* FAQ CTA */


.vyl-faq-bottom{

margin-top:70px;

padding:50px 40px;

text-align:center;

border-radius:35px;

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;

opacity:.9;

line-height:1.8;

margin-bottom:30px;

}





.vyl-faq-bottom a{

display:inline-flex;

align-items:center;

justify-content:center;

background:#fff;

color:#0057B8;

padding:17px 38px;

border-radius:15px;

text-decoration:none;

font-weight:700;

transition:.35s;

}



.vyl-faq-bottom a:hover{

transform:translateY(-5px);

}





/* MOBILE */

@media(max-width:700px){


.vyl-jhotwara-faq{

padding:80px 20px;

}



.vyl-faq-item{

padding:20px;

}



.vyl-faq-item summary{

font-size:17px;

}



.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 */