.elementor-32662 .elementor-element.elementor-element-e38a433{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:50px;--padding-bottom:125px;--padding-left:0px;--padding-right:0px;}.elementor-32662 .elementor-element.elementor-element-d2cb1aa{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-32662 .elementor-element.elementor-element-adbb7b7 .elementor-heading-title{font-size:1.5rem;font-weight:400;color:var( --e-global-color-text );}.elementor-32662 .elementor-element.elementor-element-224a6b7 .breadcrumb{text-align:left;font-family:"Montserrat", Sans-serif;font-size:0.875rem;font-weight:400;text-transform:uppercase;line-height:1em;color:var( --e-global-color-text );}.elementor-32662 .elementor-element.elementor-element-224a6b7 .breadcrumb a{color:var( --e-global-color-secondary );}.elementor-32662 .elementor-element.elementor-element-224a6b7 .breadcrumb a:hover{color:var( --e-global-color-text );}.elementor-32662 .elementor-element.elementor-element-967eaa4{--divider-border-style:solid;--divider-color:#FFFFFFA6;--divider-border-width:1px;margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-32662 .elementor-element.elementor-element-967eaa4 .elementor-divider-separator{width:5%;}.elementor-32662 .elementor-element.elementor-element-2f9daa4 .elementor-heading-title{font-size:5rem;font-weight:600;line-height:1.2em;color:var( --e-global-color-7e29173 );}:root{--page-title-display:none;}@media(max-width:1366px) and (min-width:768px){.elementor-32662 .elementor-element.elementor-element-e38a433{--content-width:95%;}}@media(max-width:1366px){.elementor-32662 .elementor-element.elementor-element-2f9daa4 .elementor-heading-title{font-size:4rem;}}@media(max-width:1024px){.elementor-32662 .elementor-element.elementor-element-2f9daa4 .elementor-heading-title{font-size:3rem;}}@media(max-width:767px){.elementor-32662 .elementor-element.elementor-element-e38a433{--content-width:95%;--padding-top:50px;--padding-bottom:75px;--padding-left:0px;--padding-right:0px;}.elementor-32662 .elementor-element.elementor-element-d2cb1aa{--flex-direction:column-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-32662 .elementor-element.elementor-element-967eaa4 .elementor-divider-separator{width:10%;}.elementor-32662 .elementor-element.elementor-element-2f9daa4 .elementor-heading-title{font-size:2.4rem;}}/* Start custom CSS for heading, class: .elementor-element-2f9daa4 *//*Animation de la sous-ligne sur les mots qui ont de l'impact*/
span.underline-anim {
  position: relative;
  display: inline-block;
  color: #00AEEF;
  text-decoration: none;
}

span.underline-anim::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 2px;
  background-color: #00AEEF;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}

span.underline-anim:hover::after {
  transform: scaleX(1);
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9c7e17b *//* --- Formulaire de demande de données (Style Agence Digitale) --- */

#cmplz-datarequest-form {
    display: flex;
    flex-direction: column;
    line-height: 1.8em;
    font-size: 14px;
    color: #ffffff;
    background-color: #1a1a1a; /* Fond sombre assorti aux blocs */
    padding: 25px;
    border-radius: 15px;
    border: 1px solid #333;
}

/* Champs de saisie (Nom, Email) */
input#cmplz_datarequest_name, 
input#cmplz_datarequest_email {
    display: flex;
    flex-direction: row;
    padding: 15px;
    width: 100%;
    margin-bottom: 15px;
    background-color: #0f0f0f !important; /* Plus sombre pour le champ */
    border: 1px solid #444 !important;
    color: #ffffff !important;
    transition: border-color 0.3s ease;
}

input#cmplz_datarequest_name:focus, 
input#cmplz_datarequest_email:focus {
    border-color: #00abdf !important; /* Accent bleu cyan au clic */
    outline: none;
}

/* Bouton Envoyer */
#cmplz-datarequest-submit {
    background: #00abdf !important; /* Bleu cyan du site */
    font-size: 14px !important;
    font-weight: bold;
    color: #1C1C1C !important;
    padding: 15px 35px !important;
    width: fit-content;
    border: none !important;
    cursor: pointer;
    transition: background 0.3s ease, transform 0.2s ease;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#cmplz-datarequest-submit:hover {
    background: #008eb9 !important; /* Bleu un peu plus foncé au survol */
    transform: scale(1.05);
}

/* Style de la case à cocher (Checkbox) */
#cmplz-datarequest-form input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #0f0f0f;
    margin-right: 10px;
    font: inherit;
    color: #00abdf; /* Couleur de la coche */
    width: 1.25em;
    height: 1.25em;
    border: 2px solid #444;
    display: inline-flex;
    place-content: center;
    cursor: pointer;
    transition: 0.2s;
}

#cmplz-datarequest-form input[type=checkbox]:checked {
    background-color: #00abdf;
    border-color: #00abdf;
}

#cmplz-datarequest-form input[type=checkbox]::before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    transform: scale(0);
    transform-origin: center;
    background-color: white; /* La coche elle-même sera blanche */
    transition: 0.1s transform ease-in-out;
}

#cmplz-datarequest-form input[type=checkbox]:checked::before {
    transform: scale(1);
}

/* Espacement du texte à côté de la checkbox */
#cmplz-datarequest-form .cmplz_datarequest {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    color: #bbbbbb;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://montrealenligne.ca/wp-content/uploads/2025/04/Montserrat-Regular.woff2') format('woff2'),
		url('https://montrealenligne.ca/wp-content/uploads/2025/04/Montserrat-Regular.woff') format('woff'),
		url('https://montrealenligne.ca/wp-content/uploads/2025/04/Montserrat-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://montrealenligne.ca/wp-content/uploads/2025/04/Montserrat-Medium.woff2') format('woff2'),
		url('https://montrealenligne.ca/wp-content/uploads/2025/04/Montserrat-Medium.woff') format('woff'),
		url('https://montrealenligne.ca/wp-content/uploads/2025/04/Montserrat-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://montrealenligne.ca/wp-content/uploads/2025/04/Montserrat-SemiBold.woff2') format('woff2'),
		url('https://montrealenligne.ca/wp-content/uploads/2025/04/Montserrat-SemiBold.woff') format('woff'),
		url('https://montrealenligne.ca/wp-content/uploads/2025/04/Montserrat-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://montrealenligne.ca/wp-content/uploads/2025/04/Montserrat-Bold.woff2') format('woff2'),
		url('https://montrealenligne.ca/wp-content/uploads/2025/04/Montserrat-Bold.woff') format('woff'),
		url('https://montrealenligne.ca/wp-content/uploads/2025/04/Montserrat-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://montrealenligne.ca/wp-content/uploads/2025/04/Montserrat-Light.woff2') format('woff2'),
		url('https://montrealenligne.ca/wp-content/uploads/2025/04/Montserrat-Light.woff') format('woff'),
		url('https://montrealenligne.ca/wp-content/uploads/2025/04/Montserrat-Light.ttf') format('truetype');
}
/* End Custom Fonts CSS */