.elementor-330 .elementor-element.elementor-element-d3cfdef{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-330 .elementor-element.elementor-element-f8299ab{--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;}.elementor-330 .elementor-element.elementor-element-f8299ab.e-con{--align-self:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-330 .elementor-element.elementor-element-a433f61 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-330 .elementor-element.elementor-element-95ed1e8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.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-330 .elementor-element.elementor-element-12fdc9e .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-330 .elementor-element.elementor-element-12fdc9e .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-330 .elementor-element.elementor-element-12fdc9e .elementor-field-group.recaptcha_v3-bottomleft, .elementor-330 .elementor-element.elementor-element-12fdc9e .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-330 .elementor-element.elementor-element-12fdc9e .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-330 .elementor-element.elementor-element-12fdc9e .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-330 .elementor-element.elementor-element-12fdc9e .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-330 .elementor-element.elementor-element-12fdc9e .elementor-field-type-html{padding-bottom:0px;}.elementor-330 .elementor-element.elementor-element-12fdc9e .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-330 .elementor-element.elementor-element-12fdc9e .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-330 .elementor-element.elementor-element-12fdc9e .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-330 .elementor-element.elementor-element-12fdc9e .elementor-button[type="submit"]{color:#ffffff;}.elementor-330 .elementor-element.elementor-element-12fdc9e .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-330 .elementor-element.elementor-element-12fdc9e .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-330 .elementor-element.elementor-element-12fdc9e .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-330 .elementor-element.elementor-element-12fdc9e .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-330 .elementor-element.elementor-element-12fdc9e .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-330 .elementor-element.elementor-element-12fdc9e .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-330 .elementor-element.elementor-element-12fdc9e{--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;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-330 .elementor-element.elementor-element-d3cfdef{--content-width:1400px;}.elementor-330 .elementor-element.elementor-element-f8299ab{--width:50%;}.elementor-330 .elementor-element.elementor-element-95ed1e8{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-d3cfdef *//* =========================================================
   DR. GAIL EKICI · CONTACT SECTION WITH FORM (Elementor)
   "Correspondence" design — light cream section + a deep navy
   letter with a gold wax seal. Works on the existing widgets.
   Section class: creativesectionwithform
   (Paste in: Section › Advanced › Custom CSS, or Site Settings › Custom CSS)
========================================================= */

@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500;1,600&family=Jost:wght@400;500&display=swap");

.creativesectionwithform {
    --gc-navy: #081526;
    --gc-navy-2: #12294a;
    --gc-ink: #14202f;
    --gc-ink-2: #4a5566;
    --gc-cream: #f5efe4;
    --gc-mist: #c5cfda;
    --gc-gold: #e8b65a;
    --gc-gold-light: #f6d896;
    --gc-gold-dark: #a8771f;
    --gc-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;
    --gc-sans: "Jost", "Segoe UI", system-ui, Arial, sans-serif;

    position: relative;
    isolation: isolate;
    overflow: hidden;

    padding: clamp(84px, 9vw, 140px) 5% !important;

    color: var(--gc-ink-2) !important;

    background:
        radial-gradient(55% 70% at 85% 30%, rgba(232,182,90,.18), transparent 70%),
        radial-gradient(40% 50% at 0% 100%, rgba(10,23,39,.05), transparent 70%),
        linear-gradient(180deg, #fbf8f2 0%, #f5efe5 50%, #efe6d7 100%) !important;
}

/* soft gold sparkles */
.creativesectionwithform::before {
    content: "";

    position: absolute;
    inset: 0;
    z-index: -1;

    pointer-events: none;

    opacity: .8;

    background-image:
        radial-gradient(2px 2px at 7% 18%, #d69f3c 50%, transparent 55%),
        radial-gradient(1.5px 1.5px at 16% 72%, #d69f3c 50%, transparent 55%),
        radial-gradient(2.4px 2.4px at 28% 34%, #e8b65a 50%, transparent 55%),
        radial-gradient(1.5px 1.5px at 37% 88%, #d69f3c 50%, transparent 55%),
        radial-gradient(1.8px 1.8px at 46% 12%, #d69f3c 50%, transparent 55%),
        radial-gradient(1.5px 1.5px at 58% 62%, #d69f3c 50%, transparent 55%),
        radial-gradient(2.4px 2.4px at 69% 22%, #e8b65a 50%, transparent 55%),
        radial-gradient(1.8px 1.8px at 81% 80%, #d69f3c 50%, transparent 55%),
        radial-gradient(1.5px 1.5px at 92% 40%, #d69f3c 50%, transparent 55%),
        radial-gradient(2px 2px at 97% 8%, #d69f3c 50%, transparent 55%);

    animation: gc-twinkle 5s ease-in-out infinite alternate;
}

/* faint giant italic word behind the copy */
.creativesectionwithform::after {
    content: "Write";

    position: absolute;
    left: -1vw;
    bottom: -3.4vw;
    z-index: -1;

    pointer-events: none;

    font-family: var(--gc-serif);
    font-size: clamp(130px, 19vw, 300px);
    font-style: italic;
    font-weight: 500;
    line-height: 1;

    color: transparent;
    -webkit-text-stroke: 1px rgba(168,119,31,.16);
}

@keyframes gc-twinkle { from { opacity: .3; } to { opacity: .85; } }

.creativesectionwithform *,
.creativesectionwithform *::before,
.creativesectionwithform *::after {
    box-sizing: border-box;
}


/* =========================================================
   LAYOUT: copy left, letter right
========================================================= */

.creativesectionwithform > .e-con-inner {
    position: relative;
    z-index: 1;

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;

    gap: clamp(40px, 6vw, 100px) !important;

    width: 100%;
    max-width: 1260px !important;

    margin: 0 auto !important;
    padding: 0 !important;
}

.creativesectionwithform > .e-con-inner > .e-con {
    min-width: 0;
    padding: 0 !important;
}

.creativesectionwithform > .e-con-inner > .e-con:first-child {
    flex: 1 1 44% !important;
    width: auto !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0 !important;
}

.creativesectionwithform > .e-con-inner > .e-con:last-child {
    flex: 1 1 56% !important;
    width: auto !important;
}

.creativesectionwithform .elementor-widget {
    width: 100%;
    margin: 0 !important;
}


/* =========================================================
   HEADING (H3) — small gold label above, big ink serif
========================================================= */

.creativesectionwithform h3.elementor-heading-title {
    position: relative;

    margin: 0 !important;
    padding: 0 !important;

    color: var(--gc-ink) !important;

    font-family: var(--gc-serif) !important;
    font-size: clamp(38px, 4.4vw, 64px) !important;
    font-weight: 500 !important;
    font-style: normal !important;

    line-height: 1.04 !important;
    letter-spacing: -.01em !important;

    text-transform: none !important;
}

.creativesectionwithform h3.elementor-heading-title::before {
    content: "Contact  ·  Enquiries";

    display: flex;
    align-items: center;
    gap: 16px;

    margin-bottom: 22px;

    font-family: var(--gc-sans);
    font-size: 11.5px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .34em;
    line-height: 1;
    text-transform: uppercase;
    white-space: pre;

    color: var(--gc-gold-dark);
}

.creativesectionwithform h3.elementor-heading-title::after {
    content: "";

    display: block;

    width: 72px;
    height: 1px;

    margin-top: 26px;

    background: linear-gradient(90deg, #d69f3c, transparent);
}


/* =========================================================
   TEXT
========================================================= */

.creativesectionwithform .elementor-widget-text-editor,
.creativesectionwithform .elementor-widget-text-editor p {
    margin: 0 !important;

    color: var(--gc-ink-2) !important;

    font-family: var(--gc-sans) !important;
    font-size: 17px !important;
    font-weight: 400 !important;

    line-height: 1.75 !important;
}

.creativesectionwithform .elementor-widget-text-editor {
    margin-top: 26px !important;
}

/* second paragraph: a hand-written style note with a large gold quote mark */
.creativesectionwithform .elementor-widget-text-editor + .elementor-widget-text-editor {
    position: relative;

    margin-top: 30px !important;
    padding: 0 0 0 46px !important;
}

.creativesectionwithform .elementor-widget-text-editor + .elementor-widget-text-editor::before {
    content: "\201C";

    position: absolute;
    left: 0;
    top: -14px;

    font-family: var(--gc-serif);
    font-size: 72px;
    line-height: 1;

    color: #d69f3c;
}

.creativesectionwithform .elementor-widget-text-editor + .elementor-widget-text-editor,
.creativesectionwithform .elementor-widget-text-editor + .elementor-widget-text-editor p {
    color: var(--gc-gold-dark) !important;

    font-family: var(--gc-serif) !important;
    font-size: clamp(22px, 1.9vw, 27px) !important;
    font-style: italic !important;
    font-weight: 500 !important;

    line-height: 1.35 !important;
}


/* =========================================================
   EMAIL (H4) — navy envelope badge + underlined address
========================================================= */

.creativesectionwithform h4.elementor-heading-title {
    display: inline-flex;
    align-items: center;
    gap: 16px;

    max-width: 100%;

    margin: 38px 0 0 !important;
    padding: 0 !important;

    color: var(--gc-ink) !important;

    font-family: var(--gc-serif) !important;
    font-size: clamp(20px, 1.7vw, 24px) !important;
    font-weight: 500 !important;

    line-height: 1.3 !important;
    letter-spacing: .01em !important;

    text-transform: none !important;

    overflow-wrap: anywhere;
}

.creativesectionwithform h4.elementor-heading-title::before {
    content: "";

    flex: none;

    width: 52px;
    height: 52px;

    border-radius: 50%;

    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f6d896' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3.5 6.5 8.5 7 8.5-7'/%3E%3C/svg%3E") center / 22px no-repeat,
        linear-gradient(180deg, #17355a, #0a1727);

    box-shadow: 0 0 0 4px rgba(232,182,90,.18), 0 10px 20px -8px rgba(10,23,39,.5);

    transition: transform .5s ease, box-shadow .35s ease;
}

.creativesectionwithform h4.elementor-heading-title:hover::before {
    transform: rotate(-8deg);
    box-shadow: 0 0 0 6px rgba(232,182,90,.28), 0 10px 20px -8px rgba(10,23,39,.5);
}

.creativesectionwithform h4.elementor-heading-title a {
    color: inherit !important;

    text-decoration: none !important;

    background: linear-gradient(#d69f3c, #d69f3c) 0 100% / 100% 1px no-repeat;
    padding-bottom: 4px;

    transition: color .3s ease;
}

.creativesectionwithform h4.elementor-heading-title a:hover {
    color: var(--gc-gold-dark) !important;
}


/* =========================================================
   THE LETTER (form card) — deep navy
========================================================= */

.creativesectionwithform .elementor-widget-form {
    position: relative;

    padding: clamp(56px, 5vw, 70px) clamp(28px, 3.6vw, 54px) clamp(30px, 3.4vw, 46px) !important;

    border-radius: 4px;

    background:
        radial-gradient(90% 60% at 50% 0%, rgba(40,84,134,.55), transparent 70%),
        linear-gradient(180deg, #102844 0%, #0b1c31 55%, #081526 100%);

    box-shadow:
        0 50px 90px -40px rgba(10,23,39,.75),
        0 0 0 1px rgba(232,182,90,.35);

    transform: rotate(-.6deg);
    transition: transform .8s cubic-bezier(.22,.68,.18,1);
}

.creativesectionwithform .elementor-widget-form:hover,
.creativesectionwithform .elementor-widget-form:focus-within {
    transform: rotate(0deg);
}

/* double-rule gold border */
.creativesectionwithform .elementor-widget-form::after {
    content: "";

    position: absolute;
    inset: 12px;

    pointer-events: none;

    border: 1px solid rgba(232,182,90,.35);
    outline: 1px solid rgba(232,182,90,.16);
    outline-offset: 3px;
    border-radius: 2px;
}

/* gold wax seal with monogram */
.creativesectionwithform .elementor-widget-form::before {
    content: "GE";

    position: absolute;
    left: 50%;
    top: 0;
    z-index: 2;

    display: grid;
    place-items: center;

    width: 74px;
    height: 74px;

    transform: translate(-50%, -50%);

    border-radius: 50%;

    background:
        radial-gradient(circle at 35% 30%, #fbe3a6 0%, #e8b65a 38%, #b5832a 80%, #8f6418 100%);

    box-shadow:
        0 0 0 5px rgba(232,182,90,.25),
        0 12px 24px -6px rgba(10,23,39,.5),
        inset 0 -4px 10px rgba(110,70,10,.45),
        inset 0 3px 6px rgba(255,255,255,.45);

    color: #5a3d0b;

    font-family: var(--gc-serif);
    font-size: 27px;
    font-style: italic;
    font-weight: 600;
    letter-spacing: .02em;
    line-height: 1;

    text-shadow: 0 1px 0 rgba(255,240,200,.6);
}

.creativesectionwithform .elementor-form-fields-wrapper {
    position: relative;
    z-index: 1;

    margin: 0 !important;

    row-gap: 26px;
}

.creativesectionwithform .elementor-field-group {
    margin: 0 !important;
    padding: 0 !important;
}


/* ---------- Labels ---------- */

.creativesectionwithform .elementor-field-label {
    display: block;

    margin: 0 0 4px !important;
    padding: 0 !important;

    color: var(--gc-gold) !important;

    font-family: var(--gc-sans) !important;
    font-size: 11px !important;
    font-weight: 500 !important;

    line-height: 1.4 !important;
    letter-spacing: .24em !important;

    text-transform: uppercase !important;
}

.creativesectionwithform .elementor-mark-required .elementor-field-label::after {
    color: var(--gc-gold) !important;
}


/* ---------- Fields: underline only, like writing on a letter ---------- */

.creativesectionwithform .elementor-field-textual {
    width: 100% !important;
    min-height: 46px !important;

    padding: 10px 2px !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(245,239,228,.25) !important;
    border-radius: 0 !important;

    background:
        linear-gradient(var(--gc-gold), var(--gc-gold)) 0 100% / 0 2px no-repeat,
        transparent !important;

    color: #f7f3ec !important;

    font-family: var(--gc-serif) !important;
    font-size: 21px !important;
    font-weight: 500 !important;

    line-height: 1.35 !important;

    box-shadow: none !important;

    transition: background-size .5s ease, border-color .3s ease !important;
}

.creativesectionwithform .elementor-field-textual::placeholder {
    color: rgba(245,239,228,.38) !important;

    font-style: italic;

    opacity: 1;
}

.creativesectionwithform .elementor-field-textual:hover {
    border-bottom-color: rgba(232,182,90,.6) !important;
}

/* gold underline draws across on focus */
.creativesectionwithform .elementor-field-textual:focus {
    background-size: 100% 2px, auto !important;

    border-bottom-color: transparent !important;

    outline: none !important;
}

/* message box: lined writing paper */
.creativesectionwithform textarea.elementor-field-textual {
    min-height: 168px !important;

    padding: 6px 2px !important;

    line-height: 34px !important;

    border-bottom: 0 !important;

    background:
        repeating-linear-gradient(180deg, transparent 0 33px, rgba(245,239,228,.16) 33px 34px) !important;

    background-attachment: local !important;

    resize: vertical;
}

.creativesectionwithform textarea.elementor-field-textual:focus {
    background:
        repeating-linear-gradient(180deg, transparent 0 33px, rgba(232,182,90,.5) 33px 34px) !important;

    background-attachment: local !important;
}

.creativesectionwithform .elementor-field-textual:-webkit-autofill {
    -webkit-text-fill-color: #f7f3ec !important;

    box-shadow: 0 0 0 1000px #0c1e34 inset !important;
}

.creativesectionwithform .elementor-select-wrapper::before,
.creativesectionwithform .elementor-select-wrapper .select-caret-down-wrapper {
    color: var(--gc-gold) !important;
}

.creativesectionwithform select.elementor-field-textual option {
    color: var(--gc-ink);
    background: #fff;
}


/* ---------- Send button: gold pill, navy arrow ---------- */

.creativesectionwithform .e-form__buttons {
    margin-top: 10px !important;
}

.creativesectionwithform .elementor-button {
    position: relative;

    width: 100% !important;
    min-height: 58px !important;

    padding: 0 28px !important;

    overflow: hidden;
    isolation: isolate;

    border: 0 !important;
    border-radius: 60px !important;

    background: linear-gradient(180deg, #f3d084 0%, #d9a243 100%) !important;

    color: #0a1727 !important;

    font-family: var(--gc-serif) !important;
    font-size: 20px !important;
    font-weight: 600 !important;

    line-height: 1 !important;
    letter-spacing: .02em !important;

    text-transform: none !important;

    box-shadow: 0 18px 34px -16px rgba(232,182,90,.8), inset 0 1px 0 rgba(255,255,255,.5) !important;

    cursor: pointer;

    transition: transform .35s ease, box-shadow .35s ease, color .35s ease;
}

.creativesectionwithform .elementor-button .elementor-button-text {
    position: relative;
    z-index: 1;

    color: inherit !important;
}

/* navy circle with arrow at the end of the label */
.creativesectionwithform .elementor-button .elementor-button-text::after {
    content: "\2192";

    display: inline-grid;
    place-items: center;

    width: 32px;
    height: 32px;

    margin-left: 14px;

    border-radius: 50%;

    background: #0a1727;
    color: var(--gc-gold-light);

    font-family: var(--gc-sans);
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0;

    vertical-align: middle;

    transition: transform .4s ease, background .35s ease, color .35s ease;
}

/* cream fill sweeps in on hover */
.creativesectionwithform .elementor-button::before {
    content: "";

    position: absolute;
    inset: 0;
    z-index: 0;

    border-radius: inherit;

    background: linear-gradient(180deg, #fffaf0, #f3e7cf);

    transform: scaleX(0);
    transform-origin: left;

    transition: transform .55s cubic-bezier(.22,.68,.18,1);
}

.creativesectionwithform .elementor-button:hover {
    transform: translateY(-2px);

    box-shadow: 0 22px 40px -14px rgba(232,182,90,.9), inset 0 1px 0 rgba(255,255,255,.5) !important;
}

.creativesectionwithform .elementor-button:hover::before {
    transform: scaleX(1);
}

.creativesectionwithform .elementor-button:hover .elementor-button-text::after {
    background: #d69f3c;
    color: #0a1727;

    transform: translateX(4px) rotate(-45deg);
}

.creativesectionwithform .elementor-button:focus-visible {
    outline: 2px solid var(--gc-gold-light) !important;
    outline-offset: 4px;
}


/* ---------- Messages ---------- */

.creativesectionwithform .elementor-message {
    position: relative;
    z-index: 1;

    margin: 18px 0 0 !important;
    padding: 14px 16px !important;

    border-left: 3px solid var(--gc-gold);
    border-radius: 2px;

    background: rgba(232,182,90,.12);

    color: #f7f3ec !important;

    font-family: var(--gc-sans) !important;
    font-size: 14.5px !important;

    line-height: 1.6 !important;
}

.creativesectionwithform .elementor-message.elementor-message-danger,
.creativesectionwithform .elementor-message.elementor-help-inline {
    border-left-color: #f0806e;

    background: rgba(240,110,90,.12);

    color: #ffc9bd !important;
}

.creativesectionwithform .elementor-message.elementor-help-inline {
    margin-top: 6px !important;
    padding: 6px 10px !important;

    font-size: 13px !important;
}


@media (prefers-reduced-motion: reduce) {
    .creativesectionwithform::before { animation: none; }
    .creativesectionwithform *,
    .creativesectionwithform *::before,
    .creativesectionwithform *::after { transition: none !important; }
    .creativesectionwithform .elementor-widget-form { transform: none; }
}


/* =========================================================
   TABLET / MOBILE
========================================================= */

@media (max-width: 900px) {

    .creativesectionwithform > .e-con-inner {
        flex-direction: column !important;
        align-items: stretch !important;

        gap: 70px !important;

        max-width: 640px !important;
    }

    .creativesectionwithform > .e-con-inner > .e-con:first-child,
    .creativesectionwithform > .e-con-inner > .e-con:last-child {
        flex: 1 1 auto !important;
        width: 100% !important;
    }

    .creativesectionwithform .elementor-widget-form {
        transform: none;
    }

    .creativesectionwithform::after {
        bottom: auto;
        top: 30%;
    }
}

@media (max-width: 560px) {

    .creativesectionwithform h3.elementor-heading-title {
        font-size: 36px !important;
    }

    .creativesectionwithform h3.elementor-heading-title::before {
        letter-spacing: .26em;
        font-size: 10.5px;
    }

    .creativesectionwithform .elementor-widget-text-editor,
    .creativesectionwithform .elementor-widget-text-editor p {
        font-size: 16px !important;
    }

    .creativesectionwithform .elementor-widget-text-editor + .elementor-widget-text-editor {
        padding-left: 38px !important;
    }

    .creativesectionwithform h4.elementor-heading-title {
        gap: 12px;
        font-size: 19px !important;
    }

    .creativesectionwithform h4.elementor-heading-title::before {
        width: 44px;
        height: 44px;
    }

    .creativesectionwithform .elementor-widget-form {
        padding: 54px 22px 26px !important;
    }

    .creativesectionwithform .elementor-widget-form::after {
        inset: 8px;
    }

    .creativesectionwithform .elementor-field-textual {
        font-size: 19px !important;
    }
}/* End custom CSS */