/*
Theme Name: CV Creator
Theme URI: https://cv-creator.co.uk/
Author: Netclic
Description: Thème unique Netclic avec compatibilité CV Creator et CV Builder.
Version: 1.0.0
Requires PHP: 8.5
Text Domain: cvcreator
*/

@font-face {
 font-family: 'Parkinsans';
 src: url('fonts/parkinsans-latin-300-normal.woff2') format('woff2');
 font-weight: 300;
 font-style: normal;
 font-display: swap;
}

@font-face {
 font-family: 'Parkinsans';
 src: url('fonts/parkinsans-latin-500-normal.woff2') format('woff2');
 font-weight: bold;
 font-style: normal;
 font-display: swap;
}

@font-face {
 font-family: 'Parkinsans';
 src: url('fonts/parkinsans-latin-700-normal.woff2') format('woff2');
 font-weight: 900;
 font-style: normal;
 font-display: swap;
}



:root {
  --color-bg: #EDE8E0;
  --color-text: #6B7282;
  --color-primary: #2663EB;
  --color-title: #1C1C1E;
  --color-block: #f5f2e7;
  --color-border: #F3F4F6;
  --mosaic-height: 805px;  /* hauteur visible desktop */
  --mosaic-radius: 18px;
  --fade-size: 24px;       /* fondu haut/bas (visuel) */
  --duration: 50s;         /* sera recalculé en JS selon la hauteur réelle */
  --img-h: 800px;          /* placeholder, JS mettra la vraie hauteur */
}



/* START CSS GLOBAL */
body {margin: 0; font-size: 1rem; font-weight: 400; line-height: 1.5;}
*, *::before, *::after {box-sizing: border-box;}
.template-nomarge #content-inside {width: 100% !important; max-width: 100% !important; position: relative; padding: 0 !important;}
.disp-flex {display: flex !important;}
.flex-wrap {flex-wrap: wrap;}
.disp-flex .col40 {width: 40%;}
.disp-flex .col45 {width: 45%;}
.disp-flex .col50 {width: 50%;}
.disp-flex .col55 {width: 55%;}
.disp-flex .col60 {width: 60%;}
.disp-flex .col25 {width: 25%;}
.disp-flex .col33 {width: 33.33%;}
.disp-flex .col66 {width: 66.66%;}
.disp-flex .col75 {width: 75%;}
.disp-flex .colflex {flex: 1;}
.disp-flex.flex-wrap.gap30 .col33 {width: calc(33.33% - 20px);}
.disp-flex.flex-wrap.gap15 .col50 {width: calc(50% - 7.5px);}
body, h1, h2, h3, h4, h5, p, li {font-family: "Parkinsans" !important;}
h1 {font-size: 3rem !important; line-height: 1.1; font-weight: 900 !important; color: var(--color-title) !important; margin-bottom: .5rem; margin-top: 0;}
h2 {font-size: 2.25rem !important; font-weight: 900 !important; line-height: 1.3 !important; color: var(--color-title) !important; margin-bottom: .5rem; margin-top: 0;}
h3 {font-size: 1.125rem !important; font-weight: 600 !important; line-height: 1.3 !important; color: var(--color-title) !important; margin-bottom: .5rem; margin-top: 0;}
h4 {font-size: 18px !important; font-weight: 600 !important; line-height: 1.3 !important; color: var(--color-title) !important; margin-bottom: .5rem; margin-top: 0;}
p, li {color: var(--color-text); font-weight: 300;}
.container {width: 1140px; max-width: 100%; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px;}
p {margin-top: 0; margin-bottom: 1rem;}
[role=button], a, area, button, input, label, select, summary, textarea {-ms-touch-action: manipulation; touch-action: manipulation;}
a {color: var(--color-primary); background-color: transparent; -webkit-text-decoration-skip: objects;}
img {vertical-align: middle; border-style: none; max-width: 100%;}
dl, ol, ul {margin-top: 0; margin-bottom: 1rem;}
.btn1 {background: var(--color-primary); color: white; padding: 10px 30px; display: table; border-radius: 50px; text-decoration: none !important; transition: 0.4s; font-weight: 600;}
.btn1:hover {box-shadow: 7px 5px 30px rgb(92 141 220 / 60%); color: white;}
.btn1:focus {box-shadow: 7px 5px 30px rgb(92 141 220 / 60%); color: white;}
.btn2 {background: linear-gradient(45deg, #ffc561, #eaa834); color: white; padding: 10px 30px; display: table; border-radius: 3px; text-decoration: none !important; transition: 0.4s;}
.btn2:hover {box-shadow: 7px 5px 30px rgb(238 173 60 / 37%); color: white;}
.btn2:focus {box-shadow: 7px 5px 30px rgb(238 173 60 / 37%); color: white;}
.btn-center {width: fit-content; margin: auto; display: table;}
.btn-icon {display: flex; gap: 10px; align-items: center; width: fit-content;}
.btn-icon i {font-size: 20px;}
.site-content {border-top: none !important;}
.align-center {text-align: center;}
.align-justify {text-align: justify;}
.align-center .btn1, .align-center .btn2 {margin: auto;}
.relative {position: relative;}
.o-hid {overflow: hidden;}
strong {font-weight: bold !important;}
.txt-white {color: white !important;}
.txt-white p {color: white !important;}
.txt-white a {color: #b2caf0 !important;}
.align-items-center {align-items: center !important;}
.justify-content-center {justify-content: center;}
.align-top {align-items: flex-start !important;}
.align-no {align-items: initial !important;}
.pad-top40 {padding-top: 40px;}
.double-btn {display: flex; align-items: center; gap: 15px;}
.title-line {position: relative; z-index: 2;}
.title-line:before {content: ""; background: var(--color-bg); width: 100%; height: 10px; display: block; position: absolute; left: 0; bottom: 6px; z-index: -1; rotate: 359deg; border-radius: 15px;}
button:focus, input:focus, textarea:focus, select:focus {outline: none !important;}
::selection {background: var(--color-primary); color: #fff;}
::-moz-selection {background: var(--color-primary); color: #fff;}
body.no-scroll {overflow:hidden}
.gap15 {gap: 15px;}
.gap20 {gap: 20px;}
.gap30 {gap: 30px;}
.gap40 {gap: 40px;}
.gap50 {gap: 50px;}
.subtitle {text-transform: uppercase; color: var(--color-primary); font-size: 13px; font-weight: 600; letter-spacing: 1px; margin-bottom: 10px;}
button, input, optgroup, select, textarea {font-size: 100%; line-height: 1.15; margin: 0; font-family: inherit;} 
button, input {overflow: visible;}
button, select {text-transform: none; cursor: pointer;}
[type=reset], [type=submit], button, html [type=button] {-webkit-appearance: button;}
.max-width-1000 {max-width: 1000px;}
.margin-auto {margin-left: auto; margin-right: auto;}
.bg-color {background: var(--color-bg);}
.sect-pad60 {padding: 60px 0;}
.ul-list-card {list-style: none; padding: 0;}
.ul-list-card li {font-size: 14px; color: var(--color-title); background: white; border-radius: 50px; border: solid 1px var(--color-border); padding: 5px 15px; font-weight: 500;}
.list-card {margin-top: 40px;}
.list-card .bloc-card {padding: 20px; border-radius: 15px; border: solid 1px var(--color-border);}
.list-card .bloc-card i {font-size: 20px; color: var(--color-primary); margin-bottom: 20px;}
.list-card .bloc-card h3, .list-bloc-number .bloc-number h3 {font-size: 16px !important;}
.list-card .bloc-card p, .list-bloc-number .bloc-number p {font-size: 14px !important;}
.list-card .bloc-card > p:last-child, .list-bloc-number .bloc-number > p:last-child {margin-bottom: 0;}
.list-card .bloc-card .card-content > p:last-child {margin-bottom: 0;}
.list-card .bloc-card-white {background: white;}
.list-card .bloc-card-gray {background: #F9FAFC;}
.list-card-horizontal {flex-direction: column;}
.card-number span {font-size: 26px; font-weight: 900; color: #cec6b9;}
.btn-link {border-bottom: solid 1px var(--color-primary); font-weight: 600;}
.btn-link:after {content: "\f178"; font-family: "Font Awesome 6 Pro"; font-weight: 400; margin-left: 10px;}
.btn-marg-top {margin-top: 40px;}
.list-bloc-number {margin-top: 40px;}
.list-bloc-number .bloc-number .number {background: var(--color-primary); color: white; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50px; margin-bottom: 10px;}
.bloc-link-guide {background: white; border-radius: 15px; padding: 25px;}
.bloc-link-guide .title {font-size: 14px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600;}
.bloc-link-guide ul {list-style: none; display: flex; gap: 15px; flex-wrap: wrap; padding: 0;}
.bloc-link-guide ul li {width: calc(50% - 7.5px);}
.bloc-link-guide ul li a {font-size: 14px; text-decoration: none !important;}
.bloc-link-guide ul li a:before {content: "\f178"; font-family: "Font Awesome 6 Pro"; font-weight: 400; margin-right: 10px; font-size: 12px; transition: .3s;}
.bloc-link-guide ul li a:hover:before {margin-right: 15px;}

/* END CSS GLOBAL */

/* START MENU */
.site-header .container {display: flex; gap: 40px; padding: 20px 0;}
.site-header {z-index: 9; position: fixed; left: 0; width: 100%; background: transparent; transition: .4s;}
.site-header .site-logo {display: flex; align-items: center;}
.site-header.scrolled {background: #ffffff; box-shadow: 7px 5px 30px rgb(118 118 118 / 38%);}
.site-header.no-scroll {background: transparent; box-shadow: none;}
.header-cta, .nav-toggle {display: none;}
.navigation-menu {display: flex; align-items: center; gap: 40px; margin-left: auto;}
.navigation-menu ul {list-style: none; display: flex; gap: 20px; align-items: center; margin-bottom: 0;}
.navigation-menu .menu-btn-create a {background: var(--color-primary); color: white !important; display: inline-block; padding: 10px 25px; border-radius: 15px; text-decoration: none !important;}
.navigation-menu .menu-btn-create a:hover {box-shadow: 7px 5px 30px rgb(92 141 220 / 60%); color: white;}
.navigation-menu a {color: var(--color-title); font-weight: bold; text-decoration: none !important;}
.navigation-menu a:hover {color: var(--color-primary);}
.nav-toggle i {color: var(--color-title) !important;}

@media (max-width: 991px){
    .site-header .container {align-items:center; gap:12px !important; padding:12px 16px !important;}
    #nav-toggle {display: inline-flex; align-items: center; justify-content: center; border:0; background: transparent; font-size: 22px; padding: 0;}
    #nav-toggle:focus{outline:2px solid rgb(92 141 220 / 30%);outline-offset:2px}
    .header-cta{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:14px;background:var(--color-primary);color:#fff;font-weight:700;text-decoration:none}
    .header-cta:hover{box-shadow:7px 5px 30px rgb(92 141 220 / 60%)}
    .navigation-menu {position: fixed; top: 66px; left: 0; right: 0; max-height: 0; overflow: hidden; background: var(--color-bg); transition: max-height .3s ease; flex-direction: column; justify-content: start; gap: 0;}
    .navigation-menu ul{flex-direction: column; gap: 0; padding: 40px 0 0 0;}
    .navigation-menu a {display:block; padding:12px 16px; font-size: 20px; line-height: 28px;}
    .site-header.is-open {background: var(--color-bg);}
    .site-header.is-open .navigation-menu {max-height: 100%; height: 100%; overflow:auto;}
    .site-header.is-open .navigation-menu .menu-btn-create{display:none}
    .site-logo img {max-width: 140px; height: auto !important;}    
}
/* END MENU */

/* START HOME */
.slide-home {background: var(--color-bg); padding: 200px 0 0px 0; position: relative; overflow: hidden;} 
.slide-home:before {content: ""; display: block; width: 100%; height: 100px; position: absolute; left: 0; top: 0; background: linear-gradient(180deg, hsl(32deg 40.54% 92.75% / 95%) 45px, transparent); z-index: 1;} 
.slide-home .container {position: initial;} 
.slide-home:after {content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 200px; background-color: #ffffff; -webkit-mask: url(/wp-content/themes/cv-creator-child/img/border-curved.svg) no-repeat center / 100% 100%; mask: url(/wp-content/themes/cv-creator-child/img/border-curved.svg); mask-repeat: no-repeat;  mask-position: center bottom;  mask-size: 100% auto; pointer-events: none; z-index: 1;} 
.slide-home h1 {margin-bottom: 25px;}
.slide-home .intro-home {margin-bottom: 25px; font-size: 18px;}
.double-btn {gap: 40px;}
.double-btn .btn1 {position: relative;}
.double-btn .btn1:after {content:""; display: block; width: 2px; height: 100%; background: var(--color-title); position: absolute; top: 0; right: -20px;}
.double-btn .btn-link {color: var(--color-title); font-weight: bold; border-color: var(--color-title);}
.double-btn .btn-link:after {content: "\f175";}
.btn-link {text-decoration: none !important;}
.btn-link i {color: var(--color-primary);}
.etp-home {margin: 100px 0; position: relative; overflow: hidden;}
.etp-home .container {position: initial;}
.etp-home .btn1 {width: fit-content; margin-top: 35px;}
.etp-home .number-etp {display: flex; min-width: 40px; width: 40px; min-height: 40px; height: 40px; background: var(--color-primary); font-weight: bold; font-size: 20px; align-items: center; justify-content: center; border-radius: 50px; color: white; border: solid 2px var(--color-primary); transition: .6s;}
.etp-home .disp-flex {gap: 40px;}
.etp-home h2 {margin-bottom: 40px; text-align: left;}
.etp-home-img img {position: relative; max-width: calc(100% + 65px); left: -65px; top: 0;}
.list-etp-home {display: flex; flex-direction: column; gap: 20px;}
.step-etp-home {display: flex; gap: 20px; position: relative;}
.step-etp-home:not(:last-child):before {content:""; width: 1px; background: #cfcfcf; position: absolute; left: 20px; top: 54px; height: calc(100% - 48px);}
.step-etp-home:hover .number-etp {background: transparent; color: var(--color-primary)}
.etp-home-container {max-width: 650px !important; margin-left: 0 !important;}
.listing-templates {display: flex; flex-wrap: wrap; gap: 25px;}
.listing-templates-desc {row-gap: 50px;}
.listing-templates-home {margin-top: 40px;}
.listing-templates a {text-decoration: none !important;}
.listing-templates .btn1:before {content:"\f044"; font-family: "Font Awesome 6 Pro"; font-weight: 400; padding-right: 8px;}
.listing-templates .col25 {width: calc(25% - 19px);}
.listing-templates .col33 {width: calc(33.33% - 17px);}
.listing-templates .bloc-template-cv img {box-shadow: 0 0 16px 0 rgba(0,0,0,.15); border-radius: 5px; width: 100%;}
.listing-templates .bloc-template-cv span {background: var(--color-primary); display: table; color: white; padding: 10px 30px; border-radius: 15px; position: relative; top: -67px; margin: auto; text-align: center; box-shadow: 0 0 16px 0 rgb(255 255 255 / 15%);}
.listing-templates .template-card-hover {position: relative; overflow: hidden; border-radius: 10px; box-shadow: 0 0 16px 0 rgba(0, 0, 0, .15);}
.listing-templates .template-card-hover img {box-shadow: none;}
.listing-templates .template-card-hover .btn-template {opacity: 0; transition: .3s; position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; display: flex; align-items: center; justify-content: center; background: #1c1c1e80;}
.listing-templates .bloc-template-cv:hover .template-card-hover .btn-template {opacity: 1;}
.listing-templates .template-card-hover .btn-template span {position: relative; top: auto; left: auto; background: white; font-size: 14px; color: var(--color-title); font-weight: 600; border-radius: 50px; padding: 8px 20px;}
.template-card-info {margin-top: 12px;}
.template-card-info h3, .cvc-template-result-content {font-size: 16px !important; margin-bottom: 0;}
.template-card-info p {font-size: 13px; margin: 0;}
.container-template {max-width: 1700px !important; margin: auto; padding-left: 15px; padding-right: 15px;}
.listing-cat-templates {padding: 0; list-style: none; display: flex; gap: 15px; flex-wrap: wrap; margin: 30px 0 20px 0;}
.listing-cat-templates > li {display: block; color: var(--color-text); padding: 6px 15px; border-radius: 50px; text-decoration: none !important; background: #F1F5F9; transition: .3s;}
.listing-cat-templates >li > a {display: block; text-decoration: none !important; color: var(--color-text)}
.listing-cat-templates .active {background: var(--color-primary); color: white;}
.listing-cat-templates .active:before {content:"\f00c"; font-family: "Font Awesome 6 Pro"; font-weight: 900; color: white; font-size: 12px; padding-right: 7px;}
.how-home {padding: 100px 0; background: var(--color-bg); margin: 100px 0;}
.how-home h2, .how-home .intro {text-align: center;}
.listing-how-home {display: flex; gap: 40px; align-items: center; margin: 60px 0;}
.listing-how-home > div {width: 33.33%;}
.listing-how-home .bloc-how-home i {width: 60px; background: white; height: 60px; border-radius: 15px; display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: 300; margin-bottom: 15px;}
.listing-how-home .img-how-home img {max-width: 250px; margin: auto; display: block;}
.list1-how-home, .list2-how-home {display: flex; flex-direction: column; gap: 40px;}
.faq-home {padding: 60px 0;}
.faq-home .list-faq-full {max-width: 800px; margin: auto;}
.faq-item {padding: 20px 0; border-bottom: solid 1px var(--color-border);transition: .3s;}
.faq-item .faq-question {margin: 0; font-size: 18px !important; position: relative; display: flex; align-items: center; gap: 20px; line-height: 26px !important; font-weight: bold !important;}
.faq-item .faq-question:after {content: "\+"; font-weight: 900; font-family: "Font Awesome 6 Pro"; width: 30px; height: 30px; background: var(--color-bg); display: flex; align-items: center; justify-content: center; border-radius: 8px; font-size: 14px; margin-left: auto; min-width: 30px; min-height: 30px;}
.faq-item.open h2:after {background: var(--color-primary); color: white;}
.faq-item.open .faq-question:after {content: "\-";}
.faq-answer {max-height: 0; overflow: hidden; transition: max-height 0.4s ease; transition: .4s;}
.faq-item.open .faq-answer {padding-top: 15px;}
.faq-question {cursor: pointer;}
.sect-review {padding: 100px 0;}
.sect-review h2 {margin-bottom: 40px;}
.sect-review .disp-flex {gap: 40px;}
.sect-review .inside-bloc-review {background: var(--color-title); padding: 40px; border-radius: 15px;}
.head-review {display: flex; gap: 20px; align-items: center;}
.head-review img {max-height: 150px; display: block; border-radius: 100px; object-fit: cover; overflow: hidden; max-width: 150px;}
.head-review .head-review-name > span:first-child {display: block; font-weight: bold;}
.sect-arg-home {border-bottom: solid 1px var(--color-border); padding: 40px 0;}
.list-arg-home {display: flex; align-items: center; gap: 15px; justify-content: center;}
.list-arg-home p {margin: 0; text-align: center; flex: 1; font-size: 14px;}
.list-arg-home p strong {display: block; font-size: 22px; color: var(--color-title); font-weight: 900 !important;}
.sect-arg-home .disp-flex > .colflex:first-child p {text-align: right; font-size: 14px;}
.sect-arg-home .disp-flex > .colflex:first-child p strong {color: var(--color-title); margin-left: 10px;}
.sect-arg-home .disp-flex > .colflex:first-child p i {color: #FFBA00;}
.sect-arg-home .disp-flex > .colflex:last-child p {font-style: italic; font-size: 14px;}
.sect-how-home {padding: 60px 0;}
.list-how-home {margin-top: 40px;}
.sect-how-home .disp-flex > .colflex {display: flex; gap: 15px; align-items: flex-start;}
.list-how-home .how-home-number {width: 40px; height: 40px; background: var(--color-primary); min-width: 40px; color: white; border-radius: 50px; font-size: 18px; display: flex; align-items: center; justify-content: center; font-weight: 600;}
.list-how-home .how-home-txt p {font-size: 14px;}
.sect-builder-home {padding: 60px 0; background: var(--color-bg);}
.sect-builder-home .intro, .sect-features-home .intro, .faq-home .intro {text-align: center; max-width: 800px; margin: 20px auto 40px;}
.sect-features-home {padding: 0 0 60px 0; background: var(--color-bg);}
.bloc-features-home {background: white; padding: 25px; border-radius: 15px;}
.bloc-features-home i {background: #F0F6FF; color: var(--color-primary); width: 40px; height: 40px; border-radius: 15px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; font-size: 20px;}
.bloc-features-home p {font-size: 14px;}
.list-cv-home {padding: 60px 0;}
.head-title-btn {display: flex; align-items: flex-end; gap: 20px;}
.head-title-btn h2 {margin-bottom: 0;}
.head-title-btn .btn1 {margin-left: auto;}
.sect-create-home {padding: 60px 0; background: var(--color-bg);}
.create-home-txt-list {margin-bottom: 15px;}
.create-home-txt-list > .colflex {background: white; padding: 15px; border-radius: 15px; text-align: center;}
.create-home-txt-list > .colflex i {color: var(--color-primary);}
.create-home-txt-list > .colflex h3 {font-size: 15px !important; margin: 5px 0;}
.create-home-txt-list > .colflex p {margin: 0; font-size: 13px;}
.create-home-bloc {background: white; width: calc(50% - 8px); padding: 15px; border-radius: 15px;}
.create-home-bloc p {margin: 0; font-size: 14px;}
.create-home-bloc p strong {color: var(--color-title); font-weight: 900 !important; display: block; font-size: 22px;}
.create-home-bloc-full {width: 100%;}
.sect-create-home .btn-icon {width: fit-content;}
.create-home-blocs {position: sticky; top: 100px;}
.create-home-bloc-full i {color: #FFBA00; font-size: 14px;}
.create-home-bloc-full p {font-size: 14px; margin: 10px 0;}
.review-profil {display: flex; align-items: center; gap: 15px;}
.review-profil > img {height: 50px; border-radius: 1000px; display: block;}
.review-profil .review-profil-content p {margin: 0;}
.review-profil .review-profil-content .review-profil-name {color: var(--color-title); font-weight: 900; font-size: 15px;}
.review-profil .review-profil-content .review-profil-job {font-size: 13px;}
.reviews-home {padding: 60px 0; background: var(--color-bg);}
.reviews-home .list-reviews-home {margin-top: 40px;}
.bloc-review-home {background: white; padding: 25px; border-radius: 15px;}
.bloc-review-home i {color: #FFBA00; font-size: 14px;}
.bloc-review-home  .review-profil-txt {font-size: 14px; margin: 20px 0;}
.cta-footer {padding: 60px 0; background: var(--color-primary);}
.cta-footer h2 {color: white !important;}
.cta-footer p {color: #BFDBFF;}
.cta-footer .btn1 {color: var(--color-primary); background: white; margin-top: 20px; margin-bottom: 20px;}
.btn-bottom-small-txt {font-size: 14px; display: flex; justify-content: center; gap: 20px;}
.btn-bottom-small-txt i {margin-right: 8px;}
.builder-home-av {display: flex; gap: 15px; align-items: center; margin-top: 20px;}
.builder-home-av p {margin: 0; background: white; padding: 8px 20px; border-radius: 50px; border: solid 1px var(--color-border); color: var(--color-title);}
.builder-home-av p i {color: var(--color-primary); margin-right: 6px;}
.builder-home-av .btn1 {margin-left: auto;}
/* END HOME */


/* START PAGE */
.header-page {background: var(--color-bg); padding: 150px 0 100px 0; position: relative; overflow: hidden; text-align: center; margin-bottom: 100px;}
.header-page:after {content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: 200px; background-color: #ffffff; -webkit-mask: url(/wp-content/themes/cv-creator-child/img/border-curved.svg) no-repeat center / 100% 100%; mask: url(/wp-content/themes/cv-creator-child/img/border-curved.svg); mask-repeat: no-repeat;  mask-position: center bottom;  mask-size: 100% auto; pointer-events: none; z-index: 1;}
.fil-ariane > span {display: inline-block; padding: 5px 20px; border-radius: 50px; color: #7c7876; font-size: 14px; background: #e3ddd5;}
.fil-ariane .breadcrumb_last {color: var(--color-title);}
.fil-ariane > span a {color: #7c7876; text-decoration: none !important; transition: .3s;}
.fil-ariane > span a:hover {color: var(--color-title);}
form input[type="text"], form input[type="email"], form input[type="phone"], form input[type="password"], form input[type="number"] {width: 100%; height: 55px; border: solid 1px var(--color-border); border-radius: 15px; padding: 10px 15px !important;}
form textarea {width: 100%; border: solid 1px var(--color-border); border-radius: 15px;}
form .button {background: var(--color-primary); border: none; display: inline-block; width: 100%; padding: 12px 25px; border-radius: 15px; color: white; font-family: 'Parkinsans'; font-size: 16px; line-height: 26px; transition: .3s; cursor: pointer; font-weight: bold;}
form .button:hover {box-shadow: 7px 5px 30px rgb(92 141 220 / 60%); color: white;}
.login-page form {max-width: 500px; background: #f4ede5; margin: auto; padding: 30px 30px 10px 30px; border-radius: 15px; position: relative; z-index: 99;}
.login-page .container {display: flex; gap: 40px; align-items: center;}
.login-page .container > div {flex: 1;}
.login-page .gf_login_links {text-align: center; padding-top: 10px;}
.login-page .gf_login_links a {color: var(--color-text); font-size: 14px;}
.login-no-account p:first-child {font-weight: bold; font-size: 20px; line-height: 30px; color: var(--color-title);}
.sect-txt {max-width: 800px; margin: auto; margin-bottom: 100px;}
.sect-txt h2, .sect-txt-large h2 {font-size: 30px !important; line-height: 40px !important; margin-bottom: 15px;}
.sect-txt h2:not(:first-child), .sect-txt-large h2:not(:first-child) {padding-top: 40px;}
.sect-txt h3 {font-size: 22px !important; line-height: 1.2 !important; margin-top: 30px;}
.number-blue {font-weight: 900; color: var(--color-primary);}
.desc-template {padding-top: 20px;}
.cta-more-cv {background: var(--color-bg); padding: 40px; margin: 60px auto;}
.cta-more-cv-title {font-weight: bold; font-size: 26px; margin-bottom: 20px;}
.listing-advice .advice-grid {display: flex; flex-wrap: wrap; gap: 40px;}
.listing-advice a {width: calc(25% - 30px); background: var(--color-bg); padding: 15px; border-radius: 15px; display: flex; flex-direction: column; gap: 15px; text-decoration: none !important;}
.listing-advice a img {border-radius: 15px;}
.title-advice {font-weight: bold; color: var(--color-title);}
.listing-other-tips h2 {margin-bottom: 25px;}
.search-bar-job {max-width: 600px; width: 100%; margin: 30px auto; position: relative;}
.search-bar-job input {width: 100%; padding: 8px 20px; border-radius: 6px; background: white; border: solid 1px var(--color-border); 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;}
.list-search-job {list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 20px;}
.list-search-job li a {background: var(--color-bg); padding: 12px 20px; border-radius: 15px; text-decoration: none !important; color: var(--color-title); display: flex; flex-direction: row-reverse; gap: 12px; align-items: center;}
.list-search-job li a i {font-size: 20px; color: var(--color-primary); font-weight: 400;}
.bloc-child-metier {margin-bottom: 50px;}
.bloc-child-metier h3 {margin-bottom: 25px;}
.header-builder {background: var(--color-bg); padding: 15px;}
.header-builder .container {display: flex; gap: 20px; align-items: center;}
.header-builder .button-return {background: transparent; border: solid 1px var(--color-border); border-radius: 15px; padding: 8px 20px; cursor: pointer;}
.header-builder .logo-builder {max-width: 150px; height: auto; margin-left: auto;}
.listing-template-page-create h1 {text-align: center; margin: 50px 0;}
.reset-pass-bloc {margin: -50px auto 50px auto;}
.reset-pass-bloc .notice-success {margin: 0 0 20px 0;}
.reset-pass-bloc .notice-error {margin:  0 0 20px 0;}
.reset-pass-bloc .notice-success:before {content: "\f058"; font-family: 'Font Awesome 6 Pro';font-weight: 400; color: var(--color-primary); padding-right: 6px;}
.reset-pass-bloc .notice-error:before {content: "\f057"; font-family: 'Font Awesome 6 Pro';font-weight: 400; color: red; padding-right: 6px;}
.example-txt {background: var(--color-bg); padding: 15px 25px; border-radius: 15px; margin: 15px 0 25px auto;}
.sect-why-av h2, .sect-write-section h2 {margin-bottom: 20px;}
.sect-why-av .disp-flex {gap: 40px;}
.sect-why-av .disp-flex .bloc-why-av, .sect-why-av .disp-flex .bloc-why-inc {box-shadow: 7px 5px 30px rgb(118 118 118 / 38%); border-radius: 20px; padding: 40px;}
.sect-why-av  h3 {margin-bottom: 20px;}
.sect-why-av .disp-flex {margin: 40px 0;}
.sect-why-av .disp-flex .bloc-why-av i {font-size: 20px; color: #91c852; padding-right: 6px;}
.sect-why-av .disp-flex .bloc-why-inc i {font-size: 20px; color: #e25959; padding-right: 6px;}
.sect-why-av .list-why-av {margin-top: 20px;}
.sect-why-av .list-why-av li {padding: 3px 0;}
.sect-who-av {padding-top: 100px;}
.sect-who-av .listing-job-who-for {display: flex; flex-wrap: wrap; gap: 40px; padding: 20px 0; row-gap: 20px;}
.sect-who-av .listing-job-who-for .job-who-for {width: calc(50% - 20px);}
.sect-write-section {background: var(--color-bg); margin: 100px 0; padding: 60px 0;}
.bloc-write-section {margin: 40px 0; display: flex; gap: 40px; align-items: center;}
.bloc-write-section .img-write-section {min-width: 250px;}
.bloc-write-section .img-write-section img {border-radius: 10px;}
.bloc-write-section .txt-write-section {width: 100%;}
.bloc-write-section .head-bloc-write-section {display: flex; align-items: center; gap: 20px; margin-bottom: 16px;}
.bloc-write-section .head-bloc-write-section h3 {margin: 0;}
.bloc-write-section .head-bloc-write-section i {background: var(--color-primary); width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 10px; font-size: 24px; color: white;}
.bloc-write-section .ex-write-section {background: white; padding: 25px; border-radius: 20px;}
.bloc-write-section .ex-write-section:before {content: "Writing example :"; margin-bottom: 15px; font-style: italic; font-weight: bold; border: solid 1px var(--color-border); padding: 3px 10px; border-radius: 25px; color: var(--color-text); font-size: 14px; display: table;}
.bloc-write-section h4 {padding-top: 30px;}
.sect-key-takeaways {margin-bottom: 100px;}
.sect-key-takeaways h2, .sect-key-takeaways .intro {text-align: center}
.block-key-takeaways {max-width: 600px; margin: 40px auto 0 auto; box-shadow: 7px 5px 30px rgb(118 118 118 / 38%); padding: 40px; border-radius: 20px;}
.block-key-takeaways li {padding: 10px 0;}
.block-key-takeaways li::marker {color: var(--color-primary) !important; font-size: 22px !important; font-weight: bold !important;}
.black-cta-bottom {background: var(--color-title); padding: 60px 0 20px 0; margin: 100px 0 -60px 0;}
.black-cta-bottom h2, .black-cta-bottom p {color: white !important; max-width: 600px;}
.black-cta-bottom .disp-flex {align-items: center; gap: 40px;}
.black-cta-bottom .disp-flex .col50:first-child {display: flex; flex-direction: column; gap: 25px;}
.black-cta-bottom .disp-flex .col50:first-child .btn1 {width: fit-content;}
.how-cancel-subscription .bloc-how-cancel-subscription {background: var(--color-bg); padding: 40px; border-radius: 20px; margin: 30px 0 60px 0;}
.how-cancel-subscription h2 {text-align: center;}
.how-cancel-subscription .bloc-how-cancel-subscription .disp-flex {gap: 40px;}
.how-cancel-subscription .bloc-how-cancel-subscription img {display: block; border: solid 1px var(--color-border); border-radius: 10px; margin-bottom: 12px;}
.form-how-cancel-subscription {max-width: 900px; margin: auto;}
.form-how-cancel-subscription h2, .form-how-cancel-subscription p {text-align: center;}
.form-how-cancel-subscription form {background: var(--color-bg); padding: 40px; border-radius: 20px;}
.form-how-cancel-subscription form label {padding: 0 !important;}
.form-how-cancel-subscription form .gfield--type-fileupload .ginput_container_fileupload {background: white; padding: 15px; border-radius: 10px;}
.encart-plus {background: var(--color-bg); padding: 20px; border-radius: 20px;margin-bottom: 15px;}
ul.encart-plus {padding-left: 40px;}
.encart-plus li::marker {color: var(--color-primary);}
.header-page-hero {text-align: left;}
.header-page-hero .sect-hero-page {display: flex; gap: 40px; align-items: center;}
.header-page-hero .sect-hero-page > .col-hero-page {width: 50%;}
.header-page-hero h1 {font-size: 40px !important;}
.header-page-hero img {border-radius: 20px;}
.header-page-hero .list-hero-page {list-style: none; padding-left: 20px;}
.header-page-hero .list-hero-page li, .header-page-hero .list-hero-page li a {color: var(--color-text);}
.header-page-hero .list-hero-page li:before {content:"\f356"; font-weight: 600; font-family: "Font Awesome 6 Pro"; margin-right: 10px; color: var(--color-primary);}
.card-bloc {box-shadow: 7px 5px 30px rgb(118 118 118 / 24%); padding: 25px; border-radius: 20px; margin: 30px 0;}
.card-bloc h3 {text-align: left; margin-bottom: 15px;}
.card-bloc img {max-width: 120px; display: block; margin: auto;}
.card-bloc .icon-card-bloc i, .sect-three-bloc .card-bloc i {width: 60px; height: 60px; background: var(--color-primary); color: white; font-size: 30px; display: flex; align-items: center; justify-content: center; border-radius: 10px;}
.sect-three-bloc .card-bloc i {margin-bottom: 20px;}
.sect-three-bloc .card-bloc {margin: 0;}
.sect-three-bloc .disp-flex {margin-top: 30px;}




.hero-page {background: var(--color-bg); padding: 200px 0 60px 0; position: relative; overflow: hidden;}
.hero-page .template-hero-preview {display: flex; gap: 15px; align-items: center; position: relative;}
.hero-page .template-hero-preview > img {height: auto; display: block; width: 33.33%;}
.hero-page .template-hero-preview > img:nth-child(2) {margin-top: 40px;}
.hero-page .intro {margin: 30px 0;}
.template-hero-arguments {margin-top: 20px;}
.template-hero-arguments p {font-size: 14px;}
.template-hero-arguments p i {color: var(--color-primary); margin-right: 6px;}
.sect-templates-page, .sect-template-preview, .sect-template-guide, .sect-template-customise {padding: 60px 0;}
.sect-template-finder, .sect-template-ats, .sect-template-career, .sect-template-comparison, .sect-reviews-template, .sect-template-start {padding: 60px 0; background: var(--color-bg);}
.template-ats-list > div {background: white; padding: 15px 20px; border-radius: 15px;}
.template-ats-list i {color: var(--color-primary); margin-bottom: 15px;}
.template-ats-list p {font-size: 14px;}
.sect-template-ats .intro {margin: 25px 0;}
.sect-template-guide {max-width: 1000px; margin: auto;}
.template-guide-list .template-guide-item {padding-left: 60px; margin: 40px 0;}
.template-guide-list .template-guide-item h3 {position: relative;}
.template-guide-list .template-guide-item h3:before {content: "1"; width: 40px; height: 40px; background: var(--color-primary); min-width: 40px; color: white; border-radius: 50px; font-size: 18px; display: flex; align-items: center; justify-content: center; font-weight: 600; position: absolute; left: -60px;}
.template-guide-list .template-guide-item:nth-child(2) h3:before {content: "2";}
.template-guide-list .template-guide-item:nth-child(3) h3:before {content: "3";}
.template-guide-list .template-guide-item:nth-child(4) h3:before {content: "4";}
.template-guide-list .template-guide-item:nth-child(5) h3:before {content: "5";}
.template-career-card {background: white; padding: 25px; border-radius: 15px; text-decoration: none !important;}
.template-career-card i {font-size: 18px; padding-bottom: 15px;}
.template-career-card p {font-size: 14px;}
.sect-template-start > .container > .disp-flex {max-width: 900px; margin: 40px auto 0 auto;}
.sect-template-start .template-start-card {background: white; padding: 25px; border-radius: 15px;}
.sect-template-start .template-start-card i {color: var(--color-primary); font-size: 20px; margin-bottom: 20px;}
.template-finder {background: white; padding: 30px; border-radius: 15px; border: solid 1px var(--color-border); max-width: 800px; margin: auto;}
.template-finder h3 {margin: 6px 0 20px 0;}
.template-finder-options {display: flex; flex-wrap: wrap; gap: 15px; margin-top: 15px;}
.template-finder-options button {background: transparent !important; width: calc(50% - 7.5px); border: solid 2px #E2E8F0; padding: 12px 20px; border-radius: 15px; font-size: 16px; font-weight: 500; text-align: left; font-family: 'Parkinsans'; cursor: pointer; display: flex; flex-direction: column;}
.template-finder-options button small {color: var(--color-text); font-style: italic;}
.template-finder-step-count {margin-bottom: 0; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; margin-top: 20px;}
.template-finder-progress {display: flex; gap: 7.5px;}
.template-finder-progress .template-finder-progress-step {flex: 1; height: 4px; background: #E2E8F0; border-radius: 50px;}
.template-finder-progress .template-finder-progress-step.is-complete, .template-finder-progress .template-finder-progress-step.is-active {background: var(--color-primary);}
.template-finder-back, .template-finder-restart {background: var(--color-title); border: none; padding: 8px 20px; border-radius: 10px; color: white; margin-top: 20px; cursor: pointer; font-size: 14px;}
.template-finder-restart  {margin-left: auto; margin-right: auto; display: block;}
.template-finder-results-list {display: flex; gap: 15px;}
.template-finder-results-list .template-item {flex: 1; position: relative; width: auto !important;}
.template-finder-results-list .template-item img {border: solid 1px var(--color-border); border-radius: 10px; display: block;}
.listing-templates .bloc-template-cv .cvc-template-result-badge {font-size: 12px; background: var(--color-primary); position: absolute; top: 10px; left: 10px; padding: 3px 10px; border-radius: 50px; color: white;}
.template-finder-results-head p:not(.template-finder-step-count) {font-size: 14px;}
.cv-preview-scale {width: 100%; display: flex; justify-content: center; margin: 20px auto;}
.cv-preview-template-page {width: 21cm;height: 780px; box-shadow: 0 0 16px 0 rgba(0, 0, 0, .15); padding: 40px; border-radius: 15px; margin: 0; position: relative; overflow: hidden; transform-origin: top left;}
.cv-preview-template-page header {border-bottom: solid 1px #F3F4F7; margin-bottom: 20px;}
.cv-preview-template-page p, .cv-preview-template-page h3, .cv-preview-template-page h4, .cv-preview-template-page h5 {margin: 0;}
.cv-preview-template-page header .cv-job-title {color: #2663eb; margin: 6px 0 10px 0;}
.cv-preview-template-page header .cv-profile {font-size: 14px; margin-bottom: 20px;}
.cv-preview-template-page h4 {text-transform: uppercase; font-size: 12px !important; color: #2663eb !important; letter-spacing: 1px; margin-bottom: 10px; margin-top: 20px;}
.cv-preview-template-page h5 {font-size: 14px;}
.cv-preview-template-page p, .cv-preview-template-page li {font-size: 14px;}
.cv-preview-template-page .cv-experience-head, .cv-preview-template-page .cv-education-head {display: flex; gap: 15px;}
.cv-preview-template-page .cv-experience-head span, .cv-preview-template-page .cv-education-head span {margin-left: auto; font-size: 14px; color: var(--color-text);}
.cv-preview-template-page .cv-skills, .cv-preview-template-page .cv-hobbies {margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; list-style: none;}
.cv-preview-template-page .cv-skills li, .cv-preview-template-page .cv-hobbies li {border: solid 1px #C4D4FA; background: #F3F6FE; padding: 2px 14px; border-radius: 50px; color: #2663eb;}
.cv-preview-template-page .cv-experience, .cv-preview-template-page .cv-education {margin-bottom: 15px;}
.cv-preview-template-page ul {margin-bottom: 0;}
.cv-preview-template-page:before {content:""; position: absolute; top: 0; left: 0; width: 100%; height: 10px; background: #2663eb;}
.template-profile-tabs {margin-top: 35px;}
.template-profile-tabs button {border: none; display: block; color: var(--color-text); padding: 8px 15px; border-radius: 50px; text-decoration: none !important; background: #F1F5F9; cursor: pointer;}
.template-profile-tabs .active {background: var(--color-title); color: white;}

.template-comparison-table {width: 100%; overflow-x: auto; background: #fff; border: 1px solid #e3e3e3; border-radius: 24px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08); -webkit-overflow-scrolling: touch; margin-top: 40px;}
.template-comparison-table table {width: 100%; min-width: 760px; border-collapse: separate; border-spacing: 0; table-layout: fixed;}
.template-comparison-table th, .template-comparison-table td {padding: 28px 30px; text-align: center; vertical-align: middle; border: 0;}
.template-comparison-table thead th {font-size: 16px; font-weight: 700; color: var(--color-title); background: #fff; border-bottom: 1px solid #eeeeee;}
.template-comparison-table thead th a {display: block; font-size: 14px;}
.template-comparison-table thead th:first-child {width: 26%; text-align: left; color: transparent;}
.template-comparison-table thead th:not(:first-child) {width: 24.666%;}
.template-comparison-table tbody th {text-align: left; font-size: 16px; font-weight: 500; color: #242424;}
.template-comparison-table tbody td {font-size: 14px; font-weight: 400; color: #586174;}
.template-comparison-table tbody tr:nth-child(odd) th, .template-comparison-table tbody tr:nth-child(odd) td {background: #fbfcfd;}
.template-comparison-table tbody tr:nth-child(even) th, .template-comparison-table tbody tr:nth-child(even) td {background: #fff;}
.template-comparison-table tbody tr:last-child th:first-child {border-radius: 0 0 0 24px;}
.template-comparison-table tbody tr:last-child td:last-child {border-radius: 0 0 24px 0;}
.template-comparison-table .fa-circle-check {color: var(--color-primary);}
.template-comparison-table .fa-triangle-exclamation {color: #FFBA00;}
.sect-template-career .intro {margin-bottom: 40px;}
.sect-template-career .outro {margin-top: 40px;}
.btn-link.template-show-more {margin-top: 40px; background: var(--color-primary); color: white; border: none; padding: 12px 20px; font-family: inherit; border-radius: 15px; font-weight: 600;}
.sect-why-template-style .why-template-style-card {background: white; border-radius: 15px; padding: 20px;}
.sect-why-template-style .why-template-style-card i {font-size: 20px; color: var(--color-primary); margin-bottom: 20px;}
.sect-why-template-style .why-template-style-card p {font-size: 14px;}
.sect-why-template-style .why-template-style-card h3 {font-size: 16px !important;}
.sect-why-template-style .disp-flex {margin-top: 40px;}
/* =========================================================
   VIEW ALL - CV TEMPLATE CATEGORIES
   ========================================================= */

.templates-view-all {position: relative; background: transparent !important; border: solid 1px #E2E8F0; margin-left: 15px;}
.templates-view-all:hover {background: var(--color-title) !important; color: white;}
.templates-view-all:hover button {color: white;}
.templates-view-all:before {content: ""; display: block; height: 70%; position: absolute; left: -16px; width: 1px; background: #E5E8EB; top: 15%;}
.templates-view-all-button {cursor: pointer; white-space: nowrap; background: none; border: none;}

.templates-view-all-button i {font-size: 11px; transition: transform .2s ease; color: currentColor;}

.templates-view-all-button[aria-expanded="true"] i {
    transform: rotate(180deg);
}


/* Modal */

.templates-all-categories {
    position: absolute;
    z-index: 50;

    top: calc(100% + 8px);
    right: 0;

    width: 560px;
    padding: 22px 20px 24px;

    background: #fff;

    border: 1px solid #dfe3ea;
    border-radius: 16px;

    box-shadow:
        0 18px 40px rgba(17, 24, 39, .10),
        0 3px 8px rgba(17, 24, 39, .04);
}

.templates-all-categories[hidden] {
    display: none;
}


/* Titre */

.templates-all-categories-title {
    margin: 0 0 18px;

    color: #9aa3b3;

    font-size: 11px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}


/* Grille */

.templates-categories-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 34px;
    row-gap: 24px;
}


/* Groupes */

.templates-category-heading {
    margin: 0 0 8px;

    color: #c1c7d1;

    font-size: 10px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.templates-category-group ul {
    display: flex;
    flex-direction: column;
    gap: 2px;

    margin: 0;
    padding: 0;

    list-style: none;
}

.templates-category-group li {
    margin: 0;
    padding: 0;
}

.templates-category-group a {
    display: block;

    padding: 7px 10px;

    border-radius: 7px;

    color: #505b6f;

    font-size: 14px;
    line-height: 1.3;
    font-weight: 400;
    text-decoration: none;

    transition:
        background-color .15s ease,
        color .15s ease;
}

.templates-category-group a:hover {
    background: #f5f6f8;
    color: #202938;
}


/* Mobile */

@media (max-width: 767px) {

    .templates-all-categories {
        position: fixed;

        top: auto;
        right: 16px;
        bottom: 16px;
        left: 16px;

        width: auto;
        max-height: calc(100vh - 32px);

        padding: 20px;

        overflow-y: auto;

        border-radius: 16px;
    }

    .templates-categories-grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }

}
/* END PAGE */


/* START CONTACT */
.form-contact {padding: 0px; max-width: 800px; margin: auto;}
.form-contact label.gfield_label {color: var(--color-title); font-size: 18px !important;}
.form-contact .gfield_radio {display: flex; gap: 15px;}
.form-contact .gfield_radio .gchoice {flex: auto;}
.form-contact .gfield_radio .gchoice label {background: var(--color-bg); color: var(--color-title); padding: 8px 15px !important; border-radius: 5px; width: 100%; margin: 0; max-width: 100%;}
.form-contact .gform_legacy_markup_wrapper ul.gfield_radio li input[type=radio]:checked+label {background: var(--color-border); color: white;}
.form-contact .gfield_radio .gchoice input {display: none !important;}
.form-contact .contact-info {display: flex; gap: 20px; margin: 30px 0;}
.form-contact .contact-info h3 {font-size: 18px !important; line-height: 26px !important; font-weight: bold !important; margin-bottom: 15px;}
.form-contact .contact-info .fa-info-circle {color: var(--color-primary);}
.form-contact .contact-info p {margin-bottom: 6px;}
.contact-reussi i {font-size: 40px; display: block; margin-top: 25px; color: var(--color-primary); text-align: center;}
/* END CONTACT */

/* START FOOTER */
footer {background: var(--color-title); padding: 60px 0 0 0;}
footer .title-footer {font-weight: 900; color: white !important; font-size: 16px;}
footer .title-footer a {color: white; text-decoration: none !important;}
footer .widget-footer > .disp-flex {gap: 40px;}
footer .widget-footer ul:not(.ul-langue) {padding: 0; list-style: none;}
footer .widget-footer ul:not(.ul-langue) li {padding: 5px 0;}
.logo-footer {margin-bottom: 25px; filter: brightness(0) invert(1);}
.langue-footer {position: relative;}
.button-langue-footer {background: 0 0; color: #9DA3AF; text-align: center; border-radius: 50px; padding: 6px 15px; transition: .4s; cursor: pointer; display: flex; align-items: center; gap: 10px; border: solid 1px #5d6167; font-size: 14px; transition: .3s;}
.button-langue-footer:hover, .button-langue-footer:focus {background: #2A2A2C;}
.langue-footer svg, .langue-footer img {width: 22px; height: 22px;}
.ul-langue {background: #2A2A2C; padding: 0; position: absolute; border-radius: 5px; left: 0; bottom: 45px; margin: 0; display: flex; flex-direction: column; list-style: none; border: solid 1px #434346; min-width: 200px;}
.ul-langue li a {color: #9DA3AF !important; display: flex; column-gap: 15px; padding: 10px 15px; transition: .3s; font-size: 14px;}
.ul-langue li a:hover {color: white !important; background: #3E3E40;}
.bottom-footer {padding: 60px 0 10px 0; text-align: center;}
.bottom-footer p {margin: 0;}
.widget-footer li a {color: #9DA3AF; text-decoration: none !important;}
.widget-footer p {color: #9DA3AF;}
.widget-footer li a:hover {color: white;}
/* END FOOTER */

/* START MON COMPTE */
.sect-my-cv-act ul, .sect-my-ldm-act ul {padding-left: 0; list-style: none;}
.div-cv-download {position: relative;}
#espace-perso .cv-download.closed + .dropdown-cv-download {display: none;}
.dropdown-cv-download {position: absolute; top: 36px; left: 0; width: 100%; background: linear-gradient(45deg, #7EA9ED, #5689d9); display: flex; flex-direction: row;}
.div-cv-edit a {min-width: 40px; background: #4f80d2; text-align: center; line-height: 40px; border-radius: 3px; margin-top: 5px; margin-right: 5px; color: white !important; display: block; height: 40px;}
.div-cv-delete button {min-width: 40px; background: #db4a4a; text-align: center; line-height: 40px; border-radius: 3px; margin-top: 5px; margin-right: 5px; border: none; color: white; padding: 0; height: 40px;}
.div-cv-duplicate button {min-width: 40px; background: #FFD43C; text-align: center; line-height: 40px; border-radius: 3px; margin-top: 5px; margin-right: 5px; border: none; color: white; padding: 0; height: 40px;}
.div-cv-download a {width: 100%; background: linear-gradient(45deg, #7EA9ED, #5689d9); text-align: center; line-height: 40px; border-radius: 3px; margin-top: 5px; color: white !important; cursor:pointer; display: block}
input.cv-download {width: 100%; background: linear-gradient(45deg, #7EA9ED, #5689d9) !important; line-height: 40px !important; border-radius: 3px !important; margin-top: 5px !important; color: white !important; cursor: pointer; display: block !important; letter-spacing: 0 !important; text-transform: capitalize !important; font-family: "Poppins" !important; font-weight: 300 !important; font-size: 16px !important; padding: 0 !important;}
.div-cv-download {width: 100%;}
.div-cv-download .dropdown-choice {background: #4f80d2; width: 50px; margin: 10px; border-radius: 5px; line-height: 50px; font-size: 12px; width: 50%; padding: 0; transition: 0.4s; font-family: 'Poppins'; letter-spacing: 0px; font-weight: 600; text-decoration: none !important;}
.div-cv-download .dropdown-choice:last-child {margin-left: 0 !important}
.div-cv-download .dropdown-choice:hover {background: #3e6dbf; color: white;}
.ep-create-new-cv {text-align: center; padding-top: 50px; font-size: 50px; color: #5c8ddc;}
.ep-create-new-cv a {cursor:pointer;}
.ep-create-new-cv a i {line-height: 30px; transform: 0.4s;}
.ep-create-new-cv a:hover i {box-shadow: 7px 5px 30px rgb(106 152 227 / 58%);}
.my-cv-active .sect-my-cv-act {display:block !important}
.sect-inact {display:none}
.subscribe-active .sect-subscribe-act {display:block !important}
.new-cv-active .sect-new-cv-act {display:block !important}
.account-active .sect-account-act {display:block !important}
.new-ldm-active .sect-new-ldm-act {display:block !important}
.my-ldm-active .sect-my-ldm-act {display:block !important}
.account-lettres {width: 100%; display: flex; margin-bottom: 40px; justify-content: center;}
.account-lettres .btn-account-ldm {margin-right: 15px;}
.account-lettres .btn-account-ldd {margin-left: 15px;}
.btn-account-ldm a, .btn-account-ldd a {background: #EAEFFC; max-width: 400px; text-align: center; text-transform: uppercase; padding: 15px 25px; display: block; font-weight: 500; transition: 0.5s; border-radius: 3px; text-decoration: none !important; cursor: pointer;}
.btn-account-ldm a:hover, .btn-account-ldd a:hover{box-shadow: 7px 5px 30px rgb(104 151 226 / 42%); color: #6a51cc;}
.btn-account-ldm a:focus, .btn-account-ldd a:focus{color: white; text-decoration: none !important;}
.btn-account-ldm a{margin: auto 0 auto auto;}
.btn-account-ldd a{margin: auto auto auto 0;}
.author footer {display: none;}
.no-cv {color: #95A3B8; text-align: center; font-size: 20px;}
.form-edit-name, .form-edit-password, .form-resi-author {background: #EAEFFC; color: black; padding: 20px; border-radius: 3px;}
.form-resi-author {margin-top: 10px;}
.form-edit-name .ginput_container input, .form-edit-password .ginput_container input {background: white !important; border: solid 2px #cdcbe9 !important; border-radius: 3px;}
.form-edit-name .gform_footer, .form-edit-password .gform_footer {margin-top: 30px !important;}
.author .gfield_label {padding: 10px 0 0 0 !important;}
.title-edit-author {color: black;}
.form-edit-author {align-items: initial;}
.gform_wrapper .gfield_required {display: none !important;}
.ul-my-cv li .cv-thumbnail, .ul-my-letter li .cv-thumbnail {box-shadow: 0px 0px 30px rgb(107 153 228 / 16%); background-repeat: no-repeat;}
.link-cv-thumbnail {display: flex;}
.author-abo {box-shadow: 7px 5px 30px rgba(72, 73, 121, .15); border-radius: 20px;}
.author-listing-service {display: flex; flex-direction: column; gap: 10px;}
.author-listing-service i {color: var(--color-primary);}
.author-abo .form-payment {padding: 40px;}
.author-abo .phrase-paiement-btn {margin-top: -63px;}
.author-abo-txt {background: var(--color-bg); border-radius: 20px; padding: 40px;}
#espace-perso .cv-edit.disabled,
#espace-perso .cv-download.disabled {background:grey; color:lightgrey !important; border-color:darkgrey; cursor:not-allowed; }
.btn1.btn-subscribe {color: white !important; cursor: pointer;}
.author .site-header.no-scroll{box-shadow: 0 5px 10px 0 rgb(50 50 50 / 6%); background: white;}
.account-not-active {margin-top: 40px;}
.titre-subscribe-ep {color: #272727; font-weight: 600; font-size: 18px; padding-bottom: 20px;}
.popup_background {background-color: black; opacity: 0.8; width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 9999;}
.popup_supercontainer {display: table; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 9999;}
.popup_container {display:table-cell; vertical-align:middle;}
.popup {background-color:white; width:50%; margin:auto; padding:10px; position:relative; border-radius: 5px;}
.popup_content {border:5px solid #fdcb3c; padding:20px;}
.popup_close_container {position: absolute; top: -20px; right: -20px; z-index: -1; width: 70px; height: 70px; background-color: white; border-radius: 5px;}
.popup_close {position: absolute; top: -10px; right: -10px; background-color: white; color: #fdcb3c; width: 50px; height: 50px; border: 5px solid #fdcb3c; cursor:pointer;}
.popup_close:hover {background-color:#fdcb3c; color:white;}
.popup_close .dashicons {width: 40px; height: 40px; font-size: 40px;}
.list-ldm .listing-ldm {display: block !important;}
.list-ldd .listing-ldd {display: block !important;}
.li-logout {display: block !important; width: 100% !important;}
.li-logout .btn-logout {background: none !important; text-decoration: none !important;}
.popup_global {display: none;}
.author header {display: none !important;}
/* END MON COMPTE */


/* START PAYMENT */
.disp-flex.buy-cv {align-items: flex-start;}
.disp-flex.buy-cv .col33 {margin: 0 15px;}
.disp-flex.buy-cv .col33:first-child {margin-left: 0 !important;}
.disp-flex.buy-cv .col33:last-child {margin-right: 0 !important;}
.buy-cv ul {list-style: none; padding-left: 0;}
.buy-cv {background: var(--color-bg); padding: 40px; border-radius: 3px;}

.txt-resi {display: block; font-size: 12px; font-style: italic;}
.gfield_radio .gfield-choice-input {display: none !important;}  
.gfield_radio {display: flex; align-items: center; justify-content: center; gap: 15px;}  
.gfield_radio .gchoice {flex: 1;}
.gfield_radio .gchoice label{width: 100%; text-align: center; border: solid 2px var(--color-border); color: var(--color-text); border-radius: 3px; padding: 7px !important; cursor: pointer; max-width: 100% !important}
.gfield_radio input[type=radio]:checked+label {background: var(--color-border); color: white;}
.ginput_full input {background: white !important; border: solid 1px #bbbbbb !important; height: 40px; border-radius: 2px;} 
.ginput_full label {font-size: 14px; color: #96a3b8;}
.gfield_label {font-weight: 600 !important; padding: 15px 0 !important;}
.mode-paiement {font-size: 18px; margin: 15px 0 0 0 !important; font-weight: 600; color: black;}

.gform_wrapper .gform_validation_errors>h2 {font-size: 13px !important; line-height: 18px !important; font-weight: 500 !important;}
.form-payment-stripe .gfield_label {padding: 0 0 4px 0 !important;}
/* END PAYMENT */



/* START PAGE PAIEMENT */
.page-template-template-page-payment header, .page-template-template-page-payment footer {display: none !important;}
.page-template-template-page-payment {background: var(--color-bg);}
.sect-form-payment .bloc-form-payment {background: white; padding: 40px; border-radius: 20px; border: solid 1px var(--color-border); margin-top: 60px;}
.sect-form-payment h1 {font-size: 30px !important; border-bottom: solid 1px var(--color-border); padding-bottom: 20px; margin-bottom: 20px;}
.payment-listing-service {display: flex; flex-wrap: wrap; column-gap: 20px; row-gap: 3px; margin-bottom: 30px;}
.payment-listing-service span i {color: var(--color-primary);}
.price-cv {color: var(--color-primary); font-size: 30px; font-weight: 900;}
.price-form-v2 {border-bottom: solid 1px var(--color-border); padding-bottom: 10px; display: flex; align-items: center; gap: 10px;}
.price-time {display: flex; flex-direction: column; font-size: 14px; line-height: 14px; opacity: .7;} 
.txt-resi {display: block; font-size: 12px; font-style: italic; padding-left: 20px; border-left: solid 1px var(--color-border); margin-left: 20px; line-height: 43px;}
.minia-form-payment {display: flex; gap: 40px; align-items: flex-start;}
.minia-form-payment .copyright-img-min {padding: 0 !important; min-width: 350px; position: relative; max-width: 100%;}
.minia-form-payment .copyright-img-min img {-webkit-user-drag: none; user-select: none; -webkit-touch-callout: none;}
.minia-form-payment .copyright-img-min .shield{position:absolute; inset:0; z-index:2; background: transparent; cursor: not-allowed;}
.minia-form-payment .copyright-img-min:after {content: "© CV-CREATOR.CO.UK"; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #ffffff00; z-index: 99; display: flex; align-items: center; justify-content: center; opacity: .3;}
.minia-form-payment .form-payment {width: 100%;}
.reassurance {display: flex; align-items: center; justify-content: center; gap: 40px; margin-top: 60px; margin-bottom: 60px;}
.bloc-reassurance {flex: 1; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 20px;}
.bloc-reassurance svg {display: block; max-height: 80px; fill: var(--color-primary);}
.bloc-reassurance .rea-ptop {font-size: 30px; font-weight: 900; color: black; margin-bottom: 0;}
.copyright-img-min img {box-shadow: 0px 0px 30px rgb(0 0 0 / 20%); border-radius: 10px; max-width: 400px; border: solid 1px #e3e1df;}
.form-payment .gfield_radio .gchoice label {border-color: var(--color-title);}
.form-payment .gfield_radio input[type=radio]:checked+label {background: var(--color-title);}
.form-payment form .gform-footer {padding: 0 !important;}
.phrase-paiement-btn {background: white; margin-top: -42px; position: relative; color: gray;}
/* END PAGE PAIEMENT */


@media (min-width: 767px){
    .only-mobile {display: none;}
    .espace-perso-menu.mobile {display: none !important;}
    .section-espace-perso {display: flex;}
    .section-espace-perso .espace-perso-menu {width: 300px; overflow: hidden; display: block; height: 100%;}
    .section-espace-perso .espace-perso-menu .inside-espace-perso-menu {background: var(--color-title); padding: 84px 20px 20px 20px; position: fixed; height: 100%; width: 300px; left: 0;}
    .section-espace-perso .espace-perso-menu ul {display: flex; list-style: none; flex-wrap: wrap; padding-left: 0;}
    .section-espace-perso .espace-perso-menu ul li {width: 50%; padding: 5px; margin: 0;}
    .section-espace-perso .espace-perso-menu ul li a {width: 100%; background: rgb(255 255 255 / 11%); padding: 20px; margin: auto; text-align: center; color: white; display: flex; flex-direction: column; border-radius: 3px; cursor: pointer; transition: 0.4s;}
    .section-espace-perso .espace-perso-menu ul li a:hover {background: var(--color-primary); color: white;}
    .section-espace-perso .espace-perso-menu ul li a img {filter: brightness(0) invert(1); margin: 0 auto 15px auto; height: 35px; width: auto;}
    .section-espace-perso .espace-perso-menu h1 {font-size: 20px !important; padding-bottom: 20px; color: white !important; font-weight: 600 !important;}
    #espace-perso {padding: 70px 40px !important;}
    .h2-ep {font-size: 30px !important; margin-bottom: 30px;}
    .ul-my-cv, .ul-my-letter {display: flex; flex-wrap: wrap;}
    .ul-my-cv li, .ul-my-letter li {margin: 0 10px 20px 10px;}
    .cv-thumbnail {background-size: 100%; width: 298px; height: 421px; border-radius: 3px;}
    .form-edit-name {margin-right: 10px;}
    .form-edit-password {margin-left: 10px;}
    .subscribe-active .btn-subscribe {background: var(--color-primary) !important; font-weight: 600;}
    .my-cv-active .btn-my-cv {background: var(--color-primary) !important; font-weight: 600;}
    .my-ldm-active .btn-my-ldm {background: var(--color-primary) !important; font-weight: 600;}
    .account-active .btn-account {background: var(--color-primary) !important; font-weight: 600;}
    .bg-violet .col50:first-child {margin-right:80px}
	.build-home .col50:first-child {margin-right:80px}
	.sect-como-redactar .col50:first-child {margin-right:50px}
	.apartados-home .col50{margin-right:80px}
	.particularidades-home .col50{margin-right:80px}
    .sect-modelo-right h3, .sect-modelo-left h3 {padding-bottom: 25px;}
    .sect-price .col66 {margin-right: 40px;}
    .sect-review .col33:first-child {margin-left: 0px;}
    .sect-review .col33:last-child {margin-right: 0px;}
    .sect-review .col33 {margin: 15px}
}



/*start cv html*/
.cv-model-html {max-width:750px;margin:auto}
.template-cv-txt {width: 100%; display: flex; gap: 20px; border: solid 2px #e8edf2; border-radius: 15px; overflow: hidden; background: #ffffff; margin-bottom: 30px;}
.template-cv-txt p, .template-cv-txt li {font-size: 14px !important; margin-bottom: 0;}
.template-cv-txt .template-cv-txt-sidebar {width: 30%; background: #e8edf2; padding: 20px;}
.template-cv-txt .template-cv-txt-content {width: 70%;}
.template-cv-txt .template-cv-txt-name {font-size: 20px !important; font-weight: bold; color: black; padding: 10px 0;}
.template-cv-txt .title-template-cv-sidebar {padding: 15px 0 4px 0; font-weight: bold; font-size: 16px !important;}
.template-cv-txt .template-cv-txt-content {padding: 20px 20px 20px 0;}
.template-cv-txt .template-cv-txt-about {padding-bottom: 20px;}
.template-cv-txt .template-cv-txt-title {font-size: 16px !important; font-weight: bold; padding-bottom: 8px;}
.template-cv-txt .template-cv-txt-exp {padding-bottom: 15px;}
.template-cv-txt .template-cv-txt-title-exp {font-weight: 600;}

@media screen and (max-width: 740px) {
    .cv-model-html {margin:0 10px}
    .template-cv-txt {flex-direction: column;}
    .template-cv-txt-sidebar {width: 100% !important;}
    .template-cv-txt-content {width: 100% !important; padding: 0 20px 20px 20px !important;}
    .template-cv-txt-img {width: 40%; border-radius: 10px; overflow: hidden;}
    .template-cv-txt-top-sidebar {display: flex; gap: 20px;}
}

/*end cv html*/

.live-visitors {padding: 150px 0px 40px; display: flex; justify-content: center; gap: 10px; align-items: center; font-weight: bold; flex-direction: column;}
.sr-only {position:absolute!important; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;}
.odo{display:inline-flex; gap: 4px; font: 700 1.2rem/1.1 "Inter", system-ui, sans-serif; font-variant-numeric: tabular-nums; color:#0F172A;}
.odo__col{position: relative; width: 25px; height: 35px; overflow: hidden; border-radius: 6px; background: var(--color-title); color: white; display: inline-flex; padding: 2px 4px;}
.odo__strip{will-change: transform; transform: translateY(0); transition: transform .35s ease-in-out;}
.odo__digit{display:block; height: 1.6em; line-height: 1.6em; width: 0.75em; text-align:center;}
.live-visitors__label {max-width: 200px; text-align: center;}

@media (prefers-reduced-motion: reduce){
  .odo__strip{ transition:none !important; }
}


.cv-mosaic {
    width: min(100%, 1100px);
    height: var(--mosaic-height);
    overflow: hidden;
    border-radius: var(--mosaic-radius);
    position: absolute;
    top: 0;
    right: 12%;
    rotate: 5deg;
    max-width: 500px;
    border-radius: 0;
}

/* Fondu haut/bas pour un rendu premium (peut se retirer) */
.cv-mosaic::before,
.cv-mosaic::after {
  content: "";
  position: absolute;
  left: 0; right: 0;
  height: var(--fade-size);
  z-index: 2;
  pointer-events: none;
}
.cv-mosaic::before {
  top: 0;
  background: linear-gradient(to bottom, rgba(249,250,251,1), rgba(249,250,251,0));
}
.cv-mosaic::after {
  bottom: 0;
  background: linear-gradient(to top, rgba(249,250,251,1), rgba(249,250,251,0));
}

.cv-mosaic__track { animation: cvScrollY var(--duration) linear infinite; }

@keyframes cvScrollY { to { transform: translateY(-50%); } }


.cv-mosaic__img {
  display: block;
  width: 100%;
  height: auto;
  user-select: none;
  -webkit-user-drag: none;
}

/* Accessibilité : réduire les animations si l'utilisateur le demande */
@media (prefers-reduced-motion: reduce) {
  .cv-mosaic__track { animation: none !important; }
}

@media (min-width: 1600px){
    .container {width: 1340px !important; max-width: 100%;}
}

@media screen and (max-width: 1600px) {
    .phrase-paiement-btn {margin-top: -72px;}
}
@media screen and (max-width: 1330px) {
    .author-abo .phrase-paiement-btn {margin-top: -84px;}
}
@media (max-width: 1199px) {
    .container {width: 960px; max-width: 100%;}
}
@media screen and (max-width: 1108px) {
    .author-abo {flex-direction: column;}
    .author-abo > div {width: 100% !important;}
    .author-abo .phrase-paiement-btn {margin-top: -73px;}
}
@media screen and (max-width: 991px) {
    .minia-form-payment {flex-direction: column;}
    .minia-form-payment > div {width: 100% !important;} 
    .bloc-reassurance .rea-ptop {font-size: 22px; line-height: 26px; padding-bottom: 8px;}
    .sect-hero-page {flex-direction: column;}
    .header-page-hero .sect-hero-page > .col-hero-page {width: 100%;}
    .header-page-hero h1 {font-size: 28px !important;}
    .header-page-hero .double-btn {flex-direction: column; justify-content: center; gap: 12px; text-align: center;}
    .header-page-hero .double-btn .btn1 {justify-content: center;}
    .container {width: 720px; max-width: 100%;}
    .template-comparison-table {border-radius: 18px;}
    .template-comparison-table table {min-width: 700px;}
    .template-comparison-table th, .template-comparison-table td {padding: 24px 22px;}
    .template-comparison-table thead th {font-size: 20px;}
    .template-comparison-table tbody th, .template-comparison-table tbody td {font-size: 16px;}
}


@media screen and (max-width: 768px) {
    .container {width: 540px; max-width: 100%;}
    footer .widget-footer > .disp-flex, .sect-review .disp-flex, .faq-home .disp-flex, .listing-how-home, .slide-home .disp-flex, .listing-advice .advice-grid, .login-page .container, .form-contact .gfield_radio, .disp-flex.buy-cv, .author-abo, .form-edit-author, .sect-why-av .disp-flex, .bloc-write-section, .black-cta-bottom .disp-flex, .how-cancel-subscription .bloc-how-cancel-subscription .disp-flex, .form-how-cancel-subscription .gfield_radio, .reassurance, .sect-who-av .listing-job-who-for, .card-bloc .disp-flex, .sect-three-bloc .disp-flex, .sect-txt-large .disp-flex {flex-direction: column;}
    footer .widget-footer > .disp-flex > div, .sect-review .disp-flex > div, .faq-home .disp-flex > div, .listing-how-home > div, .etp-home .disp-flex > div, .slide-home .disp-flex > div, .listing-advice .advice-grid .back-advice, .advice-grid .related_page_conseil, .login-page .container > div, .disp-flex.buy-cv > div, .author-abo > div, .form-edit-author > div, .sect-why-av .disp-flex > div, .bloc-write-section > div, .black-cta-bottom .disp-flex > div, .how-cancel-subscription .bloc-how-cancel-subscription .disp-flex > div, .reassurance > div, .sect-who-av .listing-job-who-for .job-who-for, .card-bloc .disp-flex > div, .sect-three-bloc .disp-flex > div, .sect-txt-large .disp-flex > div {width: 100% !important;}
    .etp-home .disp-flex {flex-direction: column-reverse;}
    .list-cv-home .btn1.btn-center {margin-top: 25px;}
    .listing-templates .col25 {width: calc(50% - 13px);}
    h1 {font-size: 26px !important; line-height: 1.2 !important;}
    h2, .sect-txt h2, .sect-txt-large h2 {font-size: 24px !important; line-height: 1.2 !important;}
    h3, .sect-txt h3 {font-size: 18px !important; line-height: 1.2 !important;}
    .cv-mosaic { --mosaic-height: 296px; --fade-size: 16px; top: auto; bottom: 0; right: auto; left: 10%; opacity: .5; max-width: 80%;}
    .slide-home .disp-flex > .col50:first-child, .live-visitors {position: relative; z-index: 1;}
    .slide-home {padding-top: 100px;}
    .listing-templates .bloc-template-cv span {top: auto; padding: 6px 15px; font-size: 14px; border-radius: 8px; margin-top: 10px;}
    .slide-home .double-btn .btn1 {min-width: 182px; padding: 10px 20px;}
    .slide-home .double-btn {gap: 30px;}
    .slide-home .double-btn .btn1:after {right: -15px;}
    .slide-home:before {bottom: 220px; top: auto;}
    .header-page {padding: 100px 0 50px 0; margin-bottom: 60px;}
    .listing-cat-templates {flex-wrap: nowrap; overflow: auto; scrollbar-width: none; -ms-overflow-style: none; justify-content: flex-start;}
    .listing-cat-templates li {min-width: max-content;}
    .form-contact .gfield_radio > li {margin-bottom: 0 !important;}
    .author-abo-form {padding-top: 30px;}
    .author-abo-form .gform_footer {padding-top: 20px !important;}
    .gform_wrapper.gravity-theme .gfield-choice-input+label {font-size: 12px !important;}
    .author-abo-txt {padding: 20px;}
    .disp-flex.buy-cv .col33 {margin: 0 !important}
    .disp-flex.buy-cv .col33.buy-form-v2 {padding-top: 30px;}
    .buy-cv {padding: 30px 20px;}
    #espace-perso {margin: 40px 0;}
    #espace-perso {padding-bottom: 100px;}
    .author {min-height: 100vh;}
    .espace-perso-menu.mobile {position: fixed; bottom: 0; background: white; width: 100%; z-index: 2;}
    .espace-perso-menu.mobile nav {margin-bottom: 0; border-top: solid 2px #EDEBFC;}
    .espace-perso-menu.mobile ul {width: 100%; display: flex; align-items: center; justify-content: center; padding-left: 0; list-style: none; margin-bottom: 0 !important;}
    .espace-perso-menu.mobile ul li {flex-basis: 100%; text-align: center; margin: 0;}
    .espace-perso-menu.mobile ul li img {max-width: 15px; margin: 0 auto 10px auto;}
    .espace-perso-menu.mobile ul li span {font-size: 12px;}
    .espace-perso-menu.mobile ul li a {display: flex; flex-direction: column; opacity: 0.5; padding: 10px 0;}
    .espace-perso-menu:not(.mobile) {display: none !important;}
    .subscribe-active .btn-subscribe {font-weight: 600; opacity: 1 !important; border-top: solid 1px black;}
    .my-cv-active .btn-my-cv {font-weight: 600; opacity: 1 !important; border-top: solid 1px black;}
    .my-ldm-active .btn-my-ldm {font-weight: 600; opacity: 1 !important; border-top: solid 1px black;}
    .account-active .btn-account {font-weight: 600; opacity: 1 !important; border-top: solid 1px black;}
    .cv-thumbnail {background-size: 100%; width: 100%; height: 500px; border-radius: 3px;}
    .ep-create-new-cv {padding-top: 0 !important;}
    .form-edit-name {margin-bottom: 20px;}
    .bloc-tarifa {margin-top: 40px;}
    .how-home {padding: 50px 0; margin: 50px 0; overflow: hidden;}
    .img-how-home {position: absolute; opacity: .3; z-index: 1; right: -150px;}
    .list1-how-home, .list2-how-home {position: relative; z-index: 2;}
    .listing-templates .col33 {width: 100% !important;}
    .bloc-write-section .img-write-section {min-width: auto !important;}
    .bloc-write-section .img-write-section img {width: 250px; margin: auto; display: block;}
    .bloc-write-section .head-bloc-write-section i {font-size: 18px; width: 40px; height: 40px;}
    .btn1 {width: 100% !important; text-align: center; font-weight: bold; padding: 12px 25px;}
    .form-how-cancel-subscription h2, .form-how-cancel-subscription p {text-align: left;}
    .how-cancel-subscription .bloc-how-cancel-subscription, .form-how-cancel-subscription form {padding: 25px;}
    .form-contact .gfield_radio .gchoice, .form-how-cancel-subscription .gfield_radio .gchoice {width: 100%;}
    .minia-form-payment .copyright-img-min {min-width: auto !important;}
    .sect-form-payment {background: white;}
    .sect-form-payment .bloc-form-payment {margin-top: 0 !important; border: none !important; padding: 20px;}
    .txt-resi {margin: 0; border: 0; padding: 0; line-height: 16px; font-size: 12px;}
    .form-payment .price-form-v2 {flex-wrap: wrap;}
    .bloc-reassurance {flex-direction: row; text-align: left;}
    .bloc-reassurance svg {max-width: 60px; max-height: 100%;}
    .bloc-reassurance .rea-ptop {font-size: 24px;}
    .sect-form-payment h1 {font-size: 26px !important; line-height: 30px !important;}
    .sect-txt {margin-bottom: 50px;}
    .card-bloc img {max-height: 60px;}
    .sect-arg-home .list-arg-home {flex-direction: column;}  
    .sect-arg-home > .container > .disp-flex, .list-how-home, .sect-features-home .disp-flex, .reviews-home .list-reviews-home, .sect-create-home > .container > .disp-flex, .create-home-txt-list, .head-title-btn, .builder-home-av {flex-direction: column; gap: 15px;} 
    .sect-arg-home .disp-flex > .colflex:last-child p {text-align: center;}
    .disp-flex.flex-wrap.gap30 .col33 {width: 100%;}
    .cta-footer .btn1 {justify-content: center;}
    .reviews-home {padding-top: 30px;} 
    .sect-features-home {padding-bottom: 30px;} 
    .sect-create-home, .faq-home, .cta-footer, .list-cv-home, .sect-builder-home, .sect-how-home {padding: 40px 0;}
    .sect-arg-home {padding: 30px 0;}
    .builder-home-av p {font-size: 14px;}
    .template-comparison-table {border-radius: 16px; overflow-x: auto;}
    .template-comparison-table table {min-width: 680px;}
    .template-comparison-table th, .template-comparison-table td {padding: 20px 18px;}
    .template-comparison-table thead th {font-size: 18px;}
    .template-comparison-table tbody th,.template-comparison-table tbody td {font-size: 15px; line-height: 1.4;}
    .template-comparison-table thead th:first-child {width: 190px;}
    .template-comparison-table thead th:not(:first-child) {width: 160px;}
    .hero-page .disp-flex, .sect-template-ats .disp-flex, .sect-template-start .disp-flex {flex-direction: column;}
    .hero-page .disp-flex > div, .disp-flex.flex-wrap.gap15 .col50, .sect-template-start .template-start-card {width: 100% !important;}
    .cv-preview-scale {width: calc(21cm * .75); height: calc(780px * .75); display: block; margin: 20px auto;}
    .cv-preview-template-page {transform: scale(.75);}
    .template-profile-tabs {overflow: auto; justify-content: flex-start; scrollbar-width: none; -ms-overflow-style: none;}
    .template-profile-tabs::-webkit-scrollbar {display: none;}
    .hero-page {padding: 100px 0 40px 0;}
    .template-hero-arguments {flex-wrap: wrap; flex-direction: row !important; justify-content: center; gap: 15px; margin-top: 30px;}
    .template-hero-arguments p {margin-bottom: 0;}
    .btn-bottom-small-txt {flex-wrap: wrap; row-gap: 8px;}
    .template-finder-options button {font-size: 14px;}
    .template-finder-results-list {flex-wrap: wrap; justify-content: center;}
    .template-finder-results-list .template-item {width: calc(50% - 7px) !important; max-width: calc(50% - 7px) !important; flex: auto;}
    .listing-templates .template-card-hover .btn-template {opacity: 1; background: transparent;}
    .listing-templates .template-card-hover .btn-template span {background: var(--color-primary); color: white; padding: 5px 10px; font-size: 12px; font-weight: 500; display: block; margin-top: auto; margin-bottom: 15px;}
    .sect-pad60 .container > .disp-flex, .bloc-link-guide ul {flex-direction: column;}
    .bloc-link-guide ul li {width: 100% !important;}
}

@media (max-width: 600px) {
    .container {max-width: 100%; padding-left: 20px; padding-right: 20px;}
    .cv-preview-scale {width: calc(21cm * .60); height: calc(780px * .60);}
    .cv-preview-template-page {transform: scale(.60);}
}
@media screen and (max-width: 517px) {
    .author-abo .phrase-paiement-btn {margin-top: -84px;}
}
@media screen and (max-width: 480px) {
    .phrase-paiement-btn {margin-top: -84px;}
    .cv-preview-scale {width: calc(21cm * .43); height: calc(780px * .43);}
    .cv-preview-template-page {transform: scale(.43);}
    .double-btn {flex-direction: column; gap: 10px;}
    .double-btn .btn-icon {justify-content: center;}
}