/*=========================================================
Vaibhhavv V Lamba
Premium Service Pages v2
=========================================================*/
:root{
--primary:#2f8d3d;
--primary-dark:#256d31;
--primary-light:#edf8ef;
--border:#dbe8dc;
--heading:#1e1e1e;
--text:#606975;
--bg:#fafcfb;
--radius:24px;
}
.vvl-box{
max-width:1180px;
margin:70px auto;
background:#fff;
border:1px solid var(--border);
border-radius:30px;
padding:65px;
position:relative;
overflow:hidden;
box-shadow:0 25px 70px rgba(0,0,0,.05);
}
.vvl-box:before{
content:"";
position:absolute;
width:320px;
height:320px;
background:var(--primary-light);
border-radius:50%;
right:-170px;
top:-170px;
}
.vvl-box:after{
content:"";
position:absolute;
width:220px;
height:220px;
background:#f7faf7;
border-radius:50%;
left:-120px;
bottom:-120px;
}
.vvl-content{
position:relative;
z-index:5;
}
.vvl-tag{
display:inline-block;
padding:10px 22px;
background:var(--primary-light);
color:var(--primary);
font-size:14px;
font-weight:600;
border-radius:40px;
letter-spacing:.4px;
margin-bottom:20px;
}
.vvl-title{
font-size:58px;
font-weight:700;
line-height:1.15;
color:var(--heading);
margin-bottom:25px;
}
.vvl-title span{
color:var(--primary);
}
.vvl-desc{
font-size:18px;
line-height:1.7;
color:var(--text);
margin-bottom:22px;
}
.vvl-btn{
display:inline-block;
padding:16px 34px;
background:var(--primary);
color:#fff;
border-radius:60px;
font-weight:600;
text-decoration:none;
transition:.35s;
margin-right:15px;
}
.vvl-btn:hover{
background:var(--primary-dark);
color:#fff;
transform:translateY(-3px);
}
.vvl-btn-outline{
display:inline-block;
padding:15px 34px;
border:2px solid var(--primary);
border-radius:60px;
color:var(--primary);
font-weight:600;
text-decoration:none;
transition:.35s;
}
.vvl-btn-outline:hover{
background:var(--primary);
color:#fff;
}
.vvl-image{
overflow:hidden;
border-radius:25px;
}
.vvl-image img{
width:100%;
transition:.6s;
}
.vvl-image:hover img{
transform:scale(1.05);
}
/* TRUST */
.vvl-strip{
max-width:1180px;
margin:40px auto 80px;
background:#fff;
border:1px solid var(--border);
border-radius:26px;
padding:0;
box-shadow:0 18px 50px rgba(0,0,0,.04);
overflow:hidden;
}
.vvl-strip-item{
padding:45px 35px;
text-align:center;
border-right:1px solid var(--border);
height:100%;
transition:.35s;
}
.vvl-strip-item:last-child{
border-right:none;
}
.vvl-strip-item:hover{
background:#fbfefb;
}
.vvl-circle{
width:78px;
height:78px;
background:var(--primary-light);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
margin:0 auto 22px;
font-size:28px;
color:var(--primary);
}
.vvl-strip-item h3{
font-size:24px;
font-weight:700;
margin-bottom:15px;
color:var(--heading);
}
.vvl-strip-item p{
font-size:16px;
line-height:1.9;
color:var(--text);
margin:0;
}
/* Responsive */
@media(max-width:991px){
.vvl-box{
padding:40px;
}
.vvl-title{
font-size:40px;
}
}
@media(max-width:767px){
.vvl-box{
padding:25px;
margin:40px auto;
}
.vvl-title{
font-size:32px;
}
.vvl-desc{
font-size:16px;
}
.vvl-btn,
.vvl-btn-outline{
display:block;
margin:12px 0;
text-align:center;
}
.vvl-strip-item{
border-right:none;
border-bottom:1px solid var(--border);
}
.vvl-strip-item:last-child{
border-bottom:none;
}
}
/*==================================================
SECTION TITLE
==================================================*/
.vvl-heading{
text-align:center;
margin-bottom:10px;
}
.vvl-heading span{
display:inline-block;
padding:8px 20px;
border-radius:40px;
background:#edf8ef;
color:var(--primary);
font-size:14px;
font-weight:600;
margin-bottom:18px;
letter-spacing:.5px;
}
.vvl-heading h2{
font-size:42px;
font-weight:700;
color:var(--heading);
margin-bottom:20px;
line-height:1.25;
}
.vvl-heading p{
max-width:900px;
margin:auto;
font-size:18px;
line-height:1.7;
color:var(--text);
}
/*========================================
FEATURE CARDS
========================================*/
.vvl-feature{
background:#fff;
border:1px solid var(--border);
border-radius:24px;
padding:40px;
height:100%;
transition:.35s;
position:relative;
overflow:hidden;
}
.vvl-feature:before{
content:"";
position:absolute;
left:0;
top:0;
height:5px;
width:100%;
background:var(--primary);
transform:scaleX(0);
transition:.35s;
}
.vvl-feature:hover:before{
transform:scaleX(1);
}
.vvl-feature:hover{
transform:translateY(-8px);
box-shadow:0 20px 45px rgba(0,0,0,.08);
}
.vvl-feature-icon{
width:72px;
height:72px;
border-radius:18px;
background:var(--primary-light);
display:flex;
align-items:center;
justify-content:center;
font-size:28px;
color:var(--primary);
margin-bottom:25px;
}
.vvl-feature h3{
font-size:24px;
font-weight:700;
margin-bottom:18px;
color:var(--heading);
}
.vvl-feature p{
font-size:17px;
line-height:1.9;
color:var(--text);
margin:0;
}
/*====================================
TRIO SECTION
====================================*/
.vvl-trio{
background:#fafcfb;
border-radius:30px;
padding:70px 50px;
border:1px solid var(--border);
}
.vvl-trio-card{
text-align:center;
padding:35px;
position:relative;
}
.vvl-trio-card:after{
content:"";
position:absolute;
right:-15px;
top:90px;
width:30px;
height:2px;
background:var(--primary);
}
.vvl-trio-card:last-child:after{
display:none;
}
.vvl-number{
width:80px;
height:80px;
border-radius:50%;
background:var(--primary);
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-size:32px;
font-weight:700;
margin:auto auto 25px;
}
.vvl-trio-card h3{
font-size:28px;
font-weight:700;
margin-bottom:10px;
}
.vvl-trio-card h4{
color:var(--primary);
font-size:18px;
margin-bottom:18px;
font-weight:600;
}
.vvl-trio-card p{
font-size:17px;
line-height:1.9;
color:var(--text);
}
/*==================================
COMPARISON
==================================*/
.vvl-compare{
overflow:hidden;
border-radius:25px;
border:1px solid var(--border);
box-shadow:0 15px 45px rgba(0,0,0,.05);
}
.vvl-compare table{
margin:0;
}
.vvl-compare th{
background:var(--primary);
color:#fff;
padding:22px;
font-size:20px;
text-align:center;
}
.vvl-compare td{
padding:20px;
font-size:17px;
text-align:center;
vertical-align:middle;
}
.vvl-compare tr:nth-child(even){
background:#f8fbf8;
}
.vvl-bad{
color:#d32f2f;
font-weight:600;
}
.vvl-good{
color:var(--primary);
font-weight:700;
}
@media(max-width:991px){
.vvl-trio-card:after{
display:none;
}
}
/*====================================
PROBLEMS WE SOLVE
====================================*/
.vvl-problem{
background:#fff;
border:1px solid var(--border);
border-radius:22px;
padding:30px;
height:100%;
transition:.35s;
display:flex;
align-items:flex-start;
}
.vvl-problem:hover{
transform:translateY(-8px);
box-shadow:0 20px 45px rgba(0,0,0,.08);
border-color:var(--primary);
}
.vvl-problem-icon{
width:62px;
height:62px;
background:var(--primary-light);
border-radius:16px;
display:flex;
align-items:center;
justify-content:center;
font-size:24px;
color:var(--primary);
margin-right:20px;
flex-shrink:0;
}
.vvl-problem h3{
font-size:22px;
margin-bottom:12px;
font-weight:700;
color:var(--heading);
}
.vvl-problem p{
margin:0;
font-size:16px;
line-height:1.8;
color:var(--text);
}
/*======================================
BENEFITS GRID
======================================*/
.vvl-benefit{
background:#fff;
padding:25px;
border-radius:20px;
border:1px solid var(--border);
text-align:center;
height:100%;
transition:.3s;
}
.vvl-benefit:hover{
background:var(--primary);
transform:translateY(-8px);
}
.vvl-benefit:hover i,
.vvl-benefit:hover h4,
.vvl-benefit:hover p{
color:#fff;
}
.vvl-benefit i{
font-size:42px;
color:var(--primary);
margin-bottom:18px;
transition:.3s;
}
.vvl-benefit h4{
font-size:21px;
font-weight:700;
margin-bottom:12px;
transition:.3s;
}
.vvl-benefit p{
font-size:16px;
line-height:1.8;
margin:0;
transition:.3s;
}
/*=========================================
PROCESS
=========================================*/
.vvl-process{
position:relative;
padding-left:70px;
margin-bottom:45px;
}
.vvl-process:last-child{
margin-bottom:0;
}
.vvl-process:before{
content:"";
position:absolute;
left:22px;
top:0;
bottom:-45px;
width:2px;
background:var(--border);
}
.vvl-process:last-child:before{
display:none;
}
.vvl-step{
position:absolute;
left:0;
top:0;
width:46px;
height:46px;
border-radius:50%;
background:var(--primary);
color:#fff;
font-weight:700;
display:flex;
align-items:center;
justify-content:center;
font-size:18px;
}
.vvl-process h3{
font-size:25px;
margin-bottom:15px;
font-weight:700;
color:var(--heading);
}
.vvl-process p{
font-size:17px;
line-height:1.9;
color:var(--text);
margin:0;
}
/*====================================
WHO SHOULD CONSULT
====================================*/
.vvl-person-card{
background:#fff;
border:1px solid var(--border);
border-radius:22px;
padding:28px;
height:100%;
transition:.35s;
position:relative;
overflow:hidden;
}
.vvl-person-card:before{
content:"";
position:absolute;
left:0;
top:0;
width:5px;
height:100%;
background:var(--primary);
}
.vvl-person-card:hover{
transform:translateY(-8px);
box-shadow:0 20px 40px rgba(0,0,0,.08);
}
.vvl-person-card h3{
font-size:22px;
font-weight:700;
margin-bottom:15px;
color:var(--heading);
}
.vvl-person-card p{
font-size:16px;
line-height:1.9;
margin:0;
color:var(--text);
}
/*====================================
LIFE AREAS
====================================*/
.vvl-life-box{
background:linear-gradient(135deg,#ffffff,#f7fbf8);
border:1px solid var(--border);
border-radius:20px;
padding:30px;
height:100%;
transition:.35s;
}
.vvl-life-box:hover{
border-color:var(--primary);
transform:translateY(-6px);
}
.vvl-life-box i{
font-size:36px;
color:var(--primary);
margin-bottom:18px;
}
.vvl-life-box h4{
font-size:22px;
font-weight:700;
margin-bottom:15px;
}
/*====================================
LOCAL SECTION
====================================*/
.vvl-local{
background:linear-gradient(135deg,#2f8d3d,#256d31);
border-radius:28px;
padding:60px;
color:#fff;
}
.vvl-local h2{
color:#fff;
font-size:40px;
margin-bottom:25px;
}
.vvl-local p{
font-size:18px;
line-height:1.7;
color:#fff;
}
.vvl-local ul{
margin-top:25px;
columns:2;
padding-left:18px;
}
.vvl-local li{
margin-bottom:12px;
}
/*==================================================
TESTIMONIALS
==================================================*/
.vvl-testimonial{
background:#fff;
border:1px solid var(--border);
border-radius:24px;
padding:35px;
height:100%;
transition:.35s;
position:relative;
}
.vvl-testimonial:hover{
transform:translateY(-8px);
box-shadow:0 20px 45px rgba(0,0,0,.08);
}
.vvl-testimonial:before{
content:"\201C";
position:absolute;
right:25px;
top:20px;
font-size:90px;
color:#edf8ef;
font-family:Georgia;
line-height:1;
}
.vvl-stars{
color:#f4b400;
font-size:18px;
margin-bottom:20px;
}
.vvl-testimonial p{
font-size:17px;
line-height:1.9;
margin-bottom:25px;
color:var(--text);
}
.vvl-client{
font-weight:700;
font-size:18px;
color:var(--heading);
}
.vvl-location{
font-size:15px;
color:#888;
}
/*==================================================
PREMIUM FAQ
==================================================*/
/*=====================================================
PREMIUM FAQ
======================================================*/
.vvl-faqs{
max-width:1000px;
margin:60px auto 0;
}
.vvl-faq-item{
background:#fff;
border:1px solid #d9e9dc;
border-radius:18px;
margin-bottom:18px;
overflow:hidden;
transition:.35s;
box-shadow:0 10px 30px rgba(30,60,40,.04);
}
.vvl-faq-item:hover{
border-color:#2f8d3d;
box-shadow:0 15px 35px rgba(47,141,61,.08);
}
.vvl-faq-question{
display:flex;
justify-content:space-between;
align-items:center;
cursor:pointer;
padding:24px 28px;
background:#fff;
transition:.35s;
}
.vvl-faq-question:hover{
background:#f7fbf8;
}
.vvl-faq-question h3{
margin:0;
font-size:20px;
font-weight:600;
color:#1d1d1d;
line-height:1.5;
}
.vvl-faq-icon{
width:42px;
height:42px;
border-radius:50%;
background:#edf8ef;
color:#2f8d3d;
display:flex;
align-items:center;
justify-content:center;
font-size:26px;
font-weight:300;
transition:.35s;
flex-shrink:0;
}
.vvl-faq-item.active .vvl-faq-icon{
background:#2f8d3d;
color:#fff;
transform:rotate(45deg);
}
.vvl-faq-answer{
display:none;
padding:0 28px 28px;
color:#5d6470;
font-size:17px;
line-height:1.9;
border-top:1px solid #edf2ee;
background:#fcfefd;
}
.vvl-faq-item.active .vvl-faq-answer{
display:block;
}
/*=====================================================
PREMIUM FINAL CTA
======================================================*/
.vvl-final{
position:relative;
overflow:hidden;
background:#fff;
border:1px solid #d8e8dc;
border-radius:32px;
padding:70px;
box-shadow:0 25px 60px rgba(22,62,30,.08);
}
.vvl-final:before{
content:"";
position:absolute;
width:380px;
height:380px;
background:#edf8ef;
border-radius:50%;
top:-220px;
right:-170px;
}
.vvl-final:after{
content:"";
position:absolute;
width:260px;
height:260px;
background:#f7fbf8;
border-radius:50%;
left:-120px;
bottom:-120px;
}
.vvl-final-content{
position:relative;
z-index:5;
}
.vvl-badge{
display:inline-flex;
align-items:center;
padding:10px 22px;
border-radius:40px;
background:#edf8ef;
color:#2f8d3d;
font-weight:600;
font-size:14px;
letter-spacing:.5px;
margin-bottom:25px;
}
.vvl-final h2{
font-size:52px;
line-height:1.2;
font-weight:700;
color:#1d1d1d;
margin-bottom:25px;
}
.vvl-final h2 span{
color:#2f8d3d;
}
.vvl-final p{
font-size:18px;
line-height:1.7;
color:#5f6773;
margin-bottom:35px;
max-width:620px;
}
.vvl-points{
display:flex;
flex-wrap:wrap;
gap:15px;
margin-bottom:40px;
margin-top: 20px;
}
.vvl-points span{
display:flex;
align-items:center;
padding: 6px 8px;
background:#f8fbf8;
border:1px solid #dcebdd;
border-radius:40px;
font-size:12px;
font-weight:500;
color:#555;
}
.vvl-points i{
color:#2f8d3d;
margin-right:10px;
font-size:14px;
}
.vvl-actions{
display:flex;
gap:18px;
flex-wrap:wrap;
}
.vvl-btn-green{
padding:17px 34px;
background:#2f8d3d;
color:#fff;
border-radius:60px;
font-weight:600;
text-decoration:none;
transition:.35s;
}
.vvl-btn-green:hover{
background:#256d31;
color:#fff;
transform:translateY(-3px);
}
.vvl-btn-white{
padding:17px 34px;
border:2px solid #2f8d3d;
border-radius:60px;
font-weight:600;
text-decoration:none;
color:#2f8d3d;
transition:.35s;
background:#fff;
}
.vvl-btn-white:hover{
background:#edf8ef;
color:#256d31;
}
.vvl-side{
display:flex;
justify-content:center;
align-items:center;
height:100%;
position:relative;
z-index:5;
}
.vvl-circle{
width:270px;
height:270px;
border-radius:50%;
background:linear-gradient(135deg,#edf8ef,#d8eedc);
display:flex;
align-items:center;
justify-content:center;
}
.vvl-circle i{
font-size:90px;
color:#2f8d3d;
opacity:.9;
}
@media(max-width:991px){
.vvl-final{
padding:40px;
}
.vvl-final h2{
font-size:38px;
}
.vvl-side{
margin-top:50px;
}
}
/*==================================================
LOCAL COVERAGE
==================================================*/
.vvl-location{
position:relative;
background:linear-gradient(135deg,#ffffff 0%,#f8fcf9 45%,#eef8f0 100%);
border:1px solid #dcebdd;
border-radius:28px;
padding:55px;
overflow:hidden;
}
.vvl-location:before{
content:"";
position:absolute;
top:-140px;
right:-120px;
width:320px;
height:320px;
border-radius:50%;
background:rgba(47,141,61,.05);
}
.vvl-location:after{
content:"";
position:absolute;
left:-120px;
bottom:-120px;
width:250px;
height:250px;
border-radius:50%;
background:rgba(47,141,61,.04);
}
.vvl-location-content{
position:relative;
z-index:2;
}
.vvl-location-tag{
display:inline-flex;
align-items:center;
padding:10px 20px;
background:#edf8ef;
color:#2f8d3d;
border-radius:50px;
font-size:14px;
font-weight:600;
margin-bottom:20px;
}
.vvl-location-tag i{
margin-right:8px;
}
.vvl-location h2{
font-size:42px;
font-weight:700;
color:#1d1d1d;
margin-bottom:20px;
}
.vvl-location p{
font-size:18px;
line-height:1.9;
color:#5d6470;
max-width:900px;
margin-bottom:35px;
}
.vvl-location-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:16px;
}
.vvl-location-item{
background:#fff;
border:1px solid #dbe8dc;
border-radius:14px;
padding:16px 20px;
font-weight:600;
color:#2f8d3d;
transition:.35s;
display:flex;
align-items:center;
}
.vvl-location-item i{
margin-right:10px;
font-size:14px;
}
.vvl-location-item:hover{
background:#2f8d3d;
color:#fff;
transform:translateY(-3px);
box-shadow:0 12px 30px rgba(47,141,61,.18);
}
@media(max-width:991px){
.vvl-location-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:576px){
.vvl-location{
padding:30px;
}
.vvl-location h2{
font-size:32px;
}
.vvl-location-grid{
grid-template-columns:1fr;
}
}
/*==========================================
UNDERSTANDING NUMEROLOGY
==========================================*/
.vvl-numero{
position:relative;
background:linear-gradient(135deg,#ffffff,#fbfefb);
border:1px solid #dcebdd;
border-radius:28px;
padding:60px;
overflow:hidden;
}
.vvl-numero:before{
content:"";
position:absolute;
right:-140px;
top:-140px;
width:320px;
height:320px;
border-radius:50%;
background:rgba(47,141,61,.05);
}
.vvl-numero-content{
position:relative;
z-index:2;
}
.vvl-numero-intro{
max-width:920px;
margin:auto;
text-align:center;
margin-bottom:25px;
}
.vvl-numero-intro p{
font-size: 17px;
line-height:1.7;
color:#5d6470;
margin:0;
}
.vvl-numero-feature{
background:#fff;
border:1px solid #dcebdd;
border-radius:20px;
padding:35px;
height:100%;
transition:.35s;
}
.vvl-numero-feature:hover{
transform:translateY(-6px);
box-shadow:0 18px 40px rgba(47,141,61,.08);
}
.vvl-numero-icon{
width:72px;
height:72px;
background:#edf8ef;
border-radius:18px;
display:flex;
align-items:center;
justify-content:center;
font-size:30px;
color:#2f8d3d;
margin-bottom:25px;
}
.vvl-numero-feature h3{
font-size:28px;
margin-bottom:18px;
font-weight:700;
color:#1d1d1d;
}
.vvl-numero-feature p{
margin:0;
font-size:17px;
line-height:1.9;
color:#5d6470;
}
.vvl-numero-strip{
margin-top:45px;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:18px;
}
.vvl-numero-box{
background:#edf8ef;
border-radius:18px;
padding:22px;
text-align:center;
}
.vvl-numero-box h4{
margin-bottom:10px;
font-size:20px;
font-weight:700;
color:#2f8d3d;
}
.vvl-numero-box p{
margin:0;
font-size:15px;
line-height:1.7;
color:#555;
}
@media(max-width:991px){
.vvl-numero{
padding:35px;
}
.vvl-numero-strip{
grid-template-columns:1fr;
}
}
/*=========================================
PREMIUM TESTIMONIALS
=========================================*/
.vvl-review-card{
position:relative;
background:#fff;
border:1px solid #dcebdd;
border-radius:22px;
padding:28px;
height:100%;
transition:.35s;
overflow:hidden;
box-shadow:0 12px 30px rgba(25,70,35,.05);
}
.vvl-review-card:hover{
transform:translateY(-6px);
border-color:#2f8d3d;
box-shadow:0 18px 45px rgba(47,141,61,.10);
}
.vvl-review-card:before{
content:"❝";
position:absolute;
right:18px;
top:10px;
font-size:80px;
color:#edf8ef;
font-family:Georgia;
line-height:1;
}
.vvl-review-stars{
font-size:18px;
color:#2f8d3d;
letter-spacing:2px;
margin-bottom:18px;
}
.vvl-review-text{
font-size:16px;
line-height:1.9;
color:#5d6470;
margin-bottom:25px;
}
.vvl-review-user{
display:flex;
align-items:center;
border-top:1px solid #edf2ee;
padding-top:20px;
}
.vvl-review-avatar{
width:56px;
height:56px;
border-radius:50%;
background:linear-gradient(135deg,#2f8d3d,#6ab779);
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-size:20px;
font-weight:700;
margin-right:16px;
flex-shrink:0;
}
.vvl-review-info h4{
margin:0;
font-size:18px;
font-weight:700;
color:#1d1d1d;
}
.vvl-review-info span{
display:block;
font-size:14px;
color:#777;
margin-top:4px;
}
.vvl-review-location{
display:inline-flex;
align-items:center;
margin-top:8px;
padding:6px 12px;
border-radius:30px;
background:#edf8ef;
color:#2f8d3d;
font-size:13px;
font-weight:600;
}
.vvl-review-location i{
margin-right:6px;
font-size:12px;
}
/*=====================================
TRIO METHOD - COMPACT
=====================================*/
.vvl-trio-section{
margin-top:45px;
}
.vvl-trio-item{
position:relative;
background:#fff;
border:1px solid #dcebdd;
border-radius:18px;
padding:28px 22px;
text-align:center;
height:100%;
transition:.35s;
box-shadow:0 8px 25px rgba(0,0,0,.04);
}
.vvl-trio-item:hover{
transform:translateY(-6px);
border-color:#2f8d3d;
box-shadow:0 18px 40px rgba(47,141,61,.10);
}
.vvl-trio-icon{
width:70px;
height:70px;
margin:auto;
margin-bottom:18px;
background:#edf8ef;
border-radius:18px;
display:flex;
align-items:center;
justify-content:center;
font-size:28px;
color:#2f8d3d;
}
.vvl-trio-step{
display:inline-block;
padding:6px 14px;
border-radius:30px;
background:#f4faf5;
color:#2f8d3d;
font-size:12px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
margin-bottom:12px;
}
.vvl-trio-item h3{
font-size:24px;
font-weight:700;
margin-bottom:8px;
color:#222;
}
.vvl-trio-item h5{
color:#2f8d3d;
font-size:17px;
font-weight:600;
margin-bottom:16px;
}
.vvl-trio-item p{
margin:0;
font-size:15px;
line-height:1.8;
color:#666;
}
.vvl-trio-connect{
margin:35px 0;
text-align:center;
font-size:22px;
color:#2f8d3d;
font-weight:700;
letter-spacing:2px;
}
.vvl-trio-summary{
margin-top:35px;
background:#f8fcf9;
border-left:4px solid #2f8d3d;
border-radius:14px;
padding:22px 26px;
font-size:17px;
line-height:1.9;
color:#555;
}
/*==================================================
WHY CHOOSE US - PREMIUM
==================================================*/
.vvl-why{
position:relative;
margin-top:45px;
}
.vvl-why-main{
background:linear-gradient(135deg,#ffffff,#fbfefb);
border:1px solid #dcebdd;
border-radius:26px;
padding:45px;
overflow:hidden;
}
.vvl-why-main:before{
content:"";
position:absolute;
width:260px;
height:260px;
border-radius:50%;
right:-140px;
top:-140px;
background:rgba(47,141,61,.05);
}
.vvl-why-main>*{
position:relative;
z-index:2;
}
.vvl-why-list{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:18px;
margin-top:35px;
}
.vvl-why-item{
display:flex;
align-items:flex-start;
background:#fff;
border:1px solid #dcebdd;
border-radius:18px;
padding:22px;
transition:.35s;
}
.vvl-why-item:hover{
border-color:#2f8d3d;
transform:translateY(-5px);
box-shadow:0 15px 35px rgba(47,141,61,.08);
}
.vvl-why-icon{
width:56px;
height:56px;
background:#edf8ef;
color:#2f8d3d;
border-radius:16px;
display:flex;
align-items:center;
justify-content:center;
font-size:22px;
flex-shrink:0;
margin-right:18px;
}
.vvl-why-text h3{
font-size:21px;
margin-bottom:8px;
font-weight:700;
color:#1f1f1f;
}
.vvl-why-text p{
margin:0;
font-size:15px;
line-height:1.8;
color:#666;
}
.vvl-why-footer{
margin-top:35px;
display:flex;
align-items:center;
justify-content:space-between;
padding:20px 24px;
background:#edf8ef;
border-radius:18px;
}
.vvl-why-footer h4{
margin:0;
font-size:20px;
color:#2f8d3d;
font-weight:700;
}
.vvl-why-footer span{
display:block;
font-size:15px;
color:#555;
}
.vvl-why-btn{
display:inline-block;
background:#2f8d3d;
color:#fff;
padding:14px 28px;
border-radius:40px;
text-decoration:none;
font-weight:600;
transition:.3s;
}
.vvl-why-btn:hover{
background:#256d31;
color:#fff;
}
@media(max-width:991px){
.vvl-why-list{
grid-template-columns:1fr;
}
.vvl-why-footer{
flex-direction:column;
text-align:center;
gap:20px;
}
}
/*==========================================
PREMIUM INFO STRIP
==========================================*/
.vvl-strip{
margin-top:40px;
}
.vvl-strip-card{
display:flex;
align-items:flex-start;
padding:28px;
background:#fff;
border:1px solid #dfece1;
border-radius:22px;
height:100%;
transition:.35s;
position:relative;
overflow:hidden;
box-shadow:0 10px 30px rgba(0,0,0,.04);
}
.vvl-strip-card:hover{
transform:translateY(-6px);
border-color:#2f8d3d;
box-shadow:0 20px 45px rgba(47,141,61,.10);
}
.vvl-strip-card:before{
content:"";
position:absolute;
right:-60px;
top:-60px;
width:140px;
height:140px;
border-radius:50%;
background:rgba(47,141,61,.04);
}
.vvl-strip-icon{
width:72px;
height:72px;
min-width:72px;
border-radius:18px;
background:linear-gradient(135deg,#edf8ef,#dff2e3);
display:flex;
align-items:center;
justify-content:center;
font-size:28px;
color:#2f8d3d;
margin-right:20px;
}
.vvl-strip-content{
position:relative;
z-index:2;
}
.vvl-strip-content span{
display:inline-block;
padding:5px 12px;
background:#edf8ef;
border-radius:30px;
font-size:11px;
font-weight:700;
letter-spacing:1px;
text-transform:uppercase;
color:#2f8d3d;
margin-bottom:10px;
}
.vvl-strip-content h3{
font-size:26px;
font-weight:700;
margin-bottom:12px;
line-height:1.25;
color:#222;
}
.vvl-strip-content p{
margin:0;
font-size:15px;
line-height:1.8;
color:#666;
}
@media(max-width:991px){
.vvl-strip-card{
margin-bottom:20px;
}
}
.vvl-final-content p{
font-size: 17px;
line-height: 1.7;
color: #5d6470;
margin: 0;
}
.vvl-location-content p{
font-size: 17px;
line-height: 1.7;
color: #5d6470;
margin-bottom: 20px;
}