.elementor-2806 .elementor-element.elementor-element-c8f0002{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2806 .elementor-element.elementor-element-fe33db6{--display:flex;--min-height:420px;--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2806 .elementor-element.elementor-element-62eb1f8 iframe{height:420px;}.elementor-2806 .elementor-element.elementor-element-23eb4c85{--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-2806 .elementor-element.elementor-element-23eb4c85:not(.elementor-motion-effects-element-type-background), .elementor-2806 .elementor-element.elementor-element-23eb4c85 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#071622;}.elementor-2806 .elementor-element.elementor-element-40b6f4a2{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2806 .elementor-element.elementor-element-73d30c3e{--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:0px;--margin-bottom:0px;--margin-left:50px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-2806 .elementor-element.elementor-element-6f1e56a3 .elementor-heading-title{color:#FFFFFF;}.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-type-html{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.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{--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-2806 .elementor-element.elementor-element-207e811f .elementor-field-group{padding-right:calc( 0px/2 );padding-left:calc( 0px/2 );margin-bottom:0px;}.elementor-2806 .elementor-element.elementor-element-207e811f .elementor-form-fields-wrapper{margin-left:calc( -0px/2 );margin-right:calc( -0px/2 );margin-bottom:-0px;}.elementor-2806 .elementor-element.elementor-element-207e811f .elementor-field-group.recaptcha_v3-bottomleft, .elementor-2806 .elementor-element.elementor-element-207e811f .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-2806 .elementor-element.elementor-element-207e811f .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-2806 .elementor-element.elementor-element-207e811f .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-2806 .elementor-element.elementor-element-207e811f .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-2806 .elementor-element.elementor-element-207e811f .elementor-field-type-html{padding-bottom:0px;}.elementor-2806 .elementor-element.elementor-element-207e811f .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-radius:14px 14px 14px 14px;}.elementor-2806 .elementor-element.elementor-element-207e811f .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-radius:14px 14px 14px 14px;}.elementor-2806 .elementor-element.elementor-element-207e811f .e-form__buttons__wrapper__button-next{background-color:#D4B878;color:#000000;}.elementor-2806 .elementor-element.elementor-element-207e811f .elementor-button[type="submit"]{background-color:#D4B878;color:#000000;}.elementor-2806 .elementor-element.elementor-element-207e811f .elementor-button[type="submit"] svg *{fill:#000000;}.elementor-2806 .elementor-element.elementor-element-207e811f .e-form__buttons__wrapper__button-previous{background-color:#D4B878;color:#ffffff;}.elementor-2806 .elementor-element.elementor-element-207e811f .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-2806 .elementor-element.elementor-element-207e811f .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-2806 .elementor-element.elementor-element-207e811f .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-2806 .elementor-element.elementor-element-207e811f .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-2806 .elementor-element.elementor-element-207e811f .elementor-button{border-radius:50px 50px 50px 50px;padding:18px 38px 18px 38px;}.elementor-2806 .elementor-element.elementor-element-207e811f{--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;}@media(max-width:1024px){.elementor-2806 .elementor-element.elementor-element-1014c9d{margin:0px 5px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;}.elementor-2806 .elementor-element.elementor-element-73d30c3e{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:15px;}}@media(max-width:767px){.elementor-2806 .elementor-element.elementor-element-23eb4c85{--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-2806 .elementor-element.elementor-element-40b6f4a2{--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-2806 .elementor-element.elementor-element-73d30c3e{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(min-width:768px){.elementor-2806 .elementor-element.elementor-element-40b6f4a2{--width:50%;}.elementor-2806 .elementor-element.elementor-element-73d30c3e{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-0fb9278 *//* ==========================================================
   SERDAR DÜZGÜN — CONTACT HERO
   Matching Home Page Hero Style
   Desktop + Tablet + Mobile
========================================================== */


/* ==========================================================
   RESET
========================================================== */

.sd-contact-hero *,
.sd-contact-hero *::before,
.sd-contact-hero *::after {

    box-sizing: border-box;

}


/* ==========================================================
   HERO
========================================================== */

.sd-contact-hero {

    position: relative;

    width: 100%;

    min-height: 700px;

    display: flex;

    align-items: center;

    overflow: hidden;

    background-color: #081B2F;

    background-image:
        linear-gradient(
            90deg,
            rgba(8,27,47,.97) 0%,
            rgba(8,27,47,.93) 24%,
            rgba(8,27,47,.78) 40%,
            rgba(8,27,47,.52) 56%,
            rgba(8,27,47,.22) 72%,
            rgba(8,27,47,.08) 100%
        ),
        url("https://serdarduzgun.com/wp-content/uploads/2026/08/Op.-Dr.-Serdar-Duzgun.jpg");

    background-repeat: no-repeat;

    /*
     * Desktop image sizing
     */
    background-size: auto 96%;

    /*
     * Keep doctor on the right
     * and anchored to the bottom.
     */
    background-position: 78% bottom;

}


/* ==========================================================
   REMOVE OLD BACKGROUND IMAGE ELEMENT
========================================================== */

.sd-contact-bg {

    display: none !important;

}


/* ==========================================================
   OVERLAY
========================================================== */

.sd-overlay {

    position: absolute;

    inset: 0;

    z-index: 1;

    pointer-events: none;

    background:
        linear-gradient(
            180deg,
            rgba(8,27,47,.08) 0%,
            rgba(8,27,47,.18) 100%
        );

}


/* ==========================================================
   GOLD GLOW
========================================================== */

.sd-contact-hero::before {

    content: "";

    position: absolute;

    left: -220px;

    top: -220px;

    width: 620px;

    height: 620px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(211,181,116,.12) 0%,
            transparent 70%
        );

    z-index: 2;

    pointer-events: none;

}


/* ==========================================================
   BLUE GLOW
========================================================== */

.sd-contact-hero::after {

    content: "";

    position: absolute;

    right: -320px;

    bottom: -320px;

    width: 850px;

    height: 850px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(11,125,187,.14) 0%,
            transparent 70%
        );

    z-index: 2;

    pointer-events: none;

}


/* ==========================================================
   CONTAINER
========================================================== */

.sd-contact-hero .sd-container {

    position: relative;

    z-index: 5;

    width: min(1280px, calc(100% - 80px));

    margin: 0 auto;

    padding: 130px 0 90px;

}


/* ==========================================================
   CONTENT WIDTH
========================================================== */

.sd-contact-hero .sd-breadcrumb,
.sd-contact-hero h1,
.sd-contact-hero .sd-description {

    max-width: 570px;

}

/* ==========================================================
   HEADING
========================================================== */

.sd-contact-hero h1 {

    margin: 0;

    line-height: 1.05;

    letter-spacing: -1.5px;

}


/* SMALL HEADING */

.sd-heading-small {

    display: block;

    color: #ffffff;

    font-family:
        "Fraunces",
        Georgia,
        serif;

    font-size: 54px;

    line-height: 1.05;

    font-weight: 400;

}


/* LARGE HEADING */

.sd-heading-large {

    display: block;

    margin-top: 6px;

    color: #D3B574;

    font-family:
        "Fraunces",
        Georgia,
        serif;

    font-size: 70px;

    line-height: 1.02;

    font-weight: 500;

}


/* ==========================================================
   DESCRIPTION
========================================================== */

.sd-contact-hero .sd-description {

    margin: 28px 0 0;

    font-family: inherit;

    font-size: 19px;

    line-height: 1.65;

    font-weight: 400;

    color: rgba(255,255,255,.88);

}


/* ==========================================================
   DIVIDER
========================================================== */

.sd-contact-hero .sd-divider {

    width: 80px;

    height: 1px;

    margin: 34px 0;

    background: #D3B574;

}


/* ==========================================================
   BUTTONS
========================================================== */

.sd-contact-hero .sd-buttons {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 14px;

    margin: 0 0 42px;

}


/* ==========================================================
   BASE BUTTON
========================================================== */

.sd-contact-hero .sd-btn {

    position: relative;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    min-width: 215px;

    height: 56px;

    padding: 0 26px;

    overflow: hidden;

    border-radius: 999px;

    font-family: inherit;

    font-size: 13px;

    line-height: 1;

    font-weight: 700;

    text-decoration: none;

    transition:
        background .3s ease,
        border-color .3s ease,
        color .3s ease,
        transform .3s ease,
        box-shadow .3s ease;

}


/* ==========================================================
   BUTTON ICON
========================================================== */

.sd-contact-hero .sd-btn-icon {

    width: 20px;

    height: 20px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex: 0 0 auto;

}


.sd-contact-hero .sd-btn-icon svg {

    width: 20px;

    height: 20px;

}


/* ==========================================================
   PRIMARY BUTTON
========================================================== */

.sd-contact-hero .sd-btn-primary {

    background: #D3B574;

    border: 1px solid #D3B574;

    color: #081B2F !important;

    box-shadow: 0 12px 30px rgba(0,0,0,.18);

}


.sd-contact-hero .sd-btn-primary span {

    color: #081B2F;

}


.sd-contact-hero .sd-btn-primary:hover {

    background: #E2C488;

    border-color: #E2C488;

    color: #081B2F !important;

    transform: translateY(-3px);

    box-shadow: 0 18px 40px rgba(0,0,0,.24);

}


/* ==========================================================
   WHATSAPP BUTTON
========================================================== */

.sd-contact-hero .sd-btn-outline {

    background: rgba(255,255,255,.05);

    border: 1px solid rgba(255,255,255,.32);

    color: #ffffff !important;

    backdrop-filter: blur(5px);

    -webkit-backdrop-filter: blur(5px);

}


.sd-contact-hero .sd-btn-outline span {

    color: #ffffff;

}


.sd-contact-hero .sd-btn-outline:hover {

    background: #25D366;

    border-color: #25D366;

    color: #ffffff !important;

    transform: translateY(-3px);

}


/* ==========================================================
   BUTTON SHINE
========================================================== */

.sd-contact-hero .sd-btn::before {

    content: "";

    position: absolute;

    top: 0;

    left: -140%;

    width: 60%;

    height: 100%;

    transform: skewX(-20deg);

    background:
        linear-gradient(
            120deg,
            transparent,
            rgba(255,255,255,.28),
            transparent
        );

    transition: left .8s ease;

}


.sd-contact-hero .sd-btn:hover::before {

    left: 160%;

}


/* ==========================================================
   FEATURES
========================================================== */

.sd-contact-hero .sd-features {

    display: flex;

    align-items: center;

    gap: 30px;

    flex-wrap: nowrap;

}


/* ==========================================================
   FEATURE
========================================================== */

.sd-contact-hero .sd-feature {

    display: flex;

    align-items: center;

    gap: 12px;

    transition: transform .3s ease;

}


.sd-contact-hero .sd-feature:hover {

    transform: translateY(-3px);

}


/* ==========================================================
   FEATURE ICON
========================================================== */

.sd-contact-hero .sd-feature-icon {

    width: 48px;

    height: 48px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex: 0 0 auto;

    border-radius: 50%;

    background: rgba(255,255,255,.05);

    border: 1px solid rgba(211,181,116,.28);

    color: #D3B574;

    transition:
        background .3s ease,
        border-color .3s ease,
        transform .3s ease;

}


.sd-contact-hero .sd-feature-icon svg {

    width: 21px;

    height: 21px;

    fill: none;

    stroke: currentColor;

    stroke-width: 1.6;

    stroke-linecap: round;

    stroke-linejoin: round;

}


.sd-contact-hero .sd-feature:hover .sd-feature-icon {

    background: rgba(211,181,116,.10);

    border-color: #D3B574;

}


/* ==========================================================
   FEATURE TEXT
========================================================== */

.sd-contact-hero .sd-feature-content strong {

    display: block;

    font-family: inherit;

    font-size: 14px;

    line-height: 1.3;

    font-weight: 600;

    color: #ffffff;

}


.sd-contact-hero .sd-feature-content span {

    display: block;

    margin-top: 3px;

    font-family: inherit;

    font-size: 12px;

    line-height: 1.3;

    color: rgba(255,255,255,.68);

}


/* ==========================================================
   FADE ANIMATION
========================================================== */

.sd-contact-hero .sd-container {

    animation: sdContactFadeUp .9s ease-out both;

}


@keyframes sdContactFadeUp {

    from {

        opacity: 0;

        transform: translateY(30px);

    }

    to {

        opacity: 1;

        transform: translateY(0);

    }

}


/* ==========================================================
   LARGE DESKTOP
   1400px+
========================================================== */

@media (min-width: 1400px) {

    .sd-contact-hero {

        min-height: 720px;

        background-size: auto 97%;

        background-position: 76% bottom;

    }


    .sd-contact-hero .sd-container {

        width: min(1280px, calc(100% - 80px));

    }

}


/* ==========================================================
   TABLET
   768px — 1024px
========================================================== */

@media (min-width: 768px) and (max-width: 1024px) {

    .sd-contact-hero {

        min-height: 650px;

        background-size: auto 96%;

        background-position: 70% bottom;

    }


    .sd-contact-hero .sd-container {

        width: calc(100% - 72px);

        padding: 105px 0 75px;

    }


    .sd-contact-hero .sd-breadcrumb,
    .sd-contact-hero h1,
    .sd-contact-hero .sd-description {

        max-width: 500px;

    }


    .sd-heading-small {

        font-size: 44px;

    }


    .sd-heading-large {

        font-size: 58px;

    }


    .sd-contact-hero .sd-description {

        margin-top: 23px;

        font-size: 17px;

        line-height: 1.65;

    }


    .sd-contact-hero .sd-divider {

        margin: 28px 0;

    }


    .sd-contact-hero .sd-buttons {

        margin-bottom: 34px;

        gap: 12px;

    }


    .sd-contact-hero .sd-btn {

        min-width: 195px;

        height: 53px;

        padding: 0 22px;

        font-size: 12px;

    }


    .sd-contact-hero .sd-features {

        gap: 22px;

    }


    .sd-contact-hero .sd-feature-icon {

        width: 44px;

        height: 44px;

    }


    .sd-contact-hero .sd-feature-content strong {

        font-size: 13px;

    }


    .sd-contact-hero .sd-feature-content span {

        font-size: 11px;

    }

}


/* ==========================================================
   MOBILE
   0 — 767px
========================================================== */

@media (max-width: 767px) {

    .sd-contact-hero {

        min-height: 760px;

        align-items: flex-start;

        background-image:
            linear-gradient(
                180deg,
                rgba(8,27,47,.15) 0%,
                rgba(8,27,47,.28) 25%,
                rgba(8,27,47,.55) 45%,
                rgba(8,27,47,.84) 65%,
                rgba(8,27,47,.97) 82%,
                #081B2F 100%
            ),
            url("https://serdarduzgun.com/wp-content/uploads/2026/08/Op.-Dr.-Serdar-Duzgun.jpg");

        background-repeat: no-repeat;

        background-size: cover;

        background-position: 60% top;

    }


    .sd-contact-hero .sd-container {

        width: calc(100% - 48px);

        padding: 42px 0 50px;

        text-align: left;

    }


    .sd-contact-hero .sd-breadcrumb {

        max-width: 100%;

        margin-bottom: 0;

        gap: 8px;

        font-size: 13px;

    }


    .sd-contact-hero h1 {

        max-width: 100%;

        margin-top: 300px;

    }


    .sd-heading-small {

        font-size: 36px;

    }


    .sd-heading-large {

        margin-top: 5px;

        font-size: 44px;

    }


    .sd-contact-hero .sd-description {

        max-width: 100%;

        margin-top: 20px;

        font-size: 16px;

        line-height: 1.65;

    }


    .sd-contact-hero .sd-divider {

        width: 70px;

        margin: 26px 0;

    }


    .sd-contact-hero .sd-buttons {

        width: 100%;

        flex-direction: column;

        align-items: stretch;

        gap: 10px;

        margin-bottom: 34px;

    }


    .sd-contact-hero .sd-btn {

        width: 100%;

        min-width: 100%;

        height: 54px;

        font-size: 13px;

    }


    .sd-contact-hero .sd-features {

        width: 100%;

        flex-direction: column;

        align-items: flex-start;

        gap: 17px;

    }


    .sd-contact-hero .sd-feature {

        gap: 12px;

    }


    .sd-contact-hero .sd-feature-icon {

        width: 44px;

        height: 44px;

    }


    .sd-contact-hero .sd-feature-content strong {

        font-size: 13px;

    }


    .sd-contact-hero .sd-feature-content span {

        font-size: 11px;

    }


    .sd-contact-hero::before {

        width: 420px;

        height: 420px;

        left: -170px;

        top: -170px;

        opacity: .65;

    }


    .sd-contact-hero::after {

        width: 520px;

        height: 520px;

        right: -220px;

        bottom: -220px;

        opacity: .55;

    }

}


/* ==========================================================
   SMALL MOBILE
   480px and below
========================================================== */

@media (max-width: 480px) {

    .sd-contact-hero {

        min-height: 740px;

        background-position: 59% top;

    }


    .sd-contact-hero .sd-container {

        width: calc(100% - 36px);

        padding-top: 36px;

    }


    .sd-contact-hero h1 {

        margin-top: 270px;

    }


    .sd-heading-small {

        font-size: 32px;

    }


    .sd-heading-large {

        font-size: 39px;

    }


    .sd-contact-hero .sd-description {

        font-size: 15px;

        line-height: 1.65;

    }


    .sd-contact-hero .sd-divider {

        margin: 24px 0;

    }


    .sd-contact-hero .sd-btn {

        height: 52px;

        font-size: 12px;

    }


    .sd-contact-hero .sd-feature-icon {

        width: 42px;

        height: 42px;

    }


    .sd-contact-hero .sd-feature-content strong {

        font-size: 12px;

    }


    .sd-contact-hero .sd-feature-content span {

        font-size: 10.5px;

    }

}


/* ==========================================================
   VERY SMALL PHONES
   360px and below
========================================================== */

@media (max-width: 360px) {

    .sd-contact-hero {

        min-height: 720px;

        background-position: 58% top;

    }


    .sd-contact-hero .sd-container {

        width: calc(100% - 28px);

    }


    .sd-contact-hero h1 {

        margin-top: 250px;

    }


    .sd-heading-small {

        font-size: 29px;

    }


    .sd-heading-large {

        font-size: 35px;

    }


    .sd-contact-hero .sd-description {

        font-size: 14px;

    }


    .sd-contact-hero .sd-feature {

        gap: 9px;

    }


    .sd-contact-hero .sd-feature-icon {

        width: 40px;

        height: 40px;

    }

}


/* ==========================================================
   SELECTION
========================================================== */

.sd-contact-hero ::selection {

    background: #D3B574;

    color: #081B2F;

}


/* ==========================================================
   REDUCED MOTION
========================================================== */

@media (prefers-reduced-motion: reduce) {

    .sd-contact-hero .sd-container {

        animation: none !important;

    }

    .sd-contact-hero *,
    .sd-contact-hero *::before,
    .sd-contact-hero *::after {

        transition: none !important;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1014c9d */.sd-contact-label {
    color: #D4B878;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 3px;
    margin-bottom: 20px;
}

.sd-contact-content h2 {
    color: #ffffff;
    font-size: 56px;
    line-height: 1.1;
    margin-bottom: 25px;
}

.sd-contact-content p {
    color: rgba(255,255,255,.75);
    line-height: 1.9;
    font-size: 18px;
    margin-bottom: 40px;
}

.sd-contact-info {
    display: grid;
    gap: 20px;
}

.sd-contact-item {
    display: flex;
    gap: 20px;
    align-items: center;
}

.sd-contact-icon {
    width: 60px;
    height: 60px;
    background: rgba(212,184,120,.10);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sd-contact-icon svg {
    width: 24px;
    height: 24px;
    stroke: #D4B878;
    fill: none;
    stroke-width: 1.8;
}

.sd-contact-item strong {
    display: block;
    color: #ffffff;
    margin-bottom: 5px;
}

.sd-contact-item span {
    color: rgba(255,255,255,.7);
}
.option {
    color: #D4B878;
}

@media (max-width: 991px) {

    .sd-contact-container {
        grid-template-columns: 1fr;
    }

    .sd-contact-content h2 {
        font-size: 42px;
    }

}

@media (max-width: 767px) {

    .sd-contact {
        padding: 90px 20px;
    }

    .sd-contact-content h2 {
        font-size: 34px;
    }

    .sd-contact-form {
        padding: 30px;
    }

}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-207e811f *//*=====================================================
    SERDAR DUZGUN - PREMIUM BOOK CONSULTATION FORM
======================================================*/

/*==========================
  FORM CARD
==========================*/

.elementor-element-73d30c3e{
    background:#17304A;
    border:1px solid rgba(255,255,255,.08);
    border-radius:28px;
    padding:38px;
    box-shadow:0 18px 50px rgba(0,0,0,.18);
}

/*==========================
  HEADING
==========================*/

.elementor-element-73d30c3e
.elementor-element-6f1e56a3 h1,
.elementor-element-73d30c3e
.elementor-element-6f1e56a3 h2,
.elementor-element-73d30c3e
.elementor-element-6f1e56a3 h3{

    color:#fff;
    font-size:40px;
    font-weight:700;
    line-height:1.15;
    margin:0 0 28px;

}

/*==========================
  FORM WRAPPER
==========================*/

.elementor-element-73d30c3e
.elementor-element-207e811f
.elementor-form-fields-wrapper{

    display:flex;
    flex-direction:column;
    gap:16px;

}

.elementor-element-73d30c3e
.elementor-element-207e811f
.elementor-field-group{

    margin:0 !important;
    padding:0 !important;
    width:100%;
    display:block;

}

/*==========================
  INPUTS
==========================*/

.elementor-element-73d30c3e
.elementor-element-207e811f
input.elementor-field,

.elementor-element-73d30c3e
.elementor-element-207e811f
textarea.elementor-field,

.elementor-element-73d30c3e
.elementor-element-207e811f
select.elementor-field{

    width:100%;

    background:#223B55 !important;

    color:#ffffff !important;

    border:1px solid rgba(255,255,255,.15) !important;

    border-radius:14px !important;

    box-shadow:none !important;

    font-size:15px;

    transition:all .30s ease;

}

/*==========================
  INPUT HEIGHT
==========================*/

.elementor-element-73d30c3e
.elementor-element-207e811f
input.elementor-field,

.elementor-element-73d30c3e
.elementor-element-207e811f
select.elementor-field{

    height:58px !important;

    padding:0 22px !important;

}

/*==========================
  TEXTAREA
==========================*/

.elementor-element-73d30c3e
.elementor-element-207e811f
textarea.elementor-field{

    min-height:150px !important;

    padding:18px 22px !important;

    resize:none;

}

/*==========================
  PLACEHOLDER
==========================*/

.elementor-element-73d30c3e
.elementor-element-207e811f
input::placeholder,

.elementor-element-73d30c3e
.elementor-element-207e811f
textarea::placeholder{

    color:rgba(255,255,255,.45);

}

/*==========================
  SELECT
==========================*/

.elementor-element-73d30c3e
.elementor-element-207e811f
.elementor-field-type-select{

    position:relative;

}

.elementor-element-73d30c3e
.elementor-element-207e811f
select.elementor-field{

    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;

    cursor:pointer;

    padding-right:52px !important;

}

/*==========================
  SELECT ARROW
==========================*/

.elementor-element-73d30c3e
.elementor-element-207e811f
.elementor-field-type-select:after{

    content:"";

    position:absolute;

    right:22px;

    top:50%;

    width:8px;
    height:8px;

    border-right:2px solid #D4B878;
    border-bottom:2px solid #D4B878;

    transform:translateY(-65%) rotate(45deg);

    pointer-events:none;

}

/*==========================
  ELEMENTOR SELECT CARET
==========================*/

.elementor-element-73d30c3e
.elementor-element-207e811f
.select-caret-down-wrapper{

    display:none !important;

}

/*==========================
  OPTION
==========================*/

.elementor-element-73d30c3e
.elementor-element-207e811f
select option{

    background:#17304A;
    color:#ffffff;

}

/*==========================
  SELECT LABEL
==========================*/

.elementor-element-73d30c3e
.elementor-element-207e811f
.elementor-field-label{

    color:rgba(255,255,255,.65) !important;

    font-size:12px !important;

    margin:0 0 7px !important;

}

/*==========================
  FOCUS
==========================*/

.elementor-element-73d30c3e
.elementor-element-207e811f
input:focus,

.elementor-element-73d30c3e
.elementor-element-207e811f
textarea:focus,

.elementor-element-73d30c3e
.elementor-element-207e811f
select:focus{

    border-color:#D4B878 !important;

    box-shadow:0 0 0 3px rgba(212,184,120,.18) !important;

    outline:none;

}

/*==========================
  BUTTON
==========================*/

.elementor-element-73d30c3e
.elementor-element-207e811f
.elementor-field-type-submit{

    margin-top:8px !important;

}

.elementor-element-73d30c3e
.elementor-element-207e811f
.elementor-button{

    width:100%;

    height:60px;

    border:none;

    border-radius:999px;

    background:#D4B878 !important;

    color:#071622 !important;

    font-size:16px;

    font-weight:600;

    transition:all .30s ease;

}

/*==========================
  BUTTON HOVER
==========================*/

.elementor-element-73d30c3e
.elementor-element-207e811f
.elementor-button:hover{

    background:#DFC27D !important;

    transform:translateY(-3px);

    box-shadow:0 15px 35px rgba(212,184,120,.28);

}

/*==========================
  RESPONSIVE
==========================*/

@media (max-width:1024px){

    .elementor-element-73d30c3e{

        padding:30px;

    }

}

@media (max-width:767px){

    .elementor-element-73d30c3e{

        padding:24px;

        border-radius:22px;

    }

    .elementor-element-73d30c3e
    .elementor-element-6f1e56a3 h1,

    .elementor-element-73d30c3e
    .elementor-element-6f1e56a3 h2,

    .elementor-element-73d30c3e
    .elementor-element-6f1e56a3 h3{

        font-size:32px;

    }

    .elementor-element-73d30c3e
    .elementor-element-207e811f
    input.elementor-field,

    .elementor-element-73d30c3e
    .elementor-element-207e811f
    select.elementor-field{

        height:54px !important;

    }

    .elementor-element-73d30c3e
    .elementor-element-207e811f
    textarea.elementor-field{

        min-height:130px !important;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-73d30c3e *//* ==========================================================
   SERDAR DUZGUN - CONTACT FORM
   CONTACT PAGE
========================================================== */

/*----------------------------------------------------------
CARD
----------------------------------------------------------*/

.elementor-558 .elementor-element.elementor-element-73d30c3e{

    background:#17304A;

    border:1px solid rgba(255,255,255,.08);

    border-radius:28px;

    padding:32px;

    box-shadow:0 18px 45px rgba(0,0,0,.18);

}


/*----------------------------------------------------------
HEADING
----------------------------------------------------------*/

.elementor-558 .elementor-element.elementor-element-6f1e56a3 .elementor-heading-title{

    color:#fff;

    font-size:42px;

    font-weight:700;

    line-height:1.15;

    margin-bottom:28px;

}


/*----------------------------------------------------------
FORM WRAPPER
----------------------------------------------------------*/

.elementor-558 .elementor-element.elementor-element-207e811f .elementor-form-fields-wrapper{

    display:flex;

    flex-direction:column;

    gap:14px;

}

.elementor-558 .elementor-element.elementor-element-207e811f .elementor-field-group{

    margin:0 !important;

    padding:0 !important;

}


/*----------------------------------------------------------
LABEL
----------------------------------------------------------*/

.elementor-558 .elementor-element.elementor-element-207e811f .elementor-field-label{

    color:#C9D3DD;

    font-size:14px;

    font-weight:500;

    margin-bottom:8px;

}


/*----------------------------------------------------------
FIELDS
----------------------------------------------------------*/

.elementor-558 .elementor-element.elementor-element-207e811f input.elementor-field,
.elementor-558 .elementor-element.elementor-element-207e811f textarea.elementor-field,
.elementor-558 .elementor-element.elementor-element-207e811f select.elementor-field{

    width:100%;

    background:#233C56 !important;

    color:#ffffff !important;

    border:1px solid rgba(255,255,255,.12) !important;

    border-radius:12px !important;

    box-shadow:none !important;

    transition:.3s ease;

}


/*----------------------------------------------------------
INPUT HEIGHT
----------------------------------------------------------*/

.elementor-558 .elementor-element.elementor-element-207e811f input.elementor-field,
.elementor-558 .elementor-element.elementor-element-207e811f select.elementor-field{

    height:56px !important;

    padding:0 18px !important;

}


/*----------------------------------------------------------
TEXTAREA
----------------------------------------------------------*/

.elementor-558 .elementor-element.elementor-element-207e811f textarea.elementor-field{

    min-height:110px !important;

    padding:18px !important;

    resize:none;

}


/*----------------------------------------------------------
PLACEHOLDER
----------------------------------------------------------*/

.elementor-558 .elementor-element.elementor-element-207e811f input::placeholder,
.elementor-558 .elementor-element.elementor-element-207e811f textarea::placeholder{

    color:rgba(255,255,255,.45);

}


/*----------------------------------------------------------
SELECT
----------------------------------------------------------*/

.elementor-558 .elementor-element.elementor-element-207e811f select.elementor-field{

    appearance:none;

    -webkit-appearance:none;

    -moz-appearance:none;

    padding-right:50px !important;

    cursor:pointer;

}

.elementor-558 .elementor-element.elementor-element-207e811f .eicon-caret-down{

    color:#D4B878 !important;

    font-size:13px;

}


/*----------------------------------------------------------
OPTIONS
----------------------------------------------------------*/

.elementor-558 .elementor-element.elementor-element-207e811f select option{

    background:#17304A;

    color:#ffffff;

}


/*----------------------------------------------------------
FOCUS
----------------------------------------------------------*/

.elementor-558 .elementor-element.elementor-element-207e811f input:focus,
.elementor-558 .elementor-element.elementor-element-207e811f textarea:focus,
.elementor-558 .elementor-element.elementor-element-207e811f select:focus{

    border-color:#D4B878 !important;

    box-shadow:0 0 0 3px rgba(212,184,120,.18) !important;

    outline:none;

}


/*----------------------------------------------------------
BUTTON
----------------------------------------------------------*/

.elementor-558 .elementor-element.elementor-element-207e811f .elementor-field-type-submit{

    margin-top:8px !important;

}

.elementor-558 .elementor-element.elementor-element-207e811f .elementor-button{

    width:100%;

    height:58px;

    border:none;

    border-radius:50px;

    background:#D4B878 !important;

    color:#071622 !important;

    font-size:16px;

    font-weight:600;

    transition:.35s ease;

}

.elementor-558 .elementor-element.elementor-element-207e811f .elementor-button:hover{

    background:#DFC27D !important;

    transform:translateY(-2px);

    box-shadow:0 12px 28px rgba(212,184,120,.30);

}


/*----------------------------------------------------------
TABLET
----------------------------------------------------------*/

@media (max-width:1024px){

.elementor-558 .elementor-element.elementor-element-73d30c3e{

    padding:28px;

}

.elementor-558 .elementor-element.elementor-element-6f1e56a3 .elementor-heading-title{

    font-size:36px;

}

}


/*----------------------------------------------------------
MOBILE
----------------------------------------------------------*/

@media (max-width:767px){

.elementor-558 .elementor-element.elementor-element-73d30c3e{

    padding:24px;

    border-radius:22px;

}

.elementor-558 .elementor-element.elementor-element-6f1e56a3 .elementor-heading-title{

    font-size:32px;

}

.elementor-558 .elementor-element.elementor-element-207e811f input.elementor-field,
.elementor-558 .elementor-element.elementor-element-207e811f select.elementor-field{

    height:52px !important;

}

.elementor-558 .elementor-element.elementor-element-207e811f textarea.elementor-field{

    min-height:100px !important;

}

}/* End custom CSS */