/** Shopify CDN: Minification failed

Line 1719:0 Unexpected "}"
Line 4055:1 Expected "}" to go with "{"

**/
/*==============================
DESIGN TOKENS
==============================*/

:root{

--navy:#061B5A;
--teal:#22C7C8;
--bg:#F8FAFC;
--text:#64748B;
--white:#FFFFFF;

--container:1440px;

--section-space:140px;

--radius-xl:32px;
--radius-lg:24px;
--radius-md:18px;

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

}

/* ===========================
   HERO
=========================== */

.wd-hero{
    position:relative;
    overflow:hidden;
    min-height:850px;
    display:flex;
    align-items:center;
}

.wd-hero-bg{
    position:absolute;
    inset:0;
    z-index:1;
}

.wd-hero-bg img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.wd-hero-overlay{
    position:absolute;
    inset:0;
    z-index:2;
    background:
        linear-gradient(
            90deg,
            rgba(248,250,252,.97) 0%,
            rgba(248,250,252,.92) 28%,
            rgba(248,250,252,.72) 48%,
            rgba(248,250,252,.25) 68%,
            rgba(248,250,252,0) 100%
        );
}

.wd-hero-container{
    position:relative;
    z-index:3;
    width:100%;
    max-width:1400px;
    margin:auto;
    padding:80px 48px;
}

.wd-hero-content{
    max-width:640px;
}

.wd-eyebrow{

display:inline-block;
font-size:14px;
font-weight:700;
letter-spacing:2px;
text-transform:uppercase;
color:#22C7C8;
margin-bottom:18px;
}

.wd-title{
    font-size:56px;
    line-height:1.02;
    color:#061B5A;
    font-weight:700;
    margin:0 0 30px;
}

.wd-description{
    max-width:560px;
    font-size:22px;
    line-height:1.7;
    color:#59657C;
    margin-bottom:40px;
}

.wd-buttons{
    display:flex;
    gap:20px;
    margin-bottom:55px;
}

.wd-btn-primary{
display:inline-flex;
align-items:center;
justify-content:center;
padding:18px 34px;
background:#061B5A;
color:#ffffff;
font-size:16px;
font-weight:700;
text-decoration:none;
border-radius:14px;
transition:all .3s ease;
border:2px solid #FFFFFF;
width:fit-content;
}

.wd-btn-primary:hover{
background:#22C7C8;
border-color:#22C7C8;
color:#061B5A;
transform:translateY(-2px);
}

.wd-btn-secondary{
display:inline-flex;
align-items:center;
justify-content:center;
padding:18px 34px;
background:#FFFFFF;
color:#061B5A;
font-size:16px;
font-weight:700;
text-decoration:none;
border-radius:14px;
transition:all .3s ease;
border:2px solid #061B5A;
width:fit-content;
}

.wd-btn-secondary:hover{
background:#22C7C8;
border-color:#22C7C8;
color:#061B5A;
transform:translateY(-2px);
}
/* Button Icons */

.wd-btn-primary,
.wd-btn-secondary{

display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;

}

.wd-btn-primary svg,
.wd-btn-secondary svg{

width:18px;
height:18px;
flex-shrink:0;
transition:transform .3s ease;

}

.wd-btn-primary:hover svg{

transform:translateX(4px);

}

.wd-btn-secondary:hover svg{

transform:rotate(90deg);

}

.wd-stats{
display:flex;
gap:45px;
}

.wd-stat{
    display:flex;
    flex-direction:column;
}

.wd-stat strong{
    font-size:22px;
    color:#061B5A;
}

.wd-stat span{
    font-size:15px;
    color:#6B7280;
}

/* ==========================
   HERO PROFILE
========================== */

.wd-profile-wrap{

position:absolute;

right:70px;

bottom:20px;

width:380px;

height:640px;

z-index:20;

}

/* Frosted Glass */

.wd-profile-glass{

position:absolute;

top:0;

left:35px;

width:300px;

height:420px;

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

backdrop-filter:blur(8px);

-webkit-backdrop-filter:blur(18px);

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

border-radius:24px;

overflow:hidden;

display:flex;

justify-content:center;

align-items:flex-end;

z-index:1;
box-shadow:
0 25px 80px rgba(255,255,255,.25) inset,
0 30px 80px rgba(15,23,42,.10);

}

/* Michael */

.wd-michael{

position:absolute;

bottom:0;

left:50%;

transform:translateX(-50%);

height:420px;

width:auto;

max-width:none;

object-fit:contain;

}

/* Card */

.wd-profile-card{

position:absolute;

left:35px;

top:175px;

width:300px;

background:#fff;

padding:30px;

border-radius:22px;

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

z-index:3;

}

/* Heading */

.wd-profile-card h3{

margin:0;

font-size:32px;

font-weight:700;

line-height:1.05;

color:#061B5A;

}

/* Role */

.wd-role{

display:block;

margin-top:8px;

margin-bottom:18px;

font-size:17px;

color:#6B7280;

}

/* Divider */

.wd-divider{

width:110px;

height:3px;

background:#22C7C8;

border-radius:30px;

margin-bottom:22px;

}

/* Features */

.wd-feature{

display:flex;

align-items:center;

gap:14px;

margin-bottom:18px;

}

.wd-feature svg{

flex-shrink:0;

}

.wd-feature span{

font-size:16px;

font-weight:500;

color:#455468;

line-height:1.5;

}

/* CTA */

.wd-profile-link{

margin-top:12px;

display:flex;

justify-content:space-between;

align-items:center;

text-decoration:none;

font-size:18px;

font-weight:700;

color:#061B5A;

transition:.3s;

}

.wd-profile-link:hover{

color:#22C7C8;

}

/* =====================================
   MOBILE HERO
===================================== */

@media screen and (max-width: 991px){

.wd-hero{
    min-height:auto;
    padding:0;
}

.wd-hero-overlay{
    background:
    linear-gradient(
        180deg,
        rgba(248,250,252,.94) 0%,
        rgba(248,250,252,.82) 45%,
        rgba(248,250,252,.55) 100%
    );
}

.wd-hero-container{
    display:flex;
    flex-direction:column;
    padding:60px 24px;
}

.wd-hero-content{
    max-width:100%;
    text-align:center;
}

.wd-eyebrow{
    font-size:12px;
    letter-spacing:1.5px;
}

.wd-title{
    font-size:38px;
    line-height:1.1;
    margin-bottom:20px;
}

.wd-description{
    font-size:18px;
    line-height:1.6;
    margin:0 auto 32px;
}

.wd-buttons{
    flex-direction:column;
    gap:14px;
    margin-bottom:40px;
}

.wd-btn-primary,
.wd-btn-secondary{
    width:100%;
    justify-content:center;
}

.wd-stats{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
    margin-bottom:50px;
}

.wd-stat{
    text-align:center;
}

.wd-stat strong{
    font-size:20px;
}

.wd-stat span{
    font-size:14px;
    line-height:1.4;
}

/* ---------- Profile ---------- */

.wd-profile-wrap{
    position:relative;
    right:auto;
    bottom:auto;
    width:100%;
    height:560px;
    margin-top:20px;
}

.wd-profile-glass{
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    width:260px;
    height:340px;
}

.wd-michael{
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    height:340px;
    width:auto;
}

.wd-profile-card{
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    top:150px;
    width:280px;
    padding:24px;
}

.wd-profile-card h3{
    font-size:28px;
}

.wd-role{
    font-size:16px;
}

.wd-feature{
    margin-bottom:16px;
}

.wd-feature span{
    font-size:15px;
}

.wd-profile-link{
    font-size:17px;
}

}

@media screen and (max-width:390px){

.wd-title{
    font-size:34px;
}

.wd-description{
    font-size:17px;
}

.wd-profile-wrap{
    height:520px;
}

.wd-profile-glass{
    width:240px;
    height:320px;
}

.wd-michael{
    height:320px;
}

.wd-profile-card{
    width:260px;
    top:145px;
    padding:20px;
}

.wd-profile-card h3{
    font-size:24px;
}
}

/* ===========================
   ANNOUNCEMENT BAR
=========================== */

.wd-announcement{
    width:100%;
    background:#FFFFFF;
    border-bottom:1px solid #E5E7EB;
    position:relative;
    z-index:1000;
}

.wd-announcement-container{
    max-width:1400px;
    margin:0 auto;
    padding:12px 48px;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.wd-announcement-left{
    display:flex;
    align-items:center;
    gap:32px;
}

.wd-announcement-item{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:13px;
    font-weight:500;
    color:#061B5A;
}

.wd-dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#2CC9C3;
    flex-shrink:0;
}

.wd-announcement-right{
    display:flex;
    align-items:center;
    gap:20px;
    font-size:13px;
    font-weight:500;
    color:#061B5A;
}

.wd-announcement-right button{
    background:transparent;
    border:none;
    cursor:pointer;
    color:#061B5A;
    font-size:13px;
    font-weight:600;
    padding:0;
}

/* ======================================
   ANNOUNCEMENT BAR
====================================== */

@media screen and (max-width:991px){

.wd-announcement{
    display:block;
    width:100%;
    background:#fff;
    border-bottom:1px solid #E5E7EB;
}

.wd-announcement-container{

    padding:12px 20px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:12px;
}

.wd-announcement-left{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:14px;
    flex-wrap:wrap;
}

.wd-announcement-item{
    font-size:12px;
    line-height:1.4;
    white-space:nowrap;
}

.wd-announcement-right{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:16px;
    width:100%;
    font-size:12px;
}

.wd-announcement-right button{
    font-size:12px;
}

.wd-announcement-item:nth-child(3),
.wd-announcement-item:nth-child(4),
.wd-announcement-right{

display:none;

}
.wd-dot{
    width:6px;
    height:6px;
}
}

/* ===========================
   LOGO STRIP
=========================== */

.wd-logo-strip{
    background:#061B5A;
    padding:80px 0;
}

.wd-logo-heading{
    text-align:center;
    font-size:18px;
    color:#fff;
    margin-bottom:50px;
}

.wd-logo-grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:40px;
    align-items:center;
}

.wd-logo-item{
    display:flex;
    justify-content:center;
    align-items:center;
}

.wd-logo-item img{
    max-width:140px;
    max-height:60px;
    width:auto;
    opacity:.65;
    transition:.35s ease;
    filter:grayscale(100%);
}

.wd-logo-item img:hover{
    opacity:1;
    filter:none;
}

@media(max-width:991px){

.wd-logo-grid{
    grid-template-columns:repeat(2,1fr);
    gap:30px;
}

}

/* ===========================
   SOLUTIONS
=========================== */

.wd-solutions{
    padding:80px 0;
    background:#F8FAFC;
}

.wd-section-heading{
    max-width:700px;
    margin:0 auto 70px;
    text-align:center;
}

.wd-section-heading span{
    color:#22C7C8;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
}

.wd-section-heading h2{
    font-size:54px;
    color:#061B5A;
    margin:18px 0;
}

.wd-section-heading p{
    color:#64748B;
    font-size:18px;
    line-height:1.8;
}

.wd-solutions-grid{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:32px;
align-items:stretch;
}


.wd-solution-card{
    background:#fff;
    border-radius:24px;
    overflow:hidden;
    transition:.35s ease;
    box-shadow:0 15px 40px rgba(15,23,42,.08);
}

.wd-solution-card:hover{
    transform:translateY(-8px);
}

.wd-solution-card img{
    width:100%;
    height:260px;
    object-fit:cover;
}

.wd-solution-content{
    
display:flex;
flex-direction:column;
flex:1;
padding:36px;
}

.wd-solution-content h3{
    font-size:28px;
    color:#061B5A;
    margin-bottom:14px;
}

.wd-solution-content p{
    color:#64748B;
    line-height:1.8;
    margin-bottom:24px;
}

.wd-solution-content a{
    color:#061B5A;
    text-decoration:none;
    font-weight:700;
}

/* ====================================
   SOLUTIONS mobile
==================================== */

@media(max-width:991px){

.wd-solutions-grid{
display:grid;
grid-template-columns:1fr;
gap:20px;
}

.wd-solution-card{
padding:24px;
border-radius:24px;
min-height:auto;
}

.wd-solution-card img{
height:auto;
margin-bottom:24px;
object-fit:cover;
}

.wd-solution-card h3{
font-size:16px;
line-height:1.2;
margin-bottom:16px;
}

.wd-solution-card p{
margin-bottom:0;
line-height:1.7;
}
}

/* ===========================
   CATEGORIES
=========================== */

.wd-category{

padding:100px 0;

background:#F8FAFC;

}

.wd-container{

max-width:1400px;

margin:auto;

padding:0 40px;

}

.wd-category-heading{

text-align:center;

max-width:760px;

margin:0 auto 70px;

}

.wd-category-heading .wd-eyebrow{

display:inline-block;

font-size:14px;

font-weight:700;

letter-spacing:2px;

text-transform:uppercase;

color:#22C7C8;

margin-bottom:18px;

}

.wd-category-heading h2{

font-size:58px;

line-height:1.1;

color:#061B5A;

margin-bottom:22px;

}

.wd-category-heading p{

font-size:20px;

line-height:1.8;

color:#64748B;

}

.wd-category-grid{

display:grid;

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

gap:32px;

}

.wd-category-card{

display:flex;
flex-direction:column;
height:auto%;
background:#fff;
border-radius:24px;
overflow:hidden;
text-decoration:none;
box-shadow:0 15px 40px rgba(15,23,42,.08);
transition:.35s ease;
}

.wd-category-card:hover{

transform:translateY(-8px);

box-shadow:0 30px 70px rgba(0,0,0,.12);

}

.wd-category-image{

height:250px;

display:flex;

justify-content:center;

align-items:center;

padding:30px;

background:#fff;

}

.wd-category-image img{

max-width:100%;

max-height:190px;

object-fit:contain;

transition:.35s ease;

}

.wd-category-card:hover img{

transform:scale(1.05);

}

.wd-category-content{

display:flex;
flex-direction:column;
flex:1;
padding:28px;
}

.wd-category-content h3{

font-size:30px;

color:#061B5A;

margin-bottom:10px;

font-weight:700;

}

.wd-category-content p{

font-size:16px;

color:#64748B;

margin-bottom:22px;

}

.wd-category-link{

margin-top:auto;

font-weight:700;

color:#061B5A;

}

/* ==========================================
   CATEGORY - TABLET
========================================== */

@media (max-width:991px){

.wd-category{

padding:70px 0;

}

.wd-container{

padding:0 24px;

}

.wd-category-heading{

margin:0 auto 48px;

}

.wd-category-heading h2{

font-size:44px;

line-height:1.15;

margin-bottom:18px;

}

.wd-category-heading p{

font-size:17px;

line-height:1.7;

max-width:600px;

margin:auto;

}

.wd-category-grid{

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

gap:20px;

}

.wd-category-image{

height:190px;

padding:22px;

}

.wd-category-image img{

max-height:140px;

}

.wd-category-content{

padding:22px;

}

.wd-category-content h3{

font-size:22px;

margin-bottom:8px;

}

.wd-category-content p{

font-size:15px;

margin-bottom:18px;

}

}
/* ==========================================
   CATEGORY - PHONE
========================================== */

@media (max-width:640px){

.wd-category{

padding:60px 0;

}

.wd-container{

padding:0 18px;

}

.wd-category-heading{

margin-bottom:40px;

}

.wd-category-heading .wd-eyebrow{

font-size:12px;

letter-spacing:1.5px;

}

.wd-category-heading h2{

font-size:34px;

line-height:1.2;

margin-bottom:16px;

}

.wd-category-heading p{

font-size:16px;

line-height:1.7;

}

.wd-category-grid{

grid-template-columns:1fr;

gap:18px;

}

.wd-category-card{

border-radius:20px;

}

.wd-category-image{

height:180px;

padding:20px;

}

.wd-category-image img{

max-height:135px;

}

.wd-category-content{

padding:20px;

}

.wd-category-content h3{

font-size:21px;

}

.wd-category-content p{

font-size:15px;

margin-bottom:16px;

}

.wd-category-link{

font-size:15px;

}

}

/*========================
EXPERT GUIDANCE
=========================*/

.wd-guidance{
    padding:80px 0;
    background:#fff;
}

.wd-guidance-wrapper{
max-width:1400px;
margin:0 auto;
display:grid;
grid-template-columns:42% 58%;
border-radius:24px;
overflow:hidden;
background:#061B5A;
}

.wd-guidance-content p{
font-size:18px;
line-height:1.8;
color:#FFFFFF;
opacity:.9;
margin:0 0 36px;
}

.wd-guidance-content{
padding:70px 60px;
display:flex;
flex-direction:column;
justify-content:center;
}

.wd-guidance-label{
display:inline-block;
font-size:14px;
font-weight:700;
letter-spacing:2px;
text-transform:uppercase;
color:#22C7C8;
margin-bottom:18px;
}

.wd-guidance-content h2{
font-size:56px;
line-height:1.1;
color:#fff;
margin:0 0 24px;
}

.wd-guidance-content h2{
font-size:56px;
line-height:1.1;
margin:20px 0 28px;
color:#fff;
}

.wd-guidance-content ul{
list-style:none;
padding:0;
margin:0 0 40px;
}

.wd-guidance-content li{
position:relative;
padding-left:34px;
margin-bottom:18px;
font-size:17px;
line-height:1.8;
color:#fff;
}

.wd-guidance-content li::before{
content:"✓";
position:absolute;
left:0;
top:0;
color:#22C7C8;
font-weight:700;
font-size:18px;
}

.wd-guidance-image{
position:relative;
min-height:650px;
}

.wd-guidance-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.wd-guidance-stats{
position:absolute;
left:50%;
bottom:35px;
transform:translateX(-50%);
background:#fff;
border-radius:20px;
padding:28px 40px;
display:grid;
grid-template-columns:repeat(3,1fr);
gap:40px;
width:78%;
box-shadow:0 25px 70px rgba(0,0,0,.12);
}

.wd-guidance-stats div{
    text-align:center;
}

.wd-guidance-stats strong{
display:block;
font-size:30px;
color:#061B5A;
margin-bottom:8px;
}

.wd-guidance-stats span{
font-size:15px;
color:#64748B;
}

/* ======================================
   EXPERT GUIDANCE - TABLET
====================================== */

@media screen and (max-width:991px){

.wd-guidance{

padding:70px 0;

}

.wd-guidance-wrapper{

display:flex;

flex-direction:column;

gap:0;

margin:0 24px;

border-radius:24px;

overflow:hidden;

}

.wd-guidance-content{

padding:50px 32px;

text-align:center;

}

.wd-guidance-label{

font-size:12px;

letter-spacing:1.5px;

}

.wd-guidance-content h2{

font-size:42px;

line-height:1.2;

margin:18px 0;

}

.wd-guidance-content p{

font-size:17px;

line-height:1.7;

margin-bottom:30px;

}

.wd-guidance-content ul{

display:inline-block;

text-align:left;

margin-bottom:34px;

}

.wd-guidance-content li{

font-size:16px;

margin-bottom:14px;

}

.wd-guidance-image{

min-height:auto;

}

.wd-guidance-image img{

width:100%;

height:420px;

object-fit:cover;

display:block;

}

.wd-guidance-stats{

position:relative;

left:auto;

bottom:auto;

transform:none;

width:calc(100% - 48px);

margin:-50px auto 24px;

display:grid;

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

gap:16px;

padding:24px;

border-radius:20px;

}

.wd-guidance-stats strong{

font-size:24px;

}

.wd-guidance-stats span{

font-size:13px;

}

}

/* ======================================
   EXPERT GUIDANCE - PHONE
====================================== */

@media screen and (max-width:640px){

.wd-guidance{

padding:60px 0;

}

.wd-guidance-wrapper{

margin:0 18px;

}

.wd-guidance-content{

padding:40px 24px;

}

.wd-guidance-content h2{

font-size:34px;

line-height:1.25;

}

.wd-guidance-content p{

font-size:16px;

}

.wd-guidance-image img{

height:260px;

}

.wd-guidance-stats{

grid-template-columns:1fr;

gap:18px;

padding:22px;

margin:-40px 18px 18px;

}

}

/*=================================
TRUSTED BRANDS
==================================*/

.wd-trusted{
    padding:90px 0;
    background:#fff;
}

.wd-trusted .page-width{
    max-width:1400px;
    margin:auto;
    padding:0 48px;
}

.wd-trusted-heading{
    max-width:760px;
    margin:0 auto 70px;
    text-align:center;
}

.wd-trusted-heading .wd-label{
    display:inline-block;
    color:#22C7C8;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
    margin-bottom:18px;
}

.wd-trusted-heading h2{
    font-size:56px;
    color:#061B5A;
    line-height:1.1;
    margin-bottom:22px;
}

.wd-trusted-heading p{
    font-size:18px;
    color:#64748B;
    line-height:1.9;
}

.wd-brand-grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:40px;
    align-items:center;
}

.wd-brand-item{
    height:120px;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#F8FAFC;
    border-radius:24px;
    transition:.35s ease;
}

.wd-brand-item:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 40px rgba(15,23,42,.08);
}

.wd-brand-item img{
    width:140px;
    opacity:.6;
    filter:grayscale(100%);
    transition:.35s ease;
}

.wd-brand-item:hover img{
    opacity:1;
    filter:none;
}

@media(max-width:991px){

.wd-brand-grid{
grid-template-columns:repeat(2,1fr);
gap:24px;
}

.wd-trusted-heading h2{
font-size:40px;
}

}
/*=================================
COMPLETE SOLUTIONS
=================================*/

.wd-solutions{
    padding:140px 0;
    background:#F8FAFC;
}

.wd-solutions .page-width{
    max-width:1400px;
    margin:0 auto;
    padding:0 48px;
}

.wd-solutions-heading,
.wd-category-heading,
.wd-featured-header,
.wd-brands-header{

max-width:760px;
margin:0 auto 60px;
text-align:center;

}
}

.wd-label{
    display:inline-block;
    color:#22C7C8;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:18px;
}

.wd-solutions-heading h2{
    font-size:56px;
    line-height:1.1;
    color:#061B5A;
    margin:0 0 24px;
}

.wd-solutions-heading p{
    font-size:18px;
    line-height:1.9;
    color:#64748B;
}

.wd-solutions-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:32px;
}

.wd-solution-card{

display:flex;
flex-direction:column;
height:100%;
background:#fff;
border-radius:24px;
overflow:hidden;
box-shadow:0 15px 40px rgba(15,23,42,.08);
transition:.35s ease;
}

.wd-solution-card:hover{
    transform:translateY(-10px);
    box-shadow:0 15px 40px rgba(15,23,42,.08);
}

.wd-solution-card img{
    width:100%;
    height:260px;
    object-fit:cover;
    display:block;
}

.wd-solution-content{
    padding:36px;
}

.wd-card-number{
    width:54px;
    height:54px;
    background:#061B5A;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    margin-bottom:24px;
}

.wd-solution-content h3{
    font-size:28px;
    color:#061B5A;
    margin-bottom:16px;
}

.wd-solution-content p{
    color:#64748B;
    line-height:1.9;
    margin-bottom:26px;
}

.wd-solution-content a{

margin-top:auto;
display:inline-flex;
align-items:center;
gap:8px;
font-weight:700;
text-decoration:none;
color:#061B5A;
}

.wd-solution-content a:hover{
    color:#22C7C8;
}

@media(max-width:991px){

.wd-solutions{
    padding:80px 0;
}

.wd-solutions .page-width{
    padding:0 24px;
}

.wd-solutions-heading h2{
    font-size:40px;
}

.wd-solutions-grid{
    grid-template-columns:1fr;
}

}
.wd-rating{

margin:14px 0;

color:#FDBA12;

font-size:15px;

font-weight:600;

}

.wd-rating span{

margin-left:8px;

color:#64748B;

}

.wd-product-shipping{

margin:18px 0;

font-size:15px;

color:#22C7C8;

font-weight:600;

}

.wd-product-button{

display:flex;
justify-content:center;
align-items:center;
height:52px;
border-radius:12px;
background:#061B5A;
color:#fff;
font-weight:600;
text-decoration:none;
transition:.35s ease;

}

.wd-product-button:hover{

background:#22C7C8;

color:#061B5A;

}
/* ==========================================
   FEATURED PRODUCTS - TABLET
========================================== */

@media screen and (max-width:991px){

.wd-featured-products{

padding:70px 0;

}

.wd-featured-header{

max-width:600px;

margin:0 auto 50px;

padding:0 24px;

}

.wd-featured-header h2{

font-size:42px;

line-height:1.15;

margin:16px 0;

}

.wd-featured-header p{

font-size:17px;

line-height:1.7;

}

.wd-featured-grid{

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

gap:20px;

padding:0 24px;

}

.wd-product-image{

height:220px;

padding:24px;

}

.wd-product-image img{

max-height:160px;

}

.wd-product-info{

padding:22px;

}

.wd-product-info h3{

font-size:22px;

min-height:auto;

margin:10px 0;

}

.wd-product-price{

font-size:28px;

margin:16px 0;

}

.wd-product-button{

height:52px;

font-size:15px;

}

}
/* ==========================================
   FEATURED PRODUCTS - PHONE
========================================== */

@media screen and (max-width:640px){

.wd-featured-products{

padding:60px 0;

}

.wd-featured-header{

padding:0 18px;

margin-bottom:40px;

}

.wd-featured-header .wd-eyebrow{

font-size:12px;

letter-spacing:1.5px;

}

.wd-featured-header h2{

font-size:34px;

line-height:1.2;

margin-bottom:14px;

}

.wd-featured-header p{

font-size:16px;

line-height:1.7;

}

.wd-featured-grid{

grid-template-columns:1fr;

gap:18px;

padding:0 18px;

}

.wd-product-card{

border-radius:20px;

}

.wd-product-image{

height:200px;

padding:20px;

}

.wd-product-image img{

max-height:150px;

}

.wd-product-info{

padding:20px;

}

.wd-product-brand{

font-size:12px;

}

.wd-product-info h3{

font-size:20px;

line-height:1.4;

margin:10px 0;

min-height:auto;

}

.wd-rating{

font-size:14px;

}

.wd-product-price{

font-size:30px;

margin:14px 0;

}

.wd-product-shipping{

font-size:14px;

margin-bottom:18px;

}

.wd-product-button{

height:50px;

font-size:15px;

border-radius:12px;

}

}
/*=========================
TRUSTED BRANDS
==========================*/

.wd-brands{

padding:90px 0;

background:#fff;

}

.wd-brands-header{

max-width:760px;
margin:auto;
text-align:center;
margin-bottom:70px;

}

.wd-solutions-heading h2,
.wd-category-heading h2,
.wd-featured-header h2,
.wd-brands-header h2{

font-size:56px;
line-height:1.1;
font-weight:700;
color:#061B5A;
margin:0 0 20px;

}

.wd-solutions-heading p,
.wd-category-heading p,
.wd-featured-header p,
.wd-brands-header p{

font-size:18px;
line-height:1.8;
color:#64748B;
margin:0 auto;
max-width:700px;
}
.wd-brands-grid{

display:grid;
grid-template-columns:repeat(4,1fr);
gap:28px;
}

.wd-brand-card{

background:#fff;
border:1px solid #E5E7EB;
border-radius:24px;
padding:40px 25px;
text-align:center;
text-decoration:none;
transition:.35s ease;
}

.wd-brand-card:hover{
transform:translateY(-8px);
box-shadow:0 15px 40px rgba(15,23,42,.08);
}

.wd-brand-card img{
height:60px;
width:auto;
max-width:180px;
object-fit:contain;
margin:0 auto 25px;
display:block;
}

.wd-brand-card h4{
font-size:22px;
font-weight:700;
color:#061B5A;
margin-bottom:10px;
}

.wd-brand-card span{
font-size:15px;
color:#22C7C8;
font-weight:600;
}

.wd-brand-button{
margin-top:60px;
text-align:center;
}

.wd-brand-button a{

display:inline-flex;
align-items:center;
justify-content:center;
padding:18px 38px;
background:#061B5A;
color:#fff;
border-radius:14px;
text-decoration:none;
font-weight:600;
transition:.35s ease;
}

.wd-brand-button a:hover{
background:#22C7C8;
color:#061B5A;
}

@media (max-width:991px){

    .wd-brands-grid{

        display:grid;

        grid-template-columns:1fr;

        gap:20px;

    }

    .wd-brand-card{

        padding:24px 24px;

        border-radius:18px;

    }

    .wd-brand-card img{

        display:block;

        height:56px;

        width:auto;

        max-width:200px;

        margin:0 auto 10px;

        object-fit:contain;

    }

    .wd-brand-card h4{

        font-size:22px;

        margin-bottom:8px;

    }

    .wd-brand-card span{

        font-size:16px;

        font-weight:500;

        letter-spacing:.2px;

    }

}

/*======================================
PROJECTS ACROSS AFRICA
======================================*/

.wd-projects-africa{

padding:100px 0;
background:#F8FAFC;
}

.wd-projects-header{
max-width:760px;
margin:0 auto 60px;
text-align:center;
}

.wd-projects-layout{
display:grid;
grid-template-columns:1.8fr 1fr;
gap:32px;
align-items:stretch;
}

.wd-project-feature{
position:relative;
border-radius:24px;
overflow:hidden;
min-height:620px;
}

.wd-project-feature img{
width:100%;
height:100%;
object-fit:cover;
display:block;
transition:.4s;
}

.wd-project-feature:hover img{
transform:scale(1.04);
}

.wd-project-feature-overlay{
position:absolute;
left:0;
right:0;
bottom:0;
padding:42px;
background:linear-gradient(to top,rgba(0,0,0,.75),transparent);
color:#fff;
}

.wd-project-feature-overlay span{
font-size:13px;
letter-spacing:2px;
text-transform:uppercase;
color:#22C7C8;
font-weight:700;
}

.wd-project-feature-overlay h3{
font-size:38px;
margin:14px 0 18px;
line-height:1.2;
}

.wd-project-feature-overlay a{
color:#fff;
font-weight:700;
text-decoration:none;
}

.wd-project-list{
display:flex;
flex-direction:column;
gap:24px;
}

.wd-project-item{
display:flex;
gap:18px;
background:#fff;
padding:18px;
border-radius:20px;
text-decoration:none;
transition:.35s;
box-shadow:0 12px 35px rgba(15,23,42,.06);
}

.wd-project-item:hover{
transform:translateY(-6px);
box-shadow:0 20px 50px rgba(15,23,42,.12);
}

.wd-project-item img{
width:160px;
height:160px;
border-radius:16px;
object-fit:cover;
flex-shrink:0;
}

.wd-project-item span{
font-size:13px;
letter-spacing:2px;
text-transform:uppercase;
color:#22C7C8;
font-weight:700;
}

.wd-project-item h4{
font-size:24px;
color:#061B5A;
margin:12px 0;
}

.wd-project-item p{
font-size:16px;
line-height:1.7;
color:#64748B;
margin:0;
}

@media(max-width:991px){
.wd-projects-layout{
grid-template-columns:1fr;
}

.wd-project-feature{
min-height:500px;
}
}

@media(max-width:640px){
.wd-project-item{
flex-direction:column;
}

.wd-project-item img{
width:100%;
height:220px;
}
}
/*=====================================
NEWSLETTER
======================================*/

.wd-newsletter{

padding:120px 48px;

background:#F8FAFC;

}

.wd-newsletter .page-width{

max-width:1000px;

margin:0 auto;

padding:80px;

background:#FFFFFF;

border-radius:32px;

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

text-align:center;

}

.wd-newsletter-label{

display:inline-block;

font-size:14px;

font-weight:700;

letter-spacing:2px;

text-transform:uppercase;

color:#22C7C8;

margin-bottom:18px;

}

.wd-newsletter-title{

font-size:56px;

line-height:1.1;

font-weight:700;

color:#061B5A;

margin:0 auto 24px;

max-width:760px;

}

.wd-newsletter-text{

font-size:18px;

line-height:1.8;

color:#64748B;

max-width:680px;

margin:0 auto 50px;

}

.wd-newsletter-form{

display:flex;

align-items:center;

gap:16px;

max-width:760px;

margin:0 auto;

}

.wd-newsletter-form input{

flex:1;

height:64px;

padding:0 24px;

border:1px solid #D9E2EC;

border-radius:16px;

font-size:16px;

background:#fff;

outline:none;

transition:.3s;

}

.wd-newsletter-form input:focus{

border-color:#22C7C8;

box-shadow:0 0 0 4px rgba(34,199,200,.12);

}

.wd-newsletter-form button{

height:64px;

padding:0 34px;

border:none;

border-radius:16px;

background:#061B5A;

color:#fff;

font-size:16px;

font-weight:700;

cursor:pointer;

transition:.3s;
}

.wd-newsletter-form button:hover{
background:#22C7C8;
color:#061B5A;
}

.wd-newsletter-benefits{
display:flex;
justify-content:center;
gap:36px;
margin-top:36px;
font-size:16px;
font-weight:600;
color:#061B5A;
flex-wrap:wrap;
}

.wd-newsletter-benefits div{
display:flex;
align-items:center;
gap:8px;
}

/* ======================================
   NEWSLETTER - TABLET
====================================== */

@media screen and (max-width:991px){

.wd-newsletter{

padding:80px 24px;

}

.wd-newsletter .page-width{

padding:60px 40px;

border-radius:24px;

}

.wd-newsletter-title{

font-size:42px;

line-height:1.2;

margin-bottom:20px;

}

.wd-newsletter-text{

font-size:17px;

line-height:1.7;

margin-bottom:36px;

}

.wd-newsletter-form{

flex-direction:column;

gap:16px;

}

.wd-newsletter-form input{

width:100%;

height:58px;

}

.wd-newsletter-form button{

width:100%;

height:58px;

}

.wd-newsletter-benefits{

gap:18px;

font-size:15px;

}

}
/* ======================================
   NEWSLETTER - PHONE
====================================== */

@media screen and (max-width:640px){

.wd-newsletter{

padding:60px 18px;

}

.wd-newsletter .page-width{

padding:40px 24px;

border-radius:20px;

}

.wd-newsletter-label{

font-size:12px;

letter-spacing:1.5px;

}

.wd-newsletter-title{

font-size:34px;

line-height:1.2;

margin-bottom:18px;

}

.wd-newsletter-text{

font-size:16px;

line-height:1.7;

margin-bottom:30px;

}

.wd-newsletter-form{

gap:14px;

}

.wd-newsletter-form input{

height:54px;

padding:0 18px;

font-size:15px;

border-radius:12px;

}

.wd-newsletter-form button{

height:54px;

font-size:15px;

border-radius:12px;

}

.wd-newsletter-benefits{

display:grid;

grid-template-columns:1fr;

gap:14px;

margin-top:28px;

font-size:15px;

text-align:left;

}

.wd-newsletter-benefits div{

justify-content:flex-start;

}

}

/*=====================================
PREMIUM FOOTER
======================================*/
.wd-footer{
background:#061B5A;
padding:100px 0 40px;
color:#fff;
}

.wd-footer .page-width{
max-width:1400px;
margin:0 auto;
padding:0 48px;
}

.wd-footer-grid{
display:grid;
grid-template-columns:2fr 1fr 1fr 1fr;
gap:70px;
padding-bottom:70px;
border-bottom:1px solid rgba(255,255,255,.12);
}

.wd-footer-logo{

width:180px;

height:auto;

display:block;

margin-bottom:28px;

}

.wd-footer-about p{
font-size:17px;
line-height:1.9;
color:rgba(255,255,255,.75);
max-width:420px;
margin-bottom:36px;
}

.wd-footer h4{
font-size:18px;
font-weight:700;
margin-bottom:24px;
color:#fff;
}

.wd-footer ul{
list-style:none;
padding:0;
margin:0;
}

.wd-footer ul li{
margin-bottom:18px;
font-size:16px;
line-height:1.8;
color:rgba(255,255,255,.75);
}

.wd-footer a{
text-decoration:none;
color:rgba(255,255,255,.75);
transition:.3s;
}

.wd-footer a:hover{
color:#22C7C8;
}

.wd-footer-social{
display:flex;
gap:14px;
margin-top:28px;
}


.wd-footer-social a{
width:48px;
height:48px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:rgba(255,255,255,.08);
color:#fff;
transition:.3s;
}


.wd-footer-social a:hover{
background:#22C7C8;
color:#061B5A;
transform:translateY(-4px);
}

.wd-footer-bottom{

display:flex;

justify-content:space-between;

align-items:center;

padding-top:35px;

gap:30px;

flex-wrap:wrap;

}

.wd-footer-bottom p{

margin:0;

font-size:15px;

color:rgba(255,255,255,.6);

}

.wd-footer-legal{

display:flex;

gap:28px;

flex-wrap:wrap;

}

.wd-footer-legal a{

font-size:15px;

text-decoration:none;

color:rgba(255,255,255,.6);

transition:.3s;

}

.wd-footer-legal a:hover{

color:#22C7C8;

}.wd-contact-item{

display:flex;

align-items:flex-start;

gap:14px;

margin-bottom:22px;

}

.wd-contact-item svg{

width:20px;

height:20px;

color:#22C7C8;

flex-shrink:0;

margin-top:3px;

}

.wd-contact-item strong{

display:block;

font-size:15px;

color:#FFFFFF;

margin-bottom:4px;

}

.wd-contact-item span{

display:block;

font-size:15px;

color:rgba(255,255,255,.75);

line-height:1.6;

}
/* ======================================
   FOOTER - TABLET
====================================== */

@media screen and (max-width:991px){

.wd-footer{

padding:70px 0 30px;

}

.wd-footer .page-width{

padding:0 24px;

}

.wd-footer-grid{

grid-template-columns:1fr 1fr;

gap:40px;

padding-bottom:40px;

}

.wd-footer-logo{

width:160px;

margin-bottom:20px;

}

.wd-footer-about p{

max-width:none;

font-size:16px;

margin-bottom:24px;

}

.wd-footer h4{

font-size:18px;

margin-bottom:18px;

}

.wd-footer ul li{

margin-bottom:14px;

font-size:15px;

}

.wd-contact-item{

margin-bottom:18px;

}

.wd-footer-social{

gap:12px;

}

.wd-footer-social a{

width:42px;

height:42px;

}

.wd-footer-bottom{

flex-direction:column;

text-align:center;

gap:18px;

}

.wd-footer-legal{

justify-content:center;

}

}/* ======================================
   FOOTER - PHONE
====================================== */

@media screen and (max-width:640px){

.wd-footer{

padding:60px 0 24px;

}

.wd-footer .page-width{

padding:0 18px;

}

.wd-footer-grid{

grid-template-columns:1fr;

gap:34px;

text-align:center;

}

.wd-footer-logo{

margin:0 auto 20px;

width:170px;

}

.wd-footer-about p{

font-size:15px;

line-height:1.7;

}

.wd-footer-social{

justify-content:center;

margin-top:20px;

}

.wd-footer h4{

margin-bottom:16px;

font-size:18px;

}

.wd-footer ul{

padding:0;

}

.wd-footer ul li{

margin-bottom:12px;

}

.wd-contact-item{

justify-content:center;

align-items:flex-start;

text-align:left;

max-width:320px;

margin:0 auto 18px;

}

.wd-contact-item svg{

margin-top:2px;

}

.wd-footer-bottom{

padding-top:28px;

}

.wd-footer-bottom p{

font-size:14px;

}

.wd-footer-legal{

flex-direction:column;

gap:12px;

align-items:center;

}

}
.wd-footer-about{

order:1;

}

.wd-footer-contact{

order:2;

}

.wd-footer-company{

order:3;

}

.wd-footer-solutions{

order:4;

}
*{
    box-sizing:border-box;
}

body{
    overflow-x:hidden;
}

.page-width,
.wd-container{
    width:100%;
    max-width:1400px;
    margin:0 auto;
    padding-left:20px;
    padding-right:20px;
}

section{
    width:100%;
}
/* ======================================================
   FEATURED PRODUCTS 
====================================================== */

/* Section */
.wd-featured-products{
    padding:100px 0 !important;
    background:#fff !important;
}

.wd-featured-products .page-width{
    max-width:1400px !important;
    width:100% !important;
    margin:0 auto !important;
    padding:0 48px !important;
}

/* Heading */
.wd-featured-header{
    text-align:center !important;
    max-width:760px !important;
    margin:0 auto 70px !important;
}

.wd-featured-header h2{
    font-size:56px !important;
    line-height:1.1 !important;
}

.wd-featured-header p{
    font-size:18px !important;
    color:#64748B !important;
}

/* Grid */
.wd-featured-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:32px !important;
}

/* Card */
.wd-product-card{
    display:flex !important;
    flex-direction:column !important;
    background:#fff !important;
    border-radius:24px !important;
    overflow:hidden !important;
    box-shadow:0 15px 40px rgba(15,23,42,.08) !important;
    transition:.3s !important;
}

.wd-product-card:hover{
    transform:translateY(-6px) !important;
}

.wd-product-card>a{
    display:flex !important;
    flex-direction:column !important;
    height:100% !important;
    text-decoration:none !important;
    color:inherit !important;
}

/* Image */
.wd-product-image{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    background:#F8FAFC !important;
    padding:30px !important;
    aspect-ratio:1/1 !important;
    overflow:hidden !important;
}

.wd-product-image img{
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
    object-fit:contain !important;
    display:block !important;
}

/* Content */
.wd-product-info{
    display:flex !important;
    flex-direction:column !important;
    flex:1 !important;
    padding:28px !important;
}

.wd-product-brand{
    font-size:13px !important;
    font-weight:700 !important;
    color:#22C7C8 !important;
    text-transform:uppercase !important;
    letter-spacing:2px !important;
}

.wd-product-info h3{
    font-size:28px !important;
    line-height:1.3 !important;
    margin:12px 0 !important;
    color:#061B5A !important;
}

.wd-rating{
    margin:12px 0 !important;
}

.wd-product-price{
    font-size:30px !important;
    font-weight:700 !important;
    color:#061B5A !important;
    margin:18px 0 !important;
}

.wd-product-shipping{
    color:#64748B !important;
    margin-bottom:24px !important;
}

.wd-product-button{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    height:56px !important;
    margin-top:auto !important;
    background:#061B5A !important;
    color:#fff !important;
    border-radius:14px !important;
    font-weight:700 !important;
}

.wd-product-card:hover .wd-product-button{
    background:#22C7C8 !important;
    color:#061B5A !important;
}

/* ==========================
   MOBILE
========================== */

@media (max-width:768px){

.wd-featured-products{
    padding:70px 0 !important;
}

.wd-featured-products .page-width{
    padding:0 20px !important;
}

.wd-featured-header{
    margin-bottom:36px !important;
}

.wd-featured-header h2{
    font-size:38px !important;
}

.wd-featured-header p{
    font-size:16px !important;
}

.wd-featured-grid{
    grid-template-columns:1fr !important;
    gap:24px !important;
}

.wd-product-image{
    aspect-ratio:1/1 !important;
    padding:20px !important;
}

.wd-product-info{
    padding:20px !important;
}

.wd-product-info h3{
    font-size:22px !important;
}

.wd-product-price{
    font-size:26px !important;
}

.wd-product-button{
    height:52px !important;
}

}

/*==========================
HEADER
==========================*/

html{
    scroll-behavior: smooth;
}

.wd-header{
position:sticky;
top:0;
left:0;
width:100%;
z-index:9999;
}

.wd-navbar{
background:#061B5A;
}

.wd-navbar-container{
max-width:1400px;
margin:auto;
padding:20px 48px;
display:grid;
grid-template-columns:220px 1fr auto;
align-items:center;
gap:60px;
}

.wd-logo{
display:flex;
align-items:center;
}

.wd-logo img{
display:block;
width:170px;
height:auto;
}

.wd-logo a{
display:flex;
align-items:center;
text-decoration:none;
color:#fff;
font-size:28px;
font-weight:700;
}

.wd-navigation{
display:flex;
justify-content:center;
}

.wd-menu{
display:flex;
align-items:center;
justify-content:center;
list-style:none;
margin:0;
padding:0;
gap:40px;
width:100%;
}

.wd-menu>li{
position:relative;
}

.wd-menu>li>a{
display:flex;
align-items:center;
gap:8px;
color:#fff;
font-size:15px;
font-weight:500;
text-decoration:none;
white-space:nowrap;
}

.wd-menu-item{
position:relative;
}

.wd-menu-item>a{
display:flex;
align-items:center;
gap:8px;
color:#fff;
font-size:15px;
font-weight:500;
text-decoration:none;
transition:.25s;
}

.wd-menu-item>a:hover{
color:#22C7C8;
}

.wd-chevron{
font-size:11px;
transition:.3s;
}
.wd-menu-item:hover > .wd-parent-link .wd-chevron svg{
transform:rotate(180deg);
}

.wd-dropdown-item:hover > .wd-child-link .wd-chevron svg{
transform:rotate(-90deg);
}

/*==========================
FIRST DROPDOWN
==========================*/

.wd-dropdown{
position:absolute;
top:100%;
left:0;
width:280px;
background:#fff;
padding:16px 0;
border-radius:16px;
box-shadow:0 20px 60px rgba(0,0,0,.12);
list-style:none;
margin:18px 0 0;
opacity:0;
visibility:hidden;
transform:translateY(10px);
transition:.3s;
z-index:999;
}

.wd-menu-item:hover>.wd-dropdown{
opacity:1;
visibility:visible;
transform:none;
}

.wd-dropdown-item{
position:relative;
}

.wd-dropdown-item>a{
display:flex;
justify-content:space-between;
align-items:center;
padding:14px 24px;
text-decoration:none;
color:#061B5A;
font-size:15px;
}

.wd-dropdown-item>a:hover{
background:#F8FAFC;
color:#22C7C8;
}

/*==========================
SECOND DROPDOWN
==========================*/

.wd-sub-dropdown{
position:absolute;
top:0;
left:100%;
width:280px;
background:#fff;
padding:16px 0;
border-radius:16px;
box-shadow:0 20px 60px rgba(0,0,0,.12);
list-style:none;
opacity:0;
visibility:hidden;
transform:translateX(12px);
transition:.3s;
}

.wd-dropdown-item:hover>.wd-sub-dropdown{
opacity:1;
visibility:visible;
transform:none;
}

.wd-sub-dropdown a{
display:block;
padding:14px 24px;
text-decoration:none;
color:#061B5A;
font-size:15px;
}

.wd-sub-dropdown a:hover{
background:#F8FAFC;
color:#22C7C8;
}

/*==========================
RIGHT ICONS
==========================*/

.wd-actions{
display:flex;
align-items:center;
gap:24px;
}

.wd-icon{
width:18px;
height:18px;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
}

.wd-icon svg{
width:18px;
height:18px;
}

.wd-cart{
position:relative;
}

.wd-cart-count{
position:absolute;
top:-7px;
right:-7px;
width:18px;
height:18px;
border-radius:50%;
background:#22C7C8;
color:#061B5A;
display:flex;
align-items:center;
justify-content:center;
font-size:10px;
font-weight:700;
}
.wd-drawer-header{
    display:none;
}
/*==========================
MOBILE PLACEHOLDERS
==========================*/

.wd-mobile-toggle{
display:none;
}

.wd-overlay{
display:none;
}

.wd-menu-close{
display:none;
}
/* ======================================
MOBILE HEADER
====================================== */

.wd-mobile-toggle{
display:none;
}

@media (max-width:991px){

.wd-navbar-container{
display:grid;
align-items:center;
grid-template-columns:40px 1fr auto;
padding:16px 20px;
}

.wd-mobile-toggle{
display:flex;
align-items:center;
justify-content:center;
width:40px;
height:40px;
background:none;
border:none;
color:#fff;
font-size:22px;
line-height:1;
cursor:pointer;
padding:0;
position:relative;
z-index:10001;
}

.wd-mobile-toggle svg{

width:22px;
height:22px;

}

.wd-logo{
flex:1;
display:flex;
justify-content:center;
}

.wd-logo img,
.wd-logo-img{

width:170px;
height:auto;
}

.wd-actions{
display:flex,
align-items:center;
gap:10px;
}

.wd-navigation{
display:none;
}

}
/* ===========================
MOBILE DRAWER
=========================== */

@media (max-width:991px){

.wd-navigation{

position:fixed;

top:0;

left:-290px;

width:290px;

height:100vh;
padding:20px 0 40px

transition:left .35s cubic-bezier(.22,.61,.36,1),
box-shadow .35s ease;

/* ==========================
   DRAWER HEADER
========================== */

.wd-drawer-header{

display:flex;
align-items:center;
justify-content:space-between;

padding:18px 20px;

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

}

.wd-drawer-logo{

display:flex;
align-items:center;
text-decoration:none;

}

.wd-drawer-logo-img{

height:34px;
width:auto;
display:block;

}

.wd-menu-close-btn{

display:flex;
align-items:center;
justify-content:center;

width:42px;
height:42px;

background:transparent;
border:none;
cursor:pointer;

color:#fff;

padding:0;
border-radius:50%;

transition:background .25s ease;

}

.wd-menu-close-btn:hover{

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

}

.wd-menu-close-btn svg{

width:20px;
height:20px;

}

background:#061B5A;

padding:90px 0 40px;

overflow-y:auto;

transition:left .35s ease;

z-index:9998;

display:block;

}

.wd-navigation.active{

left:0;

}

.wd-menu{

display:flex;

flex-direction:column;

padding-top:12px;

gap:0;

}

.wd-menu-item{

width:100%;

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

}

.wd-menu-item>a{

display:flex;

justify-content:space-between;

align-items:center;

padding:16px 20px;

color:#fff;

font-size:17px;

}

/* First level */

.wd-dropdown{

display:none;

position:static;

background:#0B246F;

box-shadow:none;

margin:0;

padding:0;

width:100%;

opacity:1;

visibility:visible;

transform:none;

border-radius:0;

}

/* Grandchildren */

.wd-sub-dropdown{

display:none;

position:static;

background:#123684;

box-shadow:none;

margin:0;

padding:0;

width:100%;

opacity:1;

visibility:visible;

transform:none;

border-radius:0;

}

/* Parent opened */

.wd-menu-item.open>.wd-dropdown{

display:block;

}

/* Child opened */

.wd-dropdown-item.open>.wd-sub-dropdown{

display:block;

}
.wd-menu-item.open > .wd-parent-link .wd-chevron svg{
transform:rotate(180deg);
}

.wd-dropdown-item.open > .wd-child-link .wd-chevron svg{
transform:rotate(180deg);
}

/* Links */

.wd-dropdown a{

display:flex;

align-items:center;

justify-content:space-between;

padding:14px 28px;

color:#fff;

text-decoration:none;

font-size:15px;

}

.wd-sub-dropdown a{

display:block;

padding:14px 42px;

color:#fff;

text-decoration:none;

font-size:14px;

opacity:.9;

}

@media (max-width:991px){

.wd-parent-link .wd-chevron{
display:none;
}

}
.wd-chevron{
display:flex;
align-items:center;
justify-content:center;
flex-shrink:0;
}

.wd-chevron svg{
width:16px;
height:16px;
transition:transform .3s ease;
}

@media (max-width:991px){

.wd-sub-dropdown{
display:none;
}

/* ===========================
   MOBILE OVERLAY
=========================== */

.wd-overlay{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,.45);
opacity:0;
visibility:hidden;
transition:.3s ease;
z-index:9998;
}

body.wd-menu-open .wd-overlay{
opacity:1;
visibility:visible;
}