.elementor-292 .elementor-element.elementor-element-0e91379{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-292 .elementor-element.elementor-element-cceec16{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-292 .elementor-element.elementor-element-d35c18f{--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;--margin-top:-119px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-292 .elementor-element.elementor-element-c8ba705 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-292 .elementor-element.elementor-element-c8ba705 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-292 .elementor-element.elementor-element-c8ba705 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-292 .elementor-element.elementor-element-c8ba705 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-292 .elementor-element.elementor-element-c8ba705 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-292 .elementor-element.elementor-element-c8ba705 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-292 .elementor-element.elementor-element-c8ba705 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-292 .elementor-element.elementor-element-c8ba705 .elementor-field-type-html{padding-bottom:0px;}.elementor-292 .elementor-element.elementor-element-c8ba705 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-292 .elementor-element.elementor-element-c8ba705 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-292 .elementor-element.elementor-element-c8ba705 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-292 .elementor-element.elementor-element-c8ba705 .elementor-button[type="submit"]{color:#ffffff;}.elementor-292 .elementor-element.elementor-element-c8ba705 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-292 .elementor-element.elementor-element-c8ba705 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-292 .elementor-element.elementor-element-c8ba705 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-292 .elementor-element.elementor-element-c8ba705 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-292 .elementor-element.elementor-element-c8ba705 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-292 .elementor-element.elementor-element-c8ba705 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-292 .elementor-element.elementor-element-c8ba705{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-292 .elementor-element.elementor-element-879fa85{--spacer-size:95px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-292 .elementor-element.elementor-element-d35c18f{--content-width:873px;}}@media(max-width:1024px){.elementor-292 .elementor-element.elementor-element-cceec16{--padding-top:43px;--padding-bottom:43px;--padding-left:43px;--padding-right:43px;}.elementor-292 .elementor-element.elementor-element-d35c18f{--margin-top:-153px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-292 .elementor-element.elementor-element-cceec16{--padding-top:11px;--padding-bottom:11px;--padding-left:11px;--padding-right:11px;}}/* Start custom CSS for form, class: .elementor-element-c8ba705 *//* ========================================================= PHARMÉCRIT ELEMENTOR FORM CSS CLASS: ph-contact-form FULL FORM STYLING ========================================================= */ /* ========================================================= FORM WRAPPER ========================================================= */ .ph-contact-form{ width:100%!important; font-family: "DM Sans", Arial, sans-serif!important; } .ph-contact-form .elementor-widget-container, .ph-contact-form .elementor-form{ width:100%!important; } /* ========================================================= FORM FIELDS WRAPPER ========================================================= */ .ph-contact-form .elementor-form-fields-wrapper{ width:100%!important; row-gap:22px!important; } /* ========================================================= FIELD GROUPS ========================================================= */ .ph-contact-form .elementor-field-group{ min-width:0!important; margin-bottom:0!important; } /* ========================================================= LABELS ========================================================= */ .ph-contact-form .elementor-field-label{ display:block!important; width:100%!important; margin: 0 0 8px!important; padding:0!important; color:#33415C!important; font-family: "DM Sans", Arial, sans-serif!important; font-size:12px!important; font-weight:700!important; line-height:1.4!important; } /* ========================================================= ALL INPUTS ========================================================= */ .ph-contact-form input.elementor-field, .ph-contact-form textarea.elementor-field, .ph-contact-form select.elementor-field{ width:100%!important; margin:0!important; border: 1px solid rgba(29,61,143,.13)!important; outline:none!important; background-color: #FAFBFD!important; color: #172033!important; font-family: "DM Sans", Arial, sans-serif!important; font-size:14px!important; font-weight:400!important; box-shadow:none!important; transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease!important; } /* ========================================================= TEXT / EMAIL / STANDARD INPUTS ========================================================= */ .ph-contact-form input.elementor-field{ height:54px!important; min-height:54px!important; padding: 0 15px!important; border-radius: 13px!important; line-height: normal!important; } /* ========================================================= TEXTAREA ========================================================= */ .ph-contact-form textarea.elementor-field{ min-height:175px!important; padding: 15px!important; border-radius: 14px!important; resize: vertical!important; line-height: 1.65!important; } /* ========================================================= PLACEHOLDERS ========================================================= */ .ph-contact-form input.elementor-field::placeholder, .ph-contact-form textarea.elementor-field::placeholder{ color: #929AA8!important; opacity: 1!important; } /* ========================================================= FOCUS — ALL FIELDS ========================================================= */ .ph-contact-form input.elementor-field:focus, .ph-contact-form textarea.elementor-field:focus, .ph-contact-form select.elementor-field:focus{ outline: none!important; border-color: rgba(0,140,153,.65)!important; background-color: #FFFFFF!important; box-shadow: 0 0 0 4px rgba(0,140,153,.08)!important; } /* ========================================================= SELECT / PROJECT TYPE ========================================================= */ .ph-contact-form select.elementor-field, .ph-contact-form .elementor-field-type-select select{ width:100%!important; height:54px!important; min-height:54px!important; margin:0!important; padding: 0 44px 0 15px!important; border: 1px solid rgba(29,61,143,.13)!important; border-radius: 13px!important; outline: none!important; background-color: #FAFBFD!important; color: #172033!important; font-family: "DM Sans", Arial, sans-serif!important; font-size: 14px!important; font-weight: 400!important; line-height: normal!important; box-shadow: none!important; cursor: pointer!important; transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease!important; } /* ========================================================= SELECT FOCUS ========================================================= */ .ph-contact-form select.elementor-field:focus, .ph-contact-form .elementor-field-type-select select:focus{ outline: none!important; border-color: rgba(0,140,153,.65)!important; background-color: #FFFFFF!important; box-shadow: 0 0 0 4px rgba(0,140,153,.08)!important; } /* ========================================================= SELECT OPTIONS ========================================================= */ .ph-contact-form select.elementor-field option, .ph-contact-form .elementor-field-type-select select option{ background: #FFFFFF!important; color: #172033!important; font-family: "DM Sans", Arial, sans-serif!important; font-size: 14px!important; font-weight: 400!important; } /* ========================================================= SELECT FIELD GROUP ========================================================= */ .ph-contact-form .elementor-field-type-select{ margin-bottom: 0!important; padding-top: 0!important; padding-bottom: 0!important; } /* ========================================================= SELECT LABEL ========================================================= */ .ph-contact-form .elementor-field-type-select .elementor-field-label{ display: block!important; width: 100%!important; margin: 0 0 8px!important; padding: 0!important; color: #33415C!important; font-family: "DM Sans", Arial, sans-serif!important; font-size: 12px!important; font-weight: 700!important; line-height: 1.4!important; } /* ========================================================= REQUIRED MARK ========================================================= */ .ph-contact-form .elementor-mark-required .elementor-field-label::after{ color: #008C99!important; } /* ========================================================= SUBMIT FIELD WRAPPER ========================================================= */ .ph-contact-form .elementor-field-type-submit{ width: 100%!important; display: flex!important; align-items: center!important; justify-content: center!important; margin-top: 8px!important; } /* ========================================================= SUBMIT BUTTON ========================================================= */ .ph-contact-form .elementor-button{ width: auto!important; min-width: 0!important; min-height: 58px!important; display: inline-flex!important; align-items: center!important; justify-content: center!important; gap: 12px!important; margin: 0 auto!important; padding: 0 34px!important; border: 1px solid #1D3D8F!important; border-radius: 999px!important; outline: none!important; background: #1D3D8F!important; color: #FFFFFF!important; box-shadow: 0 16px 40px rgba(29,61,143,.20)!important; font-family: "DM Sans", Arial, sans-serif!important; font-size: 14px!important; font-weight: 700!important; line-height: 1!important; cursor: pointer!important; transition: background .25s ease, border-color .25s ease, box-shadow .25s ease, transform .25s ease!important; } /* ========================================================= BUTTON CONTENT ========================================================= */ .ph-contact-form .elementor-button .elementor-button-content-wrapper{ display: inline-flex!important; align-items: center!important; justify-content: center!important; gap: 12px!important; } .ph-contact-form .elementor-button .elementor-button-text{ color: #FFFFFF!important; font-family: "DM Sans", Arial, sans-serif!important; font-size: 14px!important; font-weight: 700!important; line-height: 1!important; } /* ========================================================= SUBMIT HOVER ========================================================= */ .ph-contact-form .elementor-button:hover{ border-color: #122968!important; background: #122968!important; color: #FFFFFF!important; transform: translateY(-1px)!important; box-shadow: 0 20px 48px rgba(29,61,143,.27)!important; } /* ========================================================= SUBMIT KEYBOARD FOCUS ========================================================= */ .ph-contact-form .elementor-button:focus-visible{ outline: 3px solid rgba(0,140,153,.36)!important; outline-offset: 4px!important; } /* ========================================================= SUCCESS MESSAGE ========================================================= */ .ph-contact-form .elementor-message-success{ margin-top: 20px!important; padding: 15px 17px!important; border: 1px solid rgba(0,140,153,.18)!important; border-radius: 13px!important; background: rgba(0,140,153,.07)!important; color: #006F79!important; font-family: "DM Sans", Arial, sans-serif!important; font-size: 13.5px!important; font-weight: 600!important; line-height: 1.6!important; } /* ========================================================= ERROR MESSAGES ========================================================= */ .ph-contact-form .elementor-message-danger, .ph-contact-form .elementor-message-warning, .ph-contact-form .elementor-help-inline{ color: #A33030!important; font-family: "DM Sans", Arial, sans-serif!important; font-size: 12.5px!important; font-weight: 600!important; line-height: 1.5!important; } /* ========================================================= INVALID FIELD ========================================================= */ .ph-contact-form .elementor-field.elementor-error{ border-color: rgba(163,48,48,.55)!important; box-shadow: 0 0 0 3px rgba(163,48,48,.06)!important; } /* ========================================================= TABLET / MOBILE ========================================================= */ @media(max-width:767px){ /* STACK ALL FIELDS */ .ph-contact-form .elementor-field-group{ width: 100%!important; max-width: 100%!important; flex: 0 0 100%!important; } .ph-contact-form .elementor-column{ width: 100%!important; max-width: 100%!important; } /* LABELS */ .ph-contact-form .elementor-field-label{ font-size: 12px!important; } /* INPUTS */ .ph-contact-form input.elementor-field{ height: 54px!important; min-height: 54px!important; } /* SELECT */ .ph-contact-form select.elementor-field, .ph-contact-form .elementor-field-type-select select{ width: 100%!important; height: 54px!important; min-height: 54px!important; padding: 0 42px 0 15px!important; border: 1px solid rgba(29,61,143,.13)!important; border-radius: 13px!important; background-color: #FAFBFD!important; color: #172033!important; font-size: 14px!important; } /* TEXTAREA */ .ph-contact-form textarea.elementor-field{ min-height: 165px!important; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media(max-width:440px){ .ph-contact-form .elementor-form-fields-wrapper{ row-gap: 20px!important; } .ph-contact-form input.elementor-field, .ph-contact-form select.elementor-field{ height: 54px!important; min-height: 54px!important; } .ph-contact-form textarea.elementor-field{ min-height: 160px!important; } .ph-contact-form .elementor-button{ width: 100%!important; min-height: 56px!important; padding: 0 24px!important; } } /* ========================================================= REDUCED MOTION ========================================================= */ @media(prefers-reduced-motion:reduce){ .ph-contact-form *, .ph-contact-form *::before, .ph-contact-form *::after{ transition: none!important; animation: none!important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d35c18f *//* ========================================================= PHARMÉCRIT FORM CARD ONE ELEMENTOR CONTAINER Class: ph-form-card ========================================================= */ .ph-form-card{ position:relative!important; z-index:1!important; width:100%!important; max-width:940px!important; margin-left:auto!important; margin-right:auto!important; padding: clamp(36px,5vw,58px)!important; /* * IMPORTANT: * Container itself must be transparent. * White card is created by ::after. */ background:transparent!important; border:none!important; border-radius:0!important; box-shadow:none!important; overflow:visible!important; isolation:isolate!important; } /* ========================================================= BLUE / TEAL BACKING This is the layer BEHIND the white card ========================================================= */ .ph-form-card::before{ content:""!important; position:absolute!important; z-index:0!important; top:24px!important; left:16px!important; right:16px!important; bottom:-18px!important; border-radius:32px!important; background: linear-gradient( 145deg, #1D3D8F 0%, #008C99 100% )!important; transform:rotate(.8deg)!important; transform-origin:center!important; opacity:.9!important; box-shadow: 0 28px 72px rgba(8,24,66,.14)!important; pointer-events:none!important; } /* ========================================================= WHITE CARD This now sits ABOVE the blue/teal backing ========================================================= */ .ph-form-card::after{ content:""!important; position:absolute!important; z-index:1!important; inset:0!important; border: 1px solid rgba(29,61,143,.09)!important; border-radius:30px!important; background:#FFFFFF!important; box-shadow: 0 34px 90px rgba(8,24,66,.15)!important; pointer-events:none!important; } /* ========================================================= ELEMENTOR CONTENT Everything inside sits on top of BOTH layers ========================================================= */ .ph-form-card > *{ position:relative!important; z-index:2!important; } /* * Extra Elementor protection */ .ph-form-card .elementor-element, .ph-form-card .elementor-widget, .ph-form-card .elementor-widget-container, .ph-form-card form{ position:relative!important; z-index:2!important; } /* ========================================================= TABLET ========================================================= */ @media(max-width:780px){ .ph-form-card{ padding: 32px 24px!important; } .ph-form-card::before{ top:18px!important; left:10px!important; right:10px!important; bottom:-14px!important; border-radius:26px!important; transform:rotate(.55deg)!important; } .ph-form-card::after{ border-radius:24px!important; } } /* ========================================================= MOBILE ========================================================= */ @media(max-width:440px){ .ph-form-card{ padding: 28px 20px!important; } .ph-form-card::before{ top:14px!important; left:7px!important; right:7px!important; bottom:-11px!important; border-radius:23px!important; transform:rotate(.4deg)!important; } .ph-form-card::after{ border-radius:21px!important; box-shadow: 0 24px 60px rgba(8,24,66,.13)!important; } }/* End custom CSS */