.elementor-10418 .elementor-element.elementor-element-abf6b8a{--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-10418 .elementor-element.elementor-element-69e37bb{--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:-60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10418 .elementor-element.elementor-element-0c7073a{--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-10418 .elementor-element.elementor-element-3829568{--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-10418 .elementor-element.elementor-element-34658be{--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-10418 .elementor-element.elementor-element-ebadc90{--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-05342f8 *//* ==========================================
   VYLINO HERO SECTION
========================================== */

.vyl-hero{
    position:relative;
    overflow:hidden;
    padding:110px 20px;
    background:linear-gradient(180deg,#f7fbff 0%,#ffffff 100%);
    font-family:Inter,Arial,sans-serif;
}

.vyl-hero *{
    box-sizing:border-box;
}

.vyl-container{
    max-width:1280px;
    margin:auto;
}

.vyl-hero-grid{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:70px;
    align-items:center;
}

/*==================================
Background Shapes
==================================*/

.vyl-hero::before{

content:"";

position:absolute;

width:520px;
height:520px;

background:rgba(0,87,184,.05);

border-radius:50%;

top:-180px;
right:-180px;

filter:blur(30px);

}

.vyl-hero::after{

content:"";

position:absolute;

width:420px;
height:420px;

background:rgba(29,132,232,.06);

border-radius:50%;

bottom:-220px;
left:-180px;

filter:blur(25px);

}

/*==================================
Left Content
==================================*/

.vyl-badge{

display:inline-flex;

align-items:center;

padding:10px 18px;

border-radius:40px;

background:#eef5ff;

border:1px solid #d9e9ff;

font-size:14px;

font-weight:700;

color:#0057B8;

margin-bottom:28px;

}

.vyl-hero-content h1{

font-size:56px;

font-weight:800;

line-height:1.12;

color:#132238;

margin-bottom:28px;

}

.vyl-hero-content p{

font-size:18px;

line-height:1.9;

color:#64748b;

margin-bottom:40px;

}

/*==================================
Buttons
==================================*/

.vyl-buttons{

display:flex;

gap:18px;

flex-wrap:wrap;

margin-bottom:45px;

}

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

padding:18px 34px;

border-radius:14px;

font-weight:700;

text-decoration:none;

transition:.35s;

display:inline-flex;

align-items:center;

justify-content:center;

}

.vyl-btn-primary{

background:#0057B8;

color:#fff;

box-shadow:0 20px 40px rgba(0,87,184,.22);

}

.vyl-btn-primary:hover{

transform:translateY(-5px);

background:#00499a;

}

.vyl-btn-outline{

border:2px solid #0057B8;

color:#0057B8;

background:#fff;

}

.vyl-btn-outline:hover{

background:#0057B8;

color:#fff;

transform:translateY(-5px);

}

/*==================================
Trust Stats
==================================*/

.vyl-trust{

display:grid;

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

gap:18px;

}

.vyl-trust-item{

background:#fff;

padding:22px;

border-radius:18px;

text-align:center;

border:1px solid #edf2f8;

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

transition:.35s;

}

.vyl-trust-item:hover{

transform:translateY(-8px);

}

.vyl-trust-item strong{

display:block;

font-size:30px;

font-weight:800;

color:#0057B8;

margin-bottom:8px;

}

.vyl-trust-item span{

font-size:14px;

font-weight:600;

color:#64748b;

}

/*==================================
Right Side
==================================*/

.vyl-hero-visual{

position:relative;

}

.vyl-browser{

background:#fff;

border-radius:24px;

overflow:hidden;

border:1px solid #edf2f8;

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

}

.vyl-browser-top{

height:54px;

display:flex;

align-items:center;

gap:10px;

padding:0 22px;

background:#f8fbff;

border-bottom:1px solid #edf2f8;

}

.vyl-browser-top span{

width:12px;

height:12px;

border-radius:50%;

}

.vyl-browser-top span:nth-child(1){

background:#ff605c;

}

.vyl-browser-top span:nth-child(2){

background:#ffbd44;

}

.vyl-browser-top span:nth-child(3){

background:#00ca4e;

}

.vyl-browser-body{

padding:45px;

text-align:center;

}

.vyl-browser-body img{

max-width:190px;

margin-bottom:30px;

}

.vyl-code-window{

background:#0f172a;

border-radius:18px;

padding:28px;

text-align:left;

overflow:auto;

}

.vyl-code-window pre{

margin:0;

color:#6ee7ff;

font-size:15px;

line-height:1.9;

font-family:Consolas,monospace;

}

/*==================================
Floating Cards
==================================*/

.vyl-floating-card{

position:absolute;

display:flex;

align-items:center;

gap:16px;

padding:18px 22px;

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

backdrop-filter:blur(20px);

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

border-radius:18px;

box-shadow:0 25px 60px rgba(15,23,42,.12);

min-width:250px;

transition:.35s;

}

.vyl-floating-card:hover{

transform:translateY(-8px);

}

.vyl-floating-card .icon{

width:56px;

height:56px;

border-radius:16px;

background:#eef6ff;

display:flex;

align-items:center;

justify-content:center;

font-size:24px;

}

.vyl-floating-card h4{

font-size:18px;

margin-bottom:4px;

color:#172033;

}

.vyl-floating-card p{

margin:0;

font-size:14px;

color:#64748b;

line-height:1.6;

}

.card-one{

top:8%;

left:-60px;

}

.card-two{

right:-55px;

top:42%;

}

.card-three{

bottom:8%;

left:-40px;

}

/*==================================
Client Strip
==================================*/

.vyl-client-strip{

margin-top:90px;

padding:30px 35px;

background:#fff;

border-radius:22px;

border:1px solid #edf2f8;

display:flex;

align-items:center;

gap:30px;

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

}

.vyl-client-strip>span{

font-weight:800;

color:#0057B8;

white-space:nowrap;

}

.vyl-client-strip ul{

display:flex;

flex-wrap:wrap;

gap:16px;

margin:0;

padding:0;

list-style:none;

}

.vyl-client-strip li{

padding:10px 18px;

background:#f5f9ff;

border-radius:40px;

font-size:14px;

font-weight:600;

color:#475569;

}

/*==================================
Responsive
==================================*/

@media(max-width:1100px){

.vyl-hero-grid{

grid-template-columns:1fr;

}

.vyl-hero-content{

order:2;

}

.vyl-hero-visual{

order:1;

}

.card-one,
.card-two,
.card-three{

position:relative;

top:auto;
left:auto;
right:auto;
bottom:auto;

margin-top:20px;

}

}

@media(max-width:768px){

.vyl-hero{

padding:80px 20px;

}

.vyl-hero-content h1{

font-size:38px;

}

.vyl-hero-content p{

font-size:16px;

}

.vyl-trust{

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

}

.vyl-browser-body{

padding:25px;

}

.vyl-client-strip{

flex-direction:column;

align-items:flex-start;

}

}

@media(max-width:576px){

.vyl-buttons{

flex-direction:column;

}

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

width:100%;

}

.vyl-trust{

grid-template-columns:1fr;

}

.vyl-floating-card{

min-width:100%;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cb17168 *//*=========================================
SECTION 02 - BUSINESS GROWTH
=========================================*/

.vyl-business-growth{
    position:relative;
    padding:110px 20px;
    background:#ffffff;
    overflow:hidden;
}

.vyl-business-growth *{
    box-sizing:border-box;
}

/* Background */

.vyl-business-growth::before{
    content:"";
    position:absolute;
    width:520px;
    height:520px;
    border-radius:50%;
    background:radial-gradient(circle,#eaf4ff 0%,transparent 70%);
    top:-180px;
    right:-180px;
}

.vyl-business-growth::after{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    border-radius:50%;
    background:radial-gradient(circle,#eef7ff 0%,transparent 70%);
    left:-180px;
    bottom:-180px;
}

/*=========================================
Heading
=========================================*/

.vyl-section-heading{
    max-width:760px;
    margin:0 auto 70px;
    text-align:center;
    position:relative;
    z-index:2;
}

.vyl-label{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 22px;
    border-radius:40px;
    background:#eef6ff;
    border:1px solid #d8e9ff;
    color:#0057B8;
    font-size:14px;
    font-weight:700;
    margin-bottom:22px;
}

.vyl-section-heading h2{
    font-size:48px;
    line-height:1.2;
    font-weight:800;
    color:#132238;
    margin-bottom:20px;
}

.vyl-section-heading p{
    font-size:18px;
    line-height:1.9;
    color:#64748b;
}

/*=========================================
Grid
=========================================*/

.vyl-growth-grid{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:60px;
    align-items:start;
    position:relative;
    z-index:2;
}

/*=========================================
Left Side
=========================================*/

.vyl-highlight{
    padding:30px;
    background:linear-gradient(135deg,#0057B8,#1d84e8);
    border-radius:24px;
    color:#fff;
    margin-bottom:35px;
    box-shadow:0 25px 60px rgba(0,87,184,.18);
}

.vyl-highlight span{
    display:inline-block;
    padding:8px 18px;
    border-radius:30px;
    background:rgba(255,255,255,.18);
    font-size:13px;
    font-weight:700;
    margin-bottom:15px;
}

.vyl-highlight h3{
    font-size:32px;
    line-height:1.3;
    margin:0;
}

.vyl-growth-content>p{
    font-size:17px;
    line-height:1.95;
    color:#5f6d80;
    margin-bottom:28px;
}

/*=========================================
Benefits
=========================================*/

.vyl-benefits{
    margin-top:40px;
    display:flex;
    flex-direction:column;
    gap:20px;
}

.vyl-benefit{
    display:flex;
    gap:22px;
    align-items:flex-start;
    padding:24px;
    background:#fff;
    border:1px solid #edf2f7;
    border-radius:20px;
    transition:.35s;
    box-shadow:0 12px 35px rgba(15,23,42,.05);
}

.vyl-benefit:hover{
    transform:translateX(10px);
    border-color:#0057B8;
}

.vyl-benefit span{
    width:58px;
    height:58px;
    flex-shrink:0;
    border-radius:16px;
    background:#eef6ff;
    color:#0057B8;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    font-weight:800;
}

.vyl-benefit h4{
    font-size:22px;
    margin-bottom:8px;
    color:#162033;
}

.vyl-benefit p{
    margin:0;
    color:#64748b;
    line-height:1.8;
}

/*=========================================
Business Grid
=========================================*/

.vyl-business-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:24px;
}

.vyl-card{
    position:relative;
    padding:35px 30px;
    background:rgba(255,255,255,.75);
    backdrop-filter:blur(16px);
    border:1px solid rgba(225,235,248,.9);
    border-radius:24px;
    transition:.35s;
    box-shadow:0 18px 45px rgba(15,23,42,.06);
    overflow:hidden;
}

.vyl-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:5px;
    height:100%;
    background:#0057B8;
    transform:scaleY(0);
    transform-origin:top;
    transition:.35s;
}

.vyl-card:hover{
    transform:translateY(-8px);
    box-shadow:0 25px 60px rgba(0,87,184,.15);
}

.vyl-card:hover::before{
    transform:scaleY(1);
}

.vyl-card-icon{
    width:70px;
    height:70px;
    border-radius:20px;
    background:#eef6ff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    margin-bottom:22px;
}

.vyl-card h4{
    font-size:22px;
    color:#132238;
    margin-bottom:12px;
}

.vyl-card p{
    font-size:15px;
    line-height:1.8;
    color:#64748b;
    margin:0;
}

/*=========================================
Bottom Strip
=========================================*/

.vyl-bottom-strip{
    margin-top:70px;
    padding:22px 28px;
    border-radius:22px;
    background:linear-gradient(135deg,#0057B8,#1d84e8);
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:18px;
    color:#fff;
    box-shadow:0 25px 70px rgba(0,87,184,.20);
}

.vyl-bottom-strip div{
    text-align:center;
    font-size:15px;
    font-weight:600;
}

/*=========================================
Responsive
=========================================*/

@media(max-width:1100px){

.vyl-growth-grid{
    grid-template-columns:1fr;
}

.vyl-business-grid{
    margin-top:10px;
}

.vyl-bottom-strip{
    grid-template-columns:repeat(3,1fr);
}

}

@media(max-width:768px){

.vyl-business-growth{
    padding:80px 20px;
}

.vyl-section-heading h2{
    font-size:34px;
}

.vyl-section-heading p{
    font-size:16px;
}

.vyl-highlight{
    padding:25px;
}

.vyl-highlight h3{
    font-size:26px;
}

.vyl-business-grid{
    grid-template-columns:1fr;
}

.vyl-bottom-strip{
    grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:576px){

.vyl-benefit{
    flex-direction:column;
}

.vyl-benefit span{
    margin-bottom:5px;
}

.vyl-bottom-strip{
    grid-template-columns:1fr;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1ad0878 *//*======================================
PROCESS SECTION
======================================*/

.vyl-process{

padding:110px 20px;

background:#f8fbff;

overflow:hidden;

}

.vyl-process-timeline{

display:flex;

align-items:center;

justify-content:space-between;

gap:0;

margin-top:70px;

flex-wrap:nowrap;

overflow-x:auto;

padding-bottom:10px;

}

.vyl-process-timeline::-webkit-scrollbar{

height:8px;

}

.vyl-process-timeline::-webkit-scrollbar-thumb{

background:#d6e8ff;

border-radius:20px;

}

.vyl-step{

min-width:240px;

text-align:center;

position:relative;

}

.vyl-step-number{

width:78px;

height:78px;

margin:auto;

border-radius:50%;

background:linear-gradient(135deg,#0057B8,#2a8cff);

display:flex;

align-items:center;

justify-content:center;

font-size:24px;

font-weight:800;

color:#fff;

box-shadow:0 20px 45px rgba(0,87,184,.20);

margin-bottom:28px;

transition:.35s;

}

.vyl-step:hover .vyl-step-number{

transform:translateY(-8px) scale(1.05);

}

.vyl-step-content{

background:#fff;

padding:30px;

border-radius:24px;

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

border:1px solid #edf2f8;

min-height:220px;

transition:.35s;

}

.vyl-step-content:hover{

transform:translateY(-8px);

box-shadow:0 25px 55px rgba(0,87,184,.12);

}

.vyl-step-content h3{

font-size:24px;

margin-bottom:15px;

color:#172033;

}

.vyl-step-content p{

font-size:15px;

line-height:1.9;

color:#64748b;

margin:0;

}

.vyl-line{

width:80px;

height:4px;

background:linear-gradient(90deg,#0057B8,#8dc6ff);

border-radius:30px;

flex-shrink:0;

margin-top:-110px;

}

@media(max-width:992px){

.vyl-process{

padding:80px 20px;

}

.vyl-step{

min-width:280px;

}

}

@media(max-width:768px){

.vyl-step-content{

min-height:auto;

}

.vyl-line{

width:60px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6fc71f6 *//* =====================================
   CASE STUDY SECTION
===================================== */


.vyl-case-study{

padding:110px 20px;

background:#ffffff;

}


.vyl-case-grid{

display:grid;

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

gap:30px;

margin-top:60px;

}



/* CARD */


.vyl-case-card{

background:#fff;

border-radius:28px;

overflow:hidden;

border:1px solid #e9eff7;

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

transition:.4s;

}



.vyl-case-card:hover{

transform:translateY(-12px);

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

}




/* IMAGE */


.vyl-case-image{

height:300px;

position:relative;

overflow:hidden;

}



.vyl-case-image img{

width:100%;

height:100%;

object-fit:cover;

transition:.6s;

}



.vyl-case-card:hover img{

transform:scale(1.08);

}



/* Overlay */


.vyl-overlay{

position:absolute;

bottom:20px;

left:20px;

}



.vyl-overlay span{

background:#0057B8;

color:#fff;

padding:10px 20px;

border-radius:30px;

font-size:13px;

font-weight:700;

}



/* CONTENT */


.vyl-case-content{

padding:30px;

}


.vyl-case-content h3{

font-size:28px;

margin-bottom:15px;

color:#132238;

}



.vyl-case-content p{

font-size:16px;

line-height:1.8;

color:#64748b;

margin-bottom:25px;

}



/* TAGS */


.vyl-tags{

display:flex;

gap:10px;

flex-wrap:wrap;

}



.vyl-tags span{

background:#eef6ff;

color:#0057B8;

padding:8px 15px;

border-radius:30px;

font-size:13px;

font-weight:600;

}





/* RESULT BAR */


.vyl-result-bar{

margin-top:70px;

padding:35px;

border-radius:30px;

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

display:grid;

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

gap:20px;

color:#fff;

}


.vyl-result-bar div{

text-align:center;

}



.vyl-result-bar strong{

display:block;

font-size:38px;

font-weight:800;

margin-bottom:8px;

}


.vyl-result-bar span{

font-size:15px;

opacity:.9;

}





/* RESPONSIVE */


@media(max-width:1000px){


.vyl-case-grid{

grid-template-columns:1fr 1fr;

}


.vyl-result-bar{

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

}


}



@media(max-width:650px){


.vyl-case-grid{

grid-template-columns:1fr;

}


.vyl-result-bar{

grid-template-columns:1fr;

}


.vyl-case-image{

height:240px;

}


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


.vyl-trust-section{

padding:110px 20px;

background:#f8fbff;

}




.vyl-trust-wrapper{

display:grid;

grid-template-columns:1fr 1fr;

gap:60px;

align-items:start;

margin-top:60px;

}



/* LEFT CARDS */


.vyl-trust-content{

display:flex;

flex-direction:column;

gap:22px;

}



.vyl-trust-card{

display:flex;

gap:25px;

background:#fff;

padding:30px;

border-radius:24px;

border:1px solid #e8eef7;

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

transition:.35s;

}



.vyl-trust-card:hover{

transform:translateX(10px);

box-shadow:0 25px 55px rgba(0,87,184,.12);

}



.vyl-trust-icon{

width:65px;

height:65px;

flex-shrink:0;

border-radius:18px;

background:linear-gradient(135deg,#0057B8,#2a8cff);

display:flex;

align-items:center;

justify-content:center;

color:#fff;

font-size:20px;

font-weight:800;

}



.vyl-trust-card h3{

margin:0 0 10px;

font-size:22px;

color:#132238;

}



.vyl-trust-card p{

margin:0;

color:#64748b;

font-size:15px;

line-height:1.8;

}



/* RIGHT COMPARISON */


.vyl-comparison{

background:#fff;

padding:40px;

border-radius:32px;

border:1px solid #e8eef7;

box-shadow:0 25px 60px rgba(15,23,42,.08);

}



.vyl-comparison-head h3{

font-size:32px;

margin-bottom:10px;

color:#132238;

}



.vyl-comparison-head p{

color:#64748b;

margin-bottom:30px;

}



.vyl-compare-row{

display:grid;

grid-template-columns:1fr 1fr;

gap:20px;

padding:18px 0;

border-bottom:1px solid #edf2f7;

font-size:15px;

}



.vyl-compare-row span{

color:#64748b;

}



.vyl-compare-row strong{

color:#0057B8;

}



/* TECHNOLOGY BOX */


.vyl-tech-box{

margin-top:35px;

padding:28px;

background:#f5f9ff;

border-radius:22px;

}



.vyl-tech-box h4{

font-size:22px;

margin-bottom:20px;

color:#132238;

}



.vyl-tech-list{

display:flex;

flex-wrap:wrap;

gap:12px;

}



.vyl-tech-list span{

padding:10px 18px;

border-radius:30px;

background:#fff;

border:1px solid #dbe8f8;

font-size:14px;

font-weight:600;

color:#0057B8;

}





/* RESPONSIVE */


@media(max-width:1000px){

.vyl-trust-wrapper{

grid-template-columns:1fr;

}


}



@media(max-width:600px){


.vyl-trust-card{

flex-direction:column;

}


.vyl-comparison{

padding:25px;

}


.vyl-compare-row{

grid-template-columns:1fr;

gap:8px;

}


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2e9f6c2 *//*====================================
FINAL CTA SECTION
====================================*/


.vyl-final-cta{

padding:100px 20px;

background:#ffffff;

}




.vyl-cta-box{

position:relative;

overflow:hidden;

display:grid;

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

gap:50px;

padding:70px;

border-radius:40px;

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

box-shadow:0 30px 80px rgba(0,87,184,.25);

color:#fff;

}



.vyl-cta-box::before{

content:"";

position:absolute;

width:500px;

height:500px;

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

border-radius:50%;

right:-200px;

top:-200px;

}




.vyl-cta-content{

position:relative;

z-index:2;

}



.vyl-cta-content .vyl-label{

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

border-color:rgba(255,255,255,.2);

color:#fff;

}



.vyl-cta-content h2{

font-size:48px;

line-height:1.2;

margin:25px 0;

font-weight:800;

}



.vyl-cta-content p{

font-size:18px;

line-height:1.9;

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,.12);

padding:15px;

border-radius:15px;

font-size:15px;

font-weight:600;

}


.vyl-cta-points span{

margin-right:8px;

font-weight:800;

}





/* BUTTONS */


.vyl-cta-buttons{

display:flex;

gap:18px;

flex-wrap:wrap;

}



.vyl-main-btn,
.vyl-second-btn{

padding:17px 35px;

border-radius:15px;

text-decoration:none;

font-weight:700;

transition:.35s;

}


.vyl-main-btn{

background:#fff;

color:#0057B8;

}



.vyl-second-btn{

border:2px solid rgba(255,255,255,.5);

color:#fff;

}



.vyl-main-btn:hover,
.vyl-second-btn:hover{

transform:translateY(-5px);

}





/* VISUAL */


.vyl-cta-visual{

display:flex;

align-items:center;

justify-content:center;

position:relative;

}



.vyl-glass-card{

width:280px;

height:350px;

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

backdrop-filter:blur(20px);

border-radius:35px;

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

display:flex;

flex-direction:column;

align-items:center;

justify-content:center;

}



.vyl-circle{

width:90px;

height:90px;

border-radius:50%;

background:#fff;

margin-bottom:25px;

}



.vyl-glass-card h3{

font-size:34px;

margin:0;

}



.vyl-glass-card p{

margin-top:10px;

}





.vyl-mini-ui{

margin-top:30px;

width:180px;

}



.vyl-mini-ui div{

height:10px;

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

margin:12px;

border-radius:20px;

}





/* FLOATING */


.vyl-floating-box{

position:absolute;

background:#fff;

color:#132238;

padding:15px 25px;

border-radius:30px;

font-weight:700;

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

}



.vyl-floating-box.one{

top:20%;

left:0;

}



.vyl-floating-box.two{

right:0;

top:50%;

}



.vyl-floating-box.three{

bottom:15%;

left:20%;

}





/* RESPONSIVE */


@media(max-width:1000px){


.vyl-cta-box{

grid-template-columns:1fr;

padding:45px;

}


.vyl-cta-visual{

display:none;

}



}


@media(max-width:600px){


.vyl-cta-box{

padding:30px;

}



.vyl-cta-content h2{

font-size:32px;

}


.vyl-cta-points{

grid-template-columns:1fr;

}


.vyl-cta-buttons{

flex-direction:column;

}


.vyl-main-btn,
.vyl-second-btn{

text-align:center;

width:100%;

}

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


.vyl-faq-section{

padding:110px 20px;

background:#f8fbff;

}



.vyl-faq-wrapper{

max-width:900px;

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 12px 35px rgba(15,23,42,.05);

transition:.3s;

}



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

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;

border-radius:50%;

background:#eef6ff;

color:#0057B8;

font-size:25px;

}



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

transform:rotate(45deg);

}



.vyl-faq-item p{

margin-top:20px;

font-size:16px;

line-height:1.9;

color:#64748b;

padding-right:40px;

}




/* CTA */


.vyl-faq-bottom{

margin-top:70px;

padding:45px;

text-align:center;

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

border-radius:30px;

color:#fff;

}



.vyl-faq-bottom h3{

font-size:32px;

margin-bottom:15px;

}



.vyl-faq-bottom p{

font-size:17px;

opacity:.9;

margin-bottom:30px;

}



.vyl-faq-bottom a{

display:inline-flex;

padding:16px 35px;

background:#fff;

color:#0057B8;

border-radius:14px;

text-decoration:none;

font-weight:700;

transition:.3s;

}



.vyl-faq-bottom a:hover{

transform:translateY(-5px);

}





@media(max-width:700px){


.vyl-faq-item{

padding:20px;

}



.vyl-faq-item summary{

font-size:17px;

gap:15px;

}



.vyl-faq-bottom{

padding:30px;

}


.vyl-faq-bottom h3{

font-size:25px;

}

}/* End custom CSS */