.elementor-72 .elementor-element.elementor-element-e3cdc45{--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;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#808080;--border-color:#808080;--margin-top:-117px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-70e67b7{padding:0px 0px 0px 0px;}.elementor-72 .elementor-element.elementor-element-0663f49{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-0663f49:not(.elementor-motion-effects-element-type-background), .elementor-72 .elementor-element.elementor-element-0663f49 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-72 .elementor-element.elementor-element-ecbd38a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 114px;padding:0px 0px 0px 0px;}.elementor-72 .elementor-element.elementor-element-44b7fe4{--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;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#797979;--border-color:#797979;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-915b39e{--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;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#888888;--border-color:#888888;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-5930f2e{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-72 .elementor-element.elementor-element-e3cdc45{--min-height:0vh;}.elementor-72 .elementor-element.elementor-element-ecbd38a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}@media(max-width:767px){.elementor-72 .elementor-element.elementor-element-e3cdc45{--margin-top:-130px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for html, class: .elementor-element-70e67b7 *//* ===========================================
   IMPLANTYS HERO SECTION
   Luxury Version
   Based on Client Brand Guidelines
=========================================== */

:root{
  --implantys-navy:#010D25;
  --implantys-royal:#0B2F7A;
  --implantys-gold:#E0A11B;
  --implantys-champagne:#C6A86B;
  --implantys-metal-gold:#AC7925;
  --implantys-white:#F5F5F5;
  --implantys-light:#E1E0E1;
  --implantys-text:#08152F;
  --implantys-gray:#BFC3CC;
}

/* HERO */

.implantys-hero{

    width:100%;
    min-height:100vh;

    display:flex;
    align-items:center;

    overflow:hidden;
    position:relative;

    background-image:
    linear-gradient(
        135deg,
        rgba(1,13,37,.94) 0%,
        rgba(11,47,122,.82) 55%,
        rgba(1,13,37,.72) 100%
    ),
    url("https://recrutement.kodevio.com/wp-content/uploads/2026/05/ChatGPT-Image-May-16-2026-11_39_08-AM.png");

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    background-color:var(--implantys-navy);
}

/* WRAPPER */

.implantys-content-wrapper{

    width:100%;
    max-width:1200px;

    margin:auto;
    padding:0 40px;

}

/* CONTENT */

.implantys-content{

    max-width:560px;
    color:var(--implantys-white);
    font-family:Arial,Helvetica,sans-serif;

}

/* LOGO */

.implantys-logo{

    color:var(--implantys-white);

    font-size:18px;
    font-weight:800;

    letter-spacing:4px;

    margin-bottom:30px;

}

/* TITLE */

.implantys-content h1{

    font-size:60px;
    line-height:1.08;
    font-weight:800;

    color:var(--implantys-white);

    margin:0 0 24px;

    font-family:Georgia,serif;

}

/* GOLD HIGHLIGHT */

.implantys-content h1 span{

    background:linear-gradient(
        135deg,
        var(--implantys-gold) 0%,
        var(--implantys-champagne) 100%
    );

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;

}

/* GOLD LINE */

.gold-line{

    width:90px;
    height:3px;

    border-radius:30px;

    background:linear-gradient(
        90deg,
        var(--implantys-gold),
        var(--implantys-champagne)
    );

    margin-bottom:24px;

}

/* PARAGRAPH */

.implantys-content p{

    color:var(--implantys-light);

    font-size:18px;
    line-height:1.8;

    max-width:470px;

    margin-bottom:38px;

}

/* BUTTON GROUP */

.hero-buttons{

    display:flex;
    gap:18px;
    flex-wrap:wrap;

}

/* COMMON BUTTON */

.btn{

    display:inline-flex;
    align-items:center;
    justify-content:center;

    gap:10px;

    padding:16px 30px;

    border-radius:6px;

    font-size:13px;
    font-weight:800;
    letter-spacing:.6px;
    text-transform:uppercase;

    text-decoration:none;

    transition:.35s ease;

    cursor:pointer;

}

/* PRIMARY */

.btn-primary{

    background:var(--implantys-gold);

    color:var(--implantys-navy);

    border:1px solid var(--implantys-gold);

    box-shadow:
    0 12px 30px rgba(224,161,27,.22);

}

.btn-primary:hover{

    background:var(--implantys-champagne);

    border-color:var(--implantys-champagne);

    color:var(--implantys-navy);

    transform:translateY(-4px);

}

/* OUTLINE */

.btn-outline{

    background:transparent;

    color:var(--implantys-white);

    border:1px solid var(--implantys-gold);

}

.btn-outline:hover{

    background:var(--implantys-gold);

    color:var(--implantys-navy);

    border-color:var(--implantys-gold);

    transform:translateY(-4px);

}

/* RESPONSIVE */

@media(max-width:991px){

.implantys-content h1{

font-size:48px;

}

}

@media(max-width:768px){

.implantys-hero{

min-height:720px;

align-items:flex-start;

padding-top:80px;

background-position:70% center;

background-image:
linear-gradient(
135deg,
rgba(1,13,37,.95),
rgba(11,47,122,.86)
),
url("https://recrutement.kodevio.com/wp-content/uploads/2026/05/ChatGPT-Image-May-16-2026-11_39_08-AM.png");

}

.implantys-content-wrapper{

padding:0 24px;

}

.implantys-content{

max-width:100%;

}

.implantys-content h1{

font-size:40px;

}

.implantys-content p{

font-size:16px;

max-width:100%;

}

.hero-buttons{

flex-direction:column;
align-items:flex-start;

}

.btn{

width:100%;

justify-content:center;

}

}

@media(max-width:480px){

.implantys-content h1{

font-size:34px;

}

.implantys-content p{

font-size:15px;

line-height:1.7;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ecbd38a *//*=========================================
      IMPLANTYS STATS SECTION
=========================================*/

.stats-section{

    width:100%;
    background:#F5F5F5;

    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;

    padding:30px 0;

    border-top:1px solid #E1E0E1;
    border-bottom:1px solid #E1E0E1;

}

/*========================
        BOX
========================*/

.stat-box{

    flex:1;
    max-width:360px;
    min-height:140px;

    display:flex;
    align-items:center;
    gap:24px;

    padding:22px 35px;

    border-right:1px solid rgba(224,161,27,.15);

    transition:.35s ease;

    box-sizing:border-box;

}

.stat-box:last-child{

    border-right:none;

}

.stat-box:hover{

    background:#FFFFFF;

    transform:translateY(-5px);

    box-shadow:0 12px 30px rgba(1,13,37,.08);

}

/*========================
        ICON
========================*/

.stat-box i{

    font-size:48px;

    color:#E0A11B;

    min-width:55px;

    transition:.35s ease;

}

.stat-box:hover i{

    color:#C6A86B;

    transform:scale(1.08);

}

/*========================
        CONTENT
========================*/

.stat-content{

    flex:1;

}

.stat-content h3{

    margin:0 0 8px;

    color:#010D25;

    font-size:18px;

    font-weight:700;

    line-height:1.3;

    text-transform:uppercase;

    letter-spacing:.5px;

}

.stat-content p{

    margin:0;

    color:#5F6B7A;

    font-size:14px;

    line-height:1.7;

    text-transform:uppercase;

}

/*========================
        TABLET
========================*/

@media(max-width:1024px){

.stat-box{

flex:0 0 50%;
max-width:50%;

border-bottom:1px solid rgba(224,161,27,.15);

}

.stat-box:nth-child(2){

border-right:none;

}

}

/*========================
        MOBILE
========================*/

@media(max-width:767px){

.stats-section{

padding:10px 0;

}

.stat-box{

flex:0 0 100%;
max-width:100%;

padding:24px;

border-right:none;

}

.stat-box:nth-child(2){

border-bottom:1px solid rgba(224,161,27,.15);

}

.stat-box:last-child{

border-bottom:none;

}

.stat-box i{

font-size:40px;

}

.stat-content h3{

font-size:16px;

}

.stat-content p{

font-size:13px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9605f3e *//*=========================================
        IMPLANTYS ABOUT SECTION
=========================================*/

:root{
    --implantys-navy:#010D25;
    --implantys-royal:#0B2F7A;
    --implantys-gold:#E0A11B;
    --implantys-champagne:#C6A86B;
    --implantys-white:#F5F5F5;
    --implantys-light:#E1E0E1;
    --implantys-text:#08152F;
    --implantys-gray:#5F6B7A;
}

.implantys-about{

    width:100%;
    min-height:560px;

    display:flex;
    align-items:center;

    padding:90px 0;

    overflow:hidden;
    position:relative;

    background-image:
    linear-gradient(
        90deg,
        rgba(245,245,245,.96) 0%,
        rgba(245,245,245,.82) 45%,
        rgba(245,245,245,.18) 100%
    ),
    url("https://recrutement.kodevio.com/wp-content/uploads/2026/07/ChatGPT-Image-Jul-11-2026-12_04_07-PM.png");

    background-size:cover;
    background-position:right center;
    background-repeat:no-repeat;
    background-color:var(--implantys-white);

}

/*==========================
        CONTAINER
==========================*/

.implantys-about-container{

    width:100%;
    max-width:1200px;

    margin:auto;

    padding:0 40px;

}

/*==========================
        CONTENT
==========================*/

.implantys-about-content{

    max-width:560px;

    color:var(--implantys-text);

    font-family:Arial,Helvetica,sans-serif;

}

/*==========================
        TAG
==========================*/

.about-tag{

    display:inline-block;

    color:var(--implantys-gold);

    font-size:12px;

    font-weight:800;

    letter-spacing:3px;

    text-transform:uppercase;

    margin-bottom:20px;

}

/*==========================
        TITLE
==========================*/

.implantys-about-content h2{

    font-size:52px;

    line-height:1.1;

    font-weight:800;

    color:var(--implantys-navy);

    margin:0 0 24px;

    font-family:Georgia,serif;

}

/*==========================
        GOLD LINE
==========================*/

.gold-line{

    width:80px;

    height:3px;

    border-radius:30px;

    background:linear-gradient(
        90deg,
        var(--implantys-gold),
        var(--implantys-champagne)
    );

    margin-bottom:25px;

}

/*==========================
        PARAGRAPH
==========================*/

.implantys-about-content p{

    color:var(--implantys-text);

    font-size:17px;

    line-height:1.9;

    max-width:470px;

    margin-bottom:45px;

}

/*==========================
        FEATURES
==========================*/

.about-features{

    display:flex;

    gap:30px;

    flex-wrap:wrap;

}

/*==========================
        FEATURE ITEM
==========================*/

.feature-item{

    max-width:170px;

    transition:.35s ease;

}

.feature-item:hover{

    transform:translateY(-5px);

}

/*==========================
        ICON
==========================*/

.feature-icon{

    color:var(--implantys-gold);

    font-size:30px;

    margin-bottom:16px;

    transition:.35s ease;

}

.feature-item:hover .feature-icon{

    color:var(--implantys-champagne);

    transform:scale(1.08);

}

/*==========================
        TITLE
==========================*/

.feature-item h4{

    color:var(--implantys-navy);

    font-size:12px;

    font-weight:800;

    letter-spacing:1px;

    margin:0 0 10px;

    text-transform:uppercase;

}

/*==========================
        TEXT
==========================*/

.feature-item span{

    display:block;

    color:var(--implantys-gray);

    font-size:13px;

    line-height:1.7;

}

/*==========================
        TABLET
==========================*/

@media(max-width:991px){

.implantys-about{

padding:80px 0;

background-position:65% center;

}

.implantys-about-content h2{

font-size:44px;

}

}

/*==========================
        MOBILE
==========================*/

@media(max-width:768px){

.implantys-about{

min-height:620px;

align-items:flex-start;

padding-top:70px;

background-image:
linear-gradient(
90deg,
rgba(245,245,245,.96) 0%,
rgba(245,245,245,.88) 100%
),
url("");

background-position:68% center;

}

.implantys-about-container{

padding:0 24px;

}

.implantys-about-content{

max-width:100%;

}

.implantys-about-content h2{

font-size:38px;

}

.implantys-about-content p{

font-size:16px;

max-width:100%;

}

.about-features{

gap:24px;

}

.feature-item{

max-width:100%;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2244d51 *//*=========================================
        IMPLANTYS PROGRAM SECTION
=========================================*/

:root{
    --implantys-navy:#010D25;
    --implantys-royal:#0B2F7A;
    --implantys-gold:#E0A11B;
    --implantys-champagne:#C6A86B;
    --implantys-white:#FFFFFF;
    --implantys-soft:#F5F5F5;
    --implantys-light:#E1E0E1;
    --implantys-text:#08152F;
    --implantys-gray:#5F6B7A;
}

.implantys-program{

    width:100%;
    min-height:560px;

    display:flex;
    align-items:center;

    padding:90px 0;

    overflow:hidden;
    position:relative;

    background-image:
    linear-gradient(
        90deg,
        rgba(255,255,255,.97) 0%,
        rgba(245,245,245,.88) 45%,
        rgba(245,245,245,.15) 100%
    ),
    url("https://recrutement.kodevio.com/wp-content/uploads/2026/05/ChatGPT-Image-May-16-2026-11_58_00-AM.png");

    background-size:cover;
    background-position:right center;
    background-repeat:no-repeat;
    background-color:var(--implantys-white);

}

/*==========================
        CONTAINER
==========================*/

.program-container{

    width:100%;
    max-width:1200px;

    margin:auto;

    padding:0 40px;

}

/*==========================
        CONTENT
==========================*/

.program-content{

    max-width:560px;

    font-family:Arial,Helvetica,sans-serif;

}

/*==========================
        TAG
==========================*/

.program-tag{

    display:inline-block;

    color:var(--implantys-gold);

    font-size:12px;

    font-weight:800;

    letter-spacing:3px;

    text-transform:uppercase;

    margin-bottom:20px;

}

/*==========================
        TITLE
==========================*/

.program-content h2{

    color:var(--implantys-navy);

    font-size:52px;

    line-height:1.1;

    font-weight:800;

    margin:0 0 24px;

    font-family:Georgia,serif;

}

/*==========================
        GOLD LINE
==========================*/

.gold-line{

    width:80px;

    height:3px;

    border-radius:30px;

    background:linear-gradient(
        90deg,
        var(--implantys-gold),
        var(--implantys-champagne)
    );

    margin-bottom:25px;

}

/*==========================
        TEXT
==========================*/

.program-content p{

    color:var(--implantys-text);

    font-size:17px;

    line-height:1.9;

    max-width:460px;

    margin-bottom:45px;

}

/*==========================
        FEATURES GRID
==========================*/

.program-features{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:35px;

    max-width:500px;

}

/*==========================
        FEATURE
==========================*/

.program-feature{

    transition:.35s ease;

}

.program-feature:hover{

    transform:translateY(-5px);

}

/*==========================
        ICON
==========================*/

.feature-icon{

    color:var(--implantys-gold);

    font-size:30px;

    margin-bottom:15px;

    transition:.35s ease;

}

.program-feature:hover .feature-icon{

    color:var(--implantys-champagne);

    transform:scale(1.08);

}

/*==========================
        TITLE
==========================*/

.program-feature h4{

    color:var(--implantys-navy);

    font-size:12px;

    font-weight:800;

    letter-spacing:1px;

    text-transform:uppercase;

    margin:0 0 10px;

}

/*==========================
        TEXT
==========================*/

.program-feature span{

    display:block;

    color:var(--implantys-gray);

    font-size:13px;

    line-height:1.7;

}

/*==========================
        TABLET
==========================*/

@media(max-width:991px){

.program-content h2{

font-size:44px;

}

.program-features{

gap:30px;

}

}

/*==========================
        MOBILE
==========================*/

@media(max-width:768px){

.implantys-program{

min-height:620px;

padding:70px 0;

align-items:flex-start;

background-position:68% center;

background-image:
linear-gradient(
90deg,
rgba(255,255,255,.97) 0%,
rgba(245,245,245,.90) 100%
),
url("https://recrutement.kodevio.com/wp-content/uploads/2026/05/ChatGPT-Image-May-16-2026-11_58_00-AM.png");

}

.program-container{

padding:0 24px;

}

.program-content{

max-width:100%;

}

.program-content h2{

font-size:38px;

}

.program-content p{

font-size:16px;

max-width:100%;

}

.program-features{

grid-template-columns:repeat(2,1fr);

gap:24px;

max-width:100%;

}

}

@media(max-width:480px){

.program-content h2{

font-size:34px;

}

.program-features{

grid-template-columns:1fr;

gap:22px;

}

}/* End custom CSS */