.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS for text-editor, class: .elementor-element-41d913cf */.sultants-president{
--pres-navy:#071b28;
--pres-navy2:#0d3045;
--pres-gold:#d9a441;
--pres-ice:#eef5f8;
--pres-ink:#142631;
--pres-muted:#667781;


font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
color:var(--pres-ink);
line-height:1.6;
background:#fff;


}

.sultants-president *,
.sultants-president *::before,
.sultants-president *::after{
box-sizing:border-box;
}

.sultants-president a{
text-decoration:none;
}

.pres-wrap{
width:min(1160px,calc(100% - 48px));
margin:auto;
}



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

.pres-hero{
min-height:650px;
position:relative;
display:flex;
align-items:center;
overflow:hidden;
color:#fff;
background:var(--pres-navy);
}

.pres-hero__bg{
position:absolute;
inset:0;


background-image:url("https://clubmotoneigelessultans.com/wp-content/uploads/sites/74/2026/09/motoneige-1.jpg");
background-size:cover;
background-position:center;

}

.pres-hero__overlay{
position:absolute;
inset:0;

background:
    linear-gradient(
        90deg,
        rgba(3,17,27,.94),
        rgba(3,17,27,.45) 70%
    ),
    linear-gradient(
        0deg,
        rgba(3,17,27,.75),
        transparent 55%
    );

}

.pres-hero__content{
position:relative;
z-index:2;
padding:100px 0;
}

.pres-kicker{
font-size:12px;
font-weight:900;
letter-spacing:3px;
color:var(--pres-gold);
margin-bottom:20px;
}

.pres-hero h1{
font-size:clamp(58px,8vw,100px);
line-height:.9;
letter-spacing:-5px;
margin:0 0 30px;
}

.pres-hero h1 span{
color:var(--pres-gold);
}

.pres-hero p{
max-width:680px;
font-size:21px;
line-height:1.55;
opacity:.9;
margin:0;
}

.pres-hero__bottom{
position:absolute;
bottom:0;
left:0;
right:0;
z-index:3;

padding:18px max(24px,calc((100% - 1160px)/2));

background:rgba(6,22,33,.82);

font-size:10px;
letter-spacing:2px;
font-weight:900;

}

/* =========================================================
STATS
========================================================= */

.pres-stats{
position:relative;
margin-top:-55px;
z-index:5;

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

background:#fff;

box-shadow:0 18px 45px rgba(6,22,33,.12);

}

.pres-stats div{
text-align:center;
padding:30px;
border-right:1px solid #e4eaed;
}

.pres-stats div:last-child{
border-right:0;
}

.pres-stats strong{
display:block;
font-size:50px;
line-height:1;
color:var(--pres-navy);
}

.pres-stats span{
display:block;
margin-top:8px;

font-size:10px;
letter-spacing:2px;
font-weight:900;
color:var(--pres-muted);

}

/* =========================================================
SECTIONS
========================================================= */

.pres-section{
padding:105px 0;
}

.pres-intro{
display:grid;
grid-template-columns:1fr 1fr;
gap:90px;
align-items:start;
}

.pres-intro h2,
.pres-two-cols h2{
font-size:clamp(42px,5vw,68px);
line-height:.98;
letter-spacing:-4px;
margin:0;
}

.pres-intro h2 span,
.pres-two-cols h2 span,
.pres-access h2 span,
.pres-thanks h2 span{
color:var(--pres-gold);
}

.pres-copy{
font-size:17px;
color:var(--pres-muted);
}

.pres-copy p{
margin:0 0 22px;
}

.pres-copy strong{
color:var(--pres-ink);
}

/* =========================================================
DARK HISTORY
========================================================= */

.pres-dark{
padding:105px 0;
background:var(--pres-navy);
color:#fff;
}

.pres-history{
display:grid;
grid-template-columns:.7fr 1.3fr;
gap:90px;
align-items:start;
}

.pres-history__number{
font-size:clamp(80px,12vw,150px);
font-weight:900;
line-height:.8;
letter-spacing:-8px;
color:var(--pres-gold);
}

.pres-history__content h2{
font-size:clamp(42px,5vw,68px);
line-height:.98;
letter-spacing:-4px;
margin:0 0 30px;
}

.pres-history__content h2 span{
color:var(--pres-gold);
}

.pres-history__content p{
max-width:700px;
color:rgba(255,255,255,.7);
font-size:17px;
margin:0 0 22px;
}

/* =========================================================
TWO COLUMNS
========================================================= */

.pres-two-cols{
display:grid;
grid-template-columns:1fr 1fr;
gap:90px;
}

/* =========================================================
ACCESS
========================================================= */

.pres-access{
padding:105px 0;
background:var(--pres-navy2);
color:#fff;
}

.pres-access__inner{
display:grid;
grid-template-columns:1.2fr .8fr;
gap:80px;
align-items:center;
}

.pres-access h2{
max-width:700px;
font-size:clamp(42px,5vw,68px);
line-height:.98;
letter-spacing:-4px;
margin:0 0 25px;
}

.pres-access p{
max-width:700px;
color:rgba(255,255,255,.72);
font-size:17px;
}

.pres-access strong{
color:#fff;
}

.pres-access__card{
padding:38px;
background:#fff;
color:var(--pres-ink);

box-shadow:0 25px 60px rgba(0,0,0,.18);

display:flex;
flex-direction:column;
align-items:flex-start;

}

.pres-access__icon{
width:54px;
height:54px;

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

margin-bottom:25px;

background:var(--pres-gold);
color:var(--pres-navy);

font-size:25px;

}

.pres-access__card small{
font-size:10px;
letter-spacing:2px;
font-weight:900;
color:var(--pres-gold);
}

.pres-access__card > strong{
color:var(--pres-navy);
font-size:27px;
line-height:1.15;
margin:12px 0 25px;
}

/* =========================================================
BUTTONS
========================================================= */

.pres-btn{
display:inline-flex;
align-items:center;
justify-content:center;

min-height:52px;
padding:0 24px;

background:var(--pres-gold);
color:#17242b;

font-size:13px;
font-weight:900;

transition:.25s;

}

.pres-btn:hover{
transform:translateY(-3px);
box-shadow:0 12px 25px rgba(0,0,0,.15);
}

.pres-btn--dark{
background:var(--pres-navy);
color:#fff;
}

/* =========================================================
INFORMATION BLOCK
========================================================= */

.pres-info{
display:grid;
grid-template-columns:80px 1fr;
gap:35px;

padding:45px 0;

border-top:1px solid #dbe3e7;
border-bottom:1px solid #dbe3e7;

}

.pres-info__number{
color:var(--pres-gold);
font-size:18px;
font-weight:900;
}

.pres-info h3{
margin:0 0 12px;
font-size:32px;
color:var(--pres-navy);
}

.pres-info p{
max-width:750px;
color:var(--pres-muted);
font-size:17px;
}

.pres-link{
color:var(--pres-navy);
font-weight:900;
}

.pres-link:hover{
color:var(--pres-gold);
}

/* =========================================================
CLOSING
========================================================= */

.pres-closing{
padding:110px 0;

background:
    linear-gradient(
        90deg,
        rgba(6,26,39,.96),
        rgba(6,26,39,.82)
    ),
    url("https://clubmotoneigelessultans.com/wp-content/uploads/sites/74/2026/09/sentier-2.jpg")
    center/cover;

color:#fff;

}

.pres-closing__quote{
font-family:Georgia,serif;
font-size:100px;
line-height:.5;
color:var(--pres-gold);
margin-bottom:30px;
}

.pres-closing p{
max-width:900px;
font-size:clamp(27px,4vw,45px);
line-height:1.15;
letter-spacing:-1px;
margin:0 0 50px;
}

.pres-closing__signature{
display:flex;
flex-direction:column;
gap:8px;
}

.pres-closing__signature span{
color:rgba(255,255,255,.65);
}

.pres-closing__signature strong{
color:var(--pres-gold);
font-size:18px;
}

/* =========================================================
THANK YOU
========================================================= */

.pres-thanks{
padding:90px 0;
background:var(--pres-ice);
}

.pres-thanks h2{
max-width:700px;

font-size:clamp(48px,6vw,78px);
line-height:.95;
letter-spacing:-5px;

margin:0 0 30px;

}

/* =========================================================
RESPONSIVE
========================================================= */

@media(max-width:800px){

.pres-wrap{
    width:min(100% - 36px,1160px);
}

.pres-hero{
    min-height:620px;
}

.pres-hero h1{
    font-size:clamp(55px,15vw,78px);
    letter-spacing:-4px;
}

.pres-hero p{
    font-size:17px;
}

.pres-stats{
    margin:-25px 18px 0;
    grid-template-columns:1fr;
}

.pres-stats div{
    border-right:0;
    border-bottom:1px solid #e4eaed;
    padding:22px;
}

.pres-stats div:last-child{
    border-bottom:0;
}

.pres-section,
.pres-dark,
.pres-access,
.pres-closing{
    padding:75px 0;
}

.pres-intro,
.pres-two-cols,
.pres-history,
.pres-access__inner{
    grid-template-columns:1fr;
    gap:40px;
}

.pres-history__number{
    font-size:90px;
}

.pres-access__card{
    padding:30px;
}

.pres-info{
    grid-template-columns:45px 1fr;
    gap:20px;
}

.pres-closing p{
    font-size:30px;
}


}

@media(max-width:480px){


.pres-hero__content{
    padding:80px 0;
}

.pres-hero__bottom{
    font-size:8px;
    letter-spacing:1.5px;
}

.pres-stats strong{
    font-size:42px;
}

.pres-intro h2,
.pres-two-cols h2,
.pres-access h2{
    letter-spacing:-2px;
}

.pres-access__card{
    padding:25px;
}

.pres-closing p{
    font-size:26px;
}

}
.pres-kicker {
    font-size: 19px !important;
    font-weight: 900 !important;
    letter-spacing: 3px !important;
}/* End custom CSS */