/*
Theme Name: moncv-child
Template: moncv
Description: Créateur de CV en ligne
Author URI: https://agence-netclic.com/

Version: 1.0.0
Tags: cv, curriculum vitae, modele de cv, exemple de cv, créateur de cv, cv en ligne
*/


@font-face {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: normal;
    src: url('fonts/OutfitLight1.woff') format('woff');
    font-display: swap;
    }
    

@font-face {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/OutfitRegular.woff') format('woff');
        font-display: swap;
    }
    

@font-face {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: bold;
    src: url('fonts/OutfitSemiBold.woff') format('woff');
    font-display: swap;
    }
    

@font-face {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 900;
    src: url('fonts/OutfitBold.woff') format('woff');
    font-display: swap;
    }


@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/Inter-Medium.woff') format('woff');
    font-display: swap;
    }


@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: bold;
    src: url('fonts/Inter-Bold.woff') format('woff');
    font-display: swap;
    }

@font-face {
    font-family: 'Jakarta';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/plus-jakarta-sans-latin-300-normal.woff2') format('woff2');
    font-display: swap;
    }
@font-face {
    font-family: 'Jakarta';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/plus-jakarta-sans-latin-400-normal.woff') format('woff2');
    font-display: swap;
    }
@font-face {
    font-family: 'Jakarta';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/plus-jakarta-sans-latin-500-normal.woff2') format('woff2');
    font-display: swap;
    }
@font-face {
    font-family: 'Jakarta';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/plus-jakarta-sans-latin-600-normal.woff2') format('woff2');
    font-display: swap;
    }
@font-face {
    font-family: 'Jakarta';
    font-style: normal;
    font-weight: bold;
    src: url('fonts/plus-jakarta-sans-latin-700-normal.woff2') format('woff2');
    font-display: swap;
    }
@font-face {
    font-family: 'Jakarta';
    font-style: normal;
    font-weight: 800;
    src: url('fonts/plus-jakarta-sans-latin-800-normal.woff2') format('woff2');
    font-display: swap;
    }

@font-face {font-family: 'Gothic'; font-style: normal; font-weight: normal; src: url('/wp-content/themes/moncv-child/fonts/SpecialGothicExpandedOne-Regular.woff2') format('woff2'); font-display: swap;}
@font-face {font-family: 'Lobster'; font-style: normal; font-weight: normal; src: url('/wp-content/themes/moncv-child/fonts/LobsterTwo-Bold.woff2') format('woff2'); font-display: swap;}


* {font-family: 'Jakarta'; box-sizing: border-box; -webkit-box-sizing: border-box;}
h1, h2, h3, h4, h5, h6 {font-family: 'Jakarta'; font-weight: 300; color: #050C27;}
h2 span, h3 span {font-weight: 600;}
h1 {font-size: 50px; line-height: 60px; font-weight: bold !important;}
h2, .plikeh2 {font-size: 40px; line-height: 50px;}
p, li {font-size: 16px; line-height: 30px; color: #52606d;}
li {padding-bottom: 15px;}
body {margin: 0; font-size: 15px; line-height: 1.6em; letter-spacing: 0px;}
.container {margin: auto; padding-left: 15px; padding-right: 15px; width: 100%; max-width: 748px;}
a {transition: 0.4s; color: #0e2e44; cursor: pointer;}
header a {text-decoration: none !important;}
.button, input[type=button] {cursor: pointer; transition: 0.4s;}
.btn1 {background: #3D64FF; color: #ffffff; padding: 12px 30px; border-radius: 50px; position: relative; display: table; text-decoration: none !important; font-size: 16px; font-weight: 500; display: flex; align-items: center; gap: 10px; line-height: 30px;}
.btn1:hover {background: #1A46C9; color: white;}
.btn2 {background: #1f2933; color: #ffffff; padding: 12px 30px; border-radius: 50px; position: relative; display: table; text-decoration: none !important; font-size: 16px; font-weight: 500; display: flex; align-items: center; gap: 10px; line-height: 30px;}
.btn2:hover {background: #3D64FF; color: white;}
.btn1.btn-icon i {background: white; color: #3d64ff; border-radius: 50px; position: absolute; display: flex; width: 32px; height: 32px; align-items: center; justify-content: center; top: 11px; transition: .4s;}
.btn1.btn-icon:hover i {color: #1A46C9;}
.btn-icon.icon-left i {left: 14px;}
.btn-icon.icon-right i {right: 14px;}
.btn-icon.icon-left {padding-left: 55px;}
.btn-icon.icon-right {padding-right: 55px;}
.btn-center {margin:auto;}
.pos-rel {position: relative;}
.align-center {align-items: center;}
.justify-center {justify-content: center;}
.disp-flex {display: flex;}
.disp-flex .col33 {width: 33.33%;}
.disp-flex .col66 {width: 66.66%;}
.disp-flex .col50 {width: 50%;}
.disp-flex .col25 {width: 25%;}
.disp-flex .col20 {width: 20%;}
.disp-flex .col75 {width: 75%;}
.flex-wrap {flex-wrap: wrap;}
.align-item-center {align-items: center;}
.align-item-start {align-items: flex-start;}
.gap30 {gap:30px;}
.gap50 {gap:50px;}
.gap15 {gap:15px;}
.gap20 {gap:20px;}
.gap40 {gap:40px;}
.flex-wrap.gap30 .col33 {width: calc(33.33% - 20px);}
img {max-width: 100%;}
fieldset {border: none; margin: 0; padding: 0;}
:focus {outline: none !important;}
.txt-center {text-align: center;}
#container {margin: 0 !important; z-index: 1; position: relative; top: auto !important; float: none !important; padding-top: 84px !important;}
#container.no-header {padding-top: 0px !important;}
input, textarea, select {font-size: 16px !important;}
.margeb60 {margin-bottom: 60px !important;}
.marget60 {margin-top: 60px !important;}
.double-btn {display: flex; align-items: center; justify-content: center; gap: 30px;}
.double-btn .btn1:last-child {background: #1f2933;}
.maxw800 {max-width: 800px; margin: auto;}
.maxw900 {max-width: 900px; margin: auto;}
.full-height {min-height: 100vh; display: flex; align-content: center;}
.no-btn {text-decoration: none !important; color: black; font-weight: 600; display: flex; align-items: center; gap: 10px;}
.no-btn i {color: #3d64ff; font-size: 22px;}


/* START HEADER */
header {position: relative; z-index: 9; max-width: 100%; padding: 0; background: white; position: fixed; width: 100%; transition: .4s;}
.home header {background: #D3E0FA;}
header.scrolled {background: white; box-shadow: 3px 2px 20px 7px rgb(61 100 255 / 9%);}
.navbar {margin: 0; display: flex; justify-content: space-between; align-items: center; padding: 0 20px;}
.logo {text-decoration: none !important; margin-right: auto; flex: 1; width: 310px; max-width: 310px;}
.nav-links {list-style: none; display: flex; gap: 10px; padding-left: 0; margin-bottom: 0;}
.nav-btn {list-style: none; display: flex; gap: 10px; padding-left: 0; margin-bottom: 0; margin-left: auto;}
.nav-links li {display: inline;}
.nav-links a, .nav-btn a:not(.btn1) {text-decoration: none; color: #1F2933; font-size: 16px; transition: 0.3s; font-weight: 500; padding: 5px 10px; border-radius: 5px;}
.nav-btn a:not(.btn1) i {padding-right: 5px;}
.nav-links a:visited {text-decoration: none; color: #1F2933;}
.nav-btn {display: flex; align-items: center;}
.menu-toggle {display: none;}
.nav-btn .btn-rect {padding: 15px 30px;}
.nav-btn .btn-rect span {padding: 0;}

@media screen and (min-width: 769px) {
    .menu-links {flex: 2; display: flex; justify-content: center; align-items: center;}
    .menu-links .nav-links {flex: 1; justify-content: center;}
    .menu-links .nav-btn {flex: 1; justify-content: flex-end; width: 310px; max-width: 310px;}
    .nav-links a:hover {color: #3D64FF;}
    
}
@media screen and (max-width: 768px) {
    .menu-toggle {display: block;}
    .mobile-menu {display: none; flex-direction: column; position: absolute; top: 100%; left: 0; width: 100%; background: #fff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); padding: 20px;}
    .mobile-menu.active {display: flex;}
    .menu-links {display: none; position: fixed; top: 0px; left: 0; width: 100%; height: 100%; background: rgb(255 255 255 / 90%); display: flex; justify-content: center; align-items: center; flex-direction: column; z-index: -1; opacity: 0; transform: translateY(-100%); transition: opacity 0.3s ease, transform 0.3s ease; backdrop-filter: blur(3px);}
    .menu-links ul {list-style: none; padding: 0; text-align: center; flex-direction: column; margin: 0 auto;}
    .menu-links ul li {margin: 0;}
    .menu-links ul li a {font-size: 22px !important; text-decoration: none !important; line-height: 32px; font-weight: 600 !important;}
    .nav-btn {margin-top: 30px !important; border-top: solid 1px #d4d4d4; padding-top: 30px !important;}
    .burger-menu {display: flex; flex-wrap: wrap; width: 25px; height: 25px; gap: 5px;}
    .burger-menu span {background: #1f2933; display: block; width: 5px; height: 5px; border-radius: 20px; transition: .4s;}
    .burger-menu.open span:nth-child(2), .burger-menu.open span:nth-child(4), .burger-menu.open span:nth-child(6), .burger-menu.open span:nth-child(8) {opacity: 0;}
    
    .navbar {display: flex; align-items: center; padding: 10px 0;}
    .navbar .logo img {max-height: 35px; width: auto; display: block;}
    .navbar .burger-menu i {font-size: 26px; color: #070c27;}
    .no-scroll {overflow: hidden;}
    .menu-links.active {opacity: 1; transform: translateY(0); display: flex;}
    
}

/* END HEADER */




/* START FOOTER */
footer {background-color: white !important; color: white; clear: both; width: 100%;}
footer ul {list-style: none; padding: 0;}
footer img {margin-top: -10px;}
.background-footer .container {border-bottom: solid 1px #294458; padding-top: 50px; padding-bottom: 25px;}
.bottom-footer {padding: 10px 0;}
.bottom-footer span {float: right;}
.bottom-footer p{margin:0; font-size: 14px;}
.title-footer {font-size: 18px; color: #060c27; font-weight: 600;}
.footer-link a {text-decoration: none !important; }
.footer-link li {padding-bottom: 5px;}
.footer-link a:before {content: "\f105"; font-family: "Font Awesome 6 Pro"; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; color: #3d64ff; font-weight: 600; padding-left: 15px; font-size: 17px; padding-right: 7px;}
.info-contact-footer a:before {display:none;}
.info-contact-footer a {padding-left: 15px;}
.info-contact-footer i {color: #3d64ff; padding-right: 7px;}
.info-contact-footer .footer-rs i {color: #1f2933; font-size: 20px; margin-top: 12px;}
footer .btn1 {width: fit-content;}


@media screen and (max-width: 767px) {
    footer .disp-flex {flex-direction: column;}
    footer .disp-flex .col33 {width: 100%; margin: 10px 0;}
    footer .bottom-footer {text-align: center;}
    footer .bottom-footer span {display: block; float: none !important;}
    .footer-link {padding-bottom: 20px;}    
    .footer-link a {padding: 5px 0; display: block; position: relative;}
    .footer-rs {gap: 15px; display: flex;}
    footer img {margin-top: 0; max-height: 35px; width: auto;}
}
/* END FOOTER */



/* START HOME */
.top-home {margin: 0 0 100px 0; border-radius: 0 0 50px 50px; padding: 60px 0px 0px 0px; display: flex; flex-direction: column; align-items: center; justify-content: end; position: relative; text-align: center; background: linear-gradient(180deg, #D3E0FA, white);}
.top-home:before {content:""; background: #D3E0FA; width: 100%; height: 200px; display: block; position: absolute; left: 0; top: -200px; z-index: -1;}
.top-home .container {margin-bottom: 0px; z-index: 2;}
.top-home h1 {font-size: 65px; font-weight: bold; max-width: 800px; line-height: 75px; margin: auto; color: #1F2933; margin-bottom: 30px;}
.top-home .intro-home {font-size: 18px; max-width: 720px; line-height: 30px; margin: 0 auto 30px auto;}
.top-home .disp-flex {flex-direction: column;}
.top-home .disp-flex > div {width: 100%;}

.top-home img {display: block; margin: auto; width: 70%; margin-bottom: -110px; box-shadow: 0px 30px 50px 0px rgba(44.999999999999986, 53, 67.99999999999997, 0.14); border-radius: 20px;}

.home-why {padding: 100px 0;}
.home-why h2 {text-align: center; margin-bottom: 20px;}
.home-why .bloc-why {background: #f2f7fa; border-radius: 20px; padding: 30px 40px;}
.home-why .bloc-why h3 {display: flex; align-items: center; gap: 15px; font-weight: 500; font-size: 20px; line-height: 26px;}
.home-why .bloc-why h3 i {font-size: 35px;}
.home-why .bloc-why:first-child h3 i {color: #EC7C11;}
.home-why .bloc-why:nth-child(2) h3 i {color: #03C399;}
.home-why .bloc-why:nth-child(3) h3 i {color: #D8315B;}
.home-why .bloc-why:nth-child(4) h3 i {color: #3D64FF;}
.home-why .bloc-why-cta {width: calc(66.66% - 10px); background: #1f2933; position: relative;}
.home-why .bloc-why-cta p, .home-why .bloc-why-cta h3 {color: white; position: relative; z-index: 1;}
.home-why .bloc-why-cta .desc {background: linear-gradient(to right, #3d64ff 0%, #ffffff 100%); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent; font-weight: bold; position: relative; text-transform: uppercase; text-align: center;}
.home-why .bloc-why-cta h3 {text-align: center; justify-content: center; font-size: 26px; line-height: 36px; max-width: 600px; margin: auto;}
.home-why .bloc-why-cta a {color: white; text-decoration: none !important; background: #3d64ff; margin: 30px auto 10px auto; display: table; padding: 10px 30px; border-radius: 10px; font-weight: bold; position: relative; z-index: 1;}
.home-why .bloc-why-cta:before {content: ""; background: #00a4ff; display: block; width: 130px; height: 130px; border-radius: 100px; position: absolute; right: 90px; bottom: 34px; z-index: 1; filter: blur(56px); opacity: .5;}
.home-why .intro {text-align: center; margin-top: 0; margin-bottom: 50px;}

.how-home {padding-bottom: 100px;}
.how-home h2 {text-align: center; max-width: 500px; margin: auto; margin-bottom: 15px;}
.how-home .intro {margin-bottom: 40px; text-align: center;}
.how-home h3 {font-weight: 600; font-size: 22px; margin-top: 0;}
.how-home .btn1 {display: inline-block;}
.nav-howto {display: flex; justify-content: center; background: #f2f7fa; border-radius: 10px; margin-bottom: 25px; padding: 5px; position: relative;}
.nav-howto .nav-howto-selector {content: ""; background: white; width: calc(33.333% - 3.333px); border-radius: 10px 10px 0 0; left: 5px; top: 5px; height: calc(100% - 10px); position: absolute; z-index: 0; transition: left 0.3s ease;}
.bloc-nav-howto {flex: 1; cursor: pointer; padding: 0 20px; position: relative; z-index: 1;}
.bloc-nav-howto.active p {font-weight: 600;}
.content-howto {background: #f2f7fa; border-radius: 10px; display: flex; gap: 40px; padding: 5px;}
.content-howto .content-howto-img, .content-howto .content-howto-txt {flex: 1;}
.title-bloc-nav-howto {display: flex; align-items: center; gap: 10px; margin: 10px 0; color: #070c24;}
.title-bloc-nav-howto i {background: #d3e0fa; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 50px; font-size: 20px; color: #3d64ff;}
.howto-listing-etp {border: solid 1px #d2d7da; border-radius: 50px; padding: 3px 20px; color: #070c24; font-weight: 500; padding-left: 3px; display: flex; gap: 10px; width: fit-content;}
.howto-listing-etp:before {display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; background: #3d64ff; border-radius: 50px; color: white; font-weight: 300; font-family: 'Font Awesome 6 Pro' !important;}
.howto-etp1 .howto-listing-etp:before {content: "\f15c";}
.howto-etp2 .howto-listing-etp:before {content: "\f53f";}
.howto-etp3 .howto-listing-etp:before {content: "\f1e0";}
.content-howto-img img {border-radius: 10px; display: block;}
.progress-bar {position: absolute; bottom: -4px; left: 0; width: 100%; /* occupe 100% du bloc */ height: 4px; border-radius: 0 0 2px 2px; overflow: hidden;}
.progress-bar span {position: absolute; left: 0; top: 0; height: 100%; width: 0%; background: #3d64ff;}


.pdfcv-home .pdfcv-home-txt h3 {font-weight: 500; color: #050C27; display: flex; align-items: center; gap: 10px; margin-bottom: 0; margin-top: 25px;}
.pdfcv-home .pdfcv-home-txt h3 .number-etp {width: 25px; height: 25px; background: #3d64ff; display: flex; align-items: center; justify-content: center; color: white; border-radius: 50px; font-size: 14px;}


.listing-cv-home {padding-top: 100px;}
.etp-red .etp:before{background:#b70e0e !important}
.etp-red .row-txt .etp h3 {color: #b70e0e;}
.cta-bottom {padding: 60px 0; background: #1f2933; position: relative; overflow: hidden;}
.cta-bottom img {position: absolute; max-width: 300px; top: 20%; left: 20%; opacity: .6; transform: rotate(344deg); z-index: 1;}
.cta-bottom .content-cta-bottom {max-width: 800px; text-align: center; margin: auto; position: relative; z-index: 2;}
.cta-bottom .content-cta-bottom h2 {color: white; font-size: 34px; margin-bottom: 15px;}
.cta-bottom .content-cta-bottom .intro {max-width: 500px; margin: 0 auto 25px auto;}
.cta-bottom .content-cta-bottom h2 span {display: block; font-size: 40px;}
.cta-bottom .content-cta-bottom p {color: white;}
.cta-bottom .btn1 {display: table;}
.img-apercu-builder {position: relative; display: flex; flex-direction: column; justify-content: end;}
.img-apercu-builder .img-txt1 {position: absolute; margin: 0; top: 180px; background: #ffffff; box-shadow: -1px 1px 30px rgb(25 65 109 / 18%); padding: 20px; border-radius: 15px; color: #060c27; font-size: 14px; left: -74px; max-width: 320px; text-align: left;}
.img-apercu-builder .img-txt2 {position: absolute; margin: 0; top: -40px; background: #ffffff; box-shadow: -1px 1px 30px rgb(25 65 109 / 18%); padding: 20px; border-radius: 15px; color: #060c27; font-size: 14px; right: 30px; max-width: 360px; text-align: left;}
.img-apercu-builder .title {margin: 0; font-size: 18px; font-weight: bold; color: #1f2933;}
.img-apercu-builder .desc {list-style: none !important; padding: 0;display: flex; flex-direction: column; gap: 6px; padding-top: 10px;}
.img-apercu-builder .desc li {display: flex; align-items: center; gap: 20px;}
.img-apercu-builder .desc li i {background: #E9EEF8; display: flex; align-items: center; justify-content: center; line-height: 45px; color: #3d64ff; border-radius: 100px; min-width: 45px; font-size: 20px;}
.img-apercu-builder .desc li:nth-child(2) i {background: #FDF1DF; color: #ECB240;}
.img-apercu-builder .desc li:nth-child(3) i {background: #E9FFCF; color: #62912a;}
.img-apercu-builder .desc li span {line-height: 22px; font-size: 14px;}
.img-apercu-builder .desc li strong {display: block; color: #1f2933; font-weight: 600; font-size: 16px;}
.img-apercu-builder .img-txt2 .desc {display: flex; flex-direction: row; gap: 30px;}
.img-apercu-builder .img-txt2 .desc li {gap: 14px;}
.img-apercu-builder .img-txt2 .desc li strong {font-size: 26px;}

.avis-clients {padding: 100px 0; position: relative;}
.avis-clients h2 {max-width: 600px;}
.avis-clients .cs-arrow-left {top: -85px; position: absolute; right: 90px;}
.avis-clients .cs-arrow-right {top: -85px; position: absolute; right: 22px;}
.avis-clients .card-slider .cs-arrow i {background: #060c27; color: white; box-shadow: none;}
.avis-clients .scroll_limit_min .cs-arrow-left {display: block !important; opacity: .4;}
.avis-clients .scroll_limit_max .cs-arrow-right {display: block !important; opacity: .4;}
.avis-clients .carousel {grid-auto-columns: calc((100% / 3) - 11px) !important;}
.avis-clients .carousel .avis {border: solid 2px #f2f7fa; padding: 30px; background: #f2f7fa;}
.avis-clients .carousel .card .txt-avis {text-align: left;}
.avis-clients .carousel .card .bottom-avis {display: flex; align-items: center; margin-top: 30px;}
.avis-clients .carousel .card .img-avis img {display: block; max-width: 80px; border-radius: 100px; margin-right: 20px;}
.avis-clients .carousel .card .nom-avis {text-align: left; margin-bottom: 3px; font-weight: bold; color: #0b1e40; font-size: 18px;}
.avis-clients .carousel .card .icon-avis {margin-left: auto;}
.avis-clients .carousel .card .icon-avis img {box-shadow: none;}
.avis-clients .carousel .card i {color: #F7B554;}
.avis-clients .carousel .card .note-avis {margin-top: 0;}
.avis-clients .card-slider {margin: 0 !important; width: 100% !important;}
.av-cv-pro {display: flex; flex-wrap: wrap; gap: 20px;}
.av-cv-pro .bloc-av-cv-pro {width: calc(50% - 10px);}
.av-cv-pro .bloc-av-cv-pro p {text-align: center; color: #060c27; font-weight: 500; font-size: 18px; margin-top: 0; margin-bottom: 0;}
.av-cv-pro .bloc-av-cv-pro img {width: 120px; border-radius: 500px;}

.faq-home {padding-bottom: 100px;}
.faq-home .intro {text-align: center; max-width: 800px; margin: 0 auto 40px auto;}
.faq-home h2 {text-align: center; margin-bottom: 15px;}
.faq-home .faq {max-width: 800px; margin: auto; display: flex; flex-direction: column; gap: 20px;}
.faq-item {background: #f2f7fa; padding: 18px 55px 18px 25px; border-radius: 30px; position: relative;}
.faq-answer {max-height: 0; overflow: hidden; transition: max-height 0.3s ease;}
.faq-question {cursor: pointer; margin: 0; font-weight: 500; font-size: 18px;}
.faq-item .faq-question:after {content:"\2b"; font-weight: 900; font-family: "Font Awesome 6 Pro"; position: absolute; right: 15px; top: 15px; background: #3e64ff; width: 30px; height: 30px; border-radius: 50px; display: flex; align-items: center; justify-content: center; color: white; transform: rotate(0deg); transition: .3s;}
.faq-item.active .faq-question:after {transform: rotate(45deg);}
.faq-item.active .faq-question {font-weight: 600;}
.faq-item h4 {font-size: 16px; font-weight: 500; margin-bottom: 0; margin-top: 35px;}




@media screen and (max-width: 767px) {
    .top-home .disp-flex {flex-direction: column;}
    .top-home .disp-flex > div {width: 100%;}
    .top-home img {width: 90%;}
    .sect-etp-3col .disp-flex {flex-direction: column;}
    .sect-etp-3col .disp-flex > div {width: 100%;}    
    .img-apercu-builder .img-txt1 {display: none;}
    .img-apercu-builder .img-txt2 {display: none;}
    .img-apercu-builder .img-txt3 {display: none;}
    .img-apercu-builder .img-txt4 {display: none;}
    .img-apercu-builder img {max-width: 360px}
    .avis-clients {max-width: 100%; text-align: center;}
    .avis-clients .card-slider .cs-arrow {display: none !important;}
    .avis-clients .carousel {grid-auto-columns: 100% !important;}
    .bloc-img-txt-fond .disp-flex {flex-direction: column;}
    .bloc-img-txt-fond .disp-flex > div {width: 100%;}
    .listing-cv-home {padding-top: 30px;}
    .bloc-img-txt-fond {margin: 0px 0px 60px 0px !important;}
    .cta-bottom {margin: 0;}
    .av-cv-pro {flex-direction: column;}
    .av-cv-pro .bloc-av-cv-pro {display: flex; align-items: center; width: 100%; gap: 20px;}
    .av-cv-pro .bloc-av-cv-pro p {text-align: left; font-size: 16px;}
    .av-cv-pro .bloc-av-cv-pro img {width: 90px; min-width: 90px;}
    #container {padding-top: 55px !important;}
    .top-home .intro-home {font-size: 16px; margin-bottom: 20px;}
    .double-btn {flex-direction: column; gap: 0;}
    .double-btn .btn1, .double-btn .btn2 {margin: 15px auto;}
    .disp-flex {flex-direction: column;}
    .disp-flex > div {width: 100% !important;}
    .home-why, .avis-clients {padding: 50px 0;}
    .pdfcv-home {padding-top: 50px;}
    .pdfcv-home .disp-flex {flex-direction: column-reverse;}
    .home-why .bloc-why {padding: 20px 30px;}
    .home-why .bloc-why-cta h3 {font-size: 20px; line-height: 30px;}
    .cta-bottom .content-cta-bottom h2 span {font-size: 30px;}
    .cta-bottom .content-cta-bottom h2 {font-size: 26px !important; line-height: 38px !important;}
    .nav-howto {display: none;}
    .content-howto {flex-direction: column-reverse; padding: 25px; margin-bottom: 15px;}
    .how-home {padding-bottom: 0;}
}
/* END HOME */


/* START PAGE */
.head-page {margin: 60px 0;}
.head-page h1 {text-align: center; max-width: 800px; margin: auto;}
.head-page .intro {max-width: 800px; margin: 15px auto 0 auto; text-align: center;}
.head-page .container {position: relative; z-index: 2;}
.breadcrumb {display: table; margin: 0 auto 15px auto; border: solid 1px #556370; padding: 4px 20px; border-radius: 50px; color: #556370; font-size: 14px;}
.breadcrumb a {text-decoration: none !important; color: #556370; font-weight: 500;}
.breadcrumb > span > span:not(.breadcrumb_last):after {content:"\f054"; font-weight: 400; font-family: "Font Awesome 6 Pro"; margin: 0 5px; font-size: 12px;}
.sect-txt {max-width: 900px !important; margin: 0 auto 60px auto;}
.sect-txt h2 {font-size: 28px;}
.title-404 {text-align: center; font-size: 150px; font-weight: bold; margin: 0; line-height: 170px; color: #D3E0FA;}
.slide-404 .intro {margin-bottom: 40px;}
.listing-templates .bloc-template {width: calc(50% - 20px); position: relative; overflow: hidden; box-shadow: 3px 2px 20px 7px rgb(0 0 0 / 9%); border-radius: 20px;}
.listing-templates .bloc-template:not(.free-template):after {content: "\f521"; font-family: "Font Awesome 6 Pro"; margin-right: 6px; font-weight: 900; font-size: 16px; position: absolute; color: #d57d09; top: 10px; width: 30px; text-align: center; height: 30px; border-radius: 10px; background: #ffffff; right: 10px; margin-top: 0; box-shadow: 2px 1px 12px 0px #605f5f36;display: flex; align-items: center; justify-content: center;}
.listing-templates .bloc-template:before {content:""; border-radius: 20px; background: transparent; position: absolute; display: block; width: 100%; height: 100%; left: 0; top: 0; backdrop-filter: blur(0px); transition: .3s;}
.listing-templates .bloc-template:hover:before {background: rgb(255 255 255 / 41%); backdrop-filter: blur(3px);}
.listing-templates .bloc-template img {border-radius: 20px; display: block;}
.listing-templates .bloc-template .btn-template {position: absolute; bottom: -100px; width: 100%; transition: .3s; margin: 0;}
.listing-templates .bloc-template:hover .btn-template {bottom: 50px;}
.listing-templates {padding-bottom: 80px;} 
.bar-settings-theme {position: fixed; right: 15px; bottom: 15px; z-index: 99; background: rgb(255 255 255 / 43%); padding: 15px; box-shadow: 4px 5px 50px 0px rgb(128 128 128 / 36%); border-radius: 10px; display: flex; align-items: center; gap: 10px; backdrop-filter: blur(6px); border: solid 1px #e0e0e0; height: 70px;}
.bar-settings-theme > div {display: flex; align-items: center; gap: 10px;}
.bar-settings-theme > .button-settings-theme {gap: 5px; cursor: pointer; padding-left: 6px;}
.bar-settings-theme > .button-settings-theme .fa-gear-complex {font-size: 26px; transition: .4s;}
.bar-settings-theme > .button-settings-theme:hover .fa-gear-complex {transform: rotate(45deg);}
.bar-settings-theme > div:not(:last-child) {border-right: solid 1px #afafaf; padding-right: 20px; margin-right: 10px;}
.bar-settings-theme p {margin: 0; font-weight: bold; color: black;}
.bar-settings-theme > div .listing-setting-theme {justify-content: center; display: flex; gap: 10px; position: relative;}
.bar-settings-theme > div .listing-setting-theme select {min-width: 150px; background: rgb(255 255 255 / 51%); border: solid 1px #bbbbbb; padding: 8px 30px 8px 10px; border-radius: 5px; cursor: pointer;}
.select-title-font .listing-setting-theme:before, .select-text-font .listing-setting-theme:before {content:"\f078"; font-family: "Font Awesome 6 Pro"; font-weight: 900;position: absolute; font-size: 12px; right: 10px; top: 7px; pointer-events: none;}
.bar-settings-theme.close {width: 70px; overflow: hidden;}
.bar-settings-theme.close .button-settings-theme {border-right: none !important;}
.etp {padding-left: 60px; padding-top: 20px; border-bottom: solid 2px #dee3ed; padding-bottom: 30px; margin-bottom: 30px; position: relative;}
.etp:last-child {border-bottom:none; padding-bottom: 0px; margin-bottom: 0px;}
.etp h3 {margin: 7px 0 0 0; color: #3d64ff;}
.etp1:before, .list-number ul li:first-child:before {content:"1";}
.etp2:before, .list-number ul li:nth-of-type(2):before {content:"2";}
.etp3:before, .list-number ul li:nth-of-type(3):before {content:"3";}
.etp4:before, .list-number ul li:nth-of-type(4):before {content:"4";}
.etp5:before, .list-number ul li:nth-of-type(5):before {content:"5";}
.etp6:before, .list-number ul li:nth-of-type(6):before {content:"6";}
.etp7:before, .list-number ul li:nth-of-type(7):before {content:"7";}
.etp8:before, .list-number ul li:nth-of-type(8):before {content:"8";}
.etp9:before, .list-number ul li:nth-of-type(9):before {content:"9";}
.list-number ul {list-style: none; padding: 0;}
.list-number ul li {padding: 30px 20px; background: #dfe8fc; border-radius: 0 0 10px 10px; margin: 20px 0; padding-left: 80px; position: relative;}
.etp:before, .list-number ul li:before {position: absolute; left: 20px; background: #3d64ff; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; color: white; border-radius: 10px; font-size: 18px; font-weight: 600; top: 26px;}



.bloc-img-txt-fond {margin: 0px 40px 100px 40px; border-radius: 0 0 50px 50px; padding: 40px; background-color: transparent; background-image: linear-gradient(180deg, #ffffff 0%, #dfe8fc 100%); border-color: #dfe8fc; border: solid 1px #dfe8fc;}
.faq {margin-bottom: 100px;}
.faq details {background: #f6f5fa; padding: 20px; border-radius: 5px; max-width: 900px; margin: 15px auto 0 auto;}
.faq summary {list-style-type: none; display: flex; cursor: pointer; position: relative;}
.faq summary h2, .faq summary h3 {font-size: 20px; line-height: 30px; margin: 0; padding-left: 15px;}
.faq summary:before {content: "\f105"; font-weight: 600; font-family: "Font Awesome 6 Pro"; font-size: 16px; padding-top: 2px; transition: 0.3s;}
.faq details[open] summary:before {rotate: 90deg;}
.faq .plikeh2 {color: #060c27; text-align: center; font-weight: 500; max-width: 600px; margin: 0 auto 50px auto;}
.listing-av-exemplecv h2 {margin: 0 auto 80px auto; max-width: 600px;}
.row-txt {border-radius: 5px; position: relative;}
.row-container {padding: 20px; max-width: 900px; margin: 0px auto 40px auto;}
.row-txt h2 {font-size: 40px; line-height: 50px; margin: 0 auto 40px auto; text-align: center; max-width: 700px;}
.row-txt h2.txt-left {margin-left: 0;}
.row-back-blue {background-color: transparent; background-image: linear-gradient(140deg, #ffffff 0%, #dfe8fc 100%); padding: 60px 0; margin-bottom: 60px;}


.img-bulle-cv img {max-width: 70%; margin: auto;display: block}
.img-bulle-cv .img-txt2 {top: 150px;}
.img-bulle-cv .img-txt4 {top: 500px;}
.bloc-back-blue-txt-img {background: #060c27; padding: 50px 0; margin: 50px 0;}
.bloc-back-blue-txt-img h2, .bloc-back-blue-txt-img p, .bloc-back-blue-txt-img a {color: white;}
.bloc-back-blue-txt-img h3{color:#fff}
.img-grille-bl {display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative;}
.img-grille-bl img {margin: auto; display: block; border-radius: 10px; z-index: 1; max-height: 70%; max-width: 70%;}
.img-grille-bl:before {content:""; background-image: url(https://moncv.com/wp-content/uploads/2024/02/back-grille-bl.webp); display: block; width: 100%; height: 100%; position: absolute; z-index: 0; background-position: center center; background-repeat: no-repeat; background-size: contain;}
.grille-blue:before {background-image: url(https://moncv.com/wp-content/uploads/2024/02/grille-blue.webp) !important;}
.grille-blue:after {content:""; background: #5edfff; width: 50%; height: 50%; display: block; position: absolute; left: calc(50% - 25%); top: calc(50% - 25%); border-radius: 500px; filter: blur(55px); transform: rotate(17deg); z-index: 0; opacity: 0.7;}
.back-orange {background-color: #FFF4DE; padding: 60px 0;}
.back-blue {background-color: #DFE8FC; padding: 60px 0;}


.sect-typecv .carousel {grid-auto-columns: 100% !important;}
.sect-typecv .carousel .content-typecv {display: flex; gap: 30px; align-items: center;}
.sect-typecv .carousel .content-typecv .img-typecv, .sect-typecv .carousel .content-typecv .txt-typecv {width: 50%;}
.sect-typecv .carousel .content-typecv .img-typecv img {border-radius: 10px;}
.sect-typecv .cs-arrow-right {top: 30px; position: absolute; right: 0;}
.sect-typecv .cs-arrow-left {top: 30px; position: absolute; right: 75px;}
.sect-typecv.scroll_limit_min .cs-arrow-left, .sect-typecv.scroll_limit_max .cs-arrow-right {display: block; opacity: .3;}
.sect-typecv .cs-arrow i {box-shadow: none !important; border: solid 1px #c5c5c5;}
.sect-typecv .carousel .content-typecv .txt-typecv {padding-top: 70px; padding-bottom: 30px;}
.img-typecv {background: #070c27; padding: 30px; border-radius: 10px; margin-bottom: 0;}
.img-typecv img {max-width: 400px; margin: auto; display: block;width:100%}

.div-inconvenient , .div-avantage {padding: 15px 30px 0 30px;border-radius:5px;border: solid 1px #000;}
.div-inconvenient ul , .div-avantage ul {padding-left:10px}
.a-savoir {background:#050C27; padding:50px 75px;border-radius:50px}
.a-savoir p , .a-savoir h2{color:#fff}
.a-savoir a {color: #fff;}
.row-a-savoir img{max-width:200px;position:absolute;bottom:0;right:0;animation: img-topbot 10s infinite linear;}

.back-table{background-color:#dfe8fc;border-radius:20px;}
.diff-tableau {;border-collapse: collapse;}
.diff-tableau td{border:4px solid #fff;padding:15px}
.diff-tableau li{font-size:15px;color:#000;line-height:1.6em;padding-bottom:0 !important}
.back-table td ul{padding-left:15px;margin:0}
.back-table .col50 {border:1px solid black;}

.content-page-sidebar {padding: 100px 0;}
.content-page-sidebar .container {display: flex; gap: 40px; align-items: flex-start;}
.content-page-sidebar .sidebar-cta {width: 30%; top: 115px; position: sticky;}
.content-page-sidebar .content-page {width: 70%;}
.content-page-sidebar .bloc-cta-sidebar {background: #f2f7fa; border-radius: 10px; overflow: hidden;}
.content-page-sidebar .title-cta {padding: 25px 25px 0 25px; color: #050C27; font-size: 24px; line-height: 36px; margin: 0; font-weight: 500;}
.content-cta-sidebar {background-image: url(/wp-content/uploads/2025/07/back-templates-cv.webp); padding: 15px 25px 25px 25px; background-size: cover; background-position: top; position: relative;}
.content-cta-sidebar:before {content: ""; position: absolute; display: block; width: 100%; height: 100%; left: 0; top: 0; background: linear-gradient(180deg, #f2f7fa 10%, hsl(202.5deg 44.44% 96.47% / 24%)); z-index: 0 !important;}
.content-cta-sidebar > * {position: relative; z-index: 1;}
.content-cta-sidebar p {margin: 0; padding-bottom: 50px; font-size: 16px; line-height: 26px; color: #444858;}
.content-cta-sidebar .btn1 {display: table;}
.content-page h2 {font-size: 30px; line-height: 38px; font-weight: 400; margin-top: 60px;}
.content-page h2:first-child {margin-top: 0 !important;}
.content-page ul li {padding-bottom: 6px;}
.content-page ul li::marker {color: #3D64FF !important;}
.content-page h3 {font-weight: 400; font-size: 20px; line-height: 28px; padding-top: 20px;}
/* END PAGE */


/* START PAGE METIER */
.listing-child-metier h2 {text-align: center; font-size: 30px;}
.search-bar-job {max-width: 600px; width: 100%; margin: auto; position: relative;}
.search-bar-job input {width: 100%; padding: 8px 20px; border-radius: 6px; background: #F2F7FA; border: solid 1px #efefef; min-height: 50px;}
#suggestions {border: 1px solid #efeff0; max-height: 200px; overflow-y: auto; display: none; position: absolute; z-index: 1; width: 100%; list-style: none; background: #ffffff; margin: 0; padding: 5px; border-radius: 6px;}
#suggestions li {padding: 0;}
#suggestions li.no-result {padding: 6px 20px;}
#suggestions li a:hover {background-color: #f0f0f0;}
#suggestions li:not(.no-result) a:before {content:"\f002"; font-family: "Font Awesome 6 Pro"; font-weight: 900;}
#suggestions a {text-decoration: none !important; padding: 6px 20px; display: flex; gap: 10px; align-items: center; border-radius: 6px; color: #070c27; width: 100%;}
#clear-search {position: absolute; right: 15px; top: 50%; transform: translateY(-50%); cursor: pointer; font-size: 16px; color: #070c27; display: none;}
#clear-search i {border: solid 1px #878b8d; width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; border-radius: 50px;}
.bloc-child-metier ul {padding: 0; list-style: none !important; display: flex; gap: 25px; flex-wrap: wrap;}
.bloc-child-metier ul li {padding: 0; width: calc(25% - 19px);}
.bloc-child-metier ul li a {padding: 15px; background: #f2f7fa; display: block; border-radius: 10px; text-decoration: none !important; font-weight: 600;}
.bloc-child-metier ul li a img {height: 200px; display: block; border-radius: 10px; object-fit: cover; overflow: hidden; width: 100%; margin-bottom: 10px;}
.bloc-child-metier h3 {font-weight: 500; padding-top: 30px;}
.template-cv-page-metier img {max-width: 600px; margin: 30px auto; display: block;}
.template-cv-page-metier .btn1 {display: table;}
.bloc-exemple-redac {background: #f2f7fa; border-radius: 20px; padding: 30px 40px;}
.title-bloc-exemple-redac {font-weight: 500; color: #050C27; margin-top: 25px;}
.bloc-exemple-redac .title-exemple-redac {margin: 0; font-weight: 600; color: #3d64ff; font-size: 18px;}
.bloc-exemple-redac p:not(.title-exemple-redac), .bloc-exemple-redac li {font-size: 15px; line-height: 26px;}
.bloc-exemple-redac strong {font-weight: 600;}
.date-xp-exemple-redac {margin-bottom: 0; font-style: italic;}
.job-xp-exemple-redac {margin: 5px 0 0 0; font-weight: 600;}
.ese-xp-exemple-redac {margin: 0;}
.bloc-exemple-redac ul {margin: 5px 0;}
.bloc-exemple-redac ul li {padding-bottom: 2px;}
.faq-page h2 {text-align: left;padding-top: 60px; padding-bottom: 15px;}
.faq-page .faq {max-width: 100% !important;}
.faq-page .faq-question {padding-top: 0 !important;}
.btn-create-cv-job {position: fixed; bottom: -2px; left: 0; z-index: 99; background: rgb(255 255 255 / 43%); padding: 15px; box-shadow: 4px 5px 50px 0px rgb(128 128 128 / 36%); border-radius: 10px 10px 0 0; display: flex; align-items: center; justify-content: center; gap: 10px; backdrop-filter: blur(6px); border: solid 1px #e0e0e0; width: 100%;}
@media screen and (max-width: 767px) {
    .content-page-sidebar .container {flex-direction: column;}  
    .sidebar-cta {display: none;}
    .content-page-sidebar .content-page {width: 100%;}
    .template-cv-page-metier img {max-width: 100% !important;}
}
/* END PAGE METIER */

/* START BUILDER */

.hc_bookBuilder_form_field_date .hc_bookBuilder_form_field_date_day,
.hc_bookBuilder_form_field_date .hc_bookBuilder_form_field_date_month {
    width: 50px !important;
	padding-right:5px !important;
}

.hc_bookBuilder_form_field_date .hc_bookBuilder_form_field_date_month,
.hc_bookBuilder_form_field_date .hc_bookBuilder_form_field_date_year {
	padding-left:5px !important;
}

.hc_bookBuilder_form_field_date .hc_bookBuilder_form_field_date_day {
    width: 50px !important;
}

.hc_bookBuilder_form_field_date .hc_bookBuilder_form_field_date_month {
    width: 40px !important;
}

.hc_bookBuilder_form_field_date .hc_bookBuilder_form_field_date_year {
    width: 75px !important;
}

.hc_bookBuilder_form_field_date input[type="number"] {
	border: 0 !important;
}

.hc_bookBuilder_form_field_date .hc_bookBuilder_form_field_date_fields {
	background-color:white;	
	border: solid 1px #d7dde0 !important;
    border-radius: 10px;
}
.hc_bookBuilder_template_container .hc_bookBuilder_post_buttons {
    left: 15px !important;
    bottom: 15px !important;
    z-index: 99 !important;
    background-color: rgb(255 255 255 / 65%);
    padding: 12px 30px !important;
    box-shadow: 4px 5px 50px 0px rgb(128 128 128 / 36%);
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    backdrop-filter: blur(6px);
    border: solid 1px #e0e0e0;
    width: calc(100% - 30px) !important;
    justify-content: flex-end;
}
.hc_bookBuilder_template_container .hc_bookBuilder_quickaccess_buttons {
    width: auto !important;
    margin: auto;
    left: auto !important;
    right: 15px;
}
.hc_bookBuilder_template_container .hc_bookBuilder_quickaccess_buttons a {
    font-weight: bold !important;
    display: flex;
    align-items: center;
    gap: 10px;
}
.hc_bookBuilder_post_buttons .hc_bookBuilder_post_buttons_content {
    display: flex;
    justify-content: flex-end;
    gap: 25px;
}
.hc_bookBuilder_template_container .hc_bookBuilder_post_buttons .hc_bookBuilder_post_button {
    background-color: transparent !important;
    color: black !important;
    text-transform: initial !important;
    border: none !important;
    font-weight: 500 !important;
    padding: 0 !important;
	line-height: 37px !important;
    height: 37px !important;
}
.hc_bookBuilder_template_container .hc_bookBuilder_post_buttons .hc_bookBuilder_post_button.previewConfirmSubmit {
    background-color: #050D27 !important;
    color: white !important;
    padding: 6px 25px !important;
    line-height: 25px !important;
    border-radius: 10px;
}
.hc_bookBuilder_template_container .hc_bookBuilder_post_buttons a.hc_bookBuilder_post_button {
    text-decoration:none;
}


/* END BUILDER */

@media screen and (max-width: 767px) {
    .row-txt .disp-flex {flex-direction: column;}
    .row-txt .disp-flex > div {width: 100%;}
    .disp-flex-mobile .disp-flex{flex-direction:column}
	.disp-flex-mobile .col50{width:100% !important}
	.top175{margin-top:175px}
	.row-container{padding : 0}
	.a-savoir{padding:20px 10px !important;border-radius:20px !important}
	.row-a-savoir img{bottom:-170px !important}
	.img-bulle-cv img{max-width:90%}
	.row-txt .etp:before{left:0}
	.row-txt .etp {padding-left:10px}
	.row-txt .etp h3 {margin:0;padding-left:40px}
    .sect-typecv .carousel .content-typecv {gap: 0;align-items: normal;flex-direction: column;}
    .sect-typecv .carousel .content-typecv .img-typecv, .sect-typecv .carousel .content-typecv .txt-typecv {width: 100%;}
    .card-slider.sect-typecv {width: 100% !important;margin:0 auto !important;}
    table{ display: block;overflow-x: auto;}
	.back-table{padding:0 !important}
	.back-table td{min-width:200px}
    .bar-settings-theme {flex-direction: column; height: auto; align-items: flex-start; width: 100%; bottom: 0; left: 0; border-radius: 10px 10px 0 0;}
    .bar-settings-theme > div {border-right: none !important; margin-right: 0 !important; padding-right: 0 !important; width: 100%;}
    .bar-settings-theme > div .listing-setting-theme {flex: 1; justify-content: flex-start;}
    .bar-settings-theme > div .listing-setting-theme select {width: 100%; color: black !important;}
    .bar-settings-theme > .button-settings-theme {justify-content: flex-end;}
    .bar-settings-theme.open > .button-settings-theme i::before {content: "\f00d";}
    .bar-settings-theme.close {height: 50px; width: 50px; left: auto; bottom: 10px; right: 10px; align-items: center; justify-content: center; border-radius: 10px; text-align: center; padding: 0;}
    .bar-settings-theme.close .select-color-theme, .bar-settings-theme.close .select-text-font, .bar-settings-theme.close .select-title-font  {display: none;}
    .bar-settings-theme.close .button-settings-theme {justify-content: center; padding: 0;}
    .bar-settings-theme.close .button-settings-theme i {font-size: 22px;}
    .bar-settings-theme > .button-settings-theme:hover .fa-gear-complex {transform: none;}
}
    
/* END PAGE */


/* START PAGE CONNEXION / INSCRIPTION */
.form-connexion input[type=text], .form-connexion input[type=password] {margin-bottom: 20px; border-radius: 5px !important; border: solid 1px #d8e3ea !important; padding: 15px !important; width: 100%; height: 50px !important; box-shadow: none !important; font-size: 16px;}
.form-connexion .gfield_required {display: none;}
.form-connexion label {font-size: 16px; padding-bottom: 10px; display: block; font-weight: 500;}
.form-connexion .gfield--type-remember_me .gchoice {display: flex; align-items: center; justify-content: center; gap: 10px;}
.form-connexion .gfield--type-remember_me .gchoice label {padding-bottom: 0;}
.form-connexion .gform_footer .button {display: table; background: #3964ff; color: white; border: none; padding: 10px 30px; border-radius: 10px; margin: 25px auto 10px auto; font-size: 16px; font-weight: bold; line-height: 30px;}
.form-connexion .gform_footer .button:hover {background: #3964ff; color: white;}
.form-connexion .gf_login_links {text-align: center;}
.form-connexion .gf_login_links a {color: #060c27;}
.content-connexion {margin-bottom: 60px;}
.page-creer-cvel {display: flex; width: 100%;}
.page-creer-cvel > div {width: 50%; min-height: 100vh; padding: 50px 25px 0 25px; display: flex; align-items: center; justify-content: center;}
.page-creer-cvel > div > div {max-width: 600px; width: 100%;}
.creer-cv-form {background: #f2f6f8;}
.creer-cv-theme {background: #050C27; padding: 0 !important;}
.creer-cv-theme img {height: 100%; object-fit: cover; overflow: hidden; width: 100%; opacity: .5;}
.title-inscription {border-bottom: solid 1px #c6cad1; padding-bottom: 10px; margin-bottom: 30px;}
.title-inscription h1, .title-inscription h2 {margin: 0; font-size: 36px; line-height: 45px; text-align: left;}
.title-inscription p {margin: 10px 0;}
.title-inscription a {color: #3D64FF; text-decoration: none !important;}
.hc_bookBuilder_form_inscription .hc_bookBuilder_buttons{
		display:none;
}

@media screen and (max-width: 767px) {
    .page-creer-cvel {flex-direction: column;}
    .page-creer-cvel > div {width: 100% !important; display: block !important;}
    .title-inscription {padding-top: 50px;}
    .creer-cv-form:before {content:""; background-image: url(/wp-content/uploads/2025/07/back-templates-cv.webp); width: 100%; position: absolute; height: 300px; background-position: center; background-size: cover; opacity: .2; top: 0; left: 0; z-index: 0;}
    .creer-cv-form:after {content:""; position: absolute; display: block; width: 100%; height: 300px; background: linear-gradient(0deg, #f2f6f8, transparent); top: 0; left: 0; z-index: 1;}
    .creer-cv-form .content-creer-cv-form {position: relative; z-index: 2;}
    .page-id-13 header, .page-id-17 header {background: transparent !important; display: block !important;}
    .form-connexion .gform_footer .button {width: 100%;}
    .page-creer-cvel .creer-cv-theme {display: none !important;}
}
/* END PAGE CONNEXION */





/* START PAGE CONTACT */
.form-contact {max-width: 600px; background: #f2f7fa; border-radius: 10px; padding: 50px; margin: 0 auto 80px auto;}
.form-contact input[type=text], .form-contact input[type=email] {border-radius: 5px !important; border: solid 1px #d8e3ea !important; padding: 15px !important; width: 100%; height: 50px !important; box-shadow: none !important; font-size: 16px;}
.form-contact textarea {border-radius: 5px !important; border: solid 1px #d8e3ea !important; padding: 18px 20px !important; width: 100%; box-shadow: none !important; font-size: 16px;}
.form-contact .gform_footer {justify-content: center;}
.form-contact input[type=submit] {font-size: 16px !important; border-radius: 50px !important; background-color: #3d64ff !important; padding: 12px 30px !important; position: relative; text-decoration: none !important;}
.form-contact input[type=submit]:hover {background: #060c27 !important;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #fbfcfd inset;box-shadow: 0 0 0px 1000px #fbfcfd inset;}
/* END PAGE CONTACT */


/* START TARIFS */
.listing-offres {display: flex; gap: 40px; padding-bottom: 50px;}
.listing-offres .bloc-offre {background: #F2F7FA; padding: 25px; border-radius: 20px; flex: 1; display: flex; flex-direction: column;}
.listing-offres .bloc-offre .nom-offre {font-weight: 600; font-size: 22px; line-height: 30px; margin-top: 10px; margin-bottom: 30px; display: flex; align-items: center; gap: 15px;}
.listing-offres .bloc-offre .nom-offre i {width: 60px; background: #ffffff; height: 60px; display: flex; align-items: center; justify-content: center; color: #3d64ff; border-radius: 10px; font-size: 28px;}
.listing-offres .bloc-offre .prix-offre {font-weight: bold; color: #010101; font-size: 32px; margin-bottom: 0; margin-top: 0;}
.listing-offres .bloc-offre .prix-offre span {font-weight: initial; color: gray; font-size: 16px;}
.listing-offres .bloc-offre .desc-offre {border-bottom: solid 1px #dce1e4; padding-bottom: 20px; margin-bottom: 20px; font-size: 16px; line-height: 28px; font-weight: 300;}
.listing-offres .bloc-offre .av-offre {padding: 0; list-style: none;}
.listing-offres .bloc-offre .av-offre li {display: flex; align-items: flex-start; gap: 10px; color: #010101; font-size: 16px; line-height: 24px; font-weight: 500;}
.listing-offres .bloc-offre .av-offre li i {color: #3d64ff; font-size: 24px;}
.listing-offres .bloc-offre .btn-offre {display: block; background: #3d64ff; padding: 10px 20px; text-align: center; border-radius: 50px; color: white; text-decoration: none !important; font-weight: 600; margin-top: auto;}

.toggle-switch {position: relative; display: flex; width: 260px; background: #f2f7fa; border-radius: 30px; padding: 4px 0; margin: 0 auto 25px auto;}
.toggle-switch .toggle-bg {position: absolute;top: 0; left: 0; bottom: 0; width: 50%; height: 100%; background-color: #3d64ff; border-radius: 25px; transition: transform 0.3s ease; z-index: 1; transform: translateX(100%);}
.toggle-switch .toggle-option {flex: 1; border: none; background: none; font-weight: 600; cursor: pointer; z-index: 2; color: #555; transition: color 0.3s ease; position: relative; padding: 10px 0px !important;}
.toggle-switch .toggle-option.active {color: white;}

@media screen and (max-width: 767px) {
    .listing-offres {flex-direction: column;}
    .toggle-switch .toggle-option {font-size: 14px;}
    .toggle-switch {position: sticky; top: 70px; background: white; z-index: 99;}
    .listing-offres .bloc-offre .nom-offre {font-size: 20px !important; line-height: 28px !important;}
}



/* END TARIFS */


/* START SWITCHER */
input[type="checkbox"].is_switcher {
	display:none;
}

.ep-switcher-container {
	display:inline-block;
}

.ep-switcher {
	border-radius:7px;
	background-color:#C0C4C6;
	width:25px;
	height:10px;
	padding:2px;
	box-sizing:content-box;
	margin-left:3px;
	cursor:pointer;
	position:relative;
}

.ep-switcher-switch {
	border-radius:5px;
	background-color:white;
	width:10px;
	height:10px;
	position:absolute;
	left:17px;
	top:2px;
}

input[type="checkbox"].is_switcher:checked + .ep-switcher-container .ep-switcher {
	background-color:#3D64FF;
}

input[type="checkbox"].is_switcher:checked + .ep-switcher-container .ep-switcher-switch {
	left:2px;
}

/* END SWITCHER */

/* START MEDIA QUERY */
@media (min-width: 850px){
    .container {max-width: 810px;}
}

@media (min-width: 992px){
    .container {max-width: 960px;}
}

@media (min-width: 1200px){
    .container {max-width: 1140px;}
}

@media (min-width: 1400px){
    .container {max-width: 1320px;}
}


@media (max-width: 1300px){
    .cta-bottom .cta-img {left: 5%;}
}

@media (max-width: 900px){
    .cta-bottom .cta-img {top: 30%; left: 0;}
}

@media (max-width: 900px){
    .cta-bottom .cta-img {top: 30%; left: 0;}
}

@media screen and (max-width: 767px) {
    h1 {font-size: 35px !important; text-align: center; line-height: 42px !important; margin-bottom: 20px !important;}
    h2, .plikeh2 {font-size: 32px !important; line-height: 42px !important;}
}

@media (max-width: 678px){
    .cta-bottom .cta-img {top: 40%; left: -5%; max-width: 200px;}
}
/* END MEDIA QUERY */



/* START ANIMATION */

@keyframes bulle-home {
  0%, 100% {
    left: calc(50% - 25%); 
    top: calc(50% - 15%);
    transform: rotate(17deg);
  }
  33.33% {
    left: calc(50% - 18%); 
    top: calc(50% - 15%);
    transform: rotate(2deg);
  } 
  66.66% {
    left: calc(50% - 22%); 
    top: calc(50% - 25%);
    transform: rotate(-14deg);
  }
} 

@-webkit-keyframes img-topbot {
0% {
    transform: translate(0px, 0px);
}
25% {
    transform: translate(5px, 8px);
}
50% {
    transform: translate(12px, 15px);
}
75% {
    transform: translate(8px, 3px);
}
100% {
    transform: translate(0px, 0px);
}
}
/* END ANIMATION */